:root {
      --forest: #17352d;
      --forest-2: #234b3e;
      --ink: #17231f;
      --muted: #65736c;
      --paper: #f7f5ef;
      --paper-2: #eeece3;
      --kraft: #d8b98c;
      --kraft-deep: #b8844d;
      --lime: #d7e77b;
      --line: #e1e3d9;
      --white: #ffffff;
      --shadow: 0 20px 55px rgba(23, 53, 45, .10);
      --radius: 22px;
    }
    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body {
      margin: 0;
      font-family: Tahoma, Arial, sans-serif;
      color: var(--ink);
      background: #fff;
      line-height: 1.9;
      text-rendering: optimizeLegibility;
    }
    a { color: inherit; text-decoration: none; }
    button, a { -webkit-tap-highlight-color: transparent; }
    .container { width: min(1160px, calc(100% - 44px)); margin-inline: auto; }
    .order-section { padding: 92px 0; background: linear-gradient(180deg,#f7f5ef 0%,#fff 100%); }
    .order-layout { display:grid; grid-template-columns:.8fr 1.2fr; gap:42px; align-items:start; }
    .order-intro { position:sticky; top:115px; }
    .order-intro h2 { font-size:clamp(28px,3.5vw,42px); line-height:1.5; margin:12px 0; color:var(--forest); }
    .order-intro p { color:var(--muted); }
    .order-note { margin-top:24px; padding:18px; border:1px solid #e4e4d8; background:#fff; border-radius:16px; font-size:13px; color:#59665f; }
    .order-form { background:#fff; border:1px solid var(--line); border-radius:24px; padding:30px; box-shadow:var(--shadow); }
    .form-grid { display:grid; grid-template-columns:1fr 1fr; gap:17px; }
    .form-field { display:flex; flex-direction:column; gap:7px; }
    .form-field.full { grid-column:1/-1; }
    .form-field label { font-size:13px; font-weight:700; color:#34473e; }
    .form-field input,.form-field select,.form-field textarea { width:100%; min-height:48px; border:1px solid #dfe3dc; border-radius:11px; padding:12px 13px; background:#fcfcfa; font:inherit; font-size:14px; color:var(--ink); outline:none; }
    .form-field textarea { min-height:115px; resize:vertical; }
    .form-field input:focus,.form-field select:focus,.form-field textarea:focus { border-color:var(--forest-2); box-shadow:0 0 0 3px rgba(35,75,62,.09); }
    .form-submit { width:100%; border:0; cursor:pointer; font:inherit; margin-top:20px; }
    .form-help { color:var(--muted); font-size:12px; margin:12px 0 0; }
    @media(max-width:800px) { .order-layout {grid-template-columns:1fr; gap:24px}.order-intro{position:static}.order-section{padding:65px 0}.order-form{padding:22px} }
    @media(max-width:520px) { .form-grid{grid-template-columns:1fr}.form-field.full{grid-column:auto} }
    .topline { height: 5px; background: linear-gradient(90deg, var(--lime) 0 28%, var(--kraft-deep) 28% 58%, var(--forest) 58% 100%); }
    header {
      position: sticky; top: 0; z-index: 50;
      background: rgba(255,255,255,.93);
      backdrop-filter: blur(14px);
      border-bottom: 1px solid rgba(225,227,217,.85);
    }
    .nav { display: flex; align-items: center; justify-content: space-between; min-height: 82px; gap: 24px; }
    .brand { display: inline-flex; align-items: center; gap: 12px; flex-shrink: 0; }
    .brand-mark { width: 46px; height: 46px; display: grid; place-items: center; background: var(--forest); border-radius: 14px; box-shadow: 0 7px 15px rgba(23,53,45,.17); }
    .brand-mark svg { width: 31px; height: 31px; }
    .brand-name { font-size: 21px; font-weight: 900; letter-spacing: -.5px; color: var(--forest); line-height: 1.35; }
    .brand-name small { display: block; color: #77827c; font-size: 10px; font-weight: 500; letter-spacing: 1.4px; direction: ltr; text-align: right; }
    .nav-links { display: flex; align-items: center; gap: 26px; color: #43544c; font-size: 13px; font-weight: 700; }
    .nav-links a { transition: color .2s; }
    .nav-links a:hover { color: var(--kraft-deep); }
    .nav-call { display: inline-flex; gap: 9px; align-items: center; padding: 12px 17px; color: #fff; background: var(--forest); border-radius: 12px; font-size: 13px; font-weight: 700; white-space: nowrap; transition: transform .2s, background .2s; }
    .nav-call:hover { background: var(--forest-2); transform: translateY(-2px); }
    .nav-call svg { width: 17px; height: 17px; }
    .menu-toggle { display: none; border: 1px solid var(--line); background: #fff; border-radius: 11px; width: 44px; height: 44px; color: var(--forest); cursor: pointer; }
    .hero { position: relative; overflow: hidden; background: var(--paper); }
    .hero::before { content: ""; position: absolute; inset: 0; pointer-events: none; background-image: linear-gradient(rgba(23,53,45,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(23,53,45,.035) 1px, transparent 1px); background-size: 38px 38px; mask-image: linear-gradient(90deg, #000, transparent 82%); }
    .hero::after { content: ""; position: absolute; left: -130px; top: -180px; width: 440px; height: 440px; border: 1px solid rgba(184,132,77,.19); border-radius: 50%; box-shadow: 0 0 0 46px rgba(184,132,77,.035), 0 0 0 94px rgba(184,132,77,.025); }
    .hero-grid { position: relative; z-index: 1; min-height: 590px; display: grid; grid-template-columns: 1.02fr .98fr; align-items: center; gap: 40px; padding-block: 66px 72px; }
    .eyebrow { display: inline-flex; align-items: center; gap: 9px; margin-bottom: 20px; padding: 6px 12px; border: 1px solid #dce1d0; border-radius: 999px; color: var(--forest); background: rgba(255,255,255,.7); font-size: 12px; font-weight: 700; }
    .eyebrow span { width: 7px; height: 7px; background: var(--kraft-deep); border-radius: 50%; box-shadow: 0 0 0 4px rgba(184,132,77,.13); }
    h1,h2,h3,p { margin-top: 0; }
    h1 { margin-bottom: 20px; max-width: 620px; color: var(--forest); font-size: clamp(34px, 4.1vw, 56px); line-height: 1.45; letter-spacing: -1.9px; font-weight: 900; }
    h1 em { font-style: normal; color: var(--kraft-deep); position: relative; white-space: nowrap; }
    h1 em::after { content: ""; height: 9px; position: absolute; z-index: -1; right: 0; left: 0; bottom: 1px; background: var(--lime); border-radius: 5px; }
    .hero-copy { max-width: 545px; color: #68766f; font-size: 15px; line-height: 2.15; margin-bottom: 29px; }
    .hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 34px; }
    .btn { min-height: 50px; padding: 12px 20px; border-radius: 12px; display: inline-flex; justify-content: center; align-items: center; gap: 10px; font-size: 13px; font-weight: 800; transition: .22s ease; }
    .btn svg { width: 17px; height: 17px; }
    .btn-primary { background: var(--forest); color: #fff; box-shadow: 0 9px 20px rgba(23,53,45,.15); }
    .btn-primary:hover { background: var(--forest-2); transform: translateY(-3px); }
    .btn-light { border: 1px solid #d5d9cf; color: var(--forest); background: rgba(255,255,255,.68); }
    .btn-light:hover { border-color: var(--kraft-deep); transform: translateY(-3px); }
    .hero-points { display: flex; flex-wrap: wrap; gap: 20px; color: #4a5d53; font-size: 12px; font-weight: 700; }
    .hero-points span { display: inline-flex; align-items: center; gap: 7px; }
    .check { width: 18px; height: 18px; border-radius: 50%; display: inline-grid; place-items: center; background: #e3ebc5; color: var(--forest); font-size: 12px; font-weight: 900; }
    .hero-art { min-height: 425px; position: relative; display: grid; place-items: center; }
    .art-blob { position: absolute; width: 375px; height: 375px; border-radius: 50%; background: #e6e2d3; right: 50%; top: 50%; transform: translate(50%,-50%); }
    .art-ring { position: absolute; width: 455px; height: 455px; border: 1px dashed rgba(35,75,62,.25); border-radius: 50%; right: 50%; top: 50%; transform: translate(50%,-50%); }
    .art-label { position: absolute; display: flex; gap: 9px; align-items: center; padding: 10px 13px; border: 1px solid rgba(225,227,217,.9); background: rgba(255,255,255,.92); border-radius: 12px; box-shadow: 0 10px 28px rgba(23,53,45,.08); font-size: 11px; color: var(--forest); font-weight: 800; z-index: 4; }
    .art-label .mini-dot { width: 9px; height: 9px; border-radius: 3px; background: var(--kraft-deep); }
    .label-one { top: 60px; right: 10px; }
    .label-two { bottom: 55px; left: 2px; }
    .label-three { bottom: 15px; right: 80px; }
    .carton { position: absolute; filter: drop-shadow(0 17px 12px rgba(61,49,34,.12)); }
    .carton svg { display: block; width: 100%; height: auto; }
    .carton-main { width: 260px; top: 70px; right: calc(50% - 125px); z-index: 2; }
    .carton-small { width: 167px; top: 185px; left: 24px; z-index: 3; transform: rotate(-5deg); }
    .carton-flat { width: 202px; bottom: 29px; right: calc(50% - 180px); z-index: 1; transform: rotate(3deg); }
    .stats { position: relative; z-index: 5; margin-top: -1px; background: var(--forest); color: #fff; }
    .stats-grid { display: grid; grid-template-columns: repeat(4,1fr); padding-block: 23px; }
    .stat { display: flex; align-items: center; justify-content: center; gap: 13px; padding: 8px 16px; border-left: 1px solid rgba(255,255,255,.15); }
    .stat:last-child { border-left: 0; }
    .stat-icon { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 13px; background: rgba(215,231,123,.13); color: var(--lime); flex-shrink: 0; }
    .stat-icon svg { width: 21px; height: 21px; }
    .stat strong { display: block; font-size: 14px; line-height: 1.6; }
    .stat small { display: block; margin-top: 2px; color: #bdccc4; font-size: 11px; }
    section { scroll-margin-top: 92px; }
    .section { padding-block: 96px; }
    .section-head { max-width: 680px; margin: 0 auto 44px; text-align: center; }
    .section-kicker { display: inline-block; margin-bottom: 10px; color: var(--kraft-deep); font-size: 12px; font-weight: 900; letter-spacing: .1px; }
    h2 { color: var(--forest); font-size: clamp(27px, 3vw, 38px); line-height: 1.55; letter-spacing: -1px; margin-bottom: 13px; }
    .section-head p { margin-bottom: 0; color: var(--muted); font-size: 14px; line-height: 2.1; }
    .services { background: #fff; }
    .service-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
    .service-card { position: relative; overflow: hidden; min-height: 226px; padding: 27px 25px 25px; border: 1px solid var(--line); border-radius: 19px; background: #fff; transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
    .service-card:hover { transform: translateY(-5px); border-color: #d3c09e; box-shadow: var(--shadow); }
    .service-card::after { content: ""; position: absolute; width: 95px; height: 95px; border: 1px solid rgba(184,132,77,.13); border-radius: 25px; left: -39px; bottom: -43px; transform: rotate(28deg); }
    .service-icon { display: grid; place-items: center; width: 50px; height: 50px; border-radius: 15px; margin-bottom: 18px; color: var(--forest); background: #edf0e5; }
    .service-icon svg { width: 25px; height: 25px; }
    .service-card h3 { color: var(--forest); font-size: 17px; margin-bottom: 8px; }
    .service-card p { margin: 0; color: #6c7972; font-size: 12px; line-height: 2.05; }
    .specs { background: var(--paper); position: relative; overflow: hidden; }
    .specs::before { content: ""; position: absolute; left: -120px; bottom: -220px; width: 450px; height: 450px; border-radius: 50%; border: 1px solid rgba(35,75,62,.1); box-shadow: 0 0 0 40px rgba(35,75,62,.025), 0 0 0 80px rgba(35,75,62,.02); }
    .specs-layout { position: relative; z-index: 1; display: grid; grid-template-columns: .85fr 1.15fr; gap: 45px; align-items: start; }
    .specs-intro { padding-top: 12px; }
    .specs-intro h2 { font-size: clamp(28px,3.4vw,41px); }
    .specs-intro p { color: var(--muted); font-size: 14px; line-height: 2.15; margin-bottom: 24px; }
    .material-note { display: flex; align-items: flex-start; gap: 12px; padding: 16px; background: rgba(255,255,255,.76); border: 1px solid #e3e3d8; border-radius: 15px; }
    .material-note svg { width: 22px; height: 22px; color: var(--kraft-deep); flex-shrink: 0; margin-top: 3px; }
    .material-note strong { display: block; color: var(--forest); font-size: 13px; margin-bottom: 3px; }
    .material-note span { display: block; color: #78827b; font-size: 11px; line-height: 1.9; }
    .spec-stack { display: grid; gap: 16px; }
    .spec-card { background: #fff; border: 1px solid #e6e4da; border-radius: 20px; padding: 23px; box-shadow: 0 8px 30px rgba(23,53,45,.035); }
    .spec-title { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 16px; }
    .spec-title h3 { margin: 0; color: var(--forest); font-size: 17px; }
    .spec-badge { border-radius: 8px; padding: 4px 9px; color: #76502e; background: #f5e7d1; font-size: 10px; font-weight: 900; white-space: nowrap; }
    .pill-row { display: flex; flex-wrap: wrap; gap: 8px; }
    .pill { padding: 7px 12px; border-radius: 9px; color: #506056; background: #f4f5f0; border: 1px solid #e8eae1; font-size: 12px; font-weight: 700; }
    .pill.kraft { background: #f7ead8; color: #785433; border-color: #edd9bc; }
    .print-card { margin-top: 0; }
    .weight-line { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding-bottom: 16px; margin-bottom: 16px; border-bottom: 1px solid #ecece5; }
    .weight-number { color: var(--forest); font-size: 27px; font-weight: 900; letter-spacing: -1px; direction: ltr; }
    .weight-number small { font-size: 12px; color: #6a786f; font-weight: 700; }
    .weight-caption { color: #6d7972; font-size: 11px; text-align: left; }
    .equipment { background: #fff; }
    .equipment-grid { display: grid; grid-template-columns: .83fr 1.17fr; gap: 54px; align-items: center; }
    .equipment-visual { position: relative; min-height: 480px; border-radius: 24px; overflow: hidden; display: grid; place-items: center; background: var(--forest); }
    .equipment-visual::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 60% 35%, rgba(215,231,123,.18), transparent 43%), linear-gradient(135deg, transparent 50%, rgba(255,255,255,.035) 50%); background-size: auto, 34px 34px; }
    .machine-illustration { position: relative; width: 90%; max-width: 440px; z-index: 1; }
    .machine-caption { position: absolute; bottom: 20px; right: 20px; left: 20px; display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 15px 17px; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.14); backdrop-filter: blur(12px); border-radius: 14px; color: white; font-size: 12px; }
    .machine-caption span { color: #d7e2da; font-size: 10px; }
    .equipment-copy h2 { margin-bottom: 15px; }
    .equipment-copy > p { color: var(--muted); font-size: 14px; margin-bottom: 27px; line-height: 2.1; }
    .equipment-list { display: grid; gap: 15px; }
    .equipment-item { display: flex; align-items: flex-start; gap: 14px; padding-bottom: 15px; border-bottom: 1px solid #eaede5; }
    .equipment-item:last-child { border-bottom: 0; padding-bottom: 0; }
    .equip-num { width: 32px; height: 32px; border-radius: 10px; display: grid; place-items: center; flex-shrink: 0; color: var(--forest); background: var(--paper-2); font-size: 12px; font-weight: 900; }
    .equipment-item h3 { font-size: 14px; color: var(--forest); margin-bottom: 3px; }
    .equipment-item p { font-size: 11px; color: #77837b; margin: 0; line-height: 1.9; }
    .steps { background: var(--paper); }
    .steps-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 15px; }
    .step-card { position: relative; padding: 25px 21px; min-height: 186px; background: #fff; border-radius: 17px; border: 1px solid #e5e5db; }
    .step-num { display: inline-block; color: #bd8a54; font-size: 12px; font-weight: 900; margin-bottom: 15px; direction: ltr; }
    .step-card h3 { color: var(--forest); font-size: 15px; margin-bottom: 8px; }
    .step-card p { color: #718077; font-size: 11px; line-height: 2; margin: 0; }
    .contact { padding-block: 90px; background: var(--forest); color: white; position: relative; overflow: hidden; }
    .contact::before { content: ""; position: absolute; width: 550px; height: 550px; left: -210px; top: -250px; border: 1px solid rgba(215,231,123,.17); border-radius: 50%; box-shadow: 0 0 0 40px rgba(215,231,123,.025), 0 0 0 90px rgba(215,231,123,.02); }
    .contact-layout { position: relative; z-index: 1; display: grid; grid-template-columns: 1fr .9fr; gap: 60px; align-items: center; }
    .contact .section-kicker { color: var(--lime); }
    .contact h2 { color: #fff; font-size: clamp(28px,3.2vw,40px); margin-bottom: 14px; }
    .contact-copy > p { color: #c5d2ca; font-size: 14px; line-height: 2.1; max-width: 510px; margin-bottom: 27px; }
    .contact-actions { display: flex; flex-wrap: wrap; gap: 12px; }
    .contact .btn-primary { background: var(--lime); color: var(--forest); box-shadow: none; }
    .contact .btn-primary:hover { background: #e3efa0; }
    .contact .btn-light { background: transparent; color: #fff; border-color: rgba(255,255,255,.23); }
    .contact .btn-light:hover { border-color: var(--lime); }
    .contact-card { background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.13); border-radius: 20px; padding: 23px; }
    .contact-row { display: flex; gap: 14px; align-items: flex-start; padding: 15px 0; border-bottom: 1px solid rgba(255,255,255,.12); }
    .contact-row:first-child { padding-top: 0; }
    .contact-row:last-child { border-bottom: 0; padding-bottom: 0; }
    .contact-icon { flex-shrink: 0; display: grid; place-items: center; width: 41px; height: 41px; border-radius: 12px; background: rgba(215,231,123,.12); color: var(--lime); }
    .contact-icon svg { width: 20px; height: 20px; }
    .contact-row small { display: block; color: #b7c7be; font-size: 10px; margin-bottom: 3px; }
    .contact-row strong { display: block; color: #fff; font-size: 14px; font-weight: 700; line-height: 1.9; }
    .contact-row a strong { direction: ltr; text-align: right; }
    .map-link { display: inline-flex; align-items: center; gap: 5px; color: var(--lime); font-size: 11px; margin-top: 7px; }
    footer { background: #102820; color: #c6d3cb; padding-block: 23px; }
    .footer-inner { display: flex; align-items: center; justify-content: space-between; gap: 18px; font-size: 11px; }
    .footer-brand { font-weight: 900; color: #fff; font-size: 14px; }
    .footer-links { display: flex; gap: 20px; }
    .footer-links a:hover { color: var(--lime); }
    .floating-call { display: none; }
    @media (max-width: 980px) {
      .nav-links { gap: 15px; font-size: 12px; }
      .nav-call { padding: 11px 13px; }
      .hero-grid { gap: 20px; }
      .hero-art { transform: scale(.92); }
      .service-grid { grid-template-columns: repeat(2,1fr); }
      .specs-layout, .equipment-grid { gap: 32px; }
      .steps-grid { grid-template-columns: repeat(2,1fr); }
      .contact-layout { gap: 35px; }
    }
    @media (max-width: 760px) {
      .container { width: min(100% - 32px, 540px); }
      .nav { min-height: 72px; }
      .brand-mark { width: 42px; height: 42px; }
      .brand-name { font-size: 19px; }
      .nav-call { display: none; }
      .menu-toggle { display: grid; place-items: center; }
      .nav-links { display: none; position: absolute; top: 71px; right: 0; left: 0; padding: 14px 22px 20px; background: white; border-bottom: 1px solid var(--line); box-shadow: 0 16px 25px rgba(23,53,45,.07); flex-direction: column; align-items: stretch; gap: 0; }
      .nav-links.open { display: flex; }
      .nav-links a { padding: 11px 0; border-bottom: 1px solid #f0f0eb; }
      .nav-links a:last-child { border-bottom: 0; }
      .hero-grid { grid-template-columns: 1fr; padding-block: 47px 48px; gap: 8px; }
      .hero-text { text-align: center; }
      .eyebrow { margin-bottom: 13px; }
      h1 { font-size: clamp(31px, 9vw, 43px); letter-spacing: -1.1px; margin-inline: auto; }
      .hero-copy { font-size: 13px; margin-inline: auto; margin-bottom: 22px; }
      .hero-actions { justify-content: center; margin-bottom: 24px; }
      .hero-points { justify-content: center; gap: 10px 16px; }
      .hero-points span { font-size: 10px; }
      .hero-art { min-height: 340px; transform: scale(.82); margin: -17px -20px -13px; }
      .art-blob { width: 330px; height: 330px; }
      .art-ring { width: 390px; height: 390px; }
      .carton-main { width: 225px; top: 53px; right: calc(50% - 103px); }
      .carton-small { width: 140px; top: 151px; left: 3px; }
      .carton-flat { width: 170px; bottom: 24px; right: calc(50% - 150px); }
      .label-one { top: 28px; right: 4px; }
      .label-two { bottom: 49px; left: -12px; }
      .label-three { bottom: 11px; right: 76px; }
      .stats-grid { grid-template-columns: repeat(2,1fr); padding-block: 12px; }
      .stat { justify-content: flex-start; padding: 11px 5px; border-left: 0; }
      .stat:nth-child(odd) { border-left: 1px solid rgba(255,255,255,.14); }
      .stat-icon { width: 36px; height: 36px; border-radius: 11px; }
      .stat strong { font-size: 12px; }
      .stat small { font-size: 10px; }
      .section { padding-block: 64px; }
      .section-head { margin-bottom: 29px; }
      h2 { font-size: 28px; }
      .section-head p { font-size: 12px; }
      .service-grid { grid-template-columns: 1fr; gap: 12px; }
      .service-card { min-height: 0; padding: 22px; }
      .service-card h3 { font-size: 16px; }
      .specs-layout { grid-template-columns: 1fr; gap: 27px; }
      .specs-intro { padding-top: 0; }
      .specs-intro h2 { font-size: 30px; }
      .specs-intro p { font-size: 12px; }
      .spec-card { padding: 18px; }
      .spec-title h3 { font-size: 15px; }
      .pill { font-size: 11px; padding: 7px 10px; }
      .weight-number { font-size: 24px; }
      .equipment-grid { grid-template-columns: 1fr; gap: 28px; }
      .equipment-visual { min-height: 340px; order: 2; }
      .machine-illustration { width: 94%; }
      .equipment-copy h2 { font-size: 29px; }
      .equipment-copy > p { font-size: 12px; }
      .steps-grid { grid-template-columns: 1fr 1fr; gap: 10px; }
      .step-card { padding: 18px 15px; min-height: 170px; }
      .step-card h3 { font-size: 13px; }
      .step-card p { font-size: 10px; }
      .contact { padding-block: 65px; }
      .contact-layout { grid-template-columns: 1fr; gap: 30px; }
      .contact h2 { font-size: 30px; }
      .contact-copy > p { font-size: 12px; }
      .contact-card { padding: 18px; }
      .contact-row strong { font-size: 12px; }
      .footer-inner { flex-direction: column; align-items: flex-start; }
      .footer-links { flex-wrap: wrap; gap: 15px; }
      .floating-call { display: flex; position: fixed; z-index: 60; bottom: 14px; right: 16px; left: 16px; justify-content: center; align-items: center; gap: 9px; height: 49px; border-radius: 14px; background: var(--lime); color: var(--forest); font-weight: 900; font-size: 13px; box-shadow: 0 12px 28px rgba(16,40,32,.23); }
      footer { padding-bottom: 80px; }
    }
    @media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; } }
  
    /* WordPress extras */
    .admin-bar header { top: 32px; }
    @media (max-width: 782px) { .admin-bar header { top: 46px; } }
    .nav-links ul { list-style: none; margin: 0; padding: 0; }
    .page-content { padding-block: 70px 90px; min-height: 50vh; }
    .page-content h1 { font-size: clamp(28px,3.5vw,42px); letter-spacing: 0; }
    .page-content .entry { max-width: 800px; font-size: 15px; }
    .page-content .entry img { max-width: 100%; height: auto; border-radius: 14px; }
    .page-content .post-item { padding: 22px 0; border-bottom: 1px solid var(--line); }
    .page-content .post-item h2 { font-size: 22px; letter-spacing: 0; margin-bottom: 6px; }
    .page-content .post-item h2 a:hover { color: var(--kraft-deep); }
    .screen-reader-text { position: absolute; clip: rect(1px,1px,1px,1px); width: 1px; height: 1px; overflow: hidden; }
    .alignleft { float: left; margin: 0 20px 10px 0; } .alignright { float: right; margin: 0 0 10px 20px; } .aligncenter { display: block; margin-inline: auto; }

.jb-blog input{font:inherit}
.jb-blog .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--forest);color:#fff;border-radius:12px;padding:12px 17px;font-size:13px;font-weight:700;border:0}
.jb-blog .btn:hover{background:var(--forest2)}
.jb-blog .blog-hero{position:relative;overflow:hidden;background:linear-gradient(105deg,rgba(16,40,32,.96),rgba(23,53,45,.88)),repeating-linear-gradient(135deg,#244a3d 0 2px,#19382e 2px 10px);color:white;padding:62px 0 54px}
.jb-blog .blog-hero:after{content:"BOXMAKER";position:absolute;left:-15px;bottom:-70px;font-size:clamp(100px,17vw,220px);font-weight:900;letter-spacing:-8px;color:rgba(255,255,255,.035);direction:ltr;pointer-events:none}
.jb-blog .hero-inner{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:30px}
.jb-blog .eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--lime);font-size:12px;font-weight:700}
.jb-blog .eyebrow:before{content:"";width:25px;height:2px;background:var(--lime)}
.jb-blog h1{font-size:clamp(30px,4vw,47px);line-height:1.5;margin:12px 0 8px}
.jb-blog .hero-inner p{color:#d1ddd6;max-width:620px;margin:0;font-size:15px}
.jb-blog .hero-badge{width:130px;height:130px;flex-shrink:0;border:1px solid rgba(215,231,123,.35);border-radius:28px;display:grid;place-items:center;transform:rotate(-5deg);background:rgba(255,255,255,.035)}
.jb-blog .hero-badge svg{width:74px;height:74px}
.jb-blog .crumb{font-size:12px;color:#d5e0d9;margin-top:19px}
.jb-blog .crumb a{color:var(--lime)}
.jb-blog .main{padding:48px 0 70px;background:linear-gradient(180deg,#fbfaf7,#fff 55%)}
.jb-blog .layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:30px;align-items:start}
.jb-blog .section-head{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-bottom:20px}
.jb-blog .section-head h2{font-size:23px;color:var(--forest);margin:0}
.jb-blog .section-head p{font-size:12px;color:var(--muted);margin:3px 0 0}
.jb-blog .search{position:relative;margin-bottom:18px}
.jb-blog .search input{width:100%;border:1px solid var(--line);background:white;border-radius:12px;padding:13px 42px 13px 14px;outline:none;font-size:13px}
.jb-blog .search input:focus{border-color:var(--forest2);box-shadow:0 0 0 3px #234b3e12}
.jb-blog .search svg{position:absolute;right:14px;top:15px;width:18px;color:var(--muted)}
.jb-blog .filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}
.jb-blog .filter{border:1px solid var(--line);border-radius:30px;background:white;padding:7px 13px;font-size:11px;color:#506058;cursor:pointer}
.jb-blog .filter.active,.jb-blog .filter:hover{background:var(--forest);border-color:var(--forest);color:white}
.jb-blog .posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.jb-blog .card{overflow:hidden;border:1px solid #e7e8e0;border-radius:16px;background:#fff;box-shadow:0 5px 18px rgba(23,53,45,.035);transition:transform .2s,box-shadow .2s}
.jb-blog .card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.jb-blog .thumb{height:160px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e8d6b9,#bd9668)}
.jb-blog .thumb:before,.jb-blog .thumb:after{content:"";position:absolute;border:2px solid rgba(94,62,34,.25);transform:rotate(-12deg);border-radius:4px}
.jb-blog .thumb:before{width:155px;height:94px;background:linear-gradient(145deg,#d5b286,#a87949);box-shadow:15px 15px 0 rgba(94,62,34,.12)}
.jb-blog .thumb:after{width:110px;height:66px;transform:translate(8px,-12px) rotate(-12deg);border-color:rgba(255,255,255,.4)}
.jb-blog .thumb span{z-index:1;font-size:13px;font-weight:900;color:#49321e;background:#fff8;padding:5px 10px;border-radius:6px}
.jb-blog .thumb.print{background:linear-gradient(135deg,#d6ded8,#9caea3)}
.jb-blog .thumb.print:before{background:linear-gradient(135deg,#183c31,#32715a);width:175px;height:90px;transform:rotate(8deg)}
.jb-blog .thumb.print:after{background:repeating-linear-gradient(90deg,#e7bc5e 0 18px,#d96b4e 18px 36px,#f3eee0 36px 54px);width:120px;height:58px;transform:rotate(8deg)}
.jb-blog .thumb.design{background:linear-gradient(135deg,#efe8db,#c9bda9)}
.jb-blog .thumb.design:before{background:#f8f5ee;width:110px;height:135px;transform:rotate(8deg)}
.jb-blog .thumb.design:after{background:linear-gradient(90deg,#234b3e 0 25%,#d7e77b 25% 50%,#b8844d 50%);width:65px;height:85px;transform:rotate(8deg)}
.jb-blog .thumb.machine{background:linear-gradient(135deg,#d4d8d5,#7f8b85)}
.jb-blog .thumb.machine:before{background:linear-gradient(180deg,#38443f,#161f1b);width:180px;height:76px;transform:rotate(-4deg)}
.jb-blog .thumb.machine:after{width:130px;height:38px;background:repeating-linear-gradient(90deg,#e7e9e4 0 9px,#66736b 9px 14px);transform:rotate(-4deg)}
.jb-blog .card-body{padding:17px 17px 15px}
.jb-blog .tag{display:inline-block;background:#eaf0e9;color:var(--forest2);padding:4px 9px;border-radius:20px;font-size:10px;font-weight:700}
.jb-blog .card h3{font-size:15px;line-height:1.8;margin:10px 0 8px;color:#1e2c25}
.jb-blog .card p{font-size:12px;color:var(--muted);margin:0 0 17px;line-height:2}
.jb-blog .card-meta{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eff0eb;padding-top:12px;font-size:10px;color:#8a948e}
.jb-blog .read{font-weight:700;color:var(--forest2);font-size:11px}
.jb-blog .read span{display:inline-block;transition:transform .2s}
.jb-blog .read:hover span{transform:translateX(-4px)}
.jb-blog .empty{padding:35px;text-align:center;color:var(--muted);grid-column:1/-1;border:1px dashed var(--line);border-radius:14px}
.jb-blog .sidebar-box{border:1px solid var(--line);border-radius:16px;background:white;padding:19px;margin-bottom:18px}
.jb-blog .sidebar-box h3{margin:0 0 14px;color:var(--forest);font-size:15px}
.jb-blog .category-list{list-style:none;padding:0;margin:0}
.jb-blog .category-list li+li{border-top:1px solid #f0f1ec}
.jb-blog .category-list a{display:flex;width:100%;justify-content:space-between;align-items:center;padding:10px 0;background:none;border:0;text-align:right;font-size:12px;color:#526158;cursor:pointer}
.jb-blog .category-list a:hover{color:var(--deep)}
.jb-blog .count{background:#f1f2ed;color:#68766d;border-radius:20px;padding:2px 8px;font-size:10px}
.jb-blog .recent{display:flex;gap:11px;align-items:center;padding:11px 0;border-bottom:1px solid #f0f1ec}
.jb-blog .recent:last-child{border-bottom:0;padding-bottom:0}
.jb-blog .recent-icon{width:55px;height:52px;flex-shrink:0;border-radius:9px;background:linear-gradient(135deg,#e5d0ad,#b78b58);display:grid;place-items:center;color:#684c2d;font-weight:900;font-size:10px}
.jb-blog .recent strong{display:block;font-size:11px;line-height:1.8}
.jb-blog .recent small{font-size:10px;color:#8a948e}
.jb-blog .sidebar-cta{background:var(--forest);border-radius:16px;padding:21px;color:white}
.jb-blog .sidebar-cta h3{margin:0 0 8px;font-size:17px}
.jb-blog .sidebar-cta p{margin:0 0 15px;color:#d1ddd6;font-size:12px}
.jb-blog .sidebar-cta .btn{background:var(--lime);color:var(--forest);width:100%}
.jb-blog .pagination{display:flex;justify-content:center;gap:7px;margin-top:30px}
.jb-blog .pagination .page-numbers{border:1px solid var(--line);background:white;border-radius:9px;width:37px;height:37px;color:var(--forest);cursor:pointer}
.jb-blog .pagination .page-numbers.current,.jb-blog .pagination a.page-numbers:hover{background:var(--forest);color:white;border-color:var(--forest)}
@media(max-width:1000px){.jb-blog .layout{grid-template-columns:1fr 250px}
.jb-blog .posts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.jb-blog .hero-inner{align-items:flex-start}
.jb-blog .hero-badge{width:86px;height:86px;border-radius:20px}
.jb-blog .hero-badge svg{width:52px}
.jb-blog .blog-hero{padding:43px 0}
.jb-blog .layout{grid-template-columns:1fr}
.jb-blog .sidebar{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.jb-blog .sidebar-box{margin:0}
.jb-blog .sidebar-cta{grid-column:1/-1}
.jb-blog .main{padding-top:32px}}
@media(max-width:520px){.jb-blog .hero-badge{display:none}
.jb-blog .hero-inner p{font-size:13px}
.jb-blog .posts{grid-template-columns:1fr}
.jb-blog .thumb{height:185px}
.jb-blog .sidebar{grid-template-columns:1fr}
.jb-blog .section-head h2{font-size:20px}}
.jb-post .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--forest);color:#fff;border-radius:11px;padding:11px 16px;font-size:12px;font-weight:700;border:0}
.jb-post .btn:hover{background:var(--forest2)}
.jb-post .post-hero{background:linear-gradient(115deg,rgba(16,40,32,.97),rgba(35,75,62,.90)),repeating-linear-gradient(135deg,#244a3d 0 2px,#19382e 2px 10px);color:white;padding:34px 0 30px}
.jb-post .crumb{font-size:12px;color:#cbd8d0;margin-bottom:14px}
.jb-post .crumb a{color:var(--lime)}
.jb-post .post-hero h1{font-size:clamp(25px,3.3vw,39px);line-height:1.65;margin:0 0 10px;max-width:900px; color: white;}
.jb-post .post-hero p{font-size:14px;color:#d5e0d9;max-width:780px;margin:0}
.jb-post .meta{display:flex;gap:18px;flex-wrap:wrap;color:#d6e1da;font-size:11px;margin-top:18px}
.jb-post .meta span{display:flex;align-items:center;gap:6px}
.jb-post main{background:linear-gradient(180deg,#fbfaf7,#fff 35%);padding:42px 0 65px}
.jb-post .article-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:30px;align-items:start}
.jb-post .article{background:white;border:1px solid #e8e9e2;border-radius:18px;overflow:hidden;box-shadow:0 10px 32px rgba(23,53,45,.045)}
.jb-post .cover{height:300px;background:linear-gradient(135deg,#e9d8bc,#b98c58);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.jb-post .cover:before{content:"";position:absolute;width:56%;height:57%;background:linear-gradient(145deg,#d8b98c,#a87949);border:2px solid rgba(94,62,34,.3);transform:rotate(-7deg);box-shadow:18px 18px 0 rgba(94,62,34,.13)}
.jb-post .cover:after{content:"";position:absolute;width:42%;height:37%;border:2px solid rgba(255,255,255,.45);background:repeating-linear-gradient(0deg,transparent 0 13px,rgba(95,63,33,.14) 13px 16px);transform:rotate(-7deg) translate(7px,-10px)}
.jb-post .cover-label{position:relative;z-index:1;background:#fffdf0e8;color:var(--forest);border-radius:10px;padding:12px 18px;font-size:17px;font-weight:900;box-shadow:0 8px 25px #49321e20}
.jb-post .article-content{padding:clamp(22px,4vw,44px)}
.jb-post .article-content h2{font-size:23px;line-height:1.7;color:var(--forest);margin:34px 0 12px}
.jb-post .article-content h3{font-size:18px;color:var(--forest2);margin:25px 0 8px}
.jb-post .article-content p{font-size:14px;color:#46564d;margin:0 0 18px}
.jb-post .article-content ul{padding-right:23px;color:#46564d;font-size:14px}
.jb-post .article-content li{padding-right:4px;margin:8px 0}
.jb-post .lead{font-size:16px!important;color:#35483e!important}
.jb-post .toc{background:#f5f6f0;border:1px solid var(--line);border-radius:14px;padding:20px 23px;margin:26px 0}
.jb-post .toc strong{display:block;color:var(--forest);margin-bottom:9px}
.jb-post .toc a{display:block;font-size:13px;color:#526158;padding:5px 0}
.jb-post .toc a:hover{color:var(--deep)}
.jb-post .tip{border-right:4px solid var(--deep);background:#faf5eb;padding:16px 18px;border-radius:8px;margin:22px 0;color:#5e4a31;font-size:13px}
.jb-post .table-wrap{overflow-x:auto;margin:22px 0}
.jb-post table{border-collapse:collapse;width:100%;min-width:470px;font-size:12px}
.jb-post th,.jb-post td{border:1px solid var(--line);padding:12px;text-align:right}
.jb-post th{background:var(--forest);color:#fff}
.jb-post tr:nth-child(even) td{background:#fafaf6}
.jb-post .article-cta{margin-top:35px;padding:24px;border-radius:15px;background:var(--forest);color:white;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.jb-post .article-cta h3{color:white;margin:0 0 5px}
.jb-post .article-cta p{color:#d5e0d9;margin:0;font-size:12px}
.jb-post .article-cta .btn{background:var(--lime);color:var(--forest);white-space:nowrap}
.jb-post .tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px}
.jb-post .tags span{font-size:11px;color:var(--forest2);background:#edf1e9;border-radius:20px;padding:5px 10px}
.jb-post .share{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;border-top:1px solid #eff0eb;margin-top:27px;padding-top:18px;font-size:12px;color:var(--muted)}
.jb-post .share button{background:#f2f4ee;border:1px solid var(--line);border-radius:9px;padding:8px 12px;color:var(--forest);cursor:pointer}
.jb-post .sidebox{border:1px solid var(--line);border-radius:16px;background:white;padding:20px;margin-bottom:18px}
.jb-post .sidebox h3{margin:0 0 13px;color:var(--forest);font-size:15px}
.jb-post .sidebox p{font-size:12px;color:var(--muted);margin:0 0 14px}
.jb-post .side-link{display:block;padding:10px 0;border-bottom:1px solid #eff0eb;font-size:12px;color:#4b5b52}
.jb-post .side-link:last-child{border-bottom:0}
.jb-post .side-link:hover{color:var(--deep)}
.jb-post .side-cta{background:var(--forest);border-radius:16px;padding:21px;color:white}
.jb-post .side-cta h3{font-size:17px;margin:0 0 8px}
.jb-post .side-cta p{font-size:12px;color:#d1ddd6;margin:0 0 15px}
.jb-post .side-cta .btn{background:var(--lime);color:var(--forest);width:100%}
.jb-post .related{margin-top:40px}
.jb-post .related h2{font-size:22px;color:var(--forest);margin:0 0 18px}
.jb-post .related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.jb-post .related-card{border:1px solid var(--line);border-radius:13px;background:#fff;padding:18px}
.jb-post .related-card span{font-size:10px;color:var(--deep);font-weight:700}
.jb-post .related-card h3{font-size:14px;line-height:1.8;margin:7px 0}
.jb-post .related-card p{font-size:12px;color:var(--muted);margin:0}
@media(max-width:950px){.jb-post .article-layout{grid-template-columns:minmax(0,1fr) 250px}}
@media(max-width:720px){.jb-post .article-layout{grid-template-columns:1fr}
.jb-post .sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.jb-post .sidebox{margin:0}
.jb-post .side-cta{grid-column:1/-1}
.jb-post .cover{height:220px}
.jb-post .related-grid{grid-template-columns:1fr}
.jb-post .post-hero{padding:27px 0}
.jb-post .article-content{padding:22px}
.jb-post .article-content h2{font-size:21px}}
@media(max-width:450px){.jb-post .sidebar{grid-template-columns:1fr}
.jb-post .post-hero h1{font-size:25px}
.jb-post .cover{height:190px}}

/* ===== Blog (WordPress) ===== */
:root{--forest2:var(--forest-2);--deep:var(--kraft-deep)}
.topbar{background:var(--forest);color:#e6eee9;font-size:11px}
.topbar .container{min-height:37px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.topbar a{direction:ltr;display:inline-block}
.topbar-items{display:flex;gap:24px;flex-wrap:wrap}
.nav-links a.active,.nav-links a[aria-current="page"]{color:var(--forest);box-shadow:inset 0 -2px 0 var(--kraft-deep)}
.jb-blog h1,.jb-blog h2,.jb-blog h3,.jb-post h1,.jb-post h2,.jb-post h3{letter-spacing:0;max-width:none}
.jb-blog .eyebrow{padding:0;border:0;background:none;margin-bottom:0;border-radius:0}
.jb-blog .section-head{max-width:none;margin:0 0 20px;text-align:right}
.jb-blog .filter{display:inline-block}
.jb-blog .category-list a{display:flex}
.jb-blog .thumb img,.jb-post .cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2}
.jb-blog .thumb.has-img:before,.jb-blog .thumb.has-img:after,.jb-post .cover.has-img:before,.jb-post .cover.has-img:after{display:none}
.jb-blog .recent-icon{overflow:hidden;position:relative}
.jb-blog .recent-icon img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.jb-blog .card h3 a:hover{color:var(--deep)}
.jb-blog .pagination .page-numbers{display:grid;place-items:center;font-size:13px;width:auto;min-width:37px;padding:0 6px}
.jb-blog .pagination .page-numbers.dots{border:0;background:none}
.jb-blog .empty{display:block}
.jb-post .article-content>p:first-child{font-size:16px;color:#35483e}
.jb-post .article-content p a,.jb-post .article-content li a{color:var(--deep);text-decoration:underline}
.jb-post .article-content ol{padding-right:23px;color:#46564d;font-size:14px}
.jb-post .article-content img{max-width:100%;height:auto;border-radius:12px}
.jb-post .article-content blockquote{margin:22px 0;padding:14px 18px;border-right:4px solid var(--kraft);background:#faf8f2;border-radius:8px;color:#5b6a62}
.jb-post .tags a{color:inherit}
.jb-post .cover.has-img{height:auto;aspect-ratio:16/7}
@media(max-width:760px){.topbar .container{padding:7px 0}}
@media(max-width:520px){.topbar-items{gap:10px}.topbar .container{font-size:10px}}