/* Sweat · Ident landing system (from the v13 film: hot orange / ink / cream, huge Bricolage) */
/* fonts.css is linked from the page head (no @import chain) */
:root{
  --or:#ff5a1f; --ink:#121212; --cream:#fff6ea; --cr2:#f5efe4; --mut:#6f6c64;
  --shadow:0 10px 0 rgba(0,0,0,.16);
  --gut:clamp(18px,4vw,64px);
  --display:'Bricolage Grotesque',system-ui,sans-serif;
  --ui:'Inter Tight',system-ui,sans-serif;
  --mono:'Plex',ui-monospace,monospace;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{background:var(--cream);color:var(--ink);font-family:var(--ui);font-size:18px;line-height:1.5;
  -webkit-font-smoothing:antialiased;text-rendering:geometricPrecision;overflow-x:hidden}
a{color:inherit}
img,video{display:block;max-width:100%}
.x{font-family:var(--display);font-variation-settings:'opsz' 96;font-weight:800;letter-spacing:-.055em;line-height:.86}
.mono{font-family:var(--mono);font-size:13px;letter-spacing:.14em;text-transform:uppercase}
.wrap{padding-left:var(--gut);padding-right:var(--gut);max-width:1440px;margin:0 auto}
/* grain removed: a full-screen blended overlay repaints every scroll frame */
.grain{display:none;position:fixed;inset:0;pointer-events:none;z-index:200;opacity:.07;mix-blend-mode:multiply;
  background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' seed='9'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}

/* wordmark: the real traced logo used as a mask, recoloured by currentColor */
.wm{display:inline-block;width:112px;height:28px;background:currentColor;
  -webkit-mask:url(assets/sweat-wordmark.png) left center/contain no-repeat;mask:url(assets/sweat-wordmark.png) left center/contain no-repeat}

/* nav */
.nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;gap:28px;
  padding:16px var(--gut);transition:background .3s,color .3s,box-shadow .3s}
.nav .links{display:flex;gap:26px;margin-left:auto;font-weight:600;font-size:16px}
.nav .links a{text-decoration:none;opacity:.8}.nav .links a:hover{opacity:1}
.nav.solid{background:var(--cream);color:var(--ink);box-shadow:0 1px 0 rgba(18,18,18,.08)}
@media (max-width:760px){.nav .links{display:none}.nav .btn{margin-left:auto}}

/* buttons: ink on orange / cream on ink keep AA at any size */
.btn{display:inline-flex;align-items:center;gap:12px;height:56px;padding:0 26px;border-radius:28px;border:0;cursor:pointer;
  font:700 17px/1 var(--ui);text-decoration:none;white-space:nowrap;box-shadow:0 6px 0 rgba(0,0,0,.18);transition:transform .12s,box-shadow .12s}
.btn:hover{transform:translateY(-2px);box-shadow:0 8px 0 rgba(0,0,0,.18)}
.btn:active{transform:translateY(3px);box-shadow:0 3px 0 rgba(0,0,0,.18)}
.btn.ink{background:var(--ink);color:var(--cream)}
.btn.or{background:var(--or);color:var(--ink)}
.btn.cream{background:var(--cream);color:var(--ink)}
.btn.sm{height:44px;padding:0 20px;font-size:15px;border-radius:22px}
.btn .ar{font-size:20px;line-height:1}

/* pills + verdict discs */
.pill{display:flex;align-items:center;gap:14px;min-height:64px;padding:12px 14px 12px 26px;border-radius:40px;background:var(--cream);
  color:var(--ink);font:600 18px/1.25 var(--ui);box-shadow:var(--shadow)}
.pill i{width:12px;height:12px;border-radius:50%;background:var(--ink);flex:none}
.pill .rd{margin-left:auto;width:40px;height:40px;border-radius:50%;background:var(--ink);color:var(--cream);display:grid;place-items:center;flex:none}
.pill .rd.open{background:none;border:3px solid var(--ink)}
.disc{border-radius:50%;display:grid;place-items:center;box-shadow:0 12px 0 rgba(0,0,0,.18);flex:none}
.xm{position:relative;width:46%;height:46%}
.xm:before,.xm:after{content:'';position:absolute;left:0;top:41%;width:100%;height:18%;border-radius:99px;background:currentColor;transform:rotate(45deg)}
.xm:after{transform:rotate(-45deg)}
.ck{width:44%;height:24%;border-left:solid currentColor;border-bottom:solid currentColor;border-width:0 0 0 0;transform:translateY(-18%) rotate(-45deg);border-radius:3px}
.ck{border-left-width:clamp(4px,1.2vw,9px);border-bottom-width:clamp(4px,1.2vw,9px)}

/* specimen document */
.pdoc{position:relative;background:linear-gradient(180deg,#fffaf1,#f6efe2);color:var(--ink);border:5px solid var(--ink);border-radius:18px;
  padding:28px 28px 110px;box-shadow:12px 12px 0 rgba(0,0,0,.16);overflow:hidden}
.pdoc .hd{font:500 11px/1.4 var(--mono);letter-spacing:.2em;color:var(--mut);text-align:center}
.pdoc .ti{font:800 26px/1.05 var(--ui);letter-spacing:-.01em;text-align:center;margin-top:8px}
.pdoc .fld{display:flex;justify-content:space-between;gap:12px;align-items:baseline;font:700 14px var(--ui);margin-top:12px;border-bottom:1.5px solid rgba(18,18,18,.12);padding-bottom:7px}
.pdoc .fld span:first-child{font:500 10px var(--mono);letter-spacing:.12em;color:var(--mut)}
.pdoc .ln{height:7px;background:var(--ink);opacity:.13;border-radius:4px;margin:9px 0}
.pdoc .spec{position:absolute;left:-10%;top:42%;width:120%;text-align:center;transform:rotate(-24deg);font:800 64px var(--display);letter-spacing:.08em;color:rgba(18,18,18,.06);pointer-events:none}
.pdoc .seal{position:absolute;left:28px;bottom:24px;width:74px;height:74px;border-radius:50%;border:3px double #b0381f;color:#b0381f;
  font:500 8px/1.3 var(--mono);letter-spacing:.1em;display:grid;place-items:center;text-align:center;opacity:.85}
.tag{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:99px;background:var(--ink);color:var(--cream);font:700 14px var(--ui);box-shadow:0 4px 0 rgba(0,0,0,.18)}
.tag b{color:var(--or)}

/* message bubble (the applicant's view) */
.msg{background:var(--cream);color:var(--ink);border-radius:22px;padding:18px 22px;box-shadow:var(--shadow);font:600 17px/1.4 var(--ui)}
.msg .who{font:500 11px var(--mono);letter-spacing:.14em;color:var(--mut);margin-bottom:6px;text-transform:uppercase}

/* reveal-on-scroll (progressive: content is visible without JS) */
.js .rv{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.9,.25,1.15)}
.js .rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.js .rv{opacity:1;transform:none;transition:none}}

