:root {
  --ink: #0b1b1a;
  --ink-soft: #52605d;
  --paper: #f5f2e8;
  --paper-deep: #e9e4d6;
  --white: #fffef9;
  --lime: #c8ff3d;
  --line: #b8b6aa;
  --danger: #ff9e82;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--ink);
  background: var(--paper);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
a { color: inherit; text-decoration: none; }
button, textarea, input { font: inherit; }
button { color: inherit; }
.topbar {
  width: min(1240px, calc(100% - 40px));
  height: 82px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--line);
}
.brand { display: inline-flex; align-items: center; gap: 10px; font-size: 20px; font-weight: 900; letter-spacing: -.04em; }
.brand-mark {
  width: 38px; height: 38px; display: grid; place-items: center;
  color: var(--white); background: var(--ink); border: 1px solid var(--ink);
  border-radius: 4px 12px 4px 4px; font-size: 12px; font-weight: 900;
}
nav { display: flex; gap: 30px; font-size: 13px; font-weight: 750; }
nav a:hover { text-decoration: underline; text-underline-offset: 5px; }
.header-actions { display: flex; align-items: center; gap: 10px; }
.lang { width: 40px; height: 40px; background: transparent; border: 1px solid var(--ink); cursor: pointer; font-size: 11px; font-weight: 900; }
.button {
  min-height: 52px; padding: 0 22px; display: inline-flex; align-items: center; justify-content: center; gap: 22px;
  border: 1px solid var(--ink); cursor: pointer; font-weight: 850; transition: transform .2s, box-shadow .2s;
}
.button:hover { transform: translate(-3px,-3px); box-shadow: 5px 5px 0 var(--ink); }
.button-small { min-height: 42px; padding: 0 16px; font-size: 12px; }
.button-dark { color: var(--white); background: var(--ink); }
.button-lime { background: var(--lime); }
.button-outline { color: var(--white); border-color: var(--white); background: transparent; }
.button-outline:disabled { opacity: .35; cursor: not-allowed; transform: none; box-shadow: none; }
.button-wide { width: 100%; }
.hero {
  width: min(1240px, calc(100% - 40px)); min-height: 690px; margin: 0 auto; padding: 85px 0;
  display: grid; grid-template-columns: 1.05fr .95fr; align-items: center; gap: 50px;
}
.eyebrow, .kicker { margin: 0 0 20px; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 11px; font-weight: 900; letter-spacing: .09em; }
.eyebrow { display: flex; align-items: center; gap: 8px; }
.eyebrow span { width: 8px; height: 8px; background: var(--lime); border: 1px solid var(--ink); border-radius: 50%; box-shadow: 0 0 0 4px rgba(200,255,61,.35); }
h1, h2, h3 { letter-spacing: -.06em; }
h1 { max-width: 760px; margin: 0; font-size: clamp(54px, 6.5vw, 94px); line-height: .93; }
h1 em { display: block; color: transparent; -webkit-text-stroke: 1.6px var(--ink); font-style: normal; }
.hero-text { max-width: 650px; margin: 30px 0; color: var(--ink-soft); font-size: 18px; line-height: 1.65; }
.hero-actions { display: flex; align-items: center; gap: 26px; }
.text-link { font-size: 13px; font-weight: 850; text-decoration: underline; text-underline-offset: 5px; }
.trust { margin-top: 34px; display: flex; flex-wrap: wrap; gap: 18px; color: var(--ink-soft); font-size: 11px; }
.hero-art { min-height: 520px; position: relative; }
.orbit { position: absolute; border: 1px dashed rgba(11,27,26,.22); border-radius: 50%; animation: spin 18s linear infinite; }
.orbit::after { content:""; width: 10px; height: 10px; position:absolute; top:9%; left:20%; background:var(--lime); border:1px solid var(--ink); }
.orbit-a { width: 410px; height: 410px; top: 35px; left: 10px; }
.orbit-b { width: 280px; height: 280px; right: -20px; bottom: 18px; animation-direction: reverse; animation-duration: 12s; }
.file-card { position:absolute; padding: 25px; border:1px solid var(--ink); }
.file-card span { font-family: ui-monospace, Consolas, monospace; font-size: 10px; font-weight: 850; }
.file-back { width: 72%; height: 290px; top: 34px; right: 24px; transform: rotate(6deg); background:var(--white); }
.file-front { width: 84%; min-height: 350px; left: 8px; bottom: 22px; overflow:hidden; transform:rotate(-3deg); color:var(--white); background:var(--ink); box-shadow: 12px 12px 0 var(--lime); animation:float 5s ease-in-out infinite; }
.card-title { display:flex; justify-content:space-between; gap:15px; margin-bottom:50px; }
.card-title strong { padding:5px 7px; color:var(--ink); background:var(--lime); font-size:8px; }
.line { display:block; height:8px; margin:15px 0; background:#cbc9bf; }
.line.dark { background:#314240; }
.line-long { width:92%; }.line-mid{width:72%;}.line-short{width:48%;}
.file-card > b { display:inline-block; padding:6px 8px; color:var(--ink); background:var(--danger); font-family:ui-monospace,Consolas,monospace; font-size:13px; }
.file-front > b { color:var(--lime); background:#20302f; }
.stamp { margin-top:48px; display:flex; align-items:center; gap:11px; color:var(--lime); font-family:ui-monospace,Consolas,monospace; font-size:9px; }
.stamp strong { font-size:38px; line-height:1; }
.scanline { width:140%; height:2px; position:absolute; left:-20%; top:12%; background:var(--lime); box-shadow:0 0 25px var(--lime); animation:scan 3.4s ease-in-out infinite; }
.local-seal { width:86px; height:86px; position:absolute; right:-4px; bottom:4px; display:grid; place-items:center; z-index:4; border:1px solid var(--ink); border-radius:50%; background:var(--paper); text-align:center; font-family:ui-monospace,Consolas,monospace; font-size:10px; font-weight:900; transform:rotate(9deg); }
.ticker { overflow:hidden; border-block:1px solid var(--ink); background:var(--lime); }
.ticker div { width:max-content; min-height:49px; display:flex; align-items:center; font-family:ui-monospace,Consolas,monospace; font-size:11px; font-weight:850; letter-spacing:.05em; animation:ticker 24s linear infinite; }
.ticker b { margin-inline:8px 14px; padding:5px 7px; color:var(--lime); background:var(--ink); }
.demo, .audience, .pricing { padding: 105px max(20px, calc((100vw - 1240px)/2)); }
.demo { background:var(--white); }
.section-head { margin-bottom:45px; display:grid; grid-template-columns:1fr .6fr; gap:50px; align-items:end; }
.section-head h2, .dark-section h2, .flow h2, .pricing h2, .faq h2 { max-width:770px; margin:0; font-size:clamp(40px,5vw,72px); line-height:.98; }
.section-head > p, .pricing > div > p:last-child { margin:0; color:var(--ink-soft); line-height:1.65; }
.stepbar { margin-bottom:18px; display:grid; grid-template-columns:repeat(3,1fr); border:1px solid var(--ink); background:var(--paper); }
.stepbar > div { min-height:75px; padding:14px 18px; display:flex; align-items:center; gap:14px; border-right:1px solid var(--ink); color:#8a8f87; }
.stepbar > div:last-child { border-right:0; }
.stepbar span { width:31px; height:31px; flex:0 0 auto; display:grid; place-items:center; border:1px solid currentColor; border-radius:50%; font:800 11px ui-monospace,Consolas,monospace; }
.stepbar p { margin:0; font-size:13px; }.stepbar strong{display:block;font-size:14px;}
.stepbar .active { color:var(--ink); background:var(--lime); }.stepbar .done{color:var(--ink)}.stepbar .done span{color:var(--lime);background:var(--ink)}
.demo-grid { display:grid; grid-template-columns:1fr 1fr; border:1px solid var(--ink); box-shadow:10px 10px 0 rgba(11,27,26,.12); }
.editor, .result { min-width:0; padding:22px; display:flex; flex-direction:column; gap:16px; }
.editor { background:var(--paper); }.result{color:var(--white);background:var(--ink);border-left:1px solid var(--ink);}
.panel-head { min-height:34px; display:flex; justify-content:space-between; align-items:center; gap:15px; font-size:12px; font-weight:850; }
.panel-head button { padding:0; border:0; background:transparent; cursor:pointer; text-decoration:underline; }
textarea { width:100%; min-height:330px; padding:20px; resize:vertical; border:1px solid var(--line); outline:0; background:var(--white); font:14px/1.65 ui-monospace,Consolas,monospace; }
textarea:focus { border-color:var(--ink); box-shadow:0 0 0 3px rgba(200,255,61,.55); }
.panel-footer { display:flex; justify-content:space-between; align-items:center; gap:16px; color:var(--ink-soft); font-size:11px; }
.output { min-height:250px; padding:20px; overflow-wrap:anywhere; color:var(--white); background:#132624; border:1px solid #314240; font:14px/1.7 ui-monospace,Consolas,monospace; white-space:pre-wrap; }
.result.ready .output { box-shadow:inset 4px 0 0 var(--lime); }
.risk { padding:6px 8px; color:var(--ink); background:var(--paper-deep); font:850 9px ui-monospace,Consolas,monospace; }
.risk.high { background:var(--danger); }.risk.safe{background:var(--lime);}
.detections { min-height:29px; display:flex; flex-wrap:wrap; gap:7px; }
.detections span { padding:6px 8px; color:var(--ink); background:var(--lime); font:800 9px ui-monospace,Consolas,monospace; }
.review-note { margin:0; color:#9aa6a2; font-size:11px; line-height:1.55; }
.daily-use { margin:25px 0 0; color:var(--ink-soft); text-align:center; font-size:12px; }
.daily-use strong { margin-right:8px; padding:5px 8px; color:var(--ink); background:var(--paper-deep); border:1px solid var(--ink); font:900 9px ui-monospace,Consolas,monospace; }
.daily-use strong.pro-active { background:var(--lime); }
.dark-section { padding:105px max(20px, calc((100vw - 1240px)/2)); color:var(--white); background:var(--ink); }
.dark-section > div:first-child { display:grid; grid-template-columns:.25fr 1fr; gap:50px; align-items:start; }
.dark-section > div:first-child > p:last-child { grid-column:2; max-width:680px; margin:25px 0 0; color:#9eaaa6; line-height:1.65; }
.kicker-lime { color:var(--lime); }
.metrics { margin-top:65px; display:grid; grid-template-columns:repeat(3,1fr); border:1px solid #41504e; }
.metrics article { min-height:250px; padding:26px; display:flex; flex-direction:column; justify-content:space-between; border-right:1px solid #41504e; }
.metrics article:last-child{border-right:0}.metrics strong{font-size:70px;letter-spacing:-.07em}.metrics span{max-width:280px;color:#9eaaa6;font-size:13px;line-height:1.55}
.cards { display:grid; grid-template-columns:repeat(4,1fr); border:1px solid var(--ink); }
.cards article { min-height:330px; padding:25px; display:flex; flex-direction:column; border-right:1px solid var(--ink); transition:.2s; }
.cards article:last-child{border-right:0}.cards article:hover{background:var(--lime);transform:translateY(-6px)}.cards span{color:var(--ink-soft);font:800 10px ui-monospace,Consolas,monospace}.cards h3{margin:auto 0 14px;font-size:25px}.cards p{margin:0;color:var(--ink-soft);font-size:13px;line-height:1.6}
.flow { width:min(1240px,calc(100% - 40px)); margin:0 auto; padding:105px 0; display:grid; grid-template-columns:.8fr 1.2fr; gap:90px; }
.flow ol { margin:0;padding:0;list-style:none;border-top:1px solid var(--ink); }
.flow li{min-height:145px;padding:20px 0;display:grid;grid-template-columns:50px 1fr 30px;gap:20px;align-items:center;border-bottom:1px solid var(--ink)}.flow li>span{font:800 10px ui-monospace,Consolas,monospace}.flow h3{margin:0 0 8px;font-size:21px}.flow p{margin:0;color:var(--ink-soft);font-size:13px;line-height:1.5}.flow li>b{font-size:24px}
.pricing { display:grid; grid-template-columns:1fr .8fr; align-items:center; gap:120px; background:var(--paper-deep); border-block:1px solid var(--ink); }
.price-card { padding:28px; background:var(--white); border:1px solid var(--ink); box-shadow:12px 12px 0 var(--ink); }
.pricing-side { display:grid; gap:28px; }
.price-top{display:flex;justify-content:space-between;align-items:center;gap:15px}.price-top>span{padding:7px 9px;background:var(--lime);border:1px solid var(--ink);font:800 8px ui-monospace,Consolas,monospace}
.price{margin:42px 0 12px;display:flex;align-items:baseline;gap:8px}.price strong{font-size:56px;letter-spacing:-.08em}.price-card>p:not(.price){color:var(--ink-soft);line-height:1.55}.price-card ul{margin:25px 0;padding:0;list-style:none}.price-card li{padding:11px 0;border-top:1px solid var(--line);font-size:13px}.price-card small{display:block;margin-top:13px;color:var(--ink-soft);text-align:center;font-size:10px}
.activation-card { padding:28px; background:var(--ink); color:var(--white); border:1px solid var(--ink); box-shadow:12px 12px 0 var(--lime); scroll-margin-top:24px; }
.activation-card h3 { margin:0 0 10px; font-size:29px; }
.activation-card > p:not(.kicker) { color:#b6c1bd; line-height:1.55; font-size:13px; }
.activation-card form { display:grid; gap:9px; margin-top:22px; }
.activation-card label { margin-top:5px; font-size:11px; font-weight:850; }
.activation-card input { width:100%; min-height:50px; padding:0 14px; color:var(--ink); background:var(--white); border:1px solid #55635f; outline:0; }
.activation-card input:focus { border-color:var(--lime); box-shadow:0 0 0 3px rgba(200,255,61,.25); }
.activation-card .button { margin-top:10px; }
.activation-status { margin:16px 0 0; padding:11px; border:1px solid #40504c; }
.activation-status.success { color:var(--ink)!important; background:var(--lime); border-color:var(--lime); }
.activation-status.error { color:var(--ink)!important; background:var(--danger); border-color:var(--danger); }
.logout-link { margin-top:10px; padding:0; color:#cbd5d1; background:transparent; border:0; cursor:pointer; font-size:11px; text-decoration:underline; }
.faq { width:min(1240px,calc(100% - 40px)); margin:0 auto; padding:105px 0; display:grid; grid-template-columns:.65fr 1.35fr; gap:90px; }
.faq>div:last-child{border-top:1px solid var(--ink)}details{border-bottom:1px solid var(--ink)}summary{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;font-size:17px;font-weight:800}summary::-webkit-details-marker{display:none}summary span{font-size:24px}details[open] summary span{transform:rotate(45deg)}details p{max-width:650px;margin:-2px 0 25px;color:var(--ink-soft);line-height:1.65}
footer{min-height:260px;padding:55px max(20px,calc((100vw - 1240px)/2));display:grid;grid-template-columns:.4fr 1fr;align-items:center;gap:45px;color:var(--white);background:var(--ink)}.footer-brand .brand-mark{color:var(--ink);background:var(--lime);border-color:var(--lime)}footer>p{margin:0;font-size:clamp(30px,3.5vw,50px);font-weight:900;letter-spacing:-.06em}footer small{grid-column:2;color:#8e9a96}footer small a{text-decoration:underline}
.mobile-cta{display:none}
.legal { min-height:100vh; padding:50px max(24px,calc((100vw - 900px)/2)) 80px; }.legal article{margin-top:50px;padding:clamp(26px,5vw,60px);background:var(--white);border:1px solid var(--ink);box-shadow:10px 10px 0 var(--ink)}.legal h1{font-size:clamp(45px,7vw,75px);margin:0 0 28px}.legal h2{margin:32px 0 8px;font-size:21px}.legal p{color:var(--ink-soft);line-height:1.7}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{0%,100%{transform:rotate(-3deg) translateY(0)}50%{transform:rotate(-2deg) translateY(-9px)}}@keyframes scan{0%,15%{top:12%;opacity:0}25%{opacity:1}80%{top:88%;opacity:1}95%,100%{top:88%;opacity:0}}@keyframes ticker{to{transform:translateX(-50%)}}
@media(max-width:980px){nav{display:none}.hero{grid-template-columns:1fr}.section-head,.pricing,.faq,.flow{grid-template-columns:1fr;gap:50px}.cards{grid-template-columns:repeat(2,1fr)}.cards article:nth-child(2){border-right:0}.cards article:nth-child(-n+2){border-bottom:1px solid var(--ink)}}
@media(max-width:720px){.topbar,.hero,.flow,.faq{width:calc(100% - 28px)}.topbar{height:68px}.header-actions .button{display:none}.hero{min-height:auto;padding:58px 0;gap:25px}.hero h1{font-size:clamp(49px,15vw,69px)}.hero-text{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column}.trust{align-items:flex-start;flex-direction:column;gap:9px}.hero-art{min-height:380px}.file-back{height:250px}.file-front{min-height:300px}.orbit-a{width:310px;height:310px}.orbit-b{width:210px;height:210px}.demo,.audience,.pricing,.dark-section{padding:75px 14px}.section-head{display:block}.section-head>p{margin-top:23px}.stepbar{grid-template-columns:1fr}.stepbar>div{min-height:61px;border-right:0;border-bottom:1px solid var(--ink)}.stepbar>div:last-child{border-bottom:0}.demo-grid,.metrics,.cards{grid-template-columns:1fr}.result{border-top:1px solid var(--ink);border-left:0}.editor textarea{min-height:250px}.panel-footer{align-items:stretch;flex-direction:column}.metrics article,.cards article{min-height:220px;border-right:0;border-bottom:1px solid}.dark-section>div:first-child{grid-template-columns:1fr}.dark-section>div:first-child>p:last-child{grid-column:1}.price-card{padding:21px;box-shadow:7px 7px 0 var(--ink)}.price strong{font-size:47px}.faq{padding:75px 0}footer{grid-template-columns:1fr;gap:28px;padding-bottom:100px}footer small{grid-column:1}.mobile-cta{min-height:52px;position:fixed;z-index:20;left:12px;right:12px;bottom:12px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:var(--lime);border:1px solid var(--ink);box-shadow:5px 5px 0 var(--ink);font-size:14px;font-weight:900}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.orbit,.file-front,.scanline,.ticker div{animation:none}}