:root{color-scheme:dark;--bg:#080c15;--panel:#101725;--line:#ffffff12;--text:#f4f7fc;--muted:#9aa9bf;--blue:#78a8ff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--blue);outline-offset:6px}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.045em}p{line-height:1.75}a,button{-webkit-tap-highlight-color:transparent}.container{width:min(1240px,calc(100% - 64px));margin:auto}.header{border-bottom:1px solid var(--line);background:#080c15ed;position:sticky;top:0;z-index:10;backdrop-filter:blur(16px)}.navigation{height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;font-size:23px;font-weight:800;letter-spacing:-1px;white-space:nowrap}.brand img{object-fit:contain;margin-right:10px}.brand-dot{color:var(--blue)}.nav-links{display:flex;gap:32px;font-size:13px;color:var(--muted);font-weight:600}.nav-links a:hover,.text-link:hover,.footer a:hover{color:var(--blue)}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;min-height:54px;padding:16px 24px;border-radius:10px;font-weight:700;font-size:13px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:#8db5ff;color:#081327;box-shadow:0 6px 30px #4f83ff15}.button-primary:hover{background:#abc9ff}.button-outline{border:1px solid #ffffff20;background:#ffffff04}.button-small{min-height:42px;padding:11px 18px}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:60px;align-items:center;padding-top:96px;padding-bottom:86px;position:relative}.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 85% 45%,#1f45832a,transparent 65%)}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;color:var(--blue);display:flex;gap:9px;align-items:center;margin-bottom:25px}.status-dot{display:inline-block;width:6px;height:6px;flex-shrink:0;background:#8bc8ab;border-radius:50%}.hero h1{font-size:clamp(42px,4.4vw,65px);line-height:1.09;font-weight:800;letter-spacing:-3px}.gradient-text{background:linear-gradient(110deg,#a2c2ff,#7590ed);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-description{font-size:15px;max-width:470px;color:var(--muted);margin-top:26px}.actions{display:flex;align-items:center;gap:23px;margin-top:32px;flex-wrap:wrap}.text-link{font-size:12px;font-weight:700;display:flex;gap:12px}.hero-details{display:flex;flex-wrap:wrap;gap:18px;margin-top:24px;font-size:10px;color:var(--muted)}.hero-details span:before{content:"✓";margin-right:6px;color:var(--blue)}.product-credit{font-size:11px;color:#7d8da5;margin-top:32px}.product-credit strong{color:#c1cce0;margin-left:4px}.preview{border:1px solid #ffffff18;border-radius:18px;background:linear-gradient(140deg,#151f31,#0c1320);box-shadow:0 30px 70px #0004;overflow:hidden;min-width:0;transform:rotate(-1deg)}.preview-top{display:flex;align-items:center;gap:12px;padding:17px 19px;border-bottom:1px solid var(--line);color:#91a1b9;font-size:10px}.window-dots{display:inline-flex;gap:5px}.window-dots span{width:6px;height:6px;background:#526079;border-radius:50%}.preview-label{margin-left:auto;font-size:8px;letter-spacing:1.5px}.preview-content{padding:25px}.workspace-heading{display:flex;align-items:flex-start;gap:14px;justify-content:space-between;margin-bottom:24px}.small-label{font-size:8px;letter-spacing:1.2px;color:#8ea1bb;font-weight:700}.workspace-heading h2{font-size:18px;letter-spacing:-.6px;margin-top:7px}.live-label{font-size:8px;white-space:nowrap;display:flex;align-items:center;gap:5px;border:1px solid #8bc8ab24;border-radius:5px;padding:6px;color:#afd4c0}.workspace-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:22px;align-items:center}.phone{padding:15px 15px 10px;border:4px solid #344055;border-radius:29px;background:radial-gradient(ellipse at 50% 10%,#303765,#121b30 60%);text-align:center;box-shadow:0 16px 30px #0003;min-width:0}.phone-notch{width:65px;height:11px;background:#080c15;border-radius:15px;margin:-9px auto 20px}.phone-icon{width:48px;height:48px;border:1px solid #bacaff40;border-radius:15px;display:grid;place-items:center;margin:0 auto 16px;background:#a6b7ff15;font-size:29px;color:#b9c7ff}.phone h3{font-size:20px;line-height:1.25;margin:10px 0}.phone>p:not(.small-label){font-size:9px;color:#b6c1d6;line-height:1.7}.phone-benefits{display:grid;gap:9px;text-align:left;font-size:8px;color:#d1d9e9;padding:20px 0}.phone-cta{font-size:8px;font-weight:800;background:#adc2ff;color:#111b34;border-radius:8px;padding:12px 6px;display:flex;justify-content:space-between;gap:4px}.phone .phone-caption{font-size:7px!important;margin-top:8px;color:#8999b4!important}.config-panel{min-width:0}.config-item{border-bottom:1px solid var(--line);padding:17px 0;display:grid;gap:9px}.config-item code{font-size:10px;color:#b6ccff;overflow-wrap:anywhere}.config-item strong{font-size:11px;font-weight:600}.muted{font-size:9px;color:#8b9bb3;line-height:1.6}.language-tags{display:flex;gap:5px;flex-wrap:wrap}.language-tags span{font-size:8px;padding:5px 7px;background:#ffffff06;border:1px solid var(--line);border-radius:4px}.config-note{margin-top:19px;display:flex;gap:10px;color:var(--blue)}.config-note p{font-size:9px;color:#8b9bb3}.config-note strong{color:#c5d0e2;font-weight:500}.preview-bottom{border-top:1px solid var(--line);padding:13px 20px;display:flex;align-items:center;gap:8px;color:#94a6bf;font-size:9px}.platform-strip{border-block:1px solid var(--line);background:#ffffff02}.platform-strip .container{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:26px;flex-wrap:wrap}.platform-strip p{font-size:9px;color:#687993;letter-spacing:1.4px;font-weight:800}.platform-strip span{font-size:11px;font-weight:600;color:#b0bdd0}.section{padding-block:90px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:42px}h2{font-size:40px;line-height:1.2;font-weight:800}.section-heading .eyebrow{margin-bottom:15px}.section-heading>p{max-width:370px;font-size:13px;color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{padding:32px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(140deg,#131c2b,#0d1320);display:flex;align-items:flex-start;flex-direction:column}.feature-icon{height:42px;min-width:42px;padding:7px;border:1px solid #8ab4ff25;display:grid;place-items:center;color:#99baff;background:#7caaff0a;border-radius:10px;font-size:18px;margin-bottom:30px}.card-number{font-size:9px;letter-spacing:1.3px;color:#6c819f}.feature-card h3{font-size:21px;margin:12px 0}.feature-card p{color:var(--muted);font-size:12px;margin-bottom:26px}.feature-caption{border-top:1px solid var(--line);width:100%;padding-top:18px;font-size:10px;color:#bec9da;margin-top:auto}.workflow-section{border-block:1px solid var(--line);background:#0b101b}.workflow-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.section-description{font-size:13px;color:var(--muted);margin-top:18px}.steps{padding:0;margin:35px 0 0;list-style:none;display:grid;gap:25px}.steps li{display:flex;gap:20px}.steps li>span{display:grid;place-items:center;height:32px;width:32px;flex-shrink:0;border:1px solid #a2b8ff22;border-radius:8px;color:var(--blue);font-size:10px}.steps h3{font-size:15px;letter-spacing:-.3px}.steps p{font-size:12px;color:var(--muted);margin-top:6px;max-width:350px}.developer-card{background:#0b1220;border:1px solid #ffffff15;border-radius:15px;overflow:hidden;min-width:0;box-shadow:0 20px 60px #0002}.code-header{display:flex;gap:20px;align-items:center;border-bottom:1px solid var(--line);padding:20px;color:#8a9cb6;font-size:10px}.developer-card pre{font-size:11px;line-height:2;padding:26px;margin:0;overflow-x:auto;color:#d1dcf0}.code-comment{color:#788ca8}.code-purple{color:#b6a1f8}.code-green{color:#a5dac0}.developer-note{margin:0 25px 25px;border-top:1px solid var(--line);padding-top:22px;display:flex;gap:17px}.developer-note>span{color:var(--blue);font-size:25px}.developer-note strong{font-size:12px}.developer-note p{font-size:11px;color:var(--muted);margin-top:6px}.cta{border:1px solid #98b6ff22;border-radius:20px;text-align:center;padding:66px 24px;background:radial-gradient(ellipse at 50% 0,#28468460,transparent 75%),#0e1625}.cta .eyebrow{justify-content:center;margin-bottom:20px}.cta h2{font-size:48px}.cta>p:not(.eyebrow){font-size:14px;color:var(--muted);margin:20px 0 28px}.cta-credit{display:block;margin-top:20px;font-size:10px;color:#8195b6}.footer{padding-bottom:28px}.footer-top{display:flex;justify-content:space-between;gap:30px;padding-bottom:36px}.footer-top .brand{font-size:21px}.footer-top p{font-size:11px;color:#8091aa;margin-top:10px}.footer-company{text-align:right}.footer-company>span{font-size:8px;letter-spacing:2px;color:#7e90aa;display:block}.footer-company strong{font-size:25px;letter-spacing:-1px;display:block;margin-top:6px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:22px;font-size:10px;color:#7f90a9}.footer-bottom div{display:flex;gap:25px}.skip-link{position:fixed;top:-100px;left:16px;background:#fff;color:#000;padding:12px;z-index:30}.skip-link:focus{top:16px}@media(min-width:1500px){.hero h1{font-size:65px}}@media(max-width:1050px){.hero{gap:32px}.hero h1{font-size:48px}.preview-content{padding:18px}.workspace-heading{flex-direction:column;gap:10px}.workspace-grid{gap:15px}.phone h3{font-size:17px}.workflow-grid{gap:35px}.feature-card{padding:24px}.hero-details{gap:12px}}@media(max-width:800px){.container{width:calc(100% - 40px)}.navigation{height:74px}.nav-links{gap:16px;font-size:11px}.brand{font-size:19px}.brand img{width:32px;height:32px}.hero{grid-template-columns:1fr;padding-top:60px;padding-bottom:55px;gap:45px}.hero h1{font-size:clamp(42px,7.5vw,62px)}.hero-description{max-width:560px}.preview{max-width:530px;width:100%;margin:auto;transform:none}.workspace-heading{flex-direction:row}.preview-content{padding:25px}.phone h3{font-size:22px}.phone{padding:18px}.workspace-grid{gap:25px}.phone-benefits{font-size:10px}.phone-cta{font-size:10px}.phone>p:not(.small-label){font-size:11px}.config-item strong{font-size:13px}.config-item code{font-size:12px}.config-note p{font-size:11px}.platform-strip .container{justify-content:flex-start;gap:18px 26px}.platform-strip p{width:100%}.section{padding-block:60px}.section-heading{display:block}.section-heading>p{margin-top:20px;max-width:520px}.feature-grid{grid-template-columns:1fr}.feature-card{padding:28px}.feature-icon{margin-bottom:20px}.feature-card p{font-size:13px;max-width:550px}.workflow-grid{grid-template-columns:1fr;gap:35px}.developer-card pre{font-size:12px}.footer-bottom{flex-wrap:wrap}h2{font-size:34px}.cta h2{font-size:40px}}@media(max-width:480px){.container{width:calc(100% - 32px)}.nav-links{display:none}.button-small{padding:10px 13px;gap:12px}.hero h1{font-size:43px;letter-spacing:-2px}.eyebrow{font-size:8px;letter-spacing:1.4px}.hero-description{font-size:14px}.actions{gap:18px}.actions .button{width:100%}.hero-details{font-size:9px;gap:12px}.preview-content{padding:18px 12px}.workspace-heading h2{font-size:15px}.live-label{font-size:7px;padding:5px}.small-label{font-size:7px}.workspace-grid{gap:12px;grid-template-columns:1.3fr .9fr}.phone{padding:13px 10px 9px;border-width:3px;border-radius:23px}.phone h3{font-size:17px}.phone>p:not(.small-label){font-size:8px}.phone-benefits{font-size:7px;gap:8px;padding:15px 0}.phone-cta{font-size:7px;padding:10px 5px}.phone-icon{height:40px;width:40px;font-size:24px}.config-item strong{font-size:10px}.config-item code{font-size:9px}.config-note p{font-size:8px}.muted{font-size:8px}.config-item{padding:13px 0}.preview-top{gap:8px;font-size:9px;padding:14px}.platform-strip span{font-size:10px}.cta{padding:48px 18px}.footer-top{flex-direction:column;gap:25px}.footer-company{text-align:left}.footer-bottom div{gap:20px}.developer-card pre{font-size:10px;padding:20px}.section-heading{margin-bottom:30px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}
/* Expressive mobile paywall showcase. */
body{background:#090816;overflow-x:clip;--blue:#b6a4ff}.header{background:#090816df}.hero{grid-template-columns:.9fr 1.15fr;gap:28px;padding-top:70px;padding-bottom:75px;min-height:700px}.hero:before{inset:-80px -60px;background:radial-gradient(ellipse at 80% 40%,#922eff35,transparent 58%),radial-gradient(ellipse at 20% 80%,#2354f522,transparent 50%)}.hero h1{font-size:clamp(44px,4.6vw,66px);line-height:1.07}.gradient-text{background-image:linear-gradient(110deg,#a79aff 5%,#ec8fde 55%,#ffb381);background-size:180% 100%;animation:color-flow 9s ease infinite}.button-primary{background:linear-gradient(115deg,#a68aff,#dba5ff);box-shadow:0 8px 40px #ac65ff38;color:#170a30}.button-primary:hover{background:linear-gradient(115deg,#beaaff,#e6baff);box-shadow:0 10px 45px #ac65ff60}.hero .eyebrow{border:1px solid #c5a7ff30;background:#b677ff0d;border-radius:30px;padding:10px 13px;width:fit-content;font-size:9px;letter-spacing:1.4px}.paywall-stage{height:580px;position:relative;isolation:isolate;min-width:0}.paywall-stage:before{content:"";position:absolute;inset:70px -10px 10px;background:radial-gradient(ellipse,#995cff3a,transparent 67%);filter:blur(30px);z-index:-1}.stage-orbit{position:absolute;width:510px;height:510px;border:1px solid #c199ff17;border-radius:50%;left:50%;top:48%;transform:translate(-50%,-50%);z-index:-1}.orbit-two{width:390px;height:390px;border-style:dashed;animation:orbit-spin 70s linear infinite}.publish-hub{position:absolute;top:0;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:11px;padding:12px 16px;background:linear-gradient(120deg,#28203c,#15152a);border:1px solid #cda9ff40;border-radius:14px;box-shadow:0 0 40px #8e47ed26;white-space:nowrap;z-index:5}.publish-hub img{object-fit:contain}.publish-hub strong{font-size:13px;display:block}.publish-hub div>span{font-size:8px;display:block;color:#b5a6d1;margin-top:4px}.hub-signal{border:1px solid #c39eff50;border-radius:9px;background:#9b64ef2b;color:#d9bcff;padding:5px 9px;margin-left:12px}.delivery-lines{position:absolute;top:70px;left:16%;right:16%;height:75px;border-top:1px solid #bd9aff60;border-radius:25px}.delivery-lines:before{content:"";position:absolute;left:50%;height:28px;top:-28px;border-left:1px solid #bd9aff60}.delivery-lines span{position:absolute;height:60px;width:1px;top:0;background:linear-gradient(#b59affaa,#b59aff00)}.delivery-lines span:first-child{left:0}.delivery-lines span:nth-child(2){left:50%}.delivery-lines span:last-child{right:0}.delivery-lines span:after{content:"";position:absolute;width:5px;height:10px;border-radius:10px;background:#dfbaff;box-shadow:0 0 12px #b477ff;left:-2px;animation:deliver 3s ease-in-out infinite}.delivery-lines span:nth-child(2):after{animation-delay:.6s}.delivery-lines span:last-child:after{animation-delay:1.2s}.mobile-wall{position:absolute;width:218px;height:414px;border:5px solid #332b47;border-radius:31px;overflow:hidden;box-shadow:0 25px 55px #0008,inset 0 0 0 1px #ffffff30;top:128px;background:#151123;transform-origin:center;display:flex;flex-direction:column}.wall-fitness{left:0;transform:rotate(-12deg) scale(.89);top:125px;background:#10261e;z-index:1;animation:float-left 7s ease-in-out infinite}.wall-creative{left:50%;margin-left:-109px;z-index:3;border-color:#665278;background:linear-gradient(150deg,#342153,#171027 70%);top:103px;animation:float-center 6s ease-in-out infinite}.wall-mindful{right:0;transform:rotate(12deg) scale(.89);top:125px;background:#292035;z-index:2;animation:float-right 8s ease-in-out infinite}.mobile-island{width:65px;height:14px;background:#090812;border-radius:20px;position:absolute;top:7px;left:50%;transform:translateX(-50%);z-index:5}.app-category{font-size:7px;font-weight:800;letter-spacing:1.5px;text-align:center;margin-top:30px;color:#f2e8ffb0}.mobile-content{padding:0 15px 12px;position:relative;z-index:2;margin-top:auto}.wall-kicker{font-size:6px;letter-spacing:1px;font-weight:800;color:#c2a3ff}.mobile-content h3{font-size:22px;line-height:1.14;margin:8px 0;color:#fff}.mobile-content p{font-size:8px;color:#d0c3e0;line-height:1.6}.subscription{display:flex;align-items:center;justify-content:space-between;border:1px solid #c59bff60;border-radius:9px;padding:10px 9px;margin:15px 0 10px;background:#a36aff12}.subscription>span{font-size:7px;color:#e6d6f7}.subscription strong{display:block;font-size:12px;margin-top:4px}.subscription small{font-weight:400;font-size:7px}.subscription em{font-size:5px;letter-spacing:.5px;font-style:normal;font-weight:800;background:#cea5ff;color:#281140;padding:4px;border-radius:4px}.wall-button{padding:12px 9px;border-radius:9px;background:linear-gradient(115deg,#bc8cff,#efb6fa);color:#28143c;font-size:9px;font-weight:800;display:flex;justify-content:space-between}.wall-legal{text-align:center;font-size:5px;color:#b2a3bd;margin-top:9px}.creative-art{height:115px;position:relative;display:grid;place-items:center}.creative-art>span{font-size:60px;color:#ffe2ff;text-shadow:0 0 35px #ed9fff;position:relative;z-index:2}.glass-shape{position:absolute;height:81px;width:81px;border:1px solid #f0bfff80;border-radius:23px;background:linear-gradient(140deg,#c485ff70,#ca98ff0a);box-shadow:inset 0 0 20px #efbaff40,0 0 25px #be6cff30;transform:rotate(30deg);left:34px;top:12px}.shape-two{transform:rotate(-25deg);left:91px;top:25px;border-color:#ffa8db80;background:linear-gradient(140deg,#ff8ddc50,#ff8ddc05)}.fitness-art{height:115px;position:relative;display:grid;place-items:center;background:radial-gradient(ellipse,#77ff9e38,transparent 70%)}.fitness-art span{font-size:98px;font-weight:800;font-style:italic;line-height:1;color:#c0ff6b;filter:drop-shadow(0 0 20px #b8ff4760)}.fitness-art div{position:absolute;width:100px;height:100px;border:1px solid #b0ff5140;border-radius:50%;transform:rotateX(50deg)}.wall-fitness .wall-kicker{color:#baff86}.wall-fitness .subscription{border-color:#baff8650;background:#baff8610}.wall-fitness .subscription em,.wall-fitness .wall-button{background:#c0ff78;color:#102414}.mindful-art{height:115px;position:relative;background:radial-gradient(ellipse,#f2b67b25,transparent 70%)}.mindful-art span{position:absolute;width:86px;height:35px;border-radius:50%;left:50%;transform:translateX(-50%);background:linear-gradient(#d9a5ba,#805e91);box-shadow:0 12px 25px #0005;top:70px}.mindful-art span:nth-child(2){width:66px;top:46px;background:linear-gradient(#f4c7b4,#a87794)}.mindful-art span:nth-child(3){width:43px;top:24px;background:linear-gradient(#ffe4bf,#c59d9d)}.wall-mindful .wall-kicker{color:#ffd4b2}.wall-mindful .subscription{border-color:#ffcca74a;background:#ffcca710}.wall-mindful .subscription em,.wall-mindful .wall-button{background:#f8cdb0;color:#392131}.delivery-badge{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);z-index:6;display:flex;align-items:center;gap:10px;padding:13px 16px;border:1px solid #bd9bff40;background:#211a32ed;border-radius:30px;white-space:nowrap;font-size:10px;box-shadow:0 5px 30px #0004}.delivery-badge>span:last-child{color:#d4b5ff}.stage-caption{position:absolute;bottom:-9px;width:100%;text-align:center;color:#8d7ba7;font-size:8px}.platform-strip{background:linear-gradient(90deg,#9974ff0a,#ef95df08,#9974ff0a);border-color:#b48fff24}.feature-card{position:relative;background:linear-gradient(140deg,#201831,#101221);border-color:#c396ff20;transition:transform .25s,border-color .25s,box-shadow .25s}.feature-card:hover{transform:translateY(-7px);border-color:#c396ff70;box-shadow:0 18px 50px #8945e51a}.feature-card:nth-child(2){background:linear-gradient(140deg,#172440,#101221)}.feature-card:nth-child(3){background:linear-gradient(140deg,#2b1a31,#101221)}.feature-icon{background:linear-gradient(140deg,#b692ff30,#b692ff05);color:#d6baff;border-color:#c496ff50;box-shadow:0 0 25px #ac6dff18}.workflow-section{background:radial-gradient(ellipse at 85% 50%,#59368b1c,transparent 60%),#0e0b1c}.developer-card{border-color:#b492ff30;background:#110d20}.cta{background:radial-gradient(ellipse at 20% 10%,#8658d65c,transparent 65%),radial-gradient(ellipse at 90% 90%,#d5729c38,transparent 60%),#171026;border-color:#c19bff40;position:relative;overflow:hidden;box-shadow:0 0 80px #8145d512}.cta:before{content:"✦";position:absolute;right:7%;top:15%;font-size:130px;color:#d1adff14;transform:rotate(15deg)}.cta h2{background:linear-gradient(115deg,#fff,#e0b7ff);background-clip:text;-webkit-background-clip:text;color:transparent}.cta .button{position:relative}.footer-company strong{background:linear-gradient(90deg,#c5a6ff,#f6a7d7);background-clip:text;-webkit-background-clip:text;color:transparent}@keyframes float-center{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes float-left{0%,100%{transform:rotate(-12deg) scale(.89) translateY(0)}50%{transform:rotate(-10deg) scale(.89) translateY(-8px)}}@keyframes float-right{0%,100%{transform:rotate(12deg) scale(.89) translateY(0)}50%{transform:rotate(10deg) scale(.89) translateY(-12px)}}@keyframes deliver{0%{top:0;opacity:0}20%{opacity:1}100%{top:60px;opacity:0}}@keyframes orbit-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes color-flow{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}@media(max-width:1100px) and (min-width:801px){.paywall-stage{transform:scale(.85);transform-origin:center;width:118%;margin-left:-9%}.hero{gap:12px}.hero h1{font-size:48px}.hero .eyebrow{font-size:8px;letter-spacing:1px}}@media(max-width:800px){.hero{grid-template-columns:1fr;gap:40px;padding-top:50px;padding-bottom:50px;min-height:0}.hero h1{font-size:clamp(46px,8vw,65px)}.paywall-stage{width:min(580px,100%);margin:auto;height:580px}.hero-description{max-width:540px}.hero:before{inset:0 -15px}.stage-orbit{width:min(510px,100%);height:auto;aspect-ratio:1}.orbit-two{width:78%}}@media(max-width:540px){.paywall-stage{height:455px}.mobile-wall{width:180px;height:350px;border-width:4px;border-radius:26px}.wall-creative{margin-left:-90px;top:87px}.wall-fitness,.wall-mindful{top:104px;transform:rotate(-12deg) scale(.77)}.wall-mindful{transform:rotate(12deg) scale(.77)}.wall-fitness{left:-9px;animation:none}.wall-mindful{right:-9px;animation:none}.mobile-content{padding:0 11px 10px}.mobile-content h3{font-size:18px}.mobile-content p{font-size:7px}.app-category{font-size:6px;margin-top:26px}.creative-art,.fitness-art,.mindful-art{height:86px}.creative-art>span{font-size:47px}.glass-shape{width:63px;height:63px;left:25px;top:6px}.shape-two{left:74px;top:14px}.fitness-art span{font-size:78px}.mindful-art{transform:scale(.8)}.subscription{padding:8px 6px;margin:10px 0 8px}.subscription strong{font-size:11px}.wall-button{font-size:8px;padding:10px 7px}.delivery-badge{font-size:8px;gap:7px;padding:11px 12px;bottom:9px}.stage-caption{bottom:-15px;font-size:7px}.publish-hub{padding:9px 12px}.publish-hub strong{font-size:11px}.delivery-lines{top:63px;height:50px}.hero h1{font-size:45px}.hero .eyebrow{font-size:7px}.cta:before{font-size:80px;right:0}}@media(max-width:360px){.mobile-wall{width:166px}.wall-creative{margin-left:-83px}.wall-fitness{left:-20px}.wall-mindful{right:-20px}.hero h1{font-size:39px}.delivery-badge{font-size:7px}}@media(prefers-reduced-motion:reduce){.mobile-wall,.delivery-lines span:after,.orbit-two,.gradient-text{animation:none}.feature-card{transition:none}.feature-card:hover{transform:none}}

/* Seamless lighting and connected delivery paths. */
body{background:radial-gradient(ellipse 900px 620px at 76% 390px,#712abf20,transparent 75%),radial-gradient(ellipse 850px 700px at 23% 660px,#354ac615,transparent 75%),#090816}
.hero{isolation:isolate}
.hero:before{display:none}
.paywall-stage:before{inset:95px 0 45px;background:radial-gradient(ellipse at 50% 45%,#aa69ff22 0%,#aa69ff0c 38%,transparent 70%);filter:blur(22px);pointer-events:none}
.stage-orbit{display:none}
.delivery-network{position:absolute;left:0;top:57px;width:100%;height:156px;z-index:-1;overflow:hidden;pointer-events:none}
.network-pulses{filter:drop-shadow(0 0 3px #bf91ff)}
.publish-hub{background:linear-gradient(135deg,#252033,#171424);border-color:#c9a6ff30;box-shadow:0 8px 28px #0003,0 0 24px #a268e514}
.mobile-wall{box-shadow:0 22px 38px #0005,inset 0 0 0 1px #ffffff18;flex-shrink:0}
.wall-fitness{background:radial-gradient(ellipse at 45% 15%,#255a343b,transparent 65%),#10241c;border-color:#38493f;animation:none}
.wall-creative{background:radial-gradient(ellipse at 50% 20%,#824eb340,transparent 65%),linear-gradient(160deg,#2b1c40,#171122 75%);border-color:#625074;animation:none}
.wall-mindful{background:radial-gradient(ellipse at 50% 20%,#d899af20,transparent 65%),linear-gradient(155deg,#302638,#201a2b);border-color:#4c4058;animation:none}
.creative-art,.fitness-art,.mindful-art{flex:0 0 115px}
.fitness-art{background:radial-gradient(ellipse,#8ef37b1a,transparent 65%)}
.fitness-art span{filter:drop-shadow(0 0 12px #b8ff4733);color:#b8f76d}
.fitness-art div{border-color:#b0ff5120}
.creative-art>span{text-shadow:0 0 22px #ed9fff70}
.glass-shape{border-color:#f0bfff45;box-shadow:inset 0 0 16px #efbaff25,0 0 18px #be6cff18;background:linear-gradient(145deg,#c485ff60,#ca98ff0a)}
.shape-two{border-color:#ffa8db45;background:linear-gradient(145deg,#ff8ddc40,#ff8ddc05)}
.mindful-art{background:radial-gradient(ellipse,#f2b67b14,transparent 65%)}
.mindful-art span{box-shadow:0 6px 12px #0002}
.wall-fitness .wall-button{background:linear-gradient(110deg,#b4f46c,#cff799)}
.wall-mindful .wall-button{background:linear-gradient(110deg,#efc0a6,#f8d9c5)}
.wall-creative .wall-button{background:linear-gradient(110deg,#ba90f2,#e0aff5)}
.delivery-badge{background:#211a30f5;box-shadow:0 6px 20px #0003;border-color:#bd9bff30}
.gradient-text{background-image:linear-gradient(110deg,#ae9cff 0%,#cb9df0 48%,#efa0d9 100%);background-size:100% 100%;animation:none}
@media(max-width:540px){.delivery-network{top:53px;height:140px}.creative-art,.fitness-art,.mindful-art{flex-basis:86px}.wall-fitness{transform:rotate(-12deg) scale(.77)}.wall-mindful{transform:rotate(12deg) scale(.77)}}
@media(prefers-reduced-motion:reduce){.network-pulses{display:none}}