:root{--bg:#08080c;--bg-2:#0e0e14;--panel:#12121a;--panel-2:#171721;--border:#ffffff12;--border-hi:#6870f059;--accent:#6870f0;--accent-2:#5858e8;--accent-soft:#6870f01f;--text:#f4f5fb;--dim:#a0a2b8;--faint:#63657c;--ok:#4ad08f}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Sora,-apple-system,sans-serif;line-height:1.55;overflow-x:hidden}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}body:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(900px 480px at 80% 0,#6870f024,#0000 60%),radial-gradient(700px 600px at 0 100%,#5858e814,#0000 55%);position:fixed;inset:0}body:after{content:"";z-index:0;pointer-events:none;background-image:linear-gradient(#ffffff04 1px,#0000 1px),linear-gradient(90deg,#ffffff04 1px,#0000 1px);background-size:46px 46px;position:fixed;inset:0;mask-image:radial-gradient(120% 80% at 50% 0,#000 40%,#0000 90%)}.mono{font-family:Space Mono,monospace}.wrap{z-index:1;max-width:1080px;margin:0 auto;padding:0 clamp(20px,4.5vw,44px);position:relative}nav{justify-content:space-between;align-items:center;padding:26px 0;display:flex}#pricing,#builder,#dev,#terms,#contact{scroll-margin-top:76px}.brand{color:var(--text);align-items:center;gap:12px;text-decoration:none;display:flex}.brand img{width:46px;height:46px;box-shadow:0 0 0 1px var(--border);border-radius:12px}.brand span{font-size:20px;font-weight:700}.nav-links{align-items:center;gap:26px;display:flex}.nav-links a{color:var(--dim);font-size:14px;text-decoration:none;transition:color .15s}.nav-links a:hover{color:var(--text)}.nav-links a.cta{color:var(--accent);font-weight:600}@media (width<=640px){.nav-links a:not(.cta){display:none}}.hero{padding:clamp(56px,11vh,120px) 0 clamp(40px,7vh,72px)}.status{color:var(--dim);background:#6870f012;border:1px solid #6870f040;border-radius:999px;align-items:center;gap:8px;margin-bottom:26px;padding:6px 13px;font-family:Space Mono,monospace;font-size:12px;display:inline-flex}.dot{background:var(--ok);border-radius:50%;width:7px;height:7px;animation:2.4s infinite pulse}@keyframes pulse{0%{box-shadow:0 0 #4ad08f80}70%{box-shadow:0 0 0 8px #0000}to{box-shadow:0 0 #0000}}h1{letter-spacing:-.03em;max-width:820px;font-size:clamp(36px,6.4vw,66px);font-weight:800;line-height:1.04}h1 .blue{color:var(--accent)}.hero p{color:var(--dim);max-width:600px;margin-top:22px;font-size:clamp(16px,2.2vw,19px)}.hero-ctas{flex-wrap:wrap;gap:14px;margin-top:34px;display:flex}.btn{border-radius:12px;align-items:center;gap:9px;padding:14px 24px;font-size:15px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 8px 28px #6870f047}.btn-primary:hover{background:var(--accent-2);transform:translateY(-2px)}.btn-ghost{color:var(--text);border:1px solid var(--border);background:var(--panel)}.btn-ghost:hover{border-color:var(--border-hi)}.trust-row{flex-wrap:wrap;gap:22px;margin-top:44px;display:flex}.trust-row .mono{color:var(--faint);align-items:center;gap:8px;font-size:12.5px;display:flex}.trust-row i{background:var(--accent);border-radius:50%;width:5px;height:5px;display:inline-block}section{padding:clamp(48px,8vh,88px) 0}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:14px;font-family:Space Mono,monospace;font-size:12.5px;display:block}h2{letter-spacing:-.02em;font-size:clamp(26px,4vw,38px);font-weight:800}.section-sub{color:var(--dim);max-width:560px;margin-top:12px;font-size:15.5px}.cards{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px;display:grid}@media (width<=860px){.cards{grid-template-columns:1fr}}.card{background:var(--panel);border:1px solid var(--border);border-radius:18px;flex-direction:column;padding:26px 24px;transition:border-color .2s,transform .2s;display:flex;position:relative}.card:hover{border-color:var(--border-hi);transform:translateY(-3px)}.card.featured{border-color:var(--accent);background:linear-gradient(180deg, #6870f012, var(--panel) 40%)}.card .tag{background:var(--accent);color:#fff;border-radius:999px;padding:3px 12px;font-family:Space Mono,monospace;font-size:11px;font-weight:700;position:absolute;top:-11px;left:24px}.card h3{font-size:18px;font-weight:700}.card .for{color:var(--faint);margin-top:4px;font-size:13px}.card .price{margin:22px 0 4px}.card .price .amt{letter-spacing:-.02em;font-family:Space Mono,monospace;font-size:32px;font-weight:700}.card .price .per{color:var(--faint);margin-left:5px;font-size:13px}.card .vat{color:var(--faint);font-family:Space Mono,monospace;font-size:11.5px}.card ul{flex-direction:column;gap:10px;margin:20px 0 26px;list-style:none;display:flex}.card li{color:var(--dim);align-items:flex-start;gap:10px;font-size:14px;display:flex}.card li:before{content:"";background:var(--accent);flex-shrink:0;width:14px;height:14px;margin-top:3px;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E") 50%/contain no-repeat}.card .btn{justify-content:center;margin-top:auto}.config{background:var(--panel);border:1px solid var(--border);border-radius:20px;grid-template-columns:1.4fr 1fr;margin-top:40px;display:grid;overflow:hidden}@media (width<=820px){.config{grid-template-columns:1fr}}.config-left{border-right:1px solid var(--border);padding:30px 28px}@media (width<=820px){.config-left{border-right:0;border-bottom:1px solid var(--border)}}.config-right{background:var(--bg-2);flex-direction:column;padding:30px 28px;display:flex}.field{margin-bottom:26px}.field:last-child{margin-bottom:0}.field label{letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin-bottom:11px;font-family:Space Mono,monospace;font-size:12px;display:block}.seg{flex-wrap:wrap;gap:8px;display:flex}.seg button{color:var(--dim);background:var(--bg);border:1px solid var(--border);cursor:pointer;border-radius:10px;padding:10px 16px;font-family:Space Mono,monospace;font-size:13.5px;transition:all .13s}.seg button:hover{border-color:var(--border-hi);color:var(--text)}.seg button.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:700}.seg button:disabled{opacity:.35;cursor:not-allowed}.spec-readout{min-height:118px;color:var(--dim);border-top:1px dashed var(--border);margin-top:6px;padding-top:18px;font-family:Space Mono,monospace;font-size:13px;line-height:2}.spec-readout b{color:var(--text);font-weight:700}.total-label{letter-spacing:.14em;text-transform:uppercase;color:var(--faint);font-family:Space Mono,monospace;font-size:12px}.total{letter-spacing:-.02em;margin:8px 0 2px;font-family:Space Mono,monospace;font-size:clamp(34px,4.4vw,44px);font-weight:700;transition:color .15s}.total .cur{color:var(--dim);font-size:16px;font-weight:400}.total-per{color:var(--faint);font-family:Space Mono,monospace;font-size:13px}.save-note{color:var(--ok);min-height:20px;margin-top:14px;font-family:Space Mono,monospace;font-size:12.5px;line-height:20px}.config-right .btn{justify-content:center;margin-top:auto}.config-note{color:var(--faint);text-align:center;margin-top:14px;font-family:Space Mono,monospace;font-size:12px}.dev{border:1px solid var(--border);background:linear-gradient(120deg, #6870f014, var(--panel) 55%);border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:28px;margin-top:40px;padding:clamp(28px,4.5vw,44px);display:flex}.dev h3{letter-spacing:-.02em;font-size:clamp(20px,3vw,26px);font-weight:800}.dev p{color:var(--dim);max-width:520px;margin-top:10px;font-size:15px}.dev .mono-tags{flex-wrap:wrap;gap:14px;margin-top:18px;display:flex}.dev .mono-tags span{color:var(--faint);border:1px solid var(--border);border-radius:999px;padding:5px 12px;font-family:Space Mono,monospace;font-size:12px}.terms{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:36px;display:grid}@media (width<=820px){.terms{grid-template-columns:1fr}}.term{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:22px}.term .mono{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;font-size:12px}.term p{color:var(--dim);margin-top:9px;font-size:14px}.term b{color:var(--text)}.contact{text-align:center;padding:clamp(56px,10vh,100px) 0}.contact h2{max-width:640px;margin:0 auto}.contact .btn{margin-top:30px}.contact .alt{color:var(--faint);margin-top:18px;font-family:Space Mono,monospace;font-size:13px}.contact .alt a{color:var(--dim)}footer{border-top:1px solid var(--border);color:var(--faint);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:26px 0 38px;font-family:Space Mono,monospace;font-size:12px;display:flex}footer a{color:var(--dim);text-decoration:none}footer a:hover{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.stories{grid-template-columns:repeat(2,1fr);gap:16px;margin-top:16px;display:grid}@media (width<=820px){.stories{grid-template-columns:1fr}}.story{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:22px}.s-label{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;font-size:12px}.s-before{color:var(--faint);margin-top:12px;font-size:14px;line-height:1.6}.s-after{color:var(--text);margin-top:10px;font-size:14px;line-height:1.6}.s-after:before{content:"→ ";color:var(--accent);font-weight:700}.s-result{color:var(--ok);border:1px solid #4ad08f4d;border-radius:999px;margin-top:14px;padding:5px 12px;font-family:Space Mono,monospace;font-size:12.5px;display:inline-block}.stories-intro{color:var(--faint);letter-spacing:.06em;margin-top:28px;font-family:Space Mono,monospace;font-size:13px}@media (width<=560px){section{padding:44px 0}.hero{padding-top:36px}.hero-ctas .btn{flex:1;justify-content:center}.trust-row{gap:10px 16px;margin-top:32px}.trust-row .mono{font-size:11.5px}.cards{gap:12px;margin-top:30px}.card,.config-left,.config-right{padding:22px 18px}.seg{gap:6px}.seg button{text-align:center;flex:auto;padding:9px 8px;font-size:12.5px}.field{margin-bottom:20px}.total{font-size:34px}.dev{flex-direction:column;align-items:flex-start;padding:24px 20px}.dev .btn{justify-content:center;width:100%}.stories{gap:12px}.story{padding:18px 16px}.terms{gap:12px;margin-top:26px}.contact{padding:48px 0}.contact .btn{justify-content:center;width:100%}footer{flex-direction:column;align-items:flex-start;gap:10px}}.bottom-bar{display:none}@media (width<=560px){.nav-links{display:none}.bottom-bar{z-index:50;border-top:1px solid var(--border);backdrop-filter:blur(10px);padding-bottom:env(safe-area-inset-bottom);background:#0e0e14f7;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-bar a{text-align:center;color:var(--dim);flex:1;padding:14px 0;font-family:Space Mono,monospace;font-size:12.5px;text-decoration:none}.bottom-bar a.active{color:#fff;background:var(--accent);font-weight:700}body{padding-bottom:52px}}.pill-nav{z-index:60;opacity:0;pointer-events:none;transition:all .3s;position:fixed;top:14px;left:50%;transform:translate(-50%,-20px)}.pill-nav.on{opacity:1;pointer-events:auto;transform:translate(-50%)}.pill-nav .inner{border:1px solid var(--border);backdrop-filter:blur(12px);background:#0e0e14f2;border-radius:999px;gap:4px;padding:5px;display:flex;box-shadow:0 10px 36px #0000008c}.pill-nav a{color:var(--dim);border-radius:999px;padding:8px 16px;font-family:Space Mono,monospace;font-size:12.5px;text-decoration:none;transition:all .12s}.pill-nav a:hover{color:var(--text);background:#6870f01f}.pill-nav a.active{background:var(--accent);color:#fff;font-weight:700}@media (width<=560px){.pill-nav{display:none}}.top-fade{z-index:55;opacity:0;pointer-events:none;background:linear-gradient(#08080c 20%,#08080cbf 55%,#0000);height:76px;transition:opacity .3s;position:fixed;top:0;left:0;right:0}.top-fade.on{opacity:1}@media (width<=560px){.top-fade{display:none}}.bench-callout{box-sizing:border-box;white-space:nowrap;opacity:0;pointer-events:none;background:#4ad08f12;border:1px solid #4ad08f59;border-radius:10px;justify-content:center;align-items:center;gap:10px;height:34px;min-height:34px;max-height:34px;margin-top:10px;padding:0 14px;text-decoration:none;transition:background .15s,border-color .15s;display:flex;overflow:hidden}.bench-callout:hover{border-color:var(--ok);background:#4ad08f24}.bench-callout.show{opacity:1;pointer-events:auto}.bc-title{color:var(--ok);font-size:13px;font-weight:700}.bc-title i{font-style:normal}.bc-teaser{color:var(--faint);font-family:Space Mono,monospace;font-size:11.5px}.cr-head{justify-content:space-between;align-items:center;display:flex}.copy-icon{cursor:pointer;width:30px;height:30px;color:var(--faint);border:1px solid var(--border);background:0 0;border-radius:8px;justify-content:center;align-items:center;transition:all .13s;display:inline-flex;position:relative}.copy-icon:hover{border-color:var(--border-hi);color:var(--text)}.copy-icon .ic-check{display:none}.copy-icon.done{color:var(--ok);border-color:#4ad08f66}.copy-icon.done .ic-link{display:none}.copy-icon.done .ic-check{display:block}@media (width<=640px){nav.sub{flex-wrap:wrap;gap:10px}nav.sub .nav-links{gap:16px;display:flex}nav.sub .nav-links a:not(.cta){font-size:13px;display:inline}}.more-link{margin-top:22px}.more-link a{color:var(--dim);font-family:Space Mono,monospace;font-size:13px;text-decoration:none}.more-link a:hover,.section-sub a{color:var(--accent)}.bench-cards{grid-template-columns:repeat(2,1fr);gap:16px;margin-top:40px;display:grid}@media (width<=820px){.bench-cards{grid-template-columns:1fr}}.bench-card{background:var(--panel);border:1px solid var(--border);border-radius:18px;flex-direction:column;gap:10px;padding:26px 24px;text-decoration:none;transition:border-color .2s,transform .2s;display:flex}.bench-card:hover{border-color:var(--border-hi);transform:translateY(-3px)}.bench-card h3{color:var(--text);font-size:18px;font-weight:700}.bench-card .bc-teaser{color:var(--accent);font-family:Space Mono,monospace;font-size:13px}.bench-card .bench-meta{color:var(--faint);margin-top:auto;font-family:Space Mono,monospace;font-size:11.5px}.bench-card .bench-meta i{color:var(--ok);font-style:normal}.page-head{padding:clamp(40px,8vh,88px) 0 10px}.page-head h1{font-size:clamp(30px,5vw,50px)}.prose{max-width:720px}.prose h2{margin-top:44px;font-size:clamp(21px,3vw,27px)}.prose h3{margin-top:30px;font-size:17px}.prose p,.prose li{color:var(--dim);margin-top:12px;font-size:15px}.prose ul{padding-left:20px}.prose b{color:var(--text)}.prose a{color:var(--accent)}.prose .eyebrow+h2{margin-top:0}.data-table-wrap{border:1px solid var(--border);border-radius:14px;margin-top:24px;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;min-width:520px;font-family:Space Mono,monospace;font-size:13px}.data-table th{text-align:left;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);border-bottom:1px solid var(--border);background:var(--panel-2);white-space:nowrap;padding:14px 16px;font-size:11px}.data-table td{border-bottom:1px solid var(--border);color:var(--dim);white-space:nowrap;padding:13px 16px}.data-table tr:last-child td{border-bottom:0}.data-table td:first-child{color:var(--text)}.data-table .num,.data-table th.num{text-align:right}.faq{flex-direction:column;gap:12px;max-width:720px;margin-top:32px;display:flex}.faq details{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:18px 22px}.faq summary{cursor:pointer;color:var(--text);justify-content:space-between;align-items:center;gap:12px;font-size:15px;font-weight:700;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--accent);font-family:Space Mono,monospace;font-size:18px}.faq details[open] summary:after{content:"−"}.faq details p{color:var(--dim);margin-top:12px;font-size:14.5px;line-height:1.65}.nf{text-align:center;padding:clamp(60px,14vh,140px) 0}.nf .code{color:var(--accent);letter-spacing:-.04em;font-family:Space Mono,monospace;font-size:clamp(64px,12vw,120px);font-weight:700;line-height:1}.nf p{color:var(--dim);max-width:420px;margin:18px auto 30px}.nf .links{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.prose table{border-collapse:collapse;width:100%;margin-top:20px;font-family:Space Mono,monospace;font-size:13px;display:block;overflow-x:auto}.prose th{text-align:left;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);border-bottom:1px solid var(--border);background:var(--panel-2);white-space:nowrap;padding:12px 14px;font-size:11px}.prose td{border-bottom:1px solid var(--border);color:var(--dim);white-space:nowrap;padding:12px 14px}.prose tr:last-child td{border-bottom:0}.prose td:first-child{color:var(--text)}.prose th:last-child,.prose td:last-child{text-align:right}.faq details:hover{border-color:var(--border-hi)}