/* email capture */
.cap{display:flex;gap:10px;flex-wrap:wrap;max-width:560px}
.cap input{flex:1 1 240px;height:56px;border-radius:28px;border:3px solid var(--ink);background:var(--cream);padding:0 22px;font:600 17px var(--ui);color:var(--ink)}
.cap input:focus{outline:none;box-shadow:0 0 0 4px rgba(18,18,18,.18)}
.fine{font-size:14px;opacity:.75;margin-top:12px}

/* footer */
.foot{background:var(--ink);color:var(--cream);padding:48px 0}
.foot .wrap{display:flex;flex-wrap:wrap;gap:20px 40px;align-items:center}
.foot a{text-decoration:none;opacity:.75}.foot .sp{margin-left:auto}

/* credibility: founders' pedigree (logos as ink masks) + the official Alliance badge (snippet kept byte-identical) */
.pedigree{display:flex;align-items:center;flex-wrap:wrap;gap:14px 26px;margin-top:40px;padding-top:26px;border-top:2px solid rgba(18,18,18,.18);max-width:640px}
.pedigree .plabel{font:500 12px var(--mono);letter-spacing:.14em;text-transform:uppercase;opacity:.8;width:100%}
.pedigree .lg{display:block;background:var(--ink);-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat}
.pedigree .lg.stripe{--m:url(assets/logo-stripe.png);width:55px;height:23px}
.pedigree .lg.jpm{--m:url(assets/logo-jpmorgan.png);width:107px;height:22px}
.pedigree .lg.jef{--m:url(assets/logo-jefferies.png);width:88px;height:19px}
.pedigree .sep{width:2px;height:28px;background:rgba(18,18,18,.18)}
.alliance{display:inline-flex;align-items:center}
.alliance a{display:inline-flex;align-items:center;border-radius:999px}
.alliance img{display:block;height:30px;width:auto}
.alliance a:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
@media (max-width:600px){.pedigree .sep{display:none}}

