:root{--ink:#11110f;--paper:#f2f0e9;--white:#fbfaf5;--lime:#d8ff3e;--orange:#ff6038;--muted:#74736c;--line:#d3d0c5;--mono:'JetBrains Mono',monospace;--sans:'Plus Jakarta Sans',sans-serif;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--paper);color:var(--ink);font-family:var(--sans)}button,select,textarea,input{font:inherit}.app{display:grid;grid-template-columns:238px minmax(0,1fr);min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;padding:26px 19px;background:var(--ink);color:#fff;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;padding:0 7px}.brand-mark{width:39px;height:39px;border-radius:11px;display:grid;place-items:center;background:var(--lime);color:var(--ink);font-weight:800;font-size:21px;transform:rotate(-4deg)}.brand b{display:block;font-size:13px;letter-spacing:.13em}.brand small{display:block;margin-top:2px;color:#88887f;font:9px var(--mono);letter-spacing:.1em}.sidebar nav{display:flex;flex-direction:column;gap:6px;margin-top:56px}.nav-item{position:relative;border:0;border-radius:12px;padding:13px 11px;background:transparent;color:#aaa9a3;text-align:left;cursor:pointer}.nav-item span{margin-right:11px;color:#6f6f68;font:10px var(--mono)}.nav-item i{font-style:normal;font-weight:650;font-size:12px}.nav-item b{float:right;border-radius:99px;background:#343430;padding:2px 6px;font:9px var(--mono)}.nav-item:hover,.nav-item.active{background:#262622;color:#fff}.nav-item.active:before{content:"";position:absolute;left:-19px;top:11px;width:3px;height:22px;background:var(--lime)}.engine-state{display:flex;align-items:center;gap:10px;margin-top:auto;padding:20px 5px;border-top:1px solid #33332f}.engine-state>span{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px rgba(216,255,62,.12)}.engine-state b,.engine-state small{display:block}.engine-state b{font-size:10px}.engine-state small{margin-top:3px;color:#7e7e76;font:8px var(--mono)}main{grid-column:2;min-width:0}.topbar{position:sticky;top:0;z-index:15;height:70px;padding:0 32px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);background:rgba(242,240,233,.9);backdrop-filter:blur(12px);font:9px var(--mono);letter-spacing:.09em}.breadcrumb{margin-right:auto}.breadcrumb span{color:var(--muted)}.language{display:flex;gap:3px;padding:3px;border:1px solid var(--line);border-radius:99px;background:rgba(255,255,255,.55)}.language a{padding:5px 8px;border-radius:99px;color:var(--muted);text-decoration:none;font-weight:700}.language a.active{background:var(--ink);color:var(--lime)}.date{padding:7px 10px;border:1px solid var(--line);border-radius:99px}.view{display:none;max-width:1460px;margin:auto;padding:38px 32px 58px}.view.active{display:block;animation:rise .35s ease}@keyframes rise{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}.hero{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:31px}.eyebrow,.kicker{color:#66655e;font:9px var(--mono);letter-spacing:.14em}.hero h1,.page-head h1{margin:14px 0 0;font-size:clamp(34px,4.2vw,62px);line-height:.95;letter-spacing:-.055em;font-weight:650}.hero h1 em{font-family:Georgia,serif;font-weight:400;color:#76746c}.metric{min-width:202px;padding:17px;border-left:1px solid var(--line)}.metric>span{display:block;margin-bottom:7px;font:8px var(--mono)}.metric strong{font-size:37px;letter-spacing:-.05em}.metric small{font:10px var(--mono);color:var(--muted)}.metric>i{display:block;height:4px;margin-top:11px;background:#d5d2c8}.metric>i b{display:block;width:91%;height:100%;background:var(--orange);transition:width .35s}.panel{border:1px solid var(--line);border-radius:var(--radius);background:rgba(251,250,245,.86);box-shadow:0 8px 28px rgba(43,40,26,.04)}.workspace{display:grid;grid-template-columns:minmax(300px,.7fr) minmax(520px,1.3fr);gap:18px}.brief,.output{padding:24px}.panel-title{display:flex;align-items:center;gap:11px;margin-bottom:22px}.panel-title>span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:#fff;font:9px var(--mono)}.panel-title h2{margin:0;font-size:15px}.text-btn{margin-left:auto;border:0;background:transparent;color:var(--muted);cursor:pointer;font:9px var(--mono)}label{display:block;margin-top:16px;color:#626159;font:8px var(--mono);letter-spacing:.1em}textarea,input,select{width:100%;margin-top:8px;border:1px solid transparent;border-radius:10px;padding:11px 12px;outline:0;background:#e9e6dd;color:var(--ink);font:500 12px var(--sans)}textarea{resize:vertical;line-height:1.5}textarea:focus,input:focus,select:focus{background:#fff;border-color:#aaa79c;box-shadow:0 0 0 3px rgba(216,255,62,.33)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.generate{width:100%;margin-top:22px;padding:14px 16px;border:0;border-radius:12px;background:var(--lime);color:var(--ink);display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-weight:800;box-shadow:inset 0 -3px rgba(0,0,0,.1)}.generate:hover{transform:translateY(-1px)}.generate:disabled{opacity:.6;cursor:wait}.generate b{font-size:17px}.privacy{margin:9px 0 0;color:#8d8b82;font:8px var(--mono)}.output-head{display:flex;justify-content:space-between;gap:18px;padding-bottom:19px;border-bottom:1px solid var(--line)}.output-head h2{margin:6px 0 0;font-size:23px;letter-spacing:-.035em}.output-actions{display:flex;gap:5px}.output-actions button{width:34px;height:34px;border:1px solid var(--line);border-radius:9px;background:transparent;cursor:pointer}.output-actions button:hover{background:var(--ink);color:#fff}.hook{display:flex;align-items:center;gap:17px;margin:16px 0;padding:13px 14px;border-radius:11px;background:var(--ink);color:#fff}.hook span{flex:none;color:var(--lime);font:8px var(--mono);letter-spacing:.11em}.hook p{margin:0;font-size:12px}.strategy{padding:14px;border:1px solid var(--line);border-radius:12px;background:#ece9e0}.strategy>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.strategy span,.strategy small{font:8px var(--mono);letter-spacing:.08em;color:var(--muted)}.strategy b{font:700 9px var(--mono)}.strategy p{margin:10px 0 7px;color:#605f58;font-size:10px;line-height:1.55}.strategy strong{color:var(--orange);font:700 8px var(--mono);margin-right:3px}.text-only-badge{display:flex;align-items:center;gap:8px;margin:14px 0;padding:10px 12px;border:1px solid #cbd5a6;border-radius:10px;background:#f3f9dc}.text-only-badge>span{width:7px;height:7px;border-radius:50%;background:#7c9324}.text-only-badge b{font:700 8px var(--mono);letter-spacing:.1em}.text-only-badge small{margin-left:auto;color:#647020;font:8px var(--mono)}.tabs{display:flex;gap:5px;margin:14px 0}.tabs button{border:1px solid var(--line);border-radius:8px;padding:8px 11px;background:transparent;color:var(--muted);cursor:pointer;font:700 8px var(--mono);letter-spacing:.07em}.tabs button.active{background:var(--ink);color:#fff;border-color:var(--ink)}.prompt-card{position:relative;margin-top:10px;border:1px solid var(--line);border-radius:13px;background:#f7f5ee;overflow:hidden}.prompt-card header{display:flex;justify-content:space-between;gap:14px;padding:13px 14px;border-bottom:1px solid var(--line)}.prompt-card header span{color:var(--orange);font:8px var(--mono)}.prompt-card header h3{margin:5px 0 0;font-size:12px}.prompt-card header>b{color:#59651f;background:#eef6d5;border-radius:99px;padding:5px 7px;font:8px var(--mono);height:max-content}.prompt-card pre{max-height:280px;overflow:auto;white-space:pre-wrap;margin:0;padding:15px 15px 48px;color:#3d3c37;font:9px/1.65 var(--mono)}.prompt-card>button{position:absolute;right:12px;bottom:11px;border:0;border-radius:7px;padding:7px 9px;background:var(--ink);color:var(--lime);font:8px var(--mono);cursor:pointer}.plan-shot{display:grid;grid-template-columns:67px 1fr;gap:14px;padding:15px 0;border-bottom:1px solid var(--line)}.shot-time b,.shot-time span{display:block}.shot-time b{font-size:20px;color:var(--orange)}.shot-time span{margin-top:4px;color:var(--muted);font:8px var(--mono)}.plan-shot h3{margin:0 0 6px;font-size:13px}.plan-shot p{margin:0;color:#5f5e57;font-size:10px;line-height:1.55}.plan-shot dl{display:grid;grid-template-columns:80px 1fr;gap:6px 10px;margin:11px 0 0}.plan-shot dt{color:var(--muted);font:8px var(--mono)}.plan-shot dd{margin:0;font-size:9px;line-height:1.5}.final-cta{margin-top:15px;padding:13px 14px;border-radius:11px;background:#e7e2d5}.final-cta span{font:8px var(--mono)}.final-cta p{margin:5px 0 0;font-size:10px}.quality{display:flex;align-items:center;gap:26px;margin-top:18px;padding:17px 20px}.quality>div:first-child{min-width:132px}.quality span{display:block;color:var(--muted);font:8px var(--mono);letter-spacing:.08em}.quality strong{font-size:11px}.checks{display:flex;flex-wrap:wrap;gap:6px}.checks span{padding:6px 8px;border:1px solid #cbd5a6;border-radius:99px;background:#f3f9dc;color:#59651f;font:8px var(--mono)}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:28px}.page-head p{margin:12px 0 0;color:var(--muted);font-size:12px}.small-primary{border:0;border-radius:10px;padding:11px 15px;background:var(--ink);color:#fff;cursor:pointer;font-weight:700;font-size:10px}.trend-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.trend-entry,.insight{padding:24px}.trend-entry h2,.insight h2{margin:0 0 10px;font-size:18px}.insight>span{font:8px var(--mono);letter-spacing:.1em}.insight>strong{display:block;margin:14px 0;font-size:48px}.insight p{min-height:72px;color:var(--muted);font-size:11px;line-height:1.6}.insight button{width:100%;margin-top:14px;border:0;border-radius:10px;padding:12px;background:var(--lime);font-size:10px;font-weight:800}.insight button:disabled{background:#d1cec4;color:#7d7b73}.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.archive-card{padding:19px;cursor:pointer}.archive-card:hover{border-color:#99968c;transform:translateY(-2px)}.archive-card time{color:var(--muted);font:8px var(--mono)}.archive-card h3{margin:14px 0 7px;font-size:15px}.archive-card p{color:var(--muted);font-size:10px;line-height:1.5}.archive-card footer{display:flex;align-items:center;justify-content:space-between;margin-top:17px}.archive-card footer span{font:8px var(--mono)}.archive-card footer b{font-size:18px;color:var(--orange)}.empty{grid-column:1/-1;padding:65px 20px;border:1px dashed #aaa79d;border-radius:16px;text-align:center;color:var(--muted)}.empty b,.empty span{display:block}.empty b{margin-bottom:7px;color:var(--ink)}.toast{position:fixed;right:22px;bottom:22px;z-index:50;padding:12px 15px;border-radius:9px;background:var(--ink);color:#fff;opacity:0;transform:translateY(65px);transition:.25s;font:9px var(--mono)}.toast.show{opacity:1;transform:none}
@media(max-width:1080px){.app{grid-template-columns:78px 1fr}.sidebar{width:78px;padding:23px 11px}.brand{padding:0}.brand>span:last-child,.nav-item i,.nav-item b,.engine-state div{display:none}.sidebar nav{margin-top:38px}.nav-item{text-align:center}.nav-item span{margin:0}.workspace{grid-template-columns:1fr}.archive-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.app{display:block}.sidebar{inset:auto 0 0;width:100%;height:65px;padding:7px 10px;flex-direction:row}.brand,.engine-state{display:none}.sidebar nav{width:100%;margin:0;flex-direction:row;justify-content:space-around}.nav-item{padding:12px 16px}.nav-item.active:before{left:8px;right:8px;top:auto;bottom:-7px;width:auto;height:3px}main{grid-column:1}.topbar{height:62px;padding:0 15px}.breadcrumb{display:none}.language{margin-left:auto}.view{padding:26px 15px 90px}.hero{display:block}.metric{margin-top:18px;border-left:0;padding-left:0}.hero h1{font-size:41px}.form-row,.trend-grid,.archive-grid{grid-template-columns:1fr}.output-head{display:block}.output-actions{margin-top:12px}.text-only-badge{align-items:flex-start;flex-wrap:wrap}.text-only-badge small{width:100%;margin-left:15px}.quality{align-items:flex-start;flex-direction:column}.page-head{display:block}.page-head>button{margin-top:17px}.plan-shot{grid-template-columns:52px 1fr}.plan-shot dl{grid-template-columns:68px 1fr}}

/* Nexovias theme adapter: this embedded product consumes the site's L1 tokens. */
:root{
  --ink:var(--nx-color-text);
  --paper:var(--nx-color-bg);
  --white:var(--nx-color-bg-deep);
  --lime:var(--nx-color-accent);
  --orange:var(--nx-color-accent-secondary);
  --muted:var(--nx-color-text-muted);
  --line:var(--nx-color-border);
  --mono:var(--nx-font-mono);
  --sans:var(--nx-font-body);
  --radius:var(--nx-radius-md);
  color-scheme:dark
}
*{scrollbar-color:var(--nx-color-accent-dim) rgba(230,241,236,.06)}
::selection{background:var(--nx-color-accent);color:var(--nx-color-accent-contrast)}
:focus-visible{outline:2px solid var(--nx-color-accent);outline-offset:3px}
body{background:var(--nx-color-bg);color:var(--nx-color-text);font-family:var(--nx-font-body)}
h1,h2,h3,.brand b,.generate,.small-primary{font-family:var(--nx-font-display)}
.app{background:
  radial-gradient(circle at 78% 5%,rgba(0,255,204,.075),transparent 25rem),
  radial-gradient(circle at 45% 80%,rgba(58,123,255,.04),transparent 30rem),
  var(--nx-color-bg)}
.sidebar{background:rgba(4,9,8,.98);color:var(--nx-color-text);border-right:1px solid var(--nx-color-border)}
.brand{color:var(--nx-color-text)}
.brand-mark{background:rgba(0,255,204,.08);color:var(--nx-color-accent);border:1px solid rgba(0,255,204,.55);border-radius:var(--nx-radius-md);box-shadow:0 0 28px rgba(0,255,204,.12);transform:none}
.brand b{color:var(--nx-color-text);font-weight:700}
.brand small{color:var(--nx-color-text-muted)}
.nav-item{color:var(--nx-color-text-muted);border:1px solid transparent;transition:color var(--nx-motion-fast),background var(--nx-motion-fast),border-color var(--nx-motion-fast)}
.nav-item span{color:rgba(159,179,170,.62)}
.nav-item b{background:rgba(230,241,236,.08);color:var(--nx-color-text-muted)}
.nav-item:hover,.nav-item.active{background:rgba(0,255,204,.07);border-color:rgba(0,255,204,.12);color:var(--nx-color-text)}
.nav-item.active:before{background:var(--nx-color-accent);box-shadow:0 0 14px rgba(0,255,204,.55)}
.nav-item.active span{color:var(--nx-color-accent)}
.engine-state{border-top-color:var(--nx-color-border)}
.engine-state>span{background:var(--nx-color-accent);box-shadow:0 0 0 5px rgba(0,255,204,.09),0 0 18px rgba(0,255,204,.3)}
.engine-state b{color:var(--nx-color-text)}
.engine-state small{color:var(--nx-color-text-muted)}
.topbar{border-bottom-color:var(--nx-color-border);background:rgba(6,13,11,.88);color:var(--nx-color-text);backdrop-filter:blur(16px)}
.breadcrumb span,.date{color:var(--nx-color-text-muted)}
.language{border-color:var(--nx-color-border);background:rgba(230,241,236,.035)}
.language a{color:var(--nx-color-text-muted)}
.language a.active{background:var(--nx-color-accent);color:var(--nx-color-accent-contrast)}
.date{border-color:var(--nx-color-border);background:rgba(230,241,236,.025)}
.eyebrow,.kicker{color:var(--nx-color-accent-dim)}
.hero h1,.page-head h1{color:var(--nx-color-text);font-family:var(--nx-font-display);font-weight:650}
.hero h1 em{font-family:var(--nx-font-display);font-style:normal;color:var(--nx-color-text-muted);font-weight:400}
.metric{border-left-color:var(--nx-color-border)}
.metric small,.metric>span{color:var(--nx-color-text-muted)}
.metric>i{background:rgba(230,241,236,.08);border-radius:var(--nx-radius-full);overflow:hidden}
.metric>i b{background:linear-gradient(90deg,var(--nx-color-accent-dim),var(--nx-color-accent));box-shadow:0 0 12px rgba(0,255,204,.3)}
.panel{border-color:var(--nx-color-border);background:rgba(4,9,8,.84);box-shadow:0 18px 48px rgba(0,0,0,.18),inset 0 1px rgba(230,241,236,.025)}
.panel-title>span{background:rgba(0,255,204,.09);border:1px solid rgba(0,255,204,.2);color:var(--nx-color-accent)}
.panel-title h2{color:var(--nx-color-text)}
.text-btn{color:var(--nx-color-text-muted)}
.text-btn:hover{color:var(--nx-color-accent)}
label{color:var(--nx-color-text-muted)}
textarea,input,select{border-color:rgba(0,255,204,.1);background:rgba(230,241,236,.045);color:var(--nx-color-text);font-family:var(--nx-font-body);transition:border-color var(--nx-motion-fast),background var(--nx-motion-fast),box-shadow var(--nx-motion-fast)}
textarea::placeholder,input::placeholder{color:rgba(159,179,170,.62)}
select option{background:var(--nx-color-bg-deep);color:var(--nx-color-text)}
textarea:hover,input:hover,select:hover{border-color:rgba(0,255,204,.25)}
textarea:focus,input:focus,select:focus{background:rgba(0,255,204,.035);border-color:var(--nx-color-accent);box-shadow:0 0 0 3px rgba(0,255,204,.1)}
.generate,.small-primary,.insight button{background:var(--nx-color-accent);color:var(--nx-color-accent-contrast);box-shadow:0 8px 24px rgba(0,255,204,.1);transition:transform var(--nx-motion-fast),background var(--nx-motion-fast),box-shadow var(--nx-motion-fast)}
.generate:hover,.small-primary:hover,.insight button:hover{background:var(--nx-color-accent-dim);box-shadow:0 10px 30px rgba(0,255,204,.18)}
.generate:disabled,.insight button:disabled{background:rgba(159,179,170,.2);color:var(--nx-color-text-muted);box-shadow:none}
.privacy{color:var(--nx-color-text-muted)}
.output-head{border-bottom-color:var(--nx-color-border)}
.output-actions button{border-color:var(--nx-color-border);background:rgba(230,241,236,.025);color:var(--nx-color-text-muted)}
.output-actions button:hover{background:rgba(0,255,204,.09);border-color:rgba(0,255,204,.35);color:var(--nx-color-accent)}
.hook{background:linear-gradient(135deg,rgba(0,255,204,.09),rgba(58,123,255,.035));border:1px solid rgba(0,255,204,.2);color:var(--nx-color-text)}
.hook span{color:var(--nx-color-accent)}
.strategy{border-color:var(--nx-color-border);background:rgba(230,241,236,.025)}
.strategy span,.strategy small,.strategy p{color:var(--nx-color-text-muted)}
.strategy strong{color:var(--nx-color-accent-secondary)}
.text-only-badge{border-color:rgba(0,255,204,.2);background:rgba(0,255,204,.045)}
.text-only-badge>span{background:var(--nx-color-accent);box-shadow:0 0 12px rgba(0,255,204,.4)}
.text-only-badge b{color:var(--nx-color-text)}
.text-only-badge small{color:var(--nx-color-accent-dim)}
.tabs button{border-color:var(--nx-color-border);background:rgba(230,241,236,.02);color:var(--nx-color-text-muted)}
.tabs button:hover{border-color:rgba(0,255,204,.3);color:var(--nx-color-text)}
.tabs button.active{background:rgba(0,255,204,.1);border-color:rgba(0,255,204,.45);color:var(--nx-color-accent)}
.prompt-card{border-color:var(--nx-color-border);background:rgba(6,13,11,.88)}
.prompt-card header{border-bottom-color:var(--nx-color-border);background:rgba(230,241,236,.018)}
.prompt-card header span{color:var(--nx-color-accent-secondary)}
.prompt-card header>b{color:var(--nx-color-accent-dim);background:rgba(0,255,204,.065);border:1px solid rgba(0,255,204,.14)}
.prompt-card pre{color:#bfd0c8}
.prompt-card>button{background:var(--nx-color-accent);color:var(--nx-color-accent-contrast)}
.prompt-card>button:hover{background:var(--nx-color-accent-dim)}
.plan-shot{border-bottom-color:var(--nx-color-border)}
.shot-time b{color:var(--nx-color-accent-secondary)}
.plan-shot p{color:var(--nx-color-text-muted)}
.plan-shot dt{color:var(--nx-color-accent-dim)}
.final-cta{background:rgba(0,255,204,.045);border:1px solid rgba(0,255,204,.12)}
.checks span{border-color:rgba(0,255,204,.18);background:rgba(0,255,204,.045);color:var(--nx-color-accent-dim)}
.page-head p{color:var(--nx-color-text-muted)}
.trend-entry,.insight{background:rgba(4,9,8,.84)}
.insight>strong{color:var(--nx-color-accent)}
.insight p{color:var(--nx-color-text-muted)}
.archive-card{transition:transform var(--nx-motion-fast),border-color var(--nx-motion-fast),background var(--nx-motion-fast)}
.archive-card:hover{border-color:rgba(0,255,204,.32);background:rgba(0,255,204,.025)}
.archive-card footer b{color:var(--nx-color-accent-secondary)}
.empty{border-color:rgba(0,255,204,.2);color:var(--nx-color-text-muted);background:rgba(230,241,236,.015)}
.empty b{color:var(--nx-color-text)}
.toast{background:var(--nx-color-text);color:var(--nx-color-bg-deep);box-shadow:0 10px 32px rgba(0,0,0,.3)}
.create-head{display:flex;align-items:end;justify-content:space-between;gap:var(--nx-space-6);max-width:1100px;margin:0 0 var(--nx-space-5)}
.create-head h2{margin:9px 0 0;color:var(--nx-color-text);font:650 clamp(25px,3vw,38px)/1.05 var(--nx-font-display);letter-spacing:-.035em}
.create-head p{margin:10px 0 0;max-width:680px;color:var(--nx-color-text-muted);font-size:12px;line-height:1.65}
.flow-note{flex:none;padding:8px 12px;border:1px solid rgba(0,255,204,.2);border-radius:var(--nx-radius-full);background:rgba(0,255,204,.04);color:var(--nx-color-accent-dim);font:700 8px var(--nx-font-mono);letter-spacing:.08em}
.workspace{grid-template-columns:minmax(0,1100px);justify-content:start;gap:var(--nx-space-5)}
.brief,.output{width:100%}
.output{scroll-margin-top:88px;animation:resultReveal var(--nx-motion-slow) var(--nx-ease-enter)}
.quality{max-width:1100px}
body.embedded,.embedded .app{min-height:0}
[hidden]{display:none!important}
@keyframes resultReveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:700px){.create-head{display:block}.flow-note{display:inline-flex;margin-top:var(--nx-space-4)}}
.access-view{max-width:1220px}
.access-shell{position:relative;overflow:hidden;padding:clamp(26px,5vw,58px);border:1px solid var(--nx-color-border);border-radius:24px;background:radial-gradient(circle at 82% 12%,rgba(0,255,204,.11),transparent 24rem),rgba(4,9,8,.9);box-shadow:0 22px 70px rgba(0,0,0,.22)}
.access-shell:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.025),transparent 32%)}
.access-top,.plans,.access-bottom{position:relative}
.access-top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--nx-space-7)}
.access-top h1{margin:14px 0 0;max-width:720px;color:var(--nx-color-text);font:650 clamp(38px,6vw,70px)/.98 var(--nx-font-display);letter-spacing:-.055em}
.access-top h1 em{color:var(--nx-color-text-muted);font-style:normal;font-weight:400}
.access-top p{max-width:690px;margin:20px 0 0;color:var(--nx-color-text-muted);font-size:13px;line-height:1.7}
.access-login{flex:none;padding:11px 16px;border:1px solid rgba(0,255,204,.3);border-radius:var(--nx-radius-md);background:rgba(0,255,204,.055);color:var(--nx-color-accent);cursor:pointer;font:700 10px var(--nx-font-mono);letter-spacing:.04em}
.access-login:hover{background:rgba(0,255,204,.1);border-color:var(--nx-color-accent)}
.plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--nx-space-4);margin-top:var(--nx-space-7)}
.plan-card{position:relative;display:flex;min-height:300px;flex-direction:column;align-items:flex-start;padding:28px;border:1px solid var(--nx-color-border);border-radius:var(--nx-radius-md);background:rgba(230,241,236,.018);color:var(--nx-color-text);text-align:left;cursor:pointer;transition:transform var(--nx-motion-fast),border-color var(--nx-motion-fast),background var(--nx-motion-fast),box-shadow var(--nx-motion-fast)}
.plan-card:hover{transform:translateY(-3px);border-color:rgba(0,255,204,.38);background:rgba(0,255,204,.035)}
.plan-card.featured{border-color:rgba(0,255,204,.3);background:linear-gradient(145deg,rgba(0,255,204,.075),rgba(58,123,255,.025))}
.plan-card.selected{border-color:var(--nx-color-accent);box-shadow:0 0 0 2px rgba(0,255,204,.11),0 16px 40px rgba(0,0,0,.18)}
.plan-cycle{color:var(--nx-color-accent-dim);font:700 9px var(--nx-font-mono);letter-spacing:.14em}
.plan-badge{position:absolute;right:20px;top:20px;padding:6px 9px;border-radius:var(--nx-radius-full);background:var(--nx-color-accent);color:var(--nx-color-accent-contrast);font:800 8px var(--nx-font-mono);letter-spacing:.07em}
.plan-price{display:flex;align-items:baseline;gap:9px;margin-top:24px}
.plan-price strong{font:650 58px/1 var(--nx-font-display);letter-spacing:-.06em}
.plan-price small{color:var(--nx-color-text-muted);font:10px var(--nx-font-mono)}
.plan-copy{max-width:360px;margin-top:17px;color:var(--nx-color-text-muted);font-size:11px;line-height:1.6}
.plan-limit{margin-top:22px;padding-top:18px;width:100%;border-top:1px solid var(--nx-color-border);color:var(--nx-color-text);font:700 10px var(--nx-font-mono)}
.plan-cta{margin-top:auto;padding-top:24px;color:var(--nx-color-accent);font:750 11px var(--nx-font-display)}
.access-bottom{display:flex;align-items:center;justify-content:space-between;gap:var(--nx-space-5);margin-top:var(--nx-space-5);padding-top:var(--nx-space-5);border-top:1px solid var(--nx-color-border)}
.access-bottom>div{display:flex;align-items:center;gap:10px}
.access-bottom p{margin:0;color:var(--nx-color-text-muted);font:9px/1.5 var(--nx-font-mono)}
.access-dot{width:7px;height:7px;flex:none;border-radius:50%;background:var(--nx-color-accent-secondary);box-shadow:0 0 12px rgba(58,123,255,.45)}
.studio-preview{flex:none;border:0;background:transparent;color:var(--nx-color-text-muted);cursor:pointer;text-decoration:underline;text-underline-offset:4px;font:9px var(--nx-font-mono)}
.studio-preview:hover{color:var(--nx-color-text)}
@media(max-width:700px){.access-shell{padding:25px 18px;border-radius:16px}.access-top{display:block}.access-login{margin-top:22px}.plans{grid-template-columns:1fr;margin-top:32px}.plan-card{min-height:270px}.access-bottom{align-items:flex-start;flex-direction:column}.plan-price strong{font-size:50px}}