@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/space-grotesk-400.woff2') format('woff2');}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/space-grotesk-500.woff2') format('woff2');}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/space-grotesk-600.woff2') format('woff2');}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/space-grotesk-700.woff2') format('woff2');}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/inter-400.woff2') format('woff2');}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/inter-500.woff2') format('woff2');}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/inter-600.woff2') format('woff2');}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/jetbrains-mono-400.woff2') format('woff2');}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/jetbrains-mono-500.woff2') format('woff2');}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/jetbrains-mono-600.woff2') format('woff2');}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/jetbrains-mono-700.woff2') format('woff2');}
:root{--paper:#CCC;--paper-line:#DEDACD;--ink:#191A1C;--graphite:#6B6862;--blue:#2F55D4;--blue-soft:#E7ECFB;--red:#D64545;--radius:2px;}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{background:var(--paper);color:var(--ink);font-family:'Inter',sans-serif;overflow-x:hidden;}
@media (prefers-reduced-motion: reduce){*{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important;}}
a{color:inherit;text-decoration:none;}
h1,h2,h3{font-family:'Space Grotesk',sans-serif;font-weight:600;letter-spacing:-0.01em;}
.mono{font-family:'JetBrains Mono',monospace;}
.wrap{max-width:1080px;margin:0 auto;padding:0 32px;}
@media (max-width:640px){.wrap{padding:0 20px;}}
.eyebrow{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:0.14em;text-transform:uppercase;color:var(--blue);display:flex;align-items:center;gap:8px;margin-bottom:0;}
.eyebrow::before{content:"";width:7px;height:7px;border:1.5px solid var(--blue);border-radius:50%;display:inline-block;}
header,footer{margin-left:20px;}
footer{margin-top:60px;}
nav{position:sticky;top:0;z-index:50;background:rgba(244,242,236,0.92);backdrop-filter:blur(6px);border-bottom:1px solid var(--paper-line);}
nav .wrap{display:flex;align-items:center;justify-content:space-between;height:72px;}
.logo{display:flex;align-items:center;gap:10px;font-family:'JetBrains Mono',monospace;font-weight:600;font-size:16px;color:var(--ink);}
.logo svg{width:22px;height:22px;}
.nav-tag{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--graphite);border:1px solid var(--paper-line);padding:6px 12px;border-radius:20px;}
.back-link{font-family:'JetBrains Mono',monospace;font-size:13px;display:flex;align-items:center;gap:6px;}
.hero{padding:96px 0 80px;position:relative;}
.hero .wrap{position:relative;}
.hero-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:48px;flex-wrap:wrap;gap:24px;}
.grid-bg{background-image:linear-gradient(var(--paper-line) 1px, transparent 1px),linear-gradient(90deg, var(--paper-line) 1px, transparent 1px);background-size:40px 40px;}
.draw-icon{width:86px;height:86px;}
.draw-icon path,.draw-icon circle{fill:none;stroke:var(--ink);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;}
.draw-icon .accent{stroke:var(--blue);}
.draw-path{stroke-dasharray:150;stroke-dashoffset:150;animation:drawline 0.9s ease forwards 0.2s;}
.draw-path2{stroke-dasharray:340;stroke-dashoffset:340;animation:drawline2 1.7s ease forwards 1.1s;}
.draw-path3{stroke-dasharray:45;stroke-dashoffset:45;animation:drawline 0.6s ease forwards 2.8s;}
@keyframes drawline{to{stroke-dashoffset:0;}}
@keyframes drawline2{to{stroke-dashoffset:0;}}
.price-block{text-align:right;font-family:'JetBrains Mono',monospace;}
.price-label{font-size:11px;letter-spacing:0.12em;color:var(--graphite);text-transform:uppercase;}
.price-value{font-size:34px;font-weight:700;color:var(--ink);margin-top:4px;}
.price-value .cur{color:var(--blue);font-size:20px;}
.domain-title{font-family:'JetBrains Mono',monospace;font-weight:700;font-size:clamp(38px, 8vw, 84px);line-height:1;letter-spacing:-0.02em;position:relative;display:inline-block;margin-top:20px;}
.domain-title .dim{position:absolute;left:0;right:0;bottom:-18px;height:1px;background:var(--graphite);}
.domain-title .dim::before,.domain-title .dim::after{content:"";position:absolute;top:-4px;width:1px;height:9px;background:var(--graphite);}
.domain-title .dim::before{left:0;}
.domain-title .dim::after{right:0;}
.dim-label{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--graphite);text-align:center;margin-top:30px;letter-spacing:0.08em;}
.hero-sub{max-width:560px;font-size:19px;line-height:1.6;color:var(--graphite);margin-top:44px;}
.hero-sub strong{color:var(--ink);font-weight:600;}
.hero-cta{margin-top:40px;display:flex;gap:16px;flex-wrap:wrap;align-items:center;}
.btn-primary{background:var(--ink);color:var(--paper);padding:16px 28px;font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:15px;border-radius:var(--radius);display:inline-flex;align-items:center;gap:10px;transition:background 0.2s ease, transform 0.15s ease;border:1px solid var(--ink);}
.btn-primary:hover{background:var(--blue);border-color:var(--blue);transform:translateY(-1px);}
.btn-secondary{padding:16px 24px;font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:15px;border:1px solid var(--ink);border-radius:var(--radius);transition:background 0.2s ease, transform 0.15s ease;}
.btn-secondary:hover{background:var(--ink);color:var(--paper);transform:translateY(-1px);}
.section{padding:72px 0;border-top:1px solid var(--paper-line);}
.section-head{margin-bottom:40px;}
.section-head h2{font-size:clamp(26px,4vw,36px);margin-top:12px;}
.spec-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--paper-line);}
@media (max-width:800px){.spec-grid{grid-template-columns:repeat(2,1fr);}}
.spec-cell{padding:24px 22px;border-right:1px solid var(--paper-line);border-bottom:1px solid var(--paper-line);}
.spec-cell:nth-child(4n){border-right:none;}
@media (max-width:800px){.spec-cell:nth-child(2n){border-right:none;}.spec-cell:nth-child(4n){border-right:1px solid var(--paper-line);}}
.spec-label{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:0.1em;text-transform:uppercase;color:var(--graphite);margin-bottom:8px;}
.spec-value{font-family:'Space Grotesk',sans-serif;font-size:20px;font-weight:600;}
.use-list{display:flex;flex-direction:column;}
.use-row{display:grid;grid-template-columns:60px 1fr;gap:24px;padding:26px 0;border-top:1px solid var(--paper-line);align-items:start;}
.use-row:last-child{border-bottom:1px solid var(--paper-line);}
.use-icon{width:36px;height:36px;margin-top:4px;}
.use-icon path,.use-icon circle,.use-icon rect{fill:none;stroke:var(--blue);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;}
.use-title{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:19px;margin-bottom:6px;}
.use-desc{color:var(--graphite);font-size:15px;line-height:1.55;max-width:560px;}
.why-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1px;background:var(--paper-line);border:1px solid var(--paper-line);}
@media (max-width:760px){.why-grid{grid-template-columns:1fr;}}
.why-card{background:var(--paper);padding:32px 28px;}
.why-num{font-family:'JetBrains Mono',monospace;color:var(--blue);font-size:13px;margin-bottom:16px;}
.why-card h3{font-size:19px;margin-bottom:10px;}
.why-card p{color:var(--graphite);font-size:14.5px;line-height:1.6;}
.cta-section{background:var(--ink);color:var(--paper);padding:88px 0;}
.cta-inner{display:grid;grid-template-columns:1fr 1fr;gap:56px;}
@media (max-width:800px){.cta-inner{grid-template-columns:1fr;}}
.cta-left h2{color:var(--paper);font-size:clamp(26px,4vw,38px);line-height:1.15;}
.cta-left p{color:#B9B6AE;margin-top:18px;font-size:16px;line-height:1.6;max-width:420px;}
.cta-left .eyebrow{color:#7C9BFF;}
.cta-stamp{margin-top:32px;display:inline-flex;align-items:center;gap:10px;border:1.5px solid var(--red);color:var(--red);font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:0.1em;padding:8px 14px;border-radius:20px;transform:rotate(-2deg);}
form{display:flex;flex-direction:column;gap:14px;}
.field label{display:block;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:0.08em;text-transform:uppercase;color:#9F9C94;margin-bottom:6px;}
.field input,.field textarea{width:100%;background:#242527;border:1px solid #3A3B3D;color:var(--paper);padding:13px 14px;font-family:'Inter',sans-serif;font-size:14.5px;border-radius:var(--radius);resize:vertical;}
.field input:focus,.field textarea:focus{outline:2px solid var(--blue);outline-offset:1px;border-color:var(--blue);}
.field textarea{min-height:90px;}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
@media (max-width:480px){.form-row{grid-template-columns:1fr;}}
.submit-btn{margin-top:6px;background:var(--blue);color:#fff;font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:15px;padding:15px 24px;border:none;border-radius:var(--radius);cursor:pointer;transition:background 0.2s ease;}
.submit-btn:hover{background:#4468e0;}
.form-note{font-size:12.5px;color:#8B8880;margin-top:4px;}
#confirm{display:none;}
#confirm.show{display:block;margin-top:14px;color:#8FE39A;font-size:14px;font-family:'JetBrains Mono',monospace;}
footer{padding:36px 0;border-top:1px solid var(--paper-line);}
footer .wrap{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;font-size:13px;color:var(--graphite);font-family:'JetBrains Mono',monospace;}
footer a{text-decoration:underline;}
footer a:hover{color:var(--ink);}
.page-head{padding:64px 0 40px;}
.page-head h1{font-size:clamp(30px,5vw,44px);margin-top:16px;}
main{padding-bottom:80px;}
.block{padding:28px 0;border-top:1px solid var(--paper-line);}
.block:last-child{border-bottom:1px solid var(--paper-line);}
.block-label{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:0.1em;text-transform:uppercase;color:var(--graphite);margin-bottom:12px;}
.block h2{font-size:18px;margin-bottom:10px;}
.block p{font-size:15px;line-height:1.7;color:var(--ink);font-family:'Inter',sans-serif;}
.block p a {text-decoration: underline;}
.block p+p{margin-top:6px;}
.fill{font-family:'Inter',sans-serif;color:var(--ink);}
.fill-note{margin-top:36px;padding:20px 22px;border:1px dashed var(--graphite);border-radius:var(--radius);background:rgba(107,104,98,0.05);}
.fill-note-title{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--graphite);letter-spacing:0.08em;text-transform:uppercase;margin-bottom:8px;}
.fill-note p{font-size:14px;line-height:1.6;color:var(--ink);}
.reveal-btn{font-family:'JetBrains Mono',monospace;font-size:13px;background:none;border:1px solid var(--blue);color:var(--blue);padding:5px 12px;border-radius:20px;cursor:pointer;transition:background 0.15s ease, color 0.15s ease;}
.reveal-btn:hover{background:var(--blue);color:#fff;}
#email-link{font-family:'Inter',sans-serif;color:var(--blue);}
.error-page{min-height:calc(100vh - 73px);display:flex;align-items:center;}
.error-inner{padding:60px 0;}
.error-code{font-family:'JetBrains Mono',monospace;font-weight:700;font-size:clamp(56px,12vw,120px);color:var(--blue);line-height:1;}
.error-title{margin-top:8px;font-size:clamp(24px,4vw,34px);}
.error-desc{margin-top:16px;color:var(--graphite);font-size:16px;line-height:1.6;max-width:480px;}
.error-inner .btn-primary{margin-top:32px;}