.ff-section{--ff-line:rgba(255,255,255,.08);--ff-line-2:rgba(255,255,255,.14);--ff-text:#eef2f8;--ff-muted:rgba(235,241,248,.66);--ff-muted-2:rgba(235,241,248,.46);--ff-cyan:#19b5f1;--ff-cyan-glow:rgba(25,181,241,.34);--ff-orange:#eb4b3f;--ff-orange-glow:rgba(235,75,63,.24);--ff-smooth:cubic-bezier(.22,.61,.36,1);position:relative;padding:92px 0 108px;overflow:hidden;background:radial-gradient(circle at 18% 20%,rgba(25,181,241,.06),transparent 24%),radial-gradient(circle at 82% 75%,rgba(235,75,63,.05),transparent 22%),linear-gradient(180deg,#05070b 0%,#07101d 45%,#06070b 100%);color:var(--ff-text);isolation:isolate}.ff-section *{box-sizing:border-box}.ff-section:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(circle at center,rgba(0,0,0,.75),transparent 80%);-webkit-mask-image:radial-gradient(circle at center,rgba(0,0,0,.75),transparent 80%);opacity:.35;pointer-events:none}.ff-atmo{position:absolute;inset:0;pointer-events:none;z-index:0}.ff-orb{position:absolute;border-radius:50%;filter:blur(70px);opacity:.5;animation:ffFloatOrb 12s ease-in-out infinite}.ff-orb-1{width:260px;height:260px;left:-70px;top:100px;background:rgba(25,181,241,.14)}.ff-orb-2{width:320px;height:320px;right:-80px;bottom:60px;background:rgba(235,75,63,.12);animation-delay:-5s}.ff-wrap{width:min(1320px,calc(100% - 48px));margin:0 auto;position:relative;z-index:2}.ff-header{max-width:880px;margin-bottom:28px}.ff-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:var(--ff-cyan);margin-bottom:14px}.ff-eyebrow:before{content:"";width:24px;height:1px;background:linear-gradient(90deg,var(--ff-cyan),transparent)}.ff-title{font-family:'Playfair Display',serif;font-size:clamp(30px,4.2vw,54px);line-height:1.08;font-weight:500;letter-spacing:-.03em;color:var(--ff-text);text-wrap:balance;margin:0}.ff-title em{font-style:italic;color:var(--ff-cyan);text-shadow:0 0 30px var(--ff-cyan-glow)}.ff-sub{margin-top:16px;max-width:720px;font-size:15px;line-height:1.8;color:var(--ff-muted)}.ff-progress{position:relative;height:2px;background:rgba(255,255,255,.06);margin-bottom:26px;overflow:hidden}.ff-progress-fill{position:absolute;left:0;top:0;height:100%;width:50%;background:linear-gradient(90deg,var(--ff-orange),var(--ff-cyan));box-shadow:0 0 18px var(--ff-cyan-glow)}.ff-grid{display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:26px;align-items:stretch;position:relative}.ff-col{min-width:0}.ff-side-title{font-size:10px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--ff-muted-2);margin-bottom:12px}.ff-list{display:flex;flex-direction:column;gap:10px}.ff-card{position:relative;border:1px solid var(--ff-line);border-radius:18px;padding:16px 18px;background:linear-gradient(180deg,rgba(255,255,255,.038),rgba(255,255,255,.015));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all .45s var(--ff-smooth);overflow:hidden;cursor:pointer}.ff-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;opacity:0;transition:opacity .35s ease}.ff-card:hover{transform:translateY(-2px);border-color:var(--ff-line-2);box-shadow:0 12px 30px rgba(0,0,0,.2)}.ff-card.active{transform:translateY(-1px);box-shadow:0 18px 38px rgba(0,0,0,.22)}.ff-card.problem:before{background:linear-gradient(180deg,var(--ff-orange),rgba(235,75,63,0))}.ff-card.result:before{background:linear-gradient(180deg,var(--ff-cyan),rgba(25,181,241,0))}.ff-card.active:before{opacity:1}.ff-card-kicker{font-size:10px;letter-spacing:.22em;text-transform:uppercase;margin-bottom:6px;font-weight:600}.ff-card.problem .ff-card-kicker{color:var(--ff-orange)}.ff-card.result .ff-card-kicker{color:var(--ff-cyan)}.ff-card h3{font-family:'Playfair Display',serif;font-size:24px;line-height:1.08;font-weight:500;margin:0 0 8px;color:var(--ff-text)}.ff-card p{font-size:14px;line-height:1.75;color:var(--ff-muted);margin:0}.ff-center{position:relative;display:flex;align-items:center;justify-content:center}.ff-stage{width:min(560px,100%);aspect-ratio:1/.98;border-radius:30px;border:1px solid var(--ff-line);background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.015)),linear-gradient(135deg,#0d1320 0%,#101a2c 100%);box-shadow:0 26px 60px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.04);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);position:relative;overflow:hidden;transform-style:preserve-3d;transition:transform .15s linear,box-shadow .4s ease}.ff-stage:before{content:"";position:absolute;inset:14px;border-radius:22px;border:1px solid rgba(255,255,255,.06);pointer-events:none;z-index:1}.ff-stage:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(25,181,241,.08),transparent 52%);opacity:.7;pointer-events:none}.ff-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.ff-inner{position:absolute;inset:26px;border-radius:22px;overflow:hidden;background:radial-gradient(circle at 20% 30%,rgba(25,181,241,.08),transparent 28%),radial-gradient(circle at 80% 70%,rgba(235,75,63,.06),transparent 26%),linear-gradient(90deg,#0f2940 0%,#13112a 100%);border:1px solid rgba(255,255,255,.05)}.ff-center-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:34px 34px;opacity:.6}.ff-divider{position:absolute;left:0;right:0;bottom:0;height:34%;background:radial-gradient(ellipse at 50% 15%,rgba(255,255,255,.03),transparent 58%),linear-gradient(180deg,rgba(9,8,18,.94),#080710);border-top:1px solid rgba(255,255,255,.05)}.ff-core{position:absolute;left:50%;bottom:15%;width:16px;height:16px;transform:translateX(-50%);border-radius:50%;background:linear-gradient(180deg,var(--ff-orange),#a83128);box-shadow:0 0 0 5px rgba(235,75,63,.08),0 0 24px var(--ff-orange-glow);z-index:3}.ff-flow-line{position:absolute;left:50%;bottom:15%;width:6px;height:56%;transform:translateX(-50%);border-radius:999px;overflow:hidden;z-index:2;background:rgba(255,255,255,.05)}.ff-flow-fill{position:absolute;left:0;right:0;bottom:0;height:14%;border-radius:999px;background:linear-gradient(180deg,var(--ff-cyan),#52f2c8);box-shadow:0 0 18px rgba(82,242,200,.28);transition:height .8s var(--ff-smooth)}.ff-node{position:absolute;left:50%;width:14px;height:14px;margin-left:-7px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.08);transition:all .45s ease;z-index:3}.ff-node.active{background:var(--ff-cyan);border-color:var(--ff-cyan);box-shadow:0 0 16px var(--ff-cyan-glow)}.ff-node.n1{bottom:14%}.ff-node.n2{bottom:26%}.ff-node.n3{bottom:39%}.ff-node.n4{bottom:52%}.ff-node.n5{bottom:66%}.ff-bad,.ff-good{position:absolute;transition:all .6s var(--ff-smooth);z-index:4}.ff-bad{opacity:1;filter:blur(0);transform:translateY(0) scale(1)}.ff-good{opacity:0;filter:blur(8px);transform:translateY(18px) scale(.92)}.ff-stage.show-result .ff-bad{opacity:0;filter:blur(10px);transform:translateY(-18px) scale(.92)}.ff-stage.show-result .ff-good{opacity:1;filter:blur(0);transform:translateY(0) scale(1)}.ff-bad-card{position:absolute;width:120px;min-height:58px;border-radius:16px;padding:12px;font-size:12px;line-height:1.45;color:rgba(255,255,255,.76);border:1px solid rgba(235,75,63,.14);background:linear-gradient(180deg,rgba(235,75,63,.11),rgba(255,255,255,.02));box-shadow:0 10px 24px rgba(0,0,0,.16)}.ff-bad-card:before{content:"";position:absolute;left:-10px;top:50%;width:10px;height:1px;background:rgba(235,75,63,.35)}.ff-bad-card.one{left:54px;top:64px}.ff-bad-card.two{right:58px;top:114px}.ff-bad-card.three{left:78px;top:204px}.ff-bad-card.four{right:72px;top:256px}.ff-good-orb{position:absolute;width:92px;height:92px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;padding:14px;font-size:12px;line-height:1.35;font-weight:600;color:#eaf6fb;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03)),radial-gradient(circle at 35% 30%,rgba(25,181,241,.16),transparent 45%);box-shadow:0 12px 26px rgba(0,0,0,.2)}.ff-good-orb:after{content:"";position:absolute;inset:-10px;border-radius:50%;background:radial-gradient(circle,rgba(25,181,241,.16),transparent 70%);opacity:.65;filter:blur(14px);z-index:-1}.ff-good-orb.one{left:58px;top:70px}.ff-good-orb.two{right:60px;top:128px}.ff-good-orb.three{left:88px;top:214px}.ff-good-orb.four{right:82px;top:272px}.ff-arrow{position:absolute;left:50%;top:50%;width:160px;height:160px;transform:translate(-50%,-50%);opacity:.7;z-index:2;pointer-events:none}.ff-arrow svg{width:100%;height:100%;display:block}.ff-arrow path{fill:none;stroke:url(#ffArrowGrad);stroke-width:1.8;stroke-dasharray:8 10;animation:ffDashMove 5s linear infinite;opacity:.8}.ff-arrow circle{fill:var(--ff-cyan);filter:drop-shadow(0 0 10px var(--ff-cyan-glow));animation:ffPulseDot 2s ease-in-out infinite}.ff-summary{margin-top:18px;padding:18px;border-radius:18px;border:1px solid var(--ff-line);background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.015));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.ff-summary-label{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--ff-cyan);margin-bottom:10px;font-weight:600}.ff-summary h3{font-family:'Playfair Display',serif;font-size:30px;line-height:1.05;margin:0 0 10px;font-weight:500}.ff-summary p{font-size:14px;line-height:1.8;color:var(--ff-muted);margin:0 0 16px}.ff-tags{display:flex;flex-wrap:wrap;gap:8px}.ff-tag{padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);color:var(--ff-text);font-size:12px;transition:all .3s ease}.ff-tag:hover{border-color:rgba(25,181,241,.22);background:rgba(25,181,241,.08);transform:translateY(-1px)}@keyframes ffDashMove{from{stroke-dashoffset:0}to{stroke-dashoffset:-120}}@keyframes ffPulseDot{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.18);opacity:.7}}@keyframes ffFloatOrb{0%,100%{transform:translateY(0)}50%{transform:translateY(-18px)}}@media (max-width:1100px){.ff-grid{grid-template-columns:1fr}.ff-title{max-width:780px}.ff-center{order:2}.ff-col.left{order:1}.ff-col.right{order:3}}@media (max-width:767px){.ff-section{padding:68px 0 78px}.ff-wrap{width:calc(100% - 32px)}.ff-title{font-size:clamp(26px,8vw,38px)}.ff-summary{padding:16px}.ff-summary h3{font-size:26px}.ff-good-orb{width:78px;height:78px;font-size:11px}.ff-bad-card{width:102px;font-size:11px}}