@font-face{font-family:Jakarta;src:url(assets/jakarta.woff2) format('woff2');font-weight:200 800;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#080d13;color:#edf5f8;font:16px/1.75 Jakarta,system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,select{font:inherit}a:focus-visible,button:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid #9bfbea;outline-offset:6px}::selection{background:#9affda;color:#080d13}.wrap{width:min(1264px,calc(100% - 96px));margin:auto}.skip{position:fixed;top:-100px;z-index:100;background:#b4ffe9;color:#080d13;padding:12px}.skip:focus{top:5px}header{position:sticky;top:0;z-index:20;background:#080d13eb;backdrop-filter:blur(18px);border-bottom:1px solid #ffffff0d}.nav{display:flex;align-items:center;justify-content:space-between;height:96px}.brand{display:flex;gap:12px;align-items:center;font-size:26px;font-weight:750;line-height:1.2;letter-spacing:-1px}.mark{font:700 26px monospace;letter-spacing:-5px;padding-right:4px;display:grid;place-content:center;width:44px;height:45px;border:1px solid #69b2a566;border-radius:9px;color:#b5fff0;background:#10302b}.brand small{display:block;font-size:10px;letter-spacing:2px;font-weight:500;margin-top:5px;color:#b7c7cf}nav{display:flex;gap:36px;font-size:14px;color:#a4b1be}nav a:hover,footer a:hover{color:#a1ffe5}.nav-cta{border:1px solid #40504e;border-radius:7px;padding:10px 17px;font-size:13px}.hero{display:grid;grid-template-columns:1.02fr 1fr;gap:24px;align-items:center;min-height:690px;padding-block:55px 65px}.eyebrow{display:flex;gap:10px;align-items:center;font-size:11px;letter-spacing:1.8px;color:#98b4bb;font-weight:600;line-height:1.6;margin:0 0 24px}.eyebrow i,.visual-head i,.panel-bottom i{width:6px;height:6px;background:#8cf5d6;border-radius:50%;display:inline-block;box-shadow:0 0 12px #63ffab80}h1{font-size:clamp(44px,5.3vw,76px);line-height:1.1;letter-spacing:-4px;font-weight:650;margin:0 0 26px}h1 em{color:#a9f8e0;font-style:normal}h2{font-size:clamp(32px,3.25vw,46px);line-height:1.25;letter-spacing:-1.9px;font-weight:550;margin:0}h2>span{color:#8b9ba8}.intro{color:#96a5b3;max-width:475px;line-height:1.9;font-size:16px;margin:0}.actions{display:flex;gap:10px;margin-top:35px}.button{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:15px 22px;border-radius:6px;font-size:14px;font-weight:700;transition:background .2s,transform .2s;background:#b0f8dd;color:#08221b}.button:hover{transform:translateY(-3px);background:#d1ffed}.ghost{color:#c1d0da;background:transparent}.ghost:hover{background:#ffffff08}.button span{font-size:20px}.hero-note{display:flex;align-items:center;gap:13px;font-size:9px;letter-spacing:.8px;color:#8095a3;margin-top:44px}.hero-note span{color:#395253}.visual{position:relative;aspect-ratio:600/520;background:radial-gradient(ellipse at center,#164b4d44,transparent 64%);isolation:isolate}.visual:before{content:'';position:absolute;inset:35px 0;background-image:linear-gradient(#5b938610 1px,transparent 1px),linear-gradient(90deg,#5b938610 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(ellipse,#000,transparent 72%);z-index:-1}.visual-head,.visual-foot{position:absolute;left:6%;right:3%;display:flex;justify-content:space-between;color:#7e9da5;font:9px/1.6 monospace;letter-spacing:1px}.visual-head{top:2%}.visual-head i{width:4px;height:4px;box-shadow:none;margin-right:8px}.visual-foot{bottom:0;font-size:9px;letter-spacing:.4px}.orbit{position:absolute;border:1px solid #64b1ad20;border-radius:50%;left:50%;top:50%;translate:-50% -50%;pointer-events:none}.o1{width:60%;aspect-ratio:1}.o2{width:78%;aspect-ratio:1}.o3{width:95%;aspect-ratio:1;border-style:dashed;animation:spin 100s linear infinite}.visual svg{position:absolute;inset:0;width:100%;height:100%}.core{position:absolute;width:28%;aspect-ratio:1;top:50%;left:50%;translate:-50% -50%;padding:10px;border:1px solid #72c7b344;border-radius:24px;background:#0a1b20;box-shadow:0 0 70px #78eac015;animation:breathe 6s ease-in-out infinite}.core>div{height:100%;border:1px solid #89c4b443;border-radius:16px;background:linear-gradient(140deg,#244d45,#122023 80%);display:flex;flex-direction:column;align-items:center;justify-content:center}.core b{font:700 clamp(25px,4vw,62px)/1.2 monospace;color:#c7ffe5;letter-spacing:-9px;padding-right:5px}.core b span{color:#68cda9}.core small{font:8px monospace;letter-spacing:2px;color:#99b4b3;margin-top:12px}.core i{width:25px;height:2px;background:#9bfdd3;margin-top:12px;box-shadow:0 0 14px #66e6bd}.module{position:absolute;display:flex;align-items:center;gap:10px;padding:13px 14px;background:linear-gradient(130deg,#14212adc,#0f171eeb);border:1px solid #4e737c55;border-radius:9px;box-shadow:0 12px 32px #0003;backdrop-filter:blur(8px)}.module small{font:7px monospace;letter-spacing:1.2px;color:#91adb6;display:block}.module b{font-size:11px;display:block;font-weight:500;margin-top:3px;white-space:nowrap}.module>span{font:16px monospace;color:#8bd3c4}.module i{height:4px;width:4px;border-radius:50%;background:#73dbc0;margin-left:5px}.web{top:21%;left:0}.data{top:28%;right:-1%}.auto{bottom:22%;left:4%}.api{bottom:20%;right:0}.strip{border-block:1px solid #24313b;background:#0b1219}.strip>div{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:95px}.strip span{font-size:10px;letter-spacing:1.5px;color:#829eaa}.strip b{font-size:14px;font-weight:500;color:#a7b5c0}.strip i{font-style:normal;color:#47626d;font-size:20px}.section{padding-block:112px 110px}.section-head{display:flex;justify-content:space-between;gap:60px;align-items:flex-end;margin-bottom:48px}.section-head>p{max-width:345px;font-size:14px;line-height:1.9;color:#91a2af;margin:0 0 6px}.section-head .eyebrow{margin-bottom:18px}.grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:16px}.card{border:1px solid #24323c;border-radius:12px;padding:28px;background:linear-gradient(135deg,#101b24,#0c131a);display:flex;flex-direction:column;position:relative;transition:border-color .3s,transform .3s;overflow:hidden}.card:hover{border-color:#547b74;transform:translateY(-4px)}.featured{grid-row:span 2;background:radial-gradient(at 0% 0%,#1d4c4844,transparent 70%),#0d171e}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px;color:#829aa9;font:12px monospace}.card-top b{font:22px monospace;color:#a3f0d8}h3{font-size:20px;letter-spacing:-.7px;font-weight:550;margin:0 0 14px}.card p{font-size:14px;line-height:1.9;color:#8fa3b3;margin:0 0 22px}.card a{display:flex;justify-content:space-between;gap:10px;font-size:12px;margin-top:auto;color:#c5e3dc;padding-top:24px}.card a span{color:#8debcb}.education{grid-column:span 2}.education p{max-width:570px}.tags{display:flex;gap:8px;flex-wrap:wrap}.tags span{border:1px solid #263946;border-radius:4px;padding:4px 9px;font:10px/1.5 monospace;color:#a0bac9}.code{margin-block:16px 30px;background:#080f15;border:1px solid #25383c;border-radius:8px;overflow:hidden}.code>div{padding:11px;border-bottom:1px solid #26383c;display:flex;justify-content:space-between;font:9px monospace;color:#819da5}.code pre{font:12px/2.1 monospace;color:#c0d5dc;padding:22px 18px;margin:0}.code pre span{color:#71adce}.code em{font-style:normal;color:#a9d2a9}.mini-flow{display:flex;align-items:center;justify-content:space-between;font:9px monospace;color:#9ab8b0;gap:5px}.mini-flow span{padding:8px;background:#152a27;border:1px solid #26483e;border-radius:4px}.architecture{background:#0b131b;border-block:1px solid #1e2b35}.architecture-panel{display:grid;grid-template-columns:255px 1fr;border:1px solid #293943;border-radius:12px;overflow:hidden;background:#0c151e}.tabs{padding:26px;border-right:1px solid #293943}.tabs button{display:flex;width:100%;justify-content:space-between;padding:14px 12px;font-size:13px;text-align:left;border:0;border-radius:5px;background:transparent;color:#9bb0bf;cursor:pointer;margin-bottom:8px}.tabs button[aria-selected=true]{color:#bafbe3;background:#193329}.tabs button:hover{background:#172b29}.tabs p{font:9px/2 monospace;color:#86a0ae;margin:35px 12px 0}#detail{padding:32px}.panel-label{display:flex;justify-content:space-between;color:#8ba6b3;letter-spacing:1px;font:10px monospace}.flow{display:flex;align-items:center;gap:16px;margin:35px 0}.flow>div{flex:1;border:1px solid #304653;border-radius:8px;padding:20px 16px;background:#101e29}.flow small{display:block;font:9px monospace;color:#9db8c3;margin-bottom:16px}.flow b{font-size:13px;font-weight:500;line-height:1.7;display:block}.flow i{font-style:normal;color:#78a59e}.flow .flow-core{background:#152e29;border-color:#567f68;color:#c4f7db}#flow-description{font-size:14px;line-height:1.9;color:#9cb4c3;max-width:650px}.panel-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #233642;margin-top:30px;padding-top:20px;font-size:11px}.panel-bottom>span{color:#91b4ab;font-size:9px}.panel-bottom i{width:4px;height:4px;margin-right:7px}.panel-bottom a{color:#b7e2d6}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:36px}.steps article{border-top:1px solid #34514f;padding-top:23px}.steps article>span{font:13px monospace;color:#8ae5c1;display:block;margin-bottom:35px}.steps p{font-size:14px;color:#96adbd;line-height:1.9}.contact-section{padding-bottom:100px}.contact-box{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:80px;border:1px solid #385149;border-radius:14px;padding:60px;background:radial-gradient(at 0% 0%,#284a364d,transparent 65%),#0e1b1c}.contact-box h2{font-size:38px;letter-spacing:-1.7px}.contact-box h2 span{color:#c2f9df}.contact-box p:not(.eyebrow){font-size:14px;color:#9cb4b4}.contact-action{display:flex;flex-direction:column;gap:14px}.contact-action label{font-size:13px;color:#b2c7c9}.contact-action select{min-width:0;width:100%;padding:16px 12px;border:1px solid #3a5554;border-radius:6px;background:#0d1a1d;color:#c3d7d8;font-size:16px}.contact-action small{font-size:11px;color:#9ababa}.contact-action .button{width:100%}footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;padding-top:45px;border-top:1px solid #25323b}footer p{font-size:12px;color:#9bafbc;margin-top:20px}.parent{display:flex;align-items:center;gap:20px}.parent>span{font-size:9px;color:#8ca3b0;letter-spacing:1px}.parent img{object-fit:contain;max-width:145px;height:72px}.footer-bottom{border-top:1px solid #1e2c35;margin-top:30px;padding:22px 0;display:flex;gap:30px;justify-content:space-between;width:100%;font-size:11px;color:#94a9b6}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}@keyframes spin{to{rotate:360deg}}@keyframes breathe{50%{box-shadow:0 0 80px #8bedb82c;scale:1.025}}@media(min-width:1450px){.hero{min-height:760px}}@media(max-width:1050px){.wrap{width:calc(100% - 56px)}h1{letter-spacing:-2px}.hero{min-height:610px;gap:0}.hero-note{font-size:8px;gap:8px}.module{padding:10px 8px;gap:6px}.module b{font-size:9px}.module small{font-size:6px}.section-head{gap:35px}.grid{grid-template-columns:1fr 1fr}.education{grid-column:span 2}.architecture-panel{grid-template-columns:215px 1fr}.tabs{padding:16px}.flow{gap:8px}.flow>div{padding:14px 10px}.contact-box{gap:35px;padding:38px}.contact-box h2{font-size:32px}.actions{gap:0}.button{padding:14px 16px;gap:12px;font-size:12px}}@media(max-width:760px){.wrap{width:calc(100% - 40px)}.nav{height:78px}.brand{font-size:21px;gap:9px}.mark{width:35px;height:38px;font-size:24px}.brand small{font-size:8px}.nav nav{display:none}.nav-cta{font-size:11px;padding:9px 11px}.hero{grid-template-columns:1fr;padding-block:55px 30px;gap:28px}.hero>div:first-child{max-width:540px}h1{font-size:56px;letter-spacing:-2.8px}.eyebrow{font-size:9px;letter-spacing:1.2px}.intro{font-size:15px}.actions{gap:10px}.button{font-size:13px;padding:15px 17px}.hero-note{margin-top:28px;font-size:8px}.visual{width:min(100%,540px);margin:auto}.core b{font-size:46px}.module b{font-size:10px}.module small{font-size:7px}.module{padding:12px 9px}.strip>div{flex-wrap:wrap;justify-content:center;gap:12px 18px;padding:20px 0;min-height:0}.strip span{width:100%;text-align:center;font-size:8px}.strip b{font-size:10px}.strip i{font-size:12px}.strip i:last-of-type{display:none}.section{padding-block:72px}.section-head{display:block;margin-bottom:32px}.section-head>p{margin-top:22px;max-width:500px}h2{font-size:32px;letter-spacing:-1.3px}.grid{grid-template-columns:1fr}.featured,.education{grid-column:auto;grid-row:auto}.card{padding:26px}.code{margin-bottom:0}.card a{font-size:13px}.tags span{font-size:11px}.architecture-panel{grid-template-columns:1fr}.tabs{display:flex;gap:4px;padding:12px;border-right:0;border-bottom:1px solid #293943}.tabs button{font-size:11px;padding:12px 8px;margin:0;justify-content:center}.tabs button span,.tabs p{display:none}#detail{padding:24px 20px}.flow{flex-direction:column;gap:8px;margin:24px 0}.flow>div{width:100%;padding:16px;display:flex;align-items:center;gap:16px}.flow small{margin:0;min-width:112px;font-size:8px}.flow b{font-size:12px}.flow i{rotate:90deg}.panel-label{font-size:8px}.panel-bottom{flex-direction:column;gap:12px}.steps{grid-template-columns:1fr 1fr;gap:28px}.steps article>span{margin-bottom:23px}.steps p{font-size:13px}.contact-box{grid-template-columns:1fr;padding:28px;gap:24px}.contact-box h2{font-size:29px}.contact-section{padding-bottom:60px}.parent{gap:10px}.parent>span{display:none}.parent img{max-width:125px}.footer-bottom{font-size:10px;gap:16px;flex-wrap:wrap}.footer-bottom>span{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.visual circle{display:none}}
/* Readable supporting content across screen sizes. */
.card p,.steps p,.section-head>p,#flow-description,.contact-box p:not(.eyebrow){font-size:16px}.eyebrow,.hero-note,.visual-head,.visual-foot,.strip span,.tags span,.code>div,.panel-label,.flow small,.tabs p,.panel-bottom>span,.contact-action small,.parent>span,.footer-bottom{font-size:12px}.card a,.tabs button,.contact-action label,.panel-bottom a,.flow b{font-size:14px}.module small{font-size:9px}.module b{font-size:12px}.hero-note{flex-wrap:wrap;font-size:10px}.core small{letter-spacing:1px;font-size:9px}.brand small{font-size:10px}@media(max-width:760px){.hero h1{font-size:clamp(40px,12vw,56px)}.actions{flex-wrap:wrap}.module{gap:6px;padding:10px 8px}.module b{font-size:10px}.module small{font-size:7px}.visual-head,.visual-foot{font-size:9px}.tabs{flex-wrap:wrap}.tabs button{width:auto;flex:1 1 100px;font-size:12px}.flow>div{display:block}.flow small{margin-bottom:8px}.strip b{font-size:12px}.hero-note{font-size:9px}.panel-label{gap:12px;font-size:10px}.nav-cta{font-size:12px}.contact-box{padding:24px}.eyebrow{font-size:10px}.steps{gap:22px}.footer-bottom{font-size:12px}}