/* Palette observed on the three Studio references, 13 October 2026.
   Studio Access: #61a6ab / #2f6f73. App: #0d9488. Tech: #ffce6d. */
:root{--teal:#0d9488;--studio:#61a6ab;--deep:#2f6f73;--gold:#ffce6d;--ink:#183c3e;--muted:#596c6d;--line:#dce7e6;--paper:#f5f8f7}
*{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}a:focus-visible{outline:3px solid var(--deep);outline-offset:6px}a,button{-webkit-tap-highlight-color:transparent}.wrapper{max-width:1180px;width:calc(100% - 96px);margin-inline:auto}.skip-link{position:absolute;left:20px;top:-100px;z-index:10;background:var(--ink);color:#fff;padding:12px}.skip-link:focus{top:12px}.header{height:108px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center}.brand img{display:block;width:218px;height:auto}nav{display:flex;gap:36px;font-size:14px}nav a:hover{color:var(--teal)}nav span{margin-left:10px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:55px;padding-block:80px 72px;align-items:center}.eyebrow{font-size:11px;letter-spacing:1.8px;font-weight:700;line-height:1.5;margin:0 0 25px}.hero .eyebrow{display:flex;align-items:center;gap:9px}.dot{display:inline-block;flex-shrink:0;width:7px;height:7px;background:var(--teal);border-radius:50%}h1{font-size:clamp(64px,7.4vw,94px);font-weight:600;letter-spacing:-6px;line-height:1.01;margin:0 0 27px}h1 span{color:var(--teal);position:relative;display:inline-block}h1 span:after{content:"";position:absolute;height:7px;width:95%;bottom:-8px;left:0;background:var(--gold);transform:rotate(-2deg);z-index:-1}.intro{font-size:17px;line-height:1.75;color:var(--muted);max-width:450px;margin:0 0 30px}.button{display:inline-flex;gap:25px;align-items:center;padding:17px 21px;background:var(--deep);color:#fff;border-radius:5px;font-size:14px;font-weight:600;transition:background .2s,transform .2s}.button:hover{background:var(--ink);transform:translateY(-2px)}.button span{font-size:21px;line-height:1}.hero-note{font-size:10px;color:var(--muted);margin:19px 0 0;line-height:1.6}.blueprint{height:408px;position:relative;border:1px solid var(--line);border-radius:7px;overflow:hidden;background-color:var(--paper);background-image:radial-gradient(#b9d4d2 .7px,transparent .7px);background-size:19px 19px}.blueprint-top{position:absolute;top:22px;left:24px;right:24px;display:flex;justify-content:space-between;font:9px monospace;letter-spacing:1px;color:var(--deep)}.orbit{position:absolute;border:1px solid #c8dedb;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.orbit-one{width:234px;height:234px}.orbit-two{width:330px;height:330px;border-style:dashed}.build-mark{width:113px;height:113px;border:1px solid #bfdbd7;background:#e5f2ef;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:24px;display:grid;place-items:center;box-shadow:0 12px 35px #2f6f730a}.build-mark svg{width:70px;fill:none;stroke:var(--teal);stroke-width:3;stroke-linejoin:round;stroke-linecap:round}.diagram-label{position:absolute;background:#fff;border:1px solid var(--line);border-radius:5px;padding:15px 17px;display:flex;align-items:center;gap:13px;box-shadow:0 7px 15px #183c3e05}.diagram-label strong{display:block;font-size:12px;margin-bottom:6px}.diagram-label small{display:block;font:10px monospace;color:var(--muted)}.mini-icon{color:var(--teal);font-size:25px}.label-poc{left:24px;top:96px}.label-ai{right:21px;top:183px}.label-web{left:61px;bottom:66px}.label-web .mini-icon{font:17px monospace}.label-ai{background:#fffaf0;border-color:#eed9ad}.label-ai .mini-icon{color:#9c711b}.blueprint-bottom{position:absolute;bottom:21px;left:24px;right:24px;display:flex;align-items:center;gap:8px;font:8px monospace;letter-spacing:1px;color:var(--deep)}.blueprint-bottom .dot{width:5px;height:5px}.cross{margin-left:auto;font-size:21px}.expertises{border-top:1px solid var(--line);padding:47px 0 42px}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:baseline;margin-bottom:35px}.section-heading .eyebrow{margin:0}h2{font-size:26px;font-weight:500;letter-spacing:-.8px;line-height:1.3;margin:0}.areas{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.areas article{padding-right:28px;border-right:1px solid var(--line)}.areas article:last-child{border-right:0;padding-right:0}.area-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.area-icon{font-size:28px;color:var(--teal);line-height:1}.code-icon{font:21px monospace}.number{font:11px monospace;color:#7e9392}h3{font-size:23px;font-weight:500;letter-spacing:-.6px;margin:0 0 13px}.areas p{font-size:14px;line-height:1.8;color:var(--muted);margin:0 0 23px}.tags{display:flex;gap:8px;flex-wrap:wrap}.tags span{font-size:10px;color:var(--deep);padding:6px 9px;border:1px solid var(--line);border-radius:3px}.access-note{font-size:11px;line-height:1.7;color:var(--muted);margin:31px 0 0}.access-note span{font-size:18px;margin-right:7px;color:var(--teal)}.ecosystem{margin-top:15px;background:var(--paper);padding:43px 45px;display:grid;grid-template-columns:1fr 1.1fr;gap:65px;border-radius:6px}.ecosystem .eyebrow{margin-bottom:15px}.ecosystem h2{font-size:31px;letter-spacing:-1px}.ecosystem p:last-child{font-size:13px;color:var(--muted);margin-bottom:0;line-height:1.6}.ecosystem-links a{display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-bottom:1px solid #d8e4e2;gap:20px}.ecosystem-links a:first-child{padding-top:0}.ecosystem-links a:last-child{border-bottom:0;padding-bottom:0}.ecosystem-links strong{font-size:15px;display:block;font-weight:600;margin-bottom:6px}.ecosystem-links small{font-size:11px;color:var(--muted);display:block}.ecosystem-links a>span:last-child{font-size:22px;color:var(--teal)}.ecosystem-links a:hover strong{text-decoration:underline;text-underline-offset:4px}.footer{display:flex;align-items:center;justify-content:space-between;gap:22px;padding-block:33px;font-size:10px;color:var(--muted)}.footer p{margin:0}.footer-tag{font-size:11px}.footer a:hover{color:var(--teal)}.footer a span{margin-left:10px}
@media(min-width:1450px){.hero{padding-block:100px 88px}.blueprint{height:440px}}
@media(max-width:950px){.wrapper{width:calc(100% - 56px)}.hero{gap:30px;padding-block:60px}.blueprint{height:370px}.diagram-label{padding:12px}.label-poc{left:15px}.label-ai{right:12px}.label-web{left:25px}.orbit-two{width:280px;height:280px}h1{font-size:72px;letter-spacing:-4px}.intro{font-size:15px}.hero-note{max-width:270px}.section-heading{display:block}.section-heading .eyebrow{margin-bottom:15px}.areas{gap:22px}.areas article{padding-right:20px}.ecosystem{gap:30px;padding:32px}.ecosystem h2{font-size:28px}}
@media(max-width:680px){.wrapper{width:calc(100% - 40px)}.header{height:auto;min-height:88px;gap:20px;flex-wrap:wrap;padding-block:22px}.brand img{width:205px}nav{gap:22px;font-size:12px;width:100%;padding-top:7px}.hero{grid-template-columns:1fr;padding-block:45px 38px;gap:34px}h1{font-size:76px;letter-spacing:-4.5px}.hero .eyebrow{font-size:10px;margin-bottom:24px}.intro{font-size:16px;max-width:440px}.desktop-break{display:none}.hero-note{max-width:none;font-size:10px}.button{font-size:13px;padding:16px 18px;gap:20px}.blueprint{height:330px}.orbit-two{width:265px;height:265px}.orbit-one{width:210px;height:210px}.label-poc{top:64px;left:19px}.label-ai{top:150px;right:15px}.label-web{bottom:54px;left:36px}.build-mark{width:96px;height:96px}.blueprint-bottom{font-size:7px;left:19px;right:19px}.expertises{padding-top:32px}.section-heading{margin-bottom:29px}h2{font-size:27px}.areas{grid-template-columns:1fr;gap:0}.areas article{padding:25px 0;border-right:0;border-bottom:1px solid var(--line)}.areas article:first-child{padding-top:0}.area-top{margin-bottom:18px}.areas p{max-width:460px;margin-bottom:17px;font-size:15px}.access-note{margin-top:20px}.ecosystem{grid-template-columns:1fr;padding:28px 24px;margin-top:0;gap:29px}.ecosystem h2{font-size:29px}.ecosystem-links a{padding-block:18px}.footer{flex-wrap:wrap;padding-block:28px;gap:18px}.footer-tag{order:3;width:100%;font-size:10px}.footer a{margin-left:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}