/* Quiet, material-led visual system. Functional motion, never required to read. */
@media screen {
  :root{--bg:#f7f7f2;--ink:#192f2b;--ink-2:#3c514a;--muted:#5e7069;--teal:#23664e;--teal-ink:#1d5743;--teal-soft:#e2eee5;--teal-softer:#f0f5ee;--line:#dfe5dc;--line-2:#c6d1c6;--sh-md:0 20px 55px -25px #244a414a;--r-lg:26px}
  body{background:var(--bg)}
  .site-head{background:#fafcf9ed}
  .brand-mark rect,.btn-primary{background:var(--ink)}
  .brand-mark rect{fill:var(--ink)}
  .btn-primary:hover{background:#2d5548}
  .btn{transition:background-color .18s,border-color .18s,box-shadow .18s,transform .18s}
  .btn:active{transform:translateY(1px)}
  .hero{padding-top:56px;padding-bottom:38px}
  .hero-title{letter-spacing:-.045em;line-height:1.16;font-weight:750;text-wrap:balance}
  .hero-lead{max-width:30em;line-height:1.7}
  .hero-media{isolation:isolate}
  .hero-img{border-radius:28px 28px 100px 28px}
  .eyebrow-hero{display:inline-block;width:fit-content;background:#e7eee5;border:1px solid #d3dfd0;border-radius:99px;padding:7px 14px;letter-spacing:.06em}
  .hero-copy>.btn-link{align-self:start;margin-top:18px;font-size:14px}
  .preview{border:1px solid #ffffffbb;box-shadow:0 20px 55px -24px #1e393b55;background:#ffffffef;backdrop-filter:blur(14px)}
  .preview-qty strong{font-variant-numeric:tabular-nums}
  .page-title{letter-spacing:-.035em;text-wrap:balance}
  .card{box-shadow:0 2px 8px -6px #23413424}
  .grid-12>*,.product-card,.opt-tabs,.opt-tab{min-width:0}
  .opt-tabs{max-width:100%}.opt-tab{max-width:100%}.opt-tab>span:nth-child(2){min-width:0;flex:1}
  .product-card{grid-template-columns:minmax(0,1fr)}.product-card>*{min-width:0}
  .card-head h2,.card>h2{font-weight:700;letter-spacing:-.025em}
  .plan-head{padding-bottom:20px}
  .room-tab[aria-pressed=true]{background:var(--teal-softer)}
  input,select{transition:border-color .18s,box-shadow .18s}
  input:focus,select:focus{box-shadow:0 0 0 4px #23664e12}
  .pick-card{transition:transform .22s,box-shadow .22s;border-color:var(--line);background:linear-gradient(130deg,#fff,#fafcf8)}
  .pick-ic{background:#e5eee2;color:#325a43}
  .decision-studio{margin:36px 0 72px;padding:40px;border-radius:32px;border:1px solid #dbe3d6;background:linear-gradient(120deg,#edf2e9,#f3f5ed 65%,#f4eee3);overflow:hidden}
  .studio-intro{max-width:730px;margin-bottom:28px}
  .studio-intro h2{font-size:clamp(25px,3vw,36px);line-height:1.3;letter-spacing:-.04em;margin:12px 0}
  .studio-intro>p:last-child{color:var(--muted);line-height:1.65}
  .studio-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:6px;border-radius:18px;background:#e1e8dc}
  .studio-tab{border:0;min-height:58px;background:transparent;border-radius:13px;display:flex;align-items:center;justify-content:center;gap:12px;text-align:left;color:#465b4e;font-weight:650;font-size:16px;cursor:pointer;padding:12px}
  .studio-tab[aria-selected=true]{background:#fff;box-shadow:0 3px 10px #203d2d0b;color:var(--ink)}
  .studio-tab-no{font-size:12px;font-weight:750;color:var(--teal)}
  .studio-panel{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;min-height:320px;padding:28px 20px 8px;outline-offset:8px}
  .studio-description{animation:panel-enter .38s ease-out}
  .studio-description h3{font-size:clamp(23px,2.4vw,30px);letter-spacing:-.03em;margin:8px 0 14px}
  .studio-description p{line-height:1.8;color:var(--ink-2);max-width:34em;margin-bottom:24px}
  .studio-number{font-size:13px;letter-spacing:.15em;color:var(--teal)}
  .studio-art{min-width:0;display:grid;place-items:center;min-height:280px;background:radial-gradient(ellipse at center,#e0e9d8 0,transparent 67%);animation:panel-enter .4s ease-out}
  .decision-studio .home-end{border-top:1px solid #d6e1ce;padding-top:22px;margin-top:24px;gap:16px}
  .measure-art{width:100%;height:auto;max-height:280px;overflow:visible}
  .measure-shell{fill:#d5e3ca;stroke:#8da38b;stroke-width:1.3}
  .measure-floor{fill:#d9bd8c;stroke:#b99e76;stroke-width:1.4}
  .measure-edge{fill:none;stroke:#afc3a7;stroke-width:1.5}
  .measure-door{fill:#91ac8f;stroke:#7c977a;stroke-width:1.5}
  .measure-window{fill:#f6fbf0;stroke:#afc3a7;stroke-width:3}
  .measure-line{fill:none;stroke:#9cab99;stroke-width:1.5;stroke-dasharray:4 5}
  .measure-line.is-active{stroke:#25664d;stroke-width:3;stroke-dasharray:7 5;animation:measure-draw .8s ease-out}
  .measure-letter{font-family:var(--font);font-size:14px;fill:#667b66;font-weight:650}
  .measure-letter.is-active{fill:#164c37;font-weight:800}
  .pack-illustration{display:flex;align-items:end;gap:26px;padding:28px 0}
  .paint-pack{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;border-radius:18% 18% 16px 16px;background:linear-gradient(100deg,#c4d6b6,#dce7d0 50%,#b5c8a8);color:#26422e;box-shadow:12px 18px 30px -18px #3845324d;animation:panel-enter .5s ease-out}
  .paint-pack:before{content:'';position:absolute;top:-6px;left:0;right:0;height:19px;border-radius:50%;border:3px solid #97b08a;background:#dce8d4}
  .paint-pack.small{width:90px;height:130px}
  .paint-pack.large{width:135px;height:190px;background:linear-gradient(100deg,#2f6852,#52836b 60%,#25573f);color:#fff}
  .paint-pack.large:before{background:#648c73;border-color:#2d6147}
  .paint-pack span{font-size:30px;line-height:1;font-weight:700}
  .paint-pack strong{font-size:16px;background:#ffffffce;color:#274934;padding:6px 12px;border-radius:5px}
  .pack-plus{font-size:28px;font-weight:400;color:#73866b;margin-bottom:50px}
  .notebook-art{position:relative;width:230px;min-height:250px;padding:30px 24px 24px 34px;border-radius:8px 22px 22px 8px;background:#fcfcf7;border-left:12px solid #456f51;box-shadow:15px 15px 0 #d2deca;transform:rotate(-5deg)}
  .notebook-art strong{display:block;font-size:20px;margin:20px 0;color:#36573c}
  .notebook-art p{padding:10px 0 7px;border-bottom:1px solid #e0e6d9;font-size:13px;color:#6e8067}
  .notebook-dot{display:block;width:25px;height:25px;border-radius:50%;background:#c1d0b2}
  .measure-coach,.notebook-fields{margin-top:22px;border-top:1px solid var(--line);padding-top:12px}
  .measure-coach summary,.notebook-fields summary{display:flex;align-items:center;gap:8px;min-height:48px;cursor:pointer;font-weight:650;font-size:15px;color:var(--teal-ink);list-style:none}
  .measure-coach summary:after,.notebook-fields summary:after{content:'+';margin-left:auto;font-size:24px;font-weight:400}
  .measure-coach[open] summary:after,.notebook-fields[open] summary:after{content:'−'}
  .coach-body{padding:8px 0}
  .coach-art{max-width:370px;margin:0 auto}
  .coach-controls{display:flex;flex-wrap:wrap;gap:8px}
  .coach-controls button[aria-pressed=true]{background:var(--teal-soft);border-color:var(--teal)}
  .notebook-fields>.hint{margin:8px 0 18px}
  .label-focus{display:flex;gap:8px;flex-wrap:wrap;padding-top:20px}
  .label-focus p{width:100%}
  .buy-lab{margin:24px 0;padding:28px;border:1px solid #d2dfcd;border-radius:24px;background:linear-gradient(135deg,#f1f6ed,#fffef9)}
  .lab-heading h2{font-size:25px;margin:8px 0;letter-spacing:-.03em}
  .lab-heading>.hint{max-width:54em}
  .mix-confirm{display:flex;align-items:start;gap:12px;padding:20px 0 8px;font-size:15px;font-weight:650;cursor:pointer}
  .mix-confirm input{flex:none;width:23px;height:23px;min-height:23px;margin:0;accent-color:var(--teal)}
  .mix-confirm:focus-within{outline:2px solid var(--focus);outline-offset:6px;border-radius:4px}
  .lab-status{padding:18px 20px;background:#e7eee0;border-radius:14px;margin-top:18px;line-height:1.6;font-size:15px}
  .lab-need{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin:22px 0 16px;font-size:15px;color:var(--muted)}
  .lab-need strong{font-size:23px;color:var(--ink);font-variant-numeric:tabular-nums}
  .lab-options{display:grid;grid-template-columns:1fr 1fr;gap:16px}
  .lab-option{background:#ffffff;border:1px solid var(--line-2);border-radius:20px;padding:22px;display:flex;flex-direction:column;min-width:0}
  .lab-option.is-selected{border:2px solid var(--teal);padding:21px;box-shadow:0 0 0 4px #23664e0a}
  .lab-option-title{font-size:13px;color:var(--teal-ink);font-weight:700}
  .lab-option h3{font-size:30px;letter-spacing:-.04em;margin:12px 0 14px;line-height:1.3}
  .lab-pack{font-size:14px;line-height:1.7;overflow-wrap:anywhere}
  .need-meter{height:8px;border-radius:20px;background:#dce7d5;overflow:hidden;margin:18px 0 20px}
  .need-meter-fill{display:block;height:100%;background:#3b7455;border-radius:20px;animation:meter-enter .5s ease-out;transform-origin:left}
  .lab-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 24px}
  .lab-metrics dt{font-size:12px;line-height:1.5;color:var(--muted)}
  .lab-metrics dd{font-weight:700;font-size:19px;margin:5px 0 0;overflow-wrap:anywhere}
  .lab-option>.btn{margin-top:auto;line-height:1.5}
  .lab-footnote{font-size:13px;color:var(--muted);margin-top:18px;line-height:1.65}
  .buy-lab>.hint{margin-top:12px}
  .mixed-pack-list{padding:0;list-style:none;display:grid;gap:10px;margin:12px 0}
  .mixed-pack-list li{display:grid;gap:4px;border-left:3px solid var(--teal);padding:5px 0 5px 14px;font-size:14px;overflow-wrap:anywhere}
  .mixed-pack-list strong{font-size:15px}
  .mixed-pack-list span{color:var(--ink-2)}
  .si-record{padding:12px 16px;background:var(--teal-softer);border-radius:10px;font-size:14px;margin:14px 0;line-height:1.65;overflow-wrap:anywhere}
  .notebook-search{display:grid;gap:9px;margin:28px 0;font-size:15px;font-weight:600}
  .notebook-filters{margin-top:24px;flex-wrap:wrap}
  .notebook-search input{max-width:640px;width:100%;background:#fff;min-height:52px;border:1px solid var(--line-2);border-radius:14px;padding:12px 18px;font-size:16px}
  .notebook-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
  .notebook-card{border:1px solid var(--line);border-radius:24px;background:#fff;padding:28px;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:start;gap:14px}
  .notebook-card:before{content:'';position:absolute;left:0;top:0;bottom:0;width:5px;background:#a8bf9c}
  .notebook-card-top{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--muted)}
  .notebook-card h2{font-size:23px;overflow-wrap:anywhere;line-height:1.45}
  .notebook-identity{font-size:14px;color:var(--ink-2);overflow-wrap:anywhere}
  .notebook-meta{display:grid;gap:12px;width:100%;margin:3px 0 12px}
  .notebook-meta>div{display:grid;grid-template-columns:100px 1fr;gap:12px;border-top:1px solid var(--line);padding-top:12px;font-size:14px}
  .notebook-meta dt{color:var(--muted)}
  .notebook-meta dd{margin:0;overflow-wrap:anywhere;min-width:0}
  .notebook-card>.btn{margin-top:auto}
  [data-route=library] .mat-seg{display:none}
  [data-route=library] .actionbar{flex-wrap:wrap}
  @media(hover:hover){.pick-card:hover{transform:translateY(-4px);box-shadow:0 16px 25px -20px #1b412c88}.studio-tab:hover{background:#f8faf5}}
  @media(max-width:900px){
    .hero{padding-top:32px}.hero-title{font-size:clamp(31px,5.6vw,48px)}.hero-copy>.btn-link{margin-top:12px}
    .decision-studio{padding:28px 24px;border-radius:24px;margin:20px 0 44px}
    .studio-panel{gap:20px;padding:22px 0 0;grid-template-columns:.9fr 1fr}
    .studio-tab{font-size:14px;gap:8px;padding:12px 8px}.studio-intro{margin-bottom:22px}
    .lab-options{gap:12px}.buy-lab{padding:22px}.notebook-grid{gap:16px}.notebook-card{padding:24px}
  }
  @media(max-width:600px){
    .hero-title{font-size:34px;line-height:1.23;letter-spacing:-.055em}.hero-lead{font-size:16px;line-height:1.75}
    .hero-img{border-radius:22px 22px 62px 22px}.eyebrow-hero{font-size:11px;padding:6px 11px}
    .decision-studio{padding:24px 18px;margin-top:8px}.studio-intro h2{font-size:26px}
    .studio-tabs{gap:3px;padding:4px;border-radius:13px}.studio-tab{flex-direction:column;gap:5px;font-size:12px;line-height:1.5;text-align:center;min-height:70px;padding:9px 5px}.studio-tab-no{font-size:10px}
    .studio-panel{grid-template-columns:1fr;gap:0;padding:0}.studio-art{min-height:230px}.studio-description{padding:0 6px}.studio-description h3{font-size:24px}.studio-description p{font-size:15px;margin-bottom:20px}
    .studio-description .btn{width:100%}.studio-number{display:none}.measure-art{max-height:230px}.pack-illustration{transform:scale(.8);padding:20px 0}.notebook-art{transform:scale(.75) rotate(-5deg);margin:-20px 0}
    .decision-studio .home-end{flex-direction:column;align-items:stretch;gap:8px;padding-top:16px;margin-top:22px}.decision-studio .home-end .btn{font-size:14px}
    .coach-controls{flex-direction:column}.coach-controls .btn{justify-content:start;min-height:48px;font-size:14px}
    .buy-lab{padding:20px 16px;border-radius:20px}.lab-heading h2{font-size:22px}.lab-options{grid-template-columns:1fr}.lab-option{padding:20px}.lab-option.is-selected{padding:19px}.lab-need{gap:12px}.lab-option h3{font-size:28px}.mix-confirm{font-size:14px;line-height:1.6}.lab-metrics dd{font-size:20px}
    .notebook-grid{grid-template-columns:1fr}.notebook-card{padding:24px}.notebook-meta>div{grid-template-columns:85px 1fr}.notebook-search{margin:22px 0}.label-focus .btn{font-size:13px}
  }
  @keyframes panel-enter{from{opacity:.35;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
  @keyframes measure-draw{from{stroke-dashoffset:35}to{stroke-dashoffset:0}}
  @keyframes meter-enter{from{transform:scaleX(.2)}to{transform:scaleX(1)}}
  @media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.pick-card:hover{transform:none}}
}
@media print{
  .buy-lab,.decision-studio,.measure-coach,.notebook-fields,.label-focus{display:none!important}
  .mixed-pack-list{padding:0 0 0 16px;font-size:9pt;break-inside:avoid}
  .mixed-pack-list li{margin:5px 0}.mixed-pack-list strong,.mixed-pack-list span{display:block;overflow-wrap:anywhere}
  .si-record{font-size:9pt;line-height:1.45;padding:8px 0;border-top:1px solid #ccc;overflow-wrap:anywhere;break-inside:avoid}
}