:root {
  --bg: #080c12;
  --bg-2: #0c131b;
  --surface: #111923;
  --surface-2: #151e28;
  --line: rgba(206, 229, 224, .12);
  --line-strong: rgba(206, 229, 224, .25);
  --text: #f1f5f1;
  --muted: #9baaa9;
  --muted-dark: #718080;
  --accent: #c2ff5a;
  --mint: #75efd0;
  --serifless: "Inter", "Arial", "Helvetica Neue", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
  --ease: cubic-bezier(.16, 1, .3, 1);
  --max: 1440px;
}
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 104px; }
body { margin: 0; background: var(--bg); color: var(--text); font-family: var(--serifless); -webkit-font-smoothing: antialiased; font-feature-settings: "palt" 1; overflow-x: hidden; }
::selection { color: #08100b; background: var(--accent); }
button, a { -webkit-tap-highlight-color: transparent; }
button { font: inherit; }
a { color: inherit; text-decoration: none; }
a:focus-visible, button:focus-visible { outline: 2px solid var(--accent); outline-offset: 5px; }
img, svg { display: block; max-width: 100%; }
.container { width: min(100% - clamp(40px, 8.9vw, 160px), var(--max)); margin-inline: auto; }
.section { padding: clamp(100px, 11vw, 168px) 0; position: relative; }
.skip-link { position: fixed; z-index: 500; top: 8px; left: 8px; padding: 12px 18px; color: #0b100d; background: var(--accent); transform: translateY(-170%); }
.skip-link:focus { transform: translateY(0); }
.scroll-track { position: fixed; z-index: 1000; top: 0; left: 0; width: 100%; height: 2px; pointer-events: none; }
.scroll-indicator { width: 0; height: 100%; background: linear-gradient(90deg,var(--accent),var(--mint)); box-shadow: 0 0 16px rgba(194,255,90,.6); }

/* Header */
.site-header { position: fixed; top: 0; z-index: 200; width: 100%; border-bottom: 1px solid transparent; transition: background .35s, border-color .35s, backdrop-filter .35s; }
.site-header.is-scrolled, .site-header.is-menu-open { background: rgba(8,12,18,.87); border-color: var(--line); backdrop-filter: blur(22px) saturate(135%); -webkit-backdrop-filter: blur(22px) saturate(135%); }
.header-inner { height: 88px; display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.brand { display: inline-flex; align-items: center; gap: 11px; flex-shrink: 0; position: relative; z-index: 6; }
.brand-symbol { width: 33px; height: 33px; color: var(--accent); display: grid; place-items: center; }
.brand-symbol svg { width: 31px; height: 31px; }
.brand-word { font-family: Arial, Helvetica, sans-serif; font-weight: 900; font-size: 20px; letter-spacing: -.055em; white-space: nowrap; }
.brand-dot { color: var(--accent); }
.desktop-nav { display: flex; align-items: center; gap: clamp(24px, 3.1vw, 47px); margin-left: auto; margin-right: clamp(10px,1vw,18px); }
.desktop-nav a { position: relative; font-family: Arial, sans-serif; font-size: 10px; font-weight: 700; letter-spacing: .13em; color: #acb8b6; padding: 15px 0; transition: color .2s; }
.desktop-nav a::after { content: ""; position: absolute; height: 1px; width: 0; background: var(--accent); bottom: 7px; left: 0; transition: width .3s var(--ease); }
.desktop-nav a:hover, .desktop-nav a.is-active { color: var(--text); }
.desktop-nav a:hover::after, .desktop-nav a.is-active::after { width: 100%; }
.header-actions { display: flex; align-items: center; gap: 12px; }
.header-cta { display: inline-flex; align-items: center; gap: 25px; padding: 13px 16px; border: 1px solid rgba(194,255,90,.55); color: var(--accent); font-size: 12px; font-weight: 750; white-space: nowrap; letter-spacing: .02em; transition: .25s; }
.header-cta:hover { color: #10160b; background: var(--accent); }
.header-cta span { font-size: 17px; font-weight: 400; }
.menu-toggle { display: none; width: 45px; height: 45px; justify-content: center; align-items: center; flex-direction: column; gap: 6px; border: 1px solid var(--line-strong); background: transparent; color: #fff; cursor: pointer; }
.menu-toggle span { height: 2px; width: 19px; background: currentColor; transition: .25s; }
.site-header.is-menu-open .menu-toggle span:first-child { transform: translateY(4px) rotate(45deg); }
.site-header.is-menu-open .menu-toggle span:last-child { transform: translateY(-4px) rotate(-45deg); }
.mobile-nav { display: none; }

/* Shared UI */
.section-meta { display: flex; justify-content: space-between; gap: 15px; align-items: center; padding-bottom: 23px; border-bottom: 1px solid var(--line-strong); color: var(--accent); font: 700 11px/1.4 Arial, sans-serif; letter-spacing: .19em; }
.section-meta span:last-child { color: #6f8082; font-size: 10px; }
.section-kicker { color: var(--accent); font: 700 11px/1.3 Arial, sans-serif; letter-spacing: .2em; }
.display-title { font-weight: 800; font-size: clamp(44px, 5.4vw, 83px); line-height: 1.27; letter-spacing: -.075em; margin: 0; }
.text-accent { color: var(--accent); }
.lead-copy { font-size: 20px; font-weight: 750; color: #e5efec; }
.inline-link { display: inline-flex; align-items: center; gap: 32px; padding: 0 0 14px; border-bottom: 1px solid var(--accent); color: var(--accent); font-size: 13px; font-weight: 700; transition: gap .25s; }
.inline-link:hover { gap: 42px; }
.inline-link span { font-size: 18px; }
.micro-label { font: 700 10px/1.4 Arial,sans-serif; letter-spacing: .19em; }
[data-reveal] { transition: opacity .8s var(--ease), transform .9s var(--ease); }
.js-enabled [data-reveal]:not(.is-visible) { opacity: 0; transform: translateY(28px); }
.js-enabled [data-reveal].is-visible { opacity: 1; transform: translateY(0); }

/* Hero */
.hero { isolation: isolate; position: relative; min-height: 820px; height: min(920px, 100svh); max-height: 1000px; overflow: hidden; background: radial-gradient(ellipse 60% 70% at 81% 42%, rgba(24,57,50,.34), transparent 72%), linear-gradient(107deg, #080c12 2%, #0a121a 58%, #0c161e 100%); }
.hero-noise { position: absolute; z-index: 2; inset: 0; pointer-events: none; opacity: .25; background-image: repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0,rgba(255,255,255,.025) 1px,transparent 1px,transparent 4px); mix-blend-mode: soft-light; }
.hero-grid { position: absolute; inset: 0; opacity: .45; background-image: linear-gradient(to right, rgba(184,213,205,.043) 1px, transparent 1px), linear-gradient(to bottom, rgba(184,213,205,.043) 1px, transparent 1px); background-size: 88px 88px; mask-image: linear-gradient(90deg, transparent 3%, #000 40%, #000 88%, transparent); }
.hero-edge { position:absolute; width: 1px; height: 100%; top: 0; background: linear-gradient(transparent,rgba(150,242,186,.16),transparent); pointer-events: none; }
.hero-edge--left { left: 4.45vw; }.hero-edge--right { right: 4.45vw; }
.hero-container { position: relative; height: 100%; display: flex; align-items: center; }
.hero-copy { position: relative; z-index: 5; margin-top: 25px; max-width: 720px; pointer-events: none; }
.hero-copy a { pointer-events: auto; }
.hero-label { display: flex; align-items: center; gap: 10px; color: #b2c6c0; margin: 0 0 55px; }
.hero-label-index { color: #637675; margin-left: 22px; }
.status-pulse, .live-marker { position:relative; display:inline-block; width: 6px; height:6px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 18px rgba(194,255,90,.85); flex-shrink: 0; }
.status-pulse::after { content: ""; position:absolute; inset:-5px; border: 1px solid rgba(194,255,90,.6); border-radius: 50%; animation: statusPulse 2.5s ease-in-out infinite; }
.hero-subject { color: var(--accent); font: 750 12px/1.4 Arial,sans-serif; letter-spacing: .23em; margin: 0 0 17px; }
.hero h1 { margin: 0; font-size: clamp(62px, 6.5vw, 108px); font-weight: 850; line-height: 1.19; letter-spacing: -.09em; text-shadow: 0 9px 50px rgba(0,0,0,.12); }
.hero-highlight { position: relative; color: var(--accent); background: linear-gradient(120deg,#d5ff8a 5%,#c3ff5c 44%,#8eefbe 95%); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.hero-period { color: var(--accent); }
.hero-lead { color: #b5c1c0; font-size: clamp(14px, 1.23vw, 17px); line-height: 2.1; margin: 29px 0 36px; letter-spacing: .015em; }
.hero-buttons { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; }
.btn { min-height: 58px; display: inline-flex; align-items: center; justify-content: space-between; gap: 35px; padding: 0 20px 0 24px; font: 750 11px/1 Arial,sans-serif; letter-spacing: .14em; transition: background .25s,color .25s,transform .25s, border-color .25s; }
.btn-primary { background: var(--accent); color: #0d160b; border:1px solid var(--accent); }
.btn-primary:hover { background: #e5ffa8; transform: translateY(-3px); }
.btn-icon { width: 27px; height: 27px; display: grid; place-items:center; border:1px solid rgba(0,0,0,.3); border-radius:50%; font-size:16px; font-weight:400; }
.btn-ghost { color: #dce6e1; border:1px solid rgba(192,216,205,.24); background: rgba(15,25,29,.36); }
.btn-ghost:hover { border-color: var(--accent); color: var(--accent); transform: translateY(-3px); }
.arrow-down { color: var(--accent); font-size: 18px; }
.hero-visual { position:absolute; z-index: 1; top: 8%; right: -12%; width: 70%; height: 82%; pointer-events: none; }
.visual-aura { position:absolute; border-radius:50%; filter: blur(35px); }
.visual-aura--one { width: 78%; height:82%; top: 8%; left: 9%; background: radial-gradient(ellipse,rgba(81,207,138,.24),rgba(30,99,96,.12) 42%, transparent 70%); animation: auraDrift 12s ease-in-out infinite alternate; }
.visual-aura--two { width: 53%; height: 63%; top: 17%; left: 30%; background:radial-gradient(ellipse,rgba(110,249,230,.15), transparent 69%); animation: auraDrift 9s ease-in-out infinite alternate-reverse; }
.hero-canvas { position:absolute; z-index:3; inset:0; width:100%; height:100%; display:block; mix-blend-mode:screen; opacity:.96; }
.visual-core-glow { position: absolute; z-index:1; top: 48%; left: 51%; width: 35%; aspect-ratio:1; transform:translate(-50%,-50%); border-radius:50%; background:radial-gradient(circle,rgba(186,255,105,.20),rgba(71,177,130,.07) 46%,transparent 72%); filter:blur(14px); }
.visual-target-ring { position:absolute; z-index:2; border:1px solid rgba(161,249,164,.11); border-radius:50%; top: 50%; left:51%; transform: translate(-50%,-50%); }
.visual-target-ring--one { width:52%; aspect-ratio:1; }.visual-target-ring--two { width:69%; aspect-ratio:1; border-style:dashed; opacity:.5; animation: rotateSlow 55s linear infinite; }
.visual-cross { position:absolute;z-index:4;width:19px;height:19px;opacity:.6; }
.visual-cross::before,.visual-cross::after {content:"";position:absolute;background:var(--accent); }
.visual-cross::before {width:19px;height:1px;top:9px;left:0;}.visual-cross::after {height:19px;width:1px;top:0;left:9px;}
.visual-cross--top {top:14%;left:73%;}.visual-cross--bottom {bottom:20%;left:23%;transform:scale(.65);}
.visual-info { position:absolute;z-index:5; font:700 10px/1.3 Arial,sans-serif; letter-spacing:.15em;color:#a0d5bc; }
.visual-info--top {top:18%;left:7%;display:flex;align-items:center;gap:9px;}
.visual-info-dot {border:1px solid #c2ff5a;width:8px;height:8px;border-radius:50%;}
.visual-info--bottom {bottom:17%;right:12%;display:flex;align-items:center;gap:12px;}
.visual-info-rule {width:17px;height:1px;background:rgba(194,255,90,.6);}
.visual-coordinate { position:absolute; z-index:5;right:11%;top:29%;font:600 9px/1.4 Arial,sans-serif;letter-spacing:.13em;color:rgba(166,230,198,.45);writing-mode:vertical-rl; }
.hero-bottom { position:absolute;z-index:6; bottom: 36px; left:0; right:0; display:flex; align-items:flex-end; justify-content:space-between; gap:15px; }
.scroll-cue { display:flex;align-items:center;gap:17px;color:#c6d2cd;font:700 9px/1 Arial,sans-serif;letter-spacing:.2em; }
.scroll-cue-line {height:50px;width:1px;background:linear-gradient(var(--accent),transparent);position:relative;overflow:hidden; }
.scroll-cue-line::after { content:"";position:absolute;width:1px;height:18px;background:#fff;top:-18px;left:0;animation:scrollDown 2.6s ease-in-out infinite; }
.hero-bottom-right { display:flex;gap:11px;align-items:center;color:#8caaa1;font:700 9px/1.4 Arial,sans-serif;letter-spacing:.17em; }
.hero-bottom-no {margin-left:10px;color:var(--accent);}

/* Kinetic line */
.ticker { position:relative;overflow:hidden;white-space:nowrap;border-top:1px solid rgba(194,255,90,.36);border-bottom:1px solid rgba(194,255,90,.36);background:#101b18;padding:18px 0; }
.ticker-track { display:flex;width:max-content;animation:ticker 35s linear infinite; }
.ticker-track > span { color:#b9d4c4;flex-shrink:0;font:800 12px/1 Arial,sans-serif;letter-spacing:.23em;padding-right:18px; }
.ticker-track em {font-style:normal;color:var(--accent);padding:0 26px;}

/* Philosophy */
.philosophy-section { background:#090d13; }
.philosophy-layout { display:grid;grid-template-columns:1.28fr 1fr; gap:8%; margin:clamp(55px,8vw,120px) 0 100px;align-items:start; }
.philosophy-copy .display-title { font-size:clamp(48px,5.4vw,82px); }
.philosophy-description { padding-top:clamp(2px,2vw,38px); max-width:475px; }
.philosophy-description p { color:#a8b6b3;line-height:2.18;font-size:15px;letter-spacing:.01em;margin:0 0 24px; }
.philosophy-description .lead-copy {color:#e4eae7;font-size:18px;font-weight:750;line-height:1.7;}
.philosophy-description .inline-link {margin-top:12px;}
.principles {display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);}
.principle {min-height:162px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:24px 26px;border-right:1px solid var(--line);background:linear-gradient(160deg,rgba(24,35,39,.35),transparent);transition:background .3s; }
.principle:last-child {border-right:none;}.principle:hover {background:rgba(165,240,120,.045);}
.principle-index {font:700 10px/1 Arial,sans-serif;color:var(--accent);letter-spacing:.1em;}
.principle strong {font:800 clamp(18px,2vw,27px)/1.2 Arial,sans-serif;letter-spacing:-.04em;}
.principle > span:last-child {font-size:12px;color:#95a9a3;}

/* Expertise cards */
.expertise-section {background: #0e151c;overflow:hidden;isolation:isolate;}
.expertise-glow {position:absolute;z-index:-1;top:10%;left:-15%;width:800px;height:800px;border-radius:50%;background:radial-gradient(ellipse,rgba(67,144,124,.085),transparent 68%);}
.expertise-heading {display:flex;justify-content:space-between;align-items:end;gap:55px;margin:72px 0 60px;}
.expertise-heading .display-title {font-size:clamp(44px,5vw,76px);}
.expertise-heading > p {font-size:15px;line-height:2;color:#a3b1ad;margin:0 2% 10px 0;}
.expertise-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
.expertise-card {min-width:0;min-height:510px;position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:26px 27px 28px;background:linear-gradient(160deg,rgba(25,36,45,.96),rgba(11,19,26,.9));border:1px solid rgba(207,234,222,.12);overflow:hidden;transition:border-color .4s, box-shadow .4s,transform .4s var(--ease);transform-style:preserve-3d;}
.expertise-card:hover {border-color:rgba(194,255,90,.5);box-shadow:0 24px 70px rgba(0,0,0,.2),inset 0 0 45px rgba(194,255,90,.022);}
.expertise-card::after {content:"";pointer-events:none;position:absolute;inset:0;background:radial-gradient(350px circle at var(--mx,50%) var(--my,50%),rgba(185,255,108,.07),transparent 67%);opacity:0;transition:opacity .3s;}
.expertise-card:hover::after {opacity:1;}
.expertise-card-top {width:100%;display:flex;justify-content:space-between;align-items:center;color:#94afa6;}
.card-number {font:700 10px/1 Arial,sans-serif;letter-spacing:.17em;}
.expertise-card-top svg {width:49px;height:49px;color:#a5e8c0;}
.expertise-art {height:195px;position:relative;width:100%;margin:15px 0 5px;overflow:hidden;}
.expertise-art::before {content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(183,222,202,.05) 1px, transparent 1px),linear-gradient(90deg,rgba(183,222,202,.05) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(90deg,transparent,#000 20%,#000 75%,transparent);}
.expertise-art--strategy .strategy-orbit {position:absolute;left:50%;top:52%;border:1px solid rgba(194,255,90,.64);border-radius:50%;transform:translate(-50%,-50%);}
.strategy-orbit--one {width:166px;height:166px;box-shadow:0 0 55px rgba(194,255,90,.08),inset 0 0 32px rgba(194,255,90,.05);}
.strategy-orbit--two {width:100px;height:100px;border-style:dashed!important;animation:rotateSlow 19s linear infinite;}
.strategy-center {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font:700 39px/1 Arial,sans-serif;color:#dcffd0;text-shadow:0 0 38px rgba(194,255,90,.4);}
.expertise-art--creative .creative-disc {position:absolute;width:165px;height:165px;top:50%;left:50%;border-radius:25%;transform:translate(-50%,-50%) rotate(25deg);}
.creative-disc--one {background:linear-gradient(140deg,rgba(191,255,91,.7),rgba(94,245,226,.2) 47%,transparent 80%);filter:blur(2px);animation:creativeMorph 10s linear infinite;}
.creative-disc--two {width:118px;height:118px;border:1px solid rgba(255,255,255,.8);box-shadow:0 0 36px rgba(194,255,90,.35);border-radius:15%;animation:creativeMorph 10s linear infinite reverse;}
.creative-shine {position:absolute;width:180px;height:1px;top:50%;left:50%;background:linear-gradient(90deg,transparent,var(--accent),transparent);transform:translate(-50%,-50%) rotate(-34deg);box-shadow:0 0 26px 5px rgba(194,255,90,.12);}
.code-fake {position:absolute;top:23px;left:50%;transform:translateX(-50%);width:78%;max-width:220px;height:154px;border:1px solid rgba(105,226,195,.34);border-radius:5px;background:linear-gradient(140deg,rgba(10,21,26,.85),rgba(25,49,40,.65));box-shadow:0 8px 44px rgba(0,0,0,.25),0 0 39px rgba(71,234,180,.06);padding:28px 19px 0;display:flex;flex-direction:column;gap:13px;}
.code-fake::before {content:"•••";position:absolute;top:5px;left:12px;letter-spacing:3px;color:rgba(184,230,207,.55);font-size:12px;}
.code-fake span {height:5px;border-radius:7px;background:linear-gradient(90deg,#77f3c6 0 23%,rgba(255,255,255,.25) 23% 68%,transparent 68%);}
.code-fake span:nth-child(2) {width:85%;margin-left:12%;background:linear-gradient(90deg,#c4ff73 0 50%,rgba(255,255,255,.2) 50% 83%,transparent 83%);}
.code-fake span:nth-child(3) {width:65%;margin-left:12%;}.code-fake span:nth-child(4) {width:92%;background:linear-gradient(90deg,#5bcec2 0 40%,rgba(255,255,255,.25) 40% 65%,transparent 65%);}.code-fake span:nth-child(5) {width:54%;}
.expertise-card h3 {font-size:clamp(18px,1.6vw,24px);font-weight:800;letter-spacing:-.05em;line-height:1.5;margin:12px 0 15px;}
.expertise-card > p {font-size:13px;color:#a2b0ac;line-height:2.05;margin:0 0 25px;}
.expertise-tag {margin-top:auto;color:var(--accent);font:700 10px/1 Arial,sans-serif;letter-spacing:.15em;}

/* Interactive demo */
.lab-section {padding:120px 0;background:radial-gradient(ellipse 75% 90% at 73% 50%,#102522 0,#091017 62%,#080c12 100%);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.lab-layout {display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(45px,6vw,100px);align-items:center;}
.lab-copy .display-title {margin:35px 0 27px;}
.lab-copy > p:not(.section-kicker) {max-width:385px;font-size:15px;line-height:2.15;color:#9fb2a9;}
.lab-readout {display:flex;gap:13px;align-items:center;margin-top:42px;color:#92bdac;font:700 10px/1.4 Arial,sans-serif;letter-spacing:.14em;}
.lab-readout span:last-child {color:var(--accent);}
.demo-frame {border:1px solid rgba(194,255,90,.27);background:rgba(8,15,19,.9);box-shadow:0 20px 90px rgba(0,0,0,.28),0 0 100px rgba(90,202,126,.04);}
.demo-topbar {height:43px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 19px;color:#8aa79a;font:700 9px/1 Arial,sans-serif;letter-spacing:.11em;}
.demo-topbar > span:first-child {display:flex;gap:5px;}.demo-topbar i {width:5px;height:5px;border-radius:50%;background:#577169;}.demo-topbar i:first-child {background:var(--accent);}
.demo-stage {height:410px;position:relative;overflow:hidden;background:radial-gradient(ellipse 55% 70% at 50% 50%,rgba(52,135,112,.15),transparent),#0b1419;isolation:isolate;}
.demo-lines {position:absolute;inset:0;opacity:.65;background-image:linear-gradient(rgba(181,242,210,.072) 1px,transparent 1px),linear-gradient(90deg,rgba(181,242,210,.072) 1px,transparent 1px);background-size:34px 34px;mask-image:radial-gradient(ellipse,#000 15%,transparent 75%);}
.demo-light {position:absolute;top:50%;left:50%;width:390px;height:390px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(194,255,90,.22),rgba(110,237,191,.08) 37%,transparent 66%);filter:blur(18px);animation: demoGlow 5s ease-in-out infinite alternate;}
.demo-orbit {position:absolute;top:50%;left:50%;width:310px;height:310px;border:1px solid rgba(194,255,90,.17);border-radius:50%;transform:translate(-50%,-50%);}
.demo-orbit-one {border-style:dashed;animation:rotateSlow 40s linear infinite;}.demo-orbit-two {width:220px;height:220px;border-color:rgba(194,255,90,.3);}
.demo-object {position:absolute;top:50%;left:50%;width:136px;height:136px;transform:translate(-50%,-50%);border-radius:50%;background:linear-gradient(130deg,#edff9b 5%,#b8ff61 35%,#2b9e91 70%,#132a3b);box-shadow:0 0 55px rgba(194,255,90,.21),inset -19px -18px 25px rgba(0,0,0,.32);animation:demoPulse 3s ease-in-out infinite;transition:border-radius 1s var(--ease),background 1s,box-shadow .6s;}
.demo-object-inner {position:absolute;inset:12px;border:1px solid rgba(255,255,255,.54);border-radius:inherit;box-shadow:inset 0 0 35px rgba(0,0,0,.1);}
.demo-crosshairs {position:absolute;top:45px;right:27px;writing-mode:vertical-rl;letter-spacing:38px;color:rgba(194,255,90,.35);font:800 12px/1 Arial,sans-serif;}
.demo-stage-caption {position:absolute;left:23px;bottom:21px;right:23px;display:flex;justify-content:space-between;gap:15px;font:700 10px/1.4 Arial,sans-serif;letter-spacing:.12em;color:var(--accent);}
.demo-stage-caption span:last-child {color:#a1b4ac;font-family:var(--serifless);letter-spacing:0;}
.demo-stage[data-mode="orbit"] .demo-object {border-radius:24%;background:linear-gradient(110deg,#c7ff82,#37e7c9 45%,#245f88);animation:demoOrbit 9s linear infinite;}
.demo-stage[data-mode="orbit"] .demo-orbit-one {border-color:rgba(90,245,220,.6);transform:translate(-50%,-50%) rotateX(65deg);animation:orbitRing 8s linear infinite;}
.demo-stage[data-mode="orbit"] .demo-orbit-two {transform:translate(-50%,-50%) rotateY(60deg);animation:orbitRing2 10s linear infinite reverse;}
.demo-stage[data-mode="grid"] .demo-object {border-radius:7%;background:linear-gradient(140deg,#c5ff71 0 20%,#1d5244 22% 30%,#82f7c4 31% 51%,#164e54 52% 70%,#dbffa1 71%);animation:demoGrid 5s ease-in-out infinite;}
.demo-stage[data-mode="grid"] .demo-lines {background-size:20px 20px;animation:gridMove 6s linear infinite;}
.demo-stage[data-mode="grid"] .demo-orbit-one,.demo-stage[data-mode="grid"] .demo-orbit-two {border-radius:8%;transform:translate(-50%,-50%) rotate(45deg);}
.demo-controls {display:flex;gap:0;border-top:1px solid var(--line);}
.demo-mode {flex:1;min-height:63px;background:transparent;color:#829991;border:0;border-right:1px solid var(--line);cursor:pointer;font:700 10px/1 Arial,sans-serif;letter-spacing:.12em;transition:background .25s,color .25s;}
.demo-mode:last-child {border-right:0;}.demo-mode:hover,.demo-mode.is-active {color:var(--accent);background:rgba(194,255,90,.075);}.demo-mode.is-active {box-shadow:inset 0 2px 0 var(--accent);}

/* Brands */
.brands-section {background:#090e14;}
.brands-heading {display:flex;align-items:end;justify-content:space-between;gap:45px;margin:75px 0 58px;}
.brands-heading .display-title {font-size:clamp(42px,5.2vw,80px);}
.brands-heading p {color:#a3b3ad;font-size:15px;line-height:2;margin-bottom:10px;}
.brand-showcase {display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.showcase-card {position:relative;display:flex;flex-direction:column;min-width:0;background:#131b24;border:1px solid var(--line);overflow:hidden;transition:border-color .35s,box-shadow .35s,transform .4s var(--ease);transform-style:preserve-3d;}
.showcase-card--marunage:hover,.showcase-card--miselab:hover {border-color:rgba(194,255,90,.55);box-shadow:0 23px 70px rgba(0,0,0,.24);}
.showcase-top {display:flex;justify-content:space-between;align-items:center;gap:15px;padding:22px 26px;background:#121b23;border-bottom:1px solid var(--line);}
.showcase-index {color:#9eafa9;font:700 10px/1 Arial,sans-serif;letter-spacing:.18em;}
.showcase-status {display:inline-flex;align-items:center;gap:8px;color:var(--accent);font:700 10px/1 Arial,sans-serif;letter-spacing:.14em;}
.showcase-status i {height:6px;width:6px;background:var(--accent);border-radius:50%;box-shadow:0 0 12px var(--accent);}
.showcase-status--soon {color:#849993;}
.showcase-visual {height:clamp(230px,27vw,365px);position:relative;isolation:isolate;overflow:hidden;}
.showcase-visual--marunage {background:radial-gradient(ellipse 60% 65% at 49% 51%,rgba(118,86,245,.31),transparent 80%),linear-gradient(145deg,#1a223d,#0a1220 68%);}
.showcase-visual--marunage::before {content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(202,198,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(202,198,255,.04) 1px,transparent 1px);background-size:32px 32px;}
.marunage-halo {position:absolute;top:49%;left:50%;width:270px;height:270px;border:1px solid rgba(176,161,255,.45);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 65px rgba(120,103,248,.12);}
.marunage-halo--two {width:360px;height:360px;opacity:.3;border-style:dashed;animation:rotateSlow 44s linear infinite;}
.marunage-tile {position:absolute;top:50%;left:50%;width:clamp(194px,24vw,300px);aspect-ratio:1.32;transform:translate(-50%,-50%) rotate(-6deg);display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#ac9aff,#6859b8 47%,#1c2144);border:1px solid rgba(225,217,255,.65);border-radius:13px;box-shadow:28px 28px 70px rgba(0,0,0,.39),inset 0 0 30px rgba(255,255,255,.09);transition:transform .6s var(--ease);}
.showcase-card--marunage:hover .marunage-tile {transform:translate(-50%,-50%) rotate(0deg) scale(1.05);}
.marunage-tile > span:first-child {color:#fff;font-size:clamp(20px,2.2vw,31px);font-weight:850;line-height:1.45;letter-spacing:-.07em;text-shadow:0 3px 12px rgba(0,0,0,.14);}
.tile-topline,.tile-bottomline {position:absolute;width:32px;height:2px;background:rgba(255,255,255,.5);left:21px;top:18px;}.tile-bottomline {top:auto;bottom:18px;left:auto;right:21px;}
.showcase-art-label {position:absolute;bottom:20px;left:24px;font:700 9px/1 Arial,sans-serif;letter-spacing:.14em;color:rgba(218,230,230,.64);}
.showcase-visual--miselab {background:radial-gradient(ellipse 60% 70% at 50% 45%,rgba(167,232,143,.26),transparent 76%),linear-gradient(155deg,#1e2d23,#0b141a 75%);}
.showcase-visual--miselab::before {content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(90deg,transparent 0, transparent 56px,rgba(205,247,198,.05) 57px,transparent 58px);}
.miselab-shape {position:absolute;left:50%;top:47%;transform:translate(-50%,-50%) rotate(-25deg);border:1px solid rgba(174,255,174,.2);width:320px;height:220px;border-radius:70px;}
.miselab-shape--two {transform:translate(-50%,-50%) rotate(35deg);width:280px;height:290px;}
.miselab-shape--three {transform:translate(-50%,-50%) rotate(85deg);width:220px;height:330px;}
.miselab-word {position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);color:#f2fae7;white-space:nowrap;font:900 clamp(42px,5.5vw,78px)/1 Arial,sans-serif;letter-spacing:-.075em;text-shadow:0 0 70px rgba(194,255,90,.2);}
.miselab-word > span {color:var(--accent);}.miselab-word small {display:block;margin-top:13px;font:750 10px/1.3 Arial,sans-serif;letter-spacing:.24em;text-align:center;color:#add8b1;}
.showcase-content {padding:32px 31px;display:flex;align-items:flex-start;justify-content:space-between;gap:15px;min-height:192px;}
.brand-type {font:700 10px/1 Arial,sans-serif;letter-spacing:.16em;color:var(--accent);margin:0 0 15px;}
.showcase-content h3 {margin:0 0 15px;font-size:clamp(23px,2.3vw,34px);font-weight:850;letter-spacing:-.06em;}
.showcase-content p:not(.brand-type) {max-width:450px;margin:0;font-size:13px;line-height:1.9;color:#a9b6b3;}
.showcase-arrow {display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border:1px solid rgba(194,255,90,.58);color:var(--accent);border-radius:50%;font:400 20px/1 Arial,sans-serif;transition:background .3s,color .3s,transform .3s;}
.showcase-card--marunage:hover .showcase-arrow,.showcase-card--miselab:hover .showcase-arrow {background:var(--accent);color:#080c12;transform:rotate(45deg);}
.showcase-arrow--muted {color:#607f75;border-color:#2e4841;}
.showcase-footer {margin-top:auto;display:flex;justify-content:space-between;gap:10px;padding:19px 31px;border-top:1px solid var(--line);font:700 10px/1.3 Arial,sans-serif;letter-spacing:.11em;color:#82988c;}
.showcase-footer span:first-child {color:#b8d2ba;}

/* Process */
.process-section {background:linear-gradient(180deg,#0c1219,#0d171d);border-top:1px solid var(--line);}
.process-heading {display:flex;align-items:end;justify-content:space-between;gap:35px;margin:70px 0 86px;}
.process-heading p {font-size:15px;line-height:1.9;color:#a6b5ad;max-width:280px;margin-bottom:8px;}
.process-grid {padding:0;margin:0;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}
.process-grid li {min-width:0;}
.process-no {display:block;color:var(--accent);font:750 41px/1 Arial,sans-serif;letter-spacing:-.08em;margin-bottom:25px;}
.process-bar {display:block;height:2px;background:linear-gradient(90deg,var(--accent) 0 18%,rgba(178,224,189,.17) 18%);position:relative;margin-bottom:26px;}
.process-bar::before {content:"";position:absolute;left:0;top:-4px;width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 16px rgba(194,255,90,.45);}
.process-grid h3 {font:800 19px/1.2 Arial,sans-serif;letter-spacing:-.02em;margin:0 0 15px;}
.process-grid p {font-size:12px;color:#a3b6ad;line-height:1.9;max-width:195px;margin:0;}

/* About */
.about-section {background:#090e14;}
.about-layout {display:grid;grid-template-columns:1fr 1fr;gap:clamp(60px,8vw,130px);align-items:center;}
.about-symbol {width:100%;aspect-ratio:1.05;position:relative;display:grid;place-items:center;isolation:isolate;}
.about-symbol::before {content:"";position:absolute;inset:12%;border-radius:50%;background:radial-gradient(circle,rgba(194,255,90,.10),transparent 70%);filter:blur(20px);}
.about-symbol-border {position:absolute;inset:3%;border:1px solid rgba(194,255,90,.17);background:repeating-linear-gradient(90deg,transparent,transparent 28px,rgba(194,255,90,.06) 29px,transparent 30px),repeating-linear-gradient(0deg,transparent,transparent 28px,rgba(194,255,90,.06) 29px,transparent 30px);}
.about-symbol-border::before {content:"";position:absolute;inset:10%;border:1px solid rgba(194,255,90,.15);border-radius:50%;}
.about-letter {font:bold clamp(140px,19vw,300px)/1 Arial,sans-serif;color:transparent;-webkit-text-stroke:1.8px var(--accent);text-shadow:0 0 90px rgba(194,255,90,.22);filter:drop-shadow(0 0 20px rgba(194,255,90,.13));transform:perspective(500px) rotateY(-13deg) rotateX(8deg);animation:aboutFloat 9s ease-in-out infinite;}
.about-corner {position:absolute;font:300 18px/1 Arial,sans-serif;color:var(--accent);}
.about-corner--tl{left:1%;top:0}.about-corner--tr{right:1%;top:0}.about-corner--bl{left:1%;bottom:0}.about-corner--br{right:1%;bottom:0}
.about-content .display-title {font-size:clamp(42px,4.2vw,66px);margin:30px 0 28px;}
.about-content > p:not(.section-kicker) {color:#a8b9b0;font-size:15px;line-height:2.2;margin-bottom:42px;}
.about-facts {margin:0;border-top:1px solid var(--line-strong);}
.about-facts > div {display:grid;grid-template-columns:110px 1fr;gap:20px;padding:17px 0;border-bottom:1px solid var(--line);align-items:baseline;}
.about-facts dt {font:750 10px/1.4 Arial,sans-serif;letter-spacing:.1em;color:var(--accent);}
.about-facts dd {margin:0;font-size:13px;line-height:1.7;color:#e0e9e4;}

/* Final CTA */
.contact-section {position:relative;overflow:hidden;isolation:isolate;padding:140px 0 145px;background:radial-gradient(ellipse 69% 115% at 50% 110%,rgba(99,179,93,.23),transparent 68%),linear-gradient(180deg,#101d22,#0c1519);border-top:1px solid rgba(194,255,90,.15);}
.contact-radiance {position:absolute;z-index:-1;inset:-25%;background:repeating-conic-gradient(from 0deg at 50% 65%,transparent 0deg,transparent 14deg,rgba(194,255,90,.017) 15deg,transparent 16deg);mask-image:radial-gradient(ellipse,black,transparent 70%);animation:rotateSlow 100s linear infinite;}
.contact-inner {text-align:center;}
.contact-inner .section-kicker {margin:0 0 33px;}
.contact-inner h2 {font-size:clamp(66px,9.5vw,150px);line-height:1.1;font-weight:900;letter-spacing:-.095em;margin:0;}
.contact-inner h2 span {color:var(--accent);}
.contact-inner > p:not(.section-kicker) {font-size:15px;line-height:2.1;color:#b0c7b9;margin:31px 0 34px;}
.contact-btn {display:inline-flex;align-items:center;justify-content:space-between;gap:65px;padding:14px 16px 14px 25px;background:var(--accent);color:#101810;font-weight:850;font-size:14px;min-width:285px;transition:transform .3s,background .3s,box-shadow .3s;}
.contact-btn:hover {transform:translateY(-5px);background:#e0ffa0;box-shadow:0 12px 50px rgba(194,255,90,.16);}
.contact-btn-arrow {width:37px;height:37px;display:grid;place-items:center;font:400 21px/1 Arial,sans-serif;border:1px solid rgba(0,0,0,.3);border-radius:50%;}
.contact-footnote {display:block;margin-top:16px;font-size:11px;color:#8b9f94;}

/* Footer */
.site-footer {padding:64px 0 28px;background:#080c12;}
.footer-main {display:flex;align-items:end;justify-content:space-between;gap:25px;padding-bottom:70px;}
.footer-word {font:900 clamp(48px,7.6vw,124px)/1 Arial,sans-serif;letter-spacing:-.09em;}
.footer-word span {color:var(--accent);}
.footer-main > p {color:#869a92;font-size:12px;line-height:1.9;text-align:right;margin-bottom:12px;letter-spacing:.04em;}
.footer-bottom {display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);padding-top:22px;color:#779088;font:700 10px/1.5 Arial,sans-serif;letter-spacing:.10em;}
.footer-links {display:flex;gap:28px;flex-wrap:wrap;}.footer-links a {color:#a4b4ad;transition:color .2s;}.footer-links a:hover {color:var(--accent);}
.motion-toggle {position:fixed;z-index:150;right:22px;bottom:22px;width:44px;height:44px;border:1px solid rgba(194,255,90,.38);border-radius:50%;background:rgba(12,22,24,.89);backdrop-filter:blur(12px);color:var(--accent);display:grid;place-items:center;cursor:pointer;transition:background .2s;}
.motion-toggle:hover {background:rgba(44,72,50,.91);}
.motion-toggle svg {width:18px;height:18px;}.motion-toggle .play-triangle {display:none;}
.motion-paused .motion-toggle .play-triangle {display:block;}.motion-paused .motion-toggle .pause-bars {display:none;}
.motion-paused *, .motion-paused *::before, .motion-paused *::after {animation-play-state:paused!important;scroll-behavior:auto!important;}

/* Secondary pages */
.subpage-body,.notfound-body {min-height:100vh;background:radial-gradient(ellipse 70% 40% at 100% 0,rgba(62,161,103,.13),transparent),var(--bg);}
.subpage-main {padding-top:175px;padding-bottom:130px;min-height:70vh;}
.subpage-main .display-title {margin:25px 0 30px;}
.subpage-intro {max-width:800px;color:#a8bcb0;line-height:2;margin:0 0 75px;}
.policy-content {max-width:890px;display:grid;gap:37px;margin-bottom:65px;}
.policy-content section {border-top:1px solid var(--line);padding-top:25px;}
.policy-content h2 {font-size:20px;letter-spacing:-.03em;margin:0 0 16px;}
.policy-content p {font-size:14px;line-height:2.1;color:#a5b6ad;margin:0;}
.policy-content a {color:var(--accent);text-decoration:underline;text-underline-offset:4px;}
.notfound-body {display:grid;place-items:center;}.notfound {text-align:center;padding:40px 20px;}.notfound strong {display:block;font:900 clamp(110px,24vw,330px)/1 Arial,sans-serif;letter-spacing:-.1em;}.notfound strong span {color:var(--accent);}.notfound h1 {font-size:20px;}.notfound p:not(.section-kicker) {font-size:14px;color:var(--muted);margin:20px 0 40px;}.notfound .btn {margin-inline:auto;}

/* Keyframes */
@keyframes statusPulse {0%,100%{transform:scale(.65);opacity:0}35%{transform:scale(1);opacity:.65}75%{transform:scale(1.2);opacity:0}}
@keyframes auraDrift {from{transform:translate(-2%,-1%) scale(.95)}to{transform:translate(4%,2%) scale(1.07)}}
@keyframes rotateSlow {to{rotate:360deg}}
@keyframes scrollDown {to{top:65px}}
@keyframes ticker {to{transform:translateX(-50%)}}
@keyframes creativeMorph {0%,100%{transform:translate(-50%,-50%) rotate(25deg) scale(1);border-radius:25%}50%{transform:translate(-50%,-50%) rotate(205deg) scale(.94);border-radius:40%}}
@keyframes demoGlow {to{opacity:.6;transform:translate(-50%,-50%) scale(1.25)}}
@keyframes demoPulse {0%,100%{transform:translate(-50%,-50%) scale(.96);filter:hue-rotate(0deg)}50%{transform:translate(-50%,-50%) scale(1.12);filter:hue-rotate(13deg)}}
@keyframes demoOrbit {0%{transform:translate(-50%,-50%) rotate(0) rotateY(0)}50%{transform:translate(-50%,-50%) rotate(180deg) rotateY(55deg)}100%{transform:translate(-50%,-50%) rotate(360deg) rotateY(0)}}
@keyframes orbitRing {to{transform:translate(-50%,-50%) rotateX(65deg) rotate(360deg)}}
@keyframes orbitRing2 {to{transform:translate(-50%,-50%) rotateY(60deg) rotate(360deg)}}
@keyframes demoGrid {0%,100%{transform:translate(-50%,-50%) rotate(-7deg);border-radius:7%}50%{transform:translate(-50%,-50%) rotate(7deg) scale(.92);border-radius:19%}}
@keyframes gridMove {to{background-position:40px 40px}}
@keyframes aboutFloat {0%,100%{transform:perspective(500px) rotateY(-13deg) rotateX(8deg) translateY(0)}50%{transform:perspective(500px) rotateY(10deg) rotateX(-8deg) translateY(-12px)}}

@media (min-width:1600px) { .hero-visual {right:-10%;}.hero h1 {font-size:108px;} }
@media (max-width:1180px) {
  .desktop-nav{gap:21px}.desktop-nav a{font-size:9px}
  .hero-visual {right:-17%;width:76%;}.hero h1 {font-size:clamp(62px,6.8vw,91px);}
  .expertise-card {padding:24px 21px;min-height:550px}.expertise-card h3{font-size:19px;}
}
@media (max-width:980px) {
  .header-inner {height:76px;}.desktop-nav {display:none;}.header-actions{margin-left:auto}.menu-toggle{display:flex;}
  .mobile-nav {display:flex;position:absolute;top:76px;left:0;right:0;max-height:0;overflow:hidden;opacity:0;visibility:hidden;padding:0 max(24px,5vw);flex-direction:column;background:rgba(8,12,18,.98);border-bottom:1px solid transparent;transition:max-height .35s,opacity .35s,visibility .35s,padding .35s;}
  .site-header.is-menu-open .mobile-nav {max-height:500px;opacity:1;visibility:visible;padding:15px max(24px,5vw) 32px;border-color:var(--line);}
  .mobile-nav a:not(.mobile-nav-cta) {display:flex;justify-content:space-between;align-items:center;font:800 17px/1 Arial,sans-serif;letter-spacing:.06em;padding:19px 4px;border-bottom:1px solid var(--line);}
  .mobile-nav a span {font-size:11px;color:var(--accent);}.mobile-nav-cta {padding:19px 4px 0;color:var(--accent);font-size:13px;font-weight:800;}
  .hero {min-height:780px;height:90svh;max-height:980px;}.hero-visual{right:-30%;width:100%;opacity:.8;}.hero-copy{max-width:650px;}.hero h1{font-size:clamp(63px,8vw,86px);}
  .philosophy-layout {gap:4%;}.philosophy-description p{font-size:14px;}.principle{padding:21px 19px;}
  .expertise-grid{gap:10px}.expertise-card{padding:21px 18px;min-height:565px;}.expertise-card h3{font-size:18px}.expertise-card > p {font-size:12px;}
  .lab-layout {grid-template-columns:1fr;gap:43px}.lab-copy{max-width:750px;}.lab-copy .display-title br{display:none;}.lab-copy > p:not(.section-kicker){max-width:640px;}.lab-readout{margin-top:22px;}
  .about-layout{gap:40px}.about-content .display-title{font-size:42px;}.about-facts > div {grid-template-columns:95px 1fr;gap:10px;}
}
@media (max-width:680px) {
  :root{--max:600px;}
  .container {width:calc(100% - 42px);}
  html {scroll-padding-top:85px;}
  .header-inner{height:68px;}.brand-symbol{width:28px;height:28px}.brand-symbol svg{width:27px;height:27px}.brand-word{font-size:19px}.header-cta{padding:10px 11px;font-size:11px;gap:12px}.header-cta span{font-size:14px}.menu-toggle{width:40px;height:40px;}.mobile-nav{top:68px;}
  .section {padding:95px 0;}.section-meta {font-size:10px;letter-spacing:.12em;padding-bottom:19px;}.section-meta span:last-child{font-size:8px;letter-spacing:.1em;}
  .display-title {font-size:clamp(38px,9.5vw,63px);line-height:1.35;}
  .hero {height:auto;min-height:870px;max-height:none;}
  .hero-container{height:870px;display:block;}
  .hero-copy{position:absolute;top:151px;left:0;right:0;margin:0;max-width:none;}
  .hero-label {font-size:8px;letter-spacing:.12em;margin-bottom:29px;}.hero-label-index{font-size:8px;margin-left:3px;}
  .hero-subject{font-size:10px;letter-spacing:.14em;margin-bottom:17px;}
  .hero h1 {font-size:clamp(55px,12vw,78px);line-height:1.21;}
  .hero-lead {font-size:13px;line-height:2.05;margin:25px 0 26px;}
  .hero-buttons{gap:10px}.btn{min-height:54px;font-size:10px;padding:0 15px;gap:18px;}.btn-icon{width:26px;height:26px;}.btn-ghost{background:rgba(10,20,24,.65);}
  .hero-visual{top:345px;right:-34%;height:560px;width:125%;opacity:.74;}
  .visual-info--top{left:15%;top:23%;font-size:7px;}.visual-info--bottom{right:17%;bottom:21%;font-size:8px;}.visual-coordinate{font-size:7px;right:17%}.visual-cross--top{left:72%;}
  .hero-bottom{bottom:19px;}.scroll-cue{font-size:8px;gap:10px}.scroll-cue-line{height:32px;}.hero-bottom-right{font-size:7px;letter-spacing:.08em;}.hero-bottom-no{display:none;}
  .ticker{padding:15px 0}.ticker-track > span{font-size:10px}.ticker-track em{padding:0 13px;}
  .philosophy-layout{display:block;margin:50px 0 55px}.philosophy-copy .display-title{font-size:clamp(43px,9vw,65px)}.philosophy-description {padding-top:32px;}.philosophy-description p{line-height:2.0;}.philosophy-description .lead-copy{font-size:17px;}
  .principles{grid-template-columns:1fr;}.principle{min-height:120px;display:grid;grid-template-columns:35px 1fr;grid-template-rows:auto auto;align-content:center;gap:10px;padding:20px;border-right:0;border-bottom:1px solid var(--line)}.principle:last-child{border-bottom:0}.principle-index{grid-row:span 2}.principle strong{font-size:24px}.principle > span:last-child{font-size:11px;}
  .expertise-heading{display:block;margin:44px 0 34px;}.expertise-heading .display-title{font-size:clamp(40px,8.7vw,58px)}.expertise-heading > p {margin:25px 0 0;font-size:13px;}.expertise-grid{grid-template-columns:1fr;gap:13px;}.expertise-card{min-height:450px;padding:25px;}.expertise-art{height:168px;}.expertise-card h3{font-size:23px;margin-top:20px}.expertise-card > p {font-size:13px;margin-bottom:20px}.expertise-card-top svg{width:46px;}
  .lab-section{padding:92px 0;}.lab-copy .display-title{margin:25px 0 23px;}.lab-copy > p:not(.section-kicker){font-size:13px;}.lab-readout{font-size:9px;}.demo-topbar{padding:0 12px;font-size:7px;}.demo-stage{height:315px;}.demo-object{height:105px;width:105px;}.demo-orbit-one{width:247px;height:247px;}.demo-orbit-two{width:182px;height:182px;}.demo-stage-caption{font-size:8px;left:13px;right:13px}.demo-controls .demo-mode{min-height:54px;font-size:9px;letter-spacing:.04em;}
  .brands-heading{display:block;margin:45px 0 32px;}.brands-heading p{font-size:13px;margin:18px 0 0;}.brand-showcase{grid-template-columns:1fr;gap:16px;}.showcase-visual{height:285px;}.marunage-tile{width:245px}.marunage-tile > span:first-child{font-size:28px}.miselab-word{font-size:61px}.showcase-content{padding:27px 23px;min-height:170px;}.showcase-content h3{font-size:27px;}.showcase-footer{padding:16px 23px;font-size:9px;letter-spacing:.035em;}.showcase-art-label{font-size:8px;}.showcase-top{padding:19px 23px;}
  .process-heading{display:block;margin:45px 0 50px;}.process-heading p{margin-top:21px;font-size:13px;}.process-grid{grid-template-columns:1fr 1fr;gap:38px 18px;}.process-no{font-size:34px;margin-bottom:17px;}.process-bar{margin-bottom:21px;}.process-grid h3{font-size:16px;margin-bottom:11px;}.process-grid p{font-size:12px;}
  .about-layout{grid-template-columns:1fr;gap:55px;}.about-symbol{width:100%;max-width:460px;justify-self:center;aspect-ratio:1.4;}.about-letter{font-size:clamp(145px,34vw,230px)}.about-content .display-title{font-size:clamp(40px,9vw,60px);margin:25px 0;}.about-content > p:not(.section-kicker){font-size:13px;margin-bottom:30px;}.about-facts dd{font-size:12px;}
  .contact-section{padding:105px 0 110px;}.contact-inner h2{font-size:clamp(57px,11vw,81px);}.contact-inner > p:not(.section-kicker){font-size:13px;}.contact-inner .section-kicker{font-size:10px;}.contact-btn{font-size:13px;min-width:min(100%,290px);}
  .site-footer{padding:58px 0 30px;}.footer-main{display:block;padding-bottom:47px;}.footer-word{font-size:clamp(52px,13vw,82px);}.footer-main > p {text-align:left;margin:25px 0 0;font-size:11px;}.footer-bottom{display:block;font-size:9px;}.footer-links{margin-top:21px;gap:17px;}.motion-toggle{bottom:17px;right:16px;width:41px;height:41px;}
  .subpage-main{padding-top:135px;padding-bottom:80px;}.subpage-intro{margin-bottom:50px;font-size:13px;}.policy-content h2{font-size:17px;}.policy-content p{font-size:13px;}.notfound strong{font-size:150px;}
}
@media (max-width:390px) {
  .container{width:calc(100% - 34px);}.hero-label-index{display:none;}.hero h1{font-size:53px;}.header-cta{font-size:10px;gap:7px;}.hero-buttons .btn{font-size:9px;padding:0 12px;gap:10px;}.hero-bottom-right{display:none;}.showcase-footer span:last-child{font-size:8px;}
}
@media (prefers-reduced-motion: reduce) {
  html {scroll-behavior:auto;}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important;}
  .js-enabled [data-reveal]:not(.is-visible){opacity:1;transform:none;}
}

/* CSS orbital sculpture: always works, including browsers with WebGL disabled. */
.sculpture { position:absolute;inset:0;z-index:2;pointer-events:none;transform-style:preserve-3d; }
.sc-sphere {position:absolute;top:50%;left:51%;width:37%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 28% 21%,rgba(247,255,222,.9),transparent 4%),radial-gradient(ellipse at 26% 24%,rgba(199,255,137,.96) 0,rgba(111,238,183,.78) 14%,transparent 47%),radial-gradient(circle at 45% 41%,#297b69 0,#154e50 39%,#071f2d 73%,#040b13 100%);box-shadow:inset -35px -35px 52px rgba(0,0,0,.72),inset 24px 21px 30px rgba(198,255,162,.14),0 0 75px rgba(116,231,154,.17),0 0 155px rgba(81,211,161,.13);animation:scBreathe 8s ease-in-out infinite;transition:opacity .3s;}
.sc-sphere::before {content:"";position:absolute;inset:0;border-radius:50%;background:repeating-radial-gradient(ellipse at 42% 55%,rgba(185,249,183,.19) 0,rgba(185,249,183,.19) 1px,transparent 2px,transparent 12px);mask-image:radial-gradient(ellipse,black 18%,transparent 78%);opacity:.7;transform:rotate(24deg);}
.sc-sphere::after {content:"";position:absolute;inset:0;border-radius:50%;background:linear-gradient(105deg,rgba(211,255,169,.18),transparent 35%,rgba(10,40,58,.44) 71%);mix-blend-mode:screen;}
.sc-equator {position:absolute;z-index:3;top:50%;left:51%;width:68%;height:38%;border:2px solid rgba(181,255,128,.48);border-radius:50%;box-shadow:0 0 21px rgba(156,255,142,.12),inset 0 0 12px rgba(118,239,170,.08);transform:translate(-50%,-50%) rotate(-27deg);animation:scRingOne 15s ease-in-out infinite alternate;transition:opacity .3s;}
.sc-equator--two {width:66%;height:34%;border-color:rgba(93,242,200,.44);transform:translate(-50%,-50%) rotate(51deg);animation:scRingTwo 17s ease-in-out infinite alternate;}
.sc-equator--three {width:49%;height:58%;border-color:rgba(187,255,138,.19);border-style:dotted;transform:translate(-50%,-50%) rotate(13deg);animation:scRingThree 26s linear infinite;}
.sc-threads {position:absolute;z-index:4;top:2%;left:8%;width:89%;height:96%;overflow:visible;opacity:.75;filter:drop-shadow(0 0 7px rgba(188,255,126,.34));mix-blend-mode:screen;animation:scThread 15s ease-in-out infinite alternate;}
.sc-node {position:absolute;z-index:6;width:5px;height:5px;border-radius:50%;background:#d5ff96;box-shadow:0 0 8px #c2ff5a,0 0 25px rgba(194,255,90,.5);}
.sc-node--a {top:33%;left:18%;}.sc-node--b{top:68%;right:20%;width:3px;height:3px}.sc-node--c{top:16%;left:62%;width:3px;height:3px}
.webgl-ready .sc-sphere{opacity:.18}.webgl-ready .sc-equator{opacity:.17}.webgl-ready .sc-threads{opacity:.24}
@keyframes scBreathe {0%,100%{filter:brightness(.83);transform:translate(-50%,-50%) scale(.97)}50%{filter:brightness(1.12);transform:translate(-50%,-50%) scale(1.04)}}
@keyframes scRingOne {to{transform:translate(-50%,-50%) rotate(-48deg) scale(1.04)}}
@keyframes scRingTwo {to{transform:translate(-50%,-50%) rotate(69deg) scale(.96)}}
@keyframes scRingThree {to{transform:translate(-50%,-50%) rotate(373deg)}}
@keyframes scThread {to{transform:rotate(8deg) scale(1.03);opacity:.5}}
@media (max-width:680px) {
 .sc-sphere{width:46%;}.sc-equator{width:79%;height:36%;}.sc-equator--two{width:76%;height:32%;}.sc-equator--three{width:55%;height:52%;}
 .sc-threads{width:95%;height:92%;top:5%;left:4%;}
 .visual-info--top,.visual-coordinate{display:none;}
}

@media (max-width:680px) { .visual-info--bottom { display:none; } }

/* WEBKUMU official visual identity — v1.1 */
.brand { gap:0; }
.brand-logo { width:clamp(163px,14.8vw,218px);height:auto;object-fit:contain;filter:drop-shadow(0 0 15px rgba(162,255,102,.11));transition:filter .35s ease,transform .35s var(--ease);}
.brand:hover .brand-logo,.brand:focus-visible .brand-logo {filter:drop-shadow(0 0 18px rgba(194,255,90,.33));transform:translateY(-1px);}
.signature-section {position:relative;isolation:isolate;overflow:hidden;padding:clamp(64px,7.8vw,122px) 0 clamp(72px,8vw,120px);background:radial-gradient(ellipse 58% 72% at 50% 52%,rgba(28,73,61,.20),transparent 80%),linear-gradient(180deg,#080d12,#0b131a);border-bottom:1px solid rgba(191,241,187,.1);}
.signature-section::before {content:"";position:absolute;inset:0;pointer-events:none;opacity:.35;background-image:linear-gradient(to right,rgba(164,235,190,.065) 1px,transparent 1px),linear-gradient(to bottom,rgba(164,235,190,.065) 1px,transparent 1px);background-size:90px 90px;mask-image:radial-gradient(ellipse at 50% 48%,#000,transparent 76%);}
.signature-meta,.signature-bottom {display:flex;align-items:center;justify-content:space-between;gap:22px;font:750 10px/1.6 Arial,sans-serif;letter-spacing:.17em;color:#93aa9f;}
.signature-meta span:first-child {color:var(--accent);}
.signature-stage {position:relative;display:grid;place-items:center;isolation:isolate;min-height:clamp(195px,24vw,365px);margin:clamp(18px,3vw,38px) 0;}
.signature-aura {position:absolute;z-index:-1;width:58%;height:100%;top:3%;left:21%;border-radius:50%;filter:blur(38px);background:radial-gradient(ellipse,rgba(167,255,103,.14),rgba(57,224,192,.09) 45%,transparent 70%);animation:signatureAura 7s ease-in-out infinite alternate;}
.signature-orbit {position:absolute;z-index:-1;display:block;width:58%;aspect-ratio:2.3;left:21%;top:26%;border:1px solid rgba(168,255,116,.14);border-radius:50%;transform:rotate(-10deg);pointer-events:none;}
.signature-orbit--two {transform:rotate(12deg);border-color:rgba(95,240,216,.1);}
.signature-logo {position:relative;width:min(100%,1030px);height:auto;object-fit:contain;filter:drop-shadow(0 20px 45px rgba(13,198,143,.10));transition:filter .5s,transform .55s var(--ease);}
.signature-stage:hover .signature-logo {filter:drop-shadow(0 20px 60px rgba(154,255,92,.2));transform:scale(1.015);}
.signature-bottom {border-top:1px solid rgba(194,255,90,.15);padding-top:22px;color:var(--accent);}
.signature-bottom p {color:#afc5bd;font:500 13px/1.9 var(--serifless);letter-spacing:0;margin:0;text-align:right;}
.about-emblem {position:relative;z-index:1;width:min(88%,440px);height:auto;object-fit:contain;filter:drop-shadow(0 0 38px rgba(124,255,114,.17));animation:aboutFloat 9s ease-in-out infinite;}
.footer-brand {display:block;max-width:min(65%,780px);min-width:0;}
.footer-logo {display:block;width:100%;height:auto;filter:drop-shadow(0 0 18px rgba(163,255,103,.10));transition:filter .3s;}
.footer-brand:hover .footer-logo {filter:drop-shadow(0 0 26px rgba(163,255,103,.26));}
@keyframes signatureAura {from{opacity:.6;transform:scale(.92);}to{opacity:1;transform:scale(1.14);}}
@media(max-width:980px) {
  .brand-logo {width:190px;}
  .footer-brand{max-width:70%;}
}
@media(max-width:680px) {
  .brand-logo {width:153px;}
  .signature-section {padding:62px 0 74px;}
  .signature-meta {font-size:8px;letter-spacing:.09em;}
  .signature-meta span:last-child {font-size:7px;}
  .signature-stage{min-height:145px;margin:24px 0;}
  .signature-logo{width:112%;max-width:none;}
  .signature-bottom{display:block;padding-top:18px;font-size:9px;}
  .signature-bottom p {margin-top:10px;text-align:left;font-size:12px;}
  .footer-brand{max-width:100%;}
}
@media(max-width:390px) {
  .brand-logo{width:132px;}
  .header-inner{gap:9px;}
  .signature-meta span:last-child {display:none;}
}
@media (prefers-reduced-motion:reduce) {
  .signature-aura,.about-emblem{animation:none!important;}
  .signature-logo,.brand-logo{transition:none!important;}
}
.motion-paused .signature-logo,.motion-paused .signature-aura,.motion-paused .about-emblem {animation-play-state:paused!important;transition:none!important;}