/* MODE Digital: "Bon de commande" design system. Archivo (variable width) + IBM Plex Mono, SIL OFL, self-hosted. */
@font-face{font-family:"Archivo";src:url(/assets/fonts/archivo-normal-100-900.woff2) format("woff2");font-weight:100 900;font-stretch:62% 125%;font-style:normal;font-display:swap}
@font-face{font-family:"Plex Mono";src:url(/assets/fonts/ibm-plex-mono-normal-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Plex Mono";src:url(/assets/fonts/ibm-plex-mono-normal-500.woff2) format("woff2");font-weight:500;font-display:swap}
:root{
  --ink:#0a0a0a;--paper:#f5f5f4;--paper2:#ecebe8;--white:#fff;--lime:#c6ff3d;--mute:#55544f;--rule:rgba(10,10,10,.14);
  --m:clamp(20px,3.2vw,48px);--g:24px;
  --disp:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  /* compat for tpl.css */
  --acc:#0a0a0a;--line:var(--rule);--line2:rgba(10,10,10,.28);--muted:var(--mute);
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-padding-top:20px;overflow-x:hidden}
body{background:var(--paper);color:var(--ink);font:400 17px/1.5 var(--disp);font-stretch:100%;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit}
img{display:block;max-width:100%;height:auto}
ul,ol{list-style:none}
::selection{background:var(--lime);color:var(--ink)}
:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.skip{position:absolute;left:-999px;top:8px;z-index:99;background:var(--ink);color:var(--paper);padding:10px 14px}.skip:focus{left:8px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wrap{max-width:1440px;margin:0 auto;padding:0 var(--m)}
.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--g)}
.mono{font-family:var(--mono);font-size:12px;letter-spacing:.02em;text-transform:uppercase;line-height:1.4}
.small{font-size:14px;color:var(--mute)}
.hl{background:linear-gradient(transparent 12%,var(--lime) 12%,var(--lime) 92%,transparent 92%);padding:0 .06em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--ink);color:var(--paper);text-decoration:none;font:600 16px/1.1 var(--disp);padding:17px 22px;border:1.5px solid var(--ink);border-radius:2px;cursor:pointer;transition:background .2s,color .2s}
.btn:hover{background:var(--lime);color:var(--ink)}
.btn.ghost{background:transparent;color:var(--ink)}.btn.ghost:hover{background:var(--lime)}
.btn.lime{background:var(--lime);color:var(--ink);border-color:var(--lime)}
.btn.lime:hover{background:var(--paper);color:var(--ink);border-color:var(--paper)}
.btn.sm{padding:11px 14px;font-size:14px}
.btn .ar{font-family:var(--mono);font-weight:400}
.btns{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.lnk{font-weight:600;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:5px}
.lnk:hover{text-decoration-color:var(--lime);text-decoration-thickness:6px}
.linkbtn{background:none;border:0;padding:6px 0;color:var(--ink);font:500 15px var(--disp);text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.linkbtn:hover{text-decoration-color:var(--lime);text-decoration-thickness:4px}
.ic{width:18px;height:18px;flex:none;vertical-align:-3px}

/* header */
.top{border-bottom:1px solid var(--rule);background:var(--paper);position:relative;z-index:40}
.top .wrap{display:flex;align-items:center;height:68px;gap:32px}
.logo{display:flex;align-items:center;text-decoration:none}
.logo img{height:30px;width:auto}
#nav{display:flex;gap:26px;margin-left:8px}
#nav a{text-decoration:none;font-size:15px;font-weight:500;padding:6px 0}
#nav a:hover{text-decoration:underline;text-underline-offset:6px}
#nav a[aria-current=page]{text-decoration:underline;text-decoration-color:var(--lime);text-decoration-thickness:4px;text-underline-offset:6px}
#nav .mnav{display:none}
.top .r{margin-left:auto;display:flex;align-items:center;gap:20px}
.tel{font:600 15px var(--disp);text-decoration:none;font-variant-numeric:tabular-nums;white-space:nowrap}
.tel:hover{text-decoration:underline}
.top .btn{padding:12px 16px;font-size:14px}
.lsw{display:inline-flex;align-items:center;border:1.5px solid var(--ink);border-radius:999px;padding:2px;font:500 13px/1 var(--mono);letter-spacing:.04em;flex:none}
.lsw span{display:none}
.lsw a{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:34px;padding:0 10px;border-radius:999px;color:var(--ink);text-decoration:none}
.lsw a:hover{text-decoration:underline;text-underline-offset:4px}
.lsw a[aria-current]{background:var(--ink);color:var(--paper);text-decoration:none;cursor:default}
.lsw a:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
#nav .lsw.mnav{display:none}
.foot .lsw{border-color:rgba(245,245,244,.6);margin-top:20px}
.foot .lsw a{display:inline-flex;line-height:1;color:var(--paper);margin:0;padding:0 12px}
.foot .lsw a[aria-current]:hover{color:var(--ink)}
.foot .lsw a[aria-current]{background:var(--lime);color:var(--ink)}
.foot .lsw a:focus-visible{outline-color:var(--lime)}
#menuBtn{display:none;background:none;border:1.5px solid var(--ink);border-radius:2px;font:500 12px var(--mono);text-transform:uppercase;padding:10px 12px;cursor:pointer;color:var(--ink)}

/* hero (home) */
.hero{padding:28px 0 0}
.meta{display:flex;justify-content:space-between;gap:24px;color:var(--mute);padding-bottom:56px}
.hero .grid{min-height:min(52vh,460px);align-items:end}
.hero h1{grid-column:1/10;font-weight:800;font-stretch:68%;font-size:clamp(56px,9.4vw,148px);line-height:.86;letter-spacing:-.025em;text-wrap:balance}
.hero .side{grid-column:10/13;align-self:end;display:flex;flex-direction:column;gap:22px;padding-bottom:10px}
.hero .lead{font-size:19px;line-height:1.42}
.hero .lead b{font-weight:650}
.ticket{border:1.5px solid var(--ink);font-family:var(--mono);font-size:13px;background:var(--paper)}
.ticket .row{display:flex;justify-content:space-between;gap:12px;padding:9px 12px;border-top:1px solid var(--rule)}
.ticket .row:first-child{border-top:0;background:var(--ink);color:var(--paper);text-transform:uppercase;font-size:11px;letter-spacing:.06em}
.ticket .big{font:800 44px/1 var(--disp);font-stretch:75%;letter-spacing:-.02em}
.ticket .row.pr{align-items:end;padding:12px}
.ticket .btn{width:100%;justify-content:space-between;border-radius:0;border-width:0}

/* proof / case shots */
.proof{margin-top:64px;padding-bottom:32px}
.proof-head{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:12px 24px;padding:14px 0 22px;border-top:1.5px solid var(--ink)}
.proof-head .mono b{color:var(--ink);font-weight:500}
.shots{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--g);row-gap:36px;align-items:start}
.shot{text-decoration:none;display:block;min-width:0}
.frame{border:1.5px solid var(--ink);background:#fff;overflow:hidden}
.frame .bar{display:flex;align-items:center;gap:8px;height:30px;padding:0 12px;border-bottom:1.5px solid var(--ink);font-family:var(--mono);font-size:11px;background:var(--paper)}
.frame .bar i{width:8px;height:8px;border-radius:50%;border:1.5px solid var(--ink)}
.frame .bar span{margin-left:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.frame img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top center;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.shot:hover .frame img{transform:scale(1.015)}
.cap{display:grid;grid-template-columns:auto 1fr auto;gap:12px;padding-top:14px;align-items:baseline}
.cap h2,.cap h3{font:700 21px/1.12 var(--disp);font-stretch:85%}
.cap p{color:var(--mute);font-size:14.5px;line-height:1.42;margin-top:3px}
.cap .mono{white-space:nowrap;font-size:11px}
.s1{grid-column:1/8}.s2{grid-column:8/13;margin-top:120px}
.shots-3 .s1{grid-column:1/5;margin-top:0}
.shots-3 .s2{grid-column:5/9;margin-top:28px}
.shots-3 .s3{grid-column:9/13;margin-top:0}
.shots-3 .cap{grid-template-columns:1fr;gap:6px}
.shots-3 .cap .mono:last-child{color:var(--ink);text-decoration:underline;text-decoration-color:var(--lime);text-decoration-thickness:3px;text-underline-offset:4px;margin-top:2px}

/* trades strip */
.trades{border-top:1.5px solid var(--ink);border-bottom:1px solid var(--rule);padding:22px 0}
.trades .wrap{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 0}
.trades .mono{color:var(--mute);margin-right:18px}
.trades a{font:700 clamp(20px,2vw,28px)/1.2 var(--disp);font-stretch:72%;text-decoration:none;letter-spacing:-.01em}
.trades a:hover{background:var(--lime)}
.trades a+a::before{content:"/";color:rgba(10,10,10,.3);font-weight:400;margin:0 .45em;display:inline-block}

/* page head (inner pages) */
.phead{padding:28px 0 72px;border-bottom:1.5px solid var(--ink)}
.phead .crumbs{display:flex;flex-wrap:wrap;gap:8px;color:var(--mute);padding-bottom:56px}
.phead .crumbs a{text-decoration:none}.phead .crumbs a:hover{text-decoration:underline}
.phead h1{grid-column:1/10;font-weight:800;font-stretch:68%;font-size:clamp(48px,7.6vw,120px);line-height:.88;letter-spacing:-.022em;text-wrap:balance}
.phead .side{grid-column:10/13;align-self:end;font-size:18px;line-height:1.45}
.phead .side .btns{margin-top:20px}
.phead.img .grid{align-items:end}

/* sections */
.sec{padding:112px 0;border-top:1px solid var(--rule)}
.sec.first{border-top:0}
.sh{margin-bottom:56px}
.sh .no{grid-column:1/4;padding-top:14px;display:block;font-family:var(--mono);font-size:12px;letter-spacing:.02em;text-transform:uppercase;line-height:1.4;color:var(--mute);margin-bottom:8px}
.sh h2{grid-column:4/12;font-weight:800;font-stretch:70%;font-size:clamp(42px,5.8vw,88px);line-height:.92;letter-spacing:-.02em;text-wrap:balance}
.sh .sub{grid-column:4/11;margin-top:22px;font-size:19px;color:var(--mute);max-width:60ch}
.body{grid-column:4/13;min-width:0}
.prose{max-width:66ch}
.prose p+p{margin-top:1em}
.prose p{font-size:18px;line-height:1.55}
.prose h3{font:700 26px/1.1 var(--disp);font-stretch:80%;margin:36px 0 10px}
.prose ul{margin:12px 0}
.prose li{padding:9px 0 9px 26px;border-bottom:1px solid var(--rule);position:relative}
.prose li::before{content:"";position:absolute;left:0;top:18px;width:12px;height:6px;background:var(--lime);border:1px solid var(--ink)}

/* price list */
.plist{border-top:1.5px solid var(--ink)}
.pi{display:grid;grid-template-columns:1.7fr 2.2fr .8fr 1fr;gap:var(--g);align-items:baseline;padding:22px 0;border-bottom:1px solid var(--rule);text-decoration:none;transition:background .2s}
a.pi:hover{background:linear-gradient(90deg,transparent,rgba(198,255,61,.4))}
.pi h3{font:700 24px/1.15 var(--disp);font-stretch:85%}
.pi p{color:var(--mute);font-size:15px}
.pi .inc{display:block;margin-top:6px;font-size:14px;color:var(--mute)}
.pi .d{font-family:var(--mono);font-size:13px}
.pi .p{text-align:right;font:800 clamp(20px,2vw,28px)/1.05 var(--disp);font-stretch:72%;letter-spacing:-.01em;font-variant-numeric:tabular-nums;white-space:nowrap}
.pi .p small{font:400 12px var(--mono);letter-spacing:0;margin-left:4px}
.pi .p s{display:block;font:400 12px var(--mono);color:var(--mute);margin-top:6px}
.pi .go{grid-column:4;text-align:right;font-family:var(--mono);font-size:12px;text-transform:uppercase;text-decoration:underline;text-underline-offset:4px}
.pi.feat{background:var(--lime);margin:0 calc(var(--g)*-.5);padding-left:calc(var(--g)*.5);padding-right:calc(var(--g)*.5);border-bottom-color:var(--ink)}
.pi.feat p,.pi.feat .inc{color:#2c2c28}
.pnote{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px 24px;margin-top:22px;color:var(--mute);font-size:14px}
.cat{margin-top:72px}.cat:first-child{margin-top:0}
.cat>.mono{display:block;margin-bottom:14px;color:var(--mute)}
.cat h2{font:800 clamp(30px,3.4vw,46px)/1 var(--disp);font-stretch:72%;margin-bottom:18px;letter-spacing:-.01em}
.note{margin-top:14px;font-size:14px;color:var(--mute);max-width:70ch}

/* services index */
.svc{border-top:1.5px solid var(--ink)}
.sv{display:grid;grid-template-columns:40px 5fr 7fr 120px;gap:var(--g);align-items:baseline;padding:26px 0;border-bottom:1px solid var(--rule);text-decoration:none}
.sv h3{font:700 clamp(28px,3vw,42px)/1 var(--disp);font-stretch:72%;letter-spacing:-.01em}
.sv p{color:var(--mute);font-size:16px;max-width:52ch}
.sv .mono{color:var(--mute)}
.sv .fr{font-family:var(--mono);font-size:13px;white-space:nowrap;text-align:right}
a.sv:hover h3{text-decoration:underline;text-decoration-color:var(--lime);text-decoration-thickness:8px;text-underline-offset:-2px;text-decoration-skip-ink:none}

/* service detail blocks */
.sblock{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--g);padding:64px 0;border-top:1.5px solid var(--ink)}
.sblock>.grid{grid-column:1/-1}
.sblock:first-child{border-top:0;padding-top:0}
.sblock .no{grid-column:1/4;padding-top:10px}
.sblock .in{grid-column:4/13;min-width:0}
.sblock h2{font:800 clamp(38px,4.6vw,68px)/.92 var(--disp);font-stretch:70%;letter-spacing:-.018em;margin-bottom:20px}
.sblock .lead{font-size:19px;line-height:1.5;max-width:62ch;margin-bottom:22px}
.chk{display:grid;grid-template-columns:1fr 1fr;gap:0 var(--g);margin:6px 0 30px}
.chk li{padding:10px 0 10px 26px;border-bottom:1px solid var(--rule);position:relative;font-size:16px}
.chk li::before{content:"";position:absolute;left:0;top:18px;width:12px;height:6px;background:var(--lime);border:1px solid var(--ink)}

/* dark band */
.dark{background:var(--ink);color:var(--paper);border-top:0}
.dark .sh h2 .hl{font-style:normal;color:var(--lime)}
.dark .mono{color:#a3a29d}
.dark .sub{color:#b9b8b2}
.vs{display:grid;grid-template-columns:1fr 1fr;border-top:1.5px solid var(--paper)}
.vs div{padding:22px 0;border-bottom:1px solid rgba(245,245,244,.16);font-size:clamp(19px,2vw,28px);line-height:1.2;font-stretch:90%}
.vs .a{color:#8f8e88;text-decoration:line-through;text-decoration-thickness:1px;padding-right:var(--g)}
.vs .b{font-weight:600;padding-left:var(--g);border-left:1px solid rgba(245,245,244,.16)}
.vs .h{font-family:var(--mono);font-size:12px;text-transform:uppercase;text-decoration:none;color:#a3a29d;font-weight:400;padding:14px 0}
.vs .h.b{padding-left:var(--g);color:var(--lime)}

/* steps */
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--g)}
.st{border-top:1.5px solid var(--ink);padding-top:18px}
.st .mono{display:flex;justify-content:space-between}
.st h3{font:800 clamp(32px,3.4vw,50px)/.95 var(--disp);font-stretch:70%;margin:34px 0 14px;letter-spacing:-.015em}
.st p{color:var(--mute);font-size:16px;max-width:34ch}

/* tools teaser */
.tool-main{display:grid;grid-template-columns:5fr 7fr;border:1.5px solid var(--ink);background:var(--paper2)}
.tool-main .txt{padding:36px;display:flex;flex-direction:column;gap:20px}
.tool-main h3{font:800 44px/.95 var(--disp);font-stretch:70%;letter-spacing:-.015em}
.tool-main p{color:var(--mute)}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips a,.chips span{font-family:var(--mono);font-size:12px;border:1px solid var(--ink);padding:7px 10px;border-radius:2px;background:var(--paper);text-decoration:none}
.chips a:hover,.chips .on{background:var(--ink);color:var(--paper)}
.tool-main .vis{position:relative;border-left:1.5px solid var(--ink);overflow:hidden;min-height:440px;background:#dcdbd7}
.tool-main .vis .d{position:absolute;left:28px;top:28px;width:78%;border:1.5px solid var(--ink);box-shadow:10px 10px 0 var(--ink)}
.tool-main .vis .m{position:absolute;right:28px;top:110px;width:24%;border:1.5px solid var(--ink);border-radius:14px;overflow:hidden;box-shadow:10px 10px 0 var(--ink);background:#fff}
.tools2{display:grid;grid-template-columns:1fr 1fr;gap:var(--g);margin-top:var(--g)}
.tl{border-top:1.5px solid var(--ink);padding:20px 0 0;display:grid;grid-template-columns:1fr auto;gap:8px 24px;text-decoration:none}
.tl h3{font:700 28px/1.05 var(--disp);font-stretch:75%}
.tl p{grid-column:1/2;color:var(--mute);font-size:15px}
.tl .go{grid-row:1/3;grid-column:2;align-self:center;font-family:var(--mono);font-size:13px}
.tl:hover h3{text-decoration:underline;text-decoration-color:var(--lime);text-decoration-thickness:5px}

/* areas */
.areas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--g)}
.ar h3{font:800 34px/1 var(--disp);font-stretch:70%;padding-bottom:12px;border-bottom:1.5px solid var(--ink);margin-bottom:12px}
.ar h3 a{text-decoration:none}.ar h3 a:hover{background:var(--lime)}
.ar p{font-size:15px;color:var(--mute)}
.cities{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.cities li{font-family:var(--mono);font-size:13px;border:1px solid var(--ink);padding:6px 10px;border-radius:2px;background:var(--white)}

/* faq */
.faq details{border-top:1px solid var(--rule)}
.faq details:last-child{border-bottom:1px solid var(--rule)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:24px;padding:22px 0;font:650 22px/1.2 var(--disp);font-stretch:90%}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-family:var(--mono);font-weight:400}
.faq details[open] summary::after{content:"–"}
.faq details p{padding:0 0 22px;color:var(--mute);max-width:66ch}

/* cta */
.cta{background:var(--lime);padding:96px 0 60px}
.cta .mono{display:flex;justify-content:space-between;gap:16px}
.cta .phone{display:block;text-decoration:none;font:800 clamp(64px,21vw,300px)/.82 var(--disp);font-stretch:62%;letter-spacing:-.03em;margin:28px 0 30px;font-variant-numeric:tabular-nums;white-space:nowrap}
.cta .row{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1.5px solid var(--ink);padding-top:22px}
.cta .row p{font-size:20px;font-weight:500}

/* case study page */
.case{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--g);padding:72px 0;border-top:1.5px solid var(--ink)}
.case:first-child{border-top:0;padding-top:0}
.case .vis{grid-column:1/8}
.case .txt{grid-column:8/13}
.case.rev .vis{grid-column:6/13;grid-row:1}
.case.rev .txt{grid-column:1/6;grid-row:1}
.case h2{font:800 clamp(40px,4.4vw,64px)/.92 var(--disp);font-stretch:70%;margin:10px 0 14px}
.case .logo2{height:44px;width:auto;margin-bottom:16px;border:1px solid var(--rule)}
.case dl{border-top:1.5px solid var(--ink);margin:20px 0 26px}
.case dt{font-family:var(--mono);font-size:12px;text-transform:uppercase;padding-top:14px;color:var(--mute)}
.case dd{padding:4px 0 14px;border-bottom:1px solid var(--rule);font-size:16px}
.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.tags li{font-family:var(--mono);font-size:11px;text-transform:uppercase;border:1px solid var(--ink);padding:4px 8px}

/* trade page template visual */
.tplvis{position:relative;padding:0 0 24px}
.tplvis .frame{box-shadow:10px 10px 0 var(--ink)}
.tplvis figcaption{margin-top:22px;color:var(--mute)}
.spec{border-top:1.5px solid var(--ink)}
.spec div{display:grid;grid-template-columns:200px 1fr;gap:var(--g);padding:16px 0;border-bottom:1px solid var(--rule)}
.spec dt{font-family:var(--mono);font-size:12px;text-transform:uppercase;color:var(--mute);padding-top:3px}
.spec dd{font-size:17px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:var(--g)}
.box{border:1.5px solid var(--ink);background:var(--white);padding:28px}
.box h3{font:800 32px/1 var(--disp);font-stretch:72%;margin-bottom:12px}
.box p{color:var(--mute)}
.box .btns{margin-top:18px}

/* forms / tools */
input,select,textarea{display:block;width:100%;font:400 16px var(--disp);color:var(--ink);padding:13px 14px;border:1.5px solid var(--ink);border-radius:2px;background:var(--white);margin-top:8px}
textarea{resize:vertical}
input:focus,select:focus,textarea:focus{outline:0;box-shadow:0 0 0 4px var(--lime)}
input[type=range]{padding:0;border:0;background:none;accent-color:var(--ink);height:28px}
input[type=checkbox]{width:18px;height:18px;display:inline-block;margin:0 12px 0 0;vertical-align:-3px;accent-color:var(--ink)}
input[aria-invalid=true]{border-color:#c4321f}
label,.fl>span{font:500 12px var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--mute)}
.form label{display:block;margin:0 0 18px}
.form .row{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
.cgrid{display:grid;grid-template-columns:7fr 5fr;gap:var(--g);align-items:start}
.form{border:1.5px solid var(--ink);background:var(--paper2);padding:32px}
.cside{border-top:1.5px solid var(--ink);padding-top:20px}
.cside a{display:flex;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--rule);text-decoration:none;font-size:17px}
.cside a:hover{background:linear-gradient(90deg,rgba(198,255,61,.5),transparent)}
.cside .big{font:800 clamp(44px,5vw,72px)/1 var(--disp);font-stretch:62%;padding:6px 0 16px}
.cside p{padding:14px 0;border-bottom:1px solid var(--rule);font-size:15px;color:var(--mute)}
.tool{scroll-margin-top:20px}
.tnav{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.tnav a{font:500 12px var(--mono);text-transform:uppercase;text-decoration:none;padding:9px 12px;border:1px solid var(--ink);border-radius:2px;background:var(--paper)}
.tnav a:hover{background:var(--lime)}
.tbox{border:1.5px solid var(--ink);background:var(--paper2);padding:clamp(20px,3vw,32px)}
.glass2{border:1.5px solid var(--ink);background:var(--white);padding:24px}
.fl{display:block;margin:0 0 16px}
.fl>span{display:flex;justify-content:space-between;gap:8px}
.fl output{color:var(--ink);font-size:14px;letter-spacing:0;text-transform:none;font-weight:500}
.psiform{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}
.psiform .grow{flex:1 1 260px;margin:0}
.psiform .btn{min-height:52px}
.psiout:not(:empty){margin-top:24px}
.psinote h3{font:700 24px/1.15 var(--disp);font-stretch:85%;margin:0 0 .4em}
.psinote p{color:var(--mute);margin:0 0 18px}
.psinote.err{border-color:#c4321f}
.psiload{display:flex;gap:18px;align-items:center;padding:22px;border:1.5px solid var(--ink);background:var(--white)}
.psiload>div:last-child{flex:1}
.psiload small{display:block;color:var(--mute);margin-top:8px}
.spin{flex:none;width:30px;height:30px;border-radius:50%;border:3px solid var(--rule);border-top-color:var(--ink);animation:spin 1s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.pbar{height:6px;background:var(--rule);margin-top:10px;overflow:hidden}
.pbar i{display:block;height:100%;width:2%;background:var(--ink);transition:width .5s linear}
.psires .ghead{display:flex;gap:20px;align-items:center}
.psires h3{font:700 26px/1.1 var(--disp);font-stretch:85%}
.grade{flex:none;width:96px;height:96px;display:grid;place-items:center;align-content:center;background:var(--lime);border:1.5px solid var(--ink);color:var(--ink)}
.grade b{font:800 52px/1 var(--disp);font-stretch:70%}
.grade span{font-size:10px}
.grade.gC{background:#ffd23d}.grade.gD,.grade.gF{background:#ff7a5c}
.gauges{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:24px}
.gauge{position:relative;display:grid;justify-items:center;gap:6px;padding:18px 10px;border:1.5px solid var(--ink);background:var(--white)}
.gauge svg{width:min(110px,100%);height:auto;transform:rotate(-90deg)}
.gauge circle{fill:none;stroke-width:8}
.gauge .trk{stroke:var(--rule)}
.gauge .val{stroke:#2f8a2f;transition:stroke-dashoffset 1.2s cubic-bezier(.2,.8,.2,1)}
.gauge.mid .val{stroke:#d49a00}.gauge.bad .val{stroke:#c4321f}
.gauge .gv{position:absolute;top:calc(18px + min(55px,50% - 10px));transform:translateY(-50%);font:800 30px var(--disp);font-stretch:75%}
.gauge>span:not(.sr){font:500 11px var(--mono);text-transform:uppercase;text-align:center}
.psires h4{margin:28px 0 12px;font:700 20px var(--disp);font-stretch:85%}
.issues{counter-reset:i;border-top:1.5px solid var(--ink)}
.issues li{counter-increment:i;display:flex;gap:14px;align-items:baseline;padding:14px 0;border-bottom:1px solid var(--rule)}
.issues li::before{content:counter(i,decimal-leading-zero);font:500 12px var(--mono)}
.psicta{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0 8px}
.estgrid{display:grid;grid-template-columns:1fr 1fr;gap:var(--g)}
.mockgrid{display:grid;grid-template-columns:380px minmax(0,1fr);gap:var(--g);align-items:start}
.seg{display:flex;border:1.5px solid var(--ink);margin-bottom:22px;width:max-content;max-width:100%;background:var(--white)}
.seg button{flex:1;border:0;background:none;color:var(--ink);font:500 14px var(--disp);padding:10px 16px;cursor:pointer;white-space:nowrap}
.seg button+button{border-left:1px solid var(--ink)}
.seg button[aria-checked=true]{background:var(--ink);color:var(--paper)}
.seg.sm{margin:0 0 12px}.seg.sm button{padding:8px 12px;font-size:13px}
.assum{margin:8px 0 12px;font-family:var(--mono);font-size:12px;text-transform:uppercase}
.arow{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
.arow .fl>span{min-height:2.8em;align-items:flex-end}
.kpis{display:grid;grid-template-columns:1fr 1fr;border-top:1.5px solid var(--ink);border-left:1px solid var(--rule)}
.kpis div{padding:16px;border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);background:var(--white)}
.kpis span,.roi span{display:block;font:500 11px var(--mono);text-transform:uppercase;color:var(--mute)}
.kpis b{display:block;font:800 clamp(30px,3.4vw,44px)/1.05 var(--disp);font-stretch:72%;margin-top:4px;font-variant-numeric:tabular-nums}
.roi{margin:12px 0;padding:18px;background:var(--lime);border:1.5px solid var(--ink)}
.roi span,.roi small{color:#2c2c28}
.roi b{display:block;font:800 clamp(44px,5vw,64px)/1 var(--disp);font-stretch:68%;font-variant-numeric:tabular-nums}
.cost{margin:14px 0 6px}
.cost div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--rule);font-size:15px}
.cost dt{color:var(--mute)}.cost dd{text-align:right}
.cost .tot{border-bottom:0;font-weight:650}.cost .tot dt{color:var(--ink)}
.disc{margin:14px 0 18px;padding:14px 16px;border:1.5px dashed var(--ink);font-size:14px;background:var(--white)}
.estout .btn,#mkForm .btn{width:100%}
.sws{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.sw{width:34px;height:34px;border-radius:50%;background:var(--c);border:1.5px solid var(--ink);cursor:pointer}
.sw[aria-pressed=true]{box-shadow:0 0 0 3px var(--paper2),0 0 0 5px var(--ink)}
.mockwrap{min-width:0}
.bframe{border:1.5px solid var(--ink);overflow:hidden;background:#fff;margin:0 auto;max-width:100%;container-type:inline-size;box-shadow:10px 10px 0 var(--ink)}
.bframe[data-view=mob]{max-width:375px;border-radius:24px}
.bbar{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--paper);border-bottom:1.5px solid var(--ink)}
.bbar i{width:8px;height:8px;border-radius:50%;border:1.5px solid var(--ink)}
.bbar span{flex:1;margin-left:8px;font:500 12px var(--mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cfs legend{color:var(--ink)!important}
/* calc + quiz */
.calc{border-top:1.5px solid var(--ink)}
.calc label{display:flex;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid var(--rule);cursor:pointer;font:400 16px var(--disp);text-transform:none;letter-spacing:0;color:var(--ink)}
.calc label:hover{background:linear-gradient(90deg,transparent,rgba(198,255,61,.35))}
.calc label .mono{white-space:nowrap;font-size:13px}
#tot{padding-top:18px}
#tot p{margin-bottom:8px}
#tot .tot{font:800 clamp(34px,4vw,52px)/1 var(--disp);font-stretch:70%;margin:10px 0 18px}
.quiz{border:1.5px solid var(--ink);background:var(--white);padding:28px}
.quiz h3{font:800 34px/1 var(--disp);font-stretch:72%;margin:10px 0 18px}
.quiz .opts{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.quiz .opts button{text-align:left;font:500 16px var(--disp);color:var(--ink);padding:14px 16px;border:1.5px solid var(--ink);background:var(--paper);border-radius:2px;cursor:pointer}
.quiz .opts button:hover{background:var(--lime)}
.quiz p{margin-bottom:10px}
.cmp{width:100%;border-collapse:collapse;border-top:1.5px solid var(--ink)}
.cmp th,.cmp td{text-align:left;padding:14px 12px 14px 0;border-bottom:1px solid var(--rule);font-size:16px}
.cmp th{font:500 12px var(--mono);text-transform:uppercase;color:var(--mute)}
.cmp td:nth-child(2){font-weight:700}
.tblw{overflow-x:auto}

/* 404 */
.nf{padding:96px 0 120px}
.nf h1{font:800 clamp(80px,16vw,240px)/.85 var(--disp);font-stretch:62%;letter-spacing:-.03em}
.nf p{font-size:20px;margin:24px 0;max-width:46ch}

/* footer */
.foot{background:var(--ink);color:var(--paper);padding:56px 0 40px;font-size:14px}
.foot .grid>div{grid-column:span 3;min-width:0}
.foot .mono{color:#a3a29d;margin-bottom:12px}
.foot a{display:block;text-decoration:none;color:#d6d5d0;line-height:1.9;overflow-wrap:anywhere}
.foot a:hover{color:var(--lime)}
.foot .b{margin-top:56px;padding-top:18px;border-top:1px solid rgba(245,245,244,.16);display:flex;justify-content:space-between;gap:12px;color:#a3a29d}
.mbar{display:none}

@media (max-width:1240px){
  .top .tel{display:none}
  .top .wrap{gap:14px}
  #nav{gap:15px;font-size:14px}
  .top .r{gap:8px}
  .top .r .btn.sm{padding:8px 12px;font-size:13px}
}
@media (max-width:1100px){
  .mockgrid{grid-template-columns:1fr}
  .hero .side,.phead .side{grid-column:8/13}
  .hero h1,.phead h1{grid-column:1/8}
}
@media (max-width:900px){
  :root{--m:18px;--g:16px}
  body{font-size:15.5px;line-height:1.48;padding-bottom:64px}
  .top{position:sticky;top:0;z-index:50;background:rgba(245,245,244,.96);backdrop-filter:blur(8px)}
  .top .wrap{height:60px;gap:12px}
  .logo img{height:26px}
  #nav{display:none;position:absolute;left:0;right:0;top:60px;background:var(--paper);border-bottom:1.5px solid var(--ink);flex-direction:column;gap:0;padding:8px var(--m) 20px;margin:0;z-index:50;box-shadow:0 16px 32px rgba(10,10,10,.12)}
  #nav.open{display:flex}
  #nav a{font:800 26px/1.15 var(--disp);font-stretch:78%;padding:12px 0;border-bottom:1px solid var(--rule)}
  #nav .mnav{display:block}
  #menuBtn{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 12px;font-size:11px;letter-spacing:.04em}
  .top .tel,.top .r .btn{display:none}
  .top .r{gap:8px}
  .lsw a{min-height:34px;min-width:36px;padding:0 8px;font-size:12px}
  #nav .lsw.mnav{display:inline-flex;align-self:flex-start;margin:10px 0 8px}
  #nav .lsw.mnav a{font:500 13px/1 var(--mono);font-stretch:100%;padding:0 14px;border-bottom:0;min-height:36px}
  #nav .lsw.mnav a[aria-current]{text-decoration:none}
  .hero{padding:18px 0 0}
  .meta{padding-bottom:16px;font-size:11px}
  .meta span:last-child{display:none}
  .hero .grid{min-height:0}
  .hero h1,.phead h1{grid-column:1/-1;font-size:clamp(33px,8.8vw,48px);line-height:.98;font-stretch:84%;letter-spacing:-.02em;text-wrap:balance}
  .hero .side,.phead .side{grid-column:1/-1;margin-top:18px;gap:16px;padding-bottom:0}
  .hero .lead,.phead .side p{font-size:16px;line-height:1.45}
  .ticket{font-size:12px}
  .ticket .row{padding:9px 11px;gap:8px;align-items:center}
  .ticket .row span:last-child{text-align:right;font-weight:500}
  .ticket .btn{padding:15px 16px;font-size:15px}
  .phead{padding:18px 0 36px}.phead .crumbs{padding-bottom:18px;font-size:11px}
  .phead .side .btns .btn{width:100%}
  .proof{margin-top:34px;padding-bottom:24px}
  .proof-head{padding:12px 0 16px;gap:8px}
  .shots,.shots-3{row-gap:28px}
  .s1,.s2,.s3,.shots-3 .s1,.shots-3 .s2,.shots-3 .s3{grid-column:1/-1;margin-top:0}
  .cap,.shots-3 .cap{grid-template-columns:1fr;gap:4px;padding-top:10px}
  .cap h2,.cap h3{font-size:20px}
  .cap p{grid-column:1;font-size:14px}
  .cap .mono:last-child{grid-column:1;color:var(--ink);text-decoration:underline;text-decoration-color:var(--lime);text-decoration-thickness:3px;text-underline-offset:4px;margin-top:2px}
  .trades{padding:16px 0}
  .trades .mono{width:100%;margin:0 0 6px;font-size:11px}
  .trades a{font-size:17px;line-height:1.35}
  .sec{padding:52px 0}
  .sh{margin-bottom:24px}
  .grid,.sblock,.shots,.shots-3,.case{grid-template-columns:1fr}
  .sblock>.grid{grid-column:1/-1}
  .sh .no,.sblock .no{grid-column:1/-1;padding:0 0 8px;font-size:11px}
  .sh h2,.sh .sub,.body,.sblock .in{grid-column:1/-1;min-width:0}
  .sh h2{font-size:clamp(28px,7.8vw,42px);line-height:.98;font-stretch:82%}
  .sh .sub{margin-top:12px;font-size:16px;line-height:1.45}
  .sblock{padding:36px 0}
  .sblock h2{font-size:clamp(26px,7.4vw,40px);line-height:1;font-stretch:82%;margin-bottom:14px}
  .sblock .lead{font-size:16px;margin-bottom:16px}
  .pi{display:flex!important;flex-direction:column!important;align-items:flex-start!important;grid-template-columns:1fr!important;gap:8px;padding:20px 0}
  .pi h3{grid-column:1;font-size:20px;line-height:1.18}
  .pi p,.pi .d{grid-column:1;max-width:100%}
  .pi .p{grid-column:1;grid-row:auto;display:inline-block;background:var(--ink);color:var(--lime);padding:4px 10px;font-size:14px;border-radius:2px;margin-top:4px;text-align:left;line-height:1.25}
  .pi.feat .p{background:var(--ink);color:var(--lime)}
  .pi .go{grid-column:1;text-align:left;margin-top:2px}
  .pi .d.x{display:none}
  .pi.feat{margin:0 calc(var(--m)*-1);padding:20px var(--m)}
  .pnote{font-size:13.5px;gap:10px}
  .cat{margin-top:44px}
  .cat h2{font-size:clamp(24px,6.8vw,34px);font-stretch:80%}
  .sv{grid-template-columns:1fr;gap:6px;padding:18px 0}
  .sv .mono:first-child{display:none}
  .sv h3{font-size:22px;font-stretch:82%}
  .sv p{grid-column:1;grid-row:auto;font-size:15px}
  .sv .fr{text-align:left;font-size:12px;margin-top:2px;color:var(--ink);text-decoration:underline;text-decoration-color:var(--lime);text-decoration-thickness:3px;text-underline-offset:4px}
  .chk,.two,.estgrid,.cgrid,.form .row{grid-template-columns:1fr}
  .vs div{font-size:14px;line-height:1.36;padding:12px 0;overflow-wrap:break-word}
  .vs .a{padding-right:10px}
  .vs .b{padding-left:10px}
  .vs .h{font-size:10.5px;padding:10px 0;letter-spacing:.05em}
  .vs .h.b{padding-left:10px}
  .steps,.tools2,.areas{grid-template-columns:1fr}
  .steps{gap:24px}.st{padding-top:14px}.st h3{font-size:26px;font-stretch:80%;margin:12px 0 8px}
  .tool-main{grid-template-columns:1fr}
  .tool-main .txt{padding:20px;gap:14px}
  .tool-main h3{font-size:28px;line-height:1.02;font-stretch:80%}
  .tool-main .txt .btn{width:100%}
  .tool-main .vis{border-left:0;border-top:1.5px solid var(--ink);min-height:240px}
  .tool-main .vis .d{left:16px;top:16px;width:78%;box-shadow:6px 6px 0 var(--ink)}
  .tool-main .vis .m{right:16px;top:48px;width:28%;box-shadow:6px 6px 0 var(--ink)}
  .tl h3{font-size:22px;font-stretch:82%}
  .areas{gap:22px}
  .ar h3{font-size:26px;font-stretch:80%;padding-bottom:8px;margin-bottom:8px}
  .faq summary{font-size:18px;padding:16px 0;gap:14px}
  .cta{padding:48px 0 36px}
  .cta .mono{flex-wrap:wrap;gap:6px 12px;font-size:11px}
  .cta .phone{font-size:clamp(36px,13.5vw,64px);margin:18px 0 20px;white-space:nowrap}
  .cta .row{flex-direction:column;align-items:stretch;gap:14px;padding-top:16px}
  .cta .row p{font-size:17px}
  .cta .row .btn{width:100%}
  .case{padding:44px 0}
  .case .vis,.case .txt,.case.rev .vis,.case.rev .txt{grid-column:1/-1;grid-row:auto}
  .case .txt{margin-top:20px}
  .case h2{font-size:clamp(28px,7.8vw,40px);font-stretch:80%}
  .case .btns .btn{width:100%}
  .spec div{grid-template-columns:1fr;gap:4px;padding:12px 0}
  .box,.quiz,.form,.tbox,.glass2{padding:20px}
  .box h3,.quiz h3{font-size:25px;font-stretch:80%}
  .cside .big{font-size:clamp(34px,10vw,48px)}
  .gauges{grid-template-columns:1fr 1fr;gap:10px}
  .psires .ghead{flex-direction:column;align-items:flex-start;gap:14px}
  .quiz .opts{grid-template-columns:1fr}
  .arow{grid-template-columns:1fr}.arow .fl>span{min-height:0}
  .seg{width:100%}.seg button{white-space:normal;padding:10px 8px;font-size:13px}
  .cmp th,.cmp td{padding:10px 10px 10px 0;font-size:13.5px;min-width:110px}
  .foot{padding:44px 0 32px}
  .foot .grid>div{grid-column:1/-1;margin-bottom:24px}
  .foot .b{flex-direction:column;margin-top:28px}
  .mbar{display:grid;grid-template-columns:1fr 1fr 1.35fr;position:fixed;left:0;right:0;bottom:0;z-index:45;background:var(--ink);border-top:1.5px solid var(--ink);box-shadow:0 -4px 16px rgba(0,0,0,.18)}
  .mbar a{color:var(--paper);text-decoration:none;text-align:center;padding:14px 6px calc(14px + env(safe-area-inset-bottom));font:600 14px var(--disp)}
  .mbar a+a{border-left:1px solid #2a2a2a}
  .mbar a:last-child{background:var(--lime);color:var(--ink);font-weight:700}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation-duration:3s!important}}
.vh{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.foot a.rev{margin-top:10px;color:var(--paper);text-decoration:underline;text-decoration-color:var(--lime);text-decoration-thickness:2px;text-underline-offset:5px}
.foot a.rev:hover{color:var(--lime)}
.revline{margin-top:56px;padding-top:20px;border-top:1px solid var(--rule);font-size:16px;color:var(--mute)}
.revline .lnk{margin-left:6px}

/* AI Guides, Vlogs & Knowledge Hub (GEO / AEO optimized) */
.aeo-box{border:2px solid var(--ink);background:var(--white);padding:clamp(20px,3vw,32px);margin-bottom:42px;box-shadow:8px 8px 0 var(--ink)}
.aeo-box .kicker{display:inline-block;background:var(--ink);color:var(--lime);font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.06em;padding:4px 10px;margin-bottom:14px}
.aeo-box h2,.aeo-box h3{font:800 clamp(24px,3vw,34px)/1.08 var(--disp);font-stretch:76%;margin-bottom:12px}
.aeo-box p{font-size:17px;line-height:1.52;color:var(--ink);margin-bottom:12px}
.aeo-box ul{display:grid;grid-template-columns:1fr 1fr;gap:8px 24px;margin-top:14px;border-top:1px solid var(--rule);padding-top:14px}
.aeo-box li{padding-left:20px;position:relative;font-size:15px;line-height:1.42}
.aeo-box li::before{content:"→";position:absolute;left:0;top:0;font-family:var(--mono);font-weight:700;color:var(--ink)}
.bgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--g)}
.bcard{border:1.5px solid var(--ink);background:var(--white);padding:28px;display:flex;flex-direction:column;justify-content:space-between;gap:18px;text-decoration:none;transition:transform .18s,box-shadow .18s}
.bcard:hover{transform:translate(-3px,-3px);box-shadow:8px 8px 0 var(--ink);background:var(--paper)}
.bcard.feat{background:var(--lime);border-width:2px}
.bcard .bmeta{display:flex;justify-content:space-between;gap:10px;font-family:var(--mono);font-size:11px;text-transform:uppercase;color:var(--mute);border-bottom:1px solid var(--rule);padding-bottom:10px}
.bcard.feat .bmeta{color:var(--ink);border-bottom-color:rgba(10,10,10,.25)}
.bcard h3{font:800 clamp(24px,2.5vw,32px)/1.06 var(--disp);font-stretch:76%;letter-spacing:-.01em}
.bcard p{font-size:15.5px;color:var(--mute);line-height:1.48}
.bcard.feat p{color:#1f1f1c}
.bcard .bfoot{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid var(--rule);font-family:var(--mono);font-size:12px;text-transform:uppercase;font-weight:500}
.vlog-box{border:1.5px solid var(--ink);background:var(--ink);color:var(--paper);padding:clamp(20px,3vw,32px);margin:36px 0}
.vlog-box .vtag{display:inline-block;background:var(--lime);color:var(--ink);font-family:var(--mono);font-size:11px;font-weight:600;text-transform:uppercase;padding:4px 10px;margin-bottom:12px}
.vlog-box h3{font:800 clamp(24px,3vw,36px)/1.05 var(--disp);font-stretch:75%;margin-bottom:12px;color:var(--paper)}
.vlog-box p{color:#d6d5d0;font-size:16px;line-height:1.52;margin-bottom:16px}
.vlog-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;border-top:1px solid rgba(245,245,244,.2);padding-top:18px;margin-top:16px}
.vlog-steps div{background:rgba(245,245,244,.06);border:1px solid rgba(245,245,244,.18);padding:14px}
.vlog-steps span{display:block;font-family:var(--mono);font-size:11px;color:var(--lime);margin-bottom:6px;text-transform:uppercase}
.vlog-steps strong{display:block;font-size:16px;margin-bottom:4px;color:var(--white)}
.vlog-steps small{display:block;font-size:13.5px;color:#b9b8b2;line-height:1.4}
@media (max-width:900px){
  .aeo-box{padding:18px;box-shadow:5px 5px 0 var(--ink);margin-bottom:28px}
  .aeo-box ul,.bgrid,.vlog-steps{grid-template-columns:1fr!important}
  .bcard{padding:20px}
  .vlog-box{padding:20px;margin:28px 0}
  .vlog-box .btns{flex-direction:column;align-items:stretch}
  .vlog-box .btns .btn{width:100%}
  .tblw{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
}
@media (max-width:540px){
  .kpis{grid-template-columns:1fr}
  .gauges{grid-template-columns:1fr 1fr}
}

/* Base44 New Platform Announcement Bar & CTA */
.b44-bar{background:#050505;color:#f5f5f4;border-bottom:1.5px solid #c6ff3d;font-family:var(--disp,system-ui,sans-serif);font-size:14px;line-height:1.35;position:relative;z-index:50}
.b44-bar .wrap{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:10px;padding-bottom:10px;flex-wrap:wrap}
.b44-bar .b44-left{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.b44-bar .b44-badge{background:#c6ff3d;color:#050505;font-family:var(--mono,monospace);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:2px;flex:none}
.b44-bar .b44-txt{color:#f5f5f4;font-weight:500}
.b44-bar .b44-btn{display:inline-flex;align-items:center;gap:8px;background:#c6ff3d;color:#050505!important;font-family:var(--disp,system-ui,sans-serif);font-weight:700;font-size:13px;padding:7px 14px;border-radius:2px;text-decoration:none!important;border:1.5px solid #c6ff3d;transition:background .18s,color .18s,transform .15s;white-space:nowrap}
.b44-bar .b44-btn:hover{background:#ffffff;border-color:#ffffff;color:#050505!important;transform:translateY(-1px)}
.top .r .btn.b44-nav{background:#c6ff3d!important;color:#050505!important;border-color:#050505!important;font-weight:700!important}
.top .r .btn.b44-nav:hover{background:#050505!important;color:#c6ff3d!important;border-color:#050505!important}
.b44-hero-cta{margin-top:14px;padding:14px 16px;background:#050505;color:#f5f5f4;border:1.5px solid #050505;border-left:5px solid #c6ff3d;border-radius:2px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.b44-hero-cta .b44-hcopy{font-size:14px;line-height:1.35;color:#e5e5e0}
.b44-hero-cta .b44-hcopy strong{color:#c6ff3d;font-family:var(--mono,monospace);font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;display:block;margin-bottom:2px}
.b44-hero-cta .b44-hbtn{display:inline-flex;align-items:center;gap:8px;background:#c6ff3d;color:#050505!important;font-weight:700;font-size:14px;padding:10px 16px;border-radius:2px;text-decoration:none!important;white-space:nowrap;border:1.5px solid #c6ff3d}
.b44-hero-cta .b44-hbtn:hover{background:#ffffff;border-color:#ffffff}
@media (max-width:760px){
  .b44-bar .wrap{justify-content:center;text-align:center;padding-top:8px;padding-bottom:8px;gap:8px}
  .b44-bar .b44-left{justify-content:center}
  .b44-bar .b44-btn{width:100%;justify-content:center}
  .b44-hero-cta{flex-direction:column;align-items:stretch}
  .b44-hero-cta .b44-hbtn{justify-content:center}
}