@font-face{font-family:Nunito;src:url('/assets/Nunito-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Nunito;src:url('/assets/Nunito-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:Nunito;src:url('/assets/Nunito-ExtraBold.ttf') format('truetype');font-weight:800 900;font-display:swap}
:root{color-scheme:light;--ink:#1e1b19;--muted:#665b50;--line:#e7e0d3;--paper:#fdfbf7;--teal:#855300;--teal-dark:#654000;--orange:#e58a09;--violet:#76654c;--night:#1c1917;--shell:min(1240px,calc(100% - 88px))}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Nunito,Arial,sans-serif;-webkit-font-smoothing:antialiased}
button,input{font:inherit}
a{color:inherit;text-decoration:none}
button{cursor:pointer}
button:disabled{cursor:not-allowed}
img{display:block;max-width:100%}
svg{display:block;width:1em;height:1em;stroke-width:1.9}
.shell{width:var(--shell);margin-inline:auto}
.skip-link{position:fixed;z-index:100;left:12px;top:-80px;background:var(--ink);color:#fff;padding:12px 18px;border-radius:4px}
.skip-link:focus{top:12px}
:focus-visible{outline:3px solid var(--orange);outline-offset:4px}
.site-header{height:76px;position:relative;z-index:30;background:#fdfbf7;border-bottom:1px solid #f3e8d6}
.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:32px}
.brand{display:inline-flex;align-items:center;gap:10px;flex:none;font-weight:900;font-size:22px;line-height:1;color:var(--ink)}
.brand img{object-fit:contain}
.desktop-nav{display:flex;align-items:center;gap:34px;margin-left:auto;color:#665b50;font-size:14px;font-weight:700}
.desktop-nav a,.back-top{transition:color .2s ease}
.desktop-nav a:hover,.back-top:hover{color:var(--teal)}
.header-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:39px;padding:0 18px;border:1px solid var(--ink);border-radius:4px;font-size:13px;font-weight:800;white-space:nowrap;transition:background .2s,color .2s}
.header-cta:hover{background:var(--ink);color:#fff}
.header-cta svg{font-size:16px}
.menu-toggle,.mobile-nav{display:none}
.hero{height:calc(100svh - 125px);min-height:610px;max-height:890px;position:relative;overflow:hidden;background:#f5efe3}
.hero-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:1;touch-action:pan-y}
.hero-grain{display:none}
.hero-inner{height:100%;position:relative;z-index:3;display:flex;align-items:center;pointer-events:none}
.hero-copy{max-width:540px;position:relative;z-index:3;transform:translateY(-10px);pointer-events:auto}
.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 20px;color:var(--teal);font-size:11px;line-height:1.3;font-weight:900;letter-spacing:.14em}
.eyebrow-line{width:28px;height:1px;background:currentColor}
h1,h2,h3,p{margin-top:0}
.hero h1{font-size:clamp(68px,8vw,120px);line-height:.97;font-weight:900;letter-spacing:0;margin:0 0 16px}
.title-period{color:var(--orange)}
.hero-lede{font-size:clamp(30px,3.3vw,47px);line-height:1.12;font-weight:800;margin:0 0 24px}
.hero-lede em{font-style:normal;color:var(--teal)}
.hero-description{max-width:430px;font-size:17px;line-height:1.65;color:#665b50;margin-bottom:30px}
.hero-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 21px;font-size:14px;font-weight:800;border-radius:4px;transition:transform .25s ease,background .25s ease,box-shadow .25s ease}
.button:hover{transform:translateY(-3px)}
.button svg{font-size:17px}
.button-primary{background:#956000;color:#fff;box-shadow:0 10px 25px rgba(133,83,0,.18)}
.button-primary:hover{background:var(--teal-dark);box-shadow:0 15px 26px rgba(133,83,0,.24)}
.button-text{padding-inline:4px;color:var(--ink)}
.button-text:hover{color:var(--teal)}
.scene-hint{position:absolute;right:7%;bottom:45px;display:flex;align-items:center;gap:8px;color:#756249;font-size:12px;font-weight:800;white-space:nowrap}
.scene-hint svg{font-size:18px}
.scroll-cue{position:absolute;z-index:5;bottom:25px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid rgba(133,83,0,.35);border-radius:50%;color:var(--teal)}
.scroll-cue svg{font-size:16px}
.statement-section{padding:112px 0 115px;background:#fdfbf7}
.section-intro{max-width:710px;margin-bottom:65px}
.section-intro h2,.experience-copy h2,.budget-intro h2,.rhythm-layout h2,.faq-layout h2{font-size:clamp(38px,4.4vw,64px);line-height:1.08;letter-spacing:0;font-weight:900;margin-bottom:22px}
.section-intro h2 span,.experience-copy h2 span,.rhythm-layout h2 span,.faq-layout h2 span{color:var(--teal)}
.section-intro>p:last-child,.experience-copy>p:not(.eyebrow),.budget-intro>p:not(.eyebrow){color:var(--muted);font-size:17px;line-height:1.65;max-width:560px}
.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:44px}
.feature-item{position:relative;min-height:226px;padding:29px 8px 34px 0;border-top:1px solid var(--line)}
.feature-number{position:absolute;right:0;top:28px;color:#958978;font-size:11px;font-weight:900;letter-spacing:.08em}
.feature-icon{width:45px;height:45px;display:grid;place-items:center;margin-bottom:25px;border-radius:50%;font-size:21px}
.feature-icon.teal{background:#fef3c7;color:#855300}.feature-icon.orange{background:#fff0dd;color:#b45309}.feature-icon.violet{background:#ece6dc;color:#655440}.feature-icon.mint{background:#e4f0e6;color:#006c49}.feature-icon.blush{background:#fae7df;color:#a84935}.feature-icon.blue{background:#e9e8e2;color:#5c6554}
.feature-item h3{font-size:22px;line-height:1.25;font-weight:900;margin-bottom:10px}
.feature-item p{max-width:335px;color:var(--muted);font-size:15px;line-height:1.62;margin-bottom:0}
.experience-section{background:#f4ece8;padding:100px 0 105px;overflow:hidden}
.experience-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);gap:8%;align-items:center}
.experience-copy>p:not(.eyebrow){max-width:470px}
.experience-tabs{display:flex;flex-direction:column;margin-top:38px;border-top:1px solid #dacdc0}
.experience-tab{width:100%;display:flex;align-items:center;gap:18px;text-align:left;padding:18px 3px;border:0;border-bottom:1px solid #dacdc0;background:transparent;color:#75675a;font-weight:800;font-size:19px;transition:color .2s,padding-left .2s}
.experience-tab span{font-size:11px;color:#9a8775;font-weight:900}
.experience-tab svg{margin-left:auto;opacity:0;font-size:17px;transition:opacity .2s}
.experience-tab:hover,.experience-tab.is-active{color:var(--teal);padding-left:10px}
.experience-tab:hover svg,.experience-tab.is-active svg{opacity:1}
.preview-stage{position:relative;min-height:640px;display:flex;align-items:center;justify-content:center}
.preview-stage:before{content:'';position:absolute;width:min(92%,480px);aspect-ratio:1;border:1px solid #cbb893;border-radius:50%;transform:rotate(-28deg) scaleY(.8)}
.preview-stage:after{content:'';position:absolute;width:min(110%,570px);aspect-ratio:1;border:1px solid #e1d4c5;border-radius:50%;transform:rotate(22deg) scaleY(.75)}
.preview-device{position:relative;z-index:2;width:270px;height:568px;overflow:hidden;border:8px solid #2a241f;border-radius:34px;background:#fff;box-shadow:22px 27px 40px rgba(64,40,10,.16),inset 0 0 0 1px rgba(255,255,255,.5);transform:rotate(5deg);transition:transform .45s ease}
.preview-device:hover{transform:rotate(1deg) translateY(-5px)}
.preview-caption{position:absolute;z-index:3;bottom:0;left:0;display:flex;align-items:center;gap:10px;padding:10px 15px;background:#fffdf8;border:1px solid #e5d5bd;border-radius:4px;font-size:12px;font-weight:800;color:#665440;box-shadow:0 10px 20px rgba(82,50,15,.08)}
.preview-dot{width:7px;height:7px;border-radius:50%;background:var(--teal)}
.budget-section{padding:112px 0;background:var(--night);color:#fcf8ee}
.budget-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(400px,1fr);gap:10%;align-items:center}
.budget-section .eyebrow{color:#fbbf24}
.budget-intro h2 span{color:#f1bd55}
.budget-intro>p:not(.eyebrow){color:#cfc4b7}
.budget-note{display:flex;align-items:center;gap:11px;margin-top:36px;color:#d7c8b6;font-size:14px;font-weight:800}
.budget-note svg{font-size:19px;color:#fbbf24}
.budget-tool{padding:35px 38px 38px;background:#2d2722;border:1px solid #574536;border-radius:8px;box-shadow:22px 22px 0 #17130f}
.budget-tool-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;color:#dac5a7;font-size:11px;font-weight:900;letter-spacing:.12em}
.budget-tool-heading svg{font-size:18px}
.range-group{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;margin-bottom:27px;color:#f1e8dc;font-size:14px;font-weight:700}
.range-group output{font-size:18px;font-weight:900;color:#fff;font-variant-numeric:tabular-nums}
.range-group input{grid-column:1/-1;width:100%;margin:2px 0 0;accent-color:#fbbf24;cursor:pointer}
.budget-result{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:32px;padding-top:30px;border-top:1px solid #5b4938}
.result-label{display:block;color:#e0bd7c;font-size:10px;font-weight:900;letter-spacing:.12em;margin-bottom:6px}
.budget-result strong{display:block;font-size:clamp(31px,3vw,47px);line-height:1;font-weight:900;font-variant-numeric:tabular-nums}
.budget-result p{max-width:265px;margin:9px 0 0;color:#d0c3b4;font-size:12px;line-height:1.4}
.result-ring{--progress:81%;width:95px;height:95px;flex:none;display:grid;place-items:center;border-radius:50%;background:conic-gradient(#fbbf24 var(--progress),#67523c 0)}
.result-ring:before{content:'';position:absolute;width:69px;height:69px;border-radius:50%;background:#2d2722}
.result-ring span{position:relative;font-weight:900;font-size:16px}
.rhythm-section{padding:115px 0;background:#faf2ee}
.rhythm-layout{display:grid;grid-template-columns:.9fr 1fr;gap:12%}
.rhythm-layout h2{margin-bottom:0}
.rhythm-steps{border-top:1px solid #dacdc3}
.rhythm-steps>div{display:grid;grid-template-columns:140px 1fr;gap:24px;padding:21px 0;border-bottom:1px solid #dacdc3;align-items:start}
.rhythm-steps span{color:#9a671d;font-size:11px;font-weight:900;letter-spacing:.1em}
.rhythm-steps p{margin:0;font-size:17px;line-height:1.45;font-weight:800}
.faq-section{padding:115px 0 132px;background:var(--paper)}
.faq-layout{display:grid;grid-template-columns:.85fr 1fr;gap:12%}
.faq-list{border-top:1px solid var(--line)}
.faq-list details{border-bottom:1px solid var(--line)}
.faq-list summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:24px 0;font-size:18px;line-height:1.3;font-weight:900;cursor:pointer}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary svg{flex:none;color:var(--teal);font-size:20px;transition:transform .25s}
.faq-list details[open] summary svg{transform:rotate(45deg)}
.faq-list details p{max-width:550px;padding:0 35px 24px 0;color:var(--muted);font-size:15px;line-height:1.6;margin:0}
.site-footer{background:#f4ece8;padding:56px 0 24px}
.footer-inner{display:flex;align-items:start;justify-content:space-between;gap:30px}
.footer-brand{font-size:25px}
.footer-inner p{margin:18px 0 0;color:#6c6054;font-size:15px}
.back-top{display:inline-flex;align-items:center;gap:9px;font-size:13px;font-weight:900;padding-top:10px}
.back-top svg{font-size:17px}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:80px;padding-top:17px;border-top:1px solid #ddcfc0;color:#746557;font-size:12px;font-weight:700}
@media(max-width:1050px){:root{--shell:min(100% - 56px,1240px)}.hero-copy{max-width:450px}.hero h1{font-size:80px}.experience-layout,.budget-layout{gap:5%}.feature-grid{column-gap:25px}.experience-layout{grid-template-columns:minmax(0,1fr) minmax(310px,.9fr)}}
@media(max-width:760px){:root{--shell:calc(100% - 40px)}.site-header{height:66px}.desktop-nav,.header-cta{display:none}.menu-toggle{display:grid;place-items:center;flex:none;width:38px;height:38px;background:transparent;border:1px solid #b9cfc3;border-radius:4px;color:var(--ink);font-size:20px}.mobile-nav:not([hidden]){display:flex;flex-direction:column;gap:0;position:absolute;left:0;right:0;top:66px;padding:10px 20px 18px;background:#f8faf8;border-bottom:1px solid var(--line);box-shadow:0 15px 24px rgba(30,50,42,.09)}.mobile-nav a{padding:12px 0;border-bottom:1px solid var(--line);font-weight:800}.hero{height:calc(100svh - 105px);min-height:0;max-height:none}.hero-inner{align-items:flex-start}.hero-copy{max-width:100%;padding-top:42px;transform:none}.hero .eyebrow{margin-bottom:14px}.hero h1{font-size:clamp(53px,13vw,77px);margin-bottom:9px}.hero-lede{font-size:clamp(27px,6vw,37px);margin-bottom:12px}.hero-description{max-width:420px;font-size:14px;line-height:1.45;margin-bottom:17px}.hero-actions{gap:7px}.button{min-height:42px;padding:0 15px;font-size:12px}.button-text{padding-inline:6px}.scene-hint{display:none}.scroll-cue{bottom:10px;width:31px;height:31px}.hero-fallback{top:auto;bottom:-20%;right:4%;height:62%;width:50%}.statement-section,.experience-section,.budget-section,.rhythm-section,.faq-section{padding:72px 0}.section-intro{margin-bottom:38px}.section-intro h2,.experience-copy h2,.budget-intro h2,.rhythm-layout h2,.faq-layout h2{font-size:clamp(34px,9vw,47px)}.section-intro>p:last-child,.experience-copy>p:not(.eyebrow),.budget-intro>p:not(.eyebrow){font-size:15px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}.feature-item{min-height:220px}.feature-item h3{font-size:18px}.feature-item p{font-size:13px}.experience-layout,.budget-layout,.rhythm-layout,.faq-layout{grid-template-columns:1fr;gap:35px}.experience-tabs{margin-top:24px}.experience-tab{padding:13px 2px;font-size:16px}.preview-stage{min-height:560px}.preview-device{width:245px;height:516px}.budget-tool{box-shadow:12px 12px 0 #1a2b26;padding:26px}.rhythm-steps>div{grid-template-columns:110px 1fr}.footer-bottom{margin-top:55px}}
@media(max-width:480px){.brand{font-size:19px}.brand img{width:32px;height:32px}.hero-copy{padding-top:28px}.hero-description{max-width:315px;font-size:13px}.hero-actions{max-width:350px}.hero .button-text{min-height:38px}.feature-grid{grid-template-columns:1fr}.feature-item{min-height:0;padding:23px 2px 27px 0}.feature-icon{margin-bottom:13px}.feature-item p{max-width:none}.preview-stage{min-height:515px}.preview-device{width:218px;height:460px}.preview-caption{left:0;bottom:0;max-width:93%;font-size:10px}.budget-result strong{font-size:33px}.result-ring{width:76px;height:76px}.result-ring:before{width:55px;height:55px}.result-ring span{font-size:13px}.rhythm-steps>div{grid-template-columns:85px 1fr;gap:15px}.rhythm-steps p{font-size:15px}.faq-list summary{font-size:16px}.footer-bottom{flex-direction:column;gap:4px}}
@media(max-height:720px) and (max-width:760px){.hero-copy{padding-top:20px}.hero h1{font-size:51px}.hero-lede{font-size:26px}.hero-description{font-size:12px;max-width:285px;margin-bottom:10px}.hero-fallback{bottom:-30%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
@media(max-width:760px){.menu-toggle{border-color:#d9c9ae}.mobile-nav:not([hidden]){background:#fdfbf7;box-shadow:0 15px 24px rgba(75,50,20,.09)}.budget-tool{box-shadow:12px 12px 0 #17130f}}

.hero-phone{position:absolute;right:5%;top:6%;z-index:4;height:88%;aspect-ratio:1206/2622;pointer-events:none}
.preview-device{width:270px;height:auto;aspect-ratio:.49;border:0;overflow:visible;background:transparent;box-shadow:none;filter:drop-shadow(22px 27px 23px rgba(64,40,10,.16))}
.preview-device:hover{transform:rotate(1deg) translateY(-5px)}
.phone-shell{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;position:relative;container-type:inline-size;border:8px solid #29231d;border-radius:37px;background:#fffdfa;color:#1e1b19;box-shadow:inset 0 0 0 1px #716452;font-family:Nunito,Arial,sans-serif;letter-spacing:0}
.phone-shell:before{content:'';position:absolute;z-index:4;top:0;left:39%;width:22%;height:2.6%;border-radius:0 0 10px 10px;background:#29231d}
.phone-status{height:7%;min-height:7%;padding:3% 6% 0;display:flex;justify-content:space-between;align-items:flex-start;font-size:3.7cqw;line-height:1;font-weight:900}
.phone-status-right{display:flex;align-items:center;gap:1.8cqw}
.phone-status-right svg{width:4cqw;height:4cqw;stroke-width:3}
.signal-bars{height:4cqw;display:flex;align-items:end;gap:.6cqw}
.signal-bars i{width:1cqw;background:currentColor;border-radius:1px}
.signal-bars i:nth-child(1){height:35%}.signal-bars i:nth-child(2){height:55%}.signal-bars i:nth-child(3){height:75%}.signal-bars i:nth-child(4){height:100%}
.battery-icon{display:block;width:6cqw;height:3.2cqw;background:#28a744;border-radius:1cqw;position:relative}
.battery-icon:after{content:'';position:absolute;right:-.8cqw;top:1cqw;width:.7cqw;height:1.3cqw;background:#28a744;border-radius:0 1px 1px 0}
.phone-content{flex:1;min-height:0;overflow:hidden;padding:1cqw 4.5cqw 0;background:#fffdfa}
.phone-topbar{height:11cqw;display:flex;align-items:center;justify-content:space-between}
.phone-wordmark{display:flex;align-items:center;gap:1.7cqw;font-size:4.6cqw;font-weight:900}
.phone-brand-icon{width:7cqw;height:7cqw;display:grid;place-items:center;border-radius:2cqw;background:#1c1917;color:#fbbf24;font-size:4.6cqw}
.phone-avatar{width:7cqw;height:7cqw;display:grid;place-items:center;border-radius:50%;background:#fef3c7;color:#855300;font-size:3.8cqw;font-weight:900}
.phone-view{display:none}
[data-view="overview"] .phone-view[data-phone-view="overview"],[data-view="budgets"] .phone-view[data-phone-view="budgets"],[data-view="goals"] .phone-view[data-phone-view="goals"],[data-view="warranties"] .phone-view[data-phone-view="warranties"]{display:block}
.phone-greeting{display:flex;flex-direction:column;gap:.3cqw;margin:4.2cqw 0 4cqw}
.phone-greeting strong{font-size:7cqw;line-height:1.1;font-weight:900;white-space:nowrap}
.phone-greeting span{color:#74685b;font-size:2.7cqw;white-space:nowrap}
.phone-networth{padding:5cqw 4.4cqw 4.2cqw;min-height:45cqw;border-radius:7cqw;background:#211d19;color:#fff;overflow:hidden;position:relative}
.phone-networth:after{content:'';position:absolute;width:32cqw;height:32cqw;right:-14cqw;bottom:-17cqw;border-radius:50%;background:rgba(251,191,36,.12)}
.phone-card-top{display:flex;justify-content:space-between;align-items:center;color:#d4cbc2;font-size:2.55cqw;font-weight:900;letter-spacing:.02em}
.phone-period{padding:1.5cqw 2.2cqw;border-radius:3cqw;background:#fff;color:#221d19;font-size:2.2cqw;letter-spacing:0}
.phone-networth>strong{display:block;margin:8cqw 0 4.5cqw;font-size:11cqw;line-height:1;font-weight:900;letter-spacing:0}
.phone-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:2cqw;padding:3cqw;background:#4a4541;border-radius:4cqw;position:relative;z-index:1}
.phone-metrics div{color:#d5d0cb;font-size:2.45cqw;white-space:nowrap}.phone-metrics b{display:block;margin-top:1cqw;color:#fff;font-size:3.2cqw}
.phone-shortcuts{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5cqw;margin:4.5cqw 0 5cqw;text-align:center;font-size:2.5cqw;font-weight:900}
.phone-shortcuts>div{min-width:0;white-space:nowrap}.phone-shortcuts span{height:15cqw;width:15cqw;margin:0 auto 1.3cqw;display:grid;place-items:center;border-radius:5cqw;background:#f9efea;color:#9a581d}.phone-shortcuts>div:first-child span{background:#746947;color:#fff}.phone-shortcuts svg{width:7cqw;height:7cqw;stroke-width:2.4}
.phone-panel{border:1px solid #f0ddc4;border-radius:6cqw;background:#fff;padding:3.8cqw;margin-bottom:3cqw}
.phone-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:1cqw}.phone-panel-heading strong{font-size:4.1cqw;font-weight:900}.phone-panel-heading span{padding:1cqw 1.5cqw;border-radius:3cqw;background:#faf2ee;color:#665b50;font-size:2.3cqw;font-weight:900;white-space:nowrap}
.phone-weekly>small{display:block;color:#74685b;font-size:2.6cqw}.phone-bars{display:grid;grid-template-columns:repeat(7,1fr);align-items:end;gap:2.1cqw;height:24cqw;margin-top:3cqw}.phone-bars span{height:var(--bar);border-radius:2.5cqw 2.5cqw 0 0;background:#f7eee8}.phone-bars span.active{background:#6b6042}.phone-days{display:grid;grid-template-columns:repeat(7,1fr);gap:2.1cqw;text-align:center;font-size:2.7cqw;font-weight:800}
.phone-compact{display:flex;align-items:center;gap:3cqw;padding:3cqw}.phone-compact>div{flex:1}.phone-compact strong,.phone-compact small{display:block}.phone-compact strong{font-size:3.7cqw}.phone-compact small{font-size:2.5cqw;color:#776a5e}.phone-panel-icon{width:10cqw;height:10cqw;border-radius:50%;background:#fef3c7;color:#855300;display:grid;place-items:center}.phone-panel-icon svg{width:5cqw;height:5cqw}.phone-compact>svg{width:3.4cqw;height:3.4cqw}
.phone-nav{height:10%;min-height:10%;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;border-top:1px solid #f2e7dc;background:#fff;text-align:center}.phone-nav span{display:flex;flex-direction:column;align-items:center;gap:.5cqw;color:#28231f;font-size:2cqw;font-weight:900;white-space:nowrap}.phone-nav span.selected{color:#855300}.phone-nav svg{width:5.2cqw;height:5.2cqw;stroke-width:2.6}.phone-nav .phone-add{width:10cqw;height:10cqw;margin:auto;border-radius:50%;background:#e9930d;color:#fff;display:grid;place-items:center;transform:translateY(-1cqw)}.phone-nav .phone-add svg{width:6cqw;height:6cqw}
.phone-home-indicator{height:2%;min-height:2%;background:#fff;position:relative}.phone-home-indicator:after{content:'';position:absolute;width:27%;height:25%;left:36.5%;top:30%;border-radius:8px;background:#222}
.phone-page-heading{display:flex;flex-direction:column;margin:4cqw 0 5cqw}.phone-page-heading small{color:#855300;font-size:2.7cqw;font-weight:900;letter-spacing:.06em}.phone-page-heading strong{font-size:8.5cqw;font-weight:900;line-height:1.15}.phone-page-heading>span{font-size:2.9cqw;color:#776c5f}
.phone-budget-hero,.phone-goal-feature{padding:5cqw;border-radius:6cqw;background:#221d19;color:#fff}.phone-budget-hero>span,.phone-goal-feature>small{display:block;color:#d9c8a9;font-size:2.6cqw;font-weight:900;letter-spacing:.06em}.phone-budget-hero>strong{display:block;margin:4cqw 0 0;font-size:11cqw;line-height:1}.phone-budget-hero>small{font-size:2.9cqw;color:#e6d4b5}.phone-progress,.phone-mini-progress{height:2cqw;border-radius:2cqw;background:#665c52;overflow:hidden}.phone-progress{margin:7cqw 0 2cqw}.phone-progress i,.phone-mini-progress i{height:100%;display:block;border-radius:inherit;background:#fbbf24}.phone-budget-foot{display:flex;justify-content:space-between;font-size:2.6cqw;color:#dfd1bc}.phone-list-title{display:flex;justify-content:space-between;margin:6cqw 0 3cqw;font-weight:900;font-size:4.6cqw}.phone-list-title span{font-size:2.7cqw;color:#855300}.phone-list-card{margin-bottom:3cqw;padding:3.4cqw;border:1px solid #f0e2d4;border-radius:5cqw;background:#fff}.phone-list-row,.phone-goal-row,.phone-warranty-row{display:flex;align-items:center;gap:3cqw}.phone-list-icon{width:11cqw;height:11cqw;flex:none;display:grid;place-items:center;border-radius:3.5cqw}.phone-list-icon.gold{background:#fef3c7;color:#855300}.phone-list-icon.coral{background:#fbece4;color:#b45309}.phone-list-icon.sage{background:#e9ede2;color:#5d6545}.phone-list-icon svg{width:5.7cqw;height:5.7cqw}.phone-list-card>div:not(.phone-mini-progress){flex:1}.phone-list-card strong,.phone-list-card small{display:block}.phone-list-card strong{font-size:3.4cqw;white-space:nowrap}.phone-list-card small{font-size:2.6cqw;color:#796e62}.phone-list-card b{font-size:3.2cqw}.phone-mini-progress{height:1.6cqw;margin-top:3cqw;background:#f5e9dc}.phone-note{display:flex;align-items:center;gap:2cqw;margin-top:4cqw;padding:3cqw;background:#fff4d7;border-radius:4cqw;color:#84530a;font-size:2.6cqw;font-weight:800}.phone-note svg{width:4cqw;height:4cqw;flex:none}
.phone-goal-feature{position:relative;padding-top:5cqw}.phone-goal-illustration{display:grid;place-items:center;width:15cqw;height:15cqw;margin-bottom:3cqw;border-radius:5cqw;background:#fbbf24;color:#3a2b11}.phone-goal-illustration svg{width:8cqw;height:8cqw}.phone-goal-feature>strong{display:block;font-size:6cqw;margin-top:1cqw}.phone-goal-feature>span:not(.phone-goal-illustration){display:block;color:#e0d1bd;font-size:2.8cqw}.phone-goal-amount{display:flex;align-items:baseline;gap:2cqw;margin-top:5cqw}.phone-goal-amount b{font-size:6.5cqw}.phone-goal-amount small{color:#d5c5af;font-size:2.8cqw}.phone-goal-row{min-height:16cqw}.phone-vault-hero{padding:5cqw;background:#fef3c7;border-radius:6cqw;text-align:center}.phone-vault-symbol{display:grid;place-items:center;width:18cqw;height:18cqw;margin:0 auto 2cqw;border-radius:6cqw;background:#e9930d;color:#fff}.phone-vault-symbol svg{width:10cqw;height:10cqw}.phone-vault-hero strong,.phone-vault-hero small{display:block}.phone-vault-hero strong{font-size:5.6cqw}.phone-vault-hero small{color:#755d3d;font-size:2.7cqw}.phone-warranty-row{min-height:16cqw}.phone-warranty-row>svg{width:4cqw;height:4cqw}.phone-status-pill{padding:1cqw 2cqw;border-radius:3cqw;background:#fff0d2;color:#a45a0b;font-size:2.5cqw;font-weight:900}
.hero-phone img{width:100%;height:100%;object-fit:contain;border:6px solid #29231d;border-radius:36px;background:#fffdfa;box-shadow:23px 31px 35px rgba(47,31,13,.24)}
.preview-device{display:block;width:min(310px,80%);height:auto;aspect-ratio:1206/2622;padding:0;overflow:hidden;border:6px solid #29231d;border-radius:36px;background:#fffdfa;box-shadow:22px 27px 40px rgba(64,40,10,.16);filter:none}
.preview-device img{width:100%;height:100%;object-fit:contain}
.screen-dialog{width:min(94vw,520px);max-width:none;max-height:96dvh;margin:auto;padding:0;border:1px solid #d8c6ac;border-radius:18px;background:#fffdf9;box-shadow:0 28px 80px rgba(28,25,23,.28);overflow:hidden}
.screen-dialog::backdrop{background:rgba(28,25,23,.72);backdrop-filter:blur(6px)}
.screen-dialog-inner{display:flex;flex-direction:column;align-items:center;max-height:96dvh}
.screen-dialog-header{width:100%;min-height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 14px 0 20px;border-bottom:1px solid var(--line);color:var(--ink)}
.screen-dialog-header strong{font-size:15px;font-weight:900}
.screen-dialog-header button{width:38px;height:38px;display:grid;place-items:center;border:0;border-radius:50%;background:#f4ece8;color:var(--ink)}
.screen-dialog-header button:hover{background:#e9d9c5}
.screen-dialog-inner>img{display:block;width:auto;height:auto;max-width:100%;max-height:calc(96dvh - 54px);object-fit:contain}
@media(max-width:1050px){.hero-phone{right:3%;height:82%;top:9%}}
@media(max-width:760px){.hero-phone{left:auto;right:3%;top:auto;bottom:-8%;height:auto;width:min(48vw,210px)}.preview-device{width:245px}}
@media(max-width:480px){.hero-phone{width:min(50vw,195px)}.preview-device{width:218px}.phone-shell{border-width:6px;border-radius:31px}}
@media(prefers-reduced-motion:reduce){.preview-device{transition:none}}

.flow-section{padding:100px 0 108px;background:#fffdf9}
.flow-heading{display:grid;grid-template-columns:1.15fr .7fr;gap:12%;align-items:end;margin-bottom:54px}
.flow-heading h2,.maker-layout h2{font-size:clamp(36px,4.2vw,61px);line-height:1.08;font-weight:900;letter-spacing:0;margin:0}
.flow-heading h2 span{color:var(--teal)}
.flow-heading>p{max-width:390px;color:var(--muted);font-size:16px;line-height:1.7;margin:0 0 4px}
.flow-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #ddcdb7;border-bottom:1px solid #ddcdb7}
.flow-step{position:relative;min-width:0;padding:30px 34px 32px 0}
.flow-step:not(:last-child){border-right:1px solid #ddcdb7;margin-right:34px}
.flow-step-icon{display:grid;place-items:center;width:50px;height:50px;margin-bottom:38px;border-radius:14px;background:#fff0d7;color:#9b5a0a;font-size:23px}
.flow-step-number{display:block;color:#96651b;font-size:11px;font-weight:900;letter-spacing:.09em;margin-bottom:9px}
.flow-step h3{font-size:24px;line-height:1.2;font-weight:900;margin:0 0 8px}
.flow-step p{max-width:330px;color:var(--muted);font-size:14px;line-height:1.65;margin:0}
.maker-section{padding:82px 0 86px;background:#211c18;color:#fff9ef}
.maker-layout{display:grid;grid-template-columns:1fr .8fr;gap:12%;align-items:end}
.maker-section .eyebrow{color:#fbbf24}
.maker-layout h2 span{color:#f4bc68}
.maker-copy p{font-size:17px;line-height:1.7;color:#e3d7c7;margin-bottom:26px}
.maker-copy p a,.footer-owner a{text-decoration:underline;text-underline-offset:3px}
.maker-links{display:flex;gap:24px;flex-wrap:wrap}
.maker-links a{display:inline-flex;align-items:center;gap:8px;color:#fbbf24;font-size:14px;font-weight:900}
.maker-links svg{font-size:16px}
.footer-nav{display:flex;gap:clamp(35px,8vw,110px);padding-top:8px}
.footer-nav>div{display:flex;flex-direction:column;align-items:start;gap:11px}
.footer-nav strong{font-size:12px;color:#956000;text-transform:uppercase;letter-spacing:.09em}
.footer-nav a{font-size:14px;font-weight:700;color:#53483f}
.footer-nav a:hover{color:var(--teal);text-decoration:underline;text-underline-offset:4px}
.footer-owner{font-size:13px!important;margin-top:8px!important}
.footer-bottom{align-items:center}
.footer-bottom .back-top{padding:0}

.interior-header{height:auto;min-height:76px}
.interior-header .header-inner{min-height:76px}
.interior-nav{display:flex;align-items:center;gap:28px;margin-left:auto;font-size:14px;font-weight:800;color:var(--muted)}
.interior-nav a:hover,.interior-nav a[aria-current="page"]{color:var(--teal)}
.interior-home{display:inline-flex;align-items:center;gap:7px;color:var(--ink)!important}
.interior-home svg{font-size:16px}
.interior-main{min-height:60vh}
.interior-hero{padding:86px 0 80px;background:#f6ebdb;border-bottom:1px solid #e8d6be}
.interior-hero h1{max-width:920px;font-size:clamp(46px,6vw,88px);font-weight:900;line-height:1.03;letter-spacing:0;margin:0 0 23px}
.interior-hero h1 span{color:#96600e}
.interior-hero p:last-child{max-width:630px;color:#63564a;font-size:18px;line-height:1.65;margin:0}
.interior-hero.compact{padding:65px 0 58px}
.interior-hero.compact h1{font-size:clamp(43px,5vw,65px)}
.interior-meta{display:block;margin-top:23px;color:#765d3b;font-size:12px;font-weight:800}
.about-intro{padding:90px 0;background:#fffdf9}
.about-grid{display:grid;grid-template-columns:.75fr 1fr;gap:12%;align-items:start}
.about-grid h2,.about-principles h2,.contact-band h2{font-size:clamp(30px,3.5vw,50px);line-height:1.14;font-weight:900;margin:0}
.about-grid h2 span,.about-principles h2 span{color:#956000}
.about-prose p{font-size:17px;line-height:1.75;color:#554c43;margin-bottom:18px}
.about-principles{padding:90px 0;background:#f7f1e9}
.about-principles h2{max-width:650px;margin-bottom:44px}
.principle-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.principle-list article{border-top:2px solid #a86a13;padding-top:20px}
.principle-list span{color:#93641f;font-size:12px;font-weight:900}
.principle-list h3{font-size:21px;margin:23px 0 8px}
.principle-list p{color:#60564c;line-height:1.6;font-size:14px}
.contact-band{padding:80px 0;background:#211c18;color:#fff9ee}
.contact-band-inner{display:flex;justify-content:space-between;align-items:center;gap:35px}
.contact-band p{color:#d7c6b2;font-size:15px;line-height:1.6;margin:14px 0 0}
.contact-band .button{background:#efaa37;color:#241a10;white-space:nowrap}
.contact-band .button:hover{background:#ffc46b}
.legal-layout{display:grid;grid-template-columns:220px minmax(0,740px);gap:clamp(35px,8vw,115px);padding-top:70px;padding-bottom:100px}
.legal-toc{position:sticky;top:24px;align-self:start;display:flex;flex-direction:column;gap:11px;border-top:2px solid #ab7120;padding-top:22px}
.legal-toc strong{font-size:11px;color:#8b5a16;text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px}
.legal-toc a{font-size:13px;font-weight:800;color:#65594e;line-height:1.35}
.legal-toc a:hover{color:#956000}
.legal-copy{max-width:740px}
.legal-copy section{scroll-margin-top:24px;border-bottom:1px solid #e7ddd1;padding-bottom:29px;margin-bottom:32px}
.legal-copy h2{font-size:24px;line-height:1.28;font-weight:900;margin-bottom:14px}
.legal-copy h3{font-size:17px;font-weight:900;margin:22px 0 9px}
.legal-copy p,.legal-copy li{color:#51493f;font-size:15px;line-height:1.75}
.legal-copy p{margin-bottom:14px}
.legal-copy ul{margin:0 0 14px;padding-left:22px}
.legal-copy li{padding-left:4px;margin-bottom:8px}
.legal-copy a{text-decoration:underline;text-underline-offset:3px;color:#855300}
.legal-callout{padding:19px 22px;background:#fff3dc;border-left:3px solid #a56a19;border-radius:0 5px 5px 0;margin-bottom:30px}
.legal-callout p{margin:0}
.interior-footer .footer-bottom{margin-top:48px}
@media(max-width:760px){.flow-section,.about-intro,.about-principles{padding:68px 0}.flow-heading,.maker-layout,.about-grid{grid-template-columns:1fr;gap:22px}.flow-heading{margin-bottom:30px}.flow-heading>p{font-size:15px}.flow-track{grid-template-columns:1fr}.flow-step{padding:23px 0}.flow-step:not(:last-child){border-right:0;border-bottom:1px solid #ddcdb7;margin-right:0}.flow-step-icon{margin-bottom:20px}.maker-section{padding:65px 0}.maker-copy p{font-size:15px}.footer-inner{flex-wrap:wrap}.footer-nav{width:100%;gap:45px}.interior-header .header-inner{flex-wrap:wrap;padding-block:14px;gap:14px}.interior-nav{flex-wrap:wrap;gap:10px 20px;width:100%;margin:0}.interior-hero{padding:65px 0}.interior-hero p:last-child{font-size:16px}.principle-list{grid-template-columns:1fr;gap:18px}.principle-list article{padding-top:16px}.contact-band-inner{align-items:start;flex-direction:column}.legal-layout{grid-template-columns:1fr;gap:35px;padding-top:42px;padding-bottom:65px}.legal-toc{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.legal-toc strong{grid-column:1/-1}.legal-copy h2{font-size:22px}}
@media(max-width:480px){.footer-nav{gap:22px}.footer-nav>div{flex:1}.interior-nav{font-size:12px;gap:8px 15px}.interior-hero h1{font-size:44px}.legal-toc{grid-template-columns:1fr 1fr}.contact-band h2{font-size:31px}}