:root{--ink: #0c0b0a;--panel: #171412;--panel-2: #221b16;--line: rgba(243,238,230,.14);--teal: #ffb38a;--amber: #ff5a1f;--text: #f3eee6;--muted: #b5ab9f;--display: "Rubik", system-ui, sans-serif;--serif: "Frank Ruhl Libre", Georgia, serif;color-scheme:dark}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;background:var(--ink);color:var(--text);font:400 18px/1.6 var(--display);direction:rtl;overflow-x:clip;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:0 110px;background-image:radial-gradient(110% 55% at 100% 0%,rgba(255,90,31,.18),transparent 60%),radial-gradient(80% 50% at 0% 100%,rgba(255,179,138,.07),transparent 60%);background-attachment:fixed;-webkit-font-smoothing:antialiased}.skip{position:absolute;top:-60px;right:16px;z-index:99;background:var(--amber);color:#000;padding:10px 16px;border-radius:10px}.skip:focus{top:16px}.wrap{max-width:640px;margin:0 auto}header.top{display:flex;justify-content:space-between;align-items:center;padding-block:20px;font-weight:700;letter-spacing:.04em;font-size:14px;color:var(--muted)}header.top b{color:var(--text)}.brand{display:flex;align-items:center;gap:10px;color:var(--muted);text-decoration:none}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--amber);color:#120700;font:900 20px/1 var(--serif);letter-spacing:0}.bar{height:6px;background:var(--panel);border-radius:6px;overflow:hidden;margin-bottom:32px}.bar i{display:block;height:100%;width:0;background:linear-gradient(270deg,var(--teal),var(--amber));transition:width .4s}#app:focus{outline:none}h1,h2,h3{font-family:var(--display);text-wrap:balance;margin:0}h1{font-size:clamp(36px,8.5vw,58px);line-height:1.05;font-weight:900;letter-spacing:-.02em}h1 em{font-family:var(--serif);font-style:normal;color:var(--amber)}h2{font-size:clamp(25px,5.8vw,34px);line-height:1.22;font-weight:800}.lead{color:#d6cec3;font-size:19px;margin:16px 0 0}.eyebrow{font-size:13px;letter-spacing:.12em;color:var(--teal);font-weight:700;margin-bottom:12px}.screen{display:flex;flex-direction:column;gap:20px;animation:in .4s cubic-bezier(.2,.8,.2,1)}@keyframes in{0%{transform:translateY(14px);opacity:0}to{transform:none;opacity:1}}@media (prefers-reduced-motion: reduce){.screen{animation:none}.bar i{transition:none}}.opts{display:grid;gap:10px}.opt{all:unset;cursor:pointer;display:flex;gap:12px;align-items:center;padding:16px 18px;border:1.5px solid var(--line);border-radius:16px;background:var(--panel);font-size:18px;font-weight:600;transition:border-color .15s,transform .15s,background .15s}.opt:hover{border-color:var(--teal);transform:translate(-4px)}.opt:focus-visible,.btn:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--amber);outline-offset:2px}.opt[aria-pressed=true]{border-color:var(--amber);background:var(--panel-2)}.opt small{display:block;font-weight:400;color:var(--muted);font-size:15px}input,textarea{width:100%;font:inherit;color:var(--text);background:var(--panel);border:1.5px solid var(--line);border-radius:14px;padding:14px 16px}textarea{min-height:110px;resize:vertical}label.f{display:flex;flex-direction:column;gap:6px;font-weight:600}.btn{all:unset;cursor:pointer;text-align:center;font-family:var(--display);font-weight:700;font-size:19px;padding:17px 26px;border-radius:999px;background:var(--amber);color:#120700;box-shadow:0 10px 40px -12px #ff5a1fb3;transition:background .2s}.btn:hover{background:var(--text)}.btn.ghost{background:none;box-shadow:none;color:var(--muted);font-weight:500;font-size:16px;padding:8px}.btn.ghost:hover{color:var(--text)}.row{display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap}.whisper{border-inline-start:3px solid var(--teal);padding:4px 14px;margin:0;color:var(--muted);font-size:16px}.promise{display:grid;gap:10px;margin:8px 0 0;padding:0;list-style:none}.promise li{display:flex;gap:10px}.promise li:before{content:"✓";color:var(--amber);font-weight:700}.score{display:flex;align-items:center;gap:20px;padding:20px;border-radius:20px;background:var(--panel);border:1px solid var(--line)}.dial{width:96px;height:96px;flex:none}.dial text{font-family:var(--display);font-weight:900;fill:var(--text)}.leak{padding:22px;border-radius:20px;background:var(--panel);border:1px solid var(--line);display:flex;flex-direction:column;gap:8px}.leak .n{font-size:13px;letter-spacing:.1em;color:var(--amber);font-weight:700}.leak h3{font-size:22px}.leak p{margin:0;color:var(--muted)}.leak .fix{color:var(--text)}.leak .fix b{color:var(--teal)}.cta{padding:26px;border-radius:22px;background:radial-gradient(circle at 10% 110%,rgba(255,90,31,.35),transparent 55%),var(--panel-2);border:1.5px solid var(--amber);display:flex;flex-direction:column;gap:14px}.note{font-size:14px;color:var(--muted);margin:0}.copybox{font-size:14px;white-space:pre-wrap;background:var(--ink);border:1px dashed var(--line);border-radius:12px;padding:12px;color:var(--muted)}footer{display:grid;gap:6px;margin-top:48px;font-size:13px;color:var(--muted);text-align:center;letter-spacing:.04em}footer a{color:var(--muted)}