@font-face{font-family:"Archivo";src:url("fonts/Archivo-var.ttf") format("truetype");font-weight:100 900;font-stretch:62% 125%;font-display:swap}
@font-face{font-family:"IBM Plex Sans";src:url("fonts/IBMPlexSans.ttf") format("truetype");font-weight:100 700;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url("fonts/ibm-plex-mono-latin-400-normal.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url("fonts/ibm-plex-mono-latin-500-normal.woff2") format("woff2");font-weight:500;font-display:swap}

:root{
  --ink:#07110D; --night:#0B1A14; --deep:#0E2A20; --forest:#123D2C;
  --green:#1E6F4E; --mint:#34C38F; --mint-soft:#BFE6D2; --wash:#E4F2EA;
  --paper:#F6F4F0; --paper-2:#EEEBE5; --line:#DAD6CD; --text:#1B1A17; --muted:#504D47;
  --d-text:#ECEAE4; --d-muted:#AEB8B3; --d-line:rgba(236,234,228,.12);
  --display:"Archivo",system-ui,sans-serif; --sans:"IBM Plex Sans",system-ui,sans-serif; --mono:"IBM Plex Mono",ui-monospace,monospace;
  --pad:clamp(20px,5vw,72px); --max:1320px; --ease:cubic-bezier(.2,.7,.1,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--sans);background:var(--paper);color:var(--text);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit;color:inherit}
img,svg{display:block;max-width:100%}
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--pad)}
.label{font-family:var(--mono);font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:10px}
.label::before{content:"";width:18px;height:1px;background:currentColor;opacity:.6}
.dark .label{color:var(--d-muted)}
h1,h2,h3{font-family:var(--display);font-weight:600;letter-spacing:-.03em;line-height:1;font-stretch:108%}
h2{font-size:clamp(36px,5.2vw,76px);letter-spacing:-.04em}
.lead{font-size:clamp(17px,1.4vw,20px);color:var(--muted);max-width:46ch;text-wrap:pretty}
h2,h3{text-wrap:balance}
p{text-wrap:pretty}
.dark{background:var(--ink);color:var(--d-text)}
.dark .lead{color:var(--d-muted)}
.btn{display:inline-flex;align-items:center;gap:12px;height:52px;padding:0 24px;border-radius:999px;font-weight:500;font-size:16px;transition:transform .3s var(--ease),background .3s,color .3s,border-color .3s;white-space:nowrap}
.btn .ar{transition:transform .3s var(--ease)}
.btn:hover .ar{transform:translateX(4px)}
.btn-mint{background:var(--mint);color:var(--ink)}
.btn-mint:hover{background:#4fd3a1}
.btn-green{background:var(--green);color:#fff}
.btn-green:hover{background:var(--forest)}
.btn-ghost{border:1px solid rgba(236,234,228,.28);color:var(--d-text)}
.btn-ghost:hover{border-color:rgba(236,234,228,.35)}
.btn-line{border:1px solid var(--line);color:var(--text)}
.btn-line:hover{border-color:var(--text)}
:focus-visible{outline:2px solid var(--mint);outline-offset:3px;border-radius:6px}

/* NAV */
.nav{position:fixed;inset:0 0 auto;z-index:50;transition:background .4s,border-color .4s,backdrop-filter .4s;border-bottom:1px solid transparent}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:76px}
.nav .logo img{height:26px;width:auto}
.nav nav{display:flex;gap:34px;font-size:15px;color:var(--d-muted)}
.nav nav a:hover{color:var(--d-text)}
.nav .btn{height:42px;padding:0 18px;font-size:15px}
.nav.solid{background:rgba(7,17,13,.78);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border-color:var(--d-line)}
.nav.on-light{background:rgba(246,244,240,.85);border-color:var(--line)}
.nav.on-light nav{color:var(--muted)} .nav.on-light nav a:hover{color:var(--text)}
.nav .l-dark{display:none} .nav.on-light .l-light{display:none} .nav.on-light .l-dark{display:block}

/* HERO */
.hero{position:relative;padding:128px 0 0;overflow:hidden;isolation:isolate}
.hero::before{content:"";position:absolute;inset:0;z-index:-2;background-image:linear-gradient(var(--d-line) 1px,transparent 1px),linear-gradient(90deg,var(--d-line) 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(ellipse 80% 70% at 50% 35%,#000 20%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 35%,#000 20%,transparent 75%);opacity:.55}
.hero::after{content:"";position:absolute;z-index:-1;left:50%;bottom:-8%;width:1100px;height:520px;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(52,195,143,.22),transparent);filter:blur(10px)}
.meta{display:flex;justify-content:space-between;font-family:var(--mono);font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--d-muted);padding-bottom:28px;border-bottom:1px solid var(--d-line)}
.meta i{font-style:normal;color:var(--mint)}
.hero .slogan{font-size:clamp(60px,11.4vw,172px);font-stretch:118%;font-weight:620;letter-spacing:-.055em;line-height:.86;margin:clamp(24px,3vw,40px) 0 0;margin-left:-.05em}
.hero .slogan .dot{color:var(--mint)}
.hero .slogan .ln{display:block;overflow:hidden;padding-bottom:.06em}
.hero .slogan .ln span{display:inline-block;transform:translateY(105%);animation:rise 1.1s var(--ease) forwards}
.hero .slogan .ln:nth-child(2) span{animation-delay:.12s}
@keyframes rise{to{transform:none}}
.hero-row{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end;margin-top:clamp(28px,3.4vw,48px);opacity:0;animation:fade 1s .5s var(--ease) forwards}
.hero-row .lead{max-width:42ch;color:var(--d-muted)}
.hero-row .lead b{color:var(--d-text);font-weight:500}
.acts{display:flex;gap:12px;flex-wrap:wrap}
@keyframes fade{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}

.stage{position:relative;margin:clamp(44px,4.6vw,64px) auto 0;max-width:1180px;perspective:1800px;opacity:0;animation:fade 1.2s .75s var(--ease) forwards}
.tilt{transform:rotateX(calc(var(--t,1) * 16deg)) scale(calc(1 - var(--t,1) * .04));transform-origin:50% 0;transition:transform .1s linear;will-change:transform}
.stage .win{border-radius:16px 16px 0 0;border-bottom:0;box-shadow:0 -1px 0 rgba(255,255,255,.06),0 40px 120px -20px rgba(0,0,0,.7),0 0 0 1px rgba(52,195,143,.10)}
.chip{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;padding:10px 14px 10px 10px;border-radius:12px;background:rgba(14,42,32,.82);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(52,195,143,.22);font-size:13px;color:var(--d-text);box-shadow:0 18px 40px -12px rgba(0,0,0,.6);white-space:nowrap}
.chip .ic{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:rgba(52,195,143,.16);color:var(--mint)}
.chip small{display:block;font-family:var(--mono);font-size:11px;color:#B9C6BF;letter-spacing:.04em}
.chip.c1{left:-40px;top:60%;animation:bob 7s ease-in-out infinite}
.chip.c2{right:24px;top:-26px;animation:bob 8s -2s ease-in-out infinite}
.chip.c3{display:none;right:6%;top:58%;animation:bob 9s -4s ease-in-out infinite}
@keyframes bob{50%{transform:translateY(-8px)}}

/* PRODUCT WINDOW (shared) */
.win{container-type:inline-size;background:#FBFAF8;border:1px solid rgba(255,255,255,.08);border-radius:14px;overflow:hidden;color:#1B1A17}
.bar{display:flex;align-items:center;gap:8px;height:38px;padding:0 14px;background:#EFEDE8;border-bottom:1px solid #E1DDD5}
.bar i{width:10px;height:10px;border-radius:50%;background:#D5D1C9}
.bar .url{margin:0 auto;font-family:var(--mono);font-size:11.5px;color:#7a766e;background:#F8F7F4;border:1px solid #E1DDD5;border-radius:7px;padding:3px 14px;transform:translateX(-24px)}
.ui{font-size:calc(100cqw / 76);display:grid;grid-template-columns:13.5em 1fr;min-height:36em;font-family:var(--sans)}
.side{background:#0E2A20;color:#cfe3d8;padding:1.4em 1.1em;display:flex;flex-direction:column;gap:.35em}
.side .brand{display:flex;align-items:center;gap:.6em;font-family:var(--display);font-weight:600;font-size:1.05em;color:#fff;margin-bottom:1.4em;letter-spacing:-.01em}
.side .brand img{width:1.7em;height:1.7em}
.side a{display:flex;align-items:center;gap:.7em;padding:.6em .75em;border-radius:.55em;font-size:.86em;color:#a9c4b6}
.side a.on{background:rgba(52,195,143,.14);color:#fff}
.side a svg{width:1.15em;height:1.15em;flex:none}
.side .who{margin-top:auto;display:flex;align-items:center;gap:.6em;font-size:.78em;color:#a9c4b6;padding:.75em;border-top:1px solid rgba(255,255,255,.08)}
.av{width:2.2em;height:2.2em;border-radius:50%;display:grid;place-items:center;background:#BFE6D2;color:#0E2A20;font-weight:600;font-size:.82em;flex:none}
.main{padding:1.7em 2em;display:flex;flex-direction:column;gap:1.25em;background:#F7F6F2}
.mh{display:flex;justify-content:space-between;align-items:flex-end}
.mh h4{font-family:var(--display);font-size:1.55em;font-weight:600;letter-spacing:-.02em}
.mh p{font-size:.8em;color:#6d6a63}
.srch{font-size:.78em;color:#8a867e;border:1px solid #E1DDD5;background:#fff;border-radius:.6em;padding:.55em 1em;width:14em}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:.9em}
.kpi{background:#fff;border:1px solid #E7E3DC;border-radius:.8em;padding:1em 1.1em}
.kpi span{font-size:.74em;color:#6d6a63;display:flex;align-items:center;gap:.5em}
.kpi span i{width:.6em;height:.6em;border-radius:50%}
.kpi b{display:block;font-family:var(--mono);font-weight:500;font-size:1.9em;letter-spacing:-.03em;margin-top:.15em}
.grid2{display:grid;grid-template-columns:1.5fr 1fr;gap:.9em;flex:1}
.card{background:#fff;border:1px solid #E7E3DC;border-radius:.8em;padding:1.1em 1.2em}
.card h5{font-size:.84em;font-weight:600;margin-bottom:.9em;display:flex;justify-content:space-between}
.card h5 em{font-style:normal;font-weight:400;color:#8a867e;font-family:var(--mono);font-size:.9em}
.row{display:grid;grid-template-columns:1fr 9em 2.8em;align-items:center;gap:.9em;font-size:.78em;padding:.55em 0;border-top:1px solid #F0EDE7}
.row:first-of-type{border-top:0}
.trk{height:.5em;border-radius:1em;background:#E2DED6;overflow:hidden}
.trk i{display:block;height:100%;border-radius:1em;background:#1E6F4E;width:0;transition:width 1.4s var(--ease)}
.in .trk i{width:var(--w)}
.row b{font-family:var(--mono);font-weight:500;text-align:right}
.donut{display:flex;align-items:center;gap:1.2em;margin-bottom:1em}
.donut svg{width:5.4em;height:5.4em}
.donut b{font-family:var(--mono);font-size:1.6em;font-weight:500;letter-spacing:-.03em;display:block}
.donut p{font-size:.74em;color:#6d6a63;line-height:1.4}
.alert{display:flex;gap:.7em;align-items:flex-start;font-size:.74em;padding:.7em .8em;border-radius:.6em;background:#FBF3E2;color:#6b4e12;margin-top:.5em;line-height:1.4}
.alert i{width:.6em;height:.6em;border-radius:50%;background:#D9A23B;flex:none;margin-top:.45em}
.ill{font-family:var(--mono);font-size:12px;color:var(--d-muted);padding:14px 0 0;letter-spacing:.04em}

/* MANIFESTO */
.manifest{padding:clamp(96px,11vw,160px) 0}
.manifest .big{font-family:var(--display);font-stretch:104%;font-weight:560;font-size:clamp(32px,4.6vw,68px);line-height:1.1;letter-spacing:-.035em;max-width:23ch;margin-top:32px;text-wrap:balance}
.manifest .big .w{color:#CFCAC0;transition:color .5s}
.manifest .big .w.lit{color:var(--text)}
.manifest .big .w.acc.lit{color:var(--green)}
.manifest .sub{display:grid;grid-template-columns:.7fr 1.5fr;gap:clamp(40px,6vw,110px);margin-top:clamp(48px,6vw,88px);padding-top:32px;border-top:1px solid var(--line)}
.manifest .sub p{max-width:44ch;color:var(--muted);font-size:18px}
.manifest .sub p b{color:var(--text);font-weight:500}

/* PILLARS */
.pillars{padding:0 0 clamp(110px,13vw,190px)}
.pl-grid{display:grid;grid-template-columns:.7fr 1.5fr;gap:clamp(40px,6vw,110px);align-items:start}
.pl-head{position:sticky;top:120px}
.pl-head h2{margin:22px 0 22px;font-size:clamp(34px,3.4vw,50px);line-height:1.04}
.pl{display:grid;grid-template-columns:auto 1fr auto;gap:28px 32px;align-items:start;padding:38px 0;border-top:1px solid var(--line)}
.pl:last-child{border-bottom:1px solid var(--line)}
.pl .n{font-family:var(--mono);font-size:13px;color:var(--green);padding-top:9px}
.pl h3{font-size:clamp(24px,2.3vw,32px);letter-spacing:-.025em;margin-bottom:10px}
.pl p{color:var(--muted);font-size:16.5px;max-width:38ch}
.vis{width:16.5em;font-size:13px;border-radius:14px;background:#fff;border:1px solid var(--line);padding:14px;display:flex;flex-direction:column;gap:7px;box-shadow:0 1px 0 rgba(0,0,0,.02),0 12px 30px -18px rgba(14,42,32,.25)}
.tag{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:8px;background:var(--paper);font-weight:500;white-space:nowrap}
.tag small{font-family:var(--mono);font-size:10.5px;color:var(--muted);font-weight:400}
.ok{width:18px;height:18px;border-radius:50%;background:var(--wash);color:var(--green);display:grid;place-items:center;flex:none}
.blocks{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.blk{padding:9px 10px;border-radius:8px;background:var(--deep);color:var(--d-text);font-size:12px;line-height:1.3;display:flex;align-items:center;min-height:44px}
.blk.new{background:transparent;border:1px dashed #8fae9f;color:var(--green);grid-column:span 2;justify-content:center;min-height:0}
.walls{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.co{border-radius:9px;border:1px solid var(--line);padding:9px;background:var(--paper)}
.co b{font-size:12.5px;display:flex;flex-direction:column;line-height:1.25;margin-bottom:6px}
.co b small{font-family:var(--mono);font-weight:400;color:var(--muted);font-size:10px}
.co span{display:block;height:6px;border-radius:4px;background:#d8e8df;margin-top:5px}
.co span:nth-child(3){width:70%}
.roles{display:flex;gap:5px;flex-wrap:wrap}
.roles i{font-style:normal;font-family:var(--mono);font-size:10.5px;padding:4px 8px;border-radius:99px;background:var(--wash);color:var(--forest)}

/* ACADEMY */
.academy{padding:clamp(110px,13vw,180px) 0;background:var(--night);position:relative;overflow:hidden}
.ac-top{display:grid;grid-template-columns:17em 1fr 1fr;column-gap:28px;align-items:end;margin-bottom:72px}
.ac-top>div:first-child{grid-column:1 / 3}
.ac-top h2{font-size:clamp(56px,8.4vw,128px);font-stretch:116%;letter-spacing:-.05em;margin-top:22px}
.ac-top h2 sup{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;vertical-align:top;position:relative;top:1.4em;margin-left:14px;color:var(--ink);background:var(--mint);padding:5px 10px;border-radius:99px;font-weight:500;font-stretch:100%}
.ac-top .lead{margin-bottom:18px}
.ready{font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;color:var(--ink);background:var(--mint);padding:4px 10px;border-radius:99px;margin-left:6px}
.feats{list-style:none;display:flex;flex-direction:column;gap:6px;color:var(--d-text);font-size:15.5px;margin-bottom:28px}
.feats li{display:flex;gap:10px;align-items:center}
.feats li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--mint)}
.tour{display:grid;grid-template-columns:17em 1fr;gap:28px;align-items:start}
.tabs{padding-top:40px}
.tabs{display:flex;flex-direction:column;gap:4px}
.tab{position:relative;text-align:left;background:none;border:0;cursor:pointer;padding:16px 18px 20px;border-radius:12px;color:var(--d-muted);transition:background .3s,color .3s}
.tab b{display:block;font-weight:500;font-size:16px;color:inherit;margin-bottom:3px}
.tab span{font-size:14px;line-height:1.45;display:block;color:#A3AEA8}
.tab.on span{color:var(--d-muted)}
.tab.on{background:rgba(236,234,228,.05);color:var(--d-text)}
.tab .pg{position:absolute;left:18px;right:18px;bottom:8px;height:2px;background:var(--d-line);border-radius:2px;overflow:hidden;opacity:0}
.tab.on .pg{opacity:1}
.tab .pg i{display:block;height:100%;width:0;background:var(--mint)}
.screens{position:relative}
.scr{display:none}
.scr.on{display:block;animation:fade .6s var(--ease)}
.screens .win{box-shadow:0 40px 100px -30px rgba(0,0,0,.8),0 0 0 1px rgba(52,195,143,.10)}
.ui.wide{grid-template-columns:13.5em 1fr;min-height:31em}
.list .it{display:grid;grid-template-columns:2.6em 1fr 10em 6.5em;gap:1em;align-items:center;padding:.85em 0;border-top:1px solid #F0EDE7;font-size:.8em}
.list .it:first-child{border-top:0}
.ico{width:2.6em;height:2.6em;border-radius:.6em;display:grid;place-items:center;background:#E4F2EA;color:#1E6F4E}
.ico svg{width:1.3em;height:1.3em}
.it h6{font-size:1em;font-weight:600;margin-bottom:.1em}
.it p{color:#6d6a63;font-size:.92em}
.pill{justify-self:end;font-size:.86em;padding:.3em .8em;border-radius:99px;background:#E4F2EA;color:#123D2C;font-weight:500;white-space:nowrap}
.pill.blue{background:#E3ECF8;color:#1d3f6e}.pill.amb{background:#FBF0D9;color:#6b4e12}
.cert{display:grid;place-items:center;padding:2em 0}
.paper{width:34em;background:#fff;border:1px solid #E7E3DC;border-radius:.9em;padding:2.4em 2.6em;position:relative;box-shadow:0 1.6em 3em -1.6em rgba(14,42,32,.25)}
.paper::before{content:"";position:absolute;inset:.7em;border:1px solid #E4F2EA;border-radius:.5em;pointer-events:none}
.paper .top{display:flex;justify-content:space-between;align-items:center;margin-bottom:2em}
.paper .top img{height:1.6em}
.paper .top small{font-family:var(--mono);font-size:.68em;color:#8a867e}
.paper .k{font-family:var(--mono);font-size:.68em;letter-spacing:.14em;text-transform:uppercase;color:#1E6F4E}
.paper h6{font-family:var(--display);font-size:1.9em;font-weight:600;letter-spacing:-.025em;margin:.3em 0 .2em}
.paper p{font-size:.84em;color:#6d6a63}
.paper .ft{display:grid;grid-template-columns:repeat(3,1fr);gap:1em;margin-top:2em;padding-top:1.1em;border-top:1px solid #F0EDE7}
.paper .ft span{font-size:.66em;color:#8a867e;display:block}
.paper .ft b{font-family:var(--mono);font-weight:500;font-size:.8em}
.mx{width:100%;border-collapse:collapse;font-size:.8em}
.mx th{text-align:left;font-weight:500;color:#6d6a63;font-size:.9em;padding:.6em .8em;border-bottom:1px solid #E7E3DC}
.mx td{padding:.85em .8em;border-bottom:1px solid #F0EDE7}
.mx td:not(:first-child),.mx th:not(:first-child){text-align:center}
.mx td:nth-child(3),.mx td:nth-child(4){font-family:var(--mono)}
.y{display:inline-grid;place-items:center;width:1.6em;height:1.6em;border-radius:50%;background:#E4F2EA;color:#1E6F4E}
.n0{display:inline-block;width:.8em;height:2px;background:#D5D1C9;vertical-align:middle}
.note{display:flex;gap:.8em;align-items:center;font-size:.76em;color:#123D2C;background:#E4F2EA;border-radius:.7em;padding:.9em 1em;margin-top:1.2em}
.note svg{width:1.3em;height:1.3em;flex:none}

/* CUSTOM */
.custom{padding:clamp(110px,13vw,180px) 0}
.cu-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(40px,6vw,110px);align-items:start}
.cu-grid h2{margin:22px 0 24px}
.cu-grid .lead{margin-bottom:34px}
.wl{list-style:none;border-top:1px solid var(--line)}
.wl li{display:grid;grid-template-columns:3em 1fr auto;align-items:center;gap:16px;padding:30px 0;border-bottom:1px solid var(--line);transition:padding .4s var(--ease)}
.wl li:hover{padding-left:12px}
.wl .n{font-family:var(--mono);font-size:13px;color:var(--green)}
.wl h3{font-size:clamp(22px,2.2vw,32px);letter-spacing:-.025em;font-weight:580}
.wl p{color:var(--muted);font-size:16px;margin-top:8px;max-width:46ch}
.wl .ar{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;transition:background .3s,color .3s,border-color .3s}
.wl li:hover .ar{background:var(--green);color:#fff;border-color:var(--green)}

/* PROCESS */
.process{padding:clamp(110px,13vw,180px) 0;background:var(--paper-2)}
.pr-head{display:flex;justify-content:space-between;align-items:end;gap:40px;flex-wrap:wrap}
.pr-head h2{margin-top:22px;max-width:22ch}
.steps{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:24px;margin-top:72px;padding-top:44px}
.steps .rail{position:absolute;top:0;left:0;right:calc((100% - 96px) / 5 - 16px);height:2px;background:var(--line);border-radius:2px;overflow:hidden}
.steps .rail i{display:block;height:100%;width:var(--p,0%);background:var(--green);transition:width .2s linear}
.st{position:relative}
.st::before{content:"";position:absolute;top:-51px;left:0;width:16px;height:16px;border-radius:50%;background:var(--paper-2);border:2px solid var(--line);transition:background .4s,border-color .4s}
.st.lit::before{background:var(--green);border-color:var(--green)}
.st .n{font-family:var(--mono);font-size:12.5px;color:var(--green)}
.st h3{font-size:22px;letter-spacing:-.02em;margin:10px 0 10px}
.st p{font-size:15.5px;color:var(--muted)}
.pr-foot{margin-top:56px;font-size:16px;color:var(--text);display:flex;align-items:center;gap:12px}
.pr-foot svg{flex:none}

/* PRICING STRIP */
.terms{padding:clamp(80px,9vw,128px) 0;background:var(--paper-2);border-top:1px solid var(--line)}
.tm-grid{display:grid;grid-template-columns:.9fr 2fr;gap:var(--pad);align-items:start}
.tm-grid h2{font-size:clamp(32px,3.4vw,50px);margin-top:22px;line-height:1.05}
.tm{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff}
.tm div{padding:34px 30px 36px;border-left:1px solid var(--line)}
.tm div:first-child{border-left:0}
.tm h3{font-size:24px;letter-spacing:-.02em;margin:18px 0 10px}
.tm p{font-size:16px;color:var(--muted)}
.tm svg{color:var(--green)}

/* CONTACT */
.contact{padding:clamp(100px,12vw,170px) 0 0;position:relative;overflow:hidden;isolation:isolate}
.contact::before{content:"";position:absolute;z-index:-1;right:-200px;top:-200px;width:800px;height:800px;background:radial-gradient(closest-side,rgba(52,195,143,.14),transparent)}
.ct-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(40px,6vw,110px);align-items:center}
.contact h2{font-size:clamp(48px,6.6vw,100px);font-stretch:114%;letter-spacing:-.05em;line-height:.9;margin:24px 0 28px}
.contact h2 .dot{color:var(--mint)}
form{display:grid;grid-template-columns:1fr 1fr;gap:14px;background:rgba(236,234,228,.03);border:1px solid var(--d-line);border-radius:20px;padding:28px}
.f{display:flex;flex-direction:column;gap:7px}
.f.full{grid-column:1 / -1}
.f label{font-size:14px;color:#C3CCC7}
.f input,.f textarea{background:rgba(236,234,228,.05);border:1px solid rgba(236,234,228,.2);border-radius:10px;padding:13px 14px;font-size:15.5px;color:var(--d-text);transition:border-color .3s}
.f textarea{min-height:110px;resize:none}
.f input:focus,.f textarea:focus{outline:none;border-color:var(--mint)}
form .btn{grid-column:1 / -1;justify-content:center;border:0;cursor:pointer;margin-top:6px}
.sent{grid-column:1 / -1;font-size:14px;color:var(--mint-soft);display:none}
footer{border-top:1px solid var(--d-line);padding:56px 0 32px;margin-top:clamp(96px,11vw,150px)}
::placeholder{color:#93A39B}
.ft-grid{display:grid;grid-template-columns:1.2fr .5fr .5fr;column-gap:clamp(40px,6vw,110px);align-items:start}
.ft-grid img{height:30px;width:auto;margin-bottom:16px}
.ft-grid p,.ft-grid a{font-size:15px;color:#BEC7C2}
.ft-grid a:hover{color:var(--d-text)}
.ft-grid ul{list-style:none;display:flex;flex-direction:column;gap:8px}
.ft-grid h4{font-family:var(--mono);font-weight:400;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--d-muted);margin-bottom:14px}
.legal{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 24px;margin-top:48px;padding-top:22px;border-top:1px solid var(--d-line);font-family:var(--mono);font-size:12px;color:var(--d-muted)}

/* REVEAL */
.js .rv{opacity:0;transform:translateY(28px);transition:opacity 1s var(--ease),transform 1s var(--ease)}
.js .rv.in{opacity:1;transform:none}
.rv.d1{transition-delay:.08s}.rv.d2{transition-delay:.16s}.rv.d3{transition-delay:.24s}.rv.d4{transition-delay:.32s}

@media (max-width:1100px){
  .chip.c1{left:-10px}.chip.c2{right:-10px}
  .pl{grid-template-columns:auto 1fr}
  .pl .vis{grid-column:2;max-width:22em}
  .tour{grid-template-columns:1fr}
  .tabs{flex-direction:row;overflow-x:auto;scrollbar-width:none}
  .tab{flex:1 0 13em}
  .tabs{padding-top:0}
  .tab span{display:none}
}
@media (max-width:860px){
  .nav nav{display:none}
  .ac-top>div:first-child{grid-column:auto}
  .tabs{padding-top:0}
  .pl{grid-template-columns:auto 1fr}
  .hero-row,.manifest .sub,.pl-grid,.ac-top,.cu-grid,.tm-grid,.ct-grid,.ft-grid{grid-template-columns:1fr}
  .pl-head{position:static}
  .steps{grid-template-columns:1fr;gap:34px;padding:0 0 0 38px;margin-top:48px}
  .steps .rail{top:0;bottom:0;left:7px;right:auto;width:2px;height:auto}
  .steps .rail i{width:100%;height:var(--p,0%)}
  .st::before{top:4px;left:-38px}
  .tm{grid-template-columns:1fr}
  .tm div{border-left:0;border-top:1px solid var(--line)}
  .tm div:first-child{border-top:0}
  form{grid-template-columns:1fr}
}
@media (max-width:640px){
  body{font-size:16px}
  .hero{padding-top:118px}
  .meta span:last-child{display:none}
  .hero .slogan{font-stretch:106%;letter-spacing:-.05em}
  .stage{margin-top:56px;margin-right:calc(var(--pad) * -1)}
  .stage .win{width:175%;max-width:none}
  .stage::after{content:"";position:absolute;inset:0 0 0 auto;width:30%;background:linear-gradient(90deg,transparent,var(--ink));pointer-events:none}
  .chip.c1{display:none}.chip.c2{right:auto;left:0;top:-30px}
  .screens::after{content:"";position:absolute;top:0;bottom:0;right:0;width:26%;background:linear-gradient(90deg,transparent,var(--night));pointer-events:none}.chip.c3{display:none}
  .hero{padding-bottom:28px}
  .manifest,.pillars,.custom,.process,.academy,.terms{padding-top:88px;padding-bottom:88px}
  .pillars{padding-top:0}
  .contact{padding-top:88px}
  footer{margin-top:72px}
  .ft-grid{row-gap:28px}
  .ft-grid ul a,.ft-grid ul p{display:inline-block;padding:8px 0}
  .ft-grid ul{gap:0}
  .wl li{grid-template-columns:1fr;gap:8px}
  .pl{grid-template-columns:1fr;gap:12px}
  .pl .vis{grid-column:auto;width:100%;max-width:none;margin-top:8px}
  .pl .n{padding:0}
  .pr-foot{align-items:flex-start}
  .chip{font-size:12px}
  .ill{text-align:left}
  .screens{margin-right:calc(var(--pad) * -1);overflow:hidden}
  .screens .win{width:160%}
  .ac-top h2 sup{display:inline-block;top:-.4em}
  .wl .ar{display:none}
  .tab{flex:1 1 0;min-width:0;padding:12px 10px 16px;text-align:center}
  .tab .pg{left:10px;right:10px}
  .tab b{font-size:15px}
}
.qa *,.qa *::before,.qa *::after{animation:none!important;transition:none!important}
.qa .hero .slogan .ln span,.qa .hero-row,.qa .stage,.qa .rv{opacity:1!important;transform:none!important}
/* v4 · copy y SEO */
.kick{display:block;font-family:var(--mono);font-size:13px;line-height:1.5;letter-spacing:.14em;text-transform:uppercase;color:var(--mint);font-weight:500;font-stretch:100%;margin:0 0 clamp(14px,1.8vw,24px) .3em}
.solutions{padding:0 0 clamp(96px,11vw,150px)}
.so-head{display:flex;justify-content:space-between;align-items:end;gap:40px;flex-wrap:wrap;margin-bottom:44px}
.so-head h2{margin-top:22px;max-width:17ch;font-size:clamp(34px,3.6vw,54px);line-height:1.04}
.so-head .lead{max-width:38ch}
.so-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.so{display:flex;flex-direction:column;gap:14px;padding:28px 28px 26px;border-radius:18px;background:#fff;border:1px solid var(--line);min-height:320px;transition:transform .4s var(--ease),box-shadow .4s,border-color .4s}
.so:hover{transform:translateY(-4px);border-color:#c6c0b4;box-shadow:0 26px 50px -32px rgba(14,42,32,.4)}
.so .top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
.so .ic{width:46px;height:46px;border-radius:12px;background:var(--deep);color:var(--mint);display:grid;place-items:center}
.so h3{font-size:clamp(26px,2.3vw,32px);letter-spacing:-.03em}
.so p{color:var(--muted);font-size:16px}
.so .go{margin-top:auto;font-weight:500;color:var(--green);display:flex;gap:8px;align-items:center;padding-top:10px}
.so:hover .go .ar{transform:translateX(4px)} .so .go .ar{transition:transform .3s var(--ease)}
.so.dk{background:var(--deep);border-color:var(--deep);color:var(--d-text)}
.so.dk p{color:#BFCAC4} .so.dk .go{color:var(--mint)} .so.dk .ic{background:rgba(52,195,143,.14)}
.pill8{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:5px 10px;border-radius:99px;background:var(--wash);color:var(--forest);white-space:nowrap}
.pill8.wip{background:#FBF0D9;color:#6b4e12}
.so.dk .pill8{background:rgba(236,234,228,.08);color:var(--d-text)}
.compliant{padding:clamp(110px,13vw,180px) 0;background:var(--paper-2);border-bottom:1px solid var(--line)}
.cp-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:clamp(40px,5vw,88px);align-items:start}
.cp-grid h2{font-size:clamp(56px,8vw,120px);font-stretch:116%;letter-spacing:-.04em;margin:22px 0 24px}
.cp-grid .lead{margin-bottom:14px;max-width:46ch}
.cp-will{font-family:var(--mono);font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:26px}
.cp-list{list-style:none;display:flex;flex-direction:column;gap:10px;margin:12px 0 24px;font-size:16.5px}
.cp-list li{display:grid;grid-template-columns:18px 1fr;gap:8px;align-items:start}
.cp-list li::before{content:"";width:7px;height:7px;margin-top:10px;border-radius:50%;background:var(--green)}
.fine{font-size:14.5px;color:var(--muted);border-left:2px solid #CFC9BE;padding-left:14px;margin-bottom:30px;max-width:50ch}
.cp-mock{position:sticky;top:110px;margin-top:clamp(20px,3vw,48px)}
.cp-mock .ui{font-size:calc(100cqw / 40);grid-template-columns:10em 1fr;min-height:0}
.cp-mock .main{gap:1em}
.cp-mock .ill{color:var(--muted)}
.cp-mock .win{border-color:#DAD6CD;box-shadow:0 30px 80px -40px rgba(14,42,32,.45)}
.rk{display:flex;justify-content:space-between;align-items:flex-end;gap:1em}
.rk b{font-family:var(--mono);font-size:2.6em;font-weight:500;letter-spacing:-.04em;line-height:1}
.rk b small{font-size:.42em;color:#8a867e;letter-spacing:0}
.meter{position:relative;height:.55em;border-radius:1em;background:linear-gradient(90deg,#1E6F4E,#D9A23B 58%,#B3261E);margin:1em 0 .3em}
.meter i{position:absolute;top:50%;left:54%;width:1.2em;height:1.2em;border-radius:50%;background:#fff;border:.25em solid #1B1A17;transform:translate(-50%,-50%)}
.scale{display:flex;justify-content:space-between;font-family:var(--mono);font-size:.72em;color:#6d6a63}
.fxr{display:grid;grid-template-columns:1fr auto;gap:1em;align-items:center;font-size:.78em;padding:.58em 0;border-top:1px solid #F0EDE7}
.fxr span small{display:block;color:#6d6a63;font-size:.9em}
.fxr b{font-family:var(--mono);font-weight:500}
.ev{display:flex;gap:.8em;align-items:flex-start;font-size:.76em;line-height:1.4;padding:.85em 1em;border-radius:.7em;background:#FBF3E2;color:#5a410f}
.ev i{width:.6em;height:.6em;border-radius:50%;background:#D9A23B;flex:none;margin-top:.4em}
.ev b{display:block}
.faq{padding:clamp(100px,12vw,170px) 0}
.fq-grid{display:grid;grid-template-columns:.7fr 1.5fr;gap:clamp(40px,6vw,110px);align-items:start}
.fq-grid h2{margin:22px 0 20px;font-size:clamp(34px,3.4vw,50px);line-height:1.04}
.fq-grid .pl-head{position:sticky;top:120px}
details{border-top:1px solid var(--line)}
details:last-child{border-bottom:1px solid var(--line)}
summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 0;font-family:var(--display);font-weight:580;font-size:clamp(19px,1.6vw,23px);letter-spacing:-.015em;line-height:1.25}
summary::-webkit-details-marker{display:none}
summary .pm{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;flex:none;font-family:var(--sans);font-weight:400;font-size:20px;transition:transform .3s var(--ease),background .3s,color .3s,border-color .3s}
details[open] summary .pm{transform:rotate(45deg);background:var(--green);color:#fff;border-color:var(--green)}
summary:hover .pm{border-color:var(--text)}
details p{color:var(--muted);padding:0 62px 26px 0;max-width:64ch}
.f select{appearance:none;-webkit-appearance:none;background:rgba(236,234,228,.05) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23AEB8B3' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center;border:1px solid rgba(236,234,228,.2);border-radius:10px;padding:13px 40px 13px 14px;font-size:15.5px;color:var(--d-text);transition:border-color .3s}
.f select:focus{outline:none;border-color:var(--mint)}
.f select option{color:#1B1A17}
.f label small{color:#93A39B;font-size:12.5px}
.form-note{grid-column:1 / -1;font-size:13px;color:#93A39B;text-align:center}
@media (max-width:1100px){.so-grid{grid-template-columns:1fr 1fr}.so.dk{grid-column:1 / -1;min-height:0}}
@media (max-width:860px){
  .so-grid,.cp-grid,.fq-grid{grid-template-columns:1fr}
  .so{min-height:0}
  .fq-grid .pl-head{position:static}
  .cp-grid h2{margin-top:16px}
  .cp-mock{position:static;margin-top:0}
}
@media (max-width:640px){
  .kick{font-size:11.5px;letter-spacing:.1em;margin-left:.1em}
  .solutions{padding-bottom:88px}
  .compliant,.faq{padding:88px 0}
  .cp-mock .ui{grid-template-columns:1fr;font-size:calc(100cqw / 30)}
  .cp-mock .side{display:none}
  .cp-mock .main{padding:1.3em 1.2em}
  .label{flex-wrap:wrap;row-gap:8px}
  .ready{white-space:nowrap;margin-left:0}
  details p{padding-right:0}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .hero .slogan .ln span,.hero-row,.stage{transform:none;opacity:1}
  .rv{opacity:1;transform:none}
  .tilt{transform:none!important}
}

/* ============ v4 · sitio multipágina ============ */
.hero .slogan{font-family:var(--display);font-weight:620;font-size:clamp(60px,9.4vw,140px);margin-top:clamp(18px,2.2vw,30px)}
@media (min-width:861px){.hero{padding-top:112px}.hero-row{margin-top:clamp(22px,2.4vw,34px)}.proof{margin-top:clamp(28px,3vw,40px)}}
.ft-grid.ft4{grid-template-columns:1.2fr .5fr .5fr .5fr}
@media (max-width:860px){.ft-grid.ft4{grid-template-columns:1fr 1fr}.ft-grid.ft4>div:first-child{grid-column:1/-1}}
.hl{font-family:var(--display);font-weight:600;font-stretch:104%;font-size:clamp(26px,2.3vw,34px);line-height:1.16;letter-spacing:-.024em;color:var(--d-text);max-width:none;margin-bottom:18px;text-wrap:balance}
.hero-row .lead{max-width:50ch}
.proof{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:clamp(28px,5.5vw,88px);margin-top:clamp(36px,4vw,52px);padding-top:22px;border-top:1px solid var(--d-line);opacity:0;animation:fade 1s .65s var(--ease) forwards}
.proof b{display:block;font-family:var(--display);font-weight:600;font-stretch:104%;font-size:clamp(21px,1.9vw,27px);letter-spacing:-.02em;color:var(--d-text);line-height:1.15}
.proof span{display:block;margin-top:4px;font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--d-muted)}
.qa .proof{opacity:1!important;transform:none!important}

.process + .pillars{padding-top:clamp(110px,13vw,180px)}
.pillars + .faq{padding-top:clamp(48px,5vw,80px)}
/* nav: menú desplegable y estado actual */
.nav nav{align-items:center}
.nav nav a[aria-current=page],.dd>button[aria-current=page]{color:var(--d-text)}
.nav.on-light nav a[aria-current=page],.nav.on-light .dd>button[aria-current=page]{color:var(--text)}
.dd{position:relative}
.dd>button{background:none;border:0;cursor:pointer;color:inherit;font:inherit;display:flex;align-items:center;gap:6px;padding:0}
.dd>button svg{transition:transform .3s var(--ease)}
.dd:hover>button svg,.dd:focus-within>button svg{transform:rotate(180deg)}
.dd::after{content:"";position:absolute;left:-20px;right:-20px;top:100%;height:22px}
.dd-panel{position:absolute;top:calc(100% + 20px);left:-22px;width:356px;padding:8px;border-radius:16px;background:#0D1914;border:1px solid var(--d-line);box-shadow:0 30px 60px -20px rgba(0,0,0,.55);opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .25s,transform .25s var(--ease),visibility .25s}
.dd:hover .dd-panel,.dd:focus-within .dd-panel{opacity:1;visibility:visible;transform:none}
.nav nav .dd-panel a{display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:start;padding:12px;border-radius:10px;color:var(--d-text)}
.nav nav .dd-panel a:hover{background:rgba(236,234,228,.05);color:var(--d-text)}
.dd-panel .ic{width:40px;height:40px;border-radius:10px;background:rgba(52,195,143,.12);color:var(--mint);display:grid;place-items:center}
.dd-panel b{font-weight:500;display:flex;gap:8px;align-items:center;font-size:15px}
.dd-panel small{display:block;font-size:13px;color:var(--d-muted);line-height:1.4;margin-top:2px}
.dd-panel i{font-style:normal;font-family:var(--mono);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;padding:2px 7px;border-radius:99px;background:rgba(52,195,143,.16);color:var(--mint)}
.dd-panel i.wip{background:rgba(217,162,59,.16);color:#E8C27A}
.dd-panel .all{display:block!important;font-size:13.5px;color:var(--d-muted)!important;padding:10px 12px!important;border-top:1px solid var(--d-line);border-radius:0 0 10px 10px!important;margin-top:4px}
.menu-btn{display:none;width:44px;height:44px;border-radius:50%;border:1px solid rgba(236,234,228,.28);background:none;color:var(--d-text);cursor:pointer;place-items:center}
.nav.on-light .menu-btn{border-color:var(--line);color:var(--text)}
.nav-r{display:flex;gap:10px;align-items:center}

/* cabecera de páginas internas */
.phero{position:relative;padding:150px 0 clamp(80px,9vw,128px);overflow:hidden;isolation:isolate}
.phero::before{content:"";position:absolute;inset:0;z-index:-2;background-image:linear-gradient(var(--d-line) 1px,transparent 1px),linear-gradient(90deg,var(--d-line) 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(ellipse 70% 80% at 20% 30%,#000 15%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 70% 80% at 20% 30%,#000 15%,transparent 70%);opacity:.5}
.phero::after{content:"";position:absolute;z-index:-1;right:-240px;top:-160px;width:820px;height:820px;background:radial-gradient(closest-side,rgba(52,195,143,.13),transparent)}
.phero h1{font-size:clamp(44px,6.4vw,96px);font-stretch:112%;letter-spacing:-.045em;line-height:.96;max-width:15ch}
.phero-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(40px,6vw,110px);align-items:end}
.phero .lead{max-width:46ch}
.phero .acts{margin-top:30px}
.crumbs{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--d-muted);display:flex;flex-wrap:wrap;gap:10px;margin-bottom:40px}
.crumbs a:hover{color:var(--d-text)} .crumbs [aria-current]{color:var(--mint)}
.compliant .crumbs{color:var(--muted)} .compliant .crumbs [aria-current]{color:var(--green)} .compliant .crumbs a:hover{color:var(--text)}
.pg-top{padding-top:150px!important}
.process + .terms{background:var(--paper);border-top:0}
.strip{margin-top:24px!important}
.ac-top h1{font-size:clamp(56px,8.4vw,128px);font-stretch:116%;letter-spacing:-.05em;margin-top:22px}
.cp-grid h1{font-size:clamp(56px,8vw,120px);font-stretch:116%;letter-spacing:-.04em;margin:22px 0 24px}
.contact h1{font-size:clamp(48px,6.6vw,100px);font-stretch:114%;letter-spacing:-.05em;line-height:.9;margin:24px 0 28px}
.contact h1 .dot{color:var(--mint)}
.more{display:inline-flex;gap:8px;align-items:center;font-weight:500;color:var(--green);margin-top:28px}
.more .ar{transition:transform .3s var(--ease)} .more:hover .ar{transform:translateX(4px)}
.dark .more{color:var(--mint)}
.manifest .more{margin-top:18px}

/* bloque de cierre: qué pasa después */
.next{list-style:none;display:flex;flex-direction:column;border-top:1px solid var(--d-line)}
.next li{display:grid;grid-template-columns:3em 1fr;gap:12px;padding:24px 0;border-bottom:1px solid var(--d-line)}
.next .n{font-family:var(--mono);font-size:13px;color:var(--mint);padding-top:5px}
.next h3{font-size:clamp(20px,1.7vw,24px);letter-spacing:-.02em;margin-bottom:6px}
.next p{color:var(--d-muted);font-size:16px}
.contact .acts{margin-top:8px}
.next-h{font-family:var(--mono);font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--d-muted);margin-bottom:14px}

/* soluciones a dos columnas y productos */
.so-grid.two{grid-template-columns:1fr 1fr}
.so ul{list-style:none;display:flex;flex-direction:column;gap:8px;font-size:15.5px;margin-top:4px}
.so ul li{display:grid;grid-template-columns:14px 1fr;gap:8px}
.so ul li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--green);margin-top:10px}
.so .will{font-family:var(--mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:6px}
.strip{display:flex;justify-content:space-between;align-items:center;gap:28px;flex-wrap:wrap;margin-top:16px;padding:30px 32px;border-radius:18px;background:var(--deep);color:var(--d-text)}
.strip h3{font-size:clamp(22px,2vw,28px);letter-spacing:-.02em}
.strip p{color:#BFCAC4;margin-top:6px;max-width:52ch}

/* academy: seguridad y roles */
.sec2{padding:clamp(110px,13vw,180px) 0}
.sec2 .cu-grid{align-items:center}
.sec2 .vis{width:100%;max-width:440px;font-size:15px;padding:20px;gap:10px;justify-self:end}
.sec2 .co b{font-size:14px} .sec2 .roles i{font-size:12px;padding:5px 10px}
.wl.flat li{grid-template-columns:3em 1fr}
.wl.flat li:hover{padding-left:0}

@media (max-width:1100px){.dd-panel{left:-60px}}
@media (max-width:860px){
  .menu-btn{display:grid}
  .nav .nav-r .btn{display:none}
  .nav.open{background:var(--ink)!important;border-color:var(--d-line)!important}
  .nav.open .l-light{display:block!important} .nav.open .l-dark{display:none!important}
  .nav.open .menu-btn{border-color:rgba(236,234,228,.28);color:var(--d-text)}
  .nav.open nav{display:flex;position:absolute;top:76px;left:0;right:0;height:calc(100dvh - 76px);overflow:auto;flex-direction:column;align-items:stretch;gap:0;padding:8px var(--pad) 40px;background:var(--ink);color:var(--d-text)}
  .nav.open nav>a,.nav.open .dd>button{padding:18px 0;border-bottom:1px solid var(--d-line);font-size:20px;font-family:var(--display);font-weight:560;color:var(--d-text);width:100%;justify-content:space-between}
  .nav.open .dd>button svg{display:none}
  .dd::after{display:none}
  .nav.open .dd-panel{position:static;opacity:1;visibility:visible;transform:none;width:auto;background:none;border:0;box-shadow:none;padding:4px 0 10px}
  .nav.open .dd-panel .all{display:none!important}
  .nav.open nav .mob-cta{display:flex!important;margin-top:28px;justify-content:center;font-family:var(--sans);font-size:16px;border:0;color:var(--ink)}
  .phero-grid,.so-grid.two{grid-template-columns:1fr}
  .sec2 .vis{justify-self:start}
}
.mob-cta{display:none!important}
@media (max-width:640px){
  .proof{grid-template-columns:1fr;gap:14px}
  .phero{padding-top:124px}
  .pg-top{padding-top:124px!important}
  .crumbs{margin-bottom:28px}
  .sec2{padding:88px 0}
  .strip{padding:24px}
}
@media (prefers-reduced-motion:reduce){.proof{opacity:1;transform:none}}