.ekmock{--brand-deep: #1a2744;--brand-primary: #2563a8;--brand-soft: #dcecff;--brand-muted: #6f8fb8;--action-primary: #d95f08;--action-primary-hover: #c8540a;--action-soft: #fff0e6;--semantic-success: #0d7f6e;--semantic-success-soft: #d6f5f0;--semantic-warning: #b77900;--semantic-warning-soft: #fff4cc;--semantic-error: #c8380a;--semantic-error-soft: #ffe5dc;--neutral-ink: #111827;--neutral-body: #374151;--neutral-muted: #6b7280;--neutral-disabled: #8a96aa;--neutral-divider: #e2e8f0;--neutral-surface: #f4f6fa;--neutral-card: #ffffff;--mastery-not-relevant: #1f2937;--mastery-not-started: #6b7280;--mastery-struggling: #ef4444;--mastery-average: #f97316;--mastery-good: #eab308;--mastery-excellent: #22c55e;--surface-app: var(--neutral-surface);--surface-card: var(--neutral-card);--surface-header: var(--brand-primary);--text-strong: var(--neutral-ink);--text-body: var(--neutral-body);--text-muted: var(--neutral-muted);--text-on-brand: #ffffff;--ring-brand: var(--brand-primary);--font-sans: "Poppins", system-ui, "Segoe UI", Arial, sans-serif;--font-mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--text-display-size: 2rem;--text-display-lh: 1.05;--text-display-weight: 700;--text-title-1-size: 1.5rem;--text-title-1-lh: 1.15;--text-title-1-weight: 700;--text-title-2-size: 1.25rem;--text-title-2-lh: 1.25;--text-title-2-weight: 700;--text-title-3-size: 1.125rem;--text-title-3-lh: 1.3;--text-title-3-weight: 600;--text-body-size: 1rem;--text-body-lh: 1.6;--text-body-weight: 400;--text-body-medium-size: 1rem;--text-body-medium-lh: 1.45;--text-body-medium-weight: 500;--text-caption-size: .8125rem;--text-caption-lh: 1.45;--text-caption-weight: 500;--text-label-size: .75rem;--text-label-lh: 1.3;--text-label-weight: 600;--text-overline-size: .625rem;--text-overline-lh: 1.2;--text-overline-weight: 700;--text-overline-tracking: .08em;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-10: 2.5rem;--space-14: 3.5rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-sheet: 2rem;--radius-tile: 1.15rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(15, 23, 42, .05);--shadow-card: 0 1px 3px 0 rgba(15, 23, 42, .08), 0 1px 2px -1px rgba(15, 23, 42, .06);--shadow-md: 0 4px 12px -2px rgba(15, 23, 42, .12);--shadow-lg: 0 12px 28px -10px rgba(15, 23, 42, .25);--shadow-sheet: 0 30px 70px -45px rgba(15, 23, 42, .45);--shadow-tile: inset 0 1px 0 rgba(255, 255, 255, .72), 0 14px 28px -22px rgba(15, 23, 42, .7);--tap-min: 44px;--tap-comfort: 48px;--header-overlap: -2rem;--ease-press: cubic-bezier(.2, .8, .2, 1);--dur-press: 90ms;--dur-tile: .11s;--dur-page: .2s}.ekmock *{box-sizing:border-box}.ekmock .frame{position:absolute;font-family:var(--font-sans)}.ekmock .flabel{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;margin-bottom:16px;color:#475569}.ekmock .flabel .num{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:26px;padding:0 8px;border-radius:8px;background:var(--brand-primary);color:#fff;font-size:13px;font-weight:700}.ekmock .flabel .dev{margin-left:6px;font-size:12px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.08em}.ekmock .laptop{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 40px 80px -40px #0f172a73,0 0 0 1px #0f172a0f}.ekmock .chrome{height:46px;display:flex;align-items:center;gap:16px;padding:0 18px;background:#eceff4;border-bottom:1px solid #dde3ec}.ekmock .dot{width:12px;height:12px;border-radius:50%}.ekmock .urlbar{flex:1;max-width:520px;height:30px;display:flex;align-items:center;gap:8px;padding:0 14px;background:#fff;border-radius:8px;border:1px solid #dde3ec;color:var(--neutral-muted);font-size:13px;font-weight:500}.ekmock .screen{display:flex;background:var(--neutral-surface);color:var(--neutral-ink);overflow:hidden}.ekmock .rail{width:84px;flex-shrink:0;background:linear-gradient(185deg,#2a5694,#1d335a 70%,#172a4a);display:flex;flex-direction:column;align-items:center;padding:24px 0 20px;gap:9px}.ekmock .rail .logo{width:46px;height:46px;border-radius:13px;margin-bottom:14px}.ekmock .railbtn{width:50px;height:50px;border-radius:15px;display:flex;align-items:center;justify-content:center;color:#ffffffad}.ekmock .railbtn svg{width:23px;height:23px}.ekmock .railbtn.on{background:#ffffff2e;color:#fff;box-shadow:inset 0 0 0 1px #ffffff2e}.ekmock .railav{margin-top:auto;width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px}.ekmock .main{flex:1;display:flex;flex-direction:column;min-width:0}.ekmock .content{padding:38px 46px;flex:1;display:flex;flex-direction:column}.ekmock .eyebrow{font-size:14px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--brand-primary)}.ekmock .h1{font-size:38px;font-weight:700;letter-spacing:-.025em;color:var(--neutral-ink);line-height:1.1;margin-top:10px}.ekmock .sub{font-size:17px;color:var(--neutral-muted);margin-top:10px;font-weight:500}.ekmock .card{background:#fff;border:1px solid var(--neutral-divider);border-radius:var(--radius-2xl);box-shadow:var(--shadow-card)}.ekmock .badge{display:inline-flex;align-items:center;gap:6px;padding:7px 15px;border-radius:var(--radius-lg);font-size:14px;font-weight:600;line-height:1.3;white-space:nowrap}.ekmock .b-sec{background:var(--brand-soft);color:var(--brand-deep)}.ekmock .b-suc{background:var(--semantic-success-soft);color:var(--semantic-success)}.ekmock .b-warn{background:var(--semantic-warning-soft);color:var(--semantic-warning)}.ekmock .b-neu{background:var(--neutral-surface);color:var(--neutral-body);border:1px solid var(--neutral-divider)}.ekmock .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;height:50px;padding:0 24px;border-radius:var(--radius-xl);background:var(--action-primary);color:#fff;font-size:16px;font-weight:600;box-shadow:0 12px 24px -12px #d95f0899}.ekmock .btn svg{width:20px;height:20px}.ekmock .btn-out{display:inline-flex;align-items:center;justify-content:center;gap:9px;height:50px;padding:0 22px;border-radius:var(--radius-xl);background:#fff;color:var(--neutral-ink);border:1px solid var(--neutral-divider);font-size:16px;font-weight:600}.ekmock .btn-out svg{width:20px;height:20px}.ekmock .bar{height:10px;border-radius:99px;background:var(--neutral-surface);overflow:hidden}.ekmock .bar i{display:block;height:100%;border-radius:99px;background:var(--brand-primary)}.ekmock .bar.g i{background:var(--semantic-success)}.ekmock .bar.o i{background:var(--action-primary)}.ekmock .ring{border-radius:50%;display:grid;place-items:center;flex-shrink:0}.ekmock .ring .hole{background:#fff;border-radius:50%;display:grid;place-items:center;text-align:center}.ekmock .chip{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border-radius:99px;font-size:15px;font-weight:600;background:var(--brand-soft);color:var(--brand-deep)}.ekmock .chip.o{background:var(--action-soft);color:var(--action-primary)}.ekmock .kbig .kval{font-size:46px;font-weight:700;color:var(--neutral-ink);letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums}.ekmock .kbig .klab{font-size:15px;color:var(--neutral-muted);font-weight:600}.ekmock .tag-auto{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:600;color:var(--brand-primary)}.ekmock .tag-auto svg{width:16px;height:16px}.ekmock .tile-ic{width:54px;height:54px;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ekmock .tile-ic svg{width:27px;height:27px}.ekmock .mapd{display:inline-block;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 2px #d3dbe6}.ekmock .mapd.on{background:var(--brand-primary);box-shadow:inset 0 0 0 6px var(--brand-soft),0 3px 7px -1px #2563a880}.ekmock .mapd.warn{background:var(--semantic-warning);box-shadow:inset 0 0 0 6px var(--semantic-warning-soft),0 3px 7px -1px #b7790073}.ekmock .phone{width:402px;height:840px;border-radius:46px;background:linear-gradient(160deg,#222b3d,#0e1422);padding:13px;box-shadow:0 50px 90px -40px #0a142899,inset 0 0 0 2px #ffffff0f}.ekmock .pscreen{width:100%;height:100%;border-radius:34px;overflow:hidden;background:#fff;position:relative;font-family:var(--font-sans)}.ekmock .pstatus{position:absolute;top:0;left:0;right:0;height:30px;display:flex;align-items:center;justify-content:space-between;padding:0 26px;font-size:13px;font-weight:600;color:#fff;z-index:4}.ekmock .pnotch{position:absolute;top:10px;left:50%;transform:translate(-50%);width:118px;height:26px;border-radius:99px;background:#0e1422;z-index:5}.ekmock{display:block;color:var(--neutral-ink);font-family:var(--font-sans);line-height:1.5;text-align:left}.ekmock .pscreen{color:var(--neutral-ink)}.ekmock-stage{container-type:inline-size;width:100%;aspect-ratio:var(--w)/var(--h);overflow:hidden}.ekmock-stage>.laptop,.ekmock-stage>.phone{transform-origin:top left;transform:scale(calc(100cqw / (var(--w) * 1px)))}.ekmock-stage>.phone{margin:0 auto}@media (prefers-reduced-motion: no-preference){.ekmock-float{animation:ekfloat 6s ease-in-out infinite}}@keyframes ekfloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}