@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Oswald:wght@500;600;700&display=swap";:root{color:#f6f6f6;background:#050505;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--bg: #050505;--panel: #101010;--panel2: #161616;--line: rgba(255,255,255,.12);--muted: rgba(246,246,246,.78);--soft: rgba(246,246,246,.88);--red: #ef3b22;--orange: #ff7a1a;--gold: #ffb84d}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body,#root{width:100%;max-width:100%;overflow-x:hidden}body{margin:0;min-height:100vh;overflow-x:hidden}#lovable-badge{display:none!important;visibility:hidden!important;pointer-events:none!important}button{font-family:inherit}a{color:inherit}.heroShell,.quizShell,.resultShell{position:relative;min-height:100vh;background:radial-gradient(circle at 16% 18%,rgba(239,59,34,.22),transparent 30%),radial-gradient(circle at 78% 12%,rgba(255,122,26,.12),transparent 28%),linear-gradient(135deg,#030303,#0d0d0d 42%,#17110f);padding:26px;overflow:hidden}.backgroundGrid{position:fixed;inset:0;opacity:.18;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(circle at center,black 0,transparent 72%);mask-image:radial-gradient(circle at center,black 0,transparent 72%)}.heroCard,.quizCard,.analyzeCard,.resultHero,.diagnosisPanel,.bridgeCard,.faqSection,.advertorialCard{position:relative;z-index:1;border:1px solid var(--line);background:linear-gradient(180deg,#121212f2,#080808f2);box-shadow:0 24px 90px #00000085}.heroCard{max-width:1180px;min-height:calc(100vh - 52px);margin:0 auto;padding:30px;display:flex;flex-direction:column}.brandRow,.miniBrand{display:flex;align-items:center;gap:12px;color:#ffffffd1;font-weight:900;letter-spacing:.14em;font-size:12px}.brandLogo{display:block;width:min(330px,70vw);height:auto;max-height:78px;object-fit:contain;object-position:left center;filter:drop-shadow(0 12px 28px rgba(0,0,0,.42))}.miniLogo{display:block;width:170px;height:auto;max-height:42px;object-fit:contain;object-position:left center}.resultLogo,.analyzeLogo{display:block;width:min(320px,72vw);height:auto;margin:0 auto 22px;object-fit:contain;filter:drop-shadow(0 12px 28px rgba(0,0,0,.42))}.heroContent{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:54px;align-items:center;flex:1;padding:52px 0 38px;min-width:0;width:100%}.heroCopy{min-width:0;width:100%;max-width:100%}.eyebrow{color:var(--orange);text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:900;margin-bottom:14px}h1,h2{margin:0;letter-spacing:-.025em}h1{font-family:Oswald,Impact,sans-serif;text-transform:uppercase;line-height:1.02;font-size:clamp(48px,7vw,102px);max-width:820px;width:100%;overflow-wrap:normal;color:#fff;text-shadow:0 8px 34px rgba(0,0,0,.45)}h1 span{display:block;white-space:normal}h2{font-family:Oswald,Impact,sans-serif;line-height:1.08;font-size:clamp(34px,5vw,62px);font-weight:900;text-transform:uppercase;color:#fff;text-shadow:0 6px 26px rgba(0,0,0,.42)}.subhead,.heroCopy p,.analyzeCard p,.resultHero p,.bridgeCopy p,.articleSection p,.faqItem p,.bridgeClose{color:var(--muted);font-size:18px;line-height:1.62}.subhead{max-width:680px;margin:24px 0 28px;font-size:clamp(18px,2vw,22px)}.heroCopy .subhead,.heroCopy .microcopy{max-width:100%}.microcopy{margin-top:12px;font-size:14px!important;color:#ffffffb8!important}.primaryBtn,.secondaryBtn{border:0;min-height:62px;padding:0 28px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:15px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;transition:transform .18s ease,filter .18s ease,background .18s ease}.primaryBtn{color:#fff;background:linear-gradient(135deg,var(--red),var(--orange));box-shadow:0 10px 26px #ef3b2247,inset 0 1px #ffffff2e,inset 0 -2px #0000002e}.primaryBtn:hover,.secondaryBtn:hover,.answerCard:hover,.readLink:hover{transform:translateY(-2px);filter:brightness(1.08)}.secondaryBtn{color:#fff;background:#ffffff17;border:1px solid var(--line)}.heroBtn{width:fit-content}.heroVisual{min-height:470px;position:relative}.heroVisual:before{content:"";position:absolute;inset:44px 20px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(135deg,rgba(255,255,255,.04),transparent),radial-gradient(circle at 50% 42%,rgba(239,59,34,.34),transparent 44%);transform:skew(-6deg)}.plate{position:absolute;min-width:210px;min-height:118px;padding:22px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid rgba(255,255,255,.16);background:#0a0a0ae6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);font-weight:900;text-transform:uppercase;letter-spacing:.06em}.plate svg{color:var(--orange)}.plate small{color:#ffffffa8;font-size:11px;line-height:1.28;letter-spacing:.08em;margin-top:8px}.plateOne{top:70px;left:16px}.plateTwo{top:190px;right:0}.plateThree{bottom:45px;left:70px}.trustStrip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#ffffff14;border:1px solid var(--line)}.trustStrip div{background:#ffffff0b;padding:18px;display:flex;flex-direction:column;gap:4px}.trustStrip strong{color:#fff;font-size:22px}.trustStrip span{color:var(--muted);font-size:13px;text-transform:uppercase;letter-spacing:.06em}.quizShell{display:grid;place-items:center}.quizCard,.analyzeCard{width:min(760px,100%);padding:26px}.progressWrap{position:sticky;top:0;padding:0 0 22px;background:linear-gradient(180deg,#121212f7,#121212db);z-index:5}.progressTop{display:flex;justify-content:space-between;color:#ffffffb3;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}.progressRail{height:8px;background:#ffffff17;overflow:hidden}.progressBar{height:100%;background:linear-gradient(90deg,var(--red),var(--orange));transition:width .25s ease}.quizHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px}.backBtn{color:#fff;background:none;border:1px solid var(--line);padding:11px 14px;display:flex;align-items:center;gap:8px;cursor:pointer}.backBtn:disabled{opacity:.32;cursor:default}.questionBlock{margin-bottom:28px}.optionsGrid{display:grid;gap:12px}.answerCard{min-height:66px;width:100%;padding:18px 18px 18px 20px;color:#fff;background:#ffffff0f;border:1px solid rgba(255,255,255,.14);display:flex;align-items:center;justify-content:space-between;text-align:left;font-size:17px;font-weight:800;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.answerCard.selected,.answerCard:hover{border-color:#ff7a1ab8;background:#ef3b2224}.answerArrow{display:grid;place-items:center;width:34px;height:34px;background:#ffffff14;color:var(--orange);flex:0 0 auto}.analyzeCard{text-align:center}.loaderOrb{width:108px;height:108px;margin:0 auto 24px;display:grid;place-items:center;background:radial-gradient(circle,#ff7a1a52,#ef3b221f);border:1px solid rgba(255,122,26,.38);animation:pulse 1.4s infinite}.checkList{display:grid;gap:12px;margin:28px 0;text-align:left}.checkList div{min-height:54px;display:flex;align-items:center;gap:14px;padding:14px;border:1px solid var(--line);background:#ffffff0b;color:#ffffff9e}.checkList span{display:grid;place-items:center;min-width:28px;height:28px;border:1px solid var(--line);font-size:13px;font-weight:900}.checkList .done{color:#fff;border-color:#ff7a1a7a}.checkList .done span{background:var(--orange);color:#130703}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.resultShell{padding:26px}.resultHero,.diagnosisPanel,.bridgeCard,.faqSection,.advertorialCard{max-width:1120px;margin:0 auto 22px;padding:clamp(24px,4vw,48px)}.resultHero{text-align:center;padding-top:54px}.resultBadge{width:fit-content;margin:0 auto 18px;padding:9px 13px;color:var(--orange);border:1px solid rgba(255,122,26,.32);background:#ff7a1a14;text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:900}.resultIcon{width:92px;height:92px;display:grid;place-items:center;margin:0 auto 22px;color:var(--orange);border:1px solid rgba(255,122,26,.33);background:#ef3b221f}.resultHero h1{margin:0 auto;max-width:940px;font-size:clamp(40px,6vw,84px)}.resultHero p{max-width:820px;margin:22px auto 28px;font-size:21px}.readLink{width:fit-content;margin:0 auto;min-height:52px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;gap:9px;color:#fff;background:#ffffff14;border:1px solid rgba(255,255,255,.15);text-decoration:none;font-weight:900;text-transform:uppercase;letter-spacing:.05em;transition:transform .18s ease,filter .18s ease}.diagnosisPanel{display:grid;grid-template-columns:340px 1fr;gap:28px;align-items:start}.diagnosisGrid{display:grid;gap:12px}.diagItem{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid var(--line);background:#ffffff0b}.diagItem span{display:grid;place-items:center;min-width:32px;height:32px;color:#160601;background:var(--orange);font-weight:900}.diagItem p{margin:0;color:#fff;font-weight:800;display:grid;gap:4px}.diagItem b{color:var(--orange);font-size:11px;text-transform:uppercase;letter-spacing:.12em}.advertorialCard{padding:0;overflow:hidden}.articleKicker{padding:18px clamp(24px,4vw,48px);color:var(--orange);border-bottom:1px solid var(--line);background:#ffffff09;text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:900}.articleSection{padding:clamp(26px,4vw,48px);border-bottom:1px solid var(--line)}.articleSection h2,.bridgeCopy h2,.faqSection h2,.diagnosisPanel h2{font-size:clamp(32px,4vw,54px)}.articleSection p{max-width:850px;margin:18px 0 0;color:var(--soft)}.darkLift{background:linear-gradient(180deg,#45130a94,#0d0d0de6)}.bridgeCard{display:grid;grid-template-columns:minmax(0,1.1fr) 360px;gap:34px;align-items:center;border:0;border-top:1px solid rgba(255,122,26,.24);margin-bottom:0;box-shadow:none;background:linear-gradient(180deg,#0e0e0efa,#060606fa)}.bridgeCard{margin-top:0;padding:clamp(26px,5vw,48px);display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(26px,5vw,54px);background:linear-gradient(135deg,#de241c38,#ff7a1a14);border-top:1px solid var(--line)}.personalBridge{padding:16px 18px;border-left:4px solid var(--orange);background:#ffffff0e}.personalBridge strong{color:#fff}.transitionBlock{margin:22px 0;padding:20px;border:1px solid rgba(255,122,26,.22);background:#00000038}.productReveal{margin:22px 0;padding:22px;border:1px solid rgba(255,122,26,.32);background:linear-gradient(180deg,#ff7a1a1c,#ffffff0b);box-shadow:inset 0 1px #ffffff14}.transitionBlock h3,.productReveal h3,.pitchPanel h3{margin:0 0 14px;font-family:Oswald,Impact,sans-serif;color:#fff;text-transform:uppercase;font-size:clamp(24px,3vw,34px);line-height:1.08}.transitionBlock p,.productReveal p,.pitchPanel p{margin:12px 0 0;color:#ffffffc7}.pitchPanel{margin:22px 0;padding:22px;background:linear-gradient(180deg,#ffffff13,#ffffff09);border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px #ffffff14}.pitchCards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:20px 0 22px}.pitchCards div{display:grid;gap:8px;padding:15px;border:1px solid var(--line);background:#ffffff0d}.pitchCards b{color:#fff;font-size:15px;text-transform:uppercase;letter-spacing:.04em}.pitchCards span{color:#ffffffb3;line-height:1.45}.proofBullets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:22px 0}.proofBullets div{display:flex;align-items:center;gap:10px;color:#fff;font-weight:800;padding:14px;background:#ffffff0e;border:1px solid var(--line)}.proofBullets svg{color:var(--orange);flex:0 0 auto}.bridgeClose{margin-top:0}.ctaRow{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.productMock{display:grid;gap:18px;align-self:start;position:sticky;top:22px}.productAction{display:grid;gap:12px;padding:16px;border:1px solid rgba(255,122,26,.24);background:#ff7a1a14}.productAction p{margin:0;color:#ffffffc7;font-weight:800}.productAction strong{color:#fff}.productCta{width:100%}.mobileProductTeaser{display:none}.mobileProductFrame{position:relative;min-height:250px;padding:18px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.16);background:linear-gradient(180deg,#f5f5f5,#cfcfcf);overflow:hidden}.mobileProductFrame:before{content:"";position:absolute;inset:14px;border:1px solid rgba(0,0,0,.12);pointer-events:none}.mobileProductFrame img{position:relative;z-index:1;width:min(100%,220px);filter:contrast(1.15) brightness(1.08) drop-shadow(0 24px 30px rgba(0,0,0,.32))}.productFrame{min-height:420px;padding:24px;position:relative;display:grid;place-items:center;border:1px solid rgba(255,255,255,.16);background:radial-gradient(circle at 50% 42%,rgba(255,122,26,.22),transparent 42%),linear-gradient(180deg,#f5f5f5,#d9d9d9 58%,#b9b9b9);box-shadow:inset 0 0 0 10px #00000009,0 30px 60px #0006;overflow:hidden}.productFrame:before{content:"";position:absolute;inset:18px;border:1px solid rgba(0,0,0,.12);pointer-events:none}.productFrame img{position:relative;z-index:1;width:min(100%,315px);height:auto;filter:contrast(1.15) brightness(1.08) drop-shadow(0 26px 34px rgba(0,0,0,.36))}.guaranteeBadge{position:absolute;right:18px;bottom:18px;z-index:2;width:94px;height:94px;border-radius:999px;display:grid;place-items:center;text-align:center;background:linear-gradient(135deg,var(--red),var(--orange));color:#fff;box-shadow:0 14px 34px #00000073;text-transform:uppercase}.guaranteeBadge strong{font-family:Oswald,Impact,sans-serif;font-size:30px;line-height:.9}.guaranteeBadge span{font-size:10px;font-weight:900;letter-spacing:.08em}.productPoints{display:grid;gap:10px}.productPoints div{display:flex;align-items:center;gap:10px;color:#fff;font-weight:800;padding:13px;background:#ffffff0e;border:1px solid var(--line)}.productPoints svg{color:var(--orange);flex:0 0 auto}.faqList{display:grid;gap:10px;margin-top:22px}.faqCta{margin-top:18px}.ctaClose{margin:24px 0 0;color:#fff;font-weight:800;font-size:18px}.faqItem{width:100%;padding:0;color:#fff;background:#ffffff0b;border:1px solid var(--line);text-align:left;cursor:pointer}.faqQ{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px;font-weight:900;font-size:17px}.faqItem p{padding:0 20px 20px;margin:0}.rotate{transform:rotate(180deg)}@media(max-width:900px){.heroShell,.quizShell,.resultShell{padding:14px}.heroCard{min-height:calc(100vh - 28px);padding:20px;justify-content:flex-start}.heroContent{grid-template-columns:minmax(0,1fr);gap:22px;padding:18px 0 22px;flex:0}.heroVisual{display:none}.trustStrip{grid-template-columns:repeat(2,1fr)}.quizCard,.analyzeCard{padding:18px}.quizHeader{margin-bottom:28px}.miniBrand{display:none}h1{font-size:clamp(39px,11vw,58px);line-height:1.06;letter-spacing:-.02em;max-width:100%}h2{font-size:clamp(32px,10vw,46px)}.answerCard{min-height:62px;font-size:16px;padding:16px}.diagnosisPanel,.bridgeCard{grid-template-columns:1fr}.resultHero,.diagnosisPanel,.bridgeCard,.faqSection,.articleSection{padding:24px}.advertorialCard{padding:0}.articleKicker{padding:16px 24px}.resultHero p{font-size:18px}.proofBullets,.pitchCards{grid-template-columns:1fr}.productMock{display:none}.mobileProductTeaser{display:grid;gap:12px;margin:20px 0 22px;padding:14px;border:1px solid rgba(255,122,26,.24);background:#ff7a1a14}.mobileProductTeaser p{margin:0;color:#ffffffc7;font-weight:800}.mobileProductTeaser strong{color:#fff}.productFrame{min-height:280px}.productFrame img{width:min(100%,245px)}.primaryBtn,.secondaryBtn{width:100%;min-height:56px}.readLink{width:100%}}@media(max-width:430px){.heroShell,.quizShell,.resultShell{padding:10px}.heroCard{padding:16px;min-height:calc(100vh - 20px)}.brandRow{align-items:flex-start}.brandLogo{width:min(230px,68vw);max-height:58px}.subhead,.heroCopy p,.analyzeCard p,.bridgeCopy p,.articleSection p,.faqItem p,.bridgeClose{font-size:16px;line-height:1.58}.subhead{margin:20px 0 24px}h1{font-size:clamp(36px,10.5vw,44px);letter-spacing:-.015em}.resultHero h1{font-size:clamp(36px,10.2vw,44px)}.trustStrip div{padding:14px 10px;min-width:0}.trustStrip strong{font-size:19px}.trustStrip span{font-size:11px}.quizCard,.analyzeCard{padding:14px}.answerCard{min-height:58px}.answerArrow{width:30px;height:30px}.progressTop{font-size:11px}.faqQ{padding:18px 16px}.faqItem p{padding:0 16px 18px}}
