@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";
:root{--ink:#171817;--muted:#72746c;--cream:#f5f4ef;--paper:#fbfbf8;--line:#deded7;--lime:#d9f36b;--coral:#ff765f;--blue:#9ec5ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);margin:0;font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit}.shell{max-width:1440px;margin:0 auto;padding:0 42px}.mono{letter-spacing:.09em;text-transform:uppercase;font-family:DM Mono,monospace;font-size:11px}.nav{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:84px;display:flex}.brand{letter-spacing:-.06em;align-items:center;gap:9px;font-size:22px;font-weight:800;display:flex}.brand-mark{grid-template-columns:1fr 1fr;gap:2px;width:21px;height:21px;display:grid;transform:rotate(45deg)}.brand-mark i{background:var(--ink);border-radius:1px}.brand-mark i:nth-child(2){background:var(--coral)}.brand-mark i:nth-child(3){background:var(--blue)}.nav-links{color:#53554f;gap:30px;font-size:13px;display:flex}.nav-actions{align-items:center;gap:19px;font-size:13px;display:flex}.button{border:1px solid var(--ink);cursor:pointer;background:0 0;border-radius:100px;align-items:center;gap:10px;padding:12px 19px;transition:all .2s;display:inline-flex}.button:hover{background:var(--ink);color:#fff;transform:translateY(-2px)}.button.dark{background:var(--ink);color:#fff}.button.dark:hover{background:#343733}.button.lime{background:var(--lime);border-color:var(--lime)}.button.lime:hover{color:var(--ink);background:#e4ff89}.hero{grid-template-columns:1.08fr .92fr;align-items:center;gap:38px;min-height:760px;padding:76px 0 90px;display:grid}.eyebrow{color:#696c63;align-items:center;gap:10px;margin-bottom:25px;display:flex}.eyebrow span{background:var(--coral);border-radius:50%;width:7px;height:7px;display:inline-block}h1{letter-spacing:-.09em;max-width:760px;margin:0;font-size:clamp(60px,7.5vw,117px);font-weight:600;line-height:.92}h1 em{color:#898b82;font-style:normal}.hero-copy>p{color:#62645c;max-width:445px;margin:35px 0 28px;font-size:17px;line-height:1.55}.hero-actions{align-items:center;gap:18px;display:flex}.tiny-note{color:#85877e;margin-top:18px;font-size:11px}.hero-visual{background:#e5e7db;border-radius:30px;min-height:550px;position:relative;overflow:hidden}.hero-visual:before{content:"";border:1px solid #17181729;border-radius:50%;width:440px;height:440px;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.hero-visual:after{content:"";background:var(--lime);border-radius:50%;width:320px;height:320px;position:absolute;top:47%;left:50%;transform:translate(-50%,-50%)}.hero-ui{z-index:2;background:#fff;border:8px solid #20211f;border-radius:18px;width:52%;position:absolute;top:16%;left:24%;overflow:hidden;box-shadow:18px 22px 38px #89908055}.hero-ui img{object-fit:cover;width:100%;height:100%;display:block}.hero-chip{z-index:3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffaf1ee;border:1px solid #17181726;border-radius:11px;padding:11px 15px;font-size:11px;position:absolute;box-shadow:0 9px 20px #6e736555}.hero-chip strong{margin-bottom:2px;font-size:18px;display:block}.chip-a{top:23%;left:7%}.chip-b{bottom:21%;right:8%}.chip-c{background:var(--ink);color:#fff;bottom:13%;left:9%}.marquee{border-top:1px solid var(--line);border-bottom:1px solid var(--line);white-space:nowrap;color:#92948c;padding:22px 0;overflow:hidden}.marquee-track{align-items:center;gap:32px;width:max-content;animation:28s linear infinite marquee;display:flex}.marquee strong{color:#44463f;font-size:14px;font-weight:600}.marquee b{color:var(--coral);font-size:18px}@keyframes marquee{to{transform:translate(-50%)}}.section{padding:145px 0}.section-top{justify-content:space-between;align-items:flex-start;margin-bottom:55px;display:flex}.section-top h2{letter-spacing:-.075em;max-width:780px;margin:0;font-size:clamp(38px,5vw,75px);font-weight:600;line-height:.98}.section-top p{max-width:310px;color:var(--muted);margin:0;font-size:14px;line-height:1.55}.journey{color:#f6f6ef;background:#20221f;padding:145px 0}.journey .eyebrow,.journey .section-top p{color:#a8aaa1}.journey h2 em{color:#777b70}.journey-flow{background:#555950;border:1px solid #555950;grid-template-columns:repeat(4,1fr);gap:1px;display:grid}.flow-card{background:#20221f;min-height:245px;padding:28px;position:relative}.flow-card:after{content:"↗";color:#8b8f84;font-size:22px;position:absolute;bottom:21px;right:23px}.flow-number{color:var(--lime);margin-bottom:68px}.flow-card h3{letter-spacing:-.04em;margin:0 0 9px;font-size:21px}.flow-card p{color:#a8aaa1;max-width:190px;margin:0;font-size:13px;line-height:1.5}.flow-arrow{text-align:center;color:#74786c;z-index:2;font-size:25px;position:absolute;top:50%;right:-15px}.tryon-grid{grid-template-columns:1fr 1.2fr;align-items:center;gap:70px;display:grid}.tryon-copy h2{letter-spacing:-.08em;margin:14px 0 24px;font-size:clamp(42px,5vw,72px);line-height:.95}.tryon-copy p{color:var(--muted);max-width:390px;line-height:1.6}.tryon-stage{background:#e1e5d8;border-radius:25px;padding:24px;position:relative}.stage-image{aspect-ratio:4/3;background:#d2d6c9;border-radius:16px;overflow:hidden}.stage-image img{object-fit:cover;width:100%;height:100%;transition:opacity .2s,transform .4s;display:block}.stage-label{z-index:2;background:#f8f7f0;border-radius:100px;padding:8px 12px;position:absolute;top:39px;left:39px}.product-rail{gap:9px;margin-top:14px;padding-bottom:2px;display:flex;overflow:auto}.product{cursor:pointer;text-align:left;background:#f8f7f0;border:1px solid #0000;border-radius:12px;flex:0 0 86px;padding:7px}.product.active{border-color:var(--ink)}.product img{aspect-ratio:1;object-fit:cover;border-radius:7px;width:100%;display:block}.product small{white-space:nowrap;text-overflow:ellipsis;margin:7px 2px 1px;font-size:9px;display:block;overflow:hidden}.platform{background:#e8e9e1}.platform-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.platform-card{background:var(--paper);border-radius:20px;min-height:365px;padding:26px;position:relative;overflow:hidden}.platform-card:nth-child(3){background:var(--blue)}.platform-card h3{letter-spacing:-.06em;margin:16px 0 9px;font-size:27px}.platform-card p{color:#65675f;max-width:245px;font-size:13px;line-height:1.5}.platform-card:nth-child(2) p,.platform-card:nth-child(3) p{color:#454741}.card-icon{background:var(--ink);color:#fff;border-radius:50%;place-items:center;width:48px;height:48px;font-size:20px;display:grid}.mini-ui{background:#fff;border:1px solid #d8d9d2;border-radius:13px 13px 0 0;width:72%;padding:13px;position:absolute;bottom:-1px;right:25px;box-shadow:0 6px 18px #3332}.mini-line{background:#ecece6;border-radius:20px;height:7px;margin:6px 0}.mini-line.short{width:56%}.mini-dot{background:var(--coral);border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block}.proof{grid-template-columns:.9fr 1.1fr;align-items:center;gap:100px;display:grid}.proof h2{letter-spacing:-.08em;margin:14px 0 25px;font-size:clamp(42px,5vw,72px);line-height:.95}.proof p{max-width:370px;color:var(--muted);line-height:1.6}.proof-visual{background:#dfe3d7;border-radius:24px;padding:25px}.proof-visual img{border-radius:14px;width:100%;display:block;box-shadow:0 13px 30px #71786b44}.cta{text-align:center;background:var(--lime);padding:120px 0 140px}.cta h2{letter-spacing:-.09em;max-width:920px;margin:0 auto 35px;font-size:clamp(50px,8vw,115px);line-height:.88}.cta p{color:#666b57;margin:0 auto 28px}.footer{color:#777970;justify-content:space-between;padding:33px 0;font-size:12px;display:flex}.footer-links{gap:24px;display:flex}.footer-credit{color:#9a988f}.footer-credit a{color:var(--ink);transition:color .25s}.footer-credit a:hover{color:#8a6b4e}@media (max-width:850px){.shell{padding:0 20px}.nav-links{display:none}.nav{height:70px}.nav-actions>a:first-child{display:none}.hero{min-height:auto;padding:70px 0;display:block}.hero-copy>p{font-size:15px}.hero-visual{min-height:460px;margin-top:55px}.hero-ui{top:15%}.section,.journey{padding:90px 0}.section-top,.proof{display:block}.section-top p{margin-top:23px}.journey-flow{grid-template-columns:1fr 1fr}.flow-card{min-height:210px;padding:20px}.flow-number{margin-bottom:46px}.tryon-grid{flex-direction:column;align-items:stretch;gap:42px;display:flex}.tryon-stage{padding:12px}.stage-label{top:25px;left:25px}.platform-grid{grid-template-columns:1fr}.platform-card{min-height:300px}.proof{flex-direction:column;gap:36px;display:flex}.proof-visual{padding:13px}.footer{flex-direction:column;gap:20px}.cta{padding:90px 20px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee-track{animation:none}*{transition:none!important}}.button{isolation:isolate;transition:transform .35s cubic-bezier(.22,1,.36,1),background-color .25s,color .25s,box-shadow .35s;position:relative;overflow:hidden}.button:before{content:"";z-index:-1;background:linear-gradient(115deg,#0000 25%,#ffffff47 45%,#0000 65%);transition:transform .55s;position:absolute;inset:0;transform:translate(-120%)}.button:hover:before{transform:translate(120%)}.button:hover{transform:translateY(-3px);box-shadow:0 12px 24px #15161521}.hero-visual{background:linear-gradient(135deg,#e7eadf,#dde4d7)}.hero-visual:after{animation:8s ease-in-out infinite float-orb}.hero-chip{animation:6s ease-in-out infinite float-card}.chip-b{animation-delay:-2s}.chip-c{animation-delay:-4s}@keyframes float-orb{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-53%)scale(1.06)}}@keyframes float-card{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-7px)rotate(.5deg)}}@keyframes switch-in{0%{opacity:.2;filter:blur(3px);transform:scale(1.035)}to{opacity:1;filter:blur();transform:scale(1)}}.switch-in{animation:.55s cubic-bezier(.22,1,.36,1) switch-in}.reveal{opacity:0;transition:opacity .8s,transform .8s cubic-bezier(.22,1,.36,1);transform:translateY(24px)}.reveal.is-visible{opacity:1;transform:none}.flow-card{transition:background-color .35s,transform .4s cubic-bezier(.22,1,.36,1)}.flow-card:hover{z-index:2;background:#2a2d28;transform:translateY(-5px)}.flow-card:after{transition:transform .35s,color .35s}.flow-card:hover:after{color:var(--lime);transform:translate(3px,-3px)}.product{transition:transform .3s cubic-bezier(.22,1,.36,1),border-color .25s,box-shadow .3s}.product:hover{transform:translateY(-4px);box-shadow:0 8px 16px #4442}.product.active{transform:translateY(-3px);box-shadow:0 7px 15px #4442}.platform-card{transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s}.platform-card:nth-child(2){background:var(--lilac)}.platform-card:hover{transform:translateY(-9px);box-shadow:0 18px 36px #282a2421}.platform-card:hover .card-icon{transform:rotate(-10deg)scale(1.08)}.platform-card:hover .mini-ui{transform:translateY(-8px)}.card-icon,.mini-ui{transition:transform .45s cubic-bezier(.22,1,.36,1)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee-track,.hero-visual:after,.hero-chip,.switch-in{animation:none!important}*{transition:none!important}.reveal{opacity:1;transform:none}}body{background:radial-gradient(circle at 12% 7%, #ffffffbf, transparent 32rem), radial-gradient(circle at 92% 33%, #d8d4ff2e, transparent 28rem), var(--cream)}body:before{content:"";z-index:20;pointer-events:none;opacity:.035;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E");position:fixed;inset:0}.hero{position:relative}.hero:before{content:"";filter:blur(70px);pointer-events:none;background:#ffffff73;border-radius:50%;width:38rem;height:25rem;position:absolute;top:4rem;left:-16rem}.hero-copy,.hero-visual{z-index:1;position:relative}.hero-visual{box-shadow:0 28px 80px #59604d1f,inset 0 1px #ffffff80}.hero-visual:before{box-shadow:0 0 50px #ffffff2e}.marquee{background:linear-gradient(90deg,#fff3,#0000 35%,#d8d4ff1a);position:relative}.marquee-track{will-change:transform;gap:0;animation:30s linear 1s infinite marquee}.marquee-group{flex-shrink:0;align-items:center;gap:32px;padding-inline:clamp(20px,4vw,72px);display:flex}.marquee-group strong{display:inline-block}.button:focus-visible,.product:focus-visible{outline:3px solid var(--coral);outline-offset:4px}.proof-visual,.tryon-stage{box-shadow:0 18px 48px #5d65571a}@media (prefers-reduced-motion:reduce){body:before{opacity:.025}}:root{--ink:#1f201c;--muted:#77746c;--cream:#f4f1ea;--paper:#fbfaf6;--line:#ded9ce;--lime:#d4e0bd;--coral:#b78e6b;--blue:#c7d4df;--lilac:#e5e1ef}.product{background:#f8f5ee}.product img{aspect-ratio:3/4;object-fit:contain;object-position:center;background:#f1eee7}.product small{color:#4f5049}.tryon-stage{background:linear-gradient(145deg,#e4e8dc,#e9e5dc)}.stage-label{border:1px solid #1f201c1a;box-shadow:0 6px 20px #39392d14}.cta{background:linear-gradient(135deg,#d4e0bd,#dbe3c9)}.tryon-copy h2{background:linear-gradient(120deg,#1f201c 12%,#485345 72%,#837e69);color:#0000;-webkit-background-clip:text;background-clip:text}.stage-image img{transform-origin:50% 58%;animation:.55s cubic-bezier(.22,1,.36,1) switch-in,9s ease-in-out infinite alternate stage-breathe}@keyframes stage-breathe{0%{transform:scale(1)}to{transform:scale(1.012)}}.tryon-stage{isolation:isolate;background:radial-gradient(circle at 8% 5%,#ffffffc7,#0000 28%),linear-gradient(135deg,#e0e7d6 0%,#eee9df 54%,#d9e1e7 100%);grid-template-rows:1fr auto;grid-template-columns:minmax(0,1fr) 104px;gap:14px;display:grid;overflow:hidden;box-shadow:0 24px 60px #4a534624,inset 0 1px #ffffffb8}.tryon-stage:after{content:"";z-index:-1;aspect-ratio:1;filter:blur(22px);background:#c7d4df94;border-radius:50%;width:46%;animation:10s ease-in-out infinite alternate stage-glow;position:absolute;bottom:-28%;right:-12%}.stage-label{grid-column:1/-1}.stage-image{border:1px solid #1f201c14;grid-area:1/1/span 2;align-self:stretch;min-height:100%;box-shadow:0 18px 34px #3c443624,inset 0 1px #ffffff80}.family-switch{flex-direction:column;grid-area:1/2;align-self:start;gap:7px;display:flex}.family-switch button{color:#77746c;cursor:pointer;text-align:left;background:#fbfaf6b8;border:1px solid #0000;border-radius:9px;padding:8px 7px;font-size:9px;line-height:1.25;transition:background-color .25s,color .25s,transform .3s,border-color .25s}.family-switch button:hover{color:var(--ink);transform:translate(-3px)}.family-switch button.active{border-color:var(--ink);background:var(--ink);color:#fbfaf6}.product-rail{flex-direction:column;grid-area:2/2;align-self:end;margin-top:0}.stage-image:focus-visible{outline:3px solid var(--coral);outline-offset:4px}@keyframes stage-glow{0%{opacity:.62;transform:translate(0,0)scale(1)}to{opacity:.9;transform:translate(-14px,-18px)scale(1.12)}}@media (max-width:850px){.tryon-stage{display:block}.family-switch{flex-direction:row;margin-top:12px}.family-switch button{text-align:center;flex:1}.product-rail{flex-direction:row;margin-top:9px}}@media (prefers-reduced-motion:reduce){.stage-image img{animation:none}}.proof-visual{background:linear-gradient(145deg,#d9e1d5,#ebe7df 52%,#d9e0e6);border:1px solid #1f201c14;padding:14px;box-shadow:0 26px 70px #51584929,inset 0 1px #ffffffb8}.proof-window{background:#f8f7f1;border:1px solid #1f201c24;border-radius:16px;overflow:hidden;box-shadow:0 14px 32px #22252029}.proof-window-top{color:#74756d;background:#fcfbf7e6;border-bottom:1px solid #e1e0d8;align-items:center;gap:12px;height:42px;padding:0 15px;display:flex}.proof-window-top .mono{flex:1;font-size:9px}.window-dots{gap:5px;display:flex}.window-dots i{background:#c3c2b9;border-radius:50%;width:6px;height:6px;display:block}.window-dots i:first-child{background:#b78e6b}.proof-badge{color:#64705b;background:#edf1e6;border:1px solid #d5dbca;border-radius:100px;padding:5px 8px;font-size:9px}.proof-window-stage{background:linear-gradient(135deg,#f2f2eb,#ebece5);padding:15px}.proof-window-stage img{border-radius:10px;width:100%;display:block;box-shadow:0 10px 22px #2427221f}.proof-caption{color:#66675f;background:#fbfaf6;justify-content:space-between;align-items:center;gap:12px;padding:12px 15px;font-size:10px;display:flex}.proof-caption .mono{color:#98988e;font-size:8px}