/* Creatimore · shipping CSS · no libraries, no fonts, no framework */
:root{color-scheme:light;--ink:#17151e;--muted:#565262;--subtle:#696477;--violet:#764cea;--violet-2:#946bff;--line:#e8e5ef;--canvas:#f9f8fe;--white:#fff;--shadow:0 22px 64px rgba(50,31,110,.10);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:106px}
body{margin:0;min-width:320px;color:var(--ink);background:var(--canvas)}
img{max-width:100%;height:auto;display:block}.shot-img{width:100%;height:auto;aspect-ratio:760/1651}a{color:inherit;text-decoration:none}button{font:inherit}svg{height:1.15em;width:1.15em;flex-shrink:0}p{line-height:1.62}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.058em}
:focus-visible{outline:3px solid #9066eb;outline-offset:4px}::selection{background:#d9cbff;color:#28144f}button,a{-webkit-tap-highlight-color:transparent}
[hidden]{display:none!important}.wrap{width:min(1160px,calc(100% - 52px));margin:0 auto}.skip{position:fixed;left:18px;top:-80px;z-index:500;padding:12px 18px;background:#fff;border:2px solid var(--violet);border-radius:14px}.skip:focus{top:12px}
.site-header{position:fixed;top:12px;left:0;right:0;z-index:100;pointer-events:none}.nav-glass{pointer-events:auto;display:flex;align-items:center;justify-content:space-between;gap:22px;width:min(1150px,calc(100% - 44px));min-height:66px;padding:8px 10px 8px 12px;margin:auto;border-radius:999px;background:rgba(255,255,255,.69);border:1px solid rgba(255,255,255,.92);outline:1px solid rgba(129,96,211,.09);box-shadow:0 10px 34px rgba(59,37,107,.11),inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(130,100,192,.07);-webkit-backdrop-filter:blur(26px) saturate(170%);backdrop-filter:blur(26px) saturate(170%);transition:box-shadow .25s ease,background .25s ease}.brand{display:inline-flex;align-items:center;gap:10px;min-width:max-content}.brand img{border-radius:11px;box-shadow:0 4px 12px rgba(110,72,200,.18)}.brand strong{font-size:16px;font-weight:800;letter-spacing:-.045em}.desktop-links{display:flex;gap:31px;font-size:13px;font-weight:630;color:#4d4858}.desktop-links a:hover{color:var(--violet)}.nav-end{display:flex;align-items:center;gap:10px}.lang{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:0 10px;border-radius:999px;color:#443951;font-size:12px;font-weight:720}.lang:hover{background:#f0ebfb}.flag{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;overflow:hidden;background:#fff;border:1px solid #eae5f1;font-size:19px}.nav-cta{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 20px;border-radius:999px;color:#fff;font-size:12px;font-weight:750;background:linear-gradient(120deg,#976aff,#6d42dd);border:1px solid rgba(255,255,255,.8);box-shadow:0 8px 20px rgba(109,69,220,.22),inset 0 1px 0 rgba(255,255,255,.37)}.nav-cta:hover{background:linear-gradient(120deg,#a277ff,#794be9)}
.hero{position:relative;overflow:clip;padding:172px 0 76px;isolation:isolate;background:radial-gradient(ellipse at 18% 19%,#f0eaff 0,transparent 36%),radial-gradient(ellipse at 92% 24%,#f3eafa 0,transparent 33%),linear-gradient(160deg,#fcfbff 0%,#f8f7fd 66%,#faf9fc 100%)}.orb{position:absolute;border-radius:50%;z-index:-1;pointer-events:none}.orb-one{width:500px;height:500px;right:-220px;top:35px;background:radial-gradient(circle,#ddd1ff 0,transparent 72%)}.orb-two{width:430px;height:430px;left:-240px;bottom:5px;background:radial-gradient(circle,#f8e8dd 0,transparent 75%)}
.hero-layout{display:grid;grid-template-columns:.92fr 1.08fr;gap:48px;align-items:center}.hero-content{position:relative;z-index:4;padding-bottom:38px}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#7041c5;font-size:13px;font-weight:740;letter-spacing:-.015em}.eyebrow-dot{width:8px;height:8px;border-radius:50%;background:var(--violet);box-shadow:0 0 0 5px #ebe4ff}.hero h1{font-size:clamp(52px,5.8vw,86px);line-height:1.06;font-weight:790;margin:26px 0 24px;letter-spacing:-.071em}.hero h1 em{font-style:normal;color:var(--violet)}.hero-desc{max-width:550px;color:#595461;font-size:18px;line-height:1.66;letter-spacing:-.014em}.hero-actions{display:flex;gap:13px;align-items:center;flex-wrap:wrap;margin:30px 0 22px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:56px;padding:0 24px;border-radius:999px;font-size:14px;font-weight:760;white-space:nowrap;transition:background .2s ease,box-shadow .2s ease,transform .2s ease}.button-primary{color:#fff;background:linear-gradient(125deg,#9467f9,#6c42d7);border:1px solid rgba(252,250,255,.95);box-shadow:0 14px 30px rgba(97,56,201,.23),inset 0 1px 0 rgba(255,255,255,.43),inset 0 -1px 0 rgba(75,43,159,.24);position:relative}.button-primary::before{content:"";position:absolute;inset:3px;border-radius:inherit;border:1px solid rgba(255,255,255,.22);pointer-events:none}.button-primary:hover{background:linear-gradient(125deg,#a175ff,#7950e7);box-shadow:0 18px 34px rgba(97,56,201,.28);transform:translateY(-2px)}.button-text{color:#4b415c;padding:0 12px}.button-text:hover{color:var(--violet)}.hero-notes{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.hero-meta{display:flex;align-items:center;gap:8px;color:#615970;font-size:12px;font-weight:610}.hero-meta svg{color:#5a9775}.hero-free{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 12px;border-radius:999px;background:rgba(255,255,255,.8);border:1px solid rgba(236,229,248,.98);box-shadow:0 10px 22px rgba(60,41,113,.05);color:#5e5371;font-size:11px;font-weight:690}.hero-free svg{color:#7a52ea}.hero-bottom{font-size:12px;text-align:center;max-width:90%;margin:2px auto 0;color:#756d7f;font-weight:630}
.hero-art{position:relative;min-height:650px;isolation:isolate}.art-surface{position:absolute;inset:48px 22px 58px;background:linear-gradient(150deg,rgba(255,255,255,.8),rgba(255,255,255,.39));border:1px solid #fff;border-radius:46px;box-shadow:0 26px 70px rgba(74,51,125,.07),inset 0 1px 0 #fff}.art-aura{position:absolute;inset:15% 4% 9%;background:radial-gradient(ellipse at 55% 48%,rgba(162,129,245,.20),transparent 65%);filter:blur(10px)}.float-shot{position:absolute;top:50%;left:50%;transform:translate(calc(-50% + var(--move-x,0px)),calc(-50% + var(--move-y,0px))) rotate(var(--angle,0deg));transition:transform .35s cubic-bezier(.18,.7,.25,1)}.float-shot img{border-radius:29px;box-shadow:0 25px 55px rgba(38,27,70,.19),0 0 0 1px rgba(255,255,255,.9);background:#fff;object-fit:cover}.float-main{width:316px;z-index:4;--angle:-1deg;left:53%;top:49%}.float-support{width:220px;z-index:2}.float-support.left{left:25%;top:61%;--angle:-5deg}.float-support.right{left:81%;top:37%;--angle:5deg;z-index:3}.art-caption{position:absolute;bottom:15px;left:16px;right:16px;text-align:center;color:#676172;font-size:11px;letter-spacing:.005em}
.workflow{background:#fff;padding:118px 0 128px}.section-intro{max-width:770px;margin:0 auto 58px;text-align:center}.section-kicker{display:block;color:#7546ce;text-transform:uppercase;font-size:11px;font-weight:820;letter-spacing:.13em;margin-bottom:18px}.section-intro h2,.audience h2,.quiet h2,.faq h2,.end-cta h2{font-size:clamp(39px,4.8vw,67px);line-height:1.07;font-weight:770;margin:0 0 21px}.section-intro p,.section-lead{color:var(--muted);font-size:17px;line-height:1.6}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.feature-card{position:relative;overflow:hidden;min-height:640px;border-radius:34px;display:flex;flex-direction:column;align-items:stretch;background:#f7f4ff;border:1px solid #eee9fa}.feature-collab{background:#f9f5f4;border-color:#f1e9e7}.feature-wide{grid-column:span 2;min-height:480px;display:grid;grid-template-columns:1fr 1fr;align-items:center;background:#f3f6f9;border-color:#e8ecf0}.feature-copy{padding:42px 46px 24px;position:relative;z-index:2}.feature-copy .step{display:block;color:#7751c5;font-size:12px;font-weight:760;margin-bottom:16px}.feature-copy h3{font-size:clamp(29px,3vw,41px);line-height:1.14;max-width:445px;margin:0 0 15px}.feature-copy p{font-size:14px;color:#5c5664;max-width:445px;margin:0}.feature-picture{width:min(66%,330px);margin:auto auto -400px;filter:drop-shadow(0 14px 28px rgba(48,38,75,.12))}.feature-picture img{border-radius:25px;box-shadow:0 16px 36px rgba(41,35,75,.12)}.feature-wide .feature-copy{padding:44px 54px}.double-pictures{height:480px;display:flex;align-items:flex-start;justify-content:center;gap:20px;overflow:hidden;padding-top:55px;padding-right:32px}.double-pictures img{width:48%;border-radius:24px;box-shadow:0 19px 44px rgba(30,38,51,.16)}.double-pictures img:nth-child(2){transform:translateY(58px)}
.audience{padding:118px 0;background:linear-gradient(180deg,#fbfaff 0%,#f7f5fb 100%)}.audience-wrap{display:grid;gap:42px}.audience-head{max-width:860px}.audience-head h2{max-width:920px}.audience-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:28px;align-items:stretch}.workspace-tabs{display:grid;gap:12px;align-content:start}.workspace-tabs button{width:100%;text-align:left;border:0;background:rgba(255,255,255,.62);min-height:64px;padding:0 20px;border-radius:18px;font-size:14px;font-weight:730;color:#625d6d;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(232,228,240,.95);transition:background .22s ease,color .22s ease,transform .22s ease,box-shadow .22s ease}.workspace-tabs button:hover{transform:translateY(-1px);box-shadow:inset 0 0 0 1px rgba(221,214,237,.95),0 8px 20px rgba(50,31,110,.06)}.workspace-tabs button[aria-selected="true"]{background:#fff;color:#1f1a28;box-shadow:0 14px 32px rgba(50,31,110,.07),inset 0 0 0 1px rgba(235,230,246,.96)}.workspace-stage{position:relative;overflow:hidden;min-height:420px;padding:42px 50px;border-radius:36px;background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(255,253,255,.96) 64%,rgba(249,245,241,.88));border:1px solid rgba(236,230,245,.95);box-shadow:0 22px 64px rgba(47,35,81,.06)}.workspace-copy{position:relative;z-index:2;max-width:420px;padding-right:18px}.detail-symbol{width:58px;height:58px;display:grid;place-items:center;background:#e8ddff;color:#7546cd;border-radius:18px;margin-bottom:28px;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}.detail-symbol svg{height:25px;width:25px}.workspace-stage h3{font-size:56px;line-height:.98;letter-spacing:-.072em;margin:0 0 18px;max-width:420px}.workspace-stage p{color:var(--muted);font-size:17px;line-height:1.58;max-width:430px;margin:0}.workspace-visual{position:absolute;inset:28px 26px 28px 48%;pointer-events:none}.mode-chip{position:absolute;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:54px;padding:0 22px;border-radius:20px;background:rgba(255,255,255,.72);box-shadow:0 18px 34px rgba(41,31,80,.04),inset 0 0 0 1px rgba(241,236,247,.95);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#b0a8bd;min-width:210px}.mode-chip b,.mode-chip strong{font-size:13px;letter-spacing:-.015em}.mode-chip strong{color:#c8b7ff}.chip-top{top:62px;left:6%;width:57%;transform:rotate(-2deg)}.chip-mid{top:146px;right:6%;width:46%;transform:rotate(2deg)}.chip-bottom{bottom:82px;left:17%;width:51%}.mode-chip.active{color:#2a2435;background:rgba(255,255,255,.9);box-shadow:0 18px 34px rgba(41,31,80,.08),inset 0 0 0 1px rgba(241,236,247,.98)}.mode-chip.active strong{color:#8f6df9}.chip-top.active{transform:rotate(-2deg) translateY(-2px)}.chip-mid.active{transform:rotate(2deg) translateY(-2px)}.chip-bottom.active{transform:translateY(-2px)}
.quiet{padding:118px 0;background:radial-gradient(ellipse at 100% 100%,#3b2957 0,transparent 45%),#1e1929;color:#fff}.quiet-inner{display:grid;grid-template-columns:1.18fr .82fr;gap:80px;align-items:center}.quiet h2{max-width:680px}.quiet p{font-size:16px;color:#d0cadb;max-width:620px}.quiet .section-kicker{color:#c7aaff}.quiet-list{margin:0;padding:0;list-style:none;display:grid;gap:15px}.quiet-list li{padding:20px 22px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.06);border-radius:19px;display:flex;gap:15px;align-items:center;font-size:14px;font-weight:620}.quiet-list svg{color:#cbb6ff}
.faq{background:#fff;padding:118px 0}.faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:90px}.faq-grid>div:first-child{position:sticky;top:120px;align-self:start}.faq-items{border-top:1px solid var(--line)}.faq-items details{border-bottom:1px solid var(--line)}.faq-items summary{display:flex;align-items:center;justify-content:space-between;gap:22px;list-style:none;cursor:pointer;padding:23px 0;font-size:15px;font-weight:720}.faq-items summary::-webkit-details-marker{display:none}.faq-items summary span{height:32px;width:32px;display:grid;place-items:center;border-radius:50%;background:#f2eff8;color:#754dcc;font-size:20px;font-weight:400;transition:transform .2s ease}.faq-items details[open] summary span{transform:rotate(45deg)}.faq-items details p{padding:0 52px 22px 0;font-size:14px;color:var(--muted);max-width:620px;margin:0}
.end-cta{padding:70px 0 110px;background:#fff}.cta-surface{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;gap:40px;min-height:485px;padding:60px 78px;background:radial-gradient(circle at 85% 12%,#e4d7ff 0,transparent 35%),linear-gradient(140deg,#f6f1ff,#fcfbff 60%,#f9f0ef);border:1px solid #eee8f6;border-radius:42px}.cta-text{position:relative;z-index:2;max-width:675px}.cta-text>img{border-radius:18px;margin-bottom:28px;box-shadow:0 12px 26px rgba(90,53,205,.2)}.cta-text h2{font-size:clamp(40px,4.8vw,64px)}.cta-text p{color:var(--muted);max-width:530px;font-size:16px}.cta-text .button{margin-top:14px}.store-state{display:block;color:#756a85;font-size:12px;margin-top:13px}.cta-qr{flex:0 0 205px;display:grid;justify-items:center;gap:14px;padding:20px;border-radius:25px;background:rgba(255,255,255,.8);border:1px solid #fff;box-shadow:0 16px 36px rgba(39,25,78,.09)}.cta-qr img{border-radius:8px}.cta-qr span{font-size:12px;color:#51465e;font-weight:740}
.site-footer{padding:20px 0 48px;background:#faf9fc}.footer-layout{border-top:1px solid var(--line);padding-top:30px;display:grid;grid-template-columns:1fr auto;gap:20px}.footer-brand{display:flex;align-items:center;gap:10px}.footer-brand img{border-radius:11px}.footer-brand>div{display:grid;gap:3px}.footer-brand strong{font-size:13px}.footer-brand small{color:#696376;font-size:11px}.site-footer nav{display:flex;gap:24px;align-items:center;color:#494452;font-size:13px;font-weight:620}.site-footer nav a:hover{color:var(--violet)}.site-footer p{grid-column:1/-1;font-size:11px;color:#6e6977;line-height:1.6;margin:0}
.legal-page{padding:96px 0;min-height:100svh}.legal-page>.brand{margin-bottom:45px}.legal-page article{max-width:740px}.legal-page h1{font-size:clamp(42px,5vw,60px)}.legal-page h2{font-size:24px;letter-spacing:-.035em;margin-top:33px}.legal-page p{color:var(--muted);font-size:16px}.legal-alert{border-left:4px solid #8055d9;background:#f0e9ff;color:#38235b!important;padding:17px 20px;border-radius:12px}.legal-return{margin-top:35px}.legal-return a{text-decoration:underline;text-underline-offset:5px}
.get-page{min-height:100svh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at top,#e5d7ff,var(--canvas) 68%)}.get-card{text-align:center;width:min(100%,480px);border:1px solid #fff;border-radius:34px;padding:50px 32px;background:rgba(255,255,255,.83);box-shadow:var(--shadow)}.get-card>img{margin:0 auto 23px;border-radius:20px}.get-card h1{font-size:40px;line-height:1.12}.get-card p{color:var(--muted);font-size:16px}.get-card .button{margin:16px auto}.get-back{display:block;font-size:13px;font-weight:720;color:var(--violet);margin-top:22px}
.reveal.is-pending{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s cubic-bezier(.22,.72,.22,1)}.reveal:not(.is-pending){opacity:1;transform:none;transition:opacity .65s ease,transform .65s cubic-bezier(.22,.72,.22,1)}
@media(max-width:1080px){.hero-layout{grid-template-columns:1fr;gap:15px;text-align:center}.hero{padding-top:135px}.hero-content{padding:0}.hero-desc{margin-inline:auto}.hero-actions,.hero-meta{justify-content:center}.hero-art{width:min(720px,100%);margin:auto}.audience-grid{gap:45px}.feature-wide .feature-copy{padding-right:20px}.float-main{width:315px}}
@media(max-width:800px){.wrap{width:min(100% - 36px,640px)}.desktop-links{display:none}.nav-glass{width:calc(100% - 28px);min-height:60px}.brand strong{font-size:14px}.hero{padding:123px 0 57px}.hero h1{font-size:clamp(48px,8.2vw,72px)}.hero-art{min-height:580px}.float-main{width:275px}.float-support{width:193px}.section-intro{text-align:left}.workflow,.audience,.quiet,.faq{padding:86px 0}.feature-card{min-height:570px}.feature-copy{padding:33px 27px 23px}.feature-picture{width:72%;margin-bottom:-380px}.feature-wide{grid-template-columns:1fr;min-height:670px}.double-pictures{height:410px;padding:0 30px}.double-pictures img{width:44%}.audience-grid,.quiet-inner,.faq-grid{grid-template-columns:1fr;gap:40px}.faq-grid>div:first-child{position:static}.cta-surface{padding:42px 45px}.cta-qr{flex-basis:180px}}
@media(max-width:560px){html{scroll-padding-top:76px}.wrap{width:calc(100% - 32px)}.site-header{top:max(8px,env(safe-area-inset-top))}.nav-glass{width:calc(100% - 20px);min-height:55px;padding:5px 6px 5px 9px;gap:3px}.brand{gap:7px}.brand img{width:31px;height:31px;border-radius:9px}.brand strong{font-size:12px}.nav-end{gap:3px}.lang{gap:3px;padding:0 5px;font-size:10px;min-height:40px}.flag{width:21px;height:21px;font-size:16px}.nav-cta{min-height:40px;padding:0 11px;font-size:10px}.hero{padding:107px 0 55px}.hero-layout{text-align:left;gap:13px}.eyebrow{font-size:11px}.hero h1{font-size:clamp(45px,12.2vw,62px);line-height:1.04;margin:21px 0}.hero-desc{font-size:15px;line-height:1.65}.hero-actions{gap:5px;margin:25px 0 13px}.hero-actions .button-primary{width:100%}.hero-actions .button-text{padding-left:0;min-height:45px}.hero-notes{gap:8px}.hero-meta{font-size:11px;justify-content:flex-start}.hero-free{font-size:10px;min-height:31px;padding:0 10px}.hero-art{min-height:460px;width:100%;margin-top:14px}.art-surface{inset:25px 0 34px;border-radius:30px}.float-main{width:211px;left:52%;top:47%}.float-support{width:144px}.float-support.left{left:19%;top:57%}.float-support.right{left:83%;top:38%}.float-shot img{border-radius:18px}.art-caption{font-size:10px;bottom:3px}.hero-bottom{font-size:11px}.workflow,.audience,.quiet,.faq{padding:72px 0}.section-intro{margin-bottom:35px}.section-intro h2,.audience h2,.quiet h2,.faq h2{font-size:clamp(36px,9.8vw,48px)}.section-intro p,.section-lead{font-size:15px}.feature-grid{grid-template-columns:1fr;gap:14px}.feature-card{min-height:510px;border-radius:26px}.feature-copy{padding:27px 25px 12px}.feature-copy h3{font-size:31px}.feature-copy p{font-size:13px}.feature-picture{width:55%;margin-bottom:-340px}.feature-wide{grid-column:auto;min-height:580px;display:block}.double-pictures{height:290px;padding:0 24px;gap:12px}.double-pictures img{width:44%}.audience-wrap,.quiet-inner,.faq-grid{gap:27px}.audience-grid{grid-template-columns:1fr;gap:18px}.workspace-tabs{gap:9px}.workspace-tabs button{min-height:52px;font-size:12px;padding:0 16px;border-radius:16px}.workspace-stage{min-height:420px;padding:30px 22px 24px;border-radius:28px}.workspace-stage h3{font-size:26px;max-width:240px}.workspace-stage p{font-size:14px;max-width:240px}.workspace-visual{inset:22px 14px 24px 45%}.mode-chip{min-height:42px;padding:0 14px;min-width:128px;border-radius:16px;gap:10px}.mode-chip b,.mode-chip strong{font-size:10px}.chip-top{top:22px;left:0;width:62%}.chip-mid{top:100px;right:0;width:56%}.chip-bottom{bottom:32px;left:12%;width:58%}.quiet-list li{padding:17px;font-size:13px}.faq-items summary{font-size:14px;padding:20px 0}.faq-items details p{padding-right:15px}.end-cta{padding:32px 0 77px}.cta-surface{min-height:auto;flex-direction:column;align-items:stretch;padding:33px 24px;border-radius:28px}.cta-text>img{width:60px;height:60px}.cta-text h2{font-size:40px}.cta-text .button{width:100%}.cta-qr{flex-basis:auto;width:100%;justify-self:center}.cta-qr img{width:135px;height:135px}.footer-layout{grid-template-columns:1fr}.site-footer nav{flex-wrap:wrap;gap:19px}.get-card h1{font-size:34px}}
@media(max-width:360px){.brand strong{font-size:11px}.nav-cta{padding:0 9px;font-size:9px}.lang{padding:0 3px}.hero h1{font-size:43px}.hero-art{min-height:425px}.float-main{width:192px}.float-support{width:132px}.art-caption{font-size:9px}.hero-meta{font-size:10px}.hero-free{font-size:9px;padding:0 9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.float-shot,.button,.nav-glass,.faq-items summary span,.js .reveal.is-visible{transition:none!important}.reveal{opacity:1!important;transform:none!important}}
@media(prefers-reduced-transparency:reduce){.nav-glass{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}.art-surface{background:#fff}}
@media(prefers-contrast:more){.nav-glass{border-color:#44335e}.hero-desc,.section-intro p,.feature-copy p{color:#29242f}.button-primary{background:#5b29bd;border:2px solid #fff}}
/* Beta is opt-in and never displays a fake success without a working API. */
.beta-block{padding:40px 0 115px;background:#fff}.beta-wrap{border:1px solid #eae4f5;border-radius:34px;padding:52px;background:#f6f2ff;display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:65px}.beta-wrap h2{font-size:clamp(35px,4vw,56px);line-height:1.08;margin-bottom:18px}.beta-wrap>div>p{color:var(--muted);font-size:16px}.beta-form{background:#fff;border:1px solid #eee8f8;border-radius:24px;padding:25px;box-shadow:0 18px 40px rgba(55,42,88,.07)}.beta-form fieldset{display:grid;gap:14px;margin:0;border:0;padding:0}.beta-form label{display:grid;gap:7px;font-size:13px;font-weight:690}.beta-form input:not([type=checkbox]),.beta-form select{height:49px;padding:0 14px;border:1px solid #d3cadf;border-radius:12px;background:#fff;color:#282333;font-size:15px}.beta-form input:focus,.beta-form select:focus{outline:3px solid #d0b9fa;outline-offset:2px}.beta-form .beta-consent{display:flex;align-items:start;gap:10px;font-size:12px;font-weight:500;color:var(--muted);line-height:1.6}.beta-form .beta-consent input{width:18px;height:18px;flex:0 0 18px}.beta-consent a{text-decoration:underline;text-underline-offset:3px}.beta-form button{width:100%}.beta-status{font-size:13px;color:#534665;margin:14px 0 0}.beta-status.error{color:#a02d46}.beta-status.success{color:#216649}
@media(max-width:800px){.beta-wrap{grid-template-columns:1fr;gap:20px;padding:35px 28px}}@media(max-width:560px){.beta-block{padding:25px 0 75px}.beta-wrap{padding:28px 20px;border-radius:25px}.beta-form{padding:18px}.beta-wrap h2{font-size:37px}}

/* Living Workspace · product-led hero + scroll storytelling */
.living-hero .art-surface{inset:35px 26px 45px;background:linear-gradient(145deg,rgba(252,250,255,.91),rgba(242,235,255,.55));border:1px solid rgba(255,255,255,.93);box-shadow:0 26px 76px rgba(83,56,145,.09),inset 0 1px 0 #fff}
.living-hero .art-aura{background:radial-gradient(ellipse at 52% 48%,rgba(154,112,249,.23),transparent 65%)}
.living-main{width:340px;left:50%;top:49%;--angle:-1deg;z-index:5}
.living-main img{border-radius:32px;box-shadow:0 34px 70px rgba(50,29,92,.23),0 0 0 1px rgba(255,255,255,.94)}
.living-stage{position:absolute;inset:0;pointer-events:none}
.living-card{position:absolute;display:grid;gap:9px;padding:11px;width:190px;border:1px solid rgba(245,241,252,.98);border-radius:20px;background:rgba(255,255,255,.82);box-shadow:0 21px 48px rgba(53,37,102,.11),inset 0 1px 0 rgba(255,255,255,.95);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:6;transform:translate(var(--move-x,0px),var(--move-y,0px));transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.living-card img{width:100%;height:auto;border-radius:14px;box-shadow:0 12px 26px rgba(53,34,102,.14),0 0 0 1px rgba(255,255,255,.92)}
.screen-card-head{display:flex;align-items:center;gap:8px}.screen-card-label{display:grid;gap:3px;padding:0 3px}
.living-card-left{left:0;top:30%}.living-card-right{right:0;top:58%}
.living-card strong{font-size:12px;color:#2c2441;white-space:nowrap}.living-card small{font-size:10px;color:#736b83;white-space:nowrap}.living-card-mark{width:24px;height:24px;display:grid;place-items:center;border-radius:8px;background:#eee8ff;color:#8254e6;font-size:13px}
.living-story{padding:126px 0 95px;background:linear-gradient(180deg,#fff 0%,#faf8ff 100%)}.living-story-intro{max-width:900px;text-align:center;margin:0 auto 70px}.living-story-intro h2{font-size:clamp(40px,5vw,72px);line-height:1.04;letter-spacing:-.064em;margin:0 0 21px}.living-story-intro p{font-size:17px;color:var(--muted)}.living-story-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:start}.living-steps{padding-bottom:13vh}.living-step{min-height:78vh;display:flex;flex-direction:column;justify-content:center;border-top:1px solid #eeeaf5;opacity:.48;transition:opacity .3s ease}.living-step.is-active{opacity:1}.living-step .step{font-size:12px;font-weight:800;color:#764cea;margin-bottom:19px}.living-step h3{font-size:clamp(33px,3.8vw,55px);line-height:1.07;margin:0 0 19px}.living-step p{font-size:16px;color:var(--muted);max-width:410px}.living-sticky{position:sticky;top:calc(50vh - 295px);height:625px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.living-screen-shell{height:580px;width:100%;position:relative;display:grid;place-items:center;overflow:hidden;border-radius:44px;background:linear-gradient(145deg,#eee8ff,#fff 55%,#f8eefa);border:1px solid #f1ebfc;box-shadow:0 28px 72px rgba(73,46,145,.09)}.living-story-aura{position:absolute;width:430px;height:430px;border-radius:50%;background:radial-gradient(circle,rgba(136,93,240,.24),transparent 70%)}.living-screen{position:absolute;width:255px!important;height:auto!important;max-height:540px;object-fit:contain;border-radius:26px;box-shadow:0 26px 55px rgba(45,26,86,.19);opacity:0;transform:translateY(20px) scale(.97);transition:opacity .5s ease,transform .65s cubic-bezier(.2,.8,.2,1);pointer-events:none}.living-screen.is-active{opacity:1;transform:none}.living-story-caption{font-size:10px;color:#81788e;text-align:center}.living-mobile-img{display:none}
@media(max-width:1080px){.living-main{width:315px}.living-card-left{left:9%}.living-card-right{right:8%}}
@media(max-width:800px){.living-story{padding:85px 0 70px}.living-story-intro{margin-bottom:45px;text-align:left}.living-story-grid{display:block}.living-sticky{display:none}.living-steps{padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.living-step{min-height:0;opacity:1;border:1px solid #eee7f8;background:#fff;border-radius:28px;padding:28px;justify-content:flex-start}.living-step h3{font-size:30px}.living-step p{font-size:14px}.living-mobile-img{display:block;width:min(220px,74%);height:auto;align-self:center;margin:18px auto 0;border-radius:20px;box-shadow:0 15px 32px rgba(48,30,91,.12)}}
@media(max-width:560px){.living-main{width:228px;left:50%}.living-card{width:122px;padding:8px;border-radius:15px;gap:6px}.living-card img{border-radius:11px}.screen-card-head{gap:6px}.living-card-mark{width:20px;height:20px;border-radius:6px;font-size:11px}.living-card strong{font-size:8px}.living-card small{font-size:7px}.living-card-left{left:0;top:34%}.living-card-right{right:0;top:64%}.living-story{padding:70px 0 58px}.living-story-intro h2{font-size:38px}.living-steps{grid-template-columns:1fr;gap:14px}.living-step{padding:27px 22px}.living-step h3{font-size:30px}.living-mobile-img{width:min(200px,66%)} .workspace-shot{width:132px}.workspace-shot img{border-radius:18px}}
@media(prefers-reduced-motion:reduce){.living-card,.living-screen,.living-step{transition:none!important}.living-step{opacity:1}}

/* Final premium pass. Fixed geometry prevents jumping when changing creator modes. */
:root{--premium-ease:cubic-bezier(.18,.76,.24,1);--premium-ring:#bca8f6}
.hero{background:radial-gradient(ellipse at 14% 16%,rgba(225,215,251,.65),transparent 38%),radial-gradient(ellipse at 93% 27%,rgba(240,219,244,.54),transparent 39%),linear-gradient(155deg,#fcfbff 0%,#f8f6fc 70%,#fbfafc 100%)}
.hero h1{letter-spacing:-.068em}
.hero-desc{color:#4f495b}
.nav-glass{background:rgba(255,255,255,.76);border-color:rgba(255,255,255,.96);box-shadow:0 14px 42px rgba(63,39,114,.105),inset 0 1px 0 rgba(255,255,255,.96),inset 0 -1px 0 rgba(138,106,194,.08)}
.nav-cta,.button-primary{background:linear-gradient(120deg,#9d75fc,#7547e4 88%);box-shadow:0 10px 24px rgba(110,70,210,.20),inset 0 1px 0 rgba(255,255,255,.55),inset 0 -1px 0 rgba(86,43,170,.17)}
.nav-cta:hover,.button-primary:hover{background:linear-gradient(120deg,#ac86ff,#8154ec);box-shadow:0 15px 28px rgba(110,70,210,.25)}
.button,.nav-cta,.workspace-tabs button{transition-duration:.22s;transition-timing-function:var(--premium-ease)}
.hero-free{color:#59436c;background:#fff;border:1px solid #e9defa;box-shadow:0 5px 16px rgba(54,27,109,.045)}
.feature-card{transition:box-shadow .28s var(--premium-ease),border-color .28s var(--premium-ease);isolation:isolate}
.feature-card::before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent);pointer-events:none;z-index:3}
.feature-picture img,.double-pictures img{box-shadow:0 22px 45px rgba(47,34,87,.12)}
.feature-card:hover{box-shadow:0 25px 50px rgba(51,36,99,.065);border-color:#e6ddf7}
.living-story{padding-top:110px}
.living-step{min-height:70vh;opacity:.77;transition:opacity .26s var(--premium-ease);border-color:#e6e0f1}
.living-step.is-active{opacity:1}
.living-screen{transition:opacity .42s ease,transform .6s var(--premium-ease)}
.living-screen-shell{box-shadow:0 28px 70px rgba(70,42,139,.08),inset 0 1px 0 rgba(255,255,255,.95)}
.audience{background:linear-gradient(165deg,#f8f5fd 0%,#fbf9ff 66%,#faf7f9 100%)}
.audience-grid{grid-template-columns:minmax(220px,275px) minmax(0,1fr);gap:26px}
.workspace-tabs button{min-height:62px;background:rgba(255,255,255,.75);border:1px solid #eee8f6;box-shadow:0 4px 18px rgba(65,45,100,.025)}
.workspace-tabs button[aria-selected="true"]{color:#241b33;border-color:#eee5f9;box-shadow:0 16px 36px rgba(50,31,110,.08),inset 0 1px 0 #fff}
.workspace-stage{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:6px;min-height:465px;align-items:center;padding:44px 40px 44px 43px;background:linear-gradient(140deg,rgba(255,255,255,.93) 0%,#fff 62%,#fcf9fd 100%);border:1px solid #eee6f7;box-shadow:0 27px 74px rgba(57,35,108,.07),inset 0 1px 0 #fff}
.workspace-copy{max-width:none;min-width:0;padding:0 7px 0 0}
.workspace-stage h3{font-size:clamp(34px,3.8vw,53px);line-height:1.02;max-width:380px;overflow-wrap:normal}
.workspace-stage p{font-size:15px;line-height:1.62;max-width:360px;min-height:100px}
.workspace-visual{position:relative;inset:auto;width:100%;height:325px;min-height:325px;align-self:center}.workspace-shot{position:absolute;left:50%;top:50%;width:170px;transform:translate(-50%,-50%) rotate(-2deg);z-index:1}.workspace-shot img{width:100%;height:auto;border-radius:22px;box-shadow:0 24px 44px rgba(48,30,92,.14),0 0 0 1px rgba(255,255,255,.92)}
.mode-chip{position:absolute;z-index:2;min-width:0;max-width:100%;width:75%;gap:9px;min-height:56px;padding:0 15px;box-shadow:0 15px 35px rgba(43,28,83,.045),inset 0 0 0 1px rgba(236,229,246,.9);transition:box-shadow .24s var(--premium-ease),background .24s var(--premium-ease),color .24s var(--premium-ease)}
.mode-chip b,.mode-chip strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mode-chip strong{flex-shrink:0}
.chip-top{top:34px;left:0;width:86%}.chip-mid{top:135px;right:0;width:79%}.chip-bottom{bottom:38px;left:10%;width:83%}
.mode-chip.active{box-shadow:0 18px 36px rgba(65,42,119,.09),inset 0 0 0 1px rgba(227,216,244,.97)}
.faq-items summary:hover{color:#6543c2}
.faq-items summary:focus-visible,.workspace-tabs button:focus-visible{outline:3px solid var(--premium-ring);outline-offset:3px}
.site-footer{background:#faf9fe}
@media(max-width:1080px){.audience-grid{grid-template-columns:235px minmax(0,1fr)}.workspace-stage{padding:36px 25px;min-height:430px}.workspace-stage h3{font-size:clamp(32px,4.4vw,45px)}.workspace-stage p{font-size:14px}.mode-chip{padding:0 12px;min-height:51px}.mode-chip b,.mode-chip strong{font-size:10px}}
@media(max-width:800px){.living-step{min-height:0;opacity:1}.audience-grid{grid-template-columns:1fr}.workspace-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.workspace-tabs button{padding:10px 8px;min-height:50px;text-align:center;font-size:12px}.workspace-stage{min-height:0;grid-template-columns:1fr;padding:30px 28px;gap:12px}.workspace-copy{min-height:218px;padding:0}.workspace-stage h3{font-size:clamp(34px,6vw,46px);max-width:420px}.workspace-stage p{min-height:0;max-width:480px;font-size:15px}.workspace-visual{max-width:440px;width:100%;height:220px;min-height:220px;margin:auto}.workspace-shot{width:150px}.mode-chip{min-height:49px;max-width:85%;padding:0 15px}.mode-chip b,.mode-chip strong{font-size:11px}.chip-top{top:0;left:2%;width:66%}.chip-mid{top:72px;right:1%;width:65%}.chip-bottom{bottom:0;left:12%;width:67%}}
@media(max-width:560px){.hero{padding-top:113px}.hero-art{margin-top:19px}.hero-desc{font-size:15px;line-height:1.65}.hero-notes{margin-top:1px}.living-story{padding-top:74px}.living-steps{gap:14px}.living-step{min-height:0}.workspace-tabs{gap:6px}.workspace-tabs button{font-size:11px;padding:8px 5px}.workspace-stage{padding:27px 21px;gap:9px}.workspace-copy{min-height:248px}.workspace-stage h3{font-size:clamp(31px,9vw,42px);max-width:100%}.workspace-stage p{font-size:14px;line-height:1.55;max-width:100%}.detail-symbol{width:48px;height:48px;border-radius:15px;margin-bottom:18px}.mode-chip{min-height:46px;border-radius:15px;padding:0 12px}.mode-chip b,.mode-chip strong{font-size:10px}.workspace-visual{height:182px;min-height:182px}.chip-mid{top:60px}.hero-free{font-size:11px}.faq-items summary{min-height:60px}}
@media(max-width:360px){.workspace-tabs button{font-size:10px}.workspace-stage{padding:24px 16px}.workspace-copy{min-height:280px}.workspace-stage h3{font-size:31px}.mode-chip b,.mode-chip strong{font-size:9px}.mode-chip{padding:0 9px}}
@media(hover:none){.feature-card:hover{box-shadow:none;border-color:inherit}.button-primary:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.mode-chip,.workspace-tabs button,.living-screen,.living-step,.feature-card{transition:none!important}}
@media(prefers-reduced-transparency:reduce){.nav-glass,.living-card{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(prefers-contrast:more){.mode-chip{color:#52455e;background:#fff}.mode-chip strong{color:#6541b0}.hero-free{color:#432572}.living-step{opacity:1}}
@media(min-width:561px) and (max-width:800px){.workspace-copy{min-height:280px}}

/* Motion revision: deliberate, quiet product motion. Does not affect layout geometry. */
@keyframes cm-screen-breathe{
  0%,100%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(0,-9px,0)}
}
@keyframes cm-card-mark{
  0%,100%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(0,-3px,0)}
}
@keyframes cm-ambient{
  0%,100%{transform:translate3d(0,0,0) scale(1);opacity:.74}
  50%{transform:translate3d(0,-13px,0) scale(1.035);opacity:1}
}
@media (prefers-reduced-motion:no-preference){
  .living-hero .living-main img{animation:cm-screen-breathe 8.5s ease-in-out infinite;will-change:transform}
  .living-hero .living-card-left .living-card-mark{animation:cm-card-mark 7.8s ease-in-out -1.5s infinite}
  .living-hero .living-card-right .living-card-mark{animation:cm-card-mark 9.2s ease-in-out -3s infinite}
  .living-hero .art-aura{animation:cm-ambient 12s ease-in-out infinite;will-change:transform}
  .living-story-aura{animation:cm-ambient 13.5s ease-in-out -2s infinite}
  .living-screen{transition:opacity .68s cubic-bezier(.22,.75,.25,1),transform .82s cubic-bezier(.18,.78,.24,1);transform:translate3d(0,24px,0) scale(.966)}
  .living-screen.is-active{transform:translate3d(0,0,0) scale(1)}
  .living-step{transition:opacity .55s cubic-bezier(.2,.7,.25,1)}
  .living-hero.motion-paused .living-main img,
  .living-hero.motion-paused .living-card-mark,
  .living-hero.motion-paused .art-aura,
  .living-story.motion-paused .living-story-aura{animation-play-state:paused}
}
@media(max-width:800px) and (prefers-reduced-motion:no-preference){
  .living-hero .living-main img{animation-duration:12s;animation-timing-function:ease-in-out}
  .living-story-aura{animation:none}
}
@media(prefers-reduced-motion:reduce){
  .living-hero .living-main img,.living-hero .living-card-mark,.living-hero .art-aura,.living-story-aura{animation:none!important;will-change:auto}
  .living-screen,.living-step{transition:none!important}
}

.legal-extras{display:flex;gap:14px;align-items:center;justify-content:center;flex-wrap:wrap;padding:18px 16px;font-size:12px;color:#61566e}.legal-extras button{background:none;border:0;padding:6px;color:#6940d6;text-decoration:underline;cursor:pointer}.beta-legal-note{max-width:560px;color:#625b70;font-size:13px;line-height:1.6}.beta-legal-note a{text-decoration:underline}

/* Legal pages */
body{background:#faf9fd}.legal-page{max-width:920px;padding:112px 24px 80px}.legal-page .brand{margin-bottom:42px}.legal-page article{background:#fff;border:1px solid #eee8f6;box-shadow:0 15px 50px rgba(49,32,91,.05);border-radius:30px;padding:clamp(24px,5vw,58px)}.legal-page h1{font-size:clamp(36px,5vw,54px);line-height:1.1}.legal-page h2{font-size:24px;margin:32px 0 10px;letter-spacing:-.035em}.legal-page p,.legal-page li{color:#504b59;line-height:1.75}.legal-page a:not(.brand){color:#6940d6;text-decoration:underline;text-underline-offset:3px}.legal-page ul{padding-left:23px}.legal-note{background:#f7f3ff;border-radius:15px;padding:16px 20px}.legal-footer{margin-top:35px;display:flex;gap:18px;flex-wrap:wrap}

.beta-form textarea{min-height:132px;resize:vertical}
.beta-form .field-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.beta-form input,.beta-form select,.beta-form textarea{width:100%;margin-top:8px;padding:15px 16px;border-radius:18px;border:1px solid rgba(216,208,233,.95);background:rgba(255,255,255,.9);font:inherit;color:var(--ink);box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
.beta-form label{display:grid;color:#4f4960;font-weight:600;letter-spacing:-.01em}
.beta-form .button{margin-top:6px}
.beta-help{font-size:13px;color:var(--muted)}

@media(max-width:880px){.beta-form .field-grid{grid-template-columns:1fr}}

/* Production accessibility & screenshot composition fixes */
[hidden]{display:none!important}
.noscript-beta-note{max-width:800px;margin:0 auto;padding:22px;text-align:center;color:#57446a}
.living-card-left img[src$="publications-art.webp"]{aspect-ratio:1122/1402}


/* Keep creator-mode images within the fixed stage, avoiding layout shifts on switch. */
.workspace-shot{overflow:hidden;max-height:100%;border-radius:22px}.workspace-shot img{width:100%;height:auto;display:block}

/* Floating navigation must not cover anchored sections. */
#workflow,#modes,#faq,#beta,#download{scroll-margin-top:110px}

/* English-only marketing mockups: retain genuine application screens separately. */
.hero-product-visual{display:flex;align-items:center;justify-content:center;min-width:0;overflow:visible;isolation:isolate}
.hero-product-visual::before{content:"";position:absolute;z-index:-1;inset:9% 6%;border-radius:50%;background:radial-gradient(ellipse,rgba(153,117,241,.12),transparent 69%);filter:blur(28px)}
.hero-product-visual .hero-marketing-image{display:block;width:min(116%,760px);height:auto;max-width:none;mix-blend-mode:multiply;filter:drop-shadow(0 24px 28px rgba(52,33,91,.08));transform:translateZ(0)}
@media(max-width:800px){.hero-product-visual .hero-marketing-image{width:100%;max-width:690px}}
@media(max-width:560px){.hero-product-visual .hero-marketing-image{width:110%;margin-inline:-5%}}
@media(prefers-reduced-motion:reduce){.hero-product-visual .hero-marketing-image{transform:none;transition:none}}


.hero-product-visual[data-parallax]{position:relative;min-height:560px}
.hero-product-visual .hero-marketing-image{display:none}
.hero-product-main,.hero-product-float{position:absolute;will-change:transform;transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.hero-product-main{inset:2% -2% auto -2%;transform:translate(var(--move-x,0),var(--move-y,0))}
.hero-product-main img{display:block;width:min(116%,760px);height:auto;max-width:none;mix-blend-mode:multiply;filter:drop-shadow(0 28px 38px rgba(52,33,91,.10));transform:translateZ(0)}
.hero-product-float img{display:block;width:100%;height:auto;border-radius:28px;box-shadow:0 20px 44px rgba(52,33,91,.11);background:rgba(255,255,255,.72);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.hero-product-float{width:min(34%,205px);transform:translate(var(--move-x,0),var(--move-y,0)) rotate(var(--angle,0deg))}
.hero-float-plan{top:6%;left:-1%}
.hero-float-collabs{right:-1%;bottom:8%}
.hero-visual-chip{position:absolute;display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 12px;border-radius:999px;background:rgba(255,255,255,.84);border:1px solid rgba(240,234,249,.96);box-shadow:0 12px 28px rgba(66,46,122,.08);color:#5c536f;font-size:12px;font-weight:700;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:3;transform:translate(var(--move-x,0),var(--move-y,0));transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.hero-visual-chip strong{color:#2c2441;font-weight:760}
.hero-chip-top{top:10%;right:12%}
.hero-chip-bottom{bottom:12%;left:10%}

.living-step .living-mobile-img.product-story-mobile{width:min(280px,84%);border-radius:22px;box-shadow:0 18px 36px rgba(48,30,91,.12);background:radial-gradient(circle at 50% 35%, rgba(255,255,255,.96), rgba(249,245,255,.52) 58%, rgba(248,244,255,0) 78%);padding:4px}
.living-screen-shell[data-parallax]{overflow:hidden;isolation:isolate}
.living-screen-shell[data-parallax]::after{content:"";position:absolute;inset:auto 15% 10%;height:34%;border-radius:999px;background:radial-gradient(circle, rgba(127,95,235,.10), rgba(127,95,235,0) 72%);filter:blur(26px);pointer-events:none}
.living-screen.living-visual{position:absolute;inset:0;display:grid;place-items:center;width:auto!important;max-height:none!important;height:auto!important;opacity:0;transform:none;transition:opacity .45s ease;pointer-events:none}
.living-screen.living-visual.is-active{opacity:1}
.living-visual-main,.living-visual-float,.living-visual-chip{position:absolute;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.living-visual-main{width:min(72%,420px);z-index:2;transform:translate(var(--move-x,0),var(--move-y,0)) rotate(var(--angle,-2deg))}
.living-visual-main img{display:block;width:100%;height:auto;border-radius:28px;filter:drop-shadow(0 26px 50px rgba(45,26,86,.18));background:radial-gradient(circle at 50% 35%, rgba(255,255,255,.96), rgba(249,245,255,.52) 58%, rgba(248,244,255,0) 78%);padding:4px}
.living-visual-float{width:min(32%,170px);z-index:3;transform:translate(var(--move-x,0),var(--move-y,0)) rotate(var(--angle,6deg))}
.living-visual-float img{display:block;width:100%;height:auto;border-radius:22px;box-shadow:0 18px 34px rgba(45,26,86,.14);background:rgba(255,255,255,.72);padding:4px}
.living-float-a{top:8%;left:7%}
.living-float-b{right:8%;bottom:10%}
.living-visual-chip{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 12px;border-radius:999px;background:rgba(255,255,255,.82);border:1px solid rgba(240,234,249,.96);box-shadow:0 12px 28px rgba(66,46,122,.08);color:#5c536f;font-size:12px;font-weight:700;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:4;transform:translate(var(--move-x,0),var(--move-y,0))}
.living-visual-chip strong{color:#2c2441;font-weight:760}
.living-chip-top{top:10%;right:7%}
.living-chip-bottom{bottom:11%;left:8%}
@media(max-width:800px){.hero-product-visual[data-parallax]{min-height:0}.hero-product-main,.hero-product-float,.hero-visual-chip{position:relative;inset:auto;left:auto;right:auto;top:auto;bottom:auto;transform:none!important}.hero-product-main img{width:100%;max-width:690px;margin:0 auto}.hero-product-float,.hero-visual-chip{display:none}.living-step .living-mobile-img.product-story-mobile{display:block}.living-screen.living-visual,.living-visual-main,.living-visual-float,.living-visual-chip{transition:none}}
@media(max-width:560px){.living-step .living-mobile-img.product-story-mobile{width:min(230px,74%)}}
@media(prefers-reduced-motion:reduce){.hero-product-main,.hero-product-float,.hero-visual-chip,.living-visual-main,.living-visual-float,.living-visual-chip{transform:none!important;transition:none!important}}


/* Scroll explode-reveal for premium product graphics */
[data-explode] .hero-product-main,
[data-explode] .hero-product-float,
[data-explode] .hero-visual-chip,
[data-explode] .living-visual-main,
[data-explode] .living-visual-float,
[data-explode] .living-visual-chip,
[data-explode] .workspace-shot,
[data-explode] .mode-chip {
  --explode-x: 0px;
  --explode-y: 0px;
  --explode-rotate: 0deg;
  --explode-scale: 1;
  --explode-blur: 0px;
  --explode-opacity: 1;
  opacity: var(--explode-opacity);
  filter: blur(var(--explode-blur));
  will-change: transform, opacity, filter;
  transition:
    transform .9s cubic-bezier(.18,.84,.18,1),
    opacity .7s cubic-bezier(.22,.84,.26,1),
    filter .8s cubic-bezier(.22,.84,.26,1);
}
.hero-product-main,
.hero-product-float,
.hero-visual-chip,
.living-visual-main,
.living-visual-float,
.living-visual-chip,
.workspace-shot,
.mode-chip {
  transition-property: transform, opacity, filter, box-shadow;
}
.hero-product-main{
  transform:translate(calc(var(--move-x,0px) + var(--explode-x,0px)),calc(var(--move-y,0px) + var(--explode-y,0px))) rotate(calc(var(--angle,0deg) + var(--explode-rotate,0deg))) scale(var(--explode-scale,1));
}
.hero-product-float,
.hero-visual-chip,
.living-visual-main,
.living-visual-float,
.living-visual-chip,
.workspace-shot,
.mode-chip{
  transform:translate(calc(var(--move-x,0px) + var(--explode-x,0px)),calc(var(--move-y,0px) + var(--explode-y,0px))) rotate(calc(var(--angle,0deg) + var(--explode-rotate,0deg))) scale(var(--explode-scale,1));
}
.living-visual-main{transform:translate(calc(var(--move-x,0px) + var(--explode-x,0px)),calc(var(--move-y,0px) + var(--explode-y,0px))) rotate(calc(var(--angle,-2deg) + var(--explode-rotate,0deg))) scale(var(--explode-scale,1));}
.living-visual-float{transform:translate(calc(var(--move-x,0px) + var(--explode-x,0px)),calc(var(--move-y,0px) + var(--explode-y,0px))) rotate(calc(var(--angle,6deg) + var(--explode-rotate,0deg))) scale(var(--explode-scale,1));}

[data-explode].explode-ready .hero-product-main,
[data-explode].explode-ready .hero-product-float,
[data-explode].explode-ready .hero-visual-chip,
[data-explode].explode-ready .living-visual-main,
[data-explode].explode-ready .living-visual-float,
[data-explode].explode-ready .living-visual-chip,
[data-explode].explode-ready .workspace-shot,
[data-explode].explode-ready .mode-chip {
  --explode-opacity: 0;
  --explode-blur: 8px;
}
[data-explode].explode-ready .hero-product-main { --explode-x: 0px; --explode-y: 38px; --explode-scale: .97; }
[data-explode].explode-ready .hero-float-plan { --explode-x: -48px; --explode-y: -28px; --explode-rotate: -8deg; --explode-scale: .92; transition-delay: .06s; }
[data-explode].explode-ready .hero-float-collabs { --explode-x: 52px; --explode-y: 22px; --explode-rotate: 10deg; --explode-scale: .92; transition-delay: .13s; }
[data-explode].explode-ready .hero-chip-top { --explode-x: 22px; --explode-y: -18px; --explode-rotate: 4deg; --explode-scale: .96; transition-delay: .18s; }
[data-explode].explode-ready .hero-chip-bottom { --explode-x: -22px; --explode-y: 18px; --explode-rotate: -3deg; --explode-scale: .96; transition-delay: .24s; }

[data-explode].explode-ready .living-visual-main { --explode-y: 36px; --explode-scale: .97; }
[data-explode].explode-ready .living-float-a { --explode-x: -42px; --explode-y: -20px; --explode-rotate: -9deg; --explode-scale: .93; transition-delay: .08s; }
[data-explode].explode-ready .living-float-b { --explode-x: 42px; --explode-y: 18px; --explode-rotate: 9deg; --explode-scale: .93; transition-delay: .14s; }
[data-explode].explode-ready .living-chip-top { --explode-x: 18px; --explode-y: -16px; --explode-rotate: 4deg; --explode-scale: .96; transition-delay: .18s; }
[data-explode].explode-ready .living-chip-bottom { --explode-x: -18px; --explode-y: 16px; --explode-rotate: -4deg; --explode-scale: .96; transition-delay: .22s; }

[data-explode].explode-ready .workspace-shot { --explode-y: 26px; --explode-scale: .975; }
[data-explode].explode-ready .chip-top { --explode-x: -24px; --explode-y: -14px; --explode-rotate: -4deg; --explode-scale: .96; transition-delay: .06s; }
[data-explode].explode-ready .chip-mid { --explode-x: 30px; --explode-y: 0px; --explode-rotate: 4deg; --explode-scale: .96; transition-delay: .12s; }
[data-explode].explode-ready .chip-bottom { --explode-x: -18px; --explode-y: 18px; --explode-rotate: -3deg; --explode-scale: .96; transition-delay: .18s; }

[data-explode].explode-ready.is-revealed .hero-product-main,
[data-explode].explode-ready.is-revealed .hero-product-float,
[data-explode].explode-ready.is-revealed .hero-visual-chip,
[data-explode].explode-ready.is-revealed .living-visual-main,
[data-explode].explode-ready.is-revealed .living-visual-float,
[data-explode].explode-ready.is-revealed .living-visual-chip,
[data-explode].explode-ready.is-revealed .workspace-shot,
[data-explode].explode-ready.is-revealed .mode-chip {
  --explode-x: 0px;
  --explode-y: 0px;
  --explode-rotate: 0deg;
  --explode-scale: 1;
  --explode-blur: 0px;
  --explode-opacity: 1;
}

@media (max-width: 800px) {
  [data-explode].explode-ready .hero-product-main,
  [data-explode].explode-ready .living-visual-main,
  [data-explode].explode-ready .workspace-shot {
    --explode-y: 18px;
    --explode-scale: .985;
    --explode-blur: 4px;
  }
  [data-explode].explode-ready .mode-chip,
  [data-explode].explode-ready .hero-product-float,
  [data-explode].explode-ready .hero-visual-chip,
  [data-explode].explode-ready .living-visual-float,
  [data-explode].explode-ready .living-visual-chip {
    --explode-blur: 3px;
  }
}

@media (prefers-reduced-motion: reduce) {
  [data-explode] .hero-product-main,
  [data-explode] .hero-product-float,
  [data-explode] .hero-visual-chip,
  [data-explode] .living-visual-main,
  [data-explode] .living-visual-float,
  [data-explode] .living-visual-chip,
  [data-explode] .workspace-shot,
  [data-explode] .mode-chip {
    opacity: 1 !important;
    filter: none !important;
  }
}


/* Cinematic premium hero refresh */
.hero-premium{min-height:min(980px,100svh);padding:150px 0 94px;display:flex;align-items:center}
.hero-layout-premium{grid-template-columns:minmax(0,520px) minmax(0,1fr);gap:36px;align-items:center;width:min(100% - 64px,1380px)}
.eyebrow-premium{padding:8px 12px 8px 10px;border-radius:999px;background:rgba(255,255,255,.68);box-shadow:0 14px 32px rgba(58,34,117,.06),inset 0 0 0 1px rgba(239,231,251,.94);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.eyebrow-premium small{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:999px;background:rgba(116,77,224,.10);color:#6c45d4;font-size:11px;font-weight:760;letter-spacing:-.01em}
.hero-premium h1{font-size:clamp(56px,6vw,92px);margin:24px 0 22px}
.hero-premium .hero-desc{max-width:560px;font-size:19px;line-height:1.68}
.hero-proof-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:26px}
.hero-proof-card{min-height:120px;padding:18px 18px 16px;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.84),rgba(255,255,255,.64));border:1px solid rgba(238,232,248,.98);box-shadow:0 18px 42px rgba(54,31,112,.06);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.hero-proof-card span{display:block;color:#7a6e8f;font-size:12px;font-weight:700;margin-bottom:8px}
.hero-proof-card strong{display:block;color:#1f1930;font-size:16px;line-height:1.28;letter-spacing:-.03em;margin-bottom:8px}
.hero-proof-card small{display:block;color:#625c71;font-size:13px;line-height:1.52}
.hero-premium .hero-bottom{margin-top:16px;font-size:13px;max-width:1040px}
.hero-cinematic-stage{min-height:780px;overflow:visible}
.hero-cinematic-glow{position:absolute;inset:10% 3% 14%;border-radius:42px;background:radial-gradient(ellipse at 56% 44%,rgba(153,117,241,.22),transparent 58%),radial-gradient(ellipse at 25% 70%,rgba(255,210,227,.22),transparent 54%);filter:blur(16px);pointer-events:none;z-index:-2}
.hero-cinematic-beam{position:absolute;inset:6% 8% 12%;border-radius:44px;background:linear-gradient(135deg,rgba(255,255,255,.55),rgba(255,255,255,0) 28%,rgba(177,144,255,.12) 60%,rgba(255,255,255,0) 75%);border:1px solid rgba(255,255,255,.42);opacity:.8;pointer-events:none;z-index:-1}
.hero-product-visual.hero-cinematic-stage .hero-marketing-image{display:block}
.hero-main-showcase{inset:-2% -10% auto -7%;z-index:2}
.hero-main-showcase img{width:min(122%,1040px);max-width:none;filter:drop-shadow(0 42px 72px rgba(52,33,91,.15));}
.hero-float-support{width:min(48%,420px);z-index:3}
.hero-float-left{left:-10%;bottom:-1%;top:auto}
.hero-float-right{right:-9%;top:0;bottom:auto}
.hero-product-visual .hero-float-support img{border-radius:36px;box-shadow:0 30px 56px rgba(52,33,91,.13)}
.hero-chip-top{top:7%;right:14%}
.hero-chip-bottom{bottom:7%;left:17%;min-height:42px;padding:0 16px}
.hero-product-visual .hero-visual-chip{font-size:13px;box-shadow:0 18px 34px rgba(66,46,122,.10)}
.hero-product-visual .hero-visual-chip strong{letter-spacing:-.02em}
.hero-proof-grid,.hero-content,.hero-art,.hero-bottom{position:relative;z-index:2}

/* Stronger cinematic reveal */
[data-explode].hero-cinematic-stage .hero-product-main,
[data-explode].hero-cinematic-stage .hero-product-float,
[data-explode].hero-cinematic-stage .hero-visual-chip{transition:transform 1.15s cubic-bezier(.17,.9,.16,1),opacity .9s cubic-bezier(.22,.84,.26,1),filter 1s cubic-bezier(.22,.84,.26,1)}
[data-explode].hero-cinematic-stage.explode-ready .hero-product-main{--explode-x:26px;--explode-y:56px;--explode-rotate:-2deg;--explode-scale:.95;--explode-blur:14px;--explode-opacity:0}
[data-explode].hero-cinematic-stage.explode-ready .hero-float-left{--explode-x:-110px;--explode-y:66px;--explode-rotate:-14deg;--explode-scale:.88;--explode-blur:12px;--explode-opacity:0;transition-delay:.12s}
[data-explode].hero-cinematic-stage.explode-ready .hero-float-right{--explode-x:120px;--explode-y:-72px;--explode-rotate:13deg;--explode-scale:.88;--explode-blur:12px;--explode-opacity:0;transition-delay:.2s}
[data-explode].hero-cinematic-stage.explode-ready .hero-chip-top{--explode-x:54px;--explode-y:-34px;--explode-rotate:6deg;--explode-scale:.92;--explode-blur:10px;--explode-opacity:0;transition-delay:.28s}
[data-explode].hero-cinematic-stage.explode-ready .hero-chip-bottom{--explode-x:-62px;--explode-y:36px;--explode-rotate:-6deg;--explode-scale:.92;--explode-blur:10px;--explode-opacity:0;transition-delay:.34s}

/* cleaner proof cards on small screens */
@media(max-width:1180px){.hero-layout-premium{grid-template-columns:1fr;gap:18px}.hero-premium{min-height:0;padding-top:138px}.hero-content{text-align:center}.hero-premium .hero-desc{margin-inline:auto}.hero-actions,.hero-notes{justify-content:center}.hero-proof-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:980px;margin-inline:auto}.hero-cinematic-stage{min-height:700px;max-width:980px;margin:0 auto}.hero-main-showcase{inset:0 -4% auto -4%}.hero-main-showcase img{width:min(114%,920px)}.hero-float-left{left:-2%}.hero-float-right{right:-2%}}
@media(max-width:800px){.hero-premium{padding:122px 0 62px}.hero-layout-premium{width:min(100% - 36px,760px)}.hero-proof-grid{grid-template-columns:1fr;gap:10px;margin-top:22px}.hero-proof-card{min-height:0;padding:16px 16px 15px;border-radius:20px;text-align:left}.hero-cinematic-stage{min-height:0}.hero-product-visual.hero-cinematic-stage .hero-marketing-image{width:100%;max-width:760px}.hero-main-showcase,.hero-float-support,.hero-product-visual .hero-visual-chip{position:relative;inset:auto;left:auto;right:auto;top:auto;bottom:auto;display:block;transform:none!important}.hero-main-showcase img{width:100%;max-width:760px;margin:0 auto}.hero-float-support{display:none}.hero-product-visual .hero-visual-chip{display:inline-flex;margin:10px 8px 0 0}.hero-bottom{padding:0 12px}}
@media(max-width:560px){.hero-layout-premium{width:calc(100% - 32px)}.eyebrow-premium{font-size:11px;gap:7px;flex-wrap:wrap}.eyebrow-premium small{font-size:10px}.hero-premium h1{font-size:clamp(47px,12.6vw,64px)}.hero-premium .hero-desc{font-size:15px}.hero-proof-card span{font-size:11px}.hero-proof-card strong{font-size:15px}.hero-proof-card small{font-size:12px;line-height:1.45}.hero-product-visual .hero-visual-chip{min-height:38px;font-size:12px;padding:0 13px}.hero-premium .hero-bottom{font-size:12px}}
@media(prefers-reduced-motion:reduce){.hero-cinematic-beam,.hero-cinematic-glow{filter:none}.hero-proof-card{backdrop-filter:none;-webkit-backdrop-filter:none}}


/* Final hero layout fix using new premium graphics */
.hero-layout-premium{grid-template-columns:minmax(0,500px) minmax(0,760px);gap:46px;align-items:center}
.hero-proof-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.hero-proof-card{min-height:112px;padding:16px 16px 15px}
.hero-proof-card strong{font-size:15px}
.hero-proof-card small{font-size:12px;line-height:1.45}

.hero-cinematic-stage{
  position:relative;
  min-height:650px;
  width:100%;
  max-width:760px;
  margin-left:auto;
  padding:22px;
  border-radius:42px;
  overflow:hidden;
  background:linear-gradient(160deg,rgba(255,255,255,.72),rgba(255,255,255,.42) 62%,rgba(248,244,255,.74));
  border:1px solid rgba(239,232,249,.96);
  box-shadow:0 28px 72px rgba(52,33,91,.08), inset 0 1px 0 rgba(255,255,255,.88);
  isolation:isolate;
}
.hero-cinematic-stage::before{
  content:"";
  position:absolute;
  inset:18px;
  border-radius:34px;
  background:linear-gradient(180deg,rgba(255,255,255,.35),rgba(255,255,255,0));
  border:1px solid rgba(255,255,255,.42);
  pointer-events:none;
}
.hero-cinematic-glow{inset:8% 4% 10%;border-radius:50px;filter:blur(30px);opacity:.95}
.hero-cinematic-beam{inset:6% 6% 8%;border-radius:38px;opacity:.7}
.hero-main-showcase{
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:2;
}
.hero-main-showcase img{
  width:min(92%,720px);
  max-width:720px;
  height:auto;
  filter:drop-shadow(0 42px 70px rgba(52,33,91,.16));
}
.hero-float-support{
  width:min(39%,280px);
  z-index:3;
}
.hero-float-left{left:-2%;bottom:2%;top:auto}
.hero-float-right{right:-2%;top:4%;bottom:auto}
.hero-product-visual .hero-float-support img{
  border-radius:30px;
  box-shadow:0 24px 48px rgba(52,33,91,.14);
}
.hero-product-visual .hero-visual-chip{
  z-index:4;
  min-height:40px;
  padding:0 14px;
  font-size:12px;
}
.hero-chip-top{top:8%;right:8%}
.hero-chip-bottom{left:11%;bottom:9%}
.hero-bottom{margin-top:22px}

[data-explode].hero-cinematic-stage.explode-ready .hero-product-main{--explode-x:0px;--explode-y:42px;--explode-rotate:-1deg;--explode-scale:.96;--explode-blur:10px;--explode-opacity:0}
[data-explode].hero-cinematic-stage.explode-ready .hero-float-left{--explode-x:-72px;--explode-y:44px;--explode-rotate:-10deg;--explode-scale:.92;--explode-blur:9px;--explode-opacity:0;transition-delay:.1s}
[data-explode].hero-cinematic-stage.explode-ready .hero-float-right{--explode-x:76px;--explode-y:-52px;--explode-rotate:9deg;--explode-scale:.92;--explode-blur:9px;--explode-opacity:0;transition-delay:.18s}
[data-explode].hero-cinematic-stage.explode-ready .hero-chip-top{--explode-x:28px;--explode-y:-18px;--explode-rotate:4deg;--explode-scale:.95;--explode-blur:6px;--explode-opacity:0;transition-delay:.24s}
[data-explode].hero-cinematic-stage.explode-ready .hero-chip-bottom{--explode-x:-34px;--explode-y:24px;--explode-rotate:-4deg;--explode-scale:.95;--explode-blur:6px;--explode-opacity:0;transition-delay:.28s}

@media(max-width:1180px){
  .hero-layout-premium{grid-template-columns:1fr;gap:22px}
  .hero-content{text-align:center}
  .hero-premium .hero-desc{margin-inline:auto}
  .hero-actions{justify-content:center}
  .hero-proof-grid{max-width:980px;margin-inline:auto}
  .hero-cinematic-stage{margin:0 auto;max-width:920px;min-height:620px}
  .hero-main-showcase img{width:min(88%,700px)}
}
@media(max-width:800px){
  .hero-proof-grid{grid-template-columns:1fr;gap:10px}
  .hero-proof-card{text-align:left}
  .hero-cinematic-stage{min-height:0;padding:14px 14px 18px;border-radius:30px;overflow:visible;background:transparent;border:0;box-shadow:none}
  .hero-cinematic-stage::before,.hero-cinematic-glow,.hero-cinematic-beam{display:none}
  .hero-main-showcase{position:relative;display:block;inset:auto;transform:none!important}
  .hero-main-showcase img{width:100%;max-width:760px;margin:0 auto;display:block}
  .hero-float-support{display:none}
  .hero-product-visual .hero-visual-chip{display:inline-flex;position:relative;top:auto;left:auto;right:auto;bottom:auto;margin:10px 8px 0 0}
}
@media(max-width:560px){
  .hero-layout-premium{gap:16px}
  .hero-proof-card{padding:15px 14px 14px;border-radius:18px}
  .hero-proof-card strong{font-size:14px}
  .hero-proof-card small{font-size:11px}
}


/* Creatimore 2026 editorial experience: isolated aw-* architecture */
:root{--aw-ink:#171322;--aw-purple:#8652f4;--aw-muted:#726a80;--aw-ease:cubic-bezier(.19,1,.22,1)}
.aw-shell{width:min(100% - 80px,1440px);margin-inline:auto}
.aw-hero{position:relative;isolation:isolate;overflow:hidden;padding:138px 0 0!important;min-height:0!important;background:#faf8ff!important;display:block!important}
.aw-hero::before{content:'';position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 73% 47%,rgba(161,113,252,.19),transparent 50%),radial-gradient(ellipse at 5% 12%,rgba(236,221,255,.7),transparent 33%),linear-gradient(165deg,#faf8ff,#fff 66%)}
.aw-hero-glow{position:absolute;width:min(70vw,920px);height:min(70vw,920px);right:-16%;top:2%;pointer-events:none;background:radial-gradient(circle,rgba(155,101,255,.11),transparent 67%);filter:blur(35px)}
.aw-hero-layout{position:relative;display:grid;grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr);align-items:center;gap:0;min-height:710px}
.aw-hero-copy{position:relative;z-index:3;padding:38px 0 84px}
.aw-kicker{font-size:12px!important;font-weight:780;letter-spacing:.18em!important;color:#7546dd!important;text-transform:uppercase;display:flex;align-items:center;gap:12px}
.aw-kicker-line{width:24px;height:2px;background:#8550e7;display:inline-block}
.aw-hero h1{font-size:clamp(66px,7.2vw,112px)!important;line-height:.99!important;letter-spacing:-.085em!important;color:var(--aw-ink);font-weight:820;margin:33px 0 30px!important;max-width:760px}
.aw-hero h1 em{font-style:normal;color:var(--aw-purple);white-space:nowrap}
.aw-lead{font-size:clamp(17px,1.45vw,21px);max-width:540px;line-height:1.63;color:#5e586b;letter-spacing:-.016em}
.aw-hero-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:36px 0 46px}
.aw-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;min-height:61px;border-radius:100px;font-weight:750;font-size:14px;padding:0 27px;text-decoration:none;transition:transform .3s var(--aw-ease),box-shadow .3s var(--aw-ease)}
.aw-cta:hover{transform:translateY(-3px)}.aw-cta-primary{color:white;background:#8150ea;box-shadow:0 16px 40px rgba(106,64,198,.24)}.aw-cta-primary span{font-size:20px}.aw-cta-text{color:#3f354f;padding-inline:4px}.aw-cta-text span{font-size:20px}
.aw-proof{display:flex;flex-wrap:wrap;align-items:center;gap:12px 21px;border-top:1px solid #e9e2f0;padding-top:24px;max-width:590px}.aw-proof span{display:flex;gap:9px;align-items:center;color:#5e586d;font-weight:630;font-size:12px;white-space:nowrap}.aw-proof b{font-size:10px;color:#8c62d8;font-weight:800}
.aw-hero-scene{height:min(56vw,785px);min-height:620px;position:relative;isolation:isolate;transform:translateZ(0)}
.aw-scene-light{position:absolute;inset:13% 4% 7%;border-radius:50%;background:radial-gradient(ellipse,rgba(153,113,249,.19),transparent 63%);filter:blur(38px)}
.aw-product{position:absolute;display:block;height:auto;object-fit:contain;pointer-events:none;user-select:none;filter:drop-shadow(0 30px 32px rgba(72,51,112,.12));will-change:transform,opacity}
.aw-product-main{width:116%;max-width:none;left:-8%;top:50%;transform:translate3d(var(--aw-x,0px),calc(-50% + var(--aw-scroll-y,0px)),0) scale(var(--aw-scale,1));z-index:2}
.aw-product-detail{width:44%;max-width:390px;opacity:.97;z-index:1}
.aw-detail-plan{left:-13%;top:7%;transform:translate3d(var(--aw-dx,0px),var(--aw-dy,0px),0) rotate(-12deg) scale(var(--aw-detail-scale,1))}
.aw-detail-content{right:-12%;bottom:0;transform:translate3d(calc(-1 * var(--aw-dx,0px)),calc(-1 * var(--aw-dy,0px)),0) rotate(10deg) scale(var(--aw-detail-scale,1))}
.aw-bottom-line{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #ebe5f3;width:min(100% - 80px,1440px);margin:0 auto;padding:22px 0 26px;font-size:12px;font-weight:640;color:#786e8a}
.aw-bottom-line span:last-child{color:#8050df;white-space:nowrap}
.aw-story{background:#fff;padding:140px 0 120px;position:relative}.aw-story-header{max-width:900px;margin-bottom:76px}.aw-story-header h2{font-size:clamp(46px,6vw,86px);letter-spacing:-.075em;line-height:1.04;color:var(--aw-ink);margin:20px 0 24px}.aw-story-header>p:last-child{font-size:18px;max-width:620px;color:var(--aw-muted);line-height:1.65}
.aw-story-grid{display:grid;grid-template-columns:.79fr 1.21fr;gap:8%;align-items:start}.aw-story-chapter{display:flex;min-height:76vh;flex-direction:column;justify-content:center;border-top:1px solid #eae6ef;opacity:.44;transition:opacity .5s ease}.aw-story-chapter.is-current{opacity:1}.aw-story-index{font-size:12px;color:#7946e8;font-weight:800;letter-spacing:.17em;margin-bottom:23px}.aw-story-index span{color:#aaa0b5}.aw-story-chapter h3{font-size:clamp(36px,3.6vw,58px);line-height:1.05;letter-spacing:-.064em;color:var(--aw-ink);max-width:500px;margin:0 0 22px}.aw-story-chapter p{font-size:17px;line-height:1.65;color:var(--aw-muted);max-width:430px}.aw-story-mobile{display:none}
.aw-story-stage{position:sticky;top:calc(50vh - 310px);height:640px}.aw-story-stage-inner{position:relative;height:100%;border-radius:38px;isolation:isolate;background:radial-gradient(circle at 50% 46%,#f7f0ff,#f8f7ff 65%,#fff);overflow:hidden;border:1px solid #f0eaf7;box-shadow:0 35px 90px rgba(80,45,120,.08)}.aw-story-frame{position:absolute;inset:4% 1% 9%;opacity:0;transform:translate3d(0,36px,0) scale(.94);transition:opacity .75s ease,transform 1s var(--aw-ease);display:grid;place-items:center;pointer-events:none}.aw-story-frame.is-current{opacity:1;transform:translate3d(0,0,0) scale(1)}.aw-story-frame img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 32px 30px rgba(63,42,111,.1))}.aw-story-stage-index{position:absolute;left:26px;right:26px;bottom:24px;display:flex;justify-content:space-between;font-size:11px;font-weight:780;letter-spacing:.13em;color:#7d6e96}
.aw-audience{background:linear-gradient(180deg,#faf8ff,#fff)!important}.aw-audience .audience-head h2{font-size:clamp(45px,5vw,72px);letter-spacing:-.07em}
.aw-hero.is-aw-ready .aw-product-main{animation:aw-land 1.35s var(--aw-ease) both}.aw-hero.is-aw-ready .aw-detail-plan{animation:aw-side-left 1.5s var(--aw-ease) .1s both}.aw-hero.is-aw-ready .aw-detail-content{animation:aw-side-right 1.5s var(--aw-ease) .18s both}
@keyframes aw-land{from{opacity:0;transform:translate3d(0,55px,0) scale(.92)}to{opacity:1;transform:translate3d(0,-50%,0) scale(1)}}
@keyframes aw-side-left{from{opacity:0;transform:translate3d(-70px,38px,0) rotate(-19deg) scale(.88)}to{opacity:1;transform:translate3d(0,0,0) rotate(-12deg)}}
@keyframes aw-side-right{from{opacity:0;transform:translate3d(70px,38px,0) rotate(19deg) scale(.88)}to{opacity:1;transform:translate3d(0,0,0) rotate(10deg)}}
@media(max-width:1100px){.aw-shell,.aw-bottom-line{width:min(100% - 48px,860px)}.aw-hero-layout{grid-template-columns:1fr;min-height:0}.aw-hero-copy{text-align:center;padding:40px 0 20px}.aw-hero h1{max-width:none;font-size:clamp(60px,9vw,99px)!important}.aw-kicker,.aw-hero-actions,.aw-proof{justify-content:center}.aw-lead{margin-inline:auto}.aw-proof{max-width:650px;margin:auto}.aw-hero-scene{height:min(78vw,650px);min-height:480px}.aw-product-main{width:96%;left:2%}.aw-detail-plan{left:-2%}.aw-detail-content{right:-2%}.aw-story-grid{grid-template-columns:1fr 1fr;gap:5%}.aw-story-stage{height:530px;top:calc(50vh - 260px)}}
@media(max-width:760px){.aw-shell,.aw-bottom-line{width:calc(100% - 36px)}.aw-hero{padding-top:105px!important}.aw-hero-copy{text-align:left;padding:22px 0 10px}.aw-hero h1{font-size:clamp(51px,11.8vw,82px)!important;letter-spacing:-.074em!important}.aw-hero h1 em{white-space:normal}.aw-kicker,.aw-hero-actions,.aw-proof{justify-content:flex-start}.aw-lead{font-size:16px}.aw-hero-actions{margin:26px 0 31px}.aw-proof{gap:11px 18px}.aw-hero-scene{height:69vw;min-height:300px;max-height:520px}.aw-product-main{width:112%;left:-6%}.aw-product-detail{width:43%}.aw-detail-plan{left:-6%;top:6%}.aw-detail-content{right:-6%;bottom:0}.aw-bottom-line{font-size:10px;padding:20px 0}.aw-bottom-line span:last-child{display:none}.aw-story{padding:84px 0 70px}.aw-story-header{margin-bottom:36px}.aw-story-header h2{font-size:clamp(42px,8vw,66px)}.aw-story-header>p:last-child{font-size:15px}.aw-story-grid{display:block}.aw-story-stage{display:none}.aw-story-chapters{display:grid;grid-template-columns:1fr 1fr;gap:18px}.aw-story-chapter{min-height:0;opacity:1;background:#faf8ff;border:1px solid #eee8fa;border-radius:24px;padding:24px 18px 12px;justify-content:flex-start}.aw-story-chapter h3{font-size:clamp(24px,3.9vw,34px)}.aw-story-chapter p{font-size:13px}.aw-story-mobile{display:block;width:100%;height:200px;object-fit:contain;filter:drop-shadow(0 12px 14px rgba(77,42,132,.13));margin-top:13px}}
@media(max-width:480px){.aw-hero h1{font-size:clamp(47px,11.7vw,65px)!important}.aw-cta{min-height:54px}.aw-hero-actions .aw-cta-primary{flex:1}.aw-product-main{width:124%;left:-12%}.aw-hero-scene{height:75vw;min-height:280px}.aw-product-detail{width:46%}.aw-story-chapters{grid-template-columns:1fr}.aw-story-chapter{padding:26px 24px 12px}.aw-story-mobile{height:260px}.aw-kicker{font-size:10px!important;letter-spacing:.12em!important}}
@media(prefers-reduced-motion:reduce){.aw-hero.is-aw-ready .aw-product-main,.aw-hero.is-aw-ready .aw-product-detail{animation:none!important}.aw-product,.aw-story-frame{transition:none!important}.aw-story-chapter{opacity:1}}


/* Language popover and graphic flags */
.lang-popover{position:relative}
.lang-trigger{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 12px;border-radius:999px;border:1px solid rgba(235,229,246,.96);background:rgba(255,255,255,.72);color:#443951;font-size:12px;font-weight:720;box-shadow:0 10px 28px rgba(59,37,107,.08),inset 0 1px 0 rgba(255,255,255,.92);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:background .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease}
.lang-trigger:hover{background:rgba(255,255,255,.86);border-color:#dfd4f0;transform:translateY(-1px)}
.lang-trigger[aria-expanded="true"]{background:#fff;border-color:#d8c8f0;box-shadow:0 16px 36px rgba(59,37,107,.12),inset 0 1px 0 rgba(255,255,255,.96)}
.lang-current{font-weight:730;letter-spacing:-.01em}
.lang-short{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:24px;padding:0 7px;border-radius:999px;background:rgba(114,76,225,.09);color:#6f44de;font-size:11px;font-weight:760}
.lang-caret{width:14px;height:14px;color:#6f6284}
.lang-menu{position:absolute;top:calc(100% + 10px);right:0;min-width:220px;padding:8px;border-radius:20px;border:1px solid rgba(232,225,245,.98);background:rgba(255,255,255,.92);box-shadow:0 24px 52px rgba(53,36,97,.14);backdrop-filter:blur(24px) saturate(170%);-webkit-backdrop-filter:blur(24px) saturate(170%);display:grid;gap:4px;z-index:40}
.lang-option{display:flex;align-items:center;gap:12px;padding:10px;border-radius:14px;color:#362d4a;transition:background .2s ease,color .2s ease}
.lang-option:hover{background:#f6f2ff}
.lang-option.is-current{background:#f8f4ff}
.lang-copy{display:grid;gap:2px;min-width:0}
.lang-copy strong{font-size:13px;letter-spacing:-.01em}
.lang-copy small{font-size:11px;color:#7a7188}
.lang-check{margin-left:auto;color:#7449e0;font-size:18px;line-height:1}
.flag-graphic{position:relative;display:inline-block;width:24px;height:24px;border-radius:50%;overflow:hidden;border:1px solid rgba(223,216,236,.96);box-shadow:0 2px 6px rgba(71,54,112,.08),inset 0 0 0 1px rgba(255,255,255,.55);flex:0 0 24px;background:#fff}
.flag-pl{background:linear-gradient(180deg,#fff 0 50%,#da2b44 50% 100%)}
.flag-en{background:repeating-linear-gradient(180deg,#b91f33 0 8%,#ffffff 8% 16%)}
.flag-en-canton{position:absolute;left:0;top:0;width:46%;height:54%;background:#21448d;border-bottom-right-radius:4px}
[data-popover].is-open .lang-menu{display:grid}
@media(max-width:560px){.lang-trigger{gap:7px;padding:0 8px;min-height:40px}.lang-current{display:none}.lang-short{min-width:26px;height:22px;padding:0 6px;font-size:10px}.lang-menu{right:-6px;min-width:200px}.flag-graphic{width:22px;height:22px;flex-basis:22px}}

/* Beta custom platform picker */
.beta-native-select{position:absolute!important;inset:auto auto auto -9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.popover-field>span{display:block}
.popover-select{position:relative;margin-top:8px}
.popover-select-trigger{width:100%;min-height:56px;padding:0 16px;border-radius:18px;border:1px solid rgba(216,208,233,.95);background:rgba(255,255,255,.92);display:flex;align-items:center;justify-content:space-between;gap:14px;font:inherit;color:#282333;text-align:left;box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 10px 28px rgba(55,42,88,.03);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.popover-select-trigger:hover{border-color:#cfc0ea;transform:translateY(-1px)}
.popover-select-trigger:focus-visible{outline:3px solid #d0b9fa;outline-offset:2px}
.popover-select-trigger[aria-expanded="true"]{border-color:#bca7e8;box-shadow:0 18px 36px rgba(84,57,140,.10),inset 0 1px 0 rgba(255,255,255,.92)}
.popover-select-copy{font-weight:580;color:#2f2740}
.popover-select-menu{position:absolute;top:calc(100% + 10px);left:0;right:0;padding:8px;border-radius:22px;border:1px solid rgba(232,225,245,.98);background:rgba(255,255,255,.96);box-shadow:0 24px 48px rgba(53,36,97,.12);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:grid;gap:4px;z-index:18}
.popover-select-option{width:100%;padding:14px 14px 13px;border:0;border-radius:16px;background:transparent;display:grid;gap:4px;text-align:left;font:inherit;color:#342c47;cursor:pointer;transition:background .2s ease,transform .2s ease}
.popover-select-option:hover,.popover-select-option.is-selected{background:#f6f1ff}
.popover-select-option:active{transform:scale(.995)}
.popover-select-option strong{font-size:14px;font-weight:720;letter-spacing:-.01em}
.popover-select-option small{font-size:12px;color:#6f6680;line-height:1.45}
.popover-select.is-open .popover-select-menu{display:grid}
.popover-select.is-invalid .popover-select-trigger{border-color:#c14b68;box-shadow:0 0 0 3px rgba(193,75,104,.12)}

/* Enhanced hero scroll drift */
.aw-product-main{transform:translate3d(var(--aw-main-x,0px),calc(-50% + var(--aw-main-y,0px)),0) scale(var(--aw-scale,1)) rotate(var(--aw-main-tilt,0deg))}
.aw-detail-plan{transform:translate3d(var(--aw-plan-x,0px),var(--aw-plan-y,0px),0) rotate(calc(-12deg + var(--aw-plan-tilt,0deg))) scale(var(--aw-detail-scale,1))}
.aw-detail-content{transform:translate3d(var(--aw-content-x,0px),var(--aw-content-y,0px),0) rotate(calc(10deg + var(--aw-content-tilt,0deg))) scale(var(--aw-detail-scale,1))}
@media(prefers-reduced-motion:reduce){.aw-product-main,.aw-detail-plan,.aw-detail-content{transform:none!important}}


/* Hero cinematic polish round */
.aw-hero-scene{height:min(58vw,800px);min-height:640px;position:relative;isolation:isolate;transform:translateZ(0)}
.aw-scene-light{position:absolute;inset:10% 8% 10%;border-radius:50%;background:radial-gradient(ellipse,rgba(160,117,248,.14),transparent 65%);filter:blur(42px)}
.aw-scene-orb{position:absolute;border-radius:999px;pointer-events:none;filter:blur(16px);opacity:.7}
.aw-orb-left{left:6%;top:18%;width:90px;height:90px;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.95),rgba(214,191,255,.65) 60%,rgba(214,191,255,0) 75%)}
.aw-orb-right{right:8%;bottom:18%;width:110px;height:110px;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.92),rgba(244,218,255,.58) 60%,rgba(244,218,255,0) 76%)}
.aw-product{position:absolute;display:block;height:auto;object-fit:contain;pointer-events:none;user-select:none;filter:drop-shadow(0 34px 42px rgba(72,51,112,.13));will-change:transform,opacity}
.aw-product-main{width:112%;max-width:none;left:-6%;top:49%;z-index:3;transform:translate3d(var(--aw-main-x,0px),calc(-50% + var(--aw-main-y,0px)),0) rotate(var(--aw-main-tilt,0deg)) scale(var(--aw-main-scale,1))}
.aw-scene-card{position:absolute;z-index:4;width:min(34%,255px);border-radius:28px;padding:14px;background:rgba(255,255,255,.74);border:1px solid rgba(241,236,248,.98);box-shadow:0 22px 52px rgba(59,37,107,.11),inset 0 1px 0 rgba(255,255,255,.96);backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);will-change:transform,opacity;overflow:hidden}
.aw-scene-card::before{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,0) 45%);pointer-events:none}
.aw-scene-card-head{position:relative;display:grid;gap:5px;padding:2px 4px 12px;z-index:1}
.aw-scene-card-kicker{font-size:10px;font-weight:780;letter-spacing:.16em;text-transform:uppercase;color:#8b5ce4}
.aw-scene-card-head strong{font-size:15px;line-height:1.1;letter-spacing:-.03em;color:#2c2441}
.aw-scene-card-head small{font-size:12px;line-height:1.45;color:#726783}
.aw-scene-card-media{position:relative;border-radius:20px;overflow:hidden;background:linear-gradient(180deg,#fbf9ff,#f4efff);border:1px solid rgba(238,233,246,.95);min-height:128px}
.aw-scene-card-media img{display:block;width:100%;height:auto;object-fit:cover;transform:translateZ(0)}
.aw-card-plan{left:2%;top:8%;transform:translate3d(var(--aw-card-plan-x,0px),var(--aw-card-plan-y,0px),0) rotate(calc(-9deg + var(--aw-card-plan-tilt,0deg))) scale(var(--aw-card-plan-scale,1))}
.aw-card-content{right:4%;top:9%;transform:translate3d(var(--aw-card-content-x,0px),var(--aw-card-content-y,0px),0) rotate(calc(8deg + var(--aw-card-content-tilt,0deg))) scale(var(--aw-card-content-scale,1))}
.aw-card-collabs{right:10%;bottom:4%;width:min(36%,270px);transform:translate3d(var(--aw-card-collabs-x,0px),var(--aw-card-collabs-y,0px),0) rotate(calc(-4deg + var(--aw-card-collabs-tilt,0deg))) scale(var(--aw-card-collabs-scale,1))}
.aw-scene-glint{position:absolute;inset:8% 16% auto auto;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.7),rgba(255,255,255,0) 62%);mix-blend-mode:screen;opacity:.6;pointer-events:none;filter:blur(6px)}
.aw-hero.is-aw-ready .aw-product-main{animation:aw-land-natural 1.45s cubic-bezier(.16,1,.3,1) both}
.aw-hero.is-aw-ready .aw-card-plan{animation:aw-card-in-left 1.22s cubic-bezier(.16,1,.3,1) .16s both, aw-float-1 8.5s ease-in-out 1.6s infinite}
.aw-hero.is-aw-ready .aw-card-content{animation:aw-card-in-right 1.26s cubic-bezier(.16,1,.3,1) .24s both, aw-float-2 9.3s ease-in-out 1.9s infinite}
.aw-hero.is-aw-ready .aw-card-collabs{animation:aw-card-in-up 1.28s cubic-bezier(.16,1,.3,1) .32s both, aw-float-3 8.8s ease-in-out 2.15s infinite}
.aw-hero.is-aw-ready .aw-orb-left{animation:aw-orb-a 10s ease-in-out 1s infinite}
.aw-hero.is-aw-ready .aw-orb-right{animation:aw-orb-b 12s ease-in-out 1.4s infinite}
@keyframes aw-land-natural{0%{opacity:0;transform:translate3d(0,calc(-50% + 60px),0) rotate(-1.4deg) scale(.92)}55%{opacity:1;transform:translate3d(0,calc(-50% - 8px),0) rotate(.6deg) scale(1.02)}100%{opacity:1;transform:translate3d(0,-50%,0) rotate(0deg) scale(1)}}
@keyframes aw-card-in-left{0%{opacity:0;transform:translate3d(-46px,34px,0) rotate(-16deg) scale(.9)}60%{opacity:1;transform:translate3d(6px,-4px,0) rotate(-7deg) scale(1.02)}100%{opacity:1;transform:translate3d(0,0,0) rotate(-9deg) scale(1)}}
@keyframes aw-card-in-right{0%{opacity:0;transform:translate3d(44px,30px,0) rotate(16deg) scale(.9)}60%{opacity:1;transform:translate3d(-6px,-4px,0) rotate(6deg) scale(1.02)}100%{opacity:1;transform:translate3d(0,0,0) rotate(8deg) scale(1)}}
@keyframes aw-card-in-up{0%{opacity:0;transform:translate3d(24px,40px,0) rotate(4deg) scale(.9)}60%{opacity:1;transform:translate3d(-3px,-5px,0) rotate(-5deg) scale(1.02)}100%{opacity:1;transform:translate3d(0,0,0) rotate(-4deg) scale(1)}}
@keyframes aw-float-1{0%,100%{transform:translate3d(var(--aw-card-plan-x,0px),var(--aw-card-plan-y,0px),0) rotate(calc(-9deg + var(--aw-card-plan-tilt,0deg))) scale(var(--aw-card-plan-scale,1))}50%{transform:translate3d(calc(var(--aw-card-plan-x,0px) + 3px),calc(var(--aw-card-plan-y,0px) - 9px),0) rotate(calc(-7.6deg + var(--aw-card-plan-tilt,0deg))) scale(calc(var(--aw-card-plan-scale,1) * 1.004))}}
@keyframes aw-float-2{0%,100%{transform:translate3d(var(--aw-card-content-x,0px),var(--aw-card-content-y,0px),0) rotate(calc(8deg + var(--aw-card-content-tilt,0deg))) scale(var(--aw-card-content-scale,1))}50%{transform:translate3d(calc(var(--aw-card-content-x,0px) - 2px),calc(var(--aw-card-content-y,0px) - 10px),0) rotate(calc(9.2deg + var(--aw-card-content-tilt,0deg))) scale(calc(var(--aw-card-content-scale,1) * 1.004))}}
@keyframes aw-float-3{0%,100%{transform:translate3d(var(--aw-card-collabs-x,0px),var(--aw-card-collabs-y,0px),0) rotate(calc(-4deg + var(--aw-card-collabs-tilt,0deg))) scale(var(--aw-card-collabs-scale,1))}50%{transform:translate3d(calc(var(--aw-card-collabs-x,0px) + 3px),calc(var(--aw-card-collabs-y,0px) - 8px),0) rotate(calc(-2.8deg + var(--aw-card-collabs-tilt,0deg))) scale(calc(var(--aw-card-collabs-scale,1) * 1.004))}}
@keyframes aw-orb-a{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(6px,-12px,0)}}
@keyframes aw-orb-b{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-8px,8px,0)}}
@media(max-width:1100px){.aw-hero-scene{height:min(82vw,700px);min-height:520px}.aw-product-main{width:100%;left:0}.aw-scene-card{width:min(32%,220px)}.aw-card-plan{left:0}.aw-card-content{right:0}.aw-card-collabs{right:7%;bottom:2%}}
@media(max-width:760px){.aw-hero-scene{height:auto;min-height:0;display:grid;gap:14px}.aw-scene-light,.aw-scene-orb,.aw-scene-glint{display:none}.aw-product-main{position:relative;top:auto;left:auto;width:106%;margin-left:-3%;transform:none!important}.aw-scene-card{position:relative;width:100%;right:auto;left:auto;top:auto;bottom:auto;transform:none!important;animation:none!important;padding:12px;border-radius:24px}.aw-scene-card-head{padding:2px 2px 10px}.aw-scene-card-head strong{font-size:14px}.aw-scene-card-head small{font-size:11px}.aw-scene-card-media{min-height:0}}
@media(max-width:480px){.aw-scene-card{padding:11px;border-radius:22px}.aw-product-main{width:112%;margin-left:-6%}}
@media(prefers-reduced-motion:reduce){.aw-hero.is-aw-ready .aw-product-main,.aw-hero.is-aw-ready .aw-scene-card,.aw-hero.is-aw-ready .aw-orb-left,.aw-hero.is-aw-ready .aw-orb-right{animation:none!important}.aw-product-main,.aw-scene-card{transform:none!important}}


/* FINAL: original illustration layers, physically isolated from the phone group */
.aw-hero-scene{position:relative;isolation:isolate;min-height:630px;overflow:visible}
.aw-hero-scene .aw-product-main{width:112%;max-width:none;left:-6%;top:50%;z-index:2;transform:translate3d(var(--cm-phone-x,0px),calc(-50% + var(--cm-phone-y,0px)),0) rotate(var(--cm-phone-r,0deg)) scale(var(--cm-phone-scale,1));animation:none!important;filter:drop-shadow(0 26px 38px rgba(55,40,106,.12))}
.aw-native-float{position:absolute;display:block;height:auto;max-width:none;z-index:4;pointer-events:none;user-select:none;opacity:1;will-change:transform;filter:drop-shadow(0 16px 24px rgba(61,38,110,.15))}
.aw-native-plan{width:29%;top:8%;left:8%;transform:translate3d(var(--cm-plan-x,0px),var(--cm-plan-y,0px),0) rotate(var(--cm-plan-r,0deg))}
.aw-native-collabs{width:32%;top:9%;right:2%;transform:translate3d(var(--cm-collabs-x,0px),var(--cm-collabs-y,0px),0) rotate(var(--cm-collabs-r,0deg))}
.aw-native-spot{width:32%;bottom:3%;left:0%;transform:translate3d(var(--cm-spot-x,0px),var(--cm-spot-y,0px),0) rotate(var(--cm-spot-r,0deg))}
.aw-native-icons{width:13%;right:0%;bottom:18%;transform:translate3d(var(--cm-icons-x,0px),var(--cm-icons-y,0px),0) rotate(var(--cm-icons-r,0deg))}
.aw-hero-scene:not(.cm-ready) .aw-native-float{opacity:1}
.aw-hero-scene.cm-ready .aw-native-float{transition:opacity .85s cubic-bezier(.2,.8,.2,1),filter .85s cubic-bezier(.2,.8,.2,1)}
.aw-hero-scene.cm-ready:not(.cm-visible) .aw-native-float{opacity:0;filter:blur(7px)}
.aw-hero-scene.cm-ready.cm-visible .aw-native-float{opacity:1;filter:drop-shadow(0 16px 24px rgba(61,38,110,.15))}
.aw-hero-scene.cm-ready.cm-visible .aw-native-plan{transition-delay:.12s}
.aw-hero-scene.cm-ready.cm-visible .aw-native-collabs{transition-delay:.23s}
.aw-hero-scene.cm-ready.cm-visible .aw-native-spot{transition-delay:.34s}
.aw-hero-scene.cm-ready.cm-visible .aw-native-icons{transition-delay:.42s}
@media(max-width:1100px){.aw-hero-scene{min-height:520px}.aw-hero-scene .aw-product-main{width:100%;left:0}.aw-native-plan{left:10%}.aw-native-collabs{right:6%}}
@media(max-width:760px){.aw-hero-scene{height:72vw;min-height:300px;display:block}.aw-hero-scene .aw-product-main{position:absolute;top:50%;left:-6%;width:112%;margin:0;transform:translate3d(0,-50%,0)!important}.aw-native-float{display:block;transform:none!important}.aw-native-plan{width:30%;left:5%;top:8%}.aw-native-collabs{width:31%;right:1%;top:7%}.aw-native-spot{width:31%;bottom:2%;left:2%}.aw-native-icons{width:12%;right:0%;bottom:15%}}
@media(max-width:480px){.aw-hero-scene{height:83vw;min-height:280px}.aw-hero-scene .aw-product-main{width:116%;left:-8%}}
@media(prefers-reduced-motion:reduce){.aw-hero-scene .aw-product-main,.aw-native-float{transform:none!important;animation:none!important;transition:none!important;opacity:1!important;filter:none!important}.aw-hero-scene .aw-product-main{transform:translateY(-50%)!important}}

/* Checkbox: prevent clipping by global input rules, add accessible violet brand accent */
.beta-form .beta-consent{display:grid!important;grid-template-columns:20px minmax(0,1fr);align-items:start!important;gap:12px!important;line-height:1.55!important;min-width:0;overflow:visible}
.beta-form .beta-consent input[type="checkbox"]{appearance:auto!important;-webkit-appearance:checkbox!important;accent-color:#7845e7!important;width:20px!important;min-width:20px!important;max-width:20px!important;height:20px!important;min-height:20px!important;max-height:20px!important;flex:none!important;display:block!important;margin:1px 0 0 0!important;padding:0!important;border:0!important;box-shadow:none!important;vertical-align:top;position:relative;overflow:visible}
.beta-form .beta-consent span{display:block;min-width:0;overflow-wrap:anywhere}
.beta-form .beta-consent input[type="checkbox"]:focus-visible{outline:3px solid rgba(124,78,230,.35)!important;outline-offset:3px!important;border-radius:3px}
.beta-form fieldset{overflow:visible!important;min-width:0}

/* Compact language picker and interaction-first beta validation */
.lang-current,.lang-menu .lang-copy small,.popover-select-option small{display:none!important}
.lang-menu{min-width:155px}
.lang-option{min-height:44px}
.popover-select-option{padding:13px 14px;min-height:46px;display:flex;align-items:center}
.popover-select.user-invalid .popover-select-trigger,
.popover-select:has(.beta-native-select:user-invalid).user-invalid .popover-select-trigger{border-color:#c14b68;box-shadow:0 0 0 3px rgba(193,75,104,.12)}
.popover-select:not(.user-invalid) .popover-select-trigger{border-color:rgba(216,208,233,.95)}

/* 2026 cinematic layered hero: each phone/card/icon is an independent transparent WebP */
.aw-hero-scene{position:relative;min-height:690px;height:min(56vw,760px);overflow:visible;isolation:isolate;perspective:1300px}
.aw-hero-scene .aw-scene-light{z-index:0}
.cm-layer{position:absolute!important;display:block;width:auto;height:auto;max-width:none;object-fit:contain;pointer-events:none;user-select:none;opacity:1;backface-visibility:hidden;transform-origin:center center;transform:translate3d(var(--mx,0px),var(--my,0px),0) rotate(var(--mr,0deg)) scale(var(--ms,1));filter:drop-shadow(0 22px 25px rgba(70,40,130,.10));transition:opacity 850ms cubic-bezier(.16,1,.3,1)}
.cm-phone{z-index:2;width:58%;top:50%}
.cm-phone-plan{left:1%;z-index:2;--base-x:0px;--base-y:-47%;--base-r:-8deg}
.cm-phone-content{left:24%;z-index:4;width:63%;--base-y:-52%;--base-r:-1deg}
.cm-phone-collabs{right:-7%;z-index:3;--base-y:-46%;--base-r:8deg}
.cm-layer{transform:translate3d(calc(var(--dx,0px) + var(--base-x,0px)),calc(var(--dy,0px) + var(--base-y,0px)),0) rotate(calc(var(--dr,0deg) + var(--base-r,0deg))) scale(var(--scale,1))}
.cm-accent{z-index:6;filter:drop-shadow(0 16px 22px rgba(83,57,141,.15))}
.cm-card-plan{width:42%;left:-5%;top:5%;--base-r:-8deg}
.cm-card-spot{width:45%;left:-7%;bottom:4%;--base-r:5deg}
.cm-icon-instagram{width:14%;right:-11%;bottom:21%;--base-r:10deg;z-index:7}
.cm-icon-tiktok{width:13%;right:-13%;bottom:6%;--base-r:-7deg;z-index:7}
.aw-hero-scene.cm-motion .cm-layer{opacity:0}
.aw-hero-scene.cm-motion.cm-entered .cm-layer{opacity:1}
.aw-hero-scene.cm-motion.cm-entered .cm-card-plan{transition-delay:140ms}
.aw-hero-scene.cm-motion.cm-entered .cm-card-spot{transition-delay:270ms}
.aw-hero-scene.cm-motion.cm-entered .cm-icon-instagram{transition-delay:380ms}
.aw-hero-scene.cm-motion.cm-entered .cm-icon-tiktok{transition-delay:450ms}
@media(max-width:1100px){.aw-hero-scene{height:min(78vw,700px);min-height:500px}.cm-card-plan{left:0}.cm-card-spot{left:0}.cm-icon-instagram{right:-5%}.cm-icon-tiktok{right:-6%}}
@media(max-width:760px){.aw-hero-scene{height:90vw;min-height:320px;max-height:570px;display:block}.cm-phone{width:58%}.cm-phone-content{width:63%}.cm-card-plan{width:35%;left:-3%;top:6%}.cm-card-spot{width:39%;left:-2%;bottom:2%}.cm-icon-instagram{width:12%;right:-4%}.cm-icon-tiktok{width:11%;right:-5%}}
@media(max-width:480px){.aw-hero-scene{height:100vw;min-height:330px}.cm-phone-plan{left:-7%}.cm-phone-content{left:19%}.cm-phone-collabs{right:-13%}.cm-card-plan{width:37%}.cm-card-spot{width:42%}}
@media(prefers-reduced-motion:reduce){.aw-hero-scene .cm-layer{opacity:1!important;transition:none!important;transform:translate3d(var(--base-x,0px),var(--base-y,0px),0) rotate(var(--base-r,0deg))!important}}


/* Layered storytelling visuals */
.aw-story-stage-inner{overflow:hidden}
.aw-story-layered{padding:0 2%}
.aw-story-visual{position:relative;width:100%;height:100%}
.aw-story-layer{position:absolute;display:block;height:auto;max-width:none;will-change:transform,opacity;transform:translate3d(var(--story-x,0px),var(--story-y,0px),0) rotate(var(--story-r,0deg)) scale(var(--story-s,1));filter:drop-shadow(0 24px 32px rgba(74,48,128,.12));transition:transform .9s cubic-bezier(.16,1,.3,1),opacity .7s ease}
.aw-story-frame:not(.is-current) .aw-story-layer{opacity:0;transform:translate3d(var(--story-hidden-x,0px),var(--story-hidden-y,32px),0) rotate(var(--story-hidden-r,0deg)) scale(.94)}
.aw-story-frame.is-current .aw-story-layer{opacity:1}
.aw-story-layer.layer-main{z-index:2}
.aw-story-layer.layer-card,.aw-story-layer.layer-panel{z-index:3}
.aw-story-layer.layer-badge,.aw-story-layer.layer-tag{z-index:4}

/* Scene 1: plan */
.aw-story-plan .plan-phone{width:72%;left:10%;top:11%;--story-hidden-y:52px;--story-hidden-r:-2deg}
.aw-story-plan .plan-card{width:38%;right:2%;top:5%;--story-hidden-x:40px;--story-hidden-y:-22px;--story-hidden-r:8deg}
.aw-story-plan .plan-panel{width:30%;left:4%;bottom:11%;--story-hidden-x:-44px;--story-hidden-y:30px;--story-hidden-r:-8deg}

/* Scene 2: content */
.aw-story-content .content-phone{width:76%;left:12%;top:10%;--story-hidden-y:48px;--story-hidden-r:2deg}
.aw-story-content .content-card{width:36%;left:1%;top:15%;--story-hidden-x:-36px;--story-hidden-y:-18px;--story-hidden-r:-10deg}
.aw-story-content .content-ig{width:15%;right:8%;bottom:21%;--story-hidden-x:34px;--story-hidden-y:16px;--story-hidden-r:8deg}
.aw-story-content .content-tt{width:15%;right:2%;bottom:8%;--story-hidden-x:40px;--story-hidden-y:28px;--story-hidden-r:-8deg}

/* Scene 3: collabs */
.aw-story-collabs .collabs-phone{width:66%;right:10%;top:8%;--story-hidden-y:48px;--story-hidden-r:2deg}
.aw-story-collabs .collabs-card{width:33%;left:2%;top:12%;--story-hidden-x:-40px;--story-hidden-y:-24px;--story-hidden-r:-8deg}
.aw-story-collabs .collabs-invoice{width:29%;left:8%;bottom:11%;--story-hidden-x:-36px;--story-hidden-y:26px;--story-hidden-r:-8deg}
.aw-story-collabs .collabs-mini{width:34%;right:0%;top:5%;--story-hidden-x:42px;--story-hidden-y:-18px;--story-hidden-r:8deg}

/* Scene 4: spots */
.aw-story-spots .spots-art{width:64%;right:14%;top:10%;--story-hidden-y:48px;--story-hidden-r:2deg}
.aw-story-spots .spots-card{width:27%;left:7%;top:14%;--story-hidden-x:-34px;--story-hidden-y:-18px;--story-hidden-r:-7deg}
.aw-story-spots .spots-saved{width:44%;left:4%;bottom:11%;--story-hidden-x:-40px;--story-hidden-y:24px;--story-hidden-r:-6deg}

@media(max-width:760px){
  .aw-story-mobile{display:none}
  .aw-story-chapter{position:relative;overflow:hidden}
  .aw-story-chapter::after{content:'';display:block;height:12px}
}
@media(prefers-reduced-motion:reduce){.aw-story-layer{transition:none!important;transform:none!important;opacity:1!important}}

/* Premium editorial motion polish */
.aw-story-stage-inner{background:radial-gradient(ellipse at 42% 40%,#f4edff 0%,#faf7ff 54%,#fff 100%);box-shadow:0 32px 86px rgba(79,50,134,.09),inset 0 1px rgba(255,255,255,.93)}
.aw-story-stage-inner::before{content:"";position:absolute;inset:13%;border-radius:50%;background:radial-gradient(ellipse,rgba(163,125,250,.13),transparent 72%);pointer-events:none;filter:blur(22px)}
.aw-story-frame{transition:opacity .68s cubic-bezier(.22,.7,.2,1),transform 1.05s cubic-bezier(.16,1,.3,1)}
.aw-story-layer{transition:opacity .72s cubic-bezier(.22,.7,.2,1),transform .95s cubic-bezier(.16,1,.3,1)}
.aw-story-layer.layer-card{transition-delay:.085s}.aw-story-layer.layer-panel{transition-delay:.14s}.aw-story-layer.layer-badge,.aw-story-layer.layer-tag{transition-delay:.18s}
.aw-story-chapter{transition:opacity .65s ease,border-color .65s ease;padding-inline:4px}
.aw-story-chapter.is-current{border-color:#c8b5ed}
.aw-story-mobile{display:none}
@media(max-width:760px){.aw-story-mobile{display:block!important}.aw-story-chapter{opacity:1;transform:none;transition:none}.aw-story-stage{display:none}.aw-story-mobile{object-fit:contain;width:100%}}
@media(prefers-reduced-motion:reduce){.aw-story-layer,.aw-story-frame,.aw-story-chapter{transition:none!important;animation:none!important}.aw-story-frame:not(.is-current){opacity:0}.aw-story-frame.is-current{opacity:1}}


/* Storytelling asset coherence pass: align layered story graphics with hero lilac 3D style */
.aw-story-layer{filter:drop-shadow(0 26px 34px rgba(77,48,132,.12))}
.aw-story-plan .plan-phone{width:69%;left:8%;top:12%}
.aw-story-plan .plan-card{width:34%;right:4%;top:7%}
.aw-story-plan .plan-panel{width:44%;left:2%;bottom:6%}

.aw-story-content .content-phone{width:72%;left:16%;top:11%}
.aw-story-content .content-card{width:42%;left:2%;top:11%}
.aw-story-content .content-ig{width:13%;right:9%;bottom:20%}
.aw-story-content .content-tt{width:13%;right:1%;bottom:8%}

.aw-story-collabs .collabs-phone{width:62%;right:11%;top:11%}
.aw-story-collabs .collabs-card{width:42%;left:0%;top:11%}
.aw-story-collabs .collabs-invoice{width:38%;left:6%;bottom:7%}

.aw-story-spots .spots-art{width:64%;right:8%;top:12%}
.aw-story-spots .spots-card{width:42%;left:2%;top:10%}
.aw-story-spots .spots-saved{width:38%;left:6%;bottom:7%}

@media(max-width:760px){
  .aw-story-mobile{background:radial-gradient(ellipse at 50% 50%,rgba(243,237,255,.9),rgba(255,255,255,0) 70%);border-radius:26px;padding:6px}
}


/* Final storytelling art direction pass */
.aw-story-grid{grid-template-columns:minmax(280px, 380px) minmax(0, 1fr);align-items:start;gap:clamp(28px,3vw,44px)}
.aw-story-chapters{display:grid;gap:16px}
.aw-story-chapter{padding:18px 18px 20px;border:1px solid rgba(214,203,236,.7);border-radius:24px;background:rgba(255,255,255,.58);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);box-shadow:0 12px 28px rgba(73,46,126,.05)}
.aw-story-chapter.is-current{background:rgba(255,255,255,.78);box-shadow:0 20px 40px rgba(73,46,126,.08), inset 0 1px 0 rgba(255,255,255,.9)}
.aw-story-stage{position:sticky;top:120px}
.aw-story-stage-inner{position:relative;min-height:760px;border-radius:38px;overflow:hidden;background:linear-gradient(180deg,#fcfbff 0%,#f8f3ff 55%,#ffffff 100%);box-shadow:0 36px 88px rgba(79,50,134,.10),inset 0 1px 0 rgba(255,255,255,.94);perspective:1800px;isolation:isolate}
.aw-story-stage-inner::before{content:"";position:absolute;inset:8% 10% auto;height:54%;border-radius:999px;background:radial-gradient(ellipse at center,rgba(157,118,248,.16),rgba(157,118,248,0) 72%);filter:blur(24px);pointer-events:none}
.aw-story-stage-inner::after{content:"";position:absolute;left:12%;right:12%;bottom:5%;height:18%;border-radius:999px;background:radial-gradient(ellipse at center,rgba(92,62,153,.10),rgba(92,62,153,0) 72%);filter:blur(28px);pointer-events:none}
.aw-story-layered{padding:0}
.aw-story-visual{position:relative;width:100%;height:100%;min-height:760px}
.aw-story-frame{position:absolute;inset:0;padding:28px}
.aw-story-frame:not(.is-current){pointer-events:none}
.aw-story-layer{transform-origin:center center;filter:drop-shadow(0 28px 42px rgba(75,46,129,.14));}
.aw-story-layer.layer-main{z-index:2}
.aw-story-layer.layer-card{z-index:4}
.aw-story-layer.layer-panel{z-index:3}
.aw-story-layer.layer-badge,.aw-story-layer.layer-tag{z-index:5}

/* Unified composition language */
.aw-story-plan .plan-phone,.aw-story-content .content-phone,.aw-story-collabs .collabs-phone,.aw-story-spots .spots-map{width:58%;top:12%;--story-hidden-y:44px;--story-hidden-r:1.5deg}
.aw-story-plan .plan-phone{left:23%}
.aw-story-content .content-phone{left:24%}
.aw-story-collabs .collabs-phone{left:25%}
.aw-story-spots .spots-map{left:24%}

.aw-story-plan .plan-card,.aw-story-content .content-card,.aw-story-collabs .collabs-card,.aw-story-spots .spots-card{width:34%;left:4%;top:11%;--story-hidden-x:-34px;--story-hidden-y:-16px;--story-hidden-r:-7deg}
.aw-story-plan .plan-panel,.aw-story-collabs .collabs-invoice,.aw-story-spots .spots-saved{width:36%;left:7%;bottom:7%;--story-hidden-x:-28px;--story-hidden-y:24px;--story-hidden-r:-5deg}
.aw-story-content .content-ig,.aw-story-content .content-tt{width:12%;right:5%;--story-hidden-x:24px}
.aw-story-content .content-ig{top:26%;--story-hidden-y:-8px;--story-hidden-r:8deg}
.aw-story-content .content-tt{bottom:12%;--story-hidden-y:18px;--story-hidden-r:-8deg}

/* Scene-specific polish */
.aw-story-plan .plan-panel{bottom:9%;left:5%}
.aw-story-content .content-card{top:14%;left:2%}
.aw-story-collabs .collabs-card{top:14%;left:1%}
.aw-story-collabs .collabs-invoice{bottom:10%;left:6%}
.aw-story-spots .spots-map{top:10%}
.aw-story-spots .spots-card{top:13%;left:1%}
.aw-story-spots .spots-saved{bottom:10%;left:6%}

@media (max-width:1180px){
  .aw-story-stage-inner,.aw-story-visual{min-height:700px}
  .aw-story-plan .plan-phone,.aw-story-content .content-phone,.aw-story-collabs .collabs-phone,.aw-story-spots .spots-map{width:62%;left:21%}
  .aw-story-plan .plan-card,.aw-story-content .content-card,.aw-story-collabs .collabs-card,.aw-story-spots .spots-card{width:36%}
}
@media (max-width:760px){
  .aw-story-grid{display:block}
  .aw-story-stage{display:none!important}
  .aw-story-chapters{gap:20px}
  .aw-story-chapter{padding:18px;border-radius:26px}
  .aw-story-mobile{display:block!important;width:100%;object-fit:contain;background:radial-gradient(ellipse at 50% 50%,rgba(243,237,255,.95),rgba(255,255,255,0) 72%);border-radius:28px;padding:8px;margin-top:14px}
}
@media (prefers-reduced-motion:reduce){.aw-story-stage{position:relative;top:auto}.aw-story-stage-inner{perspective:none}}


/* Storytelling viewport and editorial scroll corrections. */
@media (min-width:761px){
  .aw-story-stage{
    position:sticky;
    top:72px;
    height:clamp(300px, calc(100dvh - 112px), 650px);
    min-height:0;
    align-self:start;
  }
  .aw-story-stage-inner{height:100%;min-height:0;max-height:100%;}
  .aw-story-visual{height:100%;min-height:0;}
  .aw-story-chapters{display:block;}
  .aw-story-chapter{
    min-height:76vh;
    margin-bottom:16px;
    opacity:.48;
    transform:translate3d(0,22px,0) scale(.985);
    transition:opacity .7s cubic-bezier(.22,.8,.2,1),transform .85s cubic-bezier(.16,1,.3,1),border-color .5s ease,box-shadow .65s ease,background .65s ease;
  }
  .aw-story-chapter.is-in-view{opacity:.66;transform:translate3d(0,5px,0) scale(.993);}
  .aw-story-chapter.is-current,
  .aw-story-chapter.is-current.is-in-view{
    opacity:1;transform:translate3d(0,-5px,0) scale(1);
    border-color:#c8b5ed;
    background:rgba(255,255,255,.87);
    box-shadow:0 24px 52px rgba(73,46,126,.10),inset 0 1px 0 rgba(255,255,255,.94);
  }
}
@media(max-width:760px){
 .aw-story-chapter{opacity:1!important;transform:none!important;min-height:0;}
}
@media(prefers-reduced-motion:reduce){
 .aw-story-chapter{opacity:1!important;transform:none!important;transition:none!important;}
}


/* Editorial cinematic refinement | consistent depth, premium timing and viewport geometry */
@media (min-width:761px){
  .aw-story{padding-block:clamp(80px,9vw,132px) clamp(90px,10vw,140px)}
  .aw-story-header{margin-bottom:clamp(44px,5.5vw,72px)}
  .aw-story-grid{grid-template-columns:minmax(295px,.78fr) minmax(0,1.22fr);gap:clamp(30px,4vw,72px)}
  .aw-story-stage{top:clamp(44px,7vh,70px);height:min(650px,calc(100dvh - clamp(44px,7vh,70px) - 26px));}
  .aw-story-stage-inner{height:100%;min-height:0;border-radius:clamp(26px,2.9vw,38px);border:1px solid rgba(231,218,250,.75)}
  .aw-story-visual{min-height:0;height:100%}
  .aw-story-frame{padding:clamp(10px,2.1vw,26px)}
  .aw-story-chapter{min-height:73vh;margin-bottom:clamp(12px,1.6vw,22px);padding:clamp(22px,2.4vw,34px);border-radius:clamp(20px,2vw,28px);transition:opacity .9s cubic-bezier(.22,.74,.16,1),transform 1.12s cubic-bezier(.18,.9,.18,1),border-color .85s ease,background 1s ease,box-shadow 1.1s ease}
  .aw-story-chapter.is-current,.aw-story-chapter.is-current.is-in-view{transform:translate3d(0,-3px,0) scale(1)}
}
.aw-story-frame{transition:opacity .88s cubic-bezier(.25,.72,.22,1),transform 1.22s cubic-bezier(.16,1,.3,1);transform:translate3d(0,20px,0) scale(.978)}
.aw-story-frame.is-current{transform:translate3d(0,0,0) scale(1)}
.aw-story-layer{transition:transform 1.18s cubic-bezier(.16,1,.3,1),opacity .86s cubic-bezier(.22,.72,.22,1),filter 1.1s cubic-bezier(.2,.75,.2,1);backface-visibility:hidden}
.aw-story-layer.layer-main{filter:drop-shadow(0 26px 34px rgba(69,44,125,.15));}
.aw-story-layer.layer-card,.aw-story-layer.layer-panel{filter:drop-shadow(0 18px 25px rgba(65,45,125,.11)) blur(.25px)}
.aw-story-layer.layer-badge,.aw-story-layer.layer-tag{filter:drop-shadow(0 14px 20px rgba(65,45,125,.10)) blur(.5px)}
.aw-story-frame:not(.is-current) .aw-story-layer{filter:blur(5px) drop-shadow(0 14px 24px rgba(69,44,125,.06));}
.aw-story-frame.is-current .layer-main{transition-delay:0ms}
.aw-story-frame.is-current .layer-card{transition-delay:100ms}
.aw-story-frame.is-current .layer-panel{transition-delay:170ms}
.aw-story-frame.is-current .layer-badge,.aw-story-frame.is-current .layer-tag{transition-delay:240ms}
.aw-story-stage-inner::before{opacity:.75}
.aw-story-stage-inner::after{opacity:.68}
.aw-story-chapter .aw-story-index{margin-bottom:clamp(18px,2vw,25px)}
.aw-story-chapter h3{line-height:1.07;letter-spacing:-.055em;margin-bottom:clamp(14px,1.7vw,20px)}
.aw-story-chapter p{line-height:1.72}
@media(min-width:761px) and (max-height:730px){
 .aw-story-stage{top:46px;height:calc(100dvh - 72px)}
 .aw-story-stage-inner{border-radius:26px}
 .aw-story-frame{padding:8px}
 .aw-story-plan .plan-phone,.aw-story-content .content-phone,.aw-story-collabs .collabs-phone,.aw-story-spots .spots-map{width:51%;left:27%;top:7%}
 .aw-story-plan .plan-card,.aw-story-content .content-card,.aw-story-collabs .collabs-card,.aw-story-spots .spots-card{width:29%;left:5%;top:7%}
 .aw-story-plan .plan-panel,.aw-story-collabs .collabs-invoice,.aw-story-spots .spots-saved{width:29%;bottom:6%}
}
@media(max-width:760px){.aw-story-chapter{padding:clamp(18px,5vw,26px);border-radius:24px}.aw-story-chapters{gap:18px}.aw-story-mobile{margin-top:18px}.aw-story-layer{filter:none}}
@media(prefers-reduced-motion:reduce){.aw-story-layer,.aw-story-frame,.aw-story-chapter{filter:none!important;transition:none!important;animation:none!important}.aw-story-frame:not(.is-current){opacity:0!important}}


/* Fix sidebar chapter animation and spots map scene */
.aw-story-chapter{transform:translate3d(0,0,0) scale(.985);transition:transform .72s cubic-bezier(.16,1,.3,1),opacity .72s cubic-bezier(.16,1,.3,1),box-shadow .72s cubic-bezier(.16,1,.3,1),border-color .72s cubic-bezier(.16,1,.3,1),background-color .72s cubic-bezier(.16,1,.3,1)}
.aw-story-chapter.is-current,.aw-story-chapter.is-current.is-in-view{transform:translate3d(0,-6px,0) scale(1);opacity:1}
.aw-story-chapter .aw-story-index,.aw-story-chapter h3,.aw-story-chapter p{transition:transform .72s cubic-bezier(.16,1,.3,1),opacity .72s cubic-bezier(.16,1,.3,1),color .72s cubic-bezier(.16,1,.3,1)}
.aw-story-chapter .aw-story-index,.aw-story-chapter h3{transform:translateY(6px);opacity:.86}
.aw-story-chapter p{transform:translateY(4px);opacity:.8}
.aw-story-chapter.is-current .aw-story-index,.aw-story-chapter.is-current h3,.aw-story-chapter.is-current p,.aw-story-chapter.is-current.is-in-view .aw-story-index,.aw-story-chapter.is-current.is-in-view h3,.aw-story-chapter.is-current.is-in-view p{transform:none;opacity:1}


/* Micro polish pass: lift scene center, enlarge storytelling visuals, refine premium proportions */
@media (min-width:761px){
  .aw-story-grid{grid-template-columns:minmax(300px,.79fr) minmax(0,1.21fr);gap:clamp(34px,4.4vw,80px)}
  .aw-story-stage{top:clamp(32px,5.2vh,54px);height:min(690px,calc(100dvh - clamp(32px,5.2vh,54px) - 16px));}
  .aw-story-stage-inner{
    background:linear-gradient(180deg,#fefcff 0%,#f7f0ff 50%,#ffffff 100%);
    box-shadow:0 42px 108px rgba(78,49,132,.11), inset 0 1px 0 rgba(255,255,255,.98);
  }
  .aw-story-stage-inner::before{inset:5% 10% auto;height:50%;opacity:.84;filter:blur(26px)}
  .aw-story-stage-inner::after{left:10%;right:10%;bottom:3%;height:15%;opacity:.56;filter:blur(30px)}
  .aw-story-frame{padding:clamp(8px,1.5vw,16px)}
  .aw-story-stage-index{left:24px;right:24px;bottom:18px;opacity:.94}

  .aw-story-chapter{padding:clamp(24px,2.5vw,36px);border-radius:26px;box-shadow:0 14px 32px rgba(73,46,126,.055)}
  .aw-story-chapter.is-current,.aw-story-chapter.is-current.is-in-view{
    transform:translate3d(0,-7px,0) scale(1.01);
    box-shadow:0 28px 58px rgba(73,46,126,.115), inset 0 1px 0 rgba(255,255,255,.96);
  }
  .aw-story-chapter h3{max-width:11ch;letter-spacing:-.058em}
  .aw-story-chapter p{max-width:36ch}

  /* raise the optical center and scale up assets */
  .aw-story-plan .plan-phone,
  .aw-story-content .content-phone,
  .aw-story-collabs .collabs-phone,
  .aw-story-spots .spots-map{width:64%;top:6.8%}
  .aw-story-plan .plan-phone{left:21.5%}
  .aw-story-content .content-phone{left:22.5%}
  .aw-story-collabs .collabs-phone{left:24%}
  .aw-story-spots .spots-map{left:22.5%}

  .aw-story-plan .plan-card,
  .aw-story-content .content-card,
  .aw-story-collabs .collabs-card,
  .aw-story-spots .spots-card{width:37%;top:9.2%}
  .aw-story-plan .plan-card{left:2.5%}
  .aw-story-content .content-card{left:1%}
  .aw-story-collabs .collabs-card{left:.5%}
  .aw-story-spots .spots-card{left:.8%;top:10.5%}

  .aw-story-plan .plan-panel,
  .aw-story-collabs .collabs-invoice,
  .aw-story-spots .spots-saved{width:39%;left:4.8%;bottom:8.2%}
  .aw-story-plan .plan-panel{bottom:8.6%}
  .aw-story-collabs .collabs-invoice{left:5.4%;bottom:9%}
  .aw-story-spots .spots-saved{left:5.2%;bottom:8.8%}

  .aw-story-content .content-ig,
  .aw-story-content .content-tt{width:13.5%;right:3.8%}
  .aw-story-content .content-ig{top:24%}
  .aw-story-content .content-tt{bottom:10.5%}
}
@media (min-width:761px) and (max-width:1180px){
  .aw-story-plan .plan-phone,
  .aw-story-content .content-phone,
  .aw-story-collabs .collabs-phone,
  .aw-story-spots .spots-map{width:66%;left:19.5%;top:6.2%}
  .aw-story-plan .plan-card,
  .aw-story-content .content-card,
  .aw-story-collabs .collabs-card,
  .aw-story-spots .spots-card{width:39%}
}
@media (min-width:761px) and (max-height:730px){
  .aw-story-stage{top:34px;height:calc(100dvh - 52px)}
  .aw-story-frame{padding:6px}
  .aw-story-plan .plan-phone,
  .aw-story-content .content-phone,
  .aw-story-collabs .collabs-phone,
  .aw-story-spots .spots-map{width:56%;left:24.5%;top:4.5%}
  .aw-story-plan .plan-card,
  .aw-story-content .content-card,
  .aw-story-collabs .collabs-card,
  .aw-story-spots .spots-card{width:31%;left:4.2%;top:6.5%}
  .aw-story-plan .plan-panel,
  .aw-story-collabs .collabs-invoice,
  .aw-story-spots .spots-saved{width:31%;left:5%;bottom:5.8%}
}


/* Final visual pass: stronger editorial balance, raised optical center, larger visuals */
@media (min-width:761px){
  .aw-story{padding-block:clamp(88px,9vw,136px) clamp(104px,11vw,156px)}
  .aw-story-grid{grid-template-columns:minmax(312px,.8fr) minmax(0,1.2fr);gap:clamp(38px,4.8vw,86px);align-items:start}
  .aw-story-chapters{padding-top:12px}
  .aw-story-stage{top:clamp(28px,4.6vh,46px);height:min(705px,calc(100dvh - clamp(28px,4.6vh,46px) - 14px));}
  .aw-story-stage-inner{border-radius:clamp(28px,3vw,40px);box-shadow:0 48px 116px rgba(78,49,132,.12), inset 0 1px 0 rgba(255,255,255,.98)}
  .aw-story-stage-inner::before{inset:4% 11% auto;height:47%;opacity:.9;filter:blur(28px)}
  .aw-story-stage-inner::after{left:12%;right:12%;bottom:2%;height:13%;opacity:.46;filter:blur(34px)}
  .aw-story-frame{padding:clamp(6px,1.2vw,14px)}
  .aw-story-stage-index{left:26px;right:26px;bottom:16px;font-size:10.5px;letter-spacing:.16em}

  .aw-story-chapter{min-height:72vh;margin-bottom:clamp(14px,1.7vw,24px);padding:clamp(24px,2.6vw,38px)}
  .aw-story-chapter.is-current,.aw-story-chapter.is-current.is-in-view{transform:translate3d(0,-8px,0) scale(1.012)}
  .aw-story-chapter h3{font-size:clamp(2.9rem,4.6vw,4.8rem);max-width:10.4ch}
  .aw-story-chapter p{font-size:clamp(1.02rem,1.2vw,1.14rem);max-width:32ch}

  /* Lift optical center and enlarge all story assets */
  .aw-story-plan .plan-phone,
  .aw-story-content .content-phone,
  .aw-story-collabs .collabs-phone,
  .aw-story-spots .spots-map{width:68%;top:4.2%}
  .aw-story-plan .plan-phone{left:19.5%}
  .aw-story-content .content-phone{left:20.8%}
  .aw-story-collabs .collabs-phone{left:22.2%}
  .aw-story-spots .spots-map{left:21%}

  .aw-story-plan .plan-card,
  .aw-story-content .content-card,
  .aw-story-collabs .collabs-card,
  .aw-story-spots .spots-card{width:39%;top:8.2%}
  .aw-story-plan .plan-card{left:1.6%}
  .aw-story-content .content-card{left:.2%}
  .aw-story-collabs .collabs-card{left:-.2%}
  .aw-story-spots .spots-card{left:.6%;top:8.8%}

  .aw-story-plan .plan-panel,
  .aw-story-collabs .collabs-invoice,
  .aw-story-spots .spots-saved{width:41%;left:4.2%;bottom:7.6%}
  .aw-story-plan .plan-panel{bottom:8.2%}
  .aw-story-collabs .collabs-invoice{left:4.8%;bottom:8.1%}
  .aw-story-spots .spots-saved{left:4.8%;bottom:8.1%}

  .aw-story-content .content-ig,
  .aw-story-content .content-tt{width:14.2%;right:2.8%}
  .aw-story-content .content-ig{top:21.8%}
  .aw-story-content .content-tt{bottom:8.7%}

  /* Scene 4 map composition polish */
  .aw-story-spots .spots-map{transform-origin:58% 48%}
  .aw-story-spots .spots-card{transform-origin:24% 50%}
  .aw-story-spots .spots-saved{transform-origin:26% 50%}
}
@media (min-width:761px) and (max-width:1180px){
  .aw-story-grid{grid-template-columns:minmax(292px,.84fr) minmax(0,1.16fr)}
  .aw-story-plan .plan-phone,
  .aw-story-content .content-phone,
  .aw-story-collabs .collabs-phone,
  .aw-story-spots .spots-map{width:69%;left:18.5%;top:4.1%}
  .aw-story-plan .plan-card,
  .aw-story-content .content-card,
  .aw-story-collabs .collabs-card,
  .aw-story-spots .spots-card{width:40%}
  .aw-story-plan .plan-panel,
  .aw-story-collabs .collabs-invoice,
  .aw-story-spots .spots-saved{width:40%}
}
@media (min-width:761px) and (max-height:730px){
  .aw-story-stage{top:28px;height:calc(100dvh - 42px)}
  .aw-story-plan .plan-phone,
  .aw-story-content .content-phone,
  .aw-story-collabs .collabs-phone,
  .aw-story-spots .spots-map{width:60%;left:23%;top:2.8%}
  .aw-story-plan .plan-card,
  .aw-story-content .content-card,
  .aw-story-collabs .collabs-card,
  .aw-story-spots .spots-card{width:33%;left:3.5%;top:5.6%}
  .aw-story-plan .plan-panel,
  .aw-story-collabs .collabs-invoice,
  .aw-story-spots .spots-saved{width:33%;left:4.4%;bottom:5.2%}
  .aw-story-content .content-ig,.aw-story-content .content-tt{width:12.6%}
}


/* Final unified beta CTA system: luminous edge, satin purple surface */
:root{--cm-cta-ease:cubic-bezier(.2,.78,.22,1)}
.nav-cta,.aw-cta-primary,.button-primary{
  position:relative;isolation:isolate;overflow:hidden;
  color:#fff!important;
  background:linear-gradient(120deg,#a67cff 0%,#8856f0 44%,#7541db 100%)!important;
  border:1px solid rgba(246,237,255,.93)!important;
  box-shadow:0 12px 32px rgba(107,66,205,.23),inset 0 1px 1px rgba(255,255,255,.55),inset 0 -2px 1px rgba(72,36,150,.16),0 0 0 1px rgba(137,92,223,.10);
  text-shadow:0 1px 1px rgba(52,26,130,.12);
  transition:transform .55s var(--cm-cta-ease),box-shadow .55s var(--cm-cta-ease),background .55s var(--cm-cta-ease);
}
.nav-cta::before,.aw-cta-primary::before,.button-primary::before{
  content:"";position:absolute;inset:3px;border:1px solid rgba(255,255,255,.28);border-radius:inherit;pointer-events:none;background:linear-gradient(150deg,rgba(255,255,255,.14),transparent 58%);z-index:-1;
}
.nav-cta::after,.aw-cta-primary::after,.button-primary::after{
  content:"";position:absolute;top:-90%;left:-80%;width:48%;height:290%;pointer-events:none;transform:rotate(25deg) translateX(0);background:linear-gradient(90deg,transparent,rgba(255,255,255,.20),transparent);opacity:.66;transition:transform .8s var(--cm-cta-ease);
}
.nav-cta:hover,.aw-cta-primary:hover,.button-primary:hover{
  background:linear-gradient(120deg,#b38dff 0%,#9668f5 44%,#8150e5 100%)!important;
  box-shadow:0 17px 40px rgba(109,68,204,.29),inset 0 1px 1px rgba(255,255,255,.65),inset 0 -2px 1px rgba(72,36,150,.12),0 0 0 1px rgba(137,92,223,.14);
  transform:translateY(-2px);
}
.nav-cta:hover::after,.aw-cta-primary:hover::after,.button-primary:hover::after{transform:rotate(25deg) translateX(330%)}
.nav-cta:focus-visible,.aw-cta-primary:focus-visible,.button-primary:focus-visible{outline:3px solid rgba(139,94,246,.44);outline-offset:4px}
.nav-cta:active,.aw-cta-primary:active,.button-primary:active{transform:translateY(0) scale(.99)}
/* Language menu trigger intentionally displays flag + chevron only. */
.lang-trigger{gap:7px;padding:0 12px;min-width:61px;justify-content:center}
.lang-trigger .lang-caret{flex:0 0 14px}
@media(max-width:560px){.lang-trigger{min-width:48px;padding:0 7px;gap:5px}}
@media(hover:none){.nav-cta:hover,.aw-cta-primary:hover,.button-primary:hover{transform:none}.nav-cta::after,.aw-cta-primary::after,.button-primary::after{display:none}}
@media(prefers-reduced-motion:reduce){.nav-cta,.aw-cta-primary,.button-primary,.nav-cta::after,.aw-cta-primary::after,.button-primary::after{transition:none!important}}

/* Scene-four fine tuning: map screen leads, small cards orbit in separate depth planes */
@media(min-width:761px){
 .aw-story-spots .spots-map{width:66%;left:23%;top:4.5%;z-index:3;transform-origin:50% 38%;filter:drop-shadow(0 29px 38px rgba(79,50,134,.15))}
 .aw-story-spots .spots-card{width:36%;left:2%;top:9%;z-index:4;filter:drop-shadow(0 18px 26px rgba(79,50,134,.11)) blur(.16px)}
 .aw-story-spots .spots-saved{width:37%;left:4.4%;bottom:11%;z-index:5;filter:drop-shadow(0 19px 29px rgba(79,50,134,.12))}
 .aw-story-chapter.is-current .aw-story-index{color:#7448d6}
}
@media(min-width:761px) and (max-width:1180px){
 .aw-story-spots .spots-map{width:65%;left:22%;top:4%}
 .aw-story-spots .spots-card{width:34%;left:2%;top:8%}
 .aw-story-spots .spots-saved{width:35%;left:4%;bottom:9%}
}
@media(min-width:761px) and (max-height:730px){
 .aw-story-spots .spots-map{width:57%;left:25%;top:3%}
 .aw-story-spots .spots-card{width:30%;left:4%;top:6%}
 .aw-story-spots .spots-saved{width:31%;left:5%;bottom:8%}
}


/* 2026 motion reset: progressive reveal + independent 3D drift */
.aw-hero-scene,.aw-story-stage-inner{perspective:1300px;perspective-origin:50% 46%}
.aw-hero-scene .cm-layer{backface-visibility:hidden;transform-style:preserve-3d;transform:translate3d(calc(var(--dx,0px) + var(--base-x,0px)),calc(var(--dy,0px) + var(--base-y,0px)),0) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) rotate(calc(var(--dr,0deg) + var(--base-r,0deg))) scale(var(--scale,1));transition:opacity 1s cubic-bezier(.16,1,.3,1),filter 1s ease;opacity:1}
.aw-hero-scene.depth-motion:not(.cm-entered) .cm-layer{opacity:0;filter:blur(8px)}
.aw-hero-scene.depth-motion.cm-entered .cm-layer{opacity:1;filter:drop-shadow(0 16px 26px rgba(83,57,141,.13))}
.aw-hero-scene.cm-entered .cm-phone{transition-delay:0ms}.aw-hero-scene.cm-entered .cm-card-plan{transition-delay:170ms}.aw-hero-scene.cm-entered .cm-card-spot{transition-delay:270ms}.aw-hero-scene.cm-entered .cm-icon-instagram,.aw-hero-scene.cm-entered .cm-icon-tiktok{transition-delay:340ms}
.aw-story-stage-inner .aw-story-layer{transform-style:preserve-3d;backface-visibility:hidden;transform:translate3d(var(--story-x,0px),var(--story-y,0px),0) rotateX(var(--story-rx,0deg)) rotateY(var(--story-ry,0deg)) rotate(var(--story-r,0deg)) scale(var(--story-s,1))}
.aw-story-stage-inner.depth-motion:not(.depth-ready) .aw-story-frame .aw-story-layer{opacity:0;filter:blur(7px)}
@media(prefers-reduced-motion:reduce){.aw-hero-scene .cm-layer,.aw-story-stage-inner .aw-story-layer{transition:none!important;filter:none!important}}

/* Anchor targets should have their titles below the floating navbar, not the section's upper padding. */
html{scroll-padding-top:100px}
#workflow,#modes,#faq,#beta,#download,#privacy{scroll-margin-top:100px}

/* Conversion-first beta form: two clear columns and consistent hierarchy. */
.beta-block{padding:clamp(72px,8vw,128px) 0;background:radial-gradient(ellipse at 18% 22%,rgba(205,178,255,.24),transparent 48%),linear-gradient(180deg,#fff,#faf8ff)}
.beta-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,5vw,100px);align-items:center;border-radius:44px;padding:clamp(34px,5vw,74px);background:linear-gradient(145deg,rgba(250,247,255,.94),rgba(244,237,255,.76));box-shadow:0 32px 90px rgba(66,43,116,.07);border:1px solid rgba(230,218,250,.8)}
.beta-intro{align-self:center;max-width:510px}
.beta-intro .section-kicker{letter-spacing:.14em}
.beta-intro h2{font-size:clamp(40px,4.4vw,70px);line-height:1.04;letter-spacing:-.065em;color:#1d172b;margin:20px 0 24px}
.beta-intro>p{font-size:clamp(16px,1.4vw,19px);line-height:1.72;max-width:38ch;color:#6a607a}
.beta-form-premium{position:relative;border-radius:32px;border:1px solid rgba(228,219,243,.92);background:rgba(255,255,255,.91);padding:clamp(24px,3vw,42px);box-shadow:0 28px 72px rgba(62,41,116,.105),inset 0 1px rgba(255,255,255,.98)}
.beta-form-header{margin-bottom:26px;border-bottom:1px solid #f0eaf8;padding-bottom:23px;display:grid;gap:8px}
.beta-form-header>span{font-size:10px;color:#8554e4;font-weight:800;letter-spacing:.18em}
.beta-form-header strong{font-size:clamp(22px,2.2vw,32px);color:#261d36;letter-spacing:-.04em}
.beta-form-header p{font-size:13px;color:#776d85;line-height:1.5;margin:0}
.beta-form-premium fieldset{gap:22px}
.beta-form-premium .field-grid{gap:16px}
.beta-form-premium .beta-input-field{position:relative;gap:9px;min-width:0;font-size:13px;font-weight:700;color:#423852}
.beta-form-premium .beta-field-index{position:absolute;right:0;top:0;color:#a890cf;font-size:10px;font-weight:800;letter-spacing:.08em}
.beta-form-premium input:not([type=checkbox]),.beta-form-premium textarea,.beta-form-premium .popover-select-trigger{border-radius:16px;min-height:56px;background:#fcfbff;border:1px solid #e0d8ed}
.beta-form-premium textarea{min-height:145px;line-height:1.6;padding:17px}
.beta-form-premium .beta-consent{padding-top:12px;border-top:1px solid #f0eaf8;font-size:12px;line-height:1.6}
.beta-form-premium .beta-legal-note{font-size:11px;color:#7b7188;line-height:1.65;margin:0}
.beta-form-premium .button-primary{min-height:58px;font-size:14px}
.beta-form-premium .beta-help{font-size:11px;color:#7b7188}
.beta-form-premium .beta-status{margin:0;font-size:12px}
@media(max-width:980px){.beta-layout{grid-template-columns:1fr;gap:28px}.beta-intro{max-width:680px}.beta-form-premium{max-width:740px;width:100%}}
@media(max-width:560px){.beta-block{padding:55px 0}.beta-layout{padding:20px;border-radius:26px}.beta-intro h2{font-size:clamp(36px,10vw,54px)}.beta-form-premium{padding:22px 18px;border-radius:23px}.beta-form-premium .field-grid{grid-template-columns:1fr}.beta-form-premium fieldset{gap:18px}}


/* Chapter-driven 3D drift: CSS transition must not fight requestAnimationFrame. */
@media (min-width:761px) and (prefers-reduced-motion:no-preference){
  .aw-story-stage-inner.depth-motion .aw-story-frame.is-current .aw-story-layer{
    transition-property:opacity,filter;
    transition-duration:.86s,1s;
    transition-timing-function:cubic-bezier(.22,.72,.22,1);
    transform-style:preserve-3d;
  }
  .aw-story-stage-inner.depth-motion .aw-story-frame.is-current .layer-main{--story-z:28px}
  .aw-story-stage-inner.depth-motion .aw-story-frame.is-current .layer-card{--story-z:66px}
  .aw-story-stage-inner.depth-motion .aw-story-frame.is-current .layer-panel{--story-z:52px}
  .aw-story-stage-inner.depth-motion .aw-story-frame.is-current .layer-badge,
  .aw-story-stage-inner.depth-motion .aw-story-frame.is-current .layer-tag{--story-z:84px}
  .aw-story-stage-inner.depth-motion .aw-story-frame.is-current .aw-story-layer{
    transform:translate3d(var(--story-x,0px),var(--story-y,0px),var(--story-z,0px)) rotateX(var(--story-rx,0deg)) rotateY(var(--story-ry,0deg)) rotate(var(--story-r,0deg)) scale(var(--story-s,1));
  }
}

/* Creator mode preview: scroll drift + fine-pointer depth, layered over reveal transforms. */
@media (prefers-reduced-motion:no-preference){
  #modes .workspace-visual{perspective:1100px;transform-style:preserve-3d}
  #modes .workspace-shot,#modes .mode-chip{backface-visibility:hidden;transform-style:preserve-3d}
  #modes .workspace-shot{transform:translate(calc(-50% + var(--move-x,0px) + var(--explode-x,0px)),calc(-50% + var(--move-y,0px) + var(--explode-y,0px))) rotateX(var(--mode-tilt-x,0deg)) rotateY(var(--mode-tilt-y,0deg)) rotate(calc(-2deg + var(--explode-rotate,0deg))) scale(var(--explode-scale,1))}
  #modes .mode-chip{transform:translate3d(calc(var(--move-x,0px) + var(--explode-x,0px)),calc(var(--move-y,0px) + var(--explode-y,0px)),0) rotateX(var(--mode-tilt-x,0deg)) rotateY(var(--mode-tilt-y,0deg)) rotate(calc(var(--angle,0deg) + var(--explode-rotate,0deg))) scale(var(--explode-scale,1))}
  #modes .chip-top{--angle:-2deg}
  #modes .chip-mid{--angle:2deg}
  #modes .workspace-shot,#modes .mode-chip{transition-property:opacity,filter,box-shadow,background,color;transition-duration:.8s,.8s,.32s,.32s,.32s}
}

/* Native anchor fallback; JavaScript measures the actual floating nav bottom. */
:root{scroll-padding-top:110px}
#workflow,#modes,#faq,#beta,#download,#privacy{scroll-margin-top:110px}
@media(max-width:760px){:root{scroll-padding-top:90px}#workflow,#modes,#faq,#beta,#download,#privacy{scroll-margin-top:90px}}

/* Typography and creator workspace layout: prevent tight headlines and model overlap */
.aw-hero h1{letter-spacing:-.045em!important;line-height:1.075!important;text-wrap:balance;overflow-wrap:normal}
.aw-story-header h2{letter-spacing:-.042em;line-height:1.13;text-wrap:balance}
.aw-story-chapter h3{letter-spacing:-.035em;line-height:1.15;text-wrap:pretty}
.aw-audience .audience-head h2,.audience-head h2,.end-cta h2,.beta-intro h2,.quiet h2,.faq h2{letter-spacing:-.038em;line-height:1.13;text-wrap:balance}
.aw-story-header h2,.aw-story-chapter h3,.aw-audience .audience-head h2,.end-cta h2,.beta-intro h2{overflow-wrap:break-word}
/* Grid columns must reserve non-overlapping boxes for copy and the interactive mockup. */
#modes .workspace-stage{display:grid;grid-template-columns:minmax(0, .98fr) minmax(0,1.02fr);column-gap:clamp(22px,3.5vw,58px);align-items:center;min-height:490px;padding:clamp(30px,3.1vw,48px);isolation:isolate}
#modes .workspace-copy{position:relative;z-index:3;min-width:0;max-width:100%;padding:0}
#modes .workspace-stage h3{font-size:clamp(30px,3.15vw,48px);letter-spacing:-.034em;line-height:1.13;max-width:100%;overflow-wrap:break-word;text-wrap:balance}
#modes .workspace-stage p{max-width:100%;min-height:0;line-height:1.67;overflow-wrap:break-word}
#modes .workspace-visual{position:relative;z-index:1;inset:auto;min-width:0;width:100%;height:330px;min-height:330px;justify-self:stretch;align-self:center;pointer-events:none}
@media(min-width:801px) and (max-width:1200px){
  #modes .workspace-stage{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:clamp(18px,2.5vw,32px);padding:clamp(24px,2.8vw,36px)}
  #modes .workspace-stage h3{font-size:clamp(27px,3.1vw,40px)}
  #modes .workspace-visual{height:310px;min-height:310px}
  #modes .workspace-shot{width:145px}
  #modes .mode-chip{padding-inline:10px;min-height:48px}
  #modes .mode-chip b,#modes .mode-chip strong{font-size:10px}
}
@media(max-width:800px){
  #modes .workspace-stage{grid-template-columns:minmax(0,1fr);row-gap:clamp(20px,4vw,30px);min-height:0;padding:clamp(24px,4vw,32px)}
  #modes .workspace-copy{min-height:0;align-self:start}
  #modes .workspace-stage h3{font-size:clamp(31px,5.7vw,44px);line-height:1.13}
  #modes .workspace-stage p{min-height:0;max-width:52ch}
  #modes .workspace-visual{height:260px;min-height:260px;max-width:460px;margin-inline:auto}
}
@media(max-width:560px){
  .aw-hero h1{letter-spacing:-.043em!important;line-height:1.1!important}
  .aw-story-header h2{letter-spacing:-.033em;line-height:1.14}
  #modes .workspace-stage{padding:26px 22px;row-gap:20px}
  #modes .workspace-stage h3{font-size:clamp(30px,8vw,39px)}
  #modes .workspace-visual{height:205px;min-height:205px}
}

/* Workspace visual geometry v2: separate phone and info cards physically. */
#modes .workspace-visual{position:relative;overflow:visible;isolation:isolate}
#modes .workspace-shot{left:23%;top:50%;width:clamp(126px,15vw,177px);z-index:2}
#modes .mode-chip{left:55%;right:auto;width:44%;max-width:none;min-width:0;min-height:56px;padding:0 clamp(10px,1vw,16px);z-index:3;gap:8px}
#modes .chip-top{top:17%;bottom:auto}
#modes .chip-mid{top:43%;bottom:auto}
#modes .chip-bottom{top:69%;bottom:auto}
#modes .mode-chip b{flex:1 1 auto;min-width:0;font-size:clamp(10px,.82vw,12px)}
#modes .mode-chip strong{flex:0 0 auto;max-width:45%;font-size:clamp(10px,.82vw,12px)}
@media (min-width:801px) and (max-width:1200px){
  #modes .workspace-shot{width:clamp(112px,11vw,150px);left:22%}
  #modes .mode-chip{left:53%;width:46%;min-height:49px;padding:0 9px;gap:5px}
  #modes .mode-chip b,#modes .mode-chip strong{font-size:10px}
}
@media (max-width:800px){
  #modes .workspace-visual{height:310px;min-height:310px;max-width:530px}
  #modes .workspace-shot{width:148px;left:24%}
  #modes .mode-chip{left:54%;width:45%;min-height:51px}
}
@media (max-width:560px){
  #modes .workspace-visual{height:238px;min-height:238px}
  #modes .workspace-shot{width:clamp(92px,30vw,124px);left:23%}
  #modes .mode-chip{left:53%;width:46%;min-height:42px;padding:0 8px;gap:4px}
  #modes .mode-chip b,#modes .mode-chip strong{font-size:9px}
  #modes .mode-chip strong{max-width:40%}
  #modes .chip-top{top:15%}
  #modes .chip-mid{top:42%}
  #modes .chip-bottom{top:69%}
}


/* Unified English transparent phone artwork for Creator Modes */
#modes .workspace-shot{overflow:visible;border-radius:0;max-height:none}
#modes .workspace-shot img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;border-radius:0;box-shadow:none;filter:drop-shadow(0 21px 24px rgba(73,45,132,.16))}
@media (min-width:801px){
  #modes .workspace-visual{height:360px;min-height:360px}
  #modes .workspace-shot{width:clamp(145px,15vw,190px);left:24%;top:50%}
  #modes .mode-chip{left:57%;width:42%}
}
@media (min-width:801px) and (max-width:1200px){
  #modes .workspace-shot{width:clamp(126px,12vw,156px);left:22%}
  #modes .mode-chip{left:54%;width:45%}
}
@media (max-width:800px){
  #modes .workspace-shot{width:clamp(132px,24vw,167px)}
}
@media (max-width:560px){
  #modes .workspace-shot{width:clamp(104px,29vw,134px)}
}

/* Beta signup anchor must align exactly with the section start. */
#beta{scroll-margin-top:0!important}
