@charset "UTF-8";
:root{--ink:#102d36;--navy:#071f29;--deep:#061a23;--mint:#a8e6d4;--teal:#126b65;--paper:#f5f5f0;--muted:#697b7b;--line:rgba(27,60,62,.14);--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:76px}body{margin:0;background:var(--navy);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{cursor:default;opacity:.3}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid #54bda5;outline-offset:6px}button{border:0}p,h1,h2,h3{margin:0}button svg{pointer-events:none}::selection{background:#a8e6d4;color:#071f29}.container{width:min(1240px,calc(100% - 144px));margin-inline:auto}.dark{background:var(--navy);color:#f0f4ef}.light{background:var(--paper)}.section{padding:104px 0;position:relative;overflow:hidden}.section-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:48px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:550;line-height:1.8}.section-top .eyebrow{color:#428379}.section-meta{font-size:12px;color:#7d8e8b;letter-spacing:.5px}.dark .section-top .eyebrow{color:#8dbbb1}.dark .section-meta{color:#829b9e}.split-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:58px}h2{font-size:clamp(34px,3.5vw,50px);font-weight:500;line-height:1.45;letter-spacing:-1.5px}.split-heading>p{font-size:15px;line-height:2;color:#71807d;max-width:470px;padding-bottom:8px}.dark .split-heading>p{color:#9baeb0}.micro-label{font-size:10px;letter-spacing:1.8px;font-weight:550}.fine-print{font-size:11px;color:#849b9d;line-height:1.9}.text-link{background:transparent;padding:0;display:inline-flex;align-items:center;gap:22px;font-size:13px;line-height:1.8}.text-link>span{font-size:20px;transition:transform .3s}.text-link:hover>span{transform:translate(4px,-2px)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:48px;padding:17px 24px;font-size:13px;letter-spacing:.5px;transition:background .25s,transform .25s}.button:hover{transform:translateY(-3px)}.button.primary{background:var(--mint);color:#153e3f}.button.primary:hover{background:#c2f2e3}.button>span{font-size:20px}.skip-link{position:fixed;top:-80px;left:20px;background:var(--mint);padding:15px;z-index:500}.skip-link:focus{top:12px}
/* Navigation */
.site-header{height:82px;position:fixed;z-index:90;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 4.9%;color:#e9f0ec;transition:background .3s,color .3s,border-color .3s;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(7,31,41,.68);backdrop-filter:blur(18px)}.site-header.light-header{background:rgba(245,245,240,.9);color:var(--ink);border-color:var(--line)}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.brand>svg{width:35px;height:39px;fill:none;stroke:currentColor;stroke-width:1.3}.brand>span{font-size:23px;font-weight:600;letter-spacing:3px;line-height:1.2}.brand small{display:block;font-size:7px;letter-spacing:2px;margin-top:5px;font-weight:500}.desktop-nav{display:flex;gap:29px;margin-left:20px}.desktop-nav a{font-size:12px;opacity:.65;transition:opacity .2s;position:relative}.desktop-nav a:hover,.desktop-nav a.active{opacity:1}.desktop-nav a.active:after{content:"";position:absolute;bottom:-29px;left:0;right:0;height:2px;background:var(--mint)}.header-actions{display:flex;align-items:center;gap:19px}.icon-button{display:grid;place-items:center;width:32px;height:32px;background:transparent}.icon-button svg{width:17px;fill:none;stroke:currentColor;stroke-width:1.5}.presentation-toggle{background:transparent;border:1px solid rgba(160,184,181,.3);display:flex;align-items:center;gap:9px;padding:9px 12px;font-size:11px}.screen-icon{width:13px;height:9px;border:1px solid currentColor;position:relative}.screen-icon:after{content:"";position:absolute;height:3px;border-left:1px solid;bottom:-4px;left:5px}.menu-toggle{display:none}.mobile-nav[hidden]{display:none}.mobile-nav{position:fixed;z-index:89;inset:76px 0 auto;background:var(--deep);color:#fff;padding:24px;display:grid;grid-template-columns:1fr 1fr;gap:20px;font-size:14px}.scroll-progress{position:fixed;z-index:100;top:81px;height:1px;left:0;right:0;pointer-events:none}.scroll-progress i{display:block;height:100%;width:0;background:var(--mint)}
/* Hero */
.hero{min-height:810px;height:100svh;max-height:1100px;position:relative;overflow:hidden;display:flex;align-items:center;background:radial-gradient(ellipse at 78% 46%,#123b42 0%,#09232e 37%,#071e28 70%)}.hero-grid{position:absolute;inset:82px 0 0;background-image:linear-gradient(rgba(153,208,197,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(153,208,197,.035) 1px,transparent 1px);background-size:90px 90px;mask-image:linear-gradient(to right,transparent 30%,black);pointer-events:none}.hero-inner{position:relative;z-index:2;padding-top:12px;pointer-events:none}.hero-inner a{pointer-events:auto}.hero .eyebrow{font-size:11px;letter-spacing:2px;color:#a2c4bd;display:flex;align-items:center;gap:12px;margin-bottom:32px}.status-dot{width:5px;height:5px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 5px rgba(168,230,212,.08)}h1{font-weight:500;font-size:clamp(52px,5.4vw,78px);letter-spacing:-2px;line-height:1.3;margin-left:-4px}h1 em{font-style:normal;color:var(--mint)}.hero-description{font-size:15px;line-height:2.15;color:#a3b5b6;margin-top:28px;letter-spacing:.4px}.hero-buttons{display:flex;gap:34px;align-items:center;margin-top:38px}.hero-buttons .text-link{font-size:12px;color:#bdcfca}.hero-footnote{display:flex;gap:15px;align-items:center;margin-top:59px;color:#7f999a;font-size:11px}.hero-footnote i{width:3px;height:3px;border-radius:50%;background:#517274}.hero-visual{position:absolute;width:66%;height:77%;right:-8%;top:12%;pointer-events:none}.hero-visual canvas{position:absolute;width:100%;height:100%;inset:0}.orbital{position:absolute;border:1px solid rgba(169,227,212,.08);border-radius:50%;width:56%;aspect-ratio:1;left:25%;top:16%;transform:rotateX(55deg) rotateZ(-25deg)}.orbital-two{width:75%;left:13%;top:5%;transform:rotateX(55deg) rotateZ(25deg)}.wave-caption{position:absolute;bottom:12%;left:29%;color:#8ab6ae;font-size:8px;letter-spacing:3px}.visual-coordinate{position:absolute;top:10%;right:22%;font-size:8px;line-height:1.9;letter-spacing:1.5px;color:#5f8585}.hero-bottom{position:absolute;inset:auto 0 29px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#8ca4a5;border-top:1px solid rgba(164,203,195,.14);padding-top:25px;letter-spacing:1px}.hero-bottom b{font-weight:500;margin-left:15px;color:#d1deda}.hero-bottom .edition{font-size:8px;letter-spacing:1.6px}.scroll-cue{display:flex;align-items:center;gap:12px}.scroll-cue>span:last-child{margin-left:20px}.mouse-outline{width:13px;height:20px;border:1px solid #6d9292;border-radius:10px;position:relative}.mouse-outline:after{content:"";width:1px;height:5px;background:var(--mint);position:absolute;left:5px;top:4px;animation:scrollcue 2s ease infinite}@keyframes scrollcue{50%{transform:translateY(4px);opacity:.3}}
/* Opportunity */
.pain-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.pain-grid article{padding:28px 28px 25px;position:relative;transition:background .35s}.pain-grid article:first-child{padding-left:0}.pain-grid article:last-child{padding-right:0}.pain-grid article+article{border-left:1px solid var(--line)}.pain-no{font-size:10px;letter-spacing:1px;color:#81958f}.pain-symbol{height:82px;margin:24px 0 16px;position:relative;width:100px;transition:transform .5s}.pain-symbol i{position:absolute;background:#689b8b;opacity:.6;transition:transform .6s var(--ease),opacity .3s}.pain-grid article:hover .pain-symbol{transform:translateY(-6px)}.pain-grid article:hover .pain-symbol i{opacity:1}.scattered i{width:19px;height:19px;border-radius:2px;transform:rotate(-12deg)}.scattered i:nth-child(1){top:0;left:4px}.scattered i:nth-child(2){top:14px;left:47px}.scattered i:nth-child(3){top:54px;left:10px}.scattered i:nth-child(4){top:49px;left:64px}.scattered i:nth-child(5){top:32px;left:29px}.pain-grid article:hover .scattered i{transform:rotate(0)}.uneven i{width:8px;bottom:7px;border-radius:2px}.uneven i:nth-child(1){height:28px;left:0}.uneven i:nth-child(2){height:66px;left:20px}.uneven i:nth-child(3){height:44px;left:40px}.uneven i:nth-child(4){height:54px;left:60px}.uneven i:nth-child(5){height:35px;left:80px}.fragmented i{width:32px;height:32px;background:transparent;border:1px solid #639e8b}.fragmented i:nth-child(2){left:40px;top:3px}.fragmented i:nth-child(3){top:40px;left:3px}.fragmented i:nth-child(4){top:43px;left:43px;border-style:dashed;opacity:.4}.still i{width:75px;height:27px;border:1px solid #609c88;background:rgba(96,156,136,.06);border-radius:50%;top:3px}.still i:nth-child(2){top:23px}.still i:nth-child(3){top:43px}.pain-grid h3{font-size:30px;font-weight:500;margin-bottom:16px}.pain-grid h3 small{display:block;margin-top:7px;font-size:14px;font-weight:500}.pain-grid p{font-size:12px;line-height:1.9;color:#768580;max-width:220px;min-height:48px}.pain-result{margin-top:32px;padding-top:17px;border-top:1px solid var(--line);font-size:11px;display:flex;justify-content:space-between;gap:8px;color:#2c7265}.pain-result span{font-size:15px}.vision-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:34px;align-items:center}.vision-bottom p{font-size:13px}.vision-bottom>span{font-size:10px;color:#71827a}.vision-bottom b{font-weight:400;color:#bdc9c0;margin-inline:10px}
/* Architecture */
.architecture{background:radial-gradient(ellipse at 15% 70%,#103840,var(--navy) 60%)}.architecture-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:85px;align-items:start}.stack-diagram{position:relative;padding-left:40px;padding-top:22px}.stack-layer{display:flex;align-items:center;text-align:left;width:100%;height:84px;padding:15px 22px;background:linear-gradient(110deg,rgba(119,178,168,.07),rgba(119,178,168,.025));border:1px solid rgba(133,191,178,.19);position:relative;transition:background .4s,border-color .4s,transform .4s;transform:perspective(1000px) rotateY(10deg) rotateX(5deg);box-shadow:0 8px 0 rgba(1,17,24,.28)}.stack-layer:after{content:"";position:absolute;inset:auto 0 -9px;height:8px;border:1px solid rgba(133,191,178,.1);border-top:0;background:rgba(119,178,168,.02);transform:skewX(-30deg);transform-origin:top left}.stack-layer.active{border-color:#8cb9aa;background:linear-gradient(105deg,rgba(153,221,198,.19),rgba(102,168,155,.055));transform:perspective(1000px) rotateY(0) rotateX(0) translateX(6px)}.layer-number{font-size:12px;color:#6fa694;margin-right:22px}.layer-name{font-size:19px;letter-spacing:1px;white-space:nowrap}.layer-name small{display:block;font-size:7px;color:#789b98;letter-spacing:1.3px;margin-top:8px}.layer-tags{font-size:10px;color:#6f9390;margin-left:auto;padding-left:10px}.layer-arrow{margin-left:20px;font-size:17px;color:#638a81}.active .layer-arrow,.active .layer-number{color:var(--mint)}.stack-connector{height:28px;display:flex;justify-content:space-evenly;padding-inline:50px}.stack-connector i{width:1px;position:relative;background:rgba(168,230,212,.12);overflow:hidden}.stack-connector i:after{content:"";position:absolute;width:1px;height:12px;background:var(--mint);top:100%;animation:upflow 2.6s linear infinite}.stack-connector i:nth-child(2):after{animation-delay:-.8s}.stack-connector i:nth-child(3):after{animation-delay:-1.5s}@keyframes upflow{to{top:-50%}}.stack-axis{position:absolute;left:0;top:23px;bottom:66px;display:flex;align-items:center;flex-direction:column;gap:15px}.stack-axis span{writing-mode:vertical-rl;font-size:7px;letter-spacing:2px;color:#668982}.stack-axis i{width:1px;background:linear-gradient(var(--mint),transparent);height:100%;position:relative}.stack-axis i:before{content:"↑";position:absolute;top:-8px;left:-4px;color:var(--mint);font-size:12px}.interaction-hint{font-size:10px;color:#668b86;margin-top:28px;display:flex;align-items:center;gap:8px}.detail-heading{display:flex;align-items:center;justify-content:space-between;height:50px}.detail-kicker{font-size:9px;letter-spacing:1px;color:#8ebeb0}.detail-index{font-size:55px;font-weight:200;line-height:1;color:rgba(168,230,212,.15);font-family:Georgia,serif}.layer-detail h3{font-size:26px;line-height:1.6;font-weight:450;margin:14px 0}.detail-description{font-size:12px;color:#9db4b1;line-height:1.9}.capability-list{padding:0;margin:24px 0 0;list-style:none}.capability-list li{display:flex;gap:24px;font-size:11px;padding:12px 0;border-top:1px solid rgba(156,193,184,.13)}.capability-list b{font-weight:500;min-width:75px;color:#d4e1da}.capability-list span{color:#829f99;line-height:1.8}.deliverable{margin-top:20px;border-left:2px solid #76ad98;padding-left:16px}.deliverable>span{font-size:9px;letter-spacing:1px;color:#90b9aa}.deliverable p{font-size:11px;line-height:1.9;color:#b7c9c0;margin-top:6px}
/* Flow */
.process{background:var(--deep);border-top:1px solid rgba(167,218,197,.08)}.center-heading{text-align:center}.center-heading>.micro-label{color:#8bb8a8}.center-heading h2{text-wrap:balance;margin-top:16px;font-size:42px}.center-heading p{font-size:13px;line-height:1.9;color:#87a2a0;margin-top:20px}.flow-map{height:260px;position:relative;margin-top:30px}.flow-map canvas{position:absolute;top:0;left:0;width:100%;height:200px}.flow-nodes{display:grid;grid-template-columns:repeat(5,1fr);position:relative;height:260px}.flow-node{background:none;display:flex;align-items:center;flex-direction:column;padding:35px 0 0;position:relative}.node-number{font-family:Georgia,serif;font-size:13px;color:#678e87;height:35px}.node-orbit{width:60px;height:60px;border:1px solid rgba(168,230,212,.14);border-radius:50%;display:grid;place-items:center;transition:border-color .3s,background .3s,box-shadow .3s;background:rgba(6,26,35,.65)}.node-orbit i{height:12px;width:12px;border:1px solid #608d80;border-radius:50%;background:#244840;box-shadow:0 0 0 6px rgba(116,183,163,.04);transition:background .3s,box-shadow .3s}.flow-node strong{font-size:17px;font-weight:450;margin-top:20px;color:#adbfba}.flow-node small{font-size:10px;color:#63857d;margin-top:8px}.flow-node.active .node-orbit{border-color:#70af98;background:rgba(105,172,147,.1);box-shadow:0 0 35px rgba(141,229,190,.1)}.flow-node.active .node-orbit i{background:#c5efd7;box-shadow:0 0 20px #8ccdb7}.flow-node.active strong{color:#d9f1e3}.flow-node.active small,.flow-node.active .node-number{color:#9ac4b2}.flow-detail{display:grid;grid-template-columns:1.3fr 1.3fr 1fr;align-items:center;gap:50px;padding:32px 0;border-top:1px solid #254139;border-bottom:1px solid #254139;min-height:160px}.flow-detail .micro-label{color:#7ba795;font-size:8px}.flow-detail h3{font-size:20px;font-weight:450;line-height:1.5;margin-top:13px}.flow-detail>p{font-size:12px;line-height:2;color:#8eaaa0}.flow-output{padding-left:32px;border-left:1px solid #254139}.flow-output>span{font-size:9px;letter-spacing:1px;color:#618878}.flow-output strong{display:block;font-size:12px;font-weight:400;line-height:1.9;margin-top:8px;color:#b4cfc1}.process .fine-print{margin-top:22px;font-size:10px;color:#58776c}
/* Cases */
.cases{padding-bottom:80px}.case-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line);margin-top:-2px}.case-tabs button{display:flex;justify-content:space-between;padding:18px 20px;background:transparent;text-align:left;font-size:13px;color:#87918a;border-bottom:2px solid transparent;margin-bottom:-1px;transition:background .2s,color .2s}.case-tabs button:first-child{padding-left:0}.case-tabs button small{font-size:9px}.case-tabs button[aria-selected=true]{color:#1d6555;border-color:#216951}.featured-case{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:50px 0 44px;min-height:346px}.case-story .micro-label{font-size:8px;color:#5b8b77}.case-story h3{font-size:26px;font-weight:500;margin-top:17px}.case-story p{font-size:12px;line-height:2;color:#758278;max-width:450px;margin-top:17px;min-height:72px}.case-tags{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}.case-tags span{font-size:9px;color:#5a7c67;border:1px solid #d7ded1;padding:5px 8px}.dark-link{color:#2d6955;font-size:11px}.case-story .text-link{margin-top:27px}.case-numbers{padding-left:40px;border-left:1px solid var(--line);display:flex;flex-direction:column;justify-content:center}.case-main-stat>span{font-size:11px;color:#758477}.case-main-stat>strong{display:block;font-family:"Helvetica Neue",Arial,sans-serif;font-size:clamp(42px,5vw,68px);font-weight:350;color:#215c49;letter-spacing:-3px;margin-top:9px;white-space:nowrap}.case-main-stat small{font-family:"PingFang SC",sans-serif;letter-spacing:0;font-size:13px;margin-left:12px;font-weight:400}.case-secondary{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:24px;padding-top:26px}.case-secondary>div>span{font-size:10px;color:#889082}.case-secondary strong{display:block;font-size:27px;font-weight:400;color:#365d48;margin-top:8px}.case-secondary small{font-size:11px;margin-left:5px}.case-line-icon{width:100px;color:#90ad91}.case-line-icon svg{width:100%;stroke:currentColor;stroke-width:1;fill:none}.case-source{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:25px;padding-top:20px}.case-source p{font-size:9px;line-height:1.8;color:#92998c;max-width:680px}.case-source .text-link{white-space:nowrap}.ecosystem{margin-top:55px;padding-top:28px;border-top:1px solid var(--line);display:grid;grid-template-columns:160px 1fr;align-items:center;gap:12px}.ecosystem>.micro-label{font-size:9px;color:#8b9789}.ecosystem>p{font-size:13px}.ecosystem>div{grid-column:2;display:flex;flex-wrap:wrap;gap:19px;align-items:center;font-size:11px;color:#526b58}.ecosystem i{font-style:normal;color:#adbaa9;font-size:9px}
/* Platform */
.platform{background:#eaece5;padding-top:90px}.platform-switcher{display:flex;gap:36px;margin-bottom:24px}.platform-switcher button{background:transparent;padding:8px 0;color:#8e9b8d;display:flex;gap:12px;align-items:center;font-size:9px;position:relative}.platform-switcher button span{font-size:13px}.platform-switcher button[aria-selected=true]{color:#245c48}.platform-switcher button[aria-selected=true]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:#386c54}.platform-frame{border:1px solid #b8c7b8;border-radius:7px 7px 0 0;overflow:hidden;box-shadow:0 30px 70px -35px #5a6e5c55;transform-origin:50% 100%}.browser-chrome{height:42px;background:#dfe5dc;display:flex;align-items:center;justify-content:space-between;padding:0 17px;color:#778d7b;font-size:9px;letter-spacing:.4px}.browser-chrome>span:first-child{display:flex;gap:5px}.browser-chrome i{width:6px;height:6px;background:#a6b5a5;border-radius:50%}.browser-chrome button{background:none;font-size:19px;width:24px}.screenshot-button{display:block;position:relative;padding:0;width:100%;background:#f8f8f4;overflow:hidden;aspect-ratio:2.02}.screenshot-button img{width:100%;height:100%;object-fit:contain;object-position:top;display:block;transition:transform .7s var(--ease)}.screenshot-button:hover img{transform:scale(1.015)}.image-zoom-hint{position:absolute;bottom:20px;right:20px;background:rgba(7,31,41,.85);color:#dcebe1;padding:10px 15px;font-size:10px;opacity:0;transform:translateY(8px);transition:.25s;backdrop-filter:blur(12px)}.screenshot-button:hover .image-zoom-hint,.screenshot-button:focus-visible .image-zoom-hint{opacity:1;transform:none}.platform-caption{display:flex;justify-content:space-between;gap:30px;margin-top:23px;font-size:11px;color:#657d68}.platform-caption>span{font-size:9px;color:#8b9a89}
/* Roadmap */
.delivery{background:#0a252d}.roadmap-layout{display:grid;grid-template-columns:1.8fr 1fr;gap:60px}.month-axis{margin-left:136px;display:grid;grid-template-columns:repeat(6,1fr);height:37px;align-items:start;color:#6d9991;font-size:10px;text-align:center}.gantt-grid{position:relative}.gantt-grid:before{content:"";position:absolute;left:136px;right:0;top:0;bottom:0;background:repeating-linear-gradient(to right,rgba(151,191,178,.1) 0 1px,transparent 1px calc(100% / 6));pointer-events:none}.gantt-row{display:grid;grid-template-columns:136px repeat(6,1fr);align-items:center;position:relative;width:100%;height:64px;background:transparent;text-align:left;border-top:1px solid rgba(150,185,174,.12);padding:0}.gantt-row>span{grid-column:1;font-size:11px;color:#74998c;transition:color .3s}.gantt-row>i{grid-column:calc(var(--start) + 2) / span var(--span);font-size:9px;font-style:normal;height:31px;background:rgba(131,180,158,.14);color:#84ae9a;display:flex;justify-content:center;align-items:center;border-left:2px solid #3c6c55;margin:0 5px;transition:background .3s,color .3s;position:relative;overflow:hidden;white-space:nowrap}.gantt-row.active>span{color:#d6e6d7}.gantt-row.active>i{background:#9ac7aa;color:#153e2e;border-color:#d1ecd8}.gantt-row.active>i:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,#ffffff30,transparent);animation:bar-shine 3s ease infinite}@keyframes bar-shine{to{transform:translateX(100%)}}.phase-detail{border-left:1px solid #2a493e;padding-left:38px;position:relative;padding-top:67px;min-height:357px}.phase-month{position:absolute;top:-7px;right:0;color:#254b3e;font-size:68px;font-weight:250}.phase-detail>.micro-label{font-size:9px;color:#79a28b}.phase-detail h3{font-size:24px;font-weight:450;margin:16px 0}.phase-detail>p{font-size:12px;line-height:2;color:#91ad9b}.phase-detail>div{border-top:1px solid #2a493e;margin-top:25px;padding-top:19px}.phase-detail>div>span{font-size:9px;color:#5c8b72}.phase-detail>div>p{font-size:11px;color:#abc5af;line-height:1.9;margin-top:9px}.delivery-bottom{border-top:1px solid #294a3c;margin-top:39px;padding-top:23px;display:flex;align-items:flex-start;justify-content:space-between;gap:36px}.delivery-bottom>span{font-size:10px;color:#95b3a0;line-height:1.9}.delivery-bottom i{font-style:normal;margin-inline:10px;color:#527b61}.delivery-bottom>p{font-size:9px;color:#587e67;max-width:390px;line-height:1.8}
/* Closing and utilities */
.contact{padding:114px 0 0;background:radial-gradient(ellipse at 50% 20%,#133e3c,#071f29 65%);position:relative}.contact canvas{position:absolute;inset:20% 0 auto;width:100%;height:65%;opacity:.5;pointer-events:none}.contact-inner{position:relative;text-align:center}.contact-inner>.eyebrow{color:#79a392;letter-spacing:3px}.contact h2{font-size:50px;line-height:1.5;margin-top:24px;letter-spacing:0}.contact-inner>p{font-size:13px;color:#91b0a3;margin-top:25px}.contact-actions{display:flex;align-items:center;justify-content:center;gap:35px;margin-top:34px}.contact-actions .text-link{font-family:"Helvetica Neue",Arial,sans-serif;font-size:19px;font-weight:300;letter-spacing:1px;color:#c2dbcd}.contact-services{display:flex;justify-content:center;gap:34px;margin-top:62px;font-size:10px;color:#688e7f}footer{position:relative;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:28px 0;border-top:1px solid #284939;margin-top:68px;color:#6c9180;font-size:9px}.footer-brand{font-size:16px;color:#adc9b8;font-weight:500;letter-spacing:2px}.footer-brand small{display:block;font-size:8px;letter-spacing:0;margin-top:7px;color:#6c9180}footer a{color:#a6c2af}.section-rail{position:fixed;right:22px;top:50%;transform:translateY(-50%);z-index:50;display:flex;flex-direction:column;gap:15px}.section-rail a{position:relative;width:15px;height:11px;display:flex;align-items:center;justify-content:center}.section-rail i{width:4px;height:4px;border-radius:50%;background:#6c9085;transition:transform .3s,box-shadow .3s}.section-rail a.active i{background:#a9ccae;box-shadow:0 0 0 4px #7f9e6b22}.section-rail span{position:absolute;right:25px;white-space:nowrap;font-size:9px;letter-spacing:.5px;background:#122e29;color:#dcebe0;padding:7px 10px;opacity:0;pointer-events:none;transform:translateX(4px);transition:.2s}.section-rail a:hover span,.section-rail a:focus-visible span{opacity:1;transform:none}.presentation-controls[hidden]{display:none}.presentation-controls{display:flex;align-items:center;gap:15px;position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:rgba(4,22,26,.93);border:1px solid #416052;color:#d7e5dc;padding:7px 12px;z-index:110;box-shadow:0 5px 30px #00181555;backdrop-filter:blur(14px)}.presentation-controls button{background:none;width:30px;height:30px;font-size:20px}.presentation-controls>span{font-size:10px;white-space:nowrap}.presentation-controls #presentation-position{color:#93b39e;font-size:9px}.presentation-controls #fullscreen-button{border-left:1px solid #42604d;padding-left:12px;width:42px}.presenting .section{min-height:100svh}.presenting .presentation-toggle{background:#92bda225}.reveal{opacity:1;transform:none}.js-motion .reveal{opacity:0;transform:translateY(20px);transition:opacity .8s var(--ease),transform 1s var(--ease)}.js-motion .reveal.in-view{opacity:1;transform:none}.motion-paused *, .motion-paused *:after,.motion-paused *:before{animation-play-state:paused!important}dialog{padding:0;border:1px solid #d0dbce;background:#f5f5ef;color:var(--ink);width:min(840px,calc(100% - 36px));max-height:86svh;box-shadow:0 30px 100px #00151c66}dialog::backdrop{background:#041b23cc;backdrop-filter:blur(8px)}.dialog-header{position:sticky;top:0;background:#f5f5ef;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:20px 28px;border-bottom:1px solid #d4ddce;font-size:12px}.dialog-close{font-size:26px;color:#5a7461}#dialog-body{padding:30px}#dialog-body h3{font-size:25px;font-weight:500;line-height:1.5;margin:4px 0 18px}#dialog-body p{font-size:13px;line-height:2;color:#6c8070}#dialog-body .dialog-eyebrow{font-size:9px;color:#55816c;letter-spacing:1px;margin-bottom:12px}#dialog-body .dialog-note{font-size:11px;background:#e7ece2;border-left:2px solid #7b9a75;padding:16px;margin-top:22px}#dialog-body .dialog-stats{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:24px 0;margin:20px 0;border-top:1px solid #d5dfcd;border-bottom:1px solid #d5dfcd}#dialog-body .dialog-stats span{display:block;font-size:11px;color:#7a8d74}#dialog-body .dialog-stats strong{display:block;font-size:28px;color:#235941;font-weight:450;margin-top:10px}#dialog-body .dialog-stats small{font-size:12px}dialog.image-dialog{width:min(1400px,95vw)}dialog.image-dialog #dialog-body{padding:0}#dialog-body img{display:block;width:100%;height:auto}.library-list{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}.library-item{padding:18px 0;border-bottom:1px solid #d7dfd0}.library-item h4{margin:0 0 8px;font-size:14px;font-weight:500}.library-item p{font-size:11px!important}.library-item>span{font-size:9px;color:#659073;display:block;margin-bottom:8px}#toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px);background:#eff4e9;color:#214531;padding:13px 22px;box-shadow:0 5px 25px #041d2633;font-size:12px;z-index:300;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s}#toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:1600px){.hero-visual{right:-1%;width:61%}.site-header{padding:0 max(5%,calc((100% - 1400px)/2))}}
@media(max-width:1150px){.container{width:calc(100% - 100px)}.desktop-nav{gap:18px}.header-actions{gap:10px}.site-header{padding:0 4.4%}.brand>span{font-size:20px}.brand>svg{width:30px}.hero{min-height:760px}.hero-visual{right:-15%;width:75%;opacity:.85}.hero-description{font-size:14px}.architecture-layout{gap:45px}.layer-tags{display:none}.featured-case{gap:35px}.case-numbers{padding-left:28px}.roadmap-layout{gap:35px}.flow-detail{gap:25px}.pain-grid article{padding-left:20px;padding-right:20px}.ecosystem>div{gap:13px}}
@media(max-width:900px){.container{width:calc(100% - 72px)}.desktop-nav{display:none}.site-header{height:72px}.scroll-progress{top:71px}.menu-toggle{display:grid}.section-rail{right:10px}.hero{height:900px;min-height:0;max-height:none;align-items:flex-start}.hero-inner{padding-top:160px}.hero-visual{height:60%;width:90%;right:-23%;top:37%;opacity:.7}.hero h1{font-size:66px}.hero-description{max-width:420px}.hero-footnote{margin-top:38px}.hero-bottom .edition{display:none}.section{padding:80px 0}.split-heading{gap:20px}.split-heading>p{font-size:12px;max-width:320px}.pain-grid{grid-template-columns:repeat(2,1fr)}.pain-grid article{padding:25px!important}.pain-grid article:nth-child(3){border-left:0;border-top:1px solid var(--line)}.pain-grid article:nth-child(4){border-top:1px solid var(--line)}.pain-grid p{max-width:100%}.pain-symbol{float:right;margin-top:16px}.pain-grid h3{margin-top:25px}.pain-result{margin-top:25px}.architecture-layout{gap:30px;grid-template-columns:1fr 1fr}.stack-layer{padding-inline:14px;height:80px}.layer-number{margin-right:12px;font-size:10px}.layer-name{font-size:16px}.layer-arrow{margin-left:auto}.layer-name small{font-size:6px}.stack-diagram{padding-left:20px}.layer-detail h3{font-size:23px}.capability-list li{gap:8px;flex-direction:column;padding:9px 0}.capability-list span{font-size:10px}.flow-detail{grid-template-columns:1fr 1.1fr}.flow-output{display:none}.flow-node strong{font-size:15px}.flow-node small{font-size:9px}.center-heading h2{font-size:34px}.featured-case{gap:28px}.case-story h3{font-size:22px}.case-main-stat>strong{font-size:43px;letter-spacing:-2px}.case-main-stat small{font-size:11px;margin-left:6px}.case-line-icon{width:65px}.case-secondary strong{font-size:24px}.roadmap-layout{grid-template-columns:1fr}.phase-detail{padding:24px 0 0;border-left:0;border-top:1px solid #294a3c;min-height:0;display:grid;grid-template-columns:1fr 1fr;column-gap:40px}.phase-detail .phase-month{font-size:45px;top:18px}.phase-detail>.micro-label,.phase-detail>h3,.phase-detail>p{grid-column:1}.phase-detail>div{grid-column:2;grid-row:2 / 4;margin-top:0;padding-top:0;border:0}.phase-detail h3{margin:14px 0}.delivery-bottom{flex-direction:column;gap:12px}.delivery-bottom>p{max-width:none}.contact{padding-bottom:0}.contact h2{font-size:43px}.contact-services{gap:20px}.vision-bottom{align-items:flex-start;flex-direction:column}.ecosystem{grid-template-columns:130px 1fr}.ecosystem>div{gap:9px;font-size:10px}.section-meta{font-size:10px}}
@media(max-width:600px){html{scroll-padding-top:70px}.container{width:calc(100% - 40px)}.site-header{padding:0 20px;height:70px}.scroll-progress{top:69px}.brand>span{font-size:18px}.brand>svg{width:28px}.brand small{font-size:6px;letter-spacing:1.5px}.header-actions{gap:5px}.presentation-toggle{font-size:10px;padding:8px}.presentation-toggle .screen-icon{display:none}.motion-button{width:27px}.section-rail{display:none}.hero{height:850px}.hero-inner{padding-top:132px}.hero .eyebrow{font-size:9px;letter-spacing:1px;margin-bottom:28px}h1,.hero h1{font-size:48px;line-height:1.4;letter-spacing:-1px}.hero-description{font-size:12px;line-height:2.1;max-width:320px;margin-top:23px}.hero-buttons{gap:23px;align-items:center;margin-top:28px}.button{font-size:12px;padding:14px 18px;gap:22px}.hero-buttons .text-link{font-size:10px;gap:10px}.hero-footnote{font-size:9px;gap:10px;margin-top:28px}.hero-visual{top:47%;height:42%;width:135%;right:-25%;opacity:.9}.wave-caption{font-size:6px;bottom:4%;left:32%;letter-spacing:1.8px}.visual-coordinate{display:none}.hero-bottom{bottom:24px;padding-top:20px;font-size:9px}.hero-bottom b{margin-left:8px}.section{padding:64px 0}.section-top{margin-bottom:30px}.eyebrow{font-size:9px;letter-spacing:1.4px}.section-meta{font-size:8px;letter-spacing:0;max-width:135px;text-align:right}.split-heading{display:block;margin-bottom:35px}h2{font-size:32px;line-height:1.45;letter-spacing:-1px}.split-heading>p{margin-top:20px;font-size:12px;line-height:1.9;max-width:none}.pain-grid article{padding:20px 16px!important}.pain-grid article:nth-child(odd){padding-left:0!important}.pain-grid article:nth-child(even){padding-right:0!important}.pain-grid h3{font-size:28px;margin-top:15px}.pain-grid h3 small{font-size:12px}.pain-grid p{font-size:10px;min-height:58px}.pain-symbol{float:none;width:80px;height:70px;margin:20px 0 15px;transform:scale(.8);transform-origin:left}.pain-grid article:hover .pain-symbol{transform:scale(.8) translateY(-5px)}.pain-result{font-size:9px;gap:4px;margin-top:22px;line-height:1.8}.pain-result span{font-size:12px}.vision-bottom p{font-size:11px}.vision-bottom>span{font-size:8px}.vision-bottom b{margin-inline:5px}.architecture-layout{grid-template-columns:1fr;gap:35px}.stack-diagram{padding-left:28px;padding-right:8px;padding-top:0}.stack-layer{height:72px}.layer-name{font-size:18px}.layer-name small{font-size:7px}.layer-tags{display:block;font-size:8px}.layer-arrow{margin-left:10px}.stack-connector{height:20px}.stack-axis{top:3px}.interaction-hint{font-size:9px}.layer-detail{border-top:1px solid #24463d;padding-top:15px}.layer-detail h3{font-size:25px}.capability-list li{flex-direction:row;gap:20px;padding:12px 0}.capability-list span{font-size:11px}.detail-description{font-size:12px}.center-heading h2{font-size:28px;text-align:left;line-height:1.5}.center-heading{text-align:left}.center-heading p{font-size:12px}.center-heading>.micro-label{font-size:9px}.flow-map{margin-top:28px;height:210px;width:calc(100% + 10px);margin-left:-5px}.flow-node{padding-top:44px}.node-number{height:38px;font-size:11px}.node-orbit{height:36px;width:36px}.node-orbit i{width:8px;height:8px}.flow-node strong{font-size:11px;white-space:nowrap;margin-top:22px}.flow-node small{font-size:8px;width:62px;line-height:1.7;margin-top:6px}.flow-detail{display:block;padding:25px 0;min-height:210px}.flow-detail h3{font-size:20px;margin-top:10px}.flow-detail>p{margin-top:20px}.flow-output{display:block;border:0;padding:0;margin-top:16px}.flow-output strong{font-size:11px;display:inline;margin-left:10px}.flow-output strong br{display:none}.process .fine-print{font-size:9px}.case-tabs button{padding:16px 8px;font-size:11px}.case-tabs button small{display:none}.featured-case{grid-template-columns:1fr;padding-top:30px;gap:30px}.case-story h3{font-size:24px}.case-story p{min-height:0}.case-numbers{border-left:0;padding-left:0;padding-top:25px;border-top:1px solid var(--line)}.case-main-stat>strong{font-size:56px}.case-main-stat small{font-size:12px;margin-left:12px}.case-secondary{margin-top:20px;padding-top:20px}.case-source{display:block}.case-source .text-link{margin-top:18px}.ecosystem{display:block;margin-top:35px}.ecosystem>p{margin-top:12px}.ecosystem>div{margin-top:20px;gap:10px;line-height:2}.ecosystem i{font-size:8px}.platform-switcher{gap:24px;margin-bottom:17px}.platform-switcher button{gap:8px;font-size:8px}.platform-switcher button span{font-size:11px}.browser-chrome{height:33px;padding:0 10px;font-size:7px}.browser-chrome i{height:4px;width:4px}.browser-chrome>span:first-child{gap:3px}.platform-frame{border-radius:4px 4px 0 0}.platform-caption{flex-direction:column;gap:10px;font-size:10px;line-height:1.8}.image-zoom-hint{opacity:1;transform:none;font-size:8px;padding:7px 10px;right:8px;bottom:8px}.roadmap-layout{gap:25px}.month-axis{margin-left:99px;font-size:8px}.gantt-grid:before{left:99px}.gantt-row{grid-template-columns:99px repeat(6,1fr);height:54px}.gantt-row>span{font-size:10px}.gantt-row>i{font-size:7px;margin:0 2px;height:27px}.phase-detail{grid-template-columns:1fr;padding-top:22px}.phase-detail>div{grid-column:1;grid-row:auto;margin-top:22px}.phase-detail>p{font-size:11px;padding-right:35px}.phase-month{right:0}.delivery-bottom>span{font-size:9px;line-height:2.2}.delivery-bottom i{margin-inline:5px}.contact{padding:75px 0 0}.contact h2{font-size:33px;line-height:1.65;letter-spacing:-.5px;margin-top:20px}.contact-inner>p{font-size:11px;line-height:2}.contact-actions{gap:22px;flex-direction:column}.contact-actions .text-link{font-size:19px}.contact-services{display:grid;grid-template-columns:1fr 1fr;gap:18px 10px;font-size:9px;margin-top:40px}footer{flex-wrap:wrap;gap:25px;margin-top:45px;padding:25px 0;font-size:8px}footer>span{order:3;width:100%;padding-top:15px;border-top:1px solid #214035}.footer-brand{font-size:16px}footer a{margin-left:auto}.presentation-controls{gap:6px;padding:6px 8px;bottom:15px}.presentation-controls>span{font-size:9px}.presentation-controls #presentation-position{font-size:8px}.presentation-controls button{width:25px}.presentation-controls #fullscreen-button{width:30px;padding-left:6px}.dialog-header{padding:14px 18px}#dialog-body{padding:22px}#dialog-body h3{font-size:22px}.library-list{grid-template-columns:1fr}#dialog-body .dialog-stats{gap:12px}#dialog-body .dialog-stats strong{font-size:22px}#dialog-body .dialog-stats span{font-size:10px}.mobile-nav{top:70px}.desktop-only{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-motion .reveal{opacity:1;transform:none}}
@media print{.site-header,.section-rail,.hero-visual,.hero-grid,.scroll-progress,.presentation-controls,.mobile-nav,.hero-bottom,.motion-button,.contact canvas,dialog,#toast{display:none!important}body{background:#fff}.section,.hero{height:auto!important;min-height:0!important;max-height:none;padding:35px 0;break-inside:avoid;background:#fff!important;color:#102d36!important}.container{width:100%}.hero-inner{padding-top:0}.reveal,.js-motion .reveal{opacity:1!important;transform:none!important}.dark p,.dark span,.dark h3{color:#365947!important}.hero h1{font-size:42px}.hero-footnote{margin-top:20px}.hero-buttons{display:none}.section-top{margin-bottom:20px}.split-heading{margin-bottom:25px}h2{font-size:28px}.stack-layer{color:#173e30}.flow-map{display:none}.flow-detail{padding:15px 0}.platform-frame{box-shadow:none}.screenshot-button{max-height:300px}.contact-actions .button{display:none}.section{break-before:page}.hero{break-before:auto}footer{margin-top:30px}.case-tabs button[aria-selected=false],.platform-switcher button[aria-selected=false]{display:none}.fine-print{color:#5a735c!important}}
