/* GRCX / cinematic engineering. Page choreography; engine stays untouched. */
:root {
  --container:1280px; --header-height:76px;
  --bg:#080a0e; --surface:#0e141b; --surface-hover:#16212b;
  --text:#f3f8fc; --text-soft:#abbac7; --text-faint:#8eabb9;
  --accent:#00e5bf; --accent-hover:#74ffe6; --blue:#38bdf8;
  --line:rgba(255,255,255,.08); --line-strong:rgba(163,214,225,.24);
  --glass:rgba(18,30,40,.7); --edge:rgba(168,223,235,.27);
  --shade:rgba(0,5,12,.65); --sc-canvas:var(--bg); --sc-surface:var(--surface);
  --sc-ink:var(--text); --sc-ink-soft:var(--text-soft); --sc-accent:var(--accent);
  --sc-font-display:Inter,'Segoe UI',sans-serif; --sc-font-text:Inter,'Segoe UI',sans-serif;
}
html[data-theme="light"] {
  --bg:#f1f6f8; --surface:#fff; --surface-hover:#e7f1f4; --text:#101e2b;
  --text-soft:#405767; --text-faint:#486573; --accent:#007b70; --accent-hover:#006256; --blue:#087ca8;
  --line:rgba(18,66,81,.12); --line-strong:rgba(18,66,81,.28);
  --glass:rgba(235,248,251,.78); --edge:rgba(48,117,132,.3); --shade:rgba(24,64,80,.17);
}
body.grcx-experience {overflow-x:clip; background:var(--bg); color:var(--text)}
.grcx-experience .container {width:min(calc(100% - 96px),var(--container))}
.grcx-experience :is(h1,h2,h3) {text-wrap:balance}
.grcx-experience p {text-wrap:pretty}
.grcx-experience .section {padding-block:clamp(72px,7vw,108px)}
.grcx-experience .site-header {background:color-mix(in srgb,var(--bg) 83%,transparent); backdrop-filter:blur(20px); border-bottom:1px solid var(--line)}
.grcx-experience .header-inner {gap:28px}
.grcx-experience .brand-logo {width:130px;height:auto}
.grcx-experience .desktop-nav {gap:24px}
.grcx-experience .desktop-nav a {font-size:13px}
.grcx-experience .button {position:relative;isolation:isolate;overflow:hidden;border-radius:8px;min-height:46px;font-size:14px;font-weight:600;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 5px 12px var(--shade);transition:transform 180ms,background 180ms,box-shadow 180ms}
.grcx-experience .button-primary {background:var(--accent);color:var(--bg);border:1px solid color-mix(in srgb,var(--accent) 80%,white)}
.grcx-experience .button-primary:hover {background:var(--accent-hover);color:var(--bg)}
.grcx-experience .button::after {content:"";position:absolute;inset:-100%;background:linear-gradient(115deg,transparent 42%,rgba(255,255,255,.28) 50%,transparent 58%);transform:translateX(-70%);pointer-events:none;transition:transform 260ms ease-out}
.grcx-experience .button:active {transform:translateY(2px)}
.grcx-experience .header-cta {min-height:38px}
.grcx-experience .section-heading {align-items:start;gap:60px;margin-bottom:40px}
.grcx-experience .section-heading h2 {max-width:770px;font-weight:530;font-size:clamp(32px,3.6vw,54px);line-height:1.08;letter-spacing:-.045em}
.grcx-experience .section-heading p {max-width:370px;font-size:15px;line-height:1.7;color:var(--text-soft)}
.grcx-experience .section-kicker {display:none}
/* Atmosphere, calibrated bed, glass bridge, embossed mark, foreground telemetry. */
.grcx-experience .hero {position:relative;isolation:isolate;overflow:clip;padding:0;background:var(--bg)}
.hero-composition {position:relative;padding-top:130px;padding-bottom:40px}
.grcx-experience .hero-copy {position:relative;z-index:4;max-width:1080px;margin-inline:auto;text-align:center}
.grcx-experience .hero .eyebrow {display:inline-flex;align-items:center;gap:10px;color:var(--text-soft);font-size:11px;letter-spacing:.14em;margin-bottom:25px}
.hero .eyebrow::before {content:"";width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 16px var(--accent)}
.grcx-experience .hero h1 {max-width:1080px;margin:0;font-size:clamp(44px,5.8vw,84px);line-height:1.035;letter-spacing:-.058em;font-weight:550;background:linear-gradient(160deg,var(--text) 45%,#bad9e5 72%,#56cbbd);color:var(--text);background-clip:text;-webkit-text-fill-color:transparent}
html[data-theme="light"] .hero h1 {background:none;-webkit-text-fill-color:var(--text)}
.grcx-experience .hero-description {width:auto;max-width:690px;margin:24px auto 0;font-size:15px;line-height:1.65;color:var(--text-soft)}
.grcx-experience .hero-actions {justify-content:center;align-items:center;gap:28px;margin-top:23px}
.hero-atmosphere {position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.hero-light {position:absolute;width:650px;height:420px;left:calc(50% - 530px);bottom:80px;background:#00d2b4;opacity:.16;filter:blur(120px);transform:translate3d(calc(var(--pointer-x,0)*-18px),calc(var(--hero-p,0)*-80px),0)}
.hero-aurora {position:absolute;width:760px;height:540px;right:calc(50% - 680px);bottom:0;background:#1a365d;opacity:.8;filter:blur(120px);transform:translateY(calc(var(--hero-p,0)*40px))}
.hero-grid {position:absolute;inset:20% -15% -20%;background:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:64px 64px;transform:perspective(850px) rotateX(50deg) translateY(calc(var(--hero-p,0)*70px));mask-image:radial-gradient(ellipse,#000 10%,transparent 68%);opacity:.55}
.hero-instrument {position:relative;width:min(100%,1050px);height:430px;margin:4px auto 0;perspective:1400px;z-index:2}
.hero-rig {position:absolute;inset:82px 70px 32px;transform-style:preserve-3d;transform:translateY(calc(var(--hero-p,0)*-8px)) rotateX(calc(48deg - var(--hero-p,0)*16deg + var(--pointer-y,0)*3deg)) rotateY(calc(var(--pointer-x,0)*-4deg)) rotateZ(-5deg)}
.hero-plane {position:absolute;transform-style:preserve-3d;border-radius:16px}
.hero-plane-back {inset:-20px -22px;background:linear-gradient(var(--edge) 1px,transparent 1px),linear-gradient(90deg,var(--edge) 1px,transparent 1px),linear-gradient(140deg,#0e242b,#0b1724);background-size:32px 32px,32px 32px,auto;border:1px solid var(--edge);box-shadow:0 38px 70px var(--shade),inset 0 1px 0 rgba(255,255,255,.3);transform:translateZ(calc(-48px - var(--hero-p,0)*35px))}
.metric-ruler {position:absolute;opacity:.65}
.ruler-x {left:20px;right:20px;top:12px;height:8px;background:repeating-linear-gradient(90deg,var(--accent) 0 1px,transparent 1px 10px)}
.ruler-y {top:22px;bottom:22px;left:12px;width:8px;background:repeating-linear-gradient(0deg,var(--accent) 0 1px,transparent 1px 10px)}
.coordinate {position:absolute;font-size:9px;letter-spacing:.14em;color:#b4d5dd}
.c-top {top:28px;left:28px}.c-bottom {bottom:15px;right:28px}
.circuit {position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#3ad9c2;stroke-width:1.4;opacity:.75}
.circuit circle {fill:#00e5bf;stroke:none}
.hero-plane-mid {inset:3px 35px;background:linear-gradient(125deg,rgba(142,236,238,.14),rgba(37,69,85,.1) 45%,rgba(101,158,207,.13));border:1px solid rgba(179,243,248,.36);backdrop-filter:blur(12px);box-shadow:0 28px 45px var(--shade),inset 0 1px 0 rgba(235,255,255,.25);transform:translateZ(calc(20px + var(--hero-p,0)*36px))}
.glass-etch {position:absolute;top:18px;bottom:18px;width:20%;border:1px solid rgba(118,209,225,.18);border-radius:7px}.etch-a{left:18px}.etch-b{right:18px}
.instrument-label {position:absolute;bottom:18px;inset-inline:30%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.14em;color:var(--text-soft)}
.hero-plane-mark {inset:25px 33%;display:grid;place-items:center;transform:translateZ(calc(98px + var(--hero-p,0)*65px))}
.hero-plane-mark img {position:relative;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 0 #567e89) drop-shadow(0 7px 0 #173e48) drop-shadow(0 22px 16px rgba(0,7,17,.75));}
.core-ring {position:absolute;inset:-22px -26px;border:1px solid rgba(107,226,222,.33);border-radius:50%;transform:translateZ(-24px);box-shadow:0 0 0 16px rgba(104,200,213,.035),0 0 0 17px rgba(104,200,213,.09)}
.hero-plane-front {inset:0;transform:translateZ(calc(135px + var(--hero-p,0)*90px))}
.telemetry {position:absolute;top:30%;width:175px;min-height:98px;padding:17px 18px;background:linear-gradient(135deg,rgba(41,77,88,.82),rgba(11,29,44,.87));backdrop-filter:blur(12px);border:1px solid rgba(165,234,240,.4);border-radius:9px;box-shadow:0 16px 28px var(--shade),inset 0 1px 0 rgba(255,255,255,.17);color:#e1f8fa}
.telemetry-left {left:18px;transform:translateZ(-28px)}.telemetry-right {right:0;top:46%}
.telemetry>span {display:block;font-size:8px;letter-spacing:.15em;color:#9ebec8}.telemetry strong {display:block;font-weight:550;font-size:15px;letter-spacing:.03em;margin-top:4px}.telemetry>i {position:absolute;right:12px;top:12px;width:4px;height:4px;background:#00e5bf;border-radius:50%}
.signal-bars {display:flex;gap:5px;align-items:end;height:14px;margin-top:8px}.signal-bars b {width:6px;height:6px;background:#41d8c4}.signal-bars b:nth-child(3n) {height:13px}.signal-bars b:nth-child(2n) {height:10px}
.telemetry-route {display:flex;justify-content:space-between;border-top:1px solid #508999;margin-top:13px}.telemetry-route b {width:4px;height:4px;background:#7dc5dd;transform:translateY(-2px)}
.crosshair {position:absolute;width:25px;height:25px;background:linear-gradient(#68b0c4,#68b0c4) center/1px 100% no-repeat,linear-gradient(#68b0c4,#68b0c4) center/100% 1px no-repeat}.crosshair-a{top:-8px;left:18%}.crosshair-b{bottom:-20px;right:21%}
.instrument-orbit {position:absolute;inset:60px 0 0;border:1px solid var(--edge);border-radius:50%;transform:rotateX(65deg) rotateZ(-9deg);opacity:.35}.orbit-b{inset:35px -60px -35px;opacity:.12}
html[data-theme="light"] .hero-plane-back {background-color:#cbe7ec;background-image:linear-gradient(var(--edge) 1px,transparent 1px),linear-gradient(90deg,var(--edge) 1px,transparent 1px)}
html[data-theme="light"] .coordinate {color:#335868}
html[data-theme="light"] .hero-aurora {opacity:.24}
/* Product gallery: a wide premiere, a macro, a tool duet and a native panorama. */
.grcx-experience .products {padding-top:70px;padding-bottom:0;position:relative;overflow-x:clip;background:radial-gradient(ellipse at 50% 0,rgba(20,61,80,.2),transparent 32%)}
.product-index {display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line-strong);border-radius:12px;overflow:hidden;background:var(--glass);backdrop-filter:blur(12px)}
.product-index a {display:flex;align-items:center;gap:12px;padding:20px;border-inline-start:1px solid var(--line);font-size:13px;color:var(--text-soft)}
.product-index img {width:28px;height:28px;object-fit:contain;border-radius:6px;flex-shrink:0}
.product-index a>span {flex:1;min-width:0}
.product-index a:first-child{border:0}.product-index a:hover{background:var(--surface-hover);color:var(--text)}
.product-index svg {width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.4;flex-shrink:0}
.inspection-product {position:relative;padding-top:70px;scroll-margin-top:90px;--open:0;border-bottom:1px solid var(--line)}
.inspection-stage {display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:55px;padding:30px 0 60px}
.grcx-experience .product-body {padding:0;min-width:0;background:none;gap:0;position:relative;z-index:2}
.grcx-experience .product-meta {gap:20px;margin-bottom:22px}
.grcx-experience .product-header {gap:15px}
.grcx-experience .product-logo {width:44px;height:44px;border-radius:10px;box-shadow:0 8px 22px var(--shade)}
.grcx-experience .product-badge {color:var(--accent);font-size:11px;letter-spacing:.12em}
.grcx-experience .product-header h3 {font-size:clamp(30px,3.3vw,48px);line-height:1.06;letter-spacing:-.045em;font-weight:540;overflow-wrap:anywhere}
.grcx-experience .product-body>p {color:var(--text-soft);font-size:16px;line-height:1.7;max-width:470px}
.grcx-experience .product-actions {margin-top:24px;gap:12px}
.grcx-experience .product-actions .button {font-size:12px;padding-inline:16px}
.inspection-tools {margin-top:18px}
.inspection-toggle {background:none;border:0;padding:8px 0;color:var(--text-soft);display:inline-flex;align-items:center;gap:9px;font-size:12px;cursor:pointer;min-height:44px;text-align:start}
.inspection-toggle svg {width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.35;flex-shrink:0}
.inspection-toggle[aria-pressed="true"],.inspection-toggle:hover {color:var(--accent)}
.inspection-toggle:active{transform:translateY(1px)}
.inspection-figure {margin:0;min-width:0}
.inspection-surface {perspective:1600px;padding:70px 36px 55px;position:relative}
.inspection-surface::before {content:"";position:absolute;inset:0 -15%;background:radial-gradient(ellipse,rgba(0,184,179,.15),rgba(17,55,86,.08) 42%,transparent 70%);pointer-events:none}
.inspection-model {position:relative;aspect-ratio:var(--screen-ratio);transform-style:preserve-3d;transform:rotateX(calc(var(--open)*15deg)) rotateY(calc(var(--open)*-7deg));}
.inspection-data,.inspection-interface {position:absolute;inset:0;border-radius:12px}
.inspection-data {inset:10px -18px -18px;background:linear-gradient(var(--edge) 1px,transparent 1px),linear-gradient(90deg,var(--edge) 1px,transparent 1px),var(--surface);background-size:28px 28px,28px 28px,auto;border:1px solid var(--edge);transform:translate3d(calc(var(--open)*-12px),calc(12px + var(--open)*55px),calc(-20px - var(--open)*110px));box-shadow:0 28px 50px var(--shade)}
.inspection-data svg {width:100%;height:100%;fill:none;stroke:var(--accent);stroke-width:1.3;opacity:.6}
.inspection-data>span {position:absolute;bottom:12px;left:18px;font-size:10px;letter-spacing:.09em;color:var(--text-soft)}.inspection-data>.data-id{left:auto;right:18px}
.device-frame {background:var(--glass);border:1px solid var(--edge);backdrop-filter:blur(12px);box-shadow:0 30px 65px var(--shade),0 3px 0 color-mix(in srgb,var(--edge) 60%,var(--surface)),inset 0 1px 0 rgba(255,255,255,.25);transform:translateZ(calc(var(--open)*32px));overflow:hidden;display:flex;flex-direction:column}
.window-chrome {height:34px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 14px;color:var(--text-soft);font-size:9px;letter-spacing:.02em;border-bottom:1px solid var(--line)}
.window-buttons {display:flex;gap:5px}.window-buttons i {width:6px;height:6px;border:1px solid #869ca6;border-radius:50%}.window-buttons i:first-child{background:#db7678;border-color:#db7678}.window-buttons i:nth-child(2){background:#d4b86b;border-color:#d4b86b}.window-buttons i:nth-child(3){background:#6aaf98;border-color:#6aaf98}
.native .window-chrome {display:none}.window-status{font-size:14px}
.screen-crop {position:relative;width:100%;height:100%;overflow:hidden;min-height:0;flex:1;background:#eff4f6}
.screen-crop img {position:absolute;max-width:none;width:var(--image-w);height:var(--image-h);left:var(--image-x);top:var(--image-y);object-fit:fill}
.inspection-result {position:absolute;z-index:2;top:17%;right:-5%;width:32%;height:75%;display:flex;flex-direction:column;border:1px solid rgba(153,234,237,.55);background:var(--glass);border-radius:10px;box-shadow:0 28px 48px var(--shade);overflow:hidden;opacity:clamp(0,var(--open)*8,1);transform:translate3d(calc(var(--open)*18px),calc(var(--open)*-38px),calc(35px + var(--open)*145px));pointer-events:none}
.result-chrome {height:25px;flex-shrink:0;padding:0 10px;display:flex;align-items:center;justify-content:space-between;color:var(--text);font-size:8px;letter-spacing:.09em;background:var(--glass)}
.inspection-guides {position:absolute;inset:-10%;width:120%;height:120%;fill:none;stroke:var(--accent);stroke-width:1;transform:translateZ(calc(10px + var(--open)*70px));opacity:var(--open);pointer-events:none}
.inspection-callout {position:absolute;font-size:10px;letter-spacing:.09em;color:var(--accent);display:flex;align-items:center;gap:7px;opacity:var(--open);transform:translateZ(calc(var(--open)*60px));pointer-events:none}.inspection-callout i{width:4px;height:4px;background:currentColor}.callout-data{bottom:-24px;left:5%}.callout-result{right:-3%;top:-20px}
.inspection-caption {margin-top:22px;border-top:1px solid var(--line);padding-top:16px}
.layer-legend {display:flex;align-items:center;gap:24px}
.layer-legend svg {width:20px;height:20px;flex-shrink:0;fill:none;stroke:var(--accent);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.layer-legend svg:nth-child(2) {stroke:var(--blue)}
.inspection-caption p{font-size:10px;line-height:1.5;margin:10px 0 0;color:var(--text-faint)}
#tubepresenter .inspection-stage {grid-template-columns:1fr;gap:0}
#tubepresenter .product-body {display:grid;grid-template-columns:1fr 1fr;gap:0 65px;align-items:start}
#tubepresenter .product-meta{grid-row:1/3;margin:0}#tubepresenter .product-header h3{font-size:clamp(38px,4.7vw,66px)}
#tubepresenter .product-body>p {max-width:560px;font-size:15px}
#tubepresenter .product-actions {grid-column:2;margin-top:16px}
#tubepresenter .inspection-tools {position:static;grid-column:1;grid-row:3;margin-top:5px}
#tubepresenter .inspection-figure {width:min(100%,980px);margin:0 auto}
#tubepresenter .inspection-surface {padding:55px 55px 45px}
#tubepresenter .inspection-result {right:0}
#tubepresenter .inspection-caption {display:flex;justify-content:space-between;gap:25px;margin-top:14px}
#tubepresenter .inspection-caption p{margin:0}
#currencyhover .inspection-stage {grid-template-columns:1.05fr .95fr;gap:110px;padding-block:65px 100px}
#currencyhover .inspection-figure {grid-column:1;grid-row:1}
#currencyhover .product-body {grid-column:2}
#currencyhover .inspection-surface {padding:50px 35px}
#currencyhover .inspection-model {transform:scale(calc(.95 + var(--open)*.05)) rotateY(calc(var(--open)*11deg))}
#currencyhover .inspection-result {width:94%;height:34%;top:34%;right:-8%;transform:translate3d(calc(var(--open)*30px),calc(var(--open)*-12px),calc(40px + var(--open)*150px))}
#kitdetexto .inspection-stage {grid-template-columns:.85fr 1.15fr;gap:90px;padding-block:70px 100px}
#kitdetexto .product-header h3 {font-size:clamp(26px,2.6vw,36px);line-height:1.15}
#kitdetexto .inspection-surface {padding:45px 36px 55px}
#kitdetexto .inspection-model {transform:translateX(calc(var(--open)*-15px)) rotateY(calc(var(--open)*-8deg))}
#kitdetexto .inspection-result {width:78%;height:44%;top:65%;right:4%;transform:translate3d(0,calc(var(--open)*-30px),calc(25px + var(--open)*80px))}
#kitdetexto .inspection-interface {z-index:1}
#foldersizeexplorer .inspection-stage {grid-template-columns:1fr;gap:20px;padding-block:45px 80px}
#foldersizeexplorer .product-body {display:grid;grid-template-columns:1fr 1fr;gap:0 75px}#foldersizeexplorer .product-meta{grid-row:1/3;margin:0}#foldersizeexplorer .product-actions{grid-column:2;margin-top:20px}#foldersizeexplorer .inspection-tools{position:static;grid-column:1;grid-row:3;margin-top:5px}
#foldersizeexplorer .inspection-figure {width:min(100%,970px);margin-inline:auto}
#foldersizeexplorer .inspection-surface {padding:30px 45px 50px}
#foldersizeexplorer .inspection-model {transform:rotateX(calc(var(--open)*17deg))}
#foldersizeexplorer .inspection-result {width:99%;height:15%;top:83%;right:.5%;transform:translate3d(0,calc(var(--open)*-22px),calc(20px + var(--open)*135px))}
#foldersizeexplorer .result-chrome {display:none}
/* Glass surfaces with a pointer-local edge light, not whole-card motion. */
[data-glow] {position:relative;isolation:isolate;overflow:hidden}
[data-glow]::before {content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;background:radial-gradient(420px circle at var(--glow-x,50%) var(--glow-y,0%),rgba(44,202,196,.12),transparent 65%);opacity:.65;transition:opacity 180ms}
[data-glow]::after {content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:radial-gradient(300px circle at var(--glow-x,50%) var(--glow-y,0%),var(--accent),transparent 70%);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none;opacity:.25;transition:opacity 180ms}
.grcx-experience .solutions {background:linear-gradient(180deg,var(--bg),var(--surface));border-block:1px solid var(--line)}
.grcx-experience .solution-grid {display:grid;grid-template-columns:1.15fr 1fr;gap:20px}
.grcx-experience .solution-card {display:flex;flex-direction:column;align-items:start;gap:15px;padding:32px;border:1px solid var(--line-strong);background:var(--glass);backdrop-filter:blur(12px);border-radius:16px;box-shadow:0 15px 32px var(--shade)}
.grcx-experience .solution-card:first-child {grid-row:span 2;justify-content:end;padding-top:180px;background:radial-gradient(ellipse at 60% 10%,rgba(23,117,129,.19),transparent 65%),var(--glass)}
.solution-card:first-child::before {background:linear-gradient(var(--edge) 1px,transparent 1px),linear-gradient(90deg,var(--edge) 1px,transparent 1px);background-size:30px 30px;mask-image:linear-gradient(#000,transparent 65%);transform:perspective(500px) rotateX(35deg);inset:-25% 0 0}
.grcx-experience .solution-icon {width:46px;height:46px;margin:0;border:1px solid var(--edge);border-radius:12px;background:var(--surface);color:var(--accent)}
.grcx-experience .solution-card:first-child .solution-icon {position:absolute;top:38px;left:38px;width:95px;height:95px;border-radius:22px;transform:rotate(-8deg);box-shadow:14px 24px 32px var(--shade)}
.grcx-experience .solution-card h3 {margin:0;font-size:27px;font-weight:540;letter-spacing:-.035em}
.grcx-experience .solution-card>p{margin:0;font-size:14px;color:var(--text-soft);max-width:470px;flex:none}
.grcx-experience .solution-card:first-child .solution-icon svg{width:52px;height:52px}
.grcx-experience .solution-card ul{padding:0;margin:5px 0 0;border:0;display:flex;flex-wrap:wrap;gap:8px 18px;font-size:11px;color:var(--text-soft)}
.grcx-experience .process {padding-block:70px;border-bottom:1px solid var(--line)}
.grcx-experience .process-layout {grid-template-columns:.8fr 1.2fr;gap:65px}
.grcx-experience .process h2{font-size:29px;font-weight:530;letter-spacing:-.035em}
.grcx-experience .process-copy>p{font-size:14px}
.grcx-experience .process-steps{display:grid;grid-template-columns:1fr 1fr;gap:25px}
.grcx-experience .process-step{padding:14px 0;border:0;border-top:1px solid var(--edge);gap:14px}
.grcx-experience .process-step h3{font-size:16px}.grcx-experience .process-step p{font-size:12px}.grcx-experience .process-step-num{font-size:11px;color:var(--accent)}
.grcx-experience .principles>.container{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}
.grcx-experience .principles-intro h2{font-size:clamp(34px,3.8vw,54px);line-height:1.08;letter-spacing:-.045em;font-weight:530}
.grcx-experience .principles-lead{font-size:15px;color:var(--text-soft);max-width:390px}
.grcx-experience .principles-list{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.grcx-experience .principle{display:block;padding:25px;border:1px solid var(--line-strong);border-radius:14px;background:var(--glass)}
.grcx-experience .principle-number{display:block;font-size:11px;color:var(--accent);margin-bottom:25px}
.grcx-experience .principle h3{font-size:23px;font-weight:540;letter-spacing:-.03em}.grcx-experience .principle p{font-size:13px;color:var(--text-soft);line-height:1.7}
.grcx-experience .about{padding-top:0}
.grcx-experience .about-intro{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start;padding-top:50px;border-top:1px solid var(--line)}
.grcx-experience .about-intro h2{font-size:37px;font-weight:530;letter-spacing:-.04em}.grcx-experience .about-intro-text{font-size:14px;margin:0}
.grcx-experience .about-layout{display:grid;grid-template-columns:300px 1fr;gap:55px;margin-top:40px;padding:40px;border:1px solid var(--line-strong);border-radius:20px;background:linear-gradient(140deg,var(--glass),var(--surface));box-shadow:0 28px 55px var(--shade)}
.grcx-experience .about-photo{max-width:none;width:100%;border-radius:12px;align-self:start;border:1px solid var(--edge);overflow:hidden;box-shadow:0 18px 32px var(--shade)}
.grcx-experience .about-photo img{width:100%;height:auto}
.grcx-experience .about-copy h3{font-size:31px;font-weight:550;letter-spacing:-.035em}.grcx-experience .about-copy p{font-size:13px}.grcx-experience .about-role{color:var(--accent)}
.credential-badges {display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}
.credential-badges>a,.credential-badges>div{display:grid;grid-template-columns:1fr auto;gap:4px 20px;padding:12px 16px;border:1px solid var(--edge);border-radius:8px;background:var(--surface);min-width:110px}
.credential-badges span{grid-column:1;font-size:10px;color:var(--text-soft)}.credential-badges strong{grid-column:1;font-size:18px;letter-spacing:-.025em;font-weight:550}.credential-badges svg{grid-column:2;grid-row:1/3;width:18px;height:18px;fill:none;stroke:var(--accent);stroke-width:1.2;align-self:center}
.credential-badges a:hover{border-color:var(--accent)}
.credential-badges img{grid-column:1;width:28px;height:28px;object-fit:contain;border-radius:4px}
.grcx-experience .about-grid{gap:25px;margin-top:20px}.grcx-experience .about-grid h4{font-size:12px}.grcx-experience .about-grid p{font-size:12px}.grcx-experience .about-actions{flex-wrap:wrap}
.grcx-experience .labs{padding-top:0;padding-bottom:65px}
.grcx-experience .labs-card{position:relative;border:1px solid var(--line-strong);border-radius:18px;padding:44px;display:grid;grid-template-columns:160px 1.5fr 1fr;gap:40px;background:var(--glass);color:var(--text)}
.grcx-experience .labs-copy h2{color:var(--text);font-size:30px;font-weight:530;letter-spacing:-.035em}.grcx-experience .labs-copy p,.grcx-experience .labs-topics{font-size:13px;color:var(--text-soft)}.grcx-experience .labs-topics li{border-color:var(--line)}
.lab-schematic{align-self:center;position:relative;width:145px;height:145px;perspective:600px}.lab-schematic span{position:absolute;inset:15px;border:1px solid var(--accent);border-radius:20px;transform:rotateX(50deg) rotateZ(-35deg);opacity:.8}.lab-schematic span:nth-child(2){transform:translateY(25px) rotateX(50deg) rotateZ(-35deg);opacity:.4}.lab-schematic span:nth-child(3){transform:translateY(50px) rotateX(50deg) rotateZ(-35deg);opacity:.2}.lab-schematic i{position:absolute;inset:45px;border-radius:12px;background:var(--accent);transform:translateY(-15px) rotateX(50deg) rotateZ(-35deg);box-shadow:0 18px 30px var(--shade)}
.grcx-experience .contact{padding-block:20px 100px}
.grcx-experience .contact-card{padding:65px;border:1px solid var(--edge);border-radius:20px;display:grid;grid-template-columns:1.25fr 1fr;gap:70px;background:radial-gradient(ellipse at 0 0,rgba(0,179,166,.17),transparent 65%),var(--surface);box-shadow:0 28px 65px var(--shade)}
.grcx-experience .contact h2{font-size:clamp(38px,4.4vw,64px);font-weight:530;line-height:1.07;letter-spacing:-.045em}
.grcx-experience .contact-copy p{max-width:520px;font-size:15px;margin-top:25px}
.grcx-experience .contact-action{align-items:stretch;justify-content:center}
.grcx-experience .contact-action>.button{align-self:start}
.grcx-experience .contact-channels{align-items:stretch;margin-top:22px;gap:0}
.grcx-experience .contact-channels a{font-size:clamp(14px,1.5vw,21px);letter-spacing:-.02em;display:flex;justify-content:space-between;padding:17px 0;border-bottom:1px solid var(--line-strong);color:var(--text)}
.contact-channels a::after{content:'↗';color:var(--accent);margin-left:15px}
.grcx-experience .site-footer{background:var(--bg);padding-block:36px 22px;border-top:1px solid var(--line)}
.grcx-experience .footer-top{padding-bottom:30px}.grcx-experience .footer-brand-block p{font-size:12px;max-width:330px}.grcx-experience .footer-links{font-size:12px}.grcx-experience .footer-bottom{font-size:10px}
html:not(.sc-ready) .inspection-tools{display:none}
html:not(.sc-ready) [data-sc-in],html:not(.sc-ready) [data-sc-stagger]>*{opacity:1;transform:none}
@media (hover:hover) and (pointer:fine){.button:hover::after{transform:translateX(65%)}[data-glow]:hover::after,[data-glow]:hover::before{opacity:1}}
@media (min-width:1001px) and (min-height:720px) and (prefers-reduced-motion:no-preference){
  .motion-ready #tubepresenter{min-height:165svh}
  .motion-ready #tubepresenter .inspection-stage{position:sticky;top:90px;min-height:calc(100svh - 105px)}
}
@media (max-width:1150px){
 .grcx-experience .desktop-nav{gap:15px}.grcx-experience .header-inner{gap:18px}.grcx-experience .header-cta{display:none}
 .grcx-experience .container{width:calc(100% - 64px)}
 .grcx-experience .product-actions{flex-wrap:wrap}
 .product-index{grid-template-columns:1fr 1fr}.product-index a:nth-child(3){border-inline-start:0;border-top:1px solid var(--line)}.product-index a:nth-child(4){border-top:1px solid var(--line)}
 #currencyhover .inspection-stage,#kitdetexto .inspection-stage{gap:50px}
 .grcx-experience .about-layout{grid-template-columns:240px 1fr;gap:35px;padding:32px}
 .grcx-experience .contact-card{padding:45px;gap:40px}.grcx-experience .labs-card{grid-template-columns:110px 1.4fr 1fr;gap:25px;padding:32px}.lab-schematic{width:110px;height:110px}
}
@media (max-width:900px){
 .grcx-experience .container{width:calc(100% - 48px)}
 .hero-composition{padding-top:125px;padding-bottom:20px}.hero-instrument{height:355px;margin-top:25px}.hero-rig{inset:65px 40px 30px}.telemetry{width:140px;padding:12px;min-height:85px}.telemetry strong{font-size:12px}.telemetry-left{left:0}.telemetry-right{right:-10px}.hero-plane-mark{inset:25px 32%}
 .grcx-experience .section-heading{gap:35px}
 .inspection-stage,#currencyhover .inspection-stage,#kitdetexto .inspection-stage{gap:35px}
 .grcx-experience .product-header h3{font-size:30px}.grcx-experience .product-body>p{font-size:14px}.grcx-experience .product-header{gap:10px}.grcx-experience .product-logo{width:32px;height:32px}
 #tubepresenter .product-body,#foldersizeexplorer .product-body{gap:0 35px}
 #tubepresenter .product-header h3{font-size:38px}
 .grcx-experience .principles>.container{grid-template-columns:1fr;gap:30px}.grcx-experience .principles-lead{max-width:600px}
 .grcx-experience .process-layout{grid-template-columns:1fr;gap:25px}
 .grcx-experience .about-layout{grid-template-columns:180px 1fr;gap:25px;padding:25px}
 .grcx-experience .about-intro{gap:35px}
 .grcx-experience .labs-card{grid-template-columns:110px 1fr}.grcx-experience .labs-topics{grid-column:2}
 .grcx-experience .contact-card{padding:35px;gap:30px}
}
@media (max-width:640px){
 :root{--header-height:64px}
 .grcx-experience .container{width:calc(100% - 40px)}
 .grcx-experience .header-inner{gap:8px}.grcx-experience .site-header .brand-logo{width:96px}.grcx-experience .header-actions{gap:4px;min-width:0}.grcx-experience .language-select{width:clamp(84px,30vw,125px);min-width:0;max-width:none;padding-inline:8px 22px}.grcx-experience .language-select .lang-value{min-width:0;overflow:hidden;text-overflow:ellipsis}.grcx-experience .header-actions .icon-button{width:44px;height:44px;min-width:44px}
 .grcx-experience .section{padding-block:60px}
 .grcx-experience .hero{padding:0}.hero-composition{padding:110px 0 25px}
 .grcx-experience .hero .eyebrow{font-size:9px;letter-spacing:.06em;margin-bottom:24px;gap:7px}
 .grcx-experience .hero h1{font-size:clamp(32px,8.8vw,55px);line-height:1.09;letter-spacing:-.05em}
 .grcx-experience .hero-description{font-size:14px;line-height:1.65;margin-top:22px}
 .grcx-experience .hero-actions{flex-direction:row;gap:20px;margin-top:22px}.grcx-experience .hero-actions .button{width:auto}.grcx-experience .hero-actions .text-link{font-size:13px}
 .hero-instrument{width:calc(100% + 24px);margin:25px -12px 0;height:285px;perspective:850px}
 .hero-rig{inset:70px 22px 35px;transform:rotateX(calc(38deg - var(--hero-p,0)*8deg)) rotateZ(-7deg)}
 .hero-plane-back{inset:-14px}.hero-plane-mid{inset:0 5px}.hero-plane-mark{inset:8px 30%;transform:translateZ(calc(58px + var(--hero-p,0)*25px))}
 .hero-plane-front{transform:translateZ(calc(90px + var(--hero-p,0)*35px))}.telemetry{width:96px;min-height:69px;padding:10px;top:60%;border-radius:7px}.telemetry>span{font-size:6px}.telemetry strong{font-size:9px}.telemetry-left{left:0}.telemetry-right{right:-3px;top:65%}.signal-bars{height:10px;gap:3px;margin-top:5px}.signal-bars b{width:4px}.telemetry-route{margin-top:10px}
 .instrument-label{display:none}.coordinate{font-size:6px}.c-top{top:23px;left:20px}.c-bottom{bottom:10px;right:12px}.core-ring{inset:-15px}.hero-light{width:380px;height:300px;left:-120px;bottom:20px;opacity:.2}.hero-aurora{width:350px;height:300px;right:-100px;opacity:.7}.instrument-orbit{inset:40px -30px 0}.orbit-b{inset:20px -60px -25px}
 .grcx-experience .section-heading{display:block;margin-bottom:28px}.grcx-experience .section-heading h2{font-size:34px}.grcx-experience .section-heading p{font-size:14px;margin-top:18px}
 .product-index{grid-template-columns:1fr}.product-index a{font-size:12px;padding:15px 12px;border-inline-start:0}.product-index a+a{border-top:1px solid var(--line)}
 .inspection-product{padding-top:46px}
 .inspection-stage,#currencyhover .inspection-stage,#kitdetexto .inspection-stage,#foldersizeexplorer .inspection-stage{display:flex;flex-direction:column;align-items:stretch;gap:20px;padding:0 0 48px}
 #tubepresenter .product-body,#foldersizeexplorer .product-body{display:block}
 #tubepresenter .product-meta,#foldersizeexplorer .product-meta{margin-bottom:20px}
 #tubepresenter .inspection-tools,#foldersizeexplorer .inspection-tools{position:static;margin-top:12px}
 #tubepresenter .product-header h3,.grcx-experience .product-header h3{font-size:31px}
 .grcx-experience .product-actions .button{font-size:11px;padding-inline:12px}
 .inspection-surface,#tubepresenter .inspection-surface,#currencyhover .inspection-surface,#foldersizeexplorer .inspection-surface{padding:32px 18px 32px;perspective:1200px}
 #tubepresenter .inspection-figure{margin-top:0}
 #tubepresenter .inspection-caption{display:block;margin-top:12px}#tubepresenter .inspection-caption p{margin-top:10px}
 .window-chrome{height:23px;padding:0 9px;font-size:7px;gap:8px}.window-buttons{gap:3px}.window-buttons i{width:4px;height:4px}.window-status{font-size:10px}
 .result-chrome{height:18px;font-size:6px;padding:0 6px}
 .inspection-caption{margin-top:14px}.layer-legend{gap:18px}
 #currencyhover .inspection-figure{width:85%;margin-inline:auto}
 #kitdetexto .inspection-surface{padding:32px 18px}
 #foldersizeexplorer .inspection-surface{padding-inline:5px}
 .inspection-callout{font-size:8px}
 .grcx-experience .solution-grid{display:block}.grcx-experience .solution-card{margin-top:16px;padding:25px;gap:14px}.grcx-experience .solution-card:first-child{padding-top:140px}.grcx-experience .solution-card:first-child .solution-icon{top:25px;left:25px;width:75px;height:75px}
 .grcx-experience .solution-card h3{font-size:25px}.grcx-experience .solution-card>p{font-size:13px}
 .grcx-experience .process-layout{display:block}.grcx-experience .process-steps{margin-top:28px;gap:20px}.grcx-experience .process-step{gap:10px}
 .grcx-experience .principles>.container{display:block}.grcx-experience .principles-intro h2{font-size:36px}.grcx-experience .principles-list{margin-top:30px;gap:12px}.grcx-experience .principle{padding:19px}.grcx-experience .principle h3{font-size:21px;overflow-wrap:anywhere}.grcx-experience .principle p{font-size:12px}.grcx-experience .principle-number{margin-bottom:20px}
 .grcx-experience .about{padding-top:0}.grcx-experience .about-intro{display:block;padding-top:30px}.grcx-experience .about-intro h2{font-size:34px}.grcx-experience .about-intro-text{margin-top:18px}
 .grcx-experience .about-layout{display:block;padding:22px;margin-top:28px}.grcx-experience .about-photo{width:145px;margin-bottom:28px}.grcx-experience .about-copy h3{font-size:28px}.grcx-experience .about-grid{display:block}.grcx-experience .about-grid>div+div{margin-top:20px}.credential-badges{gap:8px}.credential-badges>a,.credential-badges>div{min-width:80px;padding:10px;gap:3px 10px}.credential-badges strong{font-size:16px}.credential-badges svg{width:13px}.grcx-experience .about-actions{gap:18px}
 .grcx-experience .labs{padding-top:0;padding-bottom:40px}.grcx-experience .labs-card{display:block;padding:25px}.lab-schematic{height:125px;margin-bottom:20px}.grcx-experience .labs-copy h2{font-size:28px}.grcx-experience .labs-topics{margin-top:20px}
 .grcx-experience .contact{padding-top:0}.grcx-experience .contact-card{display:block;padding:28px}.grcx-experience .contact h2{font-size:36px}.grcx-experience .contact-action{margin-top:28px}.grcx-experience .contact-channels a{font-size:15px}
 .grcx-experience .footer-top{gap:24px}
}
@media (prefers-reduced-motion:reduce){
 .hero-rig{transform:rotateX(38deg) rotateZ(-5deg)}
 .hero-light,.hero-aurora{transform:none}
 .inspection-model,#currencyhover .inspection-model,#kitdetexto .inspection-model,#foldersizeexplorer .inspection-model{transform:none}
 .inspection-tools{display:none}.inspection-result{opacity:0}
 .inspection-product,.inspection-stage{min-height:0!important}.inspection-stage{position:relative!important;top:auto!important}
}
@media (max-width:380px){.grcx-experience .site-header .brand-logo{width:82px}.grcx-experience .language-select{width:90px}.grcx-experience .principles-list{grid-template-columns:1fr}.hero-plane-mark{inset:12px 29%}.telemetry{width:85px}.grcx-experience .contact-card{padding:22px}}