:root { color-scheme: dark; --bg:#0a1420; --surface:#101f2c; --surface2:#142534; --line:#273c48; --text:#eef8f5; --muted:#a7bac0; --mint:#77e6c7; --lime:#c4f4ab; --max:1190px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; min-width:320px; font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; background:var(--bg); color:var(--text); line-height:1.55; }
a { color:inherit; text-decoration:none; }
a:focus-visible,button:focus-visible { outline:3px solid var(--mint); outline-offset:4px; }
button { font:inherit; }
.wrap { max-width:var(--max); margin:auto; padding-inline:38px; }
.ambient { position:absolute; pointer-events:none; z-index:-1; border-radius:50%; filter:blur(85px); opacity:.5; }
.ambient-one { width:490px;height:490px;top:80px;right:2%;background:#20596b; }
.ambient-two { width:400px;height:430px;top:430px;left:-220px;background:#174840; }
.skip-link { position:absolute;top:-100px;left:20px;background:var(--mint);color:#071f1c;padding:12px;z-index:100; }
.skip-link:focus {top:12px;}
.site-header { display:flex;justify-content:space-between;align-items:center;gap:30px;min-height:94px; }
.wordmark { display:inline-flex;align-items:center;gap:12px;white-space:nowrap;font-size:17px;letter-spacing:-.03em; }
.wordmark strong {font-weight:800;}
.mark { display:grid;grid-template-columns:repeat(2,9px);gap:3px;transform:rotate(-15deg); }
.mark span {width:9px;height:9px;border-radius:3px;background:var(--mint);}
.mark span:nth-child(2) {opacity:.5;}.mark span:nth-child(3){opacity:.75;}.mark span:nth-child(4){background:var(--lime);}
.header-right {display:flex;align-items:center;gap:20px;}
.header-right nav {display:flex;gap:27px;align-items:center;}
.header-right nav a {color:#bacbcf;font-size:13px;font-weight:600;}
.header-right nav a:hover {color:var(--mint);}
.language {cursor:pointer;background:transparent;border:1px solid #52636a;border-radius:9px;color:#d9ece6;padding:7px 10px;font-size:12px;font-weight:800;}
.header-contact {border:1px solid #537669;border-radius:12px;padding:9px 15px;font-size:12px;font-weight:700;white-space:nowrap;}
.header-contact:hover {background:#163d37;}
.hero {display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:54px;padding-top:98px;padding-bottom:114px;}
.eyebrow,.section-kicker {color:var(--mint);font-size:11px;letter-spacing:.17em;font-weight:800;}
.eyebrow {display:inline-flex;align-items:center;gap:11px;padding:8px 11px;border:1px solid #2b5956;background:#153a3c;border-radius:999px;letter-spacing:.12em;}
.pulse,.status-light,.mini-dot {display:inline-block;width:7px;height:7px;border-radius:99px;background:var(--mint);box-shadow:0 0 14px #77e6c7a0;}
h1,h2,h3,p {margin-top:0;}
h1 {font-size:clamp(43px,5.1vw,76px);letter-spacing:-.07em;line-height:1.08;margin:24px 0 25px;font-weight:820;}
.gradient-text {background:linear-gradient(100deg,#70e4c2,#b5eff8 60%,#d1ecb7);background-clip:text;-webkit-background-clip:text;color:transparent;}
.hero-lead {max-width:570px;color:#b6c8ce;font-size:16px;line-height:1.9;}
.hero-actions {display:flex;flex-wrap:wrap;gap:12px;margin-top:30px;}
.button {display:inline-flex;gap:17px;align-items:center;justify-content:center;border-radius:12px;padding:14px 19px;font-size:13px;font-weight:800;}
.button-primary {background:var(--mint);color:#102923;}
.button-primary:hover {background:#a1f5dc;}
.button-ghost {color:#e9f7f2;border:1px solid #455f63;background:#142935;}
.button-ghost:hover {background:#1f3b43;}
.hero-notes {margin-top:34px;display:flex;flex-wrap:wrap;gap:10px 18px;color:#92a9b0;font-size:10px;font-weight:600;}
.hero-notes>span {display:inline-flex;align-items:center;gap:7px;}
.note-dot {width:4px;height:4px;background:#84d4b9;border-radius:50%;}
.concept-panel {min-width:0;overflow:hidden;border:1px solid #395d62;border-radius:23px;background:linear-gradient(150deg,#172e3a,#0e1d2b 85%);box-shadow:0 36px 100px #0007,0 0 40px #85e6c011;transform:rotate(1.5deg);}
.panel-top {display:flex;align-items:center;gap:15px;padding:16px 20px;border-bottom:1px solid #2e454f;color:#93aeb6;font-size:11px;font-weight:600;}
.window-dots {display:flex;gap:5px;}.window-dots b {width:7px;height:7px;background:#62888d;border-radius:50%;}.window-dots b:first-child{background:#77e6c7;}
.panel-tag {margin-left:auto;color:var(--mint);font-size:9px;letter-spacing:.1em;}
.panel-body {padding:36px 31px 31px;}
.avatar {border:1px solid #34685e;border-radius:19px;width:64px;height:64px;display:grid;place-items:center;background:#1c4948;box-shadow:0 0 60px #3b9d7755;}
.avatar-center {width:42px;height:42px;display:grid;place-items:center;background:#90f0ca;color:#10302b;font-weight:900;font-size:24px;border-radius:13px;}
.panel-intro {display:flex;flex-direction:column;gap:4px;margin-top:18px;}.panel-intro strong {font-size:18px;letter-spacing:-.025em;}.panel-intro small {font-size:12px;color:#9cbbc0;}
.sample-question {margin:30px 0 12px 28px;background:#233b4b;border:1px solid #426071;color:#e1eef1;border-radius:14px 14px 4px 14px;padding:15px 17px;font-size:12px;}
.sample-answer {display:flex;gap:12px;border:1px solid #315856;border-radius:14px 14px 14px 4px;background:#19323b;padding:16px 14px;}
.sample-answer>div {flex:1;min-width:0;}.assistant-indicator {width:26px;height:26px;flex:0 0 26px;display:grid;place-items:center;background:#6be2c1;color:#0b2e29;font-weight:900;font-size:12px;border-radius:9px;}
.answer-line {display:block;background:linear-gradient(90deg,#5c8790,#365e67);border-radius:5px;height:7px;margin:5px 0 10px;}.answer-line.w-90{width:90%;}.answer-line.w-100{width:100%;}.answer-line.w-62{width:62%;}
.source-note {margin-top:17px;border-top:1px solid #426065;padding-top:12px;color:#80dabe;font-size:10px;}.source-icon{margin-right:7px;}
.panel-pills {display:flex;gap:6px;flex-wrap:wrap;margin-top:20px;}.panel-pills span{border:1px solid #3c6764;border-radius:7px;padding:6px 8px;font-size:9px;font-weight:800;letter-spacing:.08em;color:#9cd9ca;}
.panel-footer {display:flex;gap:10px;align-items:center;color:#99b3b6;font-size:10px;padding:15px 24px;border-top:1px solid #2e454f;}
.value-section,.workflow-section {padding-top:38px;padding-bottom:78px;}
.section-kicker {margin-bottom:18px;}
.section-header {display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:30px;}
h2 {font-weight:800;letter-spacing:-.055em;line-height:1.18;font-size:clamp(30px,3.1vw,44px);margin:0;max-width:600px;}
.section-header p {margin:0;max-width:420px;min-width:280px;color:var(--muted);font-size:13px;line-height:1.8;}
.value-grid,.step-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
.feature,.step {background:#142633b3;border:1px solid #2f4952;border-radius:15px;padding:29px 26px;}
.feature-symbol {font-weight:800;letter-spacing:.15em;color:#6ed8bb;font-size:11px;}
h3 {font-size:19px;line-height:1.3;letter-spacing:-.03em;margin:21px 0 12px;}
.feature p,.step p {font-size:13px;color:var(--muted);line-height:1.8;margin-bottom:0;}
.workflow-section {border-top:1px solid #203842;}
.step {background:linear-gradient(165deg,#1a3440,#122632);}
.step-head {display:flex;align-items:center;justify-content:space-between;color:#89e4c8;font-size:13px;font-weight:800;}.step-glyph{font-size:30px;color:#82d9d2;font-weight:400;}
.roadmap-note {display:flex;gap:11px;align-items:start;color:#a8c0bd;background:#142d34;border:1px solid #2a524b;border-radius:12px;padding:14px 17px;font-size:12px;margin-top:15px;}
.small-icon {border:1px solid #8dc2a8;width:17px;height:17px;border-radius:50%;text-align:center;line-height:16px;flex:0 0 17px;font-weight:800;font-size:10px;}
.progress-section {display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:60px 40px;border:1px solid #355658;border-radius:23px;background:linear-gradient(120deg,#153e3e,#10232f 70%);margin-bottom:85px;}
.progress-content>p {font-size:14px;line-height:1.9;color:#adc3c6;margin:22px 0 28px;}
.stage-meta {display:flex;align-items:center;gap:15px;flex-wrap:wrap;color:#a3bbbd;font-size:11px;}
.stage-pill {display:inline-flex;align-items:center;gap:8px;border:1px solid #3e7771;border-radius:40px;padding:6px 9px;font-size:9px;font-weight:900;letter-spacing:.08em;color:#a3ead5;}
.milestone-list {border-left:1px solid #426466;padding-left:25px;}
.milestone {display:flex;align-items:center;gap:17px;padding:14px 0;}.milestone+ .milestone{border-top:1px solid #2c4a4d;}
.milestone-mark {width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;border:1px solid #617b78;border-radius:50%;color:#c8e0d6;}.milestone-mark.filled{background:#78e4be;border-color:#78e4be;color:#123329;font-weight:900;}
.milestone strong{display:block;font-size:13px;}.milestone small{font-size:11px;color:#9db6b9;}
.contact-section {display:flex;justify-content:space-between;align-items:center;gap:30px;padding:0 0 80px;}.contact-section p{max-width:400px;font-size:14px;color:var(--muted);margin:14px 0 0;}
.contact-action {display:flex;flex-direction:column;align-items:flex-end;gap:8px;}.email-address {font-weight:800;letter-spacing:-.03em;font-size:clamp(18px,2.2vw,26px);border-bottom:1px solid var(--mint);white-space:nowrap;}.email-address:hover{color:var(--mint);}.contact-hint{font-size:11px;color:#8faaab;}
.footer {display:flex;gap:20px;justify-content:space-between;flex-wrap:wrap;padding-block:30px 42px;border-top:1px solid #29424c;font-size:11px;color:#819da3;}.footer strong {color:#b4ccce;}.footer-divider{padding:0 8px;color:#547277;}
@media(max-width:1000px){.hero{gap:25px;}.concept-panel{transform:none;}.hero-notes{gap:8px;}.panel-body{padding:24px 18px;}.progress-section{gap:35px;padding:45px 28px;}}
@media(max-width:800px){.wrap{padding-inline:22px;}.site-header{min-height:80px;}.header-right nav{display:none;}.hero{grid-template-columns:1fr;gap:52px;padding-top:64px;padding-bottom:86px;}.hero-copy{max-width:650px;}.concept-panel{max-width:550px;width:100%;margin:auto;}.section-header{display:block;}.section-header p{margin-top:17px;max-width:620px;min-width:0;}.value-grid,.step-grid{grid-template-columns:1fr;}.feature,.step{padding:23px;}.feature h3,.step h3{margin-top:13px;}.value-section,.workflow-section{padding-block:40px 62px;}.progress-section{grid-template-columns:1fr;}.contact-section{align-items:start;flex-direction:column;}.contact-action{align-items:flex-start;}}
@media(max-width:440px){.wrap{padding-inline:17px;}.wordmark{font-size:15px;}.header-right{gap:8px;}.header-contact{padding:8px 10px;font-size:11px;}.hero{padding-top:45px;}.hero h1{font-size:44px;}.hero-lead{font-size:14px;}.hero-notes{font-size:10px;}.panel-tag{display:none;}.progress-section{padding:32px 18px;}.contact-action .email-address{font-size:19px;}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto;}}