@font-face{font-family:Syne;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/syne-latin-variable.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:dark;--bg: #0a0e14;--bg-soft: #0f1520;--surface: #131c28;--surface-2: #1b2634;--ink: #eef2f8;--muted: #a7b4c6;--line: #2a3748;--accent: #ffc857;--accent-2: #5eead4;--on-accent: #10131a;--font-display: "Syne", ui-sans-serif, system-ui, sans-serif;--font-text: ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--radius: 14px;--shadow: 0 18px 40px -22px rgb(0 0 0 / .9)}*{box-sizing:border-box}html{scrollbar-color:var(--line) var(--bg)}body{margin:0;color:var(--ink);background-color:var(--bg);background-image:radial-gradient(circle at 1px 1px,rgb(238 242 248 / .045) 1px,transparent 0),radial-gradient(900px 520px at 88% -6%,rgb(255 200 87 / .11),transparent 70%),radial-gradient(760px 480px at -8% 10%,rgb(94 234 212 / .07),transparent 72%),linear-gradient(180deg,var(--bg-soft),transparent 360px);background-size:22px 22px,auto,auto,auto;background-repeat:repeat,no-repeat,no-repeat,no-repeat;font-family:var(--font-text);font-size:1rem;line-height:1.7;-webkit-font-smoothing:antialiased}::selection{background:var(--accent);color:var(--on-accent)}:where(a,[tabindex]):focus-visible{outline:2px solid var(--accent-2);outline-offset:3px;border-radius:3px}img{max-width:100%;height:auto}.wrap{width:min(100% - 2.5rem,52rem);margin-inline:auto}.site-header,.site-footer{border-bottom:1px solid var(--line);padding-block:1rem}.site-header{position:relative;background:linear-gradient(180deg,#131c28e6,#0a0e1459)}.site-header:after{content:"";position:absolute;inset-inline:0;bottom:-1px;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent-2) 38%,transparent 78%)}.site-footer{border-bottom:0;border-top:1px solid var(--line);margin-top:5rem;padding-block:1.5rem;background:linear-gradient(0deg,rgb(19 28 40 / .55),transparent);color:var(--muted);font-size:.88rem}.site-header .wrap,.site-footer .wrap{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between}.brand{font-family:var(--font-display);font-weight:800;font-size:1.15rem;letter-spacing:-.03em;text-decoration:none;color:var(--ink)}.brand:before{content:"";display:inline-block;width:.62rem;height:.62rem;margin-right:.55rem;border-radius:3px;background:var(--accent);transform:rotate(12deg);box-shadow:0 0 18px #ffc85773}nav{display:flex;flex-wrap:wrap;gap:1.15rem}nav a{color:var(--muted);font-size:.94rem;text-decoration:none}nav a:hover{color:var(--accent)}main{padding-top:clamp(2.5rem,6vw,4.5rem)}h1{font-family:var(--font-display);font-weight:800;font-size:clamp(2.35rem,5.4vw,3.7rem);line-height:1.08;letter-spacing:-.035em;text-wrap:balance;max-width:22ch;margin-block:0 1.1rem;color:var(--ink)}h1:after{content:"";display:block;width:4.5rem;height:3px;margin-top:1.4rem;border-radius:2px;background:linear-gradient(90deg,var(--accent),var(--accent-2))}h2,h3,h4{color:var(--ink);scroll-margin-top:1.5rem}h2{font-family:var(--font-display);font-weight:700;font-size:clamp(1.5rem,3vw,1.9rem);line-height:1.25;letter-spacing:-.02em;margin-top:3rem;margin-bottom:.9rem}h3{font-family:var(--font-display);font-weight:700;font-size:1.18rem;line-height:1.35;margin-top:2.25rem;margin-bottom:.6rem}h4{font-weight:700;font-size:1rem;margin-top:1.5rem;margin-bottom:.3rem}strong{color:var(--ink);font-weight:700}a{color:var(--accent);text-decoration-color:#ffc85773;text-underline-offset:3px}a:hover{color:var(--accent-2);text-decoration-color:currentColor}.lead{font-size:clamp(1.05rem,2vw,1.22rem);line-height:1.65;color:#cdd7e5;max-width:62ch;text-wrap:pretty}.meta{font-family:var(--font-mono);font-size:.84rem;letter-spacing:.01em;color:var(--muted)}p,li{max-width:72ch}ul,ol{padding-left:1.4rem}li+li{margin-top:.35rem}li::marker{color:var(--accent)}hr{border:0;border-top:1px solid var(--line);margin-block:2.5rem}blockquote{margin-inline:0;padding:.6rem 1.25rem;border-left:3px solid var(--accent-2);border-radius:0 10px 10px 0;background:#5eead40d;color:#d7dfeb}code{font-family:var(--font-mono);font-size:.9em;padding:.1em .35em;border:1px solid var(--line);border-radius:5px;background:var(--surface-2);color:var(--accent-2)}pre{overflow-x:auto;padding:1rem 1.25rem;border:1px solid var(--line);border-radius:10px;background:var(--bg-soft)}pre code{padding:0;border:0;background:none;color:var(--ink)}table{width:100%;border-collapse:collapse;font-size:.93rem}th,td{padding:.55rem .75rem;border:1px solid var(--line);text-align:left}th{font-family:var(--font-display);background:var(--surface-2);color:var(--ink)}.section-label{margin-top:3rem;margin-bottom:1rem;font-family:var(--font-display);font-weight:700;font-size:1.5rem;letter-spacing:-.02em;color:var(--ink)}.cards{list-style:none;padding:0;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr))}.cards li{position:relative;padding:1.5rem;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(155deg,var(--surface-2),var(--surface) 65%);box-shadow:var(--shadow);transition:transform .25s ease,border-color .25s ease}.cards li:hover{transform:translateY(-3px);border-color:#ffc85773}.cards li:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;border-radius:var(--radius) 0 0 var(--radius);background:linear-gradient(180deg,var(--accent),transparent 70%)}.cards h2,.cards h3{margin-top:0;margin-bottom:.6rem;font-size:1.3rem}.cards h2 a,.cards h3 a{color:var(--ink);text-decoration:none}.cards h2 a:hover,.cards h3 a:hover{color:var(--accent)}.cards p{margin-bottom:0}.note{max-width:68ch;padding:1rem 1.25rem;border-left:3px solid var(--accent);border-radius:0 10px 10px 0;background:#ffc8570f;color:#d7dfeb}.product-head{display:flex;gap:1.5rem;align-items:flex-start;flex-wrap:wrap}.product-head>div{flex:1 1 12rem;min-width:0}.product-head h1{font-size:clamp(2rem,4.6vw,3.1rem);max-width:18ch}.product-head img{width:88px;height:88px;border-radius:20px;flex:none;border:1px solid var(--line);box-shadow:0 12px 30px -14px #000000e6}.btn{display:inline-block;font-family:var(--font-display);font-weight:700;padding:.72rem 1.3rem;border-radius:10px;background:linear-gradient(135deg,#ffd479,var(--accent));color:var(--on-accent);text-decoration:none;box-shadow:0 10px 26px -12px #ffc8578c;transition:transform .2s ease,box-shadow .2s ease}.btn:hover{color:var(--on-accent);text-decoration:none;transform:translateY(-2px);box-shadow:0 16px 30px -12px #ffc857b3}.btn-row{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;align-items:center;margin-block:1.75rem}main>.wrap>.product-head+.btn-row{margin-left:7rem}.screens{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;padding:0;list-style:none}.screens li{margin:0}.screens img{width:100%;height:auto;display:block;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:var(--shadow);transition:transform .25s ease,border-color .25s ease}.screens img:hover{transform:translateY(-3px);border-color:var(--accent-2)}.legal nav a{color:var(--accent);text-decoration:underline;text-decoration-color:#ffc85773;text-underline-offset:3px}.legal h3{font-size:1.15rem;margin-top:2.5rem}.legal h4{margin-top:1.4rem}.legal p,.legal li{font-size:.95rem;color:#d0d9e6;max-width:72ch}.legal section{padding-top:1rem;scroll-margin-top:1.5rem}.legal section+section{margin-top:2rem;border-top:1px solid var(--line)}@media(max-width:600px){.wrap{width:min(100% - 2rem,52rem)}h1{font-size:clamp(1.85rem,7.6vw,2.25rem);max-width:100%}.product-head{gap:1rem}.product-head h1{font-size:clamp(1.85rem,7.6vw,2.25rem);max-width:100%}.product-head img{width:64px;height:64px;border-radius:16px}main>.wrap>.product-head>div{flex-basis:100%}main>.wrap>.product-head+.btn-row{margin-left:0}nav{gap:.9rem}.cards li{padding:1.2rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(forced-colors:active){.brand:before,h1:after,.site-header:after,.cards li:before{display:none}.btn{border:1px solid ButtonText}}
