:root {
  --ink: #171717;
  --black: #0c0c0c;
  --paper: #f2efe9;
  --paper-dark: #ded9d0;
  --acid: #ff5c35;
  --acid-dark: #d93e20;
  --violet: #9c8cff;
  --mint: #c8f36a;
  --line: rgba(23, 23, 23, .18);
  --soft: #67635d;
  --mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --sans: "Arial Narrow", "Helvetica Neue", Arial, sans-serif;
  --radius: 2px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--paper); color: var(--ink); font-family: var(--sans); font-size: 15px; }
body.menu-open, body.drawer-open, body.modal-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
button { cursor: pointer; }
img { display: block; max-width: 100%; }
.section-pad { padding: 110px 7vw; }
.site-shell { overflow: hidden; }

.topbar { min-height: 88px; padding: 18px 7vw; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 30px; color: var(--paper); background: var(--black); border-bottom: 1px solid rgba(242, 239, 233, .18); }
.wordmark { display: inline-flex; width: max-content; align-items: center; justify-content: center; background: #fff; padding: 5px 10px; clip-path: polygon(0 0, 100% 0, 96% 100%, 0 100%); }
.brand-logo { width: 126px; height: 42px; object-fit: contain; }
.primary-nav { display: flex; align-items: center; gap: 26px; color: rgba(242, 239, 233, .65); font: 10px var(--mono); letter-spacing: .12em; text-transform: uppercase; }
.primary-nav a { position: relative; padding: 13px 0; }
.primary-nav a::after { content: ''; position: absolute; left: 0; right: 0; bottom: 5px; height: 2px; background: var(--acid); transform: scaleX(0); transform-origin: left; transition: transform .2s ease; }
.primary-nav a:hover, .primary-nav a.active { color: var(--paper); }
.primary-nav a:hover::after, .primary-nav a.active::after { transform: scaleX(1); }
.topbar-actions { display: flex; align-items: center; justify-content: flex-end; gap: 19px; }
.text-link, .footer-contact, .arrow-link { font: 10px var(--mono); letter-spacing: .06em; text-transform: uppercase; }
.text-link span, .footer-contact span, .arrow-link span { color: var(--acid); }
.cart-trigger { display: inline-flex; align-items: center; gap: 8px; padding: 0; color: var(--paper); background: none; border: 0; font: 10px var(--mono); text-transform: uppercase; }
.cart-count { min-width: 20px; height: 20px; display: inline-grid; place-items: center; color: var(--black); background: var(--acid); border-radius: 50%; font-size: 9px; }
.menu-toggle { display: none; width: 31px; height: 25px; padding: 0; position: relative; background: transparent; border: 0; }
.menu-toggle span, .menu-toggle::after { content: ''; position: absolute; left: 0; width: 100%; height: 1px; background: var(--paper); transition: transform .2s ease; }
.menu-toggle span { top: 8px; }.menu-toggle::after { top: 17px; }

.hero { min-height: 730px; padding: 54px 7vw 70px; position: relative; display: grid; grid-template-columns: .86fr 1.14fr; gap: 45px; color: var(--paper); background: var(--black); }
.hero::before { content: ''; position: absolute; inset: 0; opacity: .36; background-image: linear-gradient(rgba(242,239,233,.1) 1px, transparent 1px), linear-gradient(90deg, rgba(242,239,233,.1) 1px, transparent 1px); background-size: 46px 46px; mask-image: linear-gradient(90deg, black, transparent 90%); }
.hero-copy, .hero-visual { position: relative; z-index: 1; }
.hero-copy { padding-top: 64px; }
.eyebrow, .section-kicker, .frame-label, .art-tag, .section-kicker { font: 10px var(--mono); letter-spacing: .1em; text-transform: uppercase; }
.eyebrow { display: flex; gap: 9px; align-items: center; color: var(--acid); }
.eyebrow-mark { display: inline-grid; width: 18px; height: 18px; place-items: center; color: var(--black); background: var(--acid); font: 14px var(--sans); }
h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 { letter-spacing: -.08em; }
.hero h1 { max-width: 630px; margin: 42px 0 28px; font-size: clamp(65px, 8.6vw, 138px); line-height: .8; font-weight: 800; }
.hero h1 em { color: var(--acid); font-style: normal; }
.hero-intro { max-width: 415px; color: rgba(242, 239, 233, .66); font-size: 16px; line-height: 1.65; }
.hero-actions { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 32px; }
.button { min-height: 45px; padding: 0 20px; display: inline-flex; gap: 25px; align-items: center; justify-content: space-between; border: 1px solid transparent; font: 10px var(--mono); letter-spacing: .04em; text-transform: uppercase; transition: transform .2s ease, background .2s ease, color .2s ease; }
.button:hover { transform: translate(-3px, -3px); }
.button-acid { color: var(--black); background: var(--acid); }.button-acid:hover { background: #ff754f; }
.button-outline { color: var(--paper); background: transparent; border-color: rgba(242, 239, 233, .45); }.button-outline:hover { color: var(--black); background: var(--paper); }
.button-dark { color: var(--paper); background: var(--ink); }.button-dark:hover { background: var(--acid); color: var(--black); }
.hero-stamp { width: 135px; margin-top: 84px; display: grid; grid-template-columns: 1fr 1fr; gap: 9px; color: var(--paper); transform: rotate(-6deg); }
.hero-stamp span { grid-column: 1 / -1; padding-bottom: 7px; border-bottom: 1px solid var(--acid); color: var(--acid); font: 9px var(--mono); }
.hero-stamp strong { font-size: 13px; line-height: .95; letter-spacing: -.05em; }.hero-stamp i { width: 24px; height: 24px; align-self: end; border: 1px solid var(--acid); border-radius: 50%; }
.hero-visual { min-height: 610px; display: grid; place-items: center; }
.hero-product-frame { width: min(500px, 78%); height: 570px; position: relative; padding: 28px; background: var(--paper); color: var(--ink); clip-path: polygon(7% 0, 100% 0, 93% 100%, 0 96%); transform: rotate(4deg); box-shadow: 24px 24px 0 rgba(255, 92, 53, .32); }
.hero-product-frame::before { content: ''; position: absolute; inset: 18px; border: 1px solid rgba(23,23,23,.28); pointer-events: none; }
.hero-product-frame img { width: 100%; height: 440px; margin-top: 25px; object-fit: contain; mix-blend-mode: multiply; }
.frame-label { position: relative; z-index: 1; color: var(--acid-dark); }.frame-caption { position: absolute; z-index: 1; left: 28px; right: 28px; bottom: 26px; display: flex; align-items: end; justify-content: space-between; border-top: 1px solid var(--ink); padding-top: 12px; }.frame-caption span { font: 10px var(--mono); }.frame-caption strong { font-size: 21px; letter-spacing: -.08em; }
.hero-panel { position: absolute; z-index: 3; padding: 14px; background: var(--acid); color: var(--black); box-shadow: 9px 9px 0 rgba(156, 140, 255, .65); }.hero-panel span, .hero-panel small { display: block; font: 8px var(--mono); }.hero-panel strong { display: block; margin: 7px 0; font-size: 31px; line-height: .8; letter-spacing: -.1em; }.hero-panel-top { top: 32px; right: 6%; transform: rotate(8deg); }.hero-panel-bottom { left: 3%; bottom: 35px; background: var(--violet); transform: rotate(-7deg); }.hero-panel-bottom strong { font-size: 16px; }.hero-panel-bottom i { color: var(--acid); font-style: normal; }.hero-crosshair { width: 270px; height: 270px; position: absolute; border: 1px solid rgba(242, 239, 233, .24); border-radius: 50%; }.hero-crosshair::before, .hero-crosshair::after { content: ''; position: absolute; background: rgba(242, 239, 233, .24); }.hero-crosshair::before { width: 1px; height: 340px; top: -36px; left: 50%; }.hero-crosshair::after { height: 1px; width: 340px; top: 50%; left: -36px; }.hero-coordinate { position: absolute; right: 1%; bottom: 37px; color: rgba(242,239,233,.64); font: 9px/1.5 var(--mono); text-align: right; }.hero-coordinate span { color: var(--acid); }

.signal-bar { min-height: 49px; padding: 0 7vw; display: grid; grid-template-columns: 1fr 1fr 1fr; align-items: center; color: var(--paper); background: var(--acid); font: 9px var(--mono); letter-spacing: .06em; text-transform: uppercase; }.signal-bar > div:nth-child(2) { text-align: center; }.signal-bar > div:last-child { text-align: right; }.signal-bar b { font-weight: 500; }.signal-pulse { width: 7px; height: 7px; margin-right: 8px; display: inline-block; background: var(--black); border-radius: 50%; box-shadow: 0 0 0 5px rgba(23,23,23,.12); }

.section-kicker { color: var(--acid-dark); }.manifesto { background: var(--paper); }.manifesto-grid { display: grid; grid-template-columns: 1.2fr .8fr; gap: 8vw; align-items: end; margin-top: 55px; }.manifesto h2, .section-heading h2, .newsletter h2 { margin: 0; font-size: clamp(55px, 7vw, 105px); line-height: .84; }.manifesto h2 span, .section-heading h2 span, .newsletter h2 span { color: var(--acid); }.manifesto-copy { max-width: 380px; }.manifesto-copy p, .section-heading > p { color: var(--soft); line-height: 1.75; }.arrow-link { display: inline-flex; gap: 36px; margin-top: 23px; padding-bottom: 10px; border-bottom: 1px solid var(--ink); }.manifesto-ruler { height: 20px; margin-top: 106px; display: flex; align-items: center; gap: 13px; color: var(--soft); font: 8px var(--mono); }.manifesto-ruler i { width: 100%; height: 1px; background: var(--line); }

.products { color: var(--paper); background: var(--ink); }.products .section-kicker { color: var(--acid); }.section-heading { display: grid; grid-template-columns: 1fr .64fr; align-items: end; gap: 7vw; }.section-heading > p { max-width: 370px; color: rgba(242,239,233,.6); }.filter-row { display: flex; gap: 8px; flex-wrap: wrap; margin: 50px 0 25px; }.filter-chip { padding: 9px 12px; color: rgba(242,239,233,.7); background: transparent; border: 1px solid rgba(242,239,233,.3); font: 9px var(--mono); text-transform: uppercase; }.filter-chip:hover, .filter-chip.active { color: var(--black); background: var(--acid); border-color: var(--acid); }
.product-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }.product-card { min-width: 0; color: var(--ink); background: var(--paper); border: 1px solid rgba(242,239,233,.17); transition: transform .2s ease; }.product-card:hover { transform: translateY(-8px); }.product-card.is-hidden { display: none; }.product-image { height: 315px; position: relative; overflow: hidden; background: #e4dfd6; }.product-image::after { content: ''; position: absolute; inset: 15px; border: 1px solid rgba(23,23,23,.17); pointer-events: none; }.product-image img { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; }.product-badge { position: absolute; z-index: 1; top: 17px; left: 17px; padding: 6px 8px; color: var(--paper); background: var(--ink); font: 8px var(--mono); text-transform: uppercase; }.product-card-content { padding: 20px 19px 21px; }.product-meta { display: flex; justify-content: space-between; color: var(--acid-dark); font: 8px var(--mono); letter-spacing: .07em; text-transform: uppercase; }.product-card h3 { min-height: 46px; margin: 18px 0 10px; font-size: 24px; line-height: .95; }.product-card p { min-height: 55px; margin-bottom: 18px; color: var(--soft); font-size: 12px; line-height: 1.5; }.product-tags { display: flex; gap: 5px; flex-wrap: wrap; }.product-tags span { padding: 5px 7px; background: var(--paper-dark); font: 8px var(--mono); text-transform: uppercase; }.product-bottom { display: flex; align-items: end; justify-content: space-between; gap: 12px; margin-top: 24px; }.product-price { font-size: 22px; font-weight: 800; letter-spacing: -.08em; }.product-price small { font: 8px var(--mono); letter-spacing: 0; }.product-actions { display: flex; gap: 7px; align-items: center; }.product-link { width: 35px; height: 35px; display: inline-grid; place-items: center; color: var(--paper); background: var(--ink); font-size: 17px; }.add-to-cart { min-height: 35px; padding: 0 10px; color: var(--black); background: var(--acid); border: 0; font: 8px var(--mono); text-transform: uppercase; }.add-to-cart:hover { background: var(--violet); }

.method-strip { display: grid; grid-template-columns: 1.15fr .85fr; min-height: 620px; padding: 0; background: var(--violet); }.method-strip-art { min-height: 620px; position: relative; overflow: hidden; background: #d9d3ff; }.method-strip-art::before { content: 'WAIT / WATCH / RECORD'; position: absolute; z-index: 1; left: 7%; top: 8%; color: var(--ink); font: 10px var(--mono); letter-spacing: .08em; transform: rotate(-90deg); transform-origin: left top; }.method-strip-art img { width: 80%; height: 100%; margin: auto; object-fit: contain; mix-blend-mode: multiply; }.art-tag { position: absolute; right: 9%; bottom: 9%; padding: 11px; color: var(--paper); background: var(--ink); transform: rotate(5deg); }.method-strip-copy { align-self: center; padding: 70px 8vw 70px 6vw; }.method-strip-copy h2 { margin: 25px 0; font-size: clamp(50px, 6vw, 92px); line-height: .85; }.method-strip-copy h2 span { color: var(--acid); }.method-strip-copy p { max-width: 370px; margin-bottom: 31px; color: rgba(23,23,23,.7); line-height: 1.7; }

.principles { background: var(--paper-dark); }.principle-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; margin-top: 70px; }.principle-grid article { min-height: 205px; padding-top: 15px; border-top: 1px solid var(--ink); }.principle-grid strong { color: var(--acid-dark); font: 10px var(--mono); }.principle-grid h3 { margin: 57px 0 12px; font-size: 28px; }.principle-grid p { max-width: 260px; color: var(--soft); font-size: 12px; line-height: 1.55; }
.service-overview { background: var(--paper-dark); }.service-overview-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 52px; }.service-overview-card { min-height: 390px; padding: 22px; display: flex; flex-direction: column; color: var(--ink); border: 1px solid var(--ink); transition: transform .2s ease, box-shadow .2s ease; }.service-overview-card:hover { transform: translate(-5px, -5px); box-shadow: 8px 8px 0 var(--ink); }.service-overview-acid { background: var(--acid); }.service-overview-violet { background: var(--violet); }.service-overview-paper { background: var(--paper); }.overview-topline { display: flex; justify-content: space-between; gap: 10px; padding-bottom: 14px; border-bottom: 1px solid rgba(23,23,23,.38); font: 8px var(--mono); text-transform: uppercase; }.overview-symbol { margin: 48px 0 20px; font-size: 55px; line-height: .7; }.service-overview-card h3 { margin: 0 0 15px; font-size: 33px; line-height: .87; }.service-overview-card h3 span { color: var(--paper); }.service-overview-paper h3 span { color: var(--acid-dark); }.service-overview-card p { max-width: 290px; margin: 0; color: rgba(23,23,23,.7); font-size: 12px; line-height: 1.55; }.overview-link { display: flex; justify-content: space-between; margin-top: auto; padding-top: 24px; border-top: 1px solid rgba(23,23,23,.38); font: 9px var(--mono); text-transform: uppercase; }.overview-link span { font-size: 18px; line-height: .5; }
.newsletter { display: grid; grid-template-columns: 1fr .9fr; gap: 9vw; align-items: end; background: var(--acid); }.newsletter .section-kicker { color: var(--ink); }.newsletter h2 span { color: var(--paper); }.newsletter-form { max-width: 450px; }.newsletter-form label { display: block; margin-bottom: 11px; font: 10px var(--mono); text-transform: uppercase; }.input-line { display: flex; border-bottom: 1px solid var(--ink); }.input-line input { min-width: 0; flex: 1; padding: 13px 0; color: var(--ink); background: transparent; border: 0; outline: 0; }.input-line input::placeholder { color: rgba(23,23,23,.6); }.input-line button { width: 44px; color: var(--ink); background: transparent; border: 0; font-size: 20px; }.newsletter-form p { margin: 13px 0 0; color: rgba(23,23,23,.64); font: 10px var(--mono); }

.footer { color: var(--paper); background: var(--black); }.footer-main { display: grid; grid-template-columns: .8fr 1fr 1fr; align-items: start; gap: 35px; }.footer-main p { color: rgba(242,239,233,.63); font-size: 13px; line-height: 1.4; }.footer-contact { justify-self: end; padding-bottom: 8px; border-bottom: 1px solid var(--paper); }.footer-links { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; max-width: 380px; margin: 100px 0 60px auto; }.footer-links > div { display: flex; flex-direction: column; gap: 11px; }.footer-label { margin-bottom: 4px; color: var(--acid); font: 9px var(--mono); text-transform: uppercase; }.footer-links a { color: rgba(242,239,233,.68); font-size: 12px; }.footer-links a:hover { color: var(--acid); }.footer-bottom { display: flex; justify-content: space-between; gap: 18px; padding-top: 16px; border-top: 1px solid rgba(242,239,233,.22); color: rgba(242,239,233,.45); font: 8px var(--mono); text-transform: uppercase; }

.drawer-backdrop, .modal-backdrop { position: fixed; z-index: 20; inset: 0; visibility: hidden; opacity: 0; background: rgba(0,0,0,.62); transition: opacity .2s ease, visibility .2s ease; }.drawer-backdrop.is-visible, .modal-backdrop.is-visible { visibility: visible; opacity: 1; }.cart-drawer { width: min(520px, 100%); position: fixed; z-index: 21; inset: 0 0 0 auto; display: flex; flex-direction: column; color: var(--paper); background: var(--ink); transform: translateX(100%); transition: transform .25s ease; }.cart-drawer.is-open { transform: translateX(0); }.drawer-header, .checkout-header { display: flex; align-items: start; justify-content: space-between; padding: 27px 30px; border-bottom: 1px solid rgba(242,239,233,.2); }.drawer-header h2, .checkout-header h2 { margin: 13px 0 0; font-size: 31px; }.close-button { width: 30px; height: 30px; color: var(--paper); background: transparent; border: 1px solid rgba(242,239,233,.32); font-size: 20px; line-height: 1; }.drawer-body { flex: 1; overflow: auto; padding: 12px 30px; }.empty-cart { height: 100%; display: grid; place-items: center; text-align: center; }.empty-cart strong, .empty-cart span { display: block; }.empty-cart strong { margin-bottom: 8px; font-size: 21px; }.empty-cart span { color: rgba(242,239,233,.56); font: 10px var(--mono); }.cart-line { display: grid; grid-template-columns: 80px 1fr auto; gap: 14px; align-items: center; padding: 18px 0; border-bottom: 1px solid rgba(242,239,233,.16); }.cart-line-image { width: 80px; height: 80px; background: var(--paper); }.cart-line-image img { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; }.cart-line-info p { margin: 0 0 6px; color: var(--acid); font: 8px var(--mono); text-transform: uppercase; }.cart-line-info h3 { margin: 0 0 11px; font-size: 16px; line-height: .95; }.cart-line-total { font: 14px var(--mono); }.remove-line { padding: 0; color: rgba(242,239,233,.55); background: none; border: 0; font: 8px var(--mono); text-transform: uppercase; }.qty-control { display: inline-flex; align-items: center; gap: 9px; color: var(--paper); font: 10px var(--mono); }.qty-control button { width: 21px; height: 21px; padding: 0; color: var(--paper); background: transparent; border: 1px solid rgba(242,239,233,.35); }.drawer-footer { padding: 22px 30px 30px; border-top: 1px solid rgba(242,239,233,.2); }.subtotal-row { display: flex; justify-content: space-between; font: 11px var(--mono); }.subtotal-row strong { color: var(--acid); font-size: 16px; }.demo-note, .secure-line { color: rgba(242,239,233,.48); font: 9px/1.5 var(--mono); }.drawer-footer .button { width: 100%; margin-top: 10px; }.drawer-footer .button:disabled { cursor: not-allowed; opacity: .35; transform: none; }
.checkout-modal { width: min(640px, calc(100% - 32px)); max-height: calc(100vh - 32px); position: fixed; z-index: 22; top: 50%; left: 50%; overflow: auto; color: var(--paper); background: var(--ink); transform: translate(-50%, -45%); visibility: hidden; opacity: 0; transition: opacity .2s ease, transform .2s ease, visibility .2s ease; }.checkout-modal.is-open { visibility: visible; opacity: 1; transform: translate(-50%, -50%); }.checkout-steps { display: flex; align-items: center; gap: 10px; padding: 15px 30px; border-bottom: 1px solid rgba(242,239,233,.15); color: rgba(242,239,233,.45); font: 9px var(--mono); }.checkout-steps span.active { color: var(--acid); }.checkout-steps b { color: var(--paper); font-weight: 400; }.checkout-steps i { width: 35px; height: 1px; background: rgba(242,239,233,.2); }.checkout-form { padding: 26px 30px 30px; }.checkout-form label { display: block; margin-bottom: 17px; color: rgba(242,239,233,.7); font: 9px var(--mono); text-transform: uppercase; }.checkout-form input { width: 100%; margin-top: 8px; padding: 12px 0; color: var(--paper); background: transparent; border: 0; border-bottom: 1px solid rgba(242,239,233,.32); outline: 0; }.checkout-form input:focus { border-color: var(--acid); }.checkout-form input::placeholder { color: rgba(242,239,233,.32); }.checkout-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }.checkout-divider { display: flex; justify-content: space-between; margin: 22px 0 17px; padding-top: 18px; border-top: 1px solid rgba(242,239,233,.18); color: var(--acid); font: 9px var(--mono); text-transform: uppercase; }.payment-icons { color: rgba(242,239,233,.45); }.card-input { display: flex; align-items: center; border-bottom: 1px solid rgba(242,239,233,.32); }.card-input input { border-bottom: 0; }.card-input span { color: var(--acid); }.checkout-summary { display: flex; justify-content: space-between; align-items: center; margin: 24px 0; padding: 14px 0; border-top: 1px solid rgba(242,239,233,.18); border-bottom: 1px solid rgba(242,239,233,.18); font: 10px var(--mono); }.checkout-summary strong { color: var(--acid); font-size: 18px; }.checkout-form .button { width: 100%; }.checkout-success { padding: 65px 30px 70px; text-align: center; }.success-mark { width: 50px; height: 50px; margin: 0 auto 24px; display: grid; place-items: center; color: var(--ink); background: var(--acid); border-radius: 50%; font-size: 24px; }.checkout-success h3 { margin: 17px 0 10px; font-size: 48px; }.checkout-success p { max-width: 350px; margin: 0 auto 27px; color: rgba(242,239,233,.64); line-height: 1.6; }.checkout-success .button { width: auto; }.toast { position: fixed; z-index: 40; left: 50%; bottom: 22px; padding: 13px 18px; color: var(--paper); background: var(--ink); border-left: 3px solid var(--acid); box-shadow: 8px 8px 0 rgba(156,140,255,.55); transform: translate(-50%, 20px); visibility: hidden; opacity: 0; transition: opacity .2s ease, transform .2s ease, visibility .2s ease; font: 10px var(--mono); }.toast.is-visible { visibility: visible; opacity: 1; transform: translate(-50%, 0); }

