/* NIRAX software site — shared Halo design system. Per-page accent: set --accent / --accent2 on (defaults = cyan). */ :root{ --bg0:#05101a; --bg1:#0a1a28; --bg2:#0c2233; --accent:#2fe6ff; --accent2:#4d9bff; --ink0:#eaf6fb; --ink1:#a6c5d4; --ink2:#5f8092; --ink3:#3c5666; --panel:rgba(255,255,255,.03); --panel2:rgba(255,255,255,.055); --border:rgba(255,255,255,.10); --border2:rgba(255,255,255,.18); --radius:16px; --mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace; --sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,sans-serif; } *{box-sizing:border-box;margin:0;padding:0} html{scroll-behavior:smooth} body{ font-family:var(--sans);color:var(--ink0);background:var(--bg0);line-height:1.55;-webkit-font-smoothing:antialiased; background: radial-gradient(900px 500px at 80% -10%, color-mix(in srgb, var(--accent) 12%, transparent), transparent 60%), radial-gradient(700px 500px at 0% 10%, color-mix(in srgb, var(--accent2) 10%, transparent), transparent 55%), linear-gradient(180deg,var(--bg0),var(--bg1) 60%,var(--bg0)); background-attachment:fixed; } .wrap{max-width:1040px;margin:0 auto;padding:0 24px} .mono{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink2)} a{color:inherit;text-decoration:none} nav{display:flex;align-items:center;justify-content:space-between;padding:22px 0} .brand{font-family:var(--mono);font-weight:700;letter-spacing:.32em;font-size:13px;color:var(--ink0)} .brand a{color:inherit} .nav-links{display:flex;gap:26px} .nav-links a{font-size:13px;color:var(--ink1)} .nav-links a:hover{color:var(--accent)} .btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;padding:13px 22px;border-radius:999px;cursor:pointer;border:1px solid transparent;transition:.15s} .btn-solid{background:linear-gradient(120deg,var(--accent),var(--accent2));color:#04131c;font-weight:700;box-shadow:0 8px 30px color-mix(in srgb,var(--accent) 30%,transparent)} .btn-solid:hover{filter:brightness(1.08);transform:translateY(-1px)} .btn-ghost{background:var(--panel);border-color:var(--border2);color:var(--accent)} .btn-ghost:hover{background:var(--panel2)} .hero{text-align:center;padding:72px 0 30px} .hero h1{font-size:clamp(52px,11vw,120px);font-weight:800;letter-spacing:.14em;text-indent:.14em;line-height:.95;background:linear-gradient(180deg,#fff,var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 60px color-mix(in srgb,var(--accent) 28%,transparent)} .hero .sub{font-size:clamp(17px,2.4vw,22px);color:var(--ink1);margin:18px auto 0;max-width:640px} .hero .cta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:30px} .trust{margin-top:26px;color:var(--ink2);font-size:13px} .trust b{color:var(--ink1);font-weight:600} .shot{margin:46px auto 0;max-width:880px;height:300px;border-radius:20px;position:relative;overflow:hidden;border:1px solid var(--border);background:radial-gradient(500px 240px at 70% 0%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 60%),linear-gradient(160deg,var(--bg2),var(--bg0));box-shadow:0 40px 120px rgba(0,0,0,.55)} .shot .dots{position:absolute;top:16px;left:18px;display:flex;gap:8px} .shot .dots i{width:11px;height:11px;border-radius:50%;background:rgba(255,255,255,.18)} .shot .ring{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px} .shot .ring .g{width:140px;height:140px;border-radius:50%;border:2px solid color-mix(in srgb,var(--accent) 30%,transparent);box-shadow:inset 0 0 40px color-mix(in srgb,var(--accent) 18%,transparent),0 0 50px color-mix(in srgb,var(--accent) 15%,transparent);display:flex;align-items:center;justify-content:center} .shot .ring .g span{font-family:var(--mono);font-size:30px;color:var(--accent)} section{padding:64px 0} .eyebrow{text-align:center;margin-bottom:10px} h2{text-align:center;font-size:clamp(28px,4vw,40px);font-weight:700;letter-spacing:-.01em} .lead{text-align:center;color:var(--ink1);max-width:620px;margin:14px auto 0} .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:42px} .card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:22px} .card .n{font-family:var(--mono);font-size:11px;color:var(--accent);letter-spacing:.18em} .card h3{font-size:16px;margin:12px 0 6px;font-weight:650} .card p{font-size:14px;color:var(--ink1)} /* product hub cards */ .products{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:46px} .product{display:block;background:var(--panel);border:1px solid var(--border);border-radius:20px;padding:30px;transition:.18s} .product:hover{border-color:var(--border2);transform:translateY(-3px);background:var(--panel2)} .product .pname{font-size:26px;font-weight:800;letter-spacing:.01em} .product .ptag{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-top:4px} .product .pdesc{color:var(--ink1);font-size:14px;margin:14px 0 16px} .product .chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px} .product .chips span{font-size:11px;font-family:var(--mono);letter-spacing:.06em;color:var(--ink1);border:1px solid var(--border);border-radius:999px;padding:5px 10px} .product .more{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)} .tbl{margin-top:40px;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden} .tbl .row{display:grid;grid-template-columns:2.2fr 1fr 1fr;align-items:center} .tbl .row+.row{border-top:1px solid var(--border)} .tbl .row>div{padding:14px 18px;font-size:14px} .tbl .head>div{background:var(--panel2);font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink1)} .tbl .head .pro{color:var(--accent)} .tbl .feat{color:var(--ink1)} .tbl .yes{color:var(--accent);text-align:center;font-weight:700} .tbl .no{color:var(--ink3);text-align:center} .tbl .col-c{text-align:center} .price-wrap{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:42px} .plan{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:30px;text-align:center} .plan.pro{border-color:var(--border2);background:var(--panel2);box-shadow:0 0 50px color-mix(in srgb,var(--accent) 8%,transparent)} .plan .tier{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;font-size:12px;color:var(--ink2)} .plan.pro .tier{color:var(--accent)} .plan .amt{font-size:46px;font-weight:800;margin:10px 0 2px} .plan .amt small{font-size:15px;color:var(--ink2);font-weight:500} .plan .note{color:var(--ink1);font-size:13px;margin:6px 0 20px} footer{border-top:1px solid var(--border);margin-top:30px;padding:40px 0 60px;text-align:center} footer .fbrand{font-family:var(--mono);letter-spacing:.3em;font-size:13px;font-weight:700} footer .slogan{color:var(--ink2);font-size:12px;margin-top:6px;letter-spacing:.12em;text-transform:uppercase} footer .links{display:flex;gap:22px;justify-content:center;margin:18px 0;flex-wrap:wrap} footer .links a{font-size:13px;color:var(--ink1)} footer .links a:hover{color:var(--accent)} footer .copy{color:var(--ink3);font-size:12px} @media(max-width:760px){ .grid{grid-template-columns:1fr} .products{grid-template-columns:1fr} .price-wrap{grid-template-columns:1fr} .nav-links{display:none} .tbl .row{grid-template-columns:1.6fr .7fr .7fr} } /* prose / legal pages */ .prose{max-width:760px;margin:24px auto 0;color:var(--ink1)} .prose h1{font-size:clamp(30px,5vw,40px);color:var(--ink0);letter-spacing:-.01em;margin-bottom:6px} .prose .updated{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink3);margin-bottom:28px} .prose h2{font-size:19px;color:var(--ink0);margin:30px 0 8px;text-align:left} .prose p,.prose li{font-size:15px;line-height:1.75;margin:8px 0} .prose ul{padding-left:22px} .prose a{color:var(--accent)} .prose strong{color:var(--ink0)} .prose .tldr{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px 18px;margin:18px 0;color:var(--ink1);font-size:14px} /* faq accordion (native, no JS) */ .faq{max-width:760px;margin:34px auto 0} .faq details{border:1px solid var(--border);border-radius:12px;padding:2px 18px;margin-bottom:10px;background:var(--panel)} .faq details[open]{border-color:var(--border2)} .faq summary{cursor:pointer;padding:15px 0;font-weight:600;color:var(--ink0);list-style:none;display:flex;justify-content:space-between;gap:12px} .faq summary::-webkit-details-marker{display:none} .faq summary::after{content:'+';color:var(--accent);font-weight:700} .faq details[open] summary::after{content:'\2013'} .faq p{color:var(--ink1);font-size:14px;line-height:1.7;padding:0 0 16px;margin:0} /* 404 */ .center404{text-align:center;padding:120px 0 140px} .center404 .big{font-family:var(--mono);font-size:84px;font-weight:800;color:var(--accent);text-shadow:0 0 50px color-mix(in srgb,var(--accent) 25%,transparent)}