:root{--green:#0B3B1D;--deep:#062A16;--support:#2F6B44;--mist:#E7F0EA;--graphite:#343434;--gray:#6B7280;--white:#fff;--accent:#18d783;--shadow:0 20px 60px rgba(6,42,22,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--graphite);background:#fff;line-height:1.55}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}.container{width:min(1180px,calc(100% - 40px));margin:auto}.section{padding:90px 0}.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-bottom:1px solid rgba(11,59,29,.08)}.nav-wrap{height:76px;display:flex;align-items:center;gap:28px}.brand img{width:165px}.desktop-nav{margin-left:auto;display:flex;gap:25px;font-size:14px;font-weight:800;color:#4f5b54}.desktop-nav a:hover{color:var(--green)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 23px;border-radius:12px;font-weight:850;border:1px solid transparent;transition:.2s}.btn:hover{transform:translateY(-2px)}.btn-small{min-height:42px;font-size:14px}.btn-primary{background:linear-gradient(135deg,#12c976,#0aad65);color:#fff;box-shadow:0 12px 28px rgba(0,160,90,.25)}.btn-ghost{border-color:rgba(255,255,255,.42);color:#fff;background:rgba(255,255,255,.06)}.btn-full{width:100%}.menu-btn,.mobile-nav{display:none}.hero{position:relative;overflow:hidden;color:white;background:radial-gradient(circle at 82% 20%,rgba(0,255,158,.16),transparent 32%),linear-gradient(135deg,#031b11,#062A16 52%,#0b3b1d);padding:86px 0}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:55px;align-items:center;position:relative;z-index:1}.eyebrow{display:inline-block;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.16em;color:#bfe3cd}.eyebrow.dark{color:var(--support)}.hero h1{font-size:clamp(48px,6vw,78px);line-height:.95;margin:14px 0 18px;letter-spacing:-.045em}.hero h1 span{color:#21d892}.hero h2{font-size:26px;line-height:1.18;margin:0 0 18px}.hero-lead{font-size:18px;color:#d7e6dc}.hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:28px 0}.stat{padding:16px 12px;border-radius:14px;border:1px solid rgba(45,237,158,.25);background:rgba(0,0,0,.18);text-align:center}.stat b,.stat span{display:block}.stat span{font-size:12px;color:#b8d1c2}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-note{color:#c4d9cb;font-size:14px}.hero-journey{position:relative;min-height:590px;border-radius:28px;background:linear-gradient(180deg,rgba(13,72,48,.55),rgba(1,16,10,.75));border:1px solid rgba(112,255,190,.16);overflow:hidden}.hero-journey svg{position:absolute;inset:0;width:100%;height:100%}.path-glow{fill:none;stroke:#32f4a5;stroke-width:5;filter:drop-shadow(0 0 8px #10d985);stroke-linecap:round}.journey-stage{position:absolute;z-index:4;display:flex;align-items:center;gap:10px;padding:8px 12px;background:rgba(5,42,27,.86);border:1px solid rgba(106,255,188,.28);border-radius:13px}.journey-stage>span{width:34px;height:34px;border-radius:50%;background:#eafff5;color:#0B3B1D;display:grid;place-items:center;font-weight:900}.journey-stage strong,.journey-stage small{display:block}.journey-stage small{color:#bcd6c8}.stage-1{left:9%;bottom:7%}.stage-2{left:34%;bottom:23%}.stage-3{right:6%;bottom:36%}.stage-4{left:37%;top:33%}.stage-5{right:6%;top:19%}.stage-6{right:7%;top:4%}.rack{position:absolute;background:#111;border:1px solid #233d32;border-radius:10px;z-index:2}.rack i{display:block;height:24px;margin:8px;background:linear-gradient(90deg,#0f3c2b,#1a1a1a);border-left:3px solid #14c476}.rack-a{width:105px;height:140px;left:45%;bottom:23%}.rack-b{width:78px;height:116px;right:11%;top:35%}.monitor{position:absolute;left:27%;bottom:10%;z-index:3}.screen{width:100px;height:70px;border:7px solid #1a1a1a;background:linear-gradient(135deg,#0d6efd,#1b9cff);display:grid;place-items:center;font-weight:900;font-size:28px}.stand{width:45px;height:18px;background:#333;margin:auto}.switch{position:absolute;left:5%;bottom:4%;width:145px;height:52px;background:#17211d;border-radius:8px;display:flex;gap:7px;align-items:center;justify-content:center;z-index:3}.switch span{width:12px;height:9px;background:#22d891}.section-heading{max-width:850px;margin-bottom:42px}.section-heading h2{font-size:clamp(38px,5vw,56px);line-height:1.05;margin:12px 0 16px;color:#061b12}.section-heading h2 span{color:var(--support)}.section-heading p{font-size:18px;color:#5c675f}.roadmap-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.road-card{position:relative;padding:22px 18px;border-radius:20px;background:linear-gradient(180deg,#f7faf8,#eef4f0);border:1px solid #e4ece7;min-height:260px}.road-num{position:absolute;left:12px;top:-14px;width:32px;height:32px;border-radius:50%;background:#0ba66b;color:white;display:grid;place-items:center;font-weight:900}.road-icon{height:86px;border-radius:14px;background:white;display:grid;place-items:center;font-size:34px;font-weight:1000;color:var(--green)}.mint-icon{font-size:22px}.ubuntu-icon{color:#e95420;font-size:42px}.road-card h3{font-size:18px;color:#0e2017;margin:18px 0 10px}.road-card p{font-size:14px;color:#66716a}.benefits{background:linear-gradient(180deg,#eff7f2,#f8fbf9)}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.benefit{display:flex;gap:16px;background:white;border:1px solid #e4ece7;border-radius:18px;padding:22px}.benefit i{font-style:normal;width:48px;height:48px;border-radius:14px;background:#eef7f2;display:grid;place-items:center;color:var(--green);font-weight:900}.benefit h3{margin:1px 0 6px;color:#10251a}.benefit p{margin:0;color:#69746d}.mid-cta{margin-top:28px;padding:18px 20px;border-radius:18px;background:linear-gradient(135deg,#073720,#0B3B1D);display:flex;align-items:center;justify-content:space-between;gap:20px;color:white}.mid-cta strong,.mid-cta span{display:block}.mid-cta span{color:#c8ddd0}.experience-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.server-wall{min-height:420px;border-radius:26px;background:linear-gradient(135deg,#081710,#0d2f21);position:relative;overflow:hidden}.server-col{position:absolute;bottom:30px;width:110px;height:280px;background:#111;border:1px solid #1d4935;border-radius:10px;padding:10px}.server-col:nth-child(1){left:34px}.server-col:nth-child(2){left:160px;bottom:54px}.server-col span{display:block;height:48px;margin:7px;background:linear-gradient(90deg,#0f3b2b,#222);border-left:4px solid #1ee49a}.admin-panel{position:absolute;right:26px;top:52px;width:47%;background:linear-gradient(180deg,#0b5d46,#0a2538);padding:24px;border-radius:16px;color:white}.admin-panel strong,.admin-panel small{display:block}.admin-panel small{padding:7px 0;border-bottom:1px solid rgba(255,255,255,.1)}.experience-copy h2{font-size:46px;line-height:1.05;color:#102217}.experience-copy p{font-size:17px;color:#59665e}.experience-copy blockquote{margin:26px 0 0;padding:20px 22px;border-radius:16px;background:#eef7f2;color:#0b3b1d;font-weight:800;border-left:5px solid #11b974}.pricing{background:#f5f8f6}.pricing-grid{display:grid;grid-template-columns:.9fr 1fr 1fr;gap:26px;align-items:center}.pricing-copy h2{font-size:48px;color:#102217}.price-card,.price-action{background:white;border:1px solid #e2ebe5;border-radius:20px;padding:26px}.price{font-size:26px}.price strong{font-size:48px}.price-card li{margin:8px 0}.small-card{margin-top:14px;background:#edf5f0;border-radius:14px;padding:14px;text-align:center}.final-cta{padding:70px 0;background:linear-gradient(135deg,#031910,#062A16);color:white;text-align:center}.final-cta h2{font-size:46px}.final-cta p{color:#c9ddd0}.final-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.site-footer{padding:28px 0}.footer-wrap{display:grid;grid-template-columns:180px 1fr auto;gap:30px;align-items:center}.footer-wrap img{width:165px}.floating-wa{position:fixed;right:18px;bottom:18px;width:56px;height:56px;border-radius:50%;background:#14c874;color:white;display:grid;place-items:center;font-weight:900;z-index:90}.reveal{opacity:0;transform:translateY(22px);transition:.65s}.reveal.show{opacity:1;transform:none}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}@media(max-width:1050px){.desktop-nav,.nav-wrap>.btn-small{display:none}.menu-btn{display:block;margin-left:auto;width:44px;height:44px;border:0;background:var(--mist);border-radius:12px}.mobile-nav{padding:12px 20px 20px}.mobile-nav.open{display:grid}.mobile-nav a{padding:12px 4px;font-weight:800}.hero-grid,.experience-grid,.pricing-grid{grid-template-columns:1fr}.roadmap-grid{grid-template-columns:repeat(3,1fr)}.benefit-grid{grid-template-columns:repeat(2,1fr)}.footer-wrap{grid-template-columns:1fr;text-align:center}.footer-wrap img{margin:auto}}@media(max-width:680px){.container{width:min(100% - 28px,1180px)}.section{padding:65px 0}.brand img{width:138px}.hero{padding:58px 0}.hero h1{font-size:52px}.hero h2{font-size:22px}.hero-stats{grid-template-columns:repeat(2,1fr)}.hero-actions{display:grid}.hero-actions .btn{width:100%}.hero-journey{min-height:650px}.roadmap-grid,.benefit-grid{grid-template-columns:1fr}.mid-cta{flex-direction:column;align-items:stretch}.section-heading h2,.experience-copy h2,.pricing-copy h2,.final-cta h2{font-size:36px}.final-actions{display:grid}.final-actions .btn{width:100%}}


/* Updated journey image */
.hero-journey{position:relative;min-height:auto;border-radius:28px;overflow:hidden;background:rgba(255,255,255,.02);border:1px solid rgba(112,255,190,.16);box-shadow:0 20px 50px rgba(0,0,0,.18)}
.hero-journey .journey-image{display:block;width:100%;height:auto;border-radius:28px}
@media(max-width:680px){.hero-journey{min-height:auto;border-radius:22px}.hero-journey .journey-image{border-radius:22px}}


/* roadmap icons */
.road-icon{height:86px;border-radius:14px;background:#fff;display:grid;place-items:center;padding:12px;box-shadow:inset 0 0 0 1px rgba(11,59,29,.04)}
.road-icon img{width:58px;height:58px;object-fit:contain;display:block}


/* Roadmap thumbnails taken from the approved journey artwork */
.road-icon{height:110px;padding:0;overflow:hidden;background:#081b12;border:1px solid rgba(11,59,29,.08);box-shadow:none}
.road-icon img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.road-card{overflow:visible}
@media(max-width:680px){.road-icon{height:150px}}


/* roadmap thumbnails refined */
.road-card{overflow:visible;padding:16px 18px 22px}
.road-icon{position:relative;height:138px;border-radius:18px;overflow:hidden;background:#081b12;border:1px solid rgba(11,59,29,.08);box-shadow:none;padding:0;margin-bottom:18px}
.road-icon img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.thumb-num{position:absolute;left:12px;top:12px;width:42px;height:42px;border-radius:999px;background:#f2fff8;border:2px solid rgba(11,59,29,.85);color:#0B3B1D;display:grid;place-items:center;font-weight:900;font-size:22px;box-shadow:0 6px 16px rgba(0,0,0,.22)}
.road-card h3{margin-top:0}
@media(max-width:680px){.road-icon{height:170px}.thumb-num{width:46px;height:46px;font-size:24px}}