
    :root {
      --forest:#0e4e37;
      --forest-2:#153f31;
      --forest-3:#246047;
      --ivory:#f7f4ec;
      --cream:#fffdf8;
      --sage:#dfe8dc;
      --sage-2:#edf2e9;
      --bluegray:#e7eeec;
      --charcoal:#25322c;
      --muted:#66756d;
      --line:#d8ded6;
      --wood:#b98b4b;
      --gold:#c5a064;
      --white:#ffffff;
      --shadow:0 18px 48px rgba(31,52,42,.10);
      --shadow-sm:0 8px 24px rgba(31,52,42,.08);
      --radius-xl:32px;
      --radius-lg:22px;
      --radius-md:16px;
      --sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      --serif: Georgia, "Times New Roman", serif;
    }
    *{box-sizing:border-box}
    body{margin:0;background:#111b16;color:var(--charcoal);font-family:var(--sans);line-height:1.55}
    a{color:inherit;text-decoration:none}
    .shell{width:min(1180px,calc(100% - 28px));margin:24px auto;background:var(--cream);border-radius:38px;overflow:hidden;box-shadow:0 28px 70px rgba(0,0,0,.24);border:1px solid rgba(255,255,255,.5)}
    .topline{height:7px;background:linear-gradient(90deg,var(--forest),var(--forest-3),var(--wood))}
    header{display:flex;align-items:center;justify-content:space-between;padding:22px 34px;border-bottom:1px solid var(--line);background:rgba(255,253,248,.96)}
    .brand{display:flex;align-items:center;gap:12px;min-width:215px}
    .brandmark{width:48px;height:48px;display:block}
    .wordmark{font-family:var(--serif);font-size:31px;line-height:.9;color:var(--forest);letter-spacing:-.7px}
    .tagline{font-family:var(--serif);font-style:italic;font-size:10px;color:#59675f;margin-top:5px;letter-spacing:.05px}
    nav{display:flex;gap:24px;font-size:13px;font-weight:650;color:#425149;align-items:center}
    nav a:hover{color:var(--forest)}
    .nav-cta{background:var(--forest);color:#fff;padding:9px 14px;border-radius:999px}
    .hero{padding:34px;display:grid;grid-template-columns:1.02fr .98fr;gap:28px;align-items:stretch;background:linear-gradient(135deg,#fbf8ef 0%,#f2f1e8 58%,#edf1e9 100%)}
    .hero-copy{padding:30px 6px 24px 8px;display:flex;flex-direction:column;justify-content:center}
    .eyebrow{display:inline-flex;align-items:center;gap:8px;width:max-content;border:1px solid #cbd8cd;background:#f4f8f1;color:var(--forest);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;padding:8px 11px;border-radius:999px;margin-bottom:18px}
    .eyebrow-dot{width:7px;height:7px;border-radius:50%;background:var(--wood)}
    h1{font-family:var(--serif);font-weight:500;font-size:clamp(44px,5vw,68px);line-height:.98;letter-spacing:-2px;color:var(--forest-2);margin:0 0 18px}
    h1 span{color:var(--forest)}
    .hero-copy p{max-width:590px;color:#53635b;font-size:17px;margin:0 0 22px}
    .hero-actions{display:flex;gap:12px;flex-wrap:wrap}
    .button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 17px;border-radius:10px;font-weight:800;font-size:13px;border:1px solid var(--forest)}
    .button.primary{background:var(--forest);color:#fff}
    .button.secondary{background:#fff;color:var(--forest)}
    .hero-card{position:relative;min-height:385px;border-radius:26px;overflow:hidden;background:linear-gradient(145deg,#e7ddcb,#c8b79c 45%,#d9e0d3 100%);box-shadow:var(--shadow);border:1px solid #d3d4c9}
    .room{position:absolute;inset:0;background:linear-gradient(#e7e2d8 0 59%,#b99b77 59% 61%,#cfb392 61%)}
    .wall-art{position:absolute;left:37%;top:14%;width:24%;height:29%;border:8px solid #dfd5c5;background:linear-gradient(130deg,#d9e5d5 0 46%,#b3c3ae 46% 100%);box-shadow:0 5px 18px rgba(60,51,40,.12)}
    .sofa{position:absolute;left:12%;bottom:17%;width:68%;height:31%;background:#d6c8b4;border-radius:16px 16px 8px 8px;box-shadow:0 15px 30px rgba(61,49,35,.18)}
    .sofa:before,.sofa:after{content:"";position:absolute;top:-34%;height:57%;width:44%;background:#ded3c2;border-radius:16px 16px 8px 8px;border:1px solid rgba(113,92,64,.12)}
    .sofa:before{left:3%}.sofa:after{right:3%}
    .pillow{position:absolute;left:22%;bottom:36%;width:15%;height:17%;background:#9ca993;border-radius:10px;transform:rotate(-5deg)}
    .table{position:absolute;right:6%;bottom:14%;width:20%;height:9%;background:#a67c48;border-radius:50%;box-shadow:0 8px 15px rgba(66,45,20,.18)}
    .table:after{content:"";position:absolute;width:13%;height:85%;background:#745b3b;left:44%;top:65%}
    .lamp{position:absolute;right:12%;top:16%;width:16%;height:26%;border-left:5px solid #83735c}
    .lamp:before{content:"";position:absolute;width:76%;height:26%;background:#f3e6ca;border-radius:50% 50% 10px 10px;left:-39%;top:-3%}
    .plant{position:absolute;left:5%;bottom:18%;width:11%;height:26%;border-bottom:42px solid #a67f52;border-left:10px solid transparent;border-right:10px solid transparent}
    .plant:before{content:"";position:absolute;width:60px;height:80px;left:-27px;top:-50px;background:radial-gradient(ellipse at 20% 40%,#607e5d 0 18%,transparent 19%),radial-gradient(ellipse at 70% 30%,#76906f 0 19%,transparent 20%),radial-gradient(ellipse at 45% 75%,#567654 0 20%,transparent 21%)}
    .hero-badge{position:absolute;left:20px;right:20px;bottom:20px;background:rgba(255,253,248,.93);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.65);border-radius:16px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:14px;box-shadow:0 9px 24px rgba(31,52,42,.12)}
    .hero-badge strong{font-family:var(--serif);color:var(--forest);font-size:18px}
    .hero-badge span{display:block;color:#6c786f;font-size:11px}
    .hero-badge .mini{width:39px;height:39px;border-radius:12px;background:var(--forest);display:grid;place-items:center;color:white;font-size:19px;font-weight:900}
    .band{margin:0 26px 28px;background:var(--forest);border-radius:14px;color:#fff;padding:10px 16px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
    .section{padding:0 34px 38px}
    .section-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:18px}
    .section-head h2{font-family:var(--serif);font-size:34px;line-height:1.05;color:var(--forest-2);font-weight:500;margin:0}
    .section-head p{max-width:520px;margin:0;color:var(--muted);font-size:13px;text-align:right}
    .categories{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}
    .cat{background:#fff;border:1px solid var(--line);border-radius:18px;padding:19px 16px;box-shadow:var(--shadow-sm);transition:.18s transform,.18s border-color}
    .cat:hover{transform:translateY(-3px);border-color:#afc5b3}
    .cat-icon{width:44px;height:44px;border-radius:14px;background:var(--sage-2);display:grid;place-items:center;margin-bottom:13px;color:var(--forest);font-size:22px}
    .cat h3{font-family:var(--serif);font-size:18px;color:var(--forest);margin:0 0 6px;font-weight:600}
    .cat p{font-size:12px;color:var(--muted);margin:0}
    .guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
    .guide{border:1px solid var(--line);background:#fff;border-radius:20px;overflow:hidden;box-shadow:var(--shadow-sm)}
    .guide-visual{height:138px;position:relative;overflow:hidden}
    .guide:nth-child(1) .guide-visual{background:linear-gradient(135deg,#dce9df,#91ae9a)}
    .guide:nth-child(2) .guide-visual{background:linear-gradient(135deg,#e7e2d4,#bd9f75)}
    .guide:nth-child(3) .guide-visual{background:linear-gradient(135deg,#e4ecea,#9fb8b2)}
    .guide-visual:before{content:"";position:absolute;width:68%;height:68%;border-radius:18px;right:-8%;bottom:-16%;background:rgba(255,255,255,.45);transform:rotate(-12deg)}
    .guide-visual span{position:absolute;left:15px;top:14px;background:rgba(255,253,248,.93);color:var(--forest);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;border-radius:999px;padding:7px 9px}
    .guide-body{padding:17px}
    .guide h3{font-family:var(--serif);font-size:21px;line-height:1.08;color:var(--forest-2);margin:0 0 8px;font-weight:600}
    .guide p{font-size:12px;color:var(--muted);margin:0 0 14px}
    .text-link{color:var(--forest);font-weight:800;font-size:12px}
    .trust{margin:4px 34px 38px;display:grid;grid-template-columns:1fr 1fr;gap:18px}
    .trust-card{border-radius:22px;padding:24px;border:1px solid #ced8cb;background:linear-gradient(135deg,var(--sage-2),#f8faf5)}
    .trust-card.dark{background:linear-gradient(135deg,var(--forest),#173e31);border-color:var(--forest);color:#fff}
    .trust h3{font-family:var(--serif);font-size:26px;margin:0 0 8px;font-weight:500}
    .trust p{font-size:13px;margin:0;color:#607067}
    .trust-card.dark p{color:#dce8e0}
    .trust-points{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}
    .trust-point{background:rgba(255,255,255,.7);border:1px solid rgba(14,78,55,.11);border-radius:13px;padding:10px;font-size:11px;font-weight:750;color:var(--forest)}
    footer{padding:26px 34px 30px;background:#f1f2ec;border-top:1px solid var(--line);display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:24px;font-size:11px;color:#68746d}
    footer strong{display:block;color:var(--forest);font-family:var(--serif);font-size:17px;margin-bottom:7px}
    footer a{display:block;margin:5px 0;color:#536159}
    .fineprint{grid-column:1/-1;border-top:1px solid #d6dcd4;padding-top:15px;font-size:10px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
    @media(max-width:900px){
      header{padding:18px 20px}.brand{min-width:auto}.tagline{display:none}nav a:not(.nav-cta){display:none}
      .hero{grid-template-columns:1fr;padding:24px}.hero-copy{padding:8px 0}.hero-card{min-height:330px}
      .section{padding:0 24px 30px}.categories{grid-template-columns:repeat(2,1fr)}.guide-grid{grid-template-columns:1fr}.trust{margin:0 24px 30px;grid-template-columns:1fr}
      footer{grid-template-columns:1fr 1fr;padding:24px}.fineprint{grid-column:1/-1}
    }
    @media(max-width:560px){
      body{background:var(--cream)}.shell{width:100%;margin:0;border-radius:0;border:0}.wordmark{font-size:27px}.brandmark{width:42px;height:42px}.nav-cta{padding:8px 11px;font-size:11px}
      .hero{padding:20px}.hero-card{min-height:280px}h1{font-size:46px}.section-head{display:block}.section-head p{text-align:left;margin-top:8px}.categories{grid-template-columns:1fr 1fr;gap:9px}.cat{padding:15px 13px}
      .trust-points{grid-template-columns:1fr}.band{margin:0 18px 24px}.section{padding-left:18px;padding-right:18px}.trust{margin-left:18px;margin-right:18px}footer{grid-template-columns:1fr}
    }
  

/* Production page system */
body{min-height:100vh}
.site-header{display:flex;align-items:center;justify-content:space-between;padding:22px 34px;border-bottom:1px solid var(--line);background:rgba(255,253,248,.96)}
.site-header nav{display:flex;gap:24px;font-size:13px;font-weight:650;color:#425149;align-items:center}
.site-header nav a:hover{color:var(--forest)}
.page{padding:42px 34px 54px}
.article{max-width:850px;margin:0 auto;padding:44px 34px 62px}
.article .tag{display:inline-flex;align-items:center;border:1px solid #cbd8cd;background:#f4f8f1;color:var(--forest);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.11em;padding:7px 10px;border-radius:999px;margin:0 0 14px}
.article h1{font-family:var(--serif);font-weight:500;font-size:clamp(36px,5vw,54px);line-height:1.03;letter-spacing:-1.3px;color:var(--forest-2);margin:0 0 16px}
.article h2{font-family:var(--serif);font-size:25px;line-height:1.15;color:var(--forest-2);font-weight:600;margin:34px 0 10px}
.article h3{font-family:var(--serif);color:var(--forest-2)}
.article p,.article li{font-size:15px;color:#53635b}
.article .lead{font-size:18px;line-height:1.65;color:#52625a;margin-bottom:26px}
.article a{color:var(--forest);text-decoration-thickness:1px;text-underline-offset:3px}
.breadcrumbs{font-size:12px;color:var(--muted);margin-bottom:13px}.breadcrumbs a{color:var(--forest);font-weight:700;text-decoration:none}
.note{margin:28px 0;background:linear-gradient(135deg,var(--sage-2),#f8faf5);border:1px solid #ced8cb;border-left:5px solid var(--forest);padding:18px 20px;border-radius:16px;color:#53635b}
.affiliate-pick{margin:30px 0;padding:23px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-sm)}
.affiliate-pick h2{margin:5px 0 10px;font-size:23px}.affiliate-pick .disclosure{display:inline-block;font-size:11px;font-weight:800;color:var(--forest);background:var(--sage-2);border:1px solid #d2dfd1;border-radius:999px;padding:7px 10px;margin:0 0 8px}.affiliate-pick .fit{color:var(--muted)}
.shop-link{display:inline-flex!important;align-items:center;justify-content:center;margin-top:8px;background:var(--forest);color:#fff!important;text-decoration:none!important;padding:11px 15px;border-radius:10px;font-size:13px;font-weight:800}.shop-link:hover{background:var(--forest-2)}
.amazon-disclosure{grid-column:1/-1;font-size:10px;color:#5e6b64;padding-top:4px}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:20px}.grid .card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:var(--shadow-sm);transition:.18s transform,.18s border-color}.grid .card:hover{transform:translateY(-3px);border-color:#afc5b3}.grid .card .tag{margin-bottom:7px}.grid .card h3{font-family:var(--serif);font-size:19px;line-height:1.12;color:var(--forest-2);margin:4px 0 8px}.grid .card p{font-size:12px;color:var(--muted);margin:0}
.legal-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:var(--shadow-sm)}
.page-banner{margin:0 26px;background:var(--forest);color:white;border-radius:14px;padding:9px 16px;text-align:center;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
@media(max-width:900px){.site-header{padding:18px 20px}.site-header .brand{min-width:auto}.site-header .tagline{display:none}.site-header nav a:not(.nav-cta){display:none}.grid{grid-template-columns:1fr}.article{padding:34px 20px 48px}.page{padding:32px 20px 45px}}
@media(max-width:620px){.shell{width:min(100% - 12px,1180px);margin:6px auto;border-radius:24px}.site-header{padding:15px 16px}.brandmark{width:41px;height:41px}.wordmark{font-size:27px}.nav-cta{padding:8px 11px;font-size:11px}.article h1{font-size:37px}.article .lead{font-size:16px}.page-banner{margin:0 12px}.hero{padding:20px 16px}.section{padding-left:16px;padding-right:16px}.trust{margin-left:16px;margin-right:16px}footer{padding-left:20px;padding-right:20px}}
