:root{color-scheme:dark;--bg:#061225;--fg:#f3f7fe;--muted:#a5b4c9;--accent:#16b7ff;--line:#213047;--panel:#0b1c33;--button:#08a9f1;--button-text:#041426}
:root[data-theme=light]{color-scheme:light;--bg:#f6f9fd;--fg:#09213c;--muted:#5b6d81;--accent:#007fae;--line:#d4e0eb;--panel:#eaf2f9;--button:#007fad;--button-text:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--bg);color:var(--fg);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:6px}::selection{background:#0089c5;color:white}.wrap{width:min(1180px,calc(100% - 96px));margin-inline:auto}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.icon{height:22px;width:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.skip{position:fixed;top:-100px;left:20px;background:var(--fg);color:var(--bg);padding:16px;z-index:10}.skip:focus{top:10px}
.header{height:108px;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:34px}.brand{display:flex;align-items:center;gap:13px;font-size:18px;font-weight:800;letter-spacing:1.8px}.brand-sub{display:block;font-size:11px;letter-spacing:3.4px;color:var(--accent);margin-top:5px}.brand-mark{width:52px;height:52px;position:relative;overflow:hidden;border-radius:12px;flex-shrink:0;background:#071a31;border:1px solid #1e4669;box-shadow:0 8px 18px -14px #007fb8}.brand-mark img{position:absolute;max-width:none;width:190px;height:190px;left:-69px;top:-55px}.header nav{display:flex;gap:34px;align-items:center;margin-left:auto;font-size:14px;color:var(--muted)}.header nav a:hover{color:var(--accent)}.header nav span{margin-left:7px}.theme-button{width:44px;height:44px;background:transparent;border:1px solid var(--line);border-radius:50%;color:var(--fg);display:grid;place-items:center;cursor:pointer}.theme-button:hover{background:var(--panel)}.moon{display:none}[data-theme=light] .sun{display:none}[data-theme=light] .moon{display:block}
.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);gap:76px;padding-block:76px 88px;align-items:center}.hero-copy{max-width:540px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:600;color:var(--muted);margin:0 0 25px;line-height:1.6}.hero .eyebrow{display:flex;align-items:center;gap:10px}.eyebrow>span{display:block;width:21px;height:2px;background:var(--accent)}h1{font-size:clamp(48px,5.6vw,77px);line-height:1.06;letter-spacing:-3.5px;font-weight:500;margin:0}h1 em{font-style:normal;color:var(--accent)}.intro{font-size:17px;line-height:1.8;color:var(--muted);margin:27px 0 29px}.button{display:inline-flex;align-items:center;justify-content:center;gap:11px;padding:18px 21px;border-radius:8px;background:var(--button);color:var(--button-text);font-size:15px;font-weight:700;min-height:56px;transition:transform .18s,filter .18s}.button:hover{transform:translateY(-2px);filter:brightness(1.12)}.button-arrow{width:19px;margin-left:20px}
.hero-art{margin:0;height:520px;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% 36%,#123f67 0%,#092541 48%,#061428 82%);border:1px solid #275273;border-radius:30px;color:#fff;box-shadow:inset 0 1px 0 #ffffff0a,0 25px 70px -40px #009ee54d}.art-grid{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#249fe30e 1px,transparent 1px),linear-gradient(90deg,#249fe30e 1px,transparent 1px);background-size:36px 36px;mask-image:radial-gradient(ellipse at center,#000,transparent 76%)}.art-orbit{position:absolute;width:76%;aspect-ratio:1;top:67px;left:12%;border:1px solid #4ac7ff30;border-radius:50%;box-shadow:0 0 70px #078fe922,inset 0 0 55px #008deb12}.art-orbit:before,.art-orbit:after{content:"";position:absolute;border-radius:50%;inset:25px;border:1px dashed #4ac7ff20}.art-orbit:after{inset:-23px;border:1px solid #4ac7ff10}.mascot{position:absolute;width:89%;max-width:450px;height:auto;top:38px;left:50%;display:block;transform:translateX(-50%);filter:drop-shadow(0 12px 24px #00152fb3);animation:mascot-float 5.5s ease-in-out infinite;will-change:transform}.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 62%,#061428e8 86%,#061428);pointer-events:none}.art-top{position:absolute;z-index:2;top:22px;left:26px;right:26px;text-align:center;font-size:10px;letter-spacing:1.5px;color:#a6cce7}.hero-art figcaption{position:absolute;z-index:2;bottom:30px;left:30px;right:30px;display:flex;justify-content:space-between;align-items:end;font-size:11px;letter-spacing:1.6px;line-height:1.9;color:#a4c6df}.hero-art strong{font-size:25px;font-weight:400;letter-spacing:-.5px;color:#fff}.art-symbol{font-size:35px;color:#33bcff}@keyframes mascot-float{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,-7px)}}

.services{border-top:1px solid var(--line);padding-block:65px 72px}.section-heading{display:flex;justify-content:space-between;align-items:start;margin-bottom:46px}.section-heading .eyebrow{margin-top:7px}h2{font-size:36px;font-weight:500;line-height:1.2;letter-spacing:-1.2px;margin:0}.section-heading h2{width:calc(50% - 12px)}.service-list{display:grid;grid-template-columns:repeat(3,1fr)}.service{padding:0 30px;border-left:1px solid var(--line);display:flex;gap:18px}.service:first-child{padding-left:0;border:0}.service:last-child{padding-right:0}.service-number{font-size:12px;color:var(--muted);padding-top:5px}.service-icon{color:var(--accent);width:26px;height:26px;margin-bottom:20px}h3{font-size:18px;font-weight:500;letter-spacing:-.3px;margin:0 0 13px}.service p{font-size:15px;line-height:1.75;color:var(--muted);margin:0}
.contact{border-top:1px solid var(--line);padding-block:60px 64px;display:flex;align-items:center;justify-content:space-between;gap:32px}.contact .eyebrow{margin-bottom:20px}.contact h2{font-size:43px}.contact h2 span{color:var(--accent)}.contact p:not(.eyebrow){font-size:16px;line-height:1.6;color:var(--muted);margin:18px 0 0}.contact-actions{display:flex;flex-direction:column;align-items:center;gap:16px}.contact-actions>span{font-size:14px;color:var(--muted);letter-spacing:1px}.footer{padding-block:26px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);font-size:12px}.footer p{margin:0;line-height:1.6}.footer>div{display:flex;gap:10px}.footer a{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:50%}.footer a:hover{color:var(--accent)}
[data-theme=light] .brand-mark{background:#09213c;border-color:#b8d0e0;box-shadow:none}[data-theme=light] .hero-art{background:radial-gradient(ellipse at 50% 34%,#d8f2ff 0%,#a9daf2 44%,#649ec0 100%);border-color:#9ec6db;box-shadow:0 25px 70px -42px #007cac66}[data-theme=light] .art-grid{background-image:linear-gradient(#007cac15 1px,transparent 1px),linear-gradient(90deg,#007cac15 1px,transparent 1px)}[data-theme=light] .art-orbit{border-color:#057fac70;box-shadow:0 0 60px #008ccc3b,inset 0 0 45px #0086c023}[data-theme=light] .art-orbit:before{border-color:#087eaa3d}[data-theme=light] .art-orbit:after{border-color:#087eaa2e}[data-theme=light] .hero-art:after{background:linear-gradient(180deg,transparent 59%,#d3eaf5dc 86%,#e8f4fa)}[data-theme=light] .art-top{color:#21536f}[data-theme=light] .hero-art figcaption{color:#315c75}[data-theme=light] .hero-art strong{color:#09213c}[data-theme=light] .mascot{filter:drop-shadow(0 12px 20px #155f7a55)}
@media(min-width:1450px){.hero{padding-block:90px}.hero-art{height:550px}}@media(max-width:1000px){.wrap{width:calc(100% - 56px)}.hero{grid-template-columns:1fr 1fr;gap:35px}.hero-art{height:475px}h1{letter-spacing:-2.5px}.hero .eyebrow{font-size:10px;letter-spacing:1.2px}.service{padding-inline:18px;gap:12px}.section-heading h2{width:50%}.art-top{letter-spacing:1px;font-size:9px}}
@media(max-width:720px){.wrap{width:calc(100% - 40px)}.header{height:88px;gap:16px}.brand{font-size:16px;gap:10px}.brand-sub{font-size:10px;letter-spacing:2.8px}.brand-mark{width:48px;height:48px;border-radius:11px}.brand-mark img{width:177px;height:177px;left:-64px;top:-51px}.header nav{display:none}.theme-button{margin-left:auto;flex-shrink:0}.hero{grid-template-columns:1fr;gap:38px;padding-block:48px}.hero-copy{max-width:none}.hero .eyebrow{font-size:10px;letter-spacing:1.5px;margin-bottom:24px}h1{font-size:clamp(46px,10.8vw,70px);line-height:1.08;letter-spacing:-2px}.intro{font-size:16px;margin-block:24px}.hero-art{height:440px;border-radius:24px}.mascot{width:94%;top:48px}.art-top{left:20px;right:20px}.art-orbit{top:76px}.hero-art figcaption{left:25px;right:25px;bottom:25px}.section-heading{display:block;margin-bottom:35px}.section-heading h2{width:auto;font-size:32px}.section-heading .eyebrow{margin-bottom:16px}.services{padding-block:42px}.service-list{grid-template-columns:1fr;gap:26px}.service,.service:first-child,.service:last-child{padding:0 0 26px;border:0;border-bottom:1px solid var(--line);gap:23px}.service:last-child{padding-bottom:0;border:0}.service-icon{margin-bottom:14px}.service p{max-width:450px}.contact{padding-block:42px;display:block}.contact h2{font-size:36px}.contact-actions{align-items:flex-start;margin-top:28px}.contact-actions>span{margin-left:34px}.footer{font-size:11px}.footer .icon{width:19px}.desktop-break{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}.mascot{animation:none;will-change:auto}}
.header{height:126px}
.brand{display:grid;place-items:center;width:250px;height:106px;flex:0 0 auto;padding:0;gap:0;border:0;background:transparent;box-shadow:none}
.brand-logo{grid-area:1 / 1;display:block;width:100%;height:100%;object-fit:contain}
.brand-logo-light{display:none}
[data-theme=light] .brand-logo-dark{display:none}
[data-theme=light] .brand-logo-light{display:block}
@media(max-width:720px){.header{height:108px}.brand{width:210px;height:90px}}
@media(max-width:360px){.brand{width:190px;height:82px}}