@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Inter:wght@400;500;600;700;800&display=swap');
:root{--bg:#050508;--panel:#0b0b11;--panel-2:#11111a;--line:#252536;--text:#f7f7fb;--muted:#aaa9b7;--orange:#ff5a1f;--red:#ff315d;--cyan:#22e3ff;--purple:#8e5cff;--yellow:#ffd166;--max:1180px;--radius:24px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 8% -10%,rgba(255,90,31,.18),transparent 28%),radial-gradient(circle at 92% 14%,rgba(34,227,255,.12),transparent 24%),radial-gradient(circle at 70% 70%,rgba(142,92,255,.08),transparent 30%),var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;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:36px 36px;mask-image:linear-gradient(to bottom,black,transparent 90%)}a{color:inherit;text-decoration:none}button,input{font:inherit}.wrap{width:min(var(--max),calc(100% - 36px));margin:auto}.skip-link{position:fixed;top:10px;left:10px;z-index:9999;background:#fff;color:#000;padding:10px 14px;border-radius:10px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}.topbar{position:sticky;top:0;z-index:100;background:rgba(5,5,8,.78);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}.nav{min-height:76px;display:flex;align-items:center;gap:22px;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.brand-mark{width:38px;height:38px;display:grid;place-items:center;background:linear-gradient(135deg,var(--orange),var(--red));clip-path:polygon(22% 0,100% 0,78% 100%,0 100%);font-family:"Barlow Condensed",Impact,sans-serif;font-size:22px}.brand span:last-child{font-family:"Barlow Condensed",Impact,sans-serif;font-size:22px}.navlinks{display:flex;gap:22px;color:#ceced6;font-size:14px;font-weight:700}.navlinks a:hover{color:white}.nav-cta{padding:11px 15px;border:1px solid rgba(255,255,255,.14);border-radius:999px;font-weight:800;background:rgba(255,255,255,.04)}.mobile-label{display:none}.hero{position:relative;padding:90px 0 58px;min-height:680px;display:flex;align-items:center}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:54px;align-items:center}.eyebrow{display:inline-flex;gap:9px;align-items:center;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.035);border-radius:999px;padding:8px 12px;color:#d1d0d9;font-size:12px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.dot{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 18px var(--cyan)}h1,h2,h3{font-family:"Barlow Condensed",Impact,"Arial Narrow",sans-serif;text-transform:uppercase;margin:0;line-height:.92}h1{font-size:clamp(64px,9vw,126px);letter-spacing:-.04em;margin-top:20px}h1 .hot{background:linear-gradient(90deg,#fff 0%,#fff 44%,var(--orange) 70%,var(--red) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{font-size:clamp(18px,2vw,22px);line-height:1.55;color:#c8c7d2;max-width:730px;margin:26px 0 28px}.cta-row{display:flex;flex-wrap:wrap;gap:12px}.btn{border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:14px;padding:15px 19px;font-weight:900;letter-spacing:.02em;transition:.18s transform,.18s filter,.18s background}.btn:hover{transform:translateY(-2px);filter:brightness(1.08)}.btn-primary{background:linear-gradient(135deg,var(--orange),var(--red));color:#fff;box-shadow:0 16px 45px rgba(255,49,93,.18)}.btn-secondary{background:#14141d;border:1px solid #2d2d3d;color:#f7f7fb}.hero-machine{position:relative;min-height:510px;border:1px solid rgba(255,255,255,.12);border-radius:34px;background:linear-gradient(180deg,rgba(18,18,27,.95),rgba(8,8,13,.96));box-shadow:0 25px 90px rgba(0,0,0,.45);overflow:hidden}.hero-machine:before{content:"";position:absolute;inset:0;background:linear-gradient(125deg,transparent 8%,rgba(255,255,255,.05) 8.5%,transparent 9%),radial-gradient(circle at 70% 25%,rgba(255,90,31,.2),transparent 30%),radial-gradient(circle at 25% 80%,rgba(34,227,255,.13),transparent 25%)}.machine-top{position:relative;padding:21px 24px;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);font-size:12px;letter-spacing:.12em;font-weight:900;color:#aeadbb;text-transform:uppercase}.status{color:var(--cyan)}.machine-core{position:relative;padding:28px}.warning{font-family:"Barlow Condensed",Impact,sans-serif;font-size:72px;font-weight:900;letter-spacing:-.04em;color:white;line-height:.82;margin-bottom:22px}.warning span{color:var(--orange)}.slot{display:grid;grid-template-columns:110px 1fr;gap:12px;align-items:center;padding:13px 0;border-top:1px solid #242432}.slot:first-of-type{border-top:0}.slot-label{font-size:11px;color:#8f8e9d;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.slot strong{font-family:"Barlow Condensed",Impact,sans-serif;font-size:28px;text-transform:uppercase}.slot strong.cyan{color:var(--cyan)}.slot strong.red{color:#ff738c}.slot strong.yellow{color:var(--yellow)}.machine-button{position:relative;margin-top:24px;width:100%;font-family:"Barlow Condensed",Impact,sans-serif;font-size:24px;text-transform:uppercase;letter-spacing:.08em}.ticker{border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);overflow:hidden;white-space:nowrap;background:#09090e}.ticker-track{display:inline-flex;gap:42px;padding:14px 0;animation:ticker 24s linear infinite;font-family:"Barlow Condensed",Impact,sans-serif;font-size:17px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#9d9ca8}.ticker b{color:var(--orange)}@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}.section{padding:92px 0}.section-tight{padding-top:24px}.section-head{display:flex;justify-content:space-between;gap:28px;align-items:end;margin-bottom:30px}.section-kicker{font-size:12px;letter-spacing:.16em;color:var(--orange);font-weight:900;text-transform:uppercase;margin-bottom:10px}.section h2{font-size:clamp(46px,7vw,82px);letter-spacing:-.03em}.section-desc{max-width:560px;color:var(--muted);line-height:1.7}.tool-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.tool-card{position:relative;min-height:310px;border:1px solid var(--line);border-radius:var(--radius);padding:28px;overflow:hidden;background:linear-gradient(155deg,rgba(19,19,28,.98),rgba(9,9,14,.98));transition:.2s transform,.2s border-color}.tool-card:hover{transform:translateY(-4px);border-color:#4e4e65}.tool-card:after{content:"";position:absolute;width:190px;height:190px;border-radius:50%;right:-50px;bottom:-60px;background:var(--glow,rgba(255,90,31,.14));filter:blur(4px)}.tool-card .num{font-family:"Barlow Condensed",Impact,sans-serif;font-size:18px;color:#777685;font-weight:800}.tool-card h3{font-size:44px;margin:40px 0 14px}.tool-card p{color:#aeadbb;line-height:1.6;max-width:500px}.tool-card .go{position:absolute;bottom:25px;left:28px;font-weight:900;color:white}.tool-card.cyan{--glow:rgba(34,227,255,.13)}.tool-card.purple{--glow:rgba(142,92,255,.15)}.tool-card.yellow{--glow:rgba(255,209,102,.13)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature-card{border:1px solid var(--line);border-radius:20px;padding:24px;background:linear-gradient(160deg,#111119,#09090e)}.feature-card strong{font-family:"Barlow Condensed",Impact,sans-serif;font-size:27px;letter-spacing:.03em}.feature-card p{color:var(--muted);line-height:1.65;margin-bottom:0}.daily{display:grid;grid-template-columns:.86fr 1.14fr;gap:18px}.daily-card,.creator-card{border:1px solid var(--line);border-radius:28px;background:#0c0c13;overflow:hidden}.daily-card{padding:28px}.daily-card h3{font-size:46px;margin:12px 0 8px}.daily-result{margin-top:25px;padding:20px;border:1px solid #292938;background:#08080d;border-radius:18px}.result-row{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #242431;padding:13px 0}.result-row:first-child{border-top:0}.result-row span{color:#8f8e9d;font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.result-row strong{text-align:right}.creator-card{padding:34px;background:radial-gradient(circle at 85% 20%,rgba(255,90,31,.18),transparent 32%),linear-gradient(150deg,#11111a,#08080d)}.creator-card .rs{font-family:"Barlow Condensed",Impact,sans-serif;font-weight:900;font-size:130px;line-height:.75;color:rgba(255,255,255,.06);letter-spacing:-.08em}.creator-card h3{font-size:54px;margin-top:24px}.creator-card p{color:#b8b7c1;line-height:1.7;max-width:620px}.creator-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.proof{padding:24px;border-left:2px solid var(--orange);background:rgba(255,255,255,.025);color:#c0bfc8;line-height:1.7;margin-top:28px}.footer{border-top:1px solid rgba(255,255,255,.08);padding:36px 0 58px;color:#93929f}.footer-grid{display:flex;justify-content:space-between;gap:30px;align-items:flex-start}.footer small{line-height:1.65;max-width:740px}.footer-links{display:flex;gap:15px;flex-wrap:wrap;font-weight:800;font-size:13px;color:#c3c2cc}.page-hero{padding:78px 0 32px}.page-hero h1{font-size:clamp(58px,8vw,104px)}.page-hero .lead{max-width:800px}.app-shell{display:grid;grid-template-columns:.74fr 1.26fr;gap:18px;padding-bottom:90px}.quiz-shell{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;padding-bottom:90px}.control-panel,.output-panel{border:1px solid var(--line);border-radius:28px;background:linear-gradient(180deg,#101018,#09090e);padding:26px;min-height:420px}.control-panel h3,.output-panel h3{font-size:34px;margin-bottom:18px}.big-action{width:100%;margin-top:18px;font-family:"Barlow Condensed",Impact,sans-serif;font-size:26px;letter-spacing:.08em;text-transform:uppercase}.micro-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:10px}.micro-btn{cursor:pointer;border:1px solid #303040;background:#0f0f17;color:#d9d8e0;border-radius:12px;padding:12px;font-weight:800}.micro-btn:hover{border-color:#55556a;background:#15151f}.result-box{display:grid;gap:12px}.result-chip{padding:19px;border:1px solid #2b2b3b;border-radius:17px;background:#0a0a10}.result-chip small{display:block;color:#8f8e9d;font-weight:900;letter-spacing:.13em;text-transform:uppercase;margin-bottom:7px}.result-chip strong{font-family:"Barlow Condensed",Impact,sans-serif;font-size:33px;text-transform:uppercase}.result-chip.orange strong{color:#ff8a5e}.result-chip.cyan strong{color:var(--cyan)}.result-chip.purple strong{color:#b29aff}.result-chip.yellow strong{color:var(--yellow)}.share-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.conversion-card{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-top:18px;padding:16px 18px;border-radius:16px;border:1px solid #292938;background:rgba(255,255,255,.025);color:#b7b6c1}.conversion-card a{color:var(--cyan);font-weight:800;text-align:right}.seo-copy{border-top:1px solid rgba(255,255,255,.08);padding:70px 0}.seo-copy h2{font-size:48px;margin-bottom:20px}.seo-copy h3{font-size:32px;margin:34px 0 12px}.seo-copy p,.seo-copy li{color:#b0afba;line-height:1.78}.seo-copy ul{padding-left:20px}.prose{max-width:920px}.data-note{padding:15px 18px;border:1px solid #2a2a38;border-radius:14px;background:#0b0b11}.data-note a{color:var(--cyan);font-weight:800}.quiz{display:grid;gap:13px}.question{border:1px solid #292938;border-radius:18px;padding:18px;background:#0b0b11}.question h4{margin:0 0 14px;font-size:17px;line-height:1.45}.answers{display:grid;grid-template-columns:1fr;gap:8px}.answer{border:1px solid #303040;border-radius:12px;padding:12px;background:#12121b;color:#dfdee5;cursor:pointer;text-align:left;line-height:1.35}.answer:hover,.answer.active{border-color:var(--orange);background:rgba(255,90,31,.08)}.answer.active{box-shadow:inset 3px 0 0 var(--orange)}.result-legend{font-family:"Barlow Condensed",Impact,sans-serif;font-size:clamp(55px,7vw,88px);line-height:.9;text-transform:uppercase;margin:8px 0;color:var(--orange);overflow-wrap:anywhere}.quiz-output{position:sticky;top:98px;height:max-content}.trait-strip{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}.trait-strip span{padding:7px 10px;border-radius:999px;background:#12121b;border:1px solid #303040;color:#d8d7df;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.mini-note{font-size:12px;color:#8f8e9d;line-height:1.55;margin-top:15px}.toast{position:fixed;right:20px;bottom:20px;z-index:9999;background:#f7f7fb;color:#09090e;padding:12px 16px;border-radius:12px;font-weight:800;box-shadow:0 16px 60px rgba(0,0,0,.4);opacity:0;transform:translateY(14px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translateY(0)}.flash{animation:flash .28s ease}@keyframes flash{0%{opacity:.25;transform:translateY(2px)}100%{opacity:1;transform:none}}.not-found{min-height:70vh;display:grid;place-items:center;text-align:center;padding:70px 0}.not-found h1{font-size:clamp(80px,14vw,180px);margin:0}.not-found p{color:var(--muted);font-size:20px;max-width:620px;margin:20px auto 28px}
@media(max-width:900px){.navlinks{display:none}.hero{padding-top:60px;min-height:auto}.hero-grid,.daily,.app-shell,.quiz-shell{grid-template-columns:1fr}.hero-machine{min-height:auto}.section-head{display:block}.section-desc{margin-top:16px}.tool-grid{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr}.footer-grid{display:block}.footer-links{margin-top:18px}.warning{font-size:58px}.quiz-output{position:static}.conversion-card{align-items:flex-start;flex-direction:column}.conversion-card a{text-align:left}}
@media(max-width:520px){.wrap{width:min(var(--max),calc(100% - 24px))}.hero{padding-top:44px}.hero-machine{border-radius:24px}.machine-core{padding:20px}.slot{grid-template-columns:90px 1fr}.slot strong{font-size:23px}.section{padding:65px 0}.section-tight{padding-top:8px}.tool-card{min-height:290px}.tool-card h3{font-size:38px}.page-hero{padding-top:54px}.control-panel,.output-panel{padding:19px}.desktop-label{display:none}.mobile-label{display:inline}.brand span:last-child{font-size:18px}.nav{gap:10px}.nav-cta{font-size:12px;padding:10px 12px}.micro-actions{grid-template-columns:1fr}.daily-card,.creator-card{padding:22px}.creator-card h3{font-size:45px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.ticker-track{animation:none}.btn:hover,.tool-card:hover{transform:none}}