/* Organik Search face for the Pitch Maker app (v2). Same layout, Organik's website look:
   white pages, navy text, Organik red, Inter. Loaded after the base styles. */
:root{
  --red:#ff4745;--red-d:#e23b39;--red-glow:rgba(255,71,69,.25);
  --night:#ffffff;--night-2:#f6f7f9;--night-3:#eceef1;--line:#e4e7eb;--line-2:#d3d8de;
  --chalk:#212934;--chalk-2:#434c50;--mute:#6f7782;--paper:#ffffff;--ink:#212934;--ok:#1f9d55;--warn:#c27c0e;
  --fd:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;--fb:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;--fm:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
}
body::before{display:none}
body{font-variant-numeric:tabular-nums}
.lab,.kick{font-weight:600}
header.top{background:#fff;box-shadow:0 1px 0 var(--line)}
.brand .pm{font:800 24px/1 var(--fd);letter-spacing:-.03em;text-transform:none}
.brand img{height:34px}
header.top nav a{font-weight:600;letter-spacing:.08em}

.hero h1{font:800 clamp(48px,5.6vw,86px)/1 var(--fd);letter-spacing:-.045em}
.hero p.lede{font-size:19px}
.how{border-top-color:var(--line)}
.how b{font:800 22px/1 var(--fd);letter-spacing:-.02em}

/* the plate becomes a drop card */
.plate{background:#fff;border:2px dashed var(--line-2);border-radius:20px;transform:none;padding:22px;box-shadow:0 30px 60px -40px rgba(33,41,52,.35)}
.plate:hover,.plate:focus-visible{transform:translateY(-3px);border-color:var(--red)}
.plate.over{transform:scale(1.02);border-color:var(--red);border-style:solid;box-shadow:0 0 0 6px var(--red-glow)}
.plate .t,.plate .bt{position:static;display:block;text-align:center;font:600 11px/1 var(--fm);letter-spacing:.18em;color:var(--mute)}
.plate .bt{color:var(--red);margin-top:12px}
.plate .t{margin-bottom:12px}
.plate .in{height:220px;background:var(--night-2);border:0;border-radius:14px;color:var(--ink)}
.plate .in::before,.plate .in::after{display:none}
.plate .in b{font:800 56px/1 var(--fd);letter-spacing:-.04em;transform:none;padding:0;color:var(--ink)}
.plate .in b::after{content:"";display:block;width:64px;height:64px;margin:18px auto 0;border-radius:50%;background:var(--red) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 19V5M5 12l7-7 7 7'/%3E%3C/svg%3E") center/26px no-repeat}
.plate .in .fname{font:800 30px/1.15 var(--fd);letter-spacing:-.03em;color:var(--ink)}
.field input,.field textarea{background:#fff}
.go{font:700 18px/1 var(--fd);letter-spacing:.02em;border-radius:10px;padding:20px 24px;text-transform:none}
.logo-btn{border-radius:10px;background:#fff}

.lib{border-top-color:var(--line)}
.lib-head h2{font:800 32px/1 var(--fd);letter-spacing:-.03em}
.card{background:#fff;border-radius:14px;box-shadow:0 1px 2px rgba(33,41,52,.06)}
.card:hover{box-shadow:0 18px 40px -24px rgba(33,41,52,.4)}
.mini{background:var(--night-2);transform:none;border-radius:10px;padding:12px;margin:0 0 16px}
.mini .i{background:#fff;border:1px solid var(--line);border-radius:8px;color:var(--red);font:800 28px/1 var(--fd);letter-spacing:-.02em;height:56px}
.mini::after{position:static;display:block;margin-top:8px;text-align:left;color:var(--mute);letter-spacing:.14em}
.card .del{background:#fff}

.job-head h1{font:800 clamp(36px,4.4vw,64px)/1.02 var(--fd);letter-spacing:-.045em}
.stg h3{font:800 24px/1.1 var(--fd);letter-spacing:-.02em}
.stg .dot{font-weight:700}
.road::before{background:repeating-linear-gradient(180deg,var(--line-2) 0 22px,transparent 22px 40px);opacity:1}
.side{background:#fff;border-radius:14px}
.side .big{font:800 46px/1 var(--fd);letter-spacing:-.04em}
.failbox{color:#b42318;background:#fff5f5;border-color:#ffd0cf;border-radius:10px}

.screen{border-radius:14px;box-shadow:0 30px 70px -40px rgba(33,41,52,.55),0 0 0 1px var(--line)}
.btn{border-radius:10px;font-weight:600}
.btn.prime,.btn.big{font:700 18px/1 var(--fd);letter-spacing:.04em;padding:18px 24px}
.btn.big{background:var(--ink);border-color:var(--ink);color:#fff}
.btn.big:hover{background:#2f3a49;border-color:#2f3a49;color:#fff}
.btn.big .n{background:var(--red);color:#fff}
.btn:hover{background:var(--ink);border-color:var(--ink);color:#fff}

.sheet{background:rgba(33,41,52,.45)}
.sheet-in{background:#fff;border-left:0;box-shadow:-30px 0 80px rgba(33,41,52,.25)}
.sheet-head h2{font:800 36px/1 var(--fd);letter-spacing:-.04em}
.tabs button{font-weight:600}
.ccard{background:var(--night-2);border-radius:14px}
.ccard h3{font:800 18px/1.2 var(--fd);letter-spacing:-.02em}
.chk input:checked::after{color:#fff}
.rw textarea,.ed textarea,.ed input{background:#fff;border-radius:10px}
.note{background:var(--night-2);border-radius:14px}
.ed nav button.on{background:var(--night-2)}
.ed .f.head textarea{font:800 19px/1.25 var(--fd);letter-spacing:-.02em}
.savebar{background:#fff}
.chips button{background:#fff}
.login h1{font:800 54px/1 var(--fd);letter-spacing:-.045em}
footer.foot{background:var(--ink);border-top:0}
footer.foot .wrap{color:#b7bfca}
.card{text-decoration:none;color:var(--chalk)}