:root{color-scheme:dark;--bg:#050711;--soft:#0a0d19;--surface:#101422;--text:#f5f7ff;--muted:#a7aec3;--cyan:#4ce5f7;--violet:#8d67ff;--pink:#f15bd1;--line:rgba(255,255,255,.12);--shell:1200px;--ease:cubic-bezier(.2,.8,.2,1);--font-ui:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Sans","Yu Gothic UI","Yu Gothic",Meiryo,sans-serif;--font-display:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Sans","Yu Gothic",Meiryo,sans-serif;--font-mono:ui-monospace,"SFMono-Regular",Consolas,"Liberation Mono",monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg);color:var(--text);font-family:var(--font-ui);line-height:1.7}body{margin:0;min-width:320px;overflow-x:hidden;background:radial-gradient(circle at 75% 5%,rgba(86,61,194,.16),transparent 28%),var(--bg)}a{color:inherit}button{font:inherit}.shell{width:min(100%,var(--shell));margin:auto;padding-inline:24px}.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;z-index:100;left:12px;top:8px;padding:10px 16px;background:#fff;color:#050711;border-radius:8px;transform:translateY(-150%)}.skip-link:focus{transform:none}
.site-header{position:sticky;z-index:50;top:0;height:76px;border-bottom:1px solid transparent;background:rgba(5,7,17,.2);transition:background .3s,border-color .3s,backdrop-filter .3s}.site-header.is-scrolled,.site-header.is-menu-open{background:rgba(5,7,17,.86);border-color:var(--line);backdrop-filter:blur(18px)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;gap:12px;align-items:center;font-weight:800;letter-spacing:-.02em;text-decoration:none}.brand-mark{position:relative;width:34px;height:34px;border:1px solid rgba(255,255,255,.22);border-radius:10px;background:linear-gradient(145deg,rgba(76,229,247,.18),rgba(159,92,255,.18));box-shadow:inset 0 0 14px rgba(76,229,247,.12)}.brand-mark:before,.brand-mark:after,.brand-mark i{content:"";position:absolute;background:linear-gradient(135deg,var(--cyan),var(--violet));border-radius:3px}.brand-mark:before{width:5px;height:17px;left:9px;top:8px;transform:rotate(-32deg)}.brand-mark:after{width:5px;height:17px;right:9px;top:8px;transform:rotate(32deg)}.brand-mark i{width:5px;height:13px;left:14px;top:13px}.nav-links{display:flex;align-items:center;gap:32px}.nav-links a{color:#c8cce0;text-decoration:none;font-size:.85rem;font-weight:700}.nav-links a:hover{color:#fff}.menu-button{display:none}
.hero{position:relative;min-height:calc(100vh - 76px);display:grid;align-items:center;padding:72px 0 90px;isolation:isolate;overflow:hidden}.hero:after{content:"";position:absolute;z-index:-1;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),var(--violet),transparent);opacity:.4}.hero-glow{position:absolute;z-index:-2;border-radius:50%;pointer-events:none}.hero-glow-a{width:45vw;height:45vw;right:-10vw;top:-15vw;background:radial-gradient(circle,rgba(93,78,255,.22),transparent 65%)}.hero-glow-b{width:38vw;height:38vw;left:-24vw;bottom:-18vw;background:radial-gradient(circle,rgba(76,229,247,.12),transparent 65%)}.hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:center}.eyebrow,.section-index{margin:0 0 22px;color:var(--cyan);font-size:.72rem;font-weight:800;letter-spacing:.22em}.hero h1{margin:0;font-size:clamp(3.6rem,7.2vw,7rem);line-height:.98;letter-spacing:-.075em}.hero h1 span{background:linear-gradient(105deg,#fff 5%,var(--cyan) 44%,#8a79ff 72%,var(--pink));background-clip:text;color:transparent}.hero-lead{max-width:630px;margin:30px 0 0;color:#bec4d8;font-size:clamp(1rem,1.5vw,1.18rem)}.hero-actions{display:flex;gap:14px;margin-top:38px}.button{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:0 23px;border:1px solid transparent;border-radius:12px;font-size:.88rem;font-weight:800;text-decoration:none;transition:transform .25s var(--ease),border-color .25s,box-shadow .25s}.button:hover{transform:translateY(-2px)}.button:focus-visible,.app-link:focus-visible,.nav-links a:focus-visible,.brand:focus-visible,.scroll-cue:focus-visible,.menu-button:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}.button-primary{color:#061019;background:linear-gradient(110deg,var(--cyan),#6fffc3);box-shadow:0 10px 34px rgba(76,229,247,.18)}.button-ghost{border-color:rgba(255,255,255,.25);background:rgba(255,255,255,.04)}.scroll-cue{display:inline-flex;align-items:center;gap:12px;margin-top:52px;color:#868da4;font-size:.72rem;letter-spacing:.1em;text-decoration:none}.scroll-cue span{width:1px;height:30px;background:linear-gradient(var(--cyan),transparent)}
.hero-stage{position:relative;min-height:570px;perspective:1000px;transform-style:preserve-3d}
.section{position:relative;padding:130px 0}.section-heading{max-width:700px;margin-bottom:55px}.section-heading h2,.contact h2{margin:0;font-size:clamp(2.5rem,5vw,5.1rem);line-height:1.05;letter-spacing:-.06em}.section-heading>p:last-child{margin:25px 0 0;color:var(--muted);font-size:1rem}.apps{background:linear-gradient(180deg,#070914,#090c17)}.app-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.app-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:24px;background:linear-gradient(150deg,rgba(255,255,255,.055),rgba(255,255,255,.018));transition:transform .35s var(--ease),border-color .35s,box-shadow .35s}.app-card:before{content:"";position:absolute;z-index:2;width:180px;height:180px;left:var(--spot-x,50%);top:var(--spot-y,20%);transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.12),transparent 70%);opacity:0;pointer-events:none;transition:opacity .25s}.app-card:hover,.app-card:focus-within{transform:translateY(-8px);border-color:rgba(100,225,255,.4);box-shadow:0 28px 60px rgba(0,0,0,.24)}.app-card:hover:before,.app-card:focus-within:before{opacity:1}.app-visual{position:relative;overflow:hidden;aspect-ratio:1.25;border-bottom:1px solid var(--line);transition:transform .6s var(--ease)}.app-card:hover .app-visual,.app-card:focus-within .app-visual{transform:scale(1.025)}.portal-visual{background:radial-gradient(circle at 22% 25%,rgba(255,213,118,.25),transparent 20%),linear-gradient(145deg,#182b72,#47246d 55%,#df557f)}.portal-visual:after,.navi-visual:after{content:"";position:absolute;left:-10%;right:-10%;bottom:-25%;height:50%;border-radius:50%;background:#111a42;box-shadow:0 -14px 60px rgba(76,229,247,.18)}.planet{position:absolute;width:110px;height:110px;right:-20px;top:-15px;border-radius:50%;background:linear-gradient(135deg,#72e5f5,#615ee6);box-shadow:0 0 50px rgba(76,229,247,.25)}.rocket{position:absolute;z-index:2;right:22%;bottom:26%;width:30px;height:65px;border-radius:50% 50% 25% 25%;background:#f7f8ff;transform:rotate(34deg);box-shadow:0 20px 25px #ed6dcb}.app-visual>strong{position:absolute;z-index:3;left:26px;bottom:34px;font-size:1.5rem;line-height:1.15}.app-visual>i{position:absolute;width:3px;height:3px;border-radius:50%;background:#fff;box-shadow:0 0 8px #fff}.app-visual>i:nth-of-type(1){left:18%;top:22%}.app-visual>i:nth-of-type(2){left:63%;top:18%}.app-visual>i:nth-of-type(3){right:18%;top:45%}.navi-visual{background:linear-gradient(155deg,#08122b,#122c54 58%,#344d67)}.telescope{position:absolute;z-index:2;width:35px;height:105px;right:27%;bottom:15%;background:linear-gradient(90deg,#31415d,#9cb2ca);transform:rotate(-32deg);border-radius:9px}.tool-visual{display:grid;place-items:center;background:radial-gradient(circle at 50% 0,rgba(76,229,247,.12),transparent 48%),#080d17}.terminal{width:82%;padding:19px;border:1px solid rgba(76,229,247,.25);border-radius:10px;background:#0a121c;box-shadow:0 20px 50px #000}.terminal small{display:block;color:var(--cyan);font:700 .52rem Consolas,monospace;letter-spacing:.15em}.terminal strong{display:block;margin:11px 0 16px;font:700 1rem Consolas,monospace}.terminal>span{display:block;height:3px;margin:7px 0;border-radius:4px;background:linear-gradient(90deg,#40677c 60%,transparent 60%)}.terminal>span:nth-of-type(2){width:76%}.terminal>span:nth-of-type(3){width:88%}.terminal div{display:flex;justify-content:space-between;margin-top:14px;color:#9cb3c0;font:600 .68rem Consolas,monospace}.app-body{padding:26px}.app-tags{display:flex;gap:8px;flex-wrap:wrap}.app-tags span{padding:4px 8px;border:1px solid rgba(255,255,255,.14);border-radius:5px;color:#9ca5be;font-size:.62rem;font-weight:800}.app-body h3{margin:18px 0 10px;font-size:1.55rem;letter-spacing:-.03em}.app-body p{min-height:5.1em;margin:0;color:var(--muted);font-size:.88rem}.app-link{display:flex;align-items:center;justify-content:space-between;min-height:46px;margin-top:24px;border-top:1px solid var(--line);padding-top:18px;color:#e7edff;font-size:.82rem;font-weight:800;text-decoration:none}.app-link span:last-child{color:var(--cyan);transition:transform .25s}.app-link:hover span:last-child,.app-link:focus-visible span:last-child{transform:translate(4px,-4px)}.app-status{color:#7f879c}
.capabilities{overflow:hidden}.capabilities:before{content:"";position:absolute;left:-15vw;top:20%;width:40vw;height:40vw;border-radius:50%;background:radial-gradient(circle,rgba(85,119,255,.13),transparent 65%)}.capability-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px}.capability-layout .section-heading{position:sticky;top:150px;align-self:start;margin:0}.capability-list{margin:0;padding:0;list-style:none}.capability-list li{display:grid;grid-template-columns:50px 1fr;gap:24px;padding:30px 0;border-top:1px solid var(--line)}.capability-list li:last-child{border-bottom:1px solid var(--line)}.capability-list>li>span,.principle-grid article>span{color:var(--cyan);font:700 .68rem Consolas,monospace}.capability-list h3{margin:0;font-size:1.25rem}.capability-list p{margin:6px 0 0;color:var(--muted);font-size:.9rem}.principles{background:#0b0e19}.principle-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.principle-grid article{min-height:250px;padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.principle-grid h3{margin:45px 0 12px;font-size:1.18rem}.principle-grid p{margin:0;color:var(--muted);font-size:.85rem}.contact{background:linear-gradient(120deg,#4536bb,#7135a2 55%,#b43f91)}.contact:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 20%,rgba(76,229,247,.28),transparent 20%);pointer-events:none}.contact-inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr auto;align-items:end;gap:50px}.contact p{color:#e5e0f2}.contact-actions{display:flex;gap:12px}.button-light{background:#fff;color:#131425}.button-outline{border-color:rgba(255,255,255,.55)}.site-footer{padding:55px 0;background:#04050c;border-top:1px solid var(--line)}.footer-inner{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}.footer-inner>p{margin:0;color:#8990a6;font-size:.8rem}.footer-inner nav{display:flex;justify-content:flex-end;gap:20px}.footer-inner nav a{color:#aeb4c7;font-size:.75rem;text-decoration:none}.footer-inner small{grid-column:1/-1;padding-top:24px;border-top:1px solid var(--line);color:#60677c}.reveal{opacity:.94;transform:translateY(10px)}.js .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.js .reveal.is-visible{opacity:1;transform:none}

@media(max-width:980px){.hero-grid{grid-template-columns:1fr}.hero{padding-top:55px}.hero-stage{min-height:520px;max-width:680px;width:100%;margin:auto}.capability-layout{grid-template-columns:1fr;gap:55px}.capability-layout .section-heading{position:static}.principle-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.shell{padding-inline:18px}.site-header{height:68px}.menu-button{position:relative;display:grid;place-content:center;gap:7px;width:48px;height:48px;border:0;background:transparent;color:#fff}.menu-button>span:not(.sr-only){display:block;width:24px;height:1px;background:currentColor;transition:transform .25s}.menu-button[aria-expanded="true"]>span:nth-of-type(2){transform:translateY(4px) rotate(45deg)}.menu-button[aria-expanded="true"]>span:nth-of-type(3){transform:translateY(-4px) rotate(-45deg)}.nav-links{position:absolute;top:68px;left:0;right:0;display:grid;gap:0;padding:10px 18px 18px;background:rgba(5,7,17,.98);border-bottom:1px solid var(--line);transform:scaleY(0);transform-origin:top;opacity:0;visibility:hidden;transition:transform .25s,opacity .2s}.nav-links.is-open{transform:none;opacity:1;visibility:visible}.nav-links a{display:flex;align-items:center;min-height:48px;border-bottom:1px solid var(--line)}.hero{min-height:auto;padding:75px 0 55px}.hero h1{font-size:clamp(3.35rem,16vw,5.2rem)}.hero-lead br{display:none}.hero-actions{flex-direction:column;align-items:stretch}.scroll-cue{margin-top:34px}.hero-stage{min-height:390px;margin-top:20px}.section{padding:90px 0}.section-heading{margin-bottom:40px}.app-grid{grid-template-columns:1fr}.app-body p{min-height:auto}.principle-grid{grid-template-columns:1fr}.principle-grid article{min-height:auto}.contact-inner{grid-template-columns:1fr;align-items:start}.contact-actions{flex-direction:column}.footer-inner{grid-template-columns:1fr}.footer-inner nav{justify-content:flex-start;flex-wrap:wrap}.footer-inner small{grid-column:auto}}
@media(max-width:420px){.hero-stage{transform:scale(.9);transform-origin:center top;margin-bottom:-36px}.section-heading h2,.contact h2{font-size:2.7rem}}
@media(pointer:coarse){.app-card:hover{transform:none}.app-card:before{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal,.js .reveal{opacity:1;transform:none}.hero-stage{transform:none!important}}
/* PR #7 visual fidelity pass: real app screens are the motion focus. */
.hero{background:
  radial-gradient(circle at 78% 32%,rgba(50,118,255,.2),transparent 24%),
  radial-gradient(circle at 88% 62%,rgba(222,62,200,.14),transparent 26%),
  radial-gradient(circle at 48% 88%,rgba(32,214,231,.1),transparent 30%),
  linear-gradient(120deg,#050711 0%,#080b1b 46%,#101039 100%)}
.hero:before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;opacity:.48;background-image:
  linear-gradient(rgba(92,136,255,.08) 1px,transparent 1px),
  linear-gradient(90deg,rgba(92,136,255,.08) 1px,transparent 1px),
  linear-gradient(112deg,transparent 12%,rgba(76,229,247,.18) 12.15%,transparent 12.35%),
  linear-gradient(112deg,transparent 56%,rgba(241,91,209,.15) 56.15%,transparent 56.35%);
  background-size:54px 54px,54px 54px,100% 100%,100% 100%;mask-image:linear-gradient(90deg,transparent 0,#000 42%,#000 100%)}
.hero-grid{grid-template-columns:.88fr 1.12fr}.hero h1{max-width:720px;font-size:clamp(3.1rem,5.4vw,5.9rem);line-height:1.07;letter-spacing:-.065em}.hero h1 span{background:linear-gradient(100deg,var(--cyan),#7188ff 50%,var(--pink));background-clip:text;color:transparent}.hero-lead{max-width:670px}
.hero-stage{min-height:600px;transform-style:preserve-3d;isolation:isolate}.hero-grid-lines{position:absolute;inset:4% -6% 2% 2%;z-index:-3;border-radius:50%;background:repeating-radial-gradient(ellipse at center,transparent 0 45px,rgba(92,136,255,.1) 46px 47px);transform:rotate(-12deg);mask-image:radial-gradient(ellipse,#000,transparent 69%)}

.app-card:hover,.app-card:focus-within{transform:none;border-color:rgba(100,225,255,.4);box-shadow:0 28px 60px rgba(0,0,0,.24)}.app-media{position:relative;overflow:hidden;aspect-ratio:16/9;border-bottom:1px solid var(--line);background:#070a14;isolation:isolate}.app-media img{display:block;width:100%;height:100%;aspect-ratio:16/9;object-fit:cover;scale:1.045;transition:scale .55s var(--ease);will-change:transform,scale}.portal-media img{animation:portal-pan 15s ease-in-out infinite}.navi-media img{animation:navi-pan 19s ease-in-out infinite}.tool-media img{animation:tool-pan 12s ease-in-out infinite}.app-card:hover .app-media img,.app-card:focus-within .app-media img{scale:1.085}.app-media-glow{position:absolute;z-index:2;width:50%;height:160%;top:-30%;left:-65%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.17),transparent);transform:skewX(-18deg);animation:media-glow 13s ease-in-out infinite;pointer-events:none}.navi-media .app-media-glow{animation-duration:19s;background:linear-gradient(90deg,transparent,rgba(76,229,247,.13),transparent)}.tool-media .app-media-glow{animation-duration:11s;background:linear-gradient(90deg,transparent,rgba(64,214,193,.16),transparent)}.app-media-overlay{position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(4,6,15,.6));pointer-events:none}.portal-media{box-shadow:inset 0 0 55px rgba(241,91,209,.12)}.navi-media{box-shadow:inset 0 0 55px rgba(76,229,247,.1)}.tool-media{box-shadow:inset 0 0 55px rgba(62,220,196,.1)}.result-trace{position:absolute;z-index:3;left:8%;right:8%;bottom:11%;height:2px;background:linear-gradient(90deg,transparent,var(--cyan),#74ffd0,transparent);background-size:200% 100%;filter:drop-shadow(0 0 6px var(--cyan));animation:trace-flow 8s linear infinite}
@keyframes portal-pan{50%{transform:translate3d(-1.8%,1.2%,0)}}@keyframes navi-pan{50%{transform:translate3d(2.2%,0,0)}}@keyframes tool-pan{50%{transform:translate3d(-1.5%,-1.4%,0)}}@keyframes media-glow{0%,28%{translate:0 0;opacity:0}55%{opacity:.8}76%,100%{translate:330% 0;opacity:0}}@keyframes trace-flow{to{background-position:-200% 0}}
@media(max-width:980px){.hero-grid{grid-template-columns:1fr}.hero h1{max-width:800px}.hero-stage{min-height:560px;max-width:760px}}
@media(max-width:720px){.hero:before{mask-image:linear-gradient(180deg,transparent 0,#000 42%,#000 100%)}.hero h1{font-size:clamp(2.85rem,13vw,4.7rem);line-height:1.08}.hero-stage{min-height:430px}}
@media(max-width:420px){.hero-stage{transform:none;min-height:390px;margin-bottom:0}}
@media(pointer:coarse){.app-card:hover .app-media img{scale:1.045}}
@media(prefers-reduced-motion:reduce){.app-media img,.app-media-glow,.result-trace{animation:none!important;translate:none!important;rotate:none!important;transform:none!important}.app-media img{scale:1.045}.app-card:hover .app-media img,.app-card:focus-within .app-media img{scale:1.045}}
.hero h1 span{background:none;color:inherit}.hero h1 .hero-line>span{display:inline-block}.hero h1 strong{background:linear-gradient(100deg,var(--cyan),#7188ff 50%,var(--pink));background-clip:text;color:transparent}@media(min-width:981px){.hero-grid{grid-template-columns:1.13fr .87fr}.hero h1{font-size:clamp(3rem,3.6vw,3.25rem)}}@media(min-width:721px){.hero-line{white-space:nowrap}}

/* Final mock-aligned unified hero showcase. */
@property --float-y{syntax:"<length>";inherits:false;initial-value:0px}
@property --float-x{syntax:"<length>";inherits:false;initial-value:0px}
:root{--shell:1360px}
.hero{display:block;min-height:calc(100vh - 76px);padding:34px 0 26px;background:
  radial-gradient(ellipse at 83% 62%,rgba(48,44,226,.19),transparent 34%),
  radial-gradient(ellipse at 72% 30%,rgba(0,191,255,.1),transparent 26%),
  linear-gradient(118deg,#030612 0%,#050817 46%,#090b25 100%)}
.hero:before{opacity:.58;background-image:
  linear-gradient(rgba(67,106,198,.075) 1px,transparent 1px),
  linear-gradient(90deg,rgba(67,106,198,.075) 1px,transparent 1px),
  linear-gradient(132deg,transparent 21%,rgba(29,104,255,.16) 21.1%,transparent 21.24%),
  linear-gradient(132deg,transparent 72%,rgba(204,48,255,.14) 72.1%,transparent 72.24%);
  background-size:64px 64px,64px 64px,100% 100%,100% 100%;mask-image:linear-gradient(90deg,rgba(0,0,0,.42),#000 38%,#000)}
.hero-grid{grid-template-columns:1.05fr 1.15fr;gap:28px;min-height:590px;align-items:center}
.hero-copy{position:relative;z-index:9;padding-block:18px}.hero h1{max-width:680px;font-size:clamp(3.15rem,4vw,3.65rem);line-height:1.55;letter-spacing:-.055em;text-shadow:0 0 28px rgba(146,177,255,.12)}.hero-lead{margin-top:22px}.hero-actions{margin-top:30px}.scroll-cue{margin-top:38px}.button-primary{background:linear-gradient(105deg,#2ce8ff 0%,#6c76ff 56%,#f10fd2 100%);color:#fff;box-shadow:0 0 28px rgba(35,207,255,.24),0 0 42px rgba(221,30,213,.12)}
.hero-stage{position:relative;min-height:590px;max-width:none;width:100%;margin:0;perspective:1400px;transform-style:preserve-3d;isolation:isolate}
.hero-grid-lines{position:absolute;inset:2% -8% -8% -8%;z-index:-5;border-radius:50%;background:
  linear-gradient(rgba(47,95,180,.08) 1px,transparent 1px),
  linear-gradient(90deg,rgba(47,95,180,.08) 1px,transparent 1px);
  background-size:36px 36px;transform:perspective(500px) rotateX(66deg) translateY(34%);mask-image:radial-gradient(ellipse,#000 25%,transparent 70%)}
.hero-orbit{position:absolute;z-index:-2;left:0;right:-12%;bottom:5%;height:180px;border:2px solid rgba(36,195,255,.5);border-radius:50%;transform:perspective(700px) rotateX(68deg) rotateZ(-5deg);box-shadow:0 0 18px rgba(37,213,255,.65),inset 0 0 20px rgba(138,55,255,.35);animation:showcase-orbit 14s ease-in-out infinite}
.hero-orbit-a:after,.hero-orbit-b:after{content:"";position:absolute;inset:14px -8px;border-radius:50%;border:2px solid rgba(230,36,222,.4);filter:drop-shadow(0 0 9px rgba(229,41,255,.75))}
.hero-orbit-b{left:14%;right:-4%;bottom:0;opacity:.58;animation-duration:11s;animation-direction:reverse}
.hero-light-point{position:absolute;z-index:-1;width:4px;height:4px;border-radius:50%;background:#fff;box-shadow:0 0 7px 2px var(--cyan),0 0 34px 12px rgba(52,215,255,.3);animation:point-pulse 9s ease-in-out infinite}.hero-light-point-a{left:5%;top:23%}.hero-light-point-b{right:12%;top:52%;box-shadow:0 0 7px 2px var(--pink),0 0 34px 12px rgba(241,91,209,.28);animation-delay:-4s}
.showcase-screen{--parallax-x:0px;--parallax-y:0px;position:absolute;overflow:hidden;border:1px solid transparent;border-radius:20px;color:#eaf2ff;background:linear-gradient(145deg,rgba(8,12,29,.97),rgba(4,7,18,.98)) padding-box,linear-gradient(125deg,rgba(49,225,255,.9),rgba(124,78,255,.56) 52%,rgba(244,55,218,.76)) border-box;box-shadow:0 32px 70px rgba(0,0,0,.58),0 0 30px rgba(62,129,255,.12);translate:calc(var(--parallax-x) + var(--float-x)) calc(var(--parallax-y) + var(--float-y));transform-style:preserve-3d;backdrop-filter:blur(12px);will-change:translate,filter}
.showcase-screen:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 22px rgba(90,167,255,.08);pointer-events:none;animation:frame-glow 12s ease-in-out infinite}
.showcase-window-bar{height:32px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid rgba(132,165,230,.12);background:linear-gradient(90deg,rgba(12,18,40,.98),rgba(5,8,20,.94));font-size:.58rem;font-weight:800;letter-spacing:.04em}.showcase-app-name{color:#f2f6ff}.window-actions{display:flex;gap:9px}.window-actions i{display:block;width:7px;height:7px;border:1px solid #b9c4dc;border-radius:50%}.window-actions i:last-child{border-radius:0;border-width:0 0 1px 1px;rotate:-45deg}
.showcase-navi{z-index:1;width:88%;height:355px;right:0;top:15px;transform:rotateY(-2.2deg) rotateX(1.2deg);animation:navi-float 12s ease-in-out infinite}
.navi-showcase-layout{height:calc(100% - 32px);display:grid;grid-template-columns:minmax(0,1fr) 29%;gap:8px;padding:9px}.navi-main{display:grid;grid-template-rows:31px 1fr;gap:7px}.navi-toolbar{display:flex;gap:8px;align-items:center}.navi-search{width:66%;height:28px;display:flex;align-items:center;gap:8px;padding:0 10px;border:1px solid rgba(113,153,230,.22);border-radius:8px;background:rgba(7,11,28,.86);color:#9caac7;font-size:.48rem}.navi-search i{width:7px;height:7px;border:1px solid #dbe7ff;border-radius:50%;position:relative}.navi-search i:after{content:"";position:absolute;width:4px;height:1px;background:#dbe7ff;right:-3px;bottom:-2px;rotate:45deg}.navi-filter{padding:5px 9px;border:1px solid rgba(107,85,255,.36);border-radius:7px;background:rgba(91,52,213,.18);color:#c9c0ff;font-size:.45rem}.navi-map{position:relative;overflow:hidden;border:1px solid rgba(70,115,205,.18);border-radius:10px;background:
  radial-gradient(circle at 77% 30%,rgba(45,77,224,.18),transparent 18%),
  radial-gradient(circle at 30% 80%,rgba(99,40,205,.16),transparent 22%),
  radial-gradient(circle,#fff 0 1px,transparent 1.5px) 0 0/29px 31px,
  radial-gradient(circle,#8dcbff 0 1px,transparent 1.4px) 11px 9px/43px 47px,
  #040817}
.navi-map-grid{position:absolute;inset:0;background:linear-gradient(rgba(79,113,190,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(79,113,190,.045) 1px,transparent 1px);background-size:39px 39px}.navi-star{position:absolute;width:5px;height:5px;border-radius:50%;background:#f8fbff;box-shadow:0 0 8px 3px #557eff,0 0 20px 6px rgba(92,60,255,.42);animation:star-breathe 8s ease-in-out infinite}.star-a{left:25%;top:26%}.star-b{left:46%;top:18%;animation-delay:-2s}.star-c{left:61%;top:43%;animation-delay:-4s}.star-d{left:77%;top:24%;animation-delay:-5s}.star-e{left:32%;top:66%;animation-delay:-1s}.star-f{left:54%;top:72%;animation-delay:-6s}.star-g{left:83%;top:68%;animation-delay:-3s}.navi-constellation{position:absolute;height:1px;transform-origin:left;background:linear-gradient(90deg,#4f7fff,rgba(190,83,255,.7));box-shadow:0 0 5px rgba(83,123,255,.7);animation:constellation-pulse 10s ease-in-out infinite}.line-a{width:27%;left:25%;top:27%;rotate:-14deg}.line-b{width:22%;left:46%;top:19%;rotate:55deg}.line-c{width:26%;left:61%;top:43%;rotate:-35deg}.line-d{width:25%;left:32%;top:66%;rotate:9deg}.line-e{width:29%;left:54%;top:72%;rotate:-8deg}.star-label{position:absolute;color:#e7edff;font-size:.43rem;font-weight:800;text-shadow:0 0 8px #596fff}.star-label small{display:block;color:#8796ba;font-size:.36rem;font-weight:600}.label-vega{left:21%;top:16%}.label-altair{left:60%;top:32%}.label-deneb{left:44%;top:5%}.map-caption{position:absolute;left:10px;bottom:8px;color:#687ca7;font:600 .38rem Consolas,monospace;letter-spacing:.14em}.navi-side-panel{display:grid;gap:8px}.navi-side-panel section{padding:10px;border:1px solid rgba(83,119,193,.14);border-radius:9px;background:linear-gradient(145deg,rgba(13,20,44,.84),rgba(6,10,25,.86))}.navi-side-panel h3{margin:0 0 8px;color:#dce7ff;font-size:.5rem}.navi-side-panel dl{margin:0}.navi-side-panel dl div{display:flex;justify-content:space-between;padding:3px 0;color:#8594b5;font-size:.4rem}.navi-side-panel dd{margin:0;color:#d5def3}.navi-side-panel ul{display:grid;gap:6px;margin:0;padding:0;list-style:none;color:#b9c5de;font-size:.42rem}.navi-side-panel li{display:flex;align-items:center;gap:5px}.navi-side-panel li i{width:6px;height:6px;border-radius:50%;background:#268aff;box-shadow:0 0 7px #268aff}.visual-link{display:block;margin-top:8px;padding:5px;text-align:center;border:1px solid rgba(46,183,255,.2);border-radius:6px;background:rgba(22,128,211,.12);color:#5bdcff;font-size:.38rem;font-weight:800}
.showcase-portal{z-index:4;width:35%;height:465px;left:2%;top:112px;border-radius:30px;transform:rotateY(5deg) rotateZ(-3deg);animation:portal-float 9s ease-in-out infinite}.showcase-portal:after{border-radius:30px}.portal-device-speaker{position:absolute;z-index:4;top:8px;left:50%;width:30%;height:10px;translate:-50% 0;border-radius:0 0 8px 8px;background:#030510}.showcase-portal .showcase-window-bar{height:34px;padding-inline:18px}.portal-signal{color:#9ca9c6;font-size:.35rem}.portal-status-bar{height:39px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid rgba(79,117,205,.18);background:linear-gradient(90deg,rgba(20,29,70,.94),rgba(43,18,79,.9));color:#bfc9e1;font-size:.45rem}.portal-status-bar span{padding:5px 7px;border:1px solid rgba(93,134,232,.18);border-radius:7px;background:rgba(6,10,26,.45)}.portal-status-bar b{color:#fff}.portal-game-scene{position:relative;height:286px;overflow:hidden;background:linear-gradient(180deg,#111d4a 0%,#432c68 52%,#d46655 100%)}.portal-sun{position:absolute;width:44px;height:24px;left:15%;top:15%;border-radius:50% 50% 0 0;background:#ffcf8b;box-shadow:0 0 24px rgba(255,181,107,.38)}.portal-cloud{position:absolute;width:42px;height:8px;right:12%;top:18%;border-radius:50%;background:rgba(230,218,244,.2)}.portal-mountain{position:absolute;left:-8%;right:-8%;bottom:24%;height:48%;clip-path:polygon(0 100%,13% 63%,22% 75%,38% 25%,51% 70%,67% 38%,81% 68%,100% 44%,100% 100%)}.mountain-back{background:#8b4967;opacity:.72;animation:portal-back-pan 13s ease-in-out infinite}.mountain-mid{bottom:14%;height:43%;background:#b95750;clip-path:polygon(0 100%,16% 45%,28% 72%,44% 28%,58% 68%,75% 40%,100% 69%,100% 100%);animation:portal-mid-pan 10s ease-in-out infinite}.portal-ground{position:absolute;left:-10%;right:-10%;bottom:-16%;height:48%;border-radius:50% 50% 0 0;background:linear-gradient(#b84f43,#4a1f38);box-shadow:0 -12px 30px rgba(240,99,60,.12)}.portal-crystal{position:absolute;z-index:3;bottom:15%;width:13px;height:28px;background:linear-gradient(145deg,#65f4ff,#2167d7);clip-path:polygon(50% 0,100% 55%,70% 100%,20% 87%,0 45%);filter:drop-shadow(0 0 6px #2ee4ff)}.crystal-a{left:11%}.crystal-b{right:9%;scale:.75}.portal-rover{position:absolute;z-index:4;width:96px;height:75px;left:50%;bottom:12%;translate:-50% 0;animation:rover-hover 7s ease-in-out infinite}.rover-head{position:absolute;width:50px;height:33px;left:24px;top:2px;border:3px solid #17223b;border-radius:12px;background:linear-gradient(#d3d7d3,#707a82);box-shadow:inset 0 -6px #46515e}.rover-head:before,.rover-head:after{content:"";position:absolute;top:8px;width:10px;height:10px;border-radius:50%;background:#66efff;box-shadow:inset 0 0 0 3px #1d6382,0 0 7px #4aeaff}.rover-head:before{left:8px}.rover-head:after{right:8px}.rover-body{position:absolute;width:72px;height:30px;left:12px;top:32px;border:3px solid #202638;border-radius:8px;background:linear-gradient(#a7a79f,#535b62)}.rover-wheel{position:absolute;top:55px;width:25px;height:25px;border:5px solid #111522;border-radius:50%;background:#65707b;box-shadow:inset 0 0 0 3px #242c36}.wheel-a{left:5px}.wheel-b{right:5px}.rover-arm{position:absolute;width:36px;height:4px;right:-3px;top:38px;background:#aeb6ba;rotate:-25deg;transform-origin:left}.portal-mission-panel{height:106px;padding:12px 14px;background:linear-gradient(145deg,#0b1128,#17102e)}.portal-mission-panel>span{display:block;color:#48dff2;font:700 .38rem Consolas,monospace;letter-spacing:.14em}.portal-mission-panel strong{display:block;margin-top:4px;font-size:.72rem;line-height:1.35}.portal-mission-panel small{display:inline-block;margin-top:6px;padding:4px 7px;border:1px solid rgba(58,220,241,.28);border-radius:999px;color:#71e8f5;font-size:.4rem}
.showcase-toolish{z-index:6;width:70%;height:282px;right:-1%;bottom:10px;transform:rotateY(-2.5deg) rotateZ(2.5deg);animation:toolish-float 10.5s ease-in-out infinite}.toolish-brand{display:flex;align-items:center;gap:6px}.toolish-brand i{width:8px;height:8px;border-radius:3px;background:linear-gradient(135deg,var(--cyan),var(--violet));box-shadow:0 0 8px var(--cyan)}.toolish-layout{height:calc(100% - 32px);display:grid;grid-template-columns:25% 75%}.toolish-nav{display:grid;align-content:start;gap:6px;padding:12px 9px;border-right:1px solid rgba(96,131,196,.13);background:linear-gradient(#0b1025,#070b1a)}.toolish-nav strong{margin:0 6px 3px;color:#53627f;font:700 .4rem Consolas,monospace;letter-spacing:.16em}.toolish-nav span{display:flex;align-items:center;gap:6px;padding:6px;border-radius:6px;color:#8997b3;font-size:.42rem}.toolish-nav span i{width:7px;height:7px;border:1px solid #7e91b5;border-radius:2px}.toolish-nav .is-active{background:linear-gradient(100deg,#0cacc7,#2478dc);color:#fff;box-shadow:0 0 16px rgba(20,185,229,.18)}.toolish-nav .is-active i{border-color:#fff}.toolish-main{padding:12px 14px;background:radial-gradient(circle at 80% 0,rgba(36,78,145,.12),transparent 38%),#070b17}.toolish-heading{display:flex;align-items:center;justify-content:space-between}.toolish-heading small{color:#52647f;font:700 .36rem Consolas,monospace;letter-spacing:.14em}.toolish-heading h3{margin:1px 0 0;font-size:.72rem}.toolish-status{padding:4px 6px;border:1px solid rgba(74,226,240,.2);border-radius:5px;color:#50ddeb;font:700 .34rem Consolas,monospace}.toolish-input-row{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:10px}.toolish-input{display:flex;align-items:center;height:36px;padding:0 10px;border:1px solid rgba(79,113,176,.25);border-radius:6px;background:#050812;color:#eef6ff;font:700 .58rem Consolas,monospace}.visual-action{display:flex;align-items:center;padding:0 12px;border-radius:6px;background:linear-gradient(105deg,#20d6ef,#2777dd);color:#fff;font-size:.46rem;font-weight:800;box-shadow:0 0 14px rgba(31,201,236,.2)}.toolish-result-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin-top:9px}.toolish-result-grid div{min-width:0;padding:7px 8px;border:1px solid rgba(79,109,164,.15);border-radius:6px;background:linear-gradient(145deg,rgba(17,25,47,.8),rgba(8,12,27,.9))}.toolish-result-grid div:nth-child(3){grid-column:1/-1}.toolish-result-grid small{display:block;color:#63718d;font-size:.34rem}.toolish-result-grid strong{display:block;overflow:hidden;margin-top:2px;color:#cdd9ee;font:700 .43rem Consolas,monospace;text-overflow:ellipsis;white-space:nowrap}.toolish-scan-line{position:absolute;z-index:7;left:26%;right:2%;top:38%;height:1px;background:linear-gradient(90deg,transparent,#3cf3ff,transparent);box-shadow:0 0 10px #31dbff;animation:toolish-scan-final 7s ease-in-out infinite}
.hero-floor-glow{position:absolute;z-index:-1;left:4%;right:-4%;bottom:-3%;height:100px;border-radius:50%;background:radial-gradient(ellipse,rgba(43,120,255,.25),rgba(154,42,255,.12) 45%,transparent 72%);filter:blur(8px)}
.hero-values{display:grid;grid-template-columns:repeat(4,1fr);margin-top:2px;padding:0;border:1px solid rgba(80,112,182,.19);border-radius:16px;background:linear-gradient(110deg,rgba(7,12,29,.88),rgba(4,7,19,.78));box-shadow:0 20px 50px rgba(0,0,0,.18);backdrop-filter:blur(12px)}.hero-values article{display:grid;grid-template-columns:48px 1fr;gap:14px;min-height:112px;padding:20px;border-right:1px solid rgba(80,112,182,.18)}.hero-values article:last-child{border-right:0}.hero-values h2{margin:0;color:#eaf1ff;font-size:.9rem}.hero-values p{margin:5px 0 0;color:#8490a9;font-size:.68rem;line-height:1.55}.value-icon{position:relative;display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(43,207,255,.26);border-radius:50%;background:radial-gradient(circle,rgba(30,181,255,.18),rgba(15,34,77,.45));box-shadow:0 0 18px rgba(40,187,255,.13)}.value-icon i,.value-icon:before,.value-icon:after{content:"";position:absolute}.value-icon-bolt i{width:15px;height:25px;background:linear-gradient(#2cf2ff,#2991ff);clip-path:polygon(55% 0,100% 0,68% 39%,100% 39%,34% 100%,47% 55%,15% 55%)}.value-icon-shield i{width:19px;height:23px;border:2px solid #38dff5;border-radius:5px 5px 10px 10px;clip-path:polygon(50% 0,100% 18%,90% 75%,50% 100%,10% 75%,0 18%)}.value-icon-rocket i{width:10px;height:23px;border:2px solid #567dff;border-radius:50% 50% 35% 35%;rotate:42deg}.value-icon-rocket:before{width:7px;height:13px;background:#d74cff;filter:blur(2px);translate:-8px 9px;rotate:42deg}.value-icon-smile i{width:21px;height:21px;border:2px solid #2de7ff;border-radius:50%}.value-icon-smile:before{width:3px;height:3px;border-radius:50%;background:#2de7ff;translate:-5px -4px;box-shadow:10px 0 #2de7ff}.value-icon-smile:after{width:9px;height:5px;border-bottom:2px solid #2de7ff;border-radius:50%;translate:0 4px}
@keyframes navi-float{50%{--float-y:-9px;--float-x:4px}}@keyframes portal-float{50%{--float-y:12px;--float-x:-3px}}@keyframes toolish-float{50%{--float-y:-10px;--float-x:5px}}@keyframes showcase-orbit{50%{translate:7px -5px;filter:hue-rotate(22deg)}}@keyframes point-pulse{50%{opacity:.35;scale:.6}}@keyframes frame-glow{50%{filter:drop-shadow(0 0 7px rgba(69,208,255,.34))}}@keyframes star-breathe{50%{opacity:.45;scale:.72}}@keyframes constellation-pulse{50%{opacity:.42;filter:brightness(1.5)}}@keyframes portal-back-pan{50%{translate:-2.5% 1%}}@keyframes portal-mid-pan{50%{translate:2.5% -1%}}@keyframes rover-hover{50%{translate:-50% -5px}}@keyframes toolish-scan-final{0%,100%{translate:0 -34px;opacity:.18}50%{translate:0 117px;opacity:.92}}
@media(max-width:1120px){:root{--shell:1120px}.hero-grid{grid-template-columns:.95fr 1.05fr}.hero h1{font-size:clamp(2.9rem,4.8vw,3.35rem)}.showcase-navi{width:92%}.showcase-portal{width:38%;left:0}.showcase-toolish{width:74%}.hero-values article{grid-template-columns:40px 1fr;padding:17px 14px}.value-icon{width:38px;height:38px}}
@media(max-width:980px){.hero{padding-top:42px}.hero-grid{grid-template-columns:1fr;gap:16px}.hero-copy{padding-bottom:8px}.hero h1{font-size:clamp(3rem,7vw,4.2rem)}.hero-stage{min-height:580px;max-width:760px;margin-inline:auto}.showcase-navi{width:85%}.showcase-portal{width:34%;left:3%}.showcase-toolish{width:68%}.hero-values{grid-template-columns:repeat(2,1fr);margin-top:14px}.hero-values article:nth-child(2){border-right:0}.hero-values article:nth-child(-n+2){border-bottom:1px solid rgba(80,112,182,.18)}}
@media(max-width:720px){.hero{padding:34px 0 22px}.hero-copy{padding-top:0}.hero h1{font-size:clamp(2.75rem,12.5vw,4rem);line-height:1.1}.hero-lead{font-size:.95rem}.hero-stage{min-height:510px;margin-top:8px}.showcase-window-bar{height:25px;padding-inline:9px}.showcase-navi{width:95%;height:285px;right:-8%;top:6px}.navi-showcase-layout{height:calc(100% - 25px);grid-template-columns:1fr 31%;padding:6px}.navi-main{grid-template-rows:25px 1fr}.navi-side-panel section{padding:7px}.showcase-portal{width:43%;height:380px;left:-1%;top:108px}.showcase-portal .showcase-window-bar{height:28px;padding-inline:10px}.portal-status-bar{height:33px;padding-inline:6px}.portal-game-scene{height:230px}.portal-mission-panel{height:89px;padding:8px}.showcase-toolish{width:78%;height:225px;right:-8%;bottom:4px}.toolish-layout{height:calc(100% - 25px)}.toolish-nav{gap:3px;padding:8px 5px}.toolish-nav span{padding:4px;font-size:.34rem}.toolish-main{padding:8px}.toolish-input-row{margin-top:6px}.toolish-result-grid{gap:3px;margin-top:5px}.toolish-result-grid div{padding:4px 5px}.hero-values{grid-template-columns:1fr 1fr;border-radius:12px}.hero-values article{min-height:126px;padding:16px 12px}.hero-values h2{font-size:.82rem}.hero-values p{font-size:.64rem}}
@media(max-width:440px){.hero-stage{min-height:455px}.showcase-navi{height:230px}.navi-side-panel{display:none}.navi-showcase-layout{grid-template-columns:1fr}.showcase-portal{width:46%;height:330px;top:88px}.portal-game-scene{height:188px}.portal-mission-panel{height:80px}.showcase-toolish{width:80%;height:194px;bottom:2px}.toolish-nav{display:none}.toolish-layout{grid-template-columns:1fr}.toolish-scan-line{left:2%}.toolish-result-grid div:nth-child(n+4){display:none}.hero-values{grid-template-columns:1fr}.hero-values article{min-height:auto;border-right:0;border-bottom:1px solid rgba(80,112,182,.18)}.hero-values article:last-child{border-bottom:0}}
@media(pointer:coarse){.showcase-screen{filter:none}}
@media(prefers-reduced-motion:reduce){.showcase-screen,.showcase-screen:after,.hero-orbit,.hero-light-point,.navi-star,.navi-constellation,.portal-mountain,.portal-rover,.toolish-scan-line{animation:none!important;translate:var(--parallax-x) var(--parallax-y)!important;filter:none!important}.hero-orbit{translate:none!important}}
@media(max-width:720px){.no-js .site-header{position:relative;height:auto;background:rgba(5,7,17,.98);border-color:var(--line)}.no-js .header-inner{min-height:68px;height:auto;display:grid;grid-template-columns:minmax(0,1fr);align-items:center;padding-block:10px}.no-js .brand{min-height:48px}.no-js .menu-button{display:none}.no-js .nav-links{position:static;display:grid;width:100%;gap:0;padding:0;background:transparent;border-bottom:0;visibility:visible;opacity:1;transform:none;transition:none}.no-js .nav-links a{min-width:0}.no-js .nav-links a:last-child{border-bottom:0}}

/* BDM-16 public preview */
.bdm-card{grid-column:auto;display:block;min-height:0;border-color:rgba(255,112,88,.26);background:linear-gradient(125deg,rgba(255,80,65,.09),rgba(142,71,255,.07) 52%,rgba(255,255,255,.018));isolation:isolate}
.bdm-card:after{content:"";position:absolute;z-index:-1;inset:auto -10% -55% 35%;height:90%;border-radius:50%;background:radial-gradient(circle,rgba(255,80,65,.15),transparent 68%);pointer-events:none}
.bdm-preview{--bdm-rotate-x:0deg;--bdm-rotate-y:0deg;--bdm-shift-x:0px;--bdm-shift-y:0px;position:relative;display:grid;place-items:center;min-width:0;aspect-ratio:16/9;padding:clamp(12px,2vw,24px);overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(circle at 16% 20%,rgba(255,104,77,.18),transparent 28%),radial-gradient(circle at 84% 78%,rgba(141,103,255,.2),transparent 31%),linear-gradient(150deg,#16101c,#090b16 72%);perspective:1000px}
.bdm-preview:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(135deg,#000,transparent 78%);pointer-events:none}
.bdm-deck{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);grid-template-rows:auto 1fr auto;column-gap:clamp(8px,1.5vw,14px);width:min(100%,520px);padding:clamp(12px,1.8vw,18px);border:1px solid rgba(255,255,255,.15);border-radius:20px;background:linear-gradient(145deg,#27242d,#12131b 62%,#0a0c13);box-shadow:0 28px 58px rgba(0,0,0,.45),inset 0 1px rgba(255,255,255,.1);transform:translate3d(var(--bdm-shift-x),var(--bdm-shift-y),0) rotateX(var(--bdm-rotate-x)) rotateY(var(--bdm-rotate-y));transform-style:preserve-3d}
.bdm-deck-top{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;margin-bottom:clamp(7px,1vw,11px)}
.bdm-deck-top strong{font:900 clamp(.7rem,1.5vw,1.05rem)/1 Consolas,monospace;letter-spacing:.12em}
.bdm-deck-top span{color:#8d91a5;font:700 clamp(.42rem,.8vw,.5rem)/1 Consolas,monospace;letter-spacing:.14em}
.bdm-screen{position:relative;grid-column:1;grid-row:2;height:72px;overflow:hidden;padding:10px;border:1px solid rgba(112,233,240,.2);border-radius:9px;background:linear-gradient(180deg,#07131a,#071016);box-shadow:inset 0 0 25px rgba(68,226,232,.06)}
.bdm-waveform{display:flex;align-items:center;gap:3px;height:26px}.bdm-waveform i{width:calc((100% - 33px)/12);height:40%;border-radius:3px;background:linear-gradient(#6ffff1,#21a6b6);box-shadow:0 0 6px rgba(76,229,247,.28)}.bdm-waveform i:nth-child(2),.bdm-waveform i:nth-child(6),.bdm-waveform i:nth-child(11){height:88%}.bdm-waveform i:nth-child(3),.bdm-waveform i:nth-child(8){height:62%}.bdm-waveform i:nth-child(4),.bdm-waveform i:nth-child(9),.bdm-waveform i:nth-child(12){height:30%}.bdm-waveform i:nth-child(5),.bdm-waveform i:nth-child(10){height:72%}
.bdm-sequence{display:grid;grid-template-columns:repeat(16,1fr);gap:3px;margin-top:8px}.bdm-sequence span{height:5px;border-radius:2px;background:#26333b}.bdm-sequence span:nth-child(4n+1){background:#ff674f}.bdm-sequence span:nth-child(7),.bdm-sequence span:nth-child(12){background:#8d67ff}
.bdm-playhead{position:absolute;inset:6px 5% 6px;transform:scaleX(.52);transform-origin:left;pointer-events:none}.bdm-playhead:after{content:"";position:absolute;right:0;top:0;bottom:0;width:2px;background:#fff2c2;box-shadow:0 0 10px #ff8d5b}
.bdm-control-row{grid-column:1;grid-row:3;display:flex;align-items:center;gap:8px;margin:9px 1px 0}.bdm-knob{width:22px;height:22px;border:1px solid #666879;border-radius:50%;background:radial-gradient(circle at 42% 35%,#5d5e69,#24252d 58%,#0c0d12);box-shadow:0 4px 8px #07080c}.bdm-knob:after{content:"";display:block;width:2px;height:7px;margin:3px auto;background:#ff8d5b}.bdm-level{display:flex;align-items:flex-end;gap:3px;height:20px;margin-left:auto}.bdm-level i{width:4px;height:25%;border-radius:2px;background:#4ce5f7}.bdm-level i:nth-child(2){height:45%}.bdm-level i:nth-child(3){height:80%;background:#77f0a9}.bdm-level i:nth-child(4){height:62%;background:#ffd36a}.bdm-level i:nth-child(5){height:92%;background:#ff674f}
.bdm-pad-grid{grid-column:2;grid-row:2/4;align-self:center;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(3px,.7vw,7px)}.bdm-pad{position:relative;aspect-ratio:1.32;border:1px solid rgba(255,255,255,.12);border-radius:7px;background:linear-gradient(145deg,#35343d,#171820);box-shadow:inset 0 1px rgba(255,255,255,.11),0 5px 8px rgba(0,0,0,.25)}.bdm-pad:after{content:"";position:absolute;inset:18%;border-radius:5px;background:linear-gradient(135deg,#ff7457,#b64cff);opacity:.2;box-shadow:0 0 13px rgba(255,91,86,.45)}.bdm-pad:nth-child(4n+2):after,.bdm-pad:nth-child(4n+3):after{background:linear-gradient(135deg,#44dfdd,#625dff)}
.bdm-body .app-tags span:last-child{border-color:rgba(255,122,92,.4);color:#ffc1b4;background:rgba(255,103,79,.08)}
.bdm-motion-ready .bdm-card{opacity:0;transform:translateY(30px)}.bdm-motion-ready .bdm-card.is-bdm-visible{opacity:1;transform:none;transition:opacity .72s var(--ease),transform .72s var(--ease),border-color .35s,box-shadow .35s}.bdm-motion-ready .bdm-card.is-bdm-visible .bdm-playhead{animation:bdm-playhead-enter 1.05s .18s var(--ease) both}.bdm-motion-ready .bdm-card.is-bdm-visible .bdm-pad:nth-child(1),.bdm-motion-ready .bdm-card.is-bdm-visible .bdm-pad:nth-child(6),.bdm-motion-ready .bdm-card.is-bdm-visible .bdm-pad:nth-child(11),.bdm-motion-ready .bdm-card.is-bdm-visible .bdm-pad:nth-child(16){animation:bdm-pad-enter .48s var(--ease) both}.bdm-motion-ready .bdm-card.is-bdm-visible .bdm-pad:nth-child(6){animation-delay:.15s}.bdm-motion-ready .bdm-card.is-bdm-visible .bdm-pad:nth-child(11){animation-delay:.3s}.bdm-motion-ready .bdm-card.is-bdm-visible .bdm-pad:nth-child(16){animation-delay:.45s}@keyframes bdm-playhead-enter{from{transform:scaleX(.05)}to{transform:scaleX(1)}}@keyframes bdm-pad-enter{45%{transform:translateY(-3px);border-color:rgba(255,132,101,.7);box-shadow:0 0 19px rgba(255,89,76,.32)}}
@media(max-width:390px){.bdm-preview{padding:10px}.bdm-deck{column-gap:7px;padding:10px;border-radius:15px}.bdm-deck-top{margin-bottom:7px}.bdm-screen{height:62px;padding:8px}.bdm-waveform{height:24px}.bdm-sequence{gap:2px;margin-top:7px}.bdm-control-row{gap:6px;margin-top:7px}.bdm-knob{width:18px;height:18px}.bdm-level{height:18px}.bdm-pad-grid{gap:3px}.bdm-pad{border-radius:5px}}
@media(pointer:fine){.bdm-preview.is-bdm-interacting .bdm-deck{will-change:transform}}
@media(prefers-reduced-motion:reduce){.bdm-card,.bdm-motion-ready .bdm-card,.bdm-motion-ready .bdm-card.is-bdm-visible{opacity:1!important;transform:none!important}.bdm-deck{transform:none!important}.bdm-playhead,.bdm-pad{animation:none!important}}
/* End BDM-16 public preview */

/* Public trust pages */
.trust-page{background:radial-gradient(circle at 78% 0,rgba(75,67,190,.15),transparent 28%),radial-gradient(circle at 8% 38%,rgba(42,181,214,.08),transparent 26%),var(--bg)}
.trust-page main{overflow:hidden}
.nav-links a[aria-current="page"],.footer-inner nav a[aria-current="page"]{color:#fff;text-decoration-color:var(--cyan);text-decoration-line:underline;text-decoration-thickness:2px;text-underline-offset:7px}
.trust-hero{position:relative;padding:112px 0 76px;border-bottom:1px solid var(--line);background:linear-gradient(155deg,rgba(14,19,43,.9),rgba(7,9,21,.5))}
.trust-hero:before{content:"";position:absolute;top:0;left:50%;width:min(88vw,920px);height:1px;translate:-50% 0;background:linear-gradient(90deg,transparent,var(--cyan),var(--violet),transparent);opacity:.65}
.trust-hero-inner{max-width:820px}
.trust-kicker{margin:0 0 20px;color:var(--cyan);font-size:.72rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase}
.trust-hero h1{margin:0;font-size:clamp(2.75rem,7vw,5.4rem);line-height:1.04;letter-spacing:-.055em}
.trust-hero p:not(.trust-kicker){max-width:700px;margin:26px 0 0;color:#c2c8db;font-size:clamp(1rem,2vw,1.15rem);line-height:1.9}
.trust-content{width:min(100%,900px);margin-inline:auto;padding:84px 24px 124px}
.trust-section{scroll-margin-top:100px}
.trust-section+.trust-section{margin-top:76px;padding-top:76px;border-top:1px solid var(--line)}
.trust-section h2{margin:0 0 24px;font-size:clamp(1.75rem,4vw,2.55rem);line-height:1.25;letter-spacing:-.035em}
.trust-section h3{margin:0 0 12px;font-size:1.12rem;line-height:1.45}
.trust-section p{margin:0;color:var(--muted)}
.trust-section p+p,.trust-section p+ul,.trust-section ul+p{margin-top:18px}
.trust-section ul{display:grid;gap:12px;margin:20px 0 0;padding-left:1.35em;color:#c9cede}
.trust-section li::marker{color:var(--cyan)}
.trust-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:28px}
.trust-card{min-width:0;padding:26px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.018));box-shadow:0 22px 48px rgba(0,0,0,.14)}
.trust-card p{font-size:.94rem}
.trust-status{display:inline-block;margin-left:8px;padding:3px 7px;border:1px solid rgba(255,126,98,.36);border-radius:5px;color:#ffc1b4;font-size:.58rem;letter-spacing:.04em;vertical-align:middle}
.trust-card a,.trust-link,.contact-address a,.trust-back-link{display:inline-flex;align-items:center;min-height:44px;color:#e9faff;font-weight:800;text-underline-offset:5px;overflow-wrap:anywhere}
.trust-card a:hover,.trust-link:hover,.contact-address a:hover,.trust-back-link:hover{color:var(--cyan)}
.trust-card .trust-link,.trust-note .trust-link{margin-top:14px}
.trust-note{margin-top:28px;padding:22px 24px;border:1px solid rgba(76,229,247,.22);border-left:3px solid var(--cyan);border-radius:12px;background:rgba(20,34,57,.58);color:#cbd4e6}
.trust-note p,.trust-note li{color:inherit}
.contact-panel{margin-top:30px;padding:clamp(24px,5vw,38px);border:1px solid rgba(124,115,255,.3);border-radius:20px;background:linear-gradient(135deg,rgba(33,47,86,.82),rgba(38,24,70,.72));box-shadow:0 26px 64px rgba(0,0,0,.2)}
.contact-panel h2,.contact-panel h3{margin-top:0}
.contact-address{margin-top:14px;font-size:clamp(1rem,3vw,1.3rem);font-style:normal}
.trust-back-link{margin-top:60px;text-decoration:none}
.trust-page :where(.trust-card a,.trust-link,.contact-address a,.trust-back-link,.footer-inner nav a):focus-visible{outline:3px solid var(--cyan);outline-offset:4px;border-radius:4px}
@media(max-width:720px){.trust-hero{padding:72px 0 52px}.trust-content{padding:64px 18px 88px}.trust-section+.trust-section{margin-top:56px;padding-top:56px}.trust-grid{grid-template-columns:1fr}.trust-card{padding:22px}.trust-note{padding:20px}.trust-page .footer-inner nav a{display:inline-flex;align-items:center;min-height:44px}}
@media(max-width:390px){.trust-hero h1{font-size:2.65rem}.trust-hero p:not(.trust-kicker){font-size:.96rem}.trust-card{padding:20px}.contact-panel{padding:22px}}

/* Final semantic type tokens and AA footer copy. */
:where(.section-heading h2,.contact h2,.trust-hero h1,.trust-section h2,.trust-section h3,.trust-card h3){font-family:var(--font-display)}
:where(.eyebrow,.section-index,.trust-kicker){font-family:var(--font-mono)}
.footer-inner small{color:#9aa3ba}