/* Version 3: original two-dimensional line art and typography-led hero. */
.header{border-color:#e4e8f0;background:#ffffffb8;backdrop-filter:blur(14px)}
.hero-v3{background:#fff;min-height:900px;min-height:max(860px,100svh);padding-top:154px;display:flex;flex-direction:column;isolation:isolate;--field-x:0px;--field-y:0px}
.hero-grid{position:absolute;inset:88px 0 0;z-index:-2;background-image:linear-gradient(#527dc706 1px,transparent 1px),linear-gradient(90deg,#527dc706 1px,transparent 1px);background-size:100px 100px;mask-image:linear-gradient(transparent,#000 50%,#000 75%,transparent)}
.possibility-field{position:absolute;inset:0;width:100%;height:100%;z-index:-1;overflow:visible;pointer-events:none;transform:translate(var(--field-x),var(--field-y));transition:transform 1.4s cubic-bezier(.18,.7,.2,1);animation:field-arrive 2.6s var(--ease) both}
.field-line{fill:none;stroke:url(#ink-flow);stroke-width:.8;opacity:var(--alpha);vector-effect:non-scaling-stroke}
.field-signal{fill:none;stroke:url(#signal-flow);stroke-width:1.25;stroke-dasharray:32 1960;stroke-linecap:round;opacity:.48;animation:field-travel 11s linear infinite;vector-effect:non-scaling-stroke}
.field-curves{transform-origin:60% 67%;animation:field-breathe 16s ease-in-out infinite}
.hero-v3 .hero-intro{width:min(1200px,calc(100% - 80px))}
.hero-v3 .intro-enter{animation-name:hero-copy-in;filter:none}
@keyframes hero-copy-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
.hero-v3 .eyebrow{font-size:10px;letter-spacing:.15em;color:#5a6372}
.hero-v3 h1{font-size:clamp(64px,7.85vw,116px);line-height:1.055;letter-spacing:-.065em;margin-top:28px;animation:none;pointer-events:auto}
.headline-line{display:block;overflow:hidden;padding:0 .02em .12em;margin-bottom:-.12em}
.headline-enter{display:block;animation:headline-rise 1.5s cubic-bezier(.2,.7,.1,1) both;animation-delay:.05s}
.headline-line:nth-child(2) .headline-enter{animation-delay:.2s}
.hero-v3 .gradient-type{background:linear-gradient(110deg,#16478f 4%,#235bd1 30%,#558beb 55%,#285bc3 79%,#153d80 99%);background-size:180% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:headline-rise 1.5s cubic-bezier(.2,.7,.1,1) .2s both,type-light 14s ease-in-out 1.8s infinite;max-width:none}
.hero-v3 .hero-sub{font-size:17px;line-height:1.7;color:#697282;margin-top:28px;animation-delay:.4s}
.hero-v3 .hero-actions{margin-top:27px;gap:30px;animation-delay:.55s}
.hero-primary{box-shadow:0 5px 20px #1e59d41a;position:relative;overflow:hidden;background:#195adb}
.hero-primary:after{content:'';position:absolute;inset:0;width:45%;background:linear-gradient(100deg,transparent,#fff2,transparent);transform:translateX(-170%) skewX(-20deg);animation:button-light 8s ease-in-out 2s infinite;pointer-events:none}
.hero-primary:hover span{transform:translate(2px,-2px)}.hero-primary span{transition:transform .3s}
.field-caption{position:absolute;z-index:0;display:flex;gap:12px;align-items:center;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:8px;letter-spacing:.15em;color:#8a9ab3;animation:intro-in 1.8s var(--ease) .9s both;pointer-events:none}
.caption-left{left:6%;top:64%;transform:rotate(-90deg);transform-origin:left center}.caption-right{right:5%;top:46%;writing-mode:vertical-rl}.crosshair{font-size:20px;font-weight:300;color:#93aed8}
.possibility-gateways{position:relative;z-index:3;width:min(1060px,calc(100% - 112px));margin:86px auto 54px;animation:gateway-arrive 1.6s var(--ease) .75s both}
.gateway-heading{display:flex;gap:16px;align-items:center;justify-content:center;font-size:8px;color:#8290a4;letter-spacing:.15em;margin-bottom:23px}.gateway-rule{height:1px;width:50px;background:linear-gradient(90deg,transparent,#ccd9ec)}.gateway-rule:last-child{rotate:180deg}
.gateway-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.gateway{display:flex;align-items:center;position:relative;gap:18px;min-height:115px;padding:24px;border:1px solid #e2e7ef;border-radius:16px;background:#ffffffdb;backdrop-filter:blur(12px);box-shadow:0 8px 36px #293c6905;transition:transform .5s var(--ease),box-shadow .5s,border-color .5s;overflow:hidden}
.gateway:hover,.gateway:focus-visible{transform:translateY(-7px);border-color:#aac3ec;box-shadow:0 16px 42px #426fbb10}.gateway:hover .gateway-arrow{transform:translate(3px,-3px);color:#1e63dc}.gateway-copy{display:flex;flex-direction:column;gap:4px;position:relative}.gateway-copy small{font-size:7px;letter-spacing:.13em;color:#8691a1;margin-bottom:4px;line-height:1.4}.gateway-copy strong{font-size:17px;line-height:1.25;font-weight:500;letter-spacing:-.025em}.gateway-copy>span{font-size:10px;color:#8a95a5}.gateway-arrow{font-size:18px;color:#9aabc1;margin-left:auto;align-self:center;transition:transform .3s,color .3s}
.gateway-symbol{width:45px;height:45px;flex-shrink:0;display:grid;place-items:center;position:relative;color:#397be2;isolation:isolate}.learn-symbol i{position:absolute;inset:4px;border:1px solid #d1e0f7;border-radius:50%;animation:clarity-ripple 6s ease-in-out infinite}.learn-symbol i:nth-child(2){inset:9px;animation-delay:-2s}.learn-symbol i:nth-child(3){inset:14px;animation-delay:-4s}.learn-symbol b{font-size:20px;font-weight:400;animation:clarity-turn 18s linear infinite}.build-symbol i{position:absolute;width:11px;height:11px;border:1px solid #76a3e9;background:#eff5ff;border-radius:3px;z-index:2;animation:node-fill 6s ease-in-out infinite}.build-symbol i:nth-child(1){left:0;top:3px;animation-delay:-4s}.build-symbol i:nth-child(2){left:17px;top:17px;animation-delay:-2s}.build-symbol i:nth-child(3){right:0;bottom:3px}.build-symbol:before{content:'';position:absolute;width:43px;height:1px;background:#b7ceee;rotate:43deg}.grow-symbol{align-items:end;display:flex;gap:4px;justify-content:center;padding-bottom:7px}.grow-symbol i{width:8px;border-radius:2px;background:#c4d8f7;transform-origin:bottom;animation:growth-wave 6s ease-in-out infinite}.grow-symbol i:nth-child(1){height:13px;animation-delay:-4s}.grow-symbol i:nth-child(2){height:23px;animation-delay:-2s;background:#88afea}.grow-symbol i:nth-child(3){height:33px;background:#3774d6}
.hero-v3 .hero-foot{margin-top:auto;border-color:#e8edf4;position:relative;z-index:2;padding-top:23px;padding-bottom:26px;color:#8691a0;font-size:10px;letter-spacing:.01em;background:#ffffff80}
.hero-foot .location-spark{font-style:normal;color:#4d7fcf;font-size:13px;margin-right:7px;display:inline-block;animation:location-turn 20s linear infinite}
.hero-v3 .hero-foot a{font-size:8px}.hero-v3 .hero-foot a span{display:inline-block;animation:explore-nudge 3s ease-in-out infinite}
@keyframes headline-rise{from{transform:translateY(112%);opacity:.15}to{transform:translateY(0);opacity:1}}@keyframes type-light{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes field-arrive{from{opacity:0;translate:0 30px}to{opacity:1;translate:0 0}}@keyframes field-travel{to{stroke-dashoffset:-3984}}@keyframes field-breathe{0%,100%{transform:translateY(0) scaleY(1)}50%{transform:translateY(-12px) scaleY(1.055)}}@keyframes button-light{0%,70%{transform:translateX(-170%) skewX(-20deg)}100%{transform:translateX(440%) skewX(-20deg)}}@keyframes gateway-arrive{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes clarity-ripple{50%{scale:1.12;opacity:.4}}@keyframes clarity-turn{to{rotate:360deg}}@keyframes node-fill{0%,80%,100%{background:#eff5ff}35%{background:#679cee}}@keyframes growth-wave{0%,100%{scale:1 1}50%{scale:1 .68}}@keyframes location-turn{to{rotate:180deg}}@keyframes explore-nudge{50%{translate:0 3px}}
@media(min-width:1600px){.hero-v3{padding-top:175px;min-height:960px}.hero-v3 h1{font-size:124px}.possibility-gateways{margin-top:105px;margin-bottom:75px}}
@media(max-width:1100px){.hero-v3{padding-top:146px;min-height:max(790px,100svh)}.hero-v3 h1{font-size:8.1vw}.hero-v3 .hero-intro{width:calc(100% - 72px)}.possibility-gateways{width:calc(100% - 72px);margin-top:84px;margin-bottom:60px}.gateway{padding:20px 17px;gap:12px;min-height:109px}.gateway-copy strong{font-size:15px}.gateway-symbol{width:39px;height:42px}.gateway-copy small{font-size:6px}.gateway-arrow{font-size:16px}.caption-left{left:3%;top:65%}.caption-right{right:2%;top:43%}}
@media(max-width:800px){.hero-v3{padding-top:131px;min-height:800px}.hero-v3 .hero-intro{width:calc(100% - 52px)}.hero-v3 h1{font-size:clamp(52px,8.4vw,67px);line-height:1.08;margin-top:28px}.hero-v3 .hero-sub{font-size:15px;margin-top:25px}.possibility-gateways{width:calc(100% - 52px);margin-top:84px;margin-bottom:45px}.gateway-grid{gap:10px}.gateway{padding:19px 14px;gap:11px;flex-wrap:wrap}.gateway-symbol{width:38px;height:40px}.gateway-copy{width:100%;order:3;margin-top:5px}.gateway-copy strong{font-size:16px}.gateway-copy small{font-size:7px}.gateway-arrow{align-self:center}.field-caption{display:none}.hero-grid{background-size:80px 80px}.hero-v3 .hero-foot{font-size:9px}.hero-v3 .hero-foot>span:nth-child(2){display:none}}
@media(max-width:560px){.hero-v3{padding-top:119px;min-height:0}.hero-v3 .hero-intro{width:calc(100% - 32px)}.hero-v3 .eyebrow{font-size:8px;letter-spacing:.12em}.hero-v3 h1{font-size:clamp(40px,11.6vw,63px);line-height:1.08;letter-spacing:-.059em;margin-top:29px}.hero-v3 .headline-line:nth-child(2){max-width:100%;padding-bottom:.13em}.hero-v3 .gradient-type{max-width:100%;line-height:1.075}.hero-v3 .hero-sub{font-size:14px;margin-top:26px;line-height:1.8;max-width:310px}.hero-v3 .hero-actions{margin-top:25px;gap:22px;flex-direction:column}.hero-v3 .hero-primary{min-height:48px}.hero-v3 .quiet-link{font-size:12px}.possibility-gateways{width:calc(100% - 40px);margin-top:68px;margin-bottom:32px}.gateway-heading{font-size:7px;letter-spacing:.09em;gap:8px;margin-bottom:20px}.gateway-rule{width:23px}.gateway-grid{grid-template-columns:1fr;gap:10px}.gateway{padding:15px 18px;gap:17px;min-height:91px;border-radius:13px;flex-wrap:nowrap;background:#ffffffea}.gateway-copy{width:auto;order:initial;margin-top:0}.gateway-copy small{font-size:7px;margin-bottom:2px}.gateway-copy strong{font-size:17px}.gateway-copy>span{font-size:10px}.gateway-symbol{width:40px;height:43px}.gateway-arrow{font-size:18px}.hero-v3 .hero-foot{width:calc(100% - 40px);font-size:8px;gap:16px;align-items:center;padding-bottom:22px;padding-top:22px}.hero-v3 .hero-foot a{font-size:6px;letter-spacing:.06em}.hero-v3 .hero-foot a span{margin-left:4px}.hero-foot .location-spark{margin-right:3px;font-size:10px}.possibility-field{width:180%;left:-55%;opacity:.9}.hero-grid{background-size:72px 72px}}
@media(max-width:360px){.hero-v3 h1{font-size:38px}.hero-v3 .hero-sub{font-size:13px;max-width:275px}.gateway-copy strong{font-size:15px}.gateway{gap:12px;padding-inline:15px}.hero-v3 .hero-foot{font-size:7px}.hero-v3 .hero-foot a{font-size:5px}}
.motion-paused .headline-enter,.motion-paused .possibility-gateways,.motion-paused .possibility-field,.motion-paused .field-caption{animation:none;opacity:1;transform:none;translate:none}.motion-paused .hero-v3 .gradient-type{animation:none;transform:none;opacity:1}.motion-paused .possibility-field{transition:none}
@media(prefers-reduced-motion:reduce){.headline-enter,.possibility-gateways,.possibility-field,.field-caption{animation:none!important;opacity:1;transform:none;translate:none}.possibility-field{transition:none}.hero-v3 .gradient-type{animation:none;transform:none;opacity:1}}
@media print{.hero-v3{min-height:0;padding-top:30px}.possibility-field,.hero-grid,.field-caption,.gateway-symbol,.hero-actions{display:none}.hero-v3 h1{font-size:52px}.headline-enter,.possibility-gateways{animation:none;opacity:1;transform:none}.possibility-gateways{margin-block:30px}.gateway{box-shadow:none;break-inside:avoid}}