/* Isolated preview additions; original section layout and illustrations retained. */
:root{color-scheme:light}html[data-site-theme=dark]{color-scheme:dark;--bg:#0c1017;--paper:#0c1017;--surface:#171e29;--ink:#f1f4f9;--muted:#a3afbf;--line:#303c4d;--accent:#ff795a;--accent2:#c3ff42}
body{background:var(--paper);color:var(--ink);transition:background-color .25s,color .25s}.theme-toggle{display:inline-grid;place-items:center;width:40px;height:40px;flex-shrink:0;background:transparent;border:1px solid var(--line);border-radius:50%;color:var(--ink)}.theme-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6}.theme-toggle:hover{border-color:#7c91a3;background:#7e91ad12}.theme-toggle[aria-pressed=true]{color:#c3ff42}.theme-floating{position:fixed;right:20px;bottom:20px;z-index:100;background:var(--paper);box-shadow:0 4px 20px #0002}
.hero{background:#080e1b;color:#eff8ff;border:1px solid #223350;isolation:isolate;box-shadow:0 24px 90px #10203616;align-items:center}.hero:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 76% 50%,#246a9730,transparent 48%),radial-gradient(ellipse at 0% 90%,#8a27dc22,transparent 50%),linear-gradient(#3c74981a 1px,transparent 1px),linear-gradient(90deg,#3c74981a 1px,transparent 1px);background-size:auto,auto,58px 58px,58px 58px;mask-image:linear-gradient(180deg,#000, #000a)}
.hero-copy{align-self:start;margin-top:28px;position:relative;z-index:3}.hero h1,.hero:lang(en) h1{font-size:clamp(26px,3.2vw,43px);line-height:1.3;letter-spacing:-.035em;white-space:nowrap;font-weight:650}.hero-translation{font:500 11px/1.6 Archivo,sans-serif;letter-spacing:.18em;margin-top:12px;color:#6fced8}.hero-actions{margin-top:28px;gap:22px}.hero .btn.primary{background:#bcfa4a;color:#0a1513;border-color:#bcfa4a;box-shadow:0 0 24px #c3ff4225}.hero .text-link{color:#b9cddc}.hero .btn.primary:hover{background:#d4ff89;box-shadow:0 0 32px #c3ff4240}.hero .motion-toggle{color:#94c3de;border-color:#405777;background:#101a2a}.hero .hero-traces{stroke:#3f849c;opacity:.7;filter:drop-shadow(0 0 4px #00ddff60)}.hero .trace-packet{fill:#65eeff;filter:drop-shadow(0 0 6px #6af7ff)}.hero .trace-packet-two{fill:#c0a0ff}.hero .field-orbit{stroke:#4b8da3;opacity:.5;filter:drop-shadow(0 0 3px #34dbff)}.hero .field-brackets{stroke:#70dcea}.hero .field-nodes{fill:#66f4e5;stroke:#66f4e5;filter:drop-shadow(0 0 7px #31dfe9)}.hero .cube-shadow{background:#46b8f5;opacity:.24;filter:blur(32px)}
.hero-coordinate{position:absolute;bottom:30px;left:55px;color:#55839b;font:500 9px/1.7 Archivo,sans-serif;letter-spacing:.16em;pointer-events:none}.hero-coordinate span{display:block;color:#7a9aaf;margin-top:5px}.cyber-icons{position:absolute;inset:0;pointer-events:none;overflow:hidden}.cyber-icons svg{position:absolute;width:34px;height:34px;color:#68e1ec;stroke-width:1;opacity:.45;filter:drop-shadow(0 0 9px #51dfea);animation:tech-drift 9s ease-in-out infinite;animation-delay:calc(var(--i) * -1.7s);animation-play-state:paused}.cyber-icons svg:nth-child(1){left:8%;top:48%}.cyber-icons svg:nth-child(2){left:30%;top:38%;color:#b69aff}.cyber-icons svg:nth-child(3){left:20%;top:72%;width:48px;height:48px}.cyber-icons svg:nth-child(4){left:41%;top:82%}.cyber-icons svg:nth-child(5){right:7%;top:14%;color:#c3ff42}.cyber-icons svg:nth-child(6){left:45%;top:18%}.hero.is-inview .cyber-icons svg{animation-play-state:running}@keyframes tech-drift{0%,100%{transform:translate3d(0,0,0) rotate(-10deg);opacity:.28}50%{transform:translate3d(16px,-24px,0) rotate(12deg);opacity:.7}}
.contact-section{position:relative;overflow:hidden;isolation:isolate}.contact-section:after{content:'';position:absolute;right:18%;top:-75px;width:210px;height:210px;border:1px solid #527e2b30;border-radius:50%;box-shadow:0 0 0 38px #527e2b0b,0 0 0 76px #527e2b08;z-index:-1;animation:contact-orbit 12s ease-in-out infinite;animation-play-state:paused}.contact-section.is-inview:after{animation-play-state:running}.contact-section.is-inview .contact-graphic svg{animation:contact-float 6s ease-in-out infinite}.contact-section.is-inview .contact-graphic path{stroke-dasharray:650;animation:contact-draw 2.2s ease-out both}.contact-graphic{cursor:pointer;transform-origin:center}@keyframes contact-draw{from{stroke-dashoffset:650}to{stroke-dashoffset:0}}@keyframes contact-float{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-7px) rotate(4deg)}}@keyframes contact-orbit{50%{transform:translate(45px,25px) scale(1.1)}}
html[data-site-theme=dark] .course-section{background:#121923}html[data-site-theme=dark] .contact-section{background:#1d3028;color:#e6f7de;border:1px solid #3a5843}html[data-site-theme=dark] .contact-section .btn.primary{background:#bdfb4b;color:#142015}html[data-site-theme=dark] .contact-graphic{color:#bdfb4b}html[data-site-theme=dark] .contact-action>p{color:#bccebf}html[data-site-theme=dark] .study-one{background:#263041}html[data-site-theme=dark] .study-two{color:#151515}html[data-site-theme=dark] .study-two .arc-print,html[data-site-theme=dark] .study-two .arc-print:before,html[data-site-theme=dark] .study-two .arc-print:after{border-color:#151515}html[data-site-theme=dark] .tool-card{border-color:#354354}html[data-site-theme=dark] .language-switch button[aria-pressed=true]{background:#d1e4f2;color:#121820}html[data-site-theme=dark] .account-link:hover{color:#102019}html[data-site-theme=dark] dialog{background:#171e29}html[data-site-theme=dark] .dialog-meta>div{background:#253142}html[data-site-theme=dark] .course-options button[aria-pressed=true]{background:#c3ff42;color:#122016}html[data-site-theme=dark] .tool-filter button[aria-pressed=true]{background:#d1e4f2;color:#101722}html[data-site-theme=dark] .toast{background:#deedfa;color:#132033}
html[data-site-theme=dark] .card-panel,html[data-site-theme=dark] .auth-card,html[data-site-theme=dark] .v2-product,html[data-site-theme=dark] .admin-list>*,html[data-site-theme=dark] .sidebar,html[data-site-theme=dark] .admin-topbar{background:#171e29;color:#eff5fb;border-color:#354354}html[data-site-theme=dark] input,html[data-site-theme=dark] select,html[data-site-theme=dark] textarea{background:#111925;color:#edf6ff;border-color:#354354}
.ambient-paused .cyber-icons svg,.ambient-paused .contact-section:after,.ambient-paused .contact-graphic svg,.page-hidden .cyber-icons svg,.page-hidden .contact-section:after,.page-hidden .contact-graphic svg{animation-play-state:paused!important}
@media(max-width:760px){.header-actions{gap:7px}.theme-toggle{width:34px;height:34px}.hero{display:block;min-height:650px;padding-top:30px}.hero-copy{margin-top:0;padding:0 4px}.hero h1,.hero:lang(en) h1{font-size:30px}.hero-translation{font-size:9px;letter-spacing:.13em}.hero-actions{margin-top:22px}.hero .cube-stage{height:400px;margin-top:15px}.hero-coordinate{left:28px;bottom:20px;font-size:7px}.cyber-icons svg:nth-child(1){top:34%}.cyber-icons svg:nth-child(2){left:82%;top:40%}.cyber-icons svg:nth-child(3){left:8%;top:75%}.cyber-icons svg:nth-child(6){left:80%;top:19%}.contact-section.is-inview .contact-graphic svg{animation-duration:7s}}
@media(max-width:370px){.hero h1,.hero:lang(en) h1{font-size:27px}.header-actions{gap:4px}.theme-toggle{width:30px;height:30px}.language-switch button{min-width:29px;padding:5px}}
@media(prefers-reduced-motion:reduce){.cyber-icons svg,.contact-section:after,.contact-graphic svg,.contact-graphic path{animation:none!important}}
/* The old stretched-link overlay covered the entire card and intercepted taps. */
.product-open:after{display:none}.product-art{cursor:pointer}.product-open:focus-visible{outline:2px solid currentColor;outline-offset:5px;border-radius:6px}
html[data-site-theme=dark] .tool-card.pack{background:#172437;color:#eff6ff}html[data-site-theme=dark] .tool-card.ruler{background:#bdf04c;color:#18210d}html[data-site-theme=dark] .tool-card.reply{background:#d79a87;color:#261b18}html[data-site-theme=dark] .tool-card.script{background:#202c3e;color:#eaf2fa}html[data-site-theme=dark] .chat-art>span:first-child{color:#182018}html[data-site-theme=dark] .chat-art>span:last-child{background:#19261d;color:#c3ff42}html[data-site-theme=dark] .btn.primary{background:#c3ff42;color:#132016;border-color:#c3ff42}html[data-site-theme=dark] .mobile-menu{background:#1d283a;color:#eef6ff}