@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#101827;--ink-soft:#354156;--muted:#707b8b;--cream:#faf9f6;--line:#e5e7e5;--mint:#c8f26b;--purple:#b9a9ee;--shell:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}button,a{ -webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%}.shell{width:min(calc(100% - 48px),var(--shell));margin-inline:auto}.skip-link{position:absolute;top:-100px;left:16px;z-index:1000;background:var(--mint);padding:12px 18px;border-radius:8px}.skip-link:focus{top:12px}:focus-visible{outline:3px solid #8b66e8;outline-offset:4px}.site-header{background:var(--ink);position:relative;z-index:20}.nav-wrap{height:88px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:10px;color:#fff;font:800 22px/1 'Manrope',sans-serif;letter-spacing:-.07em}.brand-dot{color:var(--mint)}.brand-mark{width:29px;height:29px;border-radius:9px;background:var(--mint);display:flex;align-items:flex-end;justify-content:center;gap:2px;padding-bottom:7px;transform:rotate(-8deg)}.brand-mark span{display:block;width:3px;background:var(--ink);border-radius:4px}.brand-mark span:nth-child(1){height:8px}.brand-mark span:nth-child(2){height:14px}.brand-mark span:nth-child(3){height:10px}.primary-nav{display:flex;align-items:center;gap:38px;color:#d5dae2;font-size:14px;font-weight:600}.primary-nav>a:not(.nav-cta):hover{color:var(--mint)}.nav-cta{background:#263244;padding:13px 18px;border:1px solid #435065;border-radius:100px;color:#fff;transition:.2s}.nav-cta:hover{background:var(--mint);border-color:var(--mint);color:var(--ink)}.nav-cta span,.button span{margin-left:13px}.menu-toggle{display:none}
.hero{min-height:680px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px;color:#fff}.hero::before{content:"";position:absolute;background:var(--ink);inset:88px 0 auto;height:680px;z-index:-1}.hero-copy{padding:15px 0 40px}.eyebrow{display:flex;align-items:center;gap:12px;color:var(--mint);font:800 11px/1.4 'Manrope',sans-serif;letter-spacing:.19em;margin:0 0 28px}.eyebrow-line{width:24px;height:1px;background:currentColor}.hero h1,.section-top h2,.steps-heading h2,.closing-card h2,.page-hero h1{font:800 clamp(57px,6.1vw,91px)/1.06 'Manrope',sans-serif;letter-spacing:-.079em;margin:0}.hero h1 em,.section-top h2 em,.steps-heading h2 em,.closing-card h2 em,.page-hero h1 em{font-style:normal;color:var(--mint)}.hero-lede{color:#b7c0cd;max-width:480px;font-size:17px;line-height:1.8;margin:28px 0 30px}.hero-actions{display:flex;align-items:center;gap:30px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:100px;padding:17px 24px;font-size:14px;font-weight:800;white-space:nowrap;transition:transform .2s,background .2s,color .2s}.button:hover{transform:translateY(-3px)}.button-primary{background:var(--mint);color:var(--ink)}.button-primary:hover{background:#dcff96}.text-link{font-size:14px;font-weight:700;border-bottom:1px solid #8794a8;padding-bottom:5px}.text-link span{margin-left:10px}.text-link:hover{color:var(--mint);border-color:var(--mint)}.hero-note{display:flex;align-items:center;gap:10px;color:#8794a8;font-size:12px;margin-top:48px}.note-icon{color:var(--mint);font-size:20px}
.hero-art{height:610px;position:relative;display:flex;justify-content:center;align-items:center;isolation:isolate}.hero-art::before{content:"";position:absolute;width:550px;height:550px;max-width:100%;border-radius:50%;background:radial-gradient(circle,#465267 0,#222d3c 47%,transparent 70%);filter:blur(12px);z-index:-2}.art-orbit{position:absolute;border:1px solid #384355;border-radius:50%;z-index:-1}.orbit-one{width:540px;height:540px}.orbit-two{width:650px;height:650px;opacity:.4}.device-frame{width:292px;height:592px;flex:none;position:relative;transform:rotate(7deg);border:3px solid #535965;border-radius:43px;background:linear-gradient(115deg,#333840 0%,#141619 18%,#101214 82%,#343943 100%);box-shadow:22px 34px 80px #070d18a8,inset 0 0 0 2px #888f9a75;z-index:1}
.device-frame::before,.device-frame::after{content:"";position:absolute;width:3px;background:#4a505b;border-radius:3px}
.device-frame::before{height:47px;left:-6px;top:135px}.device-frame::after{height:58px;right:-6px;top:163px}
.device-camera{position:absolute;width:8px;height:8px;border-radius:50%;background:#070a0e;box-shadow:inset 0 0 0 2px #26333f;top:29px;left:calc(50% - 49px)}
.device-speaker{position:absolute;width:55px;height:6px;border-radius:9px;background:#05070a;box-shadow:0 1px 1px #62666b8a;top:30px;left:50%;transform:translateX(-50%)}
.device-screen{position:absolute;left:13px;right:13px;top:62px;bottom:62px;overflow:hidden;background:#222}
.device-screen img{display:block;width:100%;height:100%;object-fit:cover}
.device-home{position:absolute;width:38px;height:38px;border-radius:50%;border:2px solid #525965;box-shadow:inset 0 0 0 2px #0a0d10,0 0 0 1px #090b0d;bottom:12px;left:50%;transform:translateX(-50%)}
.floating-pill{position:absolute;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e5e8ec;color:var(--ink);box-shadow:0 22px 45px #030d1b55;border-radius:12px;padding:13px 16px;font-size:11px;font-weight:800;z-index:3}.pill-top{top:100px;left:15px;transform:rotate(-7deg)}.pill-spark{color:#9178d4;font-size:20px}.pill-bottom{bottom:85px;right:4px;transform:rotate(-5deg);padding:12px 16px}.pill-bottom strong,.pill-bottom small{display:block}.pill-bottom small{color:#778395;font-size:9px;font-weight:600;margin-top:3px}.download-symbol{width:30px;height:30px;border-radius:9px;background:#e4f9bd;display:grid;place-items:center;font-size:19px}
.platforms{background:#fff;border-bottom:1px solid var(--line)}.platforms-inner{display:flex;justify-content:space-between;align-items:center;gap:30px;min-height:104px}.platforms p{color:#8992a0;font:800 10px 'Manrope',sans-serif;letter-spacing:.15em}.platform-list{display:flex;align-items:center;gap:58px;color:#596779;font-size:15px;font-weight:800}.platform-list>span{display:flex;align-items:center;gap:9px}.platform-icon{display:block;width:28px;height:28px;object-fit:contain;flex:none}
.features-section{padding:118px 0 130px}.section-top{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:45px}.section-top h2,.steps-heading h2,.closing-card h2{font-size:clamp(43px,4.6vw,65px)}.section-top h2 em{color:#8e73c8}.section-top>p{max-width:320px;color:var(--muted);font-size:15px;line-height:1.75;margin:0 0 4px}.eyebrow-dark{color:#8e73c8}.feature-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.feature-card{border:1px solid #e4e6e4;background:#fff;border-radius:24px;padding:30px;min-height:378px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;transition:transform .25s,box-shadow .25s}.feature-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #1b2c4514}.feature-card-large,.feature-offline,.feature-playlists{grid-column:span 2}.feature-card-large{background:#e9edf6}.feature-offline{background:#e8f1df}.feature-playlists{background:#ede8f4}.feature-number{font:800 10px 'Manrope',sans-serif;letter-spacing:.15em;color:#69768b}.feature-card h3{font:800 24px/1.2 'Manrope',sans-serif;letter-spacing:-.055em;margin:0 0 10px}.feature-card p{color:#606d7e;font-size:13px;line-height:1.65;margin:0;max-width:310px}.feature-visual{height:190px;position:relative}.clouds-visual{display:grid;place-items:center}.visual-center{width:104px;height:104px;background:var(--ink);color:var(--mint);border-radius:26px;display:grid;place-items:center;font-size:45px;box-shadow:0 20px 25px #253b5c25}.cloud-chip{position:absolute;background:#fff;box-shadow:0 10px 25px #2939501c;border-radius:100px;padding:9px 11px;font-size:9px;font-weight:800;color:#43516a}.chip-a{top:14px;left:0;transform:rotate(-12deg)}.chip-b{top:33px;right:0;transform:rotate(9deg)}.chip-c{bottom:13px;left:30px;transform:rotate(7deg)}.offline-visual{height:190px;position:relative;display:grid;place-items:center}.offline-ring{position:absolute;border-radius:50%;border:1px solid #b9d6a3}.ring-outer{width:190px;height:190px}.ring-inner{width:145px;height:145px;background:#d4e8c2}.offline-arrow{width:96px;height:96px;border-radius:50%;background:#26413a;color:#c8f26b;display:grid;place-items:center;font-size:62px;line-height:1;padding-bottom:9px;box-shadow:0 15px 30px #2c56453b}.offline-check{position:absolute;left:calc(50% + 37px);top:calc(50% + 24px);width:30px;height:30px;background:#fff;border-radius:50%;display:grid;place-items:center;color:#375d40;font-weight:900}.playlist-visual{height:190px;display:flex;justify-content:center;flex-direction:column;gap:8px;transform:rotate(-7deg)}.playlist-visual>div{display:flex;align-items:center;gap:10px;background:#fff;border-radius:10px;padding:7px;width:100%;box-shadow:0 8px 20px #573d8012;color:#77859a;font-size:10px}.mini-cover{width:34px;height:34px;border-radius:5px;flex:none}.mini-one{background:linear-gradient(135deg,#e9b7a5,#945e9a)}.mini-two{background:linear-gradient(135deg,#8ecbc5,#476695)}.mini-three{background:linear-gradient(135deg,#e4d591,#b77a80)}.mini-lines{flex:1}.mini-lines b,.mini-lines i{display:block;height:4px;border-radius:4px;background:#40506a;width:72%;margin:4px}.mini-lines i{background:#cbd2db;width:48%}.feature-small{grid-column:span 2;min-height:225px;background:#fff;justify-content:end}.feature-symbol{position:absolute;top:25px;left:30px;font-size:38px;color:#9a82c9;font-weight:700}
.steps-section{background:var(--ink);color:#fff;padding:115px 0}.steps-inner{display:grid;grid-template-columns:1fr 1fr;gap:10%}.steps-heading h2 em{color:var(--mint)}.steps-heading>p:not(.eyebrow){color:#a8b4c2;font-size:16px;line-height:1.7;max-width:340px;margin:24px 0 30px}.button-outline{border:1px solid #718098;color:#fff}.button-outline:hover{background:var(--mint);border-color:var(--mint);color:var(--ink)}.steps-list{border-top:1px solid #3b4758}.step{display:grid;grid-template-columns:60px 1fr;gap:15px;border-bottom:1px solid #3b4758;padding:30px 0}.step>span{font:800 12px 'Manrope',sans-serif;color:var(--mint)}.step h3{font:800 20px 'Manrope',sans-serif;letter-spacing:-.04em;margin:0 0 10px}.step p{color:#9eacbd;line-height:1.7;font-size:13px;max-width:360px;margin:0}
.closing-section{padding:100px 0}.closing-card{background:#d9cdf2;border-radius:30px;min-height:460px;text-align:center;padding:76px 20px;position:relative;overflow:hidden;isolation:isolate}.closing-card .eyebrow{justify-content:center;color:#58458b}.closing-card h2 em{color:#674da3}.closing-card>p:not(.eyebrow){color:#615979;font-size:15px;margin:25px 0 30px}.closing-card .button-primary{background:var(--ink);color:#fff}.closing-card .button-primary:hover{background:#33445d}.closing-glow{position:absolute;width:650px;height:650px;border:1px solid #fff8;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);z-index:-1}.closing-glow::before,.closing-glow::after{content:"";position:absolute;border:1px solid #fff8;border-radius:50%;inset:65px}.closing-glow::after{inset:135px}.closing-decoration{position:absolute;right:8%;top:45px;font-size:60px;color:#7155b8;opacity:.55}
.site-footer{background:var(--ink);color:#fff}.footer-main{display:flex;justify-content:space-between;padding:72px 0 64px;gap:50px}.footer-main>div:first-child>p{color:#8c99a9;font-size:13px;margin:21px 0 0;max-width:230px;line-height:1.6}.footer-links{display:flex;gap:110px}.footer-links>div{display:flex;flex-direction:column;gap:15px}.footer-links strong{font:800 12px 'Manrope',sans-serif;margin-bottom:7px}.footer-links a{color:#93a0b0;font-size:13px}.footer-links a:hover{color:var(--mint)}.footer-bottom{border-top:1px solid #334052;display:flex;justify-content:space-between;padding:24px 0;color:#8290a1;font-size:11px}
/* Interior pages */
.interior-header{background:var(--ink)}.page-hero{background:var(--ink);color:#fff;padding:88px 0 100px}.page-hero .shell{position:relative}.page-hero h1{font-size:clamp(53px,6vw,78px);max-width:790px}.page-hero p:not(.eyebrow){font-size:17px;color:#aeb9c8;line-height:1.75;max-width:620px;margin:25px 0 0}.page-hero h1 em{color:var(--mint)}.page-body{padding:90px 0 110px}.prose{max-width:780px;margin:0 auto}.prose h2{font:800 30px/1.25 'Manrope',sans-serif;letter-spacing:-.055em;margin:52px 0 14px}.prose h2:first-child{margin-top:0}.prose p,.prose li{color:#4d5b6d;font-size:16px;line-height:1.85}.prose ul{padding-left:23px}.prose li{margin:7px 0}.prose a{text-decoration:underline;text-underline-offset:4px}.info-card{background:#e9edf6;border-radius:24px;padding:34px;margin:44px 0}.info-card p{margin-bottom:0}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:48px}.detail-card{padding:30px;border-radius:22px;border:1px solid var(--line);background:#fff}.detail-card .detail-icon{color:#8e73c8;font-size:30px}.detail-card h2{font:800 22px 'Manrope',sans-serif;letter-spacing:-.04em;margin:20px 0 8px}.detail-card p{color:#5b6979;line-height:1.7;font-size:14px;margin:0}.detail-intro{max-width:750px}.detail-intro>p{color:#5b6979;line-height:1.8;font-size:17px}.note-box{background:#eef2e8;border-left:4px solid #87ba4e;padding:20px 25px;border-radius:0 12px 12px 0;color:#435468;font-size:14px;line-height:1.7;margin-top:40px}.legal-content{max-width:820px}.legal-content section{border-top:1px solid var(--line);padding:32px 0}.legal-content section:first-of-type{margin-top:38px}.legal-content h2{font:800 23px 'Manrope',sans-serif;letter-spacing:-.04em;margin:0 0 13px}.legal-content p{line-height:1.85;color:#526071;margin:0 0 12px;font-size:15px}.legal-content p:last-child{margin-bottom:0}.legal-date{font-size:12px;color:#7d8997;margin-top:15px}.about-highlight{background:#d9cdf2;border-radius:25px;padding:45px;margin-top:45px}.about-highlight p{font:800 clamp(25px,3.4vw,42px)/1.3 'Manrope',sans-serif;letter-spacing:-.06em;margin:0;max-width:640px;color:#433368}.back-link{display:inline-block;margin-top:40px;font-weight:800;font-size:13px;text-decoration:underline;text-underline-offset:5px}
@media(max-width:1000px){.hero{min-height:650px}.hero h1{font-size:65px}.hero-art{transform:scale(.86);transform-origin:center}.platform-list{gap:20px}.feature-card{padding:23px}.feature-card h3{font-size:21px}.floating-pill.pill-top{left:-15px}.floating-pill.pill-bottom{right:-15px}}
@media(max-width:760px){.shell{width:min(calc(100% - 34px),var(--shell))}.nav-wrap{height:70px}.menu-toggle{display:flex;width:42px;height:42px;background:#263244;border:1px solid #536074;border-radius:10px;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer}.menu-toggle span{height:2px;width:18px;background:#fff;border-radius:2px}.primary-nav{display:none;position:absolute;top:70px;left:0;right:0;padding:20px 17px 24px;background:#182334;border-top:1px solid #364255;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 20px 30px #0c142080}.primary-nav.open{display:flex}.primary-nav a{padding:13px 10px}.primary-nav .nav-cta{margin-top:10px;text-align:center}.hero{display:flex;flex-direction:column;align-items:stretch;min-height:unset;gap:0;padding-top:60px}.hero::before{top:70px;height:1050px}.hero-copy{padding:0}.hero h1{font-size:clamp(54px,11vw,75px)}.hero-lede{font-size:15px;margin:23px 0 25px}.hero-note{margin-top:30px}.hero-art{height:580px;transform:scale(.83);margin-top:-10px}.platforms-inner{flex-direction:column;align-items:flex-start;justify-content:center;padding:26px 0;gap:15px}.platforms p{margin:0}.platform-list{gap:18px;flex-wrap:wrap;font-size:12px}.platform-icon{width:25px;height:25px}.features-section{padding:78px 0 90px}.section-top{display:block;margin-bottom:32px}.section-top>p{max-width:480px;margin-top:22px}.feature-card-large,.feature-offline,.feature-playlists{grid-column:span 3}.feature-small{grid-column:span 3}.steps-section{padding:80px 0}.steps-inner{display:block}.steps-list{margin-top:55px}.closing-section{padding:70px 0}.closing-card{padding:70px 18px;min-height:400px}.footer-links{gap:50px}.page-hero{padding:70px 0 78px}.page-body{padding:65px 0 80px}}
@media(max-width:520px){.hero-actions{gap:20px}.button{padding:15px 20px}.hero-art{height:490px;transform:scale(.7);margin:-35px -50px -50px}.hero::before{height:955px}.platform-list{gap:12px 20px}.feature-grid{display:block}.feature-card{min-height:345px;margin-bottom:14px}.feature-small{min-height:175px}.feature-card h3{font-size:23px}.section-top h2,.steps-heading h2,.closing-card h2{font-size:42px}.step{grid-template-columns:42px 1fr}.closing-card{min-height:360px}.closing-decoration{display:none}.footer-main{display:block;padding:55px 0 45px}.footer-links{margin-top:45px;gap:55px}.footer-bottom{gap:10px;flex-wrap:wrap}.detail-grid{grid-template-columns:1fr}.page-hero h1{font-size:50px}.page-hero p:not(.eyebrow){font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.feature-card{transition:none}}
.offline-arrow{position:relative;z-index:1}.offline-check{z-index:2}
@media(max-width:520px){.hero{overflow:hidden}}
.app-identity{gap:11px;line-height:1.35;margin-top:36px}.app-identity img{border-radius:8px;box-shadow:0 6px 14px #07101e70}.app-identity small{color:#8190a3;font-size:10px}
.screens-section{padding:0 0 120px}.screens-top{margin-bottom:34px}.screens-top h2 em{color:#8e73c8}.screens-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.screens-grid figure{margin:0;background:#e9edf6;border-radius:24px;overflow:hidden;padding:28px 24px 0;display:flex;align-items:center;flex-direction:column}.screens-grid figure:nth-child(2){background:#e8f1df}.screens-grid figure:nth-child(3){background:#ede8f4}
.gallery-phone{width:min(100%,238px);aspect-ratio:292/592;flex:none;position:relative;margin-bottom:28px;border:3px solid #535965;border-radius:15% / 7.5%;background:linear-gradient(115deg,#333840 0%,#141619 18%,#101214 82%,#343943 100%);box-shadow:12px 20px 36px #18223330,inset 0 0 0 2px #888f9a75}
.gallery-phone::before,.gallery-phone::after{content:"";position:absolute;width:3px;background:#4a505b;border-radius:3px}.gallery-phone::before{height:8%;left:-6px;top:23%}.gallery-phone::after{height:10%;right:-6px;top:28%}
.gallery-phone .device-camera{width:7px;height:7px;top:5%;left:calc(50% - 17%)}.gallery-phone .device-speaker{width:19%;height:5px;top:5%;left:50%}.gallery-phone .device-screen{left:4.5%;right:4.5%;top:10.5%;bottom:10.5%}.gallery-phone .device-home{width:13%;height:auto;aspect-ratio:1;bottom:2%;left:50%}
.screens-grid figcaption{align-self:stretch;background:#fff;margin:0 -24px;padding:22px 26px;display:flex;justify-content:space-between;align-items:baseline;gap:10px}.screens-grid figcaption strong{font:800 18px 'Manrope',sans-serif;letter-spacing:-.04em}.screens-grid figcaption span{font-size:12px;color:#6f7a88;text-align:right}
.page-hero-cta{margin-top:31px}.app-download-panel{display:flex;align-items:center;gap:18px;background:#e9edf6;border-radius:20px;padding:21px;margin-top:48px}.app-download-panel img{border-radius:15px;flex:none}.app-download-panel>div{flex:1}.app-download-panel strong,.app-download-panel span{display:block}.app-download-panel strong{font:800 17px 'Manrope',sans-serif;letter-spacing:-.04em}.app-download-panel span{font-size:12px;color:#637083;margin-top:4px}.legal-content a:not(.back-link){text-decoration:underline;text-underline-offset:3px}.legal-content ul{margin:14px 0 0;padding-left:21px;color:#526071;font-size:15px;line-height:1.8}.legal-content li{margin:5px 0}
@media(max-width:760px){.screens-section{padding-bottom:80px}.screens-grid{gap:12px}.screens-grid figure{padding:18px 15px 0}.gallery-phone{margin-bottom:18px}.screens-grid figcaption{margin:0 -15px;padding:16px;display:block}.screens-grid figcaption span{display:block;text-align:left;margin-top:4px}.app-download-panel{flex-wrap:wrap}.app-download-panel .button{width:100%}}
@media(max-width:520px){.screens-grid{grid-template-columns:1fr;gap:16px}.screens-grid figure{padding:24px 22px 0}.gallery-phone{width:min(100%,238px);margin-bottom:24px}.screens-grid figcaption{margin:0 -22px;padding:20px 22px;display:flex}.screens-grid figcaption span{text-align:right}.app-download-panel img{width:58px;height:58px}}
@media(max-width:1000px){.hero{overflow:hidden}}