:root{
  --cream:#fff4e8;--paper:#f4f0eb;--ink:#302f3d;--muted:#706b75;--blue:#758baa;--blue-deep:#657a9d;--mauve:#9a88a9;--rose:#bc8ca3;--peach:#ffc09e;--line:rgba(54,48,66,.16);
  --sans:'DM Sans','Inter',Arial,sans-serif;--serif:'Instrument Serif','Bodoni 72','Didot','Baskerville','Times New Roman',serif;--wrap:1320px;--gutter:clamp(24px,4.3vw,78px)
}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:400 15px/1.6 var(--sans);-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0;background:none}img,svg,video{max-width:100%}img{display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}em{font-weight:400}button:disabled{cursor:wait}[hidden]{display:none!important}::selection{background:#d7a4b3;color:#292638}.wrap{width:min(calc(100% - var(--gutter)*2),var(--wrap));margin:0 auto}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}.icon .solid{fill:currentColor;stroke:none}.skip-link{position:fixed;z-index:200;top:10px;left:10px;padding:12px 18px;background:var(--cream);transform:translateY(-180%)}.skip-link:focus{transform:none}:focus-visible{outline:2px solid currentColor;outline-offset:5px}
.eyebrow{font:500 10px/1.4 var(--sans);letter-spacing:2.1px;text-transform:uppercase;display:flex;align-items:center;gap:9px}.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px #fff1}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:52px;padding:14px 23px;border-radius:100px;font-size:13px;font-weight:500;transition:transform .25s,box-shadow .25s,background .25s}.button:hover{transform:translateY(-2px)}.button-cream{background:var(--cream);color:var(--ink)}.button-cream:hover{background:#fffaf4;box-shadow:0 8px 28px rgba(52,42,64,.15)}.button-outline{border:1px solid #fff6;color:var(--cream)}.button-outline:hover{background:#fff1}.text-button{display:inline-flex;align-items:center;gap:10px;color:var(--cream);font-size:12px;padding:9px 3px;border-bottom:1px solid #fff6}.text-button .icon{width:16px;height:16px}

.gradient-world{color:var(--cream);position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(135deg,#6796c8 0%,#817fc0 30%,#c87eaf 62%,#ff9a72 100%);background-size:220% 220%;animation:mixieGradientShift 10s ease-in-out infinite alternate;min-height:860px}.gradient-world:before,.signup-section:before{content:'';position:absolute;inset:0;z-index:-1;opacity:.085;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.55' filter='url(%23n)'/%3E%3C/svg%3E")}.gradient-world:after{content:'';position:absolute;z-index:-2;inset:-24%;background:radial-gradient(circle at 22% 18%,rgba(128,177,224,.3) 0%,transparent 29%),radial-gradient(circle at 72% 34%,rgba(205,129,179,.24) 0%,transparent 31%),radial-gradient(circle at 80% 78%,rgba(255,157,115,.38) 0%,transparent 34%);filter:blur(6px);animation:mixieGradientBloom 14s ease-in-out infinite alternate;transform:translate3d(0,0,0);pointer-events:none}
.site-header{height:100px;display:flex;align-items:center;justify-content:space-between;gap:32px;position:relative;z-index:20}.wordmark{display:inline-flex;align-items:center;width:154px}.wordmark img{display:block;width:100%;height:auto}.desktop-nav{margin-left:auto;display:flex;gap:33px;font-size:12px}.desktop-nav a{position:relative;padding:7px 0;opacity:.9}.desktop-nav a:after{content:'';position:absolute;left:0;right:100%;bottom:0;height:1px;background:currentColor;transition:right .2s}.desktop-nav a:hover:after{right:0}.nav-cta{min-height:43px;padding:10px 18px;font-size:12px}.nav-cta .icon{width:17px;height:17px}.menu-toggle,.mobile-nav{display:none}
.hero{min-height:690px;display:grid;grid-template-columns:minmax(0,.87fr) minmax(520px,1.13fr);gap:6%;align-items:center;padding:43px 0 54px;position:relative}.hero-copy{padding-bottom:30px}.hero h1{font:400 clamp(76px,7.7vw,122px)/.89 var(--serif);letter-spacing:-5px;margin:35px 0 31px;max-width:690px}.hero h1 em{display:block}.hero-description{font-size:20px;line-height:1.55;letter-spacing:-.35px;max-width:525px}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:31px}.hero-note{font-size:10px;letter-spacing:.5px;margin-top:19px;opacity:.82}.reel-wrap{min-width:0}.reel-index{display:flex;justify-content:space-between;gap:16px;font-size:8px;letter-spacing:1.7px;margin-bottom:13px}.reel-card{position:relative;display:block;width:100%;aspect-ratio:1.23;overflow:hidden;border-radius:7px;border:1px solid #fff3;color:var(--cream);text-align:left;background:linear-gradient(145deg,#536a90 1%,#766f96 37%,#b18299 69%,#e3ac95 100%);box-shadow:0 38px 80px -32px rgba(43,38,67,.55)}.reel-card:after{content:'';position:absolute;inset:0;z-index:3;background:linear-gradient(0deg,#322d4b99,transparent 34%,#342f4708 82%);pointer-events:none}.reel-halo{position:absolute;inset:-28%;z-index:0;background:radial-gradient(ellipse at 58% 55%,#ffc0a47a,transparent 48%);animation:halo 9s ease-in-out infinite alternate}.hero-sculpture{position:absolute;z-index:1;left:3%;top:8%;width:94%;height:auto;filter:saturate(.75) brightness(1.08);animation:float 9s ease-in-out infinite}.orbit-line{position:absolute;z-index:2;width:90%;height:63%;left:5%;top:18%;border:1px solid #fff2;border-radius:50%}.orbit-one{transform:rotate(-34deg)}.orbit-two{transform:rotate(29deg)}.reel-tag{position:absolute;z-index:4;font-size:7px;letter-spacing:2px;opacity:.9}.reel-tag-a{left:7%;top:28%}.reel-tag-b{right:5%;top:61%}.reel-center-copy{position:absolute;z-index:4;left:5%;right:5%;bottom:28%;text-align:center;font:400 clamp(34px,4vw,64px)/.94 var(--serif);letter-spacing:-1.6px;text-shadow:0 2px 20px #32243f33}.reel-bottom{position:absolute;z-index:5;left:24px;right:24px;bottom:23px;display:flex;align-items:center;gap:14px}.reel-play{width:50px;height:50px;border-radius:50%;border:1px solid #fff8;background:#fff1;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s,transform .2s}.reel-play .icon{width:21px;height:21px}.reel-card:hover .reel-play{background:var(--cream);color:var(--ink);transform:scale(1.05)}.reel-caption{display:flex;flex-direction:column;gap:2px}.reel-caption strong{font-size:12px;font-weight:500}.reel-caption span{font-size:7px;letter-spacing:1.5px;opacity:.8}.reel-duration{margin-left:auto;font-size:10px}.reel-footer{display:flex;justify-content:space-between;align-items:center;margin-top:15px;font-size:9px}.reel-footer>span{display:flex;align-items:center;gap:9px}.mini-orbit{width:20px;height:14px;border:1px solid #fff8;border-radius:50%;transform:rotate(-40deg);position:relative}.mini-orbit:after{content:'';position:absolute;inset:-1px;border:1px solid #fff8;border-radius:50%;transform:rotate(80deg)}.motion-toggle{display:flex;align-items:center;gap:5px;font-size:9px;color:inherit;opacity:.82}.motion-toggle .icon{width:13px;height:13px}.scroll-cue{position:absolute;bottom:18px;left:0;display:flex;align-items:center;gap:12px;font-size:7px;letter-spacing:1.8px}.scroll-cue .icon{width:20px;height:20px}

.create-section{padding:120px 0 112px}.create-heading{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:8%;align-items:end;margin-bottom:82px}.create-intro .eyebrow{color:var(--muted);margin-bottom:28px}.create-intro h2,.presence-inner h2,.signup-copy h2{font:400 clamp(55px,5.5vw,82px)/.96 var(--serif);letter-spacing:-3px}.create-lede{font-size:15px;line-height:1.85;color:var(--muted);max-width:420px;padding-bottom:7px}.creator-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:46px}.flow-item{border-top:1px solid var(--line);padding:34px 0 0;min-height:360px;display:flex;flex-direction:column;transition:transform .25s}.flow-item:hover{transform:translateY(-4px)}.flow-top{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;min-height:104px}.flow-number{font:400 58px/.95 var(--serif);letter-spacing:-2px;color:#a794a9}.flow-icon{width:82px;height:58px;fill:none;stroke:#aa9bad;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;opacity:.78}.flow-brand-symbol{width:54px;height:66px;object-fit:contain;opacity:.9;margin-right:8px}.flow-item h3{font:400 clamp(31px,2.4vw,40px)/1.05 var(--serif);letter-spacing:-1.2px;margin:15px 0 20px}.flow-item p{font-size:13px;line-height:1.78;color:var(--muted);max-width:390px}.flow-label{margin-top:auto;padding-top:34px;font-size:8px;letter-spacing:2px;color:#948894}

.presence-section{background:#343244;color:var(--cream);padding:95px 0 100px;position:relative;overflow:hidden}.presence-section:after{content:'';position:absolute;width:680px;height:680px;border:1px solid #fff1;border-radius:50%;right:-230px;top:-190px;box-shadow:0 0 0 80px #fff0,0 0 0 160px #fff0}.presence-inner{position:relative;z-index:1}.presence-inner .eyebrow{opacity:.68;margin-bottom:31px}.presence-inner h2{max-width:1030px}.presence-inner>p{max-width:620px;margin-top:27px;font-size:14px;line-height:1.85;opacity:.72}.presence-line{display:flex;align-items:center;gap:27px;margin-top:52px;font-size:9px;letter-spacing:2px;opacity:.76}.presence-orbit{width:42px;height:31px;fill:none;stroke:currentColor;stroke-width:.8}

.signup-section{position:relative;isolation:isolate;color:var(--cream);overflow:hidden;padding:105px 0 112px;background:linear-gradient(145deg,#7493b9 0%,#9186b3 38%,#c486a5 71%,#ffa17f 100%)}.signup-glow{position:absolute;z-index:-2;width:680px;height:680px;border-radius:50%;left:-230px;bottom:-340px;background:radial-gradient(circle,#ffccb054,transparent 66%)}.signup-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:9%;align-items:center}.signup-copy .eyebrow{margin-bottom:31px}.signup-copy>p:not(.eyebrow):not(.signup-promise){font-size:15px;line-height:1.8;max-width:470px;margin-top:28px}.signup-rail{display:flex;align-items:center;gap:12px;margin-top:42px;font-size:8px;letter-spacing:1.9px;opacity:.82}.signup-rail i{display:block;width:34px;height:1px;background:#fff5}.signup-promise{font-size:9px;letter-spacing:.4px;margin-top:16px;opacity:.78}.signup-card{background:rgba(255,245,233,.94);color:var(--ink);border:1px solid #fff8;border-radius:8px;padding:38px 42px 34px;box-shadow:0 32px 70px -35px rgba(52,41,65,.55);backdrop-filter:blur(14px)}.form-heading>.eyebrow{color:#88788d;margin-bottom:10px}.form-heading h3{font:400 44px/1 var(--serif);letter-spacing:-1.5px}.form-heading>p:last-child{font-size:12px;color:var(--muted);margin-top:10px;margin-bottom:30px}.preview-notice{font-size:9px;padding:9px 11px;background:#e8dce4;border:1px solid #c9b5c1;margin:-10px 0 22px;border-radius:4px}.form-field{margin-bottom:19px}.form-field label,.platform-field legend{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin-bottom:8px}.form-field label span,.platform-field legend span{font-size:7px;letter-spacing:1.2px;color:#8c858f}.form-field input{width:100%;height:50px;border:1px solid #8a828c;background:transparent;border-radius:5px;padding:0 13px;color:var(--ink);font-size:14px;outline:none}.form-field input:focus{border-color:#544f60;box-shadow:0 0 0 2px #544f6012}.form-field input::placeholder{color:#948e97}.field-error{display:block;min-height:14px;margin-top:4px;color:#9b395d;font-size:9px}.platform-field{border:0;padding:0;margin:4px 0 20px}.platform-chips{display:flex;flex-wrap:wrap;gap:7px}.platform-chips input{position:absolute;opacity:0;pointer-events:none}.platform-chips label span{display:block;padding:7px 11px;border:1px solid #aaa0aa;border-radius:100px;font-size:9px;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.platform-chips input:checked+span{background:var(--ink);color:var(--cream);border-color:var(--ink)}.platform-chips input:focus-visible+span{outline:2px solid var(--ink);outline-offset:3px}.consent-field{margin:4px 0 18px}.checkbox-label{display:flex;align-items:flex-start;gap:9px;font-size:11px}.checkbox-label input{margin-top:3px;accent-color:var(--ink)}.form-submit{width:100%;background:var(--ink);color:var(--cream);margin-top:2px}.form-submit:hover{background:#3b394b}.form-submit:disabled{opacity:.65}.form-privacy{font-size:9px;line-height:1.7;color:#77717a;margin-top:13px}.inline-link{text-decoration:underline;color:inherit;padding:0}.form-status{font-size:10px;line-height:1.7;min-height:17px;margin-top:9px;color:#78546b}.honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}.form-success{padding:34px 0 25px;text-align:center}.success-ring{width:58px;height:58px;margin:0 auto 20px;border-radius:50%;border:1px solid #7c7280;display:flex;align-items:center;justify-content:center}.success-ring .icon{width:24px;height:24px}.form-success .eyebrow{justify-content:center;color:var(--muted)}.form-success h3{font:400 48px/1 var(--serif);margin:12px 0 16px}.form-success>p:last-child{font-size:13px;line-height:1.8;color:var(--muted)}

.site-footer{background:#292834;color:var(--cream);padding:31px 0}.footer-inner{display:flex;align-items:center;gap:30px}.footer-inner .wordmark{width:118px}.footer-inner p{font:400 23px/1 var(--serif);margin-left:14px}.footer-inner>span{margin-left:auto;font-size:7px;letter-spacing:1.6px;opacity:.56}

.reel-dialog,.privacy-dialog{border:0;border-radius:8px;padding:0;background:#efebe6;color:var(--ink);box-shadow:0 40px 100px #241f3185}.reel-dialog{width:min(1060px,calc(100% - 40px));padding:26px}.privacy-dialog{width:min(620px,calc(100% - 40px));padding:34px}.reel-dialog::backdrop,.privacy-dialog::backdrop{background:#262233c7;backdrop-filter:blur(8px)}.dialog-top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px}.dialog-top .eyebrow,.privacy-dialog>.eyebrow{color:var(--muted);margin-bottom:7px}.dialog-top h2,.privacy-dialog h2{font:400 44px/1 var(--serif);letter-spacing:-1.4px}.icon-button{width:40px;height:40px;border:1px solid #9d949d;border-radius:50%;display:flex;align-items:center;justify-content:center}.icon-button .icon{width:18px;height:18px}.reel-dialog video{display:block;width:100%;aspect-ratio:16/9;background:#312e41}.film-note,.film-error{font-size:9px;color:var(--muted);margin-top:10px}.film-error{color:#9b395d}.privacy-dialog{position:relative}.privacy-dialog>.dialog-close{position:absolute;right:20px;top:20px}.privacy-dialog h2{font-size:48px;margin:10px 0 22px}.privacy-dialog p:not(.eyebrow){font-size:12px;line-height:1.8;color:var(--muted);margin-top:12px}.noscript-note{position:fixed;left:0;right:0;bottom:0;padding:9px;background:#292834;color:white;text-align:center;font-size:11px;z-index:100}

@keyframes mixieGradientShift{0%{background-position:0% 15%}33%{background-position:55% 38%}66%{background-position:88% 70%}100%{background-position:25% 100%}}@keyframes mixieGradientBloom{0%{transform:translate3d(-7%,-4%,0) scale(1)}50%{transform:translate3d(7%,4%,0) scale(1.08)}100%{transform:translate3d(-2%,9%,0) scale(1.14)}}@keyframes halo{from{transform:scale(.94);opacity:.62}to{transform:scale(1.08);opacity:.9}}@keyframes float{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-8px) rotate(.8deg)}}html[data-motion=off] .gradient-world,html[data-motion=off] .gradient-world:after,html[data-motion=off] .reel-halo,html[data-motion=off] .hero-sculpture{animation:none}

@media(max-width:1000px){.desktop-nav{display:none}.hero{grid-template-columns:.8fr 1.2fr;gap:4%}.hero h1{font-size:clamp(66px,8vw,92px)}.create-heading,.signup-grid{gap:6%}.creator-flow{gap:28px}.footer-inner p{display:none}}
@media(max-width:760px){:root{--gutter:22px}.gradient-world{min-height:auto}.site-header{height:80px}.wordmark{width:126px}.nav-cta{display:none}.menu-toggle{display:block;width:38px;height:34px;position:relative}.menu-toggle span{position:absolute;left:6px;right:6px;height:1px;background:currentColor;transition:transform .2s,top .2s}.menu-toggle span:first-child{top:12px}.menu-toggle span:last-child{top:21px}.menu-toggle[aria-expanded=true] span:first-child{top:17px;transform:rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{top:17px;transform:rotate(-45deg)}.mobile-nav{display:flex;position:absolute;left:0;right:0;top:72px;flex-direction:column;background:#756f91f5;border:1px solid #fff3;border-radius:6px;padding:9px 16px;box-shadow:0 18px 35px #352d4a40;backdrop-filter:blur(15px)}.mobile-nav a{padding:13px 2px;border-bottom:1px solid #fff3;font-size:12px}.mobile-nav a:last-child{border:0}.hero{display:block;min-height:0;padding:48px 0 78px}.hero-copy{padding:0}.hero h1{font-size:clamp(64px,19vw,90px);letter-spacing:-3.4px;margin:27px 0 25px}.hero-description{font-size:16px;line-height:1.6;max-width:340px}.hero-actions{display:block;margin-top:26px}.hero-actions .button{width:100%}.text-button{margin-top:15px}.hero-note{font-size:9px}.reel-wrap{margin-top:50px}.reel-card{aspect-ratio:1.08}.reel-center-copy{font-size:clamp(39px,12vw,53px);bottom:29%}.reel-bottom{left:18px;right:18px;bottom:17px}.reel-caption span,.reel-tag{font-size:6px}.reel-play{width:45px;height:45px}.reel-footer{font-size:8px}.scroll-cue{display:none}.create-section{padding:76px 0 72px}.create-heading{display:block;margin-bottom:48px}.create-intro .eyebrow{margin-bottom:22px}.create-intro h2,.presence-inner h2,.signup-copy h2{font-size:clamp(51px,14vw,68px);letter-spacing:-2.3px}.create-lede{font-size:13px;line-height:1.8;margin-top:24px;padding:0;max-width:340px}.creator-flow{display:block}.flow-item{min-height:0;padding:26px 0 30px;border-top:1px solid var(--line)}.flow-top{min-height:78px}.flow-number{font-size:48px}.flow-icon{width:67px;height:48px}.flow-brand-symbol{width:43px;height:54px}.flow-item h3{font-size:31px;margin:10px 0 12px}.flow-item p{font-size:11px;line-height:1.8;max-width:330px}.flow-label{margin-top:22px;padding-top:0}.presence-section{padding:70px 0 74px}.presence-inner>p{font-size:12px;line-height:1.85}.presence-line{gap:12px;margin-top:37px}.presence-orbit{width:33px;height:24px}.signup-section{padding:73px 0 78px}.signup-grid{display:block}.signup-copy>p:not(.eyebrow):not(.signup-promise){font-size:13px;line-height:1.8}.signup-rail{margin-top:31px}.signup-card{margin-top:41px;padding:27px 21px}.form-heading h3{font-size:35px}.form-field input{font-size:16px}.form-submit{font-size:11px}.footer-inner{flex-wrap:wrap;gap:10px 18px}.footer-inner .wordmark{width:110px}.footer-inner>span{margin-left:auto;font-size:6px;max-width:180px;text-align:right}.reel-dialog{width:calc(100% - 20px);padding:14px}.dialog-top h2{font-size:33px}.dialog-top .eyebrow{font-size:7px}.reel-dialog video{aspect-ratio:16/10}.privacy-dialog{padding:28px 22px}.privacy-dialog h2{font-size:39px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* 2026-09-22 visual refinement */
.reel-wrap{align-self:center}.reel-photo-card{aspect-ratio:1.34;background:#4a465a}.reel-photo-card:before{content:'';position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,rgba(46,42,58,.7) 0%,rgba(46,42,58,.25) 43%,rgba(46,42,58,.03) 70%),linear-gradient(0deg,rgba(34,31,47,.5),transparent 45%);pointer-events:none}.reel-photo-card:after{background:linear-gradient(0deg,rgba(37,33,48,.48),transparent 40%)}.reel-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 2%;z-index:1;transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .65s}.reel-photo-card:hover .reel-photo{transform:scale(1.025);filter:saturate(1.04)}.reel-photo-card .reel-center-copy{left:7%;right:auto;bottom:27%;text-align:left;max-width:62%;font-size:clamp(36px,4vw,64px)}.reel-photo-card .reel-bottom{left:7%;right:auto;bottom:7%;gap:12px}.reel-photo-card .reel-caption strong{font-size:12px}.create-intro h2{margin-top:0}.flow-orbit{width:70px;height:54px;stroke:#aa9bad;fill:none;stroke-width:1.9}.presence-section:after{opacity:.45}.presence-inner{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.62fr);gap:8%;align-items:center}.presence-copy h2{max-width:790px}.presence-copy>p{max-width:620px;margin-top:27px;font-size:14px;line-height:1.85;opacity:.72}.presence-visual{height:390px;border-radius:8px;overflow:hidden;position:relative;box-shadow:0 35px 70px -42px #0d0c15}.presence-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#343244 0%,transparent 30%),linear-gradient(0deg,#34324455,transparent 40%);pointer-events:none}.presence-visual img{width:100%;height:100%;object-fit:cover;object-position:50% 31%;filter:saturate(.86) contrast(.96)}.signup-grid{grid-template-columns:.82fr 1.18fr;align-items:center}
@media(max-width:1000px){.presence-inner{grid-template-columns:1fr .55fr;gap:5%}.presence-visual{height:330px}}
@media(max-width:760px){.reel-photo-card{aspect-ratio:1.02}.reel-photo-card .reel-center-copy{left:6%;max-width:74%;bottom:27%;font-size:clamp(39px,12vw,53px)}.reel-photo-card .reel-bottom{left:6%;bottom:6%}.flow-orbit{width:58px;height:44px}.presence-inner{display:block}.presence-copy>p{font-size:12px;line-height:1.85}.presence-visual{height:360px;margin-top:44px}.presence-visual:after{background:linear-gradient(0deg,#343244 0%,transparent 28%)}.signup-card{margin-top:34px}}

/* 2026-09-22 presence section: full-height image treatment */
.presence-section{
  padding:0;
  min-height:560px;
}
.presence-inner.wrap{
  width:100%;
  max-width:none;
  margin:0;
  min-height:560px;
  display:grid;
  grid-template-columns:minmax(0,56%) minmax(0,44%);
  gap:0;
  align-items:stretch;
}
.presence-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:86px clamp(48px,7vw,118px) 86px max(var(--gutter),calc((100vw - var(--wrap))/2));
}
.presence-visual{
  height:auto;
  min-height:560px;
  margin:0;
  border-radius:0;
  box-shadow:none;
  align-self:stretch;
}
.presence-visual:after{
  background:linear-gradient(90deg,#343244 0%,rgba(52,50,68,.7) 8%,rgba(52,50,68,.18) 24%,transparent 38%),linear-gradient(0deg,rgba(52,50,68,.18),transparent 34%);
}
.presence-visual img{
  width:100%;
  height:100%;
  min-height:560px;
  object-fit:cover;
  object-position:50% 31%;
}
@media(max-width:1000px){
  .presence-inner.wrap{grid-template-columns:minmax(0,58%) minmax(0,42%)}
  .presence-copy{padding-right:44px}
  .presence-visual,.presence-visual img{min-height:520px}
}
@media(max-width:760px){
  .presence-section{min-height:0}
  .presence-inner.wrap{display:block;min-height:0}
  .presence-copy{padding:70px var(--gutter) 58px}
  .presence-visual{height:390px;min-height:0;margin:0;border-radius:0}
  .presence-visual img{height:100%;min-height:0;object-position:50% 26%}
  .presence-visual:after{background:linear-gradient(0deg,#343244 0%,rgba(52,50,68,.22) 18%,transparent 42%)}
}

/* Compact early-access conversion block */
@media(min-width:1101px){
  .signup-section{padding:88px 0 92px}
  .signup-grid{grid-template-columns:minmax(300px,.82fr) minmax(440px,1.18fr);gap:clamp(48px,7vw,96px);align-items:center;max-width:1080px}
  .signup-copy{align-self:center}
  .signup-copy .eyebrow{margin-bottom:22px}
  .signup-copy>p:not(.eyebrow):not(.signup-promise){margin-top:21px;max-width:410px;line-height:1.68}
  .signup-rail{margin-top:30px}
  .signup-card{align-self:center;padding:27px 30px 23px;border-radius:7px}
  .preview-notice{margin:0 0 13px;padding:7px 9px}
  .form-field{margin-bottom:11px}
  .form-field label,.platform-field legend{margin-bottom:5px;font-size:10px}
  .form-field input{height:42px;font-size:13px;padding:0 12px}
  .field-error{min-height:0;margin-top:3px}
  .field-error:empty{display:none}
  .platform-field{margin:2px 0 12px}
  .platform-chips{gap:6px}
  .platform-chips label span{padding:5px 9px;font-size:8px}
  .consent-field{margin:2px 0 12px}
  .checkbox-label{font-size:10px;gap:8px}
  .form-submit{min-height:44px;padding:10px 18px;margin-top:0}
  .form-privacy{font-size:8px;line-height:1.55;margin-top:8px}
  .form-status{min-height:0;margin-top:6px}
  .form-status:empty{display:none}
}

/* Confirmed submission and diagnostic states. Existing page design unchanged. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.form-diagnostics{margin-top:10px;font-size:11px;line-height:1.6;color:var(--muted)}
.form-diagnostics summary{cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.form-diagnostics p{margin-top:8px;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px}
.form-submit.is-submitting{cursor:wait;opacity:.78}
.form-submit.is-submitting>.icon{animation:mixieSendingPulse 1s ease-in-out infinite alternate}
@keyframes mixieSendingPulse{to{opacity:.25}}
.signup-card[data-state="success"]{min-height:360px;display:flex;flex-direction:column;justify-content:center}
.form-success:not([hidden]){padding:16px 0 20px;animation:mixieSuccessIn .4s ease-out both}
.form-success h3{margin-top:18px;margin-bottom:20px}
.form-success>p:not(.eyebrow):not(.success-preview-note){font-size:14px;line-height:1.75;max-width:400px;margin:10px auto;color:var(--muted)}
.form-success strong{color:var(--ink);overflow-wrap:anywhere}
.form-success .success-ring{width:66px;height:66px;background:linear-gradient(135deg,#e4deef,#f9dbc9);border:1px solid #ac95b0;color:var(--ink)}
.form-success .success-ring .icon{width:28px;height:28px;stroke-width:2.2}
.success-preview-note{padding:10px;border-radius:4px;background:#e8dce4;border:1px solid #c9b5c1;font-size:11px;line-height:1.6;margin-bottom:20px}
.success-reset{font-size:12px;margin-top:22px}
.preview-notice .inline-link{font-size:inherit;display:inline-block;margin-top:5px}
@keyframes mixieSuccessIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.form-success:not([hidden]),.form-submit.is-submitting>.icon{animation:none}}
[data-motion="off"] .form-success:not([hidden]),[data-motion="off"] .form-submit.is-submitting>.icon{animation:none}
@media(max-width:760px){.signup-card[data-state="success"]{min-height:330px}.form-success>p:not(.eyebrow):not(.success-preview-note){font-size:13px}}
