@charset "UTF-8";
:root{--paper:#f7f7f2;--ink:#171a21;--muted:#666a72;--blue:#234bff;--line:#dcded6;--motion:1;--scroll:0;color-scheme:light;font-family:"Segoe UI",Arial,sans-serif;font-synthesis:none;font-optical-sizing:auto}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--blue);outline-offset:6px}::selection{background:#dce3ff;color:#171a21}.skip-link{position:absolute;top:10px;left:10px;padding:14px 22px;background:white;z-index:10;transform:translateY(-160%)}.skip-link:focus{transform:none}.site-header{height:94px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,4.4vw,84px);border-bottom:1px solid var(--line);position:relative;z-index:2}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:750;letter-spacing:-1px;font-size:25px}.brand img{border-radius:10px}.site-header nav{display:flex;align-items:center;gap:38px;font-size:14px;font-weight:550}.nav-detail{position:relative}.nav-detail:after,.footer-links a:after{content:"";position:absolute;bottom:-6px;left:0;height:1px;background:currentColor;width:0;transition:width .2s}.nav-detail:hover:after,.footer-links a:hover:after{width:100%}.nav-download{border:1px solid var(--ink);border-radius:100px;padding:12px 20px;display:flex;gap:28px;transition:background .2s,color .2s}.nav-download:hover{background:var(--ink);color:white}.hero{overflow:hidden;position:relative;min-height:min(960px,calc(100svh - 94px));display:flex;flex-direction:column}.hero-inner{width:100%;display:grid;grid-template-columns:1.12fr 1fr;align-items:center;flex:1;padding:62px clamp(24px,6vw,115px) 68px;max-width:1720px;margin:auto;gap:48px}.eyebrow{font-size:11px;letter-spacing:.17em;font-weight:650;line-height:1.6;margin:0 0 27px}.hero h1{font-size:clamp(88px,11.5vw,178px);letter-spacing:-.085em;font-weight:720;line-height:.95;margin:0 0 28px;white-space:nowrap}.brand-period{color:var(--blue)}.hero h2{font-size:clamp(37px,4.1vw,62px);letter-spacing:-.055em;line-height:1.06;font-weight:500;margin:0 0 27px}.hero-description{font-size:18px;line-height:1.65;letter-spacing:-.015em;color:var(--muted);margin:0 0 27px}.hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:17px 23px;border-radius:7px;min-height:56px;font-size:14px;font-weight:650;transition:transform .22s,background .22s,box-shadow .22s}.button svg{width:22px;height:22px;flex:none}.button>span{font-size:20px;margin-left:8px}.button:hover{transform:translateY(-3px);box-shadow:0 8px 0 #0000000a}.button-primary{background:var(--blue);color:white}.button-primary:hover{background:#1539e4}.text-link{font-size:14px;display:inline-flex;gap:24px;align-items:center;font-weight:550;padding:13px 0;border-bottom:1px solid currentColor}.text-link span{font-size:20px;transition:transform .2s}.text-link:hover span{transform:translate(3px,-3px)}.store-note{font-size:11px;color:var(--muted);margin:17px 0 0}.hero-visual{margin:0;position:relative;min-height:596px;display:flex;justify-content:center;align-items:center;isolation:isolate}.hero-orbit{position:absolute;width:min(42vw,600px);aspect-ratio:1;border-radius:50%;background:#e4e8f4;z-index:-1;transform:translate(10%,-2%)}.phone{background:#22222b;border:7px solid #252730;border-radius:36px;overflow:hidden;box-shadow:18px 34px 52px #1d254c26;position:relative;flex:none}.phone img{width:100%;height:auto;display:block;margin-top:-4.4%;margin-bottom:-1%}.hero-phone{width:270px;transform:translateY(calc(var(--scroll)*-28px)) rotate(-7deg);transition:transform .1s linear;outline:1px solid #52545e}.hero-visual figcaption{position:absolute;bottom:-15px;right:0;display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:.02em}.caption-line{width:28px;height:1px;background:var(--ink)}.hero-bottom{display:flex;align-items:center;justify-content:space-between;padding:18px clamp(24px,4.4vw,84px);border-top:1px solid var(--line);font-size:10px;color:var(--muted);letter-spacing:.04em}.hero-bottom>a{font-size:24px;color:var(--ink)}.hero-bottom>span:last-child{font-size:9px;letter-spacing:.13em}.section-shell{max-width:1450px;margin:auto;padding:110px clamp(24px,6vw,94px)}.section-intro{display:grid;grid-template-columns:1fr 1fr;align-items:end;column-gap:100px;margin-bottom:65px}.section-intro .eyebrow{grid-column:1/-1;margin-bottom:22px}.section-intro h2,.questions h2{font-size:clamp(44px,5.4vw,77px);line-height:1.03;letter-spacing:-.06em;margin:0;font-weight:500}.section-intro>p:last-child{font-size:18px;line-height:1.7;color:var(--muted);margin:0 0 4px}.explorer{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.feature-list{border-top:1px solid var(--line)}.feature-tab{display:flex;align-items:flex-start;text-align:left;width:100%;border:0;border-bottom:1px solid var(--line);background:none;padding:30px 0;cursor:pointer;color:var(--ink);gap:20px;transition:color .25s}.feature-number{font-size:11px;padding-top:8px;color:var(--muted)}.feature-text{flex:1}.feature-title{display:block;font-size:29px;font-weight:500;letter-spacing:-.04em}.feature-description{display:block;font-size:15px;line-height:1.75;color:var(--muted);max-height:0;overflow:hidden;opacity:0;transition:max-height .35s,opacity .35s,margin .35s}.feature-tab.is-active{color:var(--blue)}.feature-tab.is-active .feature-description{max-height:160px;opacity:1;margin-top:15px}.feature-arrow{font-size:24px;transition:transform .25s}.feature-tab:hover .feature-arrow{transform:translate(3px,-3px)}.feature-stage{height:650px;position:relative;background:#eceee8;border-radius:4px;display:flex;align-items:center;justify-content:center;overflow:hidden}.stage-label{position:absolute;top:23px;left:25px;right:25px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.15em}.feature-panel{height:100%;width:100%;display:flex;align-items:center;justify-content:center;padding-top:25px;animation:panel-in .35s ease both}.feature-panel[hidden]{display:none}.stage-phone{width:232px;border-width:5px;border-radius:28px;box-shadow:12px 18px 32px #171a211f;transform:rotate(5deg)}.stage-footnote{position:absolute;bottom:17px;left:25px;font-size:10px;color:var(--muted);margin:0}.create-section{display:grid;grid-template-columns:1fr 1fr;position:relative;background:#191627;color:white;min-height:650px;overflow:hidden}.create-image{position:relative;min-height:650px}.create-image img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:50% 50%}.create-copy{padding:95px clamp(32px,6vw,110px);align-self:center}.create-copy .eyebrow{font-size:9px;letter-spacing:.18em;color:#c7c0dc}.create-copy h2{font-size:clamp(44px,5vw,72px);font-weight:450;line-height:1.06;letter-spacing:-.055em;margin:0 0 29px}.create-copy>p:not(.eyebrow):not(.image-caption){font-size:17px;line-height:1.85;color:#c6c2d1;max-width:370px;margin-bottom:25px}.light-link{color:white}.create-copy .image-caption{font-size:10px;color:#a29aaa;margin-top:39px}.questions{display:grid;grid-template-columns:1fr 1.1fr;gap:90px;padding-top:120px;padding-bottom:120px}.questions h2{font-size:clamp(43px,4.4vw,64px);margin-bottom:25px}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line);padding:23px 0}.faq-list summary{cursor:pointer;font-size:17px;font-weight:550;letter-spacing:-.02em;display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{font-size:25px;font-weight:350;transition:transform .25s;color:var(--muted)}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list details>p{font-size:14px;line-height:1.85;color:var(--muted);padding-right:35px;margin:17px 0 2px;animation:panel-in .25s ease}.faq-list p a{text-decoration:underline;text-underline-offset:3px}.download-section{background:var(--blue);color:white;position:relative;min-height:650px;overflow:hidden}.download-inner{padding:90px clamp(24px,6vw,100px) 135px;position:relative;z-index:1}.download-inner .eyebrow{color:#d1d9ff;font-size:10px}.download-inner h2{font-size:clamp(55px,7vw,100px);line-height:1.02;letter-spacing:-.065em;font-weight:450;margin:0 0 25px}.download-inner>p:not(.eyebrow):not(.download-note){font-size:17px;color:#e0e6ff;margin-bottom:28px}.download-buttons{display:flex;gap:30px;align-items:center;flex-wrap:wrap}.button-light{background:white;color:var(--blue)}.download-note{font-size:10px;margin:20px 0 0;color:#d1d9ff}.download-wordmark{position:absolute;right:-28px;bottom:-.18em;font-weight:750;font-size:clamp(145px,26vw,420px);letter-spacing:-.08em;line-height:1;color:#ffffff10;pointer-events:none}.site-footer{padding:38px clamp(24px,4.4vw,84px);display:flex;align-items:center;justify-content:space-between;gap:30px}.site-footer .brand{font-size:22px}.footer-links{display:flex;gap:28px;font-size:12px}.footer-links a{position:relative}.site-footer>p{font-size:11px;color:var(--muted)}.hero-enter{animation:enter .75s cubic-bezier(.2,.65,.3,1) both}.hero-copy .hero-enter:nth-child(2){animation-delay:.08s}.hero-copy .hero-enter:nth-child(3){animation-delay:.16s}.hero-copy .hero-enter:nth-child(4){animation-delay:.24s}.hero-copy .hero-enter:nth-child(5){animation-delay:.32s}.hero-copy .hero-enter:nth-child(6){animation-delay:.4s}.hero-visual.hero-enter{animation-delay:.18s;animation-duration:1s}.js-motion .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}.js-motion .reveal.is-visible{opacity:1;transform:none}@keyframes enter{from{opacity:0;translate:0 25px}to{opacity:1;translate:0 0}}@keyframes panel-in{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}
@media(min-width:1600px){.hero-phone{width:310px}.hero-visual{min-height:680px}.hero-inner{padding-top:70px;padding-bottom:80px}}
@media(max-width:1100px){.hero-inner{gap:20px;padding-top:45px;padding-bottom:55px}.hero h1{font-size:11.5vw}.hero h2{font-size:43px}.hero-description{font-size:16px}.hero-phone{width:240px}.hero-visual{min-height:540px}.hero-actions{gap:10px 20px}.hero-actions .text-link{font-size:12px}.button{padding:15px 19px;font-size:12px}.explorer{gap:55px}.section-intro{column-gap:55px}.feature-title{font-size:25px}.feature-stage{height:600px}.stage-phone{width:215px}.questions{gap:55px}.create-section,.create-image{min-height:590px}.create-copy{padding:70px 40px}}
@media(max-width:760px){.site-header{height:76px;padding:0 22px}.brand{font-size:23px}.brand img{width:32px;height:32px}.site-header nav{gap:0}.nav-detail{display:none}.nav-download{font-size:12px;padding:10px 16px;gap:20px}.hero{min-height:auto}.hero-inner{grid-template-columns:1fr;padding:44px 25px 42px;gap:8px}.hero-copy{position:relative;z-index:1}.hero .eyebrow{font-size:9px;margin-bottom:20px}.hero h1{font-size:clamp(88px,20vw,145px);margin-bottom:23px}.hero h2{font-size:45px;margin-bottom:20px}.hero-description{font-size:16px;line-height:1.7;margin-bottom:22px}.hero-actions{gap:20px}.button{min-height:52px;padding:15px 18px;font-size:12px;gap:10px}.button>span{margin-left:0}.hero-actions .text-link{font-size:12px;gap:10px}.store-note{font-size:9px}.hero-visual{min-height:480px;margin-top:24px}.hero-phone{width:215px;transform:rotate(-6deg)}.hero-orbit{width:360px;max-width:94vw;transform:translate(4%,0)}.hero-visual figcaption{bottom:0;right:6px;font-size:9px}.hero-bottom{padding:16px 22px;font-size:9px;gap:10px}.hero-bottom>span:last-child{display:none}.section-shell{padding:70px 24px}.section-intro{display:block;margin-bottom:35px}.section-intro h2{font-size:53px;margin-bottom:25px}.section-intro .eyebrow{font-size:9px}.section-intro>p:last-child{font-size:15px}.section-intro>p:last-child br{display:none}.explorer{grid-template-columns:1fr;gap:30px}.feature-tab{padding:22px 0;gap:15px}.feature-title{font-size:25px}.feature-tab.is-active .feature-description{margin-top:12px}.feature-description{font-size:14px;max-width:440px}.feature-stage{height:610px}.stage-phone{width:228px}.stage-label{top:20px;left:20px;right:20px}.stage-footnote{left:20px;font-size:9px}.create-section{grid-template-columns:1fr}.create-image{min-height:0;height:auto;aspect-ratio:1}.create-copy{padding:54px 24px 60px}.create-copy h2{font-size:52px}.create-copy>p:not(.eyebrow):not(.image-caption){font-size:15px;max-width:470px}.create-copy .image-caption{margin-top:29px}.questions{grid-template-columns:1fr;gap:35px}.questions h2{font-size:49px}.questions .eyebrow{font-size:9px}.questions .text-link{font-size:12px}.faq-list details{padding:21px 0}.faq-list summary{font-size:15px}.faq-list details>p{padding-right:12px}.download-section{min-height:560px}.download-inner{padding:65px 24px 100px}.download-inner h2{font-size:65px}.download-inner .eyebrow{font-size:9px}.download-buttons{gap:22px}.download-buttons .text-link{font-size:12px;gap:12px}.download-wordmark{font-size:34vw;right:-8px;bottom:-.08em}.site-footer{padding:30px 24px;flex-wrap:wrap;gap:25px}.site-footer .brand{flex-basis:100%;font-size:23px}.footer-links{gap:25px;font-size:11px}.site-footer>p{font-size:10px;margin-left:auto}}
@media(max-width:370px){.hero h2{font-size:40px}.hero-actions{gap:12px}.hero-actions .text-link{font-size:11px}.button{font-size:11px;padding:14px}.hero-phone{width:200px}.hero-visual{min-height:445px}.feature-stage{height:570px}.stage-phone{width:212px}.download-inner h2{font-size:58px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-motion .reveal{opacity:1;transform:none}.hero-phone{transform:rotate(-7deg)}}

/* Keep the brand and download action inside the opening viewport. */
@media(min-width:761px){
    .hero-inner{padding-top:32px;padding-bottom:35px}
    .hero-visual{min-height:min(596px,calc(100svh - 240px))}
    .hero-phone{width:clamp(215px,calc(46svh - 120px),270px)}
}
@media(min-width:1600px) and (min-height:1000px){
    .hero-inner{padding-top:60px;padding-bottom:65px}
    .hero-visual{min-height:680px}
    .hero-phone{width:310px}
}
@media(max-width:760px){
    .hero-inner{padding-top:32px;padding-bottom:24px}
    .hero-actions .text-link{display:none}
    .hero-visual{height:clamp(125px,calc(100svh - 630px),230px);min-height:0;overflow:hidden;align-items:flex-start;margin-top:24px}
    .hero-phone{width:215px;margin-top:10px}
    .hero-visual figcaption{display:none}
}