:root{--night-0:#070a1f;--night-1:#0d1133;--night-2:#141541;--night-3:#1b1850;--dusk:#2a1f63;--night-text:#f6f3ff;--night-body:#cdc8ee;--night-muted:#a7a2cf;--sun:#ffc857;--sun-2:#ff9a6b;--rose:#ff6f91;--iris:#8b7cff;--mint:#3fd6a0;--suara-accent:#5a48d6;--suara-accent-deep:#4636b8;--suara-wash:#f0ecfa;--ink:#17152e;--body:#45425f;--muted:#66637f;--faint:#a19db8;--line:#e8e3f1;--line-soft:#f0ecf7;--ground:#f8f6fb;--tint:#faf8fe;--card:#fff;--good:#1a7551;--good-bg:#e7f5ed;--watch:#8a5d06;--watch-bg:#fdf3dc;--poor:#b3402f;--poor-bg:#fcebe7;--font-display:"Sora", "Trebuchet MS", sans-serif;--font-ui:"Plus Jakarta Sans", "Segoe UI", system-ui, sans-serif;--font-serif:"Instrument Serif", "Iowan Old Style", Georgia, serif;--r-control:10px;--r-card:18px;--r-pill:999px;--ease-out:cubic-bezier(.22, 1, .36, 1);--shadow-card:0 1px 2px #17152e0a, 0 18px 40px -28px #3c1e8c47;--shadow-pop:0 30px 60px -30px #3c1e8c73, 0 0 0 1px #17152e0d;--grad-sun:linear-gradient(120deg, #ffe07a 0%, var(--sun) 35%, var(--sun-2) 100%);--grad-iris:linear-gradient(135deg, #5a48d6, #8a3fc4);--grad-ink-em:linear-gradient(100deg, #5a48d6 0%, #b0369a 60%, #e0475f 100%)}.st,.sv,.sign,.thanks-mock{--suara-accent:#175a73;--suara-accent-deep:#124a5f;--suara-wash:#e8f1f5;--ink:#101b22;--body:#3a4a54;--muted:#5f7280;--faint:#8a98a4;--line:#dce4e9;--ground:#f7f9fa;--good:#237a57;--good-bg:#e4f1ea;--watch:#9a6b10;--watch-bg:#f6edd8;--poor:#b3402f;--poor-bg:#f8e7e2;--r-control:6px;--r-card:10px;--shadow-card:0 1px 2px #101b220f, 0 8px 24px -16px #101b2240}*,:before,:after{box-sizing:border-box}html,body{margin:0}body{font-family:var(--font-ui);color:var(--ink);background:var(--ground);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}a{color:var(--suara-accent);font-weight:600;text-decoration:none}a:hover{color:var(--suara-accent-deep);text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3{margin:0}:focus-visible{outline-offset:2px;outline:3px solid #8b7cff8c}.display{font-family:var(--font-display);letter-spacing:-.02em}.muted{color:var(--muted)}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:700}.row{align-items:center;gap:10px;display:flex}.col{flex-direction:column;gap:8px;display:flex}.grow{flex:1;min-width:0}.nowrap{white-space:nowrap}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.tabular{font-variant-numeric:tabular-nums}.pic{display:contents}.pic>source{display:none}.serif-em{font-family:var(--font-serif);letter-spacing:-.01em;background:var(--grad-ink-em);color:#0000;-webkit-background-clip:text;background-clip:text;padding-right:.06em;font-size:1.12em;font-style:italic;font-weight:400;line-height:.9}.btn{border-radius:var(--r-pill);cursor:pointer;white-space:nowrap;height:40px;transition:background .16s ease, border-color .16s ease, color .16s ease, box-shadow .2s ease, transform .16s var(--ease-out);border:1.5px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:13.5px;font-weight:700;display:inline-flex;text-decoration:none!important}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:var(--suara-accent);color:#fff;box-shadow:0 8px 20px -12px #5a48d6e6}.btn-primary:hover:not(:disabled){background:var(--suara-accent-deep);color:#fff}.btn-sun{background:var(--grad-sun);color:#1b1433;box-shadow:0 10px 24px -12px #ff9a6be6,inset 0 1px #fff9}.btn-sun:hover:not(:disabled){color:#1b1433;box-shadow:0 14px 30px -12px #ff9a6b,inset 0 1px #fff9}.btn-secondary{border-color:var(--line);color:var(--ink);background:#fff}.btn-secondary:hover:not(:disabled){border-color:var(--suara-accent);color:var(--suara-accent)}.btn-ghost{color:var(--suara-accent);background:0 0;padding:0 12px}.btn-ghost:hover:not(:disabled){background:var(--suara-wash);color:var(--suara-accent-deep)}.btn-danger{border-color:var(--poor);color:var(--poor);background:#fff}.btn-danger:hover:not(:disabled){background:var(--poor-bg);color:var(--poor)}.btn-lg{height:48px;padding:0 24px;font-size:15px}.btn-sm{height:32px;padding:0 12px;font-size:12.5px}.btn-block{width:100%}.field{flex-direction:column;gap:6px;display:flex}.field>label,.label{color:var(--body);font-size:13px;font-weight:600}.hint{color:var(--muted);font-size:12px}.input,.select,.textarea{border:1.5px solid var(--line);border-radius:var(--r-control);background:#fff;outline:none;width:100%;height:44px;padding:0 14px;font-size:14px;transition:border-color .15s,box-shadow .15s}.select{appearance:none;cursor:pointer;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 6l4 4 4-4' stroke='%2366637F' stroke-width='1.8' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right 12px center/16px no-repeat;padding-right:38px}.textarea{resize:vertical;height:auto;min-height:88px;padding:12px 14px;line-height:1.5}.input:hover,.select:hover,.textarea:hover{border-color:#d6cff0}.input:focus,.select:focus,.textarea:focus{border-color:var(--suara-accent);box-shadow:0 0 0 4px #8b7cff2e}.input::placeholder,.textarea::placeholder{color:var(--faint)}.error-text{color:var(--poor);font-size:13px;font-weight:600}.check{cursor:pointer;align-items:flex-start;gap:10px;display:flex}.check input{width:18px;height:18px;accent-color:var(--suara-accent);margin-top:2px}.card{background:var(--card);border-radius:var(--r-card);box-shadow:var(--shadow-card);border:1px solid #ece8f4;padding:22px}.card-title{font-family:var(--font-display);letter-spacing:-.02em;font-size:16px;font-weight:700}.pill{border-radius:var(--r-pill);white-space:nowrap;align-items:center;gap:6px;height:24px;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex}.pill-good{background:var(--good-bg);color:var(--good)}.pill-watch{background:var(--watch-bg);color:var(--watch)}.pill-poor{background:var(--poor-bg);color:var(--poor)}.pill-neutral{color:var(--body);background:#f1eef7}.pill-accent{background:var(--suara-wash);color:var(--suara-accent)}.dot{background:currentColor;border-radius:99px;width:7px;height:7px}.table{border-collapse:collapse;width:100%}.table th{text-align:left;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line);padding:10px;font-size:10.5px;font-weight:700}.table td{border-bottom:1px solid var(--line-soft);vertical-align:middle;padding:12px 10px;font-size:13.5px}.table tbody tr{transition:background .12s}.table tbody tr:hover{background:var(--tint)}.table tr:last-child td{border-bottom:0}.table .num{text-align:right;font-variant-numeric:tabular-nums}.table-wrap{position:relative;overflow-x:auto}.banner{color:var(--ink);border:1px solid;border-radius:16px;align-items:center;gap:12px;padding:12px 16px;font-size:13.5px;display:flex}.banner-watch{background:var(--watch-bg);border-color:#f1dfae}.banner-poor{background:var(--poor-bg);border-color:#f1cdc4}.banner-good{background:var(--good-bg);border-color:#c9e7d6}.banner-info{background:var(--suara-wash);border-color:#ddd5f5}.act-btn{width:40px;color:var(--muted);padding:0}.act-btn[aria-expanded=true]{background:var(--tint);color:var(--ink)}.act-menu{z-index:45;background:var(--card);border:1px solid var(--line);min-width:190px;box-shadow:var(--shadow-pop);animation:act-menu-in .14s var(--ease-out);border-radius:14px;flex-direction:column;gap:2px;padding:6px;display:flex;position:fixed}@keyframes act-menu-in{0%{opacity:0;transform:translateY(-4px)scale(.98)}}@media (prefers-reduced-motion:reduce){.act-menu{animation:none}}.act-item{all:unset;box-sizing:border-box;cursor:pointer;min-height:40px;color:var(--ink);white-space:nowrap;border-radius:10px;align-items:center;gap:10px;padding:0 12px;font-size:13.5px;font-weight:600;display:flex}.act-item svg{color:var(--muted)}.act-item:hover,.act-item:focus-visible{background:var(--tint)}.act-item:focus-visible{outline:2px solid var(--suara-accent);outline-offset:-2px}.act-item.act-danger{color:var(--poor);margin-top:4px;position:relative}.act-item.act-danger:before{content:"";background:var(--line-soft);height:1px;position:absolute;top:-4px;left:6px;right:6px}.act-item.act-danger svg{color:var(--poor)}.act-item.act-danger:hover,.act-item.act-danger:focus-visible{background:var(--poor-bg)}.shell{background:radial-gradient(900px 420px at 88% -140px, #8b7cff1f, transparent 70%), radial-gradient(700px 360px at 30% -160px, #ffc8571f, transparent 70%), var(--ground);min-height:100vh;display:flex}.sidebar{width:248px;color:var(--night-body);background:radial-gradient(120% 40% at 100% 0%, #8b7cff42, transparent 65%), radial-gradient(100% 30% at 0% 100%, #ff6f9124, transparent 70%), linear-gradient(180deg, var(--night-0) 0%, var(--night-1) 55%, var(--night-2) 100%);z-index:25;overscroll-behavior:contain;isolation:isolate;flex-direction:column;flex:none;gap:24px;height:100vh;padding:22px 14px 16px;display:flex;position:sticky;top:0;overflow:hidden auto}.sidebar:before{content:"";z-index:-1;pointer-events:none;opacity:.7;background-image:radial-gradient(1.2px 1.2px at 18% 12%,#d9d4ff,#0000),radial-gradient(1px 1px at 72% 7%,#d9d4ff,#0000),radial-gradient(1.4px 1.4px at 88% 22%,#fff2c2,#0000),radial-gradient(1px 1px at 40% 30%,#d9d4ff,#0000),radial-gradient(1px 1px at 12% 58%,#d9d4ff,#0000),radial-gradient(1.2px 1.2px at 80% 66%,#d9d4ff,#0000),radial-gradient(1px 1px at 55% 84%,#d9d4ff,#0000);position:absolute;inset:0}.side-head{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:8px;min-height:40px;margin:-4px -14px 0;padding:0 12px 16px 14px;display:flex}.side-toggle{all:unset;box-sizing:border-box;cursor:pointer;width:36px;height:36px;color:var(--night-muted);border-radius:10px;flex:none;place-items:center;transition:background .16s,color .16s;display:grid}.side-toggle:hover{color:#fff;background:#ffffff1a}.side-toggle:active{transform:scale(.94)}.side-toggle:focus-visible{outline:2px solid var(--sun);outline-offset:2px}.side-close{width:40px;height:40px;padding:0}.brand{color:var(--ink);align-items:center;gap:10px;padding:0 8px;display:flex}.brand:hover{color:var(--ink);text-decoration:none}.brand-word{font-family:var(--font-display);letter-spacing:-.03em;font-size:21px;font-weight:700}.sidebar .brand,.topbar-mobile .brand,.sidebar .brand:hover,.topbar-mobile .brand:hover{color:var(--night-text)}.side-biz{min-height:52px;color:var(--night-body);background:#ffffff0d;border:1px solid #ffffff17;border-radius:14px;align-items:center;gap:10px;margin-top:-8px;padding:8px 10px;text-decoration:none;transition:background .16s,border-color .16s;display:flex}button.side-biz{width:100%;font:inherit;text-align:left;cursor:pointer}button.side-biz:hover,button.side-biz[aria-expanded=true]{background:#ffffff14;border-color:#ffffff2e}.side-biz-wrap{margin-top:-8px;position:relative}.side-biz-wrap .side-biz{margin-top:0}.side-biz-chev{color:var(--night-muted);flex:none;margin-left:auto;transition:transform .16s;display:flex}button.side-biz[aria-expanded=true] .side-biz-chev{transform:rotate(180deg)}.biz-menu{z-index:40;background:var(--night-1);transform-origin:top;border:1px solid #ffffff24;border-radius:14px;flex-direction:column;gap:2px;max-height:70vh;padding:6px;animation:.14s ease-out biz-menu-in;display:flex;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 18px 40px #070a1f80}@keyframes biz-menu-in{0%{opacity:0;transform:translateY(-4px)scale(.98)}}@media (prefers-reduced-motion:reduce){.biz-menu{animation:none}.side-biz-chev{transition:none}}.biz-menu-head{letter-spacing:.12em;text-transform:uppercase;color:var(--night-muted);padding:8px 10px 4px;font-size:11px;font-weight:700}.biz-menu-note{color:var(--night-muted);padding:8px 10px;font-size:13px}.biz-menu-item{min-height:48px;font:inherit;text-align:left;color:var(--night-body);cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;width:100%;padding:6px 8px;display:flex}.biz-menu-item:hover:not(:disabled){background:#ffffff12}.biz-menu-item.on{background:#ffc8571a}.biz-menu-item:disabled{cursor:progress}.biz-menu-logo{object-fit:cover;width:30px;height:30px;color:var(--night-text);background:#8b7cff47;border-radius:9px;flex:none;justify-content:center;align-items:center;font-size:11px;font-weight:800;display:flex}img.biz-menu-logo{background:#ffffffeb}.biz-menu-name{color:var(--night-text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;display:block;overflow:hidden}.biz-menu-sub{color:var(--night-muted);font-size:12px;display:block}.biz-menu-poor{color:#ff9aae;font-weight:700}.biz-menu-tick{color:var(--sun);flex:none;display:flex}.biz-menu-rule{background:#ffffff1a;height:1px;margin:4px 6px}.biz-menu-link{height:40px;color:var(--night-body);border-radius:10px;align-items:center;gap:10px;padding:0 10px;font-size:13px;font-weight:600;text-decoration:none;display:flex}.biz-menu-link svg{color:var(--night-muted)}.biz-menu-link:hover{color:#fff;background:#ffffff12;text-decoration:none}.side-biz-logo{object-fit:cover;color:#1b1433;background:#ffffffeb;border-radius:10px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:800;display:flex}span.side-biz-logo{color:var(--night-text);background:#8b7cff47}.side-biz-text{flex-direction:column;min-width:0;display:flex}.side-biz-name{color:var(--night-text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;overflow:hidden}.side-biz-plan{color:var(--night-muted);font-size:12px}.nav{flex-direction:column;gap:3px;display:flex}.nav a{height:42px;color:var(--night-body);white-space:nowrap;transition:background .16s ease, color .16s ease, box-shadow .16s ease, transform .12s var(--ease-out);border-radius:12px;align-items:center;gap:12px;padding:0 12px;font-size:14px;font-weight:600;text-decoration:none;display:flex;position:relative}.nav a svg{color:var(--night-muted);transition:color .16s}.nav a:hover{color:#fff;background:#ffffff17;text-decoration:none;box-shadow:inset 0 0 0 1px #ffffff12}.nav a:hover svg{color:#fff}.nav a:active{transform:scale(.98)}.nav a.active{color:#fff;background:linear-gradient(90deg,#ffc85729,#ffffff0d 70%);font-weight:700;box-shadow:inset 0 0 0 1px #ffffff12}.nav a.active:before{content:"";background:var(--sun);border-radius:0 3px 3px 0;width:3px;position:absolute;top:10px;bottom:10px;left:-14px;box-shadow:0 0 12px #ffc857b3}.nav a.active svg{color:var(--sun)}.nav a.active:hover{background:linear-gradient(90deg,#ffc85738,#ffffff14 70%)}.nav a.nav-sub{height:36px;color:var(--night-muted);padding-left:45px;font-size:13px}.nav a.nav-sub.active{box-shadow:none;color:#fff;background:#ffffff0f}.nav a.nav-sub.active:before{width:6px;height:6px;box-shadow:none;border-radius:99px;margin-top:-3px;top:50%;bottom:auto;left:30px}.nav-badge{background:var(--sun);color:#1b1433;font-variant-numeric:tabular-nums;border-radius:99px;justify-content:center;align-items:center;min-width:22px;height:20px;margin-left:auto;padding:0 6px;font-size:11px;font-weight:800;display:inline-flex}.nav-group{letter-spacing:.12em;text-transform:uppercase;color:var(--night-muted);padding:14px 12px 4px;font-size:11px;font-weight:700}.side-back{height:40px;color:var(--night-body);border-radius:12px;align-self:flex-start;align-items:center;gap:6px;padding:0 12px 0 8px;font-size:13px;font-weight:600;text-decoration:none;transition:background .16s,color .16s;display:inline-flex}.side-back:hover{color:#fff;background:#ffffff0f;text-decoration:none}.side-heading{font-family:var(--font-display);letter-spacing:-.02em;color:var(--night-text);margin-top:-12px;padding:0 12px;font-size:20px;font-weight:700}.side-trial{color:var(--night-body);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;gap:8px;padding:14px;text-decoration:none;transition:background .16s,border-color .16s;display:flex}.side-trial:hover{color:var(--night-body);background:#ffffff14;border-color:#ffc85759;text-decoration:none}.side-trial-title{color:var(--night-text);justify-content:space-between;align-items:baseline;font-size:13px;font-weight:700;display:flex}.side-trial-title span{letter-spacing:.12em;text-transform:uppercase;color:var(--sun);font-size:11px}.side-trial-bar{background:#ffffff1a;border-radius:99px;height:5px;overflow:hidden}.side-trial-bar>div{background:var(--grad-sun);border-radius:99px;height:100%}.side-trial-note{color:var(--night-muted);font-size:12px;line-height:1.45}.side-foot{flex-direction:column;gap:14px;margin-top:auto;display:flex}.side-staff{color:var(--night-body);border:1px dashed #ffffff2e;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;font-size:13px;font-weight:700;text-decoration:none;transition:background .16s,border-color .16s;display:flex}.side-staff small{color:var(--night-muted);font-size:11.5px;font-weight:500;display:block}.side-staff svg{color:var(--night-muted)}.side-staff:hover{color:#fff;background:#ffffff0f;border-color:#ffffff4d;text-decoration:none}.side-me-wrap{border-top:1px solid #ffffff1a;padding-top:12px;position:relative}.side-me{all:unset;box-sizing:border-box;cursor:pointer;width:100%;min-height:48px;color:var(--night-body);border-radius:12px;align-items:center;gap:10px;padding:7px 8px;transition:background .16s;display:flex}.side-me:hover,.side-me[aria-expanded=true]{background:#ffffff17}.side-me:focus-visible{outline:2px solid var(--sun);outline-offset:2px}.side-me-text{flex-direction:column;flex:1;min-width:0;display:flex}.side-me-name{color:var(--night-text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;overflow:hidden}.side-me-sub{color:var(--night-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.side-me-chev{color:var(--night-muted);flex:none;transition:transform .16s;display:flex;transform:rotate(180deg)}.side-me[aria-expanded=true] .side-me-chev{transform:none}.biz-menu.side-me-menu{transform-origin:bottom;top:auto;bottom:calc(100% + 6px)}.side-me-head{flex-direction:column;min-width:0;padding:8px 10px 6px;display:flex}.side-me-head .biz-menu-name,.side-me-head .biz-menu-sub{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}button.biz-menu-link{font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;width:100%}.biz-menu-link:focus-visible{outline:2px solid var(--sun);outline-offset:-2px}.side-trial-mini{height:52px;color:var(--sun);background:#ffc8571a;border:1px solid #ffc8574d;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;line-height:1.05;text-decoration:none;display:flex}.side-trial-mini:hover{color:var(--sun);background:#ffc85729;text-decoration:none}.side-trial-mini strong{font-family:var(--font-display);color:var(--night-text);font-size:17px}.side-trial-mini span{letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:700}.rail-tip{z-index:60;pointer-events:none;white-space:nowrap;background:var(--night-0);color:#fff;border:1px solid #ffffff24;border-radius:8px;padding:6px 10px;font-size:12.5px;font-weight:600;animation:.12s ease-out rail-tip-in;position:fixed;transform:translateY(-50%);box-shadow:0 10px 24px #070a1f59}@keyframes rail-tip-in{0%{opacity:0;transform:translate(-3px,-50%)}}@media (width>=821px){.sidebar.is-rail{gap:18px;width:76px;padding:20px 12px 14px}.is-rail .side-label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.is-rail .side-head{flex-direction:column;gap:10px;margin:-2px -12px 0;padding:0 12px 14px}.is-rail .brand,.is-rail .adm-brand{justify-content:center;padding:0}.is-rail .nav a,.is-rail .nav .nav-btn{justify-content:center;gap:0;padding:0}.is-rail .nav a.active:before{left:-12px}.is-rail .nav-badge{min-width:18px;height:18px;box-shadow:0 0 0 2px var(--night-1);padding:0 5px;font-size:10px;position:absolute;top:4px;right:5px}.is-rail .nav-group{color:#0000;background:#ffffff1a;height:1px;margin:10px 8px;padding:0;overflow:hidden}.is-rail .nav-group:first-child{display:none}.is-rail .side-biz{justify-content:center;padding:8px 0}.is-rail .side-back{justify-content:center;align-self:stretch;padding:0}.is-rail .side-heading{display:none}.is-rail .side-staff{justify-content:center;padding:10px 0}.is-rail .side-me{justify-content:center;padding:7px 0}}.avatar{background:var(--suara-wash);width:32px;height:32px;color:var(--suara-accent);border-radius:999px;flex:none;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:flex}.sidebar .avatar,.side-me .avatar{background:var(--grad-sun);color:#1b1433}.sidebar .btn-ghost,.topbar-mobile .btn-ghost{color:var(--night-body)}.sidebar .btn-ghost:hover:not(:disabled),.topbar-mobile .btn-ghost:hover:not(:disabled){color:#fff;background:#ffffff1a}.sidebar :focus-visible,.topbar-mobile :focus-visible{outline-color:var(--sun)}.side-scrim{display:none}.main{flex-direction:column;flex:1;gap:22px;min-width:0;padding:28px 36px 56px;display:flex}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.page-title{font-family:var(--font-display);letter-spacing:-.03em;font-size:28px;font-weight:700;line-height:1.15}.page-sub{color:var(--muted);margin-top:2px;font-size:13px}.topbar-mobile{display:none}.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.stat-value{font-family:var(--font-display);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:34px;font-weight:700;line-height:1.1}.stat-delta{font-size:12.5px;font-weight:600}.up{color:var(--good)}.down{color:var(--poor)}.grid-2{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:16px;display:grid}.grid-halves{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1.5px solid var(--line);border-radius:var(--r-pill);cursor:pointer;height:40px;color:var(--body);background:#fff;padding:0 16px;font-size:13.5px;font-weight:600;transition:border-color .15s,background .15s,color .15s}.chip:hover:not(:disabled){border-color:var(--suara-accent);color:var(--suara-accent)}.chip:disabled{cursor:not-allowed;opacity:.55}.chip.on{border-color:var(--suara-accent);background:var(--suara-wash);color:var(--suara-accent);font-weight:700}.segmented{border:1px solid var(--line);border-radius:var(--r-pill);background:#fff;gap:2px;padding:3px;display:inline-flex}.segmented button{border-radius:var(--r-pill);height:34px;color:var(--body);cursor:pointer;background:0 0;border:0;padding:0 14px;font-size:13px;font-weight:600;transition:background .16s,color .16s;position:relative}.segmented button:after{content:"";position:absolute;inset:-3px 0}.segmented button:hover:not(.on){color:var(--ink);background:var(--tint)}.segmented button.on{background:var(--ink);color:#fff;font-weight:700}.empty{text-align:center;color:var(--muted);padding:40px 20px}.spinner{border:2.5px solid var(--line);border-top-color:var(--suara-accent);border-radius:99px;width:20px;height:20px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.main>*,.adm-main>*{animation:page-in .28s var(--ease-out) backwards}.main>:nth-child(2),.adm-main>:nth-child(2){animation-delay:40ms}.main>:nth-child(3),.adm-main>:nth-child(3){animation-delay:80ms}.main>:nth-child(n+4),.adm-main>:nth-child(n+4){animation-delay:.12s}@keyframes page-in{0%{opacity:0;transform:translateY(6px)}}.skel-list,.main>.skel-page,.adm-main>.skel-page,.main>.skel-list,.adm-main>.skel-list{animation:.32s .18s backwards fade-in}@keyframes fade-in{0%{opacity:0}}.skel-page{flex-direction:column;gap:22px;display:flex}.skel-head{flex-direction:column;gap:10px;padding-top:4px;display:flex}.skel-stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;display:grid}.skel-card{background:var(--card);border-radius:var(--r-card);box-shadow:var(--shadow-card);border:1px solid #ece8f4;flex-direction:column;gap:14px;padding:22px;display:flex}.skel-panel{min-height:240px}.skel-list{gap:0;padding:6px 22px}.skel-row{flex-direction:column;gap:10px;padding:16px 0;display:flex}.skel-row+.skel-row{border-top:1px solid var(--line-soft)}.skel{animation:1.6s cubic-bezier(.45,0,.55,1) infinite skel-pulse;animation-delay:calc(var(--i,0) * .12s);background:#eeeaf6;border-radius:8px}.skel-title{border-radius:10px;width:min(240px,60%);height:30px}.skel-line{height:12px}.skel-value{border-radius:10px;width:38%;height:30px}@keyframes skel-pulse{0%,to{opacity:1}50%{opacity:.45}}@media (prefers-reduced-motion:reduce){.main>*,.adm-main>*{animation-name:fade-in}}.center-page{justify-content:center;align-items:center;min-height:100vh;display:flex}.toast{z-index:50;background:var(--ink);color:#fff;box-shadow:var(--shadow-pop);border-radius:14px;max-width:calc(100vw - 32px);padding:12px 20px;font-size:13.5px;font-weight:600;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast.err{background:var(--poor)}.modal-back{-webkit-backdrop-filter:blur(3px);z-index:40;background:#0d11336b;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{width:100%;max-width:520px;max-height:calc(100vh - 32px);box-shadow:var(--shadow-pop);background:#fff;border-radius:22px;flex-direction:column;gap:16px;padding:26px;display:flex;overflow:auto}.modal.modal-wide{max-width:940px}.meter{background:#efebf7;border-radius:99px;height:10px;overflow:hidden}.meter>div{background:var(--grad-iris);border-radius:99px;height:100%}.infotip{vertical-align:middle;display:inline-flex;position:relative}.infotip-btn{width:24px;height:24px;color:var(--muted);cursor:help;background:0 0;border:0;border-radius:99px;place-items:center;margin:-4px 0;padding:0;transition:color .14s,background .14s;display:inline-grid}.infotip-btn:after{content:"";position:absolute;inset:-8px}.infotip-btn:hover,.infotip.open .infotip-btn{color:var(--suara-accent);background:var(--suara-wash)}.infotip-btn:focus-visible{outline:2px solid var(--suara-accent);outline-offset:1px}.infotip-body{z-index:20;background:var(--ink);color:#eceaf6;width:min(270px,100vw - 48px);box-shadow:var(--shadow-pop);letter-spacing:0;text-transform:none;text-align:left;white-space:normal;opacity:0;visibility:hidden;border-radius:12px;flex-direction:column;gap:4px;padding:12px 14px;font-size:12.5px;font-weight:500;line-height:1.5;transition:opacity .14s,transform .14s,visibility 0s linear .14s;display:flex;position:absolute;top:calc(100% + 8px);right:-8px;transform:translateY(-4px)}.infotip-body strong{color:#fff;font-size:13px}.infotip.open .infotip-body{opacity:1;visibility:visible;transition:opacity .14s,transform .14s;transform:none}@media (prefers-reduced-motion:reduce){.infotip-body,.infotip.open .infotip-body{transition:none}}.stat-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.lang-bar{flex-direction:column;gap:12px;display:flex}.lang-bar.compact{background:var(--card);border:1px solid #ece8f4;border-radius:14px;flex-flow:wrap;align-items:center;gap:12px 28px;padding:12px 16px}.lang-bar-item{align-items:center;gap:12px;display:flex}.lang-bar-label{color:var(--ink);flex-direction:column;font-size:13px;font-weight:700;display:flex}.lang-bar-label .hint{font-weight:400}.lang-bar-toggle{cursor:pointer;justify-content:space-between}.lang-bar:not(.compact) .lang-bar-item{justify-content:space-between}.field.is-hidden textarea,.field.is-hidden input{opacity:.55}.divider{background:var(--line);border:0;height:1px;margin:4px 0}.kbd-code{color:var(--body);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px}@media (width<=1100px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-2,.grid-halves{grid-template-columns:minmax(0,1fr)}}@media (width<=820px){.btn-sm{height:40px}.sidebar{display:none}.sidebar.open{z-index:30;width:min(288px,86vw);display:flex;position:fixed;inset:0 auto 0 0;box-shadow:0 0 60px #070a1f80}.side-toggle{display:none}.side-scrim{z-index:29;background:#070a1f73;border:0;padding:0;display:block;position:fixed;inset:0}.topbar-mobile{z-index:20;background:linear-gradient(90deg, var(--night-0), var(--night-2));justify-content:space-between;align-items:center;padding:10px 16px;display:flex;position:sticky;top:0;box-shadow:0 1px #ffffff0f}.topbar-mobile .btn-ghost{width:40px;height:40px;padding:0}.shell{flex-direction:column}.main{gap:16px;padding:18px 16px 40px}.page-title{font-size:24px}.stats{gap:10px}.stats .card{padding:16px}.stat-value{font-size:26px}.card{padding:18px}}@media (width<=640px){.banner{flex-wrap:wrap;align-items:flex-start}.banner>.grow{flex:220px}}@media print{.no-print{display:none!important}body,.shell{background:#fff}.card{box-shadow:none}}.chart-tip{pointer-events:none;border:1px solid var(--line);box-shadow:var(--shadow-pop);white-space:nowrap;background:#fff;border-radius:12px;padding:8px 12px;font-size:12px;line-height:1.45;position:absolute;top:8px}.spot-groups{flex-direction:column;display:flex}.spot-group+.spot-group{border-top:1px solid var(--line);margin-top:14px;padding-top:14px}.spot-bars{flex-direction:column;gap:8px;display:flex}.spot-bar{grid-template-columns:96px minmax(0,1fr) 52px 44px;align-items:center;gap:10px;font-size:13px;display:grid}.spot-bar-name{color:var(--body);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.spot-bar-track{background:#f1eef7;border-radius:99px;height:10px;overflow:hidden}.spot-bar-fill{border-radius:99px;height:100%}.fill-good{background:#1f9d6b}.fill-watch{background:#d69e2e}.fill-poor{background:#e0475f}.spot-bar-val{text-align:right;font-weight:700}.spot-bar-n{text-align:right}.step-num{border:2px solid var(--line);width:28px;height:28px;color:var(--muted);background:#fff;border-radius:99px;flex:none;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:flex}.step-num.done{border-color:var(--good);background:var(--good);color:#fff}.loc-card{flex-direction:column;gap:14px;display:flex}.loc-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.loc-title{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.loc-title h2{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);margin:0;font-size:19px;font-weight:700}.loc-actions{flex-wrap:wrap;gap:6px;display:flex}.loc-default{background:var(--ground);border-radius:14px;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px;display:flex}.loc-default label{color:var(--body);font-size:13px;font-weight:700}.loc-default .select{width:auto;max-width:280px;height:40px;font-size:13.5px}.loc-spots{table-layout:fixed;min-width:640px}.loc-spots td{vertical-align:middle}.spot-name{color:var(--ink);align-items:center;gap:8px;font-weight:700;display:flex}.spot-name .pill{height:20px;font-size:11px}.spot-survey{width:100%;height:40px;font-size:13px}.share-list{border:1px solid var(--line);border-radius:14px;flex-direction:column;display:flex;overflow:hidden}.share-row{border-bottom:1px solid var(--line-soft);grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr) auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.share-row:last-child{border-bottom:0}.share-row:first-child{background:var(--suara-wash)}.share-what{flex-direction:column;min-width:0;display:flex}.share-url{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.share-msg{resize:vertical;height:auto;min-height:136px;padding:10px 12px;font-size:13px;line-height:1.5}@media (width<=560px){.share-row{grid-template-columns:minmax(0,1fr) auto}.share-url{grid-area:2/1/auto/-1}}@media (width<=820px){.loc-spots,.loc-spots tbody,.loc-spots tr,.loc-spots td{display:block}.loc-spots{min-width:0}.loc-spots colgroup,.loc-spots thead{display:none}.loc-spots tr{border-bottom:1px solid var(--line-soft);padding:12px 0;position:relative}.loc-spots tr:last-child{border-bottom:0}.loc-spots td{text-align:left;border:0;padding:4px 0}.loc-spots td[data-label]{justify-content:space-between;align-items:center;gap:12px;display:flex}.loc-spots td[data-label]:before{content:attr(data-label);color:var(--muted);flex:none;font-size:12px;font-weight:600}.loc-spots td[data-label]>*{min-width:0}.loc-spots .spot-survey{max-width:62vw}.loc-spots .spot-cell-edit{padding:0;position:absolute;top:8px;right:0}.loc-head .loc-actions{width:100%}}.spot-chips{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.spot-chip{border:1px solid var(--line);background:#fff;border-radius:999px;align-items:center;gap:6px;height:30px;padding:0 6px 0 12px;font-size:12.5px;display:inline-flex}.spot-chip-name{color:var(--body);font-weight:600}.spot-chip-x{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:99px;padding:0 4px;font-size:16px;line-height:1}.spot-chip-x:hover{color:var(--poor);background:var(--poor-bg)}.txt-good{color:var(--good)}.txt-watch{color:var(--watch)}.txt-poor{color:var(--poor)}.idea-row{border:1px solid var(--line);background:#fff;border-radius:14px;align-items:center;gap:12px;padding:10px 12px;display:flex}.theme-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.theme-card{border:1.5px solid var(--line);cursor:pointer;color:var(--suara-accent);background:#fff;border-radius:14px;align-items:center;gap:10px;padding:10px 12px;transition:border-color .15s;display:flex}.theme-card:hover{border-color:#d6cff0}.theme-card strong{color:var(--ink);font-size:13.5px}.theme-card.on{border:2px solid var(--suara-accent);background:var(--suara-wash)}.theme-swatch{border-radius:9px;flex:none;width:28px;height:28px}.logo-box{background:var(--suara-wash);width:64px;height:64px;color:var(--suara-accent);border:1px solid var(--line);border-radius:16px;flex:none;justify-content:center;align-items:center;font-size:20px;font-weight:800;display:flex;overflow:hidden}.logo-box img{object-fit:contain;background:#fff;width:100%;height:100%}.color-input{border:1.5px solid var(--line);border-radius:var(--r-control);cursor:pointer;background:#fff;width:44px;height:44px;padding:3px}.phone-frame{border:6px solid var(--ink);width:360px;max-width:100%;height:700px;box-shadow:var(--shadow-pop);background:#f7f9fa;border-radius:32px}.switch{cursor:pointer;align-items:center;gap:10px;display:inline-flex}.switch input{opacity:0;width:1px;height:1px;position:absolute}.switch-track{background:#d9d4e8;border-radius:99px;flex:none;width:44px;height:26px;transition:background .15s;position:relative}.switch-track span{width:20px;height:20px;transition:transform .18s var(--ease-out);background:#fff;border-radius:99px;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #17152e40}.switch input:checked+.switch-track{background:var(--suara-accent)}.switch input:checked+.switch-track span{transform:translate(18px)}.switch input:focus-visible+.switch-track{box-shadow:0 0 0 4px #8b7cff4d}.rules{background:var(--tint);border:1px solid var(--line-soft);border-radius:14px;flex-direction:column;gap:8px;padding:14px;display:flex}.rule{color:var(--body);align-items:flex-start;gap:10px;font-size:13px;display:flex}.rule svg{margin-top:2px}.rule.ok svg{color:var(--good)}.rule.no svg{color:var(--poor)}.thanks-mock{--a:#175a73;color:#101b22;background:#f7f9fa;border:1px solid #dce4e9;border-radius:22px;flex-direction:column;gap:12px;width:300px;max-width:100%;padding:16px;display:flex;position:relative;overflow:hidden}.thanks-mock-body{background:#fff;border:1px solid #dce4e9;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:16px;display:flex}.thanks-mock-review{background:#fff;border:1px solid #dce4e9;border-radius:12px;flex-direction:column;gap:8px;padding:14px;display:flex}.mock-btn{border:1.5px solid #dce4e9;border-radius:6px;justify-content:center;align-items:center;height:40px;font-size:13.5px;font-weight:700;display:flex}.mock-btn.primary{background:var(--a);border-color:var(--a);color:#fff}.thanks-mock-off{background:var(--ink);color:#fff;text-align:center;border-radius:10px;padding:8px 10px;font-size:12.5px;font-weight:700;position:absolute;inset:auto 12px 12px}@media (width<=1100px){.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.banner-ico{border-radius:10px;flex:none;place-items:center;width:30px;height:30px;display:grid}.banner-ico-watch{color:var(--watch);background:#f6e3b4}.banner-ico-poor{color:var(--poor);background:#f6d3cb}.banner-ico-good{color:var(--good);background:#cfeadb}.banner-ico-info{color:var(--suara-accent);background:#e2dbf8}.test-list{gap:4px;margin:0;padding-left:20px;display:grid}.test-answer{border:1px solid var(--line);border-radius:12px;gap:4px;padding:10px 12px;font-size:14px;display:grid}@media (width<=640px){.table th,.table td{padding-left:8px;padding-right:8px}.table-stack thead{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.table-stack,.table-stack tbody{display:block}.table-stack tbody tr{border-bottom:1px solid var(--line-soft);flex-wrap:wrap;align-items:center;gap:6px 16px;padding:12px 0;display:flex}.table-stack tbody tr:last-child{border-bottom:0}.table-stack tbody td{border:0;min-width:0;padding:0;display:block}.table-stack.table .num{text-align:left}.table-stack td.stack-full{flex-basis:100%}.table-stack td[data-label]:before{content:attr(data-label) " ";color:var(--muted);font-size:12px;font-weight:500}}.cv{aspect-ratio:3/4;color:#fff;text-align:left;background:#141541;border-radius:2% 5.5% 5.5% 2%/1.5% 4.1% 4.1% 1.5%;width:100%;display:block;position:relative;overflow:hidden;container-type:inline-size}.cv-art{width:100%;height:100%;display:block;position:absolute;inset:0}.cv:after{content:"";pointer-events:none;background:linear-gradient(90deg,#00000057,#ffffff12 3.2%,#0000 7.5%);position:absolute;inset:0}.cv-kicker,.cv-title,.cv-sub,.cv-by{z-index:1;position:absolute;left:11%;right:9%}.cv-kicker{font:700 8px/1 var(--font-ui);letter-spacing:.22em;text-transform:uppercase;color:#ffc857;font-size:3.1cqw;top:7.5%}.cv-title{font-family:var(--font-display);letter-spacing:-.04em;text-wrap:balance;font-size:11.2cqw;font-weight:700;line-height:1.02;top:12.5%}.cv-sub{font:500 8px/1.4 var(--font-ui);color:#cdc8ee;font-size:3.5cqw;top:33%;right:16%}.cv-by{font:700 7.5px/1 var(--font-ui);letter-spacing:.06em;color:#cdc8ee;font-size:2.9cqw;top:auto;bottom:1.6%}.cv-shot{width:82%;height:auto;position:absolute;bottom:5%;left:50%;transform:translate(-50%)}.cv--shot .cv-by{display:none}@container (width<=210px){.cv-kicker,.cv-sub,.cv-by{display:none}.cv-title{font-size:13cqw;top:9%}}@container (width<=84px){.cv-title{display:none}.cv-shot{width:104%;top:50%;bottom:auto;transform:translate(-50%,-50%)}}.lp,.st,.bk{--n0:#070a1f;--n1:#0d1133;--n2:#141541;--n3:#1b1850;--dusk:#2a1f63;--twi:#34216b;--t-hi:#f6f3ff;--t-md:#cdc8ee;--t-lo:#a7a2cf;--sun:#ffc857;--sun-2:#ff9a6b;--rose:#ff6f91;--iris:#8b7cff;--iris-ink:#5a48d6;--mint:#3fd6a0;--cream:#fff6ec;--day:#fcfaf7;--ink:#17152e;--ink-2:#45425f;--ink-3:#66637f;--hair:#e8e3f1;--good-ink:#1e7f58;--watch-ink:#8a5d06;--serif:"Instrument Serif", "Iowan Old Style", Georgia, serif;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1)}.lang-toggle{border:1px solid #0000;border-radius:999px;gap:2px;padding:3px;display:inline-flex}.lang-toggle button{min-width:38px;height:30px;color:inherit;font:700 12.5px/1 var(--font-ui);letter-spacing:.04em;opacity:.72;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 10px;transition:background .16s,color .16s,opacity .16s}.lang-toggle button:hover{opacity:1}.lang-toggle button.is-on{opacity:1;cursor:default}.lang-toggle button:focus-visible{outline:2px solid var(--sun);outline-offset:2px}.lang-toggle--dark{color:var(--t-hi);background:#ffffff0f;border-color:#ffffff29}.lang-toggle--dark button.is-on{background:var(--t-hi);color:var(--n0)}.lang-toggle--light{color:var(--ink);background:#17152e0a;border-color:#17152e1f}.lang-toggle--light button.is-on{background:var(--ink);color:#fff}