/* Landing page styles: the original landing page (commit a71f274, before the later redesigns).
   home.html wraps its content in .home-classic and loads this file after the site-wide stylesheets.
   Every selector carries the .home-classic scope (one extra class of specificity, applied evenly), so
   inside the landing page these rules keep their original order among themselves and win over the
   current design system, while the nav and footer keep the current system. The wrapper also opts the
   page out of the site-wide scroll reveal and card effects (data-reveal="off", data-spot="off").
   Order follows the original cascade:
   1. original tokens and base text;
   2. the original base.html inline motion rules;
   3. the landing page's own rules (the original home.css);
   4. the original brand.css rules that styled the landing page, collected by matching the original
      stylesheets against the original landing page;
   5. resets for current-system rules the original landing page never had. */

/* ---------- 1. Original tokens and base text ---------- */
.home-classic {
    --motion-ease: cubic-bezier(0.2, 0.8, 0.2, 1);
    --motion-fast: 180ms;
    --motion-medium: 260ms;
    --radius-lg: 1.5rem;   /* Tailwind rounded-3xl, rounded-2xl and rounded-xl read these */
    --radius-md: 1rem;
    --radius-sm: 0.75rem;
    --leading-xs: 1rem;    /* Tailwind text-xs, text-sm and text-base line heights */
    --leading-sm: 1.25rem;
    --leading-base: 1.5rem;
    color: rgb(248, 250, 252);
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    line-height: 1.5;
    letter-spacing: normal;
}

/* ---------- 2. Original base.html inline motion rules ---------- */
@media (prefers-reduced-motion: no-preference) {
.home-classic button, .home-classic a[class*="rounded"]{ transition-duration: var(--motion-medium); transition-timing-function: var(--motion-ease); }
.home-classic a.group svg, .home-classic button.group svg{ transition: transform var(--motion-fast) var(--motion-ease), opacity var(--motion-fast) var(--motion-ease); }
.home-classic a.group:hover svg, .home-classic button.group:hover svg{ transform: translateX(3px); }
}

/* ---------- 3. Landing page rules (original home.css) ---------- */
/* Size display type against its column, including the split desktop layout. */
.home-classic .tunet-hero-copy{
    container-type: inline-size;
}

.home-classic .tunet-hero-title{
    font-size: clamp(2rem, 8vw, 6rem);
    line-height: 1.02;
    overflow-wrap: anywhere;
}

.home-classic .hero-secondary-link{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 1.5rem;
    min-height: 3rem;
    padding: 0.75rem 1rem;
    font-size: 0.875rem;
    color: var(--brand-paper);
}
.home-classic .hero-secondary-link:hover{ color: var(--brand-accent); }
.home-classic .hero-secondary-link span{ color: var(--brand-accent); }

/* The landing page is the expressive brand surface; product details live within pillars. */
.home-classic .tunet-landing-hero{ isolation: isolate; }
.home-classic .hero-radiance{
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(ellipse at 75% 45%, rgba(245, 181, 68, 0.14), transparent 45%),
        radial-gradient(ellipse at 96% 60%, rgba(139, 92, 246, 0.11), transparent 38%),
        radial-gradient(ellipse at 5% 25%, rgba(245, 181, 68, 0.045), transparent 45%);
}
.home-classic .tunet-hero-title .hero-headline-accent{ color: var(--brand-accent); }
@supports (background-clip: text) {
    .home-classic .tunet-hero-title .hero-headline-accent{
        background: linear-gradient(110deg, #fff0c4 0%, #f5b544 42%, #f0a333 76%, #ffdc87 100%);
        background-clip: text;
        -webkit-text-fill-color: transparent;
    }
}
.home-classic .home-section-accent{ color: var(--brand-accent); }
.home-classic .tunet-landing-hero .tunet-hero-title::before{
    width: 5rem;
    box-shadow: 0 0 22px rgba(245, 181, 68, 0.45);
}
/* A dimensional core builds, releases signals, and reconnects the five pillars. */
.home-classic .tunet-hero-diagram{ --core-ink: #f5b544; perspective: 900px; }
.home-classic .hero-system-toolbar{ z-index: 5; position: absolute; inset: 0 0 auto; display: flex; align-items: center; justify-content: space-between; gap: .5rem; min-height: 44px; }
.home-classic .hero-system-label{ display: flex; align-items: center; gap: .5rem; color: #dfc48e; font: .5625rem/1.5 'JetBrains Mono',monospace; letter-spacing: .1em; }
.home-classic .hero-system-label span{ width: .375rem; height: .375rem; background: #f5b544; box-shadow: 0 0 12px #f5b54488; }
.home-classic .hero-motion-toggle{ min-height: 44px; padding: .5rem .25rem; color: #a1a1aa; font: .5625rem/1.5 'JetBrains Mono',monospace; white-space: nowrap; }
.home-classic .hero-motion-toggle:hover, .home-classic .hero-motion-toggle:focus-visible{ color: var(--brand-accent); }
.home-classic .hero-motion-toggle[hidden]{ display: none; }
.home-classic .tunet-hero-diagram #quantum-grid{ position: relative; width: 100%; height: 100%; min-height: 460px; isolation: isolate; }
.home-classic .hero-constellation::before{ content: ''; position: absolute; inset: 10% 5%; background-image: radial-gradient(#f5b54433 .7px,transparent .7px); background-size: 22px 22px; mask-image: radial-gradient(ellipse,#000,transparent 70%); pointer-events: none; }
.home-classic .hero-circuit{ position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; }
.home-classic .circuit-track{ fill: none; stroke: var(--route-color,#f5b544); stroke-width: 1; opacity: .35; }
.home-classic .circuit-port{ fill: var(--route-color,#f5b544); opacity: .8; }
.home-classic .circuit-signal{ fill: none; stroke: #fff0c4; stroke-width: 2.5; stroke-linecap: round; stroke-dasharray: 9 109; stroke-dashoffset: 9; opacity: 0; filter: drop-shadow(0 0 5px #f5b544); }
.home-classic .circuit-arc, .home-classic .circuit-echo{ fill: none; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 100; stroke-dashoffset: 100; opacity: 0; }
.home-classic .circuit-arc{ stroke: #fff0c4; stroke-width: 1; filter: drop-shadow(0 0 3px #f5b544); }
.home-classic .circuit-echo{ stroke: var(--route-color); stroke-width: 1.6; filter: drop-shadow(0 0 5px var(--route-color)); }
.home-classic .circuit-arrival{ fill: #fff0c4; opacity: 0; filter: drop-shadow(0 0 5px var(--route-color)); }
.home-classic .is-connected .circuit-track{ opacity: 1; stroke-width: 1.5; filter: drop-shadow(0 0 5px var(--route-color)); }
.home-classic .is-connected .circuit-port{ fill: #fff0ca; opacity: 1; }
.home-classic .hero-core{ position: absolute; left: 50%; top: 50%; width: 190px; height: 228px; transform: translate(-50%,-50%); pointer-events: none; color: var(--core-ink); }
.home-classic .hero-core-art{ width: 100%; height: 100%; overflow: visible; filter: drop-shadow(0 16px 25px #0008); transform: rotateX(var(--core-rx,0deg)) rotateY(var(--core-ry,0deg)); transition: transform .3s ease-out; }
.home-classic .core-layer{ transform: translateY(var(--spread)); }
.home-classic .core-charge-edge{ fill: none; stroke: #fff0c4; stroke-width: 1.3; stroke-dasharray: 18 82; stroke-dashoffset: 100; opacity: 0; filter: drop-shadow(0 0 3px #f5b544); }
.home-classic .core-hot-seam{ fill: none; stroke: #fff3d1; stroke-width: 1.8; opacity: 0; filter: drop-shadow(0 0 5px #f5b544); }
.home-classic .core-pressure-wave{ fill: none; stroke: #ffd078; stroke-width: .7; opacity: 0; transform-origin: 100px 115px; }
.home-classic .hero-core-halo{ position: absolute; width: 200%; height: 160%; left: -50%; top: -30%; background: radial-gradient(ellipse,color-mix(in srgb,var(--core-ink) 26%,transparent),transparent 64%); transition: background .4s; }
.home-classic .hero-core-wordmark{ position: absolute; left: 50%; top: 100%; transform: translateX(-50%); color: #e9c786; font: 600 .65rem/1.4 'JetBrains Mono',monospace; letter-spacing: .35em; }
.home-classic #quantum-grid .quantum-block{ position: absolute; width: 34%; max-width: 166px; height: 88px; transform: translate(-50%,-50%); opacity: 1; z-index: 2; }
.home-classic #quantum-grid [data-node="ventures"]{ left: 23%; top: 22%; }
.home-classic #quantum-grid [data-node="micro"]{ left: 77%; top: 22%; }
.home-classic #quantum-grid [data-node="sprint"]{ left: 16%; top: 54%; width: 28%; }
.home-classic #quantum-grid [data-node="cognition"]{ left: 84%; top: 54%; width: 28%; }
.home-classic #quantum-grid [data-node="engineering"]{ left: 50%; top: 83%; width: 38%; max-width: 190px; }
.home-classic .hero-node-face{ position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: center; padding: 1rem .75rem; border: 1px solid color-mix(in srgb,var(--color) 28%,#242424); border-radius: 10px; background: linear-gradient(135deg,color-mix(in srgb,var(--color) 9%,#131311),#101010ee); box-shadow: 0 14px 28px -16px #000; overflow: hidden; transition: border-color .3s,background .3s; }
.home-classic .hero-node-number{ position: absolute; right: .5rem; top: .4rem; color: var(--color); opacity: .7; font: .5rem/1 'JetBrains Mono',monospace; }
.home-classic #quantum-grid .hero-node-face > svg{ position: absolute; right: .65rem; bottom: .65rem; width: 14px; height: 14px; margin: 0; opacity: .7; color: var(--color); }
.home-classic #quantum-grid .hero-grid-title{ color: color-mix(in srgb,var(--color) 35%,white); font: 600 .8125rem/1.4 'JetBrains Mono',monospace; letter-spacing: -.02em; }
.home-classic #quantum-grid .hero-grid-description{ margin-top: .4rem; max-width: 95%; color: #a1a1aa; font: .6875rem/1.4 'JetBrains Mono',monospace; }
.home-classic .hero-system-caption{ position: absolute; bottom: -1rem; left: 0; right: 0; display: flex; justify-content: center; gap: .5rem; align-items: center; color: #a1a1aa; font: .6875rem/1.5 'JetBrains Mono',monospace; }
.home-classic .hero-system-caption a{ display: inline-flex; align-items: center; justify-content: center; gap: .5rem; min-height: 44px; }
.home-classic .hero-system-caption a:hover{ color: var(--brand-accent); }
.home-classic .hero-system-caption span{ color: var(--brand-accent); }
.home-classic #quantum-grid .quantum-block:hover .hero-node-face, .home-classic #quantum-grid .quantum-block:focus-visible .hero-node-face{ border-color: var(--color); background: color-mix(in srgb,var(--color) 16%,#121212); }
.home-classic .quantum-block:focus-visible{ outline: 2px solid var(--brand-accent); outline-offset: 4px; border-radius: 10px; }
/* A single nine-second sequence: gather, release, arrive, settle. */
@keyframes core-assemble { 0%,100% { transform: translateY(var(--spread)); } 27%,48% { transform: translateY(var(--packed)); } 72%,85% { transform: translateY(var(--spread)); } }
@keyframes core-bloom { 0%,100% { opacity: .5; transform: scale(.8); } 27% { opacity: 1; transform: scale(1); } 46% { opacity: .7; transform: scale(1.2); } 72% { opacity: .5; transform: scale(.9); } }
@keyframes circuit-transmit { 0% { stroke-dashoffset: 9; opacity: 0; } 2% { opacity: 1; } 12% { stroke-dashoffset: -100; opacity: 1; } 16%,100% { stroke-dashoffset: -100; opacity: 0; } }
@keyframes filament-release { 0% { stroke-dashoffset: 100; opacity: 0; } 3% { opacity: .9; } 12% { stroke-dashoffset: 0; opacity: .75; } 23%,100% { stroke-dashoffset: 0; opacity: 0; } }
@keyframes filament-echo { 0%,4% { stroke-dashoffset: 100; opacity: 0; } 9% { opacity: .5; } 16% { stroke-dashoffset: 0; opacity: .35; } 25%,100% { stroke-dashoffset: 0; opacity: 0; } }
@keyframes port-arrival { 0%,10%,24%,100% { opacity: 0; } 12%,15% { opacity: .85; } }
@keyframes node-receive { 0%,18%,100% { box-shadow: 0 14px 28px -16px #000; } 2% { box-shadow: 0 0 28px -10px var(--color),inset 0 0 24px -12px var(--color); border-color: color-mix(in srgb,var(--color) 75%,white); } }
@keyframes core-charge { 0%,8% { opacity: 0; stroke-dashoffset: 100; } 22% { opacity: .8; } 28% { opacity: 1; stroke-dashoffset: 0; } 40%,100% { opacity: 0; stroke-dashoffset: 0; } }
@keyframes core-seam { 0%,22%,48%,100% { opacity: 0; } 28%,33% { opacity: .9; } }
@keyframes core-pressure { 0%,26% { opacity: 0; transform: scale(.85); } 29% { opacity: .6; } 49%,100% { opacity: 0; transform: scale(1.9); } }
@media (prefers-reduced-motion: no-preference) {
    .home-classic .is-ready .core-layer{ animation: core-assemble 9s cubic-bezier(.45,0,.2,1) infinite; }
    .home-classic .is-ready .hero-core-halo{ animation: core-bloom 9s ease-in-out infinite; }
    .home-classic .is-ready .circuit-signal{ animation: circuit-transmit 9s linear infinite; animation-delay: var(--signal-delay); }
    .home-classic .is-ready .circuit-arc{ animation: filament-release 9s linear infinite; animation-delay: var(--signal-delay); }
    .home-classic .is-ready .circuit-echo{ animation: filament-echo 9s linear infinite; animation-delay: var(--signal-delay); }
    .home-classic .is-ready .circuit-arrival{ animation: port-arrival 9s ease-out infinite; animation-delay: var(--signal-delay); }
    .home-classic .is-ready .hero-node-face{ animation: node-receive 9s ease-out infinite; animation-delay: var(--delay); }
    .home-classic .is-ready .core-charge-edge{ animation: core-charge 9s linear infinite; }
    .home-classic .is-ready .core-hot-seam{ animation: core-seam 9s ease-in-out infinite; }
    .home-classic .is-ready .core-pressure-wave{ animation: core-pressure 9s ease-out infinite; }
}
.home-classic .tunet-hero-diagram.is-paused *, .home-classic .tunet-hero-diagram.is-offscreen *{ animation-play-state: paused !important; }
/* The guide makes every route visible and explains when to choose it. */
.home-classic .home-pillar-guide{ padding: clamp(3.5rem,6vw,6rem) 1.5rem; background: #0b0b0a; border-block: 1px solid #f7f4ec10; }
.home-classic .pillar-guide-inner{ max-width: 80rem; margin-inline: auto; }
.home-classic .pillar-guide-heading{ display: grid; grid-template-columns: 1.5fr 1fr; gap: 3rem; align-items: end; margin-bottom: 2.5rem; }
.home-classic .pillar-guide-heading h2{ color: var(--brand-paper); font-size: clamp(2rem,4vw,3.5rem); font-weight: 600; letter-spacing: -.045em; line-height: 1.1; }
.home-classic .pillar-guide-heading > p{ color: #a1a1aa; line-height: 1.7; max-width: 25rem; }
.home-classic .pillar-carousel-controls{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 1rem; }
.home-classic .pillar-carousel-status{ color: #a1a1aa; font: .75rem/1.5 'JetBrains Mono',monospace; font-variant-numeric: tabular-nums; }
.home-classic .pillar-carousel-controls > div{ display: flex; gap: .5rem; }
.home-classic .pillar-carousel-controls button{ width: 44px; height: 44px; border: 1px solid #f7f4ec26; border-radius: 50%; color: var(--brand-paper); transition: background .2s; }
.home-classic .pillar-carousel-controls button:hover:not(:disabled){ background: var(--brand-accent); color: var(--brand-ink); }
.home-classic .pillar-carousel-controls button:disabled{ opacity: .3; cursor: default; }
.home-classic .pillar-carousel-track{ display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 3rem)/3); gap: 1.5rem; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: thin; scrollbar-color: #75664c #111; padding: .25rem .25rem 1rem; }
.home-classic .pillar-carousel-card{ display: flex; flex-direction: column; gap: 2.5rem; min-height: 340px; padding: 1.75rem; border: 1px solid color-mix(in srgb,var(--color) 25%,#242424); border-radius: 1.25rem; background: linear-gradient(145deg,color-mix(in srgb,var(--color) 8%,#101011),#101011 70%); scroll-snap-align: start; transition: border-color .2s,background .2s; }
.home-classic .pillar-carousel-card:hover{ border-color: var(--color); background: linear-gradient(145deg,color-mix(in srgb,var(--color) 14%,#101011),#101011 70%); }
.home-classic .pillar-card-heading{ display: flex; align-items: center; gap: .625rem; color: color-mix(in srgb,var(--color) 50%,white); font: .875rem/1.5 'JetBrains Mono',monospace; }
.home-classic .pillar-card-index{ font-size: .625rem; opacity: .65; }
.home-classic .pillar-card-heading svg{ margin-left: auto; width: 24px; height: 24px; color: var(--color); }
.home-classic .pillar-card-content{ display: flex; flex-direction: column; gap: 1rem; }
.home-classic .pillar-card-need{ color: var(--brand-paper); font-size: 1.5rem; font-weight: 600; line-height: 1.2; letter-spacing: -.03em; }
.home-classic .pillar-card-description{ color: #a1a1aa; font-size: .9375rem; line-height: 1.7; }
.home-classic .pillar-card-action{ margin-top: auto; display: flex; justify-content: space-between; align-items: center; color: var(--brand-paper); font-size: .8125rem; }
.home-classic .pillar-card-action > span{ color: var(--color); font-size: 1.5rem; }
.home-classic .home-philosophy{ padding: clamp(4rem,7vw,7rem) 1.5rem; background: #080808; }
.home-classic .home-philosophy-inner{ max-width: 80rem; margin-inline: auto; display: grid; grid-template-columns: .85fr 1.4fr; gap: clamp(3rem,7vw,7rem); }
.home-classic .philosophy-intro h2{ color: var(--brand-paper); font-size: clamp(2.5rem,5vw,4.5rem); line-height: .95; font-weight: 700; letter-spacing: -.05em; margin-bottom: 1.5rem; }
.home-classic .philosophy-intro > p:not(.brand-eyebrow){ color: #a1a1aa; line-height: 1.8; }
.home-classic .philosophy-intro .hero-secondary-link{ padding-left: 0; margin-top: 1rem; }
.home-classic .philosophy-principles{ display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 2.5rem; }
.home-classic .philosophy-principles article{ border-top: 1px solid #f5b54433; padding-top: 1.25rem; }
.home-classic .philosophy-principles .brand-eyebrow{ display: block; font-size: .625rem; }
.home-classic .philosophy-principles h3{ color: var(--brand-paper); font-size: 1.25rem; line-height: 1.35; margin-bottom: .75rem; letter-spacing: -.025em; font-weight: 500; }
.home-classic .philosophy-principles p{ color: #a1a1aa; font-size: .9375rem; line-height: 1.75; }
@media (max-width: 1023px) { .home-classic .pillar-carousel-track{ grid-auto-columns: calc((100% - 1.5rem)/2); } .home-classic .home-philosophy-inner{ grid-template-columns: 1fr; } }
@media (max-width: 639px) { .home-classic .pillar-carousel-track{ grid-auto-columns: calc(100% - 2rem); gap: 1rem; } .home-classic .pillar-carousel-card{ min-height: 300px; padding: 1.5rem; gap: 2rem; } .home-classic .philosophy-principles{ grid-template-columns: 1fr; gap: 1.5rem; } .home-classic .home-philosophy{ padding-inline: 1rem; } }
.home-classic .pillar-guide-help{ margin-top: 1.5rem; color: #a1a1aa; font-size: .875rem; line-height: 1.6; }
.home-classic .pillar-guide-help a{ display: inline-flex; align-items: center; min-height: 44px; gap: .5rem; margin-left: .5rem; color: var(--brand-paper); }
.home-classic .pillar-guide-help a:hover{ color: var(--brand-accent); }
@media (max-width: 1023px) {
}
@media (min-width: 640px) and (max-width: 1279px) {
    .home-classic .hero-core{ width: 165px; height: 198px; }
}
@media (min-width: 640px) and (max-width: 1023px) {
    .home-classic .tunet-hero-copy .tunet-hero-title{ font-size: clamp(3rem,9cqi,5rem); }
    .home-classic .tunet-landing-hero .hero-main-content{ padding-block: 1rem; }
    .home-classic .tunet-landing-hero .hero-layout{ gap: 1.5rem; }
    .home-classic .hero-core{ width: 150px; height: 180px; }
}
@media (max-width: 639px) {
    .home-classic .tunet-landing-hero{ min-height: auto; padding-top: 2rem; padding-bottom: 1.5rem; }
    .home-classic .tunet-landing-hero .hero-main-content{ padding-top: 0; padding-bottom: .5rem; }
    .home-classic .tunet-landing-hero .hero-layout{ gap: 1rem; }
    .home-classic .tunet-hero-title{ margin-bottom: 1rem; }
    .home-classic .tunet-hero-copy .hero-intro{ font-size: .9375rem; line-height: 1.6; margin-bottom: 1.25rem; }
    .home-classic .tunet-hero-copy .hero-actions{ gap: .25rem; }
    .home-classic .hero-actions .hero-secondary-link{ min-height: 44px; padding-block: .5rem; }
    .home-classic .tunet-landing-hero .tunet-hero-diagram{ margin-top: 0; height: 360px; }
    .home-classic .tunet-hero-diagram #quantum-grid{ min-height: 0; }
    .home-classic .hero-core{ width: clamp(96px,30vw,120px); height: auto; aspect-ratio: 5 / 6; top: 49%; }
    .home-classic #quantum-grid .quantum-block{ height: 72px; width: 43%; }
    .home-classic #quantum-grid [data-node="ventures"]{ left: 23%; top: 23%; }
    .home-classic #quantum-grid [data-node="micro"]{ left: 77%; top: 23%; }
    .home-classic #quantum-grid [data-node="sprint"]{ left: 16%; top: 55%; width: 31%; }
    .home-classic #quantum-grid [data-node="cognition"]{ left: 84%; top: 55%; width: 31%; }
    .home-classic #quantum-grid [data-node="engineering"]{ left: 50%; top: 80%; width: 46%; }
    .home-classic .hero-node-face{ padding: .625rem .5rem; }
    .home-classic #quantum-grid .hero-grid-title{ font-size: .75rem; }
    .home-classic #quantum-grid .hero-grid-description{ max-width: 100%; font-size: .625rem; }
    .home-classic #quantum-grid .hero-node-face > svg{ display: none; }
    .home-classic .hero-core-wordmark{ display: none; }
    .home-classic .hero-system-caption{ bottom: -.5rem; }
    .home-classic .hero-system-caption a{ min-height: 44px; }
    .home-classic .home-pillar-guide{ padding-inline: 1rem; }
    .home-classic .pillar-guide-heading{ grid-template-columns: 1fr; gap: 1rem; margin-bottom: 1.5rem; }
    .home-classic .pillar-guide-help a{ margin-left: 0; }
}

.home-classic .home-roadmap-link{
    max-width: 90rem;
    margin-inline: auto;
    padding: clamp(3rem, 6vw, 5rem) 1.5rem;
    border-block: 1px solid rgba(245, 181, 68, 0.16);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
}
.home-classic .home-roadmap-link h2{ color: var(--brand-paper); font-size: clamp(1.75rem, 3vw, 3rem); letter-spacing: -0.04em; font-weight: 600; }
@media (max-width: 639px) {
    .home-classic .home-roadmap-link{ align-items: flex-start; flex-direction: column; gap: 1.25rem; }
    .home-classic .home-roadmap-link .hero-secondary-link{ padding-left: 0; }
}
@supports (font-size: 1cqi) { .home-classic .tunet-hero-title{ font-size: clamp(2rem,12.5cqi,7rem); } }

/* ---------- 4. Original brand.css rules used by the landing page ---------- */
.home-classic .tunet-primary{ background: var(--brand-accent); border-color: var(--brand-accent); color: var(--brand-ink); text-shadow: none; }
.home-classic .tunet-primary:hover{ background: var(--brand-hover); border-color: var(--brand-hover); color: var(--brand-ink); box-shadow: rgba(0, 0, 0, 0.18) 0px 6px 20px; }
.home-classic .tunet-primary::before{ display: none; }
.home-classic :is(a, button, input, select, textarea, summary, [tabindex]):focus-visible{ outline: 2px solid var(--brand-accent); outline-offset: 4px; }
.home-classic input[type="checkbox"]{ accent-color: var(--brand-accent); }
.home-classic .tunet-heading{ color: var(--brand-paper); background: none; -webkit-text-fill-color: currentcolor; text-shadow: none; }
.home-classic .tunet-hero-title::before{ content: ""; display: block; width: 3rem; height: 3px; margin-bottom: 1.25rem; background: var(--brand-accent); }
.home-classic .brand-eyebrow{ color: var(--brand-accent); font: 0.6875rem / 1.5 "JetBrains Mono", monospace; letter-spacing: 0.16em; text-transform: uppercase; margin-bottom: 1rem; }
.home-classic :is(h1, h2){ text-wrap: balance; }
.home-classic :is(section[id], div[id]){ scroll-margin-top: 6.5rem; }
.home-classic .tunet-primary{ min-height: 2.75rem; transition: background-color 180ms, transform 180ms, box-shadow 180ms; }
.home-classic form label[for]{ color: rgb(212, 212, 216); font-size: 0.75rem; }
.home-classic form :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), textarea, select){ font-family: Inter, system-ui, sans-serif; font-size: 1rem; line-height: 1.5; }
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
.home-classic .tunet-primary:hover{ transform: translateY(-2px); }
.home-classic .tunet-primary:active{ transform: translateY(0px); }
}

/* ---------- 5. Resets for current-system rules the original landing page never had ---------- */