:root{--ink:#102039;--blue:#1760ec;--muted:#647286;--orange:#ff8a16;--ease:cubic-bezier(.23,1,.32,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:#fff;color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:6px}button,.button{transition:transform 150ms var(--ease),background 150ms ease}.button:active,button:active{transform:scale(.98)}.skip{position:absolute;top:-90px;left:20px;padding:15px;background:white;z-index:20}.skip:focus{top:10px}.site-header,main,footer{max-width:1600px;margin:auto}.site-header{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:25px 4.5%;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:10px;font-size:30px;font-weight:700;letter-spacing:-1.3px}.brand img{object-fit:contain}.site-header nav,.header-actions{display:flex;gap:30px;align-items:center}.site-header nav a{font-size:14px}.button{background:var(--blue);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:17px 23px;border-radius:8px;font-size:15px;font-weight:600;white-space:nowrap}.button.small{padding:12px 17px;font-size:13px}.language{position:relative;font-size:13px}.language summary{list-style:none;cursor:pointer;padding:12px 0}.language summary::-webkit-details-marker{display:none}.language summary span{padding-left:5px}.language-menu{position:absolute;top:100%;right:0;width:195px;padding:8px;background:white;border:1px solid #e3e9f2;border-radius:12px;box-shadow:0 16px 40px #10203914}.language-menu button{display:block;background:transparent;border:0;text-align:left;width:100%;padding:10px;border-radius:6px;cursor:pointer;font-size:14px}.language-menu button[aria-current=true]{background:#edf4ff;color:var(--blue)}.language-menu p{font-size:10px;color:var(--muted);padding:0 10px;line-height:1.5}.chapter{position:relative;isolation:isolate}.art{display:block;width:100%;height:auto;mask-image:linear-gradient(to bottom,transparent,#000 4%,#000 93%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 4%,#000 93%,transparent)}.copy{position:absolute;top:13%;left:4.5%;width:35%;z-index:2}.eyebrow{color:var(--blue);font-size:11px;line-height:1.5;font-weight:600;letter-spacing:.16em;margin:0 0 22px}h1,h2,p{margin-top:0}h1,h2{font-weight:600;letter-spacing:-.055em;line-height:1.035}h1{font-size:clamp(40px,4.7vw,75px);margin-bottom:28px}h2{font-size:clamp(32px,3.55vw,57px);margin-bottom:22px}em{font-style:normal;color:var(--blue)}.copy p:not(.eyebrow){font-size:clamp(15px,1.3vw,20px);line-height:1.55;color:var(--muted);max-width:420px;margin-bottom:22px}.copy .fine,.fine{font-size:12px!important;line-height:1.6!important;color:var(--muted)}.hero .copy{top:13%;width:39%}.hero .lead{max-width:390px!important}.actions{display:flex;align-items:center;gap:22px;margin:28px 0 16px}.text-link{font-size:14px;white-space:nowrap}.text-link span{margin-left:6px;color:var(--blue)}.right .copy{left:57%;width:36%;top:9%}.cloud .copy{top:8%}.bridge{height:90px;position:relative;margin:-3% 0 -1%;z-index:3;pointer-events:none}.bridge svg{position:absolute;width:100%;height:100%;overflow:visible}.bridge path{fill:none;stroke:#1760ec;stroke-width:.85;opacity:.35}.bridge span{position:absolute;top:34%;left:50%;transform:translateX(-50%);background:white;padding:9px 23px;font-size:11px;letter-spacing:.05em;color:#798599;white-space:nowrap}.setup{position:relative;z-index:3;max-width:940px;margin:-20px auto 85px;display:flex;gap:35px;justify-content:space-between;flex-wrap:wrap;padding:0 30px}.setup span{font-size:15px}.setup b{font-size:11px;color:var(--blue);font-weight:500;margin-right:15px}.setup p{flex-basis:100%;text-align:center;color:var(--muted);font-size:12px;margin:0}.interface{padding:30px 8% 80px;position:relative}.section-head{display:flex;justify-content:space-between;gap:50px;align-items:flex-end;margin-bottom:25px}.section-head p:not(.eyebrow){color:var(--muted);line-height:1.65;font-size:17px;margin-bottom:22px}.section-head h2{margin-bottom:22px}.tabs{display:flex;gap:25px;margin:20px 0 24px;border-bottom:1px solid #e6ecf5}.tabs button{border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);padding:14px 0;font-size:14px;cursor:pointer}.tabs button[aria-pressed=true]{color:var(--blue);border-color:var(--blue)}figure{margin:0}.screen-stage{padding:16px;background:linear-gradient(135deg,#eaf2ff88,#fff,#fff6ed66);border:1px solid #e4ebf4;border-radius:16px}.screen-stage img{display:block;width:100%;aspect-ratio:1.66;object-fit:contain;background:#f9fbfb;border-radius:8px}.interface figcaption{display:flex;justify-content:space-between;gap:18px;margin-top:15px;color:var(--muted);font-size:11px}.interface figcaption a{color:var(--blue)}.calls .copy{top:17%;width:34%}.connection-key{display:flex;flex-direction:column;font-size:12px;color:var(--ink);gap:12px;margin-top:30px}.connection-key i{display:inline-block;width:6px;height:6px;background:var(--blue);border-radius:100%;margin-right:10px}.connection-key .orange{background:var(--orange)}.key-line{margin-left:0;color:#8aa9d8}.continuity{padding-top:45px}.continuity .section-head{padding:0 7%;margin-bottom:-60px;position:relative;z-index:2}.continuity-notes{display:flex;justify-content:space-around;gap:20px;margin:-30px 5% 0;position:relative;font-size:13px;color:var(--muted)}.active-note{color:var(--blue)}.condition{text-align:center;color:var(--muted);font-size:11px;line-height:1.6;padding:20px;margin-bottom:60px}.personal .copy{top:10%;left:61%;width:34%}.education .copy{top:10%;width:39%}.education h2{font-size:clamp(30px,3.35vw,54px)}.support .copy{top:8%;left:57%;width:36%}.closing{padding:90px 20px 70px;text-align:center;position:relative;background:radial-gradient(ellipse at 50% 42%,#eef5ff 0,white 64%)}.closing h2{font-size:clamp(45px,5.5vw,88px);margin-bottom:25px}.closing p:not(.eyebrow){color:var(--muted);font-size:17px;line-height:1.65}.closing .button{margin:10px 0 18px}.questions{padding:45px 8% 100px;display:grid;grid-template-columns:1fr 1.3fr;gap:70px}.questions h2{font-size:42px}.questions details{border-bottom:1px solid #e5ebf3}.questions summary{padding:20px 0;cursor:pointer;list-style:none;font-size:17px;line-height:1.4;display:flex;justify-content:space-between;gap:20px}.questions summary:after{content:'+';color:var(--blue)}.questions details[open] summary:after{content:'−'}.questions details p{font-size:15px;color:var(--muted);line-height:1.7;margin:0 0 24px}footer{padding:30px 6% 100px;display:flex;align-items:center;gap:30px;flex-wrap:wrap;border-top:1px solid #edf0f5}footer p{color:var(--muted);font-size:13px;margin:0}footer nav{display:flex;gap:28px;margin-left:auto;font-size:13px}.footer-bottom{display:flex;justify-content:space-between;width:100%;margin-top:32px;font-size:11px;color:#8993a3}.concept-bar{position:fixed;z-index:10;bottom:12px;left:50%;transform:translateX(-50%);border:1px solid #e1e8f2;background:#ffffffeb;backdrop-filter:blur(10px);border-radius:30px;display:flex;align-items:center;gap:4px;padding:6px 12px;box-shadow:0 5px 20px #1020390d;font-size:11px;white-space:nowrap}.concept-bar span{color:#8b95a4;font-size:9px;letter-spacing:.1em;padding:0 10px 0 2px}.concept-bar a{padding:9px 10px;border-radius:20px}.toast{position:fixed;z-index:20;bottom:75px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:14px 20px;border-radius:10px;font-size:13px;max-width:90vw;text-align:center}.toast[hidden]{display:none}@media(hover:hover) and (pointer:fine){.button:hover{background:#0750d3}.site-header nav a:hover,.text-link:hover{color:var(--blue)}.tabs button:hover{color:var(--blue)}.concept-bar a:hover,.language-menu button:hover{background:#edf4ff}}@media(max-width:1000px){.site-header nav{gap:16px}.header-actions{gap:18px}.site-header{gap:20px}.site-header nav a{font-size:12px}.copy p:not(.eyebrow){font-size:15px}.eyebrow{font-size:9px;margin-bottom:15px}.actions{gap:12px;flex-wrap:wrap;margin-top:20px}.hero .button{font-size:13px;padding:14px 16px}.hero .text-link{font-size:12px}.hero .copy{top:8%}.copy h2{margin-bottom:16px}.connection-key{margin-top:16px;font-size:11px;gap:8px}.continuity .section-head{margin-bottom:-30px}.section-head p:not(.eyebrow){font-size:14px}.setup{margin-bottom:45px}.bridge{height:65px}.questions{gap:35px}.education .copy p{font-size:14px}}
@media(max-width:700px){html{scroll-padding-top:15px}.site-header{padding:18px 20px}.brand{font-size:26px}.brand img{width:32px;height:30px}.site-header nav{display:none}.header-actions{gap:14px}.button.small{font-size:11px;padding:11px 12px}.chapter{display:flex;flex-direction:column;padding-top:20px}.chapter .copy,.chapter.right .copy{position:relative;left:auto;top:auto;width:auto;margin:0 25px;order:-1;max-width:480px}.hero .copy{margin-bottom:-15px}.chapter .art{margin-top:0}.chapter h1{font-size:52px}.chapter h2{font-size:39px}.copy p:not(.eyebrow){font-size:16px;max-width:380px}.copy .eyebrow{font-size:10px}.hero .actions{flex-wrap:nowrap}.hero .lead br{display:none}.hero .art{margin-top:0}.bridge{height:60px;margin:-2% 0 12px}.bridge span{font-size:9px;padding:8px 14px}.setup{margin:15px 25px 35px;gap:18px;padding:0;display:grid;grid-template-columns:1fr}.setup span{font-size:14px}.setup p{text-align:left;line-height:1.6}.interface{padding:30px 24px 45px}.section-head{display:block;margin-bottom:20px}.section-head h2{font-size:38px}.section-head p:not(.eyebrow){font-size:15px}.tabs{gap:16px}.tabs button{font-size:11px}.screen-stage{padding:5px;border-radius:10px}.interface figcaption{font-size:9px}.connection-key{display:block;margin:20px 0 0;font-size:10px}.key-line{display:inline-block;transform:rotate(-90deg);margin:0 12px}.continuity .section-head{padding:0 25px;margin-bottom:0}.continuity-notes{font-size:10px;margin:0 20px;text-align:center;gap:14px}.condition{margin-bottom:25px;font-size:10px;padding:18px 30px}.closing{padding:70px 25px 30px}.closing h2{font-size:43px}.closing p:not(.eyebrow){font-size:15px}.questions{padding:35px 25px 60px;display:block}.questions h2{font-size:35px}.questions summary{font-size:15px}.questions details p{font-size:14px}footer{padding:25px 25px 90px;gap:18px}footer nav{margin-left:0;flex-wrap:wrap;gap:20px;font-size:11px}.footer-bottom{display:block;font-size:10px;line-height:1.8}.footer-bottom span{display:block;margin-bottom:8px}.concept-bar{font-size:10px}.concept-bar span{font-size:8px}.concept-bar a{padding:8px}.language-menu{right:-55px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}button,.button{transition:none}button:active,.button:active{transform:none}}
/* Hero refinement 01 — compartment, complete navigation, connected scenarios */
.site-header{gap:22px;padding-top:21px;padding-bottom:21px}.site-header .primary-menu{gap:19px}.primary-menu>button,.primary-menu>a,.use-menu>summary{font-size:12px;white-space:nowrap}.primary-menu>button{border:0;background:transparent;padding:8px 0;color:var(--ink);cursor:pointer}.header-actions{gap:21px}.use-menu{position:relative}.use-menu summary{cursor:pointer;list-style:none;padding:8px 0}.use-menu summary::-webkit-details-marker{display:none}.use-menu summary span{padding-left:4px;color:var(--muted)}.use-menu-panel{position:absolute;top:calc(100% + 8px);left:-16px;width:195px;padding:8px;background:white;border:1px solid #e3e9f2;border-radius:12px;box-shadow:0 16px 40px #10203914}.use-menu-panel a{display:block;padding:13px 10px;font-size:13px!important;border-radius:6px}.mobile-menu-toggle{display:none}.hero-scene{position:relative}.hero-scene>.art{aspect-ratio:1.86;object-fit:cover;object-position:50% 50%;mask-image:linear-gradient(to bottom,transparent,#000 3%,#000 86%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 3%,#000 86%,transparent)}.hero .copy{width:46%;top:14%;left:4.5%}.hero h1{font-size:clamp(40px,4.15vw,66px);letter-spacing:-.058em;line-height:1.07;margin-bottom:25px}.hero .lead{font-size:clamp(15px,1.22vw,19px)!important;max-width:405px!important;line-height:1.65!important}.hero .eyebrow{font-size:10px;letter-spacing:.17em}.hero .actions{margin-top:28px}.hero-tail{position:relative;z-index:3;margin:-2% 4.5% 0;padding:31px 0 2px}.connection-ribbon{position:absolute;top:0;left:0;width:100%;height:62px;pointer-events:none}.connection-ribbon svg{width:100%;height:100%;overflow:visible}.two-places{position:relative;display:table;margin:0 auto 24px;padding:0 18px;background:#fff;font-size:17px;letter-spacing:-.025em;color:#7c899a}.two-places span{color:var(--ink)}.hero-use-cases{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;max-width:1080px;margin:auto}.hero-use-cases a{display:flex;align-items:center;justify-content:center;gap:17px;padding:20px 12px;font-size:17px;color:#4e5a70;transition:color 160ms ease}.hero-use-cases svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.hero-use-cases b{font-weight:400;font-size:14px;color:#8fa4c6;margin-left:6px}.hero-outflow{height:60px;margin:-3px 0 -12px;pointer-events:none}.hero-outflow svg{width:100%;height:100%}.hero-outflow path{fill:none;stroke:#7da9e7;stroke-width:.8;opacity:.4}.section-preview{border:1px solid #e4ebf5;border-radius:20px;padding:40px;max-width:480px;width:calc(100% - 40px);color:var(--ink);box-shadow:0 30px 100px #10203920}.section-preview::backdrop{background:#10203940;backdrop-filter:blur(4px)}.section-preview h2{font-size:37px}.section-preview p{font-size:15px;line-height:1.65;color:var(--muted)}.section-preview .eyebrow{font-size:10px;color:var(--blue)}.dialog-close{position:absolute;right:16px;top:12px;border:0;background:transparent;font-size:27px;color:var(--muted);cursor:pointer}.section-preview .fine{margin:24px 0 0}@media(hover:hover) and (pointer:fine){.hero-use-cases a:hover,.primary-menu>button:hover{color:var(--blue)}.use-menu-panel a:hover{background:#edf4ff}}@media(max-width:1250px){.site-header{gap:18px;padding-left:3.5%;padding-right:3.5%}.site-header .primary-menu{gap:13px}.site-header .brand{font-size:27px;gap:6px}.site-header .brand img{width:33px}.site-header .primary-menu>button,.site-header .primary-menu>a,.use-menu>summary{font-size:11px}.header-actions{gap:14px}.header-actions .button.small{font-size:11px;padding:12px 14px;gap:10px}.hero .lead{max-width:350px!important}.hero-use-cases a{font-size:15px}.hero .copy{top:11%}}
@media(max-width:1030px){.mobile-menu-toggle{display:flex;gap:12px;align-items:center;border:0;background:transparent;font-size:13px;color:var(--ink);cursor:pointer;margin-left:auto;padding:12px 0}.site-header .primary-menu{display:none;position:absolute;left:20px;right:20px;top:calc(100% - 5px);padding:18px 22px;background:#fff;border:1px solid #e3e9f2;border-radius:14px;box-shadow:0 16px 40px #10203914;flex-wrap:wrap;gap:16px 24px;z-index:8}.site-header .primary-menu.is-open{display:flex}.site-header .primary-menu>button,.site-header .primary-menu>a,.use-menu>summary{font-size:14px}.use-menu-panel{z-index:9}.hero .copy{top:10%;width:49%}.hero h1{font-size:clamp(35px,4.5vw,46px)}.hero .lead{font-size:14px!important;max-width:310px!important}.hero .actions{margin-top:18px}.hero .copy .fine{font-size:10px!important}.hero .eyebrow{font-size:8px}.hero-use-cases a{gap:11px;font-size:14px}.hero-use-cases svg{width:27px;height:27px}.hero-tail{padding-top:28px}.two-places{font-size:15px;margin-bottom:16px}}
@media(max-width:900px){.site-header{padding:17px 20px;gap:16px}.site-header .brand{font-size:25px}.header-actions{gap:12px}.header-actions .button.small{display:none}.mobile-menu-toggle{font-size:12px}.hero{display:block;padding-top:0}.hero-scene{display:flex;flex-direction:column}.chapter.hero .copy{position:relative;top:auto;left:auto;width:auto;max-width:520px;margin:24px 25px 0;order:-1}.hero h1{font-size:clamp(35px,7vw,49px);line-height:1.08}.hero .copy .eyebrow{font-size:9px}.hero .lead{font-size:16px!important;max-width:400px!important}.hero-scene>.art{aspect-ratio:1.5;object-fit:contain;margin-top:-14px;mask-image:linear-gradient(to bottom,transparent,#000 7%,#000 87%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 7%,#000 87%,transparent)}.hero .actions{gap:22px}.hero-tail{margin:-4% 20px 0;padding-top:25px}.two-places{font-size:14px;margin-bottom:20px;padding:0 10px}.connection-ribbon{height:52px}.hero-use-cases{gap:8px}.hero-use-cases a{flex-direction:column;gap:10px;padding:14px 0;font-size:11px;white-space:nowrap}.hero-use-cases svg{width:28px;height:28px}.hero-use-cases b{display:none}.hero-outflow{height:36px;margin:0 0 0}.section-preview{padding:32px 25px}}
@media(min-width:901px){.hero-scene{height:clamp(480px,calc(100svh - 220px),820px)}.hero-scene>.art{height:100%;aspect-ratio:auto;object-fit:cover;object-position:50% 25%}.hero .copy{top:10%}.hero h1{font-size:clamp(40px,4.05vw,65px);margin-bottom:23px}.hero .actions{margin-top:23px}.hero-tail{margin-top:-1%;padding-top:28px}.two-places{margin-bottom:17px}.hero-use-cases a{padding-top:16px;padding-bottom:16px}.hero-outflow{height:48px}}
.concept-bar.over-hero{visibility:hidden;pointer-events:none}