/*
Theme Name: Grunty Wizytówka V2
Theme URI: https://example.com/
Author: Perplexity
Author URI: https://perplexity.ai
Description: Rozbudowany, jednostronicowy motyw WordPress premium dla doradcy ds. gruntów inwestycyjnych.
Version: 2.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
Text Domain: grunty-wizytowka-v2
*/

:root {
  --text-xs: clamp(0.75rem, 0.7rem + 0.25vw, 0.875rem);
  --text-sm: clamp(0.875rem, 0.8rem + 0.35vw, 1rem);
  --text-base: clamp(1rem, 0.95rem + 0.25vw, 1.125rem);
  --text-lg: clamp(1.125rem, 1rem + 0.75vw, 1.5rem);
  --text-xl: clamp(1.6rem, 1.15rem + 1.8vw, 2.8rem);
  --text-2xl: clamp(2.5rem, 1.4rem + 4vw, 5rem);
  --space-1: .25rem; --space-2: .5rem; --space-3: .75rem; --space-4: 1rem; --space-5: 1.25rem; --space-6: 1.5rem; --space-8: 2rem; --space-10: 2.5rem; --space-12: 3rem; --space-16: 4rem; --space-20: 5rem; --space-24: 6rem;
  --color-bg: #f7f4ee; --color-surface: #fffdf9; --color-surface-2: #f1ebe1; --color-text: #191814; --color-text-muted: #6a6257; --color-border: rgba(25,24,20,.11); --color-primary: #b48743; --color-primary-hover: #96682e; --color-primary-soft: rgba(180,135,67,.1); --color-navy: #071523; --color-navy-2: #0f2640; --color-navy-3: #102d4a; --color-white: #fff; --shadow-sm: 0 8px 24px rgba(7,21,35,.08); --shadow-md: 0 16px 34px rgba(7,21,35,.12); --shadow-lg: 0 24px 54px rgba(7,21,35,.18); --radius-sm: .7rem; --radius-md: 1rem; --radius-lg: 1.3rem; --radius-xl: 1.8rem; --container: 1200px;
}
* , *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin:0; font-family:'Inter', Arial, sans-serif; font-size:var(--text-base); line-height:1.65; color:var(--color-text); background:var(--color-bg); }
img, svg { display:block; max-width:100%; height:auto; }
a { color:inherit; text-decoration:none; }
button, input, textarea { font:inherit; }
.container { width:min(calc(100% - 2rem), var(--container)); margin-inline:auto; }
.section { padding:clamp(var(--space-10), 7vw, var(--space-24)) 0; }
.section-header { text-align:center; margin-bottom:var(--space-8); }
.section-title { margin:0 0 var(--space-3); font-size:var(--text-xl); line-height:1.08; font-family:'Cormorant Garamond', serif; }
.eyebrow { display:inline-block; margin-bottom:var(--space-3); color:var(--color-primary); text-transform:uppercase; letter-spacing:.14em; font-size:var(--text-xs); font-weight:800; }
.lead { color:var(--color-text-muted); max-width:70ch; margin:0 auto; }
.site-wrapper { overflow:hidden; }
.skip-link { position:absolute; left:-9999px; top:0; }
.skip-link:focus { left:1rem; top:1rem; background:#fff; padding:.75rem 1rem; z-index:999; }
.site-header { position:sticky; top:0; z-index:50; background:rgba(7,21,35,.95); border-bottom:1px solid rgba(255,255,255,.08); backdrop-filter:blur(14px); }
.header-inner { min-height:88px; display:flex; align-items:center; justify-content:space-between; gap:var(--space-6); }
.brand { display:flex; align-items:center; gap:var(--space-3); color:#fff; }
.brand-mark { width:50px; height:50px; border-radius:14px; border:1px solid rgba(180,135,67,.75); color:var(--color-primary); display:grid; place-items:center; }
.brand-mark svg { width:28px; height:28px; }
.brand-text strong { display:block; font-size:1.05rem; letter-spacing:.04em; }
.brand-text span { display:block; font-size:.78rem; letter-spacing:.13em; text-transform:uppercase; color:rgba(255,255,255,.72); }
.main-nav { display:flex; align-items:center; gap:var(--space-5); }
.main-nav a { color:rgba(255,255,255,.82); font-size:var(--text-sm); }
.main-nav a:hover { color:#fff; }
.nav-cta { padding:.9rem 1.1rem; border-radius:999px; border:1px solid rgba(180,135,67,.9); color:#fff; display:inline-flex; align-items:center; gap:.55rem; }
.nav-cta:hover { background:rgba(180,135,67,.13); }
.hero { position:relative; color:#fff; background:linear-gradient(90deg, rgba(7,21,35,.96) 0%, rgba(7,21,35,.88) 44%, rgba(7,21,35,.66) 100%), radial-gradient(circle at left top, rgba(180,135,67,.16), transparent 34%), linear-gradient(135deg, #091625, #0f2742); }
.hero::after { content:''; position:absolute; inset:0; background:linear-gradient(to top, rgba(7,21,35,.6), transparent 35%); pointer-events:none; }
.hero-grid { position:relative; z-index:1; display:grid; grid-template-columns:1.1fr .95fr; gap:var(--space-8); align-items:stretch; padding:clamp(var(--space-12), 10vw, 7rem) 0; }
.hero-copy h1 { margin:0 0 var(--space-5); font-family:'Cormorant Garamond', serif; font-size:var(--text-2xl); line-height:.95; max-width:10ch; }
.hero-copy h1 span { color:#e2b971; }
.hero-copy p { max-width:58ch; color:rgba(255,255,255,.82); margin:0 0 var(--space-6); }
.hero-actions { display:flex; flex-wrap:wrap; gap:var(--space-4); }
.btn { min-height:48px; padding:.95rem 1.35rem; border-radius:999px; display:inline-flex; align-items:center; justify-content:center; gap:.6rem; border:1px solid transparent; font-weight:700; }
.btn-primary { background:var(--color-primary); color:#fff; box-shadow:var(--shadow-md); }
.btn-primary:hover { background:var(--color-primary-hover); }
.btn-outline { border-color:rgba(255,255,255,.25); color:#fff; }
.btn-outline:hover { background:rgba(255,255,255,.08); }
.hero-card { align-self:start; background:rgba(12,28,46,.78); border:1px solid rgba(255,255,255,.12); border-radius:var(--radius-xl); padding:var(--space-6); box-shadow:var(--shadow-lg); }
.hero-card-title { display:flex; align-items:center; gap:.7rem; font-weight:800; margin-bottom:var(--space-4); letter-spacing:.04em; text-transform:uppercase; color:#e2b971; font-size:var(--text-sm); }
.feature-list { list-style:none; padding:0; margin:0; display:grid; gap:var(--space-4); }
.feature-list li { display:grid; grid-template-columns:46px 1fr; gap:var(--space-3); align-items:start; }
.icon-circle { width:46px; height:46px; border-radius:50%; display:grid; place-items:center; background:rgba(180,135,67,.12); border:1px solid rgba(226,185,113,.24); color:#e2b971; }
.icon-circle svg { width:22px; height:22px; }
.feature-list strong { display:block; margin-bottom:.15rem; }
.feature-list p { margin:0; color:rgba(255,255,255,.74); font-size:var(--text-sm); }
.offer-grid { display:grid; grid-template-columns:repeat(5, 1fr); gap:var(--space-4); }
.offer-card { background:var(--color-surface); border:1px solid var(--color-border); border-radius:var(--radius-lg); overflow:hidden; box-shadow:var(--shadow-sm); }
.offer-media { height:130px; background:linear-gradient(135deg, #14283d, #b48743); }
.offer-media.a { background:linear-gradient(135deg, #203449, #a77d45); }
.offer-media.b { background:linear-gradient(135deg, #7f6646, #d1bf9c); }
.offer-media.c { background:linear-gradient(135deg, #d8d3ca, #876740); }
.offer-media.d { background:linear-gradient(135deg, #415160, #b48743); }
.offer-media.e { background:linear-gradient(135deg, #57606a, #d0b384); }
.offer-body { padding:var(--space-5); text-align:center; }
.offer-icon { width:56px; height:56px; border-radius:50%; margin:-2rem auto var(--space-3); background:var(--color-navy); color:#e2b971; display:grid; place-items:center; border:4px solid var(--color-surface); box-shadow:var(--shadow-sm); }
.offer-icon svg { width:24px; height:24px; }
.offer-body h3 { margin:0 0 var(--space-3); font-size:1.03rem; line-height:1.25; }
.offer-body p { margin:0; color:var(--color-text-muted); font-size:var(--text-sm); }
.about-grid { display:grid; grid-template-columns:330px 1fr 320px; gap:var(--space-6); align-items:stretch; }
.about-photo, .about-copy, .about-side { border-radius:var(--radius-xl); overflow:hidden; }
.about-photo { box-shadow:var(--shadow-lg); background:#d9d1c4; }
.about-photo img { width:100%; height:100%; object-fit:cover; }
.about-copy, .about-side { background:var(--color-surface); border:1px solid var(--color-border); padding:var(--space-6); }
.check-grid { display:grid; grid-template-columns:repeat(2, 1fr); gap:var(--space-4); margin-top:var(--space-5); }
.check-item { display:flex; gap:.8rem; align-items:flex-start; padding:var(--space-4); background:var(--color-surface-2); border:1px solid rgba(25,24,20,.06); border-radius:var(--radius-md); font-size:var(--text-sm); }
.check-item svg { width:20px; height:20px; color:var(--color-primary); flex:0 0 auto; margin-top:.1rem; }
.about-side .linkedin-box { margin-top:var(--space-6); border-top:1px solid var(--color-border); padding-top:var(--space-5); }
.about-side a { display:inline-flex; align-items:center; gap:.65rem; padding:.85rem 1rem; border-radius:999px; border:1px solid var(--color-border); }
.timeline { display:grid; grid-template-columns:repeat(4, 1fr); gap:var(--space-4); }
.timeline-card { background:var(--color-surface); border:1px solid var(--color-border); border-radius:var(--radius-lg); padding:var(--space-6); box-shadow:var(--shadow-sm); }
.timeline-top { display:flex; justify-content:space-between; align-items:center; gap:var(--space-3); margin-bottom:var(--space-4); }
.timeline-number { font-size:2rem; font-weight:800; color:rgba(180,135,67,.34); line-height:1; }
.timeline-icon svg { width:28px; height:28px; color:var(--color-primary); }
.timeline-card h3 { margin:0 0 var(--space-3); font-size:1.05rem; }
.timeline-card p { margin:0; color:var(--color-text-muted); font-size:var(--text-sm); }
.investor-band { background:linear-gradient(90deg, var(--color-navy) 0%, var(--color-navy-2) 100%); color:#fff; }
.investor-grid { display:grid; grid-template-columns:.95fr 1.05fr; gap:var(--space-6); align-items:stretch; }
.investor-image { min-height:100%; border-radius:var(--radius-xl); overflow:hidden; background:linear-gradient(135deg, #0c1d30, #9d7741); box-shadow:var(--shadow-lg); }
.investor-image::before { content:''; display:block; min-height:100%; aspect-ratio:5/4; background:linear-gradient(135deg, rgba(255,255,255,.06), transparent); }
.investor-copy { background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.12); border-radius:var(--radius-xl); padding:var(--space-6); }
.investor-list { margin:var(--space-5) 0 0; padding:0; list-style:none; display:grid; grid-template-columns:repeat(2, 1fr); gap:var(--space-4); }
.investor-list li { display:flex; gap:.7rem; color:rgba(255,255,255,.85); font-size:var(--text-sm); }
.investor-list svg { width:20px; height:20px; color:#e2b971; flex:0 0 auto; }
.team-grid { display:grid; grid-template-columns:repeat(6, 1fr); gap:var(--space-4); }
.team-card { background:var(--color-surface); border:1px solid var(--color-border); border-radius:var(--radius-lg); padding:var(--space-5); text-align:center; }
.team-card svg { width:32px; height:32px; margin:0 auto var(--space-3); color:var(--color-primary); }
.team-card h3 { margin:0 0 .45rem; font-size:.95rem; }
.team-card p { margin:0; color:var(--color-text-muted); font-size:var(--text-xs); }
.region-grid { display:grid; grid-template-columns:340px 1fr; gap:var(--space-5); align-items:stretch; }
.region-box, .region-map { background:var(--color-surface); border:1px solid var(--color-border); border-radius:var(--radius-xl); overflow:hidden; }
.region-box { padding:var(--space-6); }
.region-map { min-height:260px; background:linear-gradient(135deg, #13273d, #bb9252); position:relative; }
.region-overlay { position:absolute; inset:auto 0 0 0; background:rgba(7,21,35,.9); color:#fff; display:flex; flex-wrap:wrap; gap:1rem; justify-content:center; padding:1rem 1.2rem; font-size:var(--text-sm); }
.cta-contact { background:linear-gradient(125deg, var(--color-navy) 0%, var(--color-navy-3) 52%, #0a1521 100%); color:#fff; }
.cta-grid { display:grid; grid-template-columns:.9fr 1.1fr .55fr; gap:var(--space-5); align-items:stretch; }
.cta-card, .form-card, .contact-side { background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.12); border-radius:var(--radius-xl); padding:var(--space-6); }
.mini-benefits { display:grid; grid-template-columns:repeat(2, 1fr); gap:var(--space-4); margin-top:var(--space-5); }
.mini-benefit { background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.09); border-radius:var(--radius-md); padding:var(--space-4); text-align:center; font-size:var(--text-sm); }
.form-card .wpcf7-form, .demo-form { display:grid; gap:var(--space-4); }
.form-grid { display:grid; grid-template-columns:repeat(2, 1fr); gap:var(--space-4); }
.form-card label { display:grid; gap:.45rem; color:rgba(255,255,255,.84); font-size:var(--text-sm); }
.form-card input, .form-card textarea { width:100%; padding:.95rem 1rem; border-radius:14px; border:1px solid rgba(255,255,255,.18); background:rgba(255,255,255,.02); color:#fff; }
.form-card textarea { min-height:140px; resize:vertical; }
.form-card input::placeholder, .form-card textarea::placeholder { color:rgba(255,255,255,.46); }
.form-card input:focus, .form-card textarea:focus { outline:2px solid rgba(226,185,113,.42); border-color:rgba(226,185,113,.6); }
.contact-side ul { list-style:none; padding:0; margin:var(--space-5) 0 0; display:grid; gap:var(--space-4); }
.contact-side li { color:rgba(255,255,255,.8); font-size:var(--text-sm); }
.site-footer { background:#040b14; color:rgba(255,255,255,.64); padding:var(--space-4) 0; font-size:var(--text-sm); }
.footer-inner { display:flex; flex-wrap:wrap; gap:var(--space-4); justify-content:space-between; }
@media (max-width: 1180px) { .offer-grid { grid-template-columns:repeat(3,1fr); } .about-grid, .investor-grid, .region-grid, .cta-grid { grid-template-columns:1fr; } .team-grid { grid-template-columns:repeat(3,1fr); } }
@media (max-width: 900px) { .hero-grid, .timeline, .offer-grid { grid-template-columns:1fr 1fr; } .investor-list, .check-grid { grid-template-columns:1fr; } .main-nav { display:none; } .cta-grid { grid-template-columns:1fr; } }
@media (max-width: 680px) { .hero-grid, .timeline, .offer-grid, .team-grid, .form-grid, .mini-benefits { grid-template-columns:1fr; } .hero-copy h1 { max-width:none; } .section-header { text-align:left; } .lead { margin:0; } .btn { width:100%; } .hero-actions { flex-direction:column; } }