:root{--paper:#f5f3ff;--surface:#fff;--ink:#171327;--muted:#6d687e;--purple:#6d45e8;--purple2:#9b7cff;--coral:#ff6b6b;--green:#22b889;--line:#dcd6f5;--shadow:0 24px 80px rgba(59,42,126,.13);--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Vazirmatn",Tahoma,sans-serif;overflow-x:hidden}button,a{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.container{width:min(1180px,calc(100% - 48px));margin-inline:auto}.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}.skip-link{position:fixed;top:12px;right:12px;z-index:9999;background:var(--ink);color:white;padding:12px 18px;transform:translateY(-150%)}.skip-link:focus{transform:none}.nav-shell{position:fixed;top:0;inset-inline:0;z-index:100;padding-top:16px;transition:.3s}.nav-shell.scrolled{padding-top:8px}.nav{height:64px;padding:0 10px 0 18px;border:1px solid rgba(109,69,232,.13);border-radius:20px;background:rgba(245,243,255,.76);backdrop-filter:blur(18px);display:flex;align-items:center;justify-content:space-between;box-shadow:0 8px 30px rgba(44,31,88,.06)}.brand{display:flex;align-items:center;gap:9px;font:700 20px "IBM Plex Mono",monospace;direction:ltr}.brand-mark{width:36px;height:36px;border-radius:12px;background:var(--purple);color:white;display:grid;place-items:center;font-size:23px}.nav-links{display:flex;gap:30px;font-size:14px;color:var(--muted)}.nav-links a{transition:.2s}.nav-links a:hover{color:var(--purple)}.button{border:0;background:var(--ink);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:14px;font-weight:700;transition:transform .25s var(--ease),box-shadow .25s}.button svg{width:18px;transform:rotate(180deg)}.button:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(23,19,39,.18)}.button:active{transform:scale(.97)}.button-small{min-height:46px;padding:0 18px}.hero{position:relative;min-height:100dvh;padding:145px 0 70px;display:grid;place-items:center;overflow:hidden}.hero:before{content:"";position:absolute;width:700px;height:700px;left:50%;top:50%;transform:translate(-50%,-45%);background:radial-gradient(circle,rgba(155,124,255,.20),transparent 67%);pointer-events:none}.hero-orbit{position:absolute;border:1px solid rgba(109,69,232,.14);border-radius:50%;pointer-events:none}.orbit-one{width:780px;height:780px;top:-390px;left:-200px}.orbit-two{width:520px;height:520px;right:-210px;bottom:-100px}.hero-inner{text-align:center;position:relative;z-index:2}.eyebrow,.section-label{display:inline-flex;align-items:center;gap:9px;color:var(--purple);font-size:13px;font-weight:700;letter-spacing:.03em}.live-dot,.online{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 6px rgba(34,184,137,.12);animation:pulse 2s infinite}.hero h1{font-size:clamp(44px,6.4vw,88px);line-height:1.12;letter-spacing:-.055em;margin:24px auto 20px;max-width:1050px;font-weight:900}.hero h1 span{color:var(--purple)}.hero-copy{font-size:clamp(17px,1.7vw,21px);color:var(--muted);max-width:650px;margin:0 auto;line-height:1.9}.prompt-stage{width:min(760px,100%);margin:44px auto 0;position:relative;text-align:right}.agent-pill{position:absolute;right:22px;top:-30px;z-index:2;background:var(--ink);color:white;padding:9px 11px 9px 15px;border-radius:16px;display:flex;align-items:center;gap:10px;box-shadow:0 12px 35px rgba(23,19,39,.2)}.agent-pill span:nth-child(2){display:flex;flex-direction:column}.agent-pill b{font-size:12px}.agent-pill small{font-size:9px;color:#bdb7ce}.agent-avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--purple);font:600 17px "IBM Plex Mono"}.agent-pill .online{margin-right:auto;width:6px;height:6px}.prompt-box{background:rgba(255,255,255,.9);border:1px solid rgba(109,69,232,.22);border-radius:26px;padding:30px 24px 18px;box-shadow:var(--shadow);min-height:174px;position:relative}.prompt-box:focus-within{box-shadow:0 24px 80px rgba(109,69,232,.22);border-color:var(--purple2)}.prompt-box label{font-size:12px;color:#928ca2}.typing-line{min-height:55px;padding-top:9px;font-size:18px;font-weight:600;line-height:1.8}.caret{display:inline-block;width:2px;height:21px;background:var(--purple);vertical-align:middle;margin-right:3px;animation:blink .8s infinite}.prompt-tools{display:flex;align-items:center;justify-content:space-between;direction:ltr}.prompt-tools>div{display:flex;gap:6px}.icon-button,.send-button{width:46px;height:46px;border:0;display:grid;place-items:center;border-radius:14px}.icon-button{background:#f1eefb;color:#817a94}.send-button{background:var(--purple);color:white;opacity:0;transform:scale(.5) rotate(30deg);transition:.5s var(--ease);box-shadow:0 10px 20px rgba(109,69,232,.3)}.send-button.ready{opacity:1;transform:none;animation:sendNudge 1.8s infinite}.send-button.launched{transform:scale(.2);opacity:0}.send-button svg{transform:rotate(180deg)}.suggestions{display:flex;gap:8px;justify-content:center;margin-top:13px}.suggestions button{border:1px solid var(--line);background:rgba(255,255,255,.55);color:var(--muted);border-radius:999px;padding:7px 14px;font-size:11px}.scroll-cue{margin-top:36px;font-size:10px;color:#8d879b;display:flex;flex-direction:column;align-items:center;gap:8px}.scroll-cue i{width:1px;height:32px;background:linear-gradient(var(--purple),transparent);animation:scrollCue 1.8s infinite}.output-section{min-height:970px;background:var(--ink);color:white;position:relative;overflow:hidden;padding:150px 0}.output-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 45%,rgba(109,69,232,.3),transparent 34%),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:auto,72px 72px,72px 72px}.signal-rail{position:absolute;top:-100px;left:50%;width:2px;height:230px;background:linear-gradient(transparent,var(--purple2),transparent);z-index:5}.signal{position:absolute;left:50%;top:0;width:52px;height:52px;margin-left:-26px;border-radius:16px;background:var(--purple);display:grid;place-items:center;box-shadow:0 0 40px var(--purple);opacity:0}.signal svg{transform:rotate(90deg)}.burst{position:absolute;top:120px;left:50%;z-index:4}.particle{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--purple2);animation:burst .8s var(--ease) forwards}.output-grid{position:relative;z-index:2;display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}.output-copy h2,.section-head h2,.control-copy h2{font-size:clamp(42px,5.2vw,72px);line-height:1.14;letter-spacing:-.05em;margin:22px 0}.output-copy h2 em,.cta-inner em{font-style:normal;color:var(--purple2)}.output-copy>p,.section-head>p,.control-copy>p{color:#b9b3ca;font-size:17px;line-height:1.95;max-width:530px}.metric-row{display:flex;gap:48px;margin-top:46px}.metric-row div{display:flex;flex-direction:column}.metric-row strong{font:600 40px "IBM Plex Mono"}.metric-row span{font-size:12px;color:#9790aa}.social-stack{position:relative;height:650px;direction:ltr;perspective:1200px}.social-card{position:absolute;width:min(410px,80vw);background:#fff;color:var(--ink);border-radius:24px;padding:18px;box-shadow:0 34px 70px rgba(0,0,0,.35);direction:rtl;transition:transform .4s var(--ease)}.social-card:hover{z-index:8!important}.social-card header{display:flex;align-items:center;gap:10px}.social-card header>div{display:flex;flex-direction:column;margin-left:auto}.social-card header b{font-size:13px}.social-card header small{font-size:10px;color:#888}.social-card header button{border:0;background:none}.network-icon{width:37px;height:37px;border-radius:12px;display:grid;place-items:center;background:#f0edf9;font-size:20px}.network-icon svg{width:19px}.instagram{left:5%;top:30px;z-index:3;transform:rotate(-5deg)}.instagram:hover{transform:rotate(-2deg) translateY(-8px)}.post-visual{height:295px;margin:15px 0;border-radius:15px;background:linear-gradient(145deg,#ff8b75,#f8c75f 45%,#794bea);display:grid;place-items:center;position:relative;overflow:hidden;color:white;font-size:32px;text-align:center}.post-visual:before{content:"";position:absolute;width:250px;height:250px;border:40px solid rgba(255,255,255,.25);border-radius:50%;left:-70px;bottom:-100px}.post-visual span{z-index:1}.post-visual span b{font-size:50px}.post-visual i{position:absolute;top:15px;right:18px;font:600 12px "IBM Plex Mono"}.engagement{display:flex;gap:14px;direction:ltr;font-size:13px}.instagram>p{font-size:12px}.telegram{right:0;top:180px;z-index:4;transform:rotate(4deg);background:#e9f6ff}.telegram:hover{transform:rotate(1deg) translateY(-8px)}.telegram .network-icon{background:#229ed9;color:white}.telegram>p{background:white;border-radius:14px;padding:15px;font-size:13px;line-height:1.8}.telegram footer,.twitter footer{display:flex;justify-content:space-between;color:#777;font-size:10px}.verified{color:#229ed9}.twitter{left:18%;bottom:5px;z-index:5;transform:rotate(-2deg)}.twitter:hover{transform:rotate(0) translateY(-8px)}.twitter>p{font-size:15px;line-height:1.8}.workflow,.features,.control-section{padding:140px 0}.section-head{max-width:740px}.section-head h2{font-size:clamp(40px,5vw,68px)}.workflow{background:#fff}.workflow .section-head p{color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:80px;position:relative}.workflow-line{height:1px;background:var(--line);position:relative;top:126px}.workflow-line i{display:block;width:0;height:100%;background:var(--purple);transition:width 1.5s var(--ease)}.workflow-line.active i{width:100%}.step{position:relative;background:white}.step>span{font:600 12px "IBM Plex Mono";color:var(--purple)}.step-icon{width:62px;height:62px;border-radius:20px;background:var(--paper);border:1px solid var(--line);display:grid;place-items:center;margin:30px 0 26px;color:var(--purple);position:relative;z-index:2}.step h3{font-size:22px;margin:0 0 12px}.step p{font-size:14px;color:var(--muted);line-height:1.9}.features{background:var(--paper)}.centered{text-align:center;margin:0 auto}.centered p{margin-inline:auto;color:var(--muted)}.bento{display:grid;grid-template-columns:1.1fr .9fr;grid-template-rows:440px 380px;gap:20px;margin-top:70px}.feature{border-radius:32px;padding:34px;position:relative;overflow:hidden;background:#fff;border:1px solid var(--line)}.feature h3{font-size:26px;line-height:1.45;margin:14px 0 8px}.feature p{color:var(--muted);line-height:1.8;font-size:14px;max-width:460px}.feature-kicker,.feature-top>span{font:600 11px "IBM Plex Mono";color:var(--purple);letter-spacing:.1em}.feature-agent{background:var(--ink);color:#fff}.feature-agent p{color:#aaa4b8}.feature-top{display:flex;justify-content:space-between}.agent-map{position:absolute;bottom:32px;left:50%;width:260px;height:190px;transform:translateX(-50%)}.agent-map:before{content:"";position:absolute;inset:0;background:repeating-radial-gradient(circle,transparent 0 38px,rgba(155,124,255,.16) 39px 40px)}.agent-map span{position:absolute;left:50%;top:50%;transform:translate(calc(-50% + var(--x,0px)),calc(-50% + var(--y,0px)));width:64px;height:34px;border:1px solid rgba(255,255,255,.18);border-radius:10px;display:grid;place-items:center;font-size:11px;background:#29243b}.agent-map .core{width:72px;height:72px;border-radius:24px;background:var(--purple);font:700 32px "IBM Plex Mono";box-shadow:0 0 45px rgba(109,69,232,.7)}.trend-list{margin-top:32px;display:grid;gap:10px}.trend-list span{display:flex;align-items:center;gap:10px;background:var(--paper);border-radius:13px;padding:12px 14px;font-size:12px}.trend-list i{width:7px;height:7px;border-radius:50%;background:var(--coral)}.trend-list b{margin-right:auto;color:var(--green)}.mini-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-top:36px}.mini-calendar span{aspect-ratio:1;border-radius:10px;background:#f2eff9;position:relative}.mini-calendar .post-dot:after{content:"";position:absolute;inset:18%;border-radius:7px;background:var(--purple)}.mini-calendar .coral:after{background:var(--coral)}.mini-calendar .green:after{background:var(--green)}.feature-creator{background:#e3dcff}.creator-portrait{position:absolute;left:30px;bottom:-40px;width:230px;height:270px;border-radius:110px 110px 30px 30px;background:linear-gradient(150deg,#f1b79f,#8c5fe9);overflow:hidden}.face{position:absolute;width:110px;height:145px;background:#e6ae94;border-radius:48% 48% 45% 45%;left:60px;top:42px;box-shadow:inset 0 22px 0 #2e263d}.face:before,.face:after{content:"";position:absolute;width:8px;height:5px;border-radius:50%;background:#2e263d;top:70px}.face:before{left:28px}.face:after{right:28px}.scan{position:absolute;inset:0;background:linear-gradient(transparent 48%,rgba(255,255,255,.5) 50%,transparent 52%);background-size:100% 40px;animation:scan 3s linear infinite}.control-section{background:white}.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.control-visual{min-height:480px;display:grid;place-items:center}.orbit-ui{width:360px;height:360px;position:relative;display:grid;place-items:center}.human{width:96px;height:96px;border-radius:34px;background:var(--purple);color:white;display:grid;place-items:center;font-size:24px;font-weight:800;box-shadow:0 0 0 16px #eee9ff,0 24px 55px rgba(109,69,232,.25);z-index:2}.ring{position:absolute;border:1px solid var(--line);border-radius:50%}.r1{inset:40px}.r2{inset:0}.node{position:absolute;background:white;border:1px solid var(--line);border-radius:12px;padding:10px 14px;font-size:11px;box-shadow:0 10px 25px rgba(30,20,70,.09)}.n1{top:20px;left:25px}.n2{right:-10px;top:155px}.n3{bottom:14px;left:50px}.control-copy>p{color:var(--muted)}.control-copy ul{list-style:none;padding:0;display:grid;gap:16px;margin-top:32px}.control-copy li{display:flex;align-items:center;gap:12px}.control-copy li svg{width:22px;color:var(--green)}.cta-section{background:var(--purple);color:white;min-height:680px;padding:120px 0;position:relative;overflow:hidden;display:grid;place-items:center}.cta-section:before{content:"";position:absolute;width:600px;height:600px;border:1px solid rgba(255,255,255,.18);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 90px rgba(255,255,255,.03),0 0 0 180px rgba(255,255,255,.025)}.cta-inner{text-align:center;position:relative;z-index:2}.cta-badge{font-size:12px;border:1px solid rgba(255,255,255,.35);padding:8px 14px;border-radius:999px}.cta-inner h2{font-size:clamp(52px,7.5vw,100px);line-height:1.08;letter-spacing:-.055em;margin:28px 0}.cta-inner em{color:#ffe38a}.cta-inner p{font-size:18px;color:#ded5ff}.button-large{min-height:58px;padding:0 28px;background:white;color:var(--purple);margin-top:20px}.cta-inner>small{display:block;margin-top:12px;color:#d2c5ff}.cta-marquee{position:absolute;top:28px;display:flex;white-space:nowrap;font:700 11px "IBM Plex Mono";color:rgba(255,255,255,.4);direction:ltr;animation:marquee 25s linear infinite}.cta-marquee span{padding-right:30px}footer{background:var(--ink);color:white;padding:45px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between}.footer-inner p{font-size:13px;color:#928ba2}.footer-inner>div{display:flex;gap:22px;color:#928ba2;font-size:11px}.svg-sprite{display:none}.reveal{opacity:0;transform:translateY(35px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.visible{opacity:1;transform:none}.reveal-card{opacity:0;transition:opacity .75s var(--ease),transform .9s var(--ease)}.reveal-card.visible{opacity:1}.cursor-glow{position:fixed;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(109,69,232,.08),transparent 68%);pointer-events:none;z-index:0;transform:translate(-50%,-50%)}
@keyframes blink{50%{opacity:0}}@keyframes pulse{50%{box-shadow:0 0 0 10px rgba(34,184,137,0)}}@keyframes sendNudge{50%{transform:translateY(-3px)}}@keyframes scrollCue{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}@keyframes burst{to{transform:translate(var(--tx),var(--ty)) scale(0);opacity:0}}@keyframes scan{to{background-position:0 40px}}@keyframes marquee{to{transform:translateX(50%)}}
@media(max-width:900px){.nav-links{display:none}.output-grid,.control-grid{grid-template-columns:1fr}.output-grid{gap:45px}.output-section{padding-top:130px}.social-stack{height:620px}.steps{grid-template-columns:1fr 1fr}.workflow-line{display:none}.bento{grid-template-columns:1fr;grid-template-rows:auto}.feature{min-height:380px}.control-grid{gap:20px}.control-copy{grid-row:1}.footer-inner{flex-wrap:wrap;gap:20px}}
@media(max-width:600px){.container{width:min(100% - 28px,1180px)}.nav-shell{padding-top:8px}.nav{height:58px;border-radius:17px;padding-left:8px}.button-small{font-size:11px;min-height:42px;padding:0 12px}.hero{padding-top:120px;min-height:auto}.hero h1{font-size:42px}.hero-copy{font-size:16px}.prompt-stage{margin-top:38px}.prompt-box{padding:27px 17px 14px}.typing-line{font-size:15px;min-height:65px}.suggestions{overflow:hidden;justify-content:flex-start}.suggestions button{white-space:nowrap}.output-section{min-height:1100px;padding-bottom:80px}.output-grid{gap:25px}.output-copy h2{font-size:43px}.metric-row{margin-top:25px}.social-stack{height:650px}.social-card{width:91%}.instagram{left:0}.telegram{right:0;top:245px}.twitter{left:6%;bottom:0}.post-visual{height:240px}.workflow,.features,.control-section{padding:90px 0}.steps{grid-template-columns:1fr;gap:34px;margin-top:55px}.step{display:grid;grid-template-columns:58px 1fr;column-gap:16px}.step>span{position:absolute;left:4px}.step-icon{grid-row:1/3;margin:0;width:56px;height:56px}.step h3{margin:0}.step p{grid-column:2}.bento{margin-top:50px}.feature{padding:26px;min-height:390px}.feature-creator{min-height:500px}.creator-portrait{left:50%;transform:translateX(-50%)}.orbit-ui{transform:scale(.82)}.control-visual{min-height:380px}.cta-section{min-height:630px}.cta-inner h2{font-size:54px}.footer-inner{flex-direction:column;align-items:flex-start}.cursor-glow{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal,.reveal-card{opacity:1;transform:none}.cursor-glow{display:none}}
:focus-visible{outline:3px solid var(--coral);outline-offset:3px}

/* Mobile overflow hardening — keep RTL layouts locked to the viewport. */
html,body{width:100%;max-width:100%;overflow-x:hidden}
html{direction:ltr}
body{direction:rtl;position:relative}
main,.nav-shell,section,footer{width:100%;max-width:100vw}
@media(max-width:600px){
  .container{width:calc(100% - 28px);max-width:100%}
  .nav .brand>span:last-child{display:none}
  .hero{padding-top:118px}
  .hero-inner{max-width:100%;overflow:hidden}
  .hero h1{width:100%;max-width:100%;font-size:clamp(33px,9.4vw,38px);line-height:1.25;letter-spacing:-.04em;overflow-wrap:anywhere}
  .hero-copy{font-size:15px;padding-inline:6px}
  .prompt-stage{width:100%;margin-top:48px}
  .agent-pill{right:12px;top:-32px}
  .prompt-box{padding:30px 17px 14px;border-radius:22px}
  .typing-line{font-size:14px;min-height:72px}
  .suggestions{width:100%;justify-content:flex-start}
  .suggestions button{flex:0 0 auto}
  .output-section,.workflow,.features,.control-section,.cta-section,footer{max-width:100%;overflow-x:hidden}
  .orbit-ui{width:330px;height:330px}
}

/* English edition + scroll narrative */
html,body{direction:ltr}
body{font-family:"DM Sans",Arial,sans-serif}
h1,h2,h3,.button{font-family:"Manrope","DM Sans",sans-serif}
.button svg,.send-button svg{transform:none}.hero h1{letter-spacing:-.06em}.agent-pill{right:auto;left:22px}.agent-pill .online{margin-left:auto;margin-right:0}.prompt-stage{text-align:left}.prompt-tools{direction:ltr}.suggestions{justify-content:center}.social-wall{position:relative;height:720px;perspective:1200px}.output-grid{grid-template-columns:.78fr 1.22fr}.output-copy>p{color:#b9b3ca}.flight-layer{position:absolute;inset:0;pointer-events:none;z-index:80}.flying-rocket{position:fixed;left:0;top:0;width:54px;height:54px;border-radius:18px;background:linear-gradient(145deg,#805df1,#5a35d5);color:#fff;display:grid;place-items:center;opacity:0;transform:translate3d(-100px,-100px,0) rotate(45deg);box-shadow:0 0 0 9px rgba(128,93,241,.13),0 18px 40px rgba(78,49,178,.36);will-change:transform,opacity}.flying-rocket svg{width:29px;height:29px}.rocket-flame{position:absolute;width:13px;height:26px;border-radius:50% 50% 60% 60%;background:linear-gradient(#ffe679,#ff6b6b);left:5px;bottom:4px;transform:rotate(45deg) scaleY(.8);filter:blur(1px);animation:flame .16s infinite alternate}.flight-target{position:absolute;top:105px;left:66%;width:12px;height:12px}.burst{top:110px;left:66%}.send-button.ready{animation:rocketIdle 1.4s ease-in-out infinite}.send-button.launched{opacity:0;transform:scale(.65)}
.native-post{position:absolute;background:#fff;color:#101014;border:1px solid #e9e9ed;box-shadow:0 32px 74px rgba(0,0,0,.32);opacity:0;visibility:hidden;will-change:transform,opacity;transition:opacity .65s var(--ease),transform .8s var(--ease);overflow:hidden}.native-post.generated{opacity:1;visibility:visible}.native-post button{display:grid;place-items:center;border:0;background:transparent;padding:0;color:inherit}.native-post svg{width:21px;height:21px;stroke-width:1.8}.instagram-post{width:385px;border-radius:18px;left:0;top:0;transform:translate(-60px,70px) rotate(-7deg) scale(.78)}.instagram-post.generated{transform:rotate(-4deg) scale(1)}.ig-top{height:60px;padding:10px 13px;display:flex;align-items:center;gap:10px}.ig-avatar,.x-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center}.brand-avatar{background:linear-gradient(135deg,#ff7a59,#7b51ed);color:#fff;font:700 19px "IBM Plex Mono"}.ig-top>div:nth-child(2){display:flex;flex-direction:column;line-height:1.25}.ig-top b{font-size:12px}.ig-top span{font-size:10px}.ig-top button{margin-left:auto}.ig-media{height:350px;position:relative;background:#eee;overflow:hidden}.campaign-art{height:100%;padding:32px;background:linear-gradient(145deg,#ff9b7e 0%,#f6d974 48%,#8f6bec 100%);position:relative;overflow:hidden;color:#fff;display:flex;flex-direction:column;justify-content:center}.campaign-art:before{content:"";position:absolute;width:310px;height:310px;border:58px solid rgba(255,255,255,.3);border-radius:50%;right:-130px;bottom:-130px}.art-label{position:absolute;top:25px;left:27px;font:600 10px "IBM Plex Mono";letter-spacing:.12em}.campaign-art strong{font:800 42px/1.02 "Manrope";letter-spacing:-.055em;position:relative;z-index:2}.campaign-art strong i{font-style:normal;color:#4c2aa0}.art-orbit{position:absolute;width:150px;height:150px;border:1px solid rgba(255,255,255,.55);border-radius:50%;right:22px;top:36px}.art-flower{position:absolute;width:38px;height:38px;border-radius:50%;background:#fff7c7;box-shadow:22px 0 #fff7c7,11px 18px #fff7c7,11px -18px #fff7c7}.f1{right:90px;top:100px}.f2{right:24px;bottom:62px;transform:scale(.55)}.ig-pages{position:absolute;right:12px;top:12px;background:rgba(0,0,0,.55);color:#fff;border-radius:10px;padding:4px 8px;font-size:10px}.ig-actions{display:flex;align-items:center;justify-content:space-between;padding:12px 13px 7px}.ig-actions>div{display:flex;gap:15px}.ig-body{padding:0 14px 16px;font-size:11px;line-height:1.45}.ig-body>b{font-size:11px}.ig-body p{margin:7px 0 5px}.ig-body p span{color:#2456a4}.ig-body small{color:#8d8d93}
.telegram-post{width:390px;border-radius:18px;right:0;top:115px;background:#e7f2f8;transform:translate(70px,30px) rotate(7deg) scale(.8)}.telegram-post.generated{transform:rotate(3deg) scale(1)}.tg-top{height:64px;background:#fff;padding:11px 14px;display:flex;align-items:center;gap:10px}.tg-avatar{width:40px;height:40px;border-radius:50%;background:#2aabee;color:#fff;display:grid;place-items:center}.tg-avatar svg{width:20px}.tg-top>div:nth-child(2){display:flex;flex-direction:column}.tg-top b{font-size:13px}.tg-top span{font-size:10px;color:#777}.tg-top button{margin-left:auto}.tg-message{margin:14px;width:82%;background:#fff;border-radius:9px 14px 14px 3px;padding:6px;box-shadow:0 2px 6px rgba(35,72,92,.14);font-size:11px;line-height:1.45}.tg-photo{height:130px;border-radius:9px;background:linear-gradient(145deg,#7d57ea,#ff7b67);display:grid;place-items:center;color:#fff;text-align:center;font:600 14px "IBM Plex Mono";letter-spacing:.08em}.tg-photo b{font-size:27px}.tg-message p{padding:4px 7px;margin:7px 0}.tg-message>a{display:block;padding:5px 7px;color:#168dcc;font-weight:700}.tg-meta{display:flex;justify-content:flex-end;align-items:center;gap:5px;color:#71909d;font-size:9px;padding:1px 6px}.tg-meta span{display:flex;align-items:center;gap:3px}.tg-meta svg{width:13px;height:13px}.tg-check{color:#30a7e5}
.x-post{width:405px;border-radius:18px;left:110px;bottom:5px;padding:14px 15px;transform:translateY(80px) rotate(-3deg) scale(.8)}.x-post.generated{transform:rotate(-1deg) scale(1)}.x-head{display:flex;align-items:center;gap:9px}.x-avatar{background:#111;color:#fff;font:700 18px "IBM Plex Mono"}.x-head>div:nth-child(2){display:flex;flex-direction:column}.x-head b{font-size:13px}.x-head span{font-size:11px;color:#667078}.x-head .verified{display:inline-grid;place-items:center;background:#1d9bf0;color:#fff;border-radius:50%;width:14px;height:14px;font-size:9px}.x-head button{margin-left:auto}.x-post>p{font-size:14px;line-height:1.45;margin:14px 0}.x-preview{height:130px;border:1px solid #dfe3e6;border-radius:14px;background:linear-gradient(120deg,#191524,#5736bd);color:#fff;display:flex;align-items:center;padding:24px}.x-preview div{display:flex;flex-direction:column}.x-preview small{font-size:9px;color:#bcb4d8}.x-preview b{font:700 25px/1.05 "Manrope"}.x-actions{display:flex;justify-content:space-between;color:#536471;padding-top:11px}.x-actions span{display:flex;align-items:center;gap:5px;font-size:10px}.x-actions svg{width:17px;height:17px}.x-actions b{font-weight:500}
@keyframes flame{to{transform:rotate(45deg) scaleY(1.25)}}@keyframes rocketIdle{50%{transform:translateY(-3px) rotate(-4deg)}}
@media(max-width:900px){.output-grid{grid-template-columns:1fr}.flight-target{left:50%}.burst{left:50%}.social-wall{height:760px;width:min(100%,620px);margin-inline:auto}}
@media(max-width:600px){.nav .brand>span:last-child{display:none}.hero h1{font-size:clamp(36px,10.2vw,46px)}.hero-copy{font-size:16px}.agent-pill{left:12px;right:auto}.suggestions{justify-content:flex-start}.output-section{min-height:1260px}.output-copy h2{font-size:48px}.social-wall{height:815px;margin-top:20px}.native-post{max-width:94%}.instagram-post{left:0;width:355px}.telegram-post{right:0;top:260px;width:355px}.x-post{left:2%;bottom:0;width:365px}.ig-media{height:300px}.campaign-art strong{font-size:37px}.tg-message{width:88%}.flight-target{top:80px}}
@media(prefers-reduced-motion:reduce){.native-post{opacity:1;visibility:visible;transform:none!important}.flying-rocket{display:none}}

/* Send-button flight: a stable fixed clone driven by document-space coordinates. */
.flying-send{position:fixed;left:0;top:0;width:54px;height:54px;border-radius:17px;background:linear-gradient(145deg,#805df1,#5a35d5);color:#fff;display:grid;place-items:center;opacity:0;transform:translate3d(-100px,-100px,0);box-shadow:0 0 0 9px rgba(128,93,241,.13),0 18px 40px rgba(78,49,178,.36);will-change:transform,opacity}
.flying-send svg{width:27px;height:27px;position:relative;z-index:2}
.send-trail{position:absolute;right:41px;width:52px;height:10px;border-radius:99px;background:linear-gradient(90deg,transparent,rgba(155,124,255,.7),#fff);filter:blur(2px);transform-origin:right center;animation:sendTrail .35s ease-in-out infinite alternate}
.send-button.ready{animation:sendReady 1.35s ease-in-out infinite}
.send-button.launched{opacity:.18;transform:scale(.82);animation:none}
@keyframes sendReady{50%{transform:translateY(-3px);box-shadow:0 15px 30px rgba(109,69,232,.48)}}
@keyframes sendTrail{to{transform:scaleX(.58);opacity:.55}}
@media(prefers-reduced-motion:reduce){.flying-send{display:none}}

/* The travelling send glyph stays bare and always points along its path. */
.flying-send{width:38px;height:38px;border-radius:0;background:transparent;box-shadow:none;color:var(--purple2)}
.flying-send svg{width:34px;height:34px;filter:drop-shadow(0 7px 10px rgba(45,25,112,.38));transform-origin:center;transition:transform .1s linear}
.send-trail{display:none}

/* The composer action becomes a bare glyph once the typewriter finishes. */
.prompt-tools .send-button{width:46px;height:46px;border-radius:50%;background:transparent;box-shadow:none;color:var(--purple);transform:scale(.72);transition:opacity .3s var(--ease),transform .4s var(--ease),color .2s}
.prompt-tools .send-button svg{width:29px;height:29px;filter:drop-shadow(0 5px 8px rgba(82,50,180,.2))}
.prompt-tools .send-button.ready{opacity:1;transform:scale(1);background:transparent;box-shadow:none;animation:bareSendReady 1.5s ease-in-out infinite}
.prompt-tools .send-button:hover{color:#4f2bc5;background:rgba(109,69,232,.07)}
.prompt-tools .send-button.launched{opacity:0;transform:scale(.82);background:transparent}
@keyframes bareSendReady{50%{transform:translateY(-2px) scale(1.04)}}

.flying-send svg{transition:none}

.header-brand{display:flex;line-height:0}.header-logo{display:block;width:170px;height:40px;object-fit:contain;object-position:left center}
@media(max-width:600px){.nav .header-brand>.header-logo{display:block;width:132px;height:34px}}

/* Keep the composer action discoverable throughout the typing/flight cycle. */
.prompt-tools .send-button{opacity:.55;transform:scale(.86)}
.prompt-tools .send-button.ready{opacity:1;transform:scale(1)}
.prompt-tools .send-button.launched{opacity:.28;transform:scale(.82)}

/* A slow left-to-right procession: the rail leads, then steps 01 -> 04 follow. */
.workflow-line{width:calc(100% + 144px);height:2px;margin-inline:-72px;border-radius:999px;background:repeating-linear-gradient(90deg,#ded9ef 0 8px,transparent 8px 15px);position:relative}
.workflow-line:before,.workflow-line:after{content:"";position:absolute;top:50%;width:10px;height:10px;border:2px solid #cfc7eb;border-radius:50%;background:#fff;z-index:2}
.workflow-line:before{left:0;transform:translate(-50%,-50%)}.workflow-line:after{right:0;transform:translate(50%,-50%)}
.workflow-line i{position:relative;display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#ff8b5f 0%,#ff4fa3 38%,#8a5cf0 72%,#6d45e8 100%);box-shadow:0 0 14px rgba(109,69,232,.32);transform-origin:left center;transition:width 2.9s var(--ease)}
.workflow-line i:after{content:"";position:absolute;right:0;top:50%;width:14px;height:14px;border:3px solid #fff;border-radius:50%;background:var(--purple);box-shadow:0 0 0 5px rgba(109,69,232,.14),0 4px 12px rgba(67,40,158,.28);transform:translate(50%,-50%);opacity:0;transition:opacity .25s ease .12s}
.workflow-line.active i:after{opacity:1}
.steps .step{opacity:0;transform:translateX(-76px);transition:opacity .9s var(--ease),transform 1.15s var(--ease);will-change:transform,opacity}
.steps .step .step-icon{background:linear-gradient(145deg,#fff 0%,#f1edff 100%);border-color:#d4ccf1;box-shadow:inset 0 0 0 5px rgba(255,255,255,.72);transform:translateX(-16px) scale(.82);transition:transform .9s var(--ease),box-shadow .9s var(--ease),border-color .9s var(--ease)}
.steps.sequence-visible .step{opacity:1;transform:none}
.steps.sequence-visible .step .step-icon{transform:none;border-color:#bcb0ea;box-shadow:inset 0 0 0 5px rgba(255,255,255,.72),0 13px 30px rgba(109,69,232,.16)}
.steps.sequence-visible .step:nth-child(1){transition-delay:0ms}
.steps.sequence-visible .step:nth-child(2){transition-delay:420ms}
.steps.sequence-visible .step:nth-child(3){transition-delay:840ms}
.steps.sequence-visible .step:nth-child(4){transition-delay:1260ms}
.steps.sequence-visible .step:nth-child(1) .step-icon{transition-delay:150ms}
.steps.sequence-visible .step:nth-child(2) .step-icon{transition-delay:570ms}
.steps.sequence-visible .step:nth-child(3) .step-icon{transition-delay:990ms}
.steps.sequence-visible .step:nth-child(4) .step-icon{transition-delay:1410ms}
@media(prefers-reduced-motion:reduce){.steps .step,.steps .step .step-icon{opacity:1;transform:none;transition:none}}

/* Human-control orbit: ongoing motion that keeps every decision around You. */
.orbit-ui{isolation:isolate}
.orbit-ui:before{content:"";position:absolute;inset:72px;border-radius:50%;background:radial-gradient(circle,rgba(109,69,232,.10),transparent 67%);filter:blur(4px);pointer-events:none}
.orbit-ui .human{position:relative;transform:none;animation:none}
.orbit-ui .human:before{content:"";position:absolute;inset:-17px;border:2px solid rgba(109,69,232,.28);border-radius:46px;opacity:0;transform-origin:center;animation:humanSignal 3.2s ease-out infinite;pointer-events:none}
.orbit-ui .ring{pointer-events:none;opacity:0;transform:scale(.18);animation:none}
.orbit-ui .r1{border-style:dashed;border-color:rgba(109,69,232,.28)}
.orbit-ui .r2{border-style:dashed;border-color:rgba(109,69,232,.18)}
.orbit-ui .node{left:50%;top:50%;right:auto;bottom:auto;z-index:3;display:flex;align-items:center;gap:7px;min-width:84px;justify-content:center;border-color:rgba(109,69,232,.18);background:rgba(255,255,255,.92);backdrop-filter:blur(10px);font-weight:700;color:#42365f;box-shadow:0 12px 30px rgba(45,29,102,.13);opacity:0;transform:translate(-50%,-50%) scale(.58);animation:none;will-change:transform,opacity}
.orbit-ui .node:before{content:"";width:6px;height:6px;flex:0 0 auto;border-radius:50%;background:var(--purple);box-shadow:0 0 0 4px rgba(109,69,232,.10)}
.control-visual.visible .orbit-ui .n1{animation:orbitOpen1 1.9s var(--ease) forwards,controlOrbit1 32s linear 1.9s infinite}
.control-visual.visible .orbit-ui .n2{animation:orbitOpen2 1.9s var(--ease) forwards,controlOrbit2 32s linear 1.9s infinite}
.control-visual.visible .orbit-ui .n3{animation:orbitOpen3 1.9s var(--ease) forwards,controlOrbit3 32s linear 1.9s infinite}
.control-visual.visible .orbit-ui .r1{animation:ringOpen 1.9s var(--ease) forwards,controlRingSpinReverse 41s linear 1.9s infinite}
.control-visual.visible .orbit-ui .r2{animation:ringOpen 1.9s var(--ease) forwards,controlRingSpin 52s linear 1.9s infinite}
.orbit-ui:hover .node,.orbit-ui:hover .ring,.orbit-ui:hover .human:before{animation-play-state:paused}
@keyframes orbitOpen1{0%{opacity:.12;transform:translate(-50%,-50%) scale(.58)}100%{opacity:1;transform:translate(-50%,-50%) rotate(0deg) translateX(168px) rotate(0deg)}}
@keyframes orbitOpen2{0%{opacity:.12;transform:translate(-50%,-50%) scale(.58)}100%{opacity:1;transform:translate(-50%,-50%) rotate(120deg) translateX(168px) rotate(-120deg)}}
@keyframes orbitOpen3{0%{opacity:.12;transform:translate(-50%,-50%) scale(.58)}100%{opacity:1;transform:translate(-50%,-50%) rotate(240deg) translateX(168px) rotate(-240deg)}}
@keyframes controlOrbit1{from{opacity:1;transform:translate(-50%,-50%) rotate(0deg) translateX(168px) rotate(0deg)}to{opacity:1;transform:translate(-50%,-50%) rotate(360deg) translateX(168px) rotate(-360deg)}}
@keyframes controlOrbit2{from{opacity:1;transform:translate(-50%,-50%) rotate(120deg) translateX(168px) rotate(-120deg)}to{opacity:1;transform:translate(-50%,-50%) rotate(480deg) translateX(168px) rotate(-480deg)}}
@keyframes controlOrbit3{from{opacity:1;transform:translate(-50%,-50%) rotate(240deg) translateX(168px) rotate(-240deg)}to{opacity:1;transform:translate(-50%,-50%) rotate(600deg) translateX(168px) rotate(-600deg)}}
@keyframes ringOpen{from{opacity:0;transform:scale(.18)}to{opacity:1;transform:scale(1)}}
@keyframes controlRingSpin{to{transform:rotate(360deg)}}
@keyframes controlRingSpinReverse{to{transform:rotate(-360deg)}}
@keyframes humanSignal{0%,6%{opacity:0;transform:scale(.99);box-shadow:0 0 0 0 rgba(109,69,232,.12)}14%{opacity:.68;transform:scale(1.01);box-shadow:0 0 0 3px rgba(109,69,232,.09)}62%{opacity:0;transform:scale(1.2);box-shadow:0 0 0 9px rgba(109,69,232,0)}63%,100%{opacity:0;transform:scale(.99);box-shadow:0 0 0 0 rgba(109,69,232,0)}}
@media(prefers-reduced-motion:reduce){.orbit-ui .node,.orbit-ui .ring,.orbit-ui .human:before{animation:none!important}.orbit-ui .node,.orbit-ui .ring{opacity:1}.orbit-ui .ring{transform:none}.orbit-ui .human:before{opacity:0}.orbit-ui .n1{transform:translate(-50%,-50%) rotate(0deg) translateX(168px)}.orbit-ui .n2{transform:translate(-50%,-50%) rotate(120deg) translateX(168px) rotate(-120deg)}.orbit-ui .n3{transform:translate(-50%,-50%) rotate(240deg) translateX(168px) rotate(-240deg)}}

/* Control guarantees arrive in order; each check is visibly drawn once. */
.control-copy li{opacity:0;transform:translateX(-22px);transition:opacity 1.05s var(--ease),transform 1.35s var(--ease)}
.control-copy li svg{stroke-dasharray:32;stroke-dashoffset:32;transform:scale(.72);transform-origin:center;filter:drop-shadow(0 4px 7px rgba(34,184,137,.18))}
.control-copy.visible li{opacity:1;transform:none}
.control-copy.visible li:nth-child(1){transition-delay:450ms}.control-copy.visible li:nth-child(2){transition-delay:950ms}.control-copy.visible li:nth-child(3){transition-delay:1450ms}
.control-copy.visible li:nth-child(1) svg{animation:controlCheckIn 1.45s var(--ease) 700ms forwards}.control-copy.visible li:nth-child(2) svg{animation:controlCheckIn 1.45s var(--ease) 1200ms forwards}.control-copy.visible li:nth-child(3) svg{animation:controlCheckIn 1.45s var(--ease) 1700ms forwards}
@keyframes controlCheckIn{0%,24%{opacity:.16;stroke-dashoffset:32;stroke-width:1.8;transform:scale(.58)}78%{opacity:1;stroke-dashoffset:0;stroke-width:2.6;transform:scale(1.22);filter:drop-shadow(0 5px 9px rgba(34,184,137,.42))}100%{opacity:1;stroke-dashoffset:0;stroke-width:1.8;transform:scale(1);filter:drop-shadow(0 4px 7px rgba(34,184,137,.18))}}
@media(prefers-reduced-motion:reduce){.control-copy li{opacity:1;transform:none;transition:none}.control-copy li svg{stroke-dashoffset:0;transform:none;animation:none!important}}

/* Header begins as part of the hero, then lifts into a floating surface. */
.nav-shell .nav{border-color:transparent;background:transparent;backdrop-filter:none;box-shadow:none;transform:translateY(0) scale(1);transition:background .35s var(--ease),box-shadow .35s var(--ease),backdrop-filter .35s var(--ease),transform .35s var(--ease)}
.nav-shell.scrolled .nav{border-color:transparent;background:rgba(250,249,255,.84);backdrop-filter:blur(18px) saturate(145%);box-shadow:0 18px 52px rgba(42,29,94,.16),0 3px 12px rgba(42,29,94,.08);transform:translateY(3px) scale(1.008)}

.hero .eyebrow,.hero h1,.hero-copy{position:relative;transform:translateY(-28px)}
@media(max-width:600px){.hero .eyebrow,.hero h1,.hero-copy{transform:translateY(-16px)}}

.nav-actions{display:flex;align-items:center;gap:8px}.header-download{min-height:46px;padding:0 16px;border-radius:14px;display:inline-flex;align-items:center;font-size:13px;font-weight:700;transition:background .25s var(--ease),box-shadow .25s var(--ease),color .25s}.header-download:hover{background:#fff;box-shadow:0 10px 30px rgba(55,35,130,.12);color:transparent;background-image:linear-gradient(90deg,#ff8b5f,#ff4fa3 48%,#7044ee);background-origin:border-box;background-clip:padding-box,text;-webkit-background-clip:padding-box,text;-webkit-text-fill-color:transparent}
.app-download{padding:90px 0 75px;background:#fff;overflow:hidden;position:relative}.app-download:before{content:"";position:absolute;width:700px;height:700px;border-radius:50%;right:-180px;top:50%;transform:translateY(-50%);background:radial-gradient(circle,rgba(155,124,255,.18),rgba(255,107,107,.08) 45%,transparent 70%)}.app-download-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:center;position:relative;z-index:2}.app-copy h2{font-size:clamp(48px,5.8vw,78px);line-height:1.08;letter-spacing:-.055em;margin:22px 0}.app-copy h2 em{font-style:normal;color:var(--purple)}.app-copy>p{font-size:17px;line-height:1.9;color:var(--muted);max-width:530px}.download-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.store-button{min-width:190px;min-height:64px;padding:10px 16px;border-radius:18px;background:var(--ink);color:#fff;display:flex;align-items:center;gap:12px;box-shadow:0 14px 34px rgba(23,19,39,.16);transition:transform .3s var(--ease),background .3s var(--ease),box-shadow .3s var(--ease)}.store-button:hover{transform:translateY(-4px);background:#fff;box-shadow:0 20px 46px rgba(69,40,160,.18)}.store-button:hover>span{background:linear-gradient(90deg,#ff8b5f,#ff4fa3 48%,#7044ee);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.store-button>span:last-child{display:flex;flex-direction:column;font-weight:700;line-height:1.2}.store-button small{font-size:10px;font-weight:500;opacity:.72}.store-icon{width:36px;height:36px;border:1px solid rgba(255,255,255,.2);border-radius:11px;display:grid;place-items:center;font:600 11px "IBM Plex Mono"}.store-button:hover .store-icon{border-color:rgba(109,69,232,.16)}.app-note{margin-top:22px;display:flex;align-items:center;gap:10px;color:var(--muted)}.app-note .live-dot{display:inline-block;width:7px;height:7px}.phone-stage{height:690px;position:relative;perspective:1400px}.phone-glow{position:absolute;width:540px;height:540px;border-radius:50%;background:radial-gradient(circle,rgba(109,69,232,.22),rgba(255,107,107,.08) 52%,transparent 72%);left:50%;top:50%;transform:translate(-50%,-50%)}.phone{position:absolute;margin:0;width:310px;padding:8px;border-radius:42px;background:#121117;box-shadow:0 38px 85px rgba(29,22,58,.28);overflow:hidden}.phone img{display:block;width:100%;height:auto;border-radius:34px}.phone-speaker{position:absolute;z-index:2;width:74px;height:18px;border-radius:0 0 12px 12px;background:#121117;top:8px;left:50%;transform:translateX(-50%)}.phone-login{left:8%;top:66px;transform:rotate(-8deg) translateZ(-40px)}.phone-dashboard{right:7%;top:15px;z-index:2;transform:rotate(5deg) translateZ(20px)}.app-float-card{position:absolute;z-index:4;padding:12px 15px;border-radius:15px;background:rgba(255,255,255,.9);backdrop-filter:blur(14px);box-shadow:0 15px 42px rgba(28,18,68,.16);display:flex;flex-direction:column}.app-float-card b{font-size:13px}.app-float-card small{font-size:9px;color:var(--muted)}.card-sync{left:0;bottom:105px}.card-create{right:0;top:135px}.phone-stage.visible .phone-login{animation:phoneFloatA 5s ease-in-out infinite}.phone-stage.visible .phone-dashboard{animation:phoneFloatB 5.6s ease-in-out infinite}@keyframes phoneFloatA{50%{transform:rotate(-6deg) translateY(-12px) translateZ(-40px)}}@keyframes phoneFloatB{50%{transform:rotate(3deg) translateY(12px) translateZ(20px)}}
@media(max-width:980px){.app-download-grid{grid-template-columns:1fr;gap:40px}.app-copy{text-align:center}.app-copy>p{margin-inline:auto}.download-actions{justify-content:center}.app-note{justify-content:center}.phone-stage{width:min(100%,650px);margin-inline:auto}}
@media(max-width:700px){.header-download{font-size:11px;padding:0 10px}.nav-actions .button-small{display:none}.app-download{padding:60px 0 48px}.app-copy h2{font-size:48px}.app-copy>p{font-size:15px}.store-button{min-width:calc(50% - 6px);padding:9px 11px}.phone-stage{height:570px}.phone{width:230px;border-radius:33px;padding:6px}.phone img{border-radius:27px}.phone-login{left:1%;top:74px}.phone-dashboard{right:1%;top:20px}.card-sync{left:0;bottom:48px}.card-create{right:0;top:105px}.phone-speaker{top:6px}}
@media(max-width:420px){.header-download{font-size:0;width:44px;padding:0}.header-download:after{content:"App";font-size:11px;margin:auto}.store-button{min-width:100%}.phone-stage{height:520px}.phone{width:205px}.app-float-card{display:none}}

.header-download{color:#fff;background:linear-gradient(105deg,#ff8b5f 0%,#ff4fa3 48%,#7044ee 100%);box-shadow:0 9px 24px rgba(180,67,159,.2)}
.header-download:hover{color:#fff;background:linear-gradient(105deg,#ff9b72 0%,#ff62af 48%,#8159f3 100%);box-shadow:0 14px 34px rgba(151,62,178,.3);transform:translateY(-2px);-webkit-text-fill-color:#fff}
.store-icon svg{width:25px;height:25px}.apple-icon svg{fill:currentColor;stroke:none}.android-icon{color:#3ddc84!important}.android-icon svg{fill:none;stroke:none}.android-icon .android-body{fill:currentColor}.android-icon .android-details path{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}.android-icon .android-details circle{fill:#111;stroke:none}.store-button:hover .android-icon,.store-button:hover .android-icon *{-webkit-text-fill-color:initial}.store-button:hover .android-icon{color:#3ddc84!important}

.nav-actions .button-small{line-height:1}.nav-actions .button-small svg{display:block;flex:0 0 auto;transform:translateY(1.5px)}
.nav-actions .header-download,.nav-actions .button-small{font-size:14px;font-weight:700;line-height:1}
@media(max-width:420px){.nav-actions .header-download{font-size:0}.nav-actions .header-download:after{font-size:11px}}

/* Features command center: one coordinating brain, three connected modules. */
.features{position:relative;background:linear-gradient(180deg,#f7f5ff 0%,#f2effb 100%)}
.features:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 58%,rgba(109,69,232,.10),transparent 29%);pointer-events:none}
.features .container{position:relative;z-index:1}
.bento{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(3,216px);gap:18px;margin-top:64px}
.bento:before{content:"";position:absolute;left:58.15%;top:35px;bottom:35px;width:1px;background:linear-gradient(transparent,rgba(109,69,232,.38) 14%,rgba(109,69,232,.38) 86%,transparent);box-shadow:0 0 16px rgba(109,69,232,.22);z-index:0}
.bento .feature{min-height:0;border-radius:28px;border:1px solid rgba(109,69,232,.13);box-shadow:0 16px 42px rgba(48,32,108,.08);z-index:1;transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s var(--ease)}
.bento .feature:hover{border-color:rgba(109,69,232,.27);box-shadow:0 24px 58px rgba(48,32,108,.14)}
.feature-agent{grid-column:1/8;grid-row:1/4;padding:42px;background:linear-gradient(145deg,#171327 0%,#211938 62%,#2b1d50 100%)}
.feature-agent:hover{transform:translateY(-4px)}
.feature-agent:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px),radial-gradient(circle at 52% 73%,rgba(109,69,232,.34),transparent 35%);background-size:48px 48px,48px 48px,auto;pointer-events:none}
.feature-agent>*{position:relative;z-index:2}
.feature-agent .feature-top{padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.1)}
.feature-agent h3{max-width:470px;font-size:clamp(31px,3.2vw,43px);line-height:1.18;margin-top:27px}
.feature-agent>p{max-width:440px;font-size:15px}
.feature-agent .agent-map{width:430px;height:295px;bottom:22px;transform:translateX(-50%) scale(1.18)}
.feature-agent .agent-map:before{background:repeating-radial-gradient(circle,transparent 0 45px,rgba(155,124,255,.19) 46px 47px)}
.feature-agent .agent-map .core{box-shadow:0 0 0 9px rgba(109,69,232,.12),0 0 58px rgba(109,69,232,.72)}
.feature-discover,.feature-calendar,.feature-creator{grid-column:8/13;padding:27px 30px;background:rgba(255,255,255,.88);backdrop-filter:blur(14px)}
.feature-discover{grid-row:1}.feature-calendar{grid-row:2}.feature-creator{grid-row:3;background:linear-gradient(135deg,#f7f4ff,#e8e1ff)}
.feature-discover:hover,.feature-calendar:hover,.feature-creator:hover{transform:translateX(5px)}
.feature-discover:before,.feature-calendar:before,.feature-creator:before{content:"";position:absolute;left:0;top:50%;width:4px;height:66px;border-radius:0 99px 99px 0;background:linear-gradient(var(--purple2),var(--purple));transform:translateY(-50%);box-shadow:0 0 18px rgba(109,69,232,.34)}
.feature-discover h3,.feature-calendar h3,.feature-creator h3{max-width:50%;font-size:21px;line-height:1.28;margin:10px 0 7px}
.feature-discover>p,.feature-creator>p{max-width:48%;font-size:12px;line-height:1.65;margin:0}
.feature-discover .trend-list{position:absolute;right:25px;top:50%;width:45%;margin:0;transform:translateY(-50%);gap:7px}
.feature-discover .trend-list span{padding:10px 11px;background:#f3f0fb;border:1px solid rgba(109,69,232,.08)}
.feature-calendar .mini-calendar{position:absolute;right:26px;top:50%;width:44%;margin:0;transform:translateY(-42%);gap:6px}
.feature-calendar .mini-calendar span{border-radius:7px;background:#eeeaf8}
.feature-creator .creator-portrait{left:auto;right:29px;bottom:-32px;width:148px;height:184px;border-radius:74px 74px 24px 24px;box-shadow:0 18px 40px rgba(71,44,145,.18)}
.feature-creator .face{left:39px;top:24px;transform:scale(.76);transform-origin:top center}
@media(max-width:980px){
  .bento{grid-template-columns:1fr;grid-template-rows:auto;gap:18px}
  .bento:before{display:none}
  .feature-agent,.feature-discover,.feature-calendar,.feature-creator{grid-column:1;grid-row:auto}
  .feature-agent{min-height:620px}
  .feature-discover,.feature-calendar,.feature-creator{min-height:250px}
  .feature-discover:hover,.feature-calendar:hover,.feature-creator:hover{transform:translateY(-3px)}
}

@media(max-width:600px){
  .bento{margin-top:46px}
  .bento .feature{border-radius:24px;padding:26px}
  .feature-agent{min-height:560px}
  .feature-agent h3{font-size:32px}
  .feature-agent .agent-map{width:330px;height:265px;bottom:12px;transform:translateX(-50%) scale(.88)}
  .feature-discover,.feature-calendar{min-height:390px}
  .feature-creator{min-height:450px}
  .feature-discover h3,.feature-calendar h3,.feature-creator h3,.feature-discover>p,.feature-creator>p{max-width:100%}
  .feature-discover .trend-list,.feature-calendar .mini-calendar{position:relative;right:auto;top:auto;width:100%;margin-top:26px;transform:none}
  .feature-creator .creator-portrait{right:50%;transform:translateX(50%);width:210px;height:245px}
  .feature-creator .face{left:49px;top:30px;transform:scale(.95)}
}

/* Final placement authority after the right-module overrides. */
.feature-agent{grid-row:1/3}
.feature-agent .agent-map{bottom:4px}
.feature-studio{grid-row:3}
@media(max-width:980px){.feature-agent,.feature-studio{grid-row:auto}.feature-agent .agent-map{bottom:4px}}
@media(max-width:600px){.feature-agent .agent-map{bottom:0}}

/* Feature grid rebalance: a shorter agent card plus the proposal's Content Studio. */
.feature-agent{grid-column:1/8;grid-row:1/3;padding:34px 38px}
.feature-agent h3{max-width:430px;font-size:clamp(29px,2.8vw,38px);margin-top:22px}
.feature-agent>p{max-width:400px;font-size:14px}
.feature-agent .agent-map{width:365px;height:220px;bottom:4px;transform:translateX(-50%) scale(.9)}
.feature-studio{grid-column:1/8;grid-row:3;padding:28px 30px;background:linear-gradient(135deg,#fff 0%,#f4f0ff 100%);box-shadow:0 18px 48px rgba(49,31,112,.1)!important}
.feature-studio:before{content:"";position:absolute;width:180px;height:180px;left:-100px;bottom:-115px;border-radius:50%;background:radial-gradient(circle,rgba(255,107,107,.13),transparent 68%);pointer-events:none}
.feature-studio h3{max-width:45%;margin:10px 0 7px;font-size:23px;line-height:1.22}
.feature-studio>p{max-width:43%;margin:0;font-size:12px;line-height:1.6}
.studio-preview{position:absolute;right:24px;top:22px;bottom:22px;width:48%;padding:12px;border:1px solid rgba(109,69,232,.13);border-radius:18px;background:rgba(255,255,255,.86);box-shadow:0 14px 32px rgba(49,31,112,.09)}
.studio-preview-top{display:flex;align-items:center;gap:5px;padding:0 3px 10px;border-bottom:1px solid #eeeaf8}.studio-preview-top>span{width:6px;height:6px;border-radius:50%;background:#d8d2e7}.studio-preview-top>span:first-child{background:var(--coral)}.studio-preview-top b{margin-left:auto;color:#8a829b;font:600 8px "IBM Plex Mono",monospace}
.studio-stage{display:grid;grid-template-columns:18px 1fr;align-items:center;gap:8px;min-height:31px;margin-top:6px;padding:5px 8px;border-radius:9px;background:#f5f3fa;color:#a19aaa}.studio-stage>i{width:15px;height:15px;border:1px solid #d9d3e7;border-radius:5px}.studio-stage>span{display:flex;align-items:center;justify-content:space-between}.studio-stage b{font-size:9px}.studio-stage small{font-size:8px}.studio-stage.is-ready{background:#effaf6;color:#438772}.studio-stage.is-ready>i{position:relative;border-color:rgba(34,184,137,.35);background:rgba(34,184,137,.11)}.studio-stage.is-ready>i:after{content:"";position:absolute;left:4px;top:2px;width:4px;height:7px;border:solid var(--green);border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}.studio-stage.is-active{background:#eee9ff;color:var(--purple)}.studio-stage.is-active>i{border-color:rgba(109,69,232,.4);box-shadow:inset 0 0 0 4px rgba(109,69,232,.12)}
.feature-studio.visible .studio-stage{animation:studioStageIn .65s var(--ease) both}.feature-studio.visible .studio-stage:nth-child(3){animation-delay:.1s}.feature-studio.visible .studio-stage:nth-child(4){animation-delay:.2s}.feature-studio.visible .studio-stage:nth-child(5){animation-delay:.3s}
@keyframes studioStageIn{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:none}}
@media(max-width:980px){
  .feature-agent,.feature-studio{grid-column:1;grid-row:auto}.feature-agent{min-height:520px}.feature-studio{min-height:280px}
}
@media(max-width:600px){
  .feature-agent{min-height:490px}.feature-agent .agent-map{width:320px;height:210px;bottom:0;transform:translateX(-50%) scale(.82)}
  .feature-studio{min-height:455px}.feature-studio h3,.feature-studio>p{max-width:100%}.studio-preview{position:absolute;left:24px;right:24px;top:auto;bottom:22px;width:auto;height:220px}
}
@media(prefers-reduced-motion:reduce){.feature-studio.visible .studio-stage{animation:none}}

/* Tighter handoff from human-control into the app section. */
.control-section{padding-bottom:100px}
@media(max-width:600px){.control-section{padding-bottom:60px}}

/* Contact: direct, topic-led email routes for the static landing page. */
.contact-section{position:relative;padding:145px 0;background:var(--paper);overflow:hidden}
.contact-section:before{content:"";position:absolute;width:560px;height:560px;left:-310px;top:-310px;border-radius:50%;border:1px solid rgba(109,69,232,.1);box-shadow:0 0 0 80px rgba(109,69,232,.025),0 0 0 160px rgba(109,69,232,.018);pointer-events:none}
.contact-grid{position:relative;display:grid;grid-template-columns:.88fr 1.12fr;gap:90px;align-items:center}
.contact-copy h2{font-size:clamp(44px,5.4vw,72px);line-height:1.08;letter-spacing:-.055em;margin:22px 0}
.contact-copy>p{max-width:520px;color:var(--muted);font-size:16px;line-height:1.9}
.contact-email{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 18px;max-width:510px;margin-top:38px;padding:20px 22px;border:1px solid rgba(109,69,232,.16);border-radius:20px;background:#fff;box-shadow:0 18px 44px rgba(58,41,126,.08);transition:transform .3s var(--ease),box-shadow .3s,border-color .3s}
.contact-email small{grid-column:1;color:#958da8;font:600 9px "IBM Plex Mono",monospace;text-transform:uppercase;letter-spacing:.1em}.contact-email span{grid-column:1;font-size:clamp(17px,2vw,25px);font-weight:800}.contact-email svg{grid-column:2;grid-row:1/3;width:22px;color:var(--purple);transition:transform .3s var(--ease)}
.contact-email:hover{transform:translateY(-4px);box-shadow:0 25px 55px rgba(58,41,126,.13);border-color:rgba(109,69,232,.32)}.contact-email:hover svg{transform:translateX(5px)}
.contact-inbox{padding:26px;border:1px solid rgba(109,69,232,.12);border-radius:30px;background:#fff;box-shadow:0 30px 75px rgba(55,38,120,.12)}
.contact-inbox-head{display:flex;align-items:center;justify-content:space-between;padding:2px 4px 20px;border-bottom:1px solid #eeeaf8}.contact-inbox-head>span{display:flex;align-items:center;gap:10px;font:700 12px "IBM Plex Mono",monospace}.contact-inbox-head i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(34,184,137,.1)}.contact-inbox-head small{color:#9b94aa;font-size:10px}
.contact-options{display:grid;gap:10px;margin-top:18px}.contact-options>a{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:14px;min-height:94px;padding:16px;border:1px solid #eeeaf8;border-radius:18px;background:#faf9ff;transition:transform .3s var(--ease),border-color .3s,background .3s}
.contact-options>a:hover{transform:translateX(6px);border-color:rgba(109,69,232,.28);background:#f5f2ff}.contact-option-number{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#ece7ff;color:var(--purple);font:700 10px "IBM Plex Mono",monospace}.contact-options div{display:flex;flex-direction:column;gap:5px}.contact-options b{font-size:14px}.contact-options small{color:#888196;font-size:11px;line-height:1.45}.contact-options svg{width:18px;color:#aaa2ba;transition:color .25s,transform .25s}.contact-options>a:hover svg{color:var(--purple);transform:translateX(3px)}
.contact-privacy{display:flex;align-items:center;gap:9px;margin:19px 5px 0;color:#918a9f;font-size:10px}.contact-privacy svg{width:16px;color:var(--green)}
@media(max-width:900px){.contact-grid{grid-template-columns:1fr;gap:48px}.contact-copy>p{max-width:650px}}
@media(max-width:600px){.contact-section{padding:95px 0}.contact-copy h2{font-size:42px}.contact-inbox{padding:18px;border-radius:24px}.contact-options>a{grid-template-columns:38px 1fr;min-height:100px}.contact-options>a>svg{display:none}.contact-email{padding:18px}.contact-email span{font-size:17px}}

/* About: the MVP thesis expressed as a guided path, not a generic company bio. */
.about-section{position:relative;padding:150px 0;background:#fff;overflow:hidden}
.about-section:before{content:"";position:absolute;width:620px;height:620px;right:-330px;top:-300px;border-radius:50%;background:radial-gradient(circle,rgba(109,69,232,.12),transparent 67%);pointer-events:none}
.about-grid{position:relative;display:grid;grid-template-columns:.82fr 1.18fr;gap:82px;align-items:center}
.about-copy h2{font-size:clamp(42px,5.2vw,70px);line-height:1.08;letter-spacing:-.055em;margin:22px 0 25px}
.about-copy h2 em{font-style:normal;color:var(--purple)}
.about-copy>p{max-width:540px;color:var(--muted);font-size:16px;line-height:1.9}
.about-copy .about-statement{margin-top:28px;padding:20px 0 20px 24px;border-left:2px solid var(--coral);color:var(--ink);font-weight:700;font-size:15px;line-height:1.75}
.about-system{position:relative;padding:30px;border-radius:34px;background:var(--ink);color:#fff;box-shadow:0 34px 80px rgba(32,23,72,.2);overflow:hidden}
.about-system:before{content:"";position:absolute;width:260px;height:260px;right:-130px;bottom:-145px;border-radius:50%;background:radial-gradient(circle,rgba(155,124,255,.3),transparent 68%);pointer-events:none}
.about-flow{position:relative;display:flex;align-items:center;justify-content:space-between;padding:15px 12px 28px;border-bottom:1px solid rgba(255,255,255,.1)}
.about-flow span{position:relative;z-index:2;display:flex;flex-direction:column;gap:5px;font:650 11px "IBM Plex Mono",monospace;color:#f4f1ff}
.about-flow small{font-size:8px;color:#8f86a8;letter-spacing:.1em}
.about-flow i{height:1px;flex:1;min-width:12px;margin:13px 9px 0;background:linear-gradient(90deg,rgba(155,124,255,.18),rgba(155,124,255,.8))}
.about-flow .flow-result{padding:9px 11px;margin:-3px -5px -9px 0;border:1px solid rgba(255,255,255,.15);border-radius:12px;background:var(--purple);box-shadow:0 10px 26px rgba(109,69,232,.32)}
.about-flow .flow-result small{color:#d8ceff}
.about-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}
.about-principles article{min-height:215px;padding:20px 18px;border:1px solid rgba(255,255,255,.09);border-radius:19px;background:rgba(255,255,255,.045);transition:transform .35s var(--ease),background .35s var(--ease),border-color .35s}
.about-principles article:hover{transform:translateY(-5px);background:rgba(255,255,255,.075);border-color:rgba(155,124,255,.35)}
.about-principles span{font:600 9px "IBM Plex Mono",monospace;letter-spacing:.08em;color:var(--purple2);text-transform:uppercase}
.about-principles h3{margin:16px 0 10px;font-size:18px;line-height:1.25}
.about-principles p{margin:0;color:#aaa4b8;font-size:12px;line-height:1.75}
.about-note{position:relative;display:flex;align-items:flex-start;gap:12px;margin-top:18px;padding:15px 18px;border-radius:16px;background:rgba(109,69,232,.12)}
.about-note>span{flex:0 0 auto;width:8px;height:8px;margin-top:7px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 5px rgba(255,107,107,.1)}
.about-note p{margin:0;color:#bbb4cc;font-size:11px;line-height:1.65}.about-note b{color:#fff}
.about-system.visible .about-flow span{animation:aboutStepIn .7s var(--ease) both}
.about-system.visible .about-flow span:nth-of-type(2){animation-delay:.12s}.about-system.visible .about-flow span:nth-of-type(3){animation-delay:.24s}.about-system.visible .about-flow span:nth-of-type(4){animation-delay:.36s}.about-system.visible .about-flow span:nth-of-type(5){animation-delay:.48s}
@keyframes aboutStepIn{from{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:none}}
@media(max-width:980px){.about-grid{grid-template-columns:1fr;gap:48px}.about-copy>p{max-width:680px}}
@media(max-width:680px){
  .about-section{padding:100px 0}.about-system{padding:22px;border-radius:26px}
  .about-copy h2{font-size:42px}.about-flow{display:grid;grid-template-columns:1fr;justify-items:start;gap:0;padding:8px 4px 24px}
  .about-flow i{width:1px;height:18px;min-width:0;flex:none;margin:5px 0 5px 18px;background:linear-gradient(180deg,rgba(155,124,255,.18),rgba(155,124,255,.8))}
  .about-flow .flow-result{margin:0}
  .about-principles{grid-template-columns:1fr}.about-principles article{min-height:0}
}
@media(prefers-reduced-motion:reduce){.about-system.visible .about-flow span{animation:none}}

/* Footer: useful navigation and a final brand moment. */
.site-footer{position:relative;padding:82px 0 28px;background:#12101c;color:#fff;overflow:hidden}
.site-footer:before{content:"";position:absolute;width:520px;height:520px;left:-310px;bottom:-330px;border-radius:50%;background:radial-gradient(circle,rgba(109,69,232,.2),transparent 68%);pointer-events:none}
.footer-main{position:relative;display:grid;grid-template-columns:1.45fr .65fr .7fr 1.05fr;gap:58px;padding-bottom:66px}
.footer-brand-block>p{max-width:350px;margin:25px 0;color:#9f99af;font-size:14px;line-height:1.85}
.footer-brand .brand-mark{background:linear-gradient(145deg,var(--coral),var(--purple));box-shadow:0 12px 28px rgba(109,69,232,.3)}
.footer-beta{display:inline-flex;align-items:center;gap:13px;padding:12px 16px;border:1px solid rgba(255,255,255,.1);border-radius:15px;background:rgba(255,255,255,.035);transition:background .25s,border-color .25s,transform .25s var(--ease)}
.footer-beta:hover{background:rgba(255,255,255,.065);border-color:rgba(155,124,255,.3);transform:translateY(-2px)}
.footer-beta .live-dot{width:7px;height:7px}.footer-beta>span:last-child{display:flex;flex-direction:column;gap:2px}.footer-beta b{font-size:11px}.footer-beta small{color:#8f899f;font-size:9px}
.footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.footer-column>span,.footer-contact>span{margin-bottom:7px;color:#766d91;font:600 10px "IBM Plex Mono",monospace;letter-spacing:.12em;text-transform:uppercase}
.footer-column a{position:relative;color:#c2bdcc;font-size:13px;transition:color .2s,transform .2s}
.footer-column a:hover{color:#fff;transform:translateX(3px)}
.footer-contact{align-self:start;padding:22px;border:1px solid rgba(255,255,255,.1);border-radius:21px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(109,69,232,.08))}
.footer-contact p{margin:12px 0 22px;color:#a49dad;font-size:13px;line-height:1.65}
.footer-contact a{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:15px;border-top:1px solid rgba(255,255,255,.1);color:#fff;font:600 12px "IBM Plex Mono",monospace}
.footer-contact svg{width:17px;height:17px;color:var(--purple2);transition:transform .25s var(--ease)}.footer-contact a:hover svg{transform:translateX(4px)}
.footer-bottom{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:25px;border-top:1px solid rgba(255,255,255,.09);color:#797384;font-size:10px}
.footer-bottom p{margin:0}.footer-bottom>div{display:flex;align-items:center;gap:24px}.footer-bottom a{transition:color .2s}.footer-bottom a:hover{color:#fff}
@media(max-width:980px){.footer-main{grid-template-columns:1.3fr .7fr .8fr;gap:46px}.footer-contact{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:center;column-gap:40px}.footer-contact>span{grid-column:1}.footer-contact p{grid-column:1;margin-bottom:0}.footer-contact a{grid-column:2;grid-row:1/3}}
@media(max-width:640px){
  .site-footer{padding-top:64px}.footer-main{grid-template-columns:1fr 1fr;gap:42px 28px;padding-bottom:48px}
  .footer-brand-block{grid-column:1/-1}.footer-contact{grid-column:1/-1;display:block}.footer-contact p{margin-bottom:22px}
  .footer-bottom{align-items:flex-start;flex-direction:column}.footer-bottom>div{width:100%;justify-content:space-between;gap:12px}
}

/* Features micro-interactions: restrained motion that begins once per reveal. */
.feature-agent.visible .agent-map span:not(.core){animation:agentModuleFloat 5.8s ease-in-out infinite}
.feature-agent.visible .agent-map span:nth-child(2){animation-delay:-.8s}
.feature-agent.visible .agent-map span:nth-child(3){animation-delay:-1.9s}
.feature-agent.visible .agent-map span:nth-child(4){animation-delay:-3.1s}
.feature-agent.visible .agent-map span:nth-child(5){animation-delay:-4.2s}
.feature-agent.visible .agent-map .core{animation:agentCoreGlow 4.6s ease-in-out infinite}

.feature-discover .trend-list span{opacity:0;transform:translate3d(-12px,8px,0)}
.feature-discover.visible .trend-list span{animation:trendTileIn .9s var(--ease) forwards}
.feature-discover.visible .trend-list span:nth-child(1){animation-delay:.28s}
.feature-discover.visible .trend-list span:nth-child(2){animation-delay:.48s}
.feature-discover.visible .trend-list span:nth-child(3){animation-delay:.68s}
.feature-discover.visible .trend-list i{animation:trendSignal 3.4s ease-in-out 1.5s infinite}

.feature-calendar .mini-calendar .post-dot:after{transform:scale(.2);opacity:0}
.feature-calendar.visible .mini-calendar .post-dot:after{animation:calendarDotIn .72s cubic-bezier(.2,.9,.25,1.25) forwards}
.feature-calendar.visible .mini-calendar span:nth-child(2):after{animation-delay:.32s}
.feature-calendar.visible .mini-calendar span:nth-child(5):after{animation-delay:.48s}
.feature-calendar.visible .mini-calendar span:nth-child(7):after{animation-delay:.64s}
.feature-calendar.visible .mini-calendar span:nth-child(10):after{animation-delay:.8s}
.feature-calendar.visible .mini-calendar span:nth-child(14):after{animation-delay:.96s}

.feature-creator.visible .creator-status i{animation:creatorStatusPulse 3.1s ease-in-out infinite}

@keyframes agentModuleFloat{
  0%,100%{transform:translate(calc(-50% + var(--x,0px)),calc(-50% + var(--y,0px)))}
  50%{transform:translate(calc(-50% + var(--x,0px)),calc(-50% + var(--y,0px) - 5px))}
}
@keyframes agentCoreGlow{
  0%,100%{box-shadow:0 12px 30px rgba(109,69,232,.2),0 0 0 0 rgba(109,69,232,0)}
  50%{box-shadow:0 15px 34px rgba(109,69,232,.25),0 0 0 8px rgba(109,69,232,.07)}
}
@keyframes trendTileIn{
  0%{opacity:0;transform:translate3d(-12px,8px,0)}
  100%{opacity:1;transform:translate3d(0,0,0)}
}
@keyframes trendSignal{
  0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(255,107,107,0)}
  50%{transform:scale(1.2);box-shadow:0 0 0 5px rgba(255,107,107,.09)}
}
@keyframes calendarDotIn{
  0%{opacity:0;transform:scale(.2)}
  65%{opacity:1;transform:scale(1.16)}
  100%{opacity:1;transform:scale(1)}
}
@keyframes creatorStatusPulse{
  0%,100%{transform:scale(1);box-shadow:0 0 0 4px rgba(99,230,190,.11)}
  50%{transform:scale(1.18);box-shadow:0 0 0 7px rgba(99,230,190,.03)}
}

@media(prefers-reduced-motion:reduce){
  .feature-agent.visible .agent-map span:not(.core),.feature-agent.visible .agent-map .core,
  .feature-discover.visible .trend-list span,.feature-discover.visible .trend-list i,
  .feature-calendar.visible .mini-calendar .post-dot:after,.feature-creator.visible .creator-status i{animation:none}
  .feature-discover .trend-list span{opacity:1;transform:none}
  .feature-calendar .mini-calendar .post-dot:after{opacity:1;transform:scale(1)}
}

/* Output headline: a one-shot landing followed by a cross-platform light sweep. */
.output-title-line,.output-title-accent{display:inline-block;opacity:0;will-change:transform,opacity,clip-path}
.output-title-line{transform:translate3d(0,30px,0) rotate(.7deg);filter:blur(7px)}
.output-title-accent{position:relative;transform:translate3d(-24px,12px,0);clip-path:inset(0 100% 0 0)}
.output-title-accent:after{content:"";position:absolute;left:0;right:0;bottom:.06em;height:.075em;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(155,124,255,.35),#c7b6ff,rgba(155,124,255,.35),transparent);transform:scaleX(0);transform-origin:left;opacity:0}
.output-copy.visible .output-title-line{animation:outputTitleLand 1.05s var(--ease) .52s forwards}
.output-copy.visible .output-title-accent{animation:outputTitleSpread 1.25s var(--ease) .98s forwards}
.output-copy.visible .output-title-accent:after{animation:outputTitleSweep 1.35s var(--ease) 1.58s forwards}
@keyframes outputTitleLand{
  0%{opacity:0;transform:translate3d(0,30px,0) rotate(.7deg);filter:blur(7px)}
  70%{opacity:1;transform:translate3d(0,-2px,0) rotate(0);filter:blur(0)}
  100%{opacity:1;transform:none;filter:blur(0)}
}
@keyframes outputTitleSpread{
  0%{opacity:0;transform:translate3d(-24px,12px,0);clip-path:inset(0 100% 0 0)}
  100%{opacity:1;transform:none;clip-path:inset(0 0 0 0)}
}
@keyframes outputTitleSweep{
  0%{opacity:0;transform:scaleX(0)}
  35%{opacity:.9}
  100%{opacity:.42;transform:scaleX(1)}
}
@media(prefers-reduced-motion:reduce){
  .output-title-line,.output-title-accent{opacity:1;transform:none;clip-path:none;filter:none;animation:none!important}
  .output-title-accent:after{opacity:.35;transform:scaleX(1);animation:none!important}
}

/* Virtual Creator editorial portrait. */
.feature-creator{background:linear-gradient(135deg,#f8f6ff 0%,#e8e1ff 100%);isolation:isolate}
.feature-creator:after{content:"";position:absolute;width:230px;height:230px;left:-105px;bottom:-145px;border-radius:50%;background:radial-gradient(circle,rgba(255,107,107,.14),transparent 68%);z-index:-1}
.feature-creator h3{max-width:50%;font-size:24px;line-height:1.18;margin-top:12px}
.feature-creator>p{max-width:48%;font-size:12px;line-height:1.65}
.feature-creator .creator-portrait{left:auto;right:14px;top:14px;bottom:14px;width:44%;height:auto;border-radius:22px;background:#271b47;box-shadow:0 18px 42px rgba(44,27,102,.25);overflow:hidden;transform:none}
.creator-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:52% 32%;transform:scale(1.015);transition:transform .7s var(--ease),filter .7s var(--ease)}
.feature-creator:hover .creator-portrait img{transform:scale(1.065);filter:saturate(1.06)}
.creator-portrait:before{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,transparent 56%,rgba(19,13,37,.62) 100%);pointer-events:none}
.creator-portrait:after{content:"";position:absolute;z-index:3;left:10%;right:10%;height:1px;top:20%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);box-shadow:0 0 11px rgba(255,255,255,.35);opacity:.45;animation:creatorPortraitScan 5.5s ease-in-out infinite;pointer-events:none}
.creator-status{position:absolute;left:12px;bottom:11px;z-index:4;display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(22,15,42,.64);backdrop-filter:blur(10px);color:#fff;font:600 9px "IBM Plex Mono",monospace;letter-spacing:.02em}
.creator-status i{width:6px;height:6px;border-radius:50%;background:#63e6be;box-shadow:0 0 0 4px rgba(99,230,190,.13)}
@keyframes creatorPortraitScan{0%,100%{top:16%;opacity:.22}50%{top:76%;opacity:.58}}
@media(max-width:980px){
  .feature-creator{min-height:320px}
  .feature-creator h3{max-width:52%;font-size:27px}.feature-creator>p{max-width:50%;font-size:13px}
}
@media(max-width:600px){
  .feature-creator{min-height:540px}
  .feature-creator h3,.feature-creator>p{max-width:100%}
  .feature-creator .creator-portrait{left:26px;right:26px;top:auto;bottom:20px;width:auto;height:285px;transform:none}
}
@media(prefers-reduced-motion:reduce){.creator-portrait:after{animation:none;top:50%;opacity:.25}.creator-portrait img{transition:none}}

/* Right-side modules: spacious vertical compositions instead of split cards. */
.bento{grid-template-rows:repeat(3,250px)}
.bento:before{display:none}
.feature-agent .agent-map{bottom:38px}
.feature-discover,.feature-calendar,.feature-creator{padding:28px 30px;backdrop-filter:none;box-shadow:0 18px 46px rgba(48,32,108,.09);overflow:hidden}
.feature-discover:hover,.feature-calendar:hover,.feature-creator:hover{transform:translateY(-4px)}
.feature-discover:before,.feature-calendar:before,.feature-creator:before{display:none}
.feature-discover:after,.feature-calendar:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-78px;top:-90px;pointer-events:none}
.feature-discover{background:linear-gradient(145deg,#fff 0%,#fff7f3 100%);border-top:3px solid rgba(255,107,107,.72)!important}
.feature-discover:after{background:radial-gradient(circle,rgba(255,107,107,.16),transparent 68%)}
.feature-calendar{background:linear-gradient(145deg,#fff 0%,#f6f2ff 100%);border-top:3px solid rgba(109,69,232,.55)!important}
.feature-calendar:after{background:radial-gradient(circle,rgba(109,69,232,.15),transparent 68%)}
.feature-creator{background:linear-gradient(135deg,#eee8ff 0%,#ded3ff 100%);border-top:3px solid rgba(155,124,255,.62)!important}
.feature-discover h3,.feature-calendar h3,.feature-creator h3{max-width:100%;font-size:23px;line-height:1.23;margin:10px 0 6px}
.feature-discover>p,.feature-creator>p{max-width:100%;font-size:12px;line-height:1.6;margin:0}
.feature-discover .trend-list{position:relative;right:auto;top:auto;width:100%;margin-top:17px;transform:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.feature-discover .trend-list span{min-width:0;min-height:60px;padding:10px;display:grid;grid-template-columns:8px 1fr;align-content:center;column-gap:7px;row-gap:2px;border-radius:12px;background:rgba(255,255,255,.78);border:1px solid rgba(255,107,107,.13);line-height:1.25}
.feature-discover .trend-list i{grid-row:1/3}.feature-discover .trend-list b{margin:0;grid-column:2;font-size:11px}
.feature-calendar h3{max-width:82%}
.feature-calendar .mini-calendar{position:relative;right:auto;top:auto;width:100%;margin-top:22px;transform:none;gap:7px}
.feature-calendar .mini-calendar span{min-height:34px;aspect-ratio:auto;border-radius:9px;background:rgba(255,255,255,.82);border:1px solid rgba(109,69,232,.08)}
.feature-calendar .mini-calendar .post-dot:after{inset:23%;border-radius:6px}
.feature-creator h3{max-width:62%}.feature-creator>p{max-width:58%}
.feature-creator .creator-portrait{right:27px;bottom:-35px;width:170px;height:204px;border-radius:86px 86px 25px 25px;box-shadow:0 20px 46px rgba(71,44,145,.19)}
.feature-creator .face{left:48px;top:27px;transform:scale(.83)}
@media(max-width:980px){
  .bento{grid-template-rows:auto}
  .feature-discover,.feature-calendar,.feature-creator{min-height:280px}
}
@media(max-width:600px){
  .feature-discover,.feature-calendar{min-height:410px}
  .feature-creator{min-height:455px}
  .feature-discover .trend-list{grid-template-columns:1fr;margin-top:22px}
  .feature-discover .trend-list span{min-height:56px}
  .feature-calendar .mini-calendar{margin-top:26px}
  .feature-creator h3,.feature-creator>p{max-width:100%}
  .feature-creator .creator-portrait{right:50%;bottom:-40px;width:210px;height:245px;transform:translateX(50%)}
  .feature-creator .face{left:49px;top:30px;transform:scale(.95)}
}

/* Feature-grid cascade lock. */
.feature-agent{grid-row:1/3}
.feature-agent .agent-map{bottom:4px}
.feature-studio{grid-row:3}
@media(max-width:980px){.feature-agent,.feature-studio{grid-row:auto}.feature-agent .agent-map{bottom:4px}}
@media(max-width:600px){.feature-agent .agent-map{bottom:0}}

/* Theme control and a contrast-balanced dark palette. */
.theme-toggle{position:relative;width:44px;height:44px;flex:0 0 auto;border:1px solid rgba(109,69,232,.14);border-radius:14px;background:rgba(255,255,255,.62);color:#5f5771;display:grid;place-items:center;overflow:hidden;transition:background .25s,border-color .25s,color .25s,transform .25s var(--ease)}
.theme-toggle:hover{transform:translateY(-2px);color:var(--purple);border-color:rgba(109,69,232,.3)}.theme-icon{position:absolute;width:19px;height:19px;transition:opacity .3s var(--ease),transform .4s var(--ease)}.theme-icon-sun{opacity:0;transform:rotate(-70deg) scale(.55)}
html[data-theme="dark"]{--paper:#100e18;--surface:#191622;--ink:#f6f3ff;--muted:#b0a9bd;--purple:#9877ff;--purple2:#b49cff;--coral:#ff7d7d;--green:#43d5aa;--line:#373044;--shadow:0 24px 80px rgba(0,0,0,.32)}
html[data-theme="dark"] body{background:var(--paper);color:var(--ink)}
html[data-theme="dark"] .theme-toggle{background:#24202f;border-color:#3c344d;color:#f6d875}html[data-theme="dark"] .theme-icon-moon{opacity:0;transform:rotate(70deg) scale(.55)}html[data-theme="dark"] .theme-icon-sun{opacity:1;transform:none}
html[data-theme="dark"] .nav{background:rgba(16,14,24,.82);border-color:rgba(180,156,255,.18);box-shadow:0 12px 36px rgba(0,0,0,.25)}html[data-theme="dark"] .nav-links{color:#b3acbf}
html[data-theme="dark"] .hero:before{background:radial-gradient(circle,rgba(122,85,235,.22),transparent 67%)}html[data-theme="dark"] .prompt-box{background:rgba(28,24,39,.94);border-color:#413753;box-shadow:0 28px 80px rgba(0,0,0,.3)}html[data-theme="dark"] .prompt-box label,html[data-theme="dark"] .scroll-cue{color:#aaa3b7}html[data-theme="dark"] .icon-button{background:#2a2536;color:#beb5cf}html[data-theme="dark"] .suggestions button{background:rgba(31,27,42,.75);border-color:#3b334a;color:#b6afc1}
html[data-theme="dark"] .workflow,html[data-theme="dark"] .control-section,html[data-theme="dark"] .app-download,html[data-theme="dark"] .about-section{background:#15121d}html[data-theme="dark"] .features,html[data-theme="dark"] .contact-section{background:#100e18}html[data-theme="dark"] .step{background:#15121d}html[data-theme="dark"] .step-icon{background:#211d2b;border-color:#3a3249}html[data-theme="dark"] .workflow-line:before,html[data-theme="dark"] .workflow-line:after{background:#15121d;border-color:#5b4c78}
html[data-theme="dark"] .feature-discover{background:linear-gradient(145deg,#1d1925,#261b25)}html[data-theme="dark"] .feature-calendar{background:linear-gradient(145deg,#1c1924,#211b31)}html[data-theme="dark"] .feature-creator{background:linear-gradient(135deg,#211b31,#31254a)}html[data-theme="dark"] .feature-studio{background:linear-gradient(135deg,#1d1926,#282039);box-shadow:0 18px 48px rgba(0,0,0,.24)!important}html[data-theme="dark"] .bento .feature{border-color:#3a304c;box-shadow:0 18px 46px rgba(0,0,0,.2)}
html[data-theme="dark"] .feature-discover .trend-list span,html[data-theme="dark"] .feature-calendar .mini-calendar span{background:#282230;border-color:#3c324a}html[data-theme="dark"] .studio-preview{background:rgba(20,17,28,.88);border-color:#423653;box-shadow:0 14px 32px rgba(0,0,0,.22)}html[data-theme="dark"] .studio-preview-top{border-color:#342b41}html[data-theme="dark"] .studio-stage{background:#27222e;color:#aaa2b7}html[data-theme="dark"] .studio-stage.is-ready{background:#182b28;color:#71cdb1}html[data-theme="dark"] .studio-stage.is-active{background:#2d2447;color:#b49cff}
html[data-theme="dark"] .human{box-shadow:0 0 0 16px #272035,0 24px 55px rgba(0,0,0,.32)}html[data-theme="dark"] .node{background:#211d2b;border-color:#3c344b;box-shadow:0 12px 26px rgba(0,0,0,.22)}
html[data-theme="dark"] .store-button{background:#f4f0ff;color:#1a1623}html[data-theme="dark"] .store-button:hover{background:#292333}html[data-theme="dark"] .app-float-card{background:rgba(29,25,38,.92);box-shadow:0 18px 44px rgba(0,0,0,.3)}
html[data-theme="dark"] .about-system{background:#0c0a11;border:1px solid #30283d}html[data-theme="dark"] .about-copy .about-statement{color:#f3effb}html[data-theme="dark"] .contact-email,html[data-theme="dark"] .contact-inbox{background:#1b1723;border-color:#3a3048;box-shadow:0 25px 65px rgba(0,0,0,.24)}html[data-theme="dark"] .contact-inbox-head{border-color:#342b40}html[data-theme="dark"] .contact-options>a{background:#24202c;border-color:#393044}html[data-theme="dark"] .contact-options>a:hover{background:#2d2640;border-color:#65508b}html[data-theme="dark"] .contact-option-number{background:#382d58;color:#c1afff}
html[data-theme="dark"] .cta-section{background:#5030ad}html[data-theme="dark"] .button-large{background:#fff;color:#5030ad}html[data-theme="dark"] .site-footer{background:#09080d}
@media(max-width:700px){.theme-toggle{width:42px;height:42px;border-radius:13px}}
@media(max-width:520px){.theme-toggle{width:40px;height:40px}.theme-icon{width:17px;height:17px}.nav-actions{gap:6px}}

html[data-theme="dark"] .nav-actions .button-small{background:#6846d8;color:#fff;box-shadow:0 10px 26px rgba(104,70,216,.3)}
html[data-theme="dark"] .nav-actions .button-small:hover{background:#7957e7;color:#fff;box-shadow:0 14px 32px rgba(104,70,216,.4)}

/* Top navigation blends into the hero, then gains its surface on scroll. */
.nav{transition:background .3s,border-color .3s,box-shadow .3s,backdrop-filter .3s}
.nav-shell:not(.scrolled) .nav{background:transparent;border-color:transparent;box-shadow:none;backdrop-filter:none}

/* Dark-mode fixes for sections whose light theme uses --ink as a background. */
html[data-theme="dark"] .output-section{background:#0c0a12;color:#f7f4ff}
html[data-theme="dark"] .output-section:before{background:radial-gradient(circle at 75% 45%,rgba(109,69,232,.3),transparent 34%),linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px);background-size:auto,72px 72px,72px 72px}
html[data-theme="dark"] .cta-section{background:linear-gradient(145deg,#151020 0%,#21143c 52%,#2b1752 100%)}
html[data-theme="dark"] .cta-section:before{border-color:rgba(180,156,255,.18);box-shadow:0 0 0 90px rgba(155,124,255,.035),0 0 0 180px rgba(155,124,255,.022)}

html[data-theme="dark"] .nav-shell.scrolled .nav{background:#17131f;border-color:#352c45;box-shadow:0 14px 38px rgba(0,0,0,.38);backdrop-filter:none}
html[data-theme="dark"] .nav-shell.scrolled .nav-links{color:#c2bbcd}

html[data-theme="dark"] .agent-pill{color:#171327}
html[data-theme="dark"] .agent-pill small{color:#6d687e}
html[data-theme="dark"] .agent-pill .agent-avatar{color:#fff}

/* Platform-native post surfaces in the dark theme. */
html[data-theme="dark"] .instagram-post{background:#0f0f10;color:#f5f5f5;border-color:#2b2b2f;box-shadow:0 24px 64px rgba(0,0,0,.38)}
html[data-theme="dark"] .instagram-post .ig-top{border-bottom-color:#262629}
html[data-theme="dark"] .instagram-post .ig-top span,
html[data-theme="dark"] .instagram-post .ig-body small{color:#a8a8ad}
html[data-theme="dark"] .instagram-post .ig-body p span{color:#8ab4f8}
html[data-theme="dark"] .instagram-post .ig-actions{color:#f5f5f5;border-color:#262629}

html[data-theme="dark"] .telegram-post{background:#0e1621;color:#e6edf3;border-color:#26384a;box-shadow:0 24px 64px rgba(0,0,0,.38)}
html[data-theme="dark"] .telegram-post .tg-top{background:#17212b;border-bottom-color:#26384a}
html[data-theme="dark"] .telegram-post .tg-top span{color:#9aa8b5}
html[data-theme="dark"] .telegram-post .tg-message{background:#182533;color:#e6edf3;box-shadow:0 10px 24px rgba(0,0,0,.24)}
html[data-theme="dark"] .telegram-post .tg-message>a{color:#64b5ef}
html[data-theme="dark"] .telegram-post .tg-meta{color:#91a3b3}
html[data-theme="dark"] .telegram-post .tg-checks{color:#55bde9}

html[data-theme="dark"] .x-post{background:#000;color:#e7e9ea;border-color:#2f3336;box-shadow:0 24px 64px rgba(0,0,0,.42)}
html[data-theme="dark"] .x-post .x-head span,
html[data-theme="dark"] .x-post .x-actions{color:#8b98a5}
html[data-theme="dark"] .x-post .x-preview{border-color:#2f3336;background-color:#16181c}
html[data-theme="dark"] .x-post .x-avatar{background:#16181c;border-color:#2f3336}

/* Final mobile pass: one coherent responsive layer for the complete landing page. */
@media(max-width:767px){
  html{scroll-padding-top:78px}
  body{-webkit-text-size-adjust:100%}
  .container{width:calc(100% - 32px);max-width:560px}
  section{isolation:isolate}
  .section-label,.eyebrow{font-size:11px;line-height:1.45}
  .section-head h2,.output-copy h2,.control-copy h2,.app-copy h2,.about-copy h2,.contact-copy h2{font-size:clamp(34px,10vw,44px);line-height:1.12;letter-spacing:-.045em}
  .section-head>p,.output-copy>p,.control-copy>p,.app-copy>p,.about-copy>p,.contact-copy>p{font-size:15px;line-height:1.75}

  .nav-shell,.nav-shell.scrolled{padding-top:max(7px,env(safe-area-inset-top))}
  .nav{height:58px;padding:0 8px 0 12px;border-radius:17px;gap:8px}
  .header-logo{width:126px;height:32px}
  .nav-actions{gap:6px;margin-left:auto}
  .theme-toggle{width:42px;height:42px;border-radius:13px}
  .header-download{min-width:44px;min-height:42px;padding:0 11px;font-size:11px;border-radius:13px;white-space:nowrap}
  .nav-shell.scrolled .nav{transform:none}

  .hero{min-height:100svh;padding:116px 0 60px;overflow:hidden}
  .hero-inner{overflow:visible}
  .hero h1{font-size:clamp(35px,10.4vw,48px);line-height:1.14;letter-spacing:-.052em;margin:20px auto 17px;overflow-wrap:normal}
  .hero-copy{max-width:36rem;padding:0;font-size:15px;line-height:1.7}
  .hero .eyebrow,.hero h1,.hero-copy{transform:none}
  .hero-orbit{opacity:.55}
  .orbit-one{width:520px;height:520px;left:-330px;top:-240px}
  .orbit-two{width:390px;height:390px;right:-270px;bottom:-80px}
  .prompt-stage{margin-top:52px}
  .agent-pill{left:12px;top:-29px;padding:7px 10px;border-radius:14px}
  .agent-avatar{width:31px;height:31px;border-radius:9px;font-size:15px}
  .prompt-box{min-height:166px;padding:29px 15px 13px;border-radius:21px}
  .typing-line{min-height:69px;font-size:14px;line-height:1.65}
  .icon-button,.send-button{width:44px;height:44px;border-radius:13px}
  .suggestions{width:calc(100vw - 16px);margin-left:0;padding:0 16px 5px 0;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none}
  .suggestions::-webkit-scrollbar{display:none}
  .suggestions button{min-height:36px;padding:7px 13px}
  .scroll-cue{margin-top:26px}

  .output-section{min-height:0;padding:92px 0 84px}
  .output-grid{gap:42px}
  .output-copy h2{margin-top:18px}
  .metric-row{gap:28px;margin-top:28px}
  .metric-row strong{font-size:32px}
  .social-wall{display:grid;height:auto;width:100%;gap:18px;margin-top:0;perspective:none}
  .native-post,.native-post.generated{position:relative;inset:auto!important;width:100%;max-width:none;opacity:1;visibility:visible;transform:none!important;border-radius:17px}
  .native-post{box-shadow:0 18px 48px rgba(0,0,0,.25)}
  .ig-media{height:auto;aspect-ratio:1/1}
  .campaign-art{padding:27px}.campaign-art strong{font-size:clamp(34px,10vw,42px)}
  .telegram-post{min-height:0}.tg-message{width:calc(100% - 28px);margin:14px}.tg-photo{height:150px}
  .x-post{padding:14px}.x-preview{height:120px}.x-post>p{font-size:13px}
  .x-actions{gap:10px}.x-actions span{min-width:0}.x-actions span:nth-child(4){display:none}

  .workflow,.features,.control-section{padding:84px 0}
  .steps{display:grid;grid-template-columns:1fr;gap:14px;margin-top:44px}
  .step{min-height:138px;padding:21px 18px 19px 86px;border:1px solid var(--line);border-radius:20px;display:block}
  .step>span{left:22px;top:20px}
  .step-icon{position:absolute;left:18px;top:48px;width:50px;height:50px;margin:0;border-radius:16px}
  .step h3{font-size:19px;margin:0 0 7px}.step p{font-size:13px;line-height:1.65;margin:0}

  .bento{margin-top:44px;gap:14px}
  .bento .feature{padding:23px;border-radius:23px}
  .feature h3{font-size:24px}
  .feature-agent{min-height:430px}
  .feature-agent h3{font-size:27px}
  .feature-agent .agent-map{width:290px;height:205px;bottom:-2px;transform:translateX(-50%) scale(.76)}
  .feature-studio{min-height:420px}
  .studio-preview{left:18px;right:18px;bottom:18px;height:214px}
  .feature-discover,.feature-calendar{min-height:350px}
  .feature-discover .trend-list{gap:7px;margin-top:18px}
  .feature-discover .trend-list span{min-height:50px}
  .feature-calendar .mini-calendar{gap:6px;margin-top:22px}
  .feature-calendar .mini-calendar span{min-height:30px}
  .feature-creator{min-height:440px}
  .feature-creator .creator-portrait{left:20px;right:20px;bottom:18px;width:auto;height:244px;transform:none;border-radius:22px}

  .control-grid{gap:28px}
  .control-copy{grid-row:1}.control-visual{grid-row:2;min-height:330px}
  .orbit-ui{width:300px;height:300px;transform:none}
  .human{width:82px;height:82px;border-radius:28px;font-size:21px}
  .node{padding:9px 11px;font-size:10px}.n1{left:15px}.n2{right:-2px;top:135px}.n3{left:34px}
  .control-copy ul{gap:12px;margin-top:25px}.control-copy li{align-items:flex-start;font-size:14px;line-height:1.55}.control-copy li svg{flex:0 0 22px;margin-top:1px}

  .app-download{padding:56px 0 42px}
  .app-download-grid{gap:32px}
  .download-actions{gap:10px;margin-top:26px}
  .store-button{min-width:calc(50% - 5px);min-height:58px;padding:8px 10px;border-radius:16px;text-align:left}
  .store-icon{width:34px;height:34px;flex:0 0 34px}
  .phone-stage{height:510px;width:100%}
  .phone{width:min(58vw,225px)}
  .phone-login{left:0;top:72px}.phone-dashboard{right:0;top:18px}
  .app-float-card{display:none}

  .about-section,.contact-section{padding:84px 0}
  .about-grid,.contact-grid{gap:38px}
  .about-copy .about-statement{padding:17px 0 17px 18px;margin-top:23px;font-size:14px}
  .about-system{padding:19px;border-radius:24px}
  .about-principles{gap:9px}.about-principles article{padding:17px;min-height:0}
  .about-note{padding:14px;margin-top:12px}
  .contact-inbox{padding:15px;border-radius:22px}
  .contact-inbox-head{padding:5px 3px 15px}
  .contact-options>a{grid-template-columns:36px minmax(0,1fr);gap:11px;min-height:86px;padding:13px 10px}
  .contact-options small{overflow-wrap:anywhere}
  .contact-email{padding:16px;border-radius:18px}.contact-email span{font-size:16px;overflow-wrap:anywhere}.contact-email svg{width:20px}
  .contact-privacy{align-items:flex-start;line-height:1.5}

  .cta-section{min-height:560px;padding:92px 0 76px}
  .cta-inner h2{font-size:clamp(42px,12vw,58px);line-height:1.08;margin:25px 0 20px}
  .cta-inner p{font-size:15px;line-height:1.65}
  .button-large{width:100%;min-height:56px;margin-top:18px}
  .cta-section:before{width:390px;height:390px;box-shadow:0 0 0 60px rgba(255,255,255,.03),0 0 0 120px rgba(255,255,255,.02)}

  .site-footer{padding:58px 0 24px}
  .footer-main{grid-template-columns:1fr 1fr;gap:38px 24px;padding-bottom:42px}
  .footer-brand-block,.footer-contact{grid-column:1/-1}
  .footer-brand-block>p{margin:20px 0}
  .footer-contact{padding:19px;border-radius:18px}
  .footer-column a{min-height:30px;display:flex;align-items:center}
  .footer-bottom{gap:18px;padding-top:21px}.footer-bottom>div{flex-wrap:wrap;justify-content:flex-start;gap:18px}
}

@media(max-width:390px){
  .container{width:calc(100% - 24px)}
  .header-logo{width:112px}
  .header-download{width:42px;padding:0;font-size:0}
  .header-download:after{content:"App";font-size:10px;margin:auto}
  .theme-toggle{width:40px;height:40px}
  .hero{padding-top:108px}.hero h1{font-size:34px}
  .metric-row{justify-content:space-between;gap:16px}.metric-row strong{font-size:28px}
  .campaign-art{padding:23px}.campaign-art strong{font-size:33px}
  .x-actions span:nth-child(2){display:none}
  .feature-agent .agent-map{transform:translateX(-50%) scale(.68)}
  .store-button{min-width:100%}
  .phone-stage{height:450px}.phone{width:200px}.phone-login{left:-6px}.phone-dashboard{right:-6px}
  .footer-main{gap:34px 18px}
}

/* Mobile navigation and targeted composition repairs. */
.menu-toggle,.mobile-menu{display:none}
@media(max-width:767px){
  .container{width:calc(100% - 40px)}
  body.menu-open{overflow:hidden}
  .header-download{display:none}
  .menu-toggle{position:relative;display:grid;place-content:center;width:44px;height:44px;padding:0;border:1px solid rgba(109,69,232,.16);border-radius:13px;background:rgba(255,255,255,.68);color:var(--ink);gap:4px;z-index:2}
  .menu-toggle span{display:block;width:18px;height:1.5px;border-radius:2px;background:currentColor;transition:transform .28s var(--ease),opacity .2s,width .28s var(--ease)}
  .menu-toggle.active span:first-child{transform:translateY(5.5px) rotate(45deg)}
  .menu-toggle.active span:nth-child(2){width:0;opacity:0}
  .menu-toggle.active span:last-child{transform:translateY(-5.5px) rotate(-45deg)}
  html[data-theme="dark"] .menu-toggle{background:#24202f;border-color:#3c344d;color:#f5f1ff}
  .mobile-menu{position:absolute;top:calc(max(7px,env(safe-area-inset-top)) + 66px);left:20px;right:20px;width:auto;max-width:none;padding:14px;border:1px solid rgba(109,69,232,.16);border-radius:24px;background:rgba(250,249,255,.96);box-shadow:0 24px 70px rgba(35,24,78,.22);backdrop-filter:blur(22px) saturate(150%);opacity:0;visibility:hidden;transform:translateY(-12px) scale(.97);transform-origin:top;transition:opacity .25s,visibility .25s,transform .35s var(--ease)}
  .mobile-menu.open{display:block;opacity:1;visibility:visible;transform:none}
  .mobile-menu nav{display:grid}
  .mobile-menu nav a{display:flex;align-items:center;gap:14px;min-height:48px;padding:0 12px;border-bottom:1px solid rgba(109,69,232,.1);font:700 15px "Manrope","DM Sans",sans-serif}
  .mobile-menu nav a:last-child{border-bottom:0}
  .mobile-menu nav span{width:24px;color:var(--purple);font:600 9px "IBM Plex Mono",monospace}
  .mobile-menu-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(109,69,232,.12)}
  .mobile-menu-actions a{min-height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}
  .mobile-menu-actions a:first-child{background:#eee9ff;color:#5b3bc5}
  .mobile-menu-actions a:last-child{gap:7px;background:var(--purple);color:#fff}
  .mobile-menu-actions svg{width:16px;height:16px}
  html[data-theme="dark"] .mobile-menu{background:rgba(24,20,32,.97);border-color:#3b324a;box-shadow:0 24px 70px rgba(0,0,0,.48)}
  html[data-theme="dark"] .mobile-menu nav a{border-color:#332b40}
  html[data-theme="dark"] .mobile-menu-actions{border-color:#332b40}
  html[data-theme="dark"] .mobile-menu-actions a:first-child{background:#2b2440;color:#c5b5ff}

  /* Content Studio becomes a natural document stack instead of an overlapping mockup. */
  .feature-studio{display:flex;flex-direction:column;min-height:0!important;padding-bottom:20px!important}
  .feature-studio h3{max-width:100%;margin-bottom:8px;font-size:25px;line-height:1.2}
  .feature-studio>p{max-width:100%;margin:0;font-size:13px;line-height:1.65}
  .feature-studio .studio-preview{position:relative;inset:auto;width:100%;height:auto;min-height:220px;margin-top:22px;border-radius:18px}
  .studio-preview-top{padding-inline:14px}.studio-preview-top b{max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .studio-stage{min-height:38px;padding:8px 13px}

  /* Virtual Creator uses a full-width editorial portrait below its copy. */
  .feature-creator{display:flex;flex-direction:column;min-height:0!important;padding-bottom:20px!important}
  .feature-creator h3{font-size:25px;line-height:1.2;margin-bottom:8px}
  .feature-creator>p{margin:0;font-size:13px;line-height:1.65}
  .feature-creator .creator-portrait{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:1.18/1;margin-top:22px;border-radius:20px;transform:none!important}
  .creator-portrait img{object-position:52% 28%}

  /* Lead with the product visual in the download section. */
  .phone-stage{grid-row:1;order:-1;height:465px;margin-bottom:-20px}
  .app-copy{grid-row:2;order:2}
  .phone{width:min(56vw,218px)}
  .phone-login{left:0;top:64px}.phone-dashboard{right:0;top:10px}

  /* About reads as a compact product journey on narrow screens. */
  .about-system{padding:14px;border-radius:22px}
  .about-flow{padding:6px 0 14px;gap:7px;border-bottom:0}
  .about-flow span{width:100%;min-height:48px;padding:9px 12px;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:rgba(255,255,255,.055);justify-content:center}
  .about-flow span small{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:8px}
  .about-flow i{height:10px;margin:0 0 0 22px;background:linear-gradient(180deg,rgba(155,124,255,.25),rgba(155,124,255,.8))}
  .about-flow .flow-result{width:100%;margin:0;border-color:rgba(255,255,255,.18);background:linear-gradient(110deg,#6842db,#8b63f2)}
  .about-principles{gap:8px;margin-top:0}
  .about-principles article{position:relative;padding:16px 16px 16px 20px;border-radius:15px;background:rgba(255,255,255,.055)}
  .about-principles article:before{content:"";position:absolute;left:0;top:15px;bottom:15px;width:2px;border-radius:2px;background:var(--purple2)}
  .about-principles h3{margin:7px 0 5px;font-size:16px}
  .about-principles p{font-size:11px;line-height:1.65}
  .about-note{border:1px solid rgba(155,124,255,.16);border-radius:15px}
}

@media(max-width:390px){
  .container{width:calc(100% - 32px)}
  .mobile-menu{left:16px;right:16px}
  .header-logo{width:108px}
  .phone-stage{height:420px}.phone{width:min(57vw,196px)}
}

/* Mobile output keeps the desktop's layered social-wall composition. */
@media(max-width:767px){
  .output-section{padding-top:76px}
  .output-grid{display:flex;flex-direction:column;gap:40px}
  .social-wall{order:1;display:block;position:relative;width:100%;height:590px;margin:0;perspective:1000px;overflow:visible}
  .output-copy{order:2;width:100%}
  .native-post,.native-post.generated{position:absolute;inset:auto!important;max-width:none;border-radius:16px;box-shadow:0 22px 58px rgba(0,0,0,.36)}
  .native-post{opacity:0;visibility:hidden}
  .native-post.generated{opacity:1;visibility:visible}

  .instagram-post{top:6px!important;left:0!important;width:min(82vw,300px)!important;transform:translate(-26px,35px) rotate(-7deg) scale(.9)!important;z-index:3}
  .instagram-post.generated{transform:rotate(-4deg) scale(1)!important}
  .instagram-post .ig-media{height:auto;aspect-ratio:1/1}
  .instagram-post .campaign-art{padding:24px}
  .instagram-post .campaign-art strong{font-size:clamp(29px,9vw,36px)}
  .instagram-post .art-label{top:18px;left:20px}

  .telegram-post{top:150px!important;right:0!important;width:min(80vw,292px)!important;transform:translate(30px,20px) rotate(7deg) scale(.9)!important;z-index:4}
  .telegram-post.generated{transform:rotate(3deg) scale(1)!important}
  .telegram-post .tg-top{height:58px;padding:9px 11px}
  .telegram-post .tg-avatar{width:36px;height:36px}
  .telegram-post .tg-message{width:86%;margin:11px;padding:5px}
  .telegram-post .tg-photo{height:112px}

  .x-post{left:7%!important;bottom:4px!important;width:min(86vw,310px)!important;padding:12px!important;transform:translateY(48px) rotate(-4deg) scale(.9)!important;z-index:5}
  .x-post.generated{transform:rotate(-1deg) scale(1)!important}
  .x-post>p{margin:11px 0;font-size:12px;line-height:1.4}
  .x-post .x-preview{height:104px;padding:18px}
  .x-post .x-preview b{font-size:21px}
  .x-post .x-actions{padding-top:9px}
}

@media(max-width:390px){
  .social-wall{height:540px}
  .instagram-post{width:min(80vw,278px)!important}
  .telegram-post{top:135px!important;width:min(78vw,270px)!important}
  .x-post{left:5%!important;width:min(85vw,292px)!important}
  .instagram-post .ig-top{height:54px;padding:8px 10px}
  .instagram-post .ig-media{aspect-ratio:1.04/1}
  .instagram-post .ig-body{padding-bottom:12px}
  .telegram-post .tg-photo{height:98px}
  .x-post .x-preview{height:94px}
}

/* Mobile gutter and social-card proportions are derived from one shared frame. */
@media(max-width:767px){
  html{--mobile-gutter:clamp(18px,5.2vw,24px)}
  .container{width:calc(100% - (var(--mobile-gutter) * 2));max-width:560px}
  .mobile-menu{left:var(--mobile-gutter);right:var(--mobile-gutter)}
  .output-section .container{overflow:visible}
  .social-wall{width:100%;height:clamp(530px,151vw,590px);margin-inline:auto}

  .instagram-post{left:6px!important;width:min(82%,300px)!important;transform:translateY(30px) rotate(-6deg) scale(.92)!important;transform-origin:top left}
  .instagram-post.generated{transform:rotate(-3.5deg) scale(1)!important}

  .telegram-post{right:6px!important;width:min(80%,292px)!important;transform:translateY(20px) rotate(6deg) scale(.92)!important;transform-origin:top right}
  .telegram-post.generated{transform:rotate(2.5deg) scale(1)!important}

  .x-post{left:50%!important;width:min(86%,310px)!important;transform:translate(-50%,45px) rotate(-3deg) scale(.92)!important;transform-origin:bottom center}
  .x-post.generated{transform:translateX(-50%) rotate(-1deg) scale(1)!important}
}

@media(max-width:390px){
  .social-wall{height:clamp(510px,155vw,548px)}
  .instagram-post{left:5px!important;width:min(81%,278px)!important}
  .telegram-post{right:5px!important;top:132px!important;width:min(79%,270px)!important}
  .x-post{width:min(87%,292px)!important}
}

/* Keep every rotated post fully inside the mobile viewport. */
@media(max-width:767px){
  .output-section{overflow:hidden}
  .output-section .container{overflow:visible}
  .social-wall{width:100%;overflow:hidden;border-radius:20px}
  .instagram-post{left:18px!important;width:min(76%,280px)!important;transform:translateY(24px) rotate(-3deg) scale(.94)!important}
  .instagram-post.generated{transform:rotate(-2deg) scale(1)!important}
  .telegram-post{right:18px!important;width:min(75%,274px)!important;transform:translateY(18px) rotate(3deg) scale(.94)!important}
  .telegram-post.generated{transform:rotate(2deg) scale(1)!important}
  .x-post{left:50%!important;width:min(81%,294px)!important;transform:translate(-50%,38px) rotate(-2deg) scale(.94)!important}
  .x-post.generated{transform:translateX(-50%) rotate(-.75deg) scale(1)!important}
}

@media(max-width:390px){
  .instagram-post{left:14px!important;width:min(75%,258px)!important}
  .telegram-post{right:14px!important;width:min(74%,254px)!important}
  .x-post{width:min(80%,274px)!important}
}

/* Authoritative mobile social wall: preserve desktop card geometry, scale as a unit. */
@media(max-width:767px){
  .social-wall{--post-scale:.78;position:relative;width:100%;height:570px;overflow:hidden;border-radius:20px;margin-inline:auto}
  .native-post,.native-post.generated{position:absolute;max-width:none;border-radius:18px}

  .instagram-post{top:8px!important;left:8px!important;right:auto!important;bottom:auto!important;width:385px!important;transform-origin:top left!important;transform:translateY(28px) rotate(-5deg) scale(calc(var(--post-scale) * .88))!important}
  .instagram-post.generated{transform:rotate(-3deg) scale(var(--post-scale))!important}
  .instagram-post .ig-top{height:60px;padding:10px 13px}
  .instagram-post .ig-media{height:350px;aspect-ratio:auto}
  .instagram-post .campaign-art{padding:32px}
  .instagram-post .campaign-art strong{font-size:42px}
  .instagram-post .art-label{top:25px;left:27px}
  .instagram-post .ig-body{padding:0 14px 16px}

  .telegram-post{top:154px!important;right:8px!important;left:auto!important;bottom:auto!important;width:390px!important;transform-origin:top right!important;transform:translateY(22px) rotate(5deg) scale(calc(var(--post-scale) * .88))!important}
  .telegram-post.generated{transform:rotate(2.5deg) scale(var(--post-scale))!important}
  .telegram-post .tg-top{height:64px;padding:11px 14px}
  .telegram-post .tg-avatar{width:40px;height:40px}
  .telegram-post .tg-message{width:82%;margin:14px;padding:6px}
  .telegram-post .tg-photo{height:130px}

  .x-post{left:50%!important;right:auto!important;top:auto!important;bottom:10px!important;width:405px!important;padding:14px 15px!important;transform-origin:bottom center!important;transform:translate(-50%,35px) rotate(-3deg) scale(calc(var(--post-scale) * .88))!important}
  .x-post.generated{transform:translateX(-50%) rotate(-1deg) scale(var(--post-scale))!important}
  .x-post>p{font-size:14px;line-height:1.45;margin:14px 0}
  .x-post .x-preview{height:130px;padding:24px}
  .x-post .x-preview b{font-size:25px}
  .x-post .x-actions{padding-top:11px}
  .x-post .x-actions span:nth-child(2),.x-post .x-actions span:nth-child(4){display:flex}
}

@media(max-width:430px){.social-wall{--post-scale:.72;height:550px}}
@media(max-width:360px){.social-wall{--post-scale:.66;height:510px}.telegram-post{top:138px!important}.x-post{bottom:6px!important}}

/* Final no-crop mobile wall: smaller cards, generous canvas, no clipping. */
@media(max-width:767px){
  .social-wall{--post-scale:.70;height:650px;overflow:visible!important;border-radius:0}
  .instagram-post{top:18px!important;left:18px!important;transform:translateY(22px) rotate(-4deg) scale(calc(var(--post-scale) * .9))!important}
  .instagram-post.generated{transform:rotate(-2deg) scale(var(--post-scale))!important}
  .telegram-post{top:172px!important;right:18px!important;transform:translateY(18px) rotate(4deg) scale(calc(var(--post-scale) * .9))!important}
  .telegram-post.generated{transform:rotate(2deg) scale(var(--post-scale))!important}
  .x-post{bottom:20px!important;transform:translate(-50%,28px) rotate(-2deg) scale(calc(var(--post-scale) * .9))!important}
  .x-post.generated{transform:translateX(-50%) rotate(-.75deg) scale(var(--post-scale))!important}
}

@media(max-width:430px){
  .social-wall{--post-scale:.62;height:610px}
  .telegram-post{top:155px!important}
}

@media(max-width:360px){
  .social-wall{--post-scale:.55;height:560px}
  .instagram-post{top:14px!important;left:16px!important}
  .telegram-post{top:138px!important;right:16px!important}
  .x-post{bottom:18px!important}
}

/* Mobile-only compact overlap, with a protected launch zone above the cards. */
@media(max-width:767px){
  .output-grid{gap:16px}
  .social-wall{--post-scale:.68;height:555px;margin-top:24px}
  .instagram-post{top:28px!important;transform:translateY(18px) rotate(-2deg) scale(calc(var(--post-scale) * .92))!important}
  .instagram-post.generated{transform:rotate(-1deg) scale(var(--post-scale))!important}
  .telegram-post{top:138px!important;transform:translateY(14px) rotate(2deg) scale(calc(var(--post-scale) * .92))!important}
  .telegram-post.generated{transform:rotate(1deg) scale(var(--post-scale))!important}
  .x-post{bottom:10px!important;transform:translate(-50%,20px) rotate(-1deg) scale(calc(var(--post-scale) * .92))!important}
  .x-post.generated{transform:translateX(-50%) rotate(-.35deg) scale(var(--post-scale))!important}
}

@media(max-width:430px){
  .social-wall{--post-scale:.60;height:515px;margin-top:22px}
  .instagram-post{top:26px!important}
  .telegram-post{top:120px!important}
}

@media(max-width:360px){
  .social-wall{--post-scale:.54;height:470px;margin-top:20px}
  .instagram-post{top:24px!important}
  .telegram-post{top:106px!important}
  .x-post{bottom:8px!important}
}

/* Mobile posts share one centered axis, so no card can drift off-screen. */
@media(max-width:767px){
  .instagram-post,.telegram-post,.x-post{left:50%!important;right:auto!important;transform-origin:center center!important}
  .instagram-post{top:24px!important;transform:translate(-50%,16px) rotate(-1deg) scale(calc(var(--post-scale) * .92))!important}
  .instagram-post.generated{transform:translateX(-50%) rotate(-.5deg) scale(var(--post-scale))!important}
  .telegram-post{top:112px!important;transform:translate(-50%,14px) rotate(1deg) scale(calc(var(--post-scale) * .92))!important}
  .telegram-post.generated{transform:translateX(-50%) rotate(.5deg) scale(var(--post-scale))!important}
  .x-post{bottom:18px!important;transform:translate(-50%,18px) rotate(-.6deg) scale(calc(var(--post-scale) * .92))!important}
  .x-post.generated{transform:translateX(-50%) rotate(-.25deg) scale(var(--post-scale))!important}
}

@media(max-width:360px){
  .telegram-post{top:96px!important}
}

/* Deterministic mobile centering: fixed card center, no horizontal translate. */
@media(max-width:767px){
  .instagram-post{left:calc(50% - 192.5px)!important;right:auto!important;transform:translateY(16px) rotate(-1deg) scale(calc(var(--post-scale) * .92))!important}
  .instagram-post.generated{transform:rotate(-.5deg) scale(var(--post-scale))!important}
  .telegram-post{left:calc(50% - 195px)!important;right:auto!important;transform:translateY(14px) rotate(1deg) scale(calc(var(--post-scale) * .92))!important}
  .telegram-post.generated{transform:rotate(.5deg) scale(var(--post-scale))!important}
  .x-post{left:calc(50% - 202.5px)!important;right:auto!important;transform:translateY(18px) rotate(-.6deg) scale(calc(var(--post-scale) * .92))!important}
  .x-post.generated{transform:rotate(-.25deg) scale(var(--post-scale))!important}
}

/* Slower, clearly sequenced mobile post reveal with a restrained fan. */
@media(max-width:767px){
  .native-post{transition:opacity 1.05s var(--ease),transform 1.3s var(--ease)}
  .instagram-post{transform:translateY(24px) rotate(-3deg) scale(calc(var(--post-scale) * .88))!important}
  .instagram-post.generated{transform:rotate(-1.5deg) scale(var(--post-scale))!important}
  .telegram-post{transform:translateY(24px) rotate(3deg) scale(calc(var(--post-scale) * .88))!important}
  .telegram-post.generated{transform:rotate(1.5deg) scale(var(--post-scale))!important}
  .x-post{transform:translateY(26px) rotate(-1.5deg) scale(calc(var(--post-scale) * .88))!important}
  .x-post.generated{transform:rotate(-.75deg) scale(var(--post-scale))!important}
}

/* Width-driven mobile scale with a tighter, launch-safe top offset. */
@media(max-width:767px){
  .social-wall{margin-top:10px}
  .instagram-post{top:18px!important}
}

@media(max-width:360px){
  .social-wall{margin-top:8px}
  .instagram-post{top:16px!important}
}

/* Mobile-only true centering: translate is independent from rotate and scale. */
@media(max-width:767px){
  .social-wall{margin-top:2px}
  .instagram-post,.telegram-post,.x-post{left:50%!important;right:auto!important;translate:-50% 0!important}
  .instagram-post{top:10px!important}
}

@media(max-width:360px){
  .social-wall{margin-top:0}
  .instagram-post{top:8px!important}
}

/* Legacy-safe mobile centering: half-width negative margins, independent of transforms. */
@media(max-width:767px){
  .instagram-post,.telegram-post,.x-post{left:50%!important;right:auto!important;translate:none!important}
  .instagram-post{margin-left:-192.5px!important}
  .telegram-post{margin-left:-195px!important}
  .x-post{margin-left:-202.5px!important}
}

/* Dedicated mobile frames decouple centering from card animation. */
.mobile-post-frame{display:contents}
@media(max-width:767px){
  .mobile-post-frame{display:block;position:absolute;left:50%;margin:0;translate:-50% 0;transform:scale(var(--post-scale));z-index:3;pointer-events:none}
  .instagram-frame{top:8px;width:385px;height:510px;transform-origin:top center;z-index:3}
  .telegram-frame{top:96px;width:390px;height:382px;transform-origin:top center;z-index:4}
  .x-frame{bottom:18px;width:405px;height:300px;transform-origin:bottom center;z-index:5}
  .mobile-post-frame>.native-post{left:0!important;right:auto!important;top:0!important;bottom:auto!important;margin:0!important;translate:none!important;transform-origin:center center!important;pointer-events:auto}
  .instagram-frame>.instagram-post{transform:translateY(24px) rotate(-3deg) scale(.88)!important}
  .instagram-frame>.instagram-post.generated{transform:rotate(-1.5deg) scale(1)!important}
  .telegram-frame>.telegram-post{transform:translateY(24px) rotate(3deg) scale(.88)!important}
  .telegram-frame>.telegram-post.generated{transform:rotate(1.5deg) scale(1)!important}
  .x-frame>.x-post{transform:translateY(26px) rotate(-1.5deg) scale(.88)!important}
  .x-frame>.x-post.generated{transform:rotate(-.75deg) scale(1)!important}
}

/* Slightly more breathing room between the mobile post stack and its copy. */
@media(max-width:767px){.output-grid{gap:48px}}

/* Mobile navigation: animated panel, staggered links, and desktop-style app CTA. */
@media (max-width: 767px) {
  .mobile-menu {
    display: block;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-16px) scale(.96);
    transform-origin: top center;
    transition: opacity .3s ease, transform .42s var(--ease), visibility 0s linear .42s;
  }
  .mobile-menu.open {
    display: block;
    pointer-events: auto;
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1);
    transition-delay: 0s;
  }
  .mobile-menu nav a,
  .mobile-menu-actions {
    opacity: 0;
    transform: translateY(-9px);
    transition: opacity .3s ease, transform .4s var(--ease);
  }
  .mobile-menu.open nav a,
  .mobile-menu.open .mobile-menu-actions {
    opacity: 1;
    transform: translateY(0);
  }
  .mobile-menu.open nav a:nth-child(1) { transition-delay: .06s; }
  .mobile-menu.open nav a:nth-child(2) { transition-delay: .1s; }
  .mobile-menu.open nav a:nth-child(3) { transition-delay: .14s; }
  .mobile-menu.open nav a:nth-child(4) { transition-delay: .18s; }
  .mobile-menu.open nav a:nth-child(5) { transition-delay: .22s; }
  .mobile-menu.open .mobile-menu-actions { transition-delay: .26s; }
  .mobile-menu nav a {
    gap: 0;
    border-bottom: 0;
  }
  .mobile-menu-actions {
    border-top: 0;
  }
  .mobile-menu-actions a:first-child,
  html[data-theme="dark"] .mobile-menu-actions a:first-child {
    background: linear-gradient(105deg, #ff8b5f 0%, #ff4fa3 48%, #7044ee 100%);
    color: #fff;
    box-shadow: 0 9px 24px rgba(180, 67, 159, .2);
  }
  .mobile-menu-actions a:first-child:active { transform: translateY(1px) scale(.99); }
}