:root{--ink:#102b35;--muted:#557078;--paper:#f7f8f3;--white:#fff;--teal:#147080;--deep:#0b4350;--aqua:#bce5df;--lime:#d8e890;--gold:#f2b84b;--line:#cadbd8;--shadow:0 18px 55px rgba(16,43,53,.12);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0;line-height:1.55}a{color:inherit}.skip-link{position:absolute;left:-999px;top:1rem;z-index:9;background:var(--ink);color:#fff;padding:.7rem 1rem}.skip-link:focus{left:1rem}.site-header{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:.8rem clamp(1rem,4vw,4rem);background:rgba(247,248,243,.94);backdrop-filter:blur(12px);border-bottom:1px solid rgba(16,43,53,.08)}.brand{display:flex;gap:.8rem;align-items:center;text-decoration:none}.brand strong{display:block;font-size:1.02rem;letter-spacing:.02em}.brand small{display:block;font-size:.7rem;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.brand-mark{width:38px;height:38px;border-radius:50%;border:2px solid var(--teal);position:relative;display:block}.brand-mark i{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--gold)}.brand-mark i:nth-child(1){left:14px;top:4px}.brand-mark i:nth-child(2){left:5px;top:21px}.brand-mark i:nth-child(3){right:4px;top:22px}.brand-mark:after{content:"";position:absolute;inset:8px;border:1px solid var(--teal);border-radius:50%;transform:rotate(45deg)}nav{display:flex;gap:1.4rem;align-items:center}nav a{text-decoration:none;font-weight:650;font-size:.9rem}.cart-link{background:var(--ink);color:#fff;padding:.55rem .85rem;border-radius:99px}.cart-link span{display:inline-grid;place-items:center;background:var(--gold);color:var(--ink);border-radius:50%;min-width:1.25rem;height:1.25rem;margin-left:.25rem}.nav-toggle{display:none;background:transparent;border:1px solid var(--line);padding:.5rem .7rem;border-radius:.5rem}.hero{min-height:78vh;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:clamp(2rem,6vw,6rem);align-items:center;padding:clamp(4rem,8vw,8rem) clamp(1rem,7vw,7rem);overflow:hidden;background:radial-gradient(circle at 85% 35%,rgba(188,229,223,.65),transparent 28%),linear-gradient(145deg,#f8faf5,#eef5ee)}.eyebrow{color:var(--teal);font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.hero h1{font-family:Georgia,serif;font-size:clamp(3.1rem,7vw,7rem);line-height:.92;letter-spacing:-.055em;margin:.7rem 0 1.5rem;max-width:950px}.hero p{font-size:clamp(1.05rem,1.7vw,1.35rem);color:var(--muted);max-width:680px}.actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:2rem}.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--ink);border-radius:99px;padding:.8rem 1.2rem;font-weight:750;text-decoration:none;cursor:pointer;background:var(--ink);color:#fff}.button.secondary{background:transparent;color:var(--ink)}.button:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.orbit{aspect-ratio:1;position:relative;display:grid;place-items:center}.orbit:before,.orbit:after{content:"";position:absolute;border:1px solid rgba(20,112,128,.35);border-radius:50%;inset:6%;transform:rotate(20deg)}.orbit:after{inset:18%;transform:rotate(-35deg)}.orbit-core{width:45%;aspect-ratio:1;border-radius:50%;background:var(--deep);color:#fff;display:grid;place-items:center;text-align:center;padding:1rem;box-shadow:var(--shadow);z-index:1}.concept{position:absolute;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);padding:.55rem .8rem;border-radius:99px;font-size:.78rem;font-weight:800}.concept:nth-child(2){top:5%;left:35%}.concept:nth-child(3){top:25%;right:0}.concept:nth-child(4){bottom:15%;right:8%}.concept:nth-child(5){bottom:5%;left:15%}.concept:nth-child(6){top:28%;left:0}.section{padding:clamp(4rem,8vw,7rem) clamp(1rem,7vw,7rem)}.section-head{display:flex;justify-content:space-between;gap:2rem;align-items:end;margin-bottom:2rem}.section h2,.page-head h1{font-family:Georgia,serif;font-size:clamp(2.2rem,4.5vw,4.4rem);line-height:1;letter-spacing:-.035em;margin:.5rem 0}.section-head p{max-width:540px;color:var(--muted)}.dark{background:var(--ink);color:#fff}.dark .eyebrow{color:var(--aqua)}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.16)}.principle{padding:2rem;background:var(--ink)}.principle strong{font-family:Georgia,serif;font-size:1.35rem}.principle p{color:#bad0d4}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.product-card{background:#fff;border:1px solid var(--line);border-radius:1.2rem;overflow:hidden;display:flex;flex-direction:column;min-height:100%;box-shadow:0 8px 26px rgba(16,43,53,.06)}.product-art{min-height:220px;padding:1.5rem;background:linear-gradient(145deg,#d9efeb,#f5eccf);display:flex;flex-direction:column;justify-content:space-between}.product-art .routine{font-size:clamp(1.4rem,3vw,2.2rem);font-family:Georgia,serif;line-height:1}.badge{align-self:flex-start;background:var(--white);padding:.35rem .6rem;border-radius:99px;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.badge.planned{background:#e6e8e3;color:#5c6562}.product-body{padding:1.4rem;display:flex;flex-direction:column;flex:1}.product-body h3{font-size:1.25rem;margin:.2rem 0}.product-body p{color:var(--muted)}.product-meta{display:flex;gap:.5rem;flex-wrap:wrap;font-size:.76rem}.product-meta span{background:#edf3f0;padding:.25rem .5rem;border-radius:.35rem}.product-footer{margin-top:auto;display:flex;justify-content:space-between;align-items:center;padding-top:1rem}.price{font-weight:850;font-size:1.2rem}.page-head{padding:4rem clamp(1rem,7vw,7rem) 2rem;background:#eef5ee}.catalog-controls{display:grid;grid-template-columns:2fr 1fr 1fr;gap:.8rem;margin-bottom:2rem}.catalog-controls input,.catalog-controls select{width:100%;padding:.8rem;border:1px solid var(--line);border-radius:.65rem;background:#fff;font:inherit}.detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.72fr);gap:clamp(2rem,5vw,5rem)}.preview-panel{background:#d9efeb;border-radius:1.3rem;padding:1rem;min-height:600px}.preview-panel iframe{width:100%;height:560px;border:0;border-radius:.7rem;background:#fff}.detail aside{position:sticky;top:90px;align-self:start}.detail h1{font-family:Georgia,serif;font-size:clamp(2.6rem,5vw,5rem);line-height:.95}.included{padding-left:1.2rem}.notice{border-left:4px solid var(--gold);background:#fff7df;padding:1rem;margin:1rem 0}.cart-layout{display:grid;grid-template-columns:1fr 340px;gap:2rem}.cart-item,.summary{background:#fff;border:1px solid var(--line);border-radius:1rem;padding:1.2rem}.summary{height:max-content}.quantity{display:flex;align-items:center;gap:.7rem}.quantity button{width:2rem;height:2rem;border-radius:50%;border:1px solid var(--line);background:#fff}.empty{text-align:center;padding:4rem 1rem}.checkout-step{max-width:720px;margin:auto;background:#fff;border:1px solid var(--line);padding:2rem;border-radius:1.2rem}.demo-banner{background:#fff0c7;border:1px solid #d8a52f;padding:1rem;border-radius:.7rem;font-weight:700}.status-line{padding:1rem;background:#edf5f3;border-radius:.7rem;margin:1rem 0}footer{display:grid;grid-template-columns:1fr 1fr;gap:2rem;padding:3rem clamp(1rem,7vw,7rem);background:#092f39;color:#d8e8e9}footer p{margin:.25rem 0;color:#aac3c7}#toast{position:fixed;right:1rem;bottom:1rem;background:var(--ink);color:#fff;padding:.8rem 1rem;border-radius:.6rem;transform:translateY(150%);transition:.2s;z-index:9}#toast.show{transform:none}@media(max-width:820px){.site-header{align-items:flex-start}.nav-toggle{display:block}nav{display:none;position:absolute;top:66px;left:0;right:0;background:var(--paper);padding:1rem;flex-direction:column;border-bottom:1px solid var(--line)}nav.open{display:flex}.hero,.detail,.cart-layout{grid-template-columns:1fr}.hero{padding-top:3rem}.orbit{max-width:440px;margin:auto;width:100%}.principles,.product-grid{grid-template-columns:1fr 1fr}.catalog-controls{grid-template-columns:1fr}.detail aside{position:static}.preview-panel{min-height:460px}.preview-panel iframe{height:430px}}@media(max-width:540px){.principles,.product-grid{grid-template-columns:1fr}.hero h1{font-size:3.25rem}.section-head{display:block}.site-header{padding:.7rem 1rem}.brand small{display:none}footer{grid-template-columns:1fr}.preview-panel{padding:.5rem}.actions .button{width:100%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}