@font-face{font-family:Inter;src:url(/assets/fonts/inter.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:Grotesk;src:url(/assets/fonts/grotesk.woff2) format("woff2");font-weight:300 700;font-display:swap}
:root{--bg:#0B1528;--bg2:#121C2E;--card:#152033;--line:#ffffff17;--ink:#F2F5F9;--mut:#9fb0c3;--c:#2DD4F0;--c2:#8be9fa;--cs:#0d2f3a;--r:16px;--f:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;--d:Grotesk,Inter,system-ui,sans-serif}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;color-scheme:dark;overflow-x:hidden}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 var(--f);overflow-x:hidden;min-height:100vh;
background-image:linear-gradient(90deg,#0F294B66 0%,transparent 42%,#42291F66 100%),url(/assets/isla/stars.webp),radial-gradient(900px 420px at 80% -10%,#2dd4f014,transparent 70%),linear-gradient(#ffffff06 1px,transparent 1px),linear-gradient(90deg,#ffffff06 1px,transparent 1px);background-size:auto,1400px auto,auto,40px 40px,40px 40px}
a{color:var(--c2)}
img{max-width:100%;display:block}
.w{width:100%;max-width:1080px;margin:0 auto;padding:0 18px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;z-index:9;background:var(--c);color:#04121a;padding:10px 14px;border-radius:10px}
:focus-visible{outline:3px solid var(--c);outline-offset:2px;border-radius:8px}
h1[tabindex="-1"]:focus{outline:none}.kbd h1[tabindex="-1"]:focus-visible{outline:3px solid var(--c);outline-offset:2px;border-radius:8px}
.top{position:sticky;top:0;z-index:5;background:#0B1528cc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top)}
.top .w{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:60px}
.brand{display:flex;white-space:nowrap;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font:600 17px var(--d);letter-spacing:-.01em;min-height:44px}
.brand img{border-radius:50%}.brand b{color:var(--c)}
.top-r{display:flex;gap:8px;align-items:center}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 20px;border-radius:12px;border:1px solid transparent;background:var(--c);color:#04121a;font:700 16px var(--f);text-decoration:none;cursor:pointer;box-shadow:0 0 0 1px #2dd4f055,0 10px 30px -10px #2dd4f088;transition:transform .12s,box-shadow .12s;-webkit-tap-highlight-color:transparent}
.btn:hover{transform:translateY(-1px);box-shadow:0 0 0 1px #2dd4f0,0 14px 34px -10px #2dd4f0aa}
.btn.ghost{background:transparent;color:var(--ink);border-color:var(--line);box-shadow:none}
.btn.ghost:hover{border-color:#2dd4f066}
.btn.sm{min-height:44px;padding:8px 14px;font-size:14px}
.btn.wide{width:100%}
.net{background:#3a2a07;color:#ffe3a3;text-align:center;font-size:14px;padding:8px 12px}
.hero{padding:30px 0 8px}
.eyebrow{color:var(--c);font:600 13px var(--d);letter-spacing:.12em;text-transform:uppercase;margin:0 0 8px}
h1{font:700 clamp(30px,6.4vw,48px)/1.08 var(--d);letter-spacing:-.025em;margin:0 0 12px}
h2{font:650 22px/1.2 var(--d);letter-spacing:-.01em;margin:0 0 10px}
h3{font:650 17px/1.3 var(--d);margin:0 0 6px}
.sub{color:var(--mut);font-size:17px;max-width:640px;margin:0 0 18px}
.muted{color:var(--mut)}.small{font-size:14px}
.search{position:relative;margin:6px 0 12px}
.search svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--mut)}
.search input{width:100%;min-height:52px;padding:12px 14px 12px 42px;border-radius:14px;border:1px solid var(--line);background:var(--bg2);color:var(--ink);font:16px var(--f)}
.search input:focus{border-color:var(--c);outline:none;box-shadow:0 0 0 3px #2dd4f033}
.chips{display:flex;gap:8px;overflow-x:auto;padding:2px 0 10px;scrollbar-width:none;max-width:100%}
.chips::-webkit-scrollbar{display:none}
.chip{flex:0 0 auto;min-height:44px;padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:var(--bg2);color:var(--ink);font:500 14px var(--f);cursor:pointer;white-space:nowrap}
.chip[aria-pressed=true]{background:var(--cs);border-color:var(--c);color:var(--c2)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;margin:6px 0 30px}
.card{display:flex;gap:14px;align-items:flex-start;background:linear-gradient(180deg,#14203a,#0f1729);border:1px solid var(--line);border-radius:var(--r);padding:14px;text-decoration:none;color:var(--ink);min-height:116px;transition:border-color .15s,transform .15s;min-width:0}
.card:hover{border-color:#2dd4f066;transform:translateY(-2px)}
.card img,.ph{width:64px;height:64px;border-radius:14px;flex:0 0 64px;object-fit:cover;background:#0b1322;border:1px solid var(--line)}
.ph{display:grid;place-items:center;font:700 22px var(--d);color:var(--c)}
.card .t{min-width:0}
.card h3{margin:0 0 2px;overflow-wrap:anywhere}
.card p{margin:0;color:var(--mut);font-size:14px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tag{display:inline-block;margin-top:8px;font:600 12px var(--f);color:var(--c2);background:var(--cs);border:1px solid #2dd4f033;border-radius:999px;padding:3px 9px}
.tag.free{color:#b8f5c8;background:#0f2a1b;border-color:#3ddc8433}
.back{margin:18px 0 6px}
.dh{display:flex;gap:16px;align-items:center;margin:8px 0 14px}
.dh img,.dh .ph{width:84px;height:84px;flex:0 0 84px;border-radius:18px}
.dh h1{font-size:clamp(26px,6vw,38px);margin:0 0 4px}
.panel{background:linear-gradient(180deg,#121c33,#0e1628);border:1px solid var(--line);border-radius:var(--r);padding:18px;margin:0 0 14px}
.panel.buy{border-color:#2dd4f055;box-shadow:0 0 40px -18px #2dd4f0}
.k{font:600 12px var(--d);letter-spacing:.1em;text-transform:uppercase;color:var(--c);margin:0 0 6px}
.out{white-space:pre-wrap;background:#0a1120;border:1px solid var(--line);border-radius:12px;padding:12px;font-size:15px;margin:8px 0 0;overflow-wrap:anywhere}
.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0 14px}
.tier{min-height:64px;border-radius:12px;border:1px solid var(--line);background:#0a1120;color:var(--ink);font:600 15px var(--f);cursor:pointer;padding:8px 4px;line-height:1.25}
.tier span{display:block;font:700 18px var(--d)}
.tier[aria-checked=true]{border-color:var(--c);background:var(--cs);color:var(--c2);box-shadow:0 0 0 1px var(--c) inset}
.row{display:flex;gap:10px;flex-wrap:wrap}
.row .btn{flex:1 1 200px}
.fine{font-size:13px;color:var(--mut)}
.foot{border-top:1px solid var(--line);padding-top:18px;padding-bottom:calc(28px + env(safe-area-inset-bottom));color:var(--mut);font-size:14px}
.foot a{color:var(--mut);display:inline-block;padding:6px 0}
ul.plain{margin:6px 0 0;padding-left:18px;color:var(--mut)}
@media (max-width:420px){.w{padding:0 14px}.hero{padding-top:20px}.top-r #install:not([hidden])+a{display:none}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
/* fix round 1: marks, tile snippets, chip row, try view */
.mk{display:block;width:64px;height:64px;min-width:64px;flex:0 0 64px;border-radius:15px;contain:strict;filter:drop-shadow(0 6px 18px #2dd4f02e)}
.mk svg{display:block;width:100%;height:100%}
.mk.big{width:84px;height:84px;min-width:84px;flex:0 0 84px;border-radius:19px}
.card{flex-direction:column;gap:10px;min-height:0}
.card .ch{display:flex;gap:12px;align-items:center;min-width:0}
.card .cc{margin:0 0 2px;font:600 11px var(--d);letter-spacing:.1em;text-transform:uppercase;color:var(--c);-webkit-line-clamp:1}
.card .cj{margin:0}
.card .tag{margin-top:auto;align-self:flex-start}
.snip{font:13px/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#cfe9f2;background:#0a1120;border:1px solid #2dd4f022;border-left:2px solid var(--c);border-radius:10px;padding:8px 10px;max-width:100%;min-width:0;overflow-x:auto;overflow-wrap:anywhere;word-break:break-word}
.snip q{quotes:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;word-break:break-word}
.snip span{display:block;font:600 10px var(--d);letter-spacing:.1em;text-transform:uppercase;color:var(--c);margin-bottom:2px}
.chipwrap{position:relative}
.chipwrap.more::after{content:"";position:absolute;right:0;top:0;bottom:10px;width:72px;pointer-events:none;background:linear-gradient(90deg,#0B152800,#0B1528 70%)}
.chipnext{position:absolute;right:0;top:2px;z-index:2;width:44px;height:44px;border-radius:999px;border:1px solid #2dd4f066;background:var(--cs);color:var(--c2);font:700 24px/1 var(--f);cursor:pointer;box-shadow:0 0 18px -4px #2dd4f088}
@media (min-width:760px){.chips{flex-wrap:wrap;overflow:visible}.chipwrap.more::after,.chipnext{display:none}}
.seg{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:var(--bg2);border:1px solid var(--line);border-radius:14px;padding:4px;margin:0 0 14px}
.seg.seg3{grid-template-columns:1fr 1fr 1fr}
.seg.seg3 button{font-size:13px;padding:6px 4px}
.seg button{min-height:44px;border:0;border-radius:10px;background:transparent;color:var(--mut);font:600 14px var(--f);cursor:pointer}
.seg button[aria-selected=true]{background:var(--cs);color:var(--c2);box-shadow:0 0 0 1px var(--c) inset}
.pill{display:inline-block;margin:0 0 6px;font:700 11px var(--d);letter-spacing:.08em;color:#ffe3a3;background:#3a2a07;border:1px solid #ffe3a344;border-radius:999px;padding:4px 10px}
.lbl{display:block;margin:12px 0 6px;font:600 13px var(--f);color:var(--ink)}
.inp{width:100%;min-height:48px;padding:12px;border-radius:12px;border:1px solid var(--line);background:#0a1120;color:var(--ink);font:16px var(--f)}
.inp:focus{border-color:var(--c);outline:none;box-shadow:0 0 0 3px #2dd4f033}
textarea.inp{resize:vertical;line-height:1.45}
.rate h1{margin:22px 0 8px}.rate .sub{color:var(--mut);margin:0 0 16px}
.stars{border:0;padding:0;margin:8px 0 16px;display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.stars legend{grid-column:1/-1}
.stars label{display:flex;align-items:center;justify-content:center;min-height:48px;border:1px solid var(--line);border-radius:12px;cursor:pointer;font:600 13px var(--f);text-align:center}
.stars input{position:absolute;opacity:0;width:1px;height:1px}
.stars label:has(input:checked){border-color:#2dd4f0;background:#2dd4f022;color:#fff}
.stars label:has(input:focus-visible){outline:2px solid #2dd4f0;outline-offset:2px}
.ok{color:#7ef0b0}.bad{color:#ffb4a8}
#rf.done #rgo{display:none}
.rating{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.rating b{color:#ffe3a3}
.hero .proof{color:var(--ink);font-weight:600}
/* Store apps (shell.js): .webonly hides inside the Android/iOS apps, .webbuy hides wherever buy links are off, .storeonly shows only there. */
.inapp .webonly,.nobuy .webbuy{display:none!important}
.storeonly{display:none}
.nobuy .storeonly{display:inline}
.rep{margin-top:12px}.rep select{margin:6px 0 10px}

.kw{margin:10px 0 0;padding:10px 12px;border:1px dashed var(--line);border-radius:10px;color:#cfe8f5}
.walk{margin:16px 0 0;padding:14px 0 0;border-top:1px solid var(--line)}
.walk h3{margin:0 0 8px;font-size:17px}
.walk details summary{cursor:pointer;color:#cfe8f5;min-height:32px}
#tguide ol li{margin:4px 0}
#tguide a,#refund a{overflow-wrap:anywhere}

/* Inbox Cleaner try screen typography and whitespace (r6, 2026-11-12) */
.tryv{padding:36px 0 12px}
.tryv .dh{margin:8px 0 48px;align-items:flex-end;gap:28px}
.tryv .dh h1{font:700 clamp(44px,8.4vw,72px)/1.02 var(--d);letter-spacing:-.036em;margin:12px 0 0;max-width:16ch}
.tryv .dh .k{margin:0 0 16px;letter-spacing:.16em}
.tryv .lead{margin:16px 0 0;color:var(--mut);font:20px/1.55 var(--f);max-width:32ch}
.tryv .seg{margin:0 0 40px;padding:6px}
#p-f{padding:32px 32px 36px}
#p-f .k{margin:0 0 14px;letter-spacing:.14em}
#p-f .fine{font-size:15px;line-height:1.7;max-width:46ch;margin:0 0 18px;color:var(--mut)}
#p-f #ftask{min-height:120px;padding:16px 18px;font-size:16px;line-height:1.6}
#p-f .lbl{margin:22px 0 8px;font:600 14px var(--f);letter-spacing:.01em}
#p-f .row{margin-top:20px}
#p-f #frmsg{margin:20px 0 0;line-height:1.55}
.out.triage{white-space:normal;background:transparent;border:0;padding:0;margin:36px 0 12px;display:flex;flex-direction:column;gap:28px}
.tsec{margin:4px 0 8px;letter-spacing:.14em}
.tlead{margin:0 0 8px;color:var(--mut);font:16px/1.7 var(--f)}
.titem{background:linear-gradient(180deg,#121c33,#0c1424);border:1px solid var(--line);border-radius:20px;padding:28px 28px 24px}
.titem.phish{border-color:#e8b86a55;background:linear-gradient(180deg,#1c160c,#0c1424)}
.tbadges{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 16px}
.tbadge{display:inline-flex;align-items:center;min-height:26px;padding:4px 12px;border-radius:999px;font:650 11px/1 var(--d);letter-spacing:.1em;text-transform:uppercase}
.tbadge.hot{color:var(--c2);background:var(--cs);border:1px solid #2dd4f044}
.tbadge.wait{color:#cfe0ee;background:#182233;border:1px solid var(--line)}
.tbadge.phish{color:#ffe3a3;background:#3a2a07;border:1px solid #ffe3a344}
.tnum{margin-left:auto;color:var(--mut);font:600 12px var(--f);letter-spacing:.04em}
.twho{margin:0 0 14px;font:700 28px/1.12 var(--d);letter-spacing:-.032em}
.twhy{margin:0 0 12px;color:var(--mut);font:16px/1.7 var(--f)}
.twarn{margin:14px 0 0;color:#ffe3a3;font:600 16px/1.55 var(--f)}
.tdraft{margin:20px 0 0;background:#0a1822;border:1px solid #2dd4f033;border-left:4px solid var(--c);border-radius:16px;padding:20px 22px}
.tdraft .k{margin:0 0 12px;letter-spacing:.12em}
.tdraft .tbody{margin:0 0 18px;font:18px/1.7 var(--f);color:var(--ink)}
.tdraft .tcopy{min-height:44px}
.fnext{margin:28px 0 8px}
.fnext h2{font:700 clamp(22px,4vw,28px)/1.15 var(--d);letter-spacing:-.02em;margin:0 0 10px}
.fnext .fine{max-width:46ch;margin:0 0 16px}
.fnext .btn{margin-top:4px}
@media (max-width:420px){
  .seg.seg3 button{font-size:12px;line-height:1.25;padding:8px 4px}
  .tryv{padding-top:20px}
  .tryv .dh{margin:4px 0 28px;gap:16px}
  .tryv .dh h1{font-size:clamp(34px,10vw,44px)}
  .tryv .lead{font-size:17px;max-width:28ch}
  .tryv .seg{margin:0 0 24px}
  .titem{padding:22px 18px}
  .twho{font-size:24px}
  #p-f{padding:22px 16px 26px}
  .tdraft{padding:16px 18px}
  .tdraft .tbody{font-size:17px;line-height:1.65}
  .out.triage{gap:22px;margin-top:28px}
  .fnext{margin-top:24px}
}

/*isla1113b*/.top{background:#0B1528cc}