@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap');

:root{--paper:#f5f3eb;--ink:#183c36;--muted:#68786e;--orange:#a5854f;--line:#dcded2;--mint:#e9ecdf;--gold:#d6be8b;--night:#102b2b}
html{scroll-padding-top:100px}
body{background:var(--paper)}
body::before{display:none}
.header,.hero{position:relative;isolation:isolate}
.header::before,.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--night);box-shadow:0 0 0 100vmax var(--night);clip-path:inset(0 -100vmax);pointer-events:none}
.hero::before{background:radial-gradient(ellipse at 80% 50%,#28514a88,transparent 60%),var(--night)}
.wrap{width:min(1240px,calc(100% - 112px))}
.header{height:104px;color:#f5f3eb;border-color:#ffffff20}
.brand{font-size:26px;letter-spacing:-1.3px}
.brand-dot{color:var(--gold)}
.brand-icon{background:transparent;border:1px solid #d6be8b70;color:var(--gold);width:42px;height:42px;margin-right:12px}
.header nav{font-size:12px;font-weight:450;gap:36px;color:#c7d3c8}
.header nav a{position:relative;padding-block:8px}
.header nav a::after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .25s}
.header nav a:hover{color:var(--gold)}
.header nav a:hover::after{transform:scaleX(1)}
.nav-cta{border:1px solid #d6be8b70;border-radius:100px;padding:13px 20px;font-size:12px;font-weight:500;color:#ead9b3;gap:23px}
.nav-cta:hover{background:#d6be8b18}
.hero{min-height:700px;gap:65px;padding-block:76px 112px;color:var(--paper)}
.hero .eyebrow{font-size:9px;letter-spacing:2.5px;font-weight:500;color:#dac79e}
.live-dot{background:var(--gold);width:5px;height:5px;box-shadow:0 0 0 5px #d6be8b12}
h1,h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;letter-spacing:-1.5px}
h1{font-size:clamp(65px,6.2vw,90px);line-height:.99;margin-top:30px;padding:0;letter-spacing:-2.8px}
h1>span{display:inline-block;font-style:italic;color:var(--gold);white-space:nowrap}
.hero-copy>p{font-size:14px;line-height:1.95;color:#baccc1;max-width:358px;margin-top:30px;font-weight:400}
.hero-actions{margin-top:32px;gap:25px}
.button{border-radius:100px;font-size:12px;font-weight:600;padding:18px 24px;gap:24px}
.primary{background:#ddc798;color:#17382f;box-shadow:0 5px 20px #0000000a}
.primary:hover{background:#eedab0;box-shadow:0 8px 24px #0002}
.hero .text-link{color:#e6e8d9;font-weight:400;font-size:12px}
.play{border-color:#c6d2b94a;width:32px;height:32px;font-size:8px;color:var(--gold)}
.hero-note{border-top:1px solid #ffffff15;padding-top:23px;margin-top:30px;gap:23px;color:#a9bfb0;font-size:9px}
.hero-note svg{color:var(--gold)}
.hero-visual{background:linear-gradient(145deg,#ffffff0b,#ffffff03);border:1px solid #d6be8b35;border-radius:240px 240px 8px 8px;padding:91px 28px 35px;min-height:547px;box-shadow:inset 0 0 80px #d6be8b05}
.hero-visual::after{content:"EST. FOR YOUR EVERYDAY";position:absolute;right:24px;top:115px;writing-mode:vertical-rl;font-size:7px;letter-spacing:3px;color:#d6be8b80}
.visual-orbit{border-color:#d6be8b1c;width:390px;height:390px;left:45px;top:29px}
.orbit-two{width:300px;height:300px;top:74px;left:90px}
.visual-caption{color:#d6be8ba8;font-size:7px;letter-spacing:2px;top:40px;left:47px;transform:none;line-height:1.9}
.decor-fish{color:#d6be8b;opacity:.75;width:82px;height:55px;right:40px;top:23px;transform:rotate(-17deg)}
.pos-preview{color:var(--ink);border:1px solid #f0eadb;border-radius:9px;background:#fbfaf5;box-shadow:0 30px 70px #0005;transform:rotate(-4deg);margin-right:8px}
.preview-top{padding:16px 18px;background:#f5f2e8;border-color:#e6e5d9}
.small-logo{background:#20473a;color:#e2d0a8}
.demo-pill{background:#e5e9da;color:#546a56;letter-spacing:1px}
.preview-body{padding:19px}
.preview-body h2{font-family:'Manrope',sans-serif;font-size:18px;font-weight:700;letter-spacing:-.7px}
.preview-categories .selected{background:#254b3c}
.product-art{height:95px;background:#e5e9da}
.art-two{background:#efe6d7}
.preview-total{background:#214b3d;padding:14px;border-radius:4px}
.floating-tag{border-color:#e4dbc7;border-radius:5px;padding:17px 21px;bottom:12px;right:-19px;box-shadow:0 15px 40px #0003;transform:rotate(3deg)}
.tag-icon{background:#e5ecdd;color:#477450}
.tag-spark{color:#ae915b}
.visual-footnote{color:#bac6ad80;font-size:6px;letter-spacing:1.3px;display:flex;justify-content:space-between;margin-top:27px}
.benefit-strip{background:#eeeede;border-color:#e2e3d5}
.strip-content{padding-block:30px}
.strip-content>span{font-size:11px;font-weight:500;gap:14px}
.strip-content>span:first-child{font-size:9px;line-height:1.9;border-color:#d0d6c5;padding-right:35px}
.strip-content i{color:#8b926a;font-size:25px;font-weight:400}
.section{padding-block:112px}
.section-heading{margin-bottom:53px;gap:75px}
.eyebrow{font-size:9px;letter-spacing:2px;font-weight:500;color:#8c764e}
h2{font-size:clamp(40px,4vw,56px);line-height:1.08;letter-spacing:-1.5px}
.section-heading h2{margin-top:20px}
.section-heading>p{font-size:12px;line-height:2;max-width:300px}
.feature-grid{gap:26px}
.feature{padding:24px 24px 27px;background:#faf9f3;border:1px solid #dcded0;border-radius:3px;transition:transform .3s,box-shadow .3s}
.feature:hover{transform:translateY(-6px);box-shadow:0 18px 35px #193d3209}
.feature-number{font-size:8px;letter-spacing:1.8px;color:#8a806a}
.feature-drawing{background:radial-gradient(ellipse at center,#e5e9da,#eff0e6);height:158px;margin:23px 0 26px;border-radius:2px}
.feature h3{font-size:17px;line-height:1.5;letter-spacing:-.5px;font-weight:600}
.feature p{font-size:12px;line-height:1.95}
.weight-drawing>span:first-child{font-weight:500;color:#3f6150}
.payment-initial{background:#a69066}
.illustration-note{font-size:9px;margin-top:22px;color:#808777}
.demo-section{background:radial-gradient(ellipse at 15% 90%,#36553e50,transparent 55%),#122f2b;padding-block:96px;position:relative}
.demo-layout{gap:120px}
.demo-copy>.eyebrow{color:#cfb98e;font-size:9px;letter-spacing:2.2px}
.demo-copy h2{font-size:65px;line-height:1.02;letter-spacing:-1.5px;margin-top:25px}
.demo-copy p{color:#b5c6b8;font-size:13px;line-height:2;margin-top:25px;max-width:310px}
.demo-disclaimer{font-size:9px;color:#9aac98;margin-top:28px;letter-spacing:.3px}
.demo-fish{color:#c5b381;opacity:.16;bottom:-20px;right:-15px;width:165px}
.calculator{background:#faf8ef;border:1px solid #e5d9bc;border-radius:5px;padding:32px;box-shadow:0 24px 60px #0002}
.calc-heading{padding-bottom:22px;border-bottom:1px solid #dcded0}
.calc-heading h3{font-size:18px;font-weight:600}
.calc-heading>span{color:#8d7957;font-size:8px;letter-spacing:1.7px}
.calc-products{gap:10px}
.calc-products button{border-color:#d9dccc;border-radius:3px;padding:14px 5px;transition:background .2s,border-color .2s}
.calc-products button.active{background:#e7ebdd;border-color:#799177;box-shadow:inset 0 0 0 1px #799177}
.weight-input{background:#fffef8;border-radius:3px;border-color:#d5dac9;padding:12px 15px}
.weight-input input{font-weight:500}
input[type=range]{accent-color:#657e57}
.calc-result{margin-top:26px;padding-top:24px}
.calc-result output{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;font-size:43px;letter-spacing:-1.5px}
.steps-grid{gap:55px}
.steps-grid article{padding-top:28px;border-color:#cbd2bf}
.steps-grid article>span{font-family:'Cormorant Garamond',Georgia,serif;font-size:36px;font-style:italic;font-weight:400;color:#a18d64}
.steps-grid h3{font-size:18px;font-weight:600;margin-top:22px}
.steps-grid p{font-size:12px;line-height:2}
.steps .text-link{padding-bottom:4px;border-bottom:1px solid #a9b19b;font-weight:500;gap:23px}
.closing{background:linear-gradient(110deg,#e7e9dc,#d9e0cd);border:1px solid #d4dac5;border-radius:4px;padding:63px 65px;margin-bottom:55px}
.closing h2{font-size:59px;line-height:1.03;margin:24px 0 30px}
.closing>svg{color:#799477;width:270px;opacity:.7}
.closing .primary{background:#254b3d;color:#f1e8d4}
.closing .primary:hover{background:#163c2e}
.closing-seal{border-color:#9ba98b;color:#647556;width:112px;height:112px;font-size:7px;letter-spacing:2px}
footer{padding-block:0 35px;border-top:1px solid #dde0d3;padding-top:29px}
footer .brand{font-size:23px}
footer p,footer>span,footer>a:last-child{font-size:9px;color:#77816e}
.reveal{transition:opacity .7s ease,transform .7s ease}
.reveal.is-pending{opacity:0;transform:translateY(18px)}

@media(min-width:1450px){.hero{gap:100px}h1{font-size:92px}}
@media(max-width:1100px){.wrap{width:calc(100% - 72px)}.hero{gap:38px;min-height:680px}h1{font-size:72px}.hero-visual{padding:88px 20px 32px;min-height:510px}.visual-orbit{left:15px;width:350px;height:350px}.orbit-two{left:60px;width:260px;height:260px}.hero-visual::after{right:10px}.visual-caption{left:34px}.demo-layout{gap:70px}.feature{padding:22px 18px}.feature h3{font-size:16px}.closing{padding:50px}.closing h2{font-size:53px}.closing>svg{width:200px}.strip-content>span{font-size:10px}}
@media(max-width:900px){
 body::before{height:1300px;background:radial-gradient(ellipse at 70% 70%,#28514a88,transparent 60%),#102b2b}
 .wrap{width:calc(100% - 44px)}.header{height:84px}.brand{font-size:23px}.brand-icon{width:34px;height:34px;margin-right:9px}.header nav{gap:20px;font-size:10px}.nav-cta{font-size:10px;padding:11px 14px;gap:12px}
 .hero{padding-block:59px 72px;min-height:0;gap:58px}.hero-copy{max-width:none}.hero .eyebrow{font-size:8px;letter-spacing:1.9px}h1{font-size:79px;line-height:.98;letter-spacing:-2px;margin-top:28px}.hero-copy>p{font-size:13px;max-width:345px;line-height:1.95;margin-top:27px}.hero-actions .button{font-size:11px;padding:17px 21px}.hero-note{font-size:9px;gap:20px;margin-top:27px;padding-top:20px}
 .hero-visual{width:min(440px,calc(100% - 16px));padding:84px 25px 32px;min-height:0}.visual-caption{top:30px;left:40px}.decor-fish{right:35px;top:20px}.visual-orbit{left:30px;width:350px;height:350px}.orbit-two{left:75px;width:260px;height:260px}.floating-tag{right:-10px;bottom:8px}.visual-footnote{font-size:6px}.product-art{height:90px}.preview-body{padding:17px}
 .benefit-strip{position:relative}.strip-content{padding-block:28px;gap:24px}.strip-content>span{font-size:11px}.strip-content>span:first-child{font-size:10px;gap:7px}.section{padding-block:73px}.section-heading{margin-bottom:34px}.eyebrow{font-size:8px;letter-spacing:1.8px}h2{font-size:44px;letter-spacing:-1px}.section-heading>p{font-size:12px;max-width:360px;margin-top:22px}.feature-grid{gap:17px}.feature{display:block;padding:24px}.feature-drawing{height:155px;margin:20px 0 24px}.feature h3{font-size:18px;margin-bottom:9px}.feature p{font-size:12px}.feature-number{font-size:8px}.illustration-note{font-size:8px}
 .demo-section{padding-block:65px}.demo-layout{gap:39px}.demo-copy h2{font-size:58px}.demo-copy p{font-size:12px;margin-top:20px}.demo-disclaimer{font-size:8px}.demo-fish{right:0;bottom:-10px;width:140px;opacity:.15}.calculator{padding:25px;max-width:480px}.calc-heading{padding-bottom:18px;margin-bottom:21px}.calc-result output{font-size:38px}.calc-products button{padding:13px 5px}.steps-grid{gap:25px}.steps-grid article{padding-top:23px}.steps-grid article>span{font-size:30px}.steps-grid h3{font-size:16px;margin-top:16px}.steps-grid p{font-size:11px}
 .closing{padding:39px 28px;margin-bottom:34px;min-height:340px}.closing h2{font-size:46px;margin-top:24px}.closing .eyebrow{font-size:7px;max-width:220px}.closing>svg{width:200px;right:-35px;bottom:0;opacity:.2}.closing-seal{width:66px;height:66px;font-size:5px;right:22px;top:30px;opacity:.7}.closing .button{font-size:11px;padding:17px 23px}footer{padding-top:23px;padding-bottom:28px}
}
@media(max-width:420px){body::before{height:1230px}.header nav{display:none}.wrap{width:calc(100% - 36px)}h1{font-size:clamp(57px,17.7vw,73px)}.hero{padding-top:48px;gap:45px}.hero-actions{gap:19px}.hero-actions .button{padding:16px 18px;gap:13px}.hero .text-link{font-size:10px}.hero-note{gap:15px;font-size:8px}.hero-visual{padding:78px 18px 30px;width:calc(100% - 8px)}.visual-orbit{left:15px;width:290px;height:290px}.orbit-two{left:55px;width:210px;height:210px}.product-art{height:80px}.preview-body{padding:14px}.preview-body h2{font-size:16px}.floating-tag{padding:13px 15px;right:-6px}.visual-caption{font-size:6px;left:30px}.visual-footnote{font-size:5px;letter-spacing:.6px}.feature{padding:23px}.payment-drawing{flex-wrap:nowrap}.payment-drawing>svg{display:block}.payment-initial{width:35px;height:35px}.steps-grid{gap:27px}.steps-grid article{grid-template-columns:44px 1fr;padding-top:21px}.steps-grid article>span{margin-top:0}.steps-grid h3{margin:4px 0 10px}.steps-grid p{font-size:12px}.closing h2{font-size:42px}.closing .eyebrow{max-width:170px}.closing-seal{width:55px;height:55px;font-size:4px}.calc-result output{font-size:35px}}
@media(prefers-reduced-motion:reduce){.reveal.is-pending{opacity:1;transform:none}.feature:hover{transform:none}}