/* ==========================================================
   ARRIYON CREATIV — Bright Technology Redesign
   Exact supplied PNG logo retained.
   Palette: electric blue / cyan / lime / white / graphite
   ========================================================== */

:root{
    --bg:#f7fafc;
    --bg-soft:#eef5f8;
    --white:#ffffff;
    --ink:#14212c;
    --ink-2:#253642;
    --muted:#657582;
    --dim:#8a99a4;
    --line:#dbe5ea;
    --line-strong:#c8d7df;
    --blue:#087dff;
    --cyan:#00a9dc;
    --lime:#71d600;
    --blue-soft:#eaf4ff;
    --cyan-soft:#e8f9fd;
    --lime-soft:#effbdc;
    --max:1260px;
    --display:"Space Grotesk",sans-serif;
    --body:"Inter",sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);line-height:1.7;overflow-x:hidden}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit}
img{max-width:100%;display:block}
.container{width:min(calc(100% - 54px),var(--max));margin:auto}
.page-glow{position:fixed;z-index:-2;width:520px;height:520px;border-radius:50%;filter:blur(100px);pointer-events:none;opacity:.18}
.page-glow-a{background:#70c7ff;right:-260px;top:10%}
.page-glow-b{background:#b5ef5d;left:-300px;bottom:0}

.eyebrow{display:inline-flex;align-items:center;gap:10px;color:#506675;font-size:10px;font-weight:800;letter-spacing:.2em;text-transform:uppercase}
.eyebrow i,.section-label i{display:inline-block;width:30px;height:2px;background:linear-gradient(90deg,var(--blue),var(--lime))}
.section-label{display:flex;align-items:center;justify-content:center;gap:14px;color:#1681b4;font-size:10px;font-weight:800;letter-spacing:.2em;text-transform:uppercase}
.section-label.left{justify-content:flex-start}
h1,h2,h3{font-family:var(--display);line-height:1.04;letter-spacing:-.045em;margin:0}
p{color:var(--muted);margin-top:0}

.site-header{position:fixed;top:0;left:0;right:0;z-index:100;padding:15px 0;background:rgba(255,255,255,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(200,215,223,.75);transition:.3s}
.site-header.scrolled{padding:9px 0;box-shadow:0 12px 35px rgba(24,61,82,.08)}
.nav-wrap{display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand-lockup{display:block;flex:none}
.brand-lockup img{width:260px;height:auto}
.primary-nav{display:flex;align-items:center;gap:34px}
.primary-nav>a{position:relative;color:#465965;font-size:12px;font-weight:700;transition:.25s}
.primary-nav>a:not(.nav-cta)::after{content:"";position:absolute;left:0;right:100%;bottom:-10px;height:2px;background:var(--lime);transition:.3s}
.primary-nav>a:hover,.primary-nav>a.is-active{color:#12232e}
.primary-nav>a:hover::after,.primary-nav>a.is-active::after{right:0}
.nav-cta{border:1px solid #a9d56b;border-radius:999px;padding:9px 18px 9px 20px;color:#31510d!important;background:#f6fce9}
.nav-cta span{margin-left:14px;color:#5ca900;font-size:16px}
.menu-toggle{display:none;background:transparent;border:0;padding:8px;cursor:pointer}
.menu-toggle span{display:block;width:25px;height:2px;background:var(--ink);margin:5px;transition:.3s}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:22px;border-radius:4px;min-height:52px;padding:0 25px;font-size:12px;font-weight:800;letter-spacing:.02em;transition:.25s;border:1px solid transparent}
.btn span{font-size:18px;font-weight:400}
.btn-gradient{background:linear-gradient(100deg,var(--blue),var(--cyan) 48%,var(--lime));color:#fff;box-shadow:0 12px 30px rgba(0,125,255,.18)}
.btn-gradient:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(0,125,255,.24)}
.btn-outline{border-color:#9cc5d6;color:#17303d;background:#fff}
.btn-outline:hover{border-color:var(--cyan);background:var(--cyan-soft);transform:translateY(-3px)}

.hero-home{min-height:100vh;position:relative;overflow:hidden;background:linear-gradient(125deg,#fff 0%,#f7fbfd 52%,#eef7fa 100%);display:flex;align-items:center;border-bottom:1px solid var(--line)}
.hero-home::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.93) 36%,rgba(255,255,255,.3) 68%,rgba(238,247,250,.18) 100%);pointer-events:none;z-index:2}
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(8,125,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(8,125,255,.055) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(90deg,black,transparent 80%);opacity:.8}
.hero-home-inner{position:relative;z-index:4;padding-top:80px}
.hero-copy-block{max-width:610px}
.hero-title{font-size:clamp(55px,6.3vw,94px);margin:23px 0 25px;line-height:.94}
.hero-title span,.hero-title strong,.hero-title em{display:block;font-style:normal}
.hero-title span{color:#152633}
.hero-title strong{color:var(--blue)}
.hero-title em{color:#67c600}
.hero-title span:last-child{color:#223642}
.hero-rule{width:60px;height:2px;background:linear-gradient(90deg,var(--lime),var(--cyan));margin:28px 0 22px}
.hero-description{font-size:15px;line-height:1.85;max-width:570px}
.hero-actions{display:flex;gap:14px;margin-top:28px}
.hero-network{position:absolute;inset:0;z-index:1;overflow:hidden}
.network-floor{position:absolute;left:45%;right:-10%;bottom:-18%;height:44%;background:repeating-linear-gradient(90deg,transparent 0 85px,rgba(0,125,255,.08) 86px,transparent 87px),repeating-linear-gradient(0deg,transparent 0 38px,rgba(0,125,255,.07) 39px,transparent 40px);transform:perspective(500px) rotateX(62deg);transform-origin:bottom;opacity:.65}
.earth{position:absolute;width:min(61vw,760px);height:min(61vw,760px);right:1%;top:11%;border-radius:50%;background:radial-gradient(circle at 34% 30%,rgba(0,188,255,.18),transparent 38%),radial-gradient(circle at 66% 60%,rgba(255,255,255,.2) 0 38%,#e9f6fa 70%,#8edcf1 71%,transparent 72%);box-shadow:-20px 30px 90px rgba(0,130,180,.13),inset -25px -10px 55px rgba(0,125,255,.12);transition:transform .25s ease}
.earth-grid{position:absolute;inset:0;border-radius:50%;background:repeating-radial-gradient(ellipse at center,transparent 0 45px,rgba(0,125,255,.11) 46px 47px),repeating-linear-gradient(90deg,transparent 0 55px,rgba(0,125,255,.07) 56px 57px);transform:rotate(-17deg);opacity:.7}
.earth-light{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 67% 31%,rgba(0,199,255,.3),transparent 4%,rgba(0,125,255,.07) 25%,transparent 45%)}
.continent{position:absolute;background:radial-gradient(circle,rgba(55,139,181,.6) 0 1.4px,rgba(55,139,181,.15) 2px,transparent 3px);background-size:11px 11px;opacity:.7}
.c-na{width:32%;height:31%;left:20%;top:22%;border-radius:52% 42% 60% 40%;transform:rotate(12deg)}
.c-eu{width:18%;height:18%;left:51%;top:24%;border-radius:60% 30% 55% 35%;transform:rotate(-18deg)}
.c-as{width:34%;height:30%;left:57%;top:29%;border-radius:30% 65% 40% 55%;transform:rotate(8deg)}
.earth-node{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--blue);box-shadow:0 0 16px rgba(0,125,255,.35);animation:nodePulse 2.8s ease-in-out infinite}
.en1{left:24%;top:30%}.en2{left:51%;top:28%}.en3{left:63%;top:42%}.en4{left:77%;top:35%}.en5{left:70%;top:61%}.en6{left:41%;top:58%}
.en3,.en5{background:var(--lime);box-shadow:0 0 16px rgba(113,214,0,.4)}
.earth-arc{position:absolute;border:1px solid rgba(0,150,210,.42);border-bottom-color:transparent;border-left-color:transparent;border-radius:50%;transform:rotate(-20deg);animation:arcSpin 10s linear infinite}
.ea1{width:90%;height:44%;left:3%;top:27%}.ea2{width:70%;height:100%;left:16%;top:-3%;transform:rotate(55deg)}.ea3{width:105%;height:60%;left:-3%;top:25%;transform:rotate(16deg);border-color:rgba(113,214,0,.38)}.ea4{width:48%;height:85%;left:25%;top:7%;transform:rotate(83deg)}
.scroll-cue{position:absolute;z-index:5;bottom:20px;left:50%;transform:translateX(-50%);display:flex;align-items:center;flex-direction:column;gap:5px;color:#71838f;text-transform:uppercase;letter-spacing:.14em;font-size:8px}
.scroll-cue .mouse{width:18px;height:29px;border:1px solid #8ba0ab;border-radius:12px;position:relative}.scroll-cue .mouse::before{content:"";position:absolute;width:2px;height:6px;left:7px;top:5px;background:#536c79;border-radius:2px;animation:mouse .9s infinite}
.scroll-cue b{color:#63b900;font-size:17px;line-height:.8}

.focus-section{padding:105px 0 125px;background:#fff;border-top:1px solid var(--line)}
.focus-heading{text-align:center;margin-bottom:58px}.focus-heading h2{font-size:clamp(36px,4vw,56px);margin:13px 0 6px;color:#152a37}.focus-heading>p{font-size:14px;margin:0}
.focus-grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.focus-card{position:relative;min-height:330px;padding:35px 26px 30px;border-right:1px solid var(--line);text-align:center;overflow:hidden;background:#fff;transition:.3s}
.focus-card:last-child{border-right:0}
.focus-card::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#f7fbfd,transparent 60%);opacity:0;transition:.35s}
.focus-card:hover{transform:translateY(-4px);box-shadow:0 18px 35px rgba(27,69,88,.08);z-index:2}.focus-card:hover::before{opacity:1}
.focus-card h3{font-size:17px;letter-spacing:-.02em;margin:24px 0 13px;color:#1c313d}.focus-card p{font-size:12px;line-height:1.75}
.focus-accent{position:absolute;top:0;left:30%;right:30%;height:2px;opacity:.8}.focus-accent.blue{background:var(--blue)}.focus-accent.cyan{background:var(--cyan)}.focus-accent.lime{background:var(--lime)}
.focus-icon{width:65px;height:65px;margin:auto;position:relative;display:grid;place-items:center;color:var(--cyan)}
.brain-icon::before{content:"";width:43px;height:47px;border:2px solid var(--cyan);border-radius:48% 52% 46% 54%;background:#f3fbfd}.brain-icon span{position:absolute;width:2px;height:45px;background:var(--lime)}
.edge-icon::before{content:"";width:48px;height:34px;border:2px solid var(--cyan);border-radius:50% 50% 35% 35%;box-shadow:0 14px 0 -5px #fff,0 14px 0 -3px var(--cyan)}.edge-icon span{position:absolute;width:8px;height:8px;border:1px solid var(--lime);border-radius:50%;bottom:4px}
.ai-icon{font-family:var(--display);font-weight:800;font-size:24px;color:#5cae00;border:2px solid var(--lime);border-radius:10px;background:var(--lime-soft)}
.server-icon::before{content:"";width:44px;height:38px;border:2px solid var(--cyan);border-radius:5px;box-shadow:0 13px 0 -1px #fff,0 13px 0 1px var(--cyan)}
.globe-icon{font-size:62px;color:#69c600;line-height:1}

.evolution-strip{padding:120px 0;background:linear-gradient(135deg,#f2f8fb,#eaf5f8)}
.evolution-strip .container{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:center}
.evolution-copy h2{font-size:clamp(44px,5vw,72px);margin:17px 0 22px;color:#142a37}.evolution-copy p{max-width:500px}.text-link{display:inline-flex;gap:18px;margin-top:18px;color:#153342;font-size:12px;font-weight:800}.text-link span{color:#62b900;font-size:17px}
.evolution-line{display:grid;grid-template-columns:repeat(4,1fr);position:relative;padding-top:50px}.evolution-line::before{content:"";position:absolute;top:64px;left:0;right:0;height:1px;background:linear-gradient(90deg,var(--blue),var(--cyan),var(--lime))}
.evo-step{position:relative;text-align:center}.evo-step::before{content:"";position:absolute;top:8px;left:50%;width:13px;height:13px;border-radius:50%;background:#fff;border:2px solid var(--cyan);transform:translateX(-50%);z-index:2}.evo-step.active::before{background:var(--lime);border-color:var(--lime);box-shadow:0 0 16px rgba(113,214,0,.35)}.evo-step b{display:block;font-family:var(--display);font-size:17px;margin-bottom:35px;color:#213946}.evo-step span{font-size:9px;letter-spacing:.16em;color:#738692}
.closing-banner{padding:90px 0;background:#fff}.closing-inner{min-height:270px;padding:50px 65px;border:1px solid var(--line);background:linear-gradient(110deg,#f7fbfd,#edf8fa);display:flex;align-items:center;justify-content:space-between;box-shadow:0 25px 65px rgba(31,77,99,.07)}.closing-inner h2{font-size:clamp(42px,5vw,70px);margin:14px 0 0;color:#17303d}.closing-inner h2 span{color:#68bf00}.round-arrow{width:76px;height:76px;border:1px solid #9fcf64;border-radius:50%;display:grid;place-items:center;color:#5aa800;font-size:24px;transition:.3s}.round-arrow:hover{background:var(--lime);color:#fff;transform:rotate(45deg)}

.inner-hero{min-height:76vh;padding-top:150px;display:flex;align-items:center;position:relative;overflow:hidden;background:linear-gradient(135deg,#fff 0%,#f5fafc 62%,#eaf7fa 100%);border-bottom:1px solid var(--line)}
.inner-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 42%,rgba(0,125,255,.045) 42.1%,transparent 42.2%),linear-gradient(65deg,transparent 66%,rgba(113,214,0,.04) 66.1%,transparent 66.2%);pointer-events:none}
.inner-title{font-size:clamp(56px,7vw,100px);margin:22px 0 25px;color:#152a37}.inner-title span{background:linear-gradient(100deg,#142b38 20%,#0087c1 65%,#62b900);-webkit-background-clip:text;background-clip:text;color:transparent}.inner-lead{max-width:650px;font-size:17px;line-height:1.8}.inner-hero-number{position:absolute;right:5%;bottom:7%;font-family:var(--display);font-size:190px;font-weight:700;color:rgba(20,65,86,.045);letter-spacing:-.1em}

.company-story{padding:130px 0;background:#fff}.two-col{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.sticky-title{position:sticky;top:130px;height:max-content}.sticky-title h2{font-size:clamp(40px,4.3vw,62px);margin-top:18px;color:#142b38}.story-body{padding-top:4px}.story-lead{font-size:24px;line-height:1.65;color:#243d4b}.story-body>p{margin-bottom:28px}.company-quote{margin-top:55px;padding:30px 0 30px 36px;border-left:2px solid var(--lime);position:relative;background:linear-gradient(90deg,#fbfef8,transparent);padding-right:20px}.company-quote span{position:absolute;left:6px;top:-26px;color:rgba(113,214,0,.16);font-family:Georgia;font-size:85px}.company-quote p{font-family:var(--display);font-size:24px;line-height:1.5;color:#243b48}
.principles{padding:125px 0;background:#f3f8fa}.center-heading{text-align:center}.center-heading h2{font-size:clamp(40px,5vw,66px);margin:15px 0 25px;color:#142b38}.center-heading>p{max-width:720px;margin:auto}.principle-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:65px;border-top:1px solid var(--line)}.principle-card{min-height:260px;padding:30px 25px 20px 0;border-right:1px solid var(--line)}.principle-card:not(:first-child){padding-left:25px}.principle-card:last-child{border-right:0}.principle-card small{color:#65bb00;font-size:9px;letter-spacing:.15em}.principle-card h3{font-size:23px;margin:52px 0 12px;color:#1c3340}.principle-card p{font-size:12px}.company-end{padding:100px 0;background:#fff}.company-end-inner{display:flex;align-items:center;gap:55px;padding:50px;border:1px solid var(--line);background:linear-gradient(120deg,#f5fbfd,#f8fcec);box-shadow:0 20px 50px rgba(26,71,91,.06)}.company-symbol{width:110px;height:110px;border-radius:50%;display:grid;place-items:center;flex:none;font-family:var(--display);font-size:55px;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--blue),var(--cyan),var(--lime));box-shadow:0 14px 35px rgba(0,125,255,.18)}.company-end h2{font-size:clamp(35px,4vw,55px);margin-top:14px;color:#142b38}

.technology-hero{background:radial-gradient(circle at 77% 48%,rgba(0,169,220,.09),transparent 30%),linear-gradient(135deg,#fff,#f1f9fb)}
.tech-orbit{position:absolute;right:7%;width:420px;height:420px;border:1px solid rgba(0,169,220,.2);border-radius:50%;animation:spin 25s linear infinite}.tech-orbit::before,.tech-orbit::after{content:"";position:absolute;border:1px dashed rgba(113,214,0,.2);border-radius:50%}.tech-orbit::before{inset:18%}.tech-orbit::after{inset:42%}.tech-orbit span{position:absolute;top:12%;left:20%;width:9px;height:9px;border-radius:50%;background:var(--cyan);box-shadow:0 0 18px rgba(0,169,220,.4)}
.technology-stack{padding:40px 0 110px;background:#fff}.tech-row{display:grid;grid-template-columns:70px 1fr 1fr;gap:45px;align-items:center;min-height:650px;padding:90px 0;border-bottom:1px solid var(--line)}.tech-row.reverse{grid-template-columns:70px 1fr 1fr}.tech-row.reverse .tech-content{order:2}.tech-row.reverse .tech-visual{order:1}.tech-number{font-family:var(--display);font-size:12px;color:#65b900;align-self:start;padding-top:6px}.tech-content h2{font-size:clamp(42px,4.2vw,64px);margin:17px 0 24px;color:#152d3a}.tech-content p{max-width:600px}.chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:28px}.chips span{border:1px solid var(--line-strong);border-radius:999px;padding:7px 11px;color:#61727d;font-size:9px;text-transform:uppercase;letter-spacing:.1em;background:#fbfdfe}
.tech-visual{height:450px;position:relative;display:grid;place-items:center}.visual-core{width:120px;height:120px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;font-family:var(--display);font-weight:800;font-size:28px;box-shadow:0 0 65px rgba(0,125,255,.18);z-index:2}.ring{position:absolute;border:1px solid rgba(0,169,220,.24);border-radius:50%}.r1{width:220px;height:220px}.r2{width:340px;height:180px;transform:rotate(40deg)}.r3{width:410px;height:410px;border-style:dashed;animation:spin 18s linear infinite}
.visual-edge{background:radial-gradient(circle,rgba(0,169,220,.09),transparent 58%)}.edge-stack{display:flex;flex-direction:column;gap:7px;transform:perspective(500px) rotateX(55deg) rotateZ(-24deg)}.edge-stack i{width:300px;height:48px;border:1px solid rgba(0,169,220,.3);background:linear-gradient(90deg,#edf8fb,#f5fced);box-shadow:0 12px 30px rgba(0,125,255,.07)}.edge-ping{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 20px rgba(113,214,0,.45);animation:nodePulse 2s infinite}.p1{left:14%;top:25%}.p2{right:14%;top:35%;animation-delay:.5s}.p3{right:24%;bottom:20%;animation-delay:1s}
.visual-cycle{border:1px dashed rgba(0,169,220,.2);border-radius:50%}.cycle-core{width:100px;height:100px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(113,214,0,.55);color:#5da800;background:#f7fdea;font-family:var(--display);font-weight:800}.visual-cycle b{position:absolute;color:#5b7480;font-size:8px;letter-spacing:.15em}.visual-cycle b:nth-of-type(1){top:10%}.visual-cycle b:nth-of-type(2){right:2%;top:48%}.visual-cycle b:nth-of-type(3){bottom:8%;left:35%}.visual-cycle b:nth-of-type(4){left:0;top:48%}
.visual-layers{flex-direction:column;gap:7px}.visual-layers span{display:grid;place-items:center;width:350px;padding:18px;border:1px solid var(--line);background:linear-gradient(90deg,#eef8fb,#f6fbe9);font-family:var(--display);font-size:11px;letter-spacing:.16em;transform:skewX(-12deg);color:#3c5663}.visual-layers span:nth-child(1){width:350px}.visual-layers span:nth-child(2){width:315px}.visual-layers span:nth-child(3){width:280px}.visual-layers span:nth-child(4){width:245px;color:#5da800;border-color:#cce3a5}
.tech-note{padding:130px 0;background:#f3f8fa}.tech-note h2{font-size:clamp(40px,5vw,68px);color:#142b38}.tech-note p{max-width:700px}

.vision-hero{background:radial-gradient(circle at 72% 45%,rgba(113,214,0,.08),transparent 28%),linear-gradient(135deg,#fff,#f5faf7)}.vision-signal{position:absolute;right:8%;width:430px;height:430px;border-radius:50%;border:1px solid rgba(0,169,220,.17);box-shadow:0 0 0 70px rgba(0,169,220,.025),0 0 0 140px rgba(0,169,220,.012)}.vision-signal span{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--cyan);box-shadow:0 0 20px rgba(0,169,220,.4)}.vision-signal span:nth-child(1){top:14%;left:60%}.vision-signal span:nth-child(2){right:8%;top:53%;background:var(--lime);box-shadow:0 0 20px rgba(113,214,0,.4)}.vision-signal span:nth-child(3){bottom:18%;left:27%}
.vision-intro{padding:145px 0;background:#fff}.vision-intro h2{font-size:clamp(40px,5vw,68px);margin:16px 0 25px;color:#142b38}.vision-intro p{font-size:17px;line-height:1.85}
.future-path{padding:0 0 110px;background:#fff}.future-card{display:grid;grid-template-columns:75px 1fr 160px;gap:40px;align-items:center;min-height:310px;padding:55px 0;border-top:1px solid var(--line)}.future-index{font-family:var(--display);font-size:12px;color:var(--cyan)}.future-card h2{font-size:clamp(38px,4vw,60px);margin:15px 0 17px;color:#142b38}.future-card p{max-width:650px}.future-mark{font-family:var(--display);font-size:55px;font-weight:800;color:rgba(0,169,220,.12);text-align:right}.future-card:nth-child(3) .future-mark,.future-card:nth-child(4) .future-mark{color:rgba(113,214,0,.15)}
.vision-final{padding:110px 0 160px;background:linear-gradient(135deg,#edf6f8,#f5faeb);text-align:center}.vision-words{display:flex;flex-direction:column;align-items:center;gap:0;font-family:var(--display);font-size:clamp(60px,10vw,145px);font-weight:800;line-height:.82;letter-spacing:-.08em}.vision-words span:nth-child(1){color:rgba(20,43,56,.08)}.vision-words span:nth-child(2){color:rgba(0,169,220,.15)}.vision-words span:nth-child(3){color:rgba(113,214,0,.18)}.vision-final p{margin-top:55px;color:#526976}

.contact-hero{background:radial-gradient(circle at 75% 45%,rgba(0,169,220,.08),transparent 30%),linear-gradient(135deg,#fff,#f4fafc)}
.contact-section{padding:110px 0 140px;background:#fff}.contact-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:100px;align-items:start}.contact-copy h2{font-size:clamp(45px,5vw,68px);margin:17px 0 20px;color:#142b38}.contact-copy>p{max-width:470px}.contact-meta{border-top:1px solid var(--line);padding:19px 0;margin-top:35px;display:flex;flex-direction:column;gap:4px}.contact-meta small{font-size:9px;letter-spacing:.18em;color:#1681b4}.contact-meta a{font-size:15px;color:#183542}.contact-meta span{font-size:13px;color:var(--muted)}
.form-panel{padding:40px;border:1px solid var(--line);background:linear-gradient(145deg,#fbfdfe,#f5faf7);box-shadow:0 25px 65px rgba(27,68,88,.08)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:17px}form label{display:block;margin-bottom:19px;color:#60737e;font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}form label>span{display:block;margin-bottom:8px}input,textarea{width:100%;border:1px solid #cbd9df;border-radius:3px;background:#fff;color:#17303d;padding:14px;outline:none;transition:.25s}input:focus,textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(0,169,220,.08)}textarea{resize:vertical;min-height:155px}.form-submit{width:100%;margin-top:5px}.honeypot{position:absolute;left:-9999px;height:0;overflow:hidden;opacity:0}.form-message{padding:15px 18px;border:1px solid var(--line);margin-bottom:20px;background:#fff}.form-message strong{color:#17303d}.form-message p{margin:3px 0 0;font-size:12px}.form-message.success{border-color:#c8e4a0;background:#f7fce9}.form-message.success strong{color:#559c00}.form-message.error{border-color:#efc1c1;background:#fff7f7}.form-message.error strong{color:#c43d3d}

.site-footer{padding:55px 0 24px;border-top:1px solid var(--line);background:#f1f6f8}.footer-top{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding-bottom:40px}.footer-brand{font-family:var(--display);font-size:25px;font-weight:800;letter-spacing:-.05em;color:#213744}.footer-brand span{color:#7b8d98;font-weight:500}.footer-brand-wrap p{font-size:11px;margin:4px 0 0}.footer-nav{display:flex;gap:27px}.footer-nav a{font-size:11px;color:#657985}.footer-nav a:hover{color:#132b38}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:20px;color:#71828c;font-size:9px;letter-spacing:.03em}

.reveal{opacity:0;transform:translateY(26px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.75,.2,1)}.reveal.is-visible{opacity:1;transform:none}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}
@keyframes nodePulse{50%{transform:scale(1.7);opacity:.6}}@keyframes mouse{50%{transform:translateY(7px);opacity:.2}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes arcSpin{to{transform:rotate(340deg)}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}

@media(max-width:1050px){
    .primary-nav{gap:20px}.brand-lockup img{width:220px}
    .focus-grid{grid-template-columns:repeat(3,1fr)}.focus-card:nth-child(3){border-right:0}.focus-card:nth-child(4),.focus-card:nth-child(5){border-top:1px solid var(--line)}
    .evolution-strip .container{grid-template-columns:1fr;gap:65px}.two-col{gap:60px}.tech-row{gap:30px}
}
@media(max-width:800px){
    .container{width:min(calc(100% - 34px),var(--max))}
    .site-header{padding:9px 0}.brand-lockup img{width:190px}
    .menu-toggle{display:block;position:relative;z-index:101}.primary-nav{position:fixed;inset:0;background:rgba(255,255,255,.98);backdrop-filter:blur(22px);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px;transform:translateX(100%);transition:.4s}.primary-nav.open{transform:none}.primary-nav>a{font-family:var(--display);font-size:26px;color:#203542}.primary-nav>a:not(.nav-cta)::after{display:none}.nav-cta{font-family:var(--body)!important;font-size:12px!important;margin-top:10px}
    .menu-toggle.open span:first-child{transform:translateY(7px) rotate(45deg)}.menu-toggle.open span:nth-child(2){opacity:0}.menu-toggle.open span:last-child{transform:translateY(-7px) rotate(-45deg)}
    .hero-home{min-height:850px;align-items:flex-start}.hero-home-inner{padding-top:160px}.hero-title{font-size:clamp(48px,12vw,74px)}.hero-description{font-size:14px}.hero-actions{flex-wrap:wrap}.hero-network{opacity:.8}.earth{width:720px;height:720px;right:-310px;top:30%}.hero-home::after{background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.93) 58%,rgba(255,255,255,.45) 100%)}
    .focus-section,.evolution-strip,.closing-banner,.company-story,.principles,.company-end,.technology-stack,.tech-note,.vision-intro,.future-path,.vision-final,.contact-section{padding-top:85px;padding-bottom:85px}
    .focus-grid{grid-template-columns:1fr 1fr}.focus-card{min-height:290px}.focus-card:nth-child(2){border-right:0}.focus-card:nth-child(3){border-right:1px solid var(--line)}.focus-card:nth-child(4),.focus-card:nth-child(5){border-top:1px solid var(--line)}.focus-card:nth-child(5){grid-column:1/-1}
    .evolution-line{padding-top:30px}.evolution-line::before{top:44px}.evo-step b{font-size:13px;margin-bottom:28px}
    .closing-inner{padding:35px 25px;min-height:230px}.round-arrow{width:60px;height:60px}
    .inner-hero{min-height:72vh;padding-top:145px}.inner-title{font-size:clamp(52px,14vw,82px)}.inner-lead{font-size:15px}.inner-hero-number{font-size:110px;right:2%;bottom:3%}
    .two-col,.contact-grid{grid-template-columns:1fr;gap:55px}.sticky-title{position:static}.story-lead{font-size:20px}
    .principle-grid{grid-template-columns:1fr 1fr}.principle-card{min-height:230px}.principle-card:nth-child(2){border-right:0}.principle-card:nth-child(3),.principle-card:nth-child(4){border-top:1px solid var(--line)}.principle-card:nth-child(4){border-right:0}
    .company-end-inner{padding:35px 25px;flex-direction:column;align-items:flex-start}.company-symbol{width:80px;height:80px;font-size:38px}
    .tech-orbit,.vision-signal{width:270px;height:270px;right:-100px;opacity:.7}
    .tech-row,.tech-row.reverse{grid-template-columns:40px 1fr;gap:15px;padding:75px 0}.tech-content,.tech-row.reverse .tech-content{order:2;grid-column:2}.tech-visual,.tech-row.reverse .tech-visual{order:3;grid-column:1/-1;height:300px;margin-top:15px}.tech-content h2{font-size:40px}.tech-number{grid-column:1;grid-row:1}
    .future-card{grid-template-columns:40px 1fr;gap:15px;padding:55px 0}.future-mark{grid-column:2;text-align:left;font-size:42px}.future-card h2{font-size:38px}
    .form-panel{padding:25px 20px}.form-row{grid-template-columns:1fr}
    .footer-top,.footer-bottom{flex-direction:column;align-items:flex-start}.footer-nav{flex-wrap:wrap}
}
@media(max-width:520px){
    .brand-lockup img{width:175px}.hero-actions .btn{width:100%}.focus-grid{grid-template-columns:1fr}.focus-card,.focus-card:nth-child(3){border-right:0;border-bottom:1px solid var(--line)}.focus-card:nth-child(5){grid-column:auto;border-bottom:0}.evolution-line{grid-template-columns:1fr 1fr;gap:40px}.evolution-line::before{display:none}.evo-step::before{display:none}.evo-step b{margin-bottom:8px}.inner-hero-number{font-size:80px}.principle-grid{grid-template-columns:1fr}.principle-card,.principle-card:nth-child(2),.principle-card:nth-child(3),.principle-card:nth-child(4){border-right:0;border-top:1px solid var(--line);min-height:200px}.principle-card:first-child{border-top:0}.visual-layers span{width:260px!important}.earth{right:-430px}
}

/* Mobile navigation reliability */
@media(max-width:800px){
    .site-header{z-index:1000}
    .nav-wrap{position:relative;z-index:1001}
    .brand-lockup,.menu-toggle{position:relative;z-index:1003}
    .primary-nav{
        z-index:1002;
        top:0;
        left:0;
        right:0;
        bottom:0;
        width:100vw;
        height:100dvh;
        min-height:100vh;
        overflow-y:auto;
        overscroll-behavior:contain;
        -webkit-overflow-scrolling:touch;
        padding:90px 24px 40px;
        transform:translate3d(100%,0,0);
        visibility:hidden;
        pointer-events:none;
    }
    .primary-nav.open{
        transform:translate3d(0,0,0);
        visibility:visible;
        pointer-events:auto;
    }
    .primary-nav>a{
        flex:none;
        position:relative;
        z-index:1;
        padding:4px 10px;
    }
    .menu-toggle{
        width:44px;
        height:44px;
        display:grid;
        place-items:center;
        padding:7px;
    }
    .menu-toggle span{position:absolute;left:9px;right:9px;margin:0}
    .menu-toggle span:first-child{transform:translateY(-7px)}
    .menu-toggle span:last-child{transform:translateY(7px)}
    .menu-toggle.open span:first-child{transform:rotate(45deg)}
    .menu-toggle.open span:nth-child(2){opacity:0;transform:scaleX(.4)}
    .menu-toggle.open span:last-child{transform:rotate(-45deg)}
}

/* Technology landscape / research ecosystem */
.ecosystem-section{padding:120px 0;background:#fff;border-top:1px solid var(--line)}
.ecosystem-heading{text-align:center;max-width:850px;margin:0 auto 55px}
.ecosystem-heading h2{font-size:clamp(40px,5vw,66px);color:#142b38;margin:16px 0 22px}
.ecosystem-heading p{max-width:680px;margin:auto}
.ecosystem-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.ecosystem-card{position:relative;min-height:355px;padding:32px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;transition:.3s;overflow:hidden}
.ecosystem-card::after{content:"";position:absolute;right:-55px;bottom:-75px;width:180px;height:180px;border:1px solid rgba(0,169,220,.13);border-radius:50%;box-shadow:0 0 0 35px rgba(0,169,220,.025),0 0 0 70px rgba(113,214,0,.02)}
.ecosystem-card:hover{transform:translateY(-5px);box-shadow:0 20px 45px rgba(30,72,91,.09);z-index:2}
.ecosystem-card.featured{background:linear-gradient(145deg,#f6fbfd,#f5fbe9)}
.ecosystem-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:55px}
.ecosystem-top span{font-family:var(--display);font-weight:800;font-size:24px;color:var(--blue)}
.ecosystem-card:nth-child(2) .ecosystem-top span{color:#4f9d00}.ecosystem-card:nth-child(3) .ecosystem-top span{color:var(--cyan)}
.ecosystem-top small{font-size:8px;letter-spacing:.16em;color:#78909b}
.ecosystem-card h3{font-size:26px;color:#17303d;margin-bottom:14px}.ecosystem-card p{font-size:12px;max-width:390px;position:relative;z-index:2}
.ecosystem-link{display:inline-block;margin-top:22px;color:#5a9400;font-size:8px;font-weight:800;letter-spacing:.14em;position:relative;z-index:2}
.ecosystem-note{max-width:900px;margin:24px auto 0;text-align:center;font-size:9px;color:#8a99a3}
.research-landscape{padding:120px 0;background:#f3f8fa;border-top:1px solid var(--line)}
.landscape-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:58px}
.landscape-item{padding:32px;border:1px solid var(--line);background:#fff;min-height:250px;box-shadow:0 12px 35px rgba(28,72,92,.04)}
.landscape-item:hover{box-shadow:0 20px 45px rgba(28,72,92,.08)}
.landscape-tag{display:block;color:#5f9e00;font-size:8px;font-weight:800;letter-spacing:.15em;margin-bottom:40px}
.landscape-item strong{display:block;font-family:var(--display);font-size:25px;color:#17303d;margin-bottom:12px}
.landscape-item p{font-size:12px}
@media(max-width:800px){
    .ecosystem-section,.research-landscape{padding:85px 0}
    .ecosystem-grid,.landscape-grid{grid-template-columns:1fr}
    .ecosystem-card{min-height:300px}
}

.vision-context{padding:0;background:#fff}
.vision-context-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);transform:translateY(-1px);background:#fff;box-shadow:0 15px 45px rgba(25,70,89,.06)}
.vision-context-grid>div{padding:28px;border-right:1px solid var(--line)}
.vision-context-grid>div:last-child{border-right:0}
.vision-context-grid span{display:block;font-size:8px;letter-spacing:.15em;color:#1681b4;margin-bottom:8px}
.vision-context-grid strong{font-family:var(--display);font-size:19px;color:#183441}
@media(max-width:800px){.vision-context-grid{grid-template-columns:1fr}.vision-context-grid>div{border-right:0;border-bottom:1px solid var(--line)}.vision-context-grid>div:last-child{border-bottom:0}}

/* Leadership / people */
.leadership-preview{padding:125px 0;background:#fff;border-top:1px solid var(--line)}
.leadership-intro{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:end;margin-bottom:55px}
.leadership-intro h2{font-size:clamp(40px,5vw,65px);color:#142b38;margin-top:16px}
.leadership-intro p{max-width:520px;margin:0;font-size:14px}
.leader-card{display:grid;grid-template-columns:400px 1fr;border:1px solid var(--line);background:linear-gradient(115deg,#f5fafc,#f7fcec);box-shadow:0 22px 65px rgba(26,70,89,.08);overflow:hidden}
.leader-photo-wrap{position:relative;min-height:460px;background:#eaf3f6;overflow:hidden}
.leader-photo-wrap img{width:100%;height:100%;object-fit:cover;object-position:center top;filter:saturate(.94)}
.leader-photo-line{position:absolute;left:0;right:0;bottom:0;height:5px;background:linear-gradient(90deg,var(--blue),var(--cyan),var(--lime))}
.leader-content{padding:55px 60px}
.leader-role{color:#1681b4;font-size:9px;font-weight:800;letter-spacing:.18em}
.leader-content h3{font-size:clamp(40px,4vw,58px);color:#142b38;margin:13px 0 5px}
.leader-summary{font-family:var(--display);color:#5c9d00!important;font-size:13px!important;font-weight:600;margin-bottom:26px}
.leader-content>p:not(.leader-summary){font-size:13px;max-width:700px}
.leader-content .text-link{margin-top:12px}
.leadership-section{padding:125px 0;background:#f3f8fa}
.leadership-section .center-heading>p{max-width:760px}
.leader-profile{display:grid;grid-template-columns:400px 1fr;gap:65px;margin-top:65px;padding:45px;border:1px solid var(--line);background:#fff;box-shadow:0 22px 60px rgba(26,70,89,.07)}
.leader-profile-photo{position:relative;align-self:start;background:#edf4f6;overflow:hidden}
.leader-profile-photo img{width:100%;aspect-ratio:1/1;object-fit:cover;object-position:center top}
.leader-badge{position:absolute;left:18px;bottom:18px;background:linear-gradient(90deg,var(--blue),var(--cyan),var(--lime));color:#fff;padding:8px 13px;font-family:var(--display);font-weight:800;font-size:10px;letter-spacing:.12em}
.leader-profile-copy{padding:8px 0}
.leader-profile-copy h3{font-size:clamp(42px,4.5vw,64px);color:#142b38;margin:12px 0 18px}
.leader-tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:28px}
.leader-tags span{border:1px solid #cbdde4;background:#f7fbfc;color:#55707d;border-radius:999px;padding:7px 10px;font-size:8px;font-weight:800;letter-spacing:.1em}
.profile-lead{font-family:var(--display);font-size:20px!important;line-height:1.6;color:#28414e!important}
.leader-profile-copy>p:not(.profile-lead){font-size:13px;max-width:720px}
.profile-focus{display:grid;grid-template-columns:repeat(3,1fr);margin-top:35px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.profile-focus div{padding:20px 15px;border-right:1px solid var(--line)}
.profile-focus div:last-child{border-right:0}
.profile-focus strong{display:block;color:#66b900;font-family:var(--display);font-size:13px;margin-bottom:8px}
.profile-focus span{font-size:8px;letter-spacing:.12em;color:#667b86}
.leadership-note{display:flex;gap:15px;align-items:flex-start;max-width:900px;margin:25px auto 0;color:#80919b}
.leadership-note span{font-size:8px;font-weight:800;letter-spacing:.15em;color:#1681b4;flex:none;padding-top:4px}
.leadership-note p{font-size:9px;margin:0}
@media(max-width:800px){
    .leadership-preview,.leadership-section{padding:85px 0}
    .leadership-intro{grid-template-columns:1fr;gap:20px;margin-bottom:38px}
    .leader-card{grid-template-columns:1fr}
    .leader-photo-wrap{min-height:0;height:auto;aspect-ratio:1/1}
    .leader-content{padding:35px 25px}
    .leader-profile{grid-template-columns:1fr;gap:35px;padding:25px;margin-top:45px}
    .profile-focus{grid-template-columns:1fr}
    .profile-focus div{border-right:0;border-bottom:1px solid var(--line)}
    .profile-focus div:last-child{border-bottom:0}
    .leadership-note{display:block}
    .leadership-note span{display:block;margin-bottom:5px}
}

/* Expanded leadership team */
.leadership-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.leadership-grid .leader-card{grid-template-columns:1fr;display:grid}
.leadership-grid .leader-photo-wrap{height:360px;min-height:0}
.leadership-grid .leader-content{padding:38px 42px 42px}
.leadership-grid .leader-content h3{font-size:42px}
.leadership-grid .leader-content>p:not(.leader-summary){font-size:12px}
.leader-profile-second{margin-top:22px}
.leader-profile-second .leader-profile-photo{order:2}
.leader-profile-second .leader-profile-copy{order:1}
@media(max-width:800px){
    .leadership-grid{grid-template-columns:1fr}
    .leadership-grid .leader-photo-wrap{height:auto;aspect-ratio:1/1}
    .leader-profile-second .leader-profile-photo{order:1}
    .leader-profile-second .leader-profile-copy{order:2}
}

/* V5 — refined leadership cards and contact details */
.compact-leadership{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1040px;margin:0 auto}
.compact-leader{grid-template-columns:175px 1fr!important;display:grid!important;min-height:0}
.compact-leader .leader-photo-wrap{height:100%;min-height:260px;max-height:310px}
.compact-leader .leader-content{padding:28px 28px 30px}
.compact-leader .leader-content h3{font-size:31px;margin:9px 0 4px}
.compact-leader .leader-summary{font-size:10px!important;margin-bottom:15px}
.compact-leader .leader-content>p:not(.leader-summary){font-size:10.5px;line-height:1.7}
.compact-leader .text-link{font-size:9px;margin-top:8px}
.leadership-intro{grid-template-columns:1fr 1fr;align-items:end;max-width:1040px;margin-left:auto;margin-right:auto}
.leadership-intro p{justify-self:end;max-width:420px}
.leader-profile{grid-template-columns:245px 1fr;gap:48px;max-width:1080px;margin-left:auto;margin-right:auto;padding:36px}
.leader-profile-photo{width:245px}
.leader-profile-photo img{aspect-ratio:4/5}
.leader-profile-copy h3{font-size:46px}
.leader-profile-second{margin-top:20px}
.leader-profile-second .leader-profile-photo{order:2}
.leader-profile-second .leader-profile-copy{order:1}
.contact-note{display:flex;gap:15px;margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
.contact-note>span{font-family:var(--display);font-size:10px;color:#68b900}
.contact-note strong{font-family:var(--display);font-size:12px;color:#263f4b}
.contact-note p{font-size:10px;margin:3px 0 0}
.contact-note:first-of-type{margin-top:35px}
@media(max-width:1050px){
    .compact-leader{grid-template-columns:145px 1fr!important}
    .compact-leader .leader-content{padding:24px}
    .leader-profile{grid-template-columns:220px 1fr}
    .leader-profile-photo{width:220px}
}
@media(max-width:800px){
    .leadership-intro{grid-template-columns:1fr;gap:18px}
    .leadership-intro p{justify-self:start}
    .compact-leadership{grid-template-columns:1fr}
    .compact-leader{grid-template-columns:145px 1fr!important}
    .compact-leader .leader-photo-wrap{min-height:210px;max-height:240px}
    .compact-leader .leader-content{padding:23px 20px}
    .compact-leader .leader-content h3{font-size:28px}
    .leader-profile{grid-template-columns:1fr;gap:26px;padding:25px}
    .leader-profile-photo{width:190px;max-width:100%;margin:auto}
    .leader-profile-second .leader-profile-photo{order:1}
    .leader-profile-second .leader-profile-copy{order:2}
}
@media(max-width:520px){
    .compact-leader{grid-template-columns:1fr!important}
    .compact-leader .leader-photo-wrap{height:220px;min-height:0;max-height:none}
    .compact-leader .leader-content{padding:24px}
}

/* V6 — perfectly aligned executive profiles */
.leader-profile-second{
    margin-top:24px;
}
.leader-profile-second .leader-profile-photo,
.leader-profile-second .leader-profile-copy{
    order:initial!important;
}
.leader-profile-second .leader-profile-photo{
    grid-column:1;
    grid-row:1;
}
.leader-profile-second .leader-profile-copy{
    grid-column:2;
    grid-row:1;
}
.leader-profile-photo{
    width:245px;
    align-self:start;
}
.leader-profile-photo img{
    width:100%;
    height:auto;
    aspect-ratio:4/5;
    object-fit:cover;
    display:block;
}
@media(max-width:800px){
    .leader-profile-second .leader-profile-photo,
    .leader-profile-second .leader-profile-copy{
        grid-column:auto;
        grid-row:auto;
    }
    .leader-profile-second .leader-profile-photo{
        order:initial!important;
    }
}

/* V7 — identical executive profile geometry */
.leadership-section .leader-profile,
.leadership-section .leader-profile-second{
    display:grid;
    grid-template-columns:245px minmax(0,1fr);
    align-items:start;
}
.leadership-section .leader-profile-second .leader-profile-photo,
.leadership-section .leader-profile-second .leader-profile-copy{
    grid-column:auto;
    grid-row:auto;
    order:initial!important;
}
.leadership-section .leader-profile-photo{
    width:245px;
    margin:0;
}
.leadership-section .leader-profile-photo img{
    width:100%;
    aspect-ratio:4/5;
    height:auto;
    object-fit:cover;
    display:block;
}
@media(max-width:800px){
    .leadership-section .leader-profile,
    .leadership-section .leader-profile-second{
        grid-template-columns:1fr;
    }
    .leadership-section .leader-profile-photo{
        width:190px;
        margin:0 auto;
    }
}

/* V8 — Evolution timeline alignment */
.evolution-line{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    position:relative;
    padding:0;
    gap:0;
    align-items:start;
}
.evolution-line::before{
    content:"";
    position:absolute;
    top:34px;
    left:12.5%;
    right:12.5%;
    height:2px;
    background:linear-gradient(90deg,var(--blue),var(--cyan),var(--lime));
    opacity:.65;
}
.evo-step{
    position:relative;
    min-width:0;
    text-align:center;
    display:flex;
    flex-direction:column;
    align-items:center;
    padding:0 10px;
}
.evo-step::before{display:none!important}
.evo-marker{
    position:relative;
    z-index:2;
    width:68px;
    height:68px;
    border-radius:50%;
    display:grid;
    place-items:center;
    background:#fff;
    border:1px solid #c8dce3;
    color:#82939c;
    font-family:var(--display);
    font-size:9px;
    font-weight:800;
    letter-spacing:.1em;
    box-shadow:0 8px 22px rgba(24,68,86,.06);
}
.evo-stage{
    margin-top:22px;
    min-height:42px;
    display:flex;
    align-items:flex-end;
    justify-content:center;
    color:#1c3542;
    font-family:var(--display);
    font-size:clamp(20px,2.2vw,30px);
    font-weight:800;
    line-height:1;
    white-space:nowrap;
}
.evo-label{
    margin-top:10px;
    min-height:30px;
    display:flex;
    align-items:flex-start;
    justify-content:center;
    text-align:center;
    color:#71858f;
    font-size:8px;
    font-weight:800;
    letter-spacing:.16em;
    line-height:1.5;
    white-space:normal;
}
.evo-step.active .evo-marker{
    background:linear-gradient(145deg,#f7fcff,#f3fae9);
    border-color:var(--lime);
    color:#65ad00;
    box-shadow:0 0 0 6px rgba(113,214,0,.08),0 10px 28px rgba(113,214,0,.13);
}
.evo-step.active .evo-stage{color:#5da500}
.evo-step:hover .evo-marker{
    transform:translateY(-3px);
    transition:transform .25s ease;
}
@media(max-width:800px){
    .evolution-line{
        grid-template-columns:1fr 1fr;
        gap:42px 18px;
        padding-top:0;
    }
    .evolution-line::before{display:none}
    .evo-step{padding:0 5px}
    .evo-marker{width:56px;height:56px}
    .evo-stage{font-size:24px;margin-top:15px;min-height:32px}
    .evo-label{font-size:7px;margin-top:8px;min-height:25px}
}
@media(max-width:430px){
    .evolution-line{gap:35px 10px}
    .evo-marker{width:50px;height:50px}
    .evo-stage{font-size:21px}
    .evo-label{font-size:6.5px;letter-spacing:.13em}
}