.tech-nav{display:flex;flex-wrap:wrap;gap:10px 22px;padding:18px 0;border-bottom:1px solid #9bb6c52d;font-size:12px}.tech-nav a{color:#a9c2d1;text-decoration:none}.tech-nav a[aria-current=page]{color:#e8cfa0}.effect-intro{padding-block:55px 30px}.effect-intro h1{font-size:clamp(58px,8vw,116px);letter-spacing:-.065em;font-weight:400;line-height:1;margin:24px 0}.effect-intro p{max-width:650px;font-size:18px;line-height:1.7;color:#acc3d1}.effect-intro .eyebrow{color:var(--effect-accent)}.effect-theatre{border:1px solid #a6c5d336;border-radius:20px;overflow:hidden;background:radial-gradient(ellipse at 35% 25%,var(--effect-wash),transparent 65%),linear-gradient(145deg,#152a39,#08121c 65%)}.effect-stage{position:relative;height:clamp(400px,62svh,680px)}.effect-stage canvas{width:100%;height:100%;display:none;touch-action:none;outline-offset:-5px}.effect-3d .effect-stage canvas{display:block}.effect-3d [data-effect-flat]{display:none}[data-effect-flat]{position:absolute;inset:0;display:grid;align-items:center;padding:20px}[data-effect-flat] svg{width:100%;max-height:100%}.effect-stage-label{position:absolute;top:22px;left:26px;font-size:10px;color:#aec8d7;letter-spacing:.16em;pointer-events:none}.effect-stage-hint{position:absolute;bottom:16px;left:25px;right:25px;color:#9fbdcf;font-size:11px;pointer-events:none}.effect-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:25px;padding:22px 28px;background:#0a1722c9;border-top:1px solid #8aa9bf30}.effect-controls label{font-size:12px;color:#aac5d8}.effect-controls label>span{display:flex;justify-content:space-between;margin-bottom:16px;gap:10px}.effect-controls output{color:var(--effect-accent);font-variant-numeric:tabular-nums}.effect-controls input{width:100%;accent-color:var(--effect-accent)}.effect-reading{display:flex;gap:20px;align-items:center;font-size:12px}.effect-reading strong{font-size:28px;font-weight:400;display:block;color:#e7f3f9;font-variant-numeric:tabular-nums}.effect-reading span{font-size:10px;color:#8fa8ba}.effect-actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.effect-actions button,.effect-section-buttons button,.vulan-cases button{min-height:44px;padding:10px 16px;border:1px solid #94b8ce44;border-radius:8px;background:#142837;color:#c7dce7;font:inherit;font-size:12px;cursor:pointer}.effect-actions button[aria-pressed=true],.effect-section-buttons button[aria-pressed=true],.vulan-cases button[aria-pressed=true]{border-color:var(--effect-accent,#dac293);color:#ffedc9;background:#38434b}.effect-caption{color:#8fa9ba;font-size:12px;line-height:1.8}.effect-explanation{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:60px;padding-block:55px}.effect-explanation h2,.tech-hub h2,.vulan-deep h2{font-size:clamp(32px,4vw,52px);font-weight:400;line-height:1.15;letter-spacing:-.03em;margin:16px 0}.effect-explanation p,.tech-hub p,.vulan-deep p{color:#a7becd;line-height:1.9;font-size:14px}.effect-section-buttons{display:flex;flex-wrap:wrap;gap:8px}.effect-section-card{border-left:2px solid var(--effect-accent);padding-left:24px;margin-top:25px}.effect-section-card strong{font-size:26px;font-weight:400}.effect-section-card output{color:var(--effect-accent);display:block;font-size:13px;margin-top:10px}.effect-invite{border-top:1px solid #94b8ce33;padding:30px 0 55px;display:flex;align-items:center;justify-content:space-between;gap:30px}.effect-invite p{max-width:620px;color:#a5becc;line-height:1.8;font-size:14px}.effect-invite button{width:250px;flex-shrink:0}.effect-reveal{padding:30px;border:1px solid #a7c4d436;border-radius:15px;background:linear-gradient(145deg,#15344966,#08121b)}.tech-portal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-block:30px 60px}.tech-portal{display:block;position:relative;overflow:hidden;padding:40px 35px;min-height:230px;border:1px solid #91bbd535;border-radius:18px;text-decoration:none;background:radial-gradient(ellipse at 90% 0,var(--portal-colour,#326e9550),transparent 70%),#0b1925}.tech-portal::after{content:'';position:absolute;width:250px;height:250px;border:1px solid #badfed28;border-radius:50%;right:-80px;top:40px;box-shadow:0 0 0 20px #badfed09,0 0 0 45px #badfed06;pointer-events:none}.tech-portal strong{font-size:36px;letter-spacing:-.03em;font-weight:400;color:#e2eef5}.tech-portal p{max-width:340px;font-size:14px;line-height:1.8;color:#a9c4d4}.tech-portal span{font-size:12px;color:#e2cea4}.tech-hub{padding-block:50px}.tech-hub>p{max-width:650px}.vulan-deep{padding-block:55px}.vulan-cases{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0}.vulan-case-result{border:1px solid #9ac6db42;border-radius:15px;padding:26px;background:#0d2535}.vulan-case-result strong{display:block;font-size:26px;font-weight:400;color:#e6d1a9}.vulan-case-result p{margin-bottom:0}.vulan-deep-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin:45px 0}.vulan-deep-grid article{border-top:1px solid #94b3c54d;padding-top:20px}.vulan-deep-grid h3{font-size:23px;font-weight:400}.tech-corridor{padding-block:35px 55px}.tech-corridor h2{font-size:40px;font-weight:400;letter-spacing:-.03em}.tech-corridor .tech-portal-grid{margin-bottom:0}.effect-page :focus-visible{outline:2px solid #e2c794;outline-offset:4px}
@media(max-width:850px){.effect-controls{grid-template-columns:1fr 1fr}.effect-reading{grid-column:1/-1;justify-content:center}.effect-explanation{gap:30px}.effect-stage{height:440px}.tech-portal{padding:28px 25px}.vulan-deep-grid{grid-template-columns:1fr}.effect-invite{align-items:start;flex-direction:column}}
@media(max-width:560px){.effect-intro{padding-top:32px}.effect-intro h1{font-size:clamp(38px,12vw,58px)}.effect-intro p{font-size:16px}.effect-stage{height:350px}.effect-controls{grid-template-columns:1fr;padding:20px;gap:22px}.effect-reading{grid-column:auto}.effect-stage-label{font-size:8px;left:18px;top:18px}.effect-stage-hint{left:18px;bottom:12px;font-size:9px}.effect-actions{gap:7px}.effect-actions button{flex:1;padding:10px}.effect-explanation{grid-template-columns:1fr;padding-block:35px}.tech-portal-grid{grid-template-columns:1fr}.tech-nav{gap:12px 17px;font-size:11px}.tech-portal{min-height:200px}.effect-reveal{padding:22px}.effect-invite button{width:100%}.vulan-deep{padding-block:35px}}
@media(prefers-reduced-motion:reduce){.tech-portal{scroll-behavior:auto}}

@media(max-width:380px){.effect-reading{display:grid;grid-template-columns:1fr 1fr;gap:10px}.effect-reading>div{min-width:0}.effect-reading strong{font-size:22px;white-space:nowrap}.effect-reading span{font-size:9px}}

@media(min-width:851px){.tech-corridor .tech-portal-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}