@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#07111b;--panel:#0d1b29;--line:#22384b;--ice:#e9f2fa;--muted:#a5b7c8;--blue:#13a7f0;--blue2:#6dd8ff}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--bg);color:var(--ice);font-family:'DM Sans',Arial,sans-serif;line-height:1.65}a{color:inherit}button{font:inherit}.shell{width:min(1200px,calc(100% - 48px));margin-inline:auto}.skip-link{position:absolute;top:-80px;left:12px;background:white;color:#000;padding:10px;z-index:100}.skip-link:focus{top:8px}.site-header{position:sticky;top:0;z-index:30;background:rgba(4,12,20,.96);border-bottom:1px solid #173149;backdrop-filter:blur(14px)}.nav-wrap{display:flex;align-items:center;gap:32px;min-height:82px}.wordmark{text-decoration:none;display:flex;flex-direction:column;line-height:.85;letter-spacing:.14em;min-width:170px}.wordmark>span{font-family:Georgia,serif;font-size:38px;font-weight:bold;color:#d8e9f6}.wordmark .rune{color:var(--blue);font-size:30px}.wordmark small{font-size:9px;letter-spacing:.68em;color:#93b7d1;margin-top:10px}.site-header nav{display:flex;gap:28px;align-items:center;flex:1;justify-content:center}.site-header nav a,.nav-cta{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;text-decoration:none}.site-header nav a:hover,.site-header nav a:focus-visible{color:var(--blue2)}.nav-cta{border:1px solid #1689c5;border-radius:4px;padding:12px 18px;white-space:nowrap}.nav-cta:hover{background:#12344c}.menu-toggle{display:none}.hero{position:relative;min-height:610px;display:flex;align-items:center;overflow:hidden;background:#091725}.hero-art{position:absolute;inset:0;background-image:linear-gradient(90deg,#07111b 0%,rgba(7,17,27,.94) 21%,rgba(7,17,27,.55) 45%,rgba(7,17,27,.05) 85%),linear-gradient(0deg,#07111b 0%,transparent 30%),url('../images/odin-hero-art.jpg');background-position:center,right center,right center;background-size:cover,cover,cover;filter:saturate(.88)}.hero-inner{position:relative;z-index:1;padding-block:100px 90px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.23em;color:var(--blue2);text-transform:uppercase;margin:0 0 20px}.hero h1,h2{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-weight:700;line-height:.99;letter-spacing:.055em;margin:0;text-transform:uppercase}.hero h1{font-size:clamp(58px,7vw,104px);max-width:780px;text-shadow:0 2px 24px #03111d}.hero h1 em,h2 em{font-style:normal;color:#8dcfe9}.hero-lede{font-size:18px;color:#d0dce8;max-width:440px;margin:30px 0}.actions{display:flex;gap:14px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:48px;padding:12px 23px;text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:.12em;text-decoration:none;border-radius:4px;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:#087ec6;color:#fff;border:1px solid #1aa6ee}.btn-primary:hover{background:#129ee8}.btn-outline{border:1px solid #249bd1;background:#07111b9c}.btn-outline:hover{background:#14344a}.hero-foot{margin-top:68px;font-size:10px;letter-spacing:.15em;color:#b5cbd8}.pulse{display:inline-block;width:7px;height:7px;background:#39c5ee;border-radius:50%;margin-right:8px;box-shadow:0 0 12px #39c5ee}.principles{background:#07121e;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.principles-grid{display:grid;grid-template-columns:repeat(4,1fr)}.principles-grid>div{display:flex;gap:16px;align-items:center;padding:26px 18px;border-right:1px solid var(--line)}.principles-grid>div:first-child{padding-left:0}.principles-grid>div:last-child{border-right:0}.symbol{font-size:32px;color:var(--blue2);width:36px;text-align:center}.principles strong{display:block;font-size:11px;letter-spacing:.13em}.principles small{display:block;font-size:12px;color:var(--muted)}.section{padding:112px 0}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.intro{background:radial-gradient(ellipse at 10% 40%,#132d42 0%,#08131f 45%,#07111b 85%)}h2{font-size:clamp(46px,5vw,75px)}.copy p:not(.eyebrow),.experience p:not(.eyebrow),.story-copy p,.contact p:not(.eyebrow){color:var(--muted)}.copy .lead{font-size:20px;color:var(--ice)!important;line-height:1.45}.text-link{display:inline-block;margin-top:16px;text-decoration:none;color:var(--blue2);text-transform:uppercase;letter-spacing:.12em;font-weight:700;font-size:12px;border-bottom:1px solid #287ca6;padding-bottom:8px}.visual-frame{background:linear-gradient(145deg,#101f31,#03080f);border:8px solid #263b4c;border-radius:20px;box-shadow:0 28px 65px #0008,0 0 0 1px #5c7e92;min-height:355px;padding:22px;transform:perspective(900px) rotateY(-6deg)}.frame-top,.frame-bottom{display:flex;justify-content:space-between;gap:8px;font-size:9px;letter-spacing:.1em;color:#9ebfd3}.live-label{color:#77d9fa}.dial{height:245px;position:relative;display:grid;place-items:center}.dial-arc{position:absolute;width:228px;height:228px;border:4px solid #18374f;border-top-color:#2ba5e8;border-right-color:#2ba5e8;border-radius:50%;box-shadow:inset 0 0 35px #0d2744,0 0 30px #062137}.dial-reading{position:relative;font-family:'Barlow Condensed',sans-serif;font-size:100px;line-height:1;color:#fff}.dial-reading span{display:block;font-family:'DM Sans',sans-serif;font-size:12px;letter-spacing:.3em;text-align:center;color:#85b6d2}.frame-bottom{border-top:1px solid #1c3447;padding-top:14px}.image-note{font-size:11px;color:#7d9db0;text-align:center}.features{background:#0b1926}.section-heading{max-width:770px;margin-bottom:40px}.section-heading>p:last-child{color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature{background:#0e2030;border:1px solid #244053;padding:32px;min-height:235px}.feature-icon{font-size:32px;color:var(--blue2)}.feature h3{font-family:'Barlow Condensed',sans-serif;font-size:26px;text-transform:uppercase;letter-spacing:.04em;margin:16px 0 6px}.feature p{color:var(--muted);font-size:14px;margin:0}.experience{background:linear-gradient(120deg,#07111b,#102c42)}.experience-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px}.experience p{max-width:510px}.quiet{font-size:13px;font-style:italic}.experience .btn{margin-top:15px}.demo-card{border:1px solid #23516d;background:radial-gradient(circle at center,#14334a,#050e19 70%);min-height:390px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;box-shadow:0 30px 70px #0007}.demo-symbol{font-size:100px;color:#27b6fa;text-shadow:0 0 30px #0098ed}.demo-card span,.demo-card small{font-size:10px;letter-spacing:.17em;color:#9bc4dc}.demo-card strong{font-family:'Barlow Condensed',sans-serif;font-size:38px;letter-spacing:.1em}.story{background:#07111b;border-top:1px solid var(--line)}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.story-copy p:first-child{font-size:20px;color:#e4eff7}.story-copy strong{color:#fff}.story-signoff{border-left:3px solid var(--blue);padding-left:18px;font-weight:700;color:#d6eaf6!important}.contact{text-align:center;background:radial-gradient(ellipse at center,#163a52,#07111b 68%);border-top:1px solid var(--line)}.contact-inner{max-width:690px}.contact h2{margin-bottom:24px}.contact p:not(.eyebrow){max-width:530px;margin:0 auto 25px}.contact .contact-note{font-size:12px;margin-top:16px!important}.site-footer{border-top:1px solid var(--line);padding:28px 0;background:#040b12}.footer-wrap,.footer-right{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-wrap strong{font-family:Georgia,serif;font-size:23px;letter-spacing:.1em}.footer-wrap strong span{color:var(--blue2)}.footer-wrap small{display:block;color:var(--muted);font-size:11px}.footer-right{font-size:11px;color:var(--muted)}.footer-right a{color:var(--blue2)}
@media(max-width:1000px){.site-header nav{gap:14px}.nav-cta{display:none}.two-col,.experience-grid{gap:42px}.principles-grid{grid-template-columns:repeat(2,1fr)}.principles-grid>div:nth-child(2){border-right:0}.principles-grid>div:nth-child(-n+2){border-bottom:1px solid var(--line)}}@media(max-width:720px){.shell{width:min(100% - 36px,1200px)}.nav-wrap{min-height:70px;justify-content:space-between}.wordmark{min-width:auto}.wordmark>span{font-size:30px}.wordmark small{font-size:8px}.menu-toggle{display:block;background:transparent;border:1px solid #28506b;color:#e7f4fc;border-radius:4px;padding:8px 12px}.site-header nav{display:none;position:absolute;top:70px;left:0;right:0;background:#06121f;border-bottom:1px solid var(--line);padding:18px 24px;flex-direction:column;align-items:stretch;gap:0}.site-header nav.is-open{display:flex}.site-header nav a{padding:12px}.hero{min-height:640px;align-items:flex-end}.hero-art{background-image:linear-gradient(0deg,#07111b 0%,rgba(7,17,27,.86) 43%,rgba(7,17,27,.1) 100%),url('../images/odin-hero-art.jpg');background-position:center,right 18px top 18px;background-size:cover,auto 76%}.hero-inner{padding-block:170px 55px}.hero h1{font-size:clamp(50px,12vw,74px)}.hero-lede{font-size:16px}.hero-foot{margin-top:40px}.section{padding:76px 0}.two-col,.experience-grid,.story-grid{grid-template-columns:1fr;gap:35px}.intro .section-visual{order:2}.intro .copy{order:1}.feature-grid{grid-template-columns:1fr 1fr}.principles-grid>div{padding:18px 8px}.principles strong{font-size:10px}.principles small{font-size:11px}.symbol{font-size:24px;width:24px}.story-grid{gap:18px}.footer-wrap,.footer-right{flex-direction:column;align-items:flex-start;gap:10px}}@media(max-width:470px){.feature-grid{grid-template-columns:1fr}.feature{min-height:auto}.hero h1{font-size:52px}.actions{flex-direction:column;align-items:stretch}.btn{width:100%}.visual-frame{transform:none}.dial-arc{width:205px;height:205px}.principles-grid{grid-template-columns:1fr}.principles-grid>div{border-right:0;border-bottom:1px solid var(--line)}.principles-grid>div:last-child{border-bottom:0}.hero-foot{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}

/* Contact form — isolated styles; original hero/layout unchanged */
.odin-contact-form{text-align:left;max-width:680px;margin:34px auto 0;padding:30px;background:#0c2031;border:1px solid #28506b;border-radius:8px}
.odin-contact-form label{display:block;color:#a7d7ed;font-size:11px;font-weight:700;letter-spacing:.12em;margin-bottom:18px}
.odin-contact-form input,.odin-contact-form select,.odin-contact-form textarea{display:block;width:100%;margin-top:8px;padding:13px 14px;background:#061420;border:1px solid #37576c;border-radius:4px;color:#edf6fc;font:inherit;font-size:15px;letter-spacing:normal;resize:vertical}
.odin-contact-form input:focus,.odin-contact-form select:focus,.odin-contact-form textarea:focus{outline:2px solid #4cbff1;outline-offset:2px}
.contact-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.contact-status{font-size:13px!important;color:#a9c4d4!important;margin:14px 0!important}.contact-status.error{color:#ffb6b6!important}.contact-status.success{color:#99e5bf!important}.odin-contact-form button:disabled{opacity:.5;cursor:not-allowed}.odin-contact-form .contact-note{font-size:12px!important;margin:15px 0 0!important;text-align:left}.turnstile-placeholder{min-height:10px}@media(max-width:600px){.contact-form-grid{grid-template-columns:1fr}.odin-contact-form{padding:20px}}

/* Experience: real screenshots and philosophy; all other sections unchanged */
.experience-real{background:linear-gradient(135deg,#07111b,#10293d 55%,#07111b)}.experience-heading{max-width:740px;margin-bottom:40px}.experience-heading>p:last-child,.screens-heading p:last-child{color:#adc5d7;max-width:600px}.odin-principles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.principle{border:1px solid #294b64;background:#091c2d;padding:30px;min-height:225px}.principle>span{font-size:11px;font-weight:700;letter-spacing:.15em;color:#69cfff}.principle blockquote{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-size:clamp(22px,2.3vw,31px);font-weight:600;line-height:1.18;margin:18px 0}.principle p{font-size:13px;color:#abc4d5;margin:0}.experience-signoff{text-align:center;color:#83d6f7;font-size:11px;letter-spacing:.22em;margin:36px 0 95px}.screens-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px}.gallery-actions{display:flex;gap:10px}.gallery-arrow{border:1px solid #3485b0;color:#dff4ff;background:#102d43;font-size:24px;width:50px;height:48px;border-radius:4px;cursor:pointer}.gallery-arrow:hover,.gallery-arrow:focus-visible{background:#195074}.core-gallery{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;gap:18px;padding:0 0 20px;scrollbar-color:#2d8ebd #0a1b29}.core-shot{flex:0 0 clamp(235px,29%,310px);margin:0;background:#0b1d2c;border:1px solid #2a526b;scroll-snap-align:start;overflow:hidden}.shot-open{display:block;position:relative;background:#050d16;border:0;padding:0;width:100%;cursor:zoom-in}.shot-open img{display:block;width:100%;height:365px;object-fit:contain;object-position:center top}.shot-zoom{position:absolute;bottom:0;right:0;background:#096a9d;color:#fff;padding:7px 10px;font-size:10px;font-weight:700;letter-spacing:.1em}.core-shot figcaption{padding:16px 18px;min-height:125px}.core-shot figcaption strong{display:block;color:#91dcff;font-size:12px;letter-spacing:.08em}.core-shot figcaption span{display:block;color:#b4c8d6;font-size:12px;line-height:1.5;margin-top:7px}.gallery-hint{color:#87b6d1;font-size:10px;letter-spacing:.17em;text-align:center;margin-top:14px}.shot-lightbox{position:fixed;max-width:min(95vw,850px);max-height:95vh;width:min(95vw,850px);background:#071421;border:1px solid #3b86a9;border-radius:8px;color:#eaf6ff;padding:16px;box-shadow:0 20px 80px #000b}.shot-lightbox::backdrop{background:rgba(0,5,12,.88)}.lightbox-top,.lightbox-nav{display:flex;justify-content:space-between;align-items:center;gap:12px}.lightbox-top{font-size:12px;letter-spacing:.1em;font-weight:700;color:#9bdcff;margin-bottom:12px}.lightbox-top button,.lightbox-nav button{background:#10304a;color:#e9f6ff;border:1px solid #3886b1;border-radius:4px;padding:9px 12px;cursor:pointer;font-size:11px}.shot-lightbox img{display:block;margin:auto;max-width:100%;max-height:calc(95vh - 150px);object-fit:contain}.lightbox-nav{margin-top:12px;font-size:11px;color:#a6cadf}@media(max-width:720px){.odin-principles{grid-template-columns:1fr}.principle{min-height:auto;padding:23px}.experience-signoff{margin-bottom:65px}.screens-heading{align-items:start}.gallery-actions{align-self:end}.core-shot{flex-basis:75%}.shot-open img{height:370px}.screens-heading h2{font-size:43px}}@media(prefers-reduced-motion:reduce){.core-gallery{scroll-behavior:auto}}

/* ODIN mobile hero refinement — mobile only; desktop unchanged. */
@media (max-width: 700px) {
  .hero { background:#07111b; }
  .hero-art {
    inset:0 0 auto 0;
    height:265px;
    background-image:linear-gradient(to bottom,rgba(7,17,27,0) 45%,#07111b 100%),url('../images/odin-hero-mobile.jpg');
    background-position:center top,center top;
    background-size:100% 100%,cover;
    background-repeat:no-repeat;
    filter:saturate(.88);
  }
  .hero-inner { padding-top:285px; padding-bottom:55px; }
}