*{box-sizing:border-box}:root{--radius:28px;--shadow:0 18px 52px rgba(19,63,69,.12);--max:1180px}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Avenir Next","Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;transition:background .22s,color .22s}button,input,textarea{font:inherit}a{color:inherit}img,svg{max-width:100%;display:block}.wrap{width:min(var(--max),calc(100% - 40px));margin:auto}h1,h2,h3{margin:0;color:var(--ink);font:800 1em/1.02 inherit;letter-spacing:-.045em}h1{font-size:clamp(2.55rem,6vw,5.2rem)}h2{font-size:clamp(2rem,4vw,3.35rem)}h3{font-size:1.15rem;letter-spacing:-.02em}p{margin:.7em 0 0}.small{font-size:.88rem}.quiet{color:var(--quiet)}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid var(--edge);background:color-mix(in srgb,var(--card) 88%,transparent);border-radius:999px;font-weight:760;font-size:.84rem}.eyebrow i{width:8px;height:8px;border-radius:50%;background:var(--today)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:999px;padding:13px 20px;font-weight:800;text-decoration:none;cursor:pointer;transition:transform .16s,box-shadow .16s}.btn:hover{transform:translateY(-1px)}.btn.primary{background:var(--accent);color:var(--on);box-shadow:0 9px 24px color-mix(in srgb,var(--accent) 25%,transparent)}.btn.secondary{background:color-mix(in srgb,var(--card) 90%,transparent);border-color:var(--edge)}
header{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--edge)}.navbar{min-height:72px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;font-weight:850;line-height:1.02;white-space:nowrap}.brand svg{width:48px;height:42px}.brand-text{font-size:1.1rem}.theme-logo .p1,.theme-logo .body1{fill:var(--accent)}.theme-logo .p2,.theme-logo .body2{fill:var(--tint)}.theme-logo .heart{fill:var(--mark)}nav{display:flex;align-items:center;gap:20px;margin-left:auto}nav a{text-decoration:none;font-weight:720;font-size:.9rem}.nav-tools{display:flex;align-items:center;gap:10px}.look-button{border:1px solid var(--edge);background:var(--card);border-radius:999px;padding:9px 12px;font-weight:750;cursor:pointer;display:flex;align-items:center;gap:8px}.look-dot{width:18px;height:18px;border-radius:50%;background:var(--accent);box-shadow:inset 0 0 0 3px var(--card),0 0 0 1px var(--edge)}.mobile-menu{display:none;border:0;background:transparent;font-size:1.65rem;color:var(--ink)}.theme-drawer{position:fixed;z-index:60;right:18px;top:82px;width:min(390px,calc(100vw - 36px));background:var(--card);border:1px solid var(--edge);border-radius:24px;padding:18px;box-shadow:var(--shadow);display:none}.theme-drawer.open{display:block}.theme-drawer-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.close-theme{border:0;background:transparent;font-size:1.4rem;color:var(--ink);cursor:pointer}.swatches{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.swatch{aspect-ratio:1;border-radius:16px;border:2px solid var(--edge);cursor:pointer;background:var(--c)}.swatch[aria-pressed=true]{outline:3px solid var(--ink);outline-offset:2px}.mode-row{display:flex;gap:8px;margin-top:15px}.mode-row button{flex:1;border:1px solid var(--edge);background:var(--bg);color:var(--ink);padding:9px;border-radius:999px;font-weight:700}.mode-row button.on{background:var(--accent);color:var(--on)}
.hero{padding:28px 0 18px}.hero-card{position:relative;min-height:620px;overflow:hidden;border-radius:36px;border:1px solid var(--edge);background:var(--card);box-shadow:var(--shadow)}.hero-scene{position:absolute;inset:0}.hero-scene img{width:100%;height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,color-mix(in srgb,var(--card) 99%,transparent) 0%,color-mix(in srgb,var(--card) 92%,transparent) 40%,color-mix(in srgb,var(--card) 18%,transparent) 70%,transparent 100%)}.hero-content{position:relative;z-index:3;width:min(570px,58%);padding:56px 0 48px 52px}.hero-content .lead{font-size:1.13rem;max-width:49ch;margin-top:22px}.hero-note{font-family:"Bradley Hand","Segoe Print",cursive;color:var(--accent-ink);font-size:1.1rem;margin-top:17px}.promises{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;margin:24px 0}.promise{display:flex;gap:9px;align-items:flex-start;font-size:.88rem}.promise b{display:block}.promise i{font-style:normal;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--soft);color:var(--accent);font-weight:900;flex:none}.hero-actions{display:flex;flex-wrap:wrap;gap:10px}.availability{margin-top:12px;color:var(--quiet);font-size:.82rem}.hero-phone{position:absolute;z-index:4;right:48px;bottom:34px;width:248px;transform:rotate(2deg)}
.phone{background:#111;border-radius:38px;padding:8px;box-shadow:0 28px 55px rgba(14,35,37,.28)}.screen{background:var(--card);border-radius:31px;padding:20px 15px 16px;min-height:475px;color:var(--ink)}.notch{height:17px;width:90px;background:#111;border-radius:0 0 14px 14px;margin:-20px auto 14px}.phone-top{display:flex;justify-content:space-between;color:var(--quiet);font-size:.66rem}.dayline{font-size:.72rem;color:var(--quiet);margin:14px 0 4px}.phone h4{font-size:1.35rem;line-height:1.05;margin:0 0 13px}.dosebox{background:var(--bg);padding:10px;border-radius:13px;font-size:.72rem}.chips{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.chip{background:var(--card);border:1px solid var(--edge);padding:5px 8px;border-radius:999px;font-size:.67rem}.chip.on{background:var(--accent);color:var(--on);border-color:var(--accent)}.mini-scale{margin:11px 0;font-size:.7rem}.mini-scale>div{display:flex;justify-content:space-between}.line{height:6px;border-radius:99px;background:var(--soft);margin-top:5px;position:relative}.line i{position:absolute;top:50%;width:15px;height:15px;background:var(--card);border:2px solid var(--accent);border-radius:50%;transform:translate(-50%,-50%)}.keep{background:var(--keep);color:var(--keep-ink);padding:8px;border-radius:10px;font-size:.67rem;margin:11px 0}.save{background:var(--accent);color:var(--on);border-radius:11px;padding:10px;text-align:center;font-size:.72rem;font-weight:800}
.icon-strip{position:relative;z-index:8}.icon-panel{display:grid;grid-template-columns:repeat(4,1fr);background:var(--card);border:1px solid var(--edge);border-radius:28px;padding:18px;box-shadow:var(--shadow)}.icon-item{text-align:center;padding:5px 16px;border-right:1px solid var(--edge)}.icon-item:last-child{border-right:0}.round-icon{width:52px;height:52px;margin:0 auto 8px;border-radius:50%;background:var(--soft);display:grid;place-items:center;color:var(--accent)}.round-icon svg{width:25px;height:25px}.icon-item p{font-size:.8rem;color:var(--quiet);margin:.25rem 0 0}
section{padding:72px 0}.section-head{max-width:720px;margin-bottom:28px}.section-head p{color:var(--quiet);font-size:1.02rem}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.tile{background:var(--card);border:1px solid var(--edge);border-radius:24px;padding:24px;box-shadow:0 10px 30px color-mix(in srgb,var(--ink) 5%,transparent)}.num{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--soft);color:var(--accent);font-weight:850;margin-bottom:12px}.split{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:center}.steps{display:grid;gap:13px}.steps .tile{padding:20px}.app-showcase{position:relative;min-height:520px}.app-showcase .phone{position:absolute;width:230px}.app-showcase .one{left:12%;top:28px;transform:rotate(-4deg)}.app-showcase .two{left:39%;top:0;z-index:3}.app-showcase .three{right:5%;top:48px;transform:rotate(4deg)}.logo-screen{height:450px;background:linear-gradient(160deg,var(--card),var(--soft));display:grid;place-items:center;text-align:center}.logo-screen svg{width:120px;height:96px;margin:auto}.logo-screen strong{font-size:1.35rem;display:block;line-height:1.05}.logo-screen p{font-family:"Bradley Hand","Segoe Print",cursive;color:var(--accent-ink)}
.summary-card{background:#fffdf8;color:#273432;border-radius:22px;padding:26px;box-shadow:var(--shadow);border:1px solid #e9e2d4}.summary-card h3{color:#273432}.summary-card small{color:#66766c}.fact{display:grid;grid-template-columns:72px 1fr;gap:12px;padding:13px 0;border-top:1px solid #e5ded0;font-size:.9rem}.fact span{color:#7a786f}.gold-dot{width:7px;height:7px;background:#E8C77A;border-radius:50%;display:inline-block;margin-right:6px}
.looks-wrap{background:var(--card);border:1px solid var(--edge);border-radius:28px;padding:22px;box-shadow:var(--shadow)}.look-grid{display:grid;grid-template-columns:repeat(9,1fr);gap:10px}.look-card{border:0;background:transparent;padding:0;cursor:pointer;color:var(--ink);font-size:.72rem;font-weight:750;text-align:center}.look-thumb{display:block;aspect-ratio:1;border-radius:14px;overflow:hidden;border:2px solid transparent;margin-bottom:6px}.look-card.active .look-thumb{border-color:var(--ink);box-shadow:0 0 0 2px var(--card),0 0 0 4px var(--ink)}.look-thumb img{width:100%;height:100%;object-fit:cover}
.price{background:#123f43;color:#f4fbf9}.price h2{color:#fff}.price .wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center}.price .eyebrow{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.18)}.price .lead,.price p{color:#c9dedb}.pricecard{background:#365f63;border-radius:26px;padding:30px;text-align:center}.big{font-size:3rem;font-weight:900;color:#fff;line-height:1}.give{margin:18px 0;background:rgba(255,255,255,.08);border-radius:15px;padding:13px;color:#fff}.price .btn.primary{background:#f0c65f;color:#1c3538}
.faq{max-width:820px;margin:auto}.faq details{background:var(--card);border:1px solid var(--edge);border-radius:17px;padding:15px 18px;margin:9px 0}.faq summary{cursor:pointer;font-weight:800}.faq details p{color:var(--quiet)}
footer{border-top:1px solid var(--edge);padding:38px 0 54px}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:30px}.footer-brand p{color:var(--quiet);max-width:32ch}.footer-col strong{display:block;margin-bottom:10px}.footer-col a{display:block;color:var(--quiet);text-decoration:none;margin:6px 0}.footline{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--edge);margin-top:28px;padding-top:18px;color:var(--quiet);font-size:.8rem}
.reveal{opacity:0;transform:translateY(14px);transition:opacity .55s ease,transform .55s ease}.reveal.in{opacity:1;transform:none}
.simple{padding:72px 0 90px}.simple-inner{max-width:820px;margin:auto}.simple h1{font-size:clamp(2.5rem,7vw,4.7rem);max-width:13ch}.simple .lead{font-size:1.12rem;color:var(--quiet);max-width:62ch;margin:20px 0 34px}.simple .tile{margin:14px 0}.simple h2{font-size:1.8rem;margin-top:36px}.simple ul{padding-left:1.2rem;color:var(--quiet)}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}}
@media(max-width:980px){nav{display:none}nav.mobile-open{display:flex;position:absolute;top:63px;left:12px;right:12px;flex-direction:column;align-items:stretch;background:var(--card);padding:16px;border:1px solid var(--edge);border-radius:18px;box-shadow:var(--shadow)}.mobile-menu{display:block;margin-left:auto}.navbar{gap:12px}.nav-tools>.btn{display:none}.hero-card{min-height:700px}.hero-content{width:70%;padding-left:34px}.hero-phone{right:25px;width:225px}.look-grid{grid-template-columns:repeat(6,1fr)}.footer-grid{grid-template-columns:1.4fr 1fr 1fr}.footer-col:nth-child(4){display:none}}
@media(max-width:720px){.wrap{width:min(100% - 24px,var(--max))}.navbar{min-height:62px}.brand-text{font-size:.92rem}.brand svg{width:39px}.look-button span{display:none}.look-button{padding:8px}.hero{padding-top:12px}.hero-card{min-height:auto;border-radius:27px;display:flex;flex-direction:column}.hero-scene{position:relative;order:2;height:420px}.hero-shade{display:none}.hero-content{width:100%;padding:28px 22px 12px;order:1}.hero-content h1{font-size:clamp(2.35rem,11vw,3.4rem)}.hero-content .lead{font-size:1rem}.promises{grid-template-columns:1fr 1fr;margin:18px 0}.promise{font-size:.78rem}.hero-phone{position:absolute;right:12px;bottom:12px;width:150px;transform:none}.hero-phone .screen{min-height:310px;padding:15px 10px}.hero-phone .notch{width:65px;height:11px;margin:-15px auto 8px}.hero-phone .phone h4{font-size:.9rem}.hero-phone .dosebox,.hero-phone .mini-scale,.hero-phone .chip,.hero-phone .keep,.hero-phone .save{font-size:.48rem}.hero-phone .phone-top,.hero-phone .dayline{font-size:.46rem}.icon-panel{grid-template-columns:1fr 1fr;padding:10px}.icon-item{border-right:0;border-bottom:1px solid var(--edge);padding:12px}.icon-item:nth-child(3),.icon-item:nth-child(4){border-bottom:0}section{padding:52px 0}.grid3,.split{grid-template-columns:1fr}.split{gap:28px}.app-showcase{min-height:410px}.app-showcase .phone{width:175px}.app-showcase .one{left:0}.app-showcase .two{left:25%}.app-showcase .three{right:0}.logo-screen{height:330px}.look-grid{grid-template-columns:repeat(4,1fr)}.price .wrap{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-col:nth-child(4){display:block}.footline{display:block}.footline span{display:block;margin:8px 0}}
@media(max-width:430px){.promises{grid-template-columns:1fr}.hero-actions .btn{width:100%}.look-grid{grid-template-columns:repeat(3,1fr)}.app-showcase{min-height:330px}.app-showcase .phone{width:145px}.app-showcase .three{display:none}.app-showcase .two{left:auto;right:0}.logo-screen{height:275px}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}}