:root{
  --bg:#f6f7ff;--surface:rgba(255,255,255,.92);--text:#172033;--muted:#667085;
  --primary:#6d4aff;--primary-2:#8f6bff;--cyan:#13c4ff;--pink:#ff4fa3;--green:#16b364;
  --border:rgba(24,32,55,.10);--shadow:0 18px 50px rgba(65,47,140,.12);--radius:22px;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--text);background:radial-gradient(circle at 10% 0%,rgba(143,107,255,.18),transparent 28%),radial-gradient(circle at 90% 10%,rgba(19,196,255,.14),transparent 25%),var(--bg)}
a{color:var(--primary);text-decoration:none}button,input,select{font:inherit}.top{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px clamp(18px,4vw,64px);background:rgba(14,18,38,.86);backdrop-filter:blur(18px);color:#fff;box-shadow:0 8px 30px rgba(14,18,38,.16)}
.brand{display:flex;align-items:center;gap:10px;color:#fff;font-weight:900;letter-spacing:.12em;font-size:1.05rem}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:linear-gradient(135deg,var(--primary),var(--cyan));box-shadow:0 8px 24px rgba(109,74,255,.38);animation:float 4s ease-in-out infinite}.top nav{display:flex;align-items:center;gap:7px}.top nav a,.top nav button{color:#e9ecff;padding:10px 13px;border-radius:12px;border:0;background:transparent;cursor:pointer}.top nav a:hover,.top nav button:hover{background:rgba(255,255,255,.1);color:#fff}.top .inline{display:inline-flex}.container{width:min(1180px,100%);margin:0 auto;padding:42px 22px 80px}.container>h1,.container>h2{animation:rise .55s ease both}.card,.stat,.item{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);backdrop-filter:blur(16px)}.card{border-radius:var(--radius);padding:clamp(20px,4vw,32px);margin:20px 0;animation:rise .55s ease both}.narrow{max-width:560px;margin:50px auto}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:18px}.stat{position:relative;overflow:hidden;border-radius:20px;padding:24px;animation:rise .55s ease both}.stat:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;right:-30px;top:-40px;background:linear-gradient(135deg,rgba(109,74,255,.2),rgba(19,196,255,.1))}.stat b{position:relative;z-index:1;display:block;font-size:clamp(25px,4vw,36px);line-height:1.1}.stat span,small,.muted{color:var(--muted);display:block}.button,button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(109,74,255,.18);background:#fff;color:var(--text);padding:11px 16px;border-radius:13px;text-decoration:none;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.button:hover,button:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(32,28,74,.12)}.primary{color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary-2));border-color:transparent;box-shadow:0 10px 24px rgba(109,74,255,.25)}form{display:grid;gap:13px}form.inline{display:inline-flex;gap:7px;align-items:center}input,select{width:100%;padding:12px 13px;border:1px solid #d9dbea;border-radius:13px;background:#fff;color:var(--text);outline:none;transition:border-color .2s,box-shadow .2s}input:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(109,74,255,.11)}label{display:grid;gap:7px;font-weight:700}.list{display:grid;gap:11px;margin-top:20px}.item{border-radius:16px;padding:15px 17px;display:flex;justify-content:space-between;align-items:center;gap:12px;animation:rise .45s ease both}.alert{background:#fff2f7;border:1px solid #ffc5dc;padding:13px;border-radius:13px;margin:13px 0}.success{background:#ecfff6;border:1px solid #a8f0ce;padding:13px;border-radius:13px;margin:13px 0}.badge{display:inline-flex;padding:5px 10px;border-radius:999px;background:#f0edff;color:#5b3ee7;font-weight:800}.hero{position:relative;overflow:hidden;padding:clamp(28px,6vw,54px);border-radius:30px;color:#fff;background:linear-gradient(135deg,#17122f,#31206b 55%,#087eae);box-shadow:0 28px 70px rgba(55,39,130,.25)}.hero:before,.hero:after{content:"";position:absolute;border-radius:50%;filter:blur(1px);opacity:.35}.hero:before{width:220px;height:220px;right:-70px;top:-80px;background:var(--pink);animation:drift 8s ease-in-out infinite}.hero:after{width:160px;height:160px;left:45%;bottom:-100px;background:var(--cyan);animation:drift 7s ease-in-out infinite reverse}.hero>*{position:relative;z-index:1}.hero h1{font-size:clamp(2rem,5vw,4rem);margin:.1em 0}.hero p{max-width:720px;color:#e8e5ff;font-size:1.05rem}.actions{display:flex;flex-wrap:wrap;gap:10px}.actions .button:not(.primary){background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.2)}pre{background:#0b1020;color:#e5e7eb;padding:18px;border-radius:16px;overflow:auto}code{word-break:break-word}footer{text-align:center;color:var(--muted);padding:30px 20px 90px}.mobile-nav{display:none}
@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes drift{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-18px,20px) scale(1.08)}}
@media (max-width:760px){body{padding-bottom:74px}.top{padding:12px 16px}.top nav{display:none}.container{padding:24px 15px 34px}.card{border-radius:18px;padding:20px}.item{align-items:flex-start;flex-direction:column}.item>.button,.item>a,.item>form{width:100%}.item>.button,.item>a{justify-content:center}.mobile-nav{position:fixed;left:10px;right:10px;bottom:10px;z-index:100;display:grid;grid-template-columns:repeat(5,1fr);gap:5px;padding:8px;border:1px solid rgba(255,255,255,.55);border-radius:22px;background:rgba(17,16,40,.91);backdrop-filter:blur(20px);box-shadow:0 18px 45px rgba(20,15,55,.3)}.mobile-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:54px;border-radius:16px;color:#dfe3ff;font-size:.72rem;font-weight:700}.mobile-nav a:hover,.mobile-nav a.active{color:#fff;background:linear-gradient(135deg,rgba(109,74,255,.9),rgba(19,196,255,.55));box-shadow:0 7px 18px rgba(109,74,255,.25)}.mobile-nav .nav-icon{font-size:1.15rem}.brand-mark{width:34px;height:34px;border-radius:11px}.hero{border-radius:22px}.hero h1{font-size:2.2rem}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* ===== Public landing experience ===== */
.container-wide{width:min(1240px,100%);margin:0 auto;padding-left:22px;padding-right:22px}.landing-container{width:100%;max-width:none;padding:0}.section-pad{padding:92px 0}.landing-hero{position:relative;overflow:hidden;color:#fff;background:linear-gradient(135deg,#0d0b24 0%,#171238 45%,#123f63 100%);min-height:720px;display:flex;align-items:center}.landing-hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 85%);pointer-events:none}.hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:70px;align-items:center;position:relative;z-index:2}.hero-copy{max-width:700px}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#cfc8ff;font-weight:800;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.eyebrow.dark{color:#684de5}.landing-hero h1{font-size:clamp(2.8rem,6vw,5.7rem);line-height:.98;letter-spacing:-.055em;margin:22px 0}.landing-hero h1 span{background:linear-gradient(90deg,#b99cff,#6de3ff,#ff8ac7);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lead{max-width:650px;color:#c9c9df;font-size:1.08rem;line-height:1.8}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0 20px}.button-lg{padding:14px 21px;border-radius:15px;font-weight:800}.ghost-light{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2);color:#fff}.ghost-light:hover{background:rgba(255,255,255,.14);color:#fff}.hero-proof{display:flex;flex-wrap:wrap;gap:18px;color:#aeb0c8;font-size:.83rem}.hero-proof span{display:inline-flex;align-items:center;gap:7px}.hero-proof i{color:#65e5b0}.hero-orb{position:absolute;border-radius:50%;filter:blur(4px);opacity:.32;pointer-events:none}.hero-orb-one{width:380px;height:380px;right:-140px;top:-130px;background:#9a53ff;animation:drift 9s ease-in-out infinite}.hero-orb-two{width:280px;height:280px;left:42%;bottom:-190px;background:#10d9f7;animation:drift 10s ease-in-out infinite reverse}.hero-visual{position:relative;min-height:530px;display:grid;place-items:center}.dashboard-mockup{width:min(600px,100%);border:1px solid rgba(255,255,255,.18);border-radius:26px;overflow:hidden;background:rgba(255,255,255,.08);box-shadow:0 35px 100px rgba(0,0,0,.36);backdrop-filter:blur(20px);transform:perspective(1300px) rotateY(-5deg) rotateX(2deg);animation:mockFloat 6s ease-in-out infinite}.mockup-top{height:54px;padding:0 18px;display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(255,255,255,.1);color:#d8d9e7;font-size:.78rem}.mockup-top>span{flex:1}.mockup-dots{display:flex;gap:5px}.mockup-dots b{width:7px;height:7px;border-radius:50%;background:#8f91a6}.mockup-body{display:grid;grid-template-columns:62px 1fr;min-height:430px}.mockup-body aside{display:flex;flex-direction:column;align-items:center;gap:15px;padding:17px 8px;background:rgba(0,0,0,.13);color:#9b9eb7}.mockup-body aside span{width:36px;height:36px;display:grid;place-items:center;border-radius:12px}.mockup-body aside .active{color:#fff;background:linear-gradient(135deg,#7657ff,#20cfff)}.mini-logo,.mock-avatar{display:grid;place-items:center;background:linear-gradient(135deg,#7657ff,#20cfff);color:#fff;font-weight:900}.mini-logo{width:36px;height:36px;border-radius:11px;margin-bottom:12px}.mockup-content{padding:22px}.mockup-title{display:flex;justify-content:space-between;align-items:center}.mockup-title small{color:#9699b0}.mockup-title strong{display:block;font-size:1.25rem;margin-top:4px;color:#fff}.mock-avatar{width:36px;height:36px;border-radius:50%}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.mini-stats>div{padding:14px;border:1px solid rgba(255,255,255,.09);border-radius:15px;background:rgba(255,255,255,.055)}.mini-stats i{display:block;color:#75dcff;margin-bottom:8px}.mini-stats b{display:block;color:#fff;font-size:1.25rem}.mini-stats small{color:#9296ae}.mock-chart{padding:16px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}.chart-head{display:flex;justify-content:space-between;color:#fff;font-size:.8rem}.chart-head em{color:#8d91a8;font-style:normal}.bars{height:125px;display:flex;align-items:end;gap:7px;margin-top:18px}.bars b{flex:1;border-radius:5px 5px 2px 2px;background:linear-gradient(to top,#7154ff,#49d9ff);height:var(--h,50%);animation:barPulse 2.8s ease-in-out infinite}.bars b:nth-child(1){height:35%}.bars b:nth-child(2){height:52%}.bars b:nth-child(3){height:44%}.bars b:nth-child(4){height:68%}.bars b:nth-child(5){height:57%}.bars b:nth-child(6){height:76%}.bars b:nth-child(7){height:63%}.bars b:nth-child(8){height:84%}.bars b:nth-child(9){height:70%}.bars b:nth-child(10){height:92%}.bars b:nth-child(11){height:80%}.bars b:nth-child(12){height:96%}.mock-row{margin-top:12px;padding:13px 15px;border-radius:14px;background:rgba(255,255,255,.05);color:#e8e8f2;display:flex;justify-content:space-between;font-size:.8rem}.mock-row i{color:#62e2a6}.mock-row em{font-style:normal;color:#62e2a6}.floating-card{position:absolute;display:flex;gap:11px;align-items:center;padding:13px 16px;border-radius:17px;background:rgba(22,19,53,.92);border:1px solid rgba(255,255,255,.16);box-shadow:0 20px 50px rgba(0,0,0,.25);backdrop-filter:blur(16px);color:#fff;animation:floatCard 5s ease-in-out infinite}.floating-card>i{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#ff4fa3,#8457ff)}.floating-card strong{display:block;font-size:.8rem}.floating-card small{color:#a5a7bb;margin-top:2px}.float-card-one{left:-5px;bottom:70px}.float-card-two{right:-12px;top:90px;animation-delay:-2s}.trust-strip{background:#fff;border-top:1px solid #ececf5;border-bottom:1px solid #ececf5}.trust-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#71758b;font-weight:700;font-size:.88rem}.trust-inner>div{display:flex;gap:28px;flex-wrap:wrap}.trust-inner div span{display:inline-flex;align-items:center;gap:8px;color:#34394c}.trust-inner i{color:#7657ff}.light-section{background:linear-gradient(180deg,#fbfbff 0%,#f5f6ff 100%)}.section-heading{text-align:center;max-width:780px;margin:0 auto 45px}.section-heading h2,.split-copy h2{font-size:clamp(2.1rem,4vw,3.6rem);line-height:1.06;letter-spacing:-.045em;margin:15px 0}.section-heading p,.split-copy>p{color:#697087;line-height:1.75;font-size:1rem}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{padding:28px;border:1px solid #e7e8f1;background:rgba(255,255,255,.84);border-radius:22px;box-shadow:0 18px 45px rgba(52,54,105,.08);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.feature-card:hover{transform:translateY(-7px);box-shadow:0 26px 55px rgba(52,54,105,.14);border-color:#d7d1ff}.feature-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;font-size:1.15rem;margin-bottom:20px}.feature-icon.purple{background:#eeeaff;color:#684de5}.feature-icon.cyan{background:#e5faff;color:#079ec8}.feature-icon.pink{background:#ffedf6;color:#e93686}.feature-icon.green{background:#e9fbf3;color:#15935b}.feature-icon.orange{background:#fff3e5;color:#db7a16}.feature-icon.blue{background:#e9f1ff;color:#3472d9}.feature-card h3{margin:0 0 9px;font-size:1.15rem}.feature-card p{color:#747a8d;line-height:1.65;margin:0 0 20px}.feature-card a{font-weight:800;font-size:.88rem}.feature-card a i{margin-left:6px;transition:transform .2s}.feature-card:hover a i{transform:translateX(4px)}.split-section{background:#fff}.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.steps{display:grid;gap:18px;margin-top:30px}.steps>div{display:flex;gap:15px;align-items:flex-start}.steps b{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#f0edff;color:#694ee4;font-size:.75rem}.steps strong{display:block}.steps small{margin-top:5px;line-height:1.5}.workflow-card{padding:22px;border-radius:27px;background:linear-gradient(135deg,#f2efff,#e8faff);border:1px solid #e3e1ef;box-shadow:0 28px 70px rgba(68,54,145,.14)}.workflow-window{border-radius:20px;background:#12142a;color:#fff;overflow:hidden;box-shadow:0 20px 50px rgba(16,17,42,.25)}.window-head{display:flex;justify-content:space-between;padding:18px;border-bottom:1px solid rgba(255,255,255,.08);font-size:.85rem}.window-head em{font-style:normal;font-size:.65rem;color:#65e5b0}.pipeline{padding:24px 25px}.pipeline-step{display:flex;align-items:center;gap:12px;color:#8589a1;font-size:.82rem}.pipeline-step i{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;border:1px solid #3a3e57}.pipeline-step.done{color:#dce0ed}.pipeline-step.done i{background:#183f35;border-color:#2e755f;color:#65e5b0}.pipeline-step.active{color:#fff}.pipeline-step.active i{background:linear-gradient(135deg,#7657ff,#20cfff);border:0}.pipeline-line{height:22px;width:1px;background:#3b3e56;margin-left:15px}.terminal{margin:0 20px 20px;padding:18px;border-radius:15px;background:#080a16;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.72rem;display:grid;gap:7px}.terminal strong{color:#65e5b0}.terminal small{color:#777c95}.mobile-showcase{position:relative;overflow:hidden}.mobile-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;align-items:center}.phone-frame{width:300px;height:610px;padding:10px;border-radius:43px;background:#17152f;box-shadow:0 35px 80px rgba(47,39,106,.28);margin:auto;position:relative}.phone-notch{position:absolute;z-index:3;left:50%;top:17px;transform:translateX(-50%);width:100px;height:25px;border-radius:20px;background:#09091a}.phone-screen{height:100%;border-radius:34px;overflow:hidden;background:linear-gradient(180deg,#f7f7ff,#eef2ff);padding:42px 15px 12px;position:relative}.phone-head{display:flex;justify-content:space-between;font-weight:900;color:#24253b}.phone-welcome{margin:28px 6px 18px}.phone-welcome small{font-size:.72rem}.phone-welcome strong{display:block;font-size:1.55rem;letter-spacing:-.04em;margin-top:4px}.phone-card{padding:18px;border-radius:20px;color:#fff;background:linear-gradient(135deg,#694ee5,#18bfe5);box-shadow:0 15px 30px rgba(88,77,200,.22)}.phone-card span{font-size:.72rem;opacity:.8}.phone-card strong{display:block;font-size:2rem;margin:4px 0 9px}.progress{height:7px;border-radius:10px;background:rgba(255,255,255,.24);overflow:hidden}.progress i{display:block;height:100%;width:96%;border-radius:inherit;background:#fff}.phone-list{display:grid;gap:9px;margin-top:16px}.phone-list>div{display:flex;align-items:center;gap:10px;padding:14px;border-radius:15px;background:#fff;border:1px solid #e7e8f2;box-shadow:0 8px 18px rgba(35,38,75,.05)}.phone-list i{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;background:#f0edff;color:#684de5}.phone-list span{flex:1;font-size:.8rem;font-weight:700}.phone-list b{font-size:.78rem}.phone-bottom{position:absolute;left:9px;right:9px;bottom:9px;height:67px;border-radius:21px;background:rgba(19,19,43,.94);display:grid;grid-template-columns:repeat(5,1fr);padding:6px;box-shadow:0 12px 30px rgba(24,22,53,.24)}.phone-bottom span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#9ea2bc;font-size:.75rem;border-radius:15px}.phone-bottom span.active{background:linear-gradient(135deg,#7254ed,#1bc5eb);color:#fff}.phone-bottom small{color:inherit;font-size:.55rem}.check-list{display:grid;gap:12px;margin-top:25px}.check-list span{display:flex;align-items:center;gap:10px;color:#454a5e;font-weight:700}.check-list i{color:#1aa66a}.cta-section{padding-top:25px;background:#fff}.cta-box{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:55px;border-radius:30px;color:#fff;background:linear-gradient(135deg,#17122f,#3d2b87 60%,#087fa8);box-shadow:0 30px 75px rgba(52,42,125,.2)}.cta-box:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;right:-100px;top:-150px;background:#ff4fa3;opacity:.2;filter:blur(4px)}.cta-box>*{position:relative;z-index:1}.cta-box h2{font-size:clamp(2rem,4vw,3.5rem);line-height:1.03;letter-spacing:-.045em;max-width:750px;margin:14px 0}.cta-box p{color:#d3d2e4;max-width:650px}.white-button{background:#fff;color:#211b50;border-color:#fff;white-space:nowrap}.white-button:hover{background:#f3f2ff;color:#211b50}.mega-footer{position:relative;margin-top:0;color:#bfc2d5;background:#0b0a1a;border-top:1px solid rgba(255,255,255,.08);overflow:hidden}.mega-footer:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 0%,rgba(111,77,255,.16),transparent 30%),radial-gradient(circle at 90% 80%,rgba(19,196,255,.1),transparent 28%);pointer-events:none}.footer-main{position:relative;z-index:1;display:grid;grid-template-columns:1.5fr .8fr .9fr .8fr 1.2fr;gap:45px;padding-top:72px;padding-bottom:60px}.footer-logo{font-size:1.15rem}.footer-brand p{max-width:360px;line-height:1.75;color:#85899f;margin:20px 0}.footer-socials{display:flex;gap:8px}.footer-socials a{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#aeb1c6;background:rgba(255,255,255,.04);transition:transform .2s,background .2s,color .2s}.footer-socials a:hover{transform:translateY(-3px);background:rgba(111,77,255,.3);color:#fff}.footer-column{display:grid;align-content:start;gap:12px}.footer-column h4,.footer-news h4{color:#fff;margin:0 0 8px}.footer-column a{color:#85899f;font-size:.86rem;display:flex;gap:7px;align-items:center}.footer-column a:hover{color:#fff}.footer-column a i{font-size:.55rem;color:#7356ee}.footer-kicker{color:#9c8cff;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.footer-news p{font-size:.85rem;line-height:1.6;color:#85899f}.footer-button{margin-top:7px;background:linear-gradient(135deg,#6d4aff,#19bfe7);color:#fff;border:0}.footer-button:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);position:relative;z-index:1}.footer-bottom .container-wide{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:.72rem;color:#686d85}.scroll-top{position:fixed;right:24px;bottom:24px;z-index:120;width:48px;height:48px;border:0;border-radius:16px;color:#fff;background:linear-gradient(135deg,#6d4aff,#18bfe5);box-shadow:0 15px 35px rgba(60,46,150,.3);opacity:0;visibility:hidden;transform:translateY(15px);transition:opacity .25s,transform .25s,visibility .25s}.scroll-top.show{opacity:1;visibility:visible;transform:translateY(0)}.scroll-top:hover{transform:translateY(-3px)}.reveal{opacity:0;transform:translateY(25px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:none}.reveal-delay-1{transition-delay:.12s}.reveal-delay-2{transition-delay:.24s}@keyframes mockFloat{0%,100%{transform:perspective(1300px) rotateY(-5deg) rotateX(2deg) translateY(0)}50%{transform:perspective(1300px) rotateY(-5deg) rotateX(2deg) translateY(-10px)}}@keyframes floatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes barPulse{0%,100%{opacity:.72}50%{opacity:1}}
@media (max-width:1050px){.hero-grid{grid-template-columns:1fr;gap:25px}.hero-copy{margin:auto;text-align:center}.hero-copy .eyebrow,.hero-proof{justify-content:center}.hero-actions{justify-content:center}.hero-lead{margin-left:auto;margin-right:auto}.hero-visual{min-height:500px}.feature-grid{grid-template-columns:repeat(2,1fr)}.footer-main{grid-template-columns:1.5fr 1fr 1fr;gap:38px}.footer-news{grid-column:span 2}.mobile-grid{gap:55px}}
@media (max-width:760px){.container-wide{padding-left:15px;padding-right:15px}.section-pad{padding:65px 0}.landing-hero{min-height:auto;padding:80px 0 55px}.landing-hero h1{font-size:clamp(2.45rem,13vw,4rem)}.hero-lead{font-size:.98rem;line-height:1.65}.hero-proof{gap:9px 14px}.hero-proof span{font-size:.72rem}.hero-visual{min-height:410px;margin-top:8px}.dashboard-mockup{transform:none;border-radius:21px}.mockup-body{min-height:310px;grid-template-columns:48px 1fr}.mockup-content{padding:15px}.mockup-title strong{font-size:1rem}.mini-stats{gap:6px;margin:12px 0}.mini-stats>div{padding:9px}.mini-stats b{font-size:1rem}.mock-chart{padding:10px}.bars{height:85px;gap:4px}.mock-row{padding:10px;font-size:.68rem}.floating-card{padding:9px 11px;border-radius:14px}.floating-card>i{width:30px;height:30px}.floating-card strong,.floating-card small{font-size:.65rem}.float-card-one{left:2px;bottom:15px}.float-card-two{right:0;top:20px}.trust-inner{padding-top:20px;padding-bottom:20px;align-items:flex-start;flex-direction:column}.trust-inner>div{gap:12px 18px}.feature-grid{grid-template-columns:1fr}.feature-card{padding:23px}.split-grid,.mobile-grid{grid-template-columns:1fr;gap:45px}.split-copy h2,.section-heading h2{font-size:2.2rem}.workflow-card{padding:12px}.pipeline{padding:18px}.phone-frame{width:270px;height:555px}.cta-box{padding:34px 24px;flex-direction:column;align-items:flex-start;border-radius:23px}.footer-main{grid-template-columns:1fr 1fr;gap:35px;padding-top:50px}.footer-brand,.footer-news{grid-column:span 2}.footer-bottom .container-wide{padding-top:18px;padding-bottom:18px;flex-direction:column;align-items:flex-start}.scroll-top{right:15px;bottom:86px;width:44px;height:44px}.mega-footer{padding-bottom:65px}}
@media (prefers-reduced-motion:reduce){.landing-hero .dashboard-mockup,.floating-card,.hero-orb-one,.hero-orb-two,.bars b{animation:none}.reveal{opacity:1;transform:none}}
/* ===== Admin control center ===== */
.admin-body{background:#f4f5ff}.admin-shell{min-height:100vh;display:grid;grid-template-columns:270px minmax(0,1fr)}.admin-sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:24px 15px;background:linear-gradient(180deg,#0c0b1d,#17133a 58%,#0b3550);color:#cfd2e5;box-shadow:12px 0 45px rgba(23,18,63,.13);overflow:auto}.admin-brand{padding:0 10px 25px}.admin-label{font-size:.62rem;font-weight:900;letter-spacing:.13em;color:#777b9b;padding:17px 11px 8px}.admin-menu{display:grid;gap:4px}.admin-menu a{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:13px;color:#b9bdd2;font-size:.84rem;font-weight:700;transition:transform .2s,background .2s,color .2s}.admin-menu a i{width:20px;text-align:center;color:#8589ae}.admin-menu a:hover{color:#fff;background:rgba(255,255,255,.07);transform:translateX(2px)}.admin-menu a.active{color:#fff;background:linear-gradient(135deg,rgba(109,74,255,.9),rgba(20,192,231,.52));box-shadow:0 9px 22px rgba(67,53,154,.25)}.admin-menu a.active i{color:#fff}.admin-home{margin-top:auto;display:flex;gap:9px;align-items:center;padding:13px;color:#a8abc0;border-top:1px solid rgba(255,255,255,.08);font-size:.8rem}.admin-main{min-width:0}.admin-topbar{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px clamp(20px,4vw,48px);background:rgba(255,255,255,.82);border-bottom:1px solid var(--border);backdrop-filter:blur(18px);position:sticky;top:0;z-index:40}.admin-topbar h1{font-size:1.3rem;margin:3px 0 0}.admin-user{display:flex;align-items:center;gap:10px;font-size:.82rem;font-weight:800}.admin-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:#fff;background:linear-gradient(135deg,var(--primary),var(--cyan));box-shadow:0 8px 18px rgba(109,74,255,.25)}.icon-button{width:38px;height:38px;padding:0;border-radius:12px}.admin-content{padding:30px clamp(20px,4vw,48px) 70px}.page-heading{display:flex;justify-content:space-between;gap:20px;margin:4px 0 25px}.page-heading h2{font-size:clamp(1.7rem,3vw,2.45rem);letter-spacing:-.035em;margin:5px 0 7px}.page-heading p{margin:0;color:var(--muted);max-width:760px}.admin-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:34px;border-radius:27px;color:#fff;background:linear-gradient(135deg,#17122f,#3a277f 60%,#087fa8);box-shadow:0 25px 65px rgba(50,39,120,.22);margin-bottom:20px}.admin-hero:after{content:"";position:absolute;width:330px;height:330px;border-radius:50%;right:-100px;top:-160px;background:#ff4fa3;opacity:.22;filter:blur(5px);animation:drift 9s ease-in-out infinite}.admin-hero>div{position:relative;z-index:1;max-width:850px}.admin-hero h2{font-size:clamp(2rem,4vw,3.5rem);line-height:1.05;letter-spacing:-.045em;margin:10px 0}.admin-hero p{color:#d2d1e2;line-height:1.7;max-width:760px}.admin-hero .hero-orb{position:relative;z-index:1;flex:0 0 100px;width:100px;height:100px;display:grid;place-items:center;border-radius:30px;color:#fff;background:rgba(255,255,255,.1);font-size:2.4rem;border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.15)}.admin-stats{grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:20px}.admin-stat{min-height:135px}.stat-icon{position:relative!important;display:grid!important;place-items:center!important;width:38px;height:38px;margin-bottom:17px;border-radius:12px;background:#f0edff;color:#674ce5}.admin-stat.revenue .stat-icon{background:#e8fff5;color:#159f65}.admin-grid{display:grid;gap:20px}.admin-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-card{margin:0;padding:24px}.card-title{display:flex;align-items:flex-start;gap:13px;margin-bottom:18px}.card-title>i,.admin-card>h3>i{color:#6d4aff;margin-top:3px}.card-title h3{margin:0 0 4px}.card-title p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.5}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.form-grid label:last-of-type{grid-column:1/-1}.form-grid button{justify-self:start}.form-grid textarea{width:100%;resize:vertical;padding:12px 13px;border:1px solid #d9dbea;border-radius:13px;background:#fff;color:var(--text);font:inherit;outline:none}.quick-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.quick-links a{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid var(--border);border-radius:15px;color:var(--text);background:#fff;transition:transform .2s,box-shadow .2s}.quick-links a:hover{transform:translateY(-3px);box-shadow:0 12px 25px rgba(50,43,110,.1)}.quick-links a>i{display:grid;place-items:center;width:37px;height:37px;border-radius:11px;background:#f0edff;color:#674ce5}.quick-links span{font-weight:800;font-size:.83rem}.quick-links small{margin-top:2px;font-size:.68rem;font-weight:500}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:700px}.data-table th{font-size:.67rem;letter-spacing:.06em;text-transform:uppercase;color:#85899f;text-align:left;padding:12px;border-bottom:1px solid var(--border);white-space:nowrap}.data-table td{padding:14px 12px;border-bottom:1px solid rgba(24,32,55,.07);font-size:.8rem;vertical-align:middle}.data-table td small{font-size:.68rem;margin-top:3px}.data-table tbody tr:hover{background:#fafaff}.pill,.status{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:999px;font-size:.66rem;font-weight:800}.pill{background:#f0edff;color:#5f47d7}.status{background:#eef1f6;color:#687083}.status.active,.status.paid,.status.success,.status.captured,.status.ok{background:#e8fff4;color:#138b58}.status.disabled,.status.closed,.status.inactive,.status.error{background:#fff0f4;color:#c33d6d}.status.warning,.status.pending,.status.queued{background:#fff7df;color:#a66a00}.small{padding:7px 10px;font-size:.72rem}.gateway-note{background:linear-gradient(135deg,#f5f0ff,#ebfbff);border-color:#e2ddfa}.gateway-note .icon-orb{display:grid;place-items:center;width:52px;height:52px;border-radius:17px;color:#fff;background:linear-gradient(135deg,#6d4aff,#19bfe7);box-shadow:0 12px 25px rgba(87,65,190,.2)}.gateway-note h3{margin:18px 0 8px}.gateway-note p{color:var(--muted);line-height:1.7;font-size:.84rem}.health-card{margin:0}.health-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#e8fff5;color:#159f65}.health-card h3{margin:15px 0 7px}.health-card p{color:var(--muted);font-size:.78rem}.mt{margin-top:28px!important}
@media (max-width:1150px){.admin-shell{grid-template-columns:230px 1fr}.admin-stats{grid-template-columns:repeat(3,1fr)}}
@media (max-width:820px){.admin-shell{display:block}.admin-sidebar{position:fixed;left:0;top:0;bottom:0;width:270px;z-index:150;transform:translateX(-105%);transition:transform .25s}.admin-main{padding-bottom:76px}.admin-topbar{padding:15px 18px}.admin-content{padding:22px 15px 45px}.admin-stats{grid-template-columns:repeat(2,1fr)}.admin-grid.two{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid label:last-of-type{grid-column:auto}.admin-hero{padding:25px}.admin-hero .hero-orb{display:none}.quick-links{grid-template-columns:1fr}}
@media (max-width:560px){.admin-stats{grid-template-columns:1fr 1fr}.admin-stat{min-height:120px;padding:18px}.admin-stat b{font-size:1.55rem}.admin-user>span:not(.admin-avatar){display:none}.admin-card{padding:18px}.page-heading h2{font-size:1.65rem}.admin-hero h2{font-size:1.95rem}}

.admin-menu-toggle{display:none;width:40px;height:40px;padding:0;border-radius:12px}.admin-menu-toggle i{font-size:1rem}@media (max-width:820px){.admin-menu-toggle{display:inline-flex}.admin-sidebar.open{transform:translateX(0)}.admin-sidebar.open:after{content:"";position:fixed;inset:0;left:270px;background:rgba(10,8,25,.45);z-index:-1}}

.admin-upgrade-form{display:block;margin:4px 0}.admin-upgrade-form button{width:100%;justify-content:flex-start;border:0;background:transparent;color:#8f93ad;padding:10px 12px;font-size:.78rem;font-weight:700;box-shadow:none}.admin-upgrade-form button:hover{color:#fff;background:rgba(255,255,255,.06);transform:none;box-shadow:none}
/* V9 admin gateway + frontend CMS */
.admin-page-head{display:flex;justify-content:space-between;gap:20px;margin-bottom:24px}.admin-page-head h2{margin:.25rem 0;font-size:clamp(1.7rem,3vw,2.5rem)}.admin-page-head p{margin:0;color:#6b7280}.admin-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:22px}.admin-card{background:#fff;border:1px solid #e7e9f2;border-radius:22px;padding:24px;box-shadow:0 14px 40px rgba(30,25,70,.06);margin-bottom:22px}.admin-card-head{display:flex;justify-content:space-between;gap:15px;margin-bottom:20px}.admin-card-head h3{margin:0;font-size:1.15rem}.admin-card-head p{margin:6px 0 0;color:#7b8497;font-size:.88rem}.admin-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.admin-form-grid label{display:flex;flex-direction:column;gap:7px;font-weight:700;font-size:.82rem;color:#344054}.admin-form-grid input,.admin-form-grid select,.admin-form-grid textarea{width:100%;border:1px solid #dfe3ee;border-radius:12px;padding:11px 13px;font:inherit;color:#172033;background:#fff}.admin-form-grid textarea{resize:vertical}.span-2{grid-column:1/-1}.gateway-catalog{display:grid;gap:10px;max-height:490px;overflow:auto}.gateway-item{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #edf0f6;border-radius:15px}.gateway-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#f3f0ff;color:#6c4df6}.gateway-icon .fa-brands:empty{display:none}.gateway-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.gateway-info strong{color:#182033}.gateway-info span,.gateway-info small{color:#7b8497}.badge,.status-pill{border-radius:999px;padding:6px 10px;font-size:.72rem;font-weight:800;white-space:nowrap}.badge-success,.status-pill.success{background:#e7f8ef;color:#087443}.status-pill.muted{background:#f2f4f7;color:#667085}.status-pill{display:inline-flex}.button.small{padding:8px 11px;font-size:.78rem}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{text-align:left;padding:14px;border-bottom:1px solid #eef0f5;vertical-align:middle}.admin-table th{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:#7b8497}.admin-table td strong{display:block}.admin-table td small{display:block;color:#8a92a5;margin-top:3px}.empty-cell{text-align:center!important;color:#8a92a5;padding:35px!important}.content-editor-list{display:grid;gap:18px}.content-editor{border:1px solid #e8ebf3;border-radius:18px;padding:18px;background:#fbfcff}.content-editor-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.content-key{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:800;color:#5d45d8}.check-field{flex-direction:row!important;align-items:center}.check-field input{width:auto!important}
@media(max-width:900px){.admin-grid-2{grid-template-columns:1fr}}
@media(max-width:640px){.admin-form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.admin-card{padding:18px;border-radius:17px}.admin-table{min-width:720px}.table-wrap{overflow:auto}.gateway-item{align-items:flex-start}.badge{margin-left:auto}.content-editor{padding:14px}.admin-page-head{margin-bottom:18px}}


/* Setup demo credentials */
.setup-complete { margin-bottom: 30px; }
.demo-logins { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin:26px 0; text-align:left; }
.demo-login { position:relative; padding:22px; border:1px solid rgba(108,77,246,.12); border-radius:22px; background:rgba(255,255,255,.88); box-shadow:0 16px 45px rgba(31,41,55,.08); overflow:hidden; transition:transform .25s ease, box-shadow .25s ease; }
.demo-login:hover { transform:translateY(-5px); box-shadow:0 22px 55px rgba(31,41,55,.13); }
.demo-login-icon { width:48px; height:48px; display:grid; place-items:center; border-radius:15px; margin-bottom:14px; font-size:20px; background:linear-gradient(135deg,#6c4df6,#e0449e); color:#fff; }
.demo-role { font-size:.7rem; font-weight:800; letter-spacing:.14em; color:#6c4df6; }
.demo-login h3 { margin:5px 0 14px; }
.demo-login p { margin:7px 0; font-size:.9rem; word-break:break-word; }
.demo-login code { padding:4px 7px; border-radius:7px; background:#f1f2f7; font-family:ui-monospace,SFMono-Regular,Menlo,monospace; }
.demo-login .button { margin-top:14px; }
.setup-demo-warning { display:flex; align-items:center; gap:9px; margin:10px 0 20px; padding:12px 15px; border-radius:12px; background:#fff8df; color:#765800; font-size:.82rem; text-align:left; }
@media (max-width:900px){ .demo-logins{grid-template-columns:1fr;} }
/* Developer workspace V11 */
.developer-body{background:#f6f7ff;color:#182033}.developer-shell{display:flex;min-height:100vh}.developer-sidebar{width:280px;position:fixed;inset:0 auto 0 0;z-index:50;background:linear-gradient(180deg,#17142f,#0f0d21);color:#fff;padding:22px 16px;display:flex;flex-direction:column;box-shadow:20px 0 60px rgba(23,20,47,.12)}.developer-brand{padding:4px 10px 22px;border-bottom:1px solid rgba(255,255,255,.08)}.developer-profile{display:flex;gap:12px;align-items:center;padding:18px 10px}.developer-profile strong{display:block}.developer-profile small{display:block;color:#9297b4;margin-top:3px}.dev-avatar{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#7357ff,#20b9ff);box-shadow:0 10px 25px rgba(99,82,255,.3)}.developer-label{font-size:.66rem;letter-spacing:.14em;font-weight:900;color:#777d9c;padding:13px 12px 7px}.developer-menu{display:grid;gap:4px;overflow:auto}.developer-menu a,.developer-logout button{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:12px;color:#aeb3cc;text-decoration:none;font-weight:700;font-size:.85rem;border:0;background:transparent}.developer-menu a i,.developer-logout i{width:20px;text-align:center}.developer-menu a:hover,.developer-menu a.active{background:linear-gradient(90deg,rgba(115,87,255,.2),rgba(32,185,255,.08));color:#fff}.developer-logout{margin-top:auto;border-top:1px solid rgba(255,255,255,.08);padding-top:12px}.developer-logout button{width:100%;cursor:pointer}.developer-logout button:hover{background:rgba(255,255,255,.06);color:#fff}.developer-main{margin-left:280px;flex:1;min-width:0}.developer-topbar{height:86px;background:rgba(255,255,255,.86);backdrop-filter:blur(18px);border-bottom:1px solid #e8eaf3;display:flex;align-items:center;justify-content:space-between;padding:0 34px;position:sticky;top:0;z-index:30}.developer-topbar h1{font-size:1.15rem;margin:2px 0 0}.developer-menu-toggle{display:none;border:0;background:#f0efff;border-radius:12px;padding:10px 12px}.developer-top-actions{display:flex;align-items:center;gap:14px}.dev-status{font-size:.75rem;font-weight:800;color:#157347;background:#eafaf1;padding:8px 11px;border-radius:999px}.dev-status i{font-size:.5rem}.developer-content{padding:34px;max-width:1500px;margin:auto}.dev-hero{display:grid;grid-template-columns:1.3fr .7fr;gap:24px;align-items:center;padding:34px;border-radius:30px;background:linear-gradient(135deg,#211b52,#4e37a9 52%,#159ed1);color:#fff;overflow:hidden;position:relative;box-shadow:0 25px 70px rgba(59,43,145,.2)}.dev-hero:after{content:"";position:absolute;width:330px;height:330px;border-radius:50%;background:rgba(255,255,255,.08);right:-100px;top:-120px}.dev-hero h2{font-size:clamp(2.1rem,4vw,4rem);line-height:1.02;margin:12px 0}.dev-hero h2 span{color:#78e9ff}.dev-hero p{max-width:720px;color:#e5e5ff;font-size:1rem;line-height:1.7}.dev-hero .badge{background:rgba(255,255,255,.12);color:#fff}.dev-hero .button{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.18);color:#fff}.dev-hero .button.primary{background:#fff;color:#31206f}.dev-hero-orbit{width:260px;height:260px;margin:auto;position:relative;border:1px dashed rgba(255,255,255,.3);border-radius:50%;animation:devSpin 20s linear infinite}.dev-hero-orbit:before,.dev-hero-orbit:after{content:"";position:absolute;inset:32px;border:1px dashed rgba(255,255,255,.25);border-radius:50%}.dev-hero-orbit:after{inset:68px}.orbit-center{position:absolute;inset:90px;display:grid;place-items:center;background:rgba(255,255,255,.13);border-radius:50%;font-size:34px}.dev-hero-orbit>span{position:absolute;width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:#fff;color:#513bb0;box-shadow:0 10px 30px rgba(0,0,0,.18)}.dev-hero-orbit>span:nth-of-type(1){left:0;top:105px}.dev-hero-orbit>span:nth-of-type(2){right:20px;top:25px}.dev-hero-orbit>span:nth-of-type(3){right:12px;bottom:22px}@keyframes devSpin{to{transform:rotate(360deg)}}.dev-stat-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin:22px 0}.dev-stat{background:#fff;border:1px solid #e9ebf4;border-radius:18px;padding:18px;box-shadow:0 12px 35px rgba(30,25,70,.05)}.dev-stat i{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#f0edff;color:#6147e8;margin-bottom:12px}.dev-stat b{display:block;font-size:1.55rem}.dev-stat span{font-size:.75rem;color:#7b8497}.dev-section{margin:28px 0}.dev-section-head h3{font-size:1.6rem;margin:5px 0 18px}.section-label{font-size:.68rem;font-weight:900;letter-spacing:.14em;color:#6750d7}.dev-tool-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.dev-tool-card{background:#fff;border:1px solid #e7eaf3;border-radius:18px;padding:18px;display:flex;gap:13px;align-items:flex-start;text-decoration:none;color:#182033;transition:.25s ease;position:relative}.dev-tool-card:hover{transform:translateY(-5px);box-shadow:0 18px 45px rgba(31,41,55,.1);border-color:#d7d0ff}.dev-tool-icon{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#f0edff,#e7f8ff);color:#5f47df}.dev-tool-card strong{display:block;margin-bottom:5px}.dev-tool-card small{display:block;color:#778196;line-height:1.5}.tool-arrow{position:absolute;right:14px;top:14px;color:#a4aabe;font-size:.75rem}.dev-columns,.dev-two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}.dev-panel{background:#fff;border:1px solid #e7eaf3;border-radius:20px;padding:22px;box-shadow:0 12px 35px rgba(30,25,70,.05);margin-bottom:20px}.panel-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;margin-bottom:18px}.panel-head h3{margin:0}.panel-head p{margin:5px 0 0;color:#7b8497;font-size:.85rem}.panel-head a{font-weight:800;color:#5c45d8;text-decoration:none}.dev-list{display:grid;gap:10px}.dev-list-row{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid #eef0f5}.dev-list-row:last-child{border-bottom:0}.row-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#f4f2ff;color:#6049db}.dev-list-row>div{flex:1;min-width:0}.dev-list-row strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dev-list-row small{display:block;color:#8790a3;margin-top:3px}.status-chip{display:inline-flex;padding:6px 9px;border-radius:999px;font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.03em}.status-chip.good{background:#e8f8ef;color:#087443}.status-chip.neutral{background:#eef1f5;color:#687386}.dev-page-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:22px}.dev-page-head h2{font-size:clamp(1.8rem,3vw,2.6rem);margin:4px 0}.dev-page-head p{margin:0;color:#758096}.dev-project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.dev-project-card{background:#fff;border:1px solid #e7eaf3;border-radius:20px;padding:20px;box-shadow:0 12px 35px rgba(30,25,70,.05)}.project-top{display:flex;justify-content:space-between;align-items:center}.project-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:#f0edff;color:#6049db}.dev-project-card h3{margin:16px 0 5px}.dev-project-card p{color:#7b8497}.dev-project-card code,.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;word-break:break-all}.dev-table{width:100%;border-collapse:collapse}.dev-table th,.dev-table td{text-align:left;padding:13px;border-bottom:1px solid #eef0f5;vertical-align:top}.dev-table th{font-size:.7rem;text-transform:uppercase;color:#7b8497}.dev-table td small{display:block;color:#8a92a5;margin-top:3px}.log-row code{display:block;background:#111827;color:#d1fae5;border-radius:10px;padding:12px;white-space:pre-wrap}.dev-form{display:grid;gap:14px}.dev-form label{font-size:.78rem;font-weight:800;color:#344054}.dev-form input{display:block;width:100%;margin-top:7px;border:1px solid #dfe3ee;border-radius:12px;padding:12px;font:inherit}.code-workbench{display:grid;grid-template-columns:280px 1fr;min-height:600px;background:#fff;border:1px solid #e4e7f0;border-radius:20px;overflow:hidden;box-shadow:0 14px 45px rgba(30,25,70,.06)}.file-tree{background:#fafaff;border-right:1px solid #e8eaf2}.file-tree-head{padding:16px;border-bottom:1px solid #e8eaf2;display:flex;justify-content:space-between;font-size:.75rem}.file-item{display:flex;gap:9px;padding:11px 14px;color:#5f687b;text-decoration:none;font-size:.82rem}.file-item:hover,.file-item.active{background:#efedff;color:#563ed4}.code-editor-panel{display:flex;flex-direction:column}.editor-head{padding:16px;border-bottom:1px solid #e8eaf2}.editor-head strong,.editor-head small{display:block}.editor-head small{color:#8991a3;margin-top:4px}.code-editor{flex:1;min-height:500px;width:100%;border:0;outline:0;resize:none;background:#111827;color:#e5e7eb;padding:20px;font:13px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace}.editor-actions{display:flex;gap:15px;align-items:center;padding:13px 16px}.editor-actions span{font-size:.75rem;color:#8a92a5}.schema-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.schema-item{padding:13px;border:1px solid #e8eaf2;border-radius:12px;display:flex;gap:9px;align-items:center}.schema-item i{color:#6049db}.schema-item code{font-size:.75rem;word-break:break-all}.diag-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.diag-card{background:#fff;border:1px solid #e7eaf3;border-radius:18px;padding:18px;display:flex;gap:12px}.diag-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#eafaf1;color:#087443}.diag-card strong{display:block}.diag-card p{font-size:.78rem;color:#7b8497;margin:8px 0 0}.guardrail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.guardrail-grid>div{padding:15px;border:1px solid #eceef4;border-radius:14px}.guardrail-grid i{color:#6049db;font-size:1.2rem}.guardrail-grid strong{display:block;margin:8px 0 5px}.guardrail-grid p{color:#7b8497;font-size:.82rem;line-height:1.5}.secret-card{max-width:760px;margin:60px auto;background:#fff;border:1px solid #e5e8f1;border-radius:26px;padding:40px;text-align:center;box-shadow:0 25px 70px rgba(30,25,70,.08)}.secret-icon{width:64px;height:64px;margin:0 auto 20px;display:grid;place-items:center;border-radius:20px;background:#eafaf1;color:#087443;font-size:1.5rem}.secret-card h2{font-size:2rem;margin:10px 0}.secret-card p{color:#758096;line-height:1.6}.secret-value{margin:22px 0;padding:18px;border-radius:14px;background:#111827;color:#d1fae5;overflow:auto}.secret-value code{font:14px ui-monospace,SFMono-Regular,Menlo,monospace;word-break:break-all}.developer-mobile-nav{display:none}
@media(max-width:1200px){.dev-stat-grid{grid-template-columns:repeat(3,1fr)}.dev-tool-grid{grid-template-columns:repeat(2,1fr)}.dev-project-grid{grid-template-columns:repeat(2,1fr)}.schema-grid{grid-template-columns:repeat(3,1fr)}.diag-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.developer-sidebar{transform:translateX(-105%);transition:.25s ease}.developer-sidebar.open{transform:translateX(0)}.developer-main{margin-left:0}.developer-topbar{padding:0 18px}.developer-menu-toggle{display:block}.developer-content{padding:20px}.dev-hero{grid-template-columns:1fr}.dev-hero-orbit{display:none}.dev-columns,.dev-two-col{grid-template-columns:1fr}.developer-mobile-nav{display:flex;position:fixed;z-index:60;left:10px;right:10px;bottom:10px;background:rgba(20,17,45,.95);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:8px;justify-content:space-around;box-shadow:0 15px 40px rgba(0,0,0,.2)}.developer-mobile-nav a{color:#aeb3cc;text-decoration:none;display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 13px;border-radius:14px;font-size:.65rem;font-weight:800}.developer-mobile-nav a i{font-size:1rem}.developer-mobile-nav a.active{color:#fff;background:linear-gradient(135deg,#6549e8,#258fd3)}body.developer-body{padding-bottom:85px}}
@media(max-width:640px){.dev-stat-grid,.dev-tool-grid,.dev-project-grid,.diag-grid,.schema-grid{grid-template-columns:1fr}.dev-page-head{align-items:flex-start;flex-direction:column}.code-workbench{grid-template-columns:1fr}.file-tree{border-right:0;border-bottom:1px solid #e8eaf2;max-height:220px;overflow:auto}.dev-table{min-width:850px}.table-wrap{overflow:auto}.developer-top-actions .dev-status{display:none}.dev-hero{padding:25px}.dev-hero h2{font-size:2.2rem}}

/* Template marketplace / creator economy */
.market-hero{padding:3.5rem 0 2rem;max-width:900px}.market-hero h2{font-size:clamp(2.2rem,5vw,4.2rem);margin:.4rem 0 1rem}.market-hero p{font-size:1.1rem;line-height:1.8;max-width:760px}.market-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;padding-bottom:4rem}.market-card{background:rgba(255,255,255,.86);border:1px solid rgba(100,80,180,.12);border-radius:24px;padding:1.4rem;box-shadow:0 18px 45px rgba(37,28,89,.08);transition:transform .25s ease,box-shadow .25s ease}.market-card:hover{transform:translateY(-6px);box-shadow:0 24px 60px rgba(37,28,89,.14)}.market-icon{width:56px;height:56px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(135deg,#6d4aff,#1ec8e8);color:#fff;font-size:1.35rem;margin-bottom:1rem}.market-meta{display:flex;gap:.5rem;color:#716b86;font-size:.8rem}.market-meta span{background:#f2efff;border-radius:999px;padding:.3rem .6rem}.market-card h3{font-size:1.25rem;margin:.8rem 0 .5rem}.market-card p{color:#6d6a7e;line-height:1.6;min-height:3.1em}.market-author{font-size:.9rem;color:#514d65;margin:1rem 0}.market-buy{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ece9f5;padding-top:1rem}.market-buy strong{font-size:1.2rem}.form-grid{display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:end}.form-grid label{display:grid;gap:.45rem}.form-grid input{min-height:44px;border:1px solid #ddd8ed;border-radius:12px;padding:.7rem 1rem}.muted{color:#888}
@media(max-width:900px){.market-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.market-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.market-hero{padding-top:2rem}}
/* Full project builder */
.builder-page{max-width:1180px;margin:0 auto}.builder-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding:18px 0 28px}.builder-hero h1{font-size:clamp(2.4rem,5vw,4.2rem);margin:.35rem 0}.builder-hero p{max-width:720px;color:#68738a;font-size:1rem;line-height:1.7}.eyebrow,.section-kicker{font-size:.68rem;font-weight:900;letter-spacing:.14em;color:#674fe1}.builder-hero-badge{display:flex;gap:10px;align-items:center;padding:12px 16px;border-radius:999px;background:rgba(255,255,255,.8);border:1px solid rgba(109,74,255,.15);box-shadow:0 12px 35px rgba(60,40,130,.08);font-weight:800;white-space:nowrap}.builder-hero-badge i{color:#ff9f43}.builder-progress{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.75);border:1px solid rgba(109,74,255,.12);border-radius:22px;padding:14px;overflow:auto;box-shadow:0 12px 35px rgba(30,25,70,.06)}.builder-progress-step{display:flex;align-items:center;gap:8px;min-width:max-content;color:#9aa2b4}.builder-progress-step span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#eef0f5;font-weight:900}.builder-progress-step strong{font-size:.75rem}.builder-progress-step.active{color:#5c45d8}.builder-progress-step.active span{background:linear-gradient(135deg,#6d4aff,#18c8e9);color:#fff;box-shadow:0 8px 20px rgba(109,74,255,.3)}.builder-progress-step.done{color:#087443}.builder-progress-step.done span{background:#e6f8ee;color:#087443}.builder-progress-line{height:2px;min-width:24px;background:#e7e9f0}.builder-progress-line.done{background:#6d4aff}.builder-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:22px;margin-top:22px}.builder-main{display:grid;gap:20px}.builder-step-card{background:rgba(255,255,255,.9);border:1px solid rgba(32,42,70,.09);border-radius:26px;padding:clamp(20px,4vw,32px);box-shadow:0 18px 55px rgba(45,35,110,.08);position:relative;overflow:hidden}.builder-step-card:before{content:"";position:absolute;left:0;top:0;width:5px;height:100%;background:linear-gradient(180deg,#6d4aff,#18c8e9,#ff4fa3);opacity:.85}.step-heading{display:flex;gap:16px;align-items:flex-start;margin-bottom:24px}.step-number{display:grid;place-items:center;flex:0 0 48px;height:48px;border-radius:16px;background:linear-gradient(135deg,#efeaff,#e4f9ff);color:#5e46da;font-weight:900}.step-heading h2{margin:5px 0;font-size:1.5rem}.step-heading p{margin:0;color:#788298;line-height:1.55}.builder-form{display:grid;gap:18px}.builder-type-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.builder-choice input,.component-choice input,.feature-choice input{position:absolute;opacity:0;pointer-events:none}.choice-box{display:flex;flex-direction:column;gap:8px;min-height:150px;padding:17px;border:1px solid #e2e5ee;border-radius:18px;background:#fff;cursor:pointer;transition:.25s ease}.choice-box i{font-size:1.3rem;color:#654ce1}.choice-box small,.component-choice small{color:#7c8598;line-height:1.4}.builder-choice input:checked+.choice-box{border-color:#6d4aff;box-shadow:0 10px 30px rgba(109,74,255,.15);transform:translateY(-3px);background:linear-gradient(180deg,#fff,#f7f4ff)}.builder-field{display:grid;gap:8px;font-weight:800;font-size:.8rem;color:#39445b}.builder-field input,.builder-field textarea,.builder-field select{width:100%;border:1px solid #dfe3ed;border-radius:14px;padding:12px 14px;background:#fff;outline:none;transition:.2s}.builder-field input:focus,.builder-field textarea:focus,.builder-field select:focus{border-color:#7659ee;box-shadow:0 0 0 4px rgba(109,74,255,.1)}.component-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.component-choice span{display:flex;align-items:center;gap:11px;padding:16px;border:1px solid #e2e5ee;border-radius:16px;background:#fff;cursor:pointer;transition:.2s}.component-choice span>i{color:#654ce1;font-size:1.1rem}.component-choice span b{display:block}.component-choice span small{display:block}.component-choice input:checked+span{border-color:#6d4aff;background:#f7f4ff;box-shadow:0 10px 25px rgba(109,74,255,.1)}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.feature-choice span{display:flex;align-items:center;gap:9px;padding:13px;border:1px solid #e3e6ef;border-radius:14px;background:#fff;cursor:pointer;font-weight:700;font-size:.82rem}.feature-choice span i{width:20px;height:20px;border-radius:6px;display:grid;place-items:center;background:#eef0f5;color:transparent;font-size:.65rem}.feature-choice input:checked+span{border-color:#6d4aff;background:#f6f3ff;color:#4d3cbe}.feature-choice input:checked+span i{background:#6d4aff;color:#fff}.manifest-preview{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:16px;border-radius:18px;background:#111827;color:#fff}.manifest-preview b,.manifest-preview small{display:block}.manifest-preview small{color:#aab2c6;margin-top:5px}.manifest-preview code{font-size:.72rem;color:#b8f5db}.builder-primary,.builder-secondary{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:14px;padding:13px 18px;font-weight:900;cursor:pointer;text-decoration:none}.builder-primary{background:linear-gradient(135deg,#6d4aff,#8f6bff 50%,#19bfe7);color:#fff;box-shadow:0 12px 28px rgba(109,74,255,.25)}.builder-primary:hover{transform:translateY(-2px);filter:saturate(1.1)}.builder-secondary{background:#f0edff;color:#5b45d1;border:1px solid #ddd6ff}.wide{width:100%}.generation-panel{display:flex;align-items:center;gap:24px;padding:20px;border-radius:20px;background:linear-gradient(135deg,#f6f1ff,#e9fbff);border:1px solid #e3dcff;margin-bottom:16px}.generation-panel h3{margin:0 0 6px}.generation-panel p{margin:0;color:#6f7890;line-height:1.55}.generation-orbit{width:100px;height:100px;flex:0 0 100px;position:relative;border-radius:50%;display:grid;place-items:center;background:#fff;box-shadow:0 15px 40px rgba(85,65,180,.14);color:#654ce1}.generation-orbit i{position:absolute}.generation-orbit i:nth-of-type(1){top:18px}.generation-orbit i:nth-of-type(2){right:16px;bottom:18px}.generation-orbit i:nth-of-type(3){left:15px;bottom:18px}.artifact-ready{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid #d9f0e2;background:#f5fcf8;border-radius:18px}.ready-icon{font-size:1.7rem;color:#16a05e}.artifact-ready>div:nth-child(2){flex:1}.artifact-ready b,.artifact-ready span{display:block}.artifact-ready span{font-size:.72rem;color:#7a8b82;margin-top:4px;word-break:break-all}.empty-builder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:35px;border:1px dashed #d9dce7;border-radius:18px;color:#7f8798;text-align:center}.empty-builder i{font-size:1.8rem;color:#9c8bea}.version-timeline{display:grid;gap:10px;margin-bottom:16px}.version-node{display:flex;align-items:center;gap:12px;padding:12px;border-radius:14px;background:#f8f9fc}.version-node>span{padding:7px 9px;border-radius:9px;background:#ebe7ff;color:#5b45d1;font-weight:900;font-size:.75rem}.version-node>div{flex:1}.version-node b,.version-node small{display:block}.version-node small{color:#8991a3;margin-top:3px}.version-node a{font-size:.75rem;font-weight:900;color:#5c45d8}.builder-aside{display:grid;align-content:start;gap:14px;position:sticky;top:85px;height:max-content}.cardish{background:rgba(255,255,255,.88);border:1px solid rgba(32,42,70,.09);border-radius:22px;padding:20px;box-shadow:0 15px 40px rgba(30,25,70,.06)}.status-large{display:flex;align-items:center;gap:8px;margin:12px 0 18px;font-size:1.2rem;font-weight:900;text-transform:capitalize}.pulse-dot{width:10px;height:10px;border-radius:50%;background:#16b364;box-shadow:0 0 0 7px rgba(22,179,100,.12);animation:pulse 1.8s infinite}.summary-row{display:flex;justify-content:space-between;padding:11px 0;border-top:1px solid #eef0f5;color:#778197;font-size:.8rem}.summary-row b{color:#25304a}.builder-tip{display:flex;gap:12px;background:linear-gradient(135deg,#f4efff,#eafaff)}.builder-tip>i{color:#ff9f43;font-size:1.2rem}.builder-tip p{color:#707a90;font-size:.78rem;line-height:1.55;margin:5px 0 0}.builder-aside-link{display:flex;align-items:center;gap:12px;padding:15px;border-radius:18px;background:#fff;border:1px solid #e5e8f0;color:#1f2940;text-decoration:none;box-shadow:0 10px 28px rgba(30,25,70,.05)}.builder-aside-link>i:first-child{color:#654ce1;font-size:1.2rem}.builder-aside-link span{flex:1}.builder-aside-link b,.builder-aside-link small{display:block}.builder-aside-link small{color:#81899b;margin-top:3px;font-size:.72rem}.builder-aside-link>i:last-child{color:#9aa2b4}.reveal{animation:rise .55s ease both}@keyframes pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(.75);opacity:.65}}
@media(max-width:1050px){.builder-grid{grid-template-columns:1fr}.builder-aside{position:static;grid-template-columns:repeat(3,1fr)}.builder-type-grid{grid-template-columns:repeat(3,1fr)}.feature-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.builder-hero{flex-direction:column;align-items:flex-start}.builder-progress{border-radius:18px}.builder-progress-step strong{display:none}.builder-grid{gap:14px}.builder-type-grid,.component-grid,.feature-grid{grid-template-columns:1fr 1fr}.builder-aside{grid-template-columns:1fr}.step-heading{gap:12px}.step-number{flex-basis:42px;height:42px}.manifest-preview,.generation-panel,.artifact-ready{align-items:flex-start;flex-direction:column}.generation-orbit{margin:auto}.builder-step-card{border-radius:20px;padding:18px}}
@media(max-width:460px){.builder-type-grid,.component-grid,.feature-grid{grid-template-columns:1fr}.builder-hero h1{font-size:2.3rem}.builder-progress{padding:10px;gap:5px}.builder-progress-step span{width:30px;height:30px}.builder-progress-line{min-width:14px}}

/* ===== V20 developer editor polish ===== */
.code-page-head{align-items:center}.code-page-head .section-label{display:inline-flex;align-items:center;gap:7px}.code-head-actions{display:flex;gap:10px;flex-wrap:wrap}.code-workbench{grid-template-columns:300px minmax(0,1fr);min-height:680px;border-radius:24px;background:#0e1220;border-color:rgba(22,27,48,.12);box-shadow:0 24px 70px rgba(26,20,70,.14)}.file-tree{background:linear-gradient(180deg,#171a2d,#101322);border-right:1px solid rgba(255,255,255,.08);color:#fff;display:flex;flex-direction:column;min-width:0}.file-tree-head{padding:20px 18px;border-bottom:1px solid rgba(255,255,255,.08);align-items:center}.file-tree-head>div{display:grid;gap:4px}.file-tree-kicker{font-size:.62rem;letter-spacing:.13em;text-transform:uppercase;color:#7e86a7;font-weight:900}.file-tree-head strong{font-size:1rem;color:#f5f7ff}.file-count{display:grid;place-items:center;min-width:30px;height:30px;border-radius:10px;background:linear-gradient(135deg,#6d4aff,#18c8e9);font-size:.72rem;font-weight:900}.file-tree-list{padding:12px;display:grid;gap:5px;overflow:auto;flex:1}.file-item{position:relative;display:flex;align-items:center;gap:10px;padding:12px 11px;border-radius:12px;color:#aeb6d0;font-size:.8rem}.file-item:hover{background:rgba(109,74,255,.12);color:#fff}.file-item.active{background:linear-gradient(90deg,rgba(109,74,255,.35),rgba(24,200,233,.1));color:#fff;box-shadow:inset 3px 0 0 #7c62ff}.file-item-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:rgba(255,255,255,.06);color:#8d7aff}.file-item.active .file-item-icon{background:rgba(255,255,255,.12);color:#7de8ff}.file-current{margin-left:auto;font-size:.6rem;color:#7de8ff}.file-tree-foot{padding:14px 16px;border-top:1px solid rgba(255,255,255,.08);font-size:.7rem;color:#8d96b1;display:flex;align-items:center;gap:8px}.file-tree-foot i{color:#39d98a}.code-editor-panel{background:#0b0f1b;color:#e9ecf8;min-width:0}.editor-head{min-height:76px;padding:14px 18px;background:#151a2a;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;gap:14px}.editor-file{display:flex;align-items:center;gap:11px;min-width:0}.editor-file-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:rgba(109,74,255,.18);color:#9b8aff;flex:0 0 38px}.editor-file strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.editor-file small{display:block;color:#818aa7;margin-top:4px;font-size:.68rem}.editor-state{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;padding:7px 10px;border-radius:999px;background:rgba(34,197,94,.1);color:#72e7a4;font-size:.67rem;font-weight:900}.editor-state i{font-size:.45rem}.code-editor-form{height:calc(100% - 76px);min-height:600px;display:grid;grid-template-rows:auto 1fr auto;gap:0}.editor-toolbar{height:42px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.06);background:#101525;color:#9ea7c1;font-size:.68rem}.editor-toolbar span:first-child{color:#d9dded;font-weight:800}.editor-toolbar i{color:#8b78ff;margin-right:6px}.editor-hint{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.code-editor{min-height:0;height:100%;resize:none;border:0;border-radius:0;background:#090d17;color:#dce3f7;padding:22px 24px;font:13px/1.7 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;tab-size:2;outline:0;caret-color:#7de8ff}.code-editor:focus{box-shadow:inset 0 0 0 1px rgba(109,74,255,.28)}.editor-actions{min-height:64px;padding:12px 16px;background:#111728;border-top:1px solid rgba(255,255,255,.07);display:flex;align-items:center;justify-content:space-between;gap:15px}.editor-actions>span{font-size:.68rem;color:#7f89a5}.editor-actions>span i{color:#5bd99b;margin-right:5px}.developer-main .code-workbench .button{border-color:rgba(109,74,255,.18)}
@media(max-width:1100px){.code-workbench{grid-template-columns:250px 1fr}.developer-content{padding:24px}.dev-project-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.code-workbench{grid-template-columns:1fr;min-height:0}.file-tree{max-height:270px}.file-tree-list{max-height:170px}.code-editor-form{min-height:540px;height:540px}.editor-actions{flex-wrap:wrap}.code-page-head{align-items:flex-start;flex-direction:column}.code-head-actions{width:100%}.code-head-actions .button{flex:1}.editor-toolbar{gap:10px}.editor-hint{display:none}}
@media(max-width:560px){.developer-content{padding:15px}.dev-page-head h2{font-size:1.65rem}.code-workbench{border-radius:18px}.file-tree-head{padding:15px}.file-item{padding:10px}.editor-head{padding:12px}.editor-state{display:none}.code-editor{padding:16px;font-size:12px}.editor-actions{padding:10px}.editor-actions .button{width:100%}.editor-actions>span{width:100%;text-align:center}.code-head-actions .button{font-size:.76rem;padding:10px 11px}}

/* ===== V20 professional installer ===== */
.setup-body{background:radial-gradient(circle at 8% 5%,rgba(109,74,255,.2),transparent 30%),radial-gradient(circle at 92% 18%,rgba(19,196,255,.18),transparent 28%),#f5f7ff;color:#182033;min-height:100vh;overflow-x:hidden}.setup-page{width:min(1180px,100%);margin:0 auto;padding:34px 22px 70px}.setup-brandbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.setup-brandbar .brand{color:#182033}.setup-brandbar .brand-mark{color:#fff}.setup-secure{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.75);border:1px solid rgba(109,74,255,.12);box-shadow:0 10px 30px rgba(30,25,70,.05);font-size:.7rem;font-weight:900;color:#5b45d1}.setup-hero{position:relative;overflow:hidden;padding:clamp(30px,6vw,58px);border-radius:34px;background:linear-gradient(135deg,#15102f,#37207a 52%,#0aa3d2);color:#fff;box-shadow:0 30px 90px rgba(46,31,125,.24)}.setup-hero:before,.setup-hero:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.setup-hero:before{width:300px;height:300px;right:-110px;top:-120px;background:rgba(255,79,163,.32);filter:blur(2px);animation:drift 9s ease-in-out infinite}.setup-hero:after{width:190px;height:190px;left:42%;bottom:-120px;background:rgba(19,196,255,.35);animation:drift 8s ease-in-out infinite reverse}.setup-hero>*{position:relative;z-index:1}.setup-kicker{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.16);font-size:.68rem;letter-spacing:.12em;font-weight:900}.setup-hero h1{font-size:clamp(2.7rem,7vw,5rem);letter-spacing:-.055em;margin:18px 0 10px;line-height:1}.setup-hero p{max-width:780px;color:#ddd9f5;line-height:1.7;font-size:1rem;margin:0}.setup-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.setup-step{display:flex;align-items:center;gap:11px;padding:15px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);border-radius:16px;backdrop-filter:blur(12px)}.setup-step-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:rgba(255,255,255,.13);color:#7de8ff}.setup-step b{display:block;font-size:.78rem}.setup-step span{display:block;font-size:.68rem;color:#b9bdd2;margin-top:2px}.setup-panel{margin-top:20px;background:rgba(255,255,255,.9);border:1px solid rgba(32,42,70,.08);border-radius:26px;padding:clamp(20px,4vw,32px);box-shadow:0 20px 60px rgba(45,35,110,.09);backdrop-filter:blur(18px)}.setup-panel h2{margin:0 0 6px;font-size:1.35rem}.setup-panel>p{margin:0 0 22px;color:#768096}.setup-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.setup-field{display:grid;gap:8px}.setup-field.full{grid-column:1/-1}.setup-field label{font-size:.78rem;font-weight:900;color:#354057}.setup-field input{width:100%;padding:13px 14px;border:1px solid #dfe3ed;border-radius:14px;background:#fff;color:#182033;outline:0}.setup-field input:focus{border-color:#6d4aff;box-shadow:0 0 0 4px rgba(109,74,255,.1)}.setup-submit{margin-top:6px;width:100%;border:0;padding:14px 18px;border-radius:15px;background:linear-gradient(135deg,#6d4aff,#8f6bff 52%,#18c8e9);color:#fff;font-weight:900;box-shadow:0 14px 32px rgba(109,74,255,.25)}.setup-note{display:flex;gap:9px;align-items:flex-start;margin-top:14px;padding:12px 14px;border-radius:13px;background:#f4f1ff;color:#6255a8;font-size:.72rem;line-height:1.5}.setup-note i{margin-top:2px}.setup-error{background:#fff0f5;border:1px solid #ffc4db;border-radius:16px;padding:15px 18px;margin:20px 0;color:#8d1d4e}.setup-error ul{margin:8px 0 0;padding-left:20px}.setup-complete-v19{margin-top:20px;background:rgba(255,255,255,.92);border:1px solid #cdeede;border-radius:26px;padding:clamp(20px,4vw,32px);box-shadow:0 20px 65px rgba(26,80,60,.08)}.complete-head{display:flex;gap:15px;align-items:flex-start;margin-bottom:20px}.complete-icon{width:56px;height:56px;display:grid;place-items:center;flex:0 0 56px;border-radius:17px;background:linear-gradient(135deg,#18b979,#18c8e9);color:#fff;font-size:1.3rem;box-shadow:0 12px 28px rgba(24,185,121,.22)}.complete-head h2{margin:2px 0 5px}.complete-head p{margin:0;color:#708079;line-height:1.5}.demo-logins-v19{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.demo-card-v19{position:relative;overflow:hidden;padding:20px;border-radius:20px;background:#fff;border:1px solid #e6eaf1;box-shadow:0 13px 35px rgba(30,25,70,.06);transition:.25s ease}.demo-card-v19:hover{transform:translateY(-5px);box-shadow:0 20px 50px rgba(30,25,70,.1)}.demo-card-v19:before{content:"";position:absolute;left:0;top:0;width:100%;height:4px;background:linear-gradient(90deg,#6d4aff,#18c8e9,#ff4fa3)}.demo-card-v19 .demo-login-icon{margin-bottom:12px}.demo-card-v19 h3{margin:5px 0 14px}.demo-meta{display:grid;gap:8px;margin-bottom:15px}.demo-meta p{margin:0;font-size:.82rem;word-break:break-word}.demo-meta code{background:#f3f4f8;border-radius:7px;padding:3px 6px}.demo-card-v19 .button{width:100%}.setup-warning-v19{display:flex;gap:9px;align-items:flex-start;margin:18px 0;padding:13px 15px;border-radius:14px;background:#fff8e4;border:1px solid #f6df9c;color:#735b10;font-size:.76rem;line-height:1.5}.setup-open{display:flex;justify-content:center;margin-top:8px}.setup-footer{text-align:center;color:#78839a;font-size:.75rem;padding:26px 20px 10px}.setup-footer strong{color:#5c45d8}.setup-pulse{animation:pulse 1.8s infinite}.setup-success-badge{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;background:#e8faf1;color:#087443;font-size:.68rem;font-weight:900;margin-bottom:10px}
@media(max-width:900px){.setup-steps,.demo-logins-v19{grid-template-columns:1fr}.setup-form-grid{grid-template-columns:1fr}.setup-field.full{grid-column:auto}.setup-page{padding:22px 15px 50px}.setup-hero{border-radius:24px}.setup-brandbar{margin-bottom:14px}.setup-secure{font-size:.62rem}}
@media(max-width:560px){.setup-brandbar .brand{font-size:.9rem}.setup-brandbar .brand-mark{width:34px;height:34px}.setup-secure span{display:none}.setup-panel,.setup-complete-v19{border-radius:20px;padding:18px}.setup-hero h1{font-size:2.55rem}.setup-hero p{font-size:.88rem}.setup-step{padding:12px}.complete-head{gap:11px}.complete-icon{width:48px;height:48px;flex-basis:48px;border-radius:14px}}

/* V20 scope guard: developer console must never inherit public shell navigation styles. */
body.developer-body .developer-shell a{box-sizing:border-box}
body.developer-body .developer-main h1,body.developer-body .developer-main h2,body.developer-body .developer-main h3,body.developer-body .developer-main p{max-width:none}
body.developer-body .code-workbench button,body.developer-body .code-workbench input,body.developer-body .code-workbench textarea{font-family:inherit}

/* ===== V20 BUILDER EXPERIENCE — complete scoped layout ===== */
.builder-shell{width:min(1320px,100%);margin:0 auto;padding:34px 24px 100px}
.builder-hero-v2{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding:22px 0 26px}
.builder-hero-v2 h1{margin:8px 0 8px;font-size:clamp(2rem,4vw,3.25rem);letter-spacing:-.045em;line-height:1.05}
.builder-hero-v2 p{margin:0;max-width:760px;color:var(--muted);line-height:1.7;font-size:.95rem}
.builder-kicker{display:inline-flex;align-items:center;gap:7px;color:#684de5;font-size:.68rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.builder-hero-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.live-pill{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border-radius:999px;background:#fff;border:1px solid var(--border);box-shadow:0 8px 24px rgba(45,35,110,.07);font-size:.72rem;font-weight:800;color:#556078}
.live-pill i{font-size:.48rem;color:#19b979;animation:pulse 1.8s infinite}
.builder-ghost,.builder-btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(109,74,255,.18);background:#fff;color:var(--text);padding:11px 15px;border-radius:13px;font-weight:800;transition:.22s ease}
.builder-ghost:hover,.builder-btn-secondary:hover{transform:translateY(-2px);border-color:rgba(109,74,255,.35);box-shadow:0 10px 25px rgba(45,35,110,.10);color:var(--text)}
.builder-stepper{position:sticky;top:72px;z-index:30;display:grid;grid-template-columns:repeat(7,1fr);gap:8px;padding:10px;margin:0 0 24px;border:1px solid rgba(255,255,255,.65);border-radius:18px;background:rgba(246,247,255,.82);backdrop-filter:blur(18px);box-shadow:0 12px 35px rgba(45,35,110,.08)}
.builder-step-pill{min-width:0;display:flex;align-items:center;justify-content:center;gap:7px;padding:10px 8px;border-radius:12px;color:#68738a;font-size:.72rem;font-weight:800;transition:.2s ease}
.builder-step-pill span{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:#eceaf8;color:#68738a;font-size:.68rem;flex:0 0 24px}
.builder-step-pill:hover{background:#fff;color:var(--text)}
.builder-step-pill.active{color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary-2));box-shadow:0 9px 22px rgba(109,74,255,.24)}
.builder-step-pill.active span,.builder-step-pill.done span{background:rgba(255,255,255,.18);color:#fff}
.builder-step-pill.done{color:#5541c8;background:#f0edff}
.builder-layout-v2{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px;align-items:start}
.builder-flow{display:grid;gap:22px;min-width:0}
.builder-card-v2{position:relative;overflow:hidden;background:rgba(255,255,255,.9);border:1px solid rgba(32,42,70,.09);border-radius:24px;padding:clamp(22px,3vw,32px);box-shadow:0 18px 55px rgba(45,35,110,.09);backdrop-filter:blur(14px);scroll-margin-top:145px}
.builder-card-v2:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--primary),var(--cyan),var(--pink));opacity:.9}
.builder-card-head{display:flex;gap:18px;align-items:flex-start;margin-bottom:24px}
.big-step{display:grid;place-items:center;width:50px;height:50px;flex:0 0 50px;border-radius:16px;background:linear-gradient(135deg,#eeeaff,#dff7ff);color:#684de5;font-size:.78rem;font-weight:900;letter-spacing:.06em;box-shadow:inset 0 0 0 1px rgba(109,74,255,.08)}
.builder-card-head h2{margin:6px 0 7px;font-size:clamp(1.25rem,2.2vw,1.65rem);letter-spacing:-.025em}
.builder-card-head p{margin:0;color:var(--muted);line-height:1.65;font-size:.88rem}
.builder-form-v2{display:grid;gap:18px}
.full-field{display:grid;gap:8px}.full-field>span,.canvas-fields label>span{font-size:.75rem;font-weight:900;color:#364158}
.builder-form-v2 textarea{width:100%;min-height:92px;resize:vertical;padding:13px 14px;border:1px solid #d9dbea;border-radius:14px;background:#fff;color:var(--text);outline:none;font:inherit;line-height:1.55;transition:.2s ease}
.builder-form-v2 textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(109,74,255,.1)}
.choice-grid-v2{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.choice-card-v2{position:relative;display:block;cursor:pointer}
.choice-card-v2 input{position:absolute;opacity:0;pointer-events:none}
.choice-card-v2>span{display:flex;flex-direction:column;gap:7px;min-height:126px;padding:17px;border:1px solid #e0e3ee;border-radius:17px;background:#fff;transition:.22s ease}
.choice-card-v2 i{font-size:1.15rem;color:#684de5}.choice-card-v2 strong{font-size:.83rem}.choice-card-v2 small{font-size:.68rem;line-height:1.45}
.choice-card-v2:hover>span{transform:translateY(-3px);border-color:#b9adff;box-shadow:0 13px 28px rgba(45,35,110,.08)}
.choice-card-v2 input:checked+span{border-color:#7657ff;background:linear-gradient(145deg,#f6f3ff,#eefbff);box-shadow:0 0 0 3px rgba(109,74,255,.1),0 15px 30px rgba(109,74,255,.1)}
.choice-card-v2 input:checked+span:after{content:"✓";position:absolute;right:10px;top:10px;display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--cyan));color:#fff;font-size:.7rem}
.component-grid-v2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.component-card-v2{position:relative;display:grid;grid-template-columns:42px 1fr 26px;align-items:center;gap:12px;min-height:78px;padding:14px;border:1px solid #e1e4ed;border-radius:16px;background:#fff;cursor:pointer;transition:.2s ease}
.component-card-v2:hover{transform:translateY(-2px);border-color:#bbb0ff;box-shadow:0 10px 24px rgba(45,35,110,.07)}
.component-card-v2 input{position:absolute;opacity:0;pointer-events:none}.component-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#f0edff;color:#684de5;font-size:1rem}.component-icon.small{width:34px;height:34px;border-radius:10px;font-size:.8rem}
.component-card-v2 strong{display:block;font-size:.78rem}.component-card-v2 small{font-size:.64rem;margin-top:4px}.component-check{display:grid;place-items:center;width:23px;height:23px;border:1.5px solid #cfd4e1;border-radius:7px;color:transparent;background:#fff;transition:.2s ease}
.component-card-v2 input:checked~.component-check{border-color:var(--primary);background:linear-gradient(135deg,var(--primary),var(--cyan));color:#fff}.component-card-v2:has(input:checked){border-color:#b8adff;background:linear-gradient(145deg,#fbfaff,#f6fdff);box-shadow:0 8px 24px rgba(109,74,255,.08)}
.builder-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:45px;border:0;border-radius:13px;padding:11px 17px;background:linear-gradient(135deg,var(--primary),var(--primary-2) 55%,var(--cyan));color:#fff;font-weight:900;box-shadow:0 11px 25px rgba(109,74,255,.22);transition:.22s ease}.builder-btn-primary:hover{transform:translateY(-2px);color:#fff;box-shadow:0 15px 30px rgba(109,74,255,.28)}
.canvas-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px;padding:14px;border-radius:16px;background:linear-gradient(135deg,#f5f2ff,#effcff);border:1px solid #e3e1f2}.canvas-toolbar b{display:block;font-size:.8rem}.canvas-toolbar small{margin-top:4px;font-size:.66rem}.canvas-toolbar .builder-btn-primary{width:auto}
.canvas-list{display:grid;gap:12px}.canvas-block{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:12px;align-items:stretch;padding:13px;border:1px solid #e0e4ed;border-radius:17px;background:#fff;transition:.2s ease}.canvas-block:hover{border-color:#bcb2ff;box-shadow:0 12px 30px rgba(45,35,110,.07)}.canvas-block.dragging{opacity:.6;transform:scale(.99)}
.drag-handle{display:grid;place-items:center;color:#a1a8b9;cursor:grab}.drag-handle:active{cursor:grabbing}.canvas-block-main{min-width:0}.canvas-block-title{display:flex;align-items:center;gap:9px;min-width:0}.canvas-number{font-size:.68rem;font-weight:900;color:#8a90a2}.canvas-block-title>div{min-width:0}.canvas-block-title strong{display:block;font-size:.78rem}.canvas-block-title small{font-size:.62rem;margin-top:3px}.canvas-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:13px}.canvas-fields label{display:grid;gap:6px}.canvas-fields input{font-size:.74rem;padding:10px 11px;border-radius:10px}.canvas-controls{display:flex;flex-direction:column;gap:6px}.canvas-controls button{width:34px;height:34px;padding:0;border-radius:10px;color:#626b80;background:#f7f7fb}.switch{display:inline-flex!important;align-items:center!important;grid-template-columns:none!important;gap:7px!important;margin-left:auto!important;font-weight:700!important;cursor:pointer}.switch input{position:absolute;opacity:0}.switch span{position:relative;width:36px;height:21px;border-radius:999px;background:#d8dce6;transition:.2s}.switch span:after{content:"";position:absolute;width:15px;height:15px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.18);transition:.2s}.switch input:checked+span{background:linear-gradient(90deg,var(--primary),var(--cyan))}.switch input:checked+span:after{transform:translateX(15px)}.switch em{font-size:.62rem;color:#70798d;font-style:normal}
.feature-grid-v2{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.feature-card-v2{position:relative;cursor:pointer}.feature-card-v2 input{position:absolute;opacity:0}.feature-card-v2 span{display:flex;align-items:center;gap:9px;min-height:48px;padding:11px 12px;border:1px solid #e0e4ed;border-radius:13px;background:#fff;font-size:.7rem;transition:.2s}.feature-card-v2 i{color:#c2c6d2}.feature-card-v2 input:checked+span{border-color:#b9adff;background:#f5f2ff;box-shadow:0 0 0 2px rgba(109,74,255,.08);color:#4e3ab9}.feature-card-v2 input:checked+span i{color:var(--primary)}
.plan-preview{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:17px;border-radius:16px;background:#101525;color:#fff}.plan-preview .builder-kicker{color:#9f91ff}.plan-preview h3{margin:6px 0}.plan-preview p{margin:0;color:#aeb6cb;font-size:.75rem;line-height:1.5}.plan-preview code{display:block;align-self:center;padding:13px;border-radius:11px;background:#080c15;color:#8ce8ff;font-size:.67rem;line-height:1.55;overflow:auto}
.quality-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:15px}.quality-item{display:flex;align-items:flex-start;gap:9px;padding:13px;border:1px solid #e3e6ee;border-radius:14px;background:#fff}.quality-item>i{color:#17ad72;font-size:1rem;margin-top:2px}.quality-item span{min-width:0}.quality-item b{display:block;font-size:.72rem}.quality-item small{font-size:.62rem;margin-top:4px;line-height:1.4}
.generation-stage{display:flex;align-items:center;justify-content:center;margin:10px 0 20px}.stage-node{display:flex;flex-direction:column;align-items:center;gap:7px;min-width:75px;color:#606b82;font-size:.65rem;font-weight:800}.stage-node i{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#f0edff;color:#684de5;box-shadow:inset 0 0 0 1px rgba(109,74,255,.08)}.stage-line{height:2px;width:min(100px,12vw);background:linear-gradient(90deg,#cfc8ff,#7de8ff)}
.artifact-card{display:flex;align-items:center;gap:15px;padding:16px;border-radius:17px;background:linear-gradient(135deg,#f1fff8,#effbff);border:1px solid #cdeede}.artifact-icon{display:grid;place-items:center;width:46px;height:46px;flex:0 0 46px;border-radius:14px;background:linear-gradient(135deg,#18b979,#18c8e9);color:#fff}.artifact-card h3{margin:4px 0;font-size:1rem}.artifact-card p{margin:0;color:#68748a;font-size:.67rem}.status-success{font-size:.62rem;color:#087443;font-weight:900;letter-spacing:.08em}.artifact-actions{display:flex;gap:8px;margin-left:auto;flex-wrap:wrap}.artifact-actions .builder-btn-secondary{white-space:nowrap;padding:9px 11px;font-size:.68rem}.version-list-v2{display:grid;gap:8px;margin-top:13px}.version-row-v2{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:11px;padding:11px 12px;border:1px solid #e4e6ed;border-radius:13px;background:#fff}.version-badge{display:grid;place-items:center;min-width:42px;padding:6px 8px;border-radius:9px;background:#f0edff;color:#5d46d4;font-size:.66rem;font-weight:900}.version-row-v2 strong{display:block;font-size:.72rem}.version-row-v2 small{font-size:.61rem;margin-top:3px}.version-row-v2>a,.version-row-v2 form button{width:32px;height:32px;padding:0;display:grid;place-items:center;background:#f7f7fb;color:#5e6680;border:1px solid #e4e6ed;border-radius:9px}.version-row-v2 form{display:block}
.builder-empty-v2{text-align:center;padding:35px 18px;border:1px dashed #cfd4e2;border-radius:17px;background:#fafaff}.builder-empty-v2>i{font-size:1.7rem;color:#8c7cff}.builder-empty-v2 h3{margin:10px 0 5px}.builder-empty-v2 p{margin:0 0 14px;color:var(--muted);font-size:.78rem}.builder-empty-v2 .builder-btn-secondary{width:auto}
.builder-side-v2{min-width:0}.side-sticky{position:sticky;top:145px;display:grid;gap:14px}.side-card{padding:17px;border-radius:18px;background:rgba(255,255,255,.88);border:1px solid rgba(32,42,70,.09);box-shadow:0 14px 40px rgba(45,35,110,.08)}.side-card.gradient{background:linear-gradient(145deg,#f1edff,#effcff)}.health-title{display:flex;align-items:center;gap:7px;margin:8px 0 12px;font-size:.82rem}.health-title i{font-size:.48rem;color:#18b979}.health-bars{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px}.health-bars span{height:7px;border-radius:99px;background:#e2e5ed}.progress-1 span:nth-child(-n+1),.progress-2 span:nth-child(-n+2),.progress-3 span:nth-child(-n+3),.progress-4 span:nth-child(-n+4),.progress-5 span:nth-child(-n+5),.progress-6 span:nth-child(-n+6),.progress-7 span:nth-child(-n+7){background:linear-gradient(90deg,var(--primary),var(--cyan))}.side-card>a{display:flex;align-items:center;gap:11px;padding:11px 0;border-top:1px solid #eceef4;color:var(--text)}.side-card>a:first-of-type{margin-top:10px}.side-card>a>i{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#f0edff;color:#684de5;font-size:.78rem}.side-card>a b{display:block;font-size:.71rem}.side-card>a small{font-size:.6rem;margin-top:3px}.builder-rules p{display:flex;gap:8px;margin:10px 0;color:#667085;font-size:.67rem}.builder-rules p i{color:#684de5}

/* V44 — live visual website builder preview (scoped to builder canvas only) */
.canvas-toolbar-actions{display:flex;gap:8px;align-items:center}.builder-canvas-workspace{display:grid;grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);gap:18px;align-items:start}.live-builder-preview{position:sticky;top:92px;border:1px solid #dfe3ef;border-radius:20px;background:#11152a;overflow:hidden;box-shadow:0 18px 45px rgba(31,27,74,.15);min-width:0}.live-builder-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 15px;background:#171b34;color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}.live-builder-head>div:first-child{min-width:0}.live-builder-head .builder-kicker{display:block;color:#a99aff;margin-bottom:4px}.live-builder-head strong{display:block;font-size:.86rem}.live-builder-head small{display:block;color:#aeb5cf;font-size:.68rem;margin-top:3px}.live-builder-tools{display:flex;gap:6px;flex:none}.live-device,.live-open{width:34px;height:34px;border:1px solid rgba(255,255,255,.14);border-radius:9px;background:rgba(255,255,255,.06);color:#dfe4ff;cursor:pointer}.live-device.active,.live-device:hover,.live-open:hover{background:linear-gradient(135deg,#6847f5,#20b8e9);color:#fff;border-color:transparent}.live-builder-frame-wrap{background:#dfe3ef;padding:12px;display:flex;justify-content:center;min-height:560px}.live-builder-frame{display:block;width:100%;height:560px;border:0;border-radius:10px;background:#fff;box-shadow:0 10px 25px rgba(0,0,0,.2);transition:width .25s ease}.live-builder-frame.mobile{width:390px;max-width:100%}.live-builder-frame-wrap:after{content:'LIVE';position:absolute}.live-builder-preview{position:sticky}.canvas-list{min-width:0}.canvas-toolbar-actions .builder-btn-secondary{white-space:nowrap}

@media(max-width:1120px){.choice-grid-v2{grid-template-columns:repeat(3,1fr)}.builder-layout-v2{grid-template-columns:1fr}.builder-side-v2{order:-1}.side-sticky{position:static;grid-template-columns:1fr 1fr 1fr}.side-card.gradient{grid-column:span 1}.side-card.builder-rules{display:none}}
@media(max-width:1120px){.builder-canvas-workspace{grid-template-columns:1fr}.live-builder-preview{position:relative;top:auto}.live-builder-frame-wrap{min-height:520px}.live-builder-frame{height:520px}}
@media(max-width:850px){.builder-shell{padding:24px 16px 100px}.builder-hero-v2{align-items:flex-start;flex-direction:column}.builder-hero-actions{justify-content:flex-start}.builder-stepper{top:62px;overflow-x:auto;display:flex}.builder-step-pill{min-width:112px}.component-grid-v2{grid-template-columns:repeat(2,1fr)}.feature-grid-v2,.quality-grid{grid-template-columns:repeat(2,1fr)}.canvas-fields{grid-template-columns:1fr}.canvas-block{grid-template-columns:24px 1fr}.canvas-controls{grid-column:2;flex-direction:row}.switch{margin-left:0!important}.plan-preview{grid-template-columns:1fr}.artifact-card{align-items:flex-start;flex-wrap:wrap}.artifact-actions{width:100%;margin-left:61px}.artifact-actions .builder-btn-secondary{flex:1}}
@media(max-width:560px){.builder-shell{padding:18px 11px 95px}.builder-card-v2{border-radius:19px;padding:18px;scroll-margin-top:125px}.builder-card-head{gap:11px}.big-step{width:40px;height:40px;flex-basis:40px;border-radius:12px}.builder-card-head h2{font-size:1.15rem}.builder-card-head p{font-size:.76rem}.choice-grid-v2,.component-grid-v2,.feature-grid-v2,.quality-grid{grid-template-columns:1fr}.choice-card-v2>span{min-height:0;display:grid;grid-template-columns:34px 1fr;padding:13px}.choice-card-v2 i{grid-row:span 2}.canvas-toolbar{align-items:flex-start;flex-direction:column}.canvas-toolbar .builder-btn-primary{width:100%}.canvas-block-title{flex-wrap:wrap}.canvas-fields input{font-size:.7rem}.generation-stage{justify-content:flex-start;overflow:auto;padding-bottom:5px}.stage-node{min-width:62px}.stage-line{width:35px}.artifact-actions{margin-left:0}.artifact-actions .builder-btn-secondary{width:100%}.version-row-v2{grid-template-columns:auto 1fr auto auto}.side-sticky{grid-template-columns:1fr}.side-card.builder-rules{display:block}.builder-hero-v2 h1{font-size:2rem}.builder-stepper{margin-left:-3px;margin-right:-3px}}

/* V21 creator marketplace polish */
.creator-flow{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 24px;margin:0 0 22px;border:1px solid rgba(109,74,255,.15);border-radius:22px;background:linear-gradient(135deg,#f5f1ff,#effcff);box-shadow:0 16px 40px rgba(45,35,110,.07)}
.creator-flow strong{display:block;margin:5px 0 7px;font-size:1.05rem;color:#202b45}.creator-flow p{margin:0;color:#667085;line-height:1.6;font-size:.82rem;max-width:760px}.creator-flow .button{white-space:nowrap}.market-approved{color:#087443!important;font-weight:800}.market-approved i{margin-right:4px}.dev-project-card .actions{display:flex;flex-wrap:wrap;gap:8px}.market-card{transition:transform .25s ease,box-shadow .25s ease}.market-card:hover{transform:translateY(-6px);box-shadow:0 24px 55px rgba(45,35,110,.12)}
@media(max-width:700px){.creator-flow{align-items:flex-start;flex-direction:column}.creator-flow .button{width:100%}}

/* ===== V24 ACCOUNT MENU — scoped addition only ===== */
.account-menu{position:relative;display:flex;align-items:center;margin-left:3px}.account-trigger{min-width:188px;display:flex!important;align-items:center;gap:10px!important;padding:6px 9px!important;border:1px solid rgba(255,255,255,.13)!important;background:rgba(255,255,255,.07)!important;border-radius:14px!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}.account-trigger:hover{background:rgba(255,255,255,.13)!important;transform:none!important;box-shadow:0 10px 24px rgba(0,0,0,.14)!important}.account-trigger-icon{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:11px;background:linear-gradient(135deg,var(--primary),var(--cyan));box-shadow:0 7px 18px rgba(109,74,255,.28)}.account-trigger-copy{display:flex;flex:1;min-width:0;flex-direction:column;align-items:flex-start;line-height:1.15}.account-trigger-copy strong{font-size:.78rem;max-width:118px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-trigger-copy small{display:block;color:#aeb7d3;font-size:.62rem;margin-top:3px}.account-chevron{font-size:.65rem;color:#cdd4eb;transition:transform .2s ease}.account-menu.open .account-chevron{transform:rotate(180deg)}.account-dropdown{position:absolute;right:0;top:calc(100% + 10px);width:340px;max-height:min(720px,calc(100vh - 88px));overflow:auto;padding:10px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:rgba(19,22,43,.97);box-shadow:0 28px 70px rgba(7,9,24,.38);backdrop-filter:blur(22px);animation:accountDropIn .18s ease both;z-index:100}.account-dropdown[hidden]{display:none}.account-dropdown-head{display:flex;gap:12px;align-items:center;padding:12px;border-radius:15px;background:linear-gradient(135deg,rgba(109,74,255,.2),rgba(19,196,255,.12));border:1px solid rgba(255,255,255,.08);margin-bottom:7px}.account-dropdown-avatar{width:44px;height:44px;display:grid;place-items:center;flex:0 0 44px;border-radius:14px;background:linear-gradient(135deg,var(--primary),var(--cyan));color:#fff;font-size:1rem;box-shadow:0 9px 22px rgba(109,74,255,.25)}.account-dropdown-head div{min-width:0;display:grid;gap:2px}.account-dropdown-head strong{color:#fff;font-size:.86rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-dropdown-head small{color:#aeb7d3;font-size:.67rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-dropdown-head em{font-style:normal;color:#8fe5c1;font-size:.62rem;font-weight:800;margin-top:3px}.account-dropdown-section{padding:6px 0;border-bottom:1px solid rgba(255,255,255,.08)}.account-dropdown-section:last-of-type{border-bottom:0}.account-dropdown-label{display:block;padding:7px 10px 6px;color:#7f8bb0;font-size:.57rem;font-weight:900;letter-spacing:.14em}.account-dropdown-section>a{display:flex!important;align-items:center;gap:10px!important;width:100%;padding:9px 10px!important;border-radius:12px!important;color:#eef1ff!important}.account-dropdown-section>a:hover{background:rgba(255,255,255,.08)!important;transform:none!important}.account-dropdown-section>a>i:first-child{display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;border-radius:9px;background:rgba(109,74,255,.16);color:#9b8bff;font-size:.78rem}.account-dropdown-section>a>span{display:grid;gap:2px;flex:1;min-width:0}.account-dropdown-section>a b{font-size:.73rem}.account-dropdown-section>a small{font-size:.61rem;color:#8994b4;line-height:1.3}.account-dropdown-section>a>i:last-child{background:none!important;width:auto!important;height:auto!important;color:#65718f;font-size:.55rem}.developer-section>a>i:first-child{background:rgba(19,196,255,.13);color:#4ed6ff}.admin-section>a>i:first-child{background:rgba(255,79,163,.13);color:#ff75b8}.account-dropdown-footer{padding:8px 0 2px}.account-dropdown-footer form{display:block}.account-dropdown-footer button{width:100%;justify-content:flex-start!important;background:rgba(255,255,255,.055)!important;border-color:rgba(255,255,255,.08)!important;color:#f7d2df!important;padding:10px 12px!important}.account-dropdown-footer button:hover{background:rgba(255,79,163,.1)!important;box-shadow:none!important;transform:none!important}.mobile-nav .account-menu{display:none}@keyframes accountDropIn{from{opacity:0;transform:translateY(-7px) scale(.98)}to{opacity:1;transform:none}}@media(max-width:900px){.desktop-nav .account-menu{display:none}.mobile-nav a{min-width:58px}.mobile-nav{overflow-x:auto}.mobile-nav a{flex:0 0 auto}}@media(max-width:560px){.account-dropdown{position:fixed;left:10px;right:10px;top:72px;width:auto;max-height:calc(100vh - 90px)}.account-trigger-copy{display:none}.account-trigger{min-width:52px;width:52px;justify-content:center;padding:6px!important}.account-chevron{display:none}}

/* ===== V28 ACCOUNT PAGE + ROLE DROPDOWN POLISH ===== */
.account-page{max-width:1240px;margin:0 auto;padding:48px 24px 96px;color:var(--text)}
.account-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:26px;align-items:stretch;margin-bottom:24px;padding:34px;border:1px solid rgba(109,74,255,.14);border-radius:28px;background:linear-gradient(135deg,#f7f3ff 0%,#eefaff 100%);box-shadow:0 24px 60px rgba(45,35,110,.08);overflow:hidden}
.account-hero:after{content:"";position:absolute;width:260px;height:260px;right:-90px;top:-130px;border-radius:50%;background:linear-gradient(135deg,rgba(122,83,255,.28),rgba(20,196,255,.2));filter:blur(3px);pointer-events:none}
.account-hero-copy{position:relative;z-index:1;align-self:center}.account-hero-copy h1{margin:10px 0 10px;font-size:clamp(2rem,4vw,3.2rem);line-height:1.04;letter-spacing:-.045em}.account-hero-copy p{max-width:720px;margin:0;color:#68738a;font-size:.94rem;line-height:1.7}
.account-identity-card{position:relative;z-index:1;display:flex;align-items:center;gap:15px;padding:20px;border-radius:21px;background:rgba(255,255,255,.82);border:1px solid rgba(109,74,255,.12);box-shadow:0 15px 40px rgba(45,35,110,.08);backdrop-filter:blur(12px)}
.account-avatar{width:60px;height:60px;flex:0 0 60px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(135deg,#6d4aff,#18c4ee);color:#fff;font-size:1.35rem;box-shadow:0 12px 28px rgba(91,73,220,.25)}.account-identity-card strong{display:block;font-size:1.02rem}.account-identity-card span{display:block;color:#69748a;font-size:.74rem;margin-top:4px;overflow-wrap:anywhere}.account-identity-card em{display:inline-flex;align-items:center;gap:5px;margin-top:7px;font-style:normal;color:#087443;font-size:.66rem;font-weight:900}
.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.account-card{min-width:0;padding:26px;border:1px solid #e2e5ef;border-radius:23px;background:rgba(255,255,255,.92);box-shadow:0 18px 45px rgba(45,35,110,.065)}.account-profile-card{grid-column:span 1}.account-role-card{grid-column:1/-1}.account-card-head{display:flex;gap:13px;align-items:flex-start;margin-bottom:22px}.account-card-icon{width:45px;height:45px;flex:0 0 45px;display:grid;place-items:center;border-radius:14px;background:#eeeaff;color:#684de5}.account-card-head h2{margin:2px 0 5px;font-size:1.18rem;letter-spacing:-.02em}.account-card-head p{margin:0;color:#7a8398;font-size:.76rem;line-height:1.55}.account-details{display:grid;grid-template-columns:1fr 1fr;gap:15px}.account-details>div{padding:15px;border-radius:15px;background:#f8f9fd;border:1px solid #eceef5}.account-details small{display:block;color:#8a93a7;font-size:.58rem;font-weight:900;letter-spacing:.1em}.account-details strong{display:block;margin-top:5px;font-size:.82rem;overflow-wrap:anywhere}.account-status{color:#087443!important}.account-status i{font-size:.48rem;vertical-align:middle;margin-right:3px}
.account-links{display:grid;gap:8px}.account-links>a{display:grid;grid-template-columns:34px 1fr 18px;gap:11px;align-items:center;padding:11px 12px;border:1px solid #eceef5;border-radius:14px;background:#fbfbfe;color:var(--text);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease}.account-links>a:hover{transform:translateY(-2px);border-color:#dcd5ff;background:#fff;box-shadow:0 10px 25px rgba(45,35,110,.07)}.account-links>a>i:first-child{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#eeeaff;color:#684de5;font-size:.78rem}.account-links>a>span{min-width:0}.account-links>a b{display:block;font-size:.76rem}.account-links>a small{display:block;color:#818ba0;font-size:.62rem;margin-top:3px;line-height:1.35}.account-links>a>i:last-child{color:#a2a9b8;font-size:.6rem}.account-links .developer-link{background:linear-gradient(135deg,#f4fbff,#f7f3ff);border-color:#dceeff}.account-links .developer-link>i:first-child{background:#e3f8ff;color:#079ec8}.account-links .admin-link{background:linear-gradient(135deg,#fff4fa,#f8f4ff);border-color:#f4dcec}.account-links .admin-link>i:first-child{background:#ffebf5;color:#dc3b88}
.role-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.role-feature-grid>div{display:grid;grid-template-columns:auto 1fr;column-gap:9px;padding:15px;border:1px solid #eceef5;border-radius:15px;background:#fafbff}.role-feature-grid>div>i{grid-row:span 2;color:#684de5}.role-feature-grid b{font-size:.72rem}.role-feature-grid span{grid-column:2;color:#7d879b;font-size:.62rem;line-height:1.45;margin-top:4px}
.account-security-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:22px;padding:20px 24px;border:1px solid #dcefe6;border-radius:21px;background:linear-gradient(135deg,#f2fff8,#effbff)}.account-security-banner>div{display:flex;align-items:flex-start;gap:13px}.account-security-banner>div>i{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#ddf8eb;color:#12965f}.account-security-banner strong{display:block;font-size:.82rem}.account-security-banner p{margin:5px 0 0;color:#718097;font-size:.7rem;line-height:1.5}.account-security-banner .button{width:auto;white-space:nowrap}
/* Keep the role menu usable even when a developer has many tools. */
.account-dropdown{scrollbar-width:thin;scrollbar-color:#5f55a7 transparent}.account-dropdown-section>a{min-height:46px}.account-dropdown-section>a b,.account-dropdown-section>a small{overflow:hidden;text-overflow:ellipsis}.account-dropdown-section.role-section{padding-bottom:8px}.account-dropdown-section.role-section .account-dropdown-label{position:sticky;top:0;background:rgba(19,22,43,.97);z-index:2}.account-dropdown-footer{position:sticky;bottom:0;background:rgba(19,22,43,.98);margin:0 -10px -10px;padding:10px;border-top:1px solid rgba(255,255,255,.08)}
@media(max-width:900px){.account-page{padding:30px 16px 85px}.account-hero{grid-template-columns:1fr;padding:26px}.account-grid{grid-template-columns:1fr}.account-role-card{grid-column:auto}.role-feature-grid{grid-template-columns:1fr 1fr}.account-dropdown{position:fixed;right:12px;top:78px;width:min(380px,calc(100vw - 24px));max-height:calc(100vh - 92px)}}
@media(max-width:600px){.account-page{padding:20px 12px 70px}.account-hero{padding:20px;border-radius:22px}.account-hero-copy h1{font-size:2rem}.account-identity-card{padding:15px}.account-grid{gap:14px}.account-card{padding:19px;border-radius:19px}.account-details{grid-template-columns:1fr}.role-feature-grid{grid-template-columns:1fr}.account-security-banner{align-items:flex-start;flex-direction:column;padding:18px}.account-security-banner .button{width:100%}.account-dropdown{top:70px;max-height:calc(100vh - 82px)} }

/* Public template marketplace */
.marketplace-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);gap:38px;align-items:center;margin:26px 0 22px;padding:58px 54px;border-radius:32px;overflow:hidden;color:#fff;background:radial-gradient(circle at 90% 12%,rgba(37,205,255,.45),transparent 25%),radial-gradient(circle at 10% 100%,rgba(255,80,190,.22),transparent 32%),linear-gradient(135deg,#17113c 0%,#4226a4 58%,#087fae 100%);box-shadow:0 28px 80px rgba(40,26,111,.18)}
.marketplace-hero:before{content:"";position:absolute;width:390px;height:390px;right:-120px;top:-220px;border-radius:50%;background:rgba(255,255,255,.08);filter:blur(1px)}
.marketplace-hero-copy,.marketplace-hero-art{position:relative;z-index:1}.market-kicker{display:inline-flex;gap:8px;align-items:center;font-size:.66rem;font-weight:900;letter-spacing:.15em;color:#9cefff}.marketplace-hero h1{font-size:clamp(2.5rem,5vw,4.6rem);line-height:1.02;letter-spacing:-.055em;margin:13px 0 18px}.marketplace-hero h1 span{background:linear-gradient(90deg,#fff,#8beaff);-webkit-background-clip:text;background-clip:text;color:transparent}.marketplace-hero-copy>p{max-width:720px;color:#e8e6ff;font-size:1rem;line-height:1.75;margin:0}.marketplace-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.marketplace-hero .button{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.1);color:#fff}.marketplace-hero .button.primary{background:#fff;color:#3f28a1;border-color:#fff}
.marketplace-hero-art{min-height:330px;display:grid;place-items:center}.market-window{width:min(100%,520px);border-radius:22px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.22);box-shadow:0 30px 70px rgba(8,6,35,.25);backdrop-filter:blur(15px);transform:rotate(2deg);overflow:hidden}.market-window-top{height:38px;display:flex;align-items:center;gap:6px;padding:0 14px;border-bottom:1px solid rgba(255,255,255,.1);color:#dfe9ff;font-size:.68rem}.market-window-top>span{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.35)}.market-window-top b{margin-left:8px;font-weight:700}.market-window-body{display:grid;grid-template-columns:58px 1fr;min-height:270px}.market-mini-sidebar{display:grid;align-content:start;gap:18px;padding:22px 12px;background:rgba(10,8,35,.28);color:#bfcaff;text-align:center}.market-mini-sidebar i:first-child{color:#fff}.market-mini-content{padding:24px}.market-mini-title{width:58%;height:18px;border-radius:8px;background:rgba(255,255,255,.78);margin-bottom:20px}.market-mini-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.market-mini-cards i{height:72px;border-radius:13px;background:linear-gradient(135deg,rgba(255,255,255,.25),rgba(62,217,255,.25));border:1px solid rgba(255,255,255,.12)}.market-mini-lines{margin-top:18px;display:grid;gap:9px}.market-mini-lines i{height:8px;border-radius:8px;background:rgba(255,255,255,.2)}.market-mini-lines i:nth-child(1){width:88%}.market-mini-lines i:nth-child(2){width:72%}.market-mini-lines i:nth-child(3){width:82%}.market-mini-lines i:nth-child(4){width:60%}.market-floating-card{position:absolute;right:-4px;bottom:4px;display:flex;align-items:center;gap:10px;padding:13px 15px;border-radius:15px;background:#fff;color:#25213f;box-shadow:0 18px 45px rgba(6,6,30,.3);animation:marketFloat 3.4s ease-in-out infinite}.market-floating-card>i{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,#704cff,#1dc8ef);color:#fff}.market-floating-card b,.market-floating-card small{display:block}.market-floating-card b{font-size:.73rem}.market-floating-card small{font-size:.6rem;color:#7d8194;margin-top:2px}@keyframes marketFloat{50%{transform:translateY(-8px)}}
.market-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0 45px}.market-benefits>div{display:flex;align-items:center;gap:11px;padding:16px;border:1px solid #e7e9f2;border-radius:17px;background:rgba(255,255,255,.84);box-shadow:0 12px 30px rgba(36,29,89,.045)}.benefit-icon{width:40px;height:40px;display:grid;place-items:center;flex:0 0 40px;border-radius:12px;background:#eeeaff;color:#6549e8}.market-benefits b,.market-benefits small{display:block}.market-benefits b{font-size:.75rem}.market-benefits small{font-size:.63rem;color:#7c8497;margin-top:3px;line-height:1.35}
.marketplace-section{padding:8px 0 38px}.market-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:20px}.market-section-head h2{font-size:clamp(1.7rem,3vw,2.45rem);margin:6px 0}.market-section-head p{margin:0;color:#768096;max-width:750px;line-height:1.6;font-size:.82rem}.market-count{white-space:nowrap;padding:10px 13px;border:1px solid #e1e4ee;border-radius:999px;background:#fff;color:#68718a;font-size:.7rem;font-weight:800}.market-count i{color:#664ae7;margin-right:5px}.marketplace-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.marketplace-card{min-width:0;overflow:hidden;border:1px solid #e4e7f0;border-radius:24px;background:#fff;box-shadow:0 15px 45px rgba(34,28,85,.065);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.marketplace-card:hover{transform:translateY(-6px);box-shadow:0 25px 65px rgba(34,28,85,.12);border-color:#d9d2ff}.template-preview{display:block;position:relative;padding:13px;background:linear-gradient(135deg,#f4f1ff,#e9faff);text-decoration:none}.preview-browser{height:190px;border-radius:15px;overflow:hidden;border:1px solid rgba(75,59,155,.12);background:#fff;box-shadow:0 10px 25px rgba(47,39,108,.08)}.preview-browser-bar{height:25px;display:flex;align-items:center;gap:4px;padding:0 8px;background:#f7f7fb;color:#9aa0b2;font-size:.48rem}.preview-browser-bar i{width:5px;height:5px;border-radius:50%;background:#c9ccd6}.preview-browser-bar span{margin-left:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-browser-page{height:calc(100% - 25px);background:linear-gradient(180deg,#fbfbff,#eef8ff)}.preview-nav{height:30px;display:flex;align-items:center;gap:9px;padding:0 12px;color:#28304b;font-size:.45rem}.preview-nav b{font-size:.55rem;margin-right:auto}.preview-nav span{width:27px;height:5px;border-radius:4px;background:#dfe3ee}.preview-hero-block{margin:0 11px;padding:20px 15px;border-radius:11px;background:linear-gradient(135deg,#6342e8,#1db9e9);color:#fff}.preview-hero-block small{font-size:.42rem;letter-spacing:.12em;font-weight:900}.preview-hero-block strong{display:block;font-size:1rem;margin:6px 0 10px}.preview-hero-block i{display:block;width:48px;height:5px;border-radius:4px;background:rgba(255,255,255,.65);margin-top:5px}.preview-hero-block i:last-child{width:75px;background:rgba(255,255,255,.3)}.preview-content-block{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:10px 11px}.preview-content-block i{height:43px;border-radius:8px;background:#fff;border:1px solid #e6e9f1}.preview-open{position:absolute;left:24px;bottom:23px;display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border-radius:999px;background:rgba(20,18,48,.82);color:#fff;font-size:.58rem;font-weight:800;opacity:0;transform:translateY(5px);transition:.2s}.marketplace-card:hover .preview-open{opacity:1;transform:none}.template-card-body{padding:18px}.template-card-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.template-category{font-size:.62rem;color:#6d7487;font-weight:800}.template-category i{color:#694ce8;margin-right:4px}.price-chip{padding:6px 9px;border-radius:999px;background:#f0edff;color:#5b3fd5;font-size:.66rem;font-weight:900}.price-chip.free{background:#e9faf1;color:#087443}.marketplace-card h3{font-size:1.12rem;margin:12px 0 6px}.marketplace-card>div>p{color:#747d91;line-height:1.55;font-size:.76rem;min-height:3.6em;margin:0}.template-card-meta{display:flex;justify-content:space-between;gap:10px;margin:15px 0;color:#8991a3;font-size:.59rem}.template-card-meta span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-card-meta i{color:#6750dc;margin-right:4px}.template-card-actions{display:flex;gap:8px;flex-wrap:wrap;padding-top:13px;border-top:1px solid #edf0f5}.template-card-actions form{margin:0}.template-card-actions .button{white-space:nowrap}.market-empty{padding:65px 25px;text-align:center;border:1px dashed #d9dce8;border-radius:24px;background:rgba(255,255,255,.6)}.market-empty>span{width:64px;height:64px;margin:0 auto 15px;display:grid;place-items:center;border-radius:19px;background:#eeeaff;color:#684be4;font-size:1.4rem}.market-empty h3{margin:0 0 7px}.market-empty p{max-width:650px;margin:0 auto 18px;color:#778196;line-height:1.6;font-size:.82rem}.market-sell-banner{display:flex;justify-content:space-between;align-items:center;gap:25px;margin:10px 0 65px;padding:27px 30px;border-radius:23px;border:1px solid #ddd7ff;background:linear-gradient(135deg,#f4f0ff,#eefbff)}.market-sell-banner h2{margin:5px 0}.market-sell-banner p{margin:0;color:#727d91;line-height:1.55;font-size:.78rem}.market-sell-banner .button{white-space:nowrap}
.template-detail-page{padding:34px 0 70px}.back-link{display:inline-flex;gap:7px;align-items:center;color:#5f48d9;font-weight:800;font-size:.76rem;text-decoration:none;margin-bottom:18px}.template-alert{display:flex;gap:11px;align-items:center;margin-bottom:16px;padding:13px 16px;border-radius:15px;border:1px solid #f0dfb6;background:#fffaf0;color:#765b17}.template-alert.success{border-color:#ccebdc;background:#effcf5;color:#087443}.template-alert>i{font-size:1rem}.template-alert b,.template-alert span{display:block}.template-alert b{font-size:.74rem}.template-alert span{font-size:.66rem;margin-top:2px}.template-detail-hero{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:36px;border-radius:30px;background:linear-gradient(135deg,#f5f1ff,#edfaff);border:1px solid #e2def7;box-shadow:0 24px 65px rgba(42,33,105,.08)}.template-detail-copy{align-self:center}.template-detail-tags{display:flex;gap:7px;flex-wrap:wrap}.template-detail-tags span{padding:7px 9px;border-radius:999px;background:#fff;color:#665f78;font-size:.61rem;font-weight:900}.template-detail-tags .free{background:#e9faf1;color:#087443}.template-detail-copy h1{font-size:clamp(2.2rem,4.5vw,4rem);line-height:1.02;letter-spacing:-.05em;margin:15px 0 12px}.template-detail-copy>p{color:#6e778b;line-height:1.7;max-width:680px}.template-author{display:flex;align-items:center;gap:10px;margin:20px 0}.author-avatar{width:43px;height:43px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,#6d4aff,#1cc6eb);color:#fff}.template-author small,.template-author b{display:block}.template-author small{font-size:.59rem;color:#8991a4}.template-author b{font-size:.72rem;margin-top:3px}.template-detail-actions{display:flex;gap:9px;flex-wrap:wrap}.template-detail-actions form{margin:0}.template-detail-stats{display:flex;gap:30px;margin-top:24px;padding-top:18px;border-top:1px solid #e1e4ef}.template-detail-stats b,.template-detail-stats small{display:block}.template-detail-stats b{font-size:.82rem}.template-detail-stats small{font-size:.58rem;color:#8991a3;margin-top:4px}.template-detail-preview{display:grid;place-items:center}.detail-browser{width:100%;border-radius:20px;overflow:hidden;background:#fff;border:1px solid #dfe3ed;box-shadow:0 22px 55px rgba(36,29,95,.12)}.detail-browser-bar{height:33px;display:flex;align-items:center;gap:5px;padding:0 12px;background:#f7f7fb;color:#8991a2;font-size:.56rem}.detail-browser-bar i{width:7px;height:7px;border-radius:50%;background:#c6cad5}.detail-browser-bar span{margin-left:7px}.detail-page{background:#f7f9ff;min-height:400px}.detail-page-nav{display:flex;align-items:center;gap:16px;padding:15px 18px;background:#19142f;color:#fff;font-size:.55rem}.detail-page-nav b{margin-right:auto;font-size:.68rem}.detail-page-nav div{display:flex;gap:15px}.detail-page-nav i{display:none}.detail-page-hero{margin:0;padding:45px 34px;background:linear-gradient(135deg,#6040e7,#20bde8);color:#fff}.detail-page-hero small{font-size:.53rem;font-weight:900;letter-spacing:.12em}.detail-page-hero h2{font-size:2.25rem;margin:9px 0}.detail-page-hero p{font-size:.7rem;line-height:1.6;max-width:400px;color:#eff7ff}.detail-page-hero button{margin-top:8px;border:0;border-radius:9px;padding:9px 12px;font-weight:800;color:#4930a2;background:#fff;font-size:.6rem}.detail-page-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding:16px}.detail-page-cards div{height:65px;border-radius:10px;background:#fff;border:1px solid #e6e9f2}.template-detail-lower{display:grid;grid-template-columns:1.4fr .6fr;gap:22px;margin-top:22px}.template-info-card,.template-buy-card{padding:25px;border-radius:22px;border:1px solid #e6e8f0;background:#fff;box-shadow:0 15px 40px rgba(34,28,85,.055)}.template-info-card h2{margin:7px 0 20px}.template-file-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.template-file-list>div{display:flex;align-items:center;gap:10px;padding:14px;border-radius:14px;background:#f8f9fd;border:1px solid #eceef4}.template-file-list>div>i{font-size:1.15rem;color:#6549df}.template-file-list b,.template-file-list small{display:block}.template-file-list b{font-size:.72rem}.template-file-list small{font-size:.59rem;color:#81899d;margin-top:3px}.template-buy-card{align-self:start;background:linear-gradient(145deg,#21194b,#4331a1);color:#fff;border:0}.template-buy-card .section-label{color:#a99cff}.template-buy-card strong{display:block;font-size:2.2rem;margin:13px 0 7px}.template-buy-card p{color:#dcd9f4;font-size:.73rem;line-height:1.6}.template-buy-card .button{width:100%;justify-content:center;background:#fff;color:#4529a5;border-color:#fff;margin:10px 0}.template-buy-card>small{display:block;text-align:center;color:#aaa7cb;font-size:.58rem;margin-top:13px}.template-buy-card>small i{margin-right:4px}
@media(max-width:1050px){.marketplace-hero{grid-template-columns:1fr;padding:45px}.marketplace-hero-art{min-height:260px}.market-benefits{grid-template-columns:repeat(2,1fr)}.marketplace-grid{grid-template-columns:repeat(2,1fr)}.template-detail-hero{grid-template-columns:1fr}.template-detail-lower{grid-template-columns:1fr}.template-detail-preview{order:-1}.detail-browser{max-width:700px}.template-buy-card{max-width:600px}}
@media(max-width:700px){.marketplace-hero{margin:15px 0;padding:32px 22px;border-radius:24px}.marketplace-hero h1{font-size:2.55rem}.marketplace-hero-copy>p{font-size:.84rem}.marketplace-hero-art{min-height:205px}.market-window{transform:none}.market-window-body{min-height:205px}.market-floating-card{right:0}.market-benefits,.marketplace-grid{grid-template-columns:1fr}.market-section-head{align-items:flex-start;flex-direction:column}.market-sell-banner{align-items:flex-start;flex-direction:column;margin-bottom:40px;padding:22px}.template-detail-page{padding-top:20px}.template-detail-hero{padding:22px;border-radius:22px}.template-detail-copy h1{font-size:2.35rem}.detail-page-nav div{display:none}.detail-page-nav i{display:block}.detail-page-hero{padding:35px 23px}.template-file-list{grid-template-columns:1fr}.template-detail-stats{gap:18px;flex-wrap:wrap}}

/* ===== V30 PUBLIC TEMPLATE MARKETPLACE ===== */
.marketplace-v30-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:1.02fr .98fr;gap:40px;align-items:center;min-height:570px;margin:28px 0 24px;padding:62px 58px;border-radius:34px;overflow:hidden;color:#fff;background:radial-gradient(circle at 85% 15%,rgba(34,204,255,.45),transparent 25%),radial-gradient(circle at 15% 90%,rgba(255,73,183,.28),transparent 30%),linear-gradient(135deg,#171035 0%,#37208d 54%,#087ea9 100%);box-shadow:0 32px 90px rgba(37,25,102,.2)}
.marketplace-v30-hero:after{content:"";position:absolute;inset:auto -120px -170px auto;width:410px;height:410px;border-radius:50%;background:rgba(255,255,255,.07);filter:blur(2px);z-index:-1}.market-v30-kicker,.market-v30-label{font-size:.67rem;letter-spacing:.16em;font-weight:900;text-transform:uppercase}.market-v30-kicker{display:inline-flex;align-items:center;gap:8px;color:#9df3ff}.marketplace-v30-hero h1{font-size:clamp(2.8rem,5vw,5rem);line-height:1;letter-spacing:-.06em;margin:15px 0 20px}.marketplace-v30-hero h1 span{background:linear-gradient(90deg,#fff,#8deaff);-webkit-background-clip:text;background-clip:text;color:transparent}.marketplace-v30-hero-copy>p{max-width:690px;color:#e7e7ff;font-size:1rem;line-height:1.8;margin:0}.market-v30-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:28px}.market-v30-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:14px 18px;border-radius:14px;font-weight:850;border:1px solid rgba(255,255,255,.2);transition:.25s}.market-v30-btn:hover{transform:translateY(-3px)}.market-v30-primary{background:#fff;color:#4125a3;border-color:#fff;box-shadow:0 14px 30px rgba(0,0,0,.16)}.market-v30-glass{background:rgba(255,255,255,.09);color:#fff;backdrop-filter:blur(10px)}.market-v30-trust{display:flex;flex-wrap:wrap;gap:12px 18px;margin-top:27px;color:#cdd7ff;font-size:.69rem;font-weight:700}.market-v30-trust span{display:inline-flex;align-items:center;gap:6px}.market-v30-trust i{color:#74e4bd}.market-v30-showcase{position:relative;min-height:410px;display:grid;place-items:center}.market-v30-browser{width:min(100%,540px);border:1px solid rgba(255,255,255,.25);border-radius:24px;overflow:hidden;background:rgba(255,255,255,.12);backdrop-filter:blur(18px);box-shadow:0 35px 85px rgba(7,4,39,.34);transform:rotate(2deg);animation:marketV30Float 6s ease-in-out infinite}.market-v30-browser-top{height:42px;display:flex;align-items:center;gap:7px;padding:0 15px;border-bottom:1px solid rgba(255,255,255,.1);color:#e9edff;font-size:.68rem}.market-v30-browser-top>span{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.38)}.market-v30-browser-top b{margin-left:9px;font-weight:750}.market-v30-browser-body{display:grid;grid-template-columns:58px 1fr;min-height:315px}.market-v30-browser-body aside{display:grid;align-content:start;gap:22px;padding:25px 15px;background:rgba(8,7,35,.28);color:#bfc9ed;text-align:center}.market-v30-browser-body aside i:first-child{color:#fff}.market-v30-canvas{padding:28px}.market-v30-line{height:15px;border-radius:10px;background:rgba(255,255,255,.78)}.market-v30-line.lg{width:61%}.market-v30-line.sm{width:38%;height:8px;margin-top:9px;background:rgba(255,255,255,.28)}.market-v30-template-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:27px}.market-v30-template-grid span{height:105px;border-radius:15px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(145deg,rgba(255,255,255,.22),rgba(54,217,255,.15))}.market-v30-lines{display:grid;gap:9px;margin-top:20px}.market-v30-lines i{height:8px;border-radius:8px;background:rgba(255,255,255,.18)}.market-v30-lines i:nth-child(1){width:86%}.market-v30-lines i:nth-child(2){width:66%}.market-v30-lines i:nth-child(3){width:74%}.market-v30-float{position:absolute;display:flex;align-items:center;gap:10px;padding:13px 15px;border:1px solid #e8e8f0;border-radius:16px;background:#fff;color:#22203c;box-shadow:0 20px 48px rgba(7,5,36,.3);z-index:3}.market-v30-float span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#704cff,#20c4ee);color:#fff}.market-v30-float b,.market-v30-float small{display:block}.market-v30-float b{font-size:.73rem}.market-v30-float small{margin-top:2px;color:#858ba0;font-size:.6rem}.market-v30-float-one{left:0;top:40px;animation:marketV30Float 4.8s ease-in-out -1s infinite}.market-v30-float-two{right:-4px;bottom:28px;animation:marketV30Float 4.2s ease-in-out -2s infinite}@keyframes marketV30Float{50%{transform:translateY(-10px) rotate(0deg)}}
.market-v30-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:0 0 70px}.market-v30-benefits article{display:flex;gap:12px;align-items:flex-start;padding:19px;border:1px solid var(--line);border-radius:19px;background:rgba(255,255,255,.72);box-shadow:0 12px 34px rgba(35,29,95,.055)}.market-v30-benefits article>span{width:43px;height:43px;flex:0 0 43px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,#eee8ff,#def9ff);color:#6546e8}.market-v30-benefits b,.market-v30-benefits small{display:block}.market-v30-benefits b{font-size:.78rem}.market-v30-benefits small{color:#7a8297;font-size:.64rem;line-height:1.5;margin-top:4px}.market-v30-catalog{padding:15px 0 75px}.market-v30-heading{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:27px}.market-v30-label{color:#6749e9}.market-v30-heading h2{font-size:clamp(2rem,4vw,3rem);letter-spacing:-.04em;margin:9px 0}.market-v30-heading p{max-width:760px;color:var(--muted);line-height:1.7;margin:0}.market-v30-count{display:flex;align-items:center;gap:9px;padding:13px 15px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 12px 30px rgba(35,29,95,.05);flex:0 0 auto}.market-v30-count strong{font-size:1.6rem;color:#5c40df}.market-v30-count span{font-size:.62rem;line-height:1.15;color:#7d8598;font-weight:750}.market-v30-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:21px;padding:12px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.72);box-shadow:0 10px 28px rgba(35,29,95,.04)}.market-v30-search{position:relative;display:flex;align-items:center;min-width:280px;flex:1}.market-v30-search i{position:absolute;left:14px;color:#7c84a0;font-size:.8rem}.market-v30-search input{width:100%;padding:12px 13px 12px 38px;border:1px solid #e2e4ed;border-radius:12px;background:#fff;outline:0;font-size:.78rem}.market-v30-search input:focus{border-color:#7659ef;box-shadow:0 0 0 4px rgba(104,71,245,.09)}.market-v30-filters{display:flex;flex-wrap:wrap;gap:6px}.market-v30-filters button{border:1px solid #e1e3ec;background:#fff;color:#667089;border-radius:10px;padding:10px 12px;font-size:.67rem;font-weight:800;cursor:pointer}.market-v30-filters button:hover,.market-v30-filters button.active{background:#6847f5;border-color:#6847f5;color:#fff}.market-v30-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:21px}.market-v30-card{overflow:hidden;border:1px solid #e1e3ed;border-radius:24px;background:#fff;box-shadow:0 18px 50px rgba(35,29,95,.075);transition:.28s}.market-v30-card:hover{transform:translateY(-7px);box-shadow:0 26px 65px rgba(35,29,95,.12)}.market-v30-card[hidden]{display:none}.market-v30-preview{position:relative;display:block;padding:13px;background:linear-gradient(135deg,#ece8ff,#def7ff)}.market-v30-preview-browser{overflow:hidden;border-radius:15px;background:#fff;border:1px solid rgba(50,45,100,.12);box-shadow:0 10px 25px rgba(31,25,79,.12)}.market-v30-preview-top{display:flex;align-items:center;gap:5px;height:27px;padding:0 9px;background:#f7f7fb;color:#8a91a3;font-size:.47rem}.market-v30-preview-top i{width:5px;height:5px;border-radius:50%;background:#c6cad4}.market-v30-preview-top span{margin-left:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.market-v30-preview-page{min-height:205px;background:#f7f9ff}.market-v30-preview-nav{height:36px;display:flex;align-items:center;gap:8px;padding:0 11px;background:#19152e;color:#fff}.market-v30-preview-nav b{font-size:.55rem;margin-right:auto}.market-v30-preview-nav i{width:22px;height:4px;border-radius:5px;background:rgba(255,255,255,.25)}.market-v30-preview-hero{padding:30px 20px;background:linear-gradient(135deg,#6140e9,#20bfe8);color:#fff}.market-v30-preview-hero small{display:block;font-size:.42rem;font-weight:900;letter-spacing:.12em}.market-v30-preview-hero strong{display:block;font-size:1.15rem;line-height:1.1;margin:7px 0 12px}.market-v30-preview-hero span{display:block;height:5px;width:72%;margin-top:5px;border-radius:5px;background:rgba(255,255,255,.26)}.market-v30-preview-hero span:last-child{width:52%}.market-v30-preview-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:12px}.market-v30-preview-cards i{height:48px;border-radius:8px;background:#fff;border:1px solid #e4e7f0}.market-v30-preview-badge{position:absolute;right:23px;top:23px;display:inline-flex;gap:5px;align-items:center;padding:7px 9px;border-radius:9px;background:rgba(24,18,57,.84);color:#fff;font-size:.56rem;font-weight:800;backdrop-filter:blur(8px)}.market-v30-card-body{padding:18px}.market-v30-card-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.market-v30-category{color:#6f7690;font-size:.61rem;font-weight:800}.market-v30-category i{color:#6847f5}.market-v30-price{padding:6px 9px;border-radius:8px;background:#ece8ff;color:#563bd0;font-size:.63rem;font-weight:900}.market-v30-price.free{background:#e4faef;color:#178b5b}.market-v30-card h3{font-size:1.12rem;letter-spacing:-.02em;margin:13px 0 7px}.market-v30-card p{height:43px;overflow:hidden;color:#747c91;font-size:.72rem;line-height:1.55;margin:0}.market-v30-meta{display:flex;justify-content:space-between;gap:10px;margin:15px 0;color:#8a91a3;font-size:.59rem}.market-v30-meta span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.market-v30-meta i{color:#7355e8;margin-right:4px}.market-v30-card-actions{display:flex;flex-wrap:wrap;gap:7px}.market-v30-outline-btn,.market-v30-action-btn,.market-v30-use-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:8px 10px;border-radius:10px;font-size:.63rem;font-weight:850;cursor:pointer;transition:.2s}.market-v30-outline-btn{border:1px solid #e0e2eb;background:#fff;color:#5b6379}.market-v30-action-btn{border:1px solid #6847f5;background:linear-gradient(135deg,#6847f5,#7858f8);color:#fff}.market-v30-use-btn{border:1px solid #19a9d6;background:linear-gradient(135deg,#1aafe0,#19bfe8);color:#fff}.market-v30-inline-form{margin:0;display:inline-flex}.market-v30-outline-btn:hover,.market-v30-action-btn:hover,.market-v30-use-btn:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(60,45,150,.13)}.market-v30-no-results,.market-v30-empty{text-align:center;padding:55px 25px;border:1px dashed #cfd4e2;border-radius:24px;background:rgba(255,255,255,.62)}.market-v30-no-results i,.market-v30-empty-icon{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 15px;border-radius:17px;background:#eeeaff;color:#6949e7}.market-v30-no-results h3,.market-v30-empty h3{margin:0 0 7px}.market-v30-no-results p,.market-v30-empty p{max-width:600px;margin:0 auto 18px;color:#7a8297;line-height:1.7;font-size:.82rem}.market-v30-empty-icon{margin-bottom:18px}.market-v30-empty-icon i{font-size:1.25rem}.market-v30-creator{display:flex;align-items:center;justify-content:space-between;gap:30px;margin:0 0 70px;padding:32px 35px;border-radius:25px;background:linear-gradient(135deg,#21174b,#6847f5 62%,#1ebee9);color:#fff;box-shadow:0 25px 65px rgba(50,34,139,.17)}.market-v30-creator .market-v30-label{color:#b9afff}.market-v30-creator h2{margin:8px 0;font-size:1.8rem;letter-spacing:-.03em}.market-v30-creator p{margin:0;color:#ddd9fa;line-height:1.65;font-size:.82rem;max-width:700px}.market-v30-creator .market-v30-primary{white-space:nowrap}.template-use-form{display:inline-flex;margin:0}.template-use-form .button{white-space:nowrap}
@media(max-width:1050px){.marketplace-v30-hero{grid-template-columns:1fr;padding:48px}.market-v30-showcase{min-height:350px}.market-v30-benefits{grid-template-columns:repeat(2,1fr)}.market-v30-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.marketplace-v30-hero{margin:15px 0 20px;padding:34px 22px;border-radius:25px}.marketplace-v30-hero h1{font-size:2.7rem}.marketplace-v30-hero-copy>p{font-size:.83rem}.market-v30-trust{display:grid;grid-template-columns:1fr 1fr}.market-v30-showcase{min-height:260px}.market-v30-browser{transform:none}.market-v30-browser-body{min-height:220px}.market-v30-float-one{left:-5px;top:8px}.market-v30-float-two{right:-5px;bottom:0}.market-v30-benefits,.market-v30-grid{grid-template-columns:1fr}.market-v30-heading{align-items:flex-start;flex-direction:column}.market-v30-count{align-self:stretch}.market-v30-toolbar{align-items:stretch;flex-direction:column}.market-v30-search{min-width:0}.market-v30-filters{overflow:auto;flex-wrap:nowrap;padding-bottom:2px}.market-v30-filters button{flex:0 0 auto}.market-v30-creator{align-items:flex-start;flex-direction:column;margin-bottom:40px;padding:24px}.market-v30-creator .market-v30-primary{width:100%}.market-v30-card-actions>*{flex:1}.market-v30-card-actions .market-v30-inline-form{display:flex}.market-v30-card-actions .market-v30-inline-form button{width:100%}.template-detail-actions .template-use-form{display:flex}.template-detail-actions .template-use-form .button{width:100%}}

/* ===== V31 marketplace + role navigation polish ===== */
.detail-browser{min-height:0;background:#fff}
.detail-browser-bar{height:42px;padding:0 13px;background:#f8f8fc;border-bottom:1px solid #e7e9f1}
.detail-browser-bar span{display:flex;align-items:center;gap:6px;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.detail-browser-bar span i{color:#6048df}
.detail-browser-bar>a{color:#6650d7;text-decoration:none;padding:6px 8px;border-radius:8px}
.detail-browser-bar>a:hover{background:#eeeaff}
.detail-preview-stage{height:470px;background:#eef1f8;overflow:hidden}
.detail-preview-stage iframe{display:block;width:100%;height:100%;border:0;background:#fff}
.preview-note{display:flex;align-items:flex-start;gap:9px;margin-top:11px;padding:10px 12px;border:1px solid #dfeee6;border-radius:12px;background:#f4fcf7;color:#087443}
.preview-note>i{margin-top:2px}
.preview-note b,.preview-note small{display:block}.preview-note b{font-size:.66rem}.preview-note small{font-size:.58rem;color:#658071;margin-top:2px;line-height:1.4}
.market-v30-card-actions{align-items:stretch}
.market-v30-card-actions .market-v30-outline-btn,.market-v30-card-actions .market-v30-action-btn,.market-v30-card-actions .market-v30-use-btn{min-width:0;text-decoration:none}
.market-v30-inline-form button{font:inherit}
.account-trigger-copy{min-width:0}.account-trigger-copy strong,.account-trigger-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.account-dropdown{z-index:5000}
.account-dropdown-section>a{cursor:pointer}
@media(max-width:900px){.detail-preview-stage{height:390px}}
@media(max-width:700px){.detail-preview-stage{height:330px}.template-detail-preview{width:100%}.template-detail-hero{grid-template-columns:1fr}.template-detail-actions .button,.template-detail-actions form{width:100%}.template-detail-actions form .button{width:100%}}
.admin-template-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0 0 18px}.admin-template-stats>div{display:flex;align-items:center;gap:11px;padding:16px 18px;border:1px solid #e7eaf3;border-radius:17px;background:#fff;box-shadow:0 10px 28px rgba(30,25,70,.045)}.admin-template-stats i{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#f0edff;color:#6147e8}.admin-template-stats span{font-size:.7rem;color:#7a8398;font-weight:700}.admin-template-stats strong{margin-left:auto;font-size:1.25rem;color:#182033}@media(max-width:700px){.admin-template-stats{grid-template-columns:1fr}}


/* ===== V32 project preview repair =====
   The V31 preview markup had no dedicated layout rules, so the browser iframe
   fell back to the browser default 300x150 size. Keep these classes isolated
   from marketplace preview styles. */
.project-preview-shell{width:min(1180px,100%);margin:0 auto;padding:34px 0 78px;animation:rise .5s ease both}
.project-preview-top{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:18px}
.project-preview-top h1{font-size:clamp(2rem,4.5vw,3.5rem);line-height:1.02;letter-spacing:-.05em;margin:10px 0 8px}
.project-preview-top p{margin:0;color:var(--muted);font-size:.82rem;font-weight:700}
.project-preview-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap;min-width:min(100%,560px)}
.project-preview-actions .builder-btn-primary{width:auto;min-width:230px}
.project-preview-browser{position:relative;overflow:hidden;width:100%;height:clamp(560px,72vh,760px);min-height:560px;background:#fff;border:1px solid #dfe3ee;border-radius:22px;box-shadow:0 28px 70px rgba(35,29,95,.13)}
.project-browser-bar{height:46px;display:flex;align-items:center;gap:12px;padding:0 14px;background:linear-gradient(180deg,#fafbfe,#f1f3f8);border-bottom:1px solid #e4e7ef;color:#596176}
.project-browser-bar strong{flex:1;text-align:center;font-size:.68rem;letter-spacing:.01em;color:#5d6477;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.project-browser-bar>a{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;color:#6547e8;text-decoration:none;transition:.2s}
.project-browser-bar>a:hover{background:#ebe8ff;transform:translateY(-1px)}
.project-browser-dots{display:flex;align-items:center;gap:5px;flex:0 0 auto}
.project-browser-dots span{display:block;width:9px;height:9px;border-radius:50%;background:#c8ccd6}
.project-preview-browser iframe{display:block;width:100%;height:calc(100% - 46px);min-height:514px;border:0;background:#fff}
.project-preview-callout{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:24px 0 30px;padding:28px 30px;border:1px solid #ded9ff;border-radius:22px;background:linear-gradient(135deg,#f5f1ff,#edfaff);box-shadow:0 18px 45px rgba(35,29,95,.055)}
.project-preview-callout h2{margin:7px 0 8px;font-size:clamp(1.45rem,2.5vw,2rem);letter-spacing:-.03em}
.project-preview-callout p{margin:0;max-width:760px;color:#707a90;line-height:1.65;font-size:.8rem}
.project-preview-callout .builder-btn-primary{width:auto;min-width:245px;white-space:nowrap}
.project-preview-files{padding-top:4px}
.project-preview-files .section-heading-row{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin-bottom:16px}
.project-preview-files h2{margin:7px 0 0;font-size:1.75rem;letter-spacing:-.03em}
.project-preview-file-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.project-preview-file-card{min-width:0;padding:18px;border:1px solid #e0e4ee;border-radius:17px;background:#fff;box-shadow:0 12px 32px rgba(35,29,95,.05);transition:.2s}
.project-preview-file-card:hover{transform:translateY(-3px);border-color:#cfc6ff;box-shadow:0 17px 38px rgba(35,29,95,.09)}
.project-preview-file-card>i{display:grid;place-items:center;width:38px;height:38px;margin-bottom:10px;border-radius:11px;background:#eeeaff;color:#6547e8}
.project-preview-file-card strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem}
.project-preview-file-card small{display:block;margin-top:5px;color:#7d8699;font-size:.62rem;line-height:1.45}
@media(max-width:900px){.project-preview-top{align-items:flex-start;flex-direction:column}.project-preview-actions{justify-content:flex-start}.project-preview-actions .builder-btn-primary{width:100%}.project-preview-browser{height:620px;min-height:0}.project-preview-browser iframe{min-height:574px}.project-preview-callout{align-items:flex-start;flex-direction:column}.project-preview-callout .builder-btn-primary{width:100%}.project-preview-file-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.project-preview-shell{padding:24px 0 50px}.project-preview-top h1{font-size:2.25rem}.project-preview-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.project-preview-actions .builder-btn-primary{grid-column:1/-1}.project-preview-browser{height:560px;border-radius:17px}.project-browser-bar{height:42px}.project-preview-browser iframe{height:calc(100% - 42px);min-height:0}.project-preview-callout{padding:22px}.project-preview-file-grid{grid-template-columns:1fr}}

.project-template-publish{margin:28px 0 70px;padding:34px;display:grid;grid-template-columns:1.15fr .85fr;gap:34px;align-items:center;background:linear-gradient(135deg,rgba(104,71,245,.08),rgba(32,184,233,.10));border:1px solid #dddff0;border-radius:28px;box-shadow:0 24px 70px rgba(31,35,68,.10);position:relative;overflow:hidden}.project-template-publish:before{content:"";position:absolute;width:240px;height:240px;border-radius:50%;right:-80px;top:-120px;background:linear-gradient(135deg,rgba(104,71,245,.16),rgba(32,184,233,.10));animation:float 7s ease-in-out infinite}.template-submit-copy{position:relative;z-index:1}.template-submit-copy h2{font-size:clamp(1.8rem,3vw,2.6rem);letter-spacing:-.04em;margin:10px 0}.template-submit-copy p{color:var(--muted);line-height:1.75;margin:0;max-width:720px}.template-submit-steps{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:22px;color:#59657a;font-size:.82rem;font-weight:800}.template-submit-steps span{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--line);padding:8px 10px;border-radius:12px}.template-submit-steps b{color:#6847f5}.template-submit-form{position:relative;z-index:1;background:#fff;border:1px solid var(--line);padding:24px;border-radius:22px;display:grid;gap:14px;box-shadow:0 18px 45px rgba(31,35,68,.08)}.template-submit-form label{display:grid;gap:7px;font-weight:800;font-size:.85rem}.template-submit-form input{width:100%;border:1px solid #dfe1ec;border-radius:13px;padding:12px 13px;background:#fafbff;outline:none}.template-submit-form input:focus{border-color:#7559f2;box-shadow:0 0 0 4px rgba(104,71,245,.1)}.template-submit-form .builder-btn-primary{width:100%;border:0;cursor:pointer}.template-submit-form small{color:var(--muted);line-height:1.5}.template-alert{margin:0 0 20px;padding:16px 18px;border-radius:16px;background:#fff;border:1px solid #dddff0;display:flex;gap:12px;align-items:flex-start;box-shadow:0 12px 30px rgba(31,35,68,.06)}.template-alert.success{border-color:#bcebd4;background:#f2fff8}.template-alert>i{color:#26a269;margin-top:3px}.template-alert div{display:grid;gap:3px}.template-alert span{color:var(--muted);font-size:.9rem;line-height:1.5}
.template-status-banner{display:flex;align-items:center;gap:12px;margin-top:20px;padding:15px 16px;border-radius:16px;background:#f7f7ff;border:1px solid #dddff0}.template-status-banner>i{font-size:1.1rem;color:#6847f5}.template-status-banner div{display:grid;gap:3px}.template-status-banner small{color:var(--muted)}.template-status-banner.approved{background:#f2fff8;border-color:#bcebd4}.template-status-banner.approved>i{color:#26a269}.template-status-banner.rejected{background:#fff6f6;border-color:#f0c8c8}.template-status-banner.rejected>i{color:#d44}.template-submit-existing{align-self:stretch}.template-submit-summary{display:grid;gap:7px;padding:6px}.template-submit-summary span{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;font-weight:900;color:#6a7488}.template-submit-summary strong{font-size:1.05rem;margin-bottom:10px}@media(max-width:900px){.project-template-publish{grid-template-columns:1fr}.template-submit-steps i{display:none}}


/* V41 — public template live preview action */
.live-preview-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;}
.template-buy-card .live-preview-button{width:100%;margin-bottom:14px;}

/* V42 — Admin Template Marketplace visual repair only */
.admin-template-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0 0 22px}
.admin-template-stats>div{display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;background:#fff;border:1px solid #e4e7f1;border-radius:18px;padding:18px 20px;box-shadow:0 12px 34px rgba(30,25,70,.06)}
.admin-template-stats i{grid-row:1/3;display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#eeeaff;color:#6547e8;font-size:.95rem}
.admin-template-stats span{font-size:.72rem;font-weight:750;color:#7b8497}
.admin-template-stats strong{font-size:1.45rem;line-height:1.15;color:#17213a}
.admin-table-wrap{overflow:auto;background:#fff;border:1px solid #e4e7f1;border-radius:22px;box-shadow:0 16px 45px rgba(30,25,70,.07)}
.admin-table-wrap .admin-table{min-width:860px}
.admin-table-wrap .admin-table th{padding:15px 18px;background:#fafaff;border-bottom:1px solid #e8eaf2;color:#7a8296;font-size:.68rem;font-weight:850;letter-spacing:.08em}
.admin-table-wrap .admin-table td{padding:17px 18px;border-bottom:1px solid #eef0f5;color:#263047;font-size:.82rem}
.admin-table-wrap .admin-table tbody tr:last-child td{border-bottom:0}
.admin-table-wrap .admin-table tbody tr:hover{background:#fbfbff}
.admin-table-wrap .admin-table td:first-child{min-width:190px}
.admin-table-wrap .admin-table td strong{font-size:.86rem;color:#17213a}
.admin-table-wrap .admin-table td small{font-size:.68rem;color:#8991a4;margin-top:4px}
.admin-table-wrap .actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.admin-table-wrap .actions .inline{display:inline-flex;margin:0}
.admin-table-wrap .button.small{min-height:36px;padding:8px 13px;border-radius:11px;font-weight:800}
.admin-table-wrap .button.small:not(.primary){background:#fff;color:#667085;border-color:#e1e4ed}
.admin-table-wrap .button.small:not(.primary):hover{background:#f7f7fb;color:#313a52}
.admin-table-wrap .status-chip{display:inline-flex;align-items:center;justify-content:center;padding:7px 10px;border-radius:999px;font-size:.64rem;font-weight:850;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;background:#fff7df;color:#a66a00;border:1px solid #f3e0aa}
.admin-table-wrap .status-chip.good{background:#e8fff4;color:#138b58;border-color:#bdebd4}
.admin-table-wrap .status-chip.bad{background:#fff0f4;color:#c33d6d;border-color:#f5c7d8}
.admin-table-wrap .muted{font-size:.78rem;color:#8a92a5}
@media(max-width:760px){.admin-template-stats{grid-template-columns:1fr}.admin-table-wrap{border-radius:17px}.admin-table-wrap .admin-table{min-width:820px}}

/* V43 — Admin Template Marketplace style correction only */
.admin-content .admin-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:6px 0 22px}
.admin-content .admin-page-head>div{max-width:900px}
.admin-content .admin-page-head .eyebrow{display:inline-flex;margin-bottom:6px;color:#6547e8;font-size:.68rem;font-weight:900;letter-spacing:.14em}
.admin-content .admin-page-head h2{margin:0 0 7px;font-size:clamp(1.9rem,3.2vw,2.65rem);line-height:1.08;letter-spacing:-.04em;color:#17213a}
.admin-content .admin-page-head p{margin:0;color:#707a8f;font-size:.9rem;line-height:1.6}
.admin-content .admin-template-stats{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;margin:0 0 22px!important}
.admin-content .admin-template-stats>div{display:grid!important;grid-template-columns:44px minmax(0,1fr)!important;grid-template-rows:auto auto!important;column-gap:13px!important;align-items:center!important;min-height:82px!important;padding:17px 19px!important;background:#fff!important;border:1px solid #e5e8f1!important;border-radius:18px!important;box-shadow:0 10px 30px rgba(29,35,67,.055)!important}
.admin-content .admin-template-stats i{grid-row:1/3!important;width:44px!important;height:44px!important;margin:0!important;display:grid!important;place-items:center!important;border-radius:13px!important;background:#eeeaff!important;color:#6547e8!important;font-size:.95rem!important}
.admin-content .admin-template-stats span{display:block!important;margin:0!important;color:#7b8497!important;font-size:.7rem!important;font-weight:800!important;line-height:1.2!important}
.admin-content .admin-template-stats strong{display:block!important;margin:3px 0 0!important;color:#17213a!important;font-size:1.35rem!important;line-height:1.1!important;font-weight:900!important}
.admin-content .admin-table-wrap{width:100%;overflow-x:auto!important;overflow-y:hidden!important;background:#fff!important;border:1px solid #e3e7f0!important;border-radius:20px!important;box-shadow:0 14px 40px rgba(30,25,70,.055)!important}
.admin-content .admin-table-wrap .admin-table{width:100%!important;min-width:880px!important;border-collapse:separate!important;border-spacing:0!important}
.admin-content .admin-table-wrap .admin-table th{padding:14px 18px!important;background:#f8f9fd!important;border-bottom:1px solid #e5e8f0!important;color:#788197!important;font-size:.66rem!important;font-weight:900!important;letter-spacing:.09em!important;text-transform:uppercase!important;white-space:nowrap!important}
.admin-content .admin-table-wrap .admin-table td{padding:17px 18px!important;background:#fff!important;border-bottom:1px solid #edf0f5!important;color:#273149!important;font-size:.82rem!important;vertical-align:middle!important}
.admin-content .admin-table-wrap .admin-table tbody tr:last-child td{border-bottom:0!important}
.admin-content .admin-table-wrap .admin-table tbody tr:hover td{background:#fbfbff!important}
.admin-content .admin-table-wrap .admin-table td:first-child{min-width:205px!important}
.admin-content .admin-table-wrap .admin-table td strong{display:block!important;margin:0!important;color:#17213a!important;font-size:.88rem!important;font-weight:850!important}
.admin-content .admin-table-wrap .admin-table td small{display:block!important;margin-top:4px!important;color:#8a93a7!important;font-size:.68rem!important;line-height:1.35!important}
.admin-content .admin-table-wrap .actions{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;flex-wrap:wrap!important}
.admin-content .admin-table-wrap .actions .inline{display:inline-flex!important;margin:0!important}
.admin-content .admin-table-wrap .button.small{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-height:36px!important;padding:8px 13px!important;border-radius:11px!important;font-size:.72rem!important;font-weight:850!important;white-space:nowrap!important;opacity:1!important}
.admin-content .admin-table-wrap .button.small.primary{color:#fff!important;background:linear-gradient(135deg,#6847f5,#7657f8)!important;border-color:transparent!important;box-shadow:0 8px 18px rgba(104,71,245,.2)!important}
.admin-content .admin-table-wrap .button.small:not(.primary){color:#5d667a!important;background:#fff!important;border:1px solid #dfe3ec!important;box-shadow:none!important}
.admin-content .admin-table-wrap .button.small:not(.primary):hover{color:#2d3650!important;background:#f7f8fc!important;border-color:#cfd5e2!important;transform:translateY(-1px)!important}
.admin-content .admin-table-wrap .status-chip{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:84px!important;padding:7px 10px!important;border-radius:999px!important;font-size:.63rem!important;font-weight:900!important;letter-spacing:.03em!important;text-transform:uppercase!important;white-space:nowrap!important;background:#fff7df!important;color:#a66a00!important;border:1px solid #f1dfa8!important}
.admin-content .admin-table-wrap .status-chip.good{background:#e9fff4!important;color:#138b58!important;border-color:#bdebd4!important}
.admin-content .admin-table-wrap .status-chip.bad{background:#fff0f4!important;color:#c33d6d!important;border-color:#f2c6d6!important}
@media(max-width:760px){.admin-content .admin-page-head{align-items:flex-start}.admin-content .admin-template-stats{grid-template-columns:1fr!important}.admin-content .admin-table-wrap{border-radius:16px!important}.admin-content .admin-table-wrap .admin-table{min-width:880px!important}}

/* ===== V45 PUBLIC TEMPLATE MARKETPLACE — live Wix-style catalog cards ===== */
.market-v30-live-card{display:block;position:relative;overflow:hidden}
.market-v30-live-frame-wrap{position:relative;height:285px;overflow:hidden;background:#fff}
.market-v30-live-frame-wrap iframe{position:absolute;left:0;top:0;width:100%;height:100%;border:0;background:#fff;pointer-events:none;transform:none}
.market-v30-live-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(19,15,45,.02),rgba(19,15,45,.04));pointer-events:none}
.market-v30-live-card:hover .market-v30-live-shade{background:linear-gradient(180deg,rgba(109,74,255,.02),rgba(24,200,233,.08))}
.market-v30-preview-badge{z-index:4}
@media(max-width:720px){.market-v30-live-frame-wrap{height:250px}}

/* Public template detail: keep the live artifact visually dominant. */
.detail-preview-stage{background:#fff;min-height:520px;overflow:hidden}
.detail-preview-stage iframe{display:block;width:100%;height:520px;border:0;background:#fff}
.template-detail-actions{display:flex;gap:10px;flex-wrap:wrap}
.live-preview-button{margin-bottom:16px!important;background:linear-gradient(135deg,#6847f5,#20b8e9)!important;color:#fff!important;border-color:transparent!important}
@media(max-width:700px){.detail-preview-stage iframe{height:430px}.detail-preview-stage{min-height:430px}}
/* Independent payment gateway selector */
.gateway-config-card{overflow:visible}.gateway-selection-note{display:flex;align-items:center;gap:8px;padding:11px 13px;border:1px solid #e2ddfa;border-radius:12px;background:linear-gradient(135deg,#f6f2ff,#eefbff);color:#5d45d8;font-size:.8rem}.gateway-credentials-panel{border:1px solid #e7e2ff;border-radius:15px;padding:14px;background:#faf9ff}.gateway-credentials-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.gateway-credentials-head strong{color:#4932bb;font-size:.86rem}.gateway-credentials-head span,.form-hint{color:#7b8497;font-size:.76rem}.gateway-credentials-panel .admin-form-grid{margin:0}.admin-form-grid select:focus,.admin-form-grid input:focus,.admin-form-grid textarea:focus{border-color:#8a70ff;box-shadow:0 0 0 3px rgba(109,74,255,.09);outline:none}.admin-form-grid select:disabled{background:#f5f6fa;color:#667085}.admin-form-grid button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}
@media(max-width:640px){.gateway-credentials-head{align-items:flex-start;flex-direction:column;gap:5px}.gateway-selection-note{font-size:.75rem}}
.credential-required,.credential-optional{font-size:.65rem;font-weight:800;margin-left:5px}.credential-required{color:#c33d6d}.credential-optional{color:#7b8497}

/* TRYNLE Admin Settings Console */
.settings-console{display:grid;gap:18px}
.settings-nav{position:sticky;top:84px;z-index:30;display:flex;gap:7px;flex-wrap:wrap;padding:10px;background:rgba(255,255,255,.9);border:1px solid var(--border);border-radius:16px;box-shadow:0 10px 30px rgba(30,25,70,.06);backdrop-filter:blur(14px)}
.settings-nav a{display:inline-flex;align-items:center;gap:7px;padding:9px 11px;border-radius:11px;color:#59627a;font-size:.74rem;font-weight:800;border:1px solid transparent}
.settings-nav a:hover{background:#f2efff;color:#5d42dc;border-color:#e4defe}
.settings-section{scroll-margin-top:150px}
.settings-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:18px}
.settings-grid label{font-size:.78rem}
.settings-grid .settings-wide,.settings-wide{grid-column:1/-1}
.settings-grid textarea,.settings-wide textarea{width:100%;resize:vertical;padding:11px 13px;border:1px solid #dfe3ee;border-radius:12px;font:inherit;color:var(--text);background:#fff;outline:none}
.settings-subhead{font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#727993;margin:8px 0 10px}
.settings-toggle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:10px 0}
.settings-toggle{display:flex!important;grid-template-columns:none!important;flex-direction:row!important;align-items:flex-start;gap:11px;padding:13px;border:1px solid #e8eaf2;border-radius:14px;background:#fafaff;font-weight:400!important}
.settings-toggle input{width:18px;height:18px;flex:0 0 18px;margin:2px 0 0;accent-color:var(--primary)}
.settings-toggle span{display:grid;gap:3px}.settings-toggle b{font-size:.8rem}.settings-toggle small{font-size:.7rem;line-height:1.45}
.settings-savebar{position:sticky;bottom:16px;z-index:25;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 16px;background:rgba(255,255,255,.95);border:1px solid var(--border);border-radius:17px;box-shadow:0 15px 45px rgba(30,25,70,.13);backdrop-filter:blur(15px)}
.settings-savebar>div{display:grid;gap:3px}.settings-savebar strong{font-size:.85rem}.settings-savebar span{font-size:.7rem;color:var(--muted)}
@media(max-width:1000px){.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.settings-nav{top:70px;overflow:auto;flex-wrap:nowrap;scrollbar-width:none}.settings-nav::-webkit-scrollbar{display:none}.settings-nav a{white-space:nowrap}.settings-grid,.settings-toggle-grid{grid-template-columns:1fr}.settings-savebar{align-items:stretch;flex-direction:column}.settings-savebar .button{width:100%}}


/* Authentication screens */
.auth-card { position: relative; }
.auth-icon { width: 52px; height: 52px; border-radius: 16px; display:flex; align-items:center; justify-content:center; margin-bottom:16px; background: linear-gradient(135deg,#6d4aff,#39b8ff); color:#fff; box-shadow:0 10px 24px rgba(99,72,255,.22); }
.auth-actions { display:flex; justify-content:space-between; gap:14px; margin:14px 0 6px; flex-wrap:wrap; }
.auth-actions a,.auth-links a { color:#5d42e8; font-weight:700; text-decoration:none; }
.auth-actions a:hover,.auth-links a:hover { text-decoration:underline; }
.auth-links { margin:18px 0 0; text-align:center; }
.role-choice { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:14px 0 18px; }
.role-option { margin:0; position:relative; }
.role-option input { position:absolute; opacity:0; pointer-events:none; }
.role-option span { display:block; min-height:126px; padding:18px; border:1px solid #dfe2ef; border-radius:16px; background:#fff; cursor:pointer; transition:.18s ease; }
.role-option input:checked + span { border-color:#6d4aff; box-shadow:0 0 0 3px rgba(109,74,255,.12),0 12px 28px rgba(50,40,120,.08); transform:translateY(-1px); }
.role-option span i { display:block; font-size:22px; color:#6747ed; margin-bottom:10px; }
.role-option span strong { display:block; color:#17203a; margin-bottom:5px; }
.role-option span small { display:block; color:#7c8194; line-height:1.45; font-weight:500; }
.success { padding:12px 14px; border-radius:12px; background:#e9f9ef; color:#176b3a; border:1px solid #bfe9cf; margin-bottom:16px; }
@media(max-width:650px){ .role-choice{grid-template-columns:1fr;} .role-option span{min-height:auto;} .auth-actions{justify-content:center;} }


/* ===== V40 — Slick compact responsive shell + authentication experience ===== */
:root{--ui-bg:#f5f7ff;--ui-ink:#172038;--ui-muted:#75809a;--ui-line:rgba(28,35,62,.09);--ui-primary:#6847f5;--ui-cyan:#18c6ea;--ui-pink:#ff4f9a;--ui-dark:#11132b}
.site-body{background:radial-gradient(700px 420px at -5% -5%,rgba(104,71,245,.13),transparent 62%),radial-gradient(620px 400px at 105% 8%,rgba(24,198,234,.12),transparent 60%),linear-gradient(180deg,#f8f9ff 0%,#f3f5fc 100%)}
.site-body .top{height:68px;padding:9px clamp(14px,3vw,34px);gap:16px;background:rgba(15,17,38,.91);border-bottom:1px solid rgba(255,255,255,.07);box-shadow:0 10px 30px rgba(16,18,43,.14)}
.site-body .brand{font-size:.96rem;gap:9px;letter-spacing:.105em;flex:0 0 auto}.site-body .brand-mark{width:36px;height:36px;border-radius:11px}.site-body .top .desktop-nav{gap:3px;margin-left:auto}.site-body .top .desktop-nav>a{font-size:.72rem;font-weight:800;padding:9px 10px;border-radius:10px;white-space:nowrap}.site-body .top .desktop-nav>a i{font-size:.72rem;opacity:.9}.site-body .top .desktop-nav>a:hover{background:rgba(255,255,255,.09)}.site-body .account-menu{margin-left:3px}.site-body .account-trigger{padding:6px 8px;border-radius:11px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);box-shadow:none}.site-body .account-trigger-copy strong{font-size:.69rem}.site-body .account-trigger-copy small{font-size:.57rem;color:#aeb4d0}.site-body .account-trigger-icon{width:29px;height:29px;border-radius:9px}
.site-body .container{width:min(1180px,100%);padding:28px 18px 60px}.site-body .card{border-radius:18px;padding:22px;box-shadow:0 16px 44px rgba(44,36,103,.075);border-color:rgba(29,36,66,.085)}.site-body .button,.site-body button{min-height:40px;padding:9px 13px;border-radius:11px;font-size:.78rem;font-weight:800}.site-body input,.site-body select{min-height:42px;padding:10px 12px;border-radius:11px;font-size:.82rem}.site-body label{gap:6px;font-size:.76rem}.site-body form{gap:11px}.site-body footer.mega-footer{padding-top:38px;padding-bottom:24px}.site-body .footer-main{padding-top:0;padding-bottom:26px}.site-body .footer-bottom{padding-top:15px}
.auth-page{min-height:100vh;overflow-x:hidden}.auth-main{width:100%;max-width:none;padding:24px clamp(14px,3vw,34px) 34px!important;margin:0!important}.auth-shell{width:min(1040px,100%);min-height:calc(100vh - 68px - 58px);margin:0 auto;display:grid;grid-template-columns:minmax(330px,.86fr) minmax(390px,.94fr);align-items:center;gap:0;position:relative}.auth-shell:before{content:"";position:absolute;width:520px;height:520px;left:18%;top:7%;border-radius:50%;background:radial-gradient(circle,rgba(104,71,245,.13),transparent 68%);filter:blur(2px);pointer-events:none;animation:authGlow 8s ease-in-out infinite}.auth-side-panel{position:relative;min-height:590px;height:100%;overflow:hidden;border-radius:28px 0 0 28px;background:linear-gradient(145deg,#11132b 0%,#21164b 52%,#155d7b 100%);box-shadow:0 26px 80px rgba(34,24,91,.2);color:#fff}.auth-side-panel:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:30px 30px;mask-image:linear-gradient(to bottom,black,transparent 88%);pointer-events:none}.auth-side-content{position:relative;z-index:2;height:100%;padding:42px 40px;display:flex;flex-direction:column;justify-content:center}.auth-side-brand{display:flex;align-items:center;gap:10px;font-size:1rem;letter-spacing:.12em;margin-bottom:26px}.auth-side-brand .brand-mark{width:36px;height:36px}.auth-side-kicker{display:inline-flex;align-items:center;gap:7px;width:max-content;padding:7px 10px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.08);border-radius:999px;color:#c9c9ff;font-size:.62rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(10px)}.auth-side-content h2{margin:20px 0 13px;font-size:clamp(2.2rem,4vw,3.65rem);line-height:.96;letter-spacing:-.055em}.auth-side-content h2 span{background:linear-gradient(90deg,#ae9aff,#68e6ff,#ff8bc8);-webkit-background-clip:text;background-clip:text;color:transparent}.auth-side-content>p{max-width:420px;margin:0;color:#b9bed5;font-size:.8rem;line-height:1.75}.auth-side-points{display:grid;gap:10px;margin-top:24px}.auth-side-points span{display:flex;align-items:center;gap:9px;color:#e1e3f0;font-size:.71rem;font-weight:700}.auth-side-points i{color:#63e8b3;font-size:.68rem}.auth-side-status{display:flex;align-items:center;gap:10px;margin-top:32px;padding:10px 12px;width:max-content;border:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.13);border-radius:13px;backdrop-filter:blur(10px)}.status-dot{width:8px;height:8px;border-radius:50%;background:#4ee2a5;box-shadow:0 0 0 5px rgba(78,226,165,.1);animation:statusPulse 1.8s infinite}.auth-side-status strong{display:block;font-size:.66rem}.auth-side-status small{display:block;color:#8f96b4;font-size:.57rem;margin-top:2px}.auth-side-glow{position:absolute;border-radius:50%;filter:blur(2px);opacity:.28;pointer-events:none}.auth-side-glow-one{width:250px;height:250px;right:-100px;top:-90px;background:#a64cff;animation:authFloat 8s ease-in-out infinite}.auth-side-glow-two{width:190px;height:190px;left:40%;bottom:-120px;background:#14c9ef;animation:authFloat 7s ease-in-out infinite reverse}.auth-side-orbit{position:absolute;border:1px solid rgba(255,255,255,.09);border-radius:50%;pointer-events:none}.orbit-one{width:360px;height:360px;right:-185px;bottom:-180px}.orbit-two{width:230px;height:230px;right:-120px;bottom:-115px}.auth-form-wrap{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;min-width:0}.auth-form-wrap .card.narrow{width:min(470px,100%);max-width:none;margin:0;border-radius:0 28px 28px 0;padding:36px 38px;background:rgba(255,255,255,.94);box-shadow:0 26px 80px rgba(34,24,91,.13);border:1px solid rgba(29,36,66,.08);border-left:0;backdrop-filter:blur(20px);animation:authEnter .6s cubic-bezier(.2,.8,.2,1) both}.auth-card .auth-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,var(--ui-primary),var(--ui-cyan));color:#fff;box-shadow:0 10px 25px rgba(104,71,245,.24);font-size:.9rem;margin-bottom:14px}.auth-card h1,.auth-form-wrap .card.narrow>h1{margin:0 0 7px;font-size:clamp(1.65rem,3vw,2.05rem);line-height:1.05;letter-spacing:-.045em}.auth-card>.muted{font-size:.72rem;line-height:1.55;margin:0 0 18px}.auth-form-wrap .card.narrow form{margin-top:14px}.auth-form-wrap .card.narrow form>label{color:#2a344d}.auth-form-wrap .card.narrow form>label>small{font-size:.61rem;margin-top:-2px}.auth-form-wrap .card.narrow input{background:#f8f9fd;border-color:#dfe3ee}.auth-form-wrap .card.narrow input:focus{background:#fff}.auth-form-wrap .card.narrow button.primary{width:100%;min-height:44px;margin-top:3px;box-shadow:0 12px 26px rgba(104,71,245,.23)}.auth-actions,.auth-links{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:13px 0 0;font-size:.7rem}.auth-actions a,.auth-links a{font-weight:800}.auth-actions a:first-child{color:#69738c}.auth-actions a:first-child:hover{color:var(--ui-primary)}.auth-card .success,.auth-card .alert{font-size:.69rem;line-height:1.5;padding:10px 11px;margin:10px 0;border-radius:10px}.auth-card .muted:last-child{font-size:.62rem;margin-top:14px}.auth-card .role-choice{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:4px 0 5px}.auth-card .role-option{position:relative;display:block;cursor:pointer}.auth-card .role-option input{position:absolute;opacity:0;pointer-events:none}.auth-card .role-option span{display:flex;flex-direction:column;gap:4px;height:100%;padding:12px;border:1px solid #e0e4ee;border-radius:12px;background:#f8f9fd;transition:.22s ease}.auth-card .role-option span>i{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#ece9ff;color:#6545e7;font-size:.7rem}.auth-card .role-option strong{font-size:.7rem;color:#202a40}.auth-card .role-option small{font-size:.59rem;line-height:1.4;color:#7b8498}.auth-card .role-option input:checked+span{border-color:rgba(104,71,245,.65);background:linear-gradient(145deg,#f7f3ff,#f2faff);box-shadow:0 8px 22px rgba(104,71,245,.1);transform:translateY(-1px)}.auth-card .role-option input:checked+span>i{background:linear-gradient(135deg,var(--ui-primary),var(--ui-cyan));color:#fff}.auth-page .mega-footer{display:none}.auth-page .scroll-top{display:none}
@keyframes authEnter{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:translateX(0)}}@keyframes authGlow{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(15px,12px,0) scale(1.04)}}@keyframes authFloat{0%,100%{transform:translate(0,0)}50%{transform:translate(-16px,18px)}}@keyframes statusPulse{0%,100%{box-shadow:0 0 0 4px rgba(78,226,165,.08)}50%{box-shadow:0 0 0 8px rgba(78,226,165,.02)}}
@media(max-width:900px){.site-body .top{height:62px}.site-body .top .desktop-nav{display:none}.auth-main{padding:14px 12px 24px!important}.auth-shell{grid-template-columns:1fr;min-height:calc(100vh - 62px);max-width:620px}.auth-side-panel{min-height:220px;height:auto;border-radius:22px 22px 0 0}.auth-side-content{padding:24px 24px 26px}.auth-side-brand{margin-bottom:16px}.auth-side-content h2{font-size:2rem;margin:13px 0 8px}.auth-side-content>p{font-size:.7rem;max-width:560px}.auth-side-points{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:15px}.auth-side-points span{font-size:.58rem;align-items:flex-start}.auth-side-status{display:none}.auth-form-wrap .card.narrow{width:100%;border-radius:0 0 22px 22px;border-left:1px solid rgba(29,36,66,.08);padding:24px}}
@media(max-width:560px){.site-body .top{padding:8px 12px}.site-body .brand{font-size:.84rem}.site-body .brand-mark{width:34px;height:34px}.auth-shell{max-width:100%;padding:0 2px}.auth-side-panel{min-height:185px;border-radius:18px 18px 0 0}.auth-side-content{padding:20px}.auth-side-brand{font-size:.84rem;margin-bottom:11px}.auth-side-brand .brand-mark{width:32px;height:32px}.auth-side-kicker{font-size:.54rem;padding:6px 8px}.auth-side-content h2{font-size:1.65rem;margin:10px 0 7px}.auth-side-content>p{font-size:.64rem;line-height:1.55}.auth-side-points{display:none}.auth-form-wrap .card.narrow{padding:20px;border-radius:0 0 18px 18px}.auth-card .auth-icon{width:38px;height:38px;margin-bottom:11px}.auth-card h1,.auth-form-wrap .card.narrow>h1{font-size:1.55rem}.auth-card>.muted{font-size:.67rem}.auth-card .role-choice{grid-template-columns:1fr;gap:7px}.auth-card .role-option span{padding:10px}.auth-card .role-option small{font-size:.57rem}.auth-actions,.auth-links{font-size:.66rem}.auth-page{padding-bottom:0}.auth-page .mobile-nav{display:none}}
@media(min-width:901px) and (max-height:760px){.auth-shell{min-height:calc(100vh - 68px);padding:14px 0}.auth-side-panel{min-height:520px}.auth-side-content{padding:30px 34px}.auth-side-content h2{font-size:2.65rem}.auth-form-wrap .card.narrow{padding:28px 32px}}
@media(prefers-reduced-motion:reduce){.auth-shell:before,.auth-side-glow-one,.auth-side-glow-two,.status-dot,.auth-form-wrap .card.narrow{animation:none!important}}

/* Footer destination pages */
.info-page{width:min(1180px,100%);margin:0 auto;padding:34px 20px 72px}.info-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:28px;align-items:center;min-height:380px;padding:clamp(26px,5vw,54px);border-radius:28px;background:linear-gradient(135deg,#11132b 0%,#29205d 56%,#087f9f 100%);box-shadow:0 28px 70px rgba(39,29,100,.2);color:#fff}.info-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(to bottom,black,transparent 90%);pointer-events:none}.info-hero:after{content:"";position:absolute;width:320px;height:320px;right:-100px;top:-150px;border-radius:50%;background:radial-gradient(circle,rgba(123,93,255,.48),transparent 68%);animation:infoDrift 8s ease-in-out infinite}.info-hero>*{position:relative;z-index:1}.info-hero-copy{max-width:680px}.info-kicker{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(255,255,255,.08);color:#d7d5ff;font-size:.62rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.info-hero h1{margin:18px 0 12px;font-size:clamp(2rem,5vw,3.7rem);line-height:.98;letter-spacing:-.055em}.info-hero p{max-width:650px;color:#c4c8dc;font-size:.86rem;line-height:1.8;margin:0}.info-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}.info-actions .button:not(.primary){background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14);color:#fff}.info-hero-visual{min-height:280px;position:relative;display:grid;place-items:center}.info-icon{width:112px;height:112px;display:grid;place-items:center;border-radius:32px;background:linear-gradient(135deg,#7657ff,#1ec7ed);box-shadow:0 25px 60px rgba(0,0,0,.24);font-size:2rem;animation:infoFloat 4s ease-in-out infinite}.info-orbit{position:absolute;border:1px solid rgba(255,255,255,.13);border-radius:50%;animation:infoSpin 16s linear infinite}.info-orbit-one{width:250px;height:250px}.info-orbit-two{width:185px;height:185px;animation-duration:12s;animation-direction:reverse}.info-float{position:absolute;padding:9px 11px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(10,12,31,.5);backdrop-filter:blur(12px);font-size:.64rem;font-weight:800;box-shadow:0 10px 28px rgba(0,0,0,.16);animation:infoFloat 4s ease-in-out infinite}.info-float i{color:#6de7ba;margin-right:5px}.info-float-one{left:8%;top:18%}.info-float-two{right:5%;bottom:18%;animation-delay:-1.5s}.info-section-head{padding:58px 5px 22px}.info-section-head>span{color:#7057ed;font-size:.62rem;font-weight:900;letter-spacing:.13em}.info-section-head h2{margin:7px 0 7px;font-size:clamp(1.5rem,3vw,2.2rem);letter-spacing:-.04em}.info-section-head p{margin:0;color:var(--muted);font-size:.78rem}.info-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.info-feature{display:flex;gap:13px;padding:19px;border:1px solid rgba(29,36,66,.09);border-radius:18px;background:rgba(255,255,255,.82);box-shadow:0 15px 40px rgba(44,36,103,.055);animation:rise .55s ease both}.info-feature-icon{flex:0 0 40px;width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,rgba(109,74,255,.12),rgba(19,196,255,.13));color:#6448e9}.info-feature h3{margin:1px 0 5px;font-size:.82rem}.info-feature p{margin:0;color:var(--muted);font-size:.7rem;line-height:1.6}.info-bottom-card{margin-top:18px;padding:23px 25px;border-radius:20px;background:linear-gradient(135deg,#f2efff,#ecfbff);border:1px solid rgba(109,74,255,.11);display:flex;align-items:center;justify-content:space-between;gap:20px}.info-bottom-card h2{margin:7px 0 5px;font-size:1.35rem;letter-spacing:-.035em}.info-bottom-card p{margin:0;color:var(--muted);font-size:.7rem}.info-bottom-card .info-actions{margin-top:0}.info-bottom-card .info-kicker{background:#fff;color:#6448e9;border-color:#e5e1ff}
@keyframes infoFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes infoSpin{to{transform:rotate(360deg)}}@keyframes infoDrift{0%,100%{transform:translate(0,0)}50%{transform:translate(-25px,18px)}}
@media(max-width:820px){.info-hero{grid-template-columns:1fr;min-height:0}.info-hero-visual{min-height:230px;order:-1}.info-hero-copy{text-align:center;margin:0 auto}.info-hero p{margin-left:auto;margin-right:auto}.info-actions{justify-content:center}.info-feature-grid{grid-template-columns:1fr}.info-bottom-card{flex-direction:column;align-items:flex-start}.info-bottom-card .info-actions{justify-content:flex-start}}
@media(max-width:520px){.info-page{padding:16px 13px 45px}.info-hero{padding:24px 19px;border-radius:22px}.info-hero h1{font-size:2rem}.info-hero p{font-size:.78rem}.info-hero-visual{min-height:190px}.info-icon{width:82px;height:82px;border-radius:24px;font-size:1.5rem}.info-orbit-one{width:180px;height:180px}.info-orbit-two{width:135px;height:135px}.info-float{font-size:.57rem;padding:7px 8px}.info-section-head{padding:40px 2px 17px}.info-feature{padding:15px}.info-bottom-card{padding:19px}.info-bottom-card .info-actions{width:100%}.info-bottom-card .info-actions .button{flex:1}}
@media(prefers-reduced-motion:reduce){.info-icon,.info-float,.info-orbit,.info-hero:after,.info-feature{animation:none}}

/* Distinct public footer pages: shared shell, page-specific visual accents. */
.info-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}.info-metric{padding:17px 18px;border:1px solid rgba(29,36,66,.08);border-radius:16px;background:rgba(255,255,255,.78);box-shadow:0 12px 32px rgba(44,36,103,.045);display:flex;flex-direction:column;gap:5px}.info-metric strong{font-size:.8rem}.info-metric span{font-size:.66rem;color:var(--muted)}.info-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.info-step{padding:18px;border:1px solid rgba(29,36,66,.09);border-radius:18px;background:rgba(255,255,255,.84);box-shadow:0 15px 40px rgba(44,36,103,.055);animation:rise .55s ease both}.info-step:nth-child(2){animation-delay:.06s}.info-step:nth-child(3){animation-delay:.12s}.info-step:nth-child(4){animation-delay:.18s}.info-step-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.info-step-number{font-size:.65rem;font-weight:900;letter-spacing:.08em;color:#7057ed}.info-step-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(109,74,255,.13),rgba(19,196,255,.14));color:#6448e9}.info-step h3{margin:0 0 6px;font-size:.86rem}.info-step p{margin:0;color:var(--muted);font-size:.68rem;line-height:1.65}.info-related-head{padding:54px 5px 18px}.info-related-head>span{color:#7057ed;font-size:.62rem;font-weight:900;letter-spacing:.13em}.info-related-head h2{margin:7px 0 0;font-size:clamp(1.45rem,3vw,2.05rem);letter-spacing:-.04em}.info-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.info-related{min-width:0;display:flex;align-items:center;gap:12px;padding:15px;border:1px solid rgba(29,36,66,.08);border-radius:16px;background:#fff;box-shadow:0 12px 30px rgba(44,36,103,.045);color:inherit;text-decoration:none;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.info-related:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(44,36,103,.09);border-color:rgba(109,74,255,.2)}.info-related-icon{flex:0 0 38px;width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#f1efff;color:#6448e9}.info-related span:nth-child(2){min-width:0;display:flex;flex-direction:column;gap:3px}.info-related strong{font-size:.76rem}.info-related small{font-size:.62rem;color:var(--muted);line-height:1.4}.info-related-arrow{margin-left:auto;color:#7a6df0;font-size:.68rem}.info-theme-builder .info-icon{background:linear-gradient(135deg,#7657ff,#24c7ed)}.info-theme-registry .info-icon{background:linear-gradient(135deg,#1576e8,#20c9b0)}.info-theme-deployment .info-icon{background:linear-gradient(135deg,#ff6b6b,#7657ff)}.info-theme-integrations .info-icon{background:linear-gradient(135deg,#00a88f,#24a9ed)}.info-theme-documentation .info-icon{background:linear-gradient(135deg,#7657ff,#b05cff)}.info-theme-support .info-icon{background:linear-gradient(135deg,#1687e8,#20c9b0)}
@media(max-width:900px){.info-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.info-related-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.info-metrics{grid-template-columns:1fr}.info-steps{grid-template-columns:1fr}.info-related-grid{grid-template-columns:1fr}.info-related-head{padding-top:40px}.info-step-top{margin-bottom:17px}}


/* TRYNLE Client Tools: Code / Learn / AI */
.client-tool-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:32px;align-items:center;padding:42px 46px;margin:24px 0 34px;border-radius:28px;background:linear-gradient(135deg,#15112f 0%,#31206f 48%,#079dcc 125%);color:#fff;box-shadow:0 24px 70px rgba(36,24,96,.22)}
.client-tool-hero:before,.client-tool-hero:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.12);border-radius:50%;pointer-events:none}.client-tool-hero:before{width:430px;height:430px;right:90px;top:-220px}.client-tool-hero:after{width:620px;height:620px;right:-40px;top:-310px}
.client-tool-hero>div:first-child{position:relative;z-index:2}.tool-kicker{display:inline-flex;gap:8px;align-items:center;font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:#b9b0ff}.client-tool-hero h1{font-size:clamp(32px,4vw,58px);line-height:.98;letter-spacing:-.045em;margin:12px 0 16px;max-width:760px}.client-tool-hero p{max-width:720px;color:rgba(255,255,255,.74);line-height:1.7;margin:0}.tool-hero-orb{position:relative;z-index:2;min-height:245px;display:grid;place-items:center}.tool-hero-orb>i{width:118px;height:118px;border-radius:34px;display:grid;place-items:center;font-size:46px;background:linear-gradient(145deg,#7a55ff,#21c7ed);box-shadow:0 22px 55px rgba(25,10,86,.4);animation:clientFloat 4.5s ease-in-out infinite}.floating-chip{position:absolute;padding:9px 13px;border-radius:999px;background:rgba(8,8,31,.72);border:1px solid rgba(255,255,255,.14);font-size:11px;font-weight:900;letter-spacing:.08em;box-shadow:0 10px 28px rgba(0,0,0,.18);animation:clientFloat 4s ease-in-out infinite}.chip-a{top:18%;right:4%}.chip-b{bottom:20%;left:5%;animation-delay:.8s}.chip-c{top:50%;right:-2%;animation-delay:1.4s}.code-tool-hero .tool-hero-orb>i{color:#fff}.learn-tool-hero .tool-hero-orb>i{color:#fff}.ai-tool-hero .tool-hero-orb>i{color:#fff}
@keyframes clientFloat{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-10px) rotate(2deg)}}
.code-workspace{display:grid;grid-template-columns:300px minmax(0,1fr);gap:18px;align-items:start}.code-projects{padding:18px}.tool-section-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.tool-section-head h2{margin:4px 0 0;font-size:21px}.section-label{display:block;font-size:10px;letter-spacing:.16em;font-weight:900;color:#6f5bff;text-transform:uppercase}.icon-button{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#f1efff;color:#684eff;text-decoration:none}.code-project-row{display:flex;align-items:center;gap:11px;padding:12px 10px;margin-top:7px;border-radius:14px;text-decoration:none;color:inherit;transition:.2s}.code-project-row:hover,.code-project-row.active{background:linear-gradient(90deg,#f2efff,#eaf9ff)}.code-project-row .mini-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#edf0ff;color:#6652f4}.code-project-row span:nth-child(2){min-width:0;flex:1}.code-project-row b,.code-project-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.code-project-row small{font-size:11px;color:#7a849d;margin-top:3px}.code-project-row>i{font-size:11px;color:#a0a8bc}.code-main{min-width:0}.code-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 20px;margin-bottom:18px}.compact-select{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800;color:#67718a}.compact-select select{border:1px solid #dfe3f0;border-radius:10px;padding:9px 30px 9px 10px;background:#fff}.code-browser{display:grid;grid-template-columns:220px minmax(0,1fr);padding:0;overflow:hidden;min-height:520px}.file-tree{background:#f7f8fc;border-right:1px solid #e8eaf2;padding:12px}.file-tree-head{display:flex;justify-content:space-between;padding:8px 8px 12px;color:#68728b;font-size:12px}.file-tree-head span{background:#e9ebf4;border-radius:999px;padding:2px 7px}.file-row{display:flex;align-items:center;gap:9px;padding:10px;border-radius:10px;text-decoration:none;color:#536078;font-size:12px}.file-row:hover,.file-row.active{background:#fff;color:#5d47e8;box-shadow:0 5px 18px rgba(30,35,70,.06)}.file-row i{width:17px;text-align:center}.code-editor{min-width:0;background:#101426;color:#dce5ff}.editor-head{height:48px;display:flex;align-items:center;gap:12px;padding:0 16px;background:#171c30;border-bottom:1px solid rgba(255,255,255,.06)}.editor-head>span{display:flex;gap:5px}.editor-head>span i{font-size:8px;color:#69728b}.editor-head b{font-size:12px;flex:1;text-align:center}.editor-head em{font-style:normal;font-size:9px;letter-spacing:.1em;color:#7ee7c2;font-weight:900}.code-editor pre{margin:0;padding:22px;max-height:620px;overflow:auto;font:12px/1.7 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre-wrap;word-break:break-word}.tool-empty{text-align:center;padding:50px 24px;margin:0}.empty-icon,.ai-placeholder-icon{width:64px;height:64px;margin:0 auto 15px;border-radius:20px;display:grid;place-items:center;background:#efedff;color:#654df2;font-size:25px}.tool-content-section{margin:42px 0}.section-intro{max-width:700px;margin-bottom:20px}.section-intro h2{font-size:32px;margin:7px 0}.section-intro p{color:#77819a}.learn-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.learn-card{position:relative;padding:23px;border:1px solid #e4e6ef;border-radius:20px;background:#fff;box-shadow:0 14px 38px rgba(38,40,70,.06);transition:transform .2s,box-shadow .2s}.learn-card:hover{transform:translateY(-4px);box-shadow:0 22px 48px rgba(38,40,70,.11)}.learn-number{position:absolute;right:18px;top:15px;font-size:11px;font-weight:900;color:#c0c5d4}.learn-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#eeebff,#e2f8ff);color:#6049eb;font-size:19px}.learn-card h3{margin:18px 0 8px;font-size:18px}.learn-card p{min-height:70px;color:#737e97;font-size:13px;line-height:1.65}.learn-card a{font-size:12px;font-weight:900;color:#624bf0;text-decoration:none}.learning-tip{display:flex;align-items:center;gap:18px;padding:22px;margin-bottom:35px}.tip-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#fff3d7;color:#b56b00;font-size:19px}.learning-tip>div:nth-child(2){flex:1}.learning-tip h3{margin:4px 0}.learning-tip p{margin:4px 0;color:#758098;font-size:13px}.ai-builder-grid{display:grid;grid-template-columns:minmax(320px,.8fr) minmax(0,1.2fr);gap:18px;align-items:start}.ai-form,.ai-result{padding:22px}.ai-form label,.ai-create-form label{display:block;font-size:12px;font-weight:800;color:#48536d;margin:15px 0}.ai-form select,.ai-form textarea,.ai-create-form input{width:100%;margin-top:7px;border:1px solid #dfe3ef;border-radius:12px;padding:11px 12px;background:#fff;font:inherit;box-sizing:border-box}.ai-form textarea{resize:vertical;min-height:130px}.ai-form fieldset{border:0;padding:0;margin:18px 0}.ai-form legend{font-size:12px;font-weight:800;color:#48536d;margin-bottom:9px}.feature-checks{display:grid;grid-template-columns:1fr 1fr;gap:8px}.feature-checks label{margin:0}.feature-checks input{display:none}.feature-checks span{display:block;padding:10px;border:1px solid #e2e5ef;border-radius:11px;color:#68738c;cursor:pointer;font-size:11px}.feature-checks input:checked+span{border-color:#7358ff;background:#f1efff;color:#5d46e9}.wide{width:100%;justify-content:center}.ai-live{font-size:11px;font-weight:900;color:#18a878}.ai-live i{font-size:7px}.ai-plan-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:18px 0}.ai-plan-summary span{padding:12px;border-radius:13px;background:#f7f8fc}.ai-plan-summary b,.ai-plan-summary small{display:block}.ai-plan-summary b{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-plan-summary small{font-size:10px;color:#7c8499;margin-top:4px}.manifest-preview{display:grid;grid-template-columns:1fr 1fr;gap:10px}.manifest-preview>div{padding:14px;border:1px solid #e8eaf1;border-radius:13px}.manifest-preview span{font-size:10px;letter-spacing:.1em;text-transform:uppercase;font-weight:900;color:#7d879c}.manifest-preview p{font-size:12px;line-height:1.6;color:#58647d;margin:7px 0 0}.manifest-preview code{display:block;margin-top:7px;font-size:11px;color:#5d49e8;white-space:normal}.ai-create-form{display:flex;align-items:end;gap:12px;margin-top:16px}.ai-create-form label{flex:1;margin:0}.ai-create-form .button{white-space:nowrap}.ai-placeholder{text-align:center;min-height:390px;display:flex;flex-direction:column;justify-content:center}.ai-placeholder-icon{width:74px;height:74px;font-size:28px}.ai-placeholder p{max-width:520px;margin:0 auto;color:#758099;line-height:1.7;font-size:13px}.ai-flow{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:24px;color:#6250e8;font-size:12px;font-weight:900}.ai-flow span{padding:9px 12px;background:#f1efff;border-radius:999px}.ai-note{display:flex;gap:14px;align-items:flex-start;margin:18px 0 40px;padding:17px;color:#66728b}.ai-note>i{color:#6a52f3;margin-top:3px}.ai-note p{margin:5px 0 0;font-size:12px;line-height:1.65}
@media(max-width:900px){.client-tool-hero{grid-template-columns:1fr;padding:34px 28px}.tool-hero-orb{min-height:170px}.code-workspace,.ai-builder-grid{grid-template-columns:1fr}.code-projects{order:2}.code-browser{grid-template-columns:190px minmax(0,1fr)}.learn-grid{grid-template-columns:1fr 1fr}.learning-tip{flex-wrap:wrap}.learning-tip>div:nth-child(2){min-width:60%}}
@media(max-width:620px){.client-tool-hero{margin:12px 0 22px;padding:27px 20px;border-radius:22px}.client-tool-hero h1{font-size:34px}.client-tool-hero p{font-size:13px}.tool-hero-orb{min-height:145px}.tool-hero-orb>i{width:88px;height:88px;font-size:32px;border-radius:26px}.code-toolbar{align-items:flex-start;flex-direction:column}.code-browser{grid-template-columns:1fr}.file-tree{border-right:0;border-bottom:1px solid #e8eaf2;max-height:220px;overflow:auto}.code-editor pre{max-height:450px;padding:16px;font-size:11px}.learn-grid{grid-template-columns:1fr}.learn-card p{min-height:0}.feature-checks,.manifest-preview,.ai-plan-summary{grid-template-columns:1fr}.ai-create-form{display:block}.ai-create-form .button{margin-top:10px;width:100%}.learning-tip{display:block}.tip-icon{margin-bottom:12px}.floating-chip{font-size:9px;padding:7px 10px}.chip-a{right:0}.chip-c{right:0}.chip-b{left:0}}
@media(prefers-reduced-motion:reduce){.tool-hero-orb>i,.floating-chip{animation:none}.learn-card{transition:none}}

/* Project domain connection flow */
.domain-connect-box{margin:18px 0;padding:18px;border:1px solid #dfe2f0;border-radius:18px;background:linear-gradient(135deg,#faf9ff,#f2fbff);display:grid;gap:12px}.domain-connect-box>div{display:grid;gap:5px}.domain-connect-box b{color:#17152f;font-size:.96rem}.domain-connect-box small{color:#68708a;line-height:1.5}.domain-connect-box select{width:100%;border:1px solid #d9dceb;border-radius:12px;padding:12px;background:#fff}.muted{color:#68708a;line-height:1.65}.project-domain-panel{margin:0 0 22px;padding:20px;border-radius:22px;border:1px solid #e0e3ef;background:#fff;box-shadow:0 14px 34px rgba(30,35,80,.07);display:grid;grid-template-columns:1.4fr auto auto;gap:16px;align-items:center}.project-domain-panel.required{border-color:#f0d89a;background:linear-gradient(135deg,#fffdf5,#f8f7ff)}.project-domain-panel.connected{border-color:#bfe9d4;background:linear-gradient(135deg,#f7fffb,#f7f8ff)}.project-domain-copy{display:grid;gap:5px}.project-domain-copy h3{margin:0;font-size:1.08rem}.project-domain-copy p{margin:0;color:#68708a;line-height:1.55}.domain-status-pill{display:inline-flex;align-items:center;gap:7px;padding:10px 13px;border-radius:999px;background:#e8fbf1;color:#16844f;font-weight:800;font-size:.82rem;white-space:nowrap}.domain-connect-form{display:flex;flex-wrap:wrap;gap:9px;align-items:center}.domain-connect-form select{min-width:190px;border:1px solid #d9dceb;border-radius:12px;padding:11px;background:#fff}.builder-lock-banner{display:flex;align-items:center;gap:12px;margin-bottom:18px;padding:13px 15px;border-radius:15px;background:#fff6df;border:1px solid #f1d795;color:#70520b}.builder-lock-banner>i{font-size:1.05rem}.builder-lock-banner span{display:grid;gap:2px}.builder-lock-banner small{color:#8a7341}.domain-gated.is-locked{position:relative;opacity:.78}.domain-gated.is-locked .builder-form-v2,.domain-gated.is-locked .canvas-toolbar,.domain-gated.is-locked .builder-empty-v2{pointer-events:none;filter:saturate(.65)}@media(max-width:900px){.project-domain-panel{grid-template-columns:1fr}.domain-connect-form{width:100%}.domain-connect-form select{flex:1;min-width:0}.domain-connect-form .builder-btn-primary,.domain-connect-form .builder-btn-secondary{width:100%;justify-content:center}}@media(max-width:600px){.domain-connect-box{padding:15px}.project-domain-panel{padding:16px;border-radius:18px}.domain-connect-form{display:grid}.domain-connect-form select,.domain-connect-form a,.domain-connect-form button{width:100%}}

/* ===== TRYNLE HOME EXPANSION V1 ===== */
.compact-section{padding-top:34px!important;padding-bottom:34px!important}
.platform-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.stat-highlight{position:relative;padding:22px;border:1px solid rgba(85,74,180,.12);border-radius:20px;background:rgba(255,255,255,.78);box-shadow:0 14px 40px rgba(40,31,100,.07);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}
.stat-highlight:after{content:"";position:absolute;width:110px;height:110px;border-radius:50%;right:-55px;top:-55px;background:linear-gradient(135deg,rgba(113,76,255,.14),rgba(26,196,234,.12))}
.stat-highlight:hover{transform:translateY(-5px);box-shadow:0 22px 50px rgba(40,31,100,.12)}
.stat-highlight strong{display:block;font-size:30px;line-height:1;font-weight:900;letter-spacing:-1px;background:linear-gradient(90deg,#6847ff,#16b8e8);-webkit-background-clip:text;background-clip:text;color:transparent}.stat-highlight span{display:block;margin-top:8px;font-weight:800;color:#18223a}.stat-highlight small{display:block;margin-top:6px;color:#66718b;line-height:1.5}
.capability-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:34px}.capability-card{display:flex;gap:18px;padding:22px;border:1px solid #e6e8f2;border-radius:22px;background:#fff;box-shadow:0 12px 35px rgba(39,30,91,.055);transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.capability-card:hover{transform:translateY(-5px);border-color:#d6d0ff;box-shadow:0 20px 48px rgba(74,54,160,.12)}.capability-icon{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(135deg,#eeeaff,#dff8ff);color:#6548ff;font-size:18px}.capability-card span{font-size:10px;font-weight:900;letter-spacing:1.2px;color:#7759ff}.capability-card h3{margin:5px 0 7px;font-size:19px}.capability-card p{margin:0;color:#69748c;line-height:1.55}.capability-card a{display:inline-flex;gap:8px;margin-top:12px;font-size:13px;font-weight:800;color:#6446ff;text-decoration:none}
.section-heading.center{text-align:center;max-width:760px;margin-inline:auto}.landing-pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:36px}.landing-price-card{position:relative;padding:25px;border:1px solid #e3e5ef;border-radius:24px;background:#fff;box-shadow:0 15px 45px rgba(38,29,91,.07);transition:transform .3s ease,box-shadow .3s ease}.landing-price-card:hover{transform:translateY(-6px);box-shadow:0 24px 60px rgba(38,29,91,.13)}.landing-price-card.featured{border-color:#7254ff;box-shadow:0 20px 60px rgba(101,72,255,.18)}.price-badge{position:absolute;right:18px;top:18px;padding:6px 9px;border-radius:999px;background:#6b4cff;color:#fff;font-size:9px;font-weight:900;letter-spacing:1px}.landing-price-top{display:flex;align-items:center;gap:10px;color:#707b93;font-size:10px;font-weight:900;letter-spacing:1.2px}.landing-price-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;background:#efecff;color:#694cff}.landing-price-card h3{font-size:23px;margin:18px 0 5px}.landing-price-card p{color:#6b758d;min-height:42px;line-height:1.5}.landing-price-card>strong{display:block;font-size:36px;line-height:1.1;letter-spacing:-1.5px;margin:20px 0}.landing-price-card>strong small{font-size:12px;letter-spacing:0;color:#78839b;font-weight:600}.landing-price-card ul{list-style:none;padding:0;margin:0 0 22px;display:grid;gap:10px}.landing-price-card li{font-size:13px;color:#4e5971}.landing-price-card li i{color:#17ad78;margin-right:7px}.landing-price-card .button{width:100%;justify-content:center}
.usecase-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}.usecase-list{display:grid;gap:10px;margin-top:25px}.usecase-list a{display:grid;grid-template-columns:38px 1fr 18px;gap:12px;align-items:center;padding:14px;border:1px solid #e3e6f0;border-radius:17px;background:#fff;color:inherit;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease}.usecase-list a:hover{transform:translateX(4px);box-shadow:0 12px 30px rgba(38,29,91,.08)}.usecase-list>a>i:first-child{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#efecff;color:#6548ff}.usecase-list b{display:block;font-size:14px}.usecase-list small{display:block;margin-top:3px;color:#71809a;line-height:1.4}.usecase-list>a>i:last-child{color:#6c4dff}.usecase-visual{min-height:400px;display:grid;place-items:center}.orbit-card{position:relative;width:min(390px,90vw);aspect-ratio:1;border-radius:34px;background:radial-gradient(circle at 50% 45%,rgba(115,75,255,.35),transparent 31%),linear-gradient(145deg,#171137,#33226e 55%,#0f6d94);box-shadow:0 35px 80px rgba(37,27,96,.25);overflow:hidden;display:grid;place-items:center}.orbit-center{z-index:3;width:90px;height:90px;border-radius:28px;display:grid;place-items:center;background:linear-gradient(135deg,#7653ff,#21bfe8);color:#fff;font-size:30px;box-shadow:0 0 45px rgba(111,80,255,.5)}.orbit-ring{position:absolute;border:1px solid rgba(255,255,255,.18);border-radius:50%;animation:trynleSpin 18s linear infinite}.ring-one{width:220px;height:220px}.ring-two{width:330px;height:330px;animation-duration:25s;animation-direction:reverse}.orbit-node{position:absolute;z-index:4;width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.2);color:#fff;backdrop-filter:blur(8px);box-shadow:0 10px 30px rgba(0,0,0,.18)}.node-a{top:74px;left:84px}.node-b{right:66px;top:170px}.node-c{bottom:65px;left:120px}.orbit-label{position:absolute;bottom:26px;color:rgba(255,255,255,.65);font-size:9px;font-weight:900;letter-spacing:1.5px}
@keyframes trynleSpin{to{transform:rotate(360deg)}}
.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:start}.faq-list{display:grid;gap:10px}.faq-list details{border:1px solid #e2e5ef;border-radius:17px;background:#fff;padding:0 18px;box-shadow:0 10px 30px rgba(38,29,91,.05)}.faq-list summary{cursor:pointer;list-style:none;padding:19px 28px 19px 0;font-weight:800;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';position:absolute;right:2px;top:15px;font-size:22px;color:#684bff}.faq-list details[open] summary:after{content:'−'}.faq-list details p{margin:0;padding:0 0 18px;color:#6d7890;line-height:1.6}
@media(max-width:980px){.platform-stats-grid{grid-template-columns:repeat(2,1fr)}.landing-pricing-grid{grid-template-columns:1fr}.usecase-grid,.faq-grid{grid-template-columns:1fr;gap:30px}.usecase-visual{min-height:320px}.capability-grid{grid-template-columns:1fr}}
@media(max-width:600px){.platform-stats-grid{grid-template-columns:1fr}.stat-highlight{padding:18px}.capability-card{padding:18px;gap:13px}.capability-icon{width:42px;height:42px;flex-basis:42px;border-radius:12px}.landing-price-card{padding:21px}.landing-price-card>strong{font-size:31px}.orbit-card{width:310px}.node-a{left:58px}.node-b{right:43px}.node-c{left:86px}.faq-list details{padding-inline:15px}.faq-list summary{font-size:14px}}
@media(prefers-reduced-motion:reduce){.stat-highlight,.capability-card,.landing-price-card,.usecase-list a{transition:none}.orbit-ring{animation:none}}
.deploy-launch-grid{align-items:stretch}.deploy-form{display:flex;align-items:center;gap:7px;margin-left:auto}.deploy-form select,.deploy-form input,.deploy-client-form select,.deploy-client-form input{border:1px solid #dfe1ec;border-radius:10px;padding:9px 10px;background:#fff;color:#1c2440;min-width:115px}.deploy-form input{min-width:125px}.deploy-steps{display:grid;gap:12px}.deploy-steps>div{display:flex;gap:12px;align-items:flex-start;padding:12px;border:1px solid #e5e6ef;border-radius:14px;background:#fbfbff}.deploy-steps b{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#eee9ff,#e1f8ff);color:#6246df;font-size:.78rem}.deploy-steps span{display:grid;gap:3px}.deploy-steps small,.deployment-history-row small{color:#74809a}.deploy-client-form{display:grid;gap:14px}.deploy-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.deploy-choice-grid label{display:grid;gap:7px;font-weight:700;font-size:.85rem}.deployment-history{display:grid;gap:9px;margin-top:18px}.deployment-history-row{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #e5e6ef;border-radius:14px;background:#fbfbff}.deployment-history-row>div{display:grid;gap:3px;flex:1}.deployment-history-row strong{font-size:.9rem}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem}.alert.success{padding:12px 15px;border:1px solid #bdebd5;background:#effcf5;color:#237c56;border-radius:13px;margin-bottom:16px}@media(max-width:900px){.deploy-launch-grid{grid-template-columns:1fr}.deploy-form{flex-wrap:wrap}.deploy-client-form{max-width:100%}}@media(max-width:620px){.deploy-form{width:100%;display:grid;grid-template-columns:1fr 1fr}.deploy-form button{grid-column:1/-1}.deploy-choice-grid{grid-template-columns:1fr}.deployment-history-row{align-items:flex-start;flex-wrap:wrap}.deployment-history-row a{width:100%}}

/* Domain connection + go-live flow */
.domain-connect-page{max-width:1120px;margin:0 auto;padding:28px 16px 56px}.domain-connect-hero{padding:30px;border-radius:24px;background:linear-gradient(135deg,#17142f,#2d1b63 55%,#087fa7);color:#fff;box-shadow:0 24px 70px rgba(38,28,110,.18)}.domain-connect-hero h1{margin:8px 0 10px;font-size:clamp(30px,5vw,52px);letter-spacing:-.04em}.domain-connect-hero .muted{color:rgba(255,255,255,.78);max-width:760px}.domain-connect-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.domain-choice-card{padding:24px;border-radius:22px;position:relative;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.domain-choice-card:hover,.domain-choice-card.active{transform:translateY(-3px);box-shadow:0 18px 50px rgba(30,24,100,.12)}.choice-icon{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#7252ff,#24b6e8);color:#fff;font-size:19px;margin-bottom:14px}.domain-choice-card h2{margin:4px 0 8px}.domain-search-form,.external-domain-form{display:flex;gap:10px;align-items:end;margin-top:18px}.domain-search-form input,.external-domain-form input,.domain-search-form select{flex:1;min-width:0}.domain-result{margin-top:16px;padding:14px;border-radius:14px}.domain-result form{display:flex;gap:10px;align-items:end;margin-top:12px}.domain-help,.domain-return-note{margin-top:16px;padding:14px;border-radius:14px;background:rgba(111,81,255,.06)}.domain-help span{display:block;margin-top:5px}.domain-connect-page .alert,.domain-connect-page .success{margin-top:14px}.domain-connect-box.optional-domain{display:flex;align-items:center;justify-content:space-between;gap:16px}.domain-choice-actions,.go-live-actions{display:flex;gap:10px;flex-wrap:wrap}.domain-verification-panel{border:1px solid rgba(108,76,255,.16);background:linear-gradient(135deg,rgba(111,81,255,.06),rgba(20,177,229,.05))}.verification-record{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.verification-record>div{padding:14px;border:1px solid rgba(50,60,100,.12);border-radius:14px;background:#fff}.verification-record small{display:block;margin-bottom:7px;color:#6d7390}.verification-record code{word-break:break-all}.project-domain-panel.optional{border:1px dashed rgba(108,76,255,.3);background:linear-gradient(135deg,rgba(111,81,255,.05),rgba(30,190,220,.05))}.domain-connect-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.domain-connect-actions .domain-connect-form{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.go-live-panel{margin:18px 0;padding:20px;border-radius:20px;background:linear-gradient(135deg,#191533,#34206e 52%,#0788ad);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:18px;box-shadow:0 16px 45px rgba(40,27,100,.15)}.go-live-panel p{color:rgba(255,255,255,.76);max-width:700px}.go-live-panel .builder-kicker{color:#a99aff}.go-live-panel .builder-btn-secondary{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.18)}
@media(max-width:800px){.domain-connect-grid{grid-template-columns:1fr}.domain-connect-box.optional-domain,.go-live-panel{align-items:flex-start;flex-direction:column}.domain-search-form,.external-domain-form{flex-direction:column;align-items:stretch}.verification-record{grid-template-columns:1fr}.domain-choice-actions,.go-live-actions{width:100%}.domain-choice-actions a,.go-live-actions a{flex:1}.domain-connect-actions .domain-connect-form{width:100%}.domain-connect-actions select{width:100%}}
@media(max-width:520px){.domain-connect-page{padding:16px 10px 40px}.domain-connect-hero,.domain-choice-card{padding:18px;border-radius:18px}.domain-choice-actions a,.go-live-actions a{width:100%;flex:auto}.domain-result form{flex-direction:column;align-items:stretch}}

/* ===== Landing page mobile/compact hardening ===== */
@media (max-width:1050px){
  .landing-hero{min-height:0;padding:72px 0 58px}
  .hero-grid{gap:34px}
  .hero-visual{min-height:390px}
  .dashboard-mockup{width:min(680px,100%)}
  .float-card-one{left:4%}
  .float-card-two{right:4%}
  .split-grid{gap:46px}
  .mobile-grid{gap:50px}
  .footer-main{gap:28px}
}
@media (max-width:760px){
  .landing-container{overflow:hidden}
  .container-wide{width:100%;padding-left:16px;padding-right:16px}
  .section-pad{padding:58px 0}
  .landing-hero{padding:54px 0 42px}
  .hero-grid{grid-template-columns:1fr;gap:26px}
  .hero-copy{text-align:left;margin:0}
  .hero-copy .eyebrow,.hero-proof{justify-content:flex-start}
  .landing-hero h1{font-size:clamp(2.35rem,11vw,3.5rem);line-height:.99;margin:15px 0}
  .hero-lead{font-size:.94rem;line-height:1.65}
  .hero-actions{margin:22px 0 16px;gap:8px}
  .button-lg{padding:12px 15px}
  .hero-proof{gap:9px 14px;font-size:.72rem}
  .hero-visual{min-height:340px;margin:0 -2px}
  .dashboard-mockup{width:100%;max-width:520px;transform:none;border-radius:20px}
  .mockup-body{grid-template-columns:48px 1fr;min-height:300px}
  .mockup-body aside{gap:10px;padding:12px 6px}
  .mockup-body aside span,.mini-logo{width:30px;height:30px;border-radius:9px}
  .mockup-content{padding:14px}
  .mini-stats{gap:6px;margin:12px 0}
  .mini-stats>div{padding:9px;border-radius:10px}
  .mini-stats b{font-size:1rem}
  .mini-stats i{margin-bottom:4px}
  .mock-chart{padding:11px;border-radius:12px}
  .bars{height:85px;gap:4px;margin-top:10px}
  .mock-row{font-size:.68rem;padding:9px 10px}
  .floating-card{padding:8px 10px;border-radius:12px;gap:7px}
  .floating-card>i{width:28px;height:28px;border-radius:9px;font-size:.7rem}
  .floating-card strong{font-size:.66rem}
  .floating-card small{font-size:.58rem}
  .float-card-one{left:0;bottom:8px}
  .float-card-two{right:0;top:12px}
  .trust-inner{min-height:0;padding:16px 0;align-items:flex-start;flex-direction:column;font-size:.72rem}
  .trust-inner>div{gap:8px 14px}
  .section-heading{margin-bottom:28px}
  .section-heading h2,.split-copy h2{font-size:clamp(1.85rem,8vw,2.6rem)}
  .section-heading p,.split-copy>p{font-size:.88rem;line-height:1.65}
  .feature-grid,.split-grid,.mobile-grid,.usecase-grid,.faq-grid{grid-template-columns:1fr;gap:28px}
  .feature-card{padding:20px;border-radius:18px}
  .feature-icon{width:44px;height:44px;border-radius:13px;margin-bottom:14px}
  .feature-card h3{font-size:1.05rem}
  .feature-card p{font-size:.84rem;line-height:1.55;margin-bottom:15px}
  .steps{gap:13px;margin-top:20px}
  .steps>div{gap:11px}
  .steps b{width:34px;height:34px;border-radius:10px}
  .workflow-card{padding:12px;border-radius:20px}
  .pipeline{padding:16px}
  .terminal{margin:0 12px 12px;padding:12px;font-size:.62rem}
  .phone-frame{width:min(285px,86vw);height:575px}
  .mobile-grid .split-copy{order:-1}
  .landing-pricing-grid{grid-template-columns:1fr;gap:13px}
  .landing-price-card{padding:19px;border-radius:19px}
  .landing-price-card h3{font-size:20px}
  .landing-price-card>strong{font-size:29px;margin:15px 0}
  .usecase-list a{grid-template-columns:34px 1fr 16px;padding:12px}
  .usecase-list>a>i:first-child{width:34px;height:34px}
  .orbit-card{width:min(300px,88vw);border-radius:27px}
  .faq-list details{border-radius:14px}
  .faq-list summary{padding:16px 26px 16px 0}
  .cta-box{flex-direction:column;align-items:flex-start;padding:28px 22px;border-radius:22px}
  .cta-box h2{font-size:clamp(1.9rem,8vw,2.7rem)}
  .cta-box p{font-size:.84rem}
  .cta-box .white-button{width:100%}
  .footer-main{grid-template-columns:1fr 1fr;gap:26px;padding-top:44px;padding-bottom:38px}
  .footer-brand{grid-column:1/-1;text-align:center}
  .footer-brand p{margin:14px auto;max-width:430px;font-size:.8rem}
  .footer-socials{justify-content:center}
  .footer-news{grid-column:1/-1;text-align:center}
  .footer-button{width:100%}
  .footer-column a{font-size:.75rem}
  .footer-bottom .container-wide{min-height:62px;flex-direction:column;justify-content:center;text-align:center;padding-top:12px;padding-bottom:12px;font-size:.65rem}
  .scroll-top{right:14px;bottom:84px;width:42px;height:42px;border-radius:13px}
}
@media (max-width:380px){
  .container-wide{padding-left:13px;padding-right:13px}
  .top{padding-left:12px;padding-right:12px}
  .brand{font-size:.88rem;gap:7px}
  .landing-hero{padding-top:44px}
  .landing-hero h1{font-size:2.15rem}
  .hero-lead{font-size:.86rem}
  .hero-actions{display:grid;grid-template-columns:1fr 1fr}
  .hero-actions .button{width:100%}
  .hero-proof{font-size:.66rem}
  .hero-visual{min-height:285px}
  .dashboard-mockup{border-radius:16px}
  .mockup-top{height:40px;padding:0 11px;font-size:.62rem}
  .mockup-body{grid-template-columns:40px 1fr;min-height:245px}
  .mockup-body aside span,.mini-logo{width:25px;height:25px}
  .mockup-content{padding:10px}
  .mockup-title strong{font-size:.9rem}
  .mini-stats b{font-size:.8rem}
  .mini-stats small{font-size:.55rem}
  .bars{height:65px}
  .floating-card{display:none}
  .feature-grid{gap:11px}
  .phone-frame{width:270px;height:545px}
  .footer-main{grid-template-columns:1fr;gap:22px}
  .footer-column{text-align:center}
  .footer-column a{justify-content:center}
}

/* ===== V21 LANDING LAYOUT CORRECTION =====
   The landing hero now uses the dedicated landing-hero component. These rules
   intentionally win over the legacy .hero shell and provide predictable
   sizing at every viewport width. */
.landing-home{width:100%;overflow:clip}
.landing-home > .landing-hero{width:min(1240px,calc(100% - 40px));margin:28px auto 0;min-height:680px;border-radius:30px;padding:0;display:flex;align-items:center}
.landing-home > .landing-hero .hero-grid{width:100%;padding:72px 58px;gap:54px}
.landing-home > .landing-hero .hero-copy{max-width:620px}
.landing-home > .landing-hero .hero-visual{min-width:0}
.landing-home > .landing-hero .dashboard-mockup{max-width:600px}
.landing-home .section-pad{width:100%}
.landing-home .trust-strip .container-wide,
.landing-home .section-pad > .container-wide{width:min(1240px,100%)}
.landing-home .feature-grid{align-items:stretch}
.landing-home .feature-card{min-width:0}
.landing-home img{max-width:100%;height:auto}
@media (max-width:1050px){
  .landing-home > .landing-hero{min-height:auto}
  .landing-home > .landing-hero .hero-grid{padding:58px 40px}
}
@media (max-width:760px){
  .landing-home > .landing-hero{width:calc(100% - 24px);margin:12px auto 0;border-radius:22px}
  .landing-home > .landing-hero .hero-grid{width:100%;padding:42px 20px 34px;gap:18px}
  .landing-home > .landing-hero .hero-copy{max-width:none}
  .landing-home > .landing-hero .hero-visual{width:100%;min-height:0}
  .landing-home > .landing-hero .dashboard-mockup{width:100%;max-width:100%;}
  .landing-home .container-wide{padding-left:16px;padding-right:16px}
  .landing-home .section-pad{padding-top:58px;padding-bottom:58px}
  .landing-home .platform-stats-grid,
  .landing-home .capability-grid,
  .landing-home .landing-pricing-grid,
  .landing-home .usecase-grid,
  .landing-home .faq-grid{width:100%;}
}
@media (max-width:480px){
  .landing-home > .landing-hero{width:calc(100% - 16px);border-radius:19px}
  .landing-home > .landing-hero .hero-grid{padding:32px 15px 26px}
  .landing-home .section-pad{padding-top:46px;padding-bottom:46px}
  .landing-home .section-heading{margin-bottom:24px}
  .landing-home .section-heading h2,.landing-home .split-copy h2{font-size:clamp(1.8rem,9vw,2.35rem)}
  .landing-home .feature-card{padding:18px}
  .landing-home .landing-price-card{padding:18px}
  .landing-home .phone-frame{width:min(270px,82vw);height:auto;aspect-ratio:270/555}
  .landing-home .cta-box{padding:24px 18px}
}
@media (max-width:360px){
  .landing-home > .landing-hero .hero-grid{padding-left:12px;padding-right:12px}
  .landing-home .container-wide{padding-left:12px;padding-right:12px}
  .landing-home .hero-actions{grid-template-columns:1fr}
  .landing-home .hero-actions .button{width:100%}
  .landing-home .mini-stats{grid-template-columns:1fr 1fr}
  .landing-home .mini-stats>div:last-child{grid-column:1/-1}
}

/* ===== V62 — Full documentation system ===== */
.docs-page{width:min(1180px,100%);margin:0 auto;padding:28px 18px 76px;color:var(--ui-ink,#172038)}
.docs-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:28px;align-items:center;min-height:350px;padding:clamp(28px,5vw,54px);border-radius:30px;background:linear-gradient(135deg,#11132b 0%,#29205d 56%,#087f9f 100%);box-shadow:0 28px 75px rgba(39,29,100,.2);color:#fff}
.docs-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(to bottom,black,transparent 90%);pointer-events:none}
.docs-hero:after{content:"";position:absolute;width:360px;height:360px;right:-120px;top:-170px;border-radius:50%;background:radial-gradient(circle,rgba(133,91,255,.55),transparent 68%);animation:docsDrift 9s ease-in-out infinite;pointer-events:none}
.docs-hero-copy,.docs-hero-visual{position:relative;z-index:2}.docs-hero-copy{max-width:720px}.docs-kicker{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);border-radius:999px;color:#d8d5ff;font-size:.63rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;backdrop-filter:blur(12px)}
.docs-hero h1{margin:18px 0 13px;font-size:clamp(2.5rem,5.2vw,4.55rem);line-height:.95;letter-spacing:-.06em}.docs-hero p{max-width:690px;margin:0;color:#c7c9dc;font-size:.84rem;line-height:1.8}.docs-hero .info-actions{margin-top:23px}.docs-hero .info-actions .button:not(.primary){background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14);color:#fff}
.docs-hero-visual{min-height:245px;display:grid;place-items:center}.docs-book{width:116px;height:116px;display:grid;place-items:center;border-radius:32px;background:linear-gradient(135deg,#7657ff,#1ec7ed);box-shadow:0 25px 60px rgba(0,0,0,.25);font-size:2.1rem;animation:docsFloat 4.5s ease-in-out infinite}.docs-ring{position:absolute;border:1px solid rgba(255,255,255,.13);border-radius:50%;animation:docsSpin 18s linear infinite}.docs-ring-one{width:270px;height:270px}.docs-ring-two{width:195px;height:195px;animation-duration:12s;animation-direction:reverse}.docs-chip{position:absolute;padding:9px 11px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(9,12,31,.54);backdrop-filter:blur(12px);font-size:.62rem;font-weight:800;box-shadow:0 10px 28px rgba(0,0,0,.15);animation:docsFloat 4s ease-in-out infinite}.docs-chip i{color:#69e7b8;margin-right:5px}.docs-chip-one{left:3%;top:12%}.docs-chip-two{right:2%;bottom:13%;animation-delay:-1.5s}
.docs-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:14px 0 22px;padding:10px;border:1px solid rgba(29,36,66,.09);border-radius:18px;background:rgba(255,255,255,.82);box-shadow:0 12px 35px rgba(44,36,103,.05)}.docs-flow>div{display:grid;grid-template-columns:auto 1fr;column-gap:9px;align-items:center;padding:10px 12px;border-radius:13px;background:#f8f9ff}.docs-flow>div>span{grid-row:1/3;width:27px;height:27px;display:grid;place-items:center;border-radius:9px;background:#eeeaff;color:#6549e9;font-size:.58rem;font-weight:900}.docs-flow strong{font-size:.68rem}.docs-flow small{font-size:.56rem;color:#7c859b}.docs-flow>i{display:none;color:#a3a9ba}
.docs-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:22px;align-items:start}.docs-nav{position:sticky;top:84px;padding:15px;border:1px solid rgba(29,36,66,.09);border-radius:18px;background:rgba(255,255,255,.9);box-shadow:0 14px 40px rgba(44,36,103,.06);backdrop-filter:blur(12px)}.docs-nav>strong{display:block;padding:2px 8px 10px;color:#7b8297;font-size:.57rem;letter-spacing:.12em}.docs-nav a{display:block;padding:8px 9px;border-radius:9px;color:#657089;text-decoration:none;font-size:.67rem;font-weight:750;transition:.18s ease}.docs-nav a:hover{background:#f0edff;color:#5f43dc;transform:translateX(2px)}
.docs-content{min-width:0}.docs-section{scroll-margin-top:96px;padding:25px 0 29px;border-bottom:1px solid rgba(29,36,66,.08)}.docs-section:first-child{padding-top:0}.docs-section:last-child{border-bottom:0}.docs-section-kicker{display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;background:#efedff;color:#6549e9;font-size:.57rem;font-weight:900;letter-spacing:.1em}.docs-section h2{margin:11px 0 8px;font-size:clamp(1.25rem,2.7vw,1.85rem);line-height:1.1;letter-spacing:-.04em}.docs-section>p{margin:0 0 15px;color:#68738a;font-size:.74rem;line-height:1.75;max-width:900px}.docs-subhead{margin:20px 0 9px;font-size:.82rem;letter-spacing:-.01em}.docs-cards{display:grid;gap:12px}.docs-cards.two{grid-template-columns:repeat(2,minmax(0,1fr))}.docs-cards.three{grid-template-columns:repeat(3,minmax(0,1fr))}.docs-cards article{position:relative;padding:18px;border:1px solid rgba(29,36,66,.09);border-radius:17px;background:linear-gradient(180deg,#fff,#fafbff);box-shadow:0 13px 35px rgba(44,36,103,.045);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.docs-cards article:hover{transform:translateY(-3px);box-shadow:0 20px 45px rgba(44,36,103,.09);border-color:#ddd8fa}.docs-cards article>i{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#efedff;color:#6448e9;margin-bottom:11px}.docs-cards h3{margin:0 0 6px;font-size:.79rem}.docs-cards p{margin:0;color:#727d93;font-size:.67rem;line-height:1.65}.docs-cards a{display:inline-flex;margin-top:11px;color:#6246dd;font-size:.64rem;font-weight:800;text-decoration:none}.docs-choice{position:absolute;top:13px;right:13px;width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:#f2efff;color:#6549e9;font-size:.58rem;font-weight:900}
.docs-list{margin:0;padding-left:19px;color:#667188;font-size:.7rem;line-height:1.9}.docs-list strong{color:#303a52}.docs-grid{display:grid;gap:10px}.docs-grid.six{grid-template-columns:repeat(3,minmax(0,1fr))}.docs-grid article{display:grid;gap:6px;padding:14px;border:1px solid #e6e8f1;border-radius:14px;background:#fbfcff}.docs-grid article i{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;background:#efedff;color:#6549e9}.docs-grid strong{font-size:.69rem}.docs-grid small{color:#78839a;font-size:.59rem;line-height:1.45}
.docs-timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.docs-timeline>div{position:relative;padding:16px 15px 15px;border:1px solid #e6e8f1;border-radius:15px;background:#fff}.docs-timeline b{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:linear-gradient(135deg,#6d4aff,#1ec6ec);color:#fff;font-size:.58rem}.docs-timeline h3{margin:11px 0 5px;font-size:.72rem}.docs-timeline p{margin:0;color:#758097;font-size:.62rem;line-height:1.6}
.docs-feature-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.docs-feature{display:flex;gap:12px;padding:17px;border:1px solid #e5e7ef;border-radius:16px;background:#fff}.docs-feature-icon{flex:0 0 39px;width:39px;height:39px;display:grid;place-items:center;border-radius:11px;background:#efedff;color:#6549e9}.docs-feature h3{margin:0 0 5px;font-size:.76rem}.docs-feature p{margin:0!important;font-size:.66rem!important}.docs-feature code{padding:2px 5px;border-radius:5px;background:#f0f1f6;color:#4f5870;font-size:.58rem}
.docs-callout{display:flex;gap:12px;align-items:flex-start;margin-top:14px;padding:15px 16px;border:1px solid #dcd8fa;border-radius:15px;background:linear-gradient(135deg,#f7f5ff,#effcff)}.docs-callout>i{color:#6549e9;font-size:1rem;margin-top:2px}.docs-callout strong{display:block;font-size:.7rem}.docs-callout p{margin:5px 0 0;color:#68738a;font-size:.64rem;line-height:1.65}.docs-deploy{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.docs-deploy>div{padding:13px 10px;border:1px solid #e5e7ef;border-radius:13px;background:#fff;text-align:center}.docs-deploy span{display:grid;place-items:center;width:27px;height:27px;margin:0 auto 8px;border-radius:9px;background:#efedff;color:#6549e9;font-size:.55rem;font-weight:900}.docs-deploy strong,.docs-deploy small{display:block}.docs-deploy strong{font-size:.64rem}.docs-deploy small{margin-top:4px;color:#7b8599;font-size:.54rem;line-height:1.4}.docs-statuses{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.docs-statuses span{padding:7px 9px;border-radius:999px;background:#f5f6fa;color:#737d92;font-size:.56rem}.docs-statuses b{color:#30384f;margin-right:3px}
.docs-codeflow{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:14px}.docs-codeflow span{padding:7px 9px;border-radius:9px;background:#f0edff;color:#5e43d7;font-size:.58rem;font-weight:800}.docs-codeflow i{color:#a1a7b8;font-size:.65rem}.docs-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.docs-admin-grid>div{padding:15px;border:1px solid #e5e7ef;border-radius:14px;background:#fbfcff}.docs-admin-grid strong{font-size:.69rem}.docs-admin-grid p{margin:6px 0 0;color:#737e94;font-size:.61rem;line-height:1.55}.docs-security{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.docs-security span{display:flex;align-items:center;gap:8px;padding:11px 12px;border:1px solid #e5e7ef;border-radius:12px;background:#fff;color:#59647c;font-size:.61rem;font-weight:750}.docs-security i{color:#6247df}.docs-note{padding:12px 14px!important;border-left:3px solid #6549e9;background:#f8f7ff;border-radius:0 10px 10px 0}.docs-faq{display:grid;gap:8px}.docs-faq details{border:1px solid #e4e6ef;border-radius:13px;background:#fff;overflow:hidden}.docs-faq summary{cursor:pointer;padding:13px 14px;font-size:.68rem;font-weight:800;list-style:none}.docs-faq summary::-webkit-details-marker{display:none}.docs-faq summary:after{content:'+';float:right;color:#6549e9;font-size:.9rem}.docs-faq details[open] summary:after{content:'−'}.docs-faq details p{margin:0!important;padding:0 14px 14px;font-size:.63rem!important}.docs-troubleshoot{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.docs-troubleshoot article{padding:15px;border:1px solid #e5e7ef;border-radius:14px;background:#fff}.docs-troubleshoot h3{margin:0 0 6px;font-size:.69rem}.docs-troubleshoot p{margin:0;color:#737e94;font-size:.62rem;line-height:1.6}.docs-final{margin-top:10px;padding:23px;border:0;border-radius:20px;background:linear-gradient(135deg,#21164b,#0d7e9f);color:#fff;box-shadow:0 20px 55px rgba(35,26,93,.17)}.docs-final .docs-section-kicker{background:rgba(255,255,255,.1);color:#dcd7ff}.docs-final h2{max-width:850px}.docs-final .info-actions{margin-top:17px}.docs-final .info-actions .button:not(.primary){color:#fff;background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.16)}
@keyframes docsFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes docsSpin{to{transform:rotate(360deg)}}@keyframes docsDrift{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-20px,15px,0)}}
@media(max-width:980px){.docs-layout{grid-template-columns:1fr}.docs-nav{position:sticky;top:76px;z-index:15;display:flex;align-items:center;gap:4px;overflow-x:auto;padding:9px;scrollbar-width:none}.docs-nav::-webkit-scrollbar{display:none}.docs-nav>strong{flex:0 0 auto;padding:7px 8px}.docs-nav a{white-space:nowrap}.docs-timeline{grid-template-columns:repeat(2,minmax(0,1fr))}.docs-grid.six{grid-template-columns:repeat(2,minmax(0,1fr))}.docs-security{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.docs-page{padding:16px 12px 52px}.docs-hero{grid-template-columns:1fr;min-height:0;padding:25px 20px;border-radius:23px}.docs-hero h1{font-size:clamp(2rem,9vw,3rem)}.docs-hero p{font-size:.75rem}.docs-hero-visual{min-height:190px;order:-1}.docs-book{width:84px;height:84px;border-radius:23px;font-size:1.45rem}.docs-ring-one{width:190px;height:190px}.docs-ring-two{width:140px;height:140px}.docs-chip{font-size:.52rem;padding:7px 8px}.docs-chip-one{left:0}.docs-chip-two{right:0}.docs-flow{grid-template-columns:1fr;gap:6px}.docs-flow>div{grid-template-columns:auto 1fr;padding:9px}.docs-flow>div:nth-of-type(n+4){display:none}.docs-cards.two,.docs-cards.three,.docs-feature-row,.docs-admin-grid,.docs-troubleshoot{grid-template-columns:1fr}.docs-timeline,.docs-grid.six,.docs-security{grid-template-columns:1fr}.docs-deploy{grid-template-columns:1fr 1fr}.docs-deploy>div:last-child{grid-column:1/-1}.docs-final{padding:19px}.docs-section{padding:22px 0 25px}}
@media(max-width:380px){.docs-page{padding-inline:9px}.docs-hero{padding:21px 16px}.docs-hero h1{font-size:1.9rem}.docs-hero p{font-size:.7rem}.docs-section h2{font-size:1.25rem}.docs-section>p{font-size:.68rem}.docs-nav a{font-size:.6rem;padding:7px}.docs-deploy{grid-template-columns:1fr}.docs-deploy>div:last-child{grid-column:auto}.docs-cards article,.docs-feature,.docs-timeline>div{padding:14px}}
@media(prefers-reduced-motion:reduce){.docs-book,.docs-ring,.docs-chip,.docs-hero:after,.docs-cards article{animation:none!important;transition:none!important}}

/* ===== V63 — Admin settings + small component polish ===== */
.settings-tabs{display:flex;gap:7px;overflow-x:auto;padding:7px;margin-bottom:14px;border:1px solid rgba(29,36,66,.09);border-radius:17px;background:rgba(255,255,255,.9);box-shadow:0 10px 30px rgba(44,36,103,.045);scrollbar-width:none;position:sticky;top:74px;z-index:20;backdrop-filter:blur(14px)}.settings-tabs::-webkit-scrollbar{display:none}.settings-tab{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;border:1px solid transparent;background:transparent;color:#68738b;border-radius:11px;padding:9px 11px;font:inherit;font-size:.68rem;font-weight:800;cursor:pointer;transition:.18s ease}.settings-tab i{color:#806de8}.settings-tab:hover{background:#f3f1ff;color:#5d43d9}.settings-tab.active{color:#fff;background:linear-gradient(135deg,#6847f5,#238fe5);box-shadow:0 8px 20px rgba(104,71,245,.2)}.settings-tab.active i{color:#fff}.settings-panel{display:none!important;animation:settingsPanelIn .24s ease both}.settings-panel.active{display:block!important}.settings-panel .admin-card-head{margin-bottom:15px}.settings-panel .admin-card-head h3{margin:0;font-size:.92rem}.settings-panel .admin-card-head h3 i{color:#6847f5;margin-right:6px}.settings-panel .admin-card-head p{margin:5px 0 0;color:#778197;font-size:.67rem;line-height:1.5}.field-help{display:block;color:#7a8498;font-size:.58rem;line-height:1.45;margin-top:3px}.settings-console{display:grid;gap:0}.settings-console .settings-section{margin-bottom:13px}.settings-console label{min-width:0}.settings-console input,.settings-console select,.settings-console textarea{box-sizing:border-box}.admin-health{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.health-card{position:relative;min-height:145px}.health-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#efedff;color:#6549e9;margin-bottom:10px}.health-card h3{font-size:.8rem;margin:0 0 7px}.health-card p{font-size:.66rem;line-height:1.55;color:#758097}.code-toolbar-actions{display:flex;align-items:center;gap:8px}.compact-select{display:flex;align-items:center;gap:7px;color:#727c91;font-size:.63rem;font-weight:800}.compact-select select{min-width:150px}.builder-generate{min-width:240px}.deploy-row{gap:12px}.deploy-row>div:nth-child(2){min-width:0}.deploy-row .deploy-form{flex:0 1 auto}.ai-trust{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.ai-trust span{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.07);color:#d9dcf0;font-size:.58rem;font-weight:800}.ai-trust i{color:#71e6b7}@keyframes settingsPanelIn{from{opacity:.35;transform:translateY(3px)}to{opacity:1;transform:none}}
@media(max-width:900px){.admin-health{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-tabs{top:66px}.code-toolbar-actions{width:100%;justify-content:flex-start}.deploy-row .deploy-form{width:100%}}
@media(max-width:600px){.admin-health{grid-template-columns:1fr}.settings-tabs{top:62px;margin-inline:-2px}.settings-tab{padding:8px 9px;font-size:.62rem}.settings-tab i{font-size:.62rem}.builder-generate{width:100%;min-width:0}.ai-trust{display:grid;grid-template-columns:1fr}.ai-trust span{justify-content:center}.compact-select{width:100%;flex-wrap:wrap}.compact-select select{width:100%}}
@media(prefers-reduced-motion:reduce){.settings-panel{animation:none!important}.settings-tab,.deploy-row{transition:none}}

/* Full public footer-page content: intentionally scoped to .info-rich so no other workspace styles are changed. */
.info-rich .info-section-label{display:inline-flex;color:#6d50f4;font-size:.62rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.info-rich-intro{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px;align-items:end;padding:58px 4px 24px}.info-rich-intro h2{margin:8px 0 0;font-size:clamp(1.7rem,3.4vw,2.45rem);line-height:1.05;letter-spacing:-.045em}.info-rich-intro p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.85;max-width:650px}.info-rich-features{grid-template-columns:repeat(3,minmax(0,1fr))}.info-rich-features .info-feature{min-height:154px;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.info-rich-features .info-feature:hover{transform:translateY(-4px);box-shadow:0 20px 45px rgba(44,36,103,.1);border-color:rgba(109,74,255,.18)}.info-rich-workflow{margin-top:28px;padding:30px;border:1px solid rgba(29,36,66,.08);border-radius:24px;background:rgba(255,255,255,.72);box-shadow:0 18px 50px rgba(44,36,103,.055)}.info-workflow-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.info-workflow-card{display:flex;gap:12px;align-items:flex-start;padding:16px;border:1px solid rgba(29,36,66,.08);border-radius:16px;background:#fff;transition:transform .2s ease}.info-workflow-card:hover{transform:translateY(-3px)}.info-workflow-card>span{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#eeeaff;color:#6549e9;font-size:.6rem;font-weight:900}.info-workflow-card h3{margin:1px 0 4px;font-size:.8rem}.info-workflow-card p{margin:0;color:var(--muted);font-size:.68rem;line-height:1.55}.info-rich-decision{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:34px;margin-top:28px;padding:31px;border-radius:24px;background:linear-gradient(135deg,#171431,#30205d 55%,#087e9d);color:#fff;overflow:hidden;position:relative}.info-rich-decision:after{content:"";position:absolute;width:300px;height:300px;right:-120px;top:-140px;border-radius:50%;background:radial-gradient(circle,rgba(120,88,255,.45),transparent 68%);animation:infoDrift 9s ease-in-out infinite}.info-rich-decision>*{position:relative;z-index:1}.info-rich-decision .info-section-label{color:#bcb5ff}.info-rich-decision h2{margin:8px 0 9px;font-size:clamp(1.5rem,3vw,2.15rem);letter-spacing:-.04em}.info-rich-decision .info-decision-copy>p{margin:0;color:#c9cbe0;font-size:.76rem;line-height:1.75}.info-decision-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.info-decision-list>div{display:grid;grid-template-columns:28px 34px 1fr;gap:9px;align-items:center;padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.06);backdrop-filter:blur(8px)}.info-decision-list>div>span{font-size:.58rem;font-weight:900;color:#bdb5ff}.info-decision-list>div>i{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:rgba(255,255,255,.1);color:#fff;font-size:.75rem}.info-decision-list strong,.info-decision-list small{display:block}.info-decision-list strong{font-size:.68rem}.info-decision-list small{margin-top:3px;color:#bfc2d7;font-size:.57rem;line-height:1.45}.info-rich-faq{padding-top:28px}.info-faq-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.info-faq-grid details{padding:15px 16px;border:1px solid rgba(29,36,66,.08);border-radius:15px;background:#fff;box-shadow:0 12px 35px rgba(44,36,103,.045)}.info-faq-grid summary{display:flex;justify-content:space-between;gap:12px;align-items:center;cursor:pointer;font-size:.73rem;font-weight:800;list-style:none}.info-faq-grid summary::-webkit-details-marker{display:none}.info-faq-grid summary i{color:#6d50f4;font-size:.65rem;transition:transform .2s ease}.info-faq-grid details[open] summary i{transform:rotate(45deg)}.info-faq-grid details p{margin:10px 0 0;color:var(--muted);font-size:.67rem;line-height:1.65}
@media(max-width:900px){.info-rich-features{grid-template-columns:repeat(2,minmax(0,1fr))}.info-workflow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.info-faq-grid{grid-template-columns:1fr 1fr}.info-rich-intro,.info-rich-decision{grid-template-columns:1fr}.info-rich-decision{gap:22px}}
@media(max-width:620px){.info-rich-intro{padding-top:40px;gap:12px}.info-rich-features,.info-workflow-grid,.info-faq-grid{grid-template-columns:1fr}.info-rich-workflow{padding:19px}.info-rich-decision{padding:22px;border-radius:20px}.info-decision-list{grid-template-columns:1fr}.info-rich .info-feature{min-height:0}.info-rich .info-section-head{padding-top:8px}}

/* v2 public footer pages: isolated styles; no workspace/function styles are modified. */
.info-rich-v2{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:34px 0 78px;color:var(--text,#18213a);font-size:16px;line-height:1.55}.info-rich-v2 *{box-sizing:border-box}.info-v2-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);gap:30px;align-items:center;min-height:390px;padding:56px;border-radius:30px;overflow:hidden;background:linear-gradient(135deg,#17132f 0%,#30206b 55%,#0786a7 100%);color:#fff;box-shadow:0 30px 80px rgba(45,35,110,.2)}.info-v2-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:30px 30px;opacity:.8}.info-v2-hero:after{content:"";position:absolute;width:430px;height:430px;right:-150px;top:-210px;border-radius:50%;background:radial-gradient(circle,rgba(132,91,255,.52),transparent 68%);animation:infoV2Drift 10s ease-in-out infinite}.info-v2-hero>*{position:relative;z-index:2}.info-v2-hero-copy{max-width:700px}.info-v2-kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.08);color:#dedbff;font-size:12px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.info-v2-kicker i{font-size:11px}.info-v2-hero h1{margin:18px 0 14px!important;font-size:clamp(38px,5vw,68px)!important;line-height:.98!important;letter-spacing:-.055em!important;color:#fff!important}.info-v2-hero p{margin:0!important;max-width:680px;color:#cdd0e4!important;font-size:16px!important;line-height:1.75!important}.info-v2-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.info-v2-actions .button{min-height:44px}.info-v2-hero .info-v2-actions .button:not(.primary){color:#fff;border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.08)}.info-v2-visual{min-height:270px;display:grid;place-items:center;position:relative}.info-v2-icon{width:120px;height:120px;border-radius:34px;display:grid;place-items:center;background:linear-gradient(135deg,#7a57ff,#20c8e7);box-shadow:0 28px 65px rgba(0,0,0,.28);font-size:42px;animation:infoV2Float 4s ease-in-out infinite}.info-v2-ring{position:absolute;border:1px solid rgba(255,255,255,.15);border-radius:50%;animation:infoV2Spin 18s linear infinite}.ring-a{width:270px;height:270px}.ring-b{width:210px;height:210px;animation-duration:13s;animation-direction:reverse}.ring-c{width:150px;height:150px;animation-duration:9s}.info-v2-chip{position:absolute;padding:10px 13px;border:1px solid rgba(255,255,255,.13);border-radius:13px;background:rgba(8,12,30,.52);backdrop-filter:blur(12px);font-size:12px;font-weight:800;box-shadow:0 12px 30px rgba(0,0,0,.18);animation:infoV2Float 4s ease-in-out infinite}.info-v2-chip i{color:#6de7ba;margin-right:5px}.chip-a{left:5%;top:18%}.chip-b{right:4%;bottom:17%;animation-delay:-1.4s}.info-v2-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.info-v2-stat{min-height:82px;padding:18px 20px;border:1px solid rgba(29,36,66,.09);border-radius:17px;background:rgba(255,255,255,.82);box-shadow:0 14px 35px rgba(44,36,103,.05);display:flex;flex-direction:column;justify-content:center}.info-v2-stat strong{font-size:15px}.info-v2-stat span{margin-top:3px;color:var(--muted,#69728a);font-size:13px}.info-v2-section-head{padding:58px 4px 24px}.info-v2-section-head.compact{padding:0 0 22px}.info-v2-section-head>span,.info-v2-related-head>span,.info-v2-highlight-copy>span,.info-v2-bottom>div>span{display:inline-flex;color:#7057ed;font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.info-v2-section-head h2,.info-v2-related-head h2{margin:7px 0 9px!important;font-size:clamp(27px,3.2vw,40px)!important;line-height:1.08!important;letter-spacing:-.045em!important;color:var(--text,#18213a)!important}.info-v2-section-head p,.info-v2-related-head p{margin:0!important;max-width:760px;color:var(--muted,#69728a)!important;font-size:15px!important;line-height:1.75!important}.info-v2-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.info-v2-feature{display:flex;gap:14px;min-height:175px;padding:20px;border:1px solid rgba(29,36,66,.09);border-radius:19px;background:#fff;box-shadow:0 16px 42px rgba(44,36,103,.055);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.info-v2-feature:hover{transform:translateY(-5px);box-shadow:0 24px 50px rgba(44,36,103,.1);border-color:rgba(109,74,255,.2)}.info-v2-feature-icon{flex:0 0 44px;width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#eeeaff,#e4f9ff);color:#6448e9;font-size:17px}.info-v2-feature-no{display:block;margin-bottom:3px;color:#8b83d9;font-size:10px;font-weight:900;letter-spacing:.08em}.info-v2-feature h3{margin:0 0 6px!important;font-size:16px!important;line-height:1.25!important;color:var(--text,#18213a)!important}.info-v2-feature p{margin:0!important;color:var(--muted,#69728a)!important;font-size:13px!important;line-height:1.65!important}.info-v2-workflow{margin-top:32px;padding:31px;border:1px solid rgba(29,36,66,.08);border-radius:25px;background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(248,248,255,.92));box-shadow:0 18px 55px rgba(44,36,103,.06)}.info-v2-workflow-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.info-v2-workflow-card{display:flex;gap:13px;min-height:105px;padding:17px;border:1px solid rgba(29,36,66,.08);border-radius:16px;background:#fff;transition:transform .2s ease}.info-v2-workflow-card:hover{transform:translateY(-3px)}.info-v2-step-no{flex:0 0 34px;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#eeeaff;color:#6448e9;font-size:10px;font-weight:900}.info-v2-workflow-card h3{margin:1px 0 5px!important;font-size:15px!important;color:var(--text,#18213a)!important}.info-v2-workflow-card p{margin:0!important;color:var(--muted,#69728a)!important;font-size:13px!important;line-height:1.55!important}.info-v2-highlight{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px;margin-top:30px;padding:32px;border-radius:25px;background:linear-gradient(135deg,#171431,#32215f 55%,#087f9e);color:#fff;overflow:hidden;position:relative}.info-v2-highlight:after{content:"";position:absolute;width:330px;height:330px;right:-130px;top:-150px;border-radius:50%;background:radial-gradient(circle,rgba(121,89,255,.45),transparent 68%);animation:infoV2Drift 9s ease-in-out infinite}.info-v2-highlight>*{position:relative;z-index:2}.info-v2-highlight-copy>span{color:#bdb5ff}.info-v2-highlight-copy h2{margin:8px 0 10px!important;font-size:clamp(25px,3vw,38px)!important;line-height:1.08!important;letter-spacing:-.04em!important;color:#fff!important}.info-v2-highlight-copy p{margin:0!important;color:#c8cbdf!important;font-size:14px!important;line-height:1.75!important}.info-v2-step-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.info-v2-step-item{display:grid;grid-template-columns:26px 38px 1fr;gap:9px;align-items:center;padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:15px;background:rgba(255,255,255,.06);backdrop-filter:blur(9px)}.info-v2-step-item>span{font-size:10px;font-weight:900;color:#bdb5ff}.info-v2-step-item>i{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:rgba(255,255,255,.1);font-size:14px}.info-v2-step-item strong,.info-v2-step-item small{display:block}.info-v2-step-item strong{font-size:12px;color:#fff}.info-v2-step-item small{margin-top:3px;color:#c1c4d8;font-size:11px;line-height:1.45}.info-v2-practical,.info-v2-faq{margin-top:34px}.info-v2-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.info-v2-check-grid article{display:flex;gap:13px;align-items:flex-start;padding:18px;border:1px solid rgba(29,36,66,.08);border-radius:17px;background:#fff;box-shadow:0 14px 35px rgba(44,36,103,.045)}.info-v2-check-grid article>span{flex:0 0 40px;width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#eeeaff;color:#6448e9}.info-v2-check-grid h3{margin:1px 0 5px!important;font-size:15px!important;color:var(--text,#18213a)!important}.info-v2-check-grid p{margin:0!important;color:var(--muted,#69728a)!important;font-size:13px!important;line-height:1.6!important}.info-v2-faq-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.info-v2-faq details{padding:17px 18px;border:1px solid rgba(29,36,66,.08);border-radius:16px;background:#fff;box-shadow:0 12px 32px rgba(44,36,103,.045)}.info-v2-faq summary{display:flex;justify-content:space-between;gap:10px;align-items:center;cursor:pointer;list-style:none;font-size:14px;font-weight:800;color:var(--text,#18213a)}.info-v2-faq summary::-webkit-details-marker{display:none}.info-v2-faq summary i{color:#6d50f4;font-size:11px;transition:transform .2s ease}.info-v2-faq details[open] summary i{transform:rotate(45deg)}.info-v2-faq details p{margin:10px 0 0!important;color:var(--muted,#69728a)!important;font-size:13px!important;line-height:1.65!important}.info-v2-related-head{padding:58px 4px 20px}.info-v2-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.info-v2-related{display:flex;align-items:center;gap:12px;min-width:0;padding:17px;border:1px solid rgba(29,36,66,.08);border-radius:17px;background:#fff;color:inherit;text-decoration:none;box-shadow:0 13px 34px rgba(44,36,103,.045);transition:transform .2s ease,box-shadow .2s ease}.info-v2-related:hover{transform:translateY(-4px);box-shadow:0 20px 44px rgba(44,36,103,.09)}.info-v2-related-icon{flex:0 0 40px;width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#eeeaff;color:#6448e9}.info-v2-related>span:nth-child(2){min-width:0;display:flex;flex-direction:column;gap:3px}.info-v2-related strong{font-size:14px;color:var(--text,#18213a)}.info-v2-related small{font-size:12px;line-height:1.4;color:var(--muted,#69728a)}.info-v2-related>i{margin-left:auto;color:#7465ee;font-size:11px}.info-v2-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:22px;padding:25px 28px;border-radius:21px;background:linear-gradient(135deg,#f1efff,#ebfbff);border:1px solid rgba(109,74,255,.12)}.info-v2-bottom>div>span{color:#6d50f4}.info-v2-bottom h2{margin:6px 0 5px!important;font-size:23px!important;color:var(--text,#18213a)!important}.info-v2-bottom p{margin:0!important;color:var(--muted,#69728a)!important;font-size:13px!important}.info-v2-bottom .info-v2-actions{margin:0}.info-v2-bottom .info-v2-actions .button:not(.primary){color:var(--text,#18213a);background:#fff;border-color:rgba(29,36,66,.1)}
@keyframes infoV2Float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes infoV2Spin{to{transform:rotate(360deg)}}@keyframes infoV2Drift{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-16px,12px,0)}}
@media(max-width:1000px){.info-v2-hero{grid-template-columns:1fr;padding:42px}.info-v2-visual{order:-1;min-height:230px}.info-v2-hero-copy{max-width:760px;margin:auto;text-align:center}.info-v2-hero p{margin-left:auto!important;margin-right:auto!important}.info-v2-actions{justify-content:center}.info-v2-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.info-v2-workflow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.info-v2-highlight{grid-template-columns:1fr}.info-v2-faq-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.info-v2-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.info-rich-v2{width:min(100% - 24px,1180px);padding:16px 0 48px}.info-v2-hero{padding:27px 20px;border-radius:23px;min-height:0}.info-v2-hero h1{font-size:36px!important}.info-v2-hero p{font-size:14px!important}.info-v2-visual{min-height:190px}.info-v2-icon{width:84px;height:84px;border-radius:24px;font-size:28px}.ring-a{width:185px;height:185px}.ring-b{width:145px;height:145px}.ring-c{width:108px;height:108px}.info-v2-chip{font-size:10px;padding:8px 9px}.chip-a{left:2%;top:12%}.chip-b{right:1%;bottom:10%}.info-v2-stats{grid-template-columns:1fr}.info-v2-section-head{padding:40px 2px 18px}.info-v2-section-head h2,.info-v2-related-head h2{font-size:28px!important}.info-v2-section-head p,.info-v2-related-head p{font-size:14px!important}.info-v2-feature-grid,.info-v2-workflow-grid,.info-v2-check-grid,.info-v2-faq-grid,.info-v2-related-grid{grid-template-columns:1fr}.info-v2-feature{min-height:0;padding:16px}.info-v2-workflow{padding:21px}.info-v2-highlight{padding:22px;border-radius:21px}.info-v2-step-list{grid-template-columns:1fr}.info-v2-bottom{flex-direction:column;align-items:flex-start;padding:21px}.info-v2-bottom .info-v2-actions{width:100%}.info-v2-bottom .info-v2-actions .button{flex:1}.info-v2-related-head{padding-top:42px}}
@media(prefers-reduced-motion:reduce){.info-v2-icon,.info-v2-chip,.info-v2-ring,.info-v2-hero:after{animation:none}.info-v2-feature,.info-v2-workflow-card,.info-v2-related{transition:none}}

/* ===== TRYNLE CODE STUDIO + DEVELOPER REQUESTS ===== */
.code-studio-grid{display:grid;grid-template-columns:250px minmax(0,1fr);gap:18px;margin:18px 0}.code-studio-main{min-width:0}.code-toolbar-note{margin:5px 0 0;color:#7a849a;font-size:11px}.code-browser-editable{display:grid;grid-template-columns:210px minmax(0,1fr);min-height:620px;overflow:hidden}.code-editor-live{min-width:0}.client-code-editor-form{height:100%;display:flex;flex-direction:column}.client-source-editor{width:100%;min-height:540px;resize:vertical;border:0;border-radius:0;padding:22px;background:#0f0d21;color:#edf0ff;font:500 13px/1.65 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;tab-size:2;outline:none}.client-source-editor:focus{box-shadow:inset 0 0 0 2px rgba(110,81,245,.6)}.client-source-editor.ai-drop-target{box-shadow:inset 0 0 0 3px #20b8e9, inset 0 0 50px rgba(32,184,233,.12)}.code-assist-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:18px;margin:18px 0}.ai-code-panel,.developer-help-panel{padding:22px}.panel-copy{font-size:12px;color:#6d7890;line-height:1.7;margin:0 0 16px}.ai-source-form,.developer-invite-form{display:grid;gap:12px}.ai-source-form label,.developer-invite-form label{display:grid;gap:6px;font-size:11px;font-weight:800;color:#4f5b74}.ai-source-form input,.ai-source-form select,.ai-source-form textarea,.developer-invite-form input,.developer-invite-form select,.developer-invite-form textarea{width:100%;border:1px solid #e1e5ef;background:#fbfcff;border-radius:12px;padding:11px 12px;font:inherit;color:#1d2740;outline:none}.ai-source-form input:focus,.ai-source-form select:focus,.ai-source-form textarea:focus,.developer-invite-form input:focus,.developer-invite-form select:focus,.developer-invite-form textarea:focus{border-color:#7258f3;box-shadow:0 0 0 4px rgba(114,88,243,.1)}.ai-source-row,.invite-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ai-current-code{display:none!important}.ai-generated-source{margin-top:15px;border:1px solid #ddd9ff;border-radius:16px;background:#f8f7ff;padding:12px}.ai-generated-source[draggable="true"]{cursor:grab}.ai-generated-source:active{cursor:grabbing}.ai-generated-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;font-size:11px;font-weight:900;color:#5d49e8}.ai-generated-head small{color:#7a849a;font-weight:700}.ai-generated-source pre{max-height:240px;overflow:auto;margin:0;padding:14px;border-radius:12px;background:#101026;color:#e9ecff;font:500 11px/1.55 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;white-space:pre-wrap}.ai-generated-source .button{margin-top:10px}.invite-live-card{border:1px solid #dfe4f0;border-radius:16px;padding:17px;background:#fafbff}.invite-live-card strong{display:block;color:#2d3550}.invite-live-card strong i{color:#1b9f73}.invite-live-card p{margin:8px 0 4px;font-weight:800;color:#4f5870}.invite-live-card small{color:#7b8499}.code-collab-note,.developer-invite-rule{display:flex;gap:14px;align-items:flex-start;margin:18px 0 40px;padding:18px}.collab-icon{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border-radius:14px;background:#eeeaff;color:#6545e8}.code-collab-note p,.developer-invite-rule p{margin:5px 0 0;color:#69748c;font-size:12px;line-height:1.7}.developer-invites-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:18px;margin:18px 0}.developer-invite-board,.developer-my-requests{padding:22px}.developer-invite-list{display:grid;gap:12px}.developer-invite-card{border:1px solid #e1e5ef;border-radius:18px;padding:18px;background:#fff}.invite-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.invite-card-top h3{margin:6px 0 0;font-size:18px}.invite-pending{white-space:nowrap;font-size:10px;font-weight:900;color:#c98213;background:#fff6df;padding:7px 10px;border-radius:999px}.invite-pending i{font-size:6px}.developer-invite-card>p{margin:12px 0;color:#68738b;line-height:1.7;font-size:12px}.invite-meta{display:flex;flex-wrap:wrap;gap:9px;color:#65718a;font-size:11px}.invite-meta span{padding:7px 9px;border-radius:9px;background:#f7f8fc}.invite-meta i{color:#6545e8;margin-right:5px}.invite-skills{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px}.invite-skills span{padding:6px 9px;border-radius:999px;background:#eeeaff;color:#604be4;font-size:10px;font-weight:800}.invite-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:15px}.invite-actions form{margin:0}.my-invite-list{display:grid;gap:8px}.my-invite-row{display:flex;align-items:center;gap:10px;padding:11px;border:1px solid #e7e9f0;border-radius:12px;color:#28334b}.my-invite-row:hover{border-color:#cfc7ff;transform:translateY(-1px)}.my-invite-row>span:nth-child(2){min-width:0;flex:1}.my-invite-row b,.my-invite-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.my-invite-row b{font-size:12px}.my-invite-row small{font-size:10px;color:#7b8498;margin-top:3px}.compact-empty{min-height:230px!important}.code-studio-orb>i{background:linear-gradient(135deg,#6847f5,#20b8e9)}
@media(max-width:900px){.code-studio-grid,.developer-invites-layout,.code-assist-grid{grid-template-columns:1fr}.code-projects{order:2}.developer-my-requests{order:2}.code-browser-editable{grid-template-columns:190px minmax(0,1fr)}}
@media(max-width:620px){.code-browser-editable{grid-template-columns:1fr}.code-browser-editable .file-tree{border-right:0;border-bottom:1px solid #e8eaf2;max-height:220px;overflow:auto}.client-source-editor{min-height:430px;font-size:11px;padding:16px}.ai-source-row,.invite-row{grid-template-columns:1fr}.invite-actions{flex-direction:column}.invite-actions form,.invite-actions .button{width:100%}.code-collab-note,.developer-invite-rule{padding:15px}.ai-generated-source pre{max-height:190px}}
.trynle-ace-editor{width:100%;height:540px;background:#101026}.trynle-ace-editor.ai-drop-target{box-shadow:inset 0 0 0 3px #20b8e9,inset 0 0 50px rgba(32,184,233,.12)}.client-source-fallback{display:none!important}
@media(max-width:620px){.trynle-ace-editor{height:430px}}

/* TRYNLE 017 — Contribution + continuous update UI. Isolated to avoid changing existing screens. */
.repo-list{display:grid;gap:8px;max-height:520px;overflow:auto;margin:14px 0 18px}.repo-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid rgba(103,86,255,.12);border-radius:14px;background:rgba(255,255,255,.72);cursor:pointer}.repo-row:hover,.repo-row:has(input:checked){border-color:rgba(103,86,255,.35);box-shadow:0 8px 24px rgba(47,32,125,.08)}.repo-row input{accent-color:#6756ff}.repo-icon,.row-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#eeeaff;color:#6756ff;flex:0 0 38px}.repo-row span:nth-last-child(1),.repo-row span:nth-child(3){display:flex;flex-direction:column;gap:3px}.repo-row small,.dev-list-row small{color:#78809a}.contrib-create{display:grid;gap:12px;margin-bottom:12px}.contrib-create label,.contrib-add-file{display:grid;gap:7px}.contrib-add-file{grid-template-columns:1fr auto;align-items:center;margin-bottom:12px}.contrib-add-file input{min-width:0}.dev-code-layout{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:18px;margin:18px 0}.code-files{align-self:start}.code-file-row{display:flex;gap:10px;align-items:center;padding:11px 13px;border-radius:11px;color:inherit;text-decoration:none}.code-file-row:hover,.code-file-row.active{background:#eeeaff;color:#5e49ee}.contribution-editor{display:block;width:100%;min-height:620px;resize:vertical;border:1px solid #dfe1ef;border-radius:14px;padding:16px;background:#101027;color:#eef0ff;font:13px/1.65 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;outline:none}.contribution-editor:focus{border-color:#7257ff;box-shadow:0 0 0 3px rgba(114,87,255,.12)}.log-box{margin:0;white-space:pre-wrap;overflow:auto;max-height:420px;padding:16px;border-radius:14px;background:#101027;color:#dfe4ff}.settings-summary{display:flex;flex-direction:column;gap:5px;padding:16px;border:1px solid rgba(103,86,255,.12);border-radius:14px;background:rgba(255,255,255,.72)}.settings-summary span{font-weight:700}.admin-alert{display:flex;gap:10px;align-items:flex-start;padding:13px 15px;border-radius:13px;background:#f2f0ff;color:#4e4a67;margin-top:14px}.admin-alert.warning{background:#fff6df;color:#765400}.admin-table small{display:block;color:#78809a;margin-top:3px}.button.small{padding:8px 11px;font-size:12px}.actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.inline{display:inline-flex!important;align-items:center;gap:8px}.admin-table td.actions{white-space:nowrap}.admin-table td.actions form{display:inline-flex}.dev-panel>.panel-head .status-chip{margin-left:auto}@media(max-width:900px){.dev-code-layout{grid-template-columns:1fr}.code-files{order:2}.contribution-editor{min-height:460px}.admin-table{min-width:920px}.admin-card .table-wrap{overflow:auto}}@media(max-width:640px){.contrib-add-file{grid-template-columns:1fr}.repo-list{max-height:420px}.repo-row{padding:10px}.settings-summary{padding:13px}.dev-code-layout{gap:12px}}