:root{--navy:#10233F;--blue:#2563EB;--cyan:#22B8CF;--ice:#F5F7FA;--graphite:#263238;--ease-out:cubic-bezier(.23,1,.32,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}body{margin:0;background:var(--ice);color:var(--graphite);font-family:Manrope,Arial,sans-serif;font-size:16px;line-height:1.6}h1,h2,h3,p,figure{margin:0}h1,h2,h3{color:var(--navy)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button,summary{touch-action:manipulation}button,.button{user-select:none;-webkit-user-select:none}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.wrap{width:calc(100% - 112px);max-width:1360px;margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:24px;top:0;z-index:100;padding:14px 20px;background:var(--navy);color:white;transform:translateY(-110%)}.skip-link:focus{transform:translateY(0)}
.header{border-bottom:1px solid #10233f16;background:var(--ice);padding-top:env(safe-area-inset-top,0px)}.header-inner{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:flex;align-items:center;gap:13px;flex-shrink:0}.brand-icon{position:relative;width:48px;height:48px;overflow:hidden;border-radius:10px;background:#050513}.brand-icon img{width:100%;height:100%;display:block;transform:scale(1.6)}.brand-name{font-size:27px;line-height:1;font-weight:800;letter-spacing:-1.5px;color:var(--navy)}.brand-period{color:var(--blue)}.desktop-nav{display:flex;align-items:center;gap:36px;margin-left:auto;margin-right:30px}.desktop-nav a{font-size:14px;font-weight:600;min-height:44px;display:flex;align-items:center;gap:8px}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;background:var(--blue);color:#fff;padding:17px 24px;min-height:56px;border:1px solid transparent;border-radius:7px;font-size:14px;font-weight:700;line-height:1.4;transition:transform 150ms var(--ease-out),background 150ms ease}.button span{font-size:23px;line-height:1;font-weight:400}.button:active:not(:focus-visible){transform:scale(.97)}.header-contact{min-height:48px;padding:12px 18px;font-size:13px;gap:22px}.mobile-plan-link{display:none}
.hero{display:grid;grid-template-columns:1.06fr 1fr;gap:36px;align-items:center;padding-top:65px;padding-bottom:67px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:1.4px;color:var(--navy);display:flex;align-items:center;gap:10px}.eyebrow-mark{display:block;width:8px;height:8px;background:var(--blue)}.hero h1{font-size:clamp(48px,4.45vw,70px);line-height:1.08;letter-spacing:-3px;font-weight:800;max-width:650px;margin-top:25px;text-wrap:balance}.hero h1 span{color:var(--blue)}.hero-description{font-size:17px;line-height:1.75;max-width:510px;margin-top:28px;color:#465367}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:30px}.hero-contact{font-size:14px;font-weight:700;display:inline-flex;gap:15px;align-items:center;min-height:48px}.hero-contact span{font-size:21px;color:var(--blue)}.hero-note{display:flex;gap:14px;align-items:center;margin-top:33px}.hero-note>span{font-size:31px;color:var(--cyan);line-height:1}.hero-note p{font-size:12px;line-height:1.8;color:#566479}.hero-note strong{color:var(--navy);font-weight:700}
.hero-art{position:relative;height:560px;isolation:isolate;align-self:end}.hero-panel{position:absolute;inset:16px 0 26px 56px;z-index:-1;background:var(--navy);clip-path:polygon(0 0,calc(100% - 60px) 0,100% 60px,100% 100%,60px 100%,0 calc(100% - 60px));overflow:hidden}.panel-type{position:absolute;bottom:44px;left:25px;color:#fff;font-size:125px;letter-spacing:-8px;font-weight:800;line-height:1;opacity:.065}.panel-cross{position:absolute;right:24px;top:78px;font-size:36px;color:var(--cyan);font-weight:400;line-height:1}.art-corner{position:absolute;width:45px;height:45px;border-top:3px solid var(--cyan);border-right:3px solid var(--cyan);top:1px;right:15px;z-index:1}.fera{display:block;position:absolute;width:calc(100% + 54px);max-width:none;height:auto;bottom:51px;right:-15px;filter:drop-shadow(0 16px 25px #03122e22)}.hero-art figcaption{display:flex;align-items:center;gap:9px;position:absolute;bottom:0;right:12px;font-size:9px;font-weight:800;letter-spacing:1.3px;color:#536174}.figure-mark{width:20px;height:2px;background:var(--cyan)}
.brand-strip{position:relative;display:flex;align-items:center;background:var(--navy);color:white;overflow:hidden;height:72px}.marquee-window{overflow:hidden;width:100%;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 90%,transparent)}.marquee-track{display:flex;width:max-content;animation:marquee 36s linear infinite}.marquee-group{display:flex;align-items:center;justify-content:space-around;gap:50px;min-width:1280px;flex-shrink:0;padding-inline:25px}.marquee-group span{font-size:14px;font-weight:700;letter-spacing:1.1px;white-space:nowrap}.marquee-group i{color:var(--cyan);font-style:normal;font-size:29px}.marquee-toggle{position:absolute;right:16px;width:40px;height:40px;display:grid;place-items:center;background:var(--navy);color:var(--cyan);border:1px solid #22b8cf55;border-radius:50%;line-height:1}.pause-icon{font-size:20px}.brand-strip.is-paused .marquee-track{animation-play-state:paused}.marquee-toggle:focus-visible{outline-color:var(--cyan)}@keyframes marquee{to{transform:translateX(-50%)}}
.footer{background:var(--navy);color:#fff;padding:48px 0 calc(32px + env(safe-area-inset-bottom,0px))}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.footer .brand-name{color:white}.footer p{font-size:14px;color:#c0cbd9;margin-top:16px}.footer-links{display:flex;gap:26px;font-size:14px;align-items:center}.footer-links a{padding:12px 0}.footer a:focus-visible{outline-color:var(--cyan)}.footer-bottom{border-top:1px solid #ffffff23;margin-top:30px;padding-top:22px;font-size:11px;color:#c0cbd9}
@media(hover:hover) and (pointer:fine){.button:hover{background:#1d55d5}.desktop-nav a:hover,.hero-contact:hover{color:var(--blue)}.footer-links a:hover{color:var(--cyan)}}
@media(min-width:1600px){.hero{padding-block:78px}.hero-art{height:580px}}
@media(max-width:1180px){.wrap{width:calc(100% - 64px)}.header-inner{gap:20px}.desktop-nav{gap:24px;margin-right:12px}.hero{gap:24px;padding-block:54px}.hero h1{font-size:53px;letter-spacing:-2.6px}.hero-art{height:510px}.hero-panel{left:28px}.fera{width:calc(100% + 45px);bottom:58px;right:-12px}.hero-actions{gap:20px;flex-wrap:wrap}.hero-description{font-size:16px}.hero-note{margin-top:25px}}
@media(max-width:900px){.desktop-nav{display:none}.header-inner{min-height:86px}.hero{grid-template-columns:1fr 1fr;gap:22px}.hero h1{font-size:44px;letter-spacing:-2px}.hero-art{height:490px}.hero-panel{inset:20px 0 28px 10px}.fera{width:calc(100% + 55px);bottom:76px}.hero-description{font-size:16px}.hero-actions{display:grid;justify-items:start;gap:8px}.hero-note{display:none}.eyebrow{font-size:9px;letter-spacing:.8px}.panel-type{font-size:95px}.footer-links{gap:16px}}
@media(max-width:680px){.wrap{width:calc(100% - 40px)}.header-inner{min-height:78px;gap:16px}.brand-icon{width:36px;height:36px;border-radius:8px}.brand-name{font-size:23px;letter-spacing:-1.2px}.brand{gap:9px}.header-contact{display:none}.mobile-plan-link{display:flex;gap:8px;align-items:center;font-size:13px;font-weight:700;min-height:44px}.hero{grid-template-columns:1fr;gap:0;padding-top:35px;padding-bottom:30px}.eyebrow{font-size:9px;letter-spacing:.5px;gap:7px}.hero h1{font-size:clamp(36px,9.6vw,49px);letter-spacing:-1.7px;line-height:1.13;margin-top:22px;max-width:500px}.hero-description{font-size:16px;line-height:1.7;max-width:450px;margin-top:22px}.hero-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:25px}.hero-actions .button{font-size:13px;padding:15px 20px;min-height:52px;gap:20px}.hero-contact{font-size:13px;gap:9px}.hero-art{height:285px;max-width:400px;width:100%;margin:31px auto 0}.hero-panel{inset:9px 3px 22px 41px;clip-path:polygon(0 0,calc(100% - 35px) 0,100% 35px,100% 100%,35px 100%,0 calc(100% - 35px))}.fera{width:calc(100% + 6px);right:-3px;bottom:29px}.panel-type{font-size:90px;left:10px;bottom:20px;letter-spacing:-5px}.panel-cross{font-size:25px;top:45px;right:16px}.art-corner{width:29px;height:29px;right:10px;top:0;border-width:2px}.hero-art figcaption{font-size:7px;letter-spacing:1px;right:3px;bottom:0}.brand-strip{height:61px}.marquee-group{min-width:890px;gap:35px;padding-inline:20px}.marquee-group span{font-size:11px}.marquee-group i{font-size:23px}.marquee-toggle{width:34px;height:34px;right:10px}.marquee-track{animation-duration:32s}.footer{padding-top:36px}.footer-inner{align-items:flex-start;flex-direction:column;gap:20px}.footer-links{flex-wrap:wrap;gap:12px 25px}.footer p{font-size:13px}.footer-bottom{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee-track{animation:none;width:100%}.marquee-group{min-width:0;width:100%;gap:12px;flex-wrap:wrap;padding:12px 20px}.marquee-group[aria-hidden=true]{display:none}.marquee-group span{font-size:11px}.marquee-group i{font-size:20px}.brand-strip{height:auto;min-height:61px}.marquee-toggle{display:none}.marquee-window{mask-image:none}.button{transition:background 150ms ease}.button:active:not(:focus-visible){transform:none}}