.dot-hero{--hh-navy:#0d1b2b;--hh-blue:#1b5cde;--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,#0000 1.3px),radial-gradient(60% 70% at 82% 78%,#1b5cde52,#0000 70%),radial-gradient(45% 50% at 100% 20%,#1b5cde24,#0000 70%);background-size:15px 15px,100% 100%,100% 100%;position:relative;overflow:hidden}.dot-hero.has-canvas{background-image:radial-gradient(60% 70% at 82% 78%,#1b5cde4d,#0000 70%),radial-gradient(45% 50% at 100% 20%,#1b5cde1f,#0000 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,#1b5cde 0%,#2c6cee 55%,#4a86f5 100%);border-radius:6px;justify-content:space-between;min-width:300px;padding:0 22px;transition:filter .18s,box-shadow .18s;box-shadow:0 10px 30px -12px #1b5cdecc,inset 0 1px #ffffff24}.hh-primary:hover{filter:brightness(1.08);box-shadow:0 14px 36px -12px #1b5cdef2,inset 0 1px #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(50% 80% at 92% 60%,#1b5cde38,#0000 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,#0000 1.3px),radial-gradient(50% 80% at 92% 60%,#1b5cde38,#0000 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}}