/* Horizon Pink from AppTheme.swift: Color(red: 0.93, green: 0.08, blue: 0.45). */
main{overflow:clip}
:root{color-scheme:dark;--pink:rgb(93% 8% 45%);--muted:#b9b0b8;--line:#ffffff25;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;color:#fff;background:#050205;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;line-height:1.5;overflow-x:clip}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #ffb8d8;outline-offset:6px}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.045em;line-height:1.06;font-weight:700;text-wrap:balance}h2{font-size:clamp(38px,4.3vw,62px)}.wrap{width:min(1060px,calc(100% - 64px));margin-inline:auto}.button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:15px 28px;background:var(--pink);border-radius:100px;color:white;font-size:16px;font-weight:650;transition:background .2s,transform .2s}.button:hover{background:#f6358c;transform:translateY(-2px)}.compact{padding:6px 15px;min-height:32px;font-size:12px}.site-header{height:58px;position:sticky;top:0;z-index:20;background:#130610c9;backdrop-filter:blur(20px);border-bottom:1px solid #ffffff0d}.site-header nav{height:100%;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{font-size:18px;font-weight:650;letter-spacing:-.035em}.nav-actions{display:flex;align-items:center;gap:12px}.nav-actions button{background:transparent;color:#e9dce4;border:0;padding:8px;min-width:36px;min-height:36px;font-size:12px}.skip{position:fixed;top:-100px;left:20px;z-index:40;background:white;color:black;padding:12px}.skip:focus{top:12px}
.cosmos{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:#050205}.nebula{position:absolute;inset:-20%;background:radial-gradient(ellipse at 75% 8%,#ed147345,transparent 43%),radial-gradient(ellipse at 28% 25%,#82204150,transparent 38%),radial-gradient(ellipse at 92% 60%,#5d113332,transparent 38%),radial-gradient(ellipse at 45% 2%,#e9639a22,transparent 22%);filter:blur(32px);animation:nebula-drift 25s ease-in-out infinite alternate}.cosmos:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 20%,#05020570 100%)}#starfield{position:absolute;inset:0;width:100%;height:100%}@keyframes nebula-drift{to{transform:translate(-3%,4%) scale(1.08)}}
.hero{text-align:center;padding:76px 20px 0;overflow:hidden}.hero-title{position:relative;z-index:2}.app-icon{width:82px;height:82px;border-radius:22px;margin-inline:auto;box-shadow:0 0 80px #ed147330}.app-name{font-size:21px;font-weight:650;letter-spacing:-.03em;margin:12px 0 25px}.hero h1{font-size:clamp(45px,5.3vw,76px);line-height:1.04;margin:0 auto 30px;max-width:1000px}.hero-note{font-size:12px;color:#c4aaba;margin:17px 0 0}.hero-devices{display:flex;justify-content:center;align-items:flex-start;gap:27px;max-width:930px;margin:68px auto 0;position:relative;padding-bottom:22px}.hero-devices:before{content:'';position:absolute;inset:10% -20% 0;background:radial-gradient(ellipse,#ed147327,transparent 65%);z-index:-1}.device{width:310px;filter:drop-shadow(0 22px 35px #0007);user-select:none}.hero-devices .device{width:29%;max-width:280px;will-change:transform}.hero-devices .hero-center{width:32%;max-width:310px;z-index:2}.hero-left{transform:translateY(58px) rotate(-7deg)}.hero-right{transform:translateY(58px) rotate(7deg)}.hero-devices{padding-bottom:85px}.explore-link{display:inline-block;font-size:13px;color:#d8bccc;padding:14px 20px;margin-bottom:65px;transition:color .2s}.explore-link:hover{color:white}
.feature-story{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px;min-height:860px;padding-block:85px}.feature-copy{position:relative;z-index:2}.eyebrow{font-size:12px;letter-spacing:.13em;font-weight:650;color:#ff75b1;margin-bottom:21px}.feature-copy h2{margin-bottom:26px}.feature-copy>p:last-child{font-size:19px;color:var(--muted);max-width:435px;line-height:1.55}.device-stage{min-width:0;position:relative;display:flex;justify-content:center;align-items:center;isolation:isolate}.device-stage:before{content:'';position:absolute;inset:5% -25%;z-index:-1;background:radial-gradient(ellipse,#ed147321,transparent 66%)}.single-stage .device{width:330px;transform:rotate(6deg)}.reverse .feature-copy{grid-column:2;grid-row:1}.reverse .device-stage{grid-column:1;grid-row:1}.map-stage .device{width:320px;transform:rotate(-6deg)}.orbit{position:absolute;border:1px solid #ed147334;border-radius:50%;z-index:-1;width:600px;height:220px;transform:rotate(-30deg)}.orbit-two{transform:rotate(35deg);width:520px;height:280px;border-color:#f995c319}.journal-stage{height:690px}.journal-stage .device{position:absolute;width:280px}.journal-back{transform:translate(-75px,-25px) rotate(-9deg);opacity:.9}.journal-front{transform:translate(95px,55px) rotate(9deg);z-index:2}
.abilities{padding-block:120px}.abilities>h2{text-align:center;margin-bottom:85px;font-size:clamp(36px,4.6vw,62px)}.ability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:65px 65px}.feature-symbol{display:block;font-size:40px;line-height:1;margin-bottom:25px;color:#fff}.ability-grid h3{font-size:27px;line-height:1.12;letter-spacing:-.03em;margin-bottom:18px}.ability-grid p{font-size:16px;line-height:1.5;color:var(--muted);margin:0}.details-section{padding-block:90px}.section-title{text-align:center;margin-bottom:70px}.showcase-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.showcase{border:1px solid #ffffff14;border-radius:30px;background:linear-gradient(155deg,#201018e8,#0a080cf5);overflow:hidden;position:relative;padding:44px 40px 0;min-width:0}.showcase h3{font-size:37px;line-height:1.08;margin-bottom:20px}.showcase p:not(.eyebrow){color:var(--muted);font-size:16px;max-width:340px}.showcase .device{width:285px;margin:40px auto -150px}.mastery-showcase{background:linear-gradient(155deg,#2c1424e0,#0e080df5)}.auction-showcase .device{transform:rotate(-5deg)}.mastery-showcase .device{transform:rotate(5deg)}.wide-showcase{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:65px 60px 0;gap:50px;background:radial-gradient(ellipse at 90% 80%,#24226b80,transparent 65%),#100b17e8}.wide-showcase .device{width:315px;margin:0 auto -100px;transform:rotate(8deg)}.wide-showcase .showcase-copy{padding-bottom:60px}.wide-showcase h3{font-size:49px}.faq-section{padding-block:125px;display:grid;grid-template-columns:.85fr 1.15fr;gap:80px}.faq-section h2{font-size:56px}.faq details{border-bottom:1px solid var(--line);padding:23px 0}.faq details:first-child{padding-top:0}.faq summary{cursor:pointer;font-size:20px;font-weight:600;list-style:none;position:relative;padding-right:28px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';position:absolute;right:0;top:0;color:#d699b9;font-size:23px;font-weight:400}.faq details[open] summary:after{content:'−'}.faq p{color:var(--muted);font-size:16px;margin:17px 0 0}.download-section{text-align:center;padding-block:55px 140px}.download-section h2{font-size:clamp(40px,5.1vw,70px);margin-bottom:30px}.download-section>p:last-child{color:#a895a0;font-size:12px;margin:20px 0 0}footer{background:#0b090cd9;border-top:1px solid #ffffff12;padding:35px 0;font-size:12px;color:#9d919a}.footer-top,.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px}.footer-top{color:#e6dce2;font-size:15px;margin-bottom:25px}.footer-top>span{font-weight:600}footer p{max-width:940px;line-height:1.7}.footer-bottom{border-top:1px solid #ffffff12;padding-top:20px}.footer-bottom>div{display:flex;gap:22px}footer a:hover{color:white}.motion-paused .nebula{animation-play-state:paused}
@media(min-width:1500px){.hero-devices{max-width:1050px}.hero-devices .device{max-width:310px}.hero-devices .hero-center{max-width:340px}}
@media(max-width:1000px){.feature-story{gap:50px;min-height:740px}.feature-copy h2{font-size:46px}.journal-stage .device{width:225px}.journal-back{transform:translate(-50px,-25px) rotate(-8deg)}.journal-front{transform:translate(55px,45px) rotate(8deg)}.ability-grid{gap:50px 35px}.wide-showcase{padding:45px 35px 0;gap:25px}.showcase h3{font-size:32px}.showcase{padding-inline:28px}.faq-section{gap:40px}.faq-section h2{font-size:45px}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.site-header{height:58px}.brand{font-size:16px}.nav-actions{gap:3px}.nav-actions button{padding:6px;min-width:32px}.compact{font-size:11px;padding:7px 11px}.hero{padding:55px 0 0}.hero-title{padding-inline:20px}.app-icon{width:70px;height:70px;border-radius:19px}.app-name{font-size:18px;margin-bottom:24px}.hero h1{font-size:clamp(35px,7.4vw,51px);max-width:590px;letter-spacing:-.045em}.hero .button{min-height:49px;font-size:14px;padding:13px 23px}.hero-note{font-size:10px}.hero-devices{width:110%;max-width:none;margin:50px -5% 0;gap:10px;padding-bottom:45px}.hero-devices .device{width:28%}.hero-devices .hero-center{width:32%}.hero-left,.hero-right{transform:translateY(27px) rotate(-7deg)}.hero-right{transform:translateY(27px) rotate(7deg)}.explore-link{font-size:12px;margin-bottom:20px}.feature-story{grid-template-columns:minmax(0,1fr);gap:38px;min-height:0;padding-block:65px;text-align:center}.feature-copy h2{font-size:42px}.feature-copy>p:last-child{font-size:17px;margin-inline:auto}.reverse .feature-copy,.reverse .device-stage{grid-column:auto;grid-row:auto}.device-stage .device{width:min(280px,72vw)}.journal-stage{height:580px}.journal-stage .device{width:min(230px,52vw)}.journal-back{transform:translate(-50px,-15px) rotate(-8deg)}.journal-front{transform:translate(55px,30px) rotate(8deg)}.orbit{width:350px;height:160px}.orbit-two{width:300px;height:210px}.abilities{padding-block:70px}.abilities>h2{font-size:36px;margin-bottom:55px}.ability-grid{grid-template-columns:1fr 1fr;gap:45px 25px}.ability-grid h3{font-size:23px}.ability-grid p{font-size:14px}.feature-symbol{font-size:33px;margin-bottom:18px}.details-section{padding-block:60px}.section-title{font-size:36px;margin-bottom:40px}.showcase-grid{grid-template-columns:minmax(0,1fr);gap:22px}.showcase{padding:32px 27px 0}.showcase h3{font-size:34px}.showcase .device{width:265px;max-width:95%;margin-bottom:-95px}.wide-showcase{grid-column:auto;display:block}.wide-showcase .showcase-copy{padding-bottom:0}.wide-showcase .device{margin-top:35px}.faq-section{grid-template-columns:minmax(0,1fr);padding-block:75px;gap:30px}.faq-section h2{font-size:43px;margin-bottom:12px}.faq summary{font-size:18px}.download-section{padding-block:40px 85px}.download-section h2{font-size:42px}.footer-top,.footer-bottom{align-items:flex-start;flex-direction:column;gap:15px}.footer-bottom>div{flex-wrap:wrap}.site-header .wrap{width:calc(100% - 28px)}}
@media(max-width:360px){.brand{font-size:14px}.hero h1{font-size:33px}.nav-actions{gap:0}.feature-copy h2{font-size:36px}.ability-grid{gap:35px 18px}.ability-grid h3{font-size:20px}.journal-stage{height:480px}.journal-stage .device{width:190px}.journal-back{transform:translate(-35px,-15px) rotate(-7deg)}.journal-front{transform:translate(35px,25px) rotate(7deg)}.showcase h3{font-size:29px}}
