:root { --paper:#f9f8f4; --ink:#19191e; --muted:#707079; --purple:#6f27df; --lime:#c4f52c; --line:#e6e2eb; --serif:Georgia,"Times New Roman",serif; --sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:var(--sans); }
a { color:inherit; }
.site-header, main > section, footer { width:min(1080px,calc(100% - 48px)); margin-inline:auto; }
.site-header { min-height:126px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }
.brand { display:flex; align-items:center; gap:20px; text-decoration:none; }
.sign { width:64px; height:64px; display:grid; place-items:center; flex:0 0 auto; color:var(--ink); background:var(--lime); border-radius:50%; font-size:1.25rem; font-weight:700; }
.wordmark { font-size:clamp(1.35rem,2.4vw,2rem); font-weight:650; letter-spacing:-.055em; }
.wordmark strong { color:var(--purple); }
.wordmark > span { color:var(--lime); }
nav { display:flex; gap:42px; color:var(--muted); font-size:1rem; font-weight:650; }
nav a { text-decoration:none; }
nav a:hover { color:var(--purple); }
.hero { padding:clamp(88px,11vw,140px) 0 82px; }
.eyebrow { margin:0 0 30px; color:var(--purple); font-size:.92rem; font-weight:750; letter-spacing:.12em; }
h1, h2 { margin:0; letter-spacing:-.045em; }
h1 { max-width:1000px; font-size:clamp(3rem,6.4vw,5.8rem); line-height:1.04; }
h1 em, .section h2 em { color:var(--purple); font-family:var(--serif); font-weight:400; }
.lead { max-width:830px; margin:40px 0 0; color:var(--muted); font-family:var(--serif); font-size:clamp(1.2rem,2.2vw,1.65rem); line-height:1.48; }
.hero-actions { display:flex; align-items:center; gap:44px; margin-top:48px; }
.button { display:inline-flex; align-items:center; gap:44px; padding:19px 26px; color:#fff; background:var(--purple); border-radius:12px; font-weight:700; text-decoration:none; transition:transform .2s ease,background .2s ease; }
.button:hover { background:#5c18c8; transform:translateY(-2px); }
.text-link { color:var(--purple); font-weight:700; text-underline-offset:5px; }
.services { display:grid; grid-template-columns:repeat(3,1fr); gap:54px; padding:42px 0 90px; border-top:1px solid var(--line); }
.services article { display:grid; grid-template-columns:14px 1fr; column-gap:14px; }
.dot { width:12px; height:12px; margin-top:9px; background:var(--lime); border-radius:50%; }
.services h2 { font-size:1.28rem; }
.services p { grid-column:2; margin:16px 0 0; color:var(--muted); line-height:1.6; }
.search-evolution { position:relative; display:grid; grid-template-columns:1fr 260px; align-items:center; gap:70px; padding:110px 0; border-top:1px solid var(--line); overflow:hidden; }
.search-evolution h2 { max-width:820px; font-size:clamp(2.8rem,5vw,4.8rem); line-height:1.03; }
.search-evolution h2 em { color:var(--purple); font-family:var(--serif); font-weight:400; }
.search-copy > p:not(.eyebrow) { max-width:760px; margin:32px 0 0; color:var(--muted); font-size:1.12rem; line-height:1.72; }
.search-copy .cookie-line { color:var(--ink)!important; font-family:var(--serif); font-style:italic; }
.cookie { position:relative; width:210px; height:230px; justify-self:center; transform:rotate(9deg); }
.cookie-half { position:absolute; width:158px; height:158px; border:5px solid #29232f; border-radius:50%; background:#3a303f; box-shadow:inset 0 0 0 8px #4b3e50, 0 12px 22px rgba(25,25,30,.17); }
.cookie-back { top:6px; left:28px; }
.cookie-cream { position:absolute; top:49px; left:20px; width:172px; height:148px; border-radius:50%; background:var(--lime); box-shadow:0 8px 15px rgba(25,25,30,.18); }
.cookie-front { top:34px; left:16px; display:block; }
.cookie-front::before { content:"S_"; position:absolute; inset:0; display:grid; place-items:center; color:var(--lime); font-size:2rem; font-weight:800; letter-spacing:-.08em; }
.cookie-front i { position:absolute; width:8px; height:8px; border-radius:50%; background:#19151d; }
.cookie-front i:nth-child(1) { top:25px; left:48px; }.cookie-front i:nth-child(2) { top:32px; right:40px; }.cookie-front i:nth-child(3) { top:70px; left:24px; }.cookie-front i:nth-child(4) { top:84px; right:26px; }.cookie-front i:nth-child(5) { bottom:27px; left:49px; }.cookie-front i:nth-child(6) { bottom:22px; right:51px; }
.crumb { position:absolute; width:12px; height:9px; background:#3a303f; border-radius:50%; }
.crumb-one { right:4px; bottom:35px; }.crumb-two { right:28px; bottom:5px; transform:rotate(30deg); }.crumb-three { right:0; bottom:0; width:7px; height:7px; }
.section { display:grid; grid-template-columns:.34fr 1fr; gap:60px; padding:110px 0; border-top:1px solid var(--line); }
.section h2 { font-size:clamp(2.8rem,5vw,4.8rem); line-height:1.02; }
.section div > p { max-width:720px; margin:34px 0 0; color:var(--muted); font-size:1.12rem; line-height:1.75; }
.text-arrow { display:inline-flex; align-items:center; gap:16px; margin-top:30px; padding-bottom:5px; color:var(--purple); border-bottom:2px solid var(--lime); font-weight:750; text-decoration:none; }
.text-arrow:hover { border-bottom-color:var(--purple); }
.role-grid { max-width:820px; display:grid; grid-template-columns:repeat(2,1fr); gap:30px; margin-top:48px; }
.role-grid article { min-width:0; padding:18px 18px 28px; border:1px solid var(--line); border-radius:12px; overflow:hidden; }
.team-portrait { position:relative; width:100%; aspect-ratio:3/4; margin:0 0 26px; overflow:hidden; border-radius:8px; background:var(--paper); }
.team-portrait img { position:absolute; top:0; width:200%; max-width:none; height:100%; object-fit:cover; }
.portrait-weronika img { left:0; }
.portrait-jakub img { left:-100%; }
.role-heading { display:grid; grid-template-columns:14px 1fr; column-gap:14px; align-items:start; }
.role-heading small { display:block; margin-bottom:5px; color:var(--purple); font-size:.7rem; font-weight:800; letter-spacing:.14em; }
.role-grid h3 { margin:0; font-size:1.2rem; }
.role-grid p { margin:14px 0 0 28px!important; font-size:.98rem!important; line-height:1.6!important; }
.contact-button { margin-top:36px; }
footer { min-height:110px; display:flex; align-items:center; justify-content:space-between; border-top:1px solid var(--line); font-size:.84rem; }
footer .wordmark { font-size:1.1rem; }
footer p { color:var(--muted); }
@media (max-width:760px) {
  .site-header, main > section, footer { width:min(100% - 32px,1080px); }
  .site-header { min-height:92px; }
  .sign { width:48px; height:48px; font-size:1rem; }
  nav { gap:18px; font-size:.85rem; }
  nav a:nth-child(2) { display:none; }
  .hero { padding:82px 0 64px; }
  .hero-actions { align-items:flex-start; flex-direction:column; gap:24px; }
  .services { grid-template-columns:1fr; gap:34px; }
  .search-evolution { grid-template-columns:1fr; gap:54px; padding:80px 0; }
  .cookie { width:190px; transform:rotate(9deg) scale(.86); }
  .section { grid-template-columns:1fr; gap:20px; padding:80px 0; }
  .section .eyebrow { margin-bottom:16px; }
  .role-grid { grid-template-columns:1fr; }
  footer { padding:28px 0; flex-wrap:wrap; gap:16px; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { transition:none!important; } }