/* KWIK L ONE · the public site (7.3). White and pearl; the home hero is the one midnight moment; the slim midnight band at the foot. */
@font-face{font-family:Jost;src:url(/fonts/jost-latin-500-normal.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:Jost;src:url(/fonts/jost-latin-ext-500-normal.woff2) format("woff2");font-weight:500;font-display:swap;unicode-range:U+0100-024F,U+1E00-1EFF}
@font-face{font-family:Inter;src:url(/fonts/inter-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url(/fonts/inter-latin-500-normal.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:Inter;src:url(/fonts/inter-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:Inter;src:url(/fonts/inter-latin-ext-400-normal.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0100-024F,U+1E00-1EFF}
@font-face{font-family:"Plex Arabic";src:url(/fonts/ibm-plex-sans-arabic-arabic-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Plex Arabic";src:url(/fonts/ibm-plex-sans-arabic-arabic-500-normal.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Plex Arabic";src:url(/fonts/ibm-plex-sans-arabic-arabic-600-normal.woff2) format("woff2");font-weight:600;font-display:swap}
:root{--mid:#17112B;--mid2:#211838;--ink:#17112B;--soft:#5A5170;--mute:#6E6682;--pearl:#F5F4F8;--pearl2:#EFEDF4;--line:#E6E3EC;--line2:#D9D3E2;
--gold:#CDA052;--goldl:#E8C77F;--gold2:#A8864F;--goldt:#8A6A35;--ok:#2E7D5B;--wait:#B7791F;
--metal:linear-gradient(135deg,#E8C77F,#CDA052 55%,#A8864F);--lift:0 18px 50px rgba(23,17,43,.10),0 2px 6px rgba(23,17,43,.06);--rest:0 1px 0 rgba(23,17,43,.04),0 8px 24px rgba(23,17,43,.06);
--h:"Jost",Inter,system-ui,sans-serif;--b:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;--w:1200px;--pad:clamp(20px,4vw,40px);--sec:clamp(72px,8vw,112px);color-scheme:light}
[dir=rtl]{--h:"Plex Arabic",Jost,sans-serif;--b:"Plex Arabic",Inter,sans-serif}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--ink);font:400 16px/1.6 var(--b);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,svg,video,canvas{display:block;max-width:100%}a{color:inherit}
h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0}ul,ol{padding:0;list-style:none}
:focus-visible{outline:2px solid #5b3d94;outline-offset:3px;border-radius:6px}
.k-skip{position:absolute;top:8px;inset-inline-start:12px;z-index:99;background:#fff;padding:10px 14px;border-radius:10px;transform:translateY(-300%)}.k-skip:focus{transform:none}
.k-wrap{max-width:var(--w);margin:0 auto;padding:0 var(--pad)}
.k-sec{padding:var(--sec) 0}.k-pearl{background:var(--pearl)}.k-white{background:#fff}
.k-kick{font:500 13px/1.2 var(--b);letter-spacing:.14em;text-transform:uppercase;color:var(--goldt);margin-bottom:18px}
[dir=rtl] .k-kick{letter-spacing:0;font-size:14px}
.k-h1{font:500 clamp(40px,4.6vw,60px)/1.06 var(--h);letter-spacing:-.02em;color:var(--ink);text-wrap:balance}
.k-h2{font:500 clamp(30px,3.2vw,44px)/1.12 var(--h);letter-spacing:-.015em;color:var(--ink);text-wrap:balance}
.k-h3{font:500 21px/1.3 var(--h);letter-spacing:-.005em;color:var(--ink)}
[dir=rtl] :is(.k-h1,.k-h2,.k-h3){letter-spacing:0;line-height:1.25}
.k-lead{font-size:clamp(17px,1.5vw,19px);line-height:1.6;color:var(--soft);max-width:640px;margin-top:20px;text-wrap:pretty}
.k-p{color:var(--soft);line-height:1.65;text-wrap:pretty}.k-small{font-size:13px;color:var(--mute);line-height:1.5}
.k-head{max-width:760px}.k-center{text-align:center;margin-left:auto;margin-right:auto}.k-center .k-lead{margin-left:auto;margin-right:auto}
.k-btns{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:32px}.k-center .k-btns{justify-content:center}
.k-btn{display:inline-flex;align-items:center;justify-content:center;height:50px;padding:0 26px;border-radius:14px;font:500 16px var(--b);text-decoration:none;white-space:nowrap;cursor:pointer;border:0;transition:transform .15s,box-shadow .15s,background .15s}
.k-btn:active{transform:translateY(1px)}
.k-btn-ink{background:var(--ink);color:#fff}.k-btn-ink:hover{background:#2a2046}
.k-btn-gold{background:var(--metal);color:var(--mid);box-shadow:0 8px 24px rgba(205,160,82,.28)}.k-btn-gold:hover{box-shadow:0 10px 30px rgba(205,160,82,.4)}
.k-btn-line{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line2)}.k-btn-line:hover{box-shadow:inset 0 0 0 1px var(--ink)}
.k-link{font-weight:500;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:2px}.k-link:hover{color:var(--goldt)}
.k-arrow::after{content:" →"}[dir=rtl] .k-arrow::after{content:" ←"}
/* header */
.k-top{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.86);backdrop-filter:saturate(180%) blur(16px);-webkit-backdrop-filter:saturate(180%) blur(16px);border-bottom:1px solid transparent;transition:border-color .2s,background .2s}
.k-top.scrolled{border-bottom-color:var(--line)}
.k-top-in{display:flex;align-items:center;gap:28px;height:68px}
.k-logo{display:flex;align-items:center;flex:0 0 auto}.k-logo img{height:26px;width:auto}
.k-logo .on-dark{display:none}
.k-nav{display:flex;align-items:center;gap:4px;flex:1}
.k-nav>a,.k-nav>div>button{font:500 15px var(--b);color:var(--ink);text-decoration:none;background:none;border:0;padding:8px 12px;border-radius:10px;cursor:pointer;display:flex;align-items:center;gap:6px}
.k-nav>a:hover,.k-nav>div>button:hover{background:var(--pearl)}
.k-nav svg{width:10px;height:6px;transition:transform .2s}.k-dd.open svg{transform:rotate(180deg)}
.k-dd{position:relative}
.k-panel{position:absolute;top:calc(100% + 10px);inset-inline-start:0;min-width:300px;background:#fff;border-radius:18px;box-shadow:var(--lift);border:1px solid var(--line);padding:10px;display:none}
.k-dd.open .k-panel{display:block}
.k-panel a{display:block;padding:10px 14px;border-radius:12px;text-decoration:none;color:var(--ink)}
.k-panel a:hover{background:var(--pearl)}.k-panel b{display:block;font:500 15px var(--b)}.k-panel span{display:block;font-size:13px;color:var(--mute);margin-top:2px}
.k-panel.cols{display:none;grid-template-columns:1fr 1fr;min-width:480px}.k-dd.open .k-panel.cols{display:grid}
.k-acts{display:flex;align-items:center;gap:6px}
.k-acts a{font:500 15px var(--b);color:var(--ink);text-decoration:none;padding:8px 12px;border-radius:10px}.k-acts a:hover{background:var(--pearl)}
.k-acts .k-btn{height:42px;padding:0 18px;font-size:15px;margin-inline-start:6px;color:#fff}.k-acts .k-btn:hover{background:#2a2046}
.k-menu-btn{display:none;background:none;border:0;font:500 15px var(--b);color:var(--ink);padding:8px 10px;cursor:pointer}
.k-mob{display:none;border-top:1px solid var(--line);background:#fff;padding:12px var(--pad) 24px;max-height:calc(100vh - 68px);overflow:auto}
.k-mob.open{display:block}.k-mob h4{font:500 12px var(--b);letter-spacing:.12em;text-transform:uppercase;color:var(--goldt);margin:18px 0 6px}
.k-mob a{display:block;padding:9px 0;text-decoration:none;font-size:16px;color:var(--ink)}.k-mob a.k-btn{display:flex;margin-top:18px;color:#fff;padding:0 26px}
.k-dark .k-top:not(.scrolled){background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
.k-dark .k-top:not(.scrolled) :is(.k-nav>a,.k-nav>div>button,.k-acts a:not(.k-btn),.k-menu-btn){color:#fff}
.k-dark .k-top:not(.scrolled) :is(.k-nav>a,.k-nav>div>button,.k-acts a:not(.k-btn)):hover{background:rgba(255,255,255,.08)}
.k-dark .k-top:not(.scrolled) .k-logo .on-dark{display:block}.k-dark .k-top:not(.scrolled) .k-logo .on-light{display:none}
.k-dark .k-top:not(.scrolled) .k-acts .k-btn{background:var(--metal);color:var(--mid)}
.k-dark .k-top{position:fixed;left:0;right:0}
@media (max-width:1060px){.k-nav,.k-acts .hide-sm{display:none}.k-menu-btn{display:block}.k-top-in{justify-content:space-between}.k-acts .k-btn{display:none}}
/* footer */
.k-foot{background:#fff;border-top:1px solid var(--line);padding:64px 0 0}
.k-foot-top{display:grid;grid-template-columns:1.4fr repeat(5,1fr);gap:28px}
.k-foot-brand img{height:24px;width:auto}.k-foot-brand p{margin-top:16px;font:500 17px var(--h);color:var(--ink)}.k-foot-brand small{display:block;margin-top:8px;font-size:13px;color:var(--mute);max-width:260px;line-height:1.5}
.k-foot h4{font:500 12px var(--b);letter-spacing:.12em;text-transform:uppercase;color:var(--goldt);margin:0 0 14px}
[dir=rtl] .k-foot h4{letter-spacing:0;font-size:13px}
.k-foot li{margin:0 0 9px}.k-foot li a{font-size:14px;color:var(--soft);text-decoration:none}.k-foot li a:hover{color:var(--ink)}
.k-foot-mid{display:flex;flex-wrap:wrap;gap:16px 28px;align-items:center;justify-content:space-between;margin-top:48px;padding:22px 0;border-top:1px solid var(--line)}
.k-foot-mid label{font-size:13px;color:var(--mute);display:flex;gap:10px;align-items:center}
.k-foot-mid select{font:400 14px var(--b);padding:8px 12px;border-radius:10px;border:1px solid var(--line2);background:#fff;color:var(--ink)}
.k-foot-mid p{font-size:12.5px;color:var(--mute);max-width:640px}
.k-band{height:56px;background:linear-gradient(90deg,#17112B 0%,#211838 45%,#3a2a55 70%,#6b4f6e 86%,#b98d64 100%);display:flex;align-items:center}
[dir=rtl] .k-band{background:linear-gradient(270deg,#17112B 0%,#211838 45%,#3a2a55 70%,#6b4f6e 86%,#b98d64 100%)}
.k-band img{height:18px;width:auto;opacity:.95}
@media (max-width:900px){.k-foot-top{grid-template-columns:1fr 1fr}.k-foot-brand{grid-column:1/-1}}
/* hero: home, midnight */
.k-hero{position:relative;background:radial-gradient(120% 90% at 75% 40%,#2a1f45 0%,#17112B 55%,#120d22 100%);color:#fff;overflow:hidden;min-height:min(880px,100vh);display:flex;align-items:center;padding:120px 0 90px}
.k-hero::after{content:"";position:absolute;left:0;right:0;bottom:-120px;height:320px;background:radial-gradient(60% 100% at 50% 100%,rgba(205,160,82,.32),rgba(185,141,100,.12) 45%,transparent 70%);pointer-events:none}
.k-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr 1fr;gap:40px;align-items:center;width:100%}
.k-hero .k-kick{color:var(--gold)}
.k-hero h1{font:500 clamp(42px,5.4vw,72px)/1.02 var(--h);letter-spacing:-.025em;color:#fff}
[dir=rtl] .k-hero h1{letter-spacing:0;line-height:1.2}
.k-hero .k-sub{font:500 clamp(22px,2.2vw,28px)/1.3 var(--h);color:var(--goldl);margin-top:18px}
.k-hero .k-lead{color:rgba(255,255,255,.78);max-width:540px}
.k-hero .k-btn-line{background:transparent;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}.k-hero .k-btn-line:hover{box-shadow:inset 0 0 0 1px #fff}
.k-hero-note{margin-top:22px;font-size:14px;color:rgba(255,255,255,.62)}
.k-stage{position:relative;aspect-ratio:1;max-width:560px;width:100%;justify-self:center}
.k-stage canvas.k-iris{position:absolute;left:23%;top:23%;width:54%;height:54%;border-radius:50%}
.k-stage svg.k-dial{position:absolute;inset:0;width:100%;height:100%}
.k-card-msg{position:absolute;width:250px;background:#fffdf8;color:var(--ink);border-radius:16px;padding:14px 14px 12px;box-shadow:0 24px 60px rgba(0,0,0,.35);font-size:14px;line-height:1.4;opacity:0;transform:translateY(10px) scale(.98);transition:opacity .5s,transform .5s}
.k-card-msg.show{opacity:1;transform:none}
.k-card-msg .m-top{display:flex;justify-content:space-between;font-size:12.5px;color:var(--mute);margin-bottom:8px}
.k-card-msg .m-a{margin-top:10px;background:#f3ead8;border-radius:10px;padding:9px 10px;font-size:13.5px;opacity:0;transition:opacity .4s}
.k-card-msg .m-ok{margin-top:9px;font-size:13px;color:var(--ok);font-weight:500;opacity:0;transition:opacity .4s}
.k-card-msg.answered .m-a,.k-card-msg.answered .m-ok{opacity:1}
.k-count{position:absolute;left:50%;bottom:-6%;transform:translateX(-50%);text-align:center;color:#fff;white-space:nowrap}
.k-count b{display:block;font:500 34px/1 var(--h)}.k-count span{font-size:14px;color:rgba(255,255,255,.75)}.k-count small{display:block;font-size:12.5px;color:rgba(255,255,255,.55)}
.k-pause{position:absolute;inset-inline-end:var(--pad);bottom:22px;z-index:2;background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.18);border-radius:999px;font:500 12.5px var(--b);padding:7px 12px;cursor:pointer}
@media (max-width:900px){.k-hero{padding:110px 0 70px;min-height:0}.k-hero-grid{grid-template-columns:1fr}.k-stage{max-width:420px;margin-top:30px}.k-card-msg{width:220px}}
/* inner page head */
.k-phead{padding:clamp(64px,8vw,104px) 0 clamp(48px,6vw,72px);background:linear-gradient(180deg,var(--pearl),#fff)}
.k-crumb{font-size:13px;color:var(--mute);margin-bottom:22px}.k-crumb a{text-decoration:none}.k-crumb a:hover{color:var(--ink)}
/* grids and cards */
.k-g2{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,72px);align-items:center}
.k-g3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.k-g4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
@media (max-width:960px){.k-g2,.k-g3,.k-g4{grid-template-columns:1fr}}
@media (min-width:600px) and (max-width:960px){.k-g4{grid-template-columns:1fr 1fr}}
.k-card{background:#fff;border-radius:22px;padding:30px;box-shadow:var(--rest);border:1px solid var(--line)}
.k-pearl .k-card{border-color:transparent}
.k-card .k-h3{margin-top:18px}.k-card .k-p{margin-top:10px;font-size:15px}
.k-ic{width:52px;height:52px;border-radius:16px;background:var(--pearl);display:grid;place-items:center;color:var(--ink)}
.k-pearl .k-ic{background:var(--pearl2)}
.k-ic svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.k-ic svg .j{fill:var(--gold);stroke:none}
.k-tag{display:inline-block;font:500 12.5px var(--b);color:var(--goldt);background:#F7F1E6;border-radius:999px;padding:4px 11px}
.k-list{margin-top:18px}.k-list li{position:relative;padding:8px 0 8px 26px;border-top:1px solid var(--line);font-size:15px;color:var(--ink)}
[dir=rtl] .k-list li{padding:8px 26px 8px 0}
.k-list li::before{content:"";position:absolute;inset-inline-start:2px;top:16px;width:9px;height:9px;border-radius:50%;background:var(--gold)}
.k-list li:first-child{border-top:0}
/* figures */
.k-figs{display:grid;grid-template-columns:repeat(3,1fr);margin-top:48px;border-top:1px solid var(--line2)}
.k-fig{padding:30px 28px 0 0}.k-fig+.k-fig{padding-inline-start:28px;border-inline-start:1px solid var(--line2)}
[dir=rtl] .k-fig{padding:30px 0 0 28px}
.k-fig b{display:block;font:500 clamp(44px,5vw,64px)/1 var(--h);letter-spacing:-.02em;color:var(--ink)}
.k-fig p{margin-top:14px;color:var(--soft);font-size:15px}.k-fig small{display:block;margin-top:10px;font-size:12.5px;color:var(--mute)}
@media (max-width:760px){.k-figs{grid-template-columns:1fr}.k-fig+.k-fig{border-inline-start:0;padding-inline-start:0;border-top:1px solid var(--line)}}
/* three words */
.k-three{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}
.k-word{background:#fff;border-radius:24px;padding:34px 30px;border:1px solid var(--line);display:flex;flex-direction:column}
.k-word h3{font:500 44px/1 var(--h);letter-spacing:-.02em;margin-top:22px}
.k-word .k-p{margin-top:12px;font-size:16px;color:var(--ink)}.k-word .k-list{flex:1}.k-word .k-tag{align-self:flex-start;margin-top:20px}
@media (max-width:960px){.k-three{grid-template-columns:1fr}}
/* timeline (night, day) */
.k-time{margin-top:12px}.k-time li{display:grid;grid-template-columns:92px 18px 1fr;gap:14px;align-items:start;padding:16px 0;border-top:1px solid var(--line)}
.k-time li:first-child{border-top:0}.k-time .t{font:500 16px var(--h);color:var(--goldt)}
.k-time .d{width:10px;height:10px;border-radius:50%;background:var(--gold);margin-top:7px}.k-time li.ok .d{background:var(--ok)}
.k-time b{display:block;font-weight:500;color:var(--ink)}.k-time p{font-size:15px;color:var(--soft);margin-top:2px}
.k-time li.ok b{font-weight:600}
/* phone and screen frames */
.k-phone{width:300px;max-width:100%;height:auto;margin:0 auto;filter:drop-shadow(0 30px 60px rgba(23,17,43,.22))}
.k-laptop{width:100%;border-radius:14px;box-shadow:0 40px 80px rgba(23,17,43,.18),0 2px 8px rgba(23,17,43,.08)}
.k-shot{position:relative}.k-shot .k-phone{position:absolute;inset-inline-end:-2%;bottom:-8%;width:30%}
/* chat bubbles */
.k-chat{background:#fff;border-radius:24px;box-shadow:var(--lift);padding:22px;max-width:440px;margin:0 auto;border:1px solid var(--line)}
.k-chat-h{display:flex;align-items:center;gap:10px;padding-bottom:14px;border-bottom:1px solid var(--line);font-size:14px}
.k-chat-h i{width:34px;height:34px;border-radius:50%;background:var(--pearl2);display:grid;place-items:center;font:500 12px var(--h);font-style:normal}
.k-chat-h small{display:block;color:var(--mute);font-size:12px}
.k-b{max-width:84%;padding:10px 13px;border-radius:16px;font-size:14.5px;line-height:1.45;margin-top:12px}
.k-b.in{background:var(--pearl);border-start-start-radius:6px}.k-b.out{background:var(--mid);color:#fff;margin-inline-start:auto;border-start-end-radius:6px}
.k-b .tr{display:block;font-size:12.5px;color:var(--mute);margin-top:6px}
.k-chat-f{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.k-chip{display:inline-flex;align-items:center;gap:6px;font:500 12.5px var(--b);color:var(--goldt);background:#F7F1E6;border-radius:999px;padding:4px 10px}
.k-chip::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--gold)}.k-chip.ok{color:var(--ok);background:#EAF3EE}.k-chip.ok::before{background:var(--ok)}
/* brief card */
.k-brief{background:var(--mid);color:#fff;border-radius:24px;padding:26px;max-width:420px;margin:0 auto;box-shadow:0 30px 70px rgba(23,17,43,.3)}
.k-brief h4{font:500 17px var(--h);margin:0}.k-brief small{color:rgba(255,255,255,.6);font-size:12.5px}
.k-brief .nums{display:grid;grid-template-columns:repeat(3,1fr);margin:18px 0;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12);padding:14px 0}
.k-brief .nums b{display:block;font:500 28px var(--h)}.k-brief .nums span{font-size:12px;color:rgba(255,255,255,.6)}
.k-brief li{display:flex;gap:12px;padding:9px 0;font-size:14px}.k-brief li i{width:10px;height:10px;border-radius:50%;background:var(--ok);margin-top:6px;flex:0 0 auto}
.k-brief li.w i{background:var(--gold)}.k-brief li small{display:block}
/* points (trust) */
.k-points{display:grid;grid-template-columns:repeat(2,1fr);gap:0 48px;margin-top:40px}
.k-point{display:grid;grid-template-columns:44px 1fr;gap:16px;padding:22px 0;border-top:1px solid var(--line2)}
.k-point .k-ic{width:44px;height:44px;border-radius:14px}.k-point .k-ic svg{width:22px;height:22px}
.k-point b{display:block;font-weight:500;font-size:16px}.k-point p{font-size:15px;color:var(--soft);margin-top:4px}
@media (max-width:760px){.k-points{grid-template-columns:1fr}}
/* before and after */
.k-ba{background:#fff;border-radius:24px;padding:30px;box-shadow:var(--rest)}
.k-ba h4{font:500 13px var(--b);letter-spacing:.1em;text-transform:uppercase;color:var(--goldt);margin:0 0 10px}
.k-ba dl{display:grid;grid-template-columns:1fr auto;gap:10px 20px;padding:12px 0 18px;border-bottom:1px solid var(--line);margin-bottom:16px}
.k-ba dl:last-of-type{border-bottom:0;margin-bottom:0}.k-ba dt{color:var(--soft);font-size:15px}.k-ba dd{font:500 22px var(--h);text-align:end}.k-ba dd.good{color:var(--ok)}
/* industries */
.k-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:36px}
.k-tabs button{font:500 14.5px var(--b);padding:10px 16px;border-radius:999px;border:1px solid var(--line2);background:#fff;color:var(--ink);cursor:pointer}
.k-tabs button[aria-selected=true]{background:var(--ink);color:#fff;border-color:var(--ink)}
.k-tabpanel{margin-top:32px}.k-tabpanel[hidden]{display:none}
.k-facts{display:grid;gap:0}.k-facts div{padding:16px 0;border-top:1px solid var(--line)}.k-facts dt{font:500 12.5px var(--b);letter-spacing:.08em;text-transform:uppercase;color:var(--goldt)}
[dir=rtl] .k-facts dt{letter-spacing:0}
.k-facts dd{margin-top:6px;color:var(--ink)}
.k-inds{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:40px}
.k-inds a{display:block;padding:20px;border-radius:18px;background:#fff;border:1px solid var(--line);text-decoration:none;transition:box-shadow .2s,transform .2s}
.k-inds a:hover{box-shadow:var(--rest);transform:translateY(-2px)}.k-inds b{display:block;font:500 16px var(--h);margin-top:14px}.k-inds span{display:block;font-size:13px;color:var(--mute);margin-top:4px}
@media (max-width:960px){.k-inds{grid-template-columns:1fr 1fr}}
/* steps */
.k-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:48px;border-top:1px solid var(--line2)}
.k-step{padding-top:26px}.k-step b{display:block;font:500 40px/1 var(--h);color:var(--gold2)}.k-step h3{font:500 18px var(--h);margin-top:16px}.k-step p{font-size:15px;color:var(--soft);margin-top:8px}
@media (max-width:760px){.k-steps{grid-template-columns:1fr}}
/* plans */
.k-switch{display:inline-flex;background:var(--pearl);border-radius:999px;padding:4px;margin-top:28px}
.k-switch button{font:500 14.5px var(--b);border:0;background:none;padding:9px 18px;border-radius:999px;cursor:pointer;color:var(--soft)}
.k-switch button[aria-pressed=true]{background:#fff;color:var(--ink);box-shadow:var(--rest)}
.k-plans{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:40px;align-items:stretch}
.k-plan{background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px 24px;display:flex;flex-direction:column}
.k-plan.best{border-color:var(--gold2);box-shadow:0 0 0 1px var(--gold2),var(--rest)}
.k-plan.dark{background:var(--mid);color:#fff;border-color:var(--mid)}
.k-plan h3{font:500 20px var(--h)}.k-plan .what{font-size:15px;color:var(--soft);margin-top:4px}.k-plan.dark .what{color:rgba(255,255,255,.7)}
.k-plan .price{margin-top:22px;display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.k-plan .price b{font:500 44px/1 var(--h);letter-spacing:-.02em;color:var(--gold2)}.k-plan.dark .price b{color:var(--gold)}
.k-plan .price .cur{font:500 16px var(--h);color:var(--gold2)}.k-plan.dark .price .cur{color:var(--gold)}
.k-plan .price span{font-size:14px;color:var(--mute)}.k-plan.dark .price span{color:rgba(255,255,255,.6)}
.k-plan .yr{font-size:13px;color:var(--mute);margin-top:6px;min-height:20px}.k-plan.dark .yr{color:rgba(255,255,255,.6)}
.k-plan .for{font-size:14.5px;margin-top:16px;color:var(--ink)}.k-plan.dark .for{color:#fff}
.k-plan .k-list{flex:1}.k-plan .k-list li{font-size:14px}.k-plan.dark .k-list li{border-color:rgba(255,255,255,.12);color:#fff}
.k-plan .k-btn{margin-top:22px;width:100%}.k-plan .best-tag{align-self:flex-start;margin-bottom:12px}
.k-plan .lvl{font-size:13px;color:var(--goldt);font-weight:500;margin-top:16px}
@media (max-width:1060px){.k-plans{grid-template-columns:1fr 1fr}}@media (max-width:640px){.k-plans{grid-template-columns:1fr}}
.k-table{width:100%;border-collapse:collapse;margin-top:32px;font-size:15px}
.k-table th,.k-table td{padding:14px 12px;border-bottom:1px solid var(--line);text-align:center}
.k-table th:first-child,.k-table td:first-child{text-align:start;color:var(--soft)}
.k-table thead th{font:500 16px var(--h);color:var(--ink);border-bottom:1px solid var(--line2)}
.k-table .y{color:var(--ok);font-weight:600}.k-table .n{color:var(--line2)}
.k-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
/* faq */
.k-faq{margin-top:36px;border-top:1px solid var(--line2)}
.k-faq details{border-bottom:1px solid var(--line2)}
.k-faq summary{list-style:none;cursor:pointer;padding:22px 40px 22px 0;font:500 17px var(--h);position:relative}
[dir=rtl] .k-faq summary{padding:22px 0 22px 40px}
.k-faq summary::-webkit-details-marker{display:none}
.k-faq summary::after{content:"+";position:absolute;inset-inline-end:4px;top:18px;font:400 24px var(--b);color:var(--goldt)}
.k-faq details[open] summary::after{content:"–"}
.k-faq details p{padding:0 0 22px;color:var(--soft);max-width:760px}
/* loop */
.k-loop{display:flex;flex-wrap:wrap;gap:10px 8px;margin-top:28px;align-items:center}
.k-loop span{font:500 15px var(--b);padding:9px 15px;border-radius:999px;background:#fff;border:1px solid var(--line)}
.k-loop span.a{background:var(--mid);color:#fff;border-color:var(--mid)}
.k-loop i{font-style:normal;color:var(--gold2)}
[dir=rtl] .k-loop i{transform:scaleX(-1)}
.k-areas{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:36px}
.k-areas div{background:#fff;border-radius:18px;padding:20px;border:1px solid var(--line)}
.k-areas img{width:36px;height:36px}.k-areas b{display:block;margin-top:12px;font:500 15px var(--h)}.k-areas span{display:block;font-size:12.5px;color:var(--goldt);margin-top:4px}
@media (max-width:960px){.k-areas{grid-template-columns:1fr 1fr}}
.k-decide{background:#fff;border-radius:22px;padding:26px;box-shadow:var(--lift);max-width:440px;border:1px solid var(--line)}
.k-decide small{color:var(--goldt);font-size:13px}.k-decide p{font:500 20px/1.35 var(--h);margin-top:10px}
.k-decide .row{display:flex;gap:10px;margin-top:20px}.k-decide .row span{height:40px;padding:0 20px;border-radius:12px;display:grid;place-items:center;font:500 14.5px var(--b);box-shadow:inset 0 0 0 1px var(--line2)}
.k-decide .row span.y{background:var(--mid);color:#fff;box-shadow:none}
/* film */
.k-film{position:relative;border-radius:22px;overflow:hidden;background:#000;box-shadow:var(--lift);margin-top:40px}
.k-film video{width:100%;height:auto;aspect-ratio:16/9;background:#0b0816}
/* devices */
.k-dev{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:48px}
.k-devc{background:var(--pearl);border-radius:28px;padding:36px;overflow:hidden}
.k-devc img{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;margin:0 auto 24px}
.k-devc .lvl{font-size:13px;color:var(--goldt);font-weight:500}.k-devc h3{font:500 32px var(--h);margin-top:6px}.k-devc .k-p{margin-top:10px}
.k-devc .price{margin-top:18px;font-size:15px;color:var(--ink)}
@media (max-width:860px){.k-dev{grid-template-columns:1fr}}
/* forms */
.k-form{display:grid;gap:16px;max-width:560px}
.k-form label{display:grid;gap:6px;font-size:14px;font-weight:500;color:var(--ink)}
.k-form input,.k-form select,.k-form textarea{font:400 16px var(--b);padding:13px 14px;border-radius:12px;border:1px solid var(--line2);background:#fff;color:var(--ink);width:100%}
.k-form textarea{min-height:120px;resize:vertical}
.k-form input:focus,.k-form select:focus,.k-form textarea:focus{outline:2px solid #5b3d94;outline-offset:1px;border-color:transparent}
.k-form .k-check{display:flex;gap:10px;align-items:flex-start;font-weight:400;color:var(--soft)}.k-form .k-check input{width:18px;height:18px;margin-top:3px}
.k-form .hp{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.k-form .msg{font-size:15px;min-height:22px}.k-form .msg.ok{color:var(--ok)}.k-form .msg.err{color:#B5584A}
.k-formcard{background:#fff;border-radius:24px;padding:clamp(24px,4vw,40px);box-shadow:var(--rest);border:1px solid var(--line)}
/* close */
.k-close{text-align:center;background:var(--pearl);padding:var(--sec) 0}
.k-close img.mark{width:96px;height:96px;margin:0 auto 28px}
.k-close .k-h2{max-width:720px;margin:0 auto}
/* prose (legal pages) */
.k-prose{max-width:760px}.k-prose h2{font:500 26px/1.25 var(--h);margin:44px 0 12px}.k-prose h3{font:500 19px var(--h);margin:28px 0 8px}
.k-prose p,.k-prose li{color:var(--soft);margin:0 0 12px}.k-prose ul{list-style:disc;padding-inline-start:22px}.k-prose ol{list-style:decimal;padding-inline-start:22px}
.k-prose a{color:var(--ink)}
/* help bubble */
.k-ask{position:fixed;inset-inline-end:20px;bottom:20px;z-index:60;display:flex;align-items:center;gap:10px;background:var(--mid);color:#fff;border:0;border-radius:999px;padding:8px 18px 8px 8px;font:500 15px var(--b);box-shadow:0 14px 40px rgba(23,17,43,.3);cursor:pointer}
[dir=rtl] .k-ask{padding:8px 8px 8px 18px}
.k-ask img{width:34px;height:34px;border-radius:50%}
.k-askp{position:fixed;inset-inline-end:20px;bottom:84px;z-index:61;width:min(380px,calc(100vw - 40px));max-height:min(560px,calc(100vh - 120px));background:#fff;border-radius:22px;box-shadow:0 30px 80px rgba(23,17,43,.28);border:1px solid var(--line);display:none;flex-direction:column;overflow:hidden}
.k-askp.open{display:flex}
.k-askp header{padding:16px 18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}
.k-askp header b{font:500 16px var(--h)}.k-askp header button{background:none;border:0;font-size:22px;cursor:pointer;color:var(--mute)}
.k-askp .log{flex:1;overflow:auto;padding:8px 18px 16px}
.k-askp form{display:flex;gap:8px;padding:12px;border-top:1px solid var(--line)}
.k-askp input{flex:1;font:400 15px var(--b);padding:11px 12px;border-radius:12px;border:1px solid var(--line2)}
.k-askp form button{height:42px;padding:0 16px;border-radius:12px;border:0;background:var(--mid);color:#fff;font:500 14px var(--b);cursor:pointer}
/* reveal */
.js .k-rv{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.js .k-rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.k-rv{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}.k-card-msg{transition:none}}
.k-only-ae{display:none}html.ae .k-only-ae{display:revert}html.ae .k-not-ae{display:none}
.k-mt{margin-top:40px}.k-mt2{margin-top:24px}

@media (max-width:600px){.k-ask{padding:6px;gap:0;font-size:0}.k-ask img{width:40px;height:40px}.k-card-msg{width:min(220px,62vw);font-size:13px}.k-stage{max-width:100%}}
.k-ltr{direction:ltr;unicode-bidi:isolate;display:inline-block}
.k-phones{display:flex;gap:4%;justify-content:center;max-width:620px;margin:0 auto}.k-phones .k-phone{width:46%}

/* 7.3.0a3 · kit pictures: real width and height on the tag, height:auto here, so nothing is ever stretched */
.k-kshot{display:block;width:100%;max-width:390px;height:auto;margin:0 auto;border-radius:22px;box-shadow:0 1px 0 rgba(23,17,43,.04),0 30px 70px -20px rgba(23,17,43,.28)}
.k-shotwrap{display:flex;justify-content:center}
.k-prod{display:block;width:100%;max-width:440px;height:auto;margin:36px auto 0}
.k-dev1 .k-lead{max-width:560px;margin-inline:auto}
@media (min-width:961px){.k-flip>:first-child{order:2}}
@media (max-width:960px){.k-g2 .k-shotwrap{margin-top:8px}}
.k-start{align-items:start}
.k-points.k-one{grid-template-columns:1fr;gap:0}
.k-devs{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:end;max-width:460px;margin:0 auto}
.k-devpic{display:block;width:100%;height:auto}

/* KWIK L ONE · the home page design pass (7.3.0a3). One type family, light display type, ink body text,
   midnight and light bands cut hard, gold only on midnight, two radii, no card shadows. Phone first. */
@font-face{font-family:"Plex Sans";src:url(/fonts/ibm-plex-sans-latin-300-normal.woff2) format("woff2");font-weight:300;font-display:swap}
@font-face{font-family:"Plex Sans";src:url(/fonts/ibm-plex-sans-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Plex Sans";src:url(/fonts/ibm-plex-sans-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap}

.h4{--h:"Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--b:"Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --night:#0F0B1E;--inkc:#17112B;--pearlc:#F5F4F8;--disp:#E8E6EF;--g2:#6E6A7A;--g3:#A9A4B8;--goldc:#CDA052;--bronze:#8A6A35;
  --hair:rgba(255,255,255,.08);--hairl:rgba(23,17,43,.10);--e:cubic-bezier(.2,0,0,1);--es:cubic-bezier(.4,0,.2,1);
  --float:rgba(15,11,30,.06) 0 4px 8px,rgba(15,11,30,.04) 0 12px 24px -8px}
[dir=rtl].h4,[dir=rtl] .h4{--h:"Plex Arabic","Plex Sans",sans-serif;--b:"Plex Arabic","Plex Sans",sans-serif}
.h4 body,body.h4{font:400 17px/26px var(--b);color:var(--inkc)}
[dir=rtl] body.h4{font-size:18px;line-height:32px}

/* bands */
.h4 .b{padding:64px 0}
.h4 .b-night{background:var(--night);color:var(--pearlc)}
.h4 .b-pearl{background:var(--pearlc)}
.h4 .b-white{background:#fff}
.h4 .w{max-width:var(--w);margin:0 auto;padding:0 var(--pad)}
@media (min-width:1068px){.h4 .b{padding:96px 0}}

/* type */
.h4 .lab{font:600 13px/18px var(--b);letter-spacing:.04em;text-transform:uppercase;color:var(--bronze)}
.h4 .b-night .lab{color:var(--goldc)}
[dir=rtl] .h4 .lab,[dir=rtl].h4 .lab{letter-spacing:0}
.h4 .d1{font:300 40px/46px var(--h);letter-spacing:-.01em}
.h4 .t1{font:300 32px/40px var(--h);letter-spacing:-.01em;max-width:18em}
.h4 .t2{font:400 24px/30px var(--h);letter-spacing:-.005em}
.h4 .t3{font:600 20px/26px var(--h)}
.h4 .ld{font:400 20px/28px var(--b);max-width:34em;margin-top:12px}
.h4 .sm{font:400 15px/22px var(--b);color:var(--g2)}
.h4 .b-night .sm{color:var(--g3)}
.h4 .b-night .d1,.h4 .b-night .t1{color:var(--disp)}
@media (min-width:734px){.h4 .d1{font-size:56px;line-height:60px}.h4 .t1{font-size:40px;line-height:46px}}
@media (min-width:1068px){.h4 .d1{font-size:72px;line-height:76px;letter-spacing:-.02em}.h4 .t1{font-size:48px;line-height:54px;letter-spacing:-.018em}
  .h4 .t2{font-size:32px;line-height:38px;letter-spacing:-.012em}.h4 .t3{font-size:22px;line-height:28px}.h4 .ld{line-height:30px;margin-top:16px}}
[dir=rtl] .h4 .d1,[dir=rtl] .h4 .t1,[dir=rtl] .h4 .t2{letter-spacing:0;font-weight:400}
[dir=rtl] .h4 .d1{font-size:36px;line-height:50px}[dir=rtl] .h4 .t1{font-size:30px;line-height:44px}[dir=rtl] .h4 .ld{font-size:21px;line-height:36px}
@media (min-width:1068px){[dir=rtl] .h4 .d1{font-size:64px;line-height:84px}[dir=rtl] .h4 .t1{font-size:44px;line-height:62px}}
.h4 .ltr{direction:ltr;unicode-bidi:isolate;display:inline-block}

/* links and buttons: one filled button per screen; gold only on midnight */
.h4 .go{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border-radius:12px;font:600 17px/24px var(--b);text-decoration:none;
  background:var(--night);color:var(--pearlc);transition:background-color 120ms var(--es),transform 120ms var(--es)}
.h4 .go:active{transform:translateY(1px)}
.h4 .b-night .go,.h4 .bar .go{background:var(--goldc);color:var(--night)}
.h4 .b-night .go:hover,.h4 .bar .go:hover{background:#D8AE66}
.h4 .go:hover{background:#221a3d}
.h4 .qt{display:inline-flex;align-items:center;min-height:48px;font:400 17px/24px var(--b);color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px;text-decoration-color:currentColor}
.h4 .qt::after{content:"→";margin-inline-start:8px;text-decoration:none;display:inline-block}
[dir=rtl] .h4 .qt::after{content:"←"}
.h4 .acts{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;margin-top:32px}
.h4 .risk{margin-top:12px;font:400 15px/22px var(--b);color:var(--g3)}
.h4 .b-pearl .risk,.h4 .b-white .risk{color:var(--g2)}

/* two-column block: text and one picture */
.h4 .duo{display:grid;gap:32px}
@media (min-width:1068px){.h4 .duo{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px 96px;align-items:center}.h4 .duo.flip>:first-child{order:2}.h4 .duo.top{align-items:start}}
.h4 .shot{display:block;width:100%;max-width:420px;height:auto;border-radius:22px;box-shadow:0 0 0 1px var(--hairl)}
.h4 .shotw{display:flex;justify-content:center}
@media (min-width:1068px){.h4 .shotw{justify-content:flex-end}.h4 .duo.flip .shotw{justify-content:flex-start}}

/* 1 · hero */
.h4 .k-hero{min-height:100svh;padding:96px 0 64px;display:flex;align-items:center;background:var(--night)}
.h4 .k-hero h1{font:300 40px/46px var(--h);letter-spacing:-.01em;color:var(--disp)}
.h4 .k-hero .k-sub{font:400 24px/30px var(--h);color:var(--goldc);margin-top:12px}
.h4 .k-hero .k-lead{font:400 20px/28px var(--b);color:var(--pearlc);margin-top:16px;max-width:30em}
.h4 .k-hero .k-kick{font:600 13px/18px var(--b);letter-spacing:.04em;color:var(--goldc)}
@media (min-width:734px){.h4 .k-hero h1{font-size:56px;line-height:60px}}
@media (min-width:1068px){.h4 .k-hero{padding:128px 0 96px}.h4 .k-hero h1{font-size:80px;line-height:82px;letter-spacing:-.022em}.h4 .k-hero .k-sub{font-size:32px;line-height:38px}}
[dir=rtl] .h4 .k-hero h1{letter-spacing:0}
.h4 .k-hero .k-btn-gold{background:var(--goldc);color:var(--night);box-shadow:none;border-radius:12px;min-height:48px;font:600 17px/24px var(--b)}
.h4 .k-hero .k-btn-line{border-radius:12px;min-height:48px;font:400 17px/24px var(--b)}

/* 2 · the pain in numbers */
.h4 .nums{margin-top:40px;display:grid;gap:0}
.h4 .num{padding:24px 0;border-top:1px solid var(--hairl);display:grid;gap:8px}
.h4 .num b{font:300 64px/64px var(--h);letter-spacing:-.03em;font-variant-numeric:tabular-nums;display:block}
.h4 .num b i{font-style:normal;font-size:.55em;margin-inline-start:2px;color:var(--bronze)}
.h4 .num p{max-width:24em}
@media (min-width:1068px){.h4 .nums{grid-template-columns:1.25fr 1fr 1fr;gap:0 48px;margin-top:64px}.h4 .num{padding:32px 0 0}.h4 .num b{font-size:112px;line-height:104px}.h4 .num:first-child b{font-size:144px;line-height:128px}}
.h4 .after{margin-top:40px;font:400 24px/30px var(--h);max-width:22em}
@media (min-width:1068px){.h4 .after{margin-top:64px;font-size:32px;line-height:38px}}

/* 3 · the night story */
.h4 .night .clock{font:300 64px/64px var(--h);letter-spacing:-.03em;color:var(--goldc);font-variant-numeric:tabular-nums}
@media (min-width:1068px){.h4 .night .clock{font-size:128px;line-height:120px}.h4 .night .stick{position:sticky;top:112px}}
.h4 .night .t1{margin-top:16px}
.h4 .tl{position:relative;margin-top:8px}
.h4 .tl::before{content:"";position:absolute;inset-block:8px;inset-inline-start:7px;width:1px;background:var(--hair)}
.h4 .tl::after{content:"";position:absolute;top:8px;inset-inline-start:7px;width:1px;height:calc(100% - 16px);background:var(--goldc);transform-origin:top;transform:scaleY(var(--p,1))}
.h4 .ev{position:relative;padding:0 0 32px;padding-inline-start:40px}
.h4 .ev:last-child{padding-bottom:0}
.h4 .ev::before{content:"";position:absolute;inset-inline-start:0;top:6px;width:15px;height:15px;border-radius:50%;background:var(--night);border:1px solid var(--g3)}
.h4 .ev.on::before{background:var(--goldc);border-color:var(--goldc)}
.h4 .ev time{display:block;font:600 13px/18px var(--b);letter-spacing:.04em;color:var(--goldc)}
.h4 .ev h3{font:400 24px/30px var(--h);color:var(--disp);margin-top:4px}
.h4 .ev p{color:var(--g3);margin-top:4px;max-width:28em}
.h4 .ev.end h3{font:300 32px/40px var(--h);color:var(--pearlc)}
html.js .h4 .ev{opacity:.28;transform:translateY(16px);transition:opacity 480ms var(--e),transform 480ms var(--e)}
html.js .h4 .ev.on{opacity:1;transform:none}
.h4 .bub{margin-top:16px;display:grid;gap:8px;max-width:420px}
.h4 .bub div{padding:12px 16px;border-radius:12px;background:var(--inkc);border:1px solid var(--hair);color:var(--pearlc);font:400 15px/22px var(--b);justify-self:start}
.h4 .bub .me{background:#1F2C22;justify-self:end}
.h4 .bub small{display:block;margin-top:4px;color:#7FCFA1;font:600 13px/18px var(--b)}

/* 4 · your rules */
.h4 .rules{margin-top:32px;display:grid;gap:0}
.h4 .rules div{padding:16px 0;border-top:1px solid var(--hairl)}
.h4 .rules b{font:600 17px/26px var(--b);display:block}
.h4 .rules p{color:var(--g2);font:400 15px/22px var(--b);margin-top:2px}
@media (min-width:734px){.h4 .rules{grid-template-columns:1fr 1fr;gap:0 32px}}

/* 5 · every door */
.h4 .doors{margin-top:24px;font:400 24px/38px var(--h);max-width:16em}
.h4 .doors span{white-space:nowrap}.h4 .doors span+span::before{content:"· ";color:var(--bronze)}
@media (min-width:1068px){.h4 .doors{font-size:32px;line-height:48px}}

/* 7 · the day list */
.h4 .day{margin-top:24px}
.h4 .day li{display:grid;grid-template-columns:72px 1fr;gap:16px;padding:14px 0;border-top:1px solid var(--hairl)}
.h4 .day time{font:600 15px/26px var(--b);color:var(--bronze);font-variant-numeric:tabular-nums}

/* 8 · Live. Lead. Leap. */
.h4 .lll{margin-top:8px}
.h4 .lll li{padding:28px 0;border-top:1px solid var(--hair);display:grid;gap:8px}
.h4 .lll li:last-child{border-bottom:1px solid var(--hair)}
.h4 .lll b{font:300 72px/72px var(--h);letter-spacing:-.03em;color:var(--disp);display:block}
.h4 .lll p{font:400 20px/28px var(--b);color:var(--g3);max-width:22em}
@media (min-width:1068px){.h4 .lll li{grid-template-columns:1.1fr 1fr;align-items:baseline;gap:48px;padding:40px 0}.h4 .lll b{font-size:160px;line-height:144px}.h4 .lll p{font-size:24px;line-height:32px}}
@supports (animation-timeline:view()){
  @media (prefers-reduced-motion:no-preference){
    .h4 .lll li{animation:h4lit linear both;animation-timeline:view();animation-range:entry 10% cover 45%}
    @keyframes h4lit{from{opacity:.25}to{opacity:1}}
  }
}

/* 9 · proof */
.h4 .ba{margin-top:32px;display:grid;gap:0}
.h4 .ba div{padding:24px 0;border-top:1px solid var(--hairl);display:grid;grid-template-columns:1fr 1fr;gap:8px 24px;align-items:end}
.h4 .ba h3{grid-column:1/-1;font:600 13px/18px var(--b);letter-spacing:.04em;text-transform:uppercase;color:var(--bronze)}
[dir=rtl] .h4 .ba h3{letter-spacing:0}
.h4 .ba dt{font:400 15px/22px var(--b);color:var(--g2)}
.h4 .ba dd{font:300 36px/44px var(--h);letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap}
.h4 .ba dd.new{color:#1F7A4D}
@media (min-width:1068px){.h4 .ba dd{font-size:56px;line-height:60px}}

/* 10 · industries: a text list, not cards */
.h4 .inds{margin-top:32px;display:grid;grid-template-columns:1fr;gap:0}
.h4 .inds a{display:grid;grid-template-columns:1fr auto;gap:4px 16px;align-items:center;min-height:64px;padding:12px 0;border-top:1px solid var(--hairl);text-decoration:none}
.h4 .inds b{font:400 20px/26px var(--h)}
.h4 .inds span{grid-column:1;font:400 15px/22px var(--b);color:var(--g2)}
.h4 .inds a::after{content:"→";grid-column:2;grid-row:1/3;color:var(--bronze)}
[dir=rtl] .h4 .inds a::after{content:"←"}
.h4 .inds a:hover b{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
@media (min-width:734px){.h4 .inds{grid-template-columns:1fr 1fr;gap:0 48px}}

/* 11 · film */
.h4 .film{margin-top:32px;border-radius:24px;overflow:hidden;border:1px solid var(--hair);background:#000}
.h4 .film video{display:block;width:100%;height:auto;aspect-ratio:16/9}

/* 12 · set-up */
.h4 .steps{margin-top:32px}
.h4 .steps li{padding:20px 0;border-top:1px solid var(--hairl);display:grid;gap:4px}
.h4 .steps b{font:600 20px/26px var(--h)}
@media (min-width:1068px){.h4 .steps li{grid-template-columns:1fr 1.6fr;gap:48px;padding:28px 0}.h4 .steps b{font-size:22px;line-height:28px}}

/* 13 · the devices, small */
.h4 .devs{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:end;max-width:480px;margin:0 auto}
.h4 .devs img{display:block;width:100%;height:auto}
@media (min-width:1068px){.h4 .devs{margin:0;margin-inline-start:auto}}

/* 14 · questions */
.h4 .k-faq{margin-top:24px}
.h4 .k-faq summary{min-height:56px;font:600 20px/26px var(--h);padding-block:15px}
.h4 .k-faq p{font:400 17px/26px var(--b);color:var(--inkc);max-width:40em}

/* 15 · the close */
.h4 .closeb{text-align:center;padding:96px 0}
.h4 .closeb img{width:96px;height:96px;margin:0 auto 32px}
.h4 .closeb .d1{margin:0 auto;max-width:12em}
.h4 .closeb .ld{margin-inline:auto}
.h4 .closeb .acts{justify-content:center}
@media (min-width:1068px){.h4 .closeb{padding:128px 0}}

/* the sticky phone bar: shown after the hero, hidden at the close */
.h4 .bar{position:fixed;inset-inline:0;bottom:0;z-index:40;background:var(--night);padding:8px 16px calc(8px + env(safe-area-inset-bottom));box-shadow:var(--float);
  transform:translateY(110%);transition:transform 200ms var(--es)}
.h4 .bar.on{transform:none}
.h4 .bar .go{width:100%}
@media (min-width:734px){.h4 .bar{display:none}}
@media (max-width:733px){.h4.barred .k-ask{bottom:calc(76px + env(safe-area-inset-bottom))}}

/* the pause switch */
.h4 .pm{background:none;border:0;padding:0;min-height:44px;color:inherit;font:400 15px/22px var(--b);text-decoration:underline;text-underline-offset:4px;cursor:pointer}

@media (prefers-reduced-motion:reduce){html.js .h4 .ev{opacity:1;transform:none;transition:none}.h4 .bar{transition:none}}
html.still .h4 .ev{opacity:1!important;transform:none!important}

.h4 .k-top .k-btn-gold,.h4 .k-mob .k-btn-gold{background:var(--goldc);color:var(--night);box-shadow:none;border-radius:12px}

/* the demonstrations: the live page's working examples, redrawn in this system. Plain surfaces, hairlines, no shadows. */
.h4 .demo{width:100%;max-width:460px;border-radius:24px;background:#fff;box-shadow:0 0 0 1px var(--hairl);padding:20px;font:400 15px/22px var(--b)}
.h4 .b-white .demo{background:var(--pearlc);box-shadow:none}
.h4 .demow{display:flex;justify-content:center}
@media (min-width:1068px){.h4 .demow{justify-content:flex-end}.h4 .duo.flip .demow{justify-content:flex-start}}
.h4 .demo h3{font:600 13px/18px var(--b);letter-spacing:.04em;text-transform:uppercase;color:var(--bronze);margin-bottom:12px}
[dir=rtl] .h4 .demo h3{letter-spacing:0}
/* tabs */
.h4 .tabs{display:flex;gap:4px;padding:4px;border-radius:12px;background:rgba(23,17,43,.06);margin-bottom:16px}
.h4 .tabs button{flex:1;min-height:44px;border:0;border-radius:8px;background:none;font:600 15px/22px var(--b);color:var(--g2);cursor:pointer}
.h4 .tabs button[aria-selected=true]{background:#fff;color:var(--inkc)}
.h4 .fact{display:grid;gap:2px;padding:12px 0;border-top:1px solid var(--hairl)}
.h4 .fact:first-child{border-top:0;padding-top:0}
.h4 .fact b{font:600 15px/22px var(--b)}.h4 .fact span{color:var(--g2)}.h4 .fact small{font:400 13px/18px var(--b);color:#1F7A4D}
.h4 .qa{margin-top:12px;padding-top:16px;border-top:1px solid var(--hairl);display:grid;gap:8px}
.h4 .qa div{padding:10px 14px;border-radius:12px;max-width:88%}
.h4 .qa .in{background:rgba(23,17,43,.06);justify-self:start}
.h4 .qa .out{background:#E3F0E6;justify-self:end}
.h4 .qa small{justify-self:end;font:600 13px/18px var(--b);color:var(--bronze)}
.h4 .draft{padding:14px;border-radius:12px;background:#fff;margin:12px 0 16px}
.h4 .b-pearl .draft{background:var(--pearlc)}
.h4 .two{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.h4 .two span{display:flex;align-items:center;justify-content:center;min-height:44px;border-radius:12px;font:600 15px/22px var(--b);box-shadow:0 0 0 1px var(--hairl)}
.h4 .two span:first-child{background:var(--night);color:var(--pearlc);box-shadow:none}
/* inbox */
.h4 .row{display:grid;grid-template-columns:1fr auto;gap:2px 12px;padding:12px 0;border-top:1px solid var(--hairl);align-items:center}
.h4 .row:first-of-type{border-top:0}
.h4 .row em{font:600 13px/18px var(--b);font-style:normal;color:var(--bronze);grid-column:1}
.h4 .row b{font:600 15px/22px var(--b);grid-column:1}
.h4 .row span{grid-column:1;color:var(--g2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.h4 .row i{grid-column:2;grid-row:1/4;font:600 13px/18px var(--b);font-style:normal;padding:4px 10px;border-radius:12px;background:#E3F0E6;color:#1F7A4D;white-space:nowrap}
.h4 .row i.wait{background:#F3EBDD;color:var(--bronze)}
/* routing */
.h4 .rin{padding:14px;border-radius:12px;background:var(--night);color:var(--pearlc)}
.h4 .rin b{display:block;font:600 15px/22px var(--b)}.h4 .rin span{color:var(--g3);font:400 13px/18px var(--b)}
.h4 .rline{width:1px;height:20px;background:var(--bronze);margin-inline-start:28px}
.h4 .rp{display:grid;grid-template-columns:40px 1fr;gap:2px 12px;align-items:center;padding:12px;border-radius:12px;margin-top:8px;box-shadow:0 0 0 1px var(--hairl);opacity:.55}
.h4 .rp.on{opacity:1;box-shadow:0 0 0 2px var(--inkc)}
.h4 .rp u{grid-row:1/3;width:40px;height:40px;border-radius:50%;background:rgba(23,17,43,.08);display:flex;align-items:center;justify-content:center;font:600 15px/1 var(--b);text-decoration:none}
.h4 .rp.on u{background:var(--night);color:var(--pearlc)}
.h4 .rp b{font:600 15px/22px var(--b)}.h4 .rp span{grid-column:2;color:var(--g2);font:400 13px/18px var(--b)}
.h4 .rp small{grid-column:2;font:600 13px/18px var(--b);color:#1F7A4D}
.h4 .rnote{margin-top:12px;font:400 13px/18px var(--b);color:var(--g2)}
/* reply-time bars */
.h4 .bars{margin-top:32px;display:grid;gap:32px}
.h4 .bars h3{font:600 13px/18px var(--b);letter-spacing:.04em;text-transform:uppercase;color:var(--bronze);margin-bottom:12px}
[dir=rtl] .h4 .bars h3{letter-spacing:0}
.h4 .bar1{display:grid;grid-template-columns:1fr auto;gap:6px 16px;align-items:center;margin-top:10px}
.h4 .bar1 span{grid-column:1/-1;font:400 15px/22px var(--b);color:var(--g2)}
.h4 .bar1 div{height:10px;border-radius:5px;background:rgba(23,17,43,.08);overflow:hidden}
.h4 .bar1 div::after{content:"";display:block;height:100%;width:var(--v);min-width:4px;border-radius:5px;background:var(--inkc);transform-origin:left;transition:transform 1200ms var(--e)}
[dir=rtl] .h4 .bar1 div::after{transform-origin:right}
.h4 .bar1.new div::after{background:#1F7A4D}
html.js .h4 .k-rv:not(.in) .bar1 div::after{transform:scaleX(0)}
.h4 .bar1 b{font:300 32px/36px var(--h);letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap;min-width:4.2em;text-align:end}
.h4 .bar1.new b{color:#1F7A4D}
@media (min-width:1068px){.h4 .bar1 b{font-size:44px;line-height:48px}}
/* the industry explorer */
.h4 .pick{margin-top:32px;display:grid;gap:24px}
.h4 .pick [role=tablist]{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin-inline:calc(var(--pad) * -1);padding-inline:var(--pad)}
.h4 .pick [role=tablist]::-webkit-scrollbar{display:none}
.h4 .pick [role=tab]{flex:none;min-height:48px;padding:0 16px;border-radius:12px;border:0;background:#fff;font:400 17px/24px var(--b);color:var(--inkc);cursor:pointer;white-space:nowrap}
.h4 .pick [role=tab][aria-selected=true]{background:var(--night);color:var(--pearlc);font-weight:600}
.h4 .panel{display:grid;gap:24px;padding:24px;border-radius:24px;background:#fff}
.h4 .panel h3{font:400 24px/30px var(--h)}
.h4 .panel dl{display:grid;gap:12px;margin-top:16px}
.h4 .panel dt{font:600 13px/18px var(--b);letter-spacing:.04em;text-transform:uppercase;color:var(--bronze)}
[dir=rtl] .h4 .panel dt{letter-spacing:0}
.h4 .panel dd{margin:0}
.h4 .panel .qa{margin:0;padding:0;border:0;align-content:start}
.h4 .panel .qa p{font:400 13px/18px var(--b);color:var(--g2);margin-top:4px}
@media (min-width:1068px){.h4 .pick{grid-template-columns:260px 1fr;gap:48px;align-items:start}
  .h4 .pick [role=tablist]{flex-direction:column;overflow:visible;margin:0;padding:0;gap:0}
  .h4 .pick [role=tab]{background:none;border-radius:0;text-align:start;padding:0;min-height:52px;border-top:1px solid var(--hairl);color:var(--g2)}
  .h4 .pick [role=tab][aria-selected=true]{background:none;color:var(--inkc);font-weight:600}
  .h4 .panel{grid-template-columns:1fr 1fr;gap:48px;padding:40px}.h4 .panel h3{font-size:32px;line-height:38px}}
/* the night conversation */
.h4 .night .bub .tr{display:block;margin-top:4px;color:var(--g3);font:400 13px/18px var(--b)}
/* footer: one logo, on the start side; the band is a plain closing line */
.h4 .k-band img{display:none}.h4 .k-band{height:12px}
/* phone hero: the message card sits above the iris, not over it */
@media (max-width:900px){.h4 .k-hero{align-items:flex-start;padding-top:88px}.h4 .k-stage{margin-top:40px;padding-top:150px}}
@media (max-width:900px){.h4 .k-card-msg{top:0!important;left:0!important;right:auto!important;width:min(300px,84vw)}[dir=rtl] .h4 .k-card-msg{left:auto!important;right:0!important}}
.h4 [hidden]{display:none!important}

/* sprint S3 · the live test */
.h4 .live .qa{margin-top:0;padding-top:0;border-top:0;min-height:0}
.h4 .live .qa:empty{display:none}
.h4 .live .qa div{white-space:pre-wrap;overflow-wrap:anywhere}
.h4 .live .qa .wait{background:none;padding:0;color:var(--g2);font:400 13px/18px var(--b);justify-self:end}
.h4 .live .qa a{color:var(--inkc);font-weight:600;text-underline-offset:3px}
.h4 .live .sug{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.h4 .live .sug button{font:400 15px/22px var(--b);color:var(--inkc);background:none;border:0;box-shadow:inset 0 0 0 1px var(--hairl);border-radius:18px;padding:7px 14px;cursor:pointer}
.h4 .live .sug button:hover{box-shadow:inset 0 0 0 1px var(--inkc)}
.h4 .live form{display:flex;gap:8px;margin-top:16px}
.h4 .live input{flex:1;min-width:0;height:48px;border-radius:12px;border:0;box-shadow:inset 0 0 0 1px rgba(23,17,43,.22);padding:0 14px;font:400 17px/24px var(--b);color:var(--inkc);background:#fff}
.h4 .live input:focus{outline:2px solid var(--inkc);outline-offset:1px}
.h4 .live .go{min-height:48px;padding:0 18px}
.h4 .live .go[disabled]{opacity:.5}
.h4 .duo>*{min-width:0}
.h4 .live{max-width:100%}
.h4 .live .sug button{max-width:100%;white-space:normal;text-align:start}

/* KWIK L ONE · the inner pages in the home page's system (7.3.0a3, sprint S1). Body class "h4 p4".
   Plex type, light display weights, a midnight page head and close, hairline cards, gold only on midnight. */
.p4 .k-sec{padding:64px 0}
.p4 .k-phead{background:var(--night);color:var(--pearlc);padding:128px 0 64px}
.p4 .k-phead .k-crumb,.p4 .k-phead .k-crumb a{color:var(--g3)}
.p4 .k-kick{font:600 13px/18px var(--b);letter-spacing:.04em;color:var(--bronze);margin-bottom:12px}
.p4 .k-phead .k-kick,.p4 .k-close .k-kick{color:var(--goldc)}
.p4 .k-h1{font:300 40px/46px var(--h);letter-spacing:-.01em;color:var(--inkc)}
.p4 .k-phead .k-h1{color:var(--disp)}
.p4 .k-h2{font:300 32px/40px var(--h);letter-spacing:-.01em;color:var(--inkc)}
.p4 .k-h3{font:600 20px/26px var(--h);letter-spacing:0}
.p4 .k-lead{font:400 20px/28px var(--b);color:var(--g2);max-width:34em;margin-top:16px}
.p4 .k-phead .k-lead,.p4 .k-close .k-lead{color:var(--g3)}
.p4 .k-p{color:var(--g2);font:400 15px/22px var(--b)}
.p4 .k-small{font:400 13px/18px var(--b);color:var(--g2)}
@media (min-width:734px){.p4 .k-h1{font-size:56px;line-height:60px}.p4 .k-h2{font-size:40px;line-height:46px}}
@media (min-width:1068px){.p4 .k-sec{padding:96px 0}.p4 .k-phead{padding:160px 0 96px}.p4 .k-h1{font-size:64px;line-height:68px;letter-spacing:-.02em}.p4 .k-h2{font-size:48px;line-height:54px;letter-spacing:-.018em}}
[dir=rtl] .p4 .k-h1,[dir=rtl] .p4 .k-h2,[dir=rtl].p4 .k-h1,[dir=rtl].p4 .k-h2{letter-spacing:0;font-weight:400;line-height:1.4}
[dir=rtl] .p4 .k-kick,[dir=rtl].p4 .k-kick{letter-spacing:0;font-size:14px}

/* buttons: one filled; gold only on midnight */
.p4 .k-btn{height:48px;border-radius:12px;font:600 17px/24px var(--b);padding:0 24px;box-shadow:none}
.p4 .k-btn-ink{background:var(--night);color:var(--pearlc)}.p4 .k-btn-ink:hover{background:#221a3d}
.p4 .k-btn-line{background:transparent;box-shadow:inset 0 0 0 1px rgba(23,17,43,.22);color:var(--inkc)}.p4 .k-btn-line:hover{box-shadow:inset 0 0 0 1px var(--inkc)}
.p4 .k-btn-gold{background:var(--goldc);color:var(--night);box-shadow:none}
.p4 .k-phead .k-btn-ink,.p4 .k-close .k-btn-ink{background:var(--goldc);color:var(--night)}
.p4 .k-phead .k-btn-line,.p4 .k-close .k-btn-line{box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);color:var(--pearlc)}
.p4 .k-phead .k-btn-line:hover,.p4 .k-close .k-btn-line:hover{box-shadow:inset 0 0 0 1px var(--pearlc)}

/* cards */
.p4 .k-card{border-radius:24px;border:0;box-shadow:0 0 0 1px var(--hairl);padding:24px}
.p4 .k-pearl .k-card{box-shadow:none}
.p4 .k-card .k-h3{margin-top:16px}.p4 .k-card .k-p{margin-top:8px}
.p4 .k-ic{width:48px;height:48px;border-radius:12px;background:var(--pearlc)}
.p4 .k-pearl .k-ic{background:var(--pearlc)}
.p4 .k-ic svg .j{fill:var(--bronze)}
.p4 .k-tag{font:600 12px/18px var(--b);letter-spacing:.04em;text-transform:uppercase;color:var(--bronze);background:var(--pearlc);border-radius:12px;padding:3px 10px}
[dir=rtl] .p4 .k-tag,[dir=rtl].p4 .k-tag{letter-spacing:0;font-size:13px}
.p4 .k-list li{font:400 15px/22px var(--b);border-top-color:var(--hairl)}
.p4 .k-list li::before{width:6px;height:6px;top:16px;background:var(--inkc)}

/* the ONE page */
.p4 .k-loop span{font:400 15px/22px var(--b);padding:7px 14px;border-radius:18px;border:0;box-shadow:inset 0 0 0 1px var(--hairl);background:transparent}
.p4 .k-loop span.a{background:var(--night);color:var(--pearlc);box-shadow:none;font-weight:600}
.p4 .k-loop i{color:var(--g3)}
.p4 .k-areas div{border-radius:12px;border:0;box-shadow:0 0 0 1px var(--hairl);padding:16px}
.p4 .k-areas b{font:600 15px/22px var(--h)}.p4 .k-areas span{font:400 13px/18px var(--b);color:var(--bronze)}
.p4 .k-areas .k-ic{width:40px;height:40px}
.p4 .k-decide{background:var(--night);color:var(--pearlc);border:0;border-radius:24px;padding:24px;box-shadow:none;max-width:460px}
.p4 .k-decide small{font:600 12px/18px var(--b);letter-spacing:.07em;text-transform:uppercase;color:var(--goldc)}
.p4 .k-decide p{font:400 24px/30px var(--h);letter-spacing:-.01em;margin-top:6px;color:var(--pearlc)}
.p4 .k-decide .row span{height:48px;border-radius:12px;font:600 17px/24px var(--b);box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);padding:0 20px;color:var(--pearlc)}
.p4 .k-decide .row span.y{background:var(--goldc);color:var(--night);box-shadow:none;flex:1}
[dir=rtl] .p4 .k-decide small,[dir=rtl].p4 .k-decide small{letter-spacing:0;font-size:14px}
[dir=rtl] .p4 .k-decide p,[dir=rtl].p4 .k-decide p{line-height:38px;letter-spacing:0}
.p4 .k-laptop{border-radius:14px;box-shadow:0 0 0 1px var(--hairl),var(--float)}
.p4 .k-phone{filter:none}
.p4 .k-shot .k-phone{width:21%;bottom:-7%;inset-inline-end:3%}

/* Pricing */
.p4 .k-switch{background:rgba(255,255,255,.08);border-radius:12px;padding:4px;margin-top:28px}
.p4 .k-switch button{font:400 15px/22px var(--b);color:var(--g3);border-radius:8px;padding:8px 16px}
.p4 .k-switch button[aria-pressed=true]{background:var(--pearlc);color:var(--night);box-shadow:none;font-weight:600}
.p4 .k-plans{margin-top:0;gap:16px}
.p4 .k-plan{border-radius:24px;border:0;box-shadow:0 0 0 1px var(--hairl);padding:24px}
.p4 .k-pearl .k-plan{box-shadow:none}
.p4 .k-plan.best{box-shadow:0 0 0 2px var(--inkc)}
.p4 .k-plan.dark{background:var(--night);box-shadow:none}
.p4 .k-plan h3{font:600 20px/26px var(--h)}
.p4 .k-plan .what{font:400 15px/22px var(--b);color:var(--g2)}.p4 .k-plan.dark .what{color:var(--g3)}
.p4 .k-plan .price b{font:300 48px/52px var(--h);letter-spacing:-.02em;color:var(--inkc)}
.p4 .k-plan .price .cur{font:400 17px/24px var(--b);color:var(--g2)}
.p4 .k-plan .price span{font:400 15px/22px var(--b);color:var(--g2)}
.p4 .k-plan.dark .price b{color:var(--goldc)}.p4 .k-plan.dark .price .cur,.p4 .k-plan.dark .price span,.p4 .k-plan.dark .yr{color:var(--g3)}
.p4 .k-plan .yr{font:400 13px/18px var(--b);color:var(--g2)}
.p4 .k-plan .for{font:400 15px/22px var(--b)}
.p4 .k-plan .lvl{font:600 13px/18px var(--b);color:var(--bronze)}
.p4 .k-plan.dark .k-list li{border-top-color:rgba(255,255,255,.08)}.p4 .k-plan.dark .k-list li::before{background:var(--goldc)}
.p4 .k-plan .k-btn{height:48px;font-size:15px;padding:0 12px}
.p4 .k-fig b{font:300 48px/52px var(--h);letter-spacing:-.02em}
@media (min-width:1068px){.p4 .k-fig b{font-size:64px;line-height:64px}}
.p4 .k-fig p{font:400 15px/22px var(--b);color:var(--g2)}
.p4 .k-figs{border-top-color:var(--hairl)}.p4 .k-fig+.k-fig{border-color:var(--hairl)}
.p4 .k-table{font:400 15px/22px var(--b)}
.p4 .k-table thead th{font:600 15px/22px var(--b)}
.p4 .k-table th,.p4 .k-table td{border-bottom-color:var(--hairl)}
.p4 .k-table tbody th{font-weight:400;color:var(--inkc)}
@media (max-width:1060px){.p4 .k-plans{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.p4 .k-plans{grid-template-columns:1fr}}

/* the close: a midnight band, as on the home page */
.p4 .k-close{background:var(--night);color:var(--pearlc);padding:96px 0}
.p4 .k-close .k-h2{color:var(--disp)}
.p4 .k-shot{display:block}
.p4 .k-shot .k-laptop{display:block;width:100%;height:auto}
.p4 .k-shot .k-phone{height:auto}
.p4 .k-decide .row{display:flex;flex-direction:row;gap:10px;margin-top:20px;padding:0;border:0;background:none;min-height:0}
.p4 .k-decide .row span{display:grid;place-items:center;flex:none}
.p4 .k-decide .row span.y{flex:1}
@media (max-width:760px){.p4 .k-shot .k-phone{width:30%}}

/* the devices: one product per section, small, on white */
.p4 .k-devsec{background:#fff}
.p4 .k-devsec+.k-devsec{border-top:1px solid var(--hairl)}
.p4 .k-devpic{display:flex;justify-content:center}
.p4 .k-devpic img{width:300px;max-width:70%;height:auto}
.p4 .k-devsec .k-list{max-width:30em}

/* the pages kept from the earlier site (trust, help, legal): the same type, quietly */
.rf .world,.rf .world :is(p,li,a,span,td,th,dt,dd,label,input,button,summary,small){font-family:var(--b)}
.rf .world :is(h1,h2,h3,h4){font-family:var(--h);letter-spacing:-.01em}
.rf .world h1{font-weight:300;font-size:40px;line-height:46px}
.rf .world h2{font-weight:300}
.rf .world h3,.rf .world h4{font-weight:600}
@media (min-width:1068px){.rf .world h1{font-size:56px;line-height:60px;letter-spacing:-.02em}}
[dir=rtl] .rf .world :is(h1,h2,h3,h4),[dir=rtl].rf .world :is(h1,h2,h3,h4){letter-spacing:0;font-weight:400}

/* industry pages: the sample conversation is a light card on the midnight head */
.p4 .k-phead .k-chat{color:var(--inkc);border-radius:24px;box-shadow:none}
.p4 .k-phead .k-chat small,.p4 .k-phead .k-chat .tr{color:var(--g2)}
.p4 .k-phead .k-chat .k-b.out{background:var(--night);color:var(--pearlc)}
.p4 .k-phead .k-chat .k-b.in{background:var(--pearlc)}
.p4 .k-phead .k-small{color:var(--g3)}
.p4 .k-devpic .k-phone{width:300px;max-width:80%;height:auto}
.p4 .k-facts dt{font:600 12px/18px var(--b);letter-spacing:.07em;color:var(--bronze)}
.p4 .k-facts dd{font:400 20px/28px var(--b)}
.p4 .k-inds a{border-radius:12px;box-shadow:none;border:0}
.p4 .k-inds b{font:600 17px/24px var(--h)}
@media (max-width:900px){.p4 .k-inds{grid-template-columns:1fr 1fr!important}}
@media (max-width:520px){.p4 .k-inds{grid-template-columns:1fr!important}}
.p4 .k-phead+.k-sec{padding-top:56px!important}
.h4.k-dark .k-top:not(.scrolled) .k-acts .k-btn{background:var(--goldc);color:var(--night);box-shadow:none}

/* plan cards: short by default; "Show more" opens what is included */
.p4 .k-plans{align-items:start}
.p4 .k-plan .price{flex-wrap:nowrap;white-space:nowrap;margin-top:16px}
.p4 .k-plan .price b{font-size:40px;line-height:46px}
.p4 .k-plan .k-btn{margin-top:18px}
.p4 .k-more{margin-top:14px}
.p4 .k-more summary{list-style:none;cursor:pointer;font:600 15px/22px var(--b);color:var(--inkc);display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;border-radius:12px}
.p4 .k-more summary::-webkit-details-marker{display:none}
.p4 .k-more summary::after{content:"";width:8px;height:8px;border-inline-end:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform 120ms var(--es)}
.p4 .k-more[open] summary::after{transform:rotate(-135deg) translateY(-2px)}
.p4 .k-more .l,.p4 .k-more[open] .m{display:none}
.p4 .k-more[open] .l{display:inline}
.p4 .k-more summary:focus-visible{outline:2px solid var(--bronze);outline-offset:2px}
.p4 .k-plan.dark .k-more summary{color:var(--pearlc)}
.p4 .k-plan .k-more .for{margin-top:6px}
.p4 .k-plan .k-list{flex:none}