/* IntelliAIScale, theme Nuit Prestige (decision Darly 2026-10-25, CLAUDE.md regle 24) */
:root{
  --ink:#04060D; --night:#070B18; --deep:#0B1226; --glass:rgba(16,24,48,.55);
  --hair:rgba(201,210,227,.14); --hair-2:rgba(201,210,227,.26);
  --fg:#EEF1F7; --soft:#A9B3C9; --dim:#7A86A2;
  --platinum:#D9DFEA; --petrol:#0C5478; --petrol-hi:#2A8BB8; --emerald:#247860; --lime:#90B430; --gold:#E7C766;
  --ivory:#F5F3EE; --ivory-ink:#0E1630;
  --f-display:"Archivo",Impact,"Arial Narrow",sans-serif;
  --f-serif:"Fraunces",Georgia,serif;
  --f-body:"Figtree",system-ui,sans-serif;
  --f-mono:"JetBrains Mono",ui-monospace,monospace;
  color-scheme:dark;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ink);color:var(--fg);font-family:var(--f-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.06;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
a{color:inherit}
img{max-width:100%;height:auto;display:block}
.gut{padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
.wrap{max-width:1120px;margin:0 auto}
.narrow{max-width:760px;margin:0 auto}
.mono{font-family:var(--f-mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase}
.skip{position:absolute;left:-999px;top:0;background:var(--lime);color:#0A1428;padding:10px 14px;z-index:100;border-radius:0 0 8px 0}
.skip:focus{left:0}
:focus-visible{outline:2px solid var(--lime);outline-offset:3px;border-radius:4px}

/* offer bar + nav */
.offer{background:linear-gradient(90deg,rgba(12,84,120,.25),rgba(36,120,96,.25),rgba(12,84,120,.25));border-bottom:1px solid var(--hair);padding-block:9px;text-align:center;font-size:13.5px;color:#CFD8EA}
.offer b{color:var(--lime);font-weight:600}
.offer a{text-decoration:underline;text-underline-offset:3px}
.nav{position:sticky;top:0;z-index:40;background:rgba(4,6,13,.78);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border-bottom:1px solid var(--hair)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:12px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:600;letter-spacing:.01em}
.logo img{height:30px;width:auto}
.logo span{font-size:15px}
.links{display:flex;align-items:center;gap:22px;font-size:14.5px;color:var(--soft)}
.links > a:not(.btn),.dd > button{text-decoration:none;position:relative;background:none;border:0;color:inherit;font:inherit;cursor:pointer;padding:6px 0}
.links > a:not(.btn):hover,.dd > button:hover,.links a[aria-current="page"]{color:var(--fg)}
.links > a[aria-current="page"]::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:var(--lime)}
.dd{position:relative}
.dd > button::after{content:"";display:inline-block;margin-left:7px;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-3px) rotate(45deg)}
.menu{position:absolute;left:-18px;top:calc(100% + 10px);min-width:300px;padding:10px;border:1px solid var(--hair-2);border-radius:14px;background:rgba(9,14,30,.97);box-shadow:0 30px 60px -20px rgba(0,0,0,.7);display:none}
.dd:hover .menu,.dd:focus-within .menu,.dd.open .menu{display:block}
.menu::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.menu a{display:block;text-decoration:none;padding:10px 12px;border-radius:9px;color:var(--fg)}
.menu a small{display:block;color:var(--dim);font-size:12.5px;margin-top:2px}
.menu a:hover{background:rgba(144,180,48,.08)}
.menu hr{border:0;border-top:1px solid var(--hair);margin:6px 4px}
.lang{display:inline-flex;border:1px solid var(--hair-2);border-radius:999px;padding:2px}
.lang a{font:500 12px var(--f-mono);letter-spacing:.08em;color:var(--soft);padding:5px 10px;border-radius:999px;text-decoration:none}
.lang a[aria-current="true"]{background:var(--platinum);color:var(--ink)}
.burger{display:none;background:none;border:1px solid var(--hair-2);border-radius:10px;color:var(--fg);padding:8px 11px;font:500 13px var(--f-mono);cursor:pointer}
.nav .mobile{display:none;border-top:1px solid var(--hair);padding:10px 0 18px}
.mobile a{display:block;padding:11px 2px;text-decoration:none;color:var(--fg);border-bottom:1px solid var(--hair)}
.mobile a.sub{padding-left:16px;color:var(--soft);font-size:15px}
.mobile .btn{margin-top:14px;justify-content:center;width:100%}
.nav.is-open .mobile{display:block}
.nav .mobile.wrap{max-width:1120px}

.btn{display:inline-flex;align-items:center;gap:10px;font:600 15px var(--f-body);text-decoration:none;border-radius:10px;padding:13px 20px;cursor:pointer;border:0;transition:transform .3s ease,box-shadow .3s ease,background .3s ease,border-color .3s ease}
.btn-lime{background:var(--lime);color:#0A1428}
.btn-lime:hover{transform:translateY(-1px);box-shadow:0 0 0 7px rgba(144,180,48,.14),0 14px 34px -14px rgba(144,180,48,.6)}
.btn-ghost{background:transparent;color:var(--fg);border:1px solid var(--hair-2)}
.btn-ghost:hover{border-color:var(--platinum)}
.btn-sm{padding:9px 15px;font-size:14px}

/* hero */
.hero{position:relative;overflow:hidden;isolation:isolate;padding-block:84px 72px;text-align:center}
.hero.page{padding-block:72px 40px;text-align:left}
.streaks{position:absolute;inset:-30% -15%;z-index:-1;pointer-events:none;
  background:
   repeating-linear-gradient(118deg,transparent 0 58px,rgba(42,139,184,.13) 58px 60px,transparent 60px 140px),
   radial-gradient(40% 34% at 72% 58%,rgba(36,120,96,.32),transparent 70%),
   radial-gradient(34% 30% at 26% 30%,rgba(12,84,120,.42),transparent 72%),
   radial-gradient(20% 18% at 60% 22%,rgba(144,180,48,.10),transparent 70%);
  mask-image:radial-gradient(64% 64% at 50% 52%,#000 30%,transparent 82%);-webkit-mask-image:radial-gradient(64% 64% at 50% 52%,#000 30%,transparent 82%);
  animation:drift 22s ease-in-out infinite alternate}
@keyframes drift{to{transform:translate3d(-3%,2%,0) rotate(-1.2deg)}}
.status{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--hair-2);background:var(--glass);backdrop-filter:blur(8px);border-radius:999px;padding:7px 15px;color:var(--soft)}
.status::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--lime);animation:ping 2.4s ease-out infinite}
@keyframes ping{0%{box-shadow:0 0 0 0 rgba(144,180,48,.55)}80%,100%{box-shadow:0 0 0 9px rgba(144,180,48,0)}}
/* Correctif 2026-10-27: le h1 etait borne a 15ch de sa propre police (32 px) et le degrade
   n'est peint que dans la boite: « ANSWERED » et « RÉPONDU » debordaient et devenaient transparents. */
.hero h1{margin:26px auto 0;max-width:1000px;text-wrap:balance}
.hero.page h1{margin-left:0}
.l1{display:block;font-family:var(--f-display);font-stretch:66%;font-weight:850;text-transform:uppercase;font-size:clamp(40px,8vw,96px);line-height:.98;padding-block:.06em .02em;letter-spacing:-.005em;overflow-wrap:break-word;
  background:linear-gradient(100deg,#8D98B0 0%,#F4F6FA 22%,#AEB8CC 38%,#F4F6FA 52%,#8D98B0 70%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-box-decoration-break:clone;box-decoration-break:clone;animation:sweep 2.6s .3s ease-out both}
.hero.page .l1{font-size:clamp(36px,6vw,72px)}
@keyframes sweep{from{background-position:100% 0}to{background-position:0 0}}
.l2{display:block;margin-top:.1em;padding-bottom:.08em;font-family:var(--f-serif);font-style:italic;font-weight:300;font-size:clamp(34px,6.4vw,78px);line-height:1.05;letter-spacing:-.01em;
  background:linear-gradient(90deg,var(--petrol-hi),#3FA88A 48%,var(--lime));-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.hero.page .l2{font-size:clamp(30px,4.6vw,56px)}
.lede{max-width:60ch;margin:24px auto 30px;color:var(--soft);font-size:18px}
.hero.page .lede{margin-left:0}
.ctas{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.hero.page .ctas{justify-content:flex-start}
.assure{display:flex;justify-content:center;gap:22px;flex-wrap:wrap;margin-top:24px;color:var(--dim)}
.assure span{display:inline-flex;align-items:center;gap:8px}
.assure span::before{content:"";width:12px;height:1px;background:var(--hair-2)}
.crumbs{font-size:13px;color:var(--dim);margin:0 0 6px}
.crumbs a{text-decoration:none}.crumbs a:hover{color:var(--fg)}
.crumbs span[aria-hidden]{margin:0 8px}

/* founder card */
.founder{margin:58px auto 0;max-width:920px;border-radius:22px;padding:1px;background:linear-gradient(140deg,rgba(217,223,234,.55),rgba(217,223,234,.06) 40%,rgba(144,180,48,.35));box-shadow:0 40px 90px -40px rgba(12,84,120,.65)}
.founder .in{border-radius:21px;overflow:hidden;display:grid;grid-template-columns:.9fr 1.1fr;background:linear-gradient(160deg,#0E1A3D,#070C1E);text-align:left}
.founder .ph{position:relative;min-height:340px}
.founder .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 18%}
.founder .tx{padding:34px}
.founder .tx b{display:block;font:300 28px/1.15 var(--f-serif);font-style:italic}
.founder .tx .role{color:var(--soft);font-size:14px;margin:6px 0 18px}
.founder .tx p{color:var(--soft);margin:0 0 14px}
.creds{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.creds span{border:1px solid var(--hair-2);border-radius:999px;padding:4px 11px;font-size:12.5px;color:var(--fg)}

/* sections */
.sec{padding-block:96px 0}
.sec.tight{padding-block:64px 0}
.kick{color:var(--lime)}
.sec h2,.h2{font-family:var(--f-display);font-stretch:68%;font-weight:820;text-transform:uppercase;font-size:clamp(30px,4.8vw,56px);line-height:1;margin:14px 0 14px;max-width:20ch;text-wrap:balance;padding-block:.04em}
.sec h2 em,.h2 em{font-family:var(--f-serif);font-style:italic;font-weight:300;text-transform:none;font-stretch:100%;color:var(--platinum)}
.sec .sub{color:var(--soft);max-width:62ch;margin:0 0 34px;font-size:17px}
.hair{height:1px;background:linear-gradient(90deg,transparent,var(--hair-2),transparent);margin-top:96px}

.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.serve{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:14px}
.who,.tile{position:relative;border:1px solid var(--hair);border-radius:16px;padding:24px;background:linear-gradient(180deg,rgba(16,24,48,.55),rgba(7,11,24,.4));min-width:0}
.who.feat,.tile.feat{border-color:rgba(144,180,48,.4);background:linear-gradient(160deg,rgba(36,120,96,.22),rgba(12,84,120,.16) 60%,rgba(7,11,24,.4))}
.who .mono,.tile .mono{color:var(--dim)}
.who.feat .mono,.tile.feat .mono{color:var(--lime)}
.who h3,.tile h3{margin:10px 0 6px;font-size:21px;font-weight:600;line-height:1.25}
.who p,.tile p{margin:0;color:var(--soft);font-size:15px}
.who ul.chips,.tile ul.chips{margin:14px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.chips li{border:1px solid var(--hair-2);border-radius:999px;padding:4px 11px;font-size:13px;color:var(--fg)}
a.tile{text-decoration:none;transition:border-color .3s ease,transform .3s ease}
a.tile:hover{border-color:var(--hair-2);transform:translateY(-2px)}
.tile .go{display:inline-block;margin-top:14px;color:var(--lime);font-size:14px;font-weight:600}

/* bento with spotlight */
.bento{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.card{--mx:50%;--my:50%;position:relative;overflow:hidden;border:1px solid var(--hair);border-radius:18px;padding:26px;background:var(--deep);min-width:0;transition:border-color .35s ease;text-decoration:none;display:block}
.card::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .35s ease;background:radial-gradient(420px circle at var(--mx) var(--my),rgba(144,180,48,.10),transparent 45%)}
.card:hover{border-color:var(--hair-2)}.card:hover::before{opacity:1}
.c-a{grid-column:span 4;grid-row:span 2}.c-b,.c-c,.c-d,.c-e{grid-column:span 2}.c-w{grid-column:span 3}
.card .mono{color:var(--dim)}
.card h3{margin:10px 0 8px;font-size:23px;font-weight:600;line-height:1.25}
.card p{margin:0;color:var(--soft);max-width:52ch}
.card .out{margin-top:18px;padding-top:14px;border-top:1px solid var(--hair);font-size:14px;color:var(--soft)}
.card .out b{color:var(--lime);font-weight:600}
.demo{margin-top:22px;border:1px solid var(--hair);border-radius:14px;background:rgba(4,6,13,.6);padding:14px;display:grid;gap:9px;max-width:440px}
.demo .t{display:flex;justify-content:space-between;color:var(--dim)}
.m{padding:10px 13px;border-radius:12px;font-size:14.5px;max-width:90%;transition:opacity .45s ease,transform .45s ease}
.m.hide{opacity:0;transform:translateY(6px)}
.m.in{background:#121C3C;border:1px solid var(--hair)}
.m.out{background:linear-gradient(135deg,#1F6E58,var(--emerald));margin-left:auto}
.m.sys{border:1px dashed var(--hair-2);color:var(--soft);font-size:13px}

/* case */
.case{display:grid;grid-template-columns:1.05fr 1fr;border:1px solid var(--hair);border-radius:20px;overflow:hidden}
.case .l{padding:34px;background:linear-gradient(160deg,#0E1A3D,#08102A)}
.case .l h3{font:300 30px/1.15 var(--f-serif);font-style:italic;margin:12px 0}
.case .l p{color:var(--soft);margin:0 0 10px}
.case .r{display:grid;grid-template-columns:1fr 1fr}
.metric{padding:28px;border-left:1px solid var(--hair);border-bottom:1px solid var(--hair)}
.metric:nth-child(n+3){border-bottom:0}
.metric b{display:block;font-family:var(--f-display);font-stretch:66%;font-weight:800;font-size:40px;line-height:1.05;font-variant-numeric:tabular-nums;color:var(--platinum)}
.metric span{color:var(--soft);font-size:13.5px}
.tbm{display:inline-block;margin-top:6px;font:500 10.5px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--gold);border:1px solid rgba(231,199,102,.35);border-radius:4px;padding:1px 6px}

/* steps + guarantees */
.steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--hair)}
.steps.four{grid-template-columns:repeat(4,1fr)}
.step{padding:26px 26px 0 0;min-width:0}
.step + .step{padding-left:26px;border-left:1px solid var(--hair)}
.step .mono{color:var(--lime)}
.step h3{margin:10px 0 6px;font-size:20px;font-weight:600}
.step p{margin:0;color:var(--soft);font-size:15px}
.guar{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:40px}
.g{border:1px solid var(--hair);border-radius:14px;padding:20px;background:var(--glass)}
.g b{display:block;font:300 21px var(--f-serif);font-style:italic;margin-bottom:4px}
.g span{color:var(--soft);font-size:14.5px}

/* key point (AEO) */
.key{border:1px solid rgba(144,180,48,.35);border-left:3px solid var(--lime);border-radius:12px;padding:20px 22px;background:rgba(36,120,96,.08);margin:0 0 28px}
.key .mono{color:var(--lime);display:block;margin-bottom:6px}
.key p{margin:0;color:var(--fg);font-size:16.5px}

/* pricing */
.price{border:1px solid var(--hair);border-radius:18px;padding:28px;background:var(--deep);display:flex;flex-direction:column;gap:10px;min-width:0}
.price.feat{border-color:rgba(144,180,48,.45);box-shadow:0 30px 70px -40px rgba(144,180,48,.45)}
.price .mono{color:var(--dim)}.price.feat .mono{color:var(--lime)}
.price h3{margin:0;font-size:22px}
.price .amt{font-family:var(--f-display);font-stretch:66%;font-weight:800;font-size:44px;line-height:1;color:var(--platinum)}
.price .amt small{font:400 15px var(--f-body);color:var(--soft);margin-left:6px}
.price ul{margin:6px 0 0;padding:0;list-style:none;display:grid;gap:9px;color:var(--soft);font-size:15px}
.price li{display:flex;gap:10px}
.price li::before{content:"";flex:none;width:14px;height:1px;background:var(--lime);margin-top:12px}
.price .btn{margin-top:auto;justify-content:center}

/* booking card */
.book{margin-top:96px;display:grid;grid-template-columns:1fr 1.1fr;border-radius:24px;overflow:hidden;border:1px solid var(--hair-2);box-shadow:0 50px 100px -50px rgba(12,84,120,.7)}
.book .l{padding:40px;background:linear-gradient(160deg,#0D1838,#060B1C)}
.book .l ul{padding:0;margin:20px 0 0;list-style:none;display:grid;gap:12px;color:var(--soft)}
.book .l li{display:flex;gap:12px}
.book .l li::before{content:"";flex:none;width:18px;height:1px;background:var(--lime);margin-top:12px}
.book .r{background:var(--ivory);color:var(--ivory-ink);padding:18px;color-scheme:light;min-width:0}
.book .r .mono{color:#5A6585;padding:8px 8px 0;display:block}
.book iframe{width:100%;border:0;display:block;min-height:560px;background:var(--ivory)}
.book .r small{display:block;color:#5A6585;font-size:12.5px;padding:4px 8px 6px}
.embed-cal{border-radius:20px;overflow:hidden;background:var(--ivory);border:1px solid var(--hair-2);color-scheme:light}
.embed-cal iframe{width:100%;border:0;min-height:760px;display:block}

/* faq */
.faq{border-top:1px solid var(--hair)}
.faq details{border-bottom:1px solid var(--hair);padding-block:20px}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;font-size:18px;font-weight:500}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font:300 26px/1 var(--f-serif);color:var(--lime);transition:transform .3s ease;flex:none}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq p{color:var(--soft);margin:12px 0 0;max-width:72ch}

/* prose (articles, legal) */
.prose{font-size:17.5px;line-height:1.75;color:#D6DCE8}
.prose h2{font-family:var(--f-display);font-stretch:72%;font-weight:780;font-size:clamp(26px,3.4vw,36px);line-height:1.1;text-transform:none;margin:48px 0 14px;color:var(--fg)}
.prose h3{font-size:21px;margin:34px 0 10px;color:var(--fg)}
.prose h4{font-size:18px;margin:26px 0 8px;color:var(--fg)}
.prose p{margin:0 0 18px}
.prose a{color:var(--lime);text-underline-offset:3px}
.prose ul,.prose ol{padding-left:22px;margin:0 0 20px}
.prose li{margin-bottom:8px}
.prose blockquote{margin:24px 0;padding:14px 20px;border-left:3px solid var(--lime);background:rgba(36,120,96,.08);border-radius:0 10px 10px 0;color:var(--fg)}
.prose table{width:100%;border-collapse:collapse;margin:0 0 24px;font-size:15px;display:block;overflow-x:auto}
.prose th,.prose td{border:1px solid var(--hair-2);padding:9px 11px;text-align:left;vertical-align:top}
.prose th{background:rgba(16,24,48,.7);color:var(--fg)}
.prose img{border-radius:12px;margin:18px 0}
.prose hr{border:0;border-top:1px solid var(--hair);margin:36px 0}
.prose code{font-family:var(--f-mono);font-size:.88em;background:rgba(16,24,48,.8);padding:2px 6px;border-radius:5px}
.prose *{max-width:100%}
.prose [style*="color"]{color:inherit!important}
.prose [style*="background"]{background:transparent!important}
.post-head{padding-block:64px 26px}
.post-head h1{font-family:var(--f-display);font-stretch:72%;font-weight:800;font-size:clamp(32px,5vw,56px);line-height:1.05;margin:12px 0 18px;text-wrap:balance}
.meta{display:flex;flex-wrap:wrap;gap:10px 18px;color:var(--dim);font-size:14px;align-items:center}
.meta img{width:34px;height:34px;border-radius:50%;object-fit:cover}
.cover{border-radius:18px;overflow:hidden;border:1px solid var(--hair);margin:8px 0 40px;aspect-ratio:16/8.4;background:var(--deep)}
.cover img{width:100%;height:100%;object-fit:cover}
.author-box{display:flex;gap:18px;align-items:center;border:1px solid var(--hair);border-radius:16px;padding:20px;margin-top:48px;background:var(--glass)}
.author-box img{width:72px;height:72px;border-radius:50%;object-fit:cover;flex:none}
.author-box p{margin:4px 0 0;color:var(--soft);font-size:14.5px}
.cta-box{border:1px solid rgba(144,180,48,.4);border-radius:18px;padding:26px;margin-top:40px;background:linear-gradient(160deg,rgba(36,120,96,.18),rgba(12,84,120,.12))}
.cta-box h3{margin:0 0 8px;font-size:22px}
.cta-box p{margin:0 0 16px;color:var(--soft)}

/* blog list */
.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.pcard{display:flex;flex-direction:column;border:1px solid var(--hair);border-radius:16px;overflow:hidden;background:var(--deep);text-decoration:none;transition:border-color .3s ease,transform .3s ease;min-width:0}
.pcard:hover{border-color:var(--hair-2);transform:translateY(-2px)}
.pcard .im{aspect-ratio:16/9;background:#0E1630;overflow:hidden}
.pcard .im img{width:100%;height:100%;object-fit:cover}
.pcard .bd{padding:18px;display:flex;flex-direction:column;gap:8px;flex:1}
.pcard .mono{color:var(--lime)}
.pcard h3{margin:0;font-size:18px;line-height:1.3}
.pcard p{margin:0;color:var(--soft);font-size:14.5px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pcard .dt{margin-top:auto;color:var(--dim);font-size:13px}
.cats{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 28px}
.cats a{border:1px solid var(--hair-2);border-radius:999px;padding:6px 13px;font-size:13.5px;text-decoration:none;color:var(--soft)}
.cats a:hover,.cats a[aria-current="page"]{color:var(--ink);background:var(--platinum);border-color:var(--platinum)}

/* footer */
footer{margin-top:110px;border-top:1px solid var(--hair);padding-block:56px 40px;color:var(--dim);font-size:14px;background:linear-gradient(180deg,transparent,rgba(12,84,120,.06))}
.fgrid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:28px}
.fgrid h4{margin:0 0 12px;color:var(--fg);font:500 12px var(--f-mono);letter-spacing:.14em;text-transform:uppercase}
.fgrid a{display:block;text-decoration:none;color:var(--soft);padding:4px 0}
.fgrid a:hover{color:var(--fg)}
.fgrid p{margin:10px 0 0;color:var(--soft)}
.fbot{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:40px;padding-top:22px;border-top:1px solid var(--hair)}
.social{display:flex;gap:14px;flex-wrap:wrap}
.social a{text-decoration:none;color:var(--soft)}

@media (max-width:980px){
  .links{display:none}
  .burger{display:inline-flex}
  .serve,.guar,.grid3,.posts{grid-template-columns:1fr 1fr}
  .bento{grid-template-columns:1fr}.c-a,.c-b,.c-c,.c-d,.c-e,.c-w{grid-column:auto;grid-row:auto}
  .case,.book,.founder .in{grid-template-columns:1fr}
  .founder .ph{min-height:380px}
  .steps,.steps.four{grid-template-columns:1fr}.step,.step + .step{padding:22px 0 0;border-left:0}
  .fgrid{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .serve,.guar,.grid2,.grid3,.posts{grid-template-columns:1fr}
  .case .r{grid-template-columns:1fr}.metric{border-left:0}.metric:nth-child(3){border-bottom:1px solid var(--hair)}
  .book .l{padding:26px}.book .r{padding:8px}
  .hero{padding-block:60px 56px}
  .fgrid{grid-template-columns:1fr}
  .founder .tx{padding:24px}
  .lede{font-size:17px}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}