:root{--clr-navy:#0f3d68;--clr-navy-deep:#0a2a47;--clr-blue:#1d95e0;--clr-blue-hover:#1580c4;--clr-blue-band:#0b4ea2;--clr-blue-soft:#e6f2fb;--clr-blue-ink:#2b8fd8;--clr-bg:#fff;--clr-bg-alt:#eef2f7;--clr-surface:#fff;--clr-surface-sunken:#f4f7fa;--clr-border:#e3e9f0;--clr-bezel:#1c1f24;--clr-heading:#0f3d68;--clr-text:#26384c;--clr-muted:#6b7c8f;--clr-on-dark:#fff;--clr-on-dark-muted:#ffffffb8;--clr-nav-bg:#ffffffeb;--clr-nav-border:#e5ebf2;--font-main:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1.125rem;--radius-xl:1.5rem;--radius-full:9999px;--shadow-xs:0 1px 2px #0f3d680d;--shadow-sm:0 2px 8px #0f3d680f;--shadow-md:0 10px 30px #0f3d6814;--shadow-lg:0 24px 60px #0f3d6824;--gap-page:clamp(1rem, 4vw, 2rem);--space-section:clamp(3.5rem, 8vw, 6.5rem);--space-block:clamp(1.5rem, 4vw, 3rem);--transition-fast:.15s ease;--transition-normal:.3s ease}[data-theme=dark]{--clr-navy:#7cc4f2;--clr-heading:#e8f2fb;--clr-blue-soft:#1d95e02e;--clr-blue-ink:#6fc0f0;--clr-bg:#0d1622;--clr-bg-alt:#121e2d;--clr-surface:#172434;--clr-surface-sunken:#131f2e;--clr-border:#243447;--clr-bezel:#05090f;--clr-text:#cbd8e5;--clr-muted:#8ba0b6;--clr-nav-bg:#0d1622eb;--clr-nav-border:#1e2c3d}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:90px;overflow-x:hidden}body{font-family:var(--font-main);background-color:var(--clr-bg);color:var(--clr-text);overflow-wrap:break-word;-webkit-font-smoothing:antialiased;max-width:100vw;line-height:1.6;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}ul{list-style:none}button{font:inherit;cursor:pointer}h1,h2,h3,h4{color:var(--clr-heading);letter-spacing:-.015em;line-height:1.2}.container{width:100%;max-width:1200px;padding-inline:var(--gap-page);margin-inline:auto}.section{padding-block:var(--space-section)}.section-alt{background-color:var(--clr-bg-alt)}.section-head{text-align:center;max-width:46rem;margin-inline:auto;margin-bottom:var(--space-block)}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--clr-blue-ink);margin-bottom:.75rem;font-size:clamp(.68rem,1.1vw,.75rem);font-weight:700}.eyebrow-on-dark{color:#9ed3f7}.section-title{color:var(--clr-heading);font-size:clamp(1.6rem,3.4vw,2.35rem);font-weight:800}.section-sub{color:var(--clr-muted);margin-top:.75rem;font-size:clamp(.9rem,1.4vw,1.05rem)}.section-cta{margin-top:var(--space-block);justify-content:center;display:flex}.btn{border-radius:var(--radius-full);text-align:center;transition:background-color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);border:none;justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1.5rem;font-size:clamp(.85rem,1.2vw,.95rem);font-weight:600;display:inline-flex}.btn-primary{background-color:var(--clr-blue);color:#fff;box-shadow:0 6px 16px #1d95e047}.btn-primary:hover{background-color:var(--clr-blue-hover);color:#fff;transform:translateY(-1px)}.btn-sm{padding:.5rem 1.1rem;font-size:.85rem}.btn-contact{color:#fff;background-color:#4fb3ec;box-shadow:0 8px 20px #0000002e}.btn-contact:hover{color:#fff;background-color:#6cc2f2;transform:translateY(-1px)}.pill{border-radius:var(--radius-full);background-color:var(--clr-blue-soft);color:var(--clr-blue-ink);letter-spacing:.01em;align-items:center;padding:.35rem .9rem;font-size:clamp(.68rem,1.1vw,.78rem);font-weight:600;display:inline-flex}.navbar{z-index:1000;background:var(--clr-nav-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:border-color var(--transition-normal), box-shadow var(--transition-normal);border-bottom:1px solid #0000;position:fixed;inset-block-start:0;inset-inline:0}.navbar.scrolled{border-bottom-color:var(--clr-nav-border);box-shadow:var(--shadow-xs)}.nav-container{justify-content:space-between;align-items:center;gap:1rem;min-height:clamp(58px,6vw,68px);display:flex}.brand{flex-shrink:0;align-items:center;gap:.55rem;display:inline-flex}.brand-mark{width:auto;height:clamp(40px,5.5vw,50px)}.nav-links{align-items:center;gap:clamp(.75rem,2vw,1.75rem);display:flex}.nav-links a:not(.btn){color:var(--clr-muted);font-size:clamp(.8rem,1.15vw,.9rem);font-weight:500}.nav-links a:not(.btn):hover{color:var(--clr-blue)}.nav-icon-btn,.nav-lang-btn{color:var(--clr-muted);transition:color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;font-size:.95rem;font-weight:700;display:inline-flex}.nav-icon-btn:hover,.nav-lang-btn:hover{color:var(--clr-blue)}.mobile-menu-btn{color:var(--clr-heading);background:0 0;border:none;font-size:1.35rem;display:none}.hero{background:radial-gradient(circle at 15% 30%,#1d95e012,#0000 45%);padding-top:clamp(6rem,12vw,8.5rem);padding-bottom:clamp(3rem,8vw,6rem)}.hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(1.5rem,5vw,4rem);display:grid}.hero-visual{justify-content:center;display:flex}.hero-plant{transform-origin:50% 92%;width:100%;max-width:clamp(280px,42vw,560px);height:auto;animation:9s ease-in-out infinite hero-sway}@keyframes hero-sway{0%,to{transform:rotate(-.8deg)translateY(0)}50%{transform:rotate(.8deg)translateY(-8px)}}.hero-copy{max-width:34rem}.hero-title{letter-spacing:-.03em;color:var(--clr-navy);margin-top:1.25rem;font-size:clamp(2rem,5.2vw,3.35rem);font-weight:800;line-height:1.08}[data-theme=dark] .hero-title{color:var(--clr-heading)}.hero-subtitle{color:var(--clr-muted);max-width:32rem;margin-top:1.25rem;font-size:clamp(.92rem,1.5vw,1.05rem)}.hw-layout{grid-template-columns:minmax(0,1fr) minmax(0,2.15fr) minmax(0,1fr);align-items:center;gap:clamp(1rem,2.5vw,2rem);display:grid}.hw-specs{align-content:center;gap:clamp(.75rem,1.5vw,1rem);display:grid}.spec-card{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);padding:clamp(.85rem,1.6vw,1.05rem)}.spec-card h3{font-size:clamp(.82rem,1.2vw,.92rem);font-weight:700}.spec-card p{color:var(--clr-muted);margin-top:.3rem;font-size:clamp(.72rem,1.05vw,.8rem);line-height:1.5}.hw-stage{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);flex-direction:column;align-items:center;gap:clamp(.75rem,2vw,1.25rem);padding:clamp(1.25rem,3vw,2rem);display:flex;position:relative}.hw-hint{border-radius:var(--radius-full);background:var(--clr-navy);color:#fff;align-items:center;gap:.4rem;padding:.3rem .8rem;font-size:clamp(.62rem,1vw,.72rem);font-weight:600;display:inline-flex}[data-theme=dark] .hw-hint{background:var(--clr-blue)}.hw-viewport{perspective:1000px;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);place-items:center;width:100%;height:clamp(170px,24vw,290px);display:grid}.hw-viewport.is-dragging{cursor:grabbing}.hw-viewport img{object-fit:contain;width:100%;height:100%;transform:rotateY(var(--hw-rot,0deg));filter:drop-shadow(0 14px 22px #0f3d6829);pointer-events:none;transition:transform .12s linear}.hw-plinth{border:2px dashed #1d95e073;border-radius:50%;width:min(52%,240px);height:clamp(14px,2.5vw,22px)}.hw-thumbs{flex-wrap:wrap;justify-content:center;gap:clamp(.4rem,1vw,.75rem);width:100%;display:flex}.hw-thumb{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-sm);width:clamp(60px,8vw,80px);transition:border-color var(--transition-fast), background-color var(--transition-fast);flex-direction:column;align-items:center;gap:.3rem;padding:.45rem .3rem;display:flex}.hw-thumb img{object-fit:contain;width:100%;height:clamp(26px,4vw,38px)}.hw-thumb span{color:var(--clr-muted);font-size:clamp(.55rem,.85vw,.65rem);font-weight:600;line-height:1.2}.hw-thumb:hover{border-color:#1d95e080}.hw-thumb.is-active{border-color:var(--clr-blue);background:var(--clr-blue-soft)}.hw-thumb.is-active span{color:var(--clr-blue-ink)}.devices-panel{background:var(--clr-bg-alt);border-radius:var(--radius-xl);justify-content:center;align-items:center;padding:clamp(1.25rem,4vw,2.75rem) clamp(.75rem,3vw,2rem);display:flex}.device{flex-shrink:0}.device-screen{background:#f2f5f8;overflow:hidden}.device-screen img{width:100%;height:auto}.device-tablet{z-index:2;border:clamp(4px, .7vw, 9px) solid var(--clr-bezel);width:23%;box-shadow:var(--shadow-lg);border-radius:clamp(8px,1.4vw,16px);margin-right:-4%;overflow:hidden}.device-tablet .device-screen{border-radius:2px}.device-laptop{z-index:1;width:54%}.laptop-lid{border:clamp(5px, .9vw, 11px) solid var(--clr-bezel);box-shadow:var(--shadow-lg);border-bottom-width:clamp(7px,1.2vw,14px);border-radius:clamp(8px,1.2vw,14px) clamp(8px,1.2vw,14px) 3px 3px;overflow:hidden}.laptop-base{background:linear-gradient(#d9dee5,#b6bec9);border-radius:0 0 clamp(5px,.8vw,9px) clamp(5px,.8vw,9px);width:112%;height:clamp(7px,1.1vw,13px);margin-left:-6%;box-shadow:0 8px 18px #0f3d682e}[data-theme=dark] .laptop-base{background:linear-gradient(#48566a,#2c3849)}.device-phone{z-index:2;border:clamp(3px, .55vw, 7px) solid var(--clr-bezel);width:14%;box-shadow:var(--shadow-lg);border-radius:clamp(10px,1.9vw,24px);margin-left:-2%;position:relative;overflow:hidden}.phone-notch{background:var(--clr-bezel);z-index:2;border-radius:0 0 6px 6px;width:42%;height:clamp(4px,.8vw,9px);position:absolute;top:0;left:50%;transform:translate(-50%)}.device-captions{text-align:center;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.75rem,2vw,1.5rem);margin-top:clamp(1.25rem,3vw,2rem);display:grid}.device-caption h3{font-size:clamp(.85rem,1.3vw,.98rem);font-weight:700}.device-caption p{color:var(--clr-muted);margin-top:.25rem;font-size:clamp(.72rem,1.1vw,.85rem)}.team-grid{flex-wrap:wrap;justify-content:center;gap:clamp(1.5rem,4vw,3rem);max-width:640px;margin-inline:auto;display:flex}.team-card{text-align:center;flex-direction:column;align-items:center;width:clamp(9rem,24vw,12rem);display:flex}.team-card-photo{aspect-ratio:1;object-fit:cover;border:1px solid var(--clr-border);width:clamp(7rem,18vw,9rem);box-shadow:var(--shadow-xs);border-radius:50%}.team-card figcaption{flex-direction:column;margin-top:.85rem;line-height:1.3;display:flex}.team-card-name{color:var(--clr-heading);font-size:clamp(.85rem,1.3vw,1rem);font-weight:700}.team-card-role{color:var(--clr-muted);margin-top:.15rem;font-size:clamp(.72rem,1.05vw,.82rem)}.mission-grid{margin-top:var(--space-block);grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:clamp(.75rem,2vw,1.25rem);display:grid}.mission-card{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);padding:clamp(1rem,2vw,1.35rem)}.mission-card h3{letter-spacing:.12em;text-transform:uppercase;color:var(--clr-blue-ink);margin-bottom:.6rem;font-size:clamp(.62rem,1vw,.72rem);font-weight:700}.mission-card p{color:var(--clr-muted);font-size:clamp(.75rem,1.1vw,.85rem);line-height:1.55}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:clamp(1rem,2.5vw,1.75rem);display:grid}.feature-card{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);transition:transform var(--transition-normal), box-shadow var(--transition-normal);padding:clamp(1.25rem,3vw,1.85rem)}.feature-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.feature-icon{aspect-ratio:1;background:var(--clr-blue);color:#fff;border-radius:50%;place-items:center;width:clamp(34px,4vw,44px);margin-bottom:clamp(1rem,2.5vw,1.5rem);font-size:clamp(.85rem,1.4vw,1.05rem);display:grid}.feature-card h3{font-size:clamp(.92rem,1.4vw,1.08rem);font-weight:700}.feature-card p{color:var(--clr-muted);margin-top:.5rem;font-size:clamp(.78rem,1.15vw,.88rem);line-height:1.55}.sponsor-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:clamp(1rem,2.5vw,1.75rem);display:grid}.sponsor-card{text-align:center;background:var(--clr-surface-sunken);border:1px solid var(--clr-border);border-radius:var(--radius-lg);flex-direction:column;align-items:center;padding:clamp(1.25rem,3vw,1.85rem);display:flex}.sponsor-logo{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);place-items:center;width:100%;height:clamp(44px,6vw,62px);margin-bottom:clamp(.75rem,2vw,1.15rem);display:grid}.sponsor-logo img{object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%}[data-theme=dark] .sponsor-logo img{border-radius:var(--radius-sm);mix-blend-mode:normal;background:#fff;padding:.35rem}.sponsor-card h3{font-size:clamp(.85rem,1.3vw,.98rem);font-weight:700}.sponsor-card p{color:var(--clr-muted);margin-top:.5rem;font-size:clamp(.72rem,1.1vw,.82rem);line-height:1.55}.contact-band{background:var(--clr-blue-band);text-align:center;padding-block:clamp(3rem,7vw,5rem)}.contact-title{color:#fff;font-size:clamp(1.6rem,3.4vw,2.35rem);font-weight:800}.contact-sub{color:var(--clr-on-dark-muted);margin-top:.75rem;margin-bottom:clamp(1.25rem,3vw,1.85rem);font-size:clamp(.85rem,1.3vw,.98rem)}.footer{background:var(--clr-navy-deep);padding-block:clamp(1rem,2.5vw,1.5rem)}.footer-container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;font-size:clamp(.68rem,1vw,.78rem);display:flex}.copyright{color:var(--clr-on-dark-muted)}.footer-site{color:#7cc4f2}.footer-site:hover{color:#a8d9f7}@media (width<=1080px){.hw-layout{grid-template-columns:minmax(0,1fr)}.hw-stage{order:-1}.hw-specs{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}}@media (width<=960px){.hero-grid{text-align:center;grid-template-columns:minmax(0,1fr)}.hero-copy,.hero-subtitle{margin-inline:auto}}@media (width<=860px){.nav-links{inset-inline:0;padding:1.5rem var(--gap-page);background:var(--clr-bg);border-bottom:1px solid var(--clr-nav-border);box-shadow:var(--shadow-md);flex-direction:column;align-items:flex-start;gap:1.1rem;display:none;position:absolute;top:100%}.nav-links.active{display:flex}.mobile-menu-btn{display:block}.devices-panel{flex-direction:column;gap:clamp(1.25rem,4vw,2rem)}.device-tablet,.device-laptop,.device-phone{width:min(100%,420px);margin:0}.device-phone{width:min(60%,220px)}.device-captions{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-plant{animation:none}*,:before,:after{transition-duration:.01ms!important}}
