/* Hallmark · macrostructure: Workbench · tone: atmospheric · anchor hue: ice-cyan */
@import url('/tokens.css');
.aurora{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.aurora i{position:absolute;display:block;width:55vmax;height:55vmax;border-radius:50%;filter:blur(95px);opacity:.2;will-change:transform}.aurora i:nth-child(1){left:-18vmax;top:-22vmax;background:oklch(58% .15 252/.7);animation:drift-a 18s var(--ease-in-out) infinite alternate}.aurora i:nth-child(2){right:-22vmax;top:8vh;background:oklch(68% .12 220/.5);animation:drift-b 22s var(--ease-in-out) infinite alternate}.aurora i:nth-child(3){left:28vw;bottom:-38vmax;background:oklch(46% .15 286/.45);animation:drift-c 26s var(--ease-in-out) infinite alternate}.wordmark span{display:inline-block;transition:transform var(--dur-med) var(--ease-out),text-shadow var(--dur-med) var(--ease-out),filter var(--dur-med) var(--ease-out)}.wordmark:hover .cross{transform:translateX(-10px) rotate(-1deg)}.wordmark:hover .dns{transform:translateX(10px) rotate(1deg);text-shadow:0 0 34px oklch(76% .14 224/.55);filter:brightness(1.14)}.wordmark .dns::after{content:attr(data-text);position:absolute;inset:0;color:transparent;background:linear-gradient(105deg,transparent 34%,oklch(98% .006 240/.95) 48%,transparent 62%);background-size:240% 100%;background-position:130% 0;background-clip:text;pointer-events:none;opacity:0}.wordmark:hover .dns::after{animation:dns-glint 1.25s var(--ease-out) both}@keyframes drift-a{to{transform:translate3d(18vw,16vh,0) scale(1.2) rotate(20deg)}}@keyframes drift-b{to{transform:translate3d(-22vw,22vh,0) scale(.82) rotate(-18deg)}}@keyframes drift-c{to{transform:translate3d(-12vw,-24vh,0) scale(1.18) rotate(12deg)}}@keyframes dns-glint{0%{opacity:0;background-position:130% 0}30%{opacity:.85}100%{opacity:0;background-position:-60% 0}}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{min-width:320px;margin:0;overflow-x:clip;background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased}body::before{content:"";position:fixed;inset:-42%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 38% 42%,oklch(58% .15 252/.13),transparent 34%),radial-gradient(ellipse at 68% 55%,oklch(68% .12 220/.08),transparent 30%);filter:blur(82px);animation:aurora 24s var(--ease-in-out) infinite alternate}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}:where(a,button):focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}.wrap{width:min(1160px,calc(100% - 40px));margin-inline:auto}.site-nav{height:84px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--color-rule)}.brand{font:800 22px/1 var(--font-display);letter-spacing:-.055em;text-decoration:none}.brand .dns,.wordmark .dns{color:var(--color-accent)}.nav-links{display:flex;gap:24px;align-items:center}.nav-links a{color:var(--color-ink-2);font:600 var(--text-xs)/1 var(--font-mono);text-decoration:none;transition:color var(--dur-short) var(--ease-out)}.nav-links a:hover{color:var(--color-ink)}.hero{position:relative;min-height:600px;display:grid;place-items:center;padding:88px 0 72px;text-align:center}.hero::before{content:"";position:absolute;width:min(760px,92vw);height:260px;top:48%;left:50%;z-index:-1;border-radius:50%;background:linear-gradient(100deg,oklch(72% .12 220/.08),oklch(58% .15 252/.12),oklch(68% .1 235/.05));filter:blur(55px);transform:translate(-50%,-50%);animation:glow 8s var(--ease-in-out) infinite alternate}.eyebrow,.section-kicker{color:var(--color-accent);font:650 11px/1.2 var(--font-mono);letter-spacing:.16em;text-transform:uppercase}.wordmark{display:flex;justify-content:center;margin:24px 0 26px;font:800 var(--text-display)/.82 var(--font-display);letter-spacing:-.09em}.wordmark::after{content:"";display:block;position:absolute;left:8%;right:5%;bottom:-20px;height:2px;background:linear-gradient(90deg,transparent,var(--color-ink) 18%,var(--color-accent) 72%,transparent);opacity:.55}.hero-copy{max-width:58ch;margin:0;color:var(--color-ink-2);font-size:clamp(16px,2vw,19px);line-height:1.65}.actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:30px}.btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:var(--radius-sm);padding:0 22px;background:var(--color-accent);color:var(--color-accent-ink);cursor:pointer;font:750 14px/1 var(--font-body);text-decoration:none;transition:transform var(--dur-short) var(--ease-out),box-shadow var(--dur-short) var(--ease-out),background var(--dur-short) var(--ease-out)}.btn:hover{transform:translateY(-2px);box-shadow:0 20px 54px oklch(58% .18 278/.35)}.btn:active{transform:translateY(1px)}.btn.secondary{border-color:var(--color-rule);background:var(--color-surface);color:var(--color-ink);box-shadow:none}.btn.secondary:hover{background:var(--color-surface-strong)}.section{padding:40px 0 88px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;border-bottom:1px solid var(--color-rule);padding-bottom:18px;margin-bottom:18px}.section-head h2{margin:0;font:750 var(--text-2xl)/1.05 var(--font-display);letter-spacing:-.04em}.section-head p{max-width:36ch;margin:0;color:var(--color-ink-2);line-height:1.5}.features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.panel{position:relative;min-height:190px;padding:26px;border:1px solid var(--color-rule);border-radius:var(--radius-lg);background:linear-gradient(145deg,oklch(21% .05 278/.8),oklch(14% .03 278/.72));box-shadow:var(--shadow-panel);overflow:hidden;transition:transform var(--dur-med) var(--ease-out),border-color var(--dur-short) var(--ease-out)}.panel:hover{transform:translateY(-5px);border-color:oklch(70% .13 276/.62)}.panel::after{content:"";position:absolute;width:160px;height:160px;right:-80px;bottom:-90px;border-radius:50%;background:var(--color-accent);filter:blur(60px);opacity:.12}.panel .tag{color:var(--color-accent);font:650 var(--text-xs)/1 var(--font-mono);text-transform:uppercase}.panel h3{margin:28px 0 12px;font:750 23px/1.05 var(--font-display);letter-spacing:-.03em}.panel p,.step p,.compare-card li,.faq p{margin:0;color:var(--color-ink-2);line-height:1.6}.steps{display:grid;gap:12px}.step{display:grid;grid-template-columns:72px 1fr;gap:20px;padding:22px 0;border-bottom:1px solid var(--color-rule)}.step .num{color:var(--color-accent);font:650 13px/1 var(--font-mono)}.step h3{margin:0 0 7px;font:700 20px/1.1 var(--font-display)}.compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.compare-card{padding:28px;border:1px solid var(--color-rule);border-radius:var(--radius-lg);background:var(--color-surface)}.compare-card h3{margin:0 0 20px;font:700 14px/1 var(--font-mono);color:var(--color-accent);text-transform:uppercase}.compare-card ul{display:grid;gap:13px;padding-left:20px;margin:0}.compare-card.good{border-color:oklch(74% .14 155/.36)}.compare-card.good h3{color:var(--color-success)}.download-panel{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:32px;border:1px solid oklch(76% .14 224/.3);border-radius:var(--radius-lg);background:linear-gradient(120deg,oklch(23% .07 255/.8),oklch(15% .04 278/.78))}.download-panel h2{margin:0 0 10px;font:750 var(--text-xl)/1 var(--font-display)}.download-panel p{margin:0;color:var(--color-ink-2);font:var(--text-sm)/1.5 var(--font-mono)}.video{border:1px solid var(--color-rule);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-surface);aspect-ratio:16/9}.video iframe{width:100%;height:100%;border:0}.faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.faq article{padding:22px;border:1px solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-surface)}.faq h3{margin:0 0 10px;font:700 18px/1.2 var(--font-display)}footer{padding:30px 0 44px;color:var(--color-ink-2);font:var(--text-xs)/1 var(--font-mono);border-top:1px solid var(--color-rule)}.modal-overlay,.instr-overlay{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:16px;background:oklch(4% .02 245/.72);backdrop-filter:blur(10px);opacity:0;visibility:hidden;transition:opacity var(--dur-short) var(--ease-out),visibility var(--dur-short)}.modal-overlay.active,.instr-overlay.active{opacity:1;visibility:visible}.captcha-modal,.instr-modal{width:min(440px,100%);padding:30px;border:1px solid var(--color-rule);border-radius:var(--radius-lg);background:oklch(16% .04 278/.97);box-shadow:0 30px 100px oklch(0% 0 0/.65)}.captcha-brand{font:800 18px/1 var(--font-display);letter-spacing:-.05em;margin-bottom:28px}.captcha-brand span{color:var(--color-accent)}.captcha-modal h2,.instr-modal h2{margin:0 0 10px;font:750 26px/1.12 var(--font-display)}.captcha-modal p{margin:0 0 22px;color:var(--color-ink-2);line-height:1.5}.captcha-challenge{width:100%;display:flex;align-items:center;gap:14px;padding:17px;border:1px solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-ink);cursor:pointer;text-align:left;transition:border-color var(--dur-short) var(--ease-out),transform var(--dur-short) var(--ease-out)}.captcha-challenge:hover:not(:disabled){border-color:var(--color-accent);transform:translateY(-2px)}.captcha-challenge:disabled{cursor:wait}.captcha-box{width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--color-accent);border-radius:8px;flex:0 0 auto}.captcha-spinner{width:14px;height:14px;border:2px solid var(--color-accent);border-top-color:transparent;border-radius:50%;opacity:0}.captcha-challenge.checking .captcha-spinner{opacity:1;animation:spin 650ms linear infinite}.captcha-check{width:20px;color:var(--color-success);opacity:0}.captcha-challenge.verified{border-color:var(--color-success)}.captcha-challenge.verified .captcha-check{opacity:1}.captcha-challenge.error{border-color:var(--color-danger)}.captcha-copy{display:grid;gap:4px}.captcha-copy strong{font-size:15px}.captcha-copy small{color:var(--color-ink-2)}.instr-close{float:right;border:0;background:none;color:var(--color-ink-2);font-size:28px;cursor:pointer}.instr-password{margin:22px 0;padding:16px;border:1px solid var(--color-rule);border-radius:var(--radius-sm);background:var(--color-surface)}.instr-password .label{color:var(--color-ink-2);font-size:12px}.instr-password .pass{margin-top:6px;color:var(--color-accent);font:750 22px/1 var(--font-mono);letter-spacing:.1em}.instr-steps{display:grid;gap:10px;padding-left:20px;color:var(--color-ink-2);line-height:1.5}.instr-steps a{color:var(--color-accent)}.instr-ok{width:100%;margin-top:20px;min-height:46px;border:0;border-radius:var(--radius-sm);background:var(--color-accent);color:var(--color-accent-ink);font-weight:750;cursor:pointer}.instr-ok:hover{filter:brightness(1.08)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes aurora{to{transform:translate3d(8%,4%,0) rotate(12deg) scale(1.1)}}@keyframes glow{to{transform:translate(-48%,-48%) scale(1.08);opacity:1}}@media(max-width:760px){.wrap{width:min(100% - 28px,1160px)}.site-nav{height:70px}.nav-links{gap:12px}.nav-links a:not(:last-child){display:none}.hero{min-height:auto;padding:76px 0 56px}.wordmark{font-size:clamp(4.6rem,22vw,8rem)}.features,.compare,.faq{grid-template-columns:1fr}.section{padding:30px 0 64px}.section-head,.download-panel{align-items:flex-start;flex-direction:column}.download-panel .btn{width:100%}}@media(max-width:420px){.actions{flex-direction:column;width:100%}.actions .btn{width:100%}.step{grid-template-columns:48px 1fr}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}