:root{color-scheme:dark;--bg:#07111f;--bg2:#0b1728;--panel:#0e1c31cc;--panel2:#12243e;--text:#ecfeff;--muted:#a6b4c8;--faint:#6d7e95;--line:#233858;--cyan:#5eead4;--cyan2:#2dd4bf;--blue:#60a5fa;--purple:#8b5cf6;--amber:#f7c35f;--orange:#fb923c;--danger:#fb7185;--green:#34d399;--radius:8px;--max:1200px;--mono:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;--sans:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--shadow:0 24px 90px rgba(0,0,0,.34);--bg3:#050a12;--terminal:#050b14;--input:#081526;--on-accent:#06111e;--text-soft:#cbd7e6;--text-table:#b9c7d9;--mint-text:#ccfbf1;--ok-text:#bbf7d0;--warn-text:#fde68a;--danger-text:#fecdd3;--code-text:#d1fae5;--result-text:#d9fffb;--footer-text:#91a4bb;--callout-text:#cde8f1;--header-bg:rgba(7,17,31,.82);--line-soft:rgba(255,255,255,.1);--line-faint:rgba(255,255,255,.075);--surface-soft:rgba(255,255,255,.045);--surface-faint:rgba(255,255,255,.03);--cyan-soft:rgba(94,234,212,.1);--cyan-line:rgba(94,234,212,.34);--amber-soft:rgba(247,195,95,.1);--amber-line:rgba(247,195,95,.36);--danger-soft:rgba(251,113,133,.1);--danger-line:rgba(251,113,133,.36);--green-soft:rgba(52,211,153,.1);--green-line:rgba(52,211,153,.34);--panel-gradient:linear-gradient(180deg,rgba(18,36,62,.82),rgba(9,20,36,.82));--hero-gradient:linear-gradient(180deg,var(--bg),var(--bg2) 48%,var(--bg3));--accent-gradient:linear-gradient(135deg,var(--cyan),var(--amber));--cool-gradient:linear-gradient(135deg,var(--cyan),var(--blue));--border-gradient:linear-gradient(135deg,rgba(94,234,212,.34),rgba(247,195,95,.26));--card-shadow:0 18px 55px rgba(0,0,0,.2);--focus:0 0 0 3px rgba(94,234,212,.34)}
*{box-sizing:border-box}
html{background:var(--bg);scroll-behavior:smooth;overflow-x:hidden}
body{margin:0;background:var(--hero-gradient);color:var(--text);font-family:var(--sans);line-height:1.65;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;background-image:linear-gradient(var(--surface-faint) 1px,transparent 1px),linear-gradient(90deg,var(--surface-faint) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,var(--bg),transparent 72%);pointer-events:none}
a{color:var(--cyan);text-decoration:none}
a:hover{text-decoration:underline;text-underline-offset:.22em}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
:focus-visible{outline:0;box-shadow:var(--focus)}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;clip-path:inset(50%)}
.skip{position:fixed;left:12px;top:12px;z-index:100;padding:.65rem .9rem;border-radius:.75rem;background:var(--cyan);color:var(--on-accent);font-weight:800;transform:translateY(-140%)}
.skip:focus{transform:translateY(0)}
.progress{position:fixed;left:0;top:0;z-index:90;width:0;height:3px;background:var(--accent-gradient)}
.container{position:relative;width:min(100% - 40px,var(--max));margin-inline:auto}
.header{position:sticky;top:0;z-index:80;border-bottom:1px solid var(--line-soft);background:var(--header-bg);backdrop-filter:blur(18px)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:min(100% - 40px,var(--max));margin-inline:auto;padding:.82rem 0}
.brand{display:flex;align-items:center;gap:.65rem;color:var(--text);font-weight:900}
.brand img{width:38px;height:38px;border-radius:.75rem}
.navlinks{display:flex;align-items:center;gap:.72rem;flex-wrap:wrap;font-size:.92rem}
.navlinks a{color:var(--muted)}
.navcta{display:inline-flex;align-items:center;border-radius:999px;padding:.55rem .85rem;background:var(--cool-gradient);color:var(--on-accent)!important;font-weight:850}
.menu-toggle{display:none;place-items:center;width:42px;height:42px;border:1px solid var(--line-soft);border-radius:.9rem;background:var(--surface-soft);color:var(--text)}
.menu-toggle span[aria-hidden]{width:18px;height:2px;background:var(--text);box-shadow:0 6px 0 var(--text),0 -6px 0 var(--text)}
.hero{padding:4.4rem 0 2.7rem}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(320px,.88fr);align-items:center;gap:2.4rem}
.eyebrow,.kicker{margin:0 0 .8rem;color:var(--amber);font-family:var(--mono);font-size:.86rem;font-weight:800;letter-spacing:0}
.hero h1{margin:0 0 1rem;max-width:11ch;font-size:5.7rem;line-height:.95;letter-spacing:0;text-wrap:balance}
.hero h1 span{display:block;color:var(--cyan)}
.lead{max-width:66ch;margin:0;color:var(--text-soft);font-size:1.22rem}
.hero-cn{max-width:66ch;margin:0 0 .9rem;color:var(--amber);font-size:1.18rem;font-weight:800;line-height:1.45}
.cn{margin:.55rem 0 0;color:var(--text-soft)}
.actions{display:flex;gap:.85rem;flex-wrap:wrap;margin:1.6rem 0 1.1rem}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:0;border-radius:999px;padding:.78rem 1rem;font-weight:850;line-height:1.1;text-align:center;transition:transform .2s ease,background .2s ease,border-color .2s ease}
.btn:hover{transform:translateY(-2px);text-decoration:none}
.btn:active{transform:translateY(1px)}
.btn.primary{background:var(--accent-gradient);color:var(--on-accent);box-shadow:var(--shadow)}
.btn.secondary{border:1px solid var(--line-soft);background:var(--surface-soft);color:var(--text)}
.btn.ghost{border:1px solid var(--cyan-line);background:transparent;color:var(--cyan)}
.trust-note{max-width:76ch;margin:0;color:var(--faint);font-size:.94rem}
.hero-panel{display:grid;gap:1rem}
.terminal,.codebox{overflow:hidden;border:1px solid var(--line-soft);border-radius:1.2rem;background:var(--terminal);box-shadow:var(--card-shadow)}
.termbar,.codebar{display:flex;align-items:center;justify-content:space-between;gap:.7rem;border-bottom:1px solid var(--line-soft);background:var(--surface-soft);padding:.65rem .8rem;color:var(--footer-text);font-size:.86rem}
.termbar span{width:.7rem;height:.7rem;border-radius:50%;background:var(--danger)}
.termbar span:nth-child(2){background:var(--amber)}
.termbar span:nth-child(3){background:var(--green)}
pre{margin:0;overflow:auto;padding:1rem;color:var(--code-text);font-family:var(--mono);font-size:.9rem}
.offer-strip{display:grid;gap:.7rem}
.offer-strip a{display:grid;gap:.2rem;border:1px solid var(--cyan-line);border-radius:1rem;background:var(--cyan-soft);padding:.9rem;color:var(--text)}
.offer-strip strong{color:var(--mint-text)}
.offer-strip span{color:var(--muted);font-size:.92rem}
section{padding:4rem 0;border-top:1px solid var(--line-faint)}
.section-head{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1fr);gap:2rem;margin-bottom:1.5rem}
.section-head h2{margin:0;font-size:3rem;line-height:1.05;letter-spacing:0;text-wrap:balance}
.section-head p{margin:0;color:var(--muted);font-size:1.02rem}
.grid{display:grid;gap:1rem}
.hero-grid>*,.section-head>*,.grid>*,.tool-card>*,.lead-card>*{min-width:0}
.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.card,.tool-card,.lead-card{min-width:0;border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--panel-gradient);box-shadow:var(--card-shadow);padding:1.25rem}
.card h3{margin:0 0 .45rem;font-size:1.1rem;line-height:1.2;letter-spacing:0}
.card p{margin:0;color:var(--muted)}
.highlight{border-color:var(--cyan-line);background:linear-gradient(180deg,var(--cyan-soft),var(--panel))}
.tag{display:inline-flex;width:max-content;margin-bottom:.7rem;border:1px solid var(--amber-line);border-radius:.55rem;background:var(--amber-soft);padding:.25rem .5rem;color:var(--warn-text);font-size:.78rem;font-weight:850}
.tool-card{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;gap:.8rem}
.tool-card .wide{grid-column:span 4}
.lead-card{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}
.field.full{grid-column:1/-1}
.field label{display:block;margin:0 0 .35rem;color:var(--text-soft);font-size:.86rem;font-weight:800}
.field input,.field select,.field textarea{width:100%;min-height:44px;border:1px solid var(--line-soft);border-radius:.9rem;background:var(--input);color:var(--text);padding:.72rem .8rem}
.field textarea{resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--cyan-line)}
.copy{border:1px solid var(--cyan-line);border-radius:999px;background:var(--cyan-soft);color:var(--cyan);padding:.45rem .75rem;font-size:.8rem;font-weight:800}
.result{margin-top:1rem;border:1px solid var(--cyan-line);border-radius:1rem;background:var(--cyan-soft);padding:1rem;color:var(--result-text)}
.status{margin:0;border:1px solid var(--line-soft);border-radius:.9rem;background:var(--surface-soft);padding:.72rem .8rem;color:var(--text-soft)}
.result strong{color:var(--text)}
.result ul{margin:.6rem 0 0;padding-left:1.2rem;color:var(--text-soft)}
.result.danger{border-color:var(--danger-line);background:var(--danger-soft)}
.result.warning{border-color:var(--amber-line);background:var(--amber-soft)}
.result.ok{border-color:var(--green-line);background:var(--green-soft)}
.resource-row{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1rem}
.resource-row a,.links a{display:inline-flex;border:1px solid var(--line-soft);border-radius:999px;background:var(--surface-soft);padding:.5rem .75rem;color:var(--text-soft)}
.note-list{display:grid;gap:.45rem;margin:1rem 0 0;padding-left:1.2rem;color:var(--text-soft)}
.security-grid{grid-template-columns:1.3fr repeat(4,minmax(120px,1fr)) auto}
.check{display:flex;align-items:center;gap:.45rem;min-height:44px;color:var(--text-soft);font-weight:750}
.check input{width:1.1rem;height:1.1rem;accent-color:var(--cyan)}
.keyword-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.65rem}
.keyword-grid span{border:1px solid var(--line-soft);border-radius:.9rem;background:var(--surface-soft);padding:.68rem .75rem;color:var(--text-soft);font-size:.92rem}
.flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.8rem;margin:0;padding:0;list-style:none}
.flow li{min-width:0;min-height:10rem;border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--panel-gradient);padding:1rem}
.flow span{display:inline-flex;margin-bottom:.7rem;border:1px solid var(--amber-line);border-radius:.55rem;background:var(--amber-soft);padding:.25rem .5rem;color:var(--warn-text);font-family:var(--mono);font-size:.78rem;font-weight:850}
.flow strong,.flow em{display:block}
.flow strong{color:var(--text);line-height:1.25}
.flow em{margin-top:.55rem;color:var(--muted);font-style:normal;font-size:.92rem}
.table-wrap{max-width:100%;overflow-x:auto;border:1px solid var(--line-soft);border-radius:1.1rem;background:var(--surface-faint)}
table{width:100%;min-width:780px;border-collapse:collapse}
th,td{padding:.9rem 1rem;border-bottom:1px solid var(--line-soft);text-align:left;vertical-align:top}
th{color:var(--text);background:var(--surface-soft);font-size:.84rem}
td{color:var(--text-table)}
.mt{margin-top:1rem}
.faq-list{display:grid;gap:.7rem}
.faq-item{overflow:hidden;border:1px solid var(--line-soft);border-radius:1rem;background:var(--surface-soft)}
.faq-q{display:flex;width:100%;align-items:center;justify-content:space-between;gap:1rem;border:0;background:transparent;color:var(--text);padding:1rem;text-align:left;font-weight:850}
.faq-q span{display:grid;place-items:center;min-width:1.5rem;color:var(--cyan);font-family:var(--mono)}
.faq-a{display:none;padding:0 1rem 1rem;color:var(--muted)}
.faq-a p{margin:0}
.faq-a p+p{margin-top:.65rem}
.faq-item.open .faq-a{display:block}
.footer{padding:3rem 0;border-top:1px solid var(--line-soft);background:var(--bg3);color:var(--footer-text)}
.footer-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1.2rem}
.small{max-width:70ch;margin:.35rem 0 0;color:var(--footer-text);font-size:.9rem}
@media (max-width: 1060px){
  .hero-grid,.section-head,.grid.two,.grid.three,.grid.four{grid-template-columns:1fr}
  .hero h1{font-size:4.1rem}
  .section-head h2{font-size:2.35rem}
  .tool-card,.security-grid{grid-template-columns:1fr 1fr}
  .tool-card .wide{grid-column:1/-1}
  .keyword-grid,.flow{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width: 760px){
  .container,.nav{width:min(100% - 28px,var(--max))}
  .nav{align-items:flex-start;flex-wrap:wrap}
  .menu-toggle{display:grid}
  .navlinks{display:none;width:100%;max-width:100%;flex-basis:100%;padding-top:.75rem}
  .navlinks.open{display:grid;grid-template-columns:1fr 1fr}
  .hero{padding:2rem 0 .8rem}
  .hero h1{font-size:2.55rem}
  .lead{font-size:.98rem}
  .hero-cn{font-size:.98rem}
  .actions{margin:1.2rem 0 .7rem}
  .trust-note{display:none}
  .hero-panel{display:none}
  .actions,.lead-card{grid-template-columns:1fr}
  .actions{display:grid}
  .btn{width:100%}
  .tool-card,.security-grid,.keyword-grid,.flow,.footer-grid{grid-template-columns:1fr}
  section{padding:3rem 0}
}
@media (prefers-contrast: more){
  :root{--line-soft:var(--cyan-line);--line-faint:var(--cyan-line);--surface-soft:var(--bg2)}
  .btn.secondary,.card,.tool-card,.lead-card,.faq-item,.table-wrap{border-color:var(--cyan-line)}
}
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}