@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{color-scheme:dark;--bg:#0c0e13;--surface:#161a22;--raised:#222936;--text:#f3f6fc;--muted:#b2bdcd;--blue:#168bff;--cyan:#58ceff;--line:#344051;--gradient:linear-gradient(110deg,#c9ffff 0%,#58ceff 45%,#168bff 100%)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;line-height:1.65;overflow-x:clip}a{color:inherit;text-decoration:none}button{font:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--cyan);outline-offset:6px}.wrap{max-width:1240px;width:calc(100% - 96px);margin-inline:auto}.ambient{position:absolute;inset:0 0 auto;height:1050px;z-index:-1;background:radial-gradient(ellipse at 85% 28%,#006cff30,transparent 58%),radial-gradient(ellipse at 20% 0%,#142e4d55,transparent 50%);pointer-events:none}.nav{height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #34405170}.brand{display:flex;align-items:center;gap:11px;font:800 29px 'Manrope',sans-serif;letter-spacing:-1.3px}.brand img{border-radius:12px;box-shadow:0 0 25px #168bff25}.brand-dot{color:var(--cyan);margin-left:-9px}.nav nav{display:flex;gap:35px;font-size:13px;color:var(--muted)}.nav nav a:hover,.text-link:hover,footer a:hover{color:var(--cyan)}.button{display:inline-flex;align-items:center;justify-content:center;gap:32px;background:linear-gradient(115deg,#168bff,#38b4ff);color:#fff;padding:17px 25px;border-radius:14px;font-size:14px;font-weight:700;border:1px solid #77d9ff66;box-shadow:0 8px 40px #168bff30,inset 0 1px #ffffff40;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px);box-shadow:0 10px 45px #168bff55}.button span{font-size:23px;line-height:1}.button.small{padding:10px 18px;font-size:12px;gap:25px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:var(--cyan);display:inline-flex;align-items:center;gap:9px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#62eeff;box-shadow:0 0 14px #58ceff;flex-shrink:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'Manrope',sans-serif}h1{font-size:clamp(52px,6.1vw,82px);line-height:1.03;letter-spacing:-4.5px;font-weight:800;margin:25px 0 28px}h1>span,.gradient-text{background:var(--gradient);background-clip:text;-webkit-background-clip:text;color:transparent}.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);min-height:760px;align-items:center;gap:25px;padding-block:48px 64px}.hero-copy{position:relative;z-index:2}.lead{font-size:16px;max-width:445px;color:var(--muted);line-height:1.9}.hero-actions{display:flex;gap:28px;align-items:center;margin:33px 0 24px}.text-link{font-size:13px;font-weight:600}.hero-actions .text-link span{margin-left:10px}.hero-note{font-size:10px;color:#a8b9cc;display:flex;gap:9px;align-items:center}.hero-note>span{font-size:17px;color:var(--cyan)}.hero-note i{width:3px;height:3px;border-radius:50%;background:#8592a6;margin-inline:3px}.hero-art{height:630px;position:relative;isolation:isolate}.energy-ring{position:absolute;width:540px;height:540px;border:1px solid #58ceff30;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-25deg) scaleY(.75);z-index:-1;box-shadow:0 0 70px #168bff15,inset 0 0 50px #168bff0c}.ring-two{width:650px;height:650px;border-style:dashed;border-color:#168bff20;transform:translate(-50%,-50%) rotate(35deg) scaleY(.75)}.hero-graphic{position:absolute;top:28px;right:-15px;width:320px;transform:rotate(12deg);filter:drop-shadow(0 0 40px #168bff40);z-index:-1;animation:float 8s ease-in-out infinite}.hero-graphic img{width:100%;height:auto}.art-tag{position:absolute;top:30px;left:0;border:1px solid #58ceff40;border-radius:100px;background:#142e4d99;backdrop-filter:blur(20px);font-size:8px;letter-spacing:1.2px;padding:10px 15px;display:flex;gap:9px;align-items:center;transform:rotate(-6deg)}.phone{position:absolute;top:80px;left:46%;transform:translateX(-50%) rotate(-8deg);width:278px;height:538px;border:6px solid #222936;border-radius:42px;background:#0c0e13;box-shadow:0 45px 90px #000b,0 0 0 1px #74839988,8px 0 0 #161a22;padding:15px 13px}.phone-top{font-size:9px;display:flex;justify-content:space-between;padding:0 7px 18px}.phone-top:after{content:'';position:absolute;top:8px;left:94px;width:75px;height:20px;background:#02040a;border-radius:20px}.phone-heading{display:flex;align-items:center;justify-content:space-between;font:800 22px 'Manrope';letter-spacing:-.6px}.phone-menu{font-size:18px;color:#b2bdcd}.phone-progress{display:flex;justify-content:space-between;font-size:9px;color:#b2bdcd;margin-top:3px}.progress-track{height:3px;background:#222936;margin-block:12px;border-radius:4px}.progress-track i{display:block;width:24%;height:100%;background:var(--blue);border-radius:4px}.main-photo{height:300px;border-radius:17px;position:relative;overflow:hidden}.main-photo>img{width:100%;height:100%;object-fit:cover}.main-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(#03172b44,transparent 45%,#03172b99)}.photo-label{position:absolute;z-index:1;top:14px;left:12px;font-size:10px;font-weight:700}.photo-label small{display:block;font-size:8px;font-weight:400;color:#d3eaff;margin-top:3px}.photo-bottom{position:absolute;z-index:1;bottom:16px;left:14px;right:14px;display:flex;align-items:center;justify-content:space-between;font:800 17px 'Manrope'}.photo-bottom>span:last-child{font-size:30px}.phone-controls{display:flex;justify-content:space-around;border:1px solid #344051;border-radius:18px;background:#161a22;padding:10px 4px 24px;margin-top:12px}.phone-controls>span{display:grid;place-items:center;border-radius:50%;background:#142e4d;width:36px;height:36px;font-size:22px;position:relative}.phone-controls small{position:absolute;top:37px;font:500 7px 'DM Sans';color:#b2bdcd}.phone-controls .trash{color:#ff958f}.phone-controls .undo{background:#222936;color:#8592a6}.phone-controls .compress{color:#58ceff}.phone-controls .like{color:#58ceff}.phone-caption{text-align:center;font-size:7px;color:#b2bdcd;margin-top:8px}.home-indicator{height:3px;width:75px;background:#b2bdcd;border-radius:4px;margin:11px auto}.floating-note{position:absolute;bottom:24px;right:-15px;display:flex;gap:13px;align-items:center;background:#18334eee;border:1px solid #58ceff60;backdrop-filter:blur(16px);border-radius:16px;padding:17px 20px;box-shadow:0 10px 40px #0005;transform:rotate(4deg);font-size:12px}.floating-note small{display:block;color:#b2bdcd;font-size:9px;margin-top:3px}.note-icon{display:grid;place-items:center;background:#58ceff1a;color:#58ceff;border:1px solid #58ceff40;width:34px;height:34px;border-radius:12px;font-size:24px}.art-caption{position:absolute;bottom:-14px;left:50%;transform:translateX(-50%);font-size:7px;letter-spacing:1.5px;color:#8592a6;white-space:nowrap}.principles{display:flex;align-items:center;justify-content:space-between;border-block:1px solid #34405180;padding:27px 0;font-size:13px;color:#d3eaff}.principles b{font:400 11px monospace;color:var(--cyan);margin-right:14px}.sparkle{color:var(--cyan);font-size:20px;margin-left:25px}h2{font-size:clamp(35px,4vw,52px);line-height:1.12;letter-spacing:-2.4px;font-weight:800;margin:18px 0 23px}.experience{display:grid;grid-template-columns:1fr 1fr;gap:120px;align-items:center;padding-block:130px}.section-copy>p,.section-top>p,.privacy p{color:var(--muted);font-size:14px;line-height:1.9;max-width:425px}.steps{margin-top:35px;display:grid;gap:23px}.steps>div{display:flex;gap:17px;align-items:center}.steps>div>span{width:45px;height:45px;border:1px solid #344051;border-radius:14px;background:#142e4d;color:var(--cyan);display:grid;place-items:center;font-size:23px;flex-shrink:0}.steps h3{font-size:14px}.steps p{font-size:11px;color:var(--muted);margin-top:3px}.demo-panel{border:1px solid #58ceff50;border-radius:28px;padding:26px;background:linear-gradient(145deg,#152f4f,#161a22 65%);max-width:430px;box-shadow:0 30px 90px #0004,0 0 70px #168bff0e;position:relative}.demo-panel:before{content:'';position:absolute;top:-1px;left:25%;right:25%;height:1px;background:#58ceff;box-shadow:0 0 20px #58ceff}.demo-heading{display:flex;align-items:center;justify-content:space-between;color:#d3eaff;font-size:9px;letter-spacing:1px;margin-bottom:20px}.demo-heading>span:first-child{display:flex;align-items:center;gap:9px}.demo-photo{height:330px;border-radius:18px;position:relative;overflow:hidden;touch-action:pan-y;transition:transform .2s;user-select:none}.demo-photo img{width:100%;height:100%;object-fit:cover;pointer-events:none}.demo-photo:after{content:'';position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#03172bbf)}.demo-photo-caption{position:absolute;bottom:20px;left:20px;z-index:1;font:700 20px 'Manrope';letter-spacing:-.5px}.demo-actions{display:flex;justify-content:center;gap:33px;padding-top:22px}.demo-actions button{border:1px solid #344051;background:#222936;color:#f3f6fc;border-radius:50%;width:52px;height:52px;font-size:26px;position:relative;cursor:pointer;transition:transform .2s,background .2s}.demo-actions button:hover{transform:scale(1.1);background:#142e4d}.demo-actions button:disabled{opacity:.4;cursor:default}.demo-actions small{position:absolute;top:56px;left:0;right:0;font-size:10px;color:#b2bdcd;white-space:nowrap}.demo-actions button:first-child{color:#ff958f}.demo-actions button:last-child{color:#58ceff;background:#18334e;border-color:#58ceff70}.demo-status{margin-top:40px;font-size:10px;text-align:center;color:#b2bdcd;min-height:32px}#demo-stamp{display:none;position:absolute;top:25px;left:25px;border:2px solid currentColor;border-radius:7px;padding:4px 12px;transform:rotate(-12deg);font-size:24px;font-weight:700;z-index:2}.section-top{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:40px}.section-top>p{max-width:320px;margin-bottom:25px}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.tool-card{border:1px solid #34405190;border-radius:24px;background:radial-gradient(ellipse at 50% 20%,#142e4d,#161a22 65%);padding:27px;overflow:hidden;transition:border-color .3s,transform .3s}.tool-card:hover{transform:translateY(-6px);border-color:#58ceff70}.tool-number{font-size:9px;font-weight:600;letter-spacing:1.7px;color:var(--cyan)}.feature-art{height:210px;display:grid;place-items:center;margin-top:20px}.feature-art img{width:200px;height:200px;object-fit:contain;filter:drop-shadow(0 10px 25px #168bff20)}.tool-card h3{font-size:21px;line-height:1.35;letter-spacing:-.7px;margin:24px 0 14px}.tool-card p{font-size:12px;line-height:1.9;color:var(--muted)}.studio{padding-top:130px}.screen-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:50px;padding:35px 35px 0;background:radial-gradient(ellipse at 50% 50%,#142e4d70,transparent 70%);border-top:1px solid #34405180}.screen-gallery figure{margin:0;min-width:0}.screen-gallery figure:nth-child(2){padding-top:45px}.screen-frame{border:5px solid #222936;border-radius:28px;overflow:hidden;background:#0c0e13;box-shadow:0 20px 60px #0007,0 0 0 1px #74839960;aspect-ratio:720/1480}.screen-frame img{width:100%;height:100%;display:block;object-fit:cover}.screen-gallery figcaption{padding:25px 0 0}.screen-gallery figcaption>span{font-size:8px;color:var(--cyan);letter-spacing:1.4px}.screen-gallery h3{font-size:19px;letter-spacing:-.7px;margin:8px 0}.screen-gallery p{font-size:12px;color:var(--muted)}.capture-note{font-size:9px;color:#8592a6;margin-top:25px;text-align:center}.privacy{display:grid;grid-template-columns:270px 1fr;align-items:center;gap:65px;margin-top:130px;padding:65px 45px;border-block:1px solid #34405180;background:radial-gradient(ellipse at 0 50%,#142e4d60,transparent 65%)}.privacy-icon img{width:100%;max-height:250px;object-fit:contain;filter:drop-shadow(0 0 40px #168bff20)}.privacy h2{font-size:35px}.privacy p{max-width:610px;font-size:13px}.privacy .text-link{display:inline-block;margin-top:20px;color:var(--cyan);font-size:12px}.faq{display:grid;grid-template-columns:1fr 1.4fr;gap:80px;padding-block:110px}.faq h2{font-size:40px}.faq details{border-bottom:1px solid #34405190;padding:22px 0}.faq summary{display:flex;justify-content:space-between;align-items:center;gap:20px;cursor:pointer;font-size:14px;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary>span{font-size:22px;color:var(--cyan);transition:transform .2s}.faq details[open] summary>span{transform:rotate(45deg)}.faq details p{font-size:12px;color:var(--muted);padding:17px 20px 0 0;line-height:1.9}.final-cta{position:relative;isolation:isolate;overflow:hidden;text-align:center;border:1px solid #58ceff40;border-radius:30px;padding:75px 30px;background:radial-gradient(ellipse at 50% 110%,#168bff35,transparent 70%),#161a22}.final-cta h2{font-size:59px;margin-bottom:30px}.final-cta p{font-size:12px;color:var(--muted);margin-top:20px}.cta-logo{position:absolute;right:-75px;top:-50px;width:470px;opacity:.15;z-index:-1;transform:rotate(16deg);mask-image:radial-gradient(ellipse,#000,transparent 70%)}footer{display:flex;align-items:center;gap:25px;flex-wrap:wrap;padding:50px 0 30px;font-size:11px;color:#8592a6}footer .brand{font-size:24px;color:var(--text)}footer>div{margin-left:auto;display:flex;gap:23px}footer small{width:100%;font-size:9px;text-align:center;border-top:1px solid #34405180;padding-top:25px;margin-top:15px}.skip{position:absolute;top:-100px;left:20px;padding:10px;z-index:10;background:var(--blue)}.skip:focus{top:10px}.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}@keyframes float{50%{transform:translateY(-12px) rotate(8deg)}}
.download-page{min-height:100vh;display:flex;flex-direction:column}.download-main{flex:1;text-align:center;padding:85px 0}.download-main>img{width:95px;border-radius:26px;box-shadow:0 0 60px #168bff40}.download-main h1{font-size:55px;margin:28px auto}.download-main>p{max-width:460px;margin:auto;color:var(--muted);font-size:15px}.store-options{display:flex;justify-content:center;gap:18px;margin:35px 0 25px}.store-option{width:235px;display:flex;align-items:center;gap:17px;text-align:left;border:1px solid #344051;border-radius:18px;background:var(--surface);padding:23px}.store-option b{font-size:25px;color:var(--cyan)}.store-option strong{display:block;font-size:14px}.store-option small{font-size:10px;color:var(--muted)}.store-option.detected{border-color:var(--blue);box-shadow:0 0 40px #168bff25}.download-status{font-size:12px!important;padding-inline:15px}.download-main .text-link{display:inline-block;margin-top:30px;color:var(--cyan)}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}h1{font-size:65px}.hero-art{transform:scale(.86);transform-origin:center}.hero{gap:0;min-height:700px}.hero-actions{gap:20px}.experience{gap:65px}.tool-card{padding:22px}.tool-card h3{font-size:19px}.screen-gallery{gap:30px;padding-inline:20px}.privacy{gap:40px;grid-template-columns:220px 1fr;padding-inline:25px}.final-cta h2{font-size:52px}}
@media(max-width:800px){.nav{height:90px}.nav nav{gap:20px}.nav nav a{font-size:11px}.nav nav a:last-child{display:none}.hero{grid-template-columns:minmax(0,1fr);text-align:center;padding-top:65px;gap:10px}.hero-copy{max-width:600px;margin:auto}.hero h1{font-size:75px}.lead{margin:auto}.hero-actions,.hero-note{justify-content:center}.hero-art{width:540px;max-width:100%;margin:auto;transform:scale(.9);height:640px;margin-top:20px;margin-bottom:-35px}.hero-graphic{right:0}.principles{font-size:11px}.sparkle{display:none}.experience{gap:35px;padding-block:85px}.demo-panel{padding:18px}.demo-photo{height:290px}.steps p{font-size:10px}.tool-grid{gap:12px}.tool-card{padding:18px}.feature-art{height:150px}.feature-art img{width:145px;height:145px}.tool-card h3{font-size:17px}.tool-card p{font-size:11px}.section-top>p{max-width:250px;font-size:13px}.studio{padding-top:85px}.screen-gallery{gap:18px;padding-inline:0}.screen-frame{border-radius:20px;border-width:4px}.screen-gallery h3{font-size:16px}.screen-gallery p{font-size:11px}.privacy{margin-top:85px;grid-template-columns:150px 1fr;gap:25px}.privacy h2{font-size:28px}.faq{gap:35px;padding-block:80px}.faq h2{font-size:35px}.final-cta h2{font-size:45px}footer>span{display:none}}
@media(max-width:560px){.wrap{width:calc(100% - 40px)}.nav nav{display:none}.brand{font-size:26px}.hero{padding-block:48px 35px}.hero .eyebrow{font-size:8px;letter-spacing:1.5px}.hero h1{font-size:61px;letter-spacing:-3.4px}.lead{font-size:14px;line-height:1.85}.hero-actions{gap:22px;flex-wrap:wrap;margin-top:28px}.hero-note{font-size:9px;gap:6px}.hero-art{width:355px;max-width:100%;height:560px;transform:none;margin-bottom:0;margin-top:20px}.phone{width:245px;height:505px;top:35px;left:46%;padding:14px 11px;transform:translateX(-50%) rotate(-6deg)}.phone-top:after{left:77px}.main-photo{height:270px}.phone-controls>span{width:33px;height:33px}.phone-controls small{top:34px}.phone-caption{margin-top:7px}.hero-graphic{width:205px;right:-12px;top:0}.art-tag{font-size:6px;padding:8px 10px;left:-8px;top:0}.energy-ring{width:350px;height:430px}.ring-two{width:400px;height:520px}.floating-note{right:-3px;bottom:10px;font-size:10px;padding:12px 14px;gap:8px}.floating-note small{font-size:8px}.note-icon{width:28px;height:28px;font-size:20px}.art-caption{bottom:-18px;font-size:6px}.principles{gap:13px;padding:22px 0;flex-wrap:wrap;font-size:11px}.principles>span:last-child{width:100%}.principles b{margin-right:7px}h2{font-size:38px;letter-spacing:-1.9px}.eyebrow{font-size:8px;letter-spacing:1.5px}.experience{grid-template-columns:1fr;gap:35px;padding-block:75px}.section-copy>p{font-size:13px}.steps p{font-size:11px}.demo-panel{padding:22px;width:100%;margin:auto}.demo-photo{height:310px}.section-top{display:block;margin-bottom:30px}.section-top>p{max-width:100%;margin-top:20px}.tool-grid{grid-template-columns:1fr;gap:18px}.tool-card{padding:25px}.feature-art{height:195px}.feature-art img{width:195px;height:195px}.tool-card h3{font-size:24px;margin-top:20px}.tool-card p{font-size:13px}.studio{padding-top:75px}.screen-gallery{grid-template-columns:1fr;padding:30px 35px 0;gap:40px}.screen-gallery figure:nth-child(2){padding-top:0}.screen-frame{max-width:270px;margin:auto;border-radius:26px}.screen-gallery figcaption{text-align:center}.screen-gallery h3{font-size:23px}.screen-gallery p{font-size:12px}.capture-note{font-size:8px}.privacy{grid-template-columns:1fr;gap:20px;padding:35px 0;margin-top:70px}.privacy-icon{width:160px}.privacy h2{font-size:30px;letter-spacing:-1.2px}.privacy p{font-size:12px}.faq{grid-template-columns:1fr;gap:5px;padding-block:65px}.faq summary{font-size:13px}.final-cta{padding:48px 20px}.final-cta h2{font-size:36px;letter-spacing:-1.8px}.cta-logo{width:350px;right:-80px;top:5px}footer{padding-top:35px;justify-content:space-between}footer>div{gap:14px;font-size:10px}.download-main{padding:60px 0}.download-main h1{font-size:40px;letter-spacing:-2px}.download-main>p{font-size:13px}.store-options{flex-direction:column;align-items:center}.store-option{width:100%;max-width:330px}.download-page .nav .text-link{font-size:11px}}
@media(max-width:360px){.hero h1{font-size:53px}.hero-art{transform:scale(.92);transform-origin:center}.hero-note{font-size:8px}.screen-gallery{padding-inline:12px}.final-cta h2{font-size:31px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}}
/* Contain the decorative rings without changing the layout of the app preview. */
.hero-art{overflow:clip;overflow-clip-margin:22px}
@media(max-width:560px){.hero h1{font-size:clamp(39px,12vw,58px);letter-spacing:-2.7px}.hero-art{overflow-clip-margin:0}.art-caption{bottom:0}.floating-note{bottom:20px}.energy-ring{width:290px;height:340px}.ring-two{width:310px;height:390px}}