:root{color-scheme:dark;--bg:#04060a;--stone:#0b0f15;--stone2:#111722;--line:#1d2633;--line2:#2b3849;--text:#eef3f9;--muted:#93a1b3;--soft:#c9d4e2;--blue:#1e8bff;--blue2:#5fb4ff;--ice:#bfe0ff;--silver:#d9dee5;--ink:#03111f;--err:#ff9b8a;--ok:#7fe0a8;--r:10px;
--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .55 0 0 0 0 .62 0 0 0 0 .72 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;background:var(--grain);pointer-events:none;z-index:1;mix-blend-mode:overlay;opacity:.9}
a{color:inherit}.wrap{max-width:1180px;margin:0 auto;padding:0 22px;position:relative;z-index:2}
.eyebrow,.mono{font-family:"JetBrains Mono",ui-monospace,Menlo,Consolas,monospace}
.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--blue2);font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.eyebrow::before{content:"";width:22px;height:2px;background:linear-gradient(90deg,var(--blue),transparent);box-shadow:0 0 10px var(--blue)}
h1,h2,h3{font-family:"Chakra Petch",Inter,sans-serif;letter-spacing:.01em;line-height:1.05;margin:0}
h2{font-size:clamp(30px,4.4vw,52px);font-weight:700;margin-top:10px}h3{font-size:20px;font-weight:600}p{margin:0}
.lead{font-size:clamp(18px,2vw,22px);line-height:1.5;color:var(--soft)}
section{padding:96px 0;position:relative}
/* jagged rock edge between sections */
section+section::before{content:"";position:absolute;left:0;right:0;top:-1px;height:26px;z-index:2;pointer-events:none;
background:var(--bg);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 26' preserveAspectRatio='none'%3E%3Cpath d='M0 0h1200v8l-38 10-41-12-55 15-47-9-62 13-36-11-58 14-44-12-71 11-39-8-53 14-48-13-66 12-35-9-57 13-42-10-63 12-46-11-52 13-38-9-61 12-47-13-55 11-40-8-49 12V0z'/%3E%3C/svg%3E") top/100% 100% no-repeat;
mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 26' preserveAspectRatio='none'%3E%3Cpath d='M0 0h1200v8l-38 10-41-12-55 15-47-9-62 13-36-11-58 14-44-12-71 11-39-8-53 14-48-13-66 12-35-9-57 13-42-10-63 12-46-11-52 13-38-9-61 12-47-13-55 11-40-8-49 12V0z'/%3E%3C/svg%3E") top/100% 100% no-repeat;filter:drop-shadow(0 6px 10px rgba(0,0,0,.6))}
section:nth-of-type(even){background:linear-gradient(180deg,#070a10,#05070b)}
nav{position:fixed;top:0;left:0;right:0;z-index:20;transition:background .3s,border-color .3s;border-bottom:1px solid transparent}
nav.solid{background:rgba(4,6,10,.82);backdrop-filter:blur(14px);border-color:var(--line)}
nav .wrap{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:18px}
nav ul{display:flex;align-items:center;gap:26px;list-style:none;margin:0;padding:0;font-size:14px;color:var(--muted)}nav a{text-decoration:none}nav ul a:hover{color:var(--ice);text-shadow:0 0 12px rgba(95,180,255,.6)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:13px 20px;border-radius:var(--r);border:1px solid transparent;font:600 15px/1 Inter,sans-serif;text-decoration:none;cursor:pointer;transition:transform .15s,box-shadow .2s,background .2s}
.btn.primary{background:linear-gradient(180deg,#3aa0ff,#1270e0);color:#fff;box-shadow:0 0 0 1px rgba(150,205,255,.35) inset,0 8px 28px rgba(30,139,255,.35)}
.btn.primary:hover{box-shadow:0 0 0 1px rgba(190,225,255,.5) inset,0 10px 38px rgba(30,139,255,.55);transform:translateY(-1px)}
.btn.secondary{background:rgba(10,14,20,.55);border-color:var(--line2);color:var(--text);backdrop-filter:blur(6px)}.btn.secondary:hover{border-color:var(--blue);box-shadow:0 0 18px rgba(30,139,255,.25)}
.btn:disabled{opacity:.65;cursor:wait}
/* ---------- HERO: the cave ---------- */
.hero{min-height:min(100vh,980px);min-height:min(100svh,980px);padding:0;display:flex;align-items:center;overflow:hidden;background:radial-gradient(ellipse at 50% 55%,#0d3a6e 0,#061426 30%,#020409 70%)}
#cave{position:absolute;inset:0;width:100%;height:100%;display:block}
.hero::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,transparent 35%,rgba(2,4,9,.55) 75%,#020409 100%),linear-gradient(180deg,rgba(2,4,9,.6),transparent 22%,transparent 70%,var(--bg))}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:56px;align-items:center;padding:120px 22px 90px}
.hero-logo{display:block;width:100%;min-width:0;max-width:640px;height:auto;filter:drop-shadow(0 0 26px rgba(30,139,255,.45))}
.brand-line{font-family:"Chakra Petch",sans-serif;font-size:clamp(24px,3vw,36px);font-weight:600;line-height:1.15;margin-top:22px;max-width:22ch;color:var(--silver)}
.hero .lead{margin-top:16px;max-width:36rem;color:#b8c6d8}
.hero-actions,.card-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.scroll-cue{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);z-index:3;font:600 11px "JetBrains Mono",monospace;letter-spacing:.2em;color:var(--muted);text-decoration:none;display:flex;flex-direction:column;align-items:center;gap:8px}
.scroll-cue span{width:1px;height:34px;background:linear-gradient(var(--blue2),transparent);animation:drip 2.2s infinite}
@keyframes drip{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
/* bench status panel = rack in the rock */
.signal{position:relative;border:1px solid rgba(95,180,255,.22);background:linear-gradient(180deg,rgba(14,24,38,.78),rgba(6,10,16,.88));border-radius:14px;padding:24px;backdrop-filter:blur(8px);box-shadow:0 30px 80px rgba(0,0,0,.55),0 0 0 1px rgba(0,0,0,.6) inset,0 0 60px rgba(30,139,255,.12)}
.signal::before{content:"";position:absolute;inset:-1px;border-radius:14px;padding:1px;background:linear-gradient(140deg,rgba(150,210,255,.55),transparent 40%,transparent 70%,rgba(30,139,255,.45));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.signal-top{display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:18px}
.signal strong{display:block;font-family:"Chakra Petch",sans-serif;font-size:19px}.small{font-size:13px;color:var(--muted)}
.status{font:700 11px "JetBrains Mono",monospace;letter-spacing:.12em;color:var(--blue2);display:inline-flex;align-items:center;gap:7px}
.status::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--blue2);box-shadow:0 0 10px var(--blue2);animation:led 2.4s infinite}
@keyframes led{50%{opacity:.35}}
.rack{display:grid;gap:14px}.rack-row{display:grid;grid-template-columns:120px 1fr auto;gap:14px;align-items:center;font:600 12px "JetBrains Mono",monospace;color:var(--soft)}
.bar{height:6px;border-radius:6px;background:#0a1019;overflow:hidden;box-shadow:inset 0 1px 2px rgba(0,0,0,.8)}.bar span{display:block;height:100%;background:linear-gradient(90deg,#0f5fc4,var(--blue2));box-shadow:0 0 12px var(--blue)}
/* ---------- content ---------- */
.reason-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:38px}
.reason,.step,.product-card,.request-card,.faq details,.license-callout{position:relative;background:linear-gradient(180deg,rgba(20,28,40,.7),rgba(9,13,19,.85)),var(--grain);border:1px solid var(--line);border-radius:12px;box-shadow:0 1px 0 rgba(255,255,255,.04) inset,0 18px 40px rgba(0,0,0,.35)}
.reason{padding:20px;display:flex;flex-direction:column;gap:8px}.reason b{font-family:"Chakra Petch",sans-serif;font-size:18px;color:var(--ice)}.reason span{color:var(--muted);font-size:15px}
.reason::after,.product-card::after{content:"";position:absolute;left:18px;right:18px;top:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(95,180,255,.7),transparent);opacity:.5;transition:opacity .25s}
.reason:hover::after,.product-card:hover::after{opacity:1}
.section-head{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:40px;align-items:end;margin-bottom:38px}.section-head>p{color:var(--muted)}.section-head b{color:var(--ice)}
.catalog-tabs{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,1fr);gap:26px}
.catalog-lane:first-child{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-content:start}
.catalog-lane:first-child .lane-title{grid-column:1/-1}.catalog-lane{display:grid;gap:16px;align-content:start}
.lane-title{font:700 12px "JetBrains Mono",monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.product-card{padding:22px;display:flex;flex-direction:column;gap:12px;transition:transform .25s,border-color .25s,box-shadow .25s;transform-style:preserve-3d}
.product-card:hover{border-color:rgba(95,180,255,.45);box-shadow:0 0 0 1px rgba(30,139,255,.15) inset,0 24px 50px rgba(0,0,0,.5),0 0 40px rgba(30,139,255,.12)}
.product-card h3 a{text-decoration:none}.product-card p{color:var(--muted);font-size:15px}
.tag{align-self:flex-start;font:700 11px "JetBrains Mono",monospace;letter-spacing:.12em;text-transform:uppercase;padding:5px 10px;border-radius:999px;border:1px solid var(--line2);color:var(--soft)}
.tag.live{border-color:rgba(95,180,255,.5);color:var(--blue2);box-shadow:0 0 14px rgba(30,139,255,.18)}.tag.dev{color:#e6c97a;border-color:rgba(230,201,122,.35)}
.price-line{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.pill{font:600 12px "JetBrains Mono",monospace;padding:6px 10px;border-radius:7px;background:#070b11;border:1px solid var(--line);color:var(--soft)}
.card-actions{margin-top:6px}.card-actions .btn{min-height:40px;padding:10px 14px;font-size:14px}
.request-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:start}
.request-copy{color:var(--muted);margin-top:16px}.request-grid .lead{margin-top:18px}
.request-card{padding:26px;display:grid;gap:14px}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.field{display:grid;gap:6px}.field label{font:600 12px "JetBrains Mono",monospace;letter-spacing:.06em;color:var(--muted);text-transform:uppercase}
input,select,textarea{width:100%;background:#05080d;border:1px solid var(--line2);border-radius:8px;color:var(--text);font:15px Inter,sans-serif;padding:12px 13px;transition:border-color .2s,box-shadow .2s}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(30,139,255,.18)}
.checkline{display:flex;gap:10px;align-items:flex-start;color:var(--soft);font-size:14px}.checkline input{width:auto;margin-top:4px}
.hp{position:absolute;left:-9999px}.err{color:var(--err);font-size:14px;min-height:1px}.request-ok{color:var(--ok);font-size:14px}
.story{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:center}.story>p{font-size:clamp(18px,1.9vw,21px);color:var(--soft);line-height:1.65;border-left:2px solid var(--blue);padding-left:26px;box-shadow:-12px 0 24px -16px rgba(30,139,255,.6)}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:34px;counter-reset:s}
.step{padding:22px;display:grid;gap:8px}.step b{font-family:"Chakra Petch",sans-serif;font-size:18px;color:var(--ice)}.step span{color:var(--muted);font-size:15px}.step a{color:var(--blue2)}
.license-callout{margin-top:18px;padding:18px 22px;color:var(--soft);border-color:rgba(95,180,255,.3)}
.faq{display:grid;gap:10px}.faq details{padding:0}.faq summary{cursor:pointer;padding:18px 22px;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:16px}
.faq summary::after{content:"+";font:600 20px/1 "JetBrains Mono",monospace;color:var(--blue2);transition:transform .2s}.faq details[open] summary::after{transform:rotate(45deg)}
.faq summary::-webkit-details-marker{display:none}.faq details p{padding:0 22px 18px;color:var(--muted)}.section-head a,.faq a{color:var(--blue2)}
footer{position:relative;z-index:2;padding:44px 0 56px;border-top:1px solid var(--line);color:var(--muted);font-size:13px;background:#020409}footer p{margin-bottom:10px}footer a{color:var(--soft)}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.in{opacity:1;transform:none}
@media (max-width:980px){.hero-grid,.request-grid,.story,.section-head{grid-template-columns:minmax(0,1fr);gap:34px}.reason-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.catalog-tabs{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){nav ul{display:none}.reason-grid,.steps,.catalog-lane:first-child,.form-pair{grid-template-columns:minmax(0,1fr)}.rack-row{grid-template-columns:104px minmax(0,1fr) auto}.hero-logo{max-width:100%}section{padding:72px 0}.hero-grid{padding:100px 18px 80px}.wrap{padding:0 16px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

section:not(.hero){background:radial-gradient(ellipse 60% 50% at 85% 0%,rgba(30,139,255,.10),transparent 70%),linear-gradient(180deg,rgba(3,5,9,.80),rgba(3,5,9,.88)),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='520' height='520'%3E%3Cfilter id='s' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.011 .016' numOctaves='5' seed='7' stitchTiles='stitch' result='t'/%3E%3CfeDiffuseLighting in='t' surfaceScale='7' lighting-color='%233d6ea8' diffuseConstant='1.1'%3E%3CfeDistantLight azimuth='235' elevation='38'/%3E%3C/feDiffuseLighting%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url%28%23s%29'/%3E%3C/svg%3E");background-size:auto,auto,520px 520px}
section:not(.hero):nth-of-type(odd){background:radial-gradient(ellipse 55% 45% at 10% 0%,rgba(30,139,255,.09),transparent 70%),linear-gradient(180deg,rgba(3,5,9,.82),rgba(3,5,9,.90)),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='520' height='520'%3E%3Cfilter id='s' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.011 .016' numOctaves='5' seed='7' stitchTiles='stitch' result='t'/%3E%3CfeDiffuseLighting in='t' surfaceScale='7' lighting-color='%233d6ea8' diffuseConstant='1.1'%3E%3CfeDistantLight azimuth='235' elevation='38'/%3E%3C/feDiffuseLighting%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url%28%23s%29'/%3E%3C/svg%3E");background-size:auto,auto,520px 520px}
section+section::before{-webkit-mask:none;mask:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 50' preserveAspectRatio='none'%3E%3Cpath d='M0 0 L20 11 L46 5 L68 7 L96 3 L127 21 L165 2 L185 15 L211 6 L242 4 L280 6 L299 6 L323 6 L331 5 L341 2 L350 25 L361 6 L369 9 L380 5 L404 12 L435 3 L461 10 L493 7 L503 27 L516 5 L539 5 L569 7 L584 24 L603 6 L619 46 L639 2 L658 28 L682 5 L691 4 L704 3 L717 4 L735 5 L753 10 L777 5 L786 7 L799 7 L814 29 L834 4 L842 5 L852 3 L866 4 L885 2 L906 6 L932 7 L955 42 L985 3 L1013 10 L1049 7 L1067 36 L1091 3 L1099 29 L1109 2 L1122 46 L1140 2 L1149 7 L1160 5 L1175 31 L1194 4 L1212 15 L1236 3 L1200 0Z' fill='%23020409'/%3E%3Cpath d='M0 0 L20 11 L46 5 L68 7 L96 3 L127 21 L165 2 L185 15 L211 6 L242 4 L280 6 L299 6 L323 6 L331 5 L341 2 L350 25 L361 6 L369 9 L380 5 L404 12 L435 3 L461 10 L493 7 L503 27 L516 5 L539 5 L569 7 L584 24 L603 6 L619 46 L639 2 L658 28 L682 5 L691 4 L704 3 L717 4 L735 5 L753 10 L777 5 L786 7 L799 7 L814 29 L834 4 L842 5 L852 3 L866 4 L885 2 L906 6 L932 7 L955 42 L985 3 L1013 10 L1049 7 L1067 36 L1091 3 L1099 29 L1109 2 L1122 46 L1140 2 L1149 7 L1160 5 L1175 31 L1194 4 L1212 15 L1236 3 L1200 0Z' fill='none' stroke='%232f7fe0' stroke-opacity='.35' stroke-width='1.2'/%3E%3C/svg%3E") top/100% 100% no-repeat;height:46px;top:-2px;filter:drop-shadow(0 10px 12px rgba(0,0,0,.7))}
.card-icon{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,rgba(30,139,255,.22),rgba(6,10,16,.9));border:1px solid rgba(95,180,255,.28);box-shadow:0 0 22px rgba(30,139,255,.18),inset 0 1px 0 rgba(255,255,255,.06)}
.card-icon svg{width:26px;height:26px;stroke:var(--ice);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px rgba(95,180,255,.7))}
.card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.steps{counter-reset:s}.step{counter-increment:s;padding-top:58px;overflow:hidden}
.step::before{content:counter(s,decimal-leading-zero);position:absolute;top:10px;right:16px;font:700 54px/1 "Chakra Petch",sans-serif;color:transparent;-webkit-text-stroke:1px rgba(95,180,255,.55);text-shadow:0 0 24px rgba(30,139,255,.35)}
.step b{font-size:19px}

section:not(.hero){background:radial-gradient(ellipse 60% 50% at 85% 0%,rgba(30,139,255,.10),transparent 70%),linear-gradient(180deg,rgba(3,5,9,.80),rgba(3,5,9,.88)),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='520' height='520'%3E%3Cfilter id='s' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.011 .016' numOctaves='5' seed='7' stitchTiles='stitch' result='t'/%3E%3CfeDiffuseLighting in='t' surfaceScale='7' lighting-color='%233d6ea8' diffuseConstant='1.1'%3E%3CfeDistantLight azimuth='235' elevation='38'/%3E%3C/feDiffuseLighting%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url%28%23s%29'/%3E%3C/svg%3E");background-size:auto,auto,520px 520px}
section:not(.hero):nth-of-type(odd){background:radial-gradient(ellipse 55% 45% at 10% 0%,rgba(30,139,255,.09),transparent 70%),linear-gradient(180deg,rgba(3,5,9,.82),rgba(3,5,9,.90)),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='520' height='520'%3E%3Cfilter id='s' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.011 .016' numOctaves='5' seed='7' stitchTiles='stitch' result='t'/%3E%3CfeDiffuseLighting in='t' surfaceScale='7' lighting-color='%233d6ea8' diffuseConstant='1.1'%3E%3CfeDistantLight azimuth='235' elevation='38'/%3E%3C/feDiffuseLighting%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url%28%23s%29'/%3E%3C/svg%3E");background-size:auto,auto,520px 520px}
section+section::before{-webkit-mask:none;mask:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 50' preserveAspectRatio='none'%3E%3Cpath d='M0 0 L20 11 L46 5 L68 7 L96 3 L127 21 L165 2 L185 15 L211 6 L242 4 L280 6 L299 6 L323 6 L331 5 L341 2 L350 25 L361 6 L369 9 L380 5 L404 12 L435 3 L461 10 L493 7 L503 27 L516 5 L539 5 L569 7 L584 24 L603 6 L619 46 L639 2 L658 28 L682 5 L691 4 L704 3 L717 4 L735 5 L753 10 L777 5 L786 7 L799 7 L814 29 L834 4 L842 5 L852 3 L866 4 L885 2 L906 6 L932 7 L955 42 L985 3 L1013 10 L1049 7 L1067 36 L1091 3 L1099 29 L1109 2 L1122 46 L1140 2 L1149 7 L1160 5 L1175 31 L1194 4 L1212 15 L1236 3 L1200 0Z' fill='%23020409'/%3E%3Cpath d='M0 0 L20 11 L46 5 L68 7 L96 3 L127 21 L165 2 L185 15 L211 6 L242 4 L280 6 L299 6 L323 6 L331 5 L341 2 L350 25 L361 6 L369 9 L380 5 L404 12 L435 3 L461 10 L493 7 L503 27 L516 5 L539 5 L569 7 L584 24 L603 6 L619 46 L639 2 L658 28 L682 5 L691 4 L704 3 L717 4 L735 5 L753 10 L777 5 L786 7 L799 7 L814 29 L834 4 L842 5 L852 3 L866 4 L885 2 L906 6 L932 7 L955 42 L985 3 L1013 10 L1049 7 L1067 36 L1091 3 L1099 29 L1109 2 L1122 46 L1140 2 L1149 7 L1160 5 L1175 31 L1194 4 L1212 15 L1236 3 L1200 0Z' fill='none' stroke='%232f7fe0' stroke-opacity='.35' stroke-width='1.2'/%3E%3C/svg%3E") top/100% 100% no-repeat;height:46px;top:-2px;filter:drop-shadow(0 10px 12px rgba(0,0,0,.7))}
.card-icon{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,rgba(30,139,255,.22),rgba(6,10,16,.9));border:1px solid rgba(95,180,255,.28);box-shadow:0 0 22px rgba(30,139,255,.18),inset 0 1px 0 rgba(255,255,255,.06)}
.card-icon svg{width:26px;height:26px;stroke:var(--ice);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px rgba(95,180,255,.7))}
.card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.steps{counter-reset:s}.step{counter-increment:s;padding-top:58px;overflow:hidden}
.step::before{content:counter(s,decimal-leading-zero);position:absolute;top:10px;right:16px;font:700 54px/1 "Chakra Petch",sans-serif;color:transparent;-webkit-text-stroke:1px rgba(95,180,255,.55);text-shadow:0 0 24px rgba(30,139,255,.35)}
.step b{font-size:19px}

section:not(.hero){background:radial-gradient(ellipse 60% 50% at 85% 0%,rgba(30,139,255,.10),transparent 70%),linear-gradient(180deg,rgba(3,5,9,.80),rgba(3,5,9,.88)),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='520' height='520'%3E%3Cfilter id='s' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.011 .016' numOctaves='5' seed='7' stitchTiles='stitch' result='t'/%3E%3CfeDiffuseLighting in='t' surfaceScale='7' lighting-color='%233d6ea8' diffuseConstant='1.1'%3E%3CfeDistantLight azimuth='235' elevation='38'/%3E%3C/feDiffuseLighting%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url%28%23s%29'/%3E%3C/svg%3E");background-size:auto,auto,520px 520px}
section:not(.hero):nth-of-type(odd){background:radial-gradient(ellipse 55% 45% at 10% 0%,rgba(30,139,255,.09),transparent 70%),linear-gradient(180deg,rgba(3,5,9,.82),rgba(3,5,9,.90)),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='520' height='520'%3E%3Cfilter id='s' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.011 .016' numOctaves='5' seed='7' stitchTiles='stitch' result='t'/%3E%3CfeDiffuseLighting in='t' surfaceScale='7' lighting-color='%233d6ea8' diffuseConstant='1.1'%3E%3CfeDistantLight azimuth='235' elevation='38'/%3E%3C/feDiffuseLighting%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url%28%23s%29'/%3E%3C/svg%3E");background-size:auto,auto,520px 520px}
section+section::before{-webkit-mask:none;mask:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 50' preserveAspectRatio='none'%3E%3Cpath d='M0 0 L20 11 L46 5 L68 7 L96 3 L127 21 L165 2 L185 15 L211 6 L242 4 L280 6 L299 6 L323 6 L331 5 L341 2 L350 25 L361 6 L369 9 L380 5 L404 12 L435 3 L461 10 L493 7 L503 27 L516 5 L539 5 L569 7 L584 24 L603 6 L619 46 L639 2 L658 28 L682 5 L691 4 L704 3 L717 4 L735 5 L753 10 L777 5 L786 7 L799 7 L814 29 L834 4 L842 5 L852 3 L866 4 L885 2 L906 6 L932 7 L955 42 L985 3 L1013 10 L1049 7 L1067 36 L1091 3 L1099 29 L1109 2 L1122 46 L1140 2 L1149 7 L1160 5 L1175 31 L1194 4 L1212 15 L1236 3 L1200 0Z' fill='%23020409'/%3E%3Cpath d='M0 0 L20 11 L46 5 L68 7 L96 3 L127 21 L165 2 L185 15 L211 6 L242 4 L280 6 L299 6 L323 6 L331 5 L341 2 L350 25 L361 6 L369 9 L380 5 L404 12 L435 3 L461 10 L493 7 L503 27 L516 5 L539 5 L569 7 L584 24 L603 6 L619 46 L639 2 L658 28 L682 5 L691 4 L704 3 L717 4 L735 5 L753 10 L777 5 L786 7 L799 7 L814 29 L834 4 L842 5 L852 3 L866 4 L885 2 L906 6 L932 7 L955 42 L985 3 L1013 10 L1049 7 L1067 36 L1091 3 L1099 29 L1109 2 L1122 46 L1140 2 L1149 7 L1160 5 L1175 31 L1194 4 L1212 15 L1236 3 L1200 0Z' fill='none' stroke='%232f7fe0' stroke-opacity='.35' stroke-width='1.2'/%3E%3C/svg%3E") top/100% 100% no-repeat;height:46px;top:-2px;filter:drop-shadow(0 10px 12px rgba(0,0,0,.7))}
.card-icon{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,rgba(30,139,255,.22),rgba(6,10,16,.9));border:1px solid rgba(95,180,255,.28);box-shadow:0 0 22px rgba(30,139,255,.18),inset 0 1px 0 rgba(255,255,255,.06)}
.card-icon svg{width:26px;height:26px;stroke:var(--ice);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px rgba(95,180,255,.7))}
.card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.steps{counter-reset:s}.step{counter-increment:s;padding-top:58px;overflow:hidden}
.step::before{content:counter(s,decimal-leading-zero);position:absolute;top:10px;right:16px;font:700 54px/1 "Chakra Petch",sans-serif;color:transparent;-webkit-text-stroke:1px rgba(95,180,255,.55);text-shadow:0 0 24px rgba(30,139,255,.35)}
.step b{font-size:19px}

/* ================= sub-pages (product pages, catalogue, support, contact, thanks) ================= */
body:not(.home) .hero{min-height:0;padding:150px 0 96px;display:block;background:linear-gradient(90deg,rgba(2,4,9,.92) 0%,rgba(2,4,9,.72) 45%,rgba(2,4,9,.35) 100%),url("/assets/cave-still.jpg") center 55%/cover no-repeat,#020409;overflow:hidden}
body:not(.home) .hero::after{background:linear-gradient(180deg,rgba(2,4,9,.55),transparent 30%,transparent 72%,var(--bg))}
body:not(.home) .hero .hero-grid{padding:0 22px}
body:not(.home) h1{font-size:clamp(38px,5.6vw,68px);font-weight:700;max-width:14ch;line-height:1.02;text-shadow:0 0 40px rgba(30,139,255,.25)}
.hero .lead{margin-top:20px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.summary-card,.bench,.buy{position:relative;border:1px solid rgba(95,180,255,.22);background:linear-gradient(180deg,rgba(14,24,38,.82),rgba(6,10,16,.9));border-radius:14px;padding:26px;backdrop-filter:blur(8px);box-shadow:0 30px 80px rgba(0,0,0,.5),0 0 60px rgba(30,139,255,.1)}
.summary-card::before,.bench::before,.buy::before{content:"";position:absolute;inset:-1px;border-radius:14px;padding:1px;background:linear-gradient(140deg,rgba(150,210,255,.5),transparent 40%,transparent 70%,rgba(30,139,255,.4));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.price{font:700 46px/1 "Chakra Petch",sans-serif;color:var(--text);text-shadow:0 0 30px rgba(30,139,255,.35)}.price small{display:block;margin-top:10px;font:500 14px Inter,sans-serif;color:var(--muted);text-shadow:none}
.checks{display:grid;gap:11px;margin-top:22px}.checks div{color:var(--soft);display:flex;gap:11px}
.checks div::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--blue2);box-shadow:0 0 10px var(--blue);margin-top:9px;flex:0 0 auto}
.bench{display:grid;gap:4px;padding:22px 24px}.bench-row{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line)}.bench-row:last-child{border-bottom:0}
.bench-row b{font-family:"Chakra Petch",sans-serif;font-weight:600;color:var(--soft)}.bench-row span{font:700 11px "JetBrains Mono",monospace;letter-spacing:.12em;color:var(--blue2);display:inline-flex;align-items:center;gap:7px}
.bench-row span::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--blue2);box-shadow:0 0 10px var(--blue2);animation:led 2.4s infinite}
section h2{margin-bottom:6px}.purchase-copy p,.purchase-copy li{color:var(--muted);margin-top:14px}.purchase-copy ul{padding-left:20px}.purchase-copy b,.purchase-copy strong{color:var(--ice)}.purchase-copy a,.support-note a,.docs a,.note a{color:var(--blue2)}
.purchase-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.62fr);gap:36px;align-items:start}
.buy h2{font-size:26px}.buy p{color:var(--muted);margin-top:10px}.buy .price{margin-top:8px;font:500 15px Inter,sans-serif;color:var(--muted);text-shadow:none}.buy .price b{color:var(--text);font-size:20px}.buy .btn{width:100%;margin-top:20px}
.field{margin-top:16px}.help{font-size:13px;color:var(--muted)}.secure{margin-top:12px;font-size:13px;color:var(--muted);text-align:center}input#box{font-family:"JetBrains Mono",monospace;letter-spacing:1px;text-transform:uppercase}
body:not(.home) .steps{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.step p{color:var(--muted);font-size:15px}
.note{margin-top:20px;border:1px solid rgba(95,180,255,.35);background:linear-gradient(90deg,rgba(30,139,255,.12),rgba(30,139,255,.03));border-radius:12px;padding:17px 20px;color:var(--soft);font-weight:600}
.support-note{margin-top:14px;color:var(--muted);max-width:760px}
body:not(.home) .faq{max-width:860px}body:not(.home) .faq h2{margin-bottom:18px}
body:not(.home) details{margin-bottom:10px}body:not(.home) details p{color:var(--muted)}
.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:28px}.wide{grid-column:span 2}
.card ul,.card ol{margin:10px 0 0;padding-left:20px}.card li{color:var(--muted)}
.docs h3{margin:30px 0 10px;font-size:22px;color:var(--ice)}.docs ul{padding-left:20px}.docs li{margin:8px 0;color:var(--muted)}.docs li b{color:var(--soft)}.docs p{color:var(--muted);margin-top:10px}
code{font-family:"JetBrains Mono",monospace;font-size:.92em;background:#060a10;border:1px solid var(--line);border-radius:5px;padding:1px 6px;color:var(--ice)}
/* catalogue page */
.category{display:grid;grid-template-columns:minmax(0,.32fr) minmax(0,1fr);gap:36px;padding:36px 0;border-top:1px solid var(--line)}.category:first-child{border-top:0;padding-top:0}
.category h2{font-size:clamp(24px,2.6vw,32px)}.category-note{color:var(--muted);margin-top:10px}
.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.card{position:relative;padding:22px;display:flex;flex-direction:column;gap:12px;background:linear-gradient(180deg,rgba(20,28,40,.7),rgba(9,13,19,.85)),var(--grain);border:1px solid var(--line);border-radius:12px;box-shadow:0 1px 0 rgba(255,255,255,.04) inset,0 18px 40px rgba(0,0,0,.35);transition:transform .25s,border-color .25s,box-shadow .25s}
.card:hover{border-color:rgba(95,180,255,.45);box-shadow:0 0 0 1px rgba(30,139,255,.15) inset,0 24px 50px rgba(0,0,0,.5),0 0 40px rgba(30,139,255,.12)}
.card h3 a{text-decoration:none}.card p{color:var(--muted);font-size:15px}.meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.card .actions{margin-top:6px}.card .actions .btn{min-height:40px;padding:10px 14px;font-size:14px}
.tag.request{color:var(--soft)}
/* contact + thanks */
.contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:8px;max-width:860px}
.contact-grid .card h2{font-size:22px;margin:0}.contact-grid a{color:var(--blue2)}address{font-style:normal;color:var(--soft);line-height:1.7}
.key{font:600 14px/1.5 "JetBrains Mono",monospace;letter-spacing:1px;word-break:break-all;color:var(--ice);margin-top:8px;text-shadow:0 0 14px rgba(95,180,255,.5)}
.muted{color:var(--muted)}main button{margin-top:16px;padding:12px 18px;font:600 15px Inter,sans-serif;background:linear-gradient(180deg,#3aa0ff,#1270e0);color:#fff;border:0;border-radius:10px;cursor:pointer;box-shadow:0 8px 28px rgba(30,139,255,.35)}
.narrow{max-width:720px}.narrow .card{margin:22px 0}
@media (max-width:980px){.purchase-grid,.category,.detail-grid{grid-template-columns:minmax(0,1fr)}.wide{grid-column:auto}}
@media (max-width:640px){.cards,.contact-grid{grid-template-columns:minmax(0,1fr)}body:not(.home) .hero{padding:120px 0 70px}.actions{display:grid}.actions .btn{width:100%}}

/* nav login button */
nav ul{margin-left:auto}
nav .nav-login{flex:none;display:inline-block;padding:9px 18px;border-radius:8px;border:1px solid var(--ice,#5fb4ff);color:var(--ice,#5fb4ff);font:600 14px Inter,system-ui,sans-serif;line-height:1;text-decoration:none;white-space:nowrap}
nav .nav-login:hover{background:rgba(95,180,255,.14);box-shadow:0 0 14px rgba(95,180,255,.45)}
@media (max-width:640px){nav .nav-login{margin-left:auto}}
@media (max-width:640px){body.home .hero-grid.wrap{padding:96px 16px 70px}}