/* ProjMa 31.12 — public landing.
   ---------------------------------------------------------------------------
   Tokens are ProjMa's own identity (navy shell, teal delivery accent), not a
   new palette: the mark, the app chrome and this page must read as one product.
   Type: Inter for voice, DM Mono for anything that is data or a label — the
   register an engineering practice already reads drawings and schedules in.
   Everything below is scoped under .pm-marketing-root so it can never leak
   into the authenticated workspace. */

.pm-marketing-root{
  --pm-navy:#0B2135; --pm-navy-deep:#071726; --pm-navy-lift:#17466B;
  --pm-teal:#23D4BE; --pm-teal-deep:#0C8F88;
  --pm-paper:#F5F8FB; --pm-ink:#0E2233; --pm-ink-mut:#5C7086; --pm-line:rgba(14,34,51,.10);
  --pm-shell:1240px; --pm-gut:clamp(20px,5vw,64px);
  --pm-font:Inter,system-ui,sans-serif; --pm-mono:'DM Mono',ui-monospace,monospace;
  min-height:100vh;background:var(--pm-paper);color:var(--pm-ink);
  font-family:var(--pm-font);overflow-x:hidden;
}
.pm-marketing-root *{box-sizing:border-box}
.pm-marketing-root h1,.pm-marketing-root h2,.pm-marketing-root h3{margin:0;letter-spacing:-.035em;text-wrap:balance}
.pm-marketing-root p{margin:0}

/* Utility label — the page's structural voice. */
.pm-label{display:block;font:500 10.5px/1 var(--pm-mono);letter-spacing:.18em;color:var(--pm-teal-deep)}

/* ── actions ─────────────────────────────────────────────────────────────── */
.pm-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:46px;padding:0 20px;border-radius:11px;text-decoration:none;white-space:nowrap;
  font:700 13.5px/1 var(--pm-font);letter-spacing:-.01em;border:1px solid transparent;
  transition:transform .16s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease,color .18s ease}
