.dot-hero{--hh-navy:#0d1b2b;--hh-blue:#1b5cde;--hh-blue-rgb:27 92 222;--hh-light:#94bcff;--hh-text:#fff;--hh-muted:#a9b9cd;--hh-quiet:#8193ad;--hh-line:#94bcff1a;isolation:isolate;color:var(--hh-text);background-color:var(--hh-navy);background-image:radial-gradient(circle, #94bcff2e 1px, transparent 1.3px), radial-gradient(ellipse 60% 70% at 82% 78%, rgb(var(--hh-blue-rgb) / .32), transparent 70%), radial-gradient(ellipse 45% 50% at 100% 20%, rgb(var(--hh-blue-rgb) / .14), transparent 70%);background-size:15px 15px,100% 100%,100% 100%;position:relative;overflow:hidden}.dot-hero.has-canvas{background-image:radial-gradient(ellipse 60% 70% at 82% 78%, rgb(var(--hh-blue-rgb) / .3), transparent 70%), radial-gradient(ellipse 45% 50% at 100% 20%, rgb(var(--hh-blue-rgb) / .12), transparent 70%);background-size:auto}.hh-canvas{z-index:-1;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.hh-guides{z-index:-1;pointer-events:none;grid-template-columns:repeat(3,1fr);display:grid;position:absolute;inset:0}.hh-guides span{border-left:1px solid var(--hh-line)}.hh-guides span:last-child{position:absolute;top:0;bottom:0;right:40px}.hh-inner{padding-top:clamp(40px,5vw,72px);padding-bottom:72px;position:relative}.hh-title{letter-spacing:-.055em;max-width:16ch;color:var(--hh-text);text-wrap:balance;margin:0 0 24px;font-size:clamp(3.1rem,7.2vw,6.6rem);font-weight:650;line-height:.96}.hh-title span{color:var(--hh-text)}.hh-eyebrow{font:600 11.5px/1.5 var(--mono,ui-monospace, monospace);letter-spacing:.1em;text-transform:uppercase;color:var(--hh-light);margin:0 0 18px}.dot-hero.is-compact .hh-title{max-width:18ch;font-size:clamp(2.6rem,5.2vw,4.8rem);line-height:1}.dot-hero.is-compact .hh-copy{max-width:560px;font-size:1.08rem}.hh-copy{max-width:500px;color:var(--hh-muted);margin:0;font-size:1.15rem;line-height:1.6}.hh-support{max-width:500px;color:var(--hh-light);margin:10px 0 0;font-size:1rem;font-weight:500;line-height:1.6}.hh-actions{flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:28px;display:flex}.hh-primary,.hh-secondary{align-items:center;gap:14px;min-height:56px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex}.hh-primary{color:#fff;background:linear-gradient(120deg, var(--hh-blue) 0%, #2c6cee 55%, #4a86f5 100%);min-width:300px;box-shadow:0 10px 30px -12px rgb(var(--hh-blue-rgb) / .8), inset 0 1px 0 #ffffff24;border-radius:6px;justify-content:space-between;padding:0 22px;transition:filter .18s,box-shadow .18s}.hh-primary:hover{filter:brightness(1.08);box-shadow:0 14px 36px -12px rgb(var(--hh-blue-rgb) / .95), inset 0 1px 0 #ffffff2e}.hh-secondary{color:var(--hh-text);border-bottom:1px solid #0000;padding:0 6px}.hh-secondary:hover{color:var(--hh-light)}.hh-primary svg,.hh-secondary svg,.hh-card-arrow svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px;transition:transform .18s}.hh-primary:hover svg,.hh-secondary:hover svg{transform:translate(3px)}.dot-hero :is(a,button):focus-visible{outline:2px solid var(--hh-light);outline-offset:4px}.hh-cards{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;margin-top:24px;display:grid}.hh-card{min-height:150px;color:var(--hh-text);background:linear-gradient(170deg,#182f4eeb,#0e1f34eb);border:1px solid #94bcff33;border-radius:14px;flex-direction:column;gap:12px;margin-left:20px;margin-right:20px;padding:20px 22px 52px;text-decoration:none;transition:border-color .18s,transform .18s,background-color .18s;display:flex;position:relative;box-shadow:0 24px 50px -28px #000000b3}.hh-card-widget{grid-column:2}.hh-card-api{grid-column:3;margin-top:-88px}.hh-card:hover{border-color:#94bcff80;transform:translateY(-3px)}.hh-card-label{font:600 11px/1.4 var(--mono,ui-monospace, monospace);letter-spacing:.1em;text-transform:uppercase;color:var(--hh-light)}.hh-card-title{letter-spacing:-.02em;color:var(--hh-text);font-size:1.4rem;font-weight:600;line-height:1.2}.hh-card-arrow{width:34px;height:34px;color:var(--hh-light);border:1px solid #94bcff4d;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:16px;right:18px}.hh-card:hover .hh-card-arrow svg{transform:translate(2px)}.hh-motion{min-height:36px;color:var(--hh-muted);font:500 12.5px/1 var(--font);cursor:pointer;background:#0d1b2bb3;border:1px solid #94bcff40;border-radius:999px;align-items:center;gap:8px;padding:0 14px;display:inline-flex;position:absolute;bottom:18px;left:40px}.hh-motion[hidden]{display:none}.hh-motion:hover{color:var(--hh-text);border-color:#94bcff80}.hh-motion svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:13px;height:13px}.hh-icon-play{display:none;fill:currentColor!important;stroke:none!important}.hh-motion.is-paused .hh-icon-play{display:block}.hh-motion.is-paused .hh-icon-pause{display:none}@media (width<=1080px){.hh-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.hh-card{margin:0}.hh-cards{margin-top:32px}.hh-card-widget{grid-column:1;margin-top:40px}.hh-card-api{grid-column:2;margin-top:0}.hh-guides{grid-template-columns:repeat(2,1fr)}.hh-guides span:nth-child(3){display:none}}@media (width<=760px){.hh-inner{padding-top:40px;padding-bottom:76px}.hh-title{max-width:none;margin-bottom:20px;font-size:clamp(2.6rem,11.5vw,4.2rem)}.hh-copy{font-size:1.05rem}.hh-actions{flex-direction:column;align-items:stretch;gap:10px}.hh-primary{width:100%;min-width:0}.hh-secondary{justify-content:center;min-height:48px}.hh-cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:32px}.hh-card,.hh-card-widget,.hh-card-api{grid-column:auto;margin:0}.hh-cards{gap:14px}.hh-card{min-height:0}.hh-guides{grid-template-columns:1fr}.hh-guides span:nth-child(2),.hh-guides span:nth-child(3){display:none}.hh-guides span:last-child{right:20px}.hh-motion{min-height:44px;bottom:20px;left:20px}}@media (prefers-reduced-motion:reduce){.hh-primary,.hh-card,.hh-primary svg,.hh-secondary svg,.hh-card-arrow svg{transition:none}.hh-card:hover{transform:none}}.dot-hero.is-minimal{background-image:radial-gradient(ellipse 50% 80% at 92% 60%, rgb(var(--hh-blue-rgb) / .22), transparent 70%);background-size:auto}:root:not([data-js]) .dot-hero.is-minimal,.dot-hero.is-minimal:not(.has-canvas){background-image:radial-gradient(circle, #94bcff1a 1px, transparent 1.3px), radial-gradient(ellipse 50% 80% at 92% 60%, rgb(var(--hh-blue-rgb) / .22), transparent 70%);background-size:15px 15px,auto}.dot-hero.is-minimal .hh-inner{padding-top:clamp(40px,5vw,64px);padding-bottom:64px}.dot-hero.is-minimal .hh-title{max-width:18ch;margin-bottom:16px;font-size:clamp(2.4rem,4.8vw,4rem);line-height:1.02}.dot-hero.is-minimal .hh-copy{max-width:520px;font-size:1.08rem}.dot-hero.is-minimal .hh-actions{margin-top:26px}.dot-hero.is-minimal .hh-primary{min-width:220px;min-height:48px}.dot-hero.is-minimal .hh-secondary{color:#c9d4e5;min-height:48px;font-weight:500}.dot-hero.is-minimal .hh-secondary:hover{color:var(--hh-light)}.dot-hero.is-minimal .hh-motion{opacity:.75;border-color:#94bcff33;justify-content:center;width:32px;height:32px;min-height:0;padding:0;bottom:16px;left:auto;right:40px}.dot-hero.is-minimal .hh-motion:hover,.dot-hero.is-minimal .hh-motion:focus-visible{opacity:1}.dot-hero .hh-note{max-width:560px;color:var(--hh-quiet);margin:18px 0 0;font-size:13.5px;line-height:1.6}.hh-status{font:600 11px/1.4 var(--mono,ui-monospace, monospace);letter-spacing:.08em;text-transform:uppercase;color:var(--hh-light);border:1px solid #94bcff59;border-radius:999px;margin:0 0 16px;padding:5px 12px;display:inline-block}@media (width<=760px){.dot-hero.is-minimal .hh-inner{padding-top:32px;padding-bottom:72px}.dot-hero.is-minimal .hh-title{font-size:clamp(2rem,9vw,2.8rem)}.dot-hero.is-minimal .hh-motion{width:44px;height:44px;bottom:16px;right:20px}}.dot-hero.home-hero{--hh-navy:#1e61dc;--hh-blue:#1e61dc;--hh-blue-rgb:30 97 220;--hh-dot:255 255 255;--hh-light:#e3edff;--hh-muted:#ffffffeb;--hh-quiet:#d6e3fb;--hh-line:#ffffff24;background-color:#1e61dc;background-image:radial-gradient(circle,#ffffff38 1px,#0000 1.3px),radial-gradient(55% 65% at 86% 12%,#ffffff3d,#0000 70%),radial-gradient(75% 85% at 0 100%,#08247880,#0000 70%),linear-gradient(135deg,#1a58d0 0%,#1e61dc 45%,#2f75f0 100%);background-size:15px 15px,100% 100%,100% 100%,100% 100%}.dot-hero.home-hero.has-canvas{background-image:radial-gradient(55% 65% at 86% 12%,#ffffff3d,#0000 70%),radial-gradient(75% 85% at 0 100%,#08247880,#0000 70%),linear-gradient(135deg,#1a58d0 0%,#1e61dc 45%,#2f75f0 100%);background-size:auto}.home-hero .hh-primary{color:#1e61dc;background:#fff;box-shadow:0 14px 32px -14px #061850a6,inset 0 -1px #1e61dc1f}.home-hero .hh-primary:hover{filter:none;background:#eef4ff;box-shadow:0 18px 38px -14px #061850bf}.home-hero .hh-secondary:hover{color:#fff;border-bottom-color:#fff9}.home-hero .hh-card{background:linear-gradient(170deg,#0a287880,#081e5f8c);border-color:#ffffff38;box-shadow:0 24px 50px -28px #04123ccc}.home-hero .hh-card:hover{border-color:#ffffff80}.home-hero .hh-card-arrow{color:#fff;border-color:#fff6}.home-hero .hh-motion{color:#fff;background:#08247873;border-color:#ffffff4d}.home-hero .hh-motion:hover{border-color:#fff9}.home-hero :is(a,button):focus-visible{outline-color:#fff}