@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;0,900;1,400;1,700&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&display=swap");:root{--bg:#1A1714;--bg-elevated:#201D19;--surface:#252118;--surface-2:#2E2A23;--surface-3:#38332A;--text-primary:#F5EDD6;--text-secondary:#C4B89A;--text-muted:#857866;--text-inverse:#1A1714;--border:#3A3529;--border-subtle:#2A2620;--border-strong:#554E40;--accent:#C9952A;--accent-light:#E0AD4A;--accent-dim:#7A5A18;--accent-surface:#2A2214;--accent-on:var(--text-inverse);--focus-ring:rgba(201,149,42,0.16);--accent-border:rgba(201,149,42,0.45);--accent-2:#D4645A;--accent-2-light:#E08078;--accent-2-dim:#7A3830;--answer-1:#E63946;--answer-1-dark:#B82B36;--answer-1-text:#FFFFFF;--answer-2:#1D6ED8;--answer-2-dark:#1550A8;--answer-2-text:#FFFFFF;--answer-3:#F4B400;--answer-3-dark:#C49000;--answer-3-text:#1A1714;--answer-4:#2A9D8F;--answer-4-dark:#1F7A6E;--answer-4-text:#FFFFFF;--color-success:#2A9D8F;--color-error:#E63946;--color-warning:#F4B400;--color-info:#1D6ED8;--success:var(--color-success);--danger:var(--color-error);--tier-free:#857866;--tier-event-7d:#D4645A;--tier-event-30d:#1D6ED8;--tier-pro:#2A9D8F;--color-correct-bg:rgba(42,157,143,0.15);--color-wrong-bg:rgba(230,57,70,0.12);--font-display:"Playfair Display",Georgia,serif;--font-body:"DM Sans","Helvetica Neue",sans-serif;--font-mono:"DM Mono","Menlo","Consolas",monospace;--h1-size:var(--text-3xl);--h1-family:var(--font-display);--h1-weight:var(--weight-bold);--h1-leading:var(--leading-tight);--h2-size:var(--text-2xl);--h2-family:var(--font-display);--h2-weight:var(--weight-semibold);--h2-leading:var(--leading-snug);--h3-size:var(--text-xl);--h3-family:var(--font-body);--h3-weight:var(--weight-semibold);--h3-leading:var(--leading-snug);--body-size:var(--text-base);--body-family:var(--font-body);--body-weight:var(--weight-regular);--body-leading:var(--leading-normal);--caption-size:var(--text-sm);--caption-family:var(--font-body);--caption-weight:var(--weight-regular);--caption-leading:var(--leading-normal);--code-size:var(--text-sm);--code-family:var(--font-mono);--code-weight:var(--weight-regular);--nums-tabular:"tnum" 1;--text-2xs:11px;--text-xs:12px;--text-sm:13px;--text-base:16px;--text-md:18px;--text-lg:20px;--text-xl:24px;--text-2xl:30px;--text-3xl:36px;--text-4xl:48px;--text-5xl:64px;--text-6xl:80px;--text-display:96px;--text-hero:128px;--weight-light:300;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-black:900;--leading-tight:1.1;--leading-snug:1.25;--leading-normal:1.5;--leading-relaxed:1.65;--tracking-tight:-0.03em;--tracking-normal:0em;--tracking-wide:0.05em;--tracking-wider:0.12em;--tracking-widest:0.2em;--space-0:0px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--space-32:128px;--radius-xs:2px;--radius-sm:4px;--radius-md:10px;--radius-lg:18px;--radius-xl:28px;--radius-full:9999px;--shadow-sm:0 1px 3px rgba(0,0,0,0.4),0 1px 2px rgba(0,0,0,0.3);--shadow-md:0 4px 12px rgba(0,0,0,0.5),0 2px 4px rgba(0,0,0,0.3);--shadow-lg:0 12px 40px rgba(0,0,0,0.6),0 4px 12px rgba(0,0,0,0.4);--shadow-glow:0 0 40px rgba(201,149,42,0.35),0 0 80px rgba(201,149,42,0.15);--shadow-answer:0 4px 20px rgba(0,0,0,0.4),inset 0 1px 0 rgba(255,255,255,0.12);--ease-linear:linear;--ease-in:cubic-bezier(0.4,0,1,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--ease-snap:cubic-bezier(0.2,0.9,0.3,1.2);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--ease-settle:cubic-bezier(0.16,1,0.3,1);--duration-instant:80ms;--duration-quick:200ms;--duration-normal:350ms;--duration-slow:500ms;--duration-lazy:800ms;--duration-dramatic:1200ms;--z-base:0;--z-raised:10;--z-overlay:100;--z-modal:200;--z-toast:300;--z-tip:400}[data-theme=light]{--bg:#FFF4D6;--bg-elevated:#FFEAB8;--surface:#FFFFFF;--surface-2:#FFF8E8;--surface-3:#FFEAB8;--text-primary:#1A1714;--text-secondary:#463E2C;--text-muted:#7A6E58;--text-inverse:#FFFFFF;--border:#DDD5BE;--border-subtle:#EDE5CC;--border-strong:#BDB09A;--accent:#FF4D5E;--accent-light:#FF6B7A;--accent-dim:#CC3D4B;--accent-surface:#FFE5E7;--accent-on:#FFFFFF;--accent-2:#2C68F0;--accent-2-light:#5A8CF5;--accent-2-dim:#1D4FBF;--tier-free:#7A6E58;--tier-event-7d:#FF4D5E;--tier-event-30d:#2C68F0;--tier-pro:#2A9D8F;--focus-ring:rgba(255,77,94,0.16);--accent-border:rgba(255,77,94,0.45);--font-display:"Caprasimo",Georgia,serif;--font-body:"DM Sans","Helvetica Neue",sans-serif;--shadow-sm:0 1px 3px rgba(0,0,0,0.08),0 1px 2px rgba(0,0,0,0.06);--shadow-md:0 4px 12px rgba(0,0,0,0.12),0 2px 4px rgba(0,0,0,0.08);--shadow-lg:0 12px 40px rgba(0,0,0,0.16),0 4px 12px rgba(0,0,0,0.1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-regular);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--bg)}.tabular-nums{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.answer-tile{background:var(--answer-bg,var(--answer-1));color:var(--answer-text,var(--answer-1-text));border-radius:var(--radius-lg);box-shadow:var(--shadow-answer);transition:transform var(--duration-quick) var(--ease-snap),opacity var(--duration-normal) var(--ease-out);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.answer-tile:hover{filter:brightness(1.08)}.answer-tile:active{transform:scale(.97)}.answer-tile.is-selected{box-shadow:0 0 0 3px rgba(255,255,255,.5),var(--shadow-answer)}.answer-tile.is-dimmed{opacity:.3}.answer-tile.is-correct{animation:tileCorrect .4s var(--ease-snap) forwards;box-shadow:0 0 0 4px rgba(255,255,255,.6),var(--shadow-answer)}.answer-tile.is-wrong{opacity:.35;filter:saturate(.5)}@keyframes tileCorrect{0%{transform:scale(1)}50%{transform:scale(1.04)}to{transform:scale(1.025)}}.answer-slot-1{--answer-bg:var(--answer-1);--answer-text:var(--answer-1-text)}.answer-slot-2{--answer-bg:var(--answer-2);--answer-text:var(--answer-2-text)}.answer-slot-3{--answer-bg:var(--answer-3);--answer-text:var(--answer-3-text)}.answer-slot-4{--answer-bg:var(--answer-4);--answer-text:var(--answer-4-text)}.reveal-grid{display:grid;grid-template-columns:minmax(0,1fr) clamp(320px,32vw,460px);grid-template-rows:52px 1fr;height:100vh;background:var(--bg);overflow:hidden}@media (max-width:1279px){.reveal-grid{grid-template-columns:1fr;grid-template-rows:52px 1fr auto;overflow-y:auto}.reveal-grid-rail{border-left:none!important;border-top:1px solid var(--border-subtle);max-height:360px}}.host-screen-controls{position:fixed;top:var(--space-4);left:var(--space-4);right:var(--space-4);z-index:var(--z-overlay);display:flex;align-items:center;justify-content:space-between;pointer-events:none}.host-screen-controls-left{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);pointer-events:auto}.host-screen-controls-right{display:flex;align-items:center;gap:var(--space-2);pointer-events:auto}.host-icon-control{width:40px;height:40px;display:inline-grid;place-items:center;padding:0;border:1px solid var(--border);border-radius:var(--radius-sm);background:rgba(37,33,24,.92);color:var(--text-secondary);font:inherit;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform var(--duration-quick) var(--ease-snap),border-color var(--duration-quick) var(--ease-out),color var(--duration-quick) var(--ease-out)}.host-icon-control svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;fill:currentColor}.host-icon-control svg path[fill=none]{fill:none}.host-icon-control:hover:not(:disabled){transform:translateY(-1px);border-color:var(--accent);color:var(--text-primary)}.host-progress-control:hover:not(:disabled){transform:translateY(-1px);color:var(--text-inverse)}.host-sound-control.is-enabled{border-color:var(--color-success);color:var(--color-success)}.host-sound-control.is-muted{border-color:var(--border);color:var(--text-muted)}.host-progress-control{min-height:40px;padding:0 var(--space-4);border:1px solid var(--accent);border-radius:var(--radius-sm);background:var(--accent);color:var(--text-inverse);font:inherit;font-size:var(--text-sm);font-weight:var(--weight-bold);cursor:pointer;box-shadow:var(--shadow-sm);transition:transform var(--duration-quick) var(--ease-snap),border-color var(--duration-quick) var(--ease-out),color var(--duration-quick) var(--ease-out)}.host-settings-control-wrap{position:relative}.host-settings-control.is-open{border-color:var(--accent);color:var(--accent)}.host-settings-popover{position:absolute;top:calc(100% + var(--space-2));left:0;width:min(320px,calc(100vw - var(--space-8)));padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:rgba(37,33,24,.97);color:var(--text-primary);box-shadow:var(--shadow-lg)}.host-settings-popover-title{padding:0 var(--space-1) var(--space-2);color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wider);text-transform:uppercase}.host-settings-row{width:100%;min-height:72px;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-primary);font:inherit;text-align:left;cursor:pointer}.host-settings-row:hover{border-color:var(--accent)}.host-settings-row-icon{width:32px;height:32px;display:inline-grid;place-items:center;flex-shrink:0;color:var(--accent)}.host-settings-row-icon svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.host-settings-row-copy{min-width:0;flex:1 1;display:grid;grid-gap:2px;gap:2px}.host-settings-row-label{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--weight-bold)}.host-settings-row-help{color:var(--text-muted);font-size:var(--text-xs);line-height:var(--leading-tight)}.host-settings-switch{width:38px;height:22px;display:inline-flex;align-items:center;padding:2px;flex-shrink:0;border-radius:var(--radius-full);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--border);transition:background var(--duration-quick) var(--ease-out)}.host-settings-switch span{width:18px;height:18px;border-radius:var(--radius-full);background:var(--text-muted);transition:transform var(--duration-quick) var(--ease-snap),background var(--duration-quick) var(--ease-out)}.host-settings-switch.is-enabled{background:color-mix(in srgb,var(--color-success) 28%,var(--surface-2))}.host-settings-switch.is-enabled span{transform:translateX(16px);background:var(--color-success)}.leaderboard-row{display:flex;align-items:center;gap:var(--space-3);min-height:64px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);opacity:0;transform:translateY(14px) scale(.98);animation:leaderboardRowIn var(--duration-lazy) var(--ease-settle) forwards}.leaderboard-row.is-leader{box-shadow:var(--shadow-glow)}.leaderboard-row.moved-up{animation-name:leaderboardRowIn,leaderboardMovedUp;animation-duration:var(--duration-lazy),.9s;animation-timing-function:var(--ease-settle),var(--ease-spring);animation-fill-mode:forwards,both}.leaderboard-rank{width:34px;flex:0 0 34px;font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--accent-light)}.leaderboard-name{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-lg);font-weight:var(--weight-semibold)}.leaderboard-delta,.leaderboard-jump{flex:0 0 auto;padding:2px var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--text-inverse);background:var(--color-success);animation:leaderboardBadgePop .7s var(--ease-spring) both}.leaderboard-jump{background:var(--accent)}.leaderboard-score{flex:0 0 116px;text-align:right;font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text-primary)}.leaderboard-score.has-gain{color:var(--accent-light)}@keyframes leaderboardRowIn{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes leaderboardMovedUp{0%,35%{box-shadow:var(--shadow-glow)}55%{transform:translateY(-8px) scale(1.025)}to{transform:translateY(0) scale(1)}}@keyframes leaderboardBadgePop{0%{opacity:0;transform:scale(.75)}45%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@import url("https://fonts.googleapis.com/css2?family=Caprasimo&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&display=swap");[data-surface=marketing]{--m-bg:#FFF4D6;--m-bg-alt:#FFEAB8;--m-surface:#FFFFFF;--m-ink:#1A1714;--m-ink-soft:#463E2C;--m-ink-mute:#7A6E58;--m-red:#FF4D5E;--m-blue:#2C68F0;--m-yellow:#FFD23D;--m-green:#2DC9A4;--m-pink:#FF7AB6;--m-purple:#8B5CF6;--m-line:#1A1714;--m-font-display:"Caprasimo",Georgia,serif;--m-font-body:"DM Sans",-apple-system,BlinkMacSystemFont,sans-serif;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;font-family:var(--m-font-body);color:var(--m-ink);background:var(--m-bg);line-height:1.6;overflow-x:hidden}[data-surface=marketing] *,[data-surface=marketing] :after,[data-surface=marketing] :before{box-sizing:border-box;margin:0;padding:0}[data-surface=marketing] a{color:inherit;text-decoration:none}[data-surface=marketing] button{font-family:inherit;cursor:pointer;border:none;background:none}[data-surface=marketing] .container{max-width:1200px;margin:0 auto;padding:0 32px}[data-surface=marketing] nav{position:-webkit-sticky;position:sticky;top:0;z-index:100;background:var(--m-bg);border-bottom:2px solid var(--m-line)}[data-surface=marketing] .nav-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 32px;max-width:1200px;margin:0 auto}[data-surface=marketing] .logo{display:flex;align-items:center;gap:8px;font-family:var(--m-font-display);font-size:28px;color:var(--m-ink);line-height:1}[data-surface=marketing] .logo img{width:128px;height:auto;display:block}[data-surface=marketing] .logo .five{background:var(--m-red);color:#fff;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-size:22px;transform:rotate(-8deg);border:2px solid var(--m-ink);box-shadow:3px 3px 0 var(--m-ink)}[data-surface=marketing] .nav-links{display:flex;gap:32px;align-items:center}[data-surface=marketing] .nav-links a{font-size:15px;font-weight:500;color:var(--m-ink-soft);transition:color .15s}[data-surface=marketing] .nav-links a:hover{color:var(--m-ink)}[data-surface=marketing] .btn,[data-surface=marketing] .nav-links a.active{color:var(--m-ink);font-weight:600}[data-surface=marketing] .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--m-font-body);border:2px solid var(--m-ink);border-radius:12px;padding:12px 22px;font-size:15px;transition:transform .12s ease,box-shadow .12s ease;box-shadow:4px 4px 0 var(--m-ink);background:var(--m-surface)}[data-surface=marketing] .btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--m-ink)}[data-surface=marketing] .btn:active{transform:translate(0);box-shadow:2px 2px 0 var(--m-ink)}[data-surface=marketing] .btn-primary{background:var(--m-red);color:#fff}[data-surface=marketing] .btn-yellow{background:var(--m-yellow)}[data-surface=marketing] .btn-green{background:var(--m-green);color:#fff}[data-surface=marketing] .btn-blue{background:var(--m-blue);color:#fff}[data-surface=marketing] .btn-large{padding:16px 32px;font-size:17px;border-radius:14px}[data-surface=marketing] section{padding:96px 0;position:relative}[data-surface=marketing] .section-tag{display:inline-block;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;background:var(--m-ink);color:var(--m-bg);padding:6px 14px;border-radius:99px;margin-bottom:16px}[data-surface=marketing] .section-h{font-family:var(--m-font-display);font-size:clamp(36px,4.5vw,56px);line-height:1;letter-spacing:-.02em;margin-bottom:18px;color:var(--m-ink)}[data-surface=marketing] .section-p{font-size:19px;color:var(--m-ink-soft);max-width:620px;margin-bottom:48px}[data-surface=marketing] .page-hero{padding:72px 0 56px}[data-surface=marketing] .page-hero h1{font-family:var(--m-font-display);font-size:clamp(48px,7vw,88px);line-height:.96;letter-spacing:-.02em;margin-bottom:20px;max-width:900px}[data-surface=marketing] .page-hero h1 .swoosh{position:relative;display:inline-block}[data-surface=marketing] .page-hero h1 .swoosh:after{content:"";position:absolute;left:-4px;right:-4px;bottom:4px;height:16px;z-index:-1;border-radius:4px;transform:rotate(-1.5deg)}[data-surface=marketing] .page-hero h1 .swoosh.yellow:after{background:var(--m-yellow)}[data-surface=marketing] .page-hero h1 .swoosh.pink:after{background:var(--m-pink)}[data-surface=marketing] .page-hero h1 .swoosh.green:after{background:var(--m-green)}[data-surface=marketing] .page-hero p.lede{font-size:21px;color:var(--m-ink-soft);max-width:620px}[data-surface=marketing] footer{background:var(--m-ink);color:#fff;padding:56px 0 32px}[data-surface=marketing] .footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;grid-gap:48px;gap:48px;margin-bottom:40px}[data-surface=marketing] .footer-logo{font-family:var(--m-font-display);font-size:32px;color:#fff;display:flex;align-items:center;gap:8px;margin-bottom:14px}[data-surface=marketing] .footer-logo img{width:140px;height:auto;display:block}[data-surface=marketing] .footer-logo .five{background:var(--m-red);color:#fff;width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-size:24px;transform:rotate(-8deg);border:2px solid var(--m-bg)}[data-surface=marketing] footer p{color:rgba(255,255,255,.65);font-size:14px;max-width:320px;line-height:1.6}[data-surface=marketing] footer h5{font-size:13px;text-transform:uppercase;letter-spacing:.1em;color:var(--m-yellow);margin-bottom:14px;font-weight:700}[data-surface=marketing] footer ul{list-style:none;display:flex;flex-direction:column;gap:10px}[data-surface=marketing] footer a{color:rgba(255,255,255,.7);font-size:14px;transition:color .15s}[data-surface=marketing] footer a:hover{color:var(--m-yellow)}[data-surface=marketing] .footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:24px;display:flex;justify-content:space-between;align-items:center;font-size:13px;color:rgba(255,255,255,.5)}[data-surface=marketing] .m-shell,[data-surface=marketing].m-shell{min-height:100vh;background:var(--m-bg);color:var(--m-ink);font-family:var(--m-font-body)}@media (max-width:880px){[data-surface=marketing] .nav-links{display:none}[data-surface=marketing] .footer-grid{grid-template-columns:1fr}[data-surface=marketing] .container{padding:0 20px}[data-surface=marketing] .nav-inner{padding:12px 20px}[data-surface=marketing] section{padding:64px 0}}.qz-app{min-height:100vh;background:var(--bg);color:var(--text-primary)}.qz-container{width:min(100% - 48px,1120px);margin:0 auto}.qz-admin-shell{min-height:100vh;display:grid;grid-template-columns:232px minmax(0,1fr);background:var(--bg);color:var(--text-primary)}.qz-admin-sidebar{position:-webkit-sticky;position:sticky;top:0;height:100vh;flex-direction:column;background:var(--surface);border-right:1px solid var(--border)}.qz-admin-brand,.qz-admin-sidebar{display:flex;color:var(--text-primary)}.qz-admin-brand{align-items:center;gap:var(--space-3);padding:var(--space-5);border-bottom:1px solid var(--border);text-decoration:none}.qz-admin-brand img{width:142px;height:auto;display:block}.qz-admin-nav{display:flex;flex:1 1;flex-direction:column;gap:var(--space-1);padding:var(--space-3)}.qz-admin-nav a{display:flex;align-items:center;gap:var(--space-2);min-height:38px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;font-size:var(--text-sm);font-weight:var(--weight-medium)}.qz-admin-nav a:hover,.qz-admin-nav a[aria-current=page]{background:var(--surface-2);color:var(--text-primary)}.qz-admin-footer{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-top:1px solid var(--border)}.qz-admin-contact{display:flex;flex-direction:column;gap:var(--space-1);color:var(--text-muted);font-size:var(--text-xs)}.qz-admin-contact a,.qz-admin-contact span{color:var(--text-secondary);font-weight:var(--weight-semibold)}.qz-admin-contact a{font-size:var(--text-sm);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qz-admin-contact a:hover{color:var(--text-primary);text-decoration:underline}.qz-admin-user{display:flex;flex-direction:column;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--border-subtle);color:var(--text-muted);font-size:var(--text-xs)}.qz-admin-user strong{display:block;margin-top:var(--space-1);color:var(--text-secondary);font-size:var(--text-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qz-admin-logout{width:100%;min-height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);font:inherit;font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer}.qz-admin-logout:hover{border-color:var(--accent-border);color:var(--text-primary);background:var(--surface-2)}.qz-admin-main{min-width:0;display:flex;flex-direction:column}.qz-admin-topbar{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:0 var(--space-8);background:var(--surface);border-bottom:1px solid var(--border)}.qz-admin-content{width:min(100%,1180px);padding:var(--space-8)}.qz-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-6);margin-bottom:var(--space-6)}.qz-eyebrow{color:var(--text-muted);font-size:var(--text-xs);letter-spacing:var(--tracking-wider);text-transform:uppercase}.qz-eyebrow,.qz-page-title{font-weight:var(--weight-bold)}.qz-page-title{margin-top:var(--space-1);font-family:var(--font-display);font-size:var(--text-3xl);line-height:var(--leading-tight)}.qz-page-copy{margin-top:var(--space-2);color:var(--text-secondary)}.qz-card,.qz-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.qz-card{padding:var(--space-5)}.qz-panel{overflow:hidden}.qz-panel-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border)}.qz-panel-body{padding:var(--space-5)}.qz-stack{display:flex;flex-direction:column;gap:var(--space-4)}.qz-inline{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.qz-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:var(--space-4);gap:var(--space-4)}.qz-stat{padding:var(--space-4)}.qz-stat-label{color:var(--text-muted);font-size:var(--text-xs);letter-spacing:var(--tracking-wider);text-transform:uppercase}.qz-stat-label,.qz-stat-value{font-weight:var(--weight-bold)}.qz-stat-value{margin-top:var(--space-1);font-family:var(--font-display);font-size:var(--text-3xl);line-height:1}.qz-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:38px;padding:var(--space-2) var(--space-4);border:1px solid transparent;border-radius:var(--radius-sm);font:inherit;font-size:var(--text-sm);font-weight:var(--weight-semibold);line-height:1;text-decoration:none;cursor:pointer;transition:transform var(--duration-instant) var(--ease-out),background var(--duration-quick) var(--ease-out),border-color var(--duration-quick) var(--ease-out)}.qz-button:hover:not(:disabled){transform:translateY(-1px)}.qz-button:active:not(:disabled){transform:scale(.98)}.qz-button:disabled{opacity:.55;cursor:not-allowed}.qz-button-primary{background:var(--accent);color:var(--text-inverse)}.qz-button-secondary{background:var(--surface);border-color:var(--border);color:var(--text-primary)}.qz-button-ghost{background:transparent;border-color:var(--border);color:var(--text-secondary)}.qz-button-danger{background:transparent;border-color:rgba(230,57,70,.35);color:var(--color-error)}.qz-button-large{min-height:48px;padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-size:var(--text-base)}.qz-field{display:flex;flex-direction:column;gap:var(--space-1)}.qz-label{color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.qz-input,.qz-select,.qz-textarea{width:100%;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-primary);font:inherit;font-size:var(--text-base);outline:none}.qz-input,.qz-select{min-height:40px;padding:var(--space-2) var(--space-3)}.qz-textarea{min-height:88px;padding:var(--space-3);resize:vertical}.qz-input:focus,.qz-select:focus,.qz-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus-ring)}.qz-alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);color:var(--text-secondary)}.qz-alert-error{border-color:rgba(230,57,70,.35);background:var(--color-wrong-bg);color:var(--color-error)}.qz-alert-success{border-color:rgba(42,157,143,.35);background:var(--color-correct-bg);color:var(--color-success)}.qz-table{width:100%;border-collapse:collapse}.qz-table td,.qz-table th{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);text-align:left;vertical-align:middle}.qz-table th{background:var(--surface-2);color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wider);text-transform:uppercase}.qz-table tr:hover td{background:var(--surface-3)}.qz-badge{display:inline-flex;align-items:center;gap:var(--space-1);min-height:24px;padding:0 var(--space-2);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.qz-badge-accent{border-color:var(--accent-border);background:var(--accent-surface);color:var(--accent-light)}.qz-tier-badge{display:inline-flex;align-items:center;min-height:24px;padding:0 var(--space-2);border:1px solid color-mix(in srgb,var(--tier-accent) 52%,transparent);border-radius:var(--radius-full);background:color-mix(in srgb,var(--tier-accent) 14%,var(--surface));color:var(--tier-accent);font-size:var(--text-xs);font-weight:var(--weight-bold);white-space:nowrap}.qz-plan-limit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:0;gap:0;margin-top:var(--space-5);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.qz-plan-limit{min-height:104px;display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-5) var(--space-4) 0}.qz-plan-limit+.qz-plan-limit{padding-left:var(--space-5);border-left:1px solid var(--border-subtle)}.qz-plan-limit-value{color:var(--text-primary);font-size:var(--text-xl);font-weight:var(--weight-bold);line-height:var(--leading-tight)}.qz-plan-limit-helper{color:var(--text-muted);font-size:var(--text-sm);line-height:var(--leading-snug)}.qz-quiz-grid{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.qz-quiz-card{position:relative}.qz-quiz-card-locked{border-color:var(--border-strong)}.qz-lock-overlay{margin-top:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.qz-empty{padding:var(--space-16) var(--space-6);text-align:center;color:var(--text-muted)}.qz-auth-shell{min-height:100vh;display:grid;place-items:center;padding:var(--space-6);background:var(--bg)}.qz-auth-card{width:min(100%,380px)}.qz-auth-brand{margin-bottom:var(--space-8);text-align:center}.qz-auth-brand a{display:inline-flex;color:inherit;text-decoration:none}.qz-auth-brand img{width:164px;height:auto}.qz-auth-brand h1{margin-top:var(--space-3);font-family:var(--font-display);font-size:var(--text-3xl);line-height:1}.qz-auth-brand p{margin-top:var(--space-1);color:var(--text-muted);font-size:var(--text-sm)}.library-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:var(--z-overlay);animation:libFadeIn .2s ease-out}.library-drawer{position:fixed;top:0;right:0;bottom:0;width:400px;max-width:100%;background:var(--surface);border-left:1px solid var(--border);z-index:var(--z-modal);display:flex;flex-direction:column;animation:libSlideInRight .35s var(--ease-settle)}@media (max-width:767px){.library-drawer{top:auto;left:0;right:0;bottom:0;width:100%;height:100%;border-left:none;border-top:1px solid var(--border);animation:libSlideUp .35s var(--ease-settle)}}@keyframes libFadeIn{0%{opacity:0}to{opacity:1}}@keyframes libSlideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes libSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.library-drawer,.library-overlay{animation:none}}.cv-pink{background:#FF7AB6;color:#FFFFFF}.cv-blue{background:#2C68F0;color:#FFFFFF}.cv-yellow{background:#FFD23D;color:#1A1714}.cv-green{background:#2DC9A4;color:#FFFFFF}.cv-red{background:#FF4D5E;color:#FFFFFF}.cv-purple{background:#8B5CF6;color:#FFFFFF}@media (max-width:860px){.qz-container{width:min(100% - 32px,1120px)}.qz-admin-shell{display:block}.qz-admin-sidebar{position:static;height:auto}.qz-admin-footer,.qz-admin-nav{display:none}.qz-admin-content,.qz-admin-topbar{padding-left:var(--space-5);padding-right:var(--space-5)}.qz-page-header{flex-direction:column;align-items:stretch}.qz-plan-limit-grid{border-bottom:0}.qz-plan-limit{padding:var(--space-4) 0;border-bottom:1px solid var(--border-subtle)}.qz-plan-limit+.qz-plan-limit{padding-left:0;border-left:0}}.qz-game-screen{width:100vw;height:100vh;background:var(--bg);color:var(--text-primary);overflow:hidden;position:relative}.qz-host-question-screen{display:grid;grid-template-columns:minmax(128px,180px) minmax(0,1fr) minmax(128px,180px);grid-template-rows:minmax(0,1fr) minmax(220px,36vh);grid-gap:var(--space-4);gap:var(--space-4);padding:var(--space-6)}.qz-host-question-side{display:flex;align-items:center;justify-content:center;min-width:0}.qz-game-side-stat{display:grid;place-items:center;grid-gap:var(--space-2);gap:var(--space-2);min-width:112px;color:var(--text-primary);text-align:center}.qz-game-side-stat-label{color:var(--text-secondary);font-size:var(--text-lg);font-weight:var(--weight-bold);line-height:var(--leading-tight)}.qz-game-side-stat-value{font-family:var(--font-display);font-size:var(--text-5xl);font-weight:var(--weight-black);line-height:1}.qz-host-question-main{min-width:0;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);grid-gap:var(--space-5);gap:var(--space-5);align-items:stretch}.qz-host-question-main[data-has-media=false]{grid-template-rows:minmax(0,1fr);align-items:center}.qz-game-question-prompt{max-width:1120px;margin:0 auto;font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--weight-bold);line-height:var(--leading-tight);text-align:center;text-wrap:balance;overflow-wrap:anywhere}.qz-game-question-prompt[data-stage=center]{font-size:var(--text-6xl)}.qz-game-media-stage{min-width:0;min-height:0;display:grid;place-items:center}.qz-game-media-frame{width:min(100%,980px);height:100%;min-height:0;border-radius:var(--radius-lg);overflow:hidden;background:var(--surface);border:1px solid var(--border-subtle);box-shadow:var(--shadow-md)}.qz-game-media-frame img{width:100%;height:100%;object-fit:contain;display:block;background:var(--surface-2)}.qz-game-media-grid{width:min(100%,980px);height:100%;min-height:0;display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.qz-game-media-grid[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.qz-game-media-grid[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.qz-game-media-grid[data-count="4"]{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}.qz-game-media-grid[data-count="5"],.qz-game-media-grid[data-count="6"]{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}.qz-game-media-grid-item{min-width:0;min-height:0;border-radius:var(--radius-md);overflow:hidden;background:var(--surface);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm)}.qz-game-media-grid-item img{width:100%;height:100%;object-fit:cover;display:block}.qz-game-answer-grid{grid-column:1/-1;min-width:0;min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));grid-gap:var(--space-3);gap:var(--space-3)}@media (max-width:1100px){.qz-host-question-screen{grid-template-columns:minmax(108px,132px) minmax(0,1fr) minmax(108px,132px);grid-template-rows:minmax(0,1fr) minmax(220px,42vh);padding:var(--space-4)}.qz-game-question-prompt{font-size:var(--text-3xl)}.qz-game-question-prompt[data-stage=center]{font-size:var(--text-5xl)}.qz-game-side-stat-value{font-size:var(--text-4xl)}.qz-game-side-stat-label{font-size:var(--text-md)}}[data-surface=marketing] .price-card.event{background:var(--m-purple);color:#fff}[data-surface=marketing] .price-card.event .price-num{color:#fff}[data-surface=marketing] .price-card.event .price-period{color:rgba(255,255,255,.8)}[data-surface=marketing] .price-card.event .price-divider{background:rgba(255,255,255,.25);opacity:1}[data-surface=marketing] .price-card.event .price-feat{color:#fff}[data-surface=marketing] .price-card.event .price-sub{color:rgba(255,255,255,.8)}[data-surface=marketing] .compare-section{background:var(--m-surface);border-top:2px solid var(--m-line);border-bottom:2px solid var(--m-line)}[data-surface=marketing] .compare-table{width:100%;border-collapse:separate;border-spacing:0;background:var(--m-bg);border:2.5px solid var(--m-ink);border-radius:20px;overflow:hidden}[data-surface=marketing] .compare-table td,[data-surface=marketing] .compare-table th{padding:18px 24px;text-align:left;border-bottom:1px solid rgba(26,23,20,.12);font-size:15px}[data-surface=marketing] .compare-table th{background:var(--m-ink);color:var(--m-bg);font-family:var(--m-font-display);font-weight:400;font-size:18px}[data-surface=marketing] .compare-table th:first-child{font-family:var(--m-font-body);font-size:13px;text-transform:uppercase;letter-spacing:.08em;font-weight:600;color:var(--m-yellow)}[data-surface=marketing] .compare-table th.featured-col{background:var(--m-yellow);color:var(--m-ink)}[data-surface=marketing] .compare-table td:first-child{font-weight:600;color:var(--m-ink)}[data-surface=marketing] .compare-table tr:last-child td{border-bottom:none}[data-surface=marketing] .compare-table .check{color:var(--m-green)}[data-surface=marketing] .compare-table .cross{color:var(--m-ink-mute)}[data-surface=marketing] .pfaq-section{background:var(--m-bg-alt);border-top:2px solid var(--m-line)}[data-surface=marketing] .pfaq-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px 40px;gap:20px 40px}@media (max-width:880px){[data-surface=marketing] .pfaq-grid{grid-template-columns:1fr}[data-surface=marketing] .compare-table{font-size:13px}[data-surface=marketing] .compare-table td,[data-surface=marketing] .compare-table th{padding:12px 14px}}[data-surface=marketing] .step-section{padding:80px 0;border-bottom:2px solid var(--m-line)}[data-surface=marketing] .step-section.alt{background:var(--m-bg-alt)}[data-surface=marketing] .step-grid{display:grid;grid-template-columns:.9fr 1.1fr;grid-gap:80px;gap:80px;align-items:center}[data-surface=marketing] .step-grid.reverse{grid-template-columns:1.1fr .9fr}[data-surface=marketing] .step-grid.reverse .step-text{order:2}[data-surface=marketing] .step-num-big{font-family:var(--m-font-display);font-size:96px;line-height:.9;color:var(--m-ink);margin-bottom:16px;display:inline-block;position:relative}[data-surface=marketing] .step-num-big:after{content:"";position:absolute;left:-6px;right:-6px;bottom:8px;height:18px;z-index:-1;transform:rotate(-2deg);border-radius:4px}[data-surface=marketing] .num-pink:after{background:var(--m-pink)}[data-surface=marketing] .num-blue:after{background:var(--m-blue)}[data-surface=marketing] .num-yellow:after{background:var(--m-yellow)}[data-surface=marketing] .num-green:after{background:var(--m-green)}[data-surface=marketing] .step-h-big{font-family:var(--m-font-display);font-size:clamp(32px,4vw,48px);line-height:1;margin-bottom:16px;letter-spacing:-.01em}[data-surface=marketing] .step-p-big{font-size:18px;color:var(--m-ink-soft);margin-bottom:24px;line-height:1.6}[data-surface=marketing] .step-list{list-style:none;display:flex;flex-direction:column;gap:10px}[data-surface=marketing] .step-list li{display:flex;align-items:flex-start;gap:10px;font-size:15px;color:var(--m-ink)}[data-surface=marketing] .step-list li:before{content:"→";color:var(--m-red);font-weight:700;flex-shrink:0}[data-surface=marketing] .mock-card{background:var(--m-surface);border:2.5px solid var(--m-ink);border-radius:24px;padding:28px;box-shadow:8px 8px 0 var(--m-ink);position:relative}[data-surface=marketing] .mock-card.dark{background:var(--m-ink);color:#fff;box-shadow:8px 8px 0 var(--m-yellow)}[data-surface=marketing] .editor-row{background:var(--m-bg);border:2px solid var(--m-ink);border-radius:12px;padding:14px 16px;margin-bottom:12px;display:flex;align-items:center;gap:12px;font-weight:600}[data-surface=marketing] .editor-row .editor-num{width:28px;height:28px;border-radius:50%;background:var(--m-ink);color:var(--m-bg);display:flex;align-items:center;justify-content:center;font-family:var(--m-font-display);font-size:14px}[data-surface=marketing] .editor-mini-tiles{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;margin-top:12px}[data-surface=marketing] .mini-tile{padding:10px;border:2px solid var(--m-ink);border-radius:8px;font-size:13px;font-weight:600;display:flex;align-items:center;gap:6px}[data-surface=marketing] .mt-r{background:var(--m-red);color:#fff}[data-surface=marketing] .mt-b{background:var(--m-blue);color:#fff}[data-surface=marketing] .mt-y{background:var(--m-yellow)}[data-surface=marketing] .mt-g{background:var(--m-green);color:#fff}[data-surface=marketing] .room-code{font-family:var(--m-font-display);font-size:64px;color:var(--m-yellow);letter-spacing:.16em;line-height:1;margin:8px 0 16px}[data-surface=marketing] .qr-mock{width:140px;height:140px;background:#fff;display:grid;grid-template-columns:repeat(7,1fr);grid-gap:2px;gap:2px;padding:12px;border-radius:12px}[data-surface=marketing] .qr-mock div{background:var(--m-ink)}[data-surface=marketing] .qr-mock div.empty{background:#fff}[data-surface=marketing] .leaderboard-row{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--m-bg);border:2px solid var(--m-ink);border-radius:10px;margin-bottom:8px}[data-surface=marketing] .lb-rank{font-family:var(--m-font-display);font-size:24px;line-height:1;width:32px}[data-surface=marketing] .lb-name{flex:1 1;font-weight:600}[data-surface=marketing] .lb-score{font-family:var(--m-font-display);font-size:18px}@media (max-width:880px){[data-surface=marketing] .step-grid,[data-surface=marketing] .step-grid.reverse{grid-template-columns:1fr;gap:40px}[data-surface=marketing] .step-grid.reverse .step-text{order:0}}[data-surface=marketing] .sample-hero{padding:28px 0 22px}[data-surface=marketing] .sample-hero h1{margin-top:8px;font-family:var(--m-font-display);font-size:clamp(34px,5vw,56px);line-height:1;max-width:920px}[data-surface=marketing] .sample-status{margin-top:10px;color:var(--m-ink-soft);font-weight:700}[data-surface=marketing] .filter-bar{display:flex;gap:10px;flex-wrap:nowrap;overflow-x:auto;padding:18px 0 26px;border-bottom:2px solid var(--m-ink);margin-bottom:32px}[data-surface=marketing] .chip{flex:0 0 auto;padding:8px 16px;border:2px solid var(--m-ink);border-radius:99px;font-size:14px;font-weight:600;background:var(--m-surface);cursor:pointer;box-shadow:2px 2px 0 var(--m-ink);transition:transform .1s}[data-surface=marketing] .chip.active{background:var(--m-ink);color:var(--m-bg)}[data-surface=marketing] .chip:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--m-ink)}[data-surface=marketing] .quiz-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px}[data-surface=marketing] .quiz-card{background:var(--m-surface);border:2.5px solid var(--m-ink);border-radius:8px;overflow:hidden;box-shadow:5px 5px 0 var(--m-ink);transition:transform .2s;display:flex;flex-direction:column}[data-surface=marketing] .quiz-card:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--m-ink)}[data-surface=marketing] .quiz-cover{height:160px;padding:20px;display:flex;flex-direction:column;justify-content:space-between;border-bottom:2px solid var(--m-ink);position:relative;overflow:hidden}[data-surface=marketing] .cv-pink{background:var(--m-pink);color:var(--m-bg)}[data-surface=marketing] .cv-blue{background:var(--m-blue);color:var(--m-bg)}[data-surface=marketing] .cv-yellow{background:var(--m-yellow);color:var(--m-ink)}[data-surface=marketing] .cv-green{background:var(--m-green);color:var(--m-bg)}[data-surface=marketing] .cv-red{background:var(--m-red);color:var(--m-bg)}[data-surface=marketing] .cv-purple{background:var(--m-purple);color:var(--m-bg)}[data-surface=marketing] .cv-cream{background:var(--m-bg-alt);color:var(--m-ink)}[data-surface=marketing] .cv-ink{background:var(--m-ink);color:var(--m-bg)}[data-surface=marketing] .quiz-cover .ribbon{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;opacity:.85}[data-surface=marketing] .quiz-cover h3{font-family:var(--m-font-display);font-size:26px;line-height:1.05;max-width:90%}[data-surface=marketing] .quiz-cover .deco{position:absolute;right:-10px;bottom:-10px;opacity:.18}[data-surface=marketing] .quiz-body{padding:18px 20px 20px;flex:1 1;display:flex;flex-direction:column}[data-surface=marketing] .quiz-meta{display:flex;gap:14px;font-size:13px;color:var(--m-ink-mute);margin-bottom:10px}[data-surface=marketing] .quiz-desc{font-size:14px;color:var(--m-ink-soft);line-height:1.5;flex:1 1}[data-surface=marketing] .quiz-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}[data-surface=marketing] .quiz-actions .btn{padding:8px 14px;font-size:13px;border-radius:10px;box-shadow:2px 2px 0 var(--m-ink)}[data-surface=marketing] .quiz-actions .btn:hover{box-shadow:3px 3px 0 var(--m-ink)}[data-surface=marketing] .quiz-action-error{flex-basis:100%;display:flex;gap:10px;align-items:center;font-size:13px;font-weight:700;color:var(--m-red)}[data-surface=marketing] .quiz-action-error button{border:2px solid var(--m-ink);border-radius:6px;background:var(--m-surface);color:var(--m-ink);font-weight:800;cursor:pointer}[data-surface=marketing] .sample-empty{border:2px solid var(--m-ink);border-radius:8px;background:var(--m-surface);box-shadow:5px 5px 0 var(--m-ink);padding:40px;text-align:center}[data-surface=marketing] .sample-empty h2{font-family:var(--m-font-display);font-size:36px}[data-surface=marketing] .sample-empty p{color:var(--m-ink-soft)}.qpicker-backdrop{position:fixed;inset:0;z-index:60;background:color-mix(in srgb,var(--m-ink) 55%,transparent);display:flex;align-items:flex-end;justify-content:center}@media (min-width:640px){.qpicker-backdrop{align-items:center;padding:24px}}.qpicker-sheet{width:100%;max-width:680px;max-height:92dvh;display:flex;flex-direction:column;background:var(--m-surface);border:2px solid var(--m-ink);border-bottom:none;border-radius:12px 12px 0 0;box-shadow:0 -4px 0 var(--m-ink);outline:none}@media (min-width:640px){.qpicker-sheet{border-bottom:2px solid var(--m-ink);border-radius:10px;box-shadow:6px 6px 0 var(--m-ink);max-height:88dvh}}.qpicker-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:20px 20px 16px;border-bottom:2px solid var(--m-ink);flex-shrink:0}.qpicker-head-left{display:flex;flex-direction:column;gap:4px}.qpicker-head h2{font-family:var(--m-font-display);font-size:clamp(18px,3vw,24px);line-height:1.1;margin:0}.qpicker-count{font-size:13px;font-weight:700;color:var(--m-ink-soft);letter-spacing:.02em;text-transform:uppercase}.qpicker-close{min-width:40px;min-height:40px;border:2px solid var(--m-ink);border-radius:6px;background:var(--m-bg-alt);font-size:16px;cursor:pointer;flex-shrink:0;line-height:1}.qpicker-close:hover{background:var(--m-ink);color:var(--m-bg)}.qpicker-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;border-bottom:1.5px solid var(--m-line);flex-shrink:0}.qpicker-bulk-btn{font-size:13px;font-weight:700;color:var(--m-ink);text-decoration:underline;background:none;border:none;cursor:pointer;padding:0;line-height:1}.qpicker-bulk-btn:hover{opacity:.7}.qpicker-hint{font-size:12px;color:var(--m-ink-soft)}.qpicker-list{list-style:none;padding:0;margin:0;overflow-y:auto;flex:1 1}.qpicker-item{border-bottom:1.5px solid var(--m-line)}.qpicker-item--off{opacity:.45}.qpicker-item-label{display:flex;align-items:flex-start;gap:12px;padding:16px 20px;cursor:pointer;width:100%}.qpicker-item-label:hover{background:var(--m-bg-alt)}.qpicker-checkbox{margin-top:3px;width:18px;height:18px;flex-shrink:0;accent-color:var(--m-ink);cursor:pointer}.qpicker-item-body{display:flex;gap:10px;flex:1 1;min-width:0}.qpicker-item-num{font-size:11px;font-weight:800;color:var(--m-ink-soft);text-transform:uppercase;letter-spacing:.06em;padding-top:2px;flex-shrink:0;width:24px}.qpicker-item-content{flex:1 1;min-width:0}.qpicker-prompt{font-size:15px;font-weight:700;line-height:1.3;margin:0 0 10px}.qpicker-options{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;gap:6px}@media (max-width:480px){.qpicker-options{grid-template-columns:1fr}}.qpicker-option{font-size:13px;color:var(--m-ink-soft);padding:5px 9px;border:1.5px solid var(--m-line);border-radius:5px;display:flex;align-items:center;gap:6px;line-height:1.25}.qpicker-option--correct{background:color-mix(in srgb,var(--m-green,#22c55e) 12%,transparent);border-color:var(--m-green,#22c55e);color:var(--m-ink);font-weight:700}.qpicker-correct-mark{color:var(--m-green,#22c55e);font-size:12px;font-weight:900;flex-shrink:0}.qpicker-error,.qpicker-loading{padding:48px 24px;text-align:center;font-size:15px;flex:1 1}.qpicker-error{color:var(--m-red);font-weight:700}.qpicker-footer{border-top:2px solid var(--m-ink);padding:16px 20px;flex-shrink:0;background:var(--m-surface);border-radius:0 0 10px 10px}.qpicker-footer-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.qpicker-footer-count{font-size:13px;font-weight:700;color:var(--m-ink-soft)}.qpicker-start-error{font-size:13px;color:var(--m-red);font-weight:700;margin:0 0 10px}[data-surface=marketing] .sample-modal-backdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:18px;background:color-mix(in srgb,var(--m-ink) 55%,transparent)}[data-surface=marketing] .sample-modal{width:min(520px,100%);border:2px solid var(--m-ink);border-radius:8px;background:var(--m-surface);box-shadow:6px 6px 0 var(--m-ink);padding:20px}[data-surface=marketing] .sample-modal-head{display:flex;justify-content:space-between;align-items:center;gap:16px}[data-surface=marketing] .sample-modal-head h2{font-family:var(--m-font-display);font-size:30px}[data-surface=marketing] .sample-modal-head button{min-width:44px;min-height:44px;border:2px solid var(--m-ink);border-radius:6px;background:var(--m-bg-alt);color:var(--m-ink);font-weight:900;cursor:pointer}[data-surface=marketing] .sample-preview-list{display:grid;grid-gap:12px;gap:12px;margin-top:18px;padding-left:24px;color:var(--m-ink-soft);font-weight:700}[data-surface=marketing] .sample-modal-error{margin-top:18px;color:var(--m-red);font-weight:800}[data-surface=marketing] .quiz-card.feat{grid-column:span 2;flex-direction:row}[data-surface=marketing] .quiz-card.feat .quiz-cover{width:50%;height:auto;border-bottom:none;border-right:2px solid var(--m-ink);padding:32px}[data-surface=marketing] .quiz-card.feat .quiz-cover h3{font-size:36px}[data-surface=marketing] .quiz-card.feat .quiz-body{width:50%;padding:32px}@media (max-width:1023px) and (min-width:640px){[data-surface=marketing] .quiz-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:639px){[data-surface=marketing] .quiz-grid{grid-template-columns:1fr}[data-surface=marketing] .quiz-cover{height:120px}[data-surface=marketing] .quiz-card.feat{grid-column:auto;flex-direction:column}[data-surface=marketing] .quiz-card.feat .quiz-body,[data-surface=marketing] .quiz-card.feat .quiz-cover{width:100%}[data-surface=marketing] .quiz-card.feat .quiz-cover{border-right:none;border-bottom:2px solid var(--m-ink)}}[data-surface=marketing] .search-bar{background:var(--m-surface);border:2.5px solid var(--m-ink);border-radius:16px;padding:18px 22px;box-shadow:5px 5px 0 var(--m-ink);display:flex;align-items:center;gap:14px;max-width:720px}[data-surface=marketing] .search-bar input{flex:1 1;border:none;outline:none;background:transparent;font-family:var(--m-font-body);font-size:16px;color:var(--m-ink)}[data-surface=marketing] .search-bar input::placeholder{color:var(--m-ink-mute)}[data-surface=marketing] .topic-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px;margin-top:32px}[data-surface=marketing] .topic-card{background:var(--m-surface);border:2.5px solid var(--m-ink);border-radius:20px;padding:24px;box-shadow:5px 5px 0 var(--m-ink);transition:transform .2s}[data-surface=marketing] .topic-card:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--m-ink);cursor:pointer}[data-surface=marketing] .topic-icon{width:48px;height:48px;border:2px solid var(--m-ink);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}[data-surface=marketing] .topic-icon.red{background:var(--m-red);color:#fff}[data-surface=marketing] .topic-icon.blue{background:var(--m-blue);color:#fff}[data-surface=marketing] .topic-icon.yellow{background:var(--m-yellow)}[data-surface=marketing] .topic-icon.green{background:var(--m-green);color:#fff}[data-surface=marketing] .topic-icon.pink{background:var(--m-pink);color:#fff}[data-surface=marketing] .topic-icon.purple{background:var(--m-purple);color:#fff}[data-surface=marketing] .topic-h{font-family:var(--m-font-display);font-size:22px;line-height:1.1;margin-bottom:6px}[data-surface=marketing] .topic-count{font-size:13px;color:var(--m-ink-mute);margin-bottom:14px}[data-surface=marketing] .topic-list{list-style:none;display:flex;flex-direction:column;gap:8px}[data-surface=marketing] .topic-list a{font-size:14px;color:var(--m-ink-soft);display:block}[data-surface=marketing] .topic-list a:hover{color:var(--m-red);text-decoration:underline}[data-surface=marketing] .popular-section{background:var(--m-bg-alt);border-top:2px solid var(--m-line);border-bottom:2px solid var(--m-line)}[data-surface=marketing] .popular-list{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px 32px;gap:12px 32px}[data-surface=marketing] .popular-item{display:flex;align-items:center;gap:14px;background:var(--m-surface);border:2px solid var(--m-ink);border-radius:12px;padding:16px 20px;box-shadow:3px 3px 0 var(--m-ink);transition:transform .12s}[data-surface=marketing] .popular-item:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--m-ink)}[data-surface=marketing] .popular-item .num{width:32px;height:32px;border-radius:50%;background:var(--m-ink);color:var(--m-bg);display:flex;align-items:center;justify-content:center;font-family:var(--m-font-display);font-size:14px;flex-shrink:0}[data-surface=marketing] .popular-item .label{font-weight:500;flex:1 1;font-size:15px}[data-surface=marketing] .popular-item .arrow{color:var(--m-ink-mute);font-size:18px}[data-surface=marketing] .contact-grid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:20px;gap:20px;margin-top:32px}[data-surface=marketing] .contact-card{border:2.5px solid var(--m-ink);border-radius:20px;padding:28px;box-shadow:5px 5px 0 var(--m-ink)}[data-surface=marketing] .contact-card.email{background:var(--m-surface)}[data-surface=marketing] .contact-card.chat{background:var(--m-yellow)}[data-surface=marketing] .contact-card.urgent{background:var(--m-red);color:#fff}@media (max-width:880px){[data-surface=marketing] .contact-grid,[data-surface=marketing] .popular-list,[data-surface=marketing] .topic-grid{grid-template-columns:1fr}}[data-surface=marketing] .hero{position:relative;padding:80px 0 100px;overflow:hidden}[data-surface=marketing] .hero-grid{display:grid;grid-template-columns:1.1fr 1fr;grid-gap:80px;gap:80px;align-items:center}[data-surface=marketing] .hero h1{font-family:var(--m-font-display);font-size:clamp(44px,6.5vw,88px);line-height:.95;letter-spacing:-.02em;color:var(--m-ink);margin-bottom:24px}[data-surface=marketing] .hero h1 .swoosh{position:relative;display:inline-block;color:var(--m-ink)}[data-surface=marketing] .hero h1 .swoosh:after{content:"";position:absolute;left:-4px;right:-4px;bottom:4px;height:18px;background:var(--m-yellow);z-index:-1;border-radius:4px;transform:rotate(-1.5deg)}[data-surface=marketing] .hero h1 .pink{color:var(--m-pink)}[data-surface=marketing] .hero h1 .blue{color:var(--m-blue)}[data-surface=marketing] .hero h1 .green{color:var(--m-green)}[data-surface=marketing] .hero h1 .red{color:var(--m-red)}[data-surface=marketing] .hero h1 .purple{color:var(--m-purple)}[data-surface=marketing] .hero p.sub{font-size:20px;color:var(--m-ink-soft);margin-bottom:32px;max-width:520px}[data-surface=marketing] .hero-ctas{display:flex;gap:14px;align-items:center;flex-wrap:wrap}[data-surface=marketing] .hero .micro{margin-top:20px;font-size:14px;color:var(--m-ink-mute);display:flex;align-items:center;gap:8px}[data-surface=marketing] .hero .micro .dot{width:8px;height:8px;background:var(--m-green);border-radius:50%}[data-surface=marketing] .hero-visual{position:relative;height:540px}[data-surface=marketing] .phone-mock{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-4deg);width:280px;height:540px;background:var(--m-ink);border-radius:40px;border:3px solid var(--m-ink);box-shadow:12px 12px 0 var(--m-ink),12px 12px 0 4px var(--m-yellow);padding:14px;overflow:hidden;z-index:2}[data-surface=marketing] .phone-screen{background:var(--m-bg);border-radius:28px;height:100%;padding:22px 18px 16px;display:flex;flex-direction:column;gap:10px;position:relative}[data-surface=marketing] .phone-q{font-family:var(--m-font-display);font-size:22px;line-height:1.1;color:var(--m-ink);margin-bottom:6px}[data-surface=marketing] .phone-tile{border:2px solid var(--m-ink);border-radius:12px;padding:12px 14px;display:flex;align-items:center;gap:10px;font-weight:600;font-size:14px;box-shadow:3px 3px 0 var(--m-ink)}[data-surface=marketing] .phone-tile.t1{background:var(--m-red);color:#fff}[data-surface=marketing] .phone-tile.t2{background:var(--m-blue);color:#fff}[data-surface=marketing] .phone-tile.t3{background:var(--m-yellow);color:var(--m-ink)}[data-surface=marketing] .phone-tile.t4{background:var(--m-green);color:#fff}[data-surface=marketing] .shape-mini{width:18px;height:18px;flex-shrink:0}[data-surface=marketing] .float-shape{position:absolute;animation:float 6s ease-in-out infinite}[data-surface=marketing] .float-shape.s1{top:20px;left:0;animation-delay:0s}[data-surface=marketing] .float-shape.s2{top:80px;right:20px;animation-delay:1.5s}[data-surface=marketing] .float-shape.s3{bottom:40px;left:10px;animation-delay:3s}[data-surface=marketing] .float-shape.s4{bottom:80px;right:0;animation-delay:4.5s}[data-surface=marketing] .float-shape.s5{top:240px;left:-30px;animation-delay:2s}[data-surface=marketing] .float-shape.s6{top:300px;right:-10px;animation-delay:.7s}@keyframes float{0%,to{transform:translateY(0) rotate(var(--rot,0deg))}50%{transform:translateY(-16px) rotate(calc(var(--rot, 0deg) + 6deg))}}[data-surface=marketing] .confetti{position:absolute;pointer-events:none}[data-surface=marketing] .confetti.c1{top:60px;left:8%}[data-surface=marketing] .confetti.c2{top:180px;left:38%}[data-surface=marketing] .confetti.c3{bottom:40px;left:4%}[data-surface=marketing] .confetti.c4{top:100px;right:10%}[data-surface=marketing] .pricing-section{background:var(--m-bg-alt);border-top:2px solid var(--m-line);border-bottom:2px solid var(--m-line)}[data-surface=marketing] .pricing-grid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:24px;gap:24px;margin-top:16px}[data-surface=marketing] .price-card{background:var(--m-surface);border:2.5px solid var(--m-ink);border-radius:24px;padding:32px 28px;box-shadow:6px 6px 0 var(--m-ink);position:relative;display:flex;flex-direction:column}[data-surface=marketing] .price-card.featured{background:var(--m-yellow);transform:translateY(-8px);box-shadow:8px 8px 0 var(--m-ink)}[data-surface=marketing] .price-tag{position:absolute;top:-14px;right:24px;background:var(--m-red);color:#fff;font-size:12px;font-weight:700;padding:5px 12px;border-radius:99px;border:2px solid var(--m-ink);text-transform:uppercase;letter-spacing:.08em}[data-surface=marketing] .price-name{font-family:var(--m-font-display);font-size:28px;line-height:1;margin-bottom:8px}[data-surface=marketing] .price-sub{font-size:14px;color:var(--m-ink-mute);margin-bottom:20px}[data-surface=marketing] .price-row{display:flex;align-items:baseline;gap:6px;margin-bottom:4px}[data-surface=marketing] .price-num{font-family:var(--m-font-display);font-size:56px;line-height:1;color:var(--m-ink)}[data-surface=marketing] .price-period{font-size:16px;color:var(--m-ink-soft);font-weight:500}[data-surface=marketing] .price-subnote{margin-top:4px;font-size:12px;color:var(--m-ink-soft);font-weight:500;letter-spacing:.01em}[data-surface=marketing] .price-divider{height:2px;background:var(--m-ink);opacity:.1;margin:24px 0}[data-surface=marketing] .price-feats{display:flex;flex-direction:column;gap:10px;flex:1 1}[data-surface=marketing] .price-feat{display:flex;align-items:flex-start;gap:10px;font-size:15px;color:var(--m-ink)}[data-surface=marketing] .price-feat svg{flex-shrink:0;margin-top:3px}[data-surface=marketing] .pricing-footer{text-align:center;margin-top:32px;font-size:14px;color:var(--m-ink-mute)}[data-surface=marketing] .pricing-footer a{text-decoration:underline;color:var(--m-ink)}[data-surface=marketing] .usecase-section{background:var(--m-bg)}[data-surface=marketing] .usecase-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}[data-surface=marketing] .usecase{background:var(--m-surface);border:2.5px solid var(--m-ink);border-radius:20px;padding:28px;box-shadow:5px 5px 0 var(--m-ink);transition:transform .2s}[data-surface=marketing] .usecase:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--m-ink)}[data-surface=marketing] .usecase-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:18px;border:2px solid var(--m-ink)}[data-surface=marketing] .usecase-icon.red{background:var(--m-red);color:#fff}[data-surface=marketing] .usecase-icon.blue{background:var(--m-blue);color:#fff}[data-surface=marketing] .usecase-icon.yellow{background:var(--m-yellow);color:var(--m-ink)}[data-surface=marketing] .usecase-icon.green{background:var(--m-green);color:#fff}[data-surface=marketing] .usecase-icon.pink{background:var(--m-pink);color:#fff}[data-surface=marketing] .usecase-icon.purple{background:var(--m-purple);color:#fff}[data-surface=marketing] .usecase-h{font-family:var(--m-font-display);font-size:22px;line-height:1.1;margin-bottom:8px}[data-surface=marketing] .usecase-p{font-size:15px;color:var(--m-ink-soft);line-height:1.5}[data-surface=marketing] .usecase-eg{margin-top:14px;font-size:13px;color:var(--m-ink-mute);font-style:italic}[data-surface=marketing] .how-section{background:var(--m-bg-alt);border-top:2px solid var(--m-line);border-bottom:2px solid var(--m-line)}[data-surface=marketing] .how-grid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:32px;gap:32px;align-items:start;position:relative}[data-surface=marketing] .step{text-align:left}[data-surface=marketing] .step-num{font-family:var(--m-font-display);font-size:64px;line-height:1;color:var(--m-ink);margin-bottom:12px;display:inline-block;position:relative}[data-surface=marketing] .step-num.n1:after{content:"";position:absolute;left:-4px;right:-4px;bottom:4px;height:12px;background:var(--m-pink);z-index:-1;transform:rotate(-2deg)}[data-surface=marketing] .step-num.n2:after{content:"";position:absolute;left:-4px;right:-4px;bottom:4px;height:12px;background:var(--m-blue);z-index:-1;transform:rotate(2deg)}[data-surface=marketing] .step-num.n3:after{content:"";position:absolute;left:-4px;right:-4px;bottom:4px;height:12px;background:var(--m-green);z-index:-1;transform:rotate(-1deg)}[data-surface=marketing] .step-h{font-family:var(--m-font-display);font-size:26px;line-height:1.1;margin-bottom:8px}[data-surface=marketing] .step-p{font-size:16px;color:var(--m-ink-soft);line-height:1.6}[data-surface=marketing] .testimonial-section{background:var(--m-bg);padding:80px 0}[data-surface=marketing] .testimonial{max-width:820px;margin:0 auto;background:var(--m-purple);color:#fff;border:2.5px solid var(--m-ink);border-radius:28px;padding:56px 56px 48px;box-shadow:10px 10px 0 var(--m-ink);position:relative}[data-surface=marketing] .testimonial:before{content:"\201C";position:absolute;top:-8px;left:28px;font-family:var(--m-font-display);font-size:120px;line-height:1;color:var(--m-yellow)}[data-surface=marketing] .testimonial-q{font-family:var(--m-font-display);font-size:clamp(24px,3vw,34px);line-height:1.2;margin-bottom:24px;margin-top:20px}[data-surface=marketing] .testimonial-by{display:flex;align-items:center;gap:14px;font-size:15px}[data-surface=marketing] .testimonial-avatar{width:48px;height:48px;border-radius:50%;background:var(--m-yellow);border:2px solid var(--m-ink);display:flex;align-items:center;justify-content:center;font-family:var(--m-font-display);font-size:22px;color:var(--m-ink)}[data-surface=marketing] .faq-section{background:var(--m-bg-alt);border-top:2px solid var(--m-line);border-bottom:2px solid var(--m-line)}[data-surface=marketing] .faq-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px 40px;gap:20px 40px}[data-surface=marketing] .faq-item{background:var(--m-surface);border:2px solid var(--m-ink);border-radius:16px;padding:22px 26px;box-shadow:4px 4px 0 var(--m-ink)}[data-surface=marketing] .faq-q{font-family:var(--m-font-display);font-size:19px;line-height:1.2;margin-bottom:8px}[data-surface=marketing] .faq-a{font-size:15px;color:var(--m-ink-soft);line-height:1.6}[data-surface=marketing] .cta-section{background:var(--m-red);color:#fff;padding:100px 0;border-bottom:2px solid var(--m-line);position:relative;overflow:hidden}[data-surface=marketing] .cta-inner{text-align:center;position:relative;z-index:1}[data-surface=marketing] .cta-h{font-family:var(--m-font-display);font-size:clamp(40px,6vw,80px);line-height:1;letter-spacing:-.02em;margin-bottom:24px;color:#fff}[data-surface=marketing] .cta-p{font-size:20px;opacity:.9;margin-bottom:36px;max-width:560px;margin-left:auto;margin-right:auto}[data-surface=marketing] .cta-shape{position:absolute;opacity:.18}[data-surface=marketing] .cta-shape.csa{top:40px;left:8%}[data-surface=marketing] .cta-shape.csb{bottom:40px;right:6%}[data-surface=marketing] .cta-shape.csc{top:50%;left:4%}[data-surface=marketing] .cta-shape.csd{top:30px;right:12%}@media (max-width:880px){[data-surface=marketing] .hero{padding:56px 0 64px}[data-surface=marketing] .hero-grid{grid-template-columns:1fr;gap:48px}[data-surface=marketing] .hero-visual{height:460px}[data-surface=marketing] .faq-grid,[data-surface=marketing] .how-grid,[data-surface=marketing] .pricing-grid,[data-surface=marketing] .usecase-grid{grid-template-columns:1fr}[data-surface=marketing] .price-card.featured{transform:none}[data-surface=marketing] .testimonial{padding:40px 28px}}