:root {
  --plum:#3A2936;
  --olive:#5D5940;
  --taupe:#8C7B68;
  --off:#F4F0EE;
  --dark:#171717;
  --paper:#FBF9F7;
  --line:#D9D0CA;
  --soft:#ECE7E3;
  --white:#FFFFFF;
  --shadow:0 18px 60px rgba(58,41,54,.08);
  --radius:18px;
  --serif:"DM Serif Display", Georgia, serif;
  --sans:"Source Sans 3", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --ui:"Inter", system-ui, sans-serif;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--dark);font-family:var(--sans);font-size:18px;line-height:1.58;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
strong{font-weight:700}
.container{width:min(1180px,calc(100% - 48px));margin:0 auto}
.section-pad{padding:104px 0}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:absolute;left:16px;top:-60px;background:var(--plum);color:white;padding:10px 14px;z-index:1000;border-radius:8px}
.skip-link:focus{top:16px}

h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.03;margin:0;color:var(--plum)}
h1{font-size:clamp(54px,6.4vw,92px);letter-spacing:-.035em}
h2{font-size:clamp(42px,4.1vw,64px);letter-spacing:-.025em}
h3{font-size:30px;letter-spacing:-.015em}
p{margin:0 0 18px}
.eyebrow{font-family:var(--ui);font-size:12px;font-weight:700;letter-spacing:.18em;color:var(--taupe);margin-bottom:22px}
.eyebrow.light{color:#D9CEC4}
.lead{font-size:22px;max-width:720px}
.online{font-weight:700;color:var(--olive);font-size:18px;margin:22px 0 0}
.microcopy{font-size:14px;color:#6C625E;max-width:420px;margin:12px 0 0}
.card-kicker{font-family:var(--ui);font-size:11px;letter-spacing:.14em;font-weight:700;color:var(--taupe);margin-bottom:14px}
.divider{height:1px;background:var(--line);margin:28px 0}

.site-header{position:sticky;top:0;z-index:100;background:rgba(251,249,247,.94);backdrop-filter:blur(12px);border-bottom:1px solid rgba(217,208,202,.8)}
.nav-wrap{height:82px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand{display:inline-flex;align-items:center;gap:18px;white-space:nowrap}
.brand-name{font-family:var(--serif);font-size:28px;letter-spacing:.08em;color:var(--dark)}
.brand-tag{font-family:var(--ui);font-size:9px;letter-spacing:.22em;color:var(--taupe)}
.main-nav{display:flex;align-items:center;gap:26px;font-family:var(--ui);font-size:13px;font-weight:600}
.main-nav>a:not(.btn){position:relative}
.main-nav>a:not(.btn)::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:1px;background:var(--olive);transform:scaleX(0);transform-origin:left;transition:.2s ease}
.main-nav>a:hover::after{transform:scaleX(1)}
.menu-toggle{display:none;border:0;background:transparent;padding:10px;cursor:pointer}
.menu-toggle span:not(.sr-only){display:block;width:28px;height:2px;background:var(--plum);margin:5px 0}

.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--plum);color:white;border:1px solid var(--plum);padding:15px 24px;border-radius:4px;font-family:var(--ui);font-size:14px;font-weight:700;letter-spacing:.02em;transition:.2s ease;box-shadow:none}
.btn:hover{transform:translateY(-1px);background:#2D202A}
.btn-small{padding:11px 16px;font-size:12px}
.btn-light{background:white;color:var(--plum);border-color:white}
.btn-light:hover{background:var(--off)}

.hero{padding-top:76px;background:linear-gradient(180deg,var(--paper) 0%,#F8F5F2 100%)}
.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:72px;align-items:center}
.hero-copy{padding:24px 0}
.hero-copy h1{margin-bottom:30px}
.hero-actions{margin-top:34px}
.hero-visual{min-height:590px}

.architecture{position:relative;height:100%;min-height:590px;overflow:hidden;border-radius:2px;background:linear-gradient(135deg,#ECE5E0 0%,#DDD1C5 48%,#C0B0A1 100%);box-shadow:var(--shadow)}
.hourglass-photo{position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.10) 0%,rgba(255,255,255,.02) 38%,rgba(23,23,23,.10) 100%),url("assets/hero-klepsydra.png") center 46%/cover no-repeat;transform:scale(1.04)}
.arch-light{position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.36) 0%,rgba(255,255,255,.08) 34%,rgba(255,255,255,0) 64%);pointer-events:none}
.arch-line{display:none}
.visual-tag{display:none}