.pm-cta:hover{transform:translateY(-1px)}
.pm-cta:active{transform:translateY(0)}
.pm-cta:focus-visible{outline:2px solid var(--pm-teal);outline-offset:3px}
.pm-cta--primary{background:linear-gradient(135deg,#2BE0C8,#0C8F88);color:#04231F;box-shadow:0 10px 26px rgba(12,143,136,.30)}
.pm-cta--primary:hover{box-shadow:0 14px 34px rgba(12,143,136,.40)}
.pm-cta--secondary{background:transparent;color:#E9F0F6;border-color:rgba(255,255,255,.26)}
.pm-cta--secondary:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.42)}
.pm-cta--tertiary{background:transparent;color:#A1B6C8;padding:0 14px}
.pm-cta--tertiary:hover{color:#E9F0F6}
.pm-cta--link{min-height:34px;padding:0;color:#93A9BD;font-weight:600;font-size:12.5px}
.pm-cta--link:hover{color:#E9F0F6;transform:none}

/* ── header ──────────────────────────────────────────────────────────────── */
.pm-nav{position:sticky;top:0;z-index:20;background:rgba(7,23,38,.86);
  backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08)}
.pm-nav__inner{max-width:var(--pm-shell);margin:0 auto;padding:12px var(--pm-gut);
  display:flex;align-items:center;justify-content:space-between;gap:16px}
.pm-nav__brand .pm-brand-word{font-size:23px!important;color:#EDF3F8!important}
.pm-nav__actions{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}

/* ── hero ────────────────────────────────────────────────────────────────── */
.pm-hero{position:relative;background:
  radial-gradient(900px 520px at 82% -8%,rgba(35,212,190,.16),transparent 62%),
  radial-gradient(700px 460px at 8% 0%,rgba(23,70,107,.55),transparent 60%),
  linear-gradient(168deg,var(--pm-navy) 0%,var(--pm-navy-deep) 100%);
  color:#EDF3F8;padding:clamp(52px,7vw,104px) var(--pm-gut) clamp(72px,9vw,124px);
  display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);
  gap:clamp(32px,5vw,72px);align-items:center}
.pm-hero::after{content:"";position:absolute;inset:auto 0 0 0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(35,212,190,.45),transparent)}
.pm-hero__copy{max-width:640px;justify-self:end;width:100%}
.pm-eyebrow{display:inline-flex;align-items:center;gap:9px;margin-bottom:22px;
  font:500 11px/1 var(--pm-mono);letter-spacing:.1em;color:#A1B6C8}
.pm-eyebrow i{width:6px;height:6px;border-radius:50%;background:var(--pm-teal);
  box-shadow:0 0 0 4px rgba(35,212,190,.18)}
.pm-hero h1{font:900 clamp(36px,4.9vw,60px)/1.06 var(--pm-font);letter-spacing:-.045em;color:#F4F9FD}
.pm-hero h1 em{font-style:normal;background:linear-gradient(100deg,#4FE7D2,#A6D2E8);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.pm-hero__sub{margin-top:20px;max-width:560px;font:400 clamp(15px,1.35vw,17.5px)/1.68 var(--pm-font);color:#A9BED0}
.pm-hero__cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.pm-hero__cta .pm-cta{min-height:52px}
.pm-hero__note{margin-top:16px;font:500 11.5px/1.5 var(--pm-mono);color:#7B93A8;letter-spacing:.01em}

/* Signature: the delivery spine. Stage gates carry real ratios, so the
   structure encodes the product's model instead of decorating the page. */
.pm-hero__visual{min-width:0}
.pm-panel{border:1px solid rgba(255,255,255,.13);border-radius:20px;padding:18px;
  background:linear-gradient(150deg,rgba(255,255,255,.10),rgba(255,255,255,.035));
  box-shadow:0 34px 90px rgba(2,12,22,.5);backdrop-filter:blur(12px)}
.pm-panel__top{display:flex;align-items:baseline;justify-content:space-between;gap:12px;
  padding-bottom:13px;margin-bottom:14px;border-bottom:1px solid rgba(255,255,255,.1)}
.pm-panel__top span{font:600 12px var(--pm-font);color:#C3D5E3}
.pm-panel__top .pm-label{color:#5FD9C6}
.pm-spine{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:0 0 15px;padding:0}
.pm-spine__gate{position:relative;padding:9px 8px 8px;border-radius:10px;
  background:rgba(4,20,34,.55);border:1px solid rgba(255,255,255,.07);text-align:center}
.pm-spine__gate b{display:block;font:700 9.5px/1.25 var(--pm-font);color:#B9CDDC;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pm-spine__gate span{display:block;margin-top:5px;font:500 11px var(--pm-mono);color:#6E869B}
.pm-spine__gate::before{content:"";position:absolute;left:8px;right:8px;top:0;height:2px;border-radius:2px;background:rgba(255,255,255,.14)}
.pm-spine__gate.is-done::before{background:var(--pm-teal-deep)}
.pm-spine__gate.is-done span{color:#5FD9C6}
.pm-spine__gate.is-live{border-color:rgba(35,212,190,.5);background:rgba(12,143,136,.20)}
.pm-spine__gate.is-live::before{background:var(--pm-teal)}
.pm-spine__gate.is-live b{color:#EDF3F8}
.pm-spine__gate.is-live span{color:var(--pm-teal)}
.pm-bars{display:grid;gap:9px;padding:14px;border-radius:12px;
  background:rgba(4,20,34,.5);border:1px solid rgba(255,255,255,.07)}
.pm-bars>div{display:grid;grid-template-columns:112px 1fr 38px;align-items:center;gap:10px}
.pm-bars span{font:600 10.5px var(--pm-font);color:#B0C4D4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pm-bars em{font:500 10.5px var(--pm-mono);font-style:normal;color:#7B93A8;text-align:right}
.pm-bars i{position:relative;height:7px;border-radius:99px;background:rgba(255,255,255,.09);overflow:hidden}
.pm-bars i::after{content:"";position:absolute;inset:0 auto 0 0;width:var(--pm-w);border-radius:inherit;
  background:linear-gradient(90deg,#3D7CB6,var(--pm-teal))}
.pm-insight{margin-top:13px;padding:12px 14px;border-radius:12px;
  border:1px solid rgba(35,212,190,.28);background:rgba(12,143,136,.14)}
.pm-insight .pm-label{color:#5FD9C6;margin-bottom:6px}
.pm-insight p{font:450 11.5px/1.6 var(--pm-font);color:#CFE0EC}

/* ── the gate: sign in / create workspace, merged into the hero ──────────── */
.pm-authpanel{border:1px solid rgba(255,255,255,.15);border-radius:20px;
  background:linear-gradient(155deg,rgba(255,255,255,.11),rgba(255,255,255,.04));
  box-shadow:0 34px 90px rgba(2,12,22,.52);backdrop-filter:blur(14px);
  padding:20px 20px 16px;max-width:432px;margin-left:auto}
.pm-authpanel__head{display:flex;align-items:center;justify-content:space-between;gap:10px;
  margin-bottom:14px}
.pm-authpanel__head span{font:700 12.5px var(--pm-font);letter-spacing:-.01em;color:#DCE9F3}
.pm-authtabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;margin-bottom:16px;
  border-radius:12px;background:rgba(4,20,34,.55);border:1px solid rgba(255,255,255,.08)}
.pm-authtab{min-height:36px;border:1px solid transparent;border-radius:9px;cursor:pointer;
  background:transparent;color:#A1B6C8;font:700 12.5px/1 var(--pm-font);letter-spacing:-.01em;
  transition:background .18s ease,color .18s ease,border-color .18s ease}
.pm-authtab:hover{color:#E9F0F6}
.pm-authtab:focus-visible{outline:2px solid var(--pm-teal);outline-offset:2px}
.pm-authtab.is-active{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.18);color:#F4F9FD}
.pm-authbody label{color:#A1B6C8!important}
.pm-authfoot{margin-top:14px;padding-top:13px;border-top:1px solid rgba(255,255,255,.10);text-align:center}
.pm-authfoot__demo{font:600 12.5px var(--pm-font);color:#93BBDD;text-decoration:none}
.pm-authfoot__demo:hover{color:#B8DBFF;text-decoration:underline}

/* The delivery spine, relocated out of the hero into its own full-width band. */
.pm-signature{background:var(--pm-navy-deep);color:#EDF3F8;
  padding:clamp(46px,6vw,78px) var(--pm-gut)}
.pm-signature .pm-section__head{max-width:var(--pm-shell);margin:0 auto 26px}
.pm-signature .pm-section__head h2{color:#F4F9FD}
.pm-signature .pm-panel{max-width:var(--pm-shell);margin:0 auto}

/* ── shared section furniture ────────────────────────────────────────────── */
.pm-section__head{max-width:760px;margin-bottom:30px}
.pm-section__head h2{margin-top:12px;font:800 clamp(25px,3.1vw,36px)/1.18 var(--pm-font)}

/* ── one connected record ────────────────────────────────────────────────── */
.pm-model{max-width:var(--pm-shell);margin:0 auto;padding:clamp(56px,7vw,92px) var(--pm-gut) 0}
.pm-chain{display:flex;flex-wrap:wrap;align-items:center;gap:8px 6px;margin-bottom:34px}
.pm-chain span{display:inline-flex;align-items:center;height:34px;padding:0 14px;border-radius:99px;
  background:#fff;border:1px solid var(--pm-line);font:600 12px var(--pm-font);color:#274259;
  box-shadow:0 2px 8px rgba(14,34,51,.05)}
.pm-chain i{width:14px;height:1.5px;background:linear-gradient(90deg,rgba(12,143,136,.25),rgba(12,143,136,.7));border-radius:2px}
.pm-groups{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.pm-group{padding:22px;border-radius:16px;background:#fff;border:1px solid var(--pm-line);
  box-shadow:0 8px 26px rgba(14,34,51,.05);transition:transform .2s ease,box-shadow .2s ease}
.pm-group:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(14,34,51,.09)}
.pm-group h3{font:800 15.5px/1.3 var(--pm-font);margin-bottom:9px}
.pm-group p{font:450 12.5px/1.68 var(--pm-font);color:var(--pm-ink-mut)}

/* ── experience navigator ───────────────────────────────────────────────── */
.pm-experience{max-width:var(--pm-shell);margin:clamp(56px,7vw,92px) auto 0;padding:0 var(--pm-gut)}
.pm-experience .pm-section__head>p{margin-top:14px;max-width:680px;font:450 14px/1.72 var(--pm-font);color:var(--pm-ink-mut)}
.pm-experience__controls{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.pm-experience__control{min-height:44px;padding:0 16px;border:1px solid var(--pm-line);border-radius:10px;
  background:#fff;color:var(--pm-ink-mut);font:700 12.5px var(--pm-font);cursor:pointer;
  transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease}
.pm-experience__control:hover{transform:translateY(-1px);border-color:rgba(12,143,136,.42);color:var(--pm-ink)}
.pm-experience__control:focus-visible{outline:2px solid var(--pm-teal);outline-offset:3px}
.pm-experience__control[aria-pressed="true"]{background:var(--pm-navy);border-color:var(--pm-navy);color:#EDF3F8;box-shadow:0 10px 24px rgba(14,34,51,.16)}
.pm-experience__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.pm-experience__card{min-height:205px;padding:20px;border:1px solid var(--pm-line);border-radius:16px;
  background:linear-gradient(145deg,#fff,#F7FBFC);box-shadow:0 8px 25px rgba(14,34,51,.045)}
.pm-experience__card[hidden]{display:none}
.pm-experience__card>span{display:block;margin-bottom:22px;color:var(--pm-teal-deep);font:500 10px var(--pm-mono);letter-spacing:.13em}
.pm-experience__card h3{margin-bottom:9px;font:800 16px/1.28 var(--pm-font)}
.pm-experience__card p{font:450 12.5px/1.66 var(--pm-font);color:var(--pm-ink-mut)}
.pm-experience__foot{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:16px;padding:15px 17px;
  border-radius:14px;background:#EAF4F5;border:1px solid rgba(12,143,136,.15)}
.pm-experience__status{font:600 12.5px/1.5 var(--pm-font);color:#315269}
.pm-experience__foot .pm-cta--secondary{flex:0 0 auto;min-height:42px;color:#17323F;border-color:rgba(14,34,51,.18);background:#fff}
.pm-experience__foot .pm-cta--secondary:hover{background:#F8FBFD;border-color:rgba(12,143,136,.45)}

/* ── demo ────────────────────────────────────────────────────────────────── */
.pm-demo{max-width:var(--pm-shell);margin:clamp(56px,7vw,92px) auto 0;padding:0 var(--pm-gut)}
.pm-demo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:clamp(28px,4vw,56px);align-items:center}
.pm-demo h2{margin:12px 0 14px;font:800 clamp(25px,3.1vw,36px)/1.18 var(--pm-font)}
.pm-demo p{font:450 14.5px/1.72 var(--pm-font);color:var(--pm-ink-mut);max-width:520px}
.pm-demo__cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.pm-demo__cta .pm-cta--secondary{color:#17323F;border-color:var(--pm-line);background:#fff}
.pm-demo__cta .pm-cta--secondary:hover{background:#EEF4F8;border-color:rgba(14,34,51,.2)}
.pm-demo__list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.pm-demo__list li{padding:18px 20px;border-radius:14px;background:#fff;border:1px solid var(--pm-line);
  box-shadow:0 8px 26px rgba(14,34,51,.05)}
.pm-demo__list b{display:block;font:800 14px var(--pm-font);color:var(--pm-ink)}
.pm-demo__list span{display:block;margin-top:5px;font:450 12px/1.6 var(--pm-font);color:var(--pm-ink-mut)}

/* ── walkthrough ─────────────────────────────────────────────────────────── */
.pm-contact{max-width:var(--pm-shell);margin:clamp(56px,7vw,92px) auto clamp(56px,7vw,88px);
  padding:clamp(28px,3.5vw,48px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);
  gap:clamp(28px,4vw,56px);align-items:start;border-radius:22px;background:#fff;
  border:1px solid var(--pm-line);box-shadow:0 20px 56px rgba(14,34,51,.07)}
.pm-contact__copy h2{margin:12px 0 14px;font:800 clamp(24px,3vw,34px)/1.18 var(--pm-font)}
.pm-contact__copy p{font:450 14px/1.72 var(--pm-font);color:var(--pm-ink-mut);max-width:480px}

/* ── footer ──────────────────────────────────────────────────────────────── */
.pm-foot{background:var(--pm-navy-deep);color:#8399AD;padding:32px var(--pm-gut) 38px}
.pm-foot__inner{max-width:var(--pm-shell);margin:0 auto;display:flex;align-items:center;
  justify-content:space-between;gap:20px;flex-wrap:wrap;
  padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.08)}
.pm-foot__brand .pm-brand-word{font-size:19px!important;color:#DCE8F2!important}
.pm-foot__links{display:flex;gap:20px;flex-wrap:wrap}
.pm-foot>p{max-width:var(--pm-shell);margin:18px auto 0;font:500 11.5px/1.6 var(--pm-mono);letter-spacing:.02em}

/* ── responsive ──────────────────────────────────────────────────────────── */
@media(max-width:1040px){
  .pm-hero{grid-template-columns:1fr;gap:44px}
  .pm-hero__copy{justify-self:start;max-width:none}
  .pm-hero__visual{max-width:620px}
  .pm-authpanel{margin-left:0;max-width:520px}
  .pm-groups{grid-template-columns:1fr 1fr}
  .pm-experience__grid{grid-template-columns:repeat(2,1fr)}
  .pm-demo{grid-template-columns:1fr}
  .pm-contact{grid-template-columns:1fr}
}
@media(max-width:720px){
  .pm-nav__inner{padding:10px 16px;gap:10px}
  .pm-nav__brand img{width:34px!important;height:34px!important}
  .pm-nav__brand .pm-brand-word{font-size:19px!important}
  /* All three actions stay reachable in the header — Sign in is never hidden
     behind a menu (§1). Only their padding tightens. */
  .pm-nav__actions{gap:4px}
  .pm-cta{min-height:42px;padding:0 13px;font-size:12.5px}
  .pm-cta--tertiary{padding:0 9px}
  .pm-hero{padding:44px 20px 64px}
  .pm-hero__cta{display:grid;grid-template-columns:1fr}
  .pm-hero__cta .pm-cta{width:100%}
  .pm-authpanel{max-width:none;padding:16px 15px 13px;border-radius:16px}
  .pm-signature .pm-spine{grid-template-columns:repeat(2,1fr)}
  .pm-spine{grid-template-columns:repeat(3,1fr)}
  .pm-spine__gate:nth-child(n+4){grid-column:span 1}
  .pm-bars>div{grid-template-columns:92px 1fr 34px}
  .pm-groups{grid-template-columns:1fr}
  .pm-experience__grid{grid-template-columns:1fr}
  .pm-experience__card{min-height:0}
  .pm-experience__foot{align-items:flex-start;flex-direction:column}
  .pm-experience__foot .pm-cta{width:100%}
  .pm-demo__cta{display:grid;grid-template-columns:1fr}
  .pm-demo__cta .pm-cta{width:100%}
  .pm-foot__inner{flex-direction:column;align-items:flex-start}
}
@media(max-width:400px){
  /* 320–400 px: the nav still shows all three, with the tertiary action
     reduced to its label only. Nothing collapses into a hamburger. */
  .pm-nav__inner{flex-wrap:wrap;justify-content:center;padding:10px 12px}
  .pm-nav__brand{width:100%;justify-content:center}
  .pm-nav__actions{width:100%;justify-content:center;gap:6px}
  .pm-cta{padding:0 11px;font-size:12px;min-height:40px}
  .pm-hero h1{font-size:clamp(30px,9vw,38px)}
  .pm-spine{grid-template-columns:repeat(2,1fr)}
  .pm-bars>div{grid-template-columns:78px 1fr 32px}
}
@media(prefers-reduced-motion:reduce){
  .pm-cta:hover,.pm-group:hover,.pm-experience__control:hover{transform:none}
}

/* Public website positioning, 32.10.1.
   The public surface remains deliberately restrained: it shares the product's
   navy, teal and data-label language without borrowing application chrome or
   inventing customer proof. */
.pm-marketing-root{--pm-paper:#F4F7F8;--pm-surface:#FFF;--pm-navy:#0A2438;--pm-navy-deep:#061A2A;--pm-teal:#19B7A4;--pm-teal-deep:#087E76;--pm-line:rgba(10,36,56,.12);--pm-ink:#112D40;--pm-ink-mut:#5A7080;background:var(--pm-paper)}
.pm-marketing-root .pm-nav{background:rgba(6,26,42,.96);backdrop-filter:blur(12px)}
.pm-nav__inner{min-height:68px;gap:24px}
.pm-nav__links{display:flex;align-items:center;gap:20px;margin-inline:auto}
.pm-nav__links a{color:#B9CBD7;text-decoration:none;font:650 12.5px/1 var(--pm-font)}
.pm-nav__links a:hover,.pm-nav__links a[aria-current="page"]{color:#FFF}
.pm-nav__actions{gap:7px}
.pm-language{min-height:38px;padding:0 10px;border:1px solid rgba(255,255,255,.18);border-radius:9px;background:transparent;color:#DCE8EF;cursor:pointer;font:700 11.5px/1 var(--pm-font)}
.pm-language:hover{background:rgba(255,255,255,.08)}
.pm-language:focus-visible{outline:2px solid var(--pm-teal);outline-offset:3px}
.pm-marketing-root .pm-cta--primary{background:#1BB9A5;color:#032E2A;box-shadow:0 8px 20px rgba(4,107,98,.24)}
.pm-marketing-root .pm-cta--primary:hover{background:#31C8B4;box-shadow:0 10px 24px rgba(4,107,98,.3)}
.pm-marketing-root .pm-cta--secondary{color:#E8F1F4;border-color:rgba(255,255,255,.32)}
.pm-marketing-root .pm-cta--tertiary{color:#C5D4DD}
.pm-marketing-root .pm-cta--link{color:#B9CBD7}
.pm-hero{background:var(--pm-navy);padding:clamp(48px,5.5vw,78px) var(--pm-gut) clamp(58px,6vw,86px);gap:clamp(36px,5vw,72px);align-items:start}
.pm-hero::after{background:rgba(25,183,164,.45)}
.pm-hero__copy{padding-top:clamp(4px,2vw,28px)}
.pm-hero h1{max-width:650px;font-size:clamp(38px,4.55vw,61px);letter-spacing:-.05em}
.pm-hero__sub{margin-top:20px;max-width:630px;color:#C2D1D9}
.pm-hero__note{max-width:550px;color:#98AEBC}
.pm-eyebrow{color:#B9CFDA}
.pm-hero__visual{display:grid;gap:14px;max-width:500px;width:100%}
.pm-product-preview{padding:17px;border:1px solid rgba(255,255,255,.17);border-radius:16px;background:#103249;box-shadow:0 18px 46px rgba(0,0,0,.22)}
.pm-product-preview__top{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.12)}
.pm-product-preview__top .pm-label{color:#6DD9CB}
.pm-product-preview__top>span{color:#AFC2CE;font:500 10px/1.4 var(--pm-mono);text-align:right}
.pm-preview-command{display:grid;gap:3px;margin:15px 0 12px;padding:13px;border:1px solid rgba(255,255,255,.11);border-radius:11px;background:#0B273B}
.pm-preview-command strong{color:#F3F8FA;font:750 14px/1.2 var(--pm-font)}
.pm-preview-command span{color:#AFC2CE;font:500 11px/1.45 var(--pm-font)}
.pm-preview-modules{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.pm-preview-module{display:flex;align-items:center;gap:8px;min-height:36px;padding:0 10px;border:1px solid rgba(255,255,255,.11);border-radius:8px;color:#BCD0DA;font:650 10.5px/1.2 var(--pm-font);background:rgba(0,0,0,.12)}
.pm-preview-module i{width:6px;height:6px;border-radius:50%;background:#6E8797}
.pm-preview-module.active{border-color:rgba(25,183,164,.48);background:rgba(25,183,164,.1);color:#ECF9F8}.pm-preview-module.active i{background:#2DD0BC}
.pm-preview-insight{margin-top:11px;padding:11px 12px;border-left:2px solid #2CC9B5;background:rgba(25,183,164,.09)}
.pm-preview-insight .pm-label{color:#70DCCE;margin-bottom:5px}.pm-preview-insight p{color:#D0E0E5;font:500 10.8px/1.55 var(--pm-font)}
.pm-hero .pm-authpanel{max-width:none;margin:0;padding:15px 16px 13px;border-radius:16px;box-shadow:none;background:#0E2C41}
.pm-foundation{max-width:var(--pm-shell);margin:0 auto;padding:32px var(--pm-gut);display:grid;grid-template-columns:190px minmax(0,1fr);gap:26px;align-items:start;border-bottom:1px solid var(--pm-line)}
.pm-foundation p{max-width:830px;color:var(--pm-ink);font:700 clamp(17px,2vw,24px)/1.42 var(--pm-font);letter-spacing:-.025em}
.pm-section__head>p{max-width:730px;margin-top:14px;color:var(--pm-ink-mut);font:450 14px/1.72 var(--pm-font)}
.pm-problem,.pm-platform,.pm-workflow,.pm-users,.pm-trust{max-width:var(--pm-shell);margin:0 auto;padding:clamp(58px,7vw,96px) var(--pm-gut) 0}
.pm-problem__list{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:0;padding:0;list-style:none}
.pm-problem__list li{min-height:142px;padding:18px;border-top:2px solid #2A9E98;background:rgba(255,255,255,.64);border-radius:0 0 12px 12px;color:var(--pm-ink);font:600 12.5px/1.6 var(--pm-font)}
.pm-problem__list i{display:block;margin-bottom:20px;color:var(--pm-teal-deep);font:500 10px/1 var(--pm-mono);font-style:normal;letter-spacing:.13em}
.pm-signature{margin-top:clamp(58px,7vw,96px);padding:clamp(56px,7vw,90px) var(--pm-gut);background:var(--pm-navy-deep)}
.pm-signature .pm-section__head{max-width:var(--pm-shell);margin:0 auto 26px}.pm-signature .pm-section__head h2{color:#F4F9FD}.pm-signature .pm-section__head p{color:#ACC0CC}.pm-signature .pm-panel{max-width:var(--pm-shell);padding:20px;background:#0A2A40;box-shadow:none}.pm-signature .pm-panel__top{margin-bottom:15px}.pm-signature .pm-insight{margin-top:15px}
.pm-platform{padding-top:clamp(64px,8vw,108px)}
.pm-capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.pm-capability{position:relative;min-height:330px;padding:23px;border:1px solid var(--pm-line);border-radius:15px;background:var(--pm-surface);box-shadow:0 10px 28px rgba(10,36,56,.045)}
.pm-capability__number{display:block;margin-bottom:28px;color:var(--pm-teal-deep);font:500 10px/1 var(--pm-mono);letter-spacing:.14em}.pm-capability h3{margin-bottom:10px;font:800 18px/1.25 var(--pm-font)}.pm-capability>p{color:var(--pm-ink-mut);font:450 13px/1.65 var(--pm-font)}
.pm-capability details{position:absolute;bottom:21px;left:22px;right:22px;border-top:1px solid var(--pm-line);padding-top:13px}.pm-capability summary{color:#0C7169;cursor:pointer;font:750 12px/1.3 var(--pm-font)}.pm-capability summary:focus-visible{outline:2px solid var(--pm-teal);outline-offset:3px;border-radius:3px}.pm-capability ul{display:grid;gap:8px;margin:13px 0 0;padding:0;list-style:none}.pm-capability li{position:relative;padding-inline-start:14px;color:var(--pm-ink-mut);font:500 11.5px/1.48 var(--pm-font)}.pm-capability li::before{content:"";position:absolute;inset-inline-start:0;top:.5em;width:5px;height:5px;border-radius:50%;background:var(--pm-teal)}
.pm-workflow{display:grid;grid-template-columns:minmax(240px,.78fr) minmax(0,1.22fr);gap:clamp(34px,6vw,90px);align-items:start}.pm-workflow .pm-section__head{margin:0}.pm-workflow__list{display:grid;gap:1px;margin:0;padding:0;list-style:none;border-top:1px solid var(--pm-line)}.pm-workflow__list li{display:grid;grid-template-columns:45px 1fr;gap:16px;padding:18px 0;border-bottom:1px solid var(--pm-line)}.pm-workflow__list span{color:var(--pm-teal-deep);font:500 10.5px/1.6 var(--pm-mono);letter-spacing:.11em}.pm-workflow__list p{color:var(--pm-ink);font:650 15px/1.5 var(--pm-font)}
.pm-innovation-band{max-width:var(--pm-shell);margin:clamp(64px,8vw,112px) auto 0;padding:clamp(34px,4vw,54px);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(240px,.8fr);gap:36px;border-radius:18px;background:#DCEDEE;border:1px solid rgba(25,183,164,.2)}.pm-innovation-band h2{margin:11px 0 13px;font:800 clamp(25px,3vw,35px)/1.15 var(--pm-font)}.pm-innovation-band p{max-width:660px;color:#355468;font:450 14px/1.72 var(--pm-font)}.pm-innovation-band__list{display:grid;align-content:center;gap:12px;margin:0;padding:0;list-style:none}.pm-innovation-band__list li{padding:12px 0;border-bottom:1px solid rgba(10,36,56,.15);color:#1A4151;font:700 13px/1.45 var(--pm-font)}.pm-innovation-band__list li::before{content:"↗";color:#087E76;margin-inline-end:10px}
.pm-founder{max-width:var(--pm-shell);margin:clamp(64px,8vw,112px) auto 0;padding:0 var(--pm-gut);display:grid;grid-template-columns:150px minmax(0,1fr);gap:clamp(28px,5vw,66px);align-items:start}.pm-founder__initials{width:118px;height:118px;display:grid;place-items:center;border:1px solid rgba(25,183,164,.5);border-radius:50%;background:#E5F2F1;color:#0A4D59;font:800 31px/1 var(--pm-mono);letter-spacing:-.07em}.pm-founder h2{margin:12px 0 16px;font:800 clamp(25px,3vw,36px)/1.16 var(--pm-font)}.pm-founder p{max-width:820px;margin-top:11px;color:var(--pm-ink-mut);font:450 14px/1.72 var(--pm-font)}
.pm-users__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border:1px solid var(--pm-line);background:var(--pm-line);border-radius:15px;overflow:hidden}.pm-users__grid article{min-height:154px;padding:22px;background:var(--pm-surface)}.pm-users__grid h3{margin-bottom:8px;font:800 15px/1.35 var(--pm-font)}.pm-users__grid p{color:var(--pm-ink-mut);font:450 12.5px/1.62 var(--pm-font)}
.pm-trust{padding-bottom:clamp(58px,7vw,96px)}.pm-trust__list{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:0;padding:0;list-style:none}.pm-trust__list li{min-height:98px;padding:17px;border:1px solid var(--pm-line);border-radius:12px;background:#FBFCFC;color:var(--pm-ink);font:700 12.5px/1.5 var(--pm-font)}.pm-trust__list li::before{content:"✓";display:block;margin-bottom:10px;color:var(--pm-teal-deep);font:800 14px/1 var(--pm-font)}
.pm-contact{margin-top:0}.pm-final-cta{max-width:var(--pm-shell);margin:clamp(56px,7vw,92px) auto;padding:clamp(30px,4vw,52px);display:flex;align-items:end;justify-content:space-between;gap:32px;border-radius:18px;background:var(--pm-navy);color:#F4F9FD}.pm-final-cta h2{max-width:780px;margin:10px 0 13px;font:800 clamp(24px,3.2vw,38px)/1.15 var(--pm-font);letter-spacing:-.04em}.pm-final-cta p{max-width:650px;color:#B7CBD6;font:450 13.5px/1.65 var(--pm-font)}.pm-final-cta__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;min-width:260px}.pm-final-cta .pm-cta--link{align-self:center}.pm-foot{padding-top:36px}
.pm-info-hero{padding:clamp(70px,10vw,132px) var(--pm-gut) clamp(58px,7vw,92px);background:var(--pm-navy);color:#F5FAFC;text-align:center}.pm-info-hero>*{max-width:850px;margin-inline:auto}.pm-info-hero .pm-label{color:#6DD9CB}.pm-info-hero h1{margin-top:14px;font:850 clamp(37px,5vw,64px)/1.08 var(--pm-font);letter-spacing:-.055em}.pm-info-hero p{margin-top:20px;color:#BCD0DA;font:450 clamp(15px,1.55vw,18px)/1.7 var(--pm-font)}.pm-info-sections{max-width:var(--pm-shell);margin:0 auto;padding:clamp(56px,8vw,108px) var(--pm-gut) 0;display:grid;gap:16px}.pm-info-card{padding:clamp(24px,3.5vw,44px);border:1px solid var(--pm-line);border-radius:16px;background:#FFF}.pm-info-card h2{max-width:740px;margin:12px 0 16px;font:800 clamp(24px,3.1vw,36px)/1.17 var(--pm-font);letter-spacing:-.04em}.pm-info-card p{max-width:820px;margin-top:11px;color:var(--pm-ink-mut);font:450 14px/1.75 var(--pm-font)}
.pm-marketing-root[dir="rtl"]{text-align:right}.pm-marketing-root[dir="rtl"] .pm-nav__actions{margin-inline-start:0}.pm-marketing-root[dir="rtl"] .pm-product-preview__top>span{text-align:left}.pm-marketing-root[dir="rtl"] .pm-authpanel{direction:ltr;text-align:left}.pm-marketing-root[dir="rtl"] .pm-problem__list i,.pm-marketing-root[dir="rtl"] .pm-capability__number{text-align:right}.pm-marketing-root[dir="rtl"] .pm-innovation-band__list li::before{content:"↖"}.pm-marketing-root[dir="rtl"] .pm-final-cta__actions{justify-content:flex-start}
@media(max-width:1040px){.pm-nav__links{order:3;width:100%;justify-content:center;margin:0}.pm-nav__inner{flex-wrap:wrap}.pm-hero{grid-template-columns:1fr}.pm-hero__visual{max-width:620px}.pm-problem__list,.pm-trust__list{grid-template-columns:repeat(3,1fr)}.pm-capability-grid{grid-template-columns:1fr}.pm-capability{min-height:0}.pm-capability details{position:static;margin-top:20px}.pm-workflow{grid-template-columns:1fr}.pm-founder{grid-template-columns:118px minmax(0,1fr)}.pm-users__grid{grid-template-columns:repeat(2,1fr)}.pm-innovation-band{grid-template-columns:1fr}.pm-final-cta{margin-inline:var(--pm-gut);flex-direction:column;align-items:start}.pm-final-cta__actions{justify-content:flex-start}}
@media(max-width:720px){.pm-nav__inner{min-height:0;padding:10px 16px;gap:10px}.pm-nav__brand .pm-brand-word{font-size:19px!important}.pm-nav__links{order:initial;width:auto;display:none}.pm-nav__actions{margin-inline-start:auto}.pm-nav__actions .pm-cta--tertiary{display:none}.pm-language{min-height:36px}.pm-nav__actions .pm-cta--primary{min-height:36px;padding-inline:11px}.pm-hero{padding:42px 20px 54px}.pm-hero h1{font-size:clamp(34px,10vw,44px)}.pm-hero__cta{display:flex}.pm-hero__cta .pm-cta{width:auto}.pm-foundation{grid-template-columns:1fr;padding:28px 20px;gap:14px}.pm-problem,.pm-platform,.pm-workflow,.pm-users,.pm-trust{padding-inline:20px}.pm-problem__list,.pm-trust__list{grid-template-columns:1fr}.pm-problem__list li,.pm-trust__list li{min-height:0}.pm-signature{padding-inline:20px}.pm-signature .pm-panel{padding:14px}.pm-spine{grid-template-columns:repeat(2,1fr)}.pm-workflow__list li{grid-template-columns:36px 1fr}.pm-innovation-band{margin-inline:20px;padding:25px}.pm-founder{margin-top:64px;padding-inline:20px;grid-template-columns:1fr;gap:18px}.pm-founder__initials{width:88px;height:88px;font-size:24px}.pm-users__grid{grid-template-columns:1fr}.pm-contact{margin-inline:20px}.pm-final-cta{margin-inline:20px;padding:27px}.pm-final-cta__actions{width:100%;display:grid;grid-template-columns:1fr}.pm-final-cta__actions .pm-cta{width:100%}.pm-info-hero{padding:60px 20px}.pm-info-sections{padding:56px 20px 0}.pm-info-card{padding:24px}.pm-marketing-root[dir="rtl"] .pm-nav__actions{margin-inline-start:auto}}