/* The inner pages keep the same information architecture while shifting the art direction into Tkenpro's field-journal system. */
.signal-network-visual,
.cloud-architecture-visual { min-height: 420px; position: relative; overflow: hidden; clip-path: polygon(9% 0, 100% 5%, 92% 100%, 0 94%); }
.signal-network-visual { background: radial-gradient(circle at 52% 47%, #31304e 0, #211f35 34%, #11131e 78%); }
.signal-network-visual::before, .signal-network-visual::after { content: ''; position: absolute; border: 1px solid rgba(255,255,255,.15); border-radius: 50%; }
.signal-network-visual::before { inset: 14% 10%; transform: rotate(-18deg) scaleY(.55); }
.signal-network-visual::after { inset: 25% 2%; transform: rotate(21deg) scaleY(.55); }
.signal-network-grid, .cloud-architecture-grid { position: absolute; inset: 0; opacity: .36; background-image: linear-gradient(rgba(242,239,233,.12) 1px, transparent 1px), linear-gradient(90deg, rgba(242,239,233,.12) 1px, transparent 1px); background-size: 30px 30px; mask-image: radial-gradient(circle at center, black 15%, transparent 78%); }
.signal-network-route { position: absolute; z-index: 1; height: 1px; transform-origin: left center; background: linear-gradient(90deg, rgba(255,92,53,.05), rgba(255,92,53,.92), rgba(156,140,255,.25)); box-shadow: 0 0 11px rgba(255,92,53,.32); }
.signal-network-route i { position: absolute; right: 0; top: -3px; width: 7px; height: 7px; border-radius: 50%; background: var(--acid); box-shadow: 0 0 0 5px rgba(255,92,53,.12); }
.signal-route-a { width: 45%; left: 11%; top: 34%; transform: rotate(16deg); }.signal-route-b { width: 31%; left: 29%; top: 39%; transform: rotate(9deg); }.signal-route-c { width: 34%; left: 51%; top: 43%; transform: rotate(-18deg); }.signal-route-d { width: 30%; left: 50%; top: 55%; transform: rotate(25deg); }
.signal-network-node { position: absolute; z-index: 4; display: flex; flex-direction: column; gap: 2px; color: rgba(242,239,233,.76); font: 8px var(--mono); letter-spacing: .04em; }.signal-network-node span { width: 14px; height: 14px; margin-bottom: 4px; border: 1px solid var(--acid); border-radius: 50%; background: #171725; box-shadow: 0 0 0 5px rgba(255,92,53,.08), 0 0 19px rgba(255,92,53,.45); }.signal-network-node strong { color: var(--paper); font-weight: 500; }.signal-network-node small { color: rgba(242,239,233,.46); font: 8px var(--mono); text-transform: uppercase; }.signal-node-source { left: 8%; top: 29%; }.signal-node-east { right: 7%; top: 31%; }.signal-node-west { left: 10%; bottom: 18%; }.signal-node-north { right: 12%; bottom: 20%; }
.signal-network-core { position: absolute; z-index: 3; left: 50%; top: 47%; width: 155px; height: 155px; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 7px; border: 1px solid rgba(255,92,53,.7); border-radius: 50%; background: rgba(12,12,12,.66); color: var(--paper); text-align: center; transform: translate(-50%,-50%); box-shadow: 0 0 0 17px rgba(255,92,53,.035), 0 0 0 42px rgba(156,140,255,.035), inset 0 0 34px rgba(156,140,255,.16); }.signal-network-core::before { content: ''; position: absolute; inset: 11px; border: 1px dashed rgba(156,140,255,.55); border-radius: 50%; animation: signal-spin 18s linear infinite; }.signal-network-core span { position: relative; z-index: 1; color: var(--acid); font-size: 19px; font-weight: 800; letter-spacing: -.08em; }.signal-network-core strong { position: relative; z-index: 1; font: 10px/1.3 var(--mono); letter-spacing: .04em; }.signal-network-core small { position: relative; z-index: 1; color: rgba(242,239,233,.55); font: 8px var(--mono); }.signal-network-packet { position: absolute; z-index: 5; padding: 7px 9px; border: 1px solid rgba(255,92,53,.52); border-radius: 4px; background: rgba(12,12,12,.72); color: var(--acid); font: 9px var(--mono); box-shadow: 0 8px 20px rgba(0,0,0,.2); }.signal-packet-a { left: 20%; top: 23%; transform: rotate(-12deg); }.signal-packet-b { right: 13%; bottom: 30%; transform: rotate(12deg); }.signal-network-label { position: absolute; z-index: 3; color: rgba(242,239,233,.44); font: 8px var(--mono); letter-spacing: .05em; }.signal-label-source { left: 8%; bottom: 11%; }.signal-label-destination { right: 8%; top: 16%; }.signal-network-caption { position: absolute; z-index: 4; right: 24px; bottom: 24px; color: rgba(242,239,233,.52); font: 9px var(--mono); }
@keyframes signal-spin { to { transform: rotate(360deg); } }
.cloud-architecture-visual { background: radial-gradient(circle at 48% 34%, #5d4d8f 0, #352b63 28%, #17142d 72%, #0c0c0c 100%); }.cloud-architecture-visual::before, .cloud-architecture-visual::after { content: ''; position: absolute; border: 1px solid rgba(242,239,233,.18); border-radius: 50%; }.cloud-architecture-visual::before { width: 74%; height: 42%; left: 14%; top: 24%; transform: rotate(-18deg); }.cloud-architecture-visual::after { width: 104%; height: 56%; left: -1%; top: 18%; transform: rotate(19deg); }
.cloud-architecture-cloud { position: absolute; z-index: 3; left: 50%; top: 24%; width: 205px; height: 122px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; border: 1px solid rgba(255,92,53,.75); border-radius: 52% 52% 45% 45%; background: rgba(12,12,12,.72); color: var(--paper); transform: translateX(-50%); box-shadow: 0 0 0 12px rgba(255,92,53,.05), 0 18px 32px rgba(0,0,0,.22); }.cloud-architecture-cloud::before, .cloud-architecture-cloud::after, .cloud-architecture-cloud i { content: ''; position: absolute; border: 1px solid rgba(255,92,53,.7); border-bottom: 0; border-radius: 50% 50% 0 0; }.cloud-architecture-cloud::before { width: 70px; height: 48px; left: 26px; top: -24px; }.cloud-architecture-cloud::after { width: 68px; height: 52px; right: 27px; top: -28px; }.cloud-architecture-cloud i { width: 51px; height: 39px; left: 77px; top: -20px; background: rgba(12,12,12,.92); }.cloud-architecture-cloud span { position: relative; z-index: 2; color: var(--acid); font-size: 18px; font-weight: 800; letter-spacing: -.08em; }.cloud-architecture-cloud strong { position: relative; z-index: 2; font: 8px var(--mono); letter-spacing: .05em; }
.cloud-rack { position: absolute; z-index: 3; bottom: 17%; width: 104px; height: 136px; padding: 14px 11px; border: 1px solid rgba(242,239,233,.4); border-radius: 5px; background: linear-gradient(120deg, rgba(242,239,233,.16), rgba(12,12,12,.54)); box-shadow: 0 18px 30px rgba(0,0,0,.25); }.cloud-rack span { display: block; height: 16px; margin-bottom: 8px; border: 1px solid rgba(255,92,53,.6); border-radius: 2px; background: linear-gradient(90deg, rgba(255,92,53,.55) 0 12%, rgba(242,239,233,.14) 13% 100%); }.cloud-rack b { position: absolute; left: 11px; bottom: 10px; color: rgba(242,239,233,.55); font: 7px var(--mono); }.cloud-rack-a { left: 13%; transform: perspective(300px) rotateY(12deg); }.cloud-rack-b { right: 13%; transform: perspective(300px) rotateY(-12deg); }
.cloud-architecture-node { position: absolute; z-index: 4; display: flex; align-items: center; gap: 7px; color: rgba(242,239,233,.68); font: 8px var(--mono); }.cloud-architecture-node i { width: 10px; height: 10px; border-radius: 50%; background: var(--acid); box-shadow: 0 0 0 5px rgba(255,92,53,.12); }.cloud-node-a { left: 10%; top: 18%; }.cloud-node-b { right: 9%; top: 52%; }.cloud-node-c { left: 16%; bottom: 12%; }.cloud-architecture-line { position: absolute; z-index: 2; height: 1px; transform-origin: left center; background: linear-gradient(90deg, rgba(255,92,53,.1), rgba(255,92,53,.76), rgba(242,239,233,.12)); }.cloud-line-a { width: 230px; left: 18%; top: 24%; transform: rotate(12deg); }.cloud-line-b { width: 245px; left: 54%; top: 32%; transform: rotate(28deg); }.cloud-line-c { width: 205px; left: 23%; bottom: 22%; transform: rotate(-16deg); }.cloud-architecture-label { position: absolute; right: 24px; bottom: 22px; color: rgba(242,239,233,.48); font: 9px var(--mono); }
.signal-service-map, .technical-service-highlight { background: var(--paper-dark); }.signal-flow-visual { min-height: 150px; margin-top: 52px; padding: 28px 4vw; display: grid; grid-template-columns: 1fr 90px 1fr 90px 1fr; align-items: center; gap: 15px; border: 1px solid var(--ink); background: var(--paper); }.signal-flow-visual > div { display: flex; flex-direction: column; gap: 6px; }.signal-flow-visual strong { color: var(--acid-dark); font: 10px var(--mono); }.signal-flow-visual span { font-size: 25px; font-weight: 800; letter-spacing: -.08em; }.signal-flow-visual small { color: var(--soft); font: 9px var(--mono); text-transform: uppercase; }.signal-flow-visual > i { height: 1px; position: relative; background: var(--acid-dark); }.signal-flow-visual > i::after { content: '↗'; position: absolute; right: -2px; top: -9px; color: var(--acid-dark); font: 14px var(--mono); }.signal-service-map .service-list { max-width: 900px; margin: 48px 0 0 auto; }
.technical-map-visual { min-height: 390px; padding: 22px; display: grid; grid-template-columns: 1fr 1fr; gap: 0 18px; align-content: center; border: 1px solid var(--ink); background: var(--paper-dark); }.technical-map-visual > div { min-height: 135px; padding: 16px 0; border-bottom: 1px solid var(--line); }.technical-map-visual strong { display: block; color: var(--acid-dark); font: 10px var(--mono); }.technical-map-visual span { display: block; margin-top: 33px; font-size: 16px; font-weight: 700; letter-spacing: -.04em; }.technical-map-visual i { display: block; width: 54px; height: 1px; margin-top: 12px; background: var(--acid-dark); }.technical-service-highlight .section-heading > p { color: var(--soft); }.technical-highlight-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-top: 50px; }.technical-highlight-grid article { min-height: 155px; padding: 16px; border: 1px solid rgba(242,239,233,.27); background: var(--ink); color: var(--paper); }.technical-highlight-grid article:nth-child(2) { background: #2c253d; }.technical-highlight-grid article:nth-child(3) { background: #30271f; }.technical-highlight-grid article:nth-child(4) { background: #202f2d; }.technical-highlight-grid strong { color: var(--acid); font: 10px var(--mono); }.technical-highlight-grid span { display: block; margin-top: 62px; color: rgba(242,239,233,.68); font-size: 12px; line-height: 1.45; }
.partner-brand-note { display: flex; align-items: center; justify-content: space-between; gap: 25px; margin: 34px 0 24px; padding: 14px 16px; border: 1px solid rgba(242,239,233,.25); background: rgba(242,239,233,.06); }.partner-brand-note span { color: var(--acid); font: 10px var(--mono); letter-spacing: .08em; text-transform: uppercase; }.partner-brand-note p { margin: 0; color: rgba(242,239,233,.58); font: 10px/1.5 var(--mono); }.partner-service-note { display: flex; justify-content: center; gap: 0; padding: 0 7vw; }.partner-service-note span { flex: 1; padding: 17px 20px; border-right: 1px solid rgba(242,239,233,.2); text-align: center; }.partner-service-note span:last-child { border-right: 0; }
body[data-service="archive"] .technical-service-highlight { display: block; }.scenario-card { overflow: hidden; }.scenario-card::before { content: ''; display: block; height: 115px; margin: -20px -20px 19px; background-position: center; background-size: cover; background-repeat: no-repeat; filter: saturate(.72) contrast(.94); }.scenario-card:nth-child(1)::before { background-image: linear-gradient(90deg, rgba(222,217,208,.15), rgba(222,217,208,.05)), url("assets/products/B0BY8KN5CG/image_2.jpg"); }.scenario-card:nth-child(2)::before { background-image: linear-gradient(90deg, rgba(222,217,208,.15), rgba(222,217,208,.05)), url("assets/products/B0GJ2V7CGJ/image_2.jpg"); }.scenario-card:nth-child(3)::before { background-image: linear-gradient(90deg, rgba(222,217,208,.15), rgba(222,217,208,.05)), url("assets/products/B0GX5TH74V/image_2.jpg"); }
.inner-hero { min-height: 560px; padding: 72px 7vw; position: relative; display: grid; grid-template-columns: .85fr 1.15fr; gap: 5vw; color: var(--paper); background: var(--black); }.inner-hero-copy { align-self: center; }.inner-hero h1 { margin: 25px 0; font-size: clamp(57px, 7vw, 105px); line-height: .82; }.inner-hero h1 em { color: var(--acid); font-style: normal; }.inner-hero-copy p { max-width: 415px; color: rgba(242,239,233,.62); line-height: 1.7; }.inner-hero-art { min-height: 420px; position: relative; display: grid; place-items: center; background: var(--violet); clip-path: polygon(9% 0, 100% 5%, 92% 100%, 0 94%); }.inner-hero-art::before { content: ''; position: absolute; inset: 20px; border: 1px solid rgba(23,23,23,.45); }.inner-hero-art img { width: 80%; height: 86%; object-fit: contain; mix-blend-mode: multiply; }.inner-hero-art .art-tag { top: 28px; left: 30px; right: auto; bottom: auto; }.inner-hero-art-note { position: absolute; right: 30px; bottom: 27px; color: var(--ink); font: 9px var(--mono); text-transform: uppercase; }.service-intro { display: grid; grid-template-columns: .4fr 1fr .7fr; gap: 5vw; align-items: start; }.big-index { color: var(--acid); font-size: clamp(80px, 13vw, 190px); font-weight: 800; line-height: .7; letter-spacing: -.13em; }.service-intro h2, .service-section h2 { margin: 20px 0; font-size: clamp(43px, 5.5vw, 78px); line-height: .85; }.service-intro h2 span, .service-section h2 span { color: var(--acid); }.service-intro p, .service-section p { max-width: 430px; color: var(--soft); line-height: 1.7; }.service-stat-list { border-top: 1px solid var(--ink); }.service-stat-list div { display: flex; justify-content: space-between; gap: 18px; padding: 13px 0; border-bottom: 1px solid var(--line); font: 9px var(--mono); text-transform: uppercase; }.service-stat-list strong { color: var(--acid-dark); font-weight: 400; }.service-products { color: var(--paper); background: var(--ink); }.service-products .section-kicker { color: var(--acid); }.service-products .section-heading > p { color: rgba(242,239,233,.6); }.service-products .product-grid { grid-template-columns: repeat(3, 1fr); }.service-callout { display: grid; grid-template-columns: 1fr .6fr auto; gap: 4vw; align-items: end; background: var(--acid); }.service-callout h2 { margin: 19px 0 0; font-size: clamp(47px, 6vw, 86px); line-height: .84; }.service-callout h2 span { color: var(--paper); }.service-callout p { max-width: 330px; margin: 0; color: rgba(23,23,23,.72); line-height: 1.65; }.service-section { display: grid; grid-template-columns: .8fr 1.2fr; gap: 9vw; align-items: start; }.service-section-art { min-height: 390px; position: relative; display: grid; place-items: center; background: var(--paper-dark); overflow: hidden; }.service-section-art img { width: 80%; height: 100%; object-fit: contain; mix-blend-mode: multiply; }.service-section-art::after { content: 'LIVE / FIELD / SIGNAL'; position: absolute; right: 20px; bottom: 20px; color: var(--acid-dark); font: 9px var(--mono); transform: rotate(-90deg); transform-origin: right bottom; }.service-list { margin-top: 44px; border-top: 1px solid var(--ink); }.service-list article { display: grid; grid-template-columns: 50px 1fr; gap: 20px; padding: 20px 0; border-bottom: 1px solid var(--line); }.service-list strong { color: var(--acid-dark); font: 10px var(--mono); }.service-list h3 { margin: 0 0 7px; font-size: 22px; }.service-list p { margin: 0; font-size: 12px; }.service-page-note { padding: 18px 7vw; color: var(--paper); background: var(--ink); font: 9px var(--mono); text-align: center; text-transform: uppercase; }
.scope-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-top: 55px; }.scope-card { min-height: 240px; padding: 18px; border: 1px solid rgba(242,239,233,.28); background: #232323; }.scope-card:nth-child(2) { background: #2c253d; }.scope-card:nth-child(3) { background: #30271f; }.scope-card:nth-child(4) { background: #202f2d; }.scope-card strong { color: var(--acid); font: 10px var(--mono); }.scope-card h3 { margin: 43px 0 12px; color: var(--paper); font-size: 22px; line-height: .92; }.scope-card p { margin: 0; color: rgba(242,239,233,.59); font-size: 11px; line-height: 1.55; }.metric-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-top: 50px; }.metric-card { padding-top: 14px; border-top: 1px solid var(--ink); }.metric-card span { color: var(--acid-dark); font: 9px var(--mono); text-transform: uppercase; }.metric-card strong { display: block; margin: 43px 0 10px; font-size: clamp(39px, 4vw, 61px); letter-spacing: -.12em; }.metric-card p { margin: 0; color: var(--soft); font-size: 11px; line-height: 1.5; }.capabilities { background: var(--paper-dark); }.capability-list { margin-top: 48px; border-top: 1px solid var(--ink); }.capability-list li { padding: 14px 0; border-bottom: 1px solid var(--line); list-style: none; color: var(--soft); font-size: 13px; }.capability-list li::before { content: '↗'; margin-right: 14px; color: var(--acid-dark); font: 12px var(--mono); }.capabilities-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 9vw; }.scenario-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 45px; }.scenario-card { min-height: 180px; padding: 20px; border-top: 2px solid var(--acid); background: var(--paper-dark); }.scenario-card:nth-child(2) { border-color: var(--violet); }.scenario-card:nth-child(3) { border-color: var(--mint); }.scenario-card strong { font: 9px var(--mono); color: var(--acid-dark); }.scenario-card h3 { margin: 42px 0 9px; font-size: 23px; }.scenario-card p { margin: 0; color: var(--soft); font-size: 11px; line-height: 1.5; }.terminal-scenes { background: var(--paper); }.terminal-scene-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 48px; }.terminal-scene { min-width: 0; padding-bottom: 17px; border-bottom: 1px solid var(--ink); }.terminal-image { height: 330px; margin-bottom: 14px; overflow: hidden; background: var(--paper-dark); }.terminal-image img { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; }.terminal-scene > span { display: block; margin-bottom: 8px; color: var(--acid-dark); font: 9px var(--mono); text-transform: uppercase; }.terminal-scene > strong { font-size: 20px; letter-spacing: -.06em; }.service-banner-note { min-height: 45px; padding: 0 7vw; display: flex; align-items: center; justify-content: space-between; color: var(--paper); background: var(--acid-dark); font: 9px var(--mono); text-transform: uppercase; }

@media (max-width: 980px) {
  .topbar { grid-template-columns: 1fr auto; }.primary-nav { display: none; }.menu-toggle { display: block; }.topbar.menu-active .primary-nav { position: absolute; z-index: 10; top: 88px; left: 0; right: 0; display: flex; padding: 22px 7vw; flex-direction: column; align-items: start; background: var(--black); border-top: 1px solid rgba(242,239,233,.16); }.topbar-actions .text-link { display: none; }
  .hero, .inner-hero { grid-template-columns: 1fr; }.hero { padding-top: 35px; }.hero-copy { padding-top: 20px; }.hero-visual { min-height: 520px; }.hero-product-frame { height: 500px; }.hero-product-frame img { height: 375px; }.section-pad { padding: 85px 6vw; }.section-heading, .newsletter { grid-template-columns: 1fr; gap: 35px; }.product-grid, .service-products .product-grid { grid-template-columns: repeat(2, 1fr); }.method-strip { grid-template-columns: 1fr; }.method-strip-art { min-height: 470px; }.method-strip-copy { padding: 65px 6vw; }.service-intro { grid-template-columns: .35fr 1fr; }.service-stat-list { grid-column: 2; }.service-section { grid-template-columns: 1fr; gap: 40px; }.service-callout { grid-template-columns: 1fr 1fr; }.service-callout .button { justify-self: start; }
}

@media (max-width: 620px) {
  .topbar { padding: 15px 20px; min-height: 73px; }.brand-logo { width: 105px; height: 34px; }.topbar.menu-active .primary-nav { top: 73px; padding: 20px; }.cart-trigger { font-size: 8px; }.hero { padding: 25px 20px 45px; min-height: 710px; }.hero h1 { margin-top: 35px; font-size: clamp(64px, 18vw, 93px); }.hero-intro { font-size: 14px; }.hero-stamp { margin-top: 55px; }.hero-visual { min-height: 390px; }.hero-product-frame { width: 82%; height: 380px; padding: 18px; box-shadow: 13px 13px 0 rgba(255,92,53,.32); }.hero-product-frame::before { inset: 11px; }.hero-product-frame img { height: 275px; margin-top: 12px; }.frame-caption { left: 18px; right: 18px; bottom: 16px; }.frame-caption strong { font-size: 15px; }.hero-panel { padding: 10px; }.hero-panel-top { top: 18px; right: 0; }.hero-panel-bottom { left: 0; bottom: 16px; }.hero-panel strong { font-size: 24px; }.hero-coordinate { right: 0; bottom: 10px; font-size: 7px; }.hero-crosshair { width: 170px; height: 170px; }.hero-crosshair::before { height: 220px; top: -25px; }.hero-crosshair::after { width: 220px; left: -25px; }.signal-bar { padding: 0 20px; grid-template-columns: 1fr auto; gap: 10px; font-size: 7px; }.signal-bar > div:nth-child(2) { display: none; }.signal-bar > div:last-child { text-align: right; }.section-pad { padding: 70px 20px; }.manifesto-grid { grid-template-columns: 1fr; gap: 38px; margin-top: 40px; }.manifesto h2, .section-heading h2, .newsletter h2 { font-size: clamp(57px, 17vw, 88px); }.manifesto-ruler { margin-top: 70px; }.product-grid, .service-products .product-grid { grid-template-columns: 1fr; }.products .section-heading { gap: 27px; }.filter-row { margin: 35px 0 20px; }.product-image { height: 290px; }.product-card h3 { min-height: auto; }.product-card p { min-height: auto; }.product-bottom { align-items: center; }.product-actions { gap: 5px; }.add-to-cart { padding: 0 8px; font-size: 7px; }.method-strip-art { min-height: 340px; }.method-strip-copy { padding: 59px 20px 68px; }.principle-grid { grid-template-columns: 1fr; gap: 0; margin-top: 47px; }.principle-grid article { min-height: auto; padding: 16px 0 25px; }.principle-grid h3 { margin: 25px 0 10px; }.footer { padding-bottom: 28px; }.footer-main { grid-template-columns: 1fr; gap: 25px; }.footer-contact { justify-self: start; }.footer-links { margin: 60px 0 45px; }.footer-bottom { display: grid; grid-template-columns: 1fr; gap: 9px; }.drawer-header, .checkout-header, .drawer-body, .drawer-footer, .checkout-form { padding-left: 20px; padding-right: 20px; }.checkout-steps { padding-left: 20px; padding-right: 20px; }.checkout-steps b { display: none; }.checkout-grid { grid-template-columns: 1fr; gap: 0; }.checkout-success { padding-left: 20px; padding-right: 20px; }.checkout-success h3 { font-size: 40px; }.inner-hero { padding: 60px 20px 30px; min-height: auto; }.inner-hero h1 { font-size: clamp(60px, 17vw, 91px); }.inner-hero-art { min-height: 350px; margin-top: 28px; }.service-intro { grid-template-columns: 1fr; gap: 43px; }.big-index { font-size: 120px; }.service-stat-list { grid-column: auto; }.service-callout { grid-template-columns: 1fr; gap: 30px; }.service-callout .button { justify-self: start; }.service-section-art { min-height: 330px; }.service-list article { grid-template-columns: 35px 1fr; gap: 12px; }
}
.faq-block { background: var(--paper); }.faq-list { margin-top: 48px; border-top: 1px solid var(--ink); }.faq-list details { border-bottom: 1px solid var(--line); }.faq-list summary { padding: 18px 0; display: flex; justify-content: space-between; gap: 20px; cursor: pointer; list-style: none; font-size: 18px; font-weight: 700; letter-spacing: -.04em; }.faq-list summary::-webkit-details-marker { display: none; }.faq-list summary span { color: var(--acid-dark); font: 22px var(--mono); }.faq-list details[open] summary span { transform: rotate(45deg); }.faq-list details p { max-width: 650px; padding: 0 40px 18px 0; margin-bottom: 0; color: var(--soft); font-size: 12px; line-height: 1.7; }
@media (max-width: 980px) { .service-overview-grid { grid-template-columns: repeat(3, 1fr); }.service-overview-card { min-height: 360px; padding: 17px; }.service-overview-card h3 { font-size: 27px; }.scope-grid, .metric-grid { grid-template-columns: repeat(2, 1fr); }.capabilities-grid { grid-template-columns: 1fr; gap: 40px; }.terminal-scene-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 620px) { .service-overview-grid { grid-template-columns: 1fr; gap: 10px; }.service-overview-card { min-height: 300px; }.service-overview-card h3 { font-size: 31px; }.scope-grid, .metric-grid, .terminal-scene-grid { grid-template-columns: 1fr; }.scope-card { min-height: 190px; }.scope-card h3 { margin-top: 34px; }.terminal-image { height: 290px; }.faq-list summary { font-size: 16px; }.service-banner-note { min-height: 58px; padding: 10px 20px; flex-direction: column; align-items: start; gap: 5px; font-size: 8px; } }

@media (max-width: 980px) {
  .signal-network-visual, .cloud-architecture-visual { min-height: 410px; }
  .signal-flow-visual { grid-template-columns: 1fr 48px 1fr 48px 1fr; padding-left: 3vw; padding-right: 3vw; }
  .technical-map-visual { min-height: 350px; }
  .technical-highlight-grid { grid-template-columns: repeat(2, 1fr); }
  .partner-service-note { padding-left: 6vw; padding-right: 6vw; }
}

@media (max-width: 620px) {
  .signal-network-visual, .cloud-architecture-visual { min-height: 340px; margin-top: 22px; clip-path: polygon(4% 0, 100% 3%, 96% 100%, 0 97%); }
  .signal-network-node { font-size: 7px; }
  .signal-network-node strong { font-size: 9px; }
  .signal-network-core { width: 143px; height: 100px; }
  .signal-network-core strong { font-size: 15px; }
  .signal-network-route.signal-route-a { width: 135px; }
  .signal-network-route.signal-route-b { width: 150px; }
  .signal-network-route.signal-route-c { width: 125px; }
  .signal-network-route.signal-route-d { width: 135px; }
  .signal-network-label { font-size: 7px; }
  .signal-network-caption { right: 12px; bottom: 12px; font-size: 7px; }
  .cloud-architecture-cloud { width: 155px; height: 94px; }
  .cloud-architecture-cloud span { font-size: 14px; }
  .cloud-rack { width: 75px; height: 102px; padding: 10px 8px; }
  .cloud-rack span { height: 12px; margin-bottom: 6px; }
  .cloud-rack b { left: 8px; bottom: 8px; font-size: 6px; }
  .cloud-rack-a { left: 7%; }.cloud-rack-b { right: 7%; }
  .cloud-architecture-line { max-width: 155px; }
  .cloud-architecture-label { right: 12px; bottom: 12px; font-size: 7px; }
  .signal-flow-visual { grid-template-columns: 1fr; gap: 12px; padding: 21px 25px; }
  .signal-flow-visual > i { width: 54px; height: 1px; justify-self: center; transform: rotate(90deg); }
  .signal-flow-visual span { font-size: 22px; }
  .technical-map-visual { min-height: 0; grid-template-columns: 1fr; gap: 0; padding: 16px 20px; }
  .technical-map-visual > div { min-height: 108px; }
  .technical-map-visual span { margin-top: 21px; }
  .technical-highlight-grid { grid-template-columns: 1fr; margin-top: 35px; }
  .technical-highlight-grid article { min-height: 125px; }
  .technical-highlight-grid span { margin-top: 40px; }
  .partner-service-note { flex-direction: column; padding: 0 20px; }
  .partner-service-note span { width: 100%; border-right: 0; border-bottom: 1px solid rgba(242,239,233,.2); }
  .partner-service-note span:last-child { border-bottom: 0; }
}