:root{color-scheme:light;--color-primary-950: #241348;--color-primary-800: #43227f;--color-primary-700: #5330a6;--color-primary-600: #6845e6;--color-primary-500: #7b61ed;--color-primary-200: #d9d0ff;--color-primary-100: #ede9ff;--color-primary-50: #f7f5ff;--color-ink: #171624;--color-muted: #676478;--color-subtle: #8b8799;--color-line: #e6e3ec;--color-surface: #ffffff;--color-surface-translucent: rgb(255 255 255 / 94%);--color-canvas: #fbfaff;--color-success: #13795b;--color-success-bg: #e7f8f1;--color-warning: #8a5200;--color-warning-bg: #fff4d6;--color-danger: #b3261e;--color-danger-bg: #ffebe9;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--radius-sm: .625rem;--radius-md: 1rem;--radius-lg: 1.5rem;--radius-xl: 2rem;--shadow-sm: 0 4px 18px rgb(35 23 67 / 8%);--shadow-md: 0 20px 60px rgb(35 23 67 / 13%);--font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--page-width: 75rem;--z-nav: 30;--z-dialog: 80;--z-toast: 90}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--color-primary-950: #ede7ff;--color-primary-800: #d3c6ff;--color-primary-700: #b9a3ff;--color-primary-600: #8f75ff;--color-primary-500: #7b61ed;--color-primary-200: #3a2f66;--color-primary-100: #2a2350;--color-primary-50: #201a3d;--color-ink: #f2f0fa;--color-muted: #b7b2c9;--color-subtle: #8f8aa0;--color-line: #322c48;--color-surface: #1e1a30;--color-surface-translucent: rgb(20 17 31 / 88%);--color-canvas: #14111f;--color-success: #4ade9a;--color-success-bg: #103627;--color-warning: #ffb84d;--color-warning-bg: #3a2a08;--color-danger: #ff8079;--color-danger-bg: #3a1512}}:root[data-theme=dark]{color-scheme:dark;--color-primary-950: #ede7ff;--color-primary-800: #d3c6ff;--color-primary-700: #b9a3ff;--color-primary-600: #8f75ff;--color-primary-500: #7b61ed;--color-primary-200: #3a2f66;--color-primary-100: #2a2350;--color-primary-50: #201a3d;--color-ink: #f2f0fa;--color-muted: #b7b2c9;--color-subtle: #8f8aa0;--color-line: #322c48;--color-surface: #1e1a30;--color-surface-translucent: rgb(20 17 31 / 88%);--color-canvas: #14111f;--color-success: #4ade9a;--color-success-bg: #103627;--color-warning: #ffb84d;--color-warning-bg: #3a2a08;--color-danger: #ff8079;--color-danger-bg: #3a1512}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .hero__visual{background:radial-gradient(circle at 50% 20%,#3a2f66,transparent 45%),linear-gradient(145deg,#201a3d,#14111f)}}:root[data-theme=dark] .hero__visual{background:radial-gradient(circle at 50% 20%,#3a2f66,transparent 45%),linear-gradient(145deg,#201a3d,#14111f)}*,*:before,*:after{box-sizing:border-box}html{min-width:20rem;scroll-behavior:smooth}body{margin:0;background:var(--color-canvas);color:var(--color-ink);font-family:var(--font-sans);font-size:1rem;line-height:1.6;text-rendering:optimizeLegibility}button,input,select,textarea{color:inherit;font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:var(--color-primary-700);text-decoration-thickness:.08em;text-underline-offset:.18em}img{max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.12;letter-spacing:-.025em}h1{font-size:clamp(2.2rem,5vw,4.8rem)}h2{font-size:clamp(1.65rem,3vw,2.65rem)}h3{font-size:1.2rem}button,[role=button],input,select,textarea,a{outline:none}:focus-visible{outline:3px solid #9a84ff;outline-offset:3px}::selection{background:var(--color-primary-200)}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.skip-link{position:fixed;z-index:100;top:.75rem;left:.75rem;padding:.75rem 1rem;background:var(--color-ink);color:#fff;border-radius:var(--radius-sm);transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.page-container{width:min(100% - 2rem,var(--page-width));margin-inline:auto}.section{padding-block:clamp(3.5rem,8vw,7rem)}.section--tinted{background:var(--color-primary-50)}.section-heading{max-width:42rem;margin-bottom:var(--space-10)}.eyebrow{display:inline-block;margin-bottom:var(--space-3);color:var(--color-primary-700);font-size:.78rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.back-link{display:inline-block;margin-bottom:var(--space-3);color:var(--color-muted);font-weight:650}.sc-button{display:inline-flex;min-height:2.875rem;align-items:center;justify-content:center;gap:var(--space-2);padding:.7rem 1.2rem;border:1px solid var(--color-primary-600);border-radius:999px;background:linear-gradient(135deg,var(--color-primary-600),#43227f);box-shadow:0 8px 22px #6845e638;color:#fff;cursor:pointer;font-weight:750;line-height:1.2;text-decoration:none;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.sc-button:hover:not(:disabled){box-shadow:0 12px 28px #6845e64d;transform:translateY(-1px)}.sc-button:disabled{cursor:not-allowed;opacity:.52}.sc-button--secondary{border-color:var(--color-primary-200);background:var(--color-surface);box-shadow:none;color:var(--color-primary-800)}.sc-button--ghost{border-color:transparent;background:transparent;box-shadow:none;color:var(--color-primary-700)}.sc-button--danger{border-color:var(--color-danger);background:var(--color-danger);box-shadow:none}.sc-button--small{min-height:2.4rem;padding:.5rem .9rem;font-size:.9rem}.sc-button--wide{width:100%}.sc-button.is-selected{border-color:var(--color-primary-600);box-shadow:0 0 0 2px var(--color-primary-200)}.consent-choice{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-block:var(--space-4)}.badge{display:inline-flex;align-items:center;width:fit-content;padding:.25rem .65rem;border-radius:999px;background:#eeecf2;color:#555165;font-size:.78rem;font-weight:800}.badge--purple{background:var(--color-primary-100);color:var(--color-primary-800)}.toggle-switch{display:inline-flex;align-items:center;gap:var(--space-3);cursor:pointer}.toggle-switch input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;clip:rect(0 0 0 0)}.toggle-switch__track{position:relative;width:2.75rem;height:1.55rem;flex:0 0 auto;border-radius:999px;background:var(--color-line);transition:background .16s ease}.toggle-switch__track:before{position:absolute;top:2px;left:2px;width:1.25rem;height:1.25rem;border-radius:50%;background:#fff;box-shadow:0 1px 3px #17162440;content:"";transition:transform .16s ease}.toggle-switch input:checked+.toggle-switch__track{background:var(--color-primary-600)}.toggle-switch input:checked+.toggle-switch__track:before{transform:translate(1.2rem)}.toggle-switch input:focus-visible+.toggle-switch__track{outline:2px solid var(--color-primary-400, var(--color-primary-500));outline-offset:2px}.toggle-switch__label{font-weight:700}.chip-options{display:flex;flex-wrap:wrap;gap:var(--space-2)}.chip-option{padding:.5rem .9rem;border:1px solid var(--color-line);border-radius:999px;background:var(--color-surface);color:var(--color-ink);cursor:pointer;font-size:.88rem;font-weight:650;transition:border-color .15s ease,background .15s ease}.chip-option.is-selected{border-color:var(--color-primary-600);background:var(--color-primary-50);color:var(--color-primary-800)}.field-checklist{display:grid;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:var(--space-2) var(--space-4)}.tag-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tag{display:inline-flex;align-items:center;gap:var(--space-2);padding:.4rem .4rem .4rem .85rem;border-radius:999px;background:var(--color-primary-50);color:var(--color-primary-800);font-size:.86rem;font-weight:650}.tag button{display:grid;width:1.2rem;height:1.2rem;flex:0 0 auto;place-items:center;border:0;border-radius:50%;background:var(--color-primary-100);color:var(--color-primary-700);cursor:pointer;font-size:.8rem;line-height:1}.tag-add{display:inline-flex;gap:var(--space-2)}.tag-add input{min-width:8rem;padding:.4rem .7rem;border:1px dashed var(--color-line);border-radius:999px;font-size:.86rem}.tag-add button{flex:0 0 auto;padding:.4rem .9rem;border:1px solid var(--color-primary-600);border-radius:999px;background:var(--color-primary-600);color:#fff;cursor:pointer;font-size:.86rem;font-weight:700;white-space:nowrap}.tag-add button:hover{background:#5330a6}.spinner{width:1rem;height:1rem;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.field{display:grid;gap:var(--space-2)}.field>span{font-size:.9rem;font-weight:700}.field small{color:var(--color-muted)}.field-error{color:var(--color-danger)!important}input,select,textarea{width:100%;min-height:2.875rem;border:1px solid #cbc6d6;border-radius:var(--radius-sm);background:var(--color-surface);padding:.65rem .8rem;transition:border-color .15s ease,box-shadow .15s ease}textarea{resize:vertical}input:hover,select:hover,textarea:hover{border-color:#9d94ad}input:focus,select:focus,textarea:focus{border-color:var(--color-primary-600);box-shadow:0 0 0 3px #6845e626}.field-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr))}.check-field,.inline-check{display:flex;align-items:flex-start;gap:var(--space-3)}.check-field input,.inline-check input{width:1.15rem;min-height:1.15rem;margin-top:.2rem;accent-color:var(--color-primary-600)}.inline-check{align-items:center;font-size:.875rem}.inline-check input{margin-top:0}.brand{display:inline-flex;align-items:center;gap:var(--space-3);color:var(--color-ink);font-weight:850;letter-spacing:-.03em;text-decoration:none}.brand__mark{display:grid;width:2.25rem;height:2.25rem;place-items:center;border-radius:.75rem;background:linear-gradient(135deg,#8f75ff,#482296);color:#fff;font-weight:900}.brand__logo{display:block;height:2.15rem;width:auto}.flag-icon{display:block;width:1.35rem;height:1rem;border-radius:.15rem}.navbar__toggle{display:none;width:2.75rem;height:2.75rem;border:0;border-radius:50%;background:var(--color-primary-50);cursor:pointer;padding:.75rem}.navbar__toggle span{display:block;height:2px;margin-block:4px;background:var(--color-ink)}.phone-frame{width:min(100%,23rem);padding:.7rem;border:7px solid #1f1b2d;border-radius:2.6rem;background:#1f1b2d;box-shadow:var(--shadow-md)}.phone-frame .card-preview{max-height:42rem;overflow-x:hidden;overflow-y:auto;border-radius:1.95rem}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-8);margin-bottom:var(--space-8)}.page-header h1{margin-bottom:var(--space-3);font-size:clamp(2rem,4vw,3.2rem)}.page-header p{max-width:45rem;margin-bottom:0;color:var(--color-muted)}.page-header__actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.notice{margin-block:var(--space-5);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md)}.notice p{margin:var(--space-1) 0 0}.notice--warning{background:var(--color-warning-bg);color:var(--color-warning)}.notice--danger{background:var(--color-danger-bg);color:var(--color-danger)}.notice--info{background:var(--color-primary-50);color:var(--color-primary-950)}.neutral-state{display:grid;min-height:24rem;place-items:center;align-content:center;padding:var(--space-10);text-align:center}.neutral-state>span{color:var(--color-primary-500);font-size:4rem;font-weight:800}.neutral-state p{max-width:36rem;color:var(--color-muted)}.text-button{min-height:2.5rem;padding:.45rem .85rem;border:1px solid var(--color-line);border-radius:999px;background:var(--color-surface);color:var(--color-primary-800);cursor:pointer;font-weight:700}.icon-button{display:grid;width:2.5rem;height:2.5rem;flex:0 0 auto;place-items:center;border:0;border-radius:50%;background:var(--color-primary-50);color:var(--color-primary-800);cursor:pointer;font-size:1.2rem}.desktop-preview .card-preview{max-width:44rem}.mini-preview .card-preview{transform:scale(.72);transform-origin:top center}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.metric-card{display:grid;gap:var(--space-3);padding:var(--space-5);border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface)}.metric-card span{color:var(--color-muted);font-size:.86rem;font-weight:700}.metric-card strong{font-size:2rem}.chart-card,.data-table-card{margin-top:var(--space-6);padding:var(--space-6);border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-surface)}.chart-card h2,.data-table-card h2{font-size:1.25rem}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:.85rem 1rem;border-bottom:1px solid var(--color-line);text-align:left;vertical-align:top}th{color:var(--color-muted);font-size:.78rem;letter-spacing:.04em;text-transform:uppercase}.chart-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:var(--space-5)}.chart-grid .chart-card{margin-top:0}.bar-chart{display:flex;min-height:17rem;align-items:end;gap:.35rem;padding-top:var(--space-6);overflow-x:auto}.bar-chart__column{display:grid;min-width:1.5rem;height:14rem;grid-template-rows:1fr auto;gap:var(--space-2);align-items:end;text-align:center}.bar-chart__bar{min-height:3px;border-radius:.35rem .35rem 0 0;background:linear-gradient(180deg,var(--color-primary-500),var(--color-primary-800))}.bar-chart__column span{color:var(--color-muted);font-size:.68rem;transform:rotate(-45deg)}.rank-list{display:grid;gap:var(--space-4);padding-top:var(--space-2)}.rank-list__row{display:grid;grid-template-columns:10.5rem 1fr auto;align-items:center;gap:var(--space-3)}.rank-list__label{overflow:hidden;color:var(--color-muted);font-size:.85rem;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.rank-list__track{height:.55rem;overflow:hidden;border-radius:999px;background:var(--color-primary-50)}.rank-list__fill{height:100%;min-width:3px;border-radius:999px;background:linear-gradient(90deg,var(--color-primary-500),var(--color-primary-700));transition:width .3s ease}.rank-list__value{min-width:3.5rem;color:var(--color-ink);font-size:.85rem;font-weight:750;text-align:right;font-variant-numeric:tabular-nums}@media(max-width:30rem){.rank-list__row{grid-template-columns:7rem 1fr auto}}@media(max-width:48rem){.page-header{display:grid}.field-grid{grid-template-columns:1fr}.metric-grid,.metric-grid--root{grid-template-columns:repeat(2,1fr)}}@media(max-width:30rem){.page-container,.app-main{width:min(100% - 1.25rem,var(--page-width))}.metric-grid,.metric-grid--root{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}