:root{
  --bg:#050507;
  --bg-2:#0a0a10;
  --panel:#11111a;
  --panel-2:#171723;
  --line:rgba(255,255,255,.10);
  --text:#f7f4ff;
  --muted:#aaa6ba;
  --purple:#a515c8;
  --purple-2:#7f0aa0;
  --cyan:#2ee7f2;
  --cyan-2:#37c5f3;
  --success:#50e3a4;
  --warning:#ffd67a;
  --shadow:0 28px 80px rgba(0,0,0,.45);
  --radius:24px;
  --radius-sm:14px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body.ai-site{margin:0;background:
  radial-gradient(circle at 15% 12%,rgba(165,21,200,.18),transparent 30%),
  radial-gradient(circle at 85% 20%,rgba(46,231,242,.11),transparent 28%),
  var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}
a{color:inherit}
img{max-width:100%}
button,input,textarea,select{font:inherit}
.ai-shell{width:min(1180px,calc(100% - 32px));margin:0 auto}
.ai-nav{position:sticky;top:0;z-index:1000;background:rgba(5,5,7,.82);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.ai-nav-inner{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.ai-brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:800;letter-spacing:.02em}
.ai-brand img{width:44px;height:40px;object-fit:contain}
.ai-brand-copy{display:flex;flex-direction:column;line-height:1}
.ai-brand-copy small{font-size:.65rem;color:var(--cyan);letter-spacing:.18em;margin-top:5px}
.ai-links{display:flex;align-items:center;gap:24px}
.ai-links a{color:#ded9e9;text-decoration:none;font-size:.92rem;font-weight:650}
.ai-links a:hover{color:var(--cyan)}
.ai-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:999px;padding:12px 18px;text-decoration:none;font-weight:750;cursor:pointer;transition:.2s ease;background:linear-gradient(135deg,var(--purple),#6e12d4);color:white;box-shadow:0 12px 32px rgba(165,21,200,.22)}
.ai-btn:hover{transform:translateY(-1px);box-shadow:0 16px 38px rgba(165,21,200,.3);color:white}
.ai-btn.secondary{background:transparent;border-color:rgba(46,231,242,.45);color:var(--cyan);box-shadow:none}
.ai-btn.secondary:hover{background:rgba(46,231,242,.08)}
.ai-btn.ghost{background:rgba(255,255,255,.05);border-color:var(--line);box-shadow:none}
.ai-btn.sm{padding:9px 14px;font-size:.84rem}
.menu-toggle{display:none;background:transparent;border:1px solid var(--line);color:white;border-radius:12px;width:44px;height:44px;font-size:1.2rem}
.hero{padding:96px 0 64px;position:relative;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:58px;align-items:center}
.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid rgba(46,231,242,.25);border-radius:999px;color:var(--cyan);background:rgba(46,231,242,.06);font-size:.78rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.dot-live{width:7px;height:7px;background:var(--success);border-radius:50%;box-shadow:0 0 14px var(--success)}
.hero h1{font-size:clamp(3rem,7vw,6.6rem);line-height:.92;letter-spacing:-.06em;margin:24px 0 26px;max-width:900px}
.hero h1 .gradient{display:block;background:linear-gradient(90deg,#fff 0%,#dda7ff 46%,#54eff6 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-lead{font-size:1.16rem;color:#c6c1d3;max-width:690px;margin-bottom:28px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:34px}
.trust-row{display:flex;gap:18px;flex-wrap:wrap;color:var(--muted);font-size:.86rem}
.trust-row span:before{content:"✓";color:var(--success);margin-right:7px}
.command-card{position:relative;background:linear-gradient(180deg,rgba(23,23,35,.94),rgba(10,10,16,.96));border:1px solid rgba(255,255,255,.12);border-radius:28px;box-shadow:var(--shadow);overflow:hidden}
.command-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(165,21,200,.12),transparent 45%,rgba(46,231,242,.08));pointer-events:none}
.command-top{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line);font-size:.78rem;color:var(--muted)}
.window-dots{display:flex;gap:6px}.window-dots i{width:8px;height:8px;border-radius:50%;background:#41414b}.window-dots i:nth-child(2){background:#6b3d79}.window-dots i:nth-child(3){background:#2d6065}
.command-body{padding:24px}
.agent-prompt{background:#09090e;border:1px solid rgba(46,231,242,.2);border-radius:18px;padding:18px;margin-bottom:18px}
.agent-prompt small{display:block;color:var(--cyan);font-weight:800;margin-bottom:8px}
.agent-prompt p{margin:0;color:#f3eff8;font-size:1.02rem}
.agent-stack{display:grid;gap:10px}
.agent-line{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.03)}
.agent-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(165,21,200,.22),rgba(46,231,242,.1));border:1px solid rgba(165,21,200,.28);font-size:1rem}
.agent-line strong{display:block;font-size:.9rem}.agent-line span{font-size:.78rem;color:var(--muted)}
.agent-line .status{margin-left:auto;color:var(--success);font-size:.72rem}
.section{padding:86px 0}
.section.tight{padding:58px 0}
.section-head{max-width:760px;margin-bottom:38px}
.section-head.center{text-align:center;margin-left:auto;margin-right:auto}
.kicker{color:var(--cyan);text-transform:uppercase;letter-spacing:.14em;font-weight:800;font-size:.75rem}
.section h2{font-size:clamp(2rem,4vw,3.7rem);letter-spacing:-.045em;line-height:1.02;margin:10px 0 14px}
.section-head p{color:var(--muted);font-size:1.04rem}
.agent-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.agent-card{padding:24px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018));min-height:230px;position:relative;overflow:hidden}
.agent-card:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;background:rgba(165,21,200,.09);filter:blur(14px);right:-45px;bottom:-50px}
.agent-card .num{font-size:.72rem;color:var(--cyan);font-weight:800;letter-spacing:.12em}.agent-card h3{margin:24px 0 10px;font-size:1.2rem}.agent-card p{margin:0;color:var(--muted);font-size:.91rem}.agent-card .tag{display:inline-flex;margin-top:18px;font-size:.72rem;color:#ded7e6;border:1px solid var(--line);padding:5px 8px;border-radius:999px}
.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;counter-reset:flow}
.flow-step{border-top:1px solid rgba(46,231,242,.35);padding-top:18px;counter-increment:flow}.flow-step:before{content:"0" counter(flow);color:var(--cyan);font-weight:850;font-size:.78rem}.flow-step h3{font-size:1.05rem;margin:12px 0 7px}.flow-step p{font-size:.88rem;color:var(--muted);margin:0}
.blueprint-preview{display:grid;grid-template-columns:.72fr 1.28fr;gap:20px;align-items:stretch}
.blueprint-side{padding:28px;border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.035)}
.blueprint-side h3{font-size:1.7rem;line-height:1.05}.blueprint-side p{color:var(--muted)}
.bp-sheet{background:#f7f7fb;color:#16141c;border-radius:20px;padding:28px;box-shadow:var(--shadow)}
.bp-sheet-top{display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid #ddd9e5;padding-bottom:18px;margin-bottom:18px}.bp-sheet-top strong{font-size:1.15rem}.bp-sheet-top span{font-size:.75rem;color:#665e72}
.bp-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.bp-cell{border:1px solid #e2dfea;border-radius:13px;padding:14px}.bp-cell small{font-size:.67rem;text-transform:uppercase;letter-spacing:.09em;color:#805398;font-weight:800}.bp-cell p{margin:8px 0 0;font-size:.86rem;color:#312d38}
.fulfillment{border:1px solid rgba(165,21,200,.34);border-radius:28px;padding:36px;background:linear-gradient(135deg,rgba(165,21,200,.14),rgba(46,231,242,.05));display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:center}.fulfillment p{color:#c8c1d1}.service-pills{display:flex;flex-wrap:wrap;gap:9px}.service-pills a{text-decoration:none;border:1px solid var(--line);border-radius:999px;padding:9px 12px;color:#e9e2ee;background:rgba(0,0,0,.22);font-size:.84rem}
.cta-band{padding:70px 0}.cta-inner{border-radius:30px;padding:52px;background:linear-gradient(120deg,#7d079d,#321061 56%,#08394a);border:1px solid rgba(255,255,255,.15);position:relative;overflow:hidden}.cta-inner:after{content:"";position:absolute;inset:auto -15% -75% 25%;height:250px;background:radial-gradient(circle,rgba(46,231,242,.22),transparent 60%)}.cta-inner h2{font-size:clamp(2rem,5vw,4.4rem);max-width:800px}.cta-inner p{max-width:720px;color:#e1dbea}
.ai-footer{border-top:1px solid var(--line);padding:36px 0 44px;color:var(--muted);font-size:.84rem}.footer-grid{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.footer-links{display:flex;gap:16px;flex-wrap:wrap}.footer-links a{text-decoration:none;color:#d5cfdd}

/* Studio */
.studio-body{min-height:100vh}.studio-wrap{padding:34px 0 72px}.studio-head{display:flex;justify-content:space-between;gap:22px;align-items:flex-end;margin-bottom:24px}.studio-head h1{font-size:clamp(2.1rem,4.5vw,4rem);letter-spacing:-.04em;margin:8px 0 0}.mode-badge{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:999px;padding:8px 11px;font-size:.76rem;color:var(--muted)}.mode-badge i{width:7px;height:7px;border-radius:50%;background:var(--warning)}.mode-badge.live i{background:var(--success)}
.studio-layout{display:grid;grid-template-columns:340px minmax(0,1fr);gap:18px;align-items:start}.studio-sidebar,.studio-main{border:1px solid var(--line);border-radius:22px;background:rgba(14,14,21,.9);overflow:hidden}.studio-sidebar{position:sticky;top:96px}.sidebar-title{padding:18px 19px;border-bottom:1px solid var(--line)}.sidebar-title strong{display:block}.sidebar-title span{font-size:.78rem;color:var(--muted)}
.specialists{padding:10px}.specialist{width:100%;display:flex;align-items:center;gap:11px;text-align:left;background:transparent;color:var(--text);border:1px solid transparent;border-radius:13px;padding:11px;cursor:pointer}.specialist:hover,.specialist.active{background:rgba(165,21,200,.08);border-color:rgba(165,21,200,.2)}.specialist .agent-icon{width:35px;height:35px}.specialist b{display:block;font-size:.83rem}.specialist em{display:block;font-style:normal;font-size:.71rem;color:var(--muted)}.specialist .mini-state{margin-left:auto;width:8px;height:8px;border-radius:50%;background:#43434e}.specialist.done .mini-state{background:var(--success)}
.sidebar-note{margin:8px 10px 12px;padding:13px;background:rgba(46,231,242,.06);border:1px solid rgba(46,231,242,.15);border-radius:12px;color:#bcdadd;font-size:.76rem}
.studio-main{min-height:670px}.progress-top{height:4px;background:#20202a}.progress-bar-ai{height:100%;width:16.6%;background:linear-gradient(90deg,var(--purple),var(--cyan));transition:width .35s ease}.studio-panel{padding:26px}.step-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;color:var(--cyan);font-weight:800}.studio-panel h2{font-size:clamp(1.7rem,3.5vw,2.8rem);line-height:1.04;letter-spacing:-.04em;margin:9px 0 10px}.studio-panel>p{color:var(--muted);max-width:760px}
.studio-form{display:grid;gap:17px;margin-top:24px}.field-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.field label{display:block;font-size:.8rem;color:#d8d2df;margin-bottom:7px;font-weight:700}.field input,.field select,.field textarea{width:100%;background:#09090e;color:var(--text);border:1px solid var(--line);border-radius:12px;padding:13px 14px;outline:none}.field textarea{min-height:112px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:rgba(46,231,242,.48);box-shadow:0 0 0 3px rgba(46,231,242,.06)}.help{display:block;font-size:.7rem;color:#777282;margin-top:5px}
.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.choice{position:relative}.choice input{position:absolute;opacity:0}.choice label{display:block;padding:14px;border:1px solid var(--line);border-radius:12px;background:#0a0a0f;cursor:pointer;font-size:.82rem;color:#cdc7d4}.choice input:checked+label{border-color:var(--purple);background:rgba(165,21,200,.11);color:white;box-shadow:inset 0 0 0 1px rgba(165,21,200,.15)}
.studio-actions{display:flex;justify-content:space-between;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}
.processing{padding:46px 24px;text-align:center}.orb{width:92px;height:92px;margin:0 auto 24px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,rgba(46,231,242,.75) 10%,rgba(165,21,200,.8) 42%,#180926 70%);box-shadow:0 0 70px rgba(165,21,200,.35);animation:pulseOrb 2s ease-in-out infinite}@keyframes pulseOrb{50%{transform:scale(1.07);box-shadow:0 0 95px rgba(46,231,242,.28)}}.processing h2{margin-bottom:8px}.processing p{color:var(--muted)}.process-list{max-width:520px;margin:26px auto 0;display:grid;gap:9px;text-align:left}.process-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:11px;border:1px solid var(--line);color:#918c9c}.process-row.active{color:white;border-color:rgba(46,231,242,.25);background:rgba(46,231,242,.05)}.process-row.done{color:#c8f7df}.process-row span:last-child{margin-left:auto;font-size:.72rem}
.result-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:18px}.result-head .score{min-width:110px;text-align:center;border:1px solid rgba(80,227,164,.25);background:rgba(80,227,164,.06);border-radius:15px;padding:12px}.score strong{display:block;color:var(--success);font-size:1.5rem}.score span{font-size:.7rem;color:var(--muted)}
.result-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.result-card{padding:17px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.025)}.result-card.full{grid-column:1/-1}.result-card h3{font-size:.92rem;margin:0 0 10px;color:#f4eff8}.result-card p,.result-card li{color:#b6b0bf;font-size:.82rem}.result-card ul{margin:0;padding-left:18px}.result-card .pill-list{display:flex;flex-wrap:wrap;gap:6px}.result-card .pill-list span{border:1px solid var(--line);border-radius:999px;padding:5px 8px;font-size:.71rem;color:#c9c1d1}.blueprint-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.lead-box{margin-top:18px;padding:18px;border:1px solid rgba(165,21,200,.28);border-radius:16px;background:linear-gradient(135deg,rgba(165,21,200,.09),rgba(46,231,242,.04))}.lead-box h3{margin-top:0}.lead-inline{display:grid;grid-template-columns:1fr 1fr auto;gap:9px}.lead-inline input{background:#09090e;border:1px solid var(--line);border-radius:11px;color:white;padding:11px 12px}
.toast-ai{position:fixed;right:18px;bottom:18px;z-index:3000;padding:12px 15px;background:#171720;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);color:#eee;display:none;font-size:.82rem}.toast-ai.show{display:block}
.hidden{display:none!important}

@media(max-width:980px){.hero-grid,.blueprint-preview,.fulfillment,.studio-layout{grid-template-columns:1fr}.studio-sidebar{position:static}.agent-grid{grid-template-columns:repeat(2,1fr)}.flow{grid-template-columns:repeat(2,1fr)}.ai-links{display:none;position:absolute;left:16px;right:16px;top:66px;background:#0b0b10;border:1px solid var(--line);border-radius:16px;padding:14px;flex-direction:column;align-items:stretch}.ai-links.open{display:flex}.menu-toggle{display:block}.ai-nav .ai-btn.nav-cta{display:none}.studio-head{align-items:flex-start;flex-direction:column}}
@media(max-width:680px){.ai-shell{width:min(100% - 22px,1180px)}.hero{padding-top:64px}.hero h1{font-size:clamp(2.8rem,15vw,4.3rem)}.command-body{padding:16px}.section{padding:64px 0}.agent-grid,.flow,.field-grid,.choice-grid,.result-grid,.bp-grid{grid-template-columns:1fr}.result-card.full{grid-column:auto}.fulfillment,.cta-inner{padding:26px}.lead-inline{grid-template-columns:1fr}.studio-panel{padding:19px}.studio-main{min-height:auto}.result-head{flex-direction:column}.blueprint-actions .ai-btn{width:100%}.ai-brand-copy{font-size:.88rem}.ai-brand-copy small{font-size:.56rem}.trust-row{display:grid;gap:7px}}

@media print{
  body.ai-site{background:#fff!important;color:#111!important}
  .ai-nav,.studio-head,.studio-sidebar,.progress-top,.blueprint-actions,.lead-box,.toast-ai{display:none!important}
  .studio-wrap{padding:0!important}.ai-shell{width:100%!important;max-width:none!important}.studio-layout{display:block!important}.studio-main{border:0!important;background:#fff!important;min-height:0!important}
  #briefPanel,#directionPanel,#processingPanel{display:none!important}#resultPanel{display:block!important;padding:0!important}
  #resultPanel h2,#resultPanel h3,#resultPanel p,#resultPanel li,.result-head{color:#111!important}.result-card{break-inside:avoid;background:#fff!important;border:1px solid #ccc!important}.score{border:1px solid #bbb!important;background:#fff!important}.score strong{color:#111!important}
}