:root{
  --bg:#f7f9fc;
  --surface:#ffffff;
  --surface-2:#f1f6fd;
  --text:#112033;
  --muted:#5d6b7c;
  --brand:#006ee6;
  --brand-dark:#003c80;
  --brand-2:#38a4ff;
  --line:#dbe4ef;
  --shadow:0 18px 45px rgba(11,42,76,.12);
  --radius:10px;
  --footer:#061727;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text);line-height:1.65;font-size:16px}
a{color:inherit}.container{width:min(1140px,calc(100% - 48px));margin-inline:auto}.skip-link{position:absolute;left:-999px}.skip-link:focus{left:20px;top:20px;background:#fff;padding:10px;z-index:20}
.site-header{position:sticky;top:0;z-index:10;background:linear-gradient(90deg,rgba(3,12,23,.96),rgba(5,29,51,.88));backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 10px 30px rgba(0,0,0,.18)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:22px 0}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff}.brand-mark{display:none}.brand strong{display:block;font-size:34px;line-height:1;font-weight:900;font-style:italic;letter-spacing:.015em;text-transform:lowercase;color:#fff}.brand small{display:block;margin-top:5px;color:rgba(255,255,255,.68);font-size:12px;letter-spacing:.02em}.nav-menu{display:flex;gap:26px;align-items:center;list-style:none;margin:0;padding:0}.nav-menu a{position:relative;display:block;text-decoration:none;padding:8px 0;color:#fff;font-weight:800;font-size:15px}.nav-menu a:after{content:"";position:absolute;left:0;right:0;bottom:-22px;height:3px;background:var(--brand);border-radius:5px;transform:scaleX(0);transition:.2s}.nav-menu a:hover,.nav-menu a.active{color:#6bb7ff}.nav-menu a:hover:after,.nav-menu a.active:after{transform:scaleX(1)}.nav-toggle{display:none}
.hero{position:relative;min-height:620px;padding:118px 0 90px;display:grid;align-items:center;overflow:hidden;background:#071827;color:#fff;margin-top:-88px;padding-top:190px}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,12,24,.88) 0%,rgba(4,17,32,.66) 38%,rgba(4,17,32,.18) 100%),linear-gradient(0deg,rgba(0,0,0,.24),rgba(0,0,0,.08)),url("../img/hero-spice-kol.jpg");background-size:cover;background-position:center;transform:scale(1.01)}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:42px;align-items:end}.hero-copy{max-width:760px}.eyebrow{margin:0 0 12px;color:var(--brand);font-weight:900;letter-spacing:.02em;font-size:16px}h1,h2,h3{line-height:1.08;margin:0 0 16px}h1{font-size:clamp(42px,6vw,72px);letter-spacing:-.045em;font-weight:900}h2{font-size:clamp(28px,3.4vw,42px);letter-spacing:-.035em;color:var(--brand-dark)}h3{font-size:21px;color:var(--brand-dark)}.lead{font-size:clamp(18px,2vw,23px);color:rgba(255,255,255,.9);max-width:760px}.page-hero .lead{color:var(--muted)}.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:5px;padding:14px 24px;text-decoration:none;font-weight:900;cursor:pointer;text-transform:uppercase;font-size:13px;letter-spacing:.02em;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.button:hover{transform:translateY(-1px)}.button.primary{background:linear-gradient(135deg,var(--brand),#0059c9);color:#fff;box-shadow:0 12px 24px rgba(0,110,230,.28)}.button.secondary{background:#fff;color:var(--brand);box-shadow:inset 0 0 0 1px #b8d3f6}.hero-info,.panel,.card,.pricing{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow)}.hero-info{background:rgba(255,255,255,.92);backdrop-filter:blur(12px);color:var(--text)}.status{display:inline-block;background:#e7f2ff;color:var(--brand-dark);padding:7px 10px;border-radius:5px;font-weight:900;font-size:13px}.phone{display:block;font-size:33px;font-weight:900;color:var(--brand);text-decoration:none;margin:10px 0}.section{padding:56px 0}.intro-strip{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;align-items:end;background:#fff;padding-top:46px;padding-bottom:36px}.intro-strip p:last-child{font-size:20px;color:var(--muted);margin:0}.section-heading{max-width:760px;margin-bottom:28px}.cards{display:grid;gap:24px}.cards.three{grid-template-columns:repeat(3,1fr)}.cards.two,.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.cards-section{padding-top:20px}.card{transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-4px);box-shadow:0 24px 58px rgba(0,46,102,.16)}.card p,.panel p,.prose p{color:var(--muted)}.band{padding:58px 0;background:radial-gradient(circle at 20% 0%,rgba(0,110,230,.35),transparent 34%),linear-gradient(135deg,#061727,#082744);color:#fff}.band h2{color:#fff}.split{display:flex;align-items:center;justify-content:space-between;gap:28px}.split p{color:#dbeafe;max-width:760px}.page-hero{padding:70px 0 30px}.page-hero h1{font-size:clamp(38px,5vw,58px);color:var(--text)}.checklist{margin:0;padding:0;list-style:none}.checklist li{padding:10px 0 10px 30px;position:relative;border-bottom:1px solid var(--line)}.checklist li:before{content:'✓';position:absolute;left:0;color:var(--brand);font-weight:900}.warning{background:#fff}.prose{max-width:850px;font-size:19px}.form label{display:block;font-weight:800;margin-bottom:14px}.form input,.form textarea{display:block;width:100%;margin-top:6px;border:1px solid var(--line);border-radius:7px;padding:13px 14px;font:inherit;background:#fbfdff}.form input:focus,.form textarea:focus{outline:3px solid rgba(0,110,230,.16);border-color:var(--brand)}.form-note{font-size:14px}.map-placeholder{border:1px dashed #aab9ca;border-radius:var(--radius);padding:34px;background:#eef5ff;text-align:center}.site-footer{background:radial-gradient(circle at 20% 0%,rgba(0,110,230,.22),transparent 34%),var(--footer);color:#fff;padding:46px 0 24px}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:34px}.site-footer h2{color:#fff;font-size:34px;font-style:italic;text-transform:lowercase}.site-footer h3{color:#fff}.site-footer p,.site-footer a{color:#dbeafe}.copyright{text-align:center;color:#8192a8;margin:32px 0 0;border-top:1px solid rgba(255,255,255,.08);padding-top:22px}.photo-card{overflow:hidden;border-radius:var(--radius);background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.photo-card img,.photo-cards .card img{display:block;width:100%;height:100%;object-fit:cover}.hero-image{height:430px}.photo-cards .card{padding:0;overflow:hidden}.photo-cards .card img{height:230px}.photo-cards .card h3,.photo-cards .card p{padding-inline:24px}.photo-cards .card h3{padding-top:22px}.photo-cards .card p{padding-bottom:24px}.split-hero{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:36px;align-items:center}.split-hero .photo-card{height:300px}.contact-section .embedded-map{grid-column:1 / -1;padding:0;overflow:hidden}.embedded-map iframe{display:block;width:100%;height:360px;border:0}.embedded-map p{margin:0;padding:14px 20px;background:#fff}.about-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:28px;align-items:start}.about-photo{margin:0}.about-photo img{height:320px}.about-photo figcaption{padding:12px 16px;color:var(--muted);font-size:14px}.inline-link{color:var(--brand);font-weight:800}.contact-card a{text-decoration:none;color:var(--brand-dark);font-weight:800}
@media (max-width:850px){.container{width:min(100% - 32px,1140px)}.nav{padding:16px 0}.brand strong{font-size:28px}.nav-toggle{display:block;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);color:#fff;border-radius:5px;padding:9px 14px;font-weight:900}.nav-menu{display:none;position:absolute;inset:68px 16px auto 16px;flex-direction:column;align-items:stretch;background:#071827;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:12px;box-shadow:var(--shadow)}.nav-menu.open{display:flex}.nav-menu a:after{display:none}.hero{min-height:auto;margin-top:-73px;padding:136px 0 56px}.hero-grid,.intro-strip,.cards.three,.cards.two,.grid-2,.footer-grid,.split-hero,.about-layout{grid-template-columns:1fr}.split{align-items:flex-start;flex-direction:column}h1{font-size:42px}.hero-info{width:100%}.split-hero .photo-card,.hero-image{height:260px}.about-photo img{height:240px}.embedded-map iframe{height:300px}.section{padding:44px 0}.page-hero{padding-top:46px}}