/* Clausey marketing — shared sub-page styles */
:root{--bg:#fff;--ink:#12141A;--ink2:#4B4E56;--ink3:#8A8D94;--line:#E6E6E9;--line-sub:#F0F0F2;--panel:#F7F7F8;--subtle:#FAFAFB;--accent:#2F57D6;--accent-hover:#2A4EBE;--accent-sub:#EBF0FD;--blue:#3B6FE5;--teal:#0FA093;--green:#16A75C;--purple:#8257E6;--pink:#EC407F;--amber:#F2B01E;--shadow-sm:0 1px 2px rgba(36,38,74,.06),0 2px 4px rgba(36,38,74,.05);--shadow-lg:0 4px 8px rgba(36,38,74,.06),0 24px 60px rgba(36,38,74,.14);}
*{box-sizing:border-box;}html{scroll-behavior:smooth;}
body{margin:0;font-family:Geist,ui-sans-serif,system-ui,sans-serif;color:var(--ink);background:var(--bg);letter-spacing:-0.01em;-webkit-font-smoothing:antialiased;}
a{color:inherit;text-decoration:none;}h1,h2,h3{margin:0;letter-spacing:-0.03em;line-height:1.05;}p{margin:0;}
.wrap{max-width:1100px;margin:0 auto;padding:0 32px;}
.nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.85);backdrop-filter:blur(14px) saturate(1.4);border-bottom:1px solid var(--line-sub);}
.nav-in{max-width:1100px;margin:0 auto;padding:0 32px;height:62px;display:flex;align-items:center;gap:10px;}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:17px;}
.brand .mk{width:26px;height:26px;border-radius:8px;background:linear-gradient(135deg,var(--accent),#6b5cf0);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;}
.nlinks{display:flex;gap:2px;margin-left:18px;}
.nlinks a{padding:8px 11px;border-radius:8px;font-size:13.5px;font-weight:500;color:var(--ink2);}
.nlinks a:hover{background:var(--panel);color:var(--ink);}
.nav-r{margin-left:auto;display:flex;gap:10px;align-items:center;}
/* Mobile nav menu (hamburger) — shown on subpages at <=900px, matching the homepage */
.mm-btn{display:none;width:38px;height:38px;border-radius:9px;border:1px solid var(--line);background:#fff;align-items:center;justify-content:center;color:var(--ink);cursor:pointer;box-shadow:var(--shadow-sm);flex-shrink:0;}
.mm-btn svg{width:18px;height:18px;stroke-width:1.75;}
.mmenu{display:none;border-top:1px solid var(--line-sub);background:rgba(255,255,255,.97);backdrop-filter:blur(14px);padding:10px 20px 16px;flex-direction:column;gap:2px;}
.mmenu.open{display:flex;}
.mmenu a{padding:12px 10px;border-radius:9px;font-size:15px;font-weight:600;color:var(--ink);}
.mmenu a:hover{background:var(--panel);}
@media(max-width:900px){.mm-btn{display:inline-flex;}}
.btn{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 16px;border-radius:10px;font-family:inherit;font-size:13.5px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:background .15s,transform .15s;white-space:nowrap;}
.btn-primary{background:var(--accent);color:#fff;box-shadow:var(--shadow-sm);}
.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px);}
.btn-line{background:#fff;color:var(--ink);border-color:var(--line);box-shadow:var(--shadow-sm);}
.btn-line:hover{background:var(--panel);}
.phero{position:relative;overflow:hidden;padding:74px 24px 60px;text-align:center;}
.phero::before{content:"";position:absolute;inset:0;background:radial-gradient(760px 420px at 80% -10%,#E7ECFB,transparent 60%),radial-gradient(600px 360px at 8% 0%,#EDE8F8,transparent 55%);}
.phero>*{position:relative;}
.crumb{font-size:13px;font-weight:600;color:var(--ink3);}
.crumb a{color:var(--accent);}
.kicker{display:inline-flex;align-items:center;gap:8px;margin-top:18px;font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);}
.kicker .kd{width:9px;height:9px;border-radius:3px;}
.phero h1{margin:16px auto 0;max-width:760px;font-size:52px;font-weight:600;letter-spacing:-0.04em;}
.phero .lead{margin:18px auto 0;max-width:600px;font-size:18px;line-height:1.55;color:var(--ink2);font-weight:500;}
.phero .cta{margin-top:26px;display:flex;gap:12px;justify-content:center;}
section.blk{padding:78px 0;}
.blk.tint{background:var(--subtle);border-top:1px solid var(--line-sub);border-bottom:1px solid var(--line-sub);}
.sec-head{max-width:640px;}.sec-head.center{margin:0 auto;text-align:center;}
.sec-k{font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);}
h2.h2{margin-top:12px;font-size:36px;font-weight:600;letter-spacing:-0.035em;}
.sec-lead{margin-top:14px;font-size:16.5px;line-height:1.55;color:var(--ink2);font-weight:500;}
.grid3{margin-top:42px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.card{border:1px solid var(--line);border-radius:16px;padding:24px;background:#fff;box-shadow:var(--shadow-sm);transition:box-shadow .2s,transform .2s;}
.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px);}
.card .ic{width:42px;height:42px;border-radius:11px;display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:14px;}
.card .ic svg{width:19px;height:19px;stroke-width:1.75;}
.card h3{font-size:17.5px;font-weight:600;}
.card p{margin-top:8px;font-size:14px;line-height:1.6;color:var(--ink2);}
.rows{margin-top:42px;display:flex;flex-direction:column;gap:14px;}
.row{display:flex;gap:18px;align-items:flex-start;border:1px solid var(--line);border-radius:16px;padding:22px 24px;background:#fff;box-shadow:var(--shadow-sm);}
.row .ic{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;}
.row .ic svg{width:18px;height:18px;stroke-width:1.75;}
.row h3{font-size:16.5px;font-weight:600;}
.row p{margin-top:6px;font-size:14px;line-height:1.6;color:var(--ink2);}
.statband{margin-top:42px;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--shadow-sm);overflow:hidden;}
.stat{padding:26px 20px;text-align:center;border-right:1px solid var(--line-sub);}
.stat:last-child{border-right:none;}
.stat .v{font-size:34px;font-weight:600;letter-spacing:-0.035em;color:var(--accent);}
.stat .k{margin-top:6px;font-size:13px;color:var(--ink3);font-weight:500;}
.quote{max-width:760px;margin:0 auto;text-align:center;}
.quote blockquote{margin:0;font-size:24px;font-weight:500;line-height:1.45;letter-spacing:-0.02em;}
.quote .who{margin-top:20px;display:flex;align-items:center;justify-content:center;gap:12px;}
.quote .who img{width:44px;height:44px;border-radius:50%;object-fit:cover;}
.quote .nm{font-size:14px;font-weight:600;text-align:left;}
.quote .tt{font-size:12.5px;color:var(--ink3);text-align:left;}
.posts{margin-top:42px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.post{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff;box-shadow:var(--shadow-sm);transition:box-shadow .2s,transform .2s;cursor:pointer;}
.post:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px);}
.post .cover{height:150px;position:relative;overflow:hidden;}
.post .cover img.ph{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s;}
.post:hover .cover img.ph{transform:scale(1.05);}
.post .badge{position:absolute;left:14px;bottom:12px;background:rgba(255,255,255,.92);border-radius:7px;padding:4px 9px;font-size:11px;font-weight:700;color:var(--ink2);letter-spacing:.03em;text-transform:uppercase;}
.post .body{padding:17px;}
.post h3{font-size:16.5px;font-weight:600;line-height:1.35;}
.post .meta{margin-top:10px;display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink3);}
.post .meta img{width:22px;height:22px;border-radius:50%;object-fit:cover;}
.cases{margin-top:42px;display:grid;grid-template-columns:repeat(2,1fr);gap:18px;}
.case{border:1px solid var(--line);border-radius:18px;padding:26px;background:#fff;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:14px;transition:box-shadow .2s,transform .2s;}
.case:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px);}
.case .co{display:flex;align-items:center;gap:10px;font-weight:700;font-size:16px;}
.case .cm{width:30px;height:30px;border-radius:9px;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;}
.case p{font-size:14px;line-height:1.6;color:var(--ink2);}
.case .kpis{display:flex;gap:24px;}
.case .kpi .v{font-size:23px;font-weight:600;color:var(--accent);letter-spacing:-0.03em;}
.case .kpi .k{font-size:12px;color:var(--ink3);margin-top:2px;}
.plans{margin-top:42px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.plan{position:relative;border:1px solid var(--line);border-radius:18px;padding:28px;background:#fff;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;}
.plan.pop{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),var(--shadow-lg);}
.plan .pop-badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--accent);color:#fff;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:5px 12px;border-radius:999px;white-space:nowrap;}
.plan .pname{font-size:16px;font-weight:700;}
.plan .pfor{margin-top:5px;font-size:13px;color:var(--ink3);}
.plan .price{margin-top:16px;display:flex;align-items:baseline;gap:6px;}
.plan .price .v{font-size:38px;font-weight:600;letter-spacing:-0.04em;}
.plan .price .per{font-size:13px;color:var(--ink3);}
.plan .pcta{margin-top:16px;width:100%;justify-content:center;}
.plan ul{margin:20px 0 0;padding:16px 0 0;border-top:1px solid var(--line-sub);list-style:none;display:flex;flex-direction:column;gap:10px;}
.plan li{display:flex;gap:10px;font-size:13.5px;color:var(--ink2);line-height:1.45;}
.plan li svg{width:15px;height:15px;color:var(--accent);flex-shrink:0;margin-top:2px;stroke-width:2.2;}
.plan li b{color:var(--ink);font-weight:600;}
.faq{max-width:720px;margin:42px auto 0;}
.faq details{border:1px solid var(--line);border-radius:12px;background:#fff;margin-bottom:10px;box-shadow:var(--shadow-sm);}
.faq summary{padding:16px 18px;font-size:15px;font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;}
.faq summary::after{content:"+";color:var(--ink3);font-size:18px;}
.faq details[open] summary::after{content:"–";}
.faq .a{padding:0 18px 16px;font-size:14px;line-height:1.6;color:var(--ink2);}
.ctaband{margin:20px auto 78px;max-width:1100px;padding:0 32px;}
.cta-in{position:relative;overflow:hidden;border-radius:22px;padding:54px 40px;text-align:center;background:linear-gradient(135deg,#1B1F3B,#2A2E63 55%,#3A3F82);color:#fff;}
.cta-in::before{content:"";position:absolute;inset:0;background:radial-gradient(500px 260px at 80% -20%,rgba(123,91,240,.5),transparent 60%);}
.cta-in h2{position:relative;font-size:36px;font-weight:600;letter-spacing:-0.03em;}
.cta-in p{position:relative;margin:14px auto 0;max-width:480px;font-size:16px;line-height:1.5;color:rgba(255,255,255,.8);}
.cta-in .rw{position:relative;margin-top:24px;display:flex;gap:12px;justify-content:center;}
.btn-white{background:#fff;color:#1B1F3B;}
footer{border-top:1px solid var(--line-sub);padding:34px 0;background:var(--subtle);}
.foot{display:flex;align-items:center;gap:16px;font-size:13px;color:var(--ink3);}
.foot .r{margin-left:auto;display:flex;gap:18px;}
.foot .r a:hover{color:var(--ink);}
.sr{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--d,0)*80ms);}
.sr.in{opacity:1;transform:none;}
@media(max-width:900px){
  .nlinks{display:none;}
  .wrap,.nav-in{padding:0 20px;}
  .phero{padding:54px 20px 44px;}
  .phero h1{font-size:clamp(30px,8vw,40px);}
  .phero .lead{font-size:16px;}
  h2.h2{font-size:clamp(26px,6vw,32px);}
  section.blk{padding:56px 0;}
  .grid3,.posts,.plans,.founders{grid-template-columns:1fr!important;}
  .cases{grid-template-columns:1fr!important;}
  .statband{grid-template-columns:1fr;}
  .stat{border-right:none;border-bottom:1px solid var(--line-sub);}
  .stat:last-child{border-bottom:none;}
  .row{flex-direction:row;}
  .quote blockquote{font-size:20px;}
  .ctaband{padding:0 20px;}
  .cta-in{padding:40px 22px;}
  .cta-in h2{font-size:28px;}
  .cta-in .rw{flex-direction:column;align-items:stretch;}
  .cta-in .rw .btn{justify-content:center;}
  .foot{flex-wrap:wrap;}
  .foot .r{margin-left:0;width:100%;flex-wrap:wrap;gap:12px;}
}
@media(max-width:480px){
  .nav-r .btn-line{display:none;}
  .phero .cta{flex-direction:column;align-items:stretch;}
  .phero .cta .btn{justify-content:center;}
}

/* --- blog article --- */
.ahead{max-width:760px;margin:0 auto;padding:46px 24px 0;}
.ahead h1{margin-top:14px;font-size:clamp(30px,5.6vw,44px);font-weight:600;letter-spacing:-0.035em;line-height:1.12;}
.byline{margin-top:18px;display:flex;align-items:center;gap:11px;}
.byline img{width:38px;height:38px;border-radius:50%;object-fit:cover;}
.byline .nm{font-size:14px;font-weight:600;}
.byline .dt{font-size:12.5px;color:var(--ink3);}
.byline .badge2{margin-left:auto;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--accent);background:var(--accent-sub);border-radius:7px;padding:4px 9px;white-space:nowrap;}
.article{max-width:760px;margin:0 auto;padding:6px 24px 70px;}
.article img.cover{width:100%;height:min(380px,44vw);object-fit:cover;border-radius:16px;box-shadow:var(--shadow-sm);margin-top:26px;}
.article p{margin:18px 0 0;font-size:16px;line-height:1.75;color:var(--ink2);}
.article p.open{font-size:18.5px;color:var(--ink);font-weight:500;line-height:1.65;}
.article h2{margin:36px 0 0;font-size:24px;font-weight:600;letter-spacing:-0.025em;}
.article b{color:var(--ink);font-weight:600;}
.article blockquote{margin:24px 0 0;padding:14px 20px;border-left:3px solid var(--accent);background:var(--subtle);border-radius:0 12px 12px 0;font-size:16.5px;font-weight:500;color:var(--ink);line-height:1.6;}
.article ul{margin:16px 0 0;padding-left:22px;}
.article li{font-size:15.5px;line-height:1.7;color:var(--ink2);margin-top:8px;}
@media(max-width:640px){.article p{font-size:15px;}.byline .badge2{display:none;}}