:root { --a-bg:#102c24; --a-bg-deep:#0a211b; --a-panel:#15372d; --a-mint:#b7d7c3; --a-peach:#f0a77f; --a-paper:#f1ede3; }
.ai-page { background:var(--a-bg); color:var(--a-paper); }
.ai-page .page-shell { overflow:hidden; }
.ai-header { border-color:rgba(255,255,255,.13); }
.ai-page .brand-mark span { border-color:var(--a-paper); }
.ai-page .brand-en,.ai-page .nav-links>a:not(.nav-action) { color:rgba(255,255,255,.62); }
.ai-page .nav-links>a:not(.nav-action)::after { background:var(--a-paper); }
.ai-page .nav-action { border-color:rgba(255,255,255,.55); }
.ai-page .nav-action:hover { background:var(--a-paper); color:var(--a-bg); }
.ai-hero { min-height:760px; display:grid; grid-template-columns:minmax(0,1fr) minmax(440px,.9fr); gap:7%; align-items:center; padding:90px 5% 100px; }
.ai-page .eyebrow { color:var(--a-mint); }
.ai-hero h1 { margin:0; font-size:clamp(58px,6.3vw,92px); line-height:1.08; letter-spacing:-.06em; font-weight:600; }
.ai-hero h1 em { color:var(--a-peach); font-style:normal; }
.ai-lead { max-width:620px; margin:34px 0 0; color:rgba(255,255,255,.58); font-size:16px; line-height:2; }
.button-peach { background:var(--a-peach); color:#35251e; }
.internal-tag { display:flex; align-items:center; gap:9px; color:rgba(255,255,255,.45); font-size:10px; letter-spacing:.12em; }
.internal-tag i { width:7px; height:7px; border-radius:50%; background:#5bc989; box-shadow:0 0 0 5px rgba(91,201,137,.1); }
.automation-console { border:1px solid rgba(255,255,255,.13); border-radius:26px; background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.015)); box-shadow:0 40px 90px rgba(0,0,0,.22); }
.console-head { height:58px; display:flex; align-items:center; gap:20px; padding:0 22px; border-bottom:1px solid rgba(255,255,255,.1); font-size:9px; letter-spacing:.14em; color:rgba(255,255,255,.55); }
.console-head>span { display:flex; gap:5px; }.console-head>span i { width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.25);}.console-head>span i:first-child{background:var(--a-peach)}
.console-head small { margin-left:auto; color:#72d69b; }
.console-stage { position:relative; min-height:430px; }
.radar { position:absolute; width:230px; height:230px; left:calc(50% - 115px); top:calc(50% - 115px); display:grid; place-items:center; border:1px solid rgba(183,215,195,.23); border-radius:50%; }
.radar::before,.radar::after { content:""; position:absolute; inset:16%; border:1px solid rgba(183,215,195,.13); border-radius:50%; }.radar::after{inset:-28%;border-style:dashed;animation:spin 26s linear infinite}
.radar-center { width:85px;height:85px;display:grid;place-items:center;border-radius:50%;background:var(--a-peach);color:#253b32;font-size:25px;font-weight:600;box-shadow:0 0 50px rgba(240,167,127,.18); }
.radar>i { position:absolute;width:8px;height:8px;border-radius:50%;background:var(--a-mint);}.radar>i:nth-child(2){top:5%;left:23%}.radar>i:nth-child(3){right:5%;bottom:25%;background:var(--a-peach)}.radar>i:nth-child(4){left:2%;bottom:31%}
.signal { position:absolute; min-width:125px; padding:12px 14px; border:1px solid rgba(255,255,255,.12); border-radius:13px; background:rgba(9,33,27,.9); }.signal b,.signal span,.signal small{display:block}.signal b{color:var(--a-peach);font-size:9px}.signal span{margin-top:6px;font-size:12px}.signal small{margin-top:3px;color:rgba(255,255,255,.35);font-size:8px;letter-spacing:.1em}.signal-a{left:5%;top:12%}.signal-b{right:4%;top:19%}.signal-c{right:12%;bottom:8%}
.console-foot { display:grid; grid-template-columns:repeat(3,1fr); padding:17px 20px; border-top:1px solid rgba(255,255,255,.1); color:rgba(255,255,255,.38); font-size:9px; }.console-foot span{text-align:center;border-left:1px solid rgba(255,255,255,.09)}.console-foot span:first-child{border:0}.console-foot b{margin-left:6px;color:#77d79d}
.capability-strip { display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:130px;border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14); }.capability-strip div{min-height:145px;padding:30px;border-left:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column}.capability-strip div:first-child{border:0}.capability-strip b{color:var(--a-peach);font-size:10px}.capability-strip span{margin-top:auto;font-size:18px}.capability-strip small{margin-top:7px;color:rgba(255,255,255,.38);font-size:10px}
.feature-section { padding:0 4% 140px; }
.feature-heading { display:grid;grid-template-columns:1.4fr .6fr;align-items:end;gap:10%;margin-bottom:55px; }.section-no{margin:0 0 24px;color:var(--a-peach);font-size:10px;letter-spacing:.18em}.feature-heading h2,.architecture h2,.ai-cta h2{margin:0;font-size:clamp(42px,5vw,72px);line-height:1.18;letter-spacing:-.05em}.feature-heading h2 span{color:var(--a-mint)}.feature-heading>p{margin:0 0 8px;color:rgba(255,255,255,.5);font-size:14px;line-height:1.9}
.benefit-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:14px; }.benefit-card{min-height:330px;padding:30px;border:1px solid rgba(255,255,255,.11);border-radius:22px;background:rgba(255,255,255,.045);display:flex;flex-direction:column;transition:.25s}.benefit-card:hover{transform:translateY(-4px);border-color:rgba(240,167,127,.4)}.benefit-card:not(.benefit-wide):not(.benefit-dark):hover{background:rgba(255,255,255,.065)}.benefit-wide{grid-column:span 2;background:var(--a-paper);color:#17342a}.benefit-wide:hover{background:#faf7ef;border-color:rgba(23,52,42,.28)}.benefit-dark{background:var(--a-peach);color:#2a302a}.benefit-dark:hover{background:#f4b18c;border-color:rgba(23,52,42,.24)}.benefit-index{font-size:9px;letter-spacing:.15em;opacity:.45}.benefit-symbol{width:48px;height:48px;display:grid;place-items:center;margin:36px 0 22px;border:1px solid currentColor;border-radius:15px;color:var(--a-peach);font-size:13px}.benefit-wide .benefit-symbol,.benefit-dark .benefit-symbol{color:var(--a-bg)}.benefit-card h3{margin:0;font-size:21px}.benefit-card p{margin:15px 0 0;color:rgba(255,255,255,.54);font-size:13px;line-height:1.9}.benefit-wide p{color:rgba(20,49,39,.7)}.benefit-dark p{color:rgba(20,49,39,.78)}.pill-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto}.pill-row span{padding:7px 11px;border:1px solid rgba(20,49,39,.18);border-radius:999px;font-size:9px}.code-line{margin-top:auto;font-size:9px;letter-spacing:.12em;color:rgba(20,49,39,.6)}
.framework-section { padding-top:120px;background:var(--a-paper);color:#163429;border-radius:36px; }.framework-section .section-no{color:#9c674c}.framework-section .feature-heading h2 span{color:#557b68}.framework-section .feature-heading>p{color:#68746c}.framework-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:8%;align-items:center}.framework-flow{position:relative;aspect-ratio:1;max-width:560px}.flow-ring{position:absolute;border:1px solid rgba(21,55,45,.18);border-radius:50%}.ring-outer{inset:10%}.ring-inner{inset:25%;border-style:dashed;animation:spin 30s linear infinite}.flow-core{position:absolute;inset:35%;border-radius:50%;background:var(--a-bg);color:white;display:grid;place-content:center;text-align:center}.flow-core b{font-size:48px}.flow-core span{font-size:8px;letter-spacing:.22em;color:var(--a-mint)}.flow-point{position:absolute;min-width:118px;padding:13px 16px;border:1px solid rgba(21,55,45,.15);border-radius:14px;background:#faf7ef;box-shadow:0 15px 40px rgba(17,52,41,.08)}.flow-point b,.flow-point small{display:block}.flow-point b{font-size:12px}.flow-point small{margin-top:4px;color:#7a847c;font-size:9px}.fp-a{left:0;top:20%}.fp-b{right:0;top:16%}.fp-c{right:2%;bottom:16%}.fp-d{left:2%;bottom:15%}.framework-list article{display:grid;grid-template-columns:50px 1fr;gap:20px;padding:27px 0;border-bottom:1px solid rgba(21,55,45,.15)}.framework-list article:first-child{border-top:1px solid rgba(21,55,45,.15)}.framework-list article>span{color:#a27058;font-size:10px}.framework-list h3{margin:0 0 8px;font-size:19px}.framework-list p{margin:0;color:#68746c;font-size:13px;line-height:1.85}
.support-section{margin:0 2%;padding:120px 5%;border:1px solid rgba(255,255,255,.08);border-radius:36px;background:var(--a-bg-deep)}.support-heading{display:grid;grid-template-columns:1.25fr .75fr;align-items:end;gap:9%;margin-bottom:55px}.support-heading h2{margin:0;font-size:clamp(42px,5vw,72px);line-height:1.18;letter-spacing:-.05em}.support-heading h2 span{color:var(--a-mint)}.support-heading>p{margin:0 0 8px;color:rgba(255,255,255,.64);font-size:14px;line-height:1.9}.support-flow{display:grid;grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr) 22px minmax(0,1fr) 22px minmax(0,1fr) 22px minmax(0,1fr);align-items:stretch}.support-flow>i{display:grid;place-items:center;color:var(--a-peach);font-style:normal;text-align:center}.support-step{min-height:310px;padding:24px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:rgba(255,255,255,.045);display:flex;flex-direction:column}.support-index{font-size:9px;letter-spacing:.15em;color:rgba(255,255,255,.48)}.support-icon{width:46px;height:46px;margin:32px 0 24px;display:grid;place-items:center;border:1px solid currentColor;border-radius:14px;color:var(--a-peach);font-size:11px}.support-step h3{margin:auto 0 0;font-size:18px;line-height:1.45}.support-step p{margin:13px 0 20px;color:rgba(255,255,255,.66);font-size:12px;line-height:1.8}.support-step b{margin-top:auto;color:var(--a-mint);font-size:8px;letter-spacing:.13em}.support-step-ai{background:var(--a-peach);color:#24352d;border-color:transparent}.support-step-ai .support-index,.support-step-human .support-index{color:rgba(20,49,39,.55)}.support-step-ai .support-icon,.support-step-human .support-icon{color:var(--a-bg)}.support-step-ai p{color:rgba(20,49,39,.82)}.support-step-ai b{color:rgba(20,49,39,.72)}.support-step-human{background:var(--a-paper);color:#17342a;border-color:transparent}.support-step-human p{color:rgba(20,49,39,.76)}.support-step-human b{color:#557b68}.support-promise{margin-top:16px;padding:46px;display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:8%;border-radius:24px;background:var(--a-mint);color:#17342a}.support-promise>div>p{margin:0 0 18px;font-size:9px;letter-spacing:.16em;color:#557b68}.support-promise h3{margin:0;font-size:clamp(30px,3.2vw,48px);line-height:1.28;letter-spacing:-.04em}.support-promise-copy>p{margin:0;color:rgba(20,49,39,.76);font-size:14px;line-height:1.9}.support-promise-copy>div{display:flex;flex-wrap:wrap;gap:7px;margin-top:25px}.support-promise-copy span{padding:8px 12px;border:1px solid rgba(20,49,39,.2);border-radius:999px;font-size:9px}
.architecture { padding:140px 4%; }.architecture-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:55px}.product-line{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center}.product-line article{min-height:230px;padding:25px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:rgba(255,255,255,.035);display:flex;flex-direction:column}.product-line article>span{color:var(--a-peach);font-size:9px}.product-line h3{margin:auto 0 8px;font-size:20px}.product-line p{margin:0;color:rgba(255,255,255,.44);font-size:11px;line-height:1.65}.product-line b{margin-top:19px;color:var(--a-mint);font-size:8px;letter-spacing:.15em}.product-line>i{padding:0 10px;color:var(--a-peach);font-style:normal}
.ai-cta{margin:0 4% 35px;padding:90px 7%;border-radius:30px;background:var(--a-peach);color:#18352b}.ai-cta>p{margin:0 0 25px;font-size:9px;letter-spacing:.18em}.ai-cta>div{display:flex;align-items:center;gap:28px;margin-top:42px}.ai-cta .button{background:var(--a-bg);color:white}.ai-cta>div>a:not(.button){font-size:12px}.ai-cta>div>a span{margin-left:7px}.ai-footer{border-color:rgba(255,255,255,.12)}
@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1100px){.support-flow{grid-template-columns:1fr 1fr;gap:14px}.support-flow>i{display:none}.support-step:last-of-type{grid-column:1/-1}}
@media(max-width:960px){.ai-hero{grid-template-columns:1fr;padding-top:75px}.automation-console{width:min(100%,620px);margin:20px auto 0}.feature-heading,.support-heading{grid-template-columns:1fr}.feature-heading>p,.support-heading>p{max-width:620px;margin-top:26px}.benefit-grid{grid-template-columns:1fr 1fr}.framework-layout{grid-template-columns:1fr}.framework-flow{margin:0 auto}.support-promise{grid-template-columns:1fr;gap:32px}.product-line{grid-template-columns:1fr 1fr;gap:12px}.product-line>i{display:none}}
@media(max-width:640px){.ai-hero{min-height:auto;padding:62px 5% 75px}.ai-hero h1{font-size:46px}.ai-lead{font-size:14px}.ai-hero .hero-actions{align-items:flex-start}.automation-console{margin-top:24px}.console-stage{min-height:330px}.radar{width:180px;height:180px;left:calc(50% - 90px);top:calc(50% - 90px)}.signal{min-width:105px;padding:9px}.signal-c{right:4%}.console-foot{padding:13px 5px}.console-foot span{font-size:8px}.console-foot b{display:block;margin:3px 0 0}.capability-strip{grid-template-columns:1fr 1fr;margin-bottom:90px}.capability-strip div{min-height:125px;padding:20px}.capability-strip div:nth-child(3){border-top:1px solid rgba(255,255,255,.12);border-left:0}.capability-strip div:nth-child(4){border-top:1px solid rgba(255,255,255,.12)}.feature-section{padding:0 3% 90px}.feature-heading h2,.support-heading h2,.architecture h2,.ai-cta h2{font-size:38px}.benefit-grid{grid-template-columns:1fr}.benefit-wide{grid-column:auto}.benefit-card{min-height:300px}.framework-section{padding-top:80px;border-radius:25px}.framework-flow{width:100%}.flow-point{min-width:100px;padding:10px}.flow-point small{display:none}.framework-list article{grid-template-columns:36px 1fr}.support-section{margin:0;padding:80px 6%;border-radius:25px}.support-flow{grid-template-columns:1fr}.support-step{min-height:270px}.support-step:last-of-type{grid-column:auto}.support-promise{padding:30px 24px}.architecture{padding:90px 3%}.product-line{grid-template-columns:1fr}.product-line article{min-height:190px}.ai-cta{padding:65px 8%}.ai-cta>div{align-items:flex-start;flex-direction:column}.ai-footer{padding-bottom:40px}}
@media(prefers-reduced-motion:reduce){.radar::after,.ring-inner{animation:none}}