/* Anthonny Weslley — liquid editorial system v3 */
:root{
  --acid:#baff22;--acid-soft:#d9ff83;--night:#050706;--night-2:#0a0f0c;
  --glass:rgba(17,24,19,.54);--glass-light:rgba(255,255,255,.48);
  --glass-line:rgba(255,255,255,.15);--radius:28px;--shadow:0 28px 80px rgba(0,0,0,.34);
}
body{background:var(--night);text-rendering:optimizeLegibility}
main,footer{position:relative;z-index:2}
.ambient-orbs{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;contain:strict}
.ambient-orbs i{position:absolute;border-radius:50%;filter:blur(90px);opacity:.12;will-change:transform}
.ambient-orbs i:nth-child(1){width:38vw;height:38vw;right:-15vw;top:10vh;background:var(--acid);animation:orbDrift 18s ease-in-out infinite alternate}
.ambient-orbs i:nth-child(2){width:25vw;height:25vw;left:-10vw;top:48vh;background:#7effb2;animation:orbDrift 22s ease-in-out -7s infinite alternate-reverse}
.ambient-orbs i:nth-child(3){width:32vw;height:32vw;right:12vw;bottom:-18vw;background:#eaffbb;animation:orbDrift 26s ease-in-out -12s infinite alternate}

.header{top:14px;right:auto;left:50%;width:min(1240px,calc(100% - 32px));height:72px;grid-template-columns:190px 1fr auto;transform:translateX(-50%);padding:0 14px 0 20px;border:1px solid var(--glass-line);border-radius:22px;background:linear-gradient(135deg,rgba(19,26,21,.78),rgba(6,9,7,.58));box-shadow:0 14px 45px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.1);backdrop-filter:blur(22px) saturate(145%);-webkit-backdrop-filter:blur(22px) saturate(145%)}
.header.scrolled{top:8px;height:64px;border-color:rgba(186,255,34,.2);background:rgba(6,9,7,.78);box-shadow:0 18px 60px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.08)}
.brand{width:178px;overflow:hidden}.brand img,.footer-brand img{width:100%;height:auto;filter:drop-shadow(0 0 16px rgba(186,255,34,.1))}
.desktop-nav{gap:22px}.desktop-nav a{color:#d4dbd1}
.header-cta{border-radius:14px;background:linear-gradient(135deg,rgba(186,255,34,.14),rgba(186,255,34,.03));box-shadow:inset 0 1px rgba(255,255,255,.12)}

.hero{min-height:100svh;padding:120px 0 34px;background:radial-gradient(circle at 75% 32%,rgba(186,255,34,.11),transparent 28%),radial-gradient(circle at 20% 80%,rgba(93,255,159,.06),transparent 27%),linear-gradient(155deg,#050706 0%,#0a0e0b 58%,#040605 100%)}
.hero::before{content:"";position:absolute;inset:0;z-index:-2;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,#000,transparent 88%)}
.hero-layout{grid-template-columns:minmax(0,1.04fr) minmax(390px,.96fr);gap:clamp(36px,5vw,76px)}
.hero-copy{padding-top:6px}.kicker{margin-bottom:24px}.hero h1{font-size:clamp(4.6rem,7.1vw,7.4rem);line-height:.85;text-wrap:balance}
.hero h1 em{position:relative;display:inline-block;text-shadow:0 0 42px rgba(186,255,34,.18)}
.hero h1 em::after{content:"";position:absolute;right:0;bottom:-.04em;left:0;height:2px;background:linear-gradient(90deg,var(--acid),transparent);transform-origin:left;animation:lineBreathe 4s ease-in-out infinite}
.hero-lead{max-width:600px;color:#d1d7cf;font-size:clamp(1.02rem,1.4vw,1.18rem)}
.button,.header-cta,.plan-switch,.answer-grid button{border-radius:16px}.button.primary{background:linear-gradient(135deg,#d2ff66 0%,#aef513 100%);box-shadow:0 16px 50px rgba(186,255,34,.18),inset 0 1px rgba(255,255,255,.65)}
.button.ghost{border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.035);backdrop-filter:blur(12px)}
.hero-portrait{min-height:clamp(560px,66vh,730px);padding:14px;border:1px solid rgba(255,255,255,.16);border-radius:36px;background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.025));box-shadow:var(--shadow),inset 0 1px rgba(255,255,255,.14);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transform-style:preserve-3d}
.portrait-frame{inset:14px;border-radius:25px;clip-path:none;overflow:hidden}.portrait-frame img{transition:transform 1.2s var(--ease),filter .6s;filter:saturate(.82) contrast(1.07)}
.hero-portrait:hover .portrait-frame img{transform:scale(1.025);filter:saturate(.95) contrast(1.08)}
.photo-aura{filter:blur(22px);opacity:.55}.availability{right:28px;bottom:34px;top:auto;border:1px solid rgba(255,255,255,.17);border-radius:17px;background:rgba(6,10,7,.64);box-shadow:0 15px 45px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.12);backdrop-filter:blur(18px)}
.coach-stamp{left:-22px;bottom:72px;border:1px solid rgba(186,255,34,.33);border-radius:50%;background:rgba(7,11,8,.68);box-shadow:0 18px 40px rgba(0,0,0,.3),inset 0 0 28px rgba(186,255,34,.05);backdrop-filter:blur(18px)}
.portrait-index{top:28px;right:28px;padding:8px 11px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(5,8,6,.46);backdrop-filter:blur(12px)}
.hero-rail{margin-top:22px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:rgba(255,255,255,.035);overflow:hidden;backdrop-filter:blur(12px)}
.hero-rail div{border-color:rgba(255,255,255,.08)}

.ticker{border-color:rgba(186,255,34,.14);background:rgba(186,255,34,.96);color:#070a07}
.statement,.coach,.fit{background:radial-gradient(circle at 90% 10%,rgba(186,255,34,.12),transparent 28%),linear-gradient(135deg,#f5f7f0,#e6ebe0);color:var(--ink)}
.statement{position:relative;overflow:hidden}.statement::after{content:"AW";position:absolute;right:-.06em;top:.05em;color:transparent;-webkit-text-stroke:1px rgba(8,11,8,.05);font:800 28vw/.8 Manrope;pointer-events:none}
.statement-head,.method-grid{position:relative;z-index:1}
.method-card{border:1px solid rgba(255,255,255,.65);border-radius:var(--radius);background:linear-gradient(145deg,rgba(255,255,255,.7),rgba(255,255,255,.28));box-shadow:0 22px 60px rgba(22,35,24,.1),inset 0 1px rgba(255,255,255,.9);backdrop-filter:blur(16px);transition:transform .45s var(--ease),box-shadow .45s var(--ease)}
.method-card:hover{transform:translateY(-10px) rotateX(1deg);box-shadow:0 32px 75px rgba(22,35,24,.16),inset 0 1px #fff}
.method-card small{color:#466407}.method-symbol{opacity:.78}

.experience{background:radial-gradient(circle at 15% 30%,rgba(186,255,34,.09),transparent 26%),linear-gradient(180deg,#070a08,#0b100c)}
.feature{margin-bottom:12px;padding:24px;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,.025));box-shadow:inset 0 1px rgba(255,255,255,.08);backdrop-filter:blur(14px);transition:transform .35s var(--ease),border-color .35s,background .35s}
.feature:hover{transform:translateX(-8px);border-color:rgba(186,255,34,.25);background:linear-gradient(135deg,rgba(186,255,34,.08),rgba(255,255,255,.03))}
.feature p{margin-bottom:0}.feature>i{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.12);border-radius:50%}

.coach-visual{min-height:650px;border:1px solid rgba(255,255,255,.75);border-radius:34px;clip-path:none;box-shadow:0 28px 70px rgba(21,32,22,.18),inset 0 1px #fff}.coach-visual>img{filter:saturate(.78) contrast(1.05);transition:transform 1.2s var(--ease)}.coach-visual:hover>img{transform:scale(1.025)}
.coach-signature{position:absolute;right:20px;bottom:20px;z-index:4;display:flex;flex-direction:column;align-items:flex-end;padding:14px 16px;border:1px solid rgba(255,255,255,.2);border-radius:15px;background:rgba(5,9,6,.66);color:white;line-height:.86;letter-spacing:.08em;backdrop-filter:blur(16px)}
.coach-signature span{color:var(--acid);font:700 .62rem Manrope}.coach-signature b{font:800 1.28rem Manrope}
.coach-points li{border-radius:12px;transition:padding .25s,background .25s}.coach-points li:hover{padding-inline:12px;background:rgba(255,255,255,.5)}

.plans{background:radial-gradient(circle at 80% 16%,rgba(186,255,34,.12),transparent 26%),linear-gradient(155deg,#050806,#0b110c 55%,#060807)}
.plan-switch{padding:5px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.045);box-shadow:inset 0 1px rgba(255,255,255,.07);backdrop-filter:blur(14px)}
.plan-switch button{border-radius:12px}.plan-switch button[aria-selected=true]{box-shadow:0 10px 30px rgba(186,255,34,.14),inset 0 1px rgba(255,255,255,.5)}
.price-card{border:1px solid rgba(255,255,255,.13);border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.025));box-shadow:0 28px 70px rgba(0,0,0,.23),inset 0 1px rgba(255,255,255,.1);backdrop-filter:blur(18px);overflow:hidden;transition:transform .4s var(--ease),border-color .4s}
.price-card:hover{transform:translateY(-8px);border-color:rgba(186,255,34,.3)}
.price-card.featured{background:linear-gradient(145deg,rgba(186,255,34,.14),rgba(255,255,255,.035));box-shadow:0 30px 90px rgba(0,0,0,.3),0 0 0 1px rgba(186,255,34,.08),inset 0 1px rgba(255,255,255,.15)}
.plan-tag{border-radius:0 0 0 14px}.quick-plans{border:1px solid rgba(255,255,255,.11);border-radius:22px;background:rgba(255,255,255,.04);overflow:hidden;backdrop-filter:blur(14px)}
.quick-plans article a{border-radius:50%;background:rgba(186,255,34,.1)}

.fit-list p{border-radius:16px;transition:background .25s,padding .25s}.fit-list p:hover{padding-inline:14px;background:rgba(255,255,255,.48)}
.faq{background:radial-gradient(circle at 10% 70%,rgba(186,255,34,.08),transparent 27%),#080b09}.accordion details{margin-bottom:10px;padding-inline:20px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(255,255,255,.035);backdrop-filter:blur(14px);overflow:hidden}.accordion details[open]{border-color:rgba(186,255,34,.23);background:rgba(186,255,34,.055)}

.final-cta{background:radial-gradient(circle at 50% 45%,rgba(186,255,34,.15),transparent 26%),linear-gradient(160deg,#050706,#0c120d)}
.final-mark{position:relative;width:106px;height:80px;margin-bottom:34px;color:var(--acid);filter:drop-shadow(0 0 24px rgba(186,255,34,.2));font:800 5.2rem/.75 Manrope;letter-spacing:-.22em}.final-mark span,.final-mark i{position:absolute;font-style:normal}.final-mark span{left:0}.final-mark i{right:0;top:13px;color:transparent;-webkit-text-stroke:2px var(--acid)}
.footer-brand{width:210px}
.mobile-cta{border-radius:18px;background:linear-gradient(135deg,#d2ff66,#adf114);box-shadow:0 20px 60px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.65)}
.diagnosis{border:1px solid rgba(255,255,255,.14);border-radius:30px;background:rgba(7,11,8,.88);box-shadow:0 30px 110px rgba(0,0,0,.7);backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px)}
.answer-grid button{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12)}

.js .reveal{filter:blur(8px);transform:translateY(34px) scale(.985);transition:opacity .8s var(--ease) var(--delay),transform .8s var(--ease) var(--delay),filter .8s var(--ease) var(--delay)}
.reveal.visible{filter:none;transform:none}
@supports(animation-timeline:view()){
  .method-card,.feature,.price-card,.coach-visual{animation:scrollLift linear both;animation-timeline:view();animation-range:entry 0% entry 38%}
  .statement h2,.experience-title h2,.plans-heading h2,.faq-title h2{animation:titleTrack linear both;animation-timeline:view();animation-range:entry 0% entry 45%}
}

@media(max-width:960px){
  .header{grid-template-columns:170px 1fr auto}.desktop-nav{display:none}.menu-button{display:flex}
  .hero-layout{grid-template-columns:1fr .86fr;gap:28px}.hero h1{font-size:clamp(4.1rem,8vw,5.4rem)}
}
@media(max-width:680px){
  :root{--container:calc(100% - 28px);--radius:22px}
  .ambient-orbs i{opacity:.08;filter:blur(60px)}
  .header,.header.scrolled{top:8px;width:calc(100% - 16px);height:62px;grid-template-columns:148px 1fr 48px;padding:0 8px 0 12px;border-radius:18px}.brand{width:142px}.menu-button{justify-self:end}
  .mobile-nav{top:72px;right:8px;left:8px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:rgba(6,10,7,.93);box-shadow:0 24px 70px rgba(0,0,0,.55);backdrop-filter:blur(24px)}
  .hero{padding:98px 0 0}.hero-layout{display:flex;gap:10px}.hero-copy{padding:0}.kicker{margin-bottom:18px}.hero h1{font-size:clamp(3.35rem,15.8vw,4.55rem);line-height:.86;margin-bottom:20px}.hero h1 span{font-size:.43em}.hero-lead{max-width:100%;font-size:.98rem}.hero-actions{grid-template-columns:1fr auto}.hero-actions .button{min-height:56px;border-radius:15px}.trustline{margin-top:12px}
  .hero-portrait{width:calc(100% + 12px);min-height:520px;margin:24px -6px 0;padding:8px;border-radius:28px}.portrait-frame{inset:8px;border-radius:21px}.portrait-frame img{object-position:center 17%}.availability{right:18px;bottom:32px;max-width:220px}.coach-stamp{left:8px;bottom:83px;width:90px;height:90px}.portrait-index{right:18px;top:18px}
  .hero-rail{margin:14px 0 22px;border-radius:18px;grid-template-columns:1fr 1fr}.hero-rail div{min-height:64px}.hero-rail div:nth-child(2){border-right:0}
  .statement,.experience,.coach,.plans,.fit,.faq{padding:78px 0}.statement h2,.experience h2,.coach h2,.plans h2,.fit h2,.faq h2,.final-cta h2{font-size:clamp(2.75rem,13vw,4rem)}
  .method-grid{gap:14px}.method-card{min-height:330px;padding:24px;border-radius:22px}.feature{grid-template-columns:30px 1fr;gap:12px;padding:20px;border-radius:18px}.feature>i{display:none}.feature:hover{transform:none}
  .coach-visual{min-height:460px;border-radius:25px}.coach-signature{right:12px;bottom:12px}.coach-copy .lead{color:#3f483e}
  .plan-switch{border-radius:17px}.price-card{min-height:auto;padding:26px 22px;border-radius:24px}.price-card .button{width:100%}.price strong{font-size:4.5rem}.quick-plans{border-radius:19px}.quick-plans article{min-height:96px}
  .accordion details{padding-inline:15px;border-radius:15px}.accordion summary{min-height:78px}
  .final-cta{min-height:680px;padding:80px 0 110px}.final-mark{transform:scale(.86)}
  .footer-brand{width:185px}.mobile-cta{right:8px;bottom:max(8px,env(safe-area-inset-bottom));left:8px;border-radius:17px}
  .diagnosis{border-radius:22px}
}
@media(max-width:355px){
  .header,.header.scrolled{grid-template-columns:132px 1fr 46px}.brand{width:128px}.hero h1{font-size:3.13rem}.hero-actions{grid-template-columns:1fr}.hero-actions .ghost{display:none}.hero-portrait{min-height:475px}.availability{max-width:190px}.coach-stamp{width:80px;height:80px}.price strong{font-size:4rem}
}
@media(prefers-reduced-motion:reduce){.ambient-orbs{display:none}.reveal{filter:none}.hero h1 em::after{animation:none}.portrait-frame img,.method-card,.feature,.price-card{transition:none!important}.method-card,.feature,.price-card,.coach-visual,.statement h2,.experience-title h2,.plans-heading h2,.faq-title h2{animation:none!important}}
@keyframes orbDrift{to{transform:translate3d(8vw,10vh,0) scale(1.15)}}
@keyframes lineBreathe{0%,100%{transform:scaleX(.28);opacity:.45}50%{transform:scaleX(1);opacity:1}}
@keyframes scrollLift{from{opacity:.45;transform:translateY(52px) scale(.97)}to{opacity:1;transform:none}}
@keyframes titleTrack{from{opacity:.25;transform:translateX(-26px) scale(.985)}to{opacity:1;transform:none}}

.coach-stamp{display:none!important}

/* ═══ v3.1 — brand hardening, controlled liquid-glass, parallax support ═══ */
.brand{width:178px;height:61px;overflow:visible;flex:0 0 auto}
.brand img{width:100%;height:100%;object-fit:contain}
[data-parallax]{will-change:transform}

/* liquid-glass layer #1 — organic acid blob behind the hero portrait glass panel */
.hero-portrait::before{content:"";position:absolute;inset:-18px;z-index:0;border-radius:46% 54% 52% 48%/55% 46% 54% 45%;background:linear-gradient(135deg,rgba(186,255,34,.2),rgba(126,255,178,.06) 42%,transparent 72%);filter:blur(20px);opacity:.65;pointer-events:none;animation:liquidMorph 16s ease-in-out infinite alternate}
/* glass reflection — subtle light leak on the portrait frame top edge */
.portrait-frame::after{content:"";position:absolute;top:0;left:0;right:0;height:34%;z-index:2;background:linear-gradient(180deg,rgba(255,255,255,.09),transparent);pointer-events:none}
/* liquid-glass layer #2 — halo around the final CTA mark */
.final-mark::before{content:"";position:absolute;inset:-26px;z-index:-1;border-radius:44% 56% 58% 42%/56% 44% 60% 40%;background:radial-gradient(circle at 50% 50%,rgba(186,255,34,.3),rgba(126,255,178,.09) 52%,transparent 74%);filter:blur(14px);animation:liquidMorph 12s ease-in-out infinite alternate-reverse}

@media(max-width:680px){.brand{width:142px;height:48px}.hero-portrait::before{inset:-10px;opacity:.45}}
@media(max-width:355px){.brand{width:128px;height:44px}}
@media(prefers-reduced-motion:reduce){
  .hero-portrait::before,.final-mark::before{animation:none!important;opacity:.3}
  [data-parallax]{will-change:auto}
}
@keyframes liquidMorph{
  0%{border-radius:46% 54% 52% 48%/55% 46% 54% 45%;transform:translate3d(-1.5%,1.5%,0) rotate(0deg)}
  50%{border-radius:57% 43% 41% 59%/47% 59% 41% 53%;transform:translate3d(1.5%,-1%,0) rotate(7deg)}
  100%{border-radius:41% 59% 55% 45%/61% 44% 56% 39%;transform:translate3d(-1%,-1.5%,0) rotate(-6deg)}
}

/* ═══ v3.2 — method journey / scroll choreography ═══ */
.method-grid[data-method-flow]{--method-progress:0;isolation:isolate;perspective:1200px}
.method-card[data-method-step]{overflow:hidden;isolation:isolate;transform-origin:50% 100%;transition:transform .42s var(--ease),box-shadow .42s var(--ease),background .42s var(--ease),color .32s ease,border-color .32s ease,opacity .32s ease}
.method-card[data-method-step]::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 78% 20%,rgba(186,255,34,.17),transparent 35%),linear-gradient(145deg,rgba(255,255,255,.88),rgba(239,244,234,.48));opacity:0;transition:opacity .42s var(--ease)}
.method-card[data-method-step]::after{content:attr(data-stage);position:absolute;right:26px;bottom:22px;color:rgba(8,11,8,.055);font:800 clamp(2.2rem,3.5vw,4.2rem)/.8 Manrope;letter-spacing:-.07em;text-transform:uppercase;pointer-events:none;transform:translateX(18px);opacity:0;transition:transform .5s var(--ease),opacity .5s ease}
.method-card[data-method-step].method-active{border-color:rgba(105,154,12,.36);box-shadow:0 34px 85px rgba(22,35,24,.18),inset 0 1px rgba(255,255,255,.95)}
.method-card[data-method-step].method-active::before,.method-card[data-method-step].method-active::after{opacity:1}
.method-card[data-method-step].method-active::after{transform:none}
.method-card .card-top span{position:relative;display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(8,11,8,.14);border-radius:50%;font:700 .65rem Manrope;transition:background .3s,color .3s,border-color .3s,box-shadow .3s,transform .3s var(--ease)}
.method-card .card-top i{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(8,11,8,.11);border-radius:50%;transition:transform .38s var(--ease),background .3s,border-color .3s}
.method-card.method-active .card-top span{border-color:#6e990f;background:#79a917;color:#fff;box-shadow:0 0 0 8px rgba(105,154,12,.1),0 10px 26px rgba(77,112,9,.2);transform:scale(1.06)}
.method-card.method-active .card-top i{border-color:rgba(105,154,12,.3);background:rgba(186,255,34,.16);transform:rotate(-45deg)}
.method-symbol{transform:translateZ(0);transition:opacity .35s,transform .55s var(--ease)}
.method-card.method-active .method-symbol{opacity:1;transform:translateY(-4px) scale(1.035)}
.target i{transition:transform .7s var(--ease),opacity .45s,border-color .4s}
.target b{transition:transform .45s var(--ease),box-shadow .45s}
.method-active .target i:first-child{transform:scale(1.06);border-color:#6b9511;opacity:.28}
.method-active .target i:nth-child(2){transform:scale(.92);border-color:#6b9511;opacity:.5}
.method-active .target b{transform:scale(1.18);box-shadow:0 0 0 18px rgba(86,136,0,.12),0 0 32px rgba(86,136,0,.28);animation:methodTargetPulse 2.4s ease-in-out infinite}
.steps i{transform-origin:bottom;transition:transform .52s var(--ease),background .35s,border-color .35s,opacity .35s}
.method-active .steps i{background:linear-gradient(180deg,rgba(186,255,34,.3),rgba(86,136,0,.08));border-color:#6b9511;opacity:1}
.method-active .steps i:nth-child(1){transition-delay:.04s;transform:scaleY(1.12)}
.method-active .steps i:nth-child(2){transition-delay:.1s;transform:scaleY(1.08)}
.method-active .steps i:nth-child(3){transition-delay:.16s;transform:scaleY(1.04)}
.steps b{transition:transform .65s var(--ease),box-shadow .4s}
.method-active .steps b{transform:translateY(-9px) scale(1.2);box-shadow:0 0 0 9px rgba(86,136,0,.11),0 0 22px rgba(86,136,0,.35)}
.pulse circle{fill:#568800;opacity:0;transform-origin:center;transition:opacity .3s .7s;filter:drop-shadow(0 0 6px rgba(86,136,0,.7))}
.method-active .pulse path{stroke-dashoffset:0}
.method-active .pulse circle{opacity:1;animation:methodPulseDot 2s ease-in-out 1s infinite}
.method-card h3,.method-card p,.method-card small{position:relative;z-index:1;transition:transform .42s var(--ease),color .32s ease}
.method-card.method-active h3{transform:translateX(5px)}
.method-card.method-active p{transform:translateX(3px);color:#445041}
.method-card.method-active small{transform:translateX(3px);color:#4f7207}

@media(hover:hover) and (pointer:fine){
  .method-card[data-method-step]:hover{transform:translateY(-12px) rotateX(1.2deg);border-color:rgba(105,154,12,.32)}
}

@media(max-width:680px){
  .method-grid[data-method-flow]{position:relative;gap:16px;padding-left:20px;background:transparent;border:0}
  .method-grid[data-method-flow]::before,.method-grid[data-method-flow]::after{content:"";position:absolute;left:4px;top:22px;bottom:22px;width:2px;border-radius:999px}
  .method-grid[data-method-flow]::before{background:rgba(8,11,8,.1)}
  .method-grid[data-method-flow]::after{z-index:2;background:linear-gradient(180deg,#8cc819,#568800);box-shadow:0 0 16px rgba(86,136,0,.32);transform:scaleY(var(--method-progress));transform-origin:top;transition:transform .12s linear}
  .method-card[data-method-step]{min-height:350px;padding:22px 22px 24px;opacity:.72;transform:translate3d(0,14px,0) scale(.975);box-shadow:0 14px 40px rgba(22,35,24,.08),inset 0 1px rgba(255,255,255,.9)}
  .method-card[data-method-step]::after{right:18px;bottom:17px;font-size:2.4rem}
  .method-card[data-method-step]::before{background:radial-gradient(circle at 76% 22%,rgba(186,255,34,.18),transparent 37%),linear-gradient(145deg,rgba(255,255,255,.9),rgba(235,241,229,.5))}
  .method-card[data-method-step].method-active{opacity:1;transform:translate3d(0,-3px,0) scale(1);box-shadow:0 26px 64px rgba(22,35,24,.16),inset 0 1px rgba(255,255,255,.98)}
  .method-card[data-method-step] .card-top::before{content:"";position:absolute;left:-31px;width:12px;height:12px;border:3px solid #eef0e8;border-radius:50%;background:#b6c3ae;box-shadow:0 0 0 1px rgba(8,11,8,.12);transition:background .3s,box-shadow .3s,transform .3s var(--ease)}
  .method-card[data-method-step].method-active .card-top::before{background:#77a912;box-shadow:0 0 0 5px rgba(119,169,18,.14),0 0 18px rgba(86,136,0,.38);transform:scale(1.08)}
  .method-symbol{height:150px;margin:27px 0 24px}
  .method-card h3{font-size:2rem}
  .method-card p{font-size:1rem;line-height:1.58}
}

@media(prefers-reduced-motion:reduce){
  .method-grid[data-method-flow]::after{transition:none}
  .method-card[data-method-step],.method-card[data-method-step]::before,.method-card[data-method-step]::after,.method-card .card-top span,.method-card .card-top i,.method-symbol,.target i,.target b,.steps i,.steps b,.pulse circle,.method-card h3,.method-card p,.method-card small{animation:none!important;transition:none!important}
  .method-card[data-method-step]{opacity:1;transform:none}
}

@keyframes methodTargetPulse{0%,100%{transform:scale(1.08)}50%{transform:scale(1.24)}}
@keyframes methodPulseDot{0%,100%{opacity:.55;transform:scale(.8)}50%{opacity:1;transform:scale(1.3)}}