/* PME v18 · marketing site: white, dot grid, light type, pixel fields, notched buttons */
:root{
  --ink:#16181d; --text:#3d3f45; --muted:#7b7d84; --faint:#b4b5b9; --line:#e7e6e1; --line2:#efeee9; --surf:#f6f5f2; --bg:#ffffff;
  --navy:#1c2541; --blue:#3b5bd9; --amber:#f2b632; --coral:#e5603e; --green:#3aa65a;
  --cre:#e5603e; --ana:#e2a21c; --eng:#3b5bd9; --ok:#3aa65a;
  --sans:"Geist",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --mono:"Geist Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  --serif:"Fraunces",Georgia,serif;
  --ease:cubic-bezier(.2,.7,.2,1);
  --notch:polygon(5px 0,calc(100% - 5px) 0,100% 5px,100% calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,0 calc(100% - 5px),0 5px);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:76px}
body{margin:0;background:#fff;color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden;
  background-image:radial-gradient(#e6e5df 1px,transparent 1.1px);background-size:14px 14px}
h1,h2,h3,h4{margin:0;font-weight:400;color:var(--ink);text-wrap:balance}
p{margin:0}
a{color:inherit}
canvas{display:block}
[hidden]{display:none!important}
:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.wrap{max-width:1180px;margin-inline:auto;padding-inline:max(24px,env(safe-area-inset-left,0px))}
.rv{opacity:0;transform:translateY(14px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}}
.lbl{font:11px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.pi{display:block;image-rendering:pixelated}

/* buttons: pixel-notched corners */
.b18{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:44px;padding:0 20px;font:500 15px/1 var(--sans);text-decoration:none;cursor:pointer;border:0;white-space:nowrap;clip-path:var(--notch);transition:background .2s,transform .2s}
.b18:hover{transform:translateY(-1px)}
.b18.dark{background:var(--ink);color:#fff}
.b18.dark:hover{background:#2c2f37}
.b18.light{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.b18.light:hover{background:var(--surf)}
.b18.ghost{background:rgba(255,255,255,.08);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)}
.b18.sm{height:36px;padding:0 14px;font-size:14px}
.tl18{font:500 14.5px var(--sans);color:var(--ink);text-decoration:none;border-bottom:1px solid var(--faint);padding-bottom:1px}
.tl18:hover{border-color:var(--ink)}
.badge{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 5px;background:var(--navy);color:#fff;font:500 10px var(--mono);clip-path:polygon(3px 0,calc(100% - 3px) 0,100% 3px,100% calc(100% - 3px),calc(100% - 3px) 100%,3px 100%,0 calc(100% - 3px),0 3px)}

/* nav */
.nav18{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.88);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav18 .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;height:62px}
.brand18{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--ink);font:500 17px var(--sans);letter-spacing:-.02em}
.brand18 .bm{display:grid;grid-template-columns:repeat(3,6px);gap:2px}
.brand18 .bm i{width:6px;height:6px;background:var(--c)}
.brand18 small{font:400 12px var(--mono);color:var(--muted)}
.nl18{display:flex;gap:2px;font-size:14.5px}
.nl18 a{padding:7px 12px;text-decoration:none;color:var(--text);transition:color .2s,background .2s}
.nl18 a:hover,.nl18 a[aria-current]{color:var(--ink);background:var(--surf)}
.nr18{display:flex;align-items:center;gap:18px;font-size:14.5px}
.nr18 > a:not(.b18){text-decoration:none;color:var(--text)}

/* pixel-field canvases */
canvas[data-field]{width:100%;height:100%}
.fieldband{position:relative;height:clamp(260px,32vw,440px)}

/* headline chips (Jasper) */
.hw{display:inline-flex;align-items:center;gap:.22em;padding:.02em .22em .02em .07em;background:var(--t);white-space:nowrap;line-height:1.1;font-weight:inherit}
.hi{display:inline-grid;place-items:center;width:1em;height:1em;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.07);margin:.06em 0;clip-path:polygon(3px 0,calc(100% - 3px) 0,100% 3px,100% calc(100% - 3px),calc(100% - 3px) 100%,3px 100%,0 calc(100% - 3px),0 3px)}
.hi .pi{width:.62em;height:auto}
.nw{white-space:nowrap}

/* section head (centered, Jasper) */
.s18{padding:128px 0;border-top:1px solid var(--line);position:relative}
.sh18{text-align:center;display:grid;justify-items:center;margin-bottom:60px}
.pill18{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 10px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);font:500 12.5px/1 var(--sans);color:var(--ink)}
.pill18 .pi{width:12px;height:auto}
.sh18 h2{margin-top:20px;max-width:19ch;font:400 clamp(32px,3.8vw,50px)/1.06 var(--sans);letter-spacing:-.04em}
.sh18 > p{margin-top:16px;max-width:54ch;font-size:16.5px;color:var(--muted)}
.sh18 > .b18{margin-top:26px}
.g{color:var(--faint)}

/* split head (wild) */
.split{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px 72px}
.split h2{font:400 clamp(32px,3.9vw,50px)/1.06 var(--sans);letter-spacing:-.035em}
.split .lbl{margin-top:16px}
.split .body p{font-size:16.5px;line-height:1.65;color:var(--text);text-align:justify;hyphens:auto}
.split .body p + p{margin-top:16px}
.split .body .soft{color:var(--faint)}

/* footer */
.f18{background:var(--ink);color:#a7a9b0;margin-top:0}
.f18 .fc{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(5,minmax(0,1fr));gap:28px;padding:72px 0 52px}
.f18 h4{font:500 13px var(--sans);color:#fff;margin-bottom:14px}
.f18 a{display:block;padding:4px 0;font-size:13.5px;color:#a7a9b0;text-decoration:none}
.f18 a:hover{color:#fff}
.f18 .brand18{color:#fff}
.f18 .fb p{margin-top:14px;max-width:28ch;font-size:13.5px}
.f18 .fbot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:22px 0 30px;border-top:1px solid rgba(255,255,255,.1);font-size:12.5px;color:#7d808a}
.f18 .ffield{height:120px;opacity:.9}

/* dark CTA (Jasper) */
.cta18{position:relative;background:var(--ink);color:#c9cad0;padding:120px 0 110px;overflow:hidden}
.cta18 .cg{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:64px;align-items:center}
.win18{background:#fff;color:var(--ink);box-shadow:0 50px 100px -40px rgba(0,0,0,.7);transform:rotate(-2deg)}
.win18 .wb{display:flex;align-items:center;gap:6px;padding:10px 12px;border-bottom:1px solid var(--line);background:var(--surf)}
.win18 .wb i{width:8px;height:8px;background:#d5d4ce}
.win18 .wb span{margin-left:8px;font:11px var(--mono);color:var(--muted)}
.win18 .wv{height:220px;background:#fff;background-image:radial-gradient(#ebeae5 1px,transparent 1.1px);background-size:12px 12px}
.win18 .wd{padding:16px 18px 18px;display:grid;gap:6px;border-top:1px solid var(--line)}
.win18 .wd b{font:500 18px var(--sans)}
.win18 .wd p{font-size:13.5px;color:var(--text)}
.cta18 h2{font:400 clamp(44px,6.2vw,92px)/.98 var(--sans);letter-spacing:-.055em;color:#fff}
.cta18 h2 em{display:block;font-style:normal;color:#7f8dbf}
.cta18 .ct p{margin-top:24px;max-width:46ch;font-size:17px;color:#a7a9b0}
.cta18 .acts{margin-top:30px;display:flex;gap:10px;flex-wrap:wrap}
.cta18 .px1,.cta18 .px2,.cta18 .px3{position:absolute;width:18px;height:18px}
.cta18 .px1{right:5%;top:48px;background:var(--coral)}
.cta18 .px2{right:11%;bottom:56px;width:12px;height:12px;background:var(--amber)}
.cta18 .px3{left:44%;top:40px;width:14px;height:14px;background:var(--blue)}

@media (max-width:980px){
  .nl18{display:none}
  .split{grid-template-columns:minmax(0,1fr)}
  .cta18 .cg{grid-template-columns:minmax(0,1fr);gap:48px}
  .win18{transform:none}
  .f18 .fc{grid-template-columns:repeat(2,minmax(0,1fr))}
  .f18 .fb{grid-column:1/-1}
  .s18{padding:88px 0}
}
@media (max-width:560px){.nr18 > a:not(.b18){display:none}}