@charset "UTF-8";
:root{--purple:#9637f5;--purple-dark:#7930ce;--ink:#171020;--muted:#756c80;--paper:#fcfbfe;--line:#ebe5f1;--soft:#f4ecfc;--coral:#ed5a63;--teal:#0b9d78;--blue:#6374cb;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}img{max-width:100%}button{font:inherit}h1,h2,h3,p,figure{margin:0}h1,h2,h3{text-wrap:balance}p{line-height:1.75}::selection{background:#e2c7ff;color:#3d1267}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #b77beb;outline-offset:5px}section[id]{scroll-margin-top:110px}.icon{flex:none;vertical-align:middle}.skip-link{position:fixed;top:-100px;left:15px;background:white;padding:12px;z-index:100}.skip-link:focus{top:12px}
.site-header{position:sticky;top:0;z-index:20;background:#fcfbfef0;backdrop-filter:blur(18px);border-bottom:1px solid #e9e3ef88}.nav-wrap{max-width:1240px;min-height:88px;margin:auto;padding:15px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font-size:21px;font-weight:760;letter-spacing:-.8px;white-space:nowrap}.brand img{border-radius:12px;box-shadow:0 3px 9px #6b219912}.site-header nav{display:flex;align-items:center;gap:30px}.nav-feature{text-decoration:none;font-size:14px;font-weight:600;color:#51465d}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:18px 24px;min-height:56px;border-radius:17px;font-size:15px;font-weight:650;letter-spacing:-.2px;text-decoration:none;border:0;transition:background .2s,transform .2s,box-shadow .2s;cursor:pointer}.button .icon{width:20px;height:20px}.button-purple{background:var(--purple);color:white;box-shadow:0 6px 18px #9637f524}.button-small{min-height:44px;padding:12px 18px;border-radius:13px;font-size:13px;gap:10px}.button:active{transform:scale(.98)}.text-link{display:inline-flex;align-items:center;gap:14px;font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap}.text-link span{font-size:20px;color:var(--purple)}
.hero{max-width:1240px;margin:0 auto;padding:62px 30px 45px;display:grid;grid-template-columns:1.04fr 1fr;gap:36px;align-items:center}.hero-copy{padding:12px 0 48px;position:relative;z-index:2}.hero-tag{display:inline-flex;align-items:center;gap:9px;font-size:11px;letter-spacing:1.1px;text-transform:uppercase;font-weight:700;color:#77528f;background:#f0e6fa;padding:10px 13px;border-radius:100px;margin-bottom:25px}.tag-dot{width:6px;height:6px;border-radius:50%;background:var(--purple);box-shadow:0 0 0 3px #9637f514}.hero h1{font-size:clamp(45px,5.1vw,69px);line-height:1.06;font-weight:780;letter-spacing:-3.5px;max-width:640px}.hero h1 span{color:var(--purple)}.hero-description{margin-top:26px;color:var(--muted);font-size:17px;line-height:1.8;max-width:440px}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:31px;flex-wrap:wrap}.hero-details{display:flex;gap:24px;margin-top:25px;font-size:11px;color:#8a7e96}.hero-details span{display:flex;align-items:center;gap:6px}.hero-details .icon{width:14px;height:14px;color:var(--purple)}.hero-visual{position:relative;padding:8px 14px 25px;min-width:0;isolation:isolate}.hero-product{border-radius:36px;overflow:hidden;aspect-ratio:864 / 1440;box-shadow:0 30px 65px #53277316,0 0 0 1px #e7d9f3;background:#9637f5;position:relative;z-index:1}.hero-product img{display:block;width:100%;max-width:none;height:auto;margin-top:-44%;transform:scale(1.035);transform-origin:50% 0}.art-orbit{position:absolute;border:1px solid #e9d5fb;z-index:-1;border-radius:50%;pointer-events:none}.orbit-one{inset:6% -5% 1%;transform:rotate(-15deg)}.orbit-two{inset:10% -9% 6%;transform:rotate(12deg);border-color:#f0e5fa}.visual-caption{display:block;text-align:center;font-size:10px;color:#998aa6;margin-top:18px;letter-spacing:.4px}
.gear-ribbon{max-width:1180px;margin:20px auto 0;padding:29px 15px 31px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px}.gear-ribbon>span{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#93869e;font-weight:650}.gear-ribbon>div{display:flex;align-items:center;gap:35px;flex-wrap:wrap}.gear-ribbon>div>span{display:flex;gap:9px;align-items:center;font-size:12px;font-weight:600}.gear-ribbon .icon{width:22px;height:22px}.purple-text{color:var(--purple)}.coral-text{color:var(--coral)}.teal-text{color:var(--teal)}.blue-text{color:var(--blue)}
.section{max-width:1240px;margin:auto;padding:105px 30px 15px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:1.9px;text-transform:uppercase;color:var(--purple);line-height:1.7}.section-heading h2{font-size:clamp(32px,3.5vw,46px);line-height:1.15;letter-spacing:-1.8px;font-weight:750;margin-top:15px}.section-heading h2 span{color:#8c7a9a}.section-heading>p:last-child:not(.eyebrow){margin-top:20px;color:var(--muted);font-size:15px;max-width:570px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px;margin-top:39px}.feature-card{background:white;border:1px solid var(--line);border-radius:24px;padding:28px 25px;display:flex;flex-direction:column;align-items:flex-start;box-shadow:0 6px 24px #42225a03}.icon-tile{width:48px;height:48px;border-radius:15px;display:inline-flex;align-items:center;justify-content:center;flex:none}.purple{color:var(--purple);background:#f3eafd}.coral{color:var(--coral);background:#fff0f1}.teal{color:var(--teal);background:#e9f8f4}.blue{color:var(--blue);background:#edf0fc}.feature-card h3{font-size:19px;font-weight:720;letter-spacing:-.55px;margin-top:21px}.feature-card>p{font-size:13px;line-height:1.85;color:var(--muted);margin-top:12px;flex:1}.mini-rig{display:flex;align-items:center;gap:12px;margin-top:27px;color:#c1b1cf}.mini-icon{height:45px;width:45px;display:flex;align-items:center;justify-content:center;border-radius:13px}.mini-icon .icon{width:22px;height:22px}.mini-settings{display:flex;gap:17px;margin-top:26px}.mini-settings>span{font-size:8px;text-transform:uppercase;letter-spacing:.5px;color:#998ca2;text-align:center}.mini-settings i{display:block;width:32px;height:32px;margin-bottom:7px;background:linear-gradient(145deg,#fff,#e8e5e9);border:2px solid #d2cbd8;border-radius:50%;box-shadow:0 3px 5px #29133f12;position:relative}.mini-settings i:after{content:'';position:absolute;width:2px;height:8px;background:#8a7c93;top:2px;left:14px;transform:rotate(-25deg);transform-origin:50% 13px}.mini-settings>span:nth-child(2) i:after{transform:rotate(10deg)}.mini-settings>span:nth-child(3) i:after{transform:rotate(45deg)}.mini-settings>span:nth-child(4) i:after{transform:rotate(60deg)}.saved-note{display:flex;align-items:center;gap:9px;padding:11px 10px;background:#fcf9ff;border:1px solid #eee6f4;border-radius:12px;margin-top:25px;width:100%;min-width:0}.saved-cover{width:31px;height:35px;background:linear-gradient(145deg,#241832,#8452b1);border-radius:6px;flex:none}.saved-note div{min-width:0;flex:1}.saved-note strong{font-size:9px;display:block;letter-spacing:-.1px}.saved-note small{font-size:8px;display:block;color:#9c8aa8;margin-top:4px}.saved-note>.icon{width:15px;height:15px;color:var(--purple)}
.how-section{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start;padding-top:110px}.narrow h2{font-size:40px}.steps{list-style:none;margin:0;padding:4px 0 0}.steps li{display:flex;gap:24px;padding:23px 0;border-bottom:1px solid var(--line)}.steps li:first-child{padding-top:0}.step-number{font-size:12px;letter-spacing:1px;color:var(--purple);font-weight:700;padding-top:4px}.steps h3{font-size:19px;letter-spacing:-.5px;font-weight:700}.steps p{font-size:13px;color:var(--muted);margin-top:8px;max-width:335px}.app-section{padding-top:110px}.app-section .section-heading{text-align:center}.screen-gallery{margin-top:38px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.screen-gallery figure{min-width:0}.screen-gallery figcaption{padding:0 8px 20px}.screen-gallery figcaption>span{font-size:9px;text-transform:uppercase;letter-spacing:1.5px;color:#a292ae;font-weight:650}.screen-gallery h3{font-size:17px;letter-spacing:-.5px;margin-top:8px;font-weight:650}.screen-gallery img{display:block;width:100%;height:auto;border-radius:22px;border:1px solid #e9d9f5;box-shadow:0 10px 25px #42225a08}.quiet-note{color:#9a8ea3;font-size:11px;line-height:1.8}.app-section>.quiet-note{text-align:center;margin:24px auto 0;max-width:650px}
.download-section{max-width:1180px;margin:90px auto 0;padding:65px 70px;display:grid;grid-template-columns:1.3fr 1fr;gap:30px;align-items:center;position:relative;overflow:hidden;border-radius:34px;background:radial-gradient(ellipse at 85% 0%,#b46df9,transparent 55%),linear-gradient(125deg,#8c31e4,#9637f5 55%,#7b26d0);color:white;isolation:isolate}.download-copy .eyebrow{color:#e5c7ff}.download-copy h2{font-size:51px;font-weight:760;line-height:1.08;letter-spacing:-2.2px;margin-top:14px}.download-copy>p:not(.eyebrow){font-size:14px;line-height:1.9;color:#e7d4fc;margin-top:23px}.app-store-badge{display:inline-flex;flex-direction:column;align-items:flex-start;text-decoration:none;margin-top:28px;gap:10px}.app-store-badge img{width:180px;height:60px;display:block}.app-store-badge.upcoming>span{font-size:10px;color:#e6c9fc;letter-spacing:.3px}.download-art{display:flex;align-items:center;justify-content:center;position:relative;min-height:280px}.download-art:before,.download-art:after{content:'';position:absolute;width:300px;height:300px;border:1px solid #ffffff22;border-radius:50%;transform:rotate(-10deg) scaleX(1.2)}.download-art:after{width:360px;height:360px;transform:rotate(18deg) scaleX(.85)}.download-icon{width:155px;height:155px;transform:rotate(-8deg);position:relative;z-index:1;border-radius:34px;box-shadow:0 22px 50px #39105d44}.download-icon img{width:100%;height:100%;border-radius:34px}.download-wave{position:absolute;bottom:12px;display:flex;align-items:center;gap:7px;height:35px}.download-wave span{height:12px;width:3px;border-radius:6px;background:#ffffff48}.download-wave span:nth-child(2n){height:25px}.download-wave span:nth-child(3n){height:35px}.purchase-note{text-align:center;font-size:10px;line-height:1.8;color:#9a8bA5;max-width:780px;margin:20px auto 0;padding:0 25px}
.site-footer{max-width:1240px;margin:80px auto 0;padding:0 30px 30px}.footer-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:27px;border-bottom:1px solid var(--line);gap:20px}.footer-top .brand{font-size:18px}.footer-top p{font-size:12px;color:#94859e}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:23px;font-size:10px;color:#9b8ca6}.footer-bottom nav{display:flex;gap:24px}.footer-bottom nav a{text-decoration:none;color:#776985}
.page-heading{padding:75px 0 35px}.page-heading .eyebrow{margin-top:30px}.page-heading h1{font-size:clamp(40px,5vw,63px);line-height:1.08;letter-spacing:-2.5px;margin-top:17px;font-weight:760}.page-heading>p:not(.eyebrow){font-size:17px;color:var(--muted);max-width:620px;margin-top:23px}.back-link{font-size:12px;color:#9785a3;text-decoration:none}.updated{font-size:11px;color:#a28faf;margin-top:23px;display:block}.legal-layout,.support-layout{max-width:900px;margin:auto;padding:0 30px}.prose{padding:0 0 18px;max-width:760px}.prose h2{font-size:22px;letter-spacing:-.65px;margin:35px 0 14px;line-height:1.35}.prose p{font-size:14px;line-height:1.9;color:#776b82;margin:12px 0}.prose a,.support-contact p a,.faq p a{color:var(--purple);text-underline-offset:3px;overflow-wrap:anywhere}.legal-contact{display:flex;align-items:center;gap:18px;padding:26px;background:#f2e9fb;border-radius:21px;margin-top:26px}.legal-contact h2{font-size:19px;letter-spacing:-.5px}.legal-contact p{font-size:13px;color:#877493;margin-top:7px}.legal-contact p a{color:var(--purple);overflow-wrap:anywhere}.support-layout{max-width:1050px}.support-contact{margin-top:10px;padding:33px;background:white;border:1px solid var(--line);border-radius:25px;max-width:720px}.support-contact h2{font-size:26px;letter-spacing:-.8px;margin-top:20px}.support-contact>p{font-size:14px;line-height:1.9;color:var(--muted);margin-top:13px}.support-contact .button{margin-top:24px}.support-contact .quiet-note{font-size:11px;margin-top:20px}.faq{max-width:760px;padding-top:65px}.faq>h2{font-size:35px;letter-spacing:-1.3px;margin-top:12px;margin-bottom:24px}.faq details{border-bottom:1px solid var(--line)}.faq summary{padding:23px 30px 23px 0;cursor:pointer;font-size:16px;font-weight:650;line-height:1.6;position:relative;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';position:absolute;right:0;top:22px;font-size:22px;color:var(--purple)}.faq details[open] summary:after{content:'−'}.faq details p{font-size:14px;line-height:1.9;color:var(--muted);padding-bottom:23px}.support-layout .page-heading{max-width:760px}
.hero{overflow:clip}
@media(min-width:761px){.screen-gallery{max-width:960px;margin-left:auto;margin-right:auto}}
@media(hover:hover) and (pointer:fine){.button-purple:hover{background:var(--purple-dark);box-shadow:0 8px 24px #9637f52c}.text-link:hover,.nav-feature:hover,.footer-bottom a:hover{color:var(--purple)}.faq summary:hover{color:var(--purple)}}
@media(min-width:1500px){.hero{padding-top:80px;padding-bottom:65px}.hero h1{font-size:72px}.hero-visual{padding-left:25px;padding-right:25px}}
@media(max-width:1000px){.hero{gap:26px;padding-top:45px}.hero h1{font-size:52px;letter-spacing:-2.5px}.hero-tag{font-size:9px;letter-spacing:.7px}.hero-description{font-size:15px}.hero-actions{gap:19px}.hero-actions>.button{padding:16px 18px;font-size:13px}.hero-actions .text-link{font-size:12px}.gear-ribbon{margin-left:30px;margin-right:30px;display:block}.gear-ribbon>div{margin-top:20px;justify-content:space-between;gap:18px}.gear-ribbon>div>span{font-size:10px}.feature-card{padding:23px 19px}.feature-card h3{font-size:17px}.feature-card>p{font-size:12px}.mini-settings{gap:12px}.how-section{gap:40px}.download-section{margin-left:30px;margin-right:30px;padding:50px}.download-copy h2{font-size:44px}.download-art{transform:scale(.85)}.footer-bottom>span:last-child{display:none}}
@media(max-width:760px){.nav-wrap{min-height:74px;padding:13px 22px}.brand{font-size:19px;gap:10px}.brand img{width:35px;height:35px;border-radius:10px}.site-header nav{gap:20px}.hero{display:flex;flex-direction:column;padding:45px 25px 20px;gap:22px}.hero-copy{text-align:center;padding:0;max-width:580px}.hero-tag{font-size:9px;padding:9px 12px;margin-bottom:20px}.hero h1{font-size:clamp(43px,8vw,61px);letter-spacing:-2.5px;line-height:1.08}.hero-description{margin:22px auto 0;max-width:430px;font-size:15px}.hero-actions{justify-content:center;margin-top:24px;gap:23px}.hero-actions>.button{font-size:14px;min-height:52px}.hero-actions .text-link{font-size:13px}.hero-details{justify-content:center;margin-top:23px}.hero-visual{width:min(100%,450px);padding:10px 20px 25px}.hero-product{border-radius:28px}.orbit-one{inset:5% 0}.orbit-two{inset:12% -1% 8%}.visual-caption{font-size:9px}.gear-ribbon{margin:10px 24px 0;padding:24px 0;text-align:center}.gear-ribbon>span{font-size:9px}.gear-ribbon>div{display:grid;grid-template-columns:1fr 1fr;gap:19px 24px;margin-top:23px}.gear-ribbon>div>span{font-size:11px;justify-content:center}.section{padding:65px 24px 0}.section-heading h2{font-size:34px;letter-spacing:-1.4px}.section-heading>p:last-child:not(.eyebrow){font-size:14px;margin-top:17px}.feature-grid{grid-template-columns:1fr;margin-top:28px;gap:15px}.feature-card{padding:25px;display:grid;grid-template-columns:48px 1fr;column-gap:18px}.feature-card>.icon-tile{grid-row:1/3}.feature-card h3{margin-top:3px;font-size:19px}.feature-card>p{font-size:13px;margin-top:9px}.feature-card>.mini-rig,.feature-card>.mini-settings,.feature-card>.saved-note{grid-column:2}.feature-card .mini-rig{margin-top:19px}.mini-settings{gap:18px;margin-top:21px}.saved-note{max-width:260px;margin-top:20px}.how-section{display:block}.how-section .steps{margin-top:30px}.steps li{gap:24px;padding:22px 0}.steps p{max-width:none;font-size:13px}.steps h3{font-size:19px}.app-section .section-heading{text-align:left}.screen-gallery{gap:16px;margin-top:29px;overflow-x:auto;scroll-snap-type:x mandatory;margin-right:-24px;padding-right:24px;padding-bottom:17px;grid-template-columns:repeat(3, minmax(250px,72vw));scrollbar-width:thin;scrollbar-color:#cdb4e8 transparent}.screen-gallery figure{scroll-snap-align:start}.screen-gallery h3{font-size:17px}.screen-gallery img{border-radius:20px}.app-section>.quiet-note{text-align:left;font-size:10px;margin-top:16px}.download-section{margin:60px 22px 0;padding:35px 28px;display:block;border-radius:27px}.download-copy h2{font-size:43px;letter-spacing:-1.7px}.download-copy>p:not(.eyebrow){font-size:13px;margin-top:19px}.download-art{position:absolute;right:-66px;bottom:12px;transform:scale(.55);transform-origin:center;opacity:.18;z-index:-1}.download-copy{position:relative;z-index:2}.purchase-note{font-size:9px;margin-top:17px}.site-footer{margin-top:55px;padding:0 24px 25px}.footer-top{display:block;padding-bottom:22px}.footer-top p{margin-top:12px;font-size:11px}.footer-bottom{display:block;padding-top:20px;font-size:10px}.footer-bottom nav{margin-top:21px;gap:22px;flex-wrap:wrap}.page-heading{padding-top:40px;padding-bottom:25px}.page-heading h1{font-size:43px;letter-spacing:-1.9px}.page-heading>p:not(.eyebrow){font-size:15px}.legal-layout,.support-layout{padding:0 24px}.prose h2{font-size:21px;margin-top:28px}.prose p{font-size:13px}.legal-contact{align-items:flex-start;padding:21px;gap:14px}.legal-contact p{font-size:12px}.legal-contact .icon-tile{width:38px;height:38px;border-radius:12px}.legal-contact .icon{width:20px;height:20px}.support-contact{padding:25px}.support-contact h2{font-size:24px}.support-contact>p{font-size:13px}.faq{padding-top:45px}.faq>h2{font-size:30px}.faq summary{font-size:14px;padding-top:20px;padding-bottom:20px}.faq details p{font-size:13px}}
@media(max-width:380px){.nav-wrap{padding-left:16px;padding-right:16px;gap:10px}.brand{font-size:17px;gap:8px}.brand img{width:31px;height:31px}.site-header nav{gap:12px}.nav-feature{font-size:12px}.button-small{font-size:11px;padding:11px 12px;gap:6px}.button-small .icon{width:16px;height:16px}.hero{padding-left:20px;padding-right:20px}.hero h1{font-size:42px;letter-spacing:-2.1px}.hero-actions{gap:18px}.hero-visual{padding:10px 10px 22px}.gear-ribbon>div{gap:17px 10px}.feature-card{padding:22px 18px;column-gap:13px}.feature-card h3{font-size:17px}.mini-settings{gap:12px}.download-copy h2{font-size:38px}.page-heading h1{font-size:38px}}
@media(max-width:760px){.site-header .brand{flex:none}.site-header .nav-wrap{gap:16px}.site-header nav{gap:16px}.site-header .nav-feature{font-size:12px}.site-header .button-small{font-size:12px;padding:11px 14px;gap:8px}.site-header .button-small .icon{width:16px;height:16px}.feature-grid{grid-template-columns:minmax(0,1fr)}.feature-card{grid-template-columns:48px minmax(0,1fr);min-width:0}.mini-rig{gap:8px}.mini-rig .mini-icon{width:37px;height:37px}}
@media(max-width:380px){.site-header .nav-wrap{gap:10px}.site-header nav{gap:11px}.site-header .button-small{font-size:11px;padding:11px 12px;gap:6px}.feature-card{grid-template-columns:40px minmax(0,1fr)}.feature-card>.icon-tile{width:40px;height:40px;border-radius:12px}}
.feature-card>p{flex:none}
.feature-card .mini-rig,.feature-card .mini-settings,.feature-card .saved-note{margin-top:18px}
.mini-rig{width:100%;justify-content:space-between;align-items:flex-start;gap:6px}
.rig-item{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0;font-size:10px;font-weight:600;color:var(--muted)}
.feature-card .mini-rig .mini-icon{width:44px;height:44px}
.rig-arrow{font-size:14px;line-height:20px;margin-top:12px;color:#c1b1cf}
.mini-settings{--knob-size:44px;width:100%;justify-content:space-between;gap:8px}
.mini-settings>span{flex:0 0 var(--knob-size);font-size:9px}
.mini-settings i{width:var(--knob-size);height:var(--knob-size);margin-bottom:8px}
.mini-settings i:after{left:50%;margin-left:-1px;top:3px;height:10px;transform-origin:50% calc(var(--knob-size)/2 - 5px)}
@media(min-width:761px) and (max-width:1100px){.mini-rig{gap:4px}.rig-item{font-size:9px}.feature-card .mini-rig .mini-icon{width:32px;height:32px}.mini-icon .icon{width:19px;height:19px}.rig-arrow{font-size:11px;margin-top:6px}.mini-settings{--knob-size:38px;gap:4px}.mini-settings>span{font-size:8px}}
@media(max-width:760px){.feature-card>.mini-rig,.feature-card>.mini-settings,.feature-card>.saved-note{grid-column:1/-1}.feature-card .saved-note{max-width:none}}
@media(max-width:380px){.mini-rig{gap:4px}.feature-card .mini-rig .mini-icon{width:40px;height:40px}.rig-arrow{font-size:12px;margin-top:10px}.mini-settings{--knob-size:40px}}
/* The three previews share a row, even when their descriptions wrap differently. */
@media(min-width:761px){.feature-grid{row-gap:0}.feature-card{display:grid;grid-template-rows:subgrid;grid-row:span 4;row-gap:0}}
.saved-note .saved-cover{width:40px;height:40px;object-fit:cover;background:none}
.saved-note strong{font-size:11px}.saved-note small{font-size:9px}

.hero{display:flex;flex-direction:column;gap:24px;padding:24px 30px;align-items:center}
.hero-copy{width:100%;max-width:800px;padding:0;text-align:center}
.hero h1{font-size:42px;line-height:1.1;letter-spacing:-1.8px;max-width:none;margin:12px 0 0}
.hero h1 span{display:block}
.hero-description{font-size:14px;line-height:1.65;max-width:650px;margin:14px auto 0}
.hero-actions{justify-content:center;gap:24px;margin-top:18px}
.hero-actions>.button{font-size:13px;min-height:44px;padding:13px 19px;border-radius:14px}
.hero-actions .text-link{font-size:13px}
.hero-screenshots{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;width:min(100%,900px,calc((100svh - 400px)*2.3 + 64px));align-items:start}
.hero-screenshots img{display:block;width:100%;height:auto;aspect-ratio:640/1335;object-fit:contain;border-radius:0;filter:drop-shadow(0 7px 10px #17102012)}
@media(max-width:760px){.hero{padding:22px 24px;gap:22px}.hero h1{font-size:32px;letter-spacing:-1.2px}.hero-copy .eyebrow{font-size:9px;letter-spacing:1.4px}.hero-description{font-size:13px;max-width:440px;margin-top:12px}.hero-actions{gap:18px;margin-top:16px}.hero-actions>.button{font-size:12px;min-height:44px;padding:12px 16px}.hero-actions .text-link{font-size:12px}.hero-screenshots{width:100%;gap:8px}}
@media(max-width:380px){.hero{padding:20px}.hero h1{font-size:29px;letter-spacing:-1px}.hero-actions{gap:12px}.hero-actions>.button{padding:12px 14px}.hero-actions .text-link{font-size:11px}.hero-screenshots{gap:6px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}