@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--navy:#101a35;--ink:#172039;--cream:#f7f5ef;--coral:#ff765f;--teal:#49d4c4;--blue:#6b8cff;--line:rgba(23,32,57,.16);--mono:'DM Mono',monospace;--sans:'Space Grotesk',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);line-height:1.5}.section-wrap{width:min(1180px,calc(100% - 48px));margin:auto}.site-header{min-height:136px;padding:16px 0;gap:24px;flex-wrap:wrap;display:flex;align-items:center;justify-content:space-between;width:min(1320px,calc(100% - 48px));margin:auto}.brand{display:inline-flex;align-items:center;flex:0 0 auto;gap:11px;color:var(--ink);text-decoration:none}.brand-logo{display:block;width:104px;height:104px;object-fit:contain;flex:0 0 auto}.brand:focus-visible{outline:3px solid var(--coral);outline-offset:5px;border-radius:4px}.brand strong{display:block;font-size:21px;line-height:1}.brand small{display:block;font-family:var(--mono);font-size:8px;text-transform:uppercase;letter-spacing:.08em;margin-top:4px;color:#64708b}nav{display:flex;align-items:center;justify-content:flex-end;flex:1 1 580px;flex-wrap:wrap;gap:10px 22px;font-family:var(--mono);font-size:11px}nav a,.text-link{color:var(--ink);text-decoration:none}nav a:hover,.text-link:hover{color:var(--coral)}nav a{padding:8px 0}nav a[aria-current="page"]{font-weight:500;text-decoration:underline;text-underline-offset:5px}nav a:focus-visible{outline:3px solid var(--coral);outline-offset:4px;border-radius:2px}.nav-login{border:1px solid var(--line);padding:12px 16px;border-radius:8px}.nav-login span,.text-link span{color:var(--coral);margin-left:7px}.hero{min-height:560px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px;padding:55px 0 75px}.eyebrow{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#69758c;margin:0 0 18px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--teal);margin-right:8px;box-shadow:0 0 0 4px rgba(73,212,196,.16)}h1,h2,h3,p{margin-top:0}h1,h2{font-size:clamp(45px,6vw,79px);line-height:.99;letter-spacing:-.06em;margin-bottom:25px;font-weight:600}h1 em,h2 em{font-style:normal;color:var(--coral)}.hero-text{font-size:17px;max-width:440px;color:#59657e}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:32px}.button{display:inline-flex;align-items:center;gap:25px;padding:15px 19px;border-radius:8px;text-decoration:none;font-family:var(--mono);font-size:11px}.button span{font-size:18px}.button-primary{background:var(--navy);color:white}.button-primary:hover{background:var(--coral);color:var(--navy)}.hero-art{min-height:395px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid rgba(107,140,255,.34);border-radius:50%;transform:rotate(-22deg)}.orbit-one{width:430px;height:210px}.orbit-two{width:350px;height:350px;transform:rotate(35deg);border-color:rgba(73,212,196,.35)}.code-card{position:relative;width:min(410px,90%);background:var(--navy);color:#dfe7ff;border-radius:15px;box-shadow:20px 24px 0 rgba(255,118,95,.22),0 25px 55px rgba(16,26,53,.2);overflow:hidden;z-index:1;transform:rotate(2deg)}.window-bar{height:44px;display:flex;align-items:center;gap:6px;padding:0 17px;border-bottom:1px solid rgba(255,255,255,.1);font:10px var(--mono);color:#7f8bab}.window-bar span{width:8px;height:8px;border-radius:50%;background:var(--coral)}.window-bar span:nth-child(2){background:#ffd36a}.window-bar span:nth-child(3){background:var(--teal)}.window-bar b{margin-left:12px;font-weight:400}.code-card pre{padding:29px 34px;margin:0;font:18px/1.6 var(--mono);color:#a6b6da}.code-card code strong{color:var(--teal);font-weight:500}.code-card code i{color:#8498ff;font-style:normal}.code-card code mark{background:none;color:var(--coral)}.code-footer{display:flex;justify-content:space-between;padding:12px 18px;color:#8290b0;font:9px var(--mono)}.code-footer span:first-child{color:var(--teal)}.floating-badge{position:absolute;z-index:2;display:grid;place-items:center;border-radius:13px;font:18px var(--mono);font-weight:500}.badge-one{right:3%;top:12%;width:65px;height:65px;background:var(--teal);color:var(--navy);transform:rotate(12deg)}.badge-two{left:5%;bottom:9%;width:48px;height:48px;background:var(--coral);color:var(--navy);transform:rotate(-14deg)}.ticker{background:var(--navy);color:white;overflow:hidden}.ticker-inner{width:max-content;display:flex;align-items:center;gap:30px;padding:18px 0;transform:translateX(-10px);font:11px var(--mono);letter-spacing:.12em}.ticker b{color:var(--coral);font-size:18px}.content-section{padding:115px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:48px}.section-heading h2{font-size:clamp(38px,5vw,61px);margin-bottom:0}.section-heading>p{max-width:295px;color:#69758c;margin-bottom:7px}.pathway-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.pathway-card{position:relative;padding:30px;min-height:320px;border-radius:14px;overflow:hidden}.card-blue{background:#dfe5ff}.card-coral{background:#ffbdaf}.card-teal{background:#b8f0e8}.card-number{font:11px var(--mono);opacity:.6}.card-icon{font:34px var(--mono);margin:40px 0 21px}.pathway-card h3{font-size:25px;letter-spacing:-.04em;margin-bottom:8px}.pathway-card p{font-size:14px;max-width:285px;color:#4d5870}.pathway-card a{position:absolute;bottom:27px;color:var(--ink);font:11px var(--mono);text-decoration:none}.pathway-card a span{color:var(--coral);font-size:18px;margin-left:8px}.showcase-section{background:var(--navy);color:white;padding:110px 0}.showcase-section .eyebrow{color:#8491b4}.showcase-section .text-link{color:white}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.project-card{padding:14px;border-radius:13px;color:var(--ink)}.project-dark{background:#687ff3;color:white}.project-light{background:#f2c95b}.project-warm{background:var(--coral)}.project-top{display:flex;justify-content:space-between;font:10px var(--mono);padding:4px 3px 12px}.project-label{opacity:.72}.project-visual{height:220px;border-radius:8px;display:flex;position:relative;overflow:hidden}.visual-lines{align-items:center;padding:25px;background:repeating-linear-gradient(135deg,rgba(255,255,255,.13) 0,rgba(255,255,255,.13) 1px,transparent 1px,transparent 12px)}.visual-lines b{font-size:29px;line-height:.9;letter-spacing:-.08em}.visual-game{background:#ff765f;align-items:center;justify-content:center;color:var(--navy);font-weight:700;font-size:45px;line-height:.85;letter-spacing:-.08em}.visual-game i{position:absolute;font-style:normal;font-size:120px;opacity:.32;right:-14px;bottom:-35px}.visual-media{align-items:end;padding:20px;background:linear-gradient(135deg,#ff765f 0 43%,#101a35 43%);color:white;font-size:29px;font-weight:700;line-height:.9;letter-spacing:-.08em}.project-card h3{font-size:17px;margin:16px 3px 2px}.project-card>p{font:10px var(--mono);opacity:.72;margin:0 3px 5px}.about-section{display:grid;grid-template-columns:180px 1fr;gap:70px;padding:120px 0}.about-section h2{font-size:clamp(40px,5vw,62px)}.about-section p:not(.eyebrow){max-width:600px;color:#69758c;font-size:16px}.about-stamp{width:145px;height:145px;border:1px solid var(--coral);border-radius:50%;display:grid;place-content:center;text-align:center;color:var(--coral);font:29px/.85 var(--mono);transform:rotate(-12deg)}.about-stamp small{font-size:10px;margin-top:10px}.button-dark{background:var(--coral);color:var(--navy);margin-top:15px}.login-section{background:#dfe5ff;padding:90px 0}.login-inner{display:grid;grid-template-columns:1fr 330px;align-items:center;gap:70px}.login-inner h2{font-size:clamp(40px,5vw,62px)}.login-inner p:not(.eyebrow){color:#59657e;max-width:470px}.login-panel{background:var(--navy);padding:30px;border-radius:13px;color:white;box-shadow:12px 12px 0 var(--coral)}.login-icon{width:43px;height:43px;background:var(--teal);color:var(--navy);display:grid;place-items:center;border-radius:10px;font-size:23px}.login-panel h3{margin:28px 0 5px;font-size:25px}.login-panel p{font-size:13px;color:#a6b6da}.login-panel button{border:0;width:100%;padding:13px;border-radius:7px;background:#344265;color:#9daac7;font:10px var(--mono);cursor:not-allowed}.site-footer{background:var(--navy);color:#a6b6da;padding:32px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:24px;font:10px var(--mono)}.footer-links p{margin:0}.footer-links p+p{margin-top:10px}.footer-links a{color:white;text-underline-offset:3px}.footer-links a:hover{color:var(--coral)}.footer-links a:focus-visible{outline:3px solid var(--coral);outline-offset:4px}.site-footer .brand{color:white}.site-footer .brand small{color:#8491b4}.site-footer>div>span{color:#8491b4}@media(max-width:800px){.site-header{height:auto;padding:20px 0;align-items:flex-start;gap:16px;flex-wrap:wrap}nav{gap:8px 18px;flex-basis:100%;justify-content:flex-start}.hero{grid-template-columns:1fr;padding-top:70px}.hero-art{min-height:340px}.section-heading{display:block}.section-heading>p{margin-top:20px}.pathway-grid,.project-grid{grid-template-columns:1fr}.pathway-card{min-height:275px}.about-section{grid-template-columns:1fr;gap:35px}.login-inner{grid-template-columns:1fr;gap:30px}.footer-inner{display:grid;gap:20px}.footer-inner p{order:3}.code-card{transform:rotate(1deg)}}@media(max-width:480px){.section-wrap,.site-header{width:min(100% - 32px,1180px)}h1{font-size:53px}.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.hero-art{min-height:300px}.code-card pre{padding:22px;font-size:14px}.orbit-one{width:330px}.orbit-two{width:280px;height:280px}}

@media(max-width:360px){.orbit-one{width:250px;height:170px}.orbit-two{width:200px;height:200px}}