.kinetic-heading { perspective: 900px; }
.whieda-panel {background:#fffaf0;overflow:visible;z-index:2}
.whieda-emblem {position:absolute;right:-40px;top:32px;width:240px;height:240px;object-fit:contain;mix-blend-mode:multiply;mask-image:radial-gradient(ellipse,black 53%,transparent 73%);pointer-events:none}
.dual-panel h3,.dual-panel > p,.dual-panel ul{position:relative;z-index:2}
.dual-panel ul {left:auto;right:auto;bottom:auto;margin-top:36px}
.whieda-panel h3 {max-width:65%}
.core-link > .brain-core {width:116px;height:116px;background:radial-gradient(circle,#20371e,#101810 70%);color:#c8ff2e;box-shadow:0 0 35px #c8ff2e35;border:1px solid #c8ff2e55}
.brain-core svg {position:absolute;left:50%;top:50%;translate:-50% -50%;width:150px;height:150px;overflow:visible;filter:drop-shadow(0 0 5px #c8ff2e88)}
.core-link > .brain-core {position:relative}
.lesson-card {position:relative;left:auto;right:auto;bottom:auto;transform:none;margin:16px 0 0;max-width:100%;width:fit-content}
.brain-shape {transform-origin:center;animation:brain-pulse 2.8s ease-in-out infinite}
.neuron-rays {stroke-dasharray:12 10;animation:neuron-signal 2s linear infinite}
@keyframes brain-pulse{50%{scale:1.07;filter:drop-shadow(0 0 5px #c8ff2e)}}
@keyframes neuron-signal{to{stroke-dashoffset:-44}}
@media(max-width:840px){.whieda-emblem{width:165px;height:165px;right:5px;top:24px}.core-link{min-height:160px}.whieda-panel h3{font-size:58px}.dual-panel ul{margin-top:28px}}
@media(prefers-reduced-motion:no-preference){
 .product-card.reveal { opacity:0; transform:perspective(1200px) translateZ(-900px) scale(.025) rotateY(12deg); filter:blur(8px); transform-origin:50% 45%; transition:transform 1.25s cubic-bezier(.16,1,.3,1),opacity .65s,filter 1s; }
 .product-card.reveal.is-visible {opacity:1;transform:perspective(1200px) translateZ(0) scale(1) rotateY(0);filter:blur(0)}
 .product-card.reveal[data-delay="1"]{transition-delay:.22s}.product-card.reveal[data-delay="2"]{transition-delay:.44s}.product-card.reveal[data-delay="3"]{transition-delay:.66s}
}
#lesson-video {position:relative;width:100%;height:auto;padding:0;aspect-ratio:16/9;overflow:hidden}
#lesson-video video, #lesson-video .video-poster {position:absolute;inset:0;width:100%;height:100%;margin:0;object-fit:contain;background:#111;display:block}
.video-poster > span { inset:auto 0 12px!important; }
.video-poster > span i {width:48px;height:48px;font-size:18px}
.tool.flip-card { padding:0; overflow:visible; perspective:1400px; background:transparent; border:0; min-height:580px; }
.tool-front, .tool-back { box-sizing:border-box; border-radius:28px; padding:30px; border:1px solid var(--line); backface-visibility:hidden; -webkit-backface-visibility:hidden; transition:transform .75s cubic-bezier(.2,.7,.2,1); overflow:hidden; background:var(--paper-2); }
.tool-front { position:absolute; inset:0; transform:rotateY(0); }
.tool-back { position:relative; min-height:100%; transform:rotateY(-180deg); }
.is-flipped .tool-front { transform:rotateY(180deg); }
.is-flipped .tool-back { transform:rotateY(0); }
.tool-ai .tool-front,.tool-ai .tool-back {background:var(--ink);color:#fff}
.tool-chat .tool-front,.tool-chat .tool-back {background:#fff7e8}
.tool-forum .tool-front,.tool-forum .tool-back {background:#86310f;color:#fff}
.tool-vpn .tool-front,.tool-vpn .tool-back {background:var(--lime);color:var(--ink)}
.tool-front > p {font-size:12px;letter-spacing:.1em;margin:0 0 38px}
.tool-front > span {display:block;font-size:16px;line-height:1.6;max-width:450px}
.tool-back h4 {font-size:25px;margin:12px 0 22px;line-height:1.15}
.tool-back ol {padding-left:24px;margin:0 0 25px;font-size:16px;line-height:1.65}
.tool-back li {padding-left:5px;margin-bottom:14px}
.guide-label {font-size:12px;letter-spacing:.12em}
.flip-open,.flip-close {position:relative;z-index:3;display:block;margin-top:25px;padding:12px 16px;font:inherit;font-size:14px;font-weight:700;background:transparent;color:inherit;border:1px solid currentColor;border-radius:20px;cursor:pointer}
.tool-front .ai-orb,.tool-front .shield {pointer-events:none}
.flip-card.reactive-card:hover {rotate:none}
@media(max-width:840px){.tool.flip-card{min-height:570px}.tool-front,.tool-back{padding:24px}.tool-back ol{font-size:16px}}
/* Reading text has its own scale; decorative labels must not style counters. */
.journey-line p { font-size:16px; line-height:1.6; color:#504d45; }
.journey-line li { min-width:0; }
.tool > span, .product-card > span, .demo-caption p, .check-list li, .dual-panel li { font-size:16px; line-height:1.6; }
.service-details p { font-size:16px!important; line-height:1.65; }
.service-details summary, .demo-tabs button, .slider-pause { font-size:14px; }
.kicker, .panel-index, .tool > p, .product-card > p { font-size:12px; letter-spacing:.1em; }
.rates article > span { font-size:12px; color:#c7c5bb; letter-spacing:.06em; }
.rates b { font-size:clamp(24px,2.2vw,30px); }
.ref-note span, .referral-legal { font-size:14px; line-height:1.65; color:#c7c5bb; }
.tool-ai > span, .tool-forum > span { color:#e1dfd5; }
.tool-forum small { font-size:11px; }
.footer { font-size:12px; line-height:1.6; color:#c7c5bb; }
@media(max-width:840px) { .journey-line li { min-height:168px; padding-bottom:30px; } .rates b { font-size:25px; } }
.motion-word { display: inline-block; max-width:100%; vertical-align:baseline; }
@media (prefers-reduced-motion: no-preference) {
 .js .kinetic-heading .motion-word { opacity:0; transform:translate3d(0,65px,0) rotateX(-48deg) rotateZ(-2deg); filter:blur(7px); transition:transform 1s cubic-bezier(.16,1,.3,1),opacity .7s,filter .8s; transition-delay:var(--word-delay); }
 .js .kinetic-heading.words-ready .motion-word { opacity:1; transform:none; filter:blur(0); }
}
.reactive-card { --tilt-x:0deg; --tilt-y:0deg; position:relative; transition:box-shadow .35s, border-color .35s, rotate .35s; }
@media (hover:hover) and (pointer:fine) {
 .reactive-card:hover { rotate:1 0 0 var(--tilt-x); border-color:#b5ce4d; box-shadow:0 18px 45px #11120f20; background-image:radial-gradient(circle at var(--light-x,50%) var(--light-y,50%),#c8ff2e18,transparent 65%); }
 .product-card:hover .product-image img { transform:scale(1.045); }
 a.button:hover, .top-cta:hover { translate:0 -4px; box-shadow:0 12px 35px #aacc2933; }
 a.button:hover span, .top-cta:hover span { display:inline-block; transform:translate(4px,-3px) rotate(-8deg); }
 .nav a:hover { color:#7d940d; }
}
.product-image img, a.button, .top-cta, a.button span { transition:transform .5s,translate .3s,box-shadow .3s; }
.rates b .count-number { font:inherit; color:inherit; letter-spacing:inherit; font-variant-numeric:tabular-nums; display:inline-block; min-width:1ch; }
.ref-chain > div { transition:background .45s,box-shadow .45s,scale .45s,color .45s; }
.ref-chain > div.chain-active { background:var(--lime); color:var(--ink); box-shadow:0 0 0 8px #c8ff2e15,0 0 28px #c8ff2e30; scale:1.08; }
.ref-chain > div.chain-active span { color:var(--ink); }
.ref-chain > i { position:relative; overflow:hidden; }
.ref-chain > i::after { content:''; position:absolute; inset:0; background:linear-gradient(90deg,transparent,var(--lime),transparent); translate:-100% 0; animation:signal-flow 1.5s linear infinite; animation-play-state:paused; }
.motion-in-view.ref-chain > i::after { animation-play-state:running; }
.tool .ai-orb, .tool .shield, .tool blockquote, .tool-forum strong, .crm-flow i { animation-play-state:paused; }
.tool.motion-in-view .ai-orb { animation:orb-breathe 4s ease-in-out infinite; }
.tool.motion-in-view .shield { animation:shield-float 4s ease-in-out infinite; }
.tool.motion-in-view blockquote { animation:chat-float 4.5s ease-in-out infinite; }
.tool.motion-in-view .crm-flow i { animation:node-beat 2.4s infinite; }
.crm-flow i:nth-child(2){animation-delay:.4s!important}.crm-flow i:nth-child(3){animation-delay:.8s!important}.crm-flow i:nth-child(4){animation-delay:1.2s!important}
.tool-forum.motion-in-view strong { animation:live-glow 2s ease-in-out infinite; }
.service-details { margin-top:22px; font-size:13px; line-height:1.6; position:relative; z-index:2; max-width:78%; }
.tool-grid { grid-auto-rows:minmax(150px,auto); }
.tool-crm, .tool-forum, .tool-vpn { min-height:330px; padding-bottom:80px; }
.tool-chat { padding-bottom:130px; }
.tool-ai:has(details[open]) .ai-orb { opacity:.55; }
.service-details summary { cursor:pointer; font-weight:700; padding:8px 0; text-decoration:underline; text-underline-offset:5px; }
.service-details p { margin:8px 0!important; font-size:13px!important; letter-spacing:normal!important; text-transform:none!important; }
.tool:has(.service-details[open]) { min-height:420px; }
.tool-vpn .service-details { max-width:100%; }
.tool-vpn:has(details[open]) .shield { opacity:.12; }
@keyframes signal-flow {to{translate:100% 0}}
@keyframes orb-breathe {50%{translate:0 -12px;box-shadow:inset 0 0 90px #c8ff2e44,0 0 90px #c8ff2e33}}
@keyframes shield-float {50%{translate:0 -10px;rotate:-5deg}}
@keyframes chat-float {50%{translate:0 -6px}}
@keyframes node-beat {50%{scale:1.25;box-shadow:0 0 15px #c9a143}}
@keyframes live-glow {50%{text-shadow:0 0 20px #fff8}}
@media(prefers-reduced-motion:reduce){*,*::after{animation:none!important}.reactive-card:hover{rotate:none}.motion-word{opacity:1;transform:none;filter:none}}