:root {
  color-scheme: dark;
  --bg: #0a0e13;
  --panel: #111820;
  --panel-2: #141d25;
  --line: rgba(184, 214, 222, 0.14);
  --white: #f0f5f2;
  --muted: #a4b1bb;
  --soft: #6d8190;
  --mint: #b4f8cb;
  --mint-strong: #8ff2b7;
  --blue: #88bed7;
  --max: 1184px;
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 100px; }
body { margin: 0; background: var(--bg); color: var(--white); overflow-x: hidden; font-size: 16px; line-height: 1.6; }
body::before { content:""; position:absolute; top:0;left:0;right:0;height:790px;z-index:-2;pointer-events:none; background: linear-gradient(to bottom, rgba(22,38,37,.5),transparent 77%), linear-gradient(90deg, rgba(123,195,162,.018) 1px,transparent 1px), linear-gradient(rgba(123,195,162,.018) 1px,transparent 1px); background-size: auto, 55px 55px,55px 55px; }
.ambient { position: absolute; z-index: -1; pointer-events: none; filter: blur(76px); opacity:.46; border-radius:50%; }
.ambient-one { width:420px; height:420px; left:-210px;top:95px; background:rgba(20,129,120,.23); }
.ambient-two { width:520px; height:520px;right:-300px;top:330px;background:rgba(41,105,139,.19); }
a { color:inherit; text-decoration:none; }
a:focus-visible,button:focus-visible { outline: 3px solid var(--mint); outline-offset: 4px; }
button { font:inherit; }
.container { width: min(var(--max), calc(100% - 64px)); margin: 0 auto; }
.skip-link { position:absolute; left:12px;top:-60px;padding:8px 14px;color:#101b18;background:var(--mint);z-index:99; }
.skip-link:focus { top:12px; }
.site-header { position:sticky;top:0; z-index:30; background:rgba(10,14,19,.77); backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(176,208,207,.075); }
.header-inner {height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px;}
.brand {display:flex;align-items:center;gap:12px;flex-shrink:0;}
.brand-mark {display:grid;grid-template-columns:repeat(2,11px);gap:4px;transform:rotate(-4deg);}
.brand-mark i {display:block;width:11px;height:11px;border-radius:3px;background:#b4f7ce;box-shadow:0 0 14px rgba(154,236,188,.09);}
.brand-mark i:nth-child(2),.brand-mark i:nth-child(3){background:#6faeb9;}
.brand-text {font-size:20px;font-weight:850;letter-spacing:.045em;line-height:1.05;}
.brand-text small {display:block;font-size:8px;letter-spacing:.145em;color:#82948f;font-weight:750;margin-top:7px;}
.main-nav {display:flex;align-items:center;gap:34px;margin-left:auto;margin-right:40px;}
.main-nav a{font-size:13px;color:#a8b7b6;transition:color .2s;}
.main-nav a:hover{color:#e9fff0;}
.header-actions{display:flex;align-items:center;gap:12px;}
.language-toggle{display:flex;align-items:center;justify-content:center;gap:9px;width:66px;height:38px;background:#121a20;border:1px solid rgba(179,227,205,.18);border-radius:11px;color:var(--mint);cursor:pointer;font-size:12px;font-weight:800;}
.language-toggle:hover {background:#1c2a2d;}
.language-toggle svg{width:16px;height:16px;}
.header-contact{font-size:12px;font-weight:750;border:1px solid rgba(165,218,189,.35);border-radius:11px;padding:9px 14px;color:#ddf9e6;white-space:nowrap;transition:background .2s;}
.header-contact:hover {background:#192c27;}
.header-contact span {margin-left:7px;color:#98eab4;}
.hero {padding-top:99px;padding-bottom:116px;display:grid;grid-template-columns: 1.02fr .98fr;align-items:center;gap:63px;}
.eyebrow {display:inline-flex;align-items:center;gap:10px;background:rgba(130,239,172,.055);border:1px solid rgba(146,220,168,.17);padding:7px 12px;border-radius:99px;font-size:11px;color:#b7dac6;font-weight:650;letter-spacing:.02em;}
.live-dot {width:7px;height:7px;border-radius:50%;background:#9bffc6;box-shadow:0 0 0 4px rgba(155,255,198,.08);}
h1,h2,h3,p{margin-top:0;}
h1 {font-size:clamp(43px,4.75vw,69px);line-height:1.09;letter-spacing:-.061em;margin-top:29px;margin-bottom:22px;font-weight:780;max-width:670px;}
.hero-highlight {display:block;background:linear-gradient(109deg,#c4ffdb 1%,#a9dec8 43%,#87bfd0 97%);-webkit-background-clip:text;background-clip:text;color:transparent;}
.hero-description {font-size:16px;color:#9eb0b5;line-height:1.83;max-width:525px;margin-bottom:33px;}
.hero-actions {display:flex;gap:13px;flex-wrap:wrap;align-items:center;}
.button {min-height:46px;padding:12px 18px;display:inline-flex;align-items:center;justify-content:center;gap:20px;font-weight:780;font-size:13px;border-radius:11px;transition:transform .2s, background .2s, border-color .2s;}
.button:hover{transform:translateY(-2px);}
.button-primary{background:var(--mint);color:#11251d;box-shadow:0 9px 35px rgba(102,244,157,.10);}
.button-primary:hover{background:#d0ffdf;}
.button-ghost{background:rgba(34,48,52,.45);color:#d5e5de;border:1px solid rgba(176,211,198,.16);}
.button-ghost:hover{border-color:rgba(176,211,198,.37);}
.hero-points{display:flex;gap:18px;flex-wrap:wrap;margin-top:36px;padding-top:24px;border-top:1px solid var(--line);font-size:10px;font-weight:600;color:#879da1;max-width:580px;}
.hero-points>span{display:inline-flex;align-items:center;gap:7px;}
.point-symbol{color:#95e6bc;font-size:11px;}
.preview-frame{border:1px solid rgba(147,194,188,.28);border-radius:19px;background:#10171d;box-shadow:0 36px 95px rgba(0,0,0,.55),0 0 0 8px rgba(160,219,186,.025), 0 0 105px rgba(49,109,86,.10);overflow:hidden; transform:perspective(1400px) rotateY(-4deg) rotateX(2deg);}
.preview-topline{height:42px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #263239;background:#161e25;padding:0 17px;}
.preview-dots{display:flex;gap:5px;}
.preview-dots i{width:6px;height:6px;border-radius:50%;background:#536b70;}
.preview-dots i:nth-child(1){background:#88ad9a;}
.preview-url{font-size:8px;color:#70878b;letter-spacing:.18em;font-weight:800;}
.preview-corner{font-size:12px;color:#729d93;}
.preview-body{display:grid;grid-template-columns:128px 1fr;min-height:378px;}
.preview-sidebar{background:#10171d;border-right:1px solid rgba(144,171,166,.14);padding:21px 11px;color:#8399a0;}
.preview-mini-brand{display:flex;align-items:center;gap:7px;color:#daf4e2;font-size:12px;font-weight:900;letter-spacing:.05em;padding:0 9px;margin-bottom:39px;}
.preview-grid-icon{color:#a1e4b4;font-size:18px;}
.preview-sidebar-label{font-size:7px;color:#536971;letter-spacing:.13em;font-weight:900;margin:0 10px 12px;}
.preview-nav{border-radius:7px;display:flex;align-items:center;gap:9px;font-size:9px;padding:10px 9px;color:#7f959a;white-space:nowrap;}
.preview-nav span{color:#68878d;font-size:12px;}
.preview-nav.selected{background:#1b302d;color:#b5efcb;}
.preview-nav.selected span{color:#a8e5c0;}
.preview-sidebar-foot{font-size:7px;margin-top:100px;padding-left:8px;color:#637e73;}
.preview-main{padding:26px 22px 22px;min-width:0;background:radial-gradient(circle at 90% 1%,rgba(52,90,86,.13),transparent 56%), #10171d;}
.preview-title-row{display:flex;justify-content:space-between;gap:10px;align-items:start;margin-bottom:20px;}
.preview-kicker{font-size:8px;letter-spacing:.15em;font-weight:800;color:#658985;}
.preview-title-row h2{font-size:19px;letter-spacing:-.045em;line-height:1.24;margin:5px 0 0;}
.preview-outline-badge{font-size:9px;border:1px solid #315449;border-radius:7px;padding:5px 8px;color:#9ecab6;}
.preview-card-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:23px;}
.preview-stat{background:#192229;border:1px solid #2b3a3b;padding:13px 12px;border-radius:10px;min-width:0;}
.preview-stat span,.preview-stat small{display:block;color:#718d91;font-size:9px;white-space:normal;}
.preview-stat b{font-size:17px;letter-spacing:-.03em;display:block;color:#d9f6e6;margin:6px 0 3px;white-space:normal;}
.preview-stat small{font-size:8px;}
.preview-section-title{display:flex;justify-content:space-between;gap:6px;font-size:11px;color:#dce9e2;font-weight:800;margin-bottom:8px;}
.preview-section-title span{font-size:8px;font-weight:600;color:#73968d;}
.preview-workflow{background:#141e23;border:1px solid #26353a;border-radius:10px;overflow:hidden;}
.preview-workflow-item{display:flex;gap:9px;align-items:center;padding:10px;border-bottom:1px solid #253237;}
.preview-workflow-item:last-child{border-bottom:none;}
.flow-icon{display:grid;place-items:center;width:29px;height:29px;flex-shrink:0;border-radius:8px;font-size:9px;font-weight:850;}
.flow-icon.green{background:#234336;color:#a4e8bb;}.flow-icon.blue{background:#243b4c;color:#a7d9ef;}.flow-icon.purple{background:#353148;color:#d8c4fa;}
.preview-workflow-item strong{display:block;font-size:9px;color:#cddfdb;line-height:1.5;}
.preview-workflow-item small{display:block;font-size:8px;color:#68838a;}
.flow-arrow{font-size:12px;color:#6e9093;margin-left:auto;}
.preview-disclaimer{font-size:9px;letter-spacing:.01em;color:#82999b;text-align:center;padding:10px 8px;background:#141d22;border-top:1px solid #26373a;}
.section{position:relative;padding:112px 0;}
.vision-section{border-top:1px solid var(--line);}
.vision-grid{display:grid;grid-template-columns:1fr 1fr;gap:120px;}
.section-label{font-size:11px;font-weight:850;letter-spacing:.16em;color:#89ceb0;margin-bottom:21px;}
.section-heading{font-size:clamp(34px,3.65vw,50px);line-height:1.17;letter-spacing:-.055em;font-weight:750;max-width:620px;margin:0;}
.section-heading.compact{max-width:650px;}
.vision-content{padding-top:40px;}
.vision-content p{font-size:15px;line-height:1.85;color:#a2b0b8;margin-bottom:20px;}
.text-link{display:inline-flex;gap:14px;color:#b7edc8;align-items:center;font-size:12px;font-weight:700;padding-top:12px;}
.capabilities-section{background:linear-gradient(180deg,#0e151b,#10171c);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.section-header{display:flex;justify-content:space-between;gap:35px;align-items:end;margin-bottom:39px;}
.section-header>p{width:285px;font-size:13px;line-height:1.7;color:#879fa4;margin:0 0 7px;}
.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.capability-card{background:linear-gradient(155deg,#182229,#111a20);padding:28px 27px;border:1px solid rgba(173,220,209,.12);border-radius:17px;min-height:306px;transition:transform .2s,border-color .2s;}
.capability-card:hover{transform:translateY(-5px);border-color:rgba(150,231,192,.3);}
.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:48px;}
.card-index{font-size:12px;color:#779494;font-weight:600;}
.card-icon{font-size:28px;color:#b2ebcb;font-weight:300;line-height:1;}
.capability-card h3{font-size:21px;font-weight:740;letter-spacing:-.03em;margin-bottom:12px;}
.capability-card p{color:#8da1a8;font-size:13px;line-height:1.72;min-height:68px;margin-bottom:25px;}
.card-divider{height:1px;background:var(--line);}
.card-foot{display:block;color:#9fbfb1;font-size:10px;font-weight:700;letter-spacing:.02em;padding-top:15px;}
.roadmap-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start;}
.roadmap-intro{font-size:14px;line-height:1.8;color:#91a6ad;margin-top:20px;max-width:470px;}
.roadmap-list{padding-top:4px;}
.roadmap-entry{position:relative;display:grid;grid-template-columns:26px 1fr;gap:20px;min-height:138px;}
.roadmap-entry:not(:last-child):before{content:"";position:absolute;left:12px;top:25px;bottom:0;width:1px;background:#344a48;}
.roadmap-node{width:25px;height:25px;border:1px solid #456561;background:#1c2b2e;border-radius:50%;position:relative;z-index:1;}
.roadmap-node:after{content:"";position:absolute;inset:8px;border-radius:50%;background:#637b73;}
.roadmap-node.active{border-color:#92d8b2;background:#1b3d32;}
.roadmap-node.active:after{background:#afeac6;}
.roadmap-body{padding-bottom:32px;border-bottom:1px solid var(--line);margin-bottom:28px;}
.roadmap-entry:last-child .roadmap-body{border-bottom:0;}
.roadmap-line{display:flex;align-items:center;gap:9px;justify-content:space-between;}
.roadmap-line strong{font-size:16px;font-weight:740;letter-spacing:-.02em;}
.status{font-size:9px;white-space:nowrap;color:#879b9d;background:#1c272b;border:1px solid #344246;padding:4px 7px;border-radius:7px;}
.status-current{color:#b5e6c4;background:#1b322b;border-color:#345543;}
.roadmap-body p{font-size:12px;line-height:1.75;color:#82979e;margin-top:12px;margin-bottom:0;}
.principles-section{padding-top:27px;padding-bottom:120px;}
.principles-panel{position:relative;overflow:hidden;padding:54px 56px 51px;border-radius:22px;border:1px solid rgba(146,223,186,.23);background:radial-gradient(circle at 90% -5%,rgba(73,148,117,.20),transparent 55%),#15231e;}
.principles-panel .section-label{margin-bottom:15px;}
.principles-panel h2{font-size:clamp(29px,3.1vw,40px);line-height:1.2;letter-spacing:-.046em;max-width:690px;margin-bottom:15px;}
.principles-panel p{max-width:720px;color:#a9c1b5;font-size:14px;line-height:1.8;}
.principles-tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:30px;}
.principles-tags span{font-size:10px;color:#b6debf;font-weight:700;border:1px solid #3a6954;border-radius:100px;padding:8px 13px;background:#1b382c;}
.contact-section{border-top:1px solid var(--line);padding-top:96px;padding-bottom:120px;}
.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:90px;align-items:center;}
.contact-section .section-heading{font-size:clamp(30px,3.3vw,46px);}
.contact-section p{font-size:14px;color:#94aab0;line-height:1.78;max-width:550px;margin-top:21px;}
.contact-card{border:1px solid rgba(159,207,184,.19);background:#131c21;padding:38px 36px;border-radius:19px;}
.contact-card-label{font-size:10px;font-weight:800;letter-spacing:.15em;color:#8ec4ab;}
.contact-mail{font-size:clamp(18px,2vw,24px);font-weight:700;letter-spacing:-.035em;margin:19px 0 27px;overflow-wrap:anywhere;}
.contact-card .button{min-width:180px;}
.contact-note{color:#77918e;font-size:10px;margin-top:26px;padding-top:17px;border-top:1px solid var(--line);}
.site-footer{background:#0a1015;border-top:1px solid var(--line);padding:33px 0;}
.footer-inner{display:flex;align-items:center;gap:36px;justify-content:space-between;}
.footer-brand{display:flex;gap:12px;align-items:center;font-size:17px;font-weight:850;white-space:nowrap;}
.footer-brand small{display:block;font-size:9px;color:#65837b;font-weight:700;}
.small-mark{grid-template-columns:repeat(2,8px);gap:3px;}
.small-mark i{width:8px;height:8px;border-radius:2px;}
.footer-inner p{font-size:10px;color:#748c8f;max-width:565px;margin:0;line-height:1.7;}
.copyright{font-size:10px;color:#6d8388;white-space:nowrap;}
@media (max-width: 1090px) {
  .hero{gap:34px;}
  .preview-frame{transform:none;}
  .header-inner{gap:14px;}
  .main-nav{gap:18px;margin-right:8px;}
  .vision-grid,.roadmap-grid{gap:70px;}
  .preview-body{grid-template-columns:98px 1fr;}
  .preview-nav{font-size:8px;gap:5px;}
  .preview-main{padding:20px 13px;}
  .preview-stat b{font-size:14px;}
}
@media (max-width: 850px) {
  .container{width:min(var(--max),calc(100% - 40px));}
  .main-nav{display:none;}
  .hero{grid-template-columns:1fr;padding-top:70px;gap:55px;padding-bottom:80px;}
  .hero-copy{max-width:730px;}
  .hero-description{max-width:630px;}
  .preview-frame{max-width:700px;width:100%;margin:auto;}
  .preview-body{grid-template-columns:128px 1fr;}
  .preview-main{padding:26px;}
  .vision-grid,.roadmap-grid{grid-template-columns:1fr;gap:20px;}
  .vision-content{padding-top:4px;}
  .section{padding:84px 0;}
  .principles-section{padding:5px 0 80px;}
  .section-header{align-items:start;flex-direction:column;}
  .section-header>p{width:auto;max-width:530px;}
  .capability-grid{grid-template-columns:1fr 1fr;}
  .roadmap-list{margin-top:28px;}
  .contact-grid{grid-template-columns:1fr;gap:25px;}
  .contact-card{max-width:550px;}
  .footer-inner{flex-wrap:wrap;gap:20px;}
}
@media (max-width: 570px) {
  .container{width:calc(100% - 36px);}
  .site-header .header-inner{height:68px;}
  .brand-text{font-size:18px;}
  .brand-text small{font-size:7px;}
  .brand{gap:9px;}
  .header-contact{display:none;}
  .hero{padding-top:54px;gap:43px;}
  h1{font-size:clamp(42px,11vw,54px);letter-spacing:-.055em;}
  .hero-description{font-size:14px;line-height:1.78;}
  .hero-points{gap:8px 16px;margin-top:28px;}
  .preview-body{grid-template-columns:80px 1fr;min-height:auto;}
  .preview-sidebar{padding:18px 5px;}
  .preview-mini-brand{font-size:10px;margin-bottom:30px;padding-left:4px;}
  .preview-sidebar-label{font-size:6px;padding-left:0;margin-left:4px;}
  .preview-nav{font-size:7px;padding:9px 5px;gap:4px;}
  .preview-nav span{font-size:10px;}
  .preview-sidebar-foot{font-size:6px;margin-top:60px;padding-left:3px;}
  .preview-main{padding:16px 10px;}
  .preview-kicker{font-size:6px;}
  .preview-title-row h2{font-size:15px;}
  .preview-outline-badge{font-size:7px;}
  .preview-card-row{gap:5px;margin-bottom:17px;}
  .preview-stat{padding:8px 6px;}
  .preview-stat span{font-size:7px;}
  .preview-stat b{font-size:12px;margin:5px 0 2px;}
  .preview-stat small{font-size:7px;}
  .preview-section-title{font-size:9px;}
  .preview-section-title span{font-size:7px;}
  .preview-workflow-item{padding:8px 5px;gap:5px;}
  .flow-icon{width:22px;height:24px;font-size:7px;}
  .preview-workflow-item strong{font-size:8px;}
  .preview-workflow-item small{font-size:7px;}
  .preview-disclaimer{font-size:8px;padding:8px;}
  .capability-grid{grid-template-columns:1fr;}
  .capability-card{min-height:auto;padding:24px;}
  .card-top{margin-bottom:30px;}
  .capability-card p{min-height:0;}
  .principles-panel{padding:33px 26px;}
  .contact-card{padding:28px 24px;}
  .section{padding:72px 0;}
  .principles-section{padding:0 0 75px;}
  .footer-inner{flex-direction:column;align-items:flex-start;}
}
@media (prefers-reduced-motion: reduce) {html{scroll-behavior:auto;}*,*::before,*::after{animation:none!important;transition:none!important;}}