.problem{background:white}
.problem-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:70px;align-items:start}
.section-copy h2{margin-bottom:30px;max-width:560px}
.section-copy p{max-width:600px}
.question-card{background:var(--off);padding:42px;border-left:5px solid var(--olive);box-shadow:var(--shadow)}
.question-card h3{font-size:42px;line-height:1.08}
.moment-title{font-family:var(--serif);font-size:31px;color:var(--olive);margin-bottom:14px}

.second-step{background:var(--off)}
.statement-band{background:var(--plum);color:white;padding:52px 56px;margin-bottom:48px}
.statement-band h2{color:white;max-width:900px;margin-bottom:34px}
.two-step{display:flex;gap:42px;flex-wrap:wrap;font-family:var(--ui);font-size:13px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:#E7DFDA}
.two-step span+span{padding-left:42px;border-left:1px solid rgba(255,255,255,.25)}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}
.text-block h3{font-size:38px;margin-bottom:18px}
.comparison-card{display:grid;gap:14px}
.compare-row{padding:26px 28px;border:1px solid var(--line);background:white}
.compare-row.accent{background:#E8E7DF;border-color:#D6D3C3}
.compare-label{display:block;font-family:var(--ui);font-size:11px;font-weight:700;letter-spacing:.13em;color:var(--taupe);margin-bottom:10px}
.section-note{margin-top:34px;padding-top:24px;border-top:1px solid var(--line);font-family:var(--serif);font-size:26px;color:var(--olive);max-width:1000px}

.process{background:white}
.section-heading{max-width:830px;margin-bottom:54px}
.section-heading h2{margin-bottom:22px}
.section-heading>p:last-child{font-size:21px;color:#544B47}
.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.step-card{padding:28px 26px 30px;border:1px solid var(--line);background:var(--paper);min-height:250px;position:relative}
.step-card::after{content:"";position:absolute;left:0;bottom:0;width:0;height:3px;background:var(--olive);transition:.3s ease}
.step-card:hover::after{width:100%}
.step-no{display:block;font-family:var(--ui);font-size:12px;color:var(--taupe);font-weight:700;letter-spacing:.12em;margin-bottom:32px}
.step-card h3{font-size:28px;margin-bottom:14px}
.step-card p{font-size:16px;color:#4E4642;margin:0}
.trust-note{margin-top:26px;padding:18px 22px;background:var(--off);border-left:4px solid var(--taupe);font-size:16px;color:#514A46}

.audiences{background:#EEE8E4}
.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.audience-card{background:white;padding:34px 30px 32px;min-height:460px;border-top:4px solid var(--plum)}
.line-icon{font-size:42px;color:var(--olive);height:58px;display:flex;align-items:center}
.audience-card h3{font-size:31px;line-height:1.1;margin:8px 0 18px}
.audience-card p{font-size:16px;color:#514A46}
.strong-line{font-weight:700;color:var(--olive)!important;margin-top:22px!important}

.roles{background:white}
.roles-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}
.role-card{padding:34px 30px;min-height:360px}
.role-card+.role-card{border-left:1px solid var(--line)}
.role-card-acordia{background:var(--plum);color:white}
.role-card-acordia .card-kicker{color:#D5C7BE}
.role-card ul{padding-left:18px;margin:20px 0 0}
.role-card li{margin:10px 0}
.roles-foot{font-size:15px;color:#655B56;margin:18px 0 0}
.partner-banner{margin-top:28px;padding:25px 30px;background:var(--olive);color:white;font-family:var(--serif);font-size:34px}

.proof{background:var(--off)}
.proof-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:64px;align-items:stretch}
.founder-card{background:linear-gradient(180deg,rgba(58,41,54,.06) 0%,rgba(23,23,23,.08) 36%,rgba(23,23,23,.72) 100%),url("assets/michal-wysocki.jpg") center 18%/cover no-repeat;min-height:520px;position:relative;overflow:hidden;padding:42px;display:flex;flex-direction:column;justify-content:flex-end;color:white}
.founder-card::before{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.12);pointer-events:none}
.founder-card p{position:relative;font-size:20px;margin:0;font-weight:600;text-shadow:0 2px 14px rgba(0,0,0,.32)}
.founder-card span{font-size:14px;font-weight:400;letter-spacing:.08em}
.proof-copy h2{margin-bottom:26px}
.proof-copy>p{max-width:760px}
.proof-numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:38px}
.proof-numbers div{padding:24px 20px;border-top:1px solid var(--taupe);background:rgba(255,255,255,.55)}
.proof-numbers strong{display:block;font-family:var(--serif);font-size:46px;color:var(--plum);font-weight:400;line-height:1}
.proof-numbers span{display:block;font-size:13px;color:#655B56;margin-top:9px}
.proof-disclaimer{font-size:13px;color:#766A64;margin-top:20px}

.contact{background:var(--paper)}
.contact-box{background:var(--plum);color:white;padding:64px 68px;max-width:1120px}
.contact-box h2{color:white;max-width:900px;margin-bottom:22px}
.contact-lead{font-family:var(--serif);font-size:30px;color:#D9D7C9}
.contact-box>p:not(.eyebrow):not(.contact-lead):not(.contact-name){max-width:780px;color:#E4DCD6}
.contact-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px 28px;margin-top:34px}
.contact-link{font-family:var(--ui);font-size:14px;color:#F4F0EE;border-bottom:1px solid rgba(255,255,255,.35);padding-bottom:3px}
.contact-name{margin-top:28px;font-weight:600}

.site-footer{padding:34px 0;border-top:1px solid var(--line);background:white}
.footer-grid{display:grid;grid-template-columns:1.2fr 1fr auto;align-items:center;gap:30px}
.footer-contact{display:flex;gap:22px;flex-wrap:wrap;font-size:14px;color:#584F4A}
.footer-meta{font-size:12px;color:#8A7D75;font-family:var(--ui)}
.footer-brand .brand-name{font-size:22px}
.footer-brand .brand-tag{font-size:7px}

.reveal{opacity:0;transform:translateY(16px);transition:opacity .55s ease,transform .55s ease}
.reveal.visible{opacity:1;transform:none}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.btn{transition:none}}

@media (max-width:1020px){
  .brand-tag{display:none}
  .main-nav{gap:18px}
  .hero-grid,.problem-grid,.proof-grid{grid-template-columns:1fr}
  .hero-visual{min-height:440px;order:2}
  .architecture{min-height:440px}
  .two-col{grid-template-columns:1fr}
  .steps-grid,.audience-grid{grid-template-columns:repeat(2,1fr)}
  .audience-card:last-child{grid-column:1/-1;min-height:auto}
  .proof-grid{gap:36px}
  .founder-card{min-height:420px;background-position:center 18%}
}

@media (max-width:820px){
  .section-pad{padding:76px 0}
  .container{width:min(100% - 34px,1180px)}
  .menu-toggle{display:block}
  .main-nav{position:absolute;left:0;right:0;top:82px;background:var(--paper);border-bottom:1px solid var(--line);display:none;flex-direction:column;align-items:stretch;padding:18px 24px 26px;gap:0}
  .main-nav.open{display:flex}
  .main-nav a{padding:13px 0}
  .main-nav .btn{margin-top:10px;padding:13px 18px}
  .hero{padding-top:50px}
  .statement-band{padding:42px 32px}
  .two-step{gap:16px;display:grid}
  .two-step span+span{padding-left:0;border-left:0}
  .steps-grid,.audience-grid,.roles-grid{grid-template-columns:1fr}
  .audience-card:last-child{grid-column:auto}
  .role-card+.role-card{border-left:0;border-top:1px solid var(--line)}
  .proof-numbers{grid-template-columns:1fr 1fr}
  .proof-numbers div:last-child{grid-column:1/-1}
  .footer-grid{grid-template-columns:1fr;gap:18px}
  .contact-box{padding:50px 34px}
}

@media (max-width:560px){
  body{font-size:17px}
  .nav-wrap{height:72px}
  .main-nav{top:72px}
  .brand-name{font-size:24px}
  h1{font-size:48px}
  h2{font-size:40px}
  .lead{font-size:20px}
  .hero-grid{gap:42px}
  .hero-visual,.architecture{min-height:360px}
  .question-card{padding:30px 24px}
  .question-card h3{font-size:34px}
  .statement-band{margin-left:-17px;margin-right:-17px;border-radius:0;padding:38px 24px}
  .text-block h3{font-size:34px}
  .section-note{font-size:23px}
  .partner-banner{font-size:28px;padding:22px}
  .proof-numbers{grid-template-columns:1fr}
  .proof-numbers div:last-child{grid-column:auto}
  .contact-box{margin-left:0;margin-right:0;width:100%;padding:44px 24px}
  .contact-actions{align-items:flex-start;flex-direction:column}
}

 
@media (max-width:820px){
  .visual-tag{right:6%;top:auto;bottom:8%;font-size:12px;line-height:1.75;padding:18px 16px 16px 18px}
  .hourglass-photo{background-position:center center}
}
@media (max-width:560px){
  .visual-tag{right:5%;bottom:6%;font-size:11px;padding:16px 14px 14px 16px}
}