:root { --base:#0c0e12; --surface:#151920; --surface-2:#1c222c; --text:#f4f1ea; --muted:#a7adb8; --line:#323944; --lime:#d5ef5d; --violet:#a798ff; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; background:var(--base); color:var(--text); font-family:Arial,sans-serif; } a { color:inherit; } button,input { font:inherit; } .skip { position:absolute; left:-999px; } .skip:focus { left:10px; top:10px; z-index:5; padding:10px; background:var(--lime); color:#000; }
.topbar { width:min(1240px,calc(100% - 48px)); height:84px; margin:auto; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); } .logo { display:flex; gap:10px; align-items:center; text-decoration:none; letter-spacing:.08em; font-weight:800; font-size:1.02rem; } .logo em { color:var(--lime); font-style:normal; } .logo-mark { display:grid; place-items:center; width:28px; height:28px; background:var(--lime); color:#111; letter-spacing:0; } nav { display:flex; gap:26px; } nav a,.mail-link { color:var(--muted); font-size:.79rem; text-decoration:none; } nav a:hover,.mail-link:hover { color:var(--lime); }.mail-link{ color:var(--text); }
.intro { width:min(1240px,calc(100% - 48px)); min-height:590px; margin:auto; padding:105px 0 65px; background:radial-gradient(circle at 84% 42%,#29344c 0,transparent 26%); }.intro-label,.section-index { color:var(--lime); font-size:.7rem; font-weight:700; letter-spacing:.14em; }.intro-label span { display:inline-block; width:22px; height:2px; margin:0 8px 3px 0; background:var(--lime); }.intro h1 { max-width:820px; margin:25px 0; font-size:clamp(3.25rem,7.3vw,6.7rem); line-height:.9; letter-spacing:-.07em; }.intro h1 i { color:var(--violet); font-family:Georgia,serif; font-weight:400; }.intro-text { max-width:510px; color:var(--muted); line-height:1.7; font-size:1.05rem; }.intro-actions { display:flex; gap:23px; align-items:center; margin-top:34px; }.action { border:0; cursor:pointer; font-weight:700; font-size:.8rem; text-decoration:none; }.primary { display:inline-block; padding:14px 18px; background:var(--lime); color:#10130d; }.primary:hover { background:#e6ff71; }.plain { color:var(--text); }.plain span,.access-copy span { color:var(--lime); font-size:1.1rem; }.signal-row { display:flex; gap:13px; align-items:center; margin-top:102px; color:var(--muted); font-size:.72rem; }.signal-row span { color:var(--violet); font-weight:700; }.signal-row p { margin:0 20px 0 0; }
.flow-section,.tools-section,.access-section { padding:100px max(24px,calc((100% - 1240px)/2)); }.flow-section { background:#f0f0eb; color:#151820; }.flow-heading { display:grid; grid-template-columns:1fr 300px; gap:40px; margin-top:28px; }.flow-heading h2,.tools-layout h2,.access-copy h2,.legal h1 { margin:0; font-size:clamp(2.25rem,4.2vw,4rem); line-height:.98; letter-spacing:-.06em; }.flow-heading p,.tools-layout p { color:#59616e; line-height:1.65; }.flow-line { display:grid; grid-template-columns:repeat(3,1fr); margin-top:70px; border-top:1px solid #bfc4cb; }.flow-line article { padding:20px 30px 0 0; }.flow-line article+article { padding-left:30px; border-left:1px solid #bfc4cb; }.flow-line b { color:#705df4; font-size:.75rem; }.flow-line h3 { margin:28px 0 10px; font-size:1.32rem; }.flow-line p { color:#59616e; line-height:1.6; }
.tools-section { background:var(--surface); }.tools-layout { display:grid; grid-template-columns:1fr 1fr; gap:100px; margin-top:30px; }.tools-layout h2 { max-width:570px; }.tools-layout p { max-width:500px; color:var(--muted); }.tool-list { border-top:1px solid var(--line); }.tool { width:100%; display:grid; grid-template-columns:55px 1fr 20px; padding:24px 0; border:0; border-bottom:1px solid var(--line); color:var(--text); background:transparent; text-align:left; cursor:pointer; }.tool span { color:var(--muted); font-size:.75rem; }.tool strong { font-size:1.2rem; }.tool i { color:var(--muted); font-style:normal; }.tool.active strong,.tool:hover strong { color:var(--lime); }.workbench { margin-top:76px; padding:26px; border:1px solid var(--line); background:var(--base); }.workbench-meta { display:flex; justify-content:space-between; color:var(--muted); font-size:.68rem; letter-spacing:.11em; }.workbench-meta span:last-child { color:var(--violet); }.mode-cards { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:33px 0 20px; }.mode-card { min-height:155px; display:flex; flex-direction:column; align-items:flex-start; gap:12px; padding:22px; border:1px solid var(--line); color:var(--text); background:var(--surface); text-align:left; cursor:pointer; }.mode-card.active { border-color:var(--lime); background:#1c261d; }.mode-card span { color:var(--violet); font-size:.68rem; }.mode-card strong { font-size:1.18rem; }.mode-card small { color:var(--muted); }.tag { padding:12px; border-left:3px solid var(--lime); background:#20251e; color:var(--lime); font-size:.72rem; font-weight:700; letter-spacing:.045em; }
.access-section { display:grid; grid-template-columns:1fr 1fr; gap:130px; background:#0b0d11; }.access-copy h2 { margin:23px 0; }.access-copy p { max-width:400px; color:var(--muted); line-height:1.7; }.access-copy>a { color:var(--lime); font-weight:700; text-decoration:none; }.access-form { display:grid; gap:16px; padding:28px; background:var(--surface-2); }.access-form label { display:grid; gap:8px; color:#cbd1da; font-size:.75rem; font-weight:700; }.access-form input[type=text],.access-form input[type=email] { border:1px solid #414a58; padding:13px; color:var(--text); background:#11151b; }.robot { display:flex!important; grid-template-columns:auto 1fr; align-items:center; gap:8px!important; font-weight:400!important; }.full { width:100%; }.form-message { min-height:1.2em; margin:0; color:var(--lime); font-size:.78rem; font-weight:700; }
footer { display:flex; justify-content:space-between; gap:20px; padding:25px max(24px,calc((100% - 1240px)/2)); border-top:1px solid var(--line); color:var(--muted); font-size:.72rem; } footer a { color:#d1d7df; text-decoration:none; } footer a:hover { color:var(--lime); }
.legal { width:min(860px,calc(100% - 48px)); margin:auto; padding:85px 0 100px; }.legal h1 { margin:24px 0; }.legal .lead { max-width:650px; color:var(--muted); line-height:1.65; }.company { margin:38px 0; padding:24px; border-left:3px solid var(--lime); background:var(--surface); color:#d6dbe3; line-height:1.65; font-size:.92rem; }.legal section { padding:25px 0; border-top:1px solid var(--line); }.legal h2 { margin:0 0 11px; font-size:1.35rem; }.legal section p { margin:0; color:var(--muted); line-height:1.7; }.legal section a,.company a { color:var(--lime); }
@media(max-width:760px){.topbar{width:min(100% - 30px,1240px);height:72px}.topbar nav{display:none}.intro{width:min(100% - 36px,1240px);padding-top:75px}.intro h1{font-size:3.55rem}.signal-row{margin-top:65px;flex-wrap:wrap}.flow-heading,.tools-layout,.access-section{grid-template-columns:1fr;gap:35px}.flow-line,.mode-cards{grid-template-columns:1fr}.flow-line article+article{padding-left:0;border-left:0}.flow-section,.tools-section,.access-section{padding-top:65px;padding-bottom:65px}footer{flex-direction:column}.legal{padding-top:62px}.mail-link{font-size:.7rem}}