/* No canvas, video, animated filters, blur, backdrop-filter or scroll listeners. */
#korp-coffee-choice{position:relative;z-index:2;isolation:isolate;box-sizing:border-box;max-width:1120px;margin:0 auto;padding:132px 32px 18px;color:#f1f5f9;font-family:Inter,system-ui,sans-serif;text-align:center;min-height:0!important}
#korp-coffee-choice *,#kc-dialog *{box-sizing:border-box}
.kc-eyebrow{display:flex;align-items:center;justify-content:center;gap:9px;font-size:10px;font-weight:700;letter-spacing:.19em;text-transform:uppercase;color:#b5c7d8;margin:0 0 18px}
.kc-eyebrow>span:first-child:empty{width:6px;height:6px;background:#5eead4;border-radius:50%}
#kc-title{font-size:clamp(36px,4.8vw,56px);font-weight:700;letter-spacing:-.055em;line-height:1.07;margin:0}
#kc-title em{color:#5eead4;font-style:normal}
.kc-lead{font-size:15px;line-height:1.6;color:#aabacc;max-width:540px;margin:14px auto 24px}
.kc-choices{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:800px;margin:auto;text-align:start}
.kc-card{font:inherit;display:flex;flex-direction:column;text-decoration:none!important;border:1px solid #334155;border-radius:24px;padding:20px 26px;background:#101a2a;color:#e8d5bf;cursor:pointer;min-width:0;transition:transform .18s ease,border-color .18s ease;appearance:none;-webkit-appearance:none;text-align:start}
.kc-vpn{border-color:#337e78;background:linear-gradient(145deg,#11312f,#10232b 78%);color:#70efda;box-shadow:0 12px 40px #0003}
.kc-card-top{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:10px;font-weight:700;letter-spacing:.12em;min-height:24px}
.kc-number{color:#9ba9bb}.kc-trial{color:#a9f4e5;background:#1b4640;border:1px solid #38695f;border-radius:99px;padding:5px 8px;font-size:9px;letter-spacing:.03em}
.kc-art{display:block;align-self:center;width:112px;height:92px;margin:8px 0}.kc-art svg{width:100%;height:100%}
.kc-price{display:block;font-size:44px;font-weight:700;letter-spacing:-.05em;line-height:1.1;text-align:start;color:#fff}
.kc-price>span{font-size:13px;font-weight:400;letter-spacing:0;color:#becbd7;margin-inline-start:8px}
.kc-description{font-size:13px;line-height:1.5;display:block;color:#b6c4d1;margin:8px 0 16px}
.kc-action{display:flex;justify-content:space-between;gap:12px;align-items:center;border-top:1px solid #ffffff24;padding-top:16px;font-size:13px;font-weight:700;margin-top:auto}
.kc-vpn .kc-action{border:0;background:#75efd7;color:#072a27;padding:13px 16px;border-radius:12px}
.kc-or{position:absolute;inset-inline-start:50%;top:50%;transform:translate(-50%,-50%);z-index:1;background:#08111f;border:1px solid #334155;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;color:#b5c3d3;font-size:10px;font-weight:700}
[dir=rtl] .kc-or{transform:translate(50%,-50%)}
.kc-fine{color:#9bafc4;font-size:11px;line-height:1.7;max-width:690px;margin:10px auto 10px}
.kc-stores{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;font-size:11px;color:#9bafc4}.kc-stores a{color:#d1e6ed;text-decoration:underline;text-underline-offset:4px}
#korp-coffee-choice a:focus-visible,#korp-coffee-choice button:focus-visible{outline:3px solid #fff;outline-offset:5px}
#kc-dialog{padding:0;border:1px solid #507065;border-radius:24px;width:min(440px,calc(100% - 32px));max-height:85vh;overflow-y:auto;background:#111f2b;color:#edf6f5;box-shadow:0 24px 80px #0008;margin:auto;text-align:center}
#kc-dialog:not([open]){display:none}#kc-dialog::backdrop{background:#020617cc}
.kc-dialog-inner{position:relative;padding:38px 28px 26px}.kc-close{position:absolute;top:8px;inset-inline-end:10px;width:44px;height:44px;color:#d8e6ec;background:none;border:0;font-size:28px;cursor:pointer}.kc-stamp{font-size:48px;display:block;margin-bottom:20px}
#kc-joke-title{font-size:32px;line-height:1.1;letter-spacing:-.035em;margin:12px 0}#kc-joke-body{font-size:15px;line-height:1.6;color:#b7c7d4;margin:18px 0 24px}
.kc-both{display:block;color:#062d27!important;background:#75efd7;text-decoration:none;border-radius:12px;padding:15px;font-weight:700;font-size:14px}
.kc-dismiss{border:0;background:none;color:#bfd1dc;font:inherit;font-size:13px;cursor:pointer;padding:16px 12px 0}
#kc-dialog.kc-fallback[open]{position:fixed;inset:0;z-index:2147483647;box-shadow:0 0 0 100vmax #020617dd}
@media(hover:hover) and (pointer:fine){.kc-card:hover{transform:translateY(-4px);border-color:#d1b590}.kc-vpn:hover{border-color:#8df9e4}.kc-card:hover .kc-steam{animation:kc-steam 1s ease-out 2}}
@keyframes kc-steam{0%{opacity:.5;transform:translateY(4px)}100%{opacity:1;transform:translateY(-3px)}}
@media(max-width:600px){#korp-coffee-choice{padding:104px 18px 16px}.kc-lead{font-size:13px;margin:16px auto 24px}.kc-choices{gap:12px}.kc-card{padding:16px 12px;border-radius:18px}.kc-card-top{flex-wrap:wrap;font-size:9px;min-height:46px;align-content:start}.kc-number{display:none}.kc-trial{font-size:8px;padding:4px 6px}.kc-art{width:94px;height:88px;margin:10px 0}.kc-price{font-size:34px}.kc-price>span{display:block;font-size:11px;margin:5px 0 0}.kc-description{font-size:11px;min-height:34px;margin:9px 0 14px}.kc-action{font-size:11px;min-height:46px;gap:5px}.kc-vpn .kc-action{padding:10px}.kc-or{width:28px;height:28px;font-size:9px}.kc-fine{font-size:10px}.kc-stores{gap:12px;font-size:10px}}
@media(prefers-reduced-motion:reduce){#korp-coffee-choice *,#korp-coffee-choice *::before,#korp-coffee-choice *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.kc-card:hover{transform:none}}

/* Existing decorative telemetry obscures the billing disclosure on phones. */
@media(max-width:600px){#root .fixed.bottom-24.left-4.pointer-events-none{display:none!important}}

/* Compact plan summary and a closer handoff to the existing introduction. */
.kc-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:800px;margin:14px auto 0;padding:12px 0;background:#0c1927;border:1px solid #ffffff12;border-radius:16px}
.kc-plans>div{display:flex;justify-content:center;align-items:center;gap:10px;padding:0 12px;color:#aabacc;font-size:12px}
.kc-plans>div+div{border-inline-start:1px solid #ffffff16}
.kc-plans strong{font-size:16px;letter-spacing:-.02em;color:#e4fff8;direction:ltr}
.kc-coffee{background:linear-gradient(145deg,#1c202b,#101a2a 75%);border-color:#54493e}
.kc-vpn{background:radial-gradient(ellipse at 80% 0%,#1d514a 0%,#10232b 75%);border-color:#47998d;box-shadow:inset 0 1px 0 #bcfff21a,0 12px 32px #0002}
.kc-vpn .kc-action{background:linear-gradient(110deg,#8af5dc,#53dec8)}
#korp-coffee-choice + #root section.relative.flex.flex-col.justify-center.pt-40.pb-20{min-height:0!important;padding-top:36px!important;padding-bottom:48px!important}
@media(max-width:600px){.kc-plans{margin-top:12px;padding:10px 0}.kc-plans>div{flex-direction:column;gap:4px;padding:0 6px;font-size:10px}.kc-plans strong{font-size:15px}#korp-coffee-choice + #root section.relative.flex.flex-col.justify-center.pt-40.pb-20{padding-top:24px!important}}

/* Editorial split opening: warm coffee, mint VPN, clear two-plan billing. */
#korp-coffee-choice{max-width:1320px;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.35fr);column-gap:44px;padding:156px 40px 32px;text-align:start}
.kc-intro{grid-column:1;grid-row:1 / 5;align-self:center;padding-bottom:44px}
.kc-intro .kc-eyebrow{justify-content:flex-start;max-width:300px;line-height:1.8;letter-spacing:.13em}
#kc-title{font-size:clamp(42px,4.4vw,64px);line-height:1.04;letter-spacing:-.06em}
.kc-lead{max-width:340px;margin:24px 0 0;line-height:1.8}
.kc-choices{grid-column:2;width:100%;gap:16px;align-items:stretch}
.kc-card{border-radius:28px;padding:22px 20px;box-shadow:0 18px 44px #0002}
.kc-coffee{background:#f1e6d6;color:#674530;border-color:#f7eddf}
.kc-vpn{background:linear-gradient(145deg,#b8fce5,#62dcc3);color:#114c42;border-color:#b8fce5;box-shadow:0 18px 44px #0002}
.kc-price{font-size:48px;letter-spacing:-.06em;color:inherit}
.kc-price>span{display:block;margin:6px 0 0;font-size:11px;letter-spacing:0;color:inherit;opacity:.8}
.kc-description{color:inherit;opacity:.85;min-height:44px;font-size:12px;line-height:1.6}
.kc-art{width:130px;height:112px;margin:20px 0}
.kc-number{color:#80624c}.kc-trial{background:#ffffff66;color:#174e40;border-color:#1d604126;letter-spacing:0}
.kc-card-top{min-height:48px;flex-wrap:wrap;align-content:start;row-gap:7px}
.kc-action{border-color:#67453033;font-size:12px;min-height:46px}
.kc-vpn .kc-action{background:#123c35;color:#ddfff2;box-shadow:0 4px 12px #1746381a}
.kc-or{background:#06111b;border:4px solid #08121e;width:34px;height:34px;color:#e2f5ef;font-size:9px}
.kc-plans{grid-column:2;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;margin-top:16px;border-radius:14px;background:transparent;border-color:#ffffff20;padding:15px 0}
.kc-plans>div{font-size:12px}.kc-plans strong{font-size:18px}
.kc-fine{grid-column:2;font-size:10px;line-height:1.7;margin:12px 0 10px;text-align:center}
.kc-stores{grid-column:2;align-items:center;font-size:11px}
.kc-stores a{padding:8px 12px;border:1px solid #ffffff20;border-radius:8px;text-decoration:none}
@media(max-width:950px){#korp-coffee-choice{display:block;max-width:780px;padding:130px 28px 24px;text-align:center}.kc-intro{padding-bottom:28px}.kc-intro .kc-eyebrow{justify-content:center;max-width:none}#kc-title{font-size:48px}.kc-lead{margin:18px auto 0;max-width:480px}.kc-choices{max-width:620px}.kc-plans{max-width:620px;margin-inline:auto}.kc-fine{max-width:600px;margin-inline:auto}}
@media(max-width:600px){#korp-coffee-choice{padding:96px 18px 20px}.kc-intro{padding-bottom:22px}#kc-title{font-size:38px;letter-spacing:-.05em}.kc-intro .kc-eyebrow{font-size:9px;margin-bottom:12px}.kc-lead{font-size:12px;line-height:1.7;margin-top:14px}.kc-choices{gap:12px}.kc-card{padding:16px 12px;border-radius:22px}.kc-art{width:94px;height:90px;margin:14px 0}.kc-price{font-size:36px}.kc-price>span{font-size:10px}.kc-description{font-size:11px;min-height:64px;margin:12px 0}.kc-action{font-size:11px}.kc-plans>div{flex-direction:row;gap:10px;font-size:11px}.kc-plans strong{font-size:16px}.kc-fine{font-size:10px}.kc-stores{gap:8px;font-size:10px}}
@media(max-width:359px){#kc-title{font-size:33px}.kc-card{padding:14px 10px}.kc-price{font-size:32px}.kc-card-top{font-size:8px}.kc-plans>div{gap:6px;font-size:10px}}

/* Restore the original dark palette while retaining the revised layout. */
.kc-coffee{background:linear-gradient(145deg,#1c202b,#101a2a 75%);color:#e8d5bf;border-color:#54493e}
.kc-vpn{background:radial-gradient(ellipse at 80% 0%,#1d514a 0%,#10232b 75%);color:#70efda;border-color:#47998d;box-shadow:inset 0 1px 0 #bcfff21a,0 12px 32px #0002}
.kc-price{color:#fff}.kc-price>span{color:#becbd7;opacity:1}
.kc-description{color:#b6c4d1;opacity:1}.kc-number{color:#9ba9bb}
.kc-trial{background:#1b4640;color:#a9f4e5;border-color:#38695f}
.kc-action{border-color:#ffffff24}
.kc-vpn .kc-action{background:linear-gradient(110deg,#8af5dc,#53dec8);color:#072a27;box-shadow:none}

/* Keep the comparison an introduction, not an entire mobile landing page. */
@media(max-width:600px){
 #korp-coffee-choice{padding:84px 16px 12px}
 .kc-intro{padding-bottom:14px}
 .kc-intro .kc-eyebrow{margin-bottom:8px;font-size:8px}
 #kc-title{font-size:30px;line-height:1.08}
 .kc-lead{margin-top:10px;font-size:11px;line-height:1.5}
 .kc-card{position:relative;padding:14px 12px;border-radius:18px}
 .kc-card-top{min-height:35px;font-size:8px}
 .kc-art{width:64px;height:50px;margin:6px 0;align-self:flex-end}
 .kc-price{font-size:30px}.kc-price>span{font-size:9px}
 .kc-description{font-size:10px;min-height:48px;margin:8px 0}
 .kc-action{font-size:10px;min-height:40px;padding-top:10px}
 .kc-vpn .kc-action{padding:10px 8px}
 .kc-plans{padding:10px 0;margin-top:10px}
 .kc-fine{font-size:9px;margin:8px auto;line-height:1.5}
 .kc-stores a{padding:6px 10px}
 html.safari-lite section{min-height:0!important}
 #root .reveal{opacity:1!important;transform:none!important}
}
@media(prefers-reduced-motion:no-preference){
 .kc-intro{animation:kc-enter .65s cubic-bezier(.2,.7,.2,1) both}
 .kc-card{animation:kc-enter .7s cubic-bezier(.2,.7,.2,1) both}
 .kc-vpn{animation-delay:.09s}
 .kc-card{transition:transform .3s cubic-bezier(.2,.7,.2,1),border-color .3s ease}
 .kc-card:hover .kc-steam{animation:none}
}
@keyframes kc-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