/* HERO v3 — four things only (headline, one line, one CTA, one quiet trust line) + one still visual.
   Motion plays once on load and stops: moving elements pull the eye away from the words. */
.h3{position:relative;min-height:100svh;background:var(--or);overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding:120px 0 150px}
.h3 .wrap{width:100%}
.h3 h1{font-size:clamp(76px,10.5vw,190px);max-width:11ch}
.h3 h1 span{color:var(--cream)}
.h3 .sub{font-size:clamp(20px,1.8vw,26px);font-weight:600;max-width:34ch;margin:32px 0 40px;line-height:1.35}
.h3 .btn{height:64px;padding:0 32px;border-radius:32px;font-size:19px}
.h3 .trust{position:absolute;left:0;right:0;bottom:40px}
.h3 .trust .wrap{display:flex;align-items:center;flex-wrap:wrap;gap:12px 22px}
.h3 .trust .lbl,.h3 .trust .lg,.h3 .trust .dot{opacity:.62}
.h3 .trust .lbl{font:600 14px var(--ui)}
.h3 .trust .lg{display:block;background:var(--ink);-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat}
.h3 .trust .lg.stripe{--m:url(assets/logo-stripe.png);width:43px;height:18px}
.h3 .trust .lg.jpm{--m:url(assets/logo-jpmorgan.png);width:84px;height:17px}
.h3 .trust .lg.jef{--m:url(assets/logo-jefferies.png);width:70px;height:15px}
.h3 .trust .dot{width:4px;height:4px;border-radius:50%;background:var(--ink)}
.h3 .alliance img{height:26px}
.h3 .art{position:absolute;right:7vw;top:50%;width:min(380px,27vw);transform:translateY(-46%) rotate(4deg)}
.h3 .art .pdoc{padding:28px 26px 96px}
.h3 .art .disc{position:absolute;right:-34px;top:-34px;width:108px;height:108px;background:var(--ink);color:var(--cream);animation:popin .55s cubic-bezier(.2,.9,.25,1.5) .7s both}
.h3 .art{animation:artin .9s cubic-bezier(.2,.8,.2,1) .15s both}
.h3 h1,.h3 .sub,.h3 .btn{animation:up .8s cubic-bezier(.2,.8,.2,1) both}.h3 .sub{animation-delay:.1s}.h3 .btn{animation-delay:.2s}
@keyframes up{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes artin{from{opacity:0;transform:translateY(-40%) rotate(9deg)}to{opacity:1;transform:translateY(-46%) rotate(4deg)}}
@keyframes popin{from{opacity:0;transform:scale(.3)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.h3 *{animation:none!important}}
@media (max-width:1000px){.h3 .art{display:none}.h3{padding:110px 0 170px}}
@media (max-width:600px){.h3 .trust .dot{display:none}.h3 .trust .alliance{flex-basis:100%}.h3 .trust .wrap{gap:10px 16px}.h3 .trust .lbl{flex-basis:100%;font-size:13px}}

/* ---------- Refined pass: professional, not cartoon ----------
   Hairlines instead of thick outlines, soft layered shadows instead of flat offsets, no tilt. */
:root{--soft:0 1px 2px rgba(18,18,18,.06),0 12px 32px -12px rgba(60,25,0,.28);--line:rgba(18,18,18,.10)}
.pill{box-shadow:var(--soft);border:1px solid var(--line);font-weight:500}
.pill .rd{width:26px;height:26px}.pill .rd.open{border-width:1.5px}
.pill i{width:8px;height:8px}
.pdoc{border:1px solid var(--line);border-radius:10px;box-shadow:var(--soft)}
.disc{box-shadow:var(--soft)}
.msg{box-shadow:var(--soft);border:1px solid var(--line);font-weight:500}
.btn{box-shadow:none;font-weight:600}
.btn:hover{box-shadow:0 8px 20px -8px rgba(18,18,18,.45)}
.btn:active{transform:translateY(1px);box-shadow:none}

/* hero visual: a KYB check result, the thing a customer actually receives */
.h3 .art{display:none}
.result{position:absolute;right:7vw;top:50%;transform:translateY(-50%);width:min(460px,32vw);background:#fffdf9;color:var(--ink);
  border-radius:16px;border:1px solid rgba(18,18,18,.06);box-shadow:0 1px 2px rgba(0,0,0,.05),0 40px 80px -30px rgba(70,25,0,.45);
  font-family:var(--ui);animation:resin .9s cubic-bezier(.2,.8,.2,1) .2s both}
.result .top{padding:22px 24px 18px;border-bottom:1px solid var(--line)}
.result .k{font:500 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}
.result .co{font-size:19px;font-weight:600;margin-top:10px;letter-spacing:-.01em}
.result .meta{font-size:13px;color:var(--mut);margin-top:3px}
.result ul{list-style:none;padding:6px 24px}
.result li{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line);font-size:15px}
.result li:last-child{border-bottom:0}
.result li span:last-child{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:#3d3a34}
.result li .ok{width:16px;height:16px;border-radius:50%;background:var(--ink);position:relative;flex:none}
.result li .ok:after{content:'';position:absolute;left:5px;top:3.5px;width:4px;height:7px;border:solid var(--cream);border-width:0 1.6px 1.6px 0;transform:rotate(45deg)}
.result li .an{width:16px;height:16px;border-radius:50%;border:1.5px solid var(--or);flex:none}
.result .bot{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#f7f2ea;border-radius:0 0 16px 16px;border-top:1px solid var(--line)}
.result .dec{font-weight:600;font-size:15px}
.result .tagx{font:500 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mut)}
.result li{opacity:0;animation:rowin .45s ease-out both}
.result li:nth-child(1){animation-delay:.7s}.result li:nth-child(2){animation-delay:.85s}.result li:nth-child(3){animation-delay:1s}.result li:nth-child(4){animation-delay:1.15s}
@keyframes resin{from{opacity:0;transform:translateY(-46%)}to{opacity:1;transform:translateY(-50%)}}
@keyframes rowin{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){.result,.result li{animation:none;opacity:1}}
@media (max-width:1000px){.result{display:none}}

.disc .ck{border-left-width:3px!important;border-bottom-width:3px!important}
.disc .xm:before,.disc .xm:after{height:12%}

/* Buyer routes stay reachable at narrow widths through a native disclosure. */
.buyer-links{display:flex;align-items:center;gap:22px;margin-left:auto;font:600 15px var(--ui)}
.buyer-links a{text-decoration:none}
.buyer-menu{display:none;margin-left:auto;position:relative;font:600 14px var(--ui)}
.buyer-menu summary{cursor:pointer;padding:12px 0;min-height:44px;list-style:inside}
.buyer-menu>div{position:absolute;top:100%;right:0;min-width:220px;padding:12px;background:var(--cream);color:var(--ink);border:1px solid rgba(18,18,18,.2);border-radius:12px;box-shadow:0 12px 32px #0003;display:grid;gap:2px;max-height:calc(100vh - 88px);max-height:calc(100dvh - 88px);overflow-y:auto;overscroll-behavior:contain}
.buyer-menu a{display:block;padding:11px 12px;text-decoration:none;min-height:44px}
.buyer-menu a:hover{background:#e9dfd1;border-radius:6px}
.buyer-menu summary:focus-visible,.buyer-menu a:focus-visible,.buyer-links a:focus-visible{outline:3px solid currentColor;outline-offset:3px}
.buyer-menu .nav-blog,.buyer-links .nav-blog{background:var(--or);color:var(--ink);border-radius:6px;font-weight:700}
.buyer-links .nav-blog{padding:7px 12px}
.buyer-menu .nav-blog:hover,.buyer-links .nav-blog:hover{background:var(--or);text-decoration:underline;text-underline-offset:3px}
.buyer-links .nav-blog:focus-visible{outline-color:var(--cream);box-shadow:0 0 0 6px var(--ink)}
.evaluation-next{max-width:72ch;margin-top:24px;font:500 17px/1.55 var(--ui)}
@media(max-width:1000px){.buyer-links{display:none}.buyer-menu{display:block;position:static}.buyer-menu>div{right:var(--gut);width:min(300px,calc(100vw - 2 * var(--gut)));min-width:0}}
@media(max-width:420px){.nav{gap:10px}.nav .theme{width:36px;height:36px;min-width:36px;margin-right:0}.nav .btn.sm{font-size:13px;padding:0 12px}.nav .wm{width:72px}.buyer-menu{font-size:13px}}