/* law.santos-digital.com - fonts + global rules (extracted from design) */
/* ===== @font-face ===== */
/* cyrillic-ext */
@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("assets/lp/fonts/asset-040-683abfe6.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* vietnamese */
@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("assets/lp/fonts/asset-041-5036522b.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("assets/lp/fonts/asset-042-9015ccdb.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("assets/lp/fonts/asset-043-dd7d0649.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("assets/lp/fonts/asset-040-683abfe6.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* vietnamese */
@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("assets/lp/fonts/asset-041-5036522b.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("assets/lp/fonts/asset-042-9015ccdb.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("assets/lp/fonts/asset-043-dd7d0649.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("assets/lp/fonts/asset-040-683abfe6.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* vietnamese */
@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("assets/lp/fonts/asset-041-5036522b.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("assets/lp/fonts/asset-042-9015ccdb.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("assets/lp/fonts/asset-043-dd7d0649.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("assets/lp/fonts/asset-040-683abfe6.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* vietnamese */
@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("assets/lp/fonts/asset-041-5036522b.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("assets/lp/fonts/asset-042-9015ccdb.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("assets/lp/fonts/asset-043-dd7d0649.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Schibsted Grotesk';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("assets/lp/fonts/asset-044-b6d1eb38.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Schibsted Grotesk';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("assets/lp/fonts/asset-045-bb1ced5b.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Schibsted Grotesk';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("assets/lp/fonts/asset-044-b6d1eb38.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Schibsted Grotesk';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("assets/lp/fonts/asset-045-bb1ced5b.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Schibsted Grotesk';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("assets/lp/fonts/asset-044-b6d1eb38.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Schibsted Grotesk';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("assets/lp/fonts/asset-045-bb1ced5b.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Schibsted Grotesk';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("assets/lp/fonts/asset-044-b6d1eb38.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Schibsted Grotesk';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("assets/lp/fonts/asset-045-bb1ced5b.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Schibsted Grotesk';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("assets/lp/fonts/asset-044-b6d1eb38.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Schibsted Grotesk';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("assets/lp/fonts/asset-045-bb1ced5b.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ===== resets + responsive ===== */
*{box-sizing:border-box;}
  html{scroll-behavior:smooth;overflow-x:hidden;}
  body{margin:0;background:#0B1220;}
  ::selection{background:#D6AE5C;color:#0B1220;}
  @media (max-width:980px){
    [data-hero-grid]{grid-template-columns:1fr !important;gap:46px !important;}
    [data-nav-links]{display:none !important;}
    [data-hamburger]{display:inline-flex !important;}
    [data-h1]{font-size:48px !important;line-height:1.15 !important;}
  }
  @media (max-width:600px){
    [data-wrap]{padding-left:20px !important;padding-right:20px !important;}
    [data-h1]{font-size:38px !important;}
  }
  @media (max-width:760px){
    [data-stats-grid]{grid-template-columns:repeat(2,1fr) !important;}
    [data-stats-grid]>div:nth-child(2){border-right:none !important;}
    [data-stats-grid]>div:nth-child(1),[data-stats-grid]>div:nth-child(2){border-bottom:1px solid rgba(243,241,236,.08) !important;}
    /* brojke u jednom redu -> labeli ispod u istoj ravni */
    [data-stats-grid]>div{padding:34px 10px !important;}
    [data-stats-grid]>div>div:first-child{font-size:32px !important;white-space:nowrap;}
  }
  @media (max-width:980px){
    [data-metrics]{grid-template-columns:repeat(2,1fr) !important;}
    [data-metrics]>div>div:first-child{font-size:36px !important;}
  }
  @media (max-width:900px){
    [data-isfor]{grid-template-columns:1fr !important;gap:36px !important;}
    [data-pos-static]{position:static !important;}
    [data-grid3]{grid-template-columns:1fr !important;}
    [data-tpl-block]{grid-template-columns:minmax(0,1fr) !important;gap:28px !important;}
    [data-tpl-foot]{grid-template-columns:minmax(0,1fr) !important;}
    [data-incl-grid]{grid-template-columns:1fr !important;}
    [data-casecols]{grid-template-columns:1fr !important;}
  }
  /* team cards: photo has a FIXED height so the card can never stretch tall
     (overrides inline aspect-ratio; keeps object-fit:cover crop) */
  [data-team-grid]>div>img{height:280px !important;aspect-ratio:auto !important;}
  @media (max-width:980px){
    [data-team-grid]>div>img{height:220px !important;}
  }
  @media (max-width:760px){
    [data-team-grid]>div>img{height:200px !important;}
  }
  @media (max-width:760px){
    [data-metrics]{grid-template-columns:repeat(2,1fr) !important;gap:12px !important;}
    [data-metrics]>div{padding:20px 16px !important;}
    [data-metrics]>div>div:first-child{font-size:30px !important;}
    [data-metrics]>div>div:last-child{font-size:13.5px !important;}
    [data-team-grid]{grid-template-columns:repeat(2,1fr) !important;}
    [data-founder]{grid-template-columns:1fr !important;text-align:center;justify-items:center;}
    [data-hype]{columns:1 !important;}
    [data-pricing-grid]{grid-template-columns:1fr !important;}
    [data-cmp]{min-width:560px;}
  }
  details[open] [data-faq-plus]{transform:rotate(45deg);}
  @media (max-width:768px){
    /* section rhythm - tighten vertical spacing on mobile */
    header[data-screen-label],
    section[data-screen-label]{padding-top:60px !important;padding-bottom:60px !important;}
    section[data-screen-label="Stats"]{padding-top:0 !important;padding-bottom:0 !important;}
    /* founder quote card */
    [data-founder]{padding:26px !important;gap:24px !important;}
    /* team grid spacing */
    [data-team-grid]{gap:14px !important;align-items:stretch !important;}
    /* case-study slider: keep image clear of the arrows */
    [data-cs-stage]{height:380px !important;}
    [data-cs-stage] button[aria-label="Previous"]{left:4px !important;width:40px !important;height:40px !important;}
    [data-cs-stage] button[aria-label="Next"]{right:4px !important;width:40px !important;height:40px !important;}
    [data-cs-slide] > div:nth-child(2){padding-left:48px !important;padding-right:48px !important;}
  }
  @media (max-width:760px){
    [data-foot]{grid-template-columns:1fr !important;gap:32px !important;}
  }
  @keyframes lbFade{from{opacity:0;}to{opacity:1;}}
  @keyframes lbPop{from{opacity:0;transform:scale(.92);}to{opacity:1;transform:scale(1);}}
  /* case-study dots: 24px+ tap zona (a11y touch target), vizuelna tacka ostaje 8px kroz content-box */
  [data-cs-dot]{padding:8px !important;box-sizing:content-box !important;background-clip:content-box !important;}
  /* template demo galerija: skrolabilna cela stranica + thumbs slider */
  @keyframes hintBob{0%,100%{transform:translateY(0);}50%{transform:translateY(4px);}}
  [data-scroll-hint] svg{animation:hintBob 1.6s ease-in-out infinite;}
  [data-thumbs]{scrollbar-width:none;-ms-overflow-style:none;}
  [data-thumbs]::-webkit-scrollbar{display:none;}
  [data-demo-scroll]{scrollbar-width:thin;scrollbar-color:rgba(214,174,92,.55) rgba(243,241,236,.06);}
  [data-demo-scroll]::-webkit-scrollbar{width:9px;}
  [data-demo-scroll]::-webkit-scrollbar-track{background:rgba(243,241,236,.05);}
  [data-demo-scroll]::-webkit-scrollbar-thumb{background:rgba(214,174,92,.55);border-radius:100px;}
  [data-demo-scroll]::-webkit-scrollbar-thumb:hover{background:rgba(214,174,92,.8);}
  @media (max-width:900px){
    [data-demo-scroll]{height:420px !important;}
    /* "What clients say" recenzije -> horizontalni swipe slider na telefonu */
    [data-reviews]{flex-direction:row !important;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px !important;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;}
    [data-reviews]::-webkit-scrollbar{display:none;}
    [data-reviews]>div{flex:0 0 86%;scroll-snap-align:center;align-self:flex-start;}
    /* "What's included" kartice -> horizontalni swipe slider na telefonu */
    [data-inclslider]{display:flex !important;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px !important;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;}
    [data-inclslider]::-webkit-scrollbar{display:none;}
    [data-inclslider]>div{flex:0 0 86%;scroll-snap-align:center;}
    [data-rev-arrow]{display:flex !important;}
  }