/* Capiro public website — Design System v2 */
:root {
  --ink:#131A24; --ink-2:#263243; --paper:#F0F1F4; --white:#FFFFFF;
  --line:#DFE2E8; --line-strong:#B6BFCC; --muted:#616B79; --copy:#48525F;
  --rust:#A85F42; --positive:#2F6B4F;
  --font-sans:'Hanken Grotesk',ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --font-mono:'IBM Plex Mono',ui-monospace,SFMono-Regular,Consolas,monospace;
  /* Backward-compatible legal-page aliases. */
  --navy-deep:#131A24; --navy:#131A24; --navy-mid:#1B2634; --navy-border:#354153;
  --steel:#C2CAD6; --steel-dim:#AAB5C4; --text-muted:#8792A3; --blue-bright:#A85F42;
  --serif:var(--font-sans); --sans:var(--font-sans);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--ink)}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body.modal-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{border:0}
img{max-width:100%}
::selection{background:var(--ink);color:var(--white)}
.skip-link{position:fixed;left:12px;top:10px;z-index:10000;background:#fff;color:#131A24;padding:10px 14px;transform:translateY(-160%);border:2px solid #131A24;font-weight:700}
.skip-link:focus{transform:none}
#main-content{position:absolute;top:0;left:0}
@keyframes riseIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}

/* Shared navigation */
.site-header{position:relative;z-index:200;display:flex;align-items:center;gap:clamp(14px,2.5vw,32px);padding:18px clamp(18px,4.5vw,44px);border-bottom:1px solid var(--line);background:#fff;color:var(--ink)}
.page-home .site-header{position:absolute;inset:0 0 auto;padding-top:20px;padding-bottom:20px;background:transparent;color:#fff;border-bottom-color:rgba(166,178,201,.16)}
.site-logo{display:block;flex:none;height:19px}
.site-logo img{height:19px;width:auto;display:block}
.page-home .site-logo,.page-home .site-logo img{height:20px}
.site-logo-light{display:none!important}.page-home .site-logo-light{display:block!important}.page-home .site-logo-dark{display:none!important}
.site-header-spacer{flex:1;min-width:12px}
.site-nav{display:flex;align-items:center;gap:clamp(14px,2.5vw,32px)}
.site-nav-pages,.site-nav-actions{display:flex;align-items:center;gap:26px}
.site-nav-actions{gap:14px}
.site-nav a,.site-demo{font-size:13.5px;font-weight:600;letter-spacing:.01em;white-space:nowrap;background:transparent;color:#263243;padding:0;cursor:pointer}
.page-home .site-nav a{color:#C2CAD6}.page-home .site-nav a:hover{color:#fff}
.site-nav a:hover{color:#131A24}
.site-nav-divider{width:1px;height:18px;background:var(--line)}
.page-home .site-nav-divider{background:rgba(166,178,201,.28)}
.site-demo{background:#131A24;color:#fff!important;font-weight:700;padding:9px 16px;letter-spacing:normal}
.site-signin{letter-spacing:normal!important}.site-demo:hover{background:#263243}.page-home .site-demo{background:#fff;color:#131A24!important}.page-home .site-demo:hover{background:#E1E6ED}
.page-home [data-nav=platform],.page-solutions [data-nav=solutions],.page-insights [data-nav=insights]{font-weight:700!important;color:#131A24!important;border-bottom:2px solid #131A24;padding-bottom:2px}
.page-home [data-nav=platform]{color:#fff!important;border-bottom-color:#fff}
.nav-toggle{display:none;width:38px;height:34px;border:1px solid #C3CBD7;background:transparent;align-items:center;justify-content:center;flex-direction:column;gap:4px;padding:0;cursor:pointer}
.nav-toggle span{display:block;width:16px;height:2px;background:#131A24;transition:transform .18s ease}
.page-home .nav-toggle{border-color:rgba(166,178,201,.4)}.page-home .nav-toggle span{background:#E1E6ED}
.nav-toggle.open span:first-child{transform:translateY(3px) rotate(45deg)}.nav-toggle.open span:last-child{transform:translateY(-3px) rotate(-45deg)}

.prototype-page{background:#F0F1F4;color:#131A24;font-family:var(--font-sans);overflow:hidden}
.prototype-page button{cursor:pointer}
.scp0:hover{background:#E1E6ED!important}.scp1:hover{border-color:#fff!important;color:#fff!important}.scp2{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.scp2:hover{transform:translateY(-2px);box-shadow:0 16px 30px -22px rgba(19,26,36,.45);border-color:#B6BFCC!important}.scp3:hover{background:#263243!important}
.home-hero{height:100svh!important}
.home-hero-fallback,.home-hero-video{position:absolute;inset:0;width:100%;height:100%}
.home-hero-fallback{background:radial-gradient(120% 90% at 62% 34%,#22303F 0%,#161F2B 45%,#0E141C 100%)}
.home-hero-video{display:block;object-fit:cover;object-position:center 42%;pointer-events:none}
@media(prefers-reduced-motion:reduce){.home-hero-video{display:none}}

/* Integration inventory */
.integrations-section{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.integrations-inner{max-width:1240px;margin:0 auto;padding:92px clamp(18px,4.5vw,44px) 96px}
.prototype-kicker-row{display:flex;align-items:center;gap:12px}.prototype-kicker{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;font-weight:600}.prototype-rule{height:1px;background:var(--line-strong);flex:1}.prototype-meta{font-family:var(--font-mono);font-size:11px;letter-spacing:.07em;color:var(--muted)}
.integrations-intro{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:52px;align-items:end;margin-top:30px}
.integrations-intro h2{margin:0;font-weight:600;font-size:clamp(28px,4vw,40px);line-height:1.08;letter-spacing:-.02em;text-wrap:pretty}
.integrations-intro p{font-size:15px;line-height:1.62;color:var(--copy);margin:0;text-wrap:pretty}
.integration-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);margin-top:36px;background:var(--line);gap:1px}
.integration-group{background:#fff;padding:26px 26px 24px;min-width:0}
.integration-category{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.12em;color:var(--rust);font-weight:600;min-height:28px}
.integration-list{display:grid;gap:13px;margin-top:15px}.integration-item{display:grid;grid-template-columns:38px minmax(0,1fr);gap:13px;align-items:center}.integration-mark{width:38px;height:38px;background:#F0F1F4;border:1px solid #C3CBD7;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:10px;letter-spacing:.04em;font-weight:600;color:#263243}.integration-item strong{display:block;font-size:14px;line-height:1.2}.integration-item small{display:block;margin-top:3px;font-size:12px;line-height:1.35;color:#616B79}

/* Product surfaces: retain full interface detail without creating page overflow. */
.product-frame-scroll{width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-color:#8792A3 #EAEDF1;scrollbar-width:thin;padding-bottom:2px}
.product-frame-scroll:focus-visible{outline:2px solid #A85F42;outline-offset:4px}

/* Live insights cards (same visual grammar as the prototype fallback). */
.insights-status{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.04em;color:#616B79;min-height:1.4em;margin:14px 0 0}
.insight-card{background:#fff;border:1px solid #DFE2E8;color:#131A24;display:flex!important;flex-direction:column;min-height:100%}
.insight-cover{height:146px;background:#131A24;display:flex;align-items:flex-end;padding:16px 18px;color:#AAB5C4;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.08em}
.insight-card-body{padding:22px 22px 24px;display:flex;flex-direction:column;flex:1}.insight-date{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.08em;color:#8C4A31}.insight-title{font-size:20px;line-height:1.18;margin:12px 0 0;font-weight:700;letter-spacing:-.012em}.insight-excerpt{font-size:13.5px;line-height:1.55;color:#48525F;margin:12px 0 20px}.insight-read{margin-top:auto;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.08em;color:#616B79}

/* Target footer */
.site-footer{background:#fff;border-top:1px solid var(--line);color:#131A24}.site-footer-inner{max-width:1240px;margin:0 auto;padding:48px clamp(18px,4.5vw,44px) 40px}.site-footer-top{display:flex;align-items:flex-start;gap:40px;flex-wrap:wrap}.site-footer-brand{flex:1;min-width:260px}.site-footer-brand img{height:18px;width:auto;display:block}.site-footer-brand div,.site-footer-label,.site-footer-bottom{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.07em;color:#616B79}.site-footer-brand div{font-size:11px;letter-spacing:.08em;margin-top:12px}.site-footer-label{font-size:11px;letter-spacing:.11em}.site-footer-contact{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.site-footer-contact a,.footer-demo{font-size:13.5px;font-weight:600;color:#263243;background:none;padding:0;cursor:pointer}.site-footer-contact a:hover,.footer-demo:hover{color:#8C4A31}.site-footer-bottom{display:flex;align-items:center;gap:18px;border-top:1px solid #EAEDF1;margin-top:36px;padding-top:16px}.site-footer-bottom-spacer{flex:1}.site-footer-bottom a:hover{color:#8C4A31}

/* Demo request modal */
.modal-overlay{position:fixed;inset:0;z-index:1000;background:rgba(8,12,18,.72);display:none;align-items:flex-start;justify-content:center;padding:clamp(18px,5vh,48px) 18px;overflow:auto}.modal-overlay.open{display:flex}.modal-box{position:relative;width:min(620px,100%);background:#F0F1F4;border:1px solid #C3CBD7;box-shadow:0 32px 80px rgba(0,0,0,.42);padding:42px}.modal-close{position:absolute;right:14px;top:11px;background:transparent;color:#616B79;font-size:28px;line-height:1;cursor:pointer}.modal-close:hover{color:#131A24}.modal-eyebrow,.form-label,.fs-sched-label{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.12em;font-weight:600;color:#8C4A31}.modal-title{font-size:36px;line-height:1.08;letter-spacing:-.025em;margin:16px 0 0}.modal-sub{font-size:15px;line-height:1.6;color:#48525F;margin:14px 0 28px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-group{margin:0 0 16px}.form-label{display:block;color:#616B79;margin-bottom:7px}.form-label span{font-size:9px;color:#8792A3}.form-input,.form-select{width:100%;height:44px;border:1px solid #B6BFCC;background:#fff;color:#131A24;border-radius:0;padding:0 12px;font-size:14px;outline:none}.form-input:focus,.form-select:focus{border-color:#131A24;box-shadow:0 0 0 1px #131A24}.form-error{min-height:20px;color:#A32B23;font-size:13px;margin:0 0 8px}.form-submit,.btn-schedule{width:100%;display:block;text-align:center;background:#131A24;color:#fff;padding:13px 18px;font-size:14px;font-weight:700;cursor:pointer}.form-submit:hover,.btn-schedule:hover{background:#263243}.form-submit:disabled{opacity:.65;cursor:wait}.form-note{text-align:center;font-size:11.5px;color:#616B79;margin:10px 0 0}.form-success{text-align:center;padding:18px 0 6px}.form-success[hidden]{display:none}.fs-icon{width:46px;height:46px;margin:0 auto;background:#2F6B4F;color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px}.fs-title{font-size:30px;margin:18px 0 0}.fs-sub,.fs-sched-text{font-size:14.5px;line-height:1.55;color:#48525F}.fs-divider{height:1px;background:#C3CBD7;margin:26px 0}.fs-skip{background:none;color:#616B79;text-decoration:underline;text-underline-offset:3px;margin-top:14px;cursor:pointer;font-size:12px}

/* Existing legal templates, re-skinned instead of rewritten. */
.page-privacy,.page-terms{background:#131A24}.page-privacy .site-header,.page-terms .site-header{background:#fff}.page-privacy #main-content+div,.page-terms #main-content+div{padding-top:0!important}.page-hero{background:#131A24;padding:78px 48px 64px;border-bottom:1px solid #354153}.page-hero-inner{max-width:1160px;margin:0 auto}.page-hero h1{font-size:clamp(40px,5vw,64px);line-height:1.03;color:#fff;margin:16px 0 0;letter-spacing:-.025em}.page-hero p{color:#AAB5C4}.section{padding:90px 48px}.section-mid{background:#131A24}.section-inner{max-width:1160px;margin:0 auto}.section-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.13em;color:#A85F42;text-transform:uppercase}.page-privacy .site-footer,.page-terms .site-footer{margin-top:0}

@media(max-width:900px){.integration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:759px){
  .site-header{padding-left:18px;padding-right:18px}.page-home .site-header{padding-top:20px;padding-bottom:20px}.site-logo,.site-logo img{height:19px}.page-home .site-logo,.page-home .site-logo img{height:20px}
  .nav-toggle{display:flex}.site-nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;color:#131A24;border-bottom:1px solid #DFE2E8;box-shadow:0 18px 34px -20px rgba(19,26,36,.25);padding:8px 20px 18px;flex-direction:column;align-items:stretch;gap:0}.page-home .site-nav{background:#131A24;color:#fff;border-bottom-color:rgba(166,178,201,.25)}.site-nav.open{display:flex}.site-nav-pages,.site-nav-actions{display:flex;flex-direction:column;align-items:stretch;gap:0}.site-nav a,.site-demo{font-size:15px;padding:11px 2px;border-bottom:1px solid #EAEDF1;text-align:left;color:#263243!important}.page-home .site-nav a{color:#E1E6ED!important;border-bottom-color:rgba(166,178,201,.14)}.site-nav-divider{display:none}.site-demo{margin-top:8px;padding:11px 16px;text-align:center;border-bottom:0!important}.page-home [data-nav=platform],.page-solutions [data-nav=solutions],.page-insights [data-nav=insights]{border-bottom-width:1px;padding-bottom:11px}
  .home-hero{min-height:640px!important}
  .integrations-inner{padding-top:72px;padding-bottom:76px}.integrations-intro{grid-template-columns:1fr;gap:18px}.integration-grid{grid-template-columns:1fr}.prototype-meta{display:none}
  .product-frame-scroll{margin-inline:0}
  .site-footer-bottom{align-items:flex-start;flex-wrap:wrap}.site-footer-bottom-spacer{display:none;width:100%}
  .modal-box{padding:34px 20px}.form-row{grid-template-columns:1fr;gap:0}.modal-title{font-size:30px}
  .page-hero{padding:62px 18px 48px}.section{padding:64px 18px}
}
@media(max-width:380px){
  .prototype-page [style*="minmax(300px"]{grid-template-columns:1fr!important}
  .prototype-page [style*="min-width: 280px"]{min-width:0!important}
  .prototype-page [style*="min-width:280px"]{min-width:0!important}
  .site-footer-brand{min-width:0;width:100%}
}
@media print{.site-header,.site-footer,.modal-overlay{display:none!important}.prototype-page{overflow:visible}.product-frame-scroll{overflow:visible}.home-hero{height:auto!important;min-height:0!important}.prototype-page *{animation:none!important;box-shadow:none!important}}