/* STARTDELA / DIGITAL FUTURE — presentation layer. Original SEO/layout logic stays intact.
   No framework or JS dependency. Works from file:// and on a static web server. */
:root {
  color-scheme: dark;
  --ink: #ecfaff;
  --ink2: #dbf4f6;
  --muted: #9ab8c3;
  --line: rgba(123, 224, 224, .18);
  --teal: #08272c;
  --teal2: #63f1d0;
  --sea: #102e36;
  --cream: #0b2730;
  --white: #e8ffff;
  --shadow: 0 20px 58px rgba(0, 9, 18, .36);
  --shell: 1270px;
  --glow: #56f5cb;
  --cyan: #55e4f0;
  --violet: #9b86ef;
  --glass: linear-gradient(135deg, rgba(28, 77, 87, .55), rgba(8, 34, 44, .83));
  --line-glow: rgba(105, 248, 231, .38);
}
html { scroll-padding-top: 104px; }
body { font-family: 'Onest','Manrope','Segoe UI Variable','Segoe UI',Arial,sans-serif;
  color:var(--ink); background:#061b23;
  background-image:radial-gradient(ellipse at 86% 15%,rgba(17,78,90,.20),transparent 40%),linear-gradient(180deg,#061b23 0%,#091e28 46%,#07151e 100%);
  overflow-x:clip;
}
h1,h2,h3,.logo,.visual-title,.btn { font-family:'Manrope','Onest','Segoe UI',Arial,sans-serif; }
h1,h2,h3 { letter-spacing:-.054em; }
h2 { font-weight:800; }
p { color:inherit; }
::selection { background:#56e9c5;color:#05232a; }
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible { outline-color:#69fee5; }
.shell { width:min(var(--shell),calc(100% - 72px)); }

/* TOP NAV — transparent glass and hairline glow */
.topline { background:#04191c; border-bottom:1px solid rgba(63,211,193,.20);box-shadow:inset 0 -1px 0 rgba(65,247,222,.07);
  padding:7px 15px; color:#d3eaf0;letter-spacing:.04em; }
.topline span { color:var(--teal2); text-shadow:0 0 15px rgba(83,247,204,.8); }
.site-header { background:rgba(5,25,32,.90); border-bottom:1px solid rgba(102,231,222,.19);
  box-shadow:0 5px 24px rgba(0,0,0,.12);backdrop-filter:blur(22px); }
.header-inner { min-height:78px; }
.logo { font-size:1.39rem; color:#f6ffff;font-weight:850;letter-spacing:-.055em; }
.logo-mark { background:linear-gradient(140deg,#c3fff5 0%,#50e3d5 52%,#36bac7 100%);color:#03242a;
  border-radius:13px;transform:rotate(0);box-shadow:0 0 0 1px #a1fff651,0 9px 28px rgba(35,248,216,.18); }
.logo-accent { color:#64e9c4; }
.logo small { color:#b1c6ce;font-size:.53rem;letter-spacing:.09em; }
.desktop-nav a { color:#d5e6eb;font-weight:680;transition:color .25s,text-shadow .25s; }
.desktop-nav a:hover { color:#80ffdf;text-shadow:0 0 20px #59efd97a; }
.header-actions .btn-dark { background:linear-gradient(145deg,rgba(27,83,85,.5),rgba(5,34,42,.95));
  border-color:#71eadd;box-shadow:0 0 0 1px rgba(71,255,221,.12),inset 0 1px 7px #94fff325,0 0 22px #26f3d51a;color:#f7ffff; }
.header-actions .btn-dark:hover { background:#144c4e;box-shadow:0 0 26px rgba(61,248,218,.24); }
.menu-toggle { background:rgba(18,67,74,.62);border-color:rgba(131,241,226,.45);color:#d7fff7; }
.mobile-nav { background:linear-gradient(180deg,#09272e,#092028);border-top-color:var(--line); }
.mobile-nav a { color:#e3f7f8; }

/* BUTTONS — still normal HTML links; no fake hotspots. */
.btn { border-radius:15px;font-size:.89rem;font-weight:780;min-height:45px;
  transition:transform .24s cubic-bezier(.2,.85,.2,1),box-shadow .25s,border-color .25s,background .25s;
}
.btn:hover { transform:translateY(-3px); }
.btn-primary { color:#032b30;background:linear-gradient(125deg,#a8fff0,#50f6c8 55%,#64e8e4);border:1px solid #c2fff0;
  box-shadow:inset 0 1px 2px #ffffffa1,0 0 0 3px #44eacc17,0 0 34px #57f7d451,0 10px 26px #021b2780; }
.btn-primary:hover { background:linear-gradient(125deg,#e5fff9,#8afce0 65%,#91f4ee);box-shadow:0 0 47px rgba(80,246,207,.52); }
.btn-ghost { color:#edffff;border:1px solid rgba(162,255,245,.61);background:linear-gradient(145deg,#2559625e,#092b3489);
  box-shadow:inset 0 1px 14px rgba(165,250,248,.10),0 8px 25px #0214194a; }
.btn-ghost:hover { border-color:#81ffee;background:rgba(62,147,143,.25);box-shadow:0 0 28px #3efae132; }
.btn-outline { color:#b5fff1;background:rgba(25,83,90,.35);border-color:rgba(83,218,212,.43); }
.btn-outline:hover { color:#061d24;border-color:#8affec;background:#7affdf; }
.btn-dark { background:linear-gradient(140deg,#20494e,#102d36);color:#d7fafa;border:1px solid rgba(93,232,219,.40); }
.btn-dark:hover { background:#225d61;box-shadow:0 0 26px #4ce7cd33; }
.btn-light { background:#adffee;color:#05252e;box-shadow:0 0 20px #5ef0d540; }
.btn-light:hover { background:#dcfff9; }
.text-link { color:#81f5d6; }
.text-link:hover { color:#c1ffed; }
.eyebrow { color:#73e9d1;letter-spacing:.15em;font-weight:800; }

/* HERO — digital landscape, wave and floating crystalline roadmap */
.hero { background:#061b24;
  background-image:linear-gradient(90deg,rgba(3,20,28,.46),rgba(3,22,29,.00) 66%),url('future-landscape.svg'),
     radial-gradient(ellipse at 65% 42%,#135765,#061a22 72%);
  background-repeat:no-repeat;background-size:cover,cover,cover;background-position:center,center center,center;
  isolation:isolate;
}
.hero::before { content:"";position:absolute;z-index:-1;inset:-25% -20%;pointer-events:none;
  background:radial-gradient(ellipse at 81% 33%,#63f1dd16,transparent 27%),radial-gradient(ellipse at 45% 91%,#6048b42b,transparent 30%);
  animation:auroraFloat 15s ease-in-out infinite alternate; }
.hero::after { content:"";position:absolute;z-index:0;bottom:0;left:0;right:0;height:100px;pointer-events:none;
  background:linear-gradient(0deg,#071d26 5%,transparent 100%);border:0; }
.hero-grid { grid-template-columns:1.04fr .96fr;min-height:605px;padding:64px 0 64px;gap:60px; }
.hero-copy { max-width:730px;animation:heroEnter .8s both; }
.hero-eyebrow { margin-bottom:25px;border:1px solid #2ad9bf70;background:rgba(3,48,54,.68);box-shadow:0 0 23px #19d5bf29,inset 0 0 14px #2ee2bd16;
  color:#e2fff8;border-radius:30px;padding:9px 17px 9px 13px;font-size:.69rem;letter-spacing:.14em; }
.live-dot { background:#61ffda;box-shadow:0 0 0 4px #1df8c824,0 0 13px #69ffe7;animation:livePulse 3s ease-in-out infinite; }
.hero h1 { font-size:clamp(3.0rem,4.65vw,5.15rem);max-width:750px;letter-spacing:-.067em;line-height:1.115;
  margin-bottom:22px;color:#f4fbff;text-wrap:balance;text-shadow:0 6px 22px #010d1a66; }
.hero h1 em { display:block;font-style:normal;color:#6beed0;
  background:linear-gradient(95deg,#71ffdb 2%,#4bddca 50%,#91ffed 85%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent; }
.hero-lead { max-width:550px;font-size:1.03rem;line-height:1.72;color:#c6e0e7; }
.hero-buttons { margin:30px 0 30px;gap:15px; }
.hero-buttons .btn {padding:16px 26px;border-radius:14px;min-height:56px; }
.hero-facts { gap:0; font-size:.75rem;color:#c8e0e4;font-weight:700; }
.hero-facts>span { padding:0 16px;border-right:1px solid #69fbe73f; }
.hero-facts>span:first-child { padding-left:0; }
.hero-facts>span:last-child { border:0; }
.fact-icon { color:#69ffe3;font-size:1.1rem;padding-right:4px; }
.hero-corner {position:absolute;z-index:1;pointer-events:none;width:32px;height:32px;opacity:.65;}
.hero-corner-left {left:26px;top:150px;border-left:1px solid #57ead8a1;}
.hero-corner-right {right:31px;top:205px;border-right:1px solid #5fe9d7a1;}
.hero-corner::after {content:"+";position:absolute;top:0;left:-7px;font-size:22px;line-height:1;color:#54efd2;}
.hero-corner-right::after {left:auto;right:-7px;}
.hero-visual-wrap { position:relative;width:100%;max-width:590px;min-width:0;justify-self:end;animation:heroEnter .85s .15s both;perspective:1600px; }
.orbital-ring { position:absolute;width:118%;height:150px;left:-4%;bottom:-27px;border:2px solid rgba(110,255,223,.65);border-radius:50%;
   transform:rotate(-13deg);box-shadow:0 0 26px #30e8d584,inset 0 0 35px #33ecd51f;pointer-events:none;
   animation:ringBreath 5s ease-in-out infinite alternate; }
.orbital-ring::before { content:"";position:absolute;inset:16px 40px;border:1px solid #58ffee6b;border-radius:50%; }
.hero-visual { position:relative;z-index:2;max-width:540px;padding:28px 29px 29px;width:95%;margin:0 0 13px auto;
  border-radius:35px;border:1px solid rgba(158,255,252,.58);color:#e5ffff;
  background:linear-gradient(132deg,rgba(30,92,101,.90) 0%,rgba(7,45,56,.93) 48%,rgba(10,35,50,.96) 100%);
  box-shadow:inset 1px 1px 1px #bafffc5c,inset -2px -8px 32px #061d29bd,0 0 0 2px #60f3e012,
    0 0 50px rgba(66,249,236,.20),0 45px 90px #02121eaf;
  transform:perspective(1250px) rotateY(-7deg) rotateX(2deg) rotateZ(-.65deg);
  transform-origin:center center;animation:cardHover 7s ease-in-out infinite;
}
.hero-visual::before { content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(165deg,#b3fff51d,transparent 24%,transparent 73%,#65b7e00a); }
.visual-halo {position:absolute;z-index:-1;inset:-13%;height:126%;width:126%;
  background:radial-gradient(ellipse at center,#42eada3b,transparent 60%); }
.visual-top { position:relative;gap:10px;justify-content:space-between;color:#b0d8dd;font-size:.6rem;letter-spacing:.14em; }
.visual-top span:last-child { color:#effffe;font-size:.78rem; }
.visual-logo { color:#033037;background:linear-gradient(135deg,#a7fff3,#59efd6);border-radius:10px;box-shadow:0 0 18px #59eadb50;
  width:37px;height:37px;font-size:1.27rem; }
.visual-title {position:relative;font-size:1.48rem;font-weight:800;color:#f0feff;margin:22px 0 23px; }
.visual-title b {color:#68f6d8;}
.visual-list {position:relative;gap:9px;}
.visual-list>div {min-height:54px;display:flex;gap:12px;padding:12px 14px;border-radius:13px;border:1px solid rgba(177,255,247,.19);
  background:linear-gradient(110deg,rgba(31,95,105,.61),rgba(8,42,52,.73));font-size:.8rem;font-weight:760;
  box-shadow:inset 0 1px 0 #c7fff50c; }
.visual-list>div:nth-child(1){background:linear-gradient(90deg,rgba(5,107,91,.63),rgba(13,74,69,.72));border-color:#4cf4bb91;box-shadow:0 0 20px #32f5ba18;}
.visual-list>div:nth-child(2){background:linear-gradient(90deg,rgba(7,91,98,.81),rgba(9,65,79,.67));border-color:rgba(98,255,240,.88);
  box-shadow:0 0 23px #36f7e668,inset 0 0 18px #3eecf521; }
.visual-list i {font-size:.89rem;width:28px;height:28px;color:#d7ecf1;background:#47727d;}
.visual-list i.done {background:#52f6c9;color:#043e35;}
.visual-list i.current {background:#102d3a;color:#8effe5;border:1px solid #67f9e0;}
.visual-list strong {font-size:.68rem;background:#ffffff10;color:#9dc5cc;padding:4px 8px;border-radius:10px;}
.visual-list>div:nth-child(1) strong {color:#65f9c7;background:#1be69e17;}
.visual-list>div:nth-child(2) strong {color:#b7eafc;background:#438cb32c;}
.visual-floating {z-index:3;right:-19px;bottom:-47px;transform:rotate(-4deg);padding:16px 20px;border-radius:18px;
  background:linear-gradient(120deg,rgba(9,80,92,.94),rgba(28,47,78,.94));color:#f0ffff;
  border:1px solid rgba(142,248,246,.64);box-shadow:inset 0 0 18px #84fbef12,0 0 25px #ae71ff42,0 17px 40px #010d18a6;
  animation:badgeFloat 6s ease-in-out infinite; }
.visual-floating>span {color:#78ffe3;text-shadow:0 0 16px #7effe9;font-size:1.65rem;}
.visual-floating small {color:#bbd1df;}

/* SELECTORS — separate glass modules like the chosen reference */
.chooser-section {margin:0;padding:64px 0 56px;position:relative;overflow:hidden;
  background:linear-gradient(180deg,#071d26,#09232d 63%,#061b25 100%);
  border-bottom:1px solid #6ef0e31a; }
.chooser-section::before {content:"";pointer-events:none;position:absolute;top:-110px;left:-5%;right:-5%;height:220px;
  border-top:1px solid #4bf9d465;border-radius:50%;transform:rotate(5deg);box-shadow:0 -12px 32px #52eed624; }
.chooser-intro {position:relative;z-index:1;margin-bottom:27px;}
.chooser-intro .eyebrow {font-size:.69rem;}
.chooser-intro h2 {margin:13px 0 9px;line-height:1.15;font-size:clamp(2.1rem,3.7vw,3.3rem);}
.chooser-intro h2 span {color:#74f8d8;}
.chooser-intro p {max-width:800px;color:#bdd2da;font-size:.92rem;margin:0;}
.chooser-card {display:block;padding:0;background:none;border:0;border-radius:0;}
.chooser-fields {display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.chooser-fields fieldset {min-width:0;margin:0;background:linear-gradient(125deg,rgba(24,83,89,.55),rgba(14,37,54,.83));
  border:1px solid rgba(108,229,224,.43);border-radius:22px;padding:24px 23px 25px;
  box-shadow:inset 0 1px 0 #8efbef2f,0 15px 45px #020e1c44;position:relative;overflow:hidden; }
.chooser-fields fieldset::before {content:"";position:absolute;right:-40px;top:-62px;width:150px;height:140px;background:radial-gradient(circle,#8b68db29,transparent 67%);pointer-events:none;}
.chooser-fields legend {float:left;width:100%;margin:0 0 16px;font-size:1.13rem;font-weight:800;color:#eaffff;letter-spacing:-.03em;}
.chooser-fields legend span {color:#6ff9de;margin-right:10px;font-size:1.35rem;font-weight:500;}
.chip-row {display:flex;gap:9px;flex-wrap:nowrap;clear:both;}
.chip-row label {min-width:0;flex:1;}
.chip-row span {width:100%;min-height:45px;display:flex;align-items:center;justify-content:center;gap:7px;text-align:center;padding:10px 12px;
  color:#d7e8ef;background:linear-gradient(135deg,#20515a80,#15313d9c);border:1px solid rgba(115,197,204,.32);
  border-radius:13px;box-shadow:inset 0 2px 8px #baffed07;font-size:.77rem;line-height:1.25;
  transition:border-color .22s,box-shadow .22s,background .22s,color .22s,transform .22s;}
.chip-row span::before {content:"";display:inline-block;width:15px;height:15px;flex-shrink:0;border:1.7px solid #a8d6de;
 border-radius:50%;box-shadow:0 0 0 2px #103b4142;}
.chip-row label:hover span {transform:translateY(-2px);border-color:#81f2e2;}
.chip-row input:checked+span {color:#edfffa;background:linear-gradient(135deg,#09645dba,#114f5dc5);border:1px solid #65ffe0;
  box-shadow:inset 0 0 17px #3aefd329,0 0 22px #28e9ca36;font-weight:800;}
.chip-row input:checked+span::before {background:#65ffdb;border:3px solid #0c504e;box-shadow:0 0 0 2px #70ffed,0 0 11px #75ffe4;}
.chip-row input:focus-visible+span {outline:2px solid #97fff3;outline-offset:3px;}
.chooser-card p.chooser-result {margin:18px 0 0;border:1px solid #5ee3d04a;border-radius:15px;background:linear-gradient(90deg,#0d404899,#0f29329e);
  color:#bcefe8;padding:13px 17px;min-height:0;font-size:.82rem;}

/* CORE CONTENT — same futuristic language across the entire site */
.section {position:relative;}
.section-heading h2 span {color:#72f6d5;}
.section-heading p,.note {color:var(--muted);}
.section-soft {background:linear-gradient(170deg,#092c36,#0a222d 70%,#081d27);border-top:1px solid #60e9da0a;border-bottom:1px solid #60e9da1e;}
.section-contrast {background:linear-gradient(112deg,#093c41,#09252e 58%,#18243c);position:relative;overflow:hidden;}
.section-contrast::after {content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 90% 60%,#ab77f522,transparent 37%);}
.section-contrast .shell {position:relative;z-index:1;}
.progress-panel,.sidebar-card {background:linear-gradient(130deg,#16404a,#112935);border:1px solid #4bc6bf59;color:#e4ffff;
  box-shadow:inset 0 1px 0 #70fff019;}
.progress-track {background:#093a40;}
.progress-track span {background:linear-gradient(90deg,#41ddc0,#b2ffee);box-shadow:0 0 12px #4df6d9;}
.reset-link {color:#a8ded9;}
.step-card,.offer-card,.guide-card,.related-item {color:#e9fcff;background:var(--glass);border:1px solid var(--line);border-radius:19px;
  box-shadow:inset 0 1px 0 #bcfff50a,0 7px 28px #010e1b26;}
.step-card:hover,.offer-card:hover,.guide-card:hover,.related-item:hover {border-color:rgba(88,250,224,.66);
  background:linear-gradient(135deg,rgba(28,88,95,.69),rgba(9,38,50,.90));box-shadow:0 12px 50px #010d1b65,0 0 25px #48eec621;}
.step-number {color:#6cdbc7;}
.step-context {color:#75e3d2;}
.step-card p,.offer-desc,.guide-card p {color:#afc9d1;}
.step-card.completed {background:linear-gradient(135deg,#124942c4,#0c333ba6);border-color:#5ff3c16e;}
.step-card.completed .step-number {color:#95ffdd;}
.step-check span {border-color:#4fa7a5;color:transparent;}
.step-check input:checked+span {color:#06392d;background:#74f9d3;border-color:#b1ffe5;box-shadow:0 0 17px #45f1c550;}
.offer-tag {color:#94c8c7;}
.offer-price {background:#12363d;border:1px solid #5bf2d621;border-radius:13px;color:#c5edf0;}
.offer-note {color:#87a6b0;}
.brand-monogram {border:1px solid #74fbce48;box-shadow:inset 0 1px 0 #ffffff25;background:linear-gradient(145deg,#145954,#14616e);color:#b8fff5;}
.brand-monogram.coral {background:linear-gradient(135deg,#6f433f,#3e3343);color:#ffe3d3;}
.brand-monogram.blue {background:linear-gradient(135deg,#1e5c81,#26435d);color:#c8f0ff;}
.brand-monogram.violet {background:linear-gradient(135deg,#493968,#30305f);color:#f0d8ff;}
.brand-monogram.ink {background:linear-gradient(135deg,#233b49,#182a3e);color:#f0ffff;}
.guide-icon {background:#174d4e;color:#8cfbe1;border:1px solid #72ead654;}
.guide-arrow {color:#80fadd;}
.faq-list summary {color:#e7ffff;}
.faq-list summary span {color:#70d5cb;}
.faq-answer {color:#b8cdd4;}
.final-cta {background:linear-gradient(130deg,#143e48,#102d3c 60%,#26294a);color:#f1ffff;
  border:1px solid rgba(136,236,225,.36);box-shadow:inset 0 1px 0 #91fff21c,0 20px 75px #000b1752;}
.final-cta h2 em {color:#79f5d3;}
.final-cta p {color:#b2ced6;}
.site-footer {border-top:1px solid #5ae5d34a;background:linear-gradient(140deg,#071a22,#081522);}
.footer-grid p,.footer-bottom {color:#9eb7c0;}
.footer-logo small {color:#b3cad0;}
.footer-grid>div:not(:first-child) a {color:#a8c9d0;}
.footer-grid>div:not(:first-child) a:hover {color:#7df9db;}
.footer-time {color:#7c9fa6;}
.cookie-banner {color:#e7feff;background:linear-gradient(130deg,#16444c,#102936);border:1px solid #78f9e071;box-shadow:0 18px 65px #000c16ad;}

/* SEO pages — clear content contrast, transparent instead of white on deep background */
.inner-page {background:radial-gradient(ellipse at 84% 0%,rgba(39,118,128,.27),transparent 42%);}
.breadcrumbs,.updated {color:#88a8b2;}
.article-hero .lead,.article>p,.article-section p,.simple-page p,.nice-list li {color:#bdd0d8;}
.article-section h2,.simple-page h2,.related h2 {color:#eefeff;}
.sidebar-card p {color:#abcbd0;}
.side-links {border-top-color:var(--line);}
.side-links a {color:#a5bdc9;}
.sources {background:#102e38;border:1px solid #5dedcf2a;color:#a8c6cc;}
.sources strong {color:#e9feff;}
.sources a {color:#84f4d6;}
.callout {background:#103b3b;color:#bee7df;border-left-color:#4ae9c9;}
.callout.warning {background:#3d3228;color:#ffddba;border-left-color:#ffb36e;}
.related-item:hover {background:rgba(28,96,97,.55);}
.simple-page {background:radial-gradient(circle at 65% 0%,#2b72742a,transparent 40%);}
.simple-page .lead {color:#cdebf0;}

/* Entrance and ambient motion, with strict accessibility fallbacks */
.js-motion .reveal-on-scroll {opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1);}
.js-motion .reveal-on-scroll.is-visible {opacity:1;transform:translateY(0);}
@keyframes heroEnter {from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes livePulse {0%,100%{box-shadow:0 0 0 4px #1df8c824,0 0 10px #69ffe7}50%{box-shadow:0 0 0 7px #1df8c815,0 0 23px #69ffe7}}
@keyframes auroraFloat {0%{transform:translate(-2%,0)}100%{transform:translate(3%,-2%)}}
@keyframes cardHover {0%,100%{transform:perspective(1250px) rotateY(-7deg) rotateX(2deg) rotateZ(-.65deg) translateY(0)}50%{transform:perspective(1250px) rotateY(-7deg) rotateX(2deg) rotateZ(-.65deg) translateY(-7px)}}
@keyframes ringBreath {0%,100%{opacity:.65;filter:blur(.5px)}50%{opacity:1;filter:blur(0)}}
@keyframes badgeFloat {0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-7px) rotate(-3deg)}}

@media(max-width:1100px){
  .hero-grid {gap:25px;}
  .hero h1 {font-size:clamp(2.8rem,4.9vw,4.3rem);}
  .hero-visual {width:98%;padding:24px 21px;}
  .hero-facts>span {padding:0 9px;}
  .chip-row {flex-wrap:wrap;}
  .chip-row label {flex:auto;}
}
@media(max-width:860px){
  .shell {width:calc(100% - 48px);}
  .hero-grid {grid-template-columns:1fr;gap:52px;padding:68px 0 92px;min-height:0;}
  .hero-copy {max-width:660px;}
  .hero h1 {font-size:clamp(3.0rem,8vw,5.4rem);}
  .hero-visual-wrap {max-width:590px;justify-self:center;}
  .hero-visual {width:92%;margin:0 auto;max-width:535px;}
  .hero-corner {display:none;}
  .chooser-fields {gap:16px;}
}
@media(max-width:680px){
  .shell {width:calc(100% - 34px);}
  .topline {font-size:.62rem;}
  .header-inner {min-height:67px;}
  .logo {font-size:1.23rem;}
  .hero {background-position:70% center,65% center,center;}
  .hero-grid {grid-template-columns:1fr;padding:54px 0 85px;gap:42px;}
  .hero-eyebrow {font-size:.60rem;padding:9px 12px;letter-spacing:.1em;margin-bottom:22px;}
  .hero h1 {font-size:clamp(2.55rem,10vw,3.9rem);line-height:1.12;margin-bottom:17px;}
  .hero-lead {font-size:.97rem;line-height:1.7;}
  .hero-buttons {grid-template-columns:1fr 1fr;gap:9px;margin:25px 0 24px;}
  .hero-buttons .btn {font-size:.78rem;padding:13px 8px;min-height:53px;}
  .hero-facts {gap:9px;}
  .hero-facts>span {border:0;padding:0 7px 0 0;font-size:.67rem;}
  .fact-icon {font-size:.91rem;}
  .hero-visual {width:96%;max-width:440px;padding:19px 17px;transform:none;animation:none;}
  .visual-title {font-size:1.24rem;margin:17px 0 15px;}
  .visual-list>div {padding:9px 10px;min-height:49px;font-size:.75rem;gap:8px;}
  .visual-list strong {font-size:.59rem;}
  .visual-floating {right:-4px;bottom:-43px;padding:12px;}
  .orbital-ring {bottom:-15px;height:110px;}
  .chooser-section {padding:57px 0 38px;}
  .chooser-intro h2 {font-size:2.15rem;}
  .chooser-intro p {font-size:.85rem;}
  .chooser-fields {grid-template-columns:1fr;gap:13px;}
  .chooser-fields fieldset {padding:18px 16px 19px;}
  .chooser-fields legend {font-size:1.06rem;margin-bottom:12px;}
  .chip-row {flex-wrap:nowrap;gap:6px;}
  .chip-row label {flex:1;}
  .chip-row span {padding:9px 6px;font-size:.72rem;min-height:49px;}
  .chip-row span::before {width:12px;height:12px;}
  .chooser-card p.chooser-result {font-size:.78rem;}
  .section {padding-top:68px;padding-bottom:68px;}
  .step-card {padding:21px 17px;}
  .final-cta {margin-bottom:65px;}
}
@media(max-width:380px){
  .hero h1 {font-size:2.5rem;}
  .hero-facts>span {font-size:.62rem;}
  .visual-list strong {display:none;}
  .visual-floating {display:none;}
  .chip-row {flex-wrap:wrap;}
  .chip-row label {flex:1 1 42%;}
}
@media(prefers-reduced-motion:reduce){
  html {scroll-behavior:auto;}
  *,*::before,*::after {animation:none!important;transition:none!important;scroll-behavior:auto!important;}
  .js-motion .reveal-on-scroll {opacity:1!important;transform:none!important;}
  .hero-copy,.hero-visual-wrap {opacity:1!important;transform:none!important;}
}