:root{
  --navy:#06192e;
  --navy-2:#0b2947;
  --navy-3:#113a61;
  --green:#65c36a;
  --green-2:#94df8b;
  --ink:#08182d;
  --muted:#5f6f83;
  --line:#dde6ee;
  --light:#f5f8fb;
  --white:#fff;
  --max:1420px;
}
*{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(--ink);background:#fff;overflow-x:hidden}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}
button{font:inherit}
.container{width:min(calc(100% - 48px),var(--max));margin:auto}
.header{height:96px;background:linear-gradient(90deg,#03162b,#082746);color:#fff;display:flex;align-items:center;position:sticky;top:0;z-index:100;box-shadow:0 1px 0 rgba(255,255,255,.10),0 9px 28px rgba(1,12,25,.18)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:28px;width:100%}
.brand{display:flex;align-items:center;gap:13px;min-width:348px;flex-shrink:0;color:#fff}
.brand-badge{width:68px;height:68px;display:grid;place-items:center;padding:5px;background:linear-gradient(145deg,#fff,#eff5f8);border:1px solid rgba(255,255,255,.88);border-radius:14px;box-shadow:0 9px 24px rgba(0,0,0,.24),0 0 0 1px rgba(102,198,105,.12)}
.brand-badge img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 4px rgba(3,25,45,.18))}
.brand-wordmark{display:flex;flex-direction:column;line-height:.98;letter-spacing:.075em;text-shadow:0 3px 12px rgba(0,0,0,.34)}
.brand-wordmark strong{font-size:1.18rem;font-weight:900;color:#fff}
.brand-wordmark em{font-size:1.13rem;font-style:normal;font-weight:900;color:var(--green-2);margin-top:7px}
.nav-links{display:flex;align-items:center;gap:30px;font-weight:700;font-size:.95rem}
.nav-links a{opacity:.96}.nav-links a:hover,.nav-links a.active{color:var(--green-2)}
.demo-btn,.btn-primary{background:linear-gradient(135deg,var(--green),#4da85a);color:#fff;box-shadow:0 13px 28px rgba(65,150,76,.25)}
.demo-btn{padding:14px 25px;border-radius:8px;font-weight:850;white-space:nowrap}
.menu{display:none;background:none;border:0;color:#fff;font-size:1.7rem;cursor:pointer}

.hero{position:relative;min-height:650px;color:#fff;background:url('assets/hero-backdrop.jpg') center 45%/cover no-repeat;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,17,31,.82) 0%,rgba(3,21,38,.60) 43%,rgba(4,22,38,.18) 72%,rgba(4,22,38,.06) 100%),linear-gradient(0deg,rgba(4,22,24,.32),transparent 38%)}
.hero::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 17% 26%,rgba(255,222,160,.20),transparent 23%);pointer-events:none}
.hero-grid{position:relative;z-index:2;min-height:650px;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:28px;padding:54px 0 44px}
.hero-copy{padding-left:30px;position:relative;z-index:4}
h1{font-size:clamp(3.2rem,4.5vw,5.25rem);line-height:1.06;letter-spacing:-.047em;margin:0 0 24px;max-width:760px;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.26),0 5px 0 rgba(2,15,27,.34),0 12px 28px rgba(0,0,0,.50),0 0 2px rgba(255,255,255,.22);transform:translateZ(0)}
.accent{color:var(--green)}
.hero-lead{font-size:1.18rem;line-height:1.68;max-width:690px;margin:0;color:rgba(255,255,255,.96);text-shadow:0 3px 12px rgba(0,0,0,.55)}
.actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:30px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:11px;padding:16px 24px;border-radius:8px;font-weight:850;border:1px solid transparent;transition:.2s ease}
.btn:hover{transform:translateY(-2px)}
.btn-outline{color:#fff;border-color:rgba(255,255,255,.86);background:rgba(4,22,38,.36);backdrop-filter:blur(5px)}
.trust{display:flex;align-items:center;gap:12px;margin-top:36px;font-weight:750;text-shadow:0 2px 8px rgba(0,0,0,.5)}
.shield{width:29px;height:33px;border:3px solid var(--green);border-radius:7px 7px 13px 13px;display:grid;place-items:center;color:var(--green)}

.device-stage{height:500px;position:relative;display:flex;align-items:center;justify-content:flex-end;transform:translateX(62px) scale(.88);transform-origin:center right;z-index:2}
.laptop{width:690px;height:393px;background:#0d1117;border:2px solid #7f8994;border-radius:22px 22px 9px 9px;padding:13px 13px 22px;box-shadow:0 34px 70px rgba(0,0,0,.52);position:relative}
.laptop::before{content:"";position:absolute;top:5px;left:50%;width:5px;height:5px;border-radius:50%;background:#1f2933}
.laptop::after{content:"";position:absolute;left:-10%;right:-10%;bottom:-22px;height:22px;background:linear-gradient(#aeb4bb,#555d65);clip-path:polygon(8% 0,92% 0,100% 100%,0 100%);border-radius:0 0 14px 14px}
.laptop-screen{height:100%;border-radius:5px;overflow:hidden;background:#071727}
.laptop-screen img{width:100%;height:100%;object-fit:cover;object-position:center top}
.phone{position:absolute;right:-6px;bottom:8px;width:152px;height:318px;background:#0c1016;border:2px solid #808890;border-radius:30px;padding:10px 7px;box-shadow:0 26px 55px rgba(0,0,0,.55)}
.phone::before{content:"";position:absolute;top:7px;left:50%;transform:translateX(-50%);width:44px;height:7px;border-radius:999px;background:#111923;z-index:2}
.phone-screen{height:100%;border-radius:22px;overflow:hidden;background:#fff}.phone-screen img{width:100%;height:100%;object-fit:cover;object-position:center top}

.section{padding:88px 0}.section-light{background:var(--light)}.section-navy{background:linear-gradient(130deg,#06182d,#0a2b4c);color:#fff}.section-white{background:#fff}
.eyebrow{color:#318b47;font-size:.82rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;margin-bottom:12px}
.section-head{text-align:center;max-width:960px;margin:0 auto 42px}.section-head h2,.split-copy h2,.about-hero h1{font-size:clamp(2.25rem,4vw,4rem);line-height:1.08;letter-spacing:-.043em;margin:0 0 16px}.section-head p,.split-copy p{font-size:1.08rem;line-height:1.75;color:var(--muted);margin:0}
.section-navy .section-head p,.section-navy .split-copy p{color:#d6e0ea}

.pillar-grid{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 12px 32px rgba(15,35,60,.05)}
.pillar{padding:25px 22px;border-right:1px solid var(--line);min-height:218px}.pillar:last-child{border-right:0}.pillar-icon{width:52px;height:52px;border-radius:12px;display:grid;place-items:center;background:#eaf5eb;color:#2f8b48;font-size:1.6rem;margin-bottom:17px}.pillar h3{font-size:1rem;margin:0 0 9px}.pillar p{font-size:.9rem;line-height:1.58;margin:0;color:#506176}

.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.split.reverse .split-copy{order:2}.split.reverse .visual-card{order:1}
.problem-list,.check-list{display:grid;gap:13px;margin-top:24px}.problem-item,.check-item{display:flex;gap:13px;align-items:flex-start;padding:15px 17px;border-radius:12px;background:#fff;border:1px solid var(--line)}
.problem-item i,.check-item i{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;font-style:normal;font-weight:900}.problem-item i{background:#fdeeed;color:#b9483e}.check-item i{background:#e8f5e9;color:#348b43}.problem-item b,.check-item b{display:block;margin-bottom:4px}.problem-item span,.check-item span{display:block;color:#637387;line-height:1.48;font-size:.95rem}
.visual-card{background:linear-gradient(145deg,#08213a,#123b62);color:#fff;border-radius:22px;padding:28px;box-shadow:0 22px 52px rgba(5,25,50,.18)}
.timeline{display:grid;gap:12px;margin-top:20px}.timeline-row{display:grid;grid-template-columns:72px 1fr;gap:16px;align-items:center;padding:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09);border-radius:13px}.timeline-row small{color:#8fda8a;font-weight:900}.timeline-row strong{display:block;margin-bottom:3px}.timeline-row span{font-size:.87rem;color:#c7d4df}

.question-band{padding:64px 0;background:linear-gradient(120deg,#06172c,#0b3153);color:#fff;text-align:center}.question-band small{color:#88d884;font-size:.82rem;letter-spacing:.14em;font-weight:900;text-transform:uppercase}.question-band h2{font-size:clamp(2.5rem,5vw,4.7rem);margin:13px auto 15px;letter-spacing:-.047em}.question-band p{max-width:920px;margin:auto;color:#d9e3ed;font-size:1.06rem;line-height:1.7}
.action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:34px;text-align:left}.action-card{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.11);border-radius:14px;padding:18px}.action-card b{display:block;margin-bottom:6px}.action-card span{color:#cbd7e2;font-size:.92rem;line-height:1.5}

.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.principle{padding:24px;border:1px solid var(--line);border-radius:16px;background:#fff}.principle b{display:block;font-size:1.05rem;margin-bottom:9px}.principle p{margin:0;color:#617186;line-height:1.62;font-size:.95rem}
.outcome-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.outcome{background:#fff;border:1px solid var(--line);border-radius:17px;padding:24px}.outcome strong{display:block;font-size:1.3rem;color:#17385a;margin-bottom:8px}.outcome p{margin:0;color:#617186;line-height:1.55;font-size:.94rem}

.audience-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:17px}.audience-card{background:#f8fafc;border:1px solid var(--line);border-radius:17px;padding:22px}.audience-card h3{margin:0 0 9px}.audience-card p{margin:0;color:#607186;line-height:1.58;font-size:.94rem}
.cta{padding:0 0 92px;background:linear-gradient(#fff,#f5f8fb)}.cta-box{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:40px;background:linear-gradient(135deg,#06182d,#0b2d4e);border-radius:23px;color:#fff;box-shadow:0 25px 55px rgba(5,25,50,.18)}.cta-box h2{font-size:2rem;margin:0 0 10px}.cta-box p{margin:0;color:#d7e2ec;line-height:1.68;max-width:860px}

.about-hero{position:relative;padding:110px 0 96px;color:#fff;background:linear-gradient(90deg,rgba(3,19,34,.82),rgba(5,31,50,.54)),url('assets/hero-backdrop.jpg') center 44%/cover no-repeat}.about-hero .container{max-width:1050px}.about-hero p{font-size:1.2rem;line-height:1.75;max-width:860px;color:#eef5f8;text-shadow:0 3px 12px rgba(0,0,0,.5)}
.about-blocks{display:grid;gap:24px}.about-block{display:grid;grid-template-columns:240px 1fr;gap:36px;padding:30px 0;border-bottom:1px solid var(--line)}.about-block:last-child{border-bottom:0}.about-block h2{margin:0;font-size:1.55rem;color:#163a5d}.about-block p{margin:0 0 13px;line-height:1.76;color:#5e6f83}.about-block p:last-child{margin-bottom:0}.guiding-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:18px}.guiding-list div{padding:14px 16px;background:#f7fafc;border:1px solid var(--line);border-radius:12px;font-weight:700;color:#244866}

footer{background:#04172d;color:#d7e1eb;padding:29px 0;border-top:1px solid rgba(255,255,255,.06)}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.footer-brand .brand-badge{width:58px;height:58px}.footer-brand .brand-wordmark strong{font-size:1.02rem}.footer-brand .brand-wordmark em{font-size:.98rem}.footer-links{display:flex;gap:21px;font-weight:700}.footer-links a:hover{color:var(--green-2)}

@media(max-width:1200px){.pillar-grid{grid-template-columns:repeat(3,1fr)}.pillar{border-bottom:1px solid var(--line)}.pillar:nth-child(3),.pillar:nth-child(6){border-right:0}.principle-grid{grid-template-columns:repeat(2,1fr)}.outcome-grid{grid-template-columns:repeat(2,1fr)}.audience-grid{grid-template-columns:repeat(3,1fr)}.device-stage{transform:translateX(32px) scale(.80)}}
@media(max-width:990px){.menu{display:block}.nav-links{position:absolute;top:96px;left:0;right:0;background:var(--navy);display:none;flex-direction:column;align-items:flex-start;padding:22px 24px 28px;gap:18px;border-top:1px solid rgba(255,255,255,.08)}.nav-links.open{display:flex}.brand{min-width:0}.brand-badge{width:60px;height:60px}.brand-wordmark strong{font-size:1.02rem}.brand-wordmark em{font-size:.98rem}.hero-grid{grid-template-columns:1fr;gap:20px;padding-top:36px}.hero-copy{padding-left:0}.device-stage{height:430px;justify-content:center;transform:scale(.78);transform-origin:center center}.split,.split.reverse{grid-template-columns:1fr}.split.reverse .split-copy,.split.reverse .visual-card{order:initial}.audience-grid{grid-template-columns:repeat(2,1fr)}.about-block{grid-template-columns:1fr;gap:12px}}
@media(max-width:720px){.nav-links{top:82px}.container{width:min(calc(100% - 30px),var(--max))}.header{height:82px}.brand{gap:9px}.brand-badge{width:54px;height:54px;border-radius:11px;padding:4px}.brand-wordmark strong{font-size:.88rem}.brand-wordmark em{font-size:.84rem;margin-top:5px}.demo-btn{display:none}.hero{min-height:auto;background-position:58% center}.hero-grid{min-height:auto;padding:30px 0 38px}.hero::before{background:linear-gradient(90deg,rgba(2,17,31,.88),rgba(3,21,38,.60)),linear-gradient(0deg,rgba(4,22,24,.34),transparent 40%)}h1{font-size:clamp(2.4rem,12vw,3.35rem)}.hero-lead{font-size:1rem}.actions .btn{width:100%}.device-stage{height:310px;transform:scale(.56);margin:-22px -110px -48px}.laptop{width:650px}.phone{right:-18px}.section{padding:64px 0}.pillar-grid,.principle-grid,.outcome-grid,.audience-grid,.action-grid,.guiding-list{grid-template-columns:1fr}.pillar{border-right:0!important}.question-band{padding:55px 0}.cta{padding-bottom:70px}.cta-box{display:grid;padding:29px 24px}.cta-box .btn{width:100%}.footer-inner{flex-direction:column;align-items:flex-start}.about-hero{padding:78px 0 70px}.about-hero p{font-size:1.05rem}}