:root {
      --ink:#0F1419;
      --ink-2:#1C242C;
      --line:#E6E2DA;
      --line-2:#D6D0C4;
      --cream:#FAF7F2;
      --cream-2:#F2EEE5;
      --white:#FFFFFF;
      --text:#1A1A1F;
      --text-mute:#5F6670;
      --gold:#B8893A;
      --gold-soft:#D4A85C;
    }
    html { scroll-behavior: smooth; font-size: 16px; box-sizing: border-box; }
    *, *::before, *::after { box-sizing: border-box; }
    body { font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', sans-serif; background: var(--cream); color: var(--text); line-height: 1.65; -webkit-font-smoothing: antialiased; margin: 0; max-width: 100vw; overflow-x: hidden; }
    h1, h2, h3, h4 { font-family: 'Cormorant Garamond', Georgia, serif; font-weight: 500; letter-spacing: -0.015em; margin: 0; }
    h1 { font-size: clamp(2.5rem, 6vw, 4.5rem); line-height: 1.05; }
    h2 { font-size: clamp(2rem, 4vw, 3.2rem); line-height: 1.1; }
    h3 { font-size: clamp(1.15rem, 2vw, 1.35rem); line-height: 1.3; }
    p { margin: 0; }
    a { color: inherit; }

    body::before { content:""; position:fixed; inset:0; opacity:0.025; pointer-events:none; z-index:9999; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); background-size:200px; }

    /* Nav */
    nav { position:fixed; top:0; width:100%; z-index:100; padding:1.1rem 2.5rem; display:flex; justify-content:space-between; align-items:center; background:rgba(250,247,242,0.85); backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); border-bottom:1px solid transparent; transition: border-color 0.3s ease, box-shadow 0.3s ease; }
    nav.scrolled { border-bottom-color: var(--line); }
    .nav-brand { display:flex; align-items:center; gap:0.65rem; font-size:0.95rem; color:var(--ink); text-decoration:none; letter-spacing:0.14em; text-transform:uppercase; font-weight:600; }
    .nav-brand img { height:36px; width:auto; }
    .nav-brand span { vertical-align:middle; line-height:1; }
    .nav-right { display:flex; align-items:center; gap:2.5rem; }
    .nav-links { display:flex; gap:2rem; list-style:none; margin:0; padding:0; }
    .nav-links a { color:var(--text-mute); text-decoration:none; font-size:0.78rem; letter-spacing:0.12em; text-transform:uppercase; font-weight:500; position:relative; transition:color 0.2s; }
    .nav-links a::after { content:""; position:absolute; bottom:-6px; left:0; width:0; height:1px; background:var(--gold); transition:width 0.3s ease; }
    .nav-links a:hover { color:var(--ink); }
    .nav-links a:hover::after { width:100%; }
    .nav-phone { font-size:0.8rem; color:var(--ink); text-decoration:none; display:flex; align-items:center; gap:0.5rem; font-weight:500; letter-spacing:0.04em; }
    .nav-phone svg { width:15px; height:15px; color:var(--gold); }

    /* Hero (preserved) */
    .hero { min-height:100vh; display:flex; align-items:center; position:relative; overflow:hidden; }
    .hero-bg { position:absolute; inset:0; background-image:url('/images/prieze1.jpeg'); background-size:cover; background-position:center; }
    .hero-bg::after { content:""; position:absolute; inset:0; background:linear-gradient(135deg,rgba(15,20,25,0.82) 0%,rgba(15,20,25,0.55) 50%,rgba(15,20,25,0.75) 100%); }
    .hero-content { position:relative; z-index:1; padding:8rem 2rem 4rem; max-width:1000px; margin:0 auto; width:100%; }
    .hero-label { font-size:0.75rem; letter-spacing:0.25em; text-transform:uppercase; color:var(--gold-soft); margin-bottom:2rem; display:flex; align-items:center; gap:1rem; font-family: 'Inter', sans-serif; font-weight:500; }
    .hero-label::before { content:""; width:3rem; height:1px; background:var(--gold-soft); }
    .hero h1 { margin-bottom:1.5rem; color:var(--cream); max-width:18ch; }
    .hero-h1-kicker { display:block; font-family:'Inter', sans-serif; font-size:clamp(0.95rem,1.6vw,1.15rem); font-weight:500; letter-spacing:0.02em; color:var(--gold-soft); margin-bottom:0.75rem; line-height:1.3; }
    .hero-subtitle { font-size:clamp(1.05rem,2vw,1.25rem); color:rgba(250,247,242,0.78); margin-bottom:3rem; max-width:50ch; line-height:1.6; }
    .hero-cta { display:inline-flex; align-items:center; gap:0.75rem; padding:1.1rem 2.8rem; background:var(--gold); color:var(--ink); text-decoration:none; font-size:0.8rem; letter-spacing:0.14em; text-transform:uppercase; font-weight:600; transition:all 0.3s ease; font-family:'Inter', sans-serif; }
    .hero-cta:hover { background:var(--cream); transform:translateY(-2px); box-shadow:0 12px 40px rgba(0,0,0,0.25); }
    .hero-cta svg { width:14px; height:14px; }
    .hero-scroll { position:absolute; bottom:2.5rem; left:50%; transform:translateX(-50%); z-index:1; display:flex; flex-direction:column; align-items:center; gap:0.5rem; color:rgba(250,247,242,0.5); font-size:0.65rem; letter-spacing:0.18em; text-transform:uppercase; font-family:'Inter', sans-serif; }
    .hero-scroll-line { width:1px; height:40px; background:linear-gradient(to bottom,var(--gold-soft),transparent); animation:scrollPulse 2s ease-in-out infinite; }
    @keyframes scrollPulse { 0%,100%{opacity:0.3;transform:scaleY(0.7)} 50%{opacity:1;transform:scaleY(1)} }

    /* Sections */
    section { padding:5rem 2rem; }
    .section-inner { max-width:1180px; margin:0 auto; }
    .eyebrow { font-family:'Inter', sans-serif; font-size:0.72rem; letter-spacing:0.28em; text-transform:uppercase; color:var(--gold); font-weight:600; display:inline-flex; align-items:center; gap:0.85rem; margin-bottom:1.25rem; }
    .eyebrow::before { content:""; width:1.75rem; height:1px; background:var(--gold); }
    .section-head { max-width:640px; margin-bottom:4rem; }
    .section-head h2 { margin-bottom:1.25rem; color:var(--ink); }
    .section-head .lede { font-size:1.05rem; color:var(--text-mute); line-height:1.65; }

    /* Trust band */
    .trust { background:var(--ink); color:var(--cream); padding:1.75rem 2rem; }
    .trust-inner { max-width:1180px; margin:0 auto; display:grid; grid-template-columns:repeat(4, 1fr); gap:1.5rem; }
    .trust-item { display:flex; align-items:center; gap:0.9rem; }
    .trust-icon { width:32px; height:32px; flex-shrink:0; color:var(--gold-soft); }
    .trust-icon svg { width:100%; height:100%; }
    .trust-label { font-family:'Inter', sans-serif; font-size:0.7rem; letter-spacing:0.16em; text-transform:uppercase; color:rgba(250,247,242,0.55); margin-bottom:0.15rem; font-weight:500; }
    .trust-value { font-size:0.95rem; color:var(--cream); font-weight:500; letter-spacing:0.01em; line-height:1.25; }

    /* Services */
    .services { background:var(--cream); }
    .services-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:1.25rem; }
    .service-card { background:var(--white); border:1px solid var(--line); padding:2.25rem 2rem; display:flex; flex-direction:column; gap:1.1rem; transition: border-color 0.2s ease; position:relative; overflow:hidden; }
    .service-card::after { content:""; position:absolute; left:0; top:0; bottom:0; width:2px; background:var(--gold); }
    .service-card:hover { border-color:var(--gold-soft); }
    .service-card-icon { width:58px; height:58px; flex-shrink:0; display:flex; align-items:center; justify-content:center; color:var(--gold); background:rgba(184,137,58,0.09); border:1px solid rgba(184,137,58,0.22); border-radius:50%; margin-bottom:0.5rem; transition:background 0.2s ease, color 0.2s ease, border-color 0.2s ease; }
    .service-card-icon svg { width:26px; height:26px; stroke-width:1.5; }
    .service-card:hover .service-card-icon { background:var(--gold); border-color:var(--gold); color:var(--ink); }
    .service-card h3 { color:var(--ink); }
    .service-card-desc { font-size:0.93rem; color:var(--text-mute); line-height:1.65; }
    .service-features { list-style:none; padding:0; margin:0.5rem 0 0; border-top:1px solid var(--line); padding-top:1.1rem; display:flex; flex-direction:column; gap:0.5rem; }
    .service-features li { font-family:'Inter', sans-serif; font-size:0.83rem; color:var(--text); padding-left:1.4rem; position:relative; line-height:1.5; }
    .service-features li::before { content:""; position:absolute; left:0; top:0.5rem; width:0.7rem; height:1px; background:var(--gold); }

    /* Process - vertical timeline */
    .process { background:var(--ink); color:var(--cream); position:relative; }
    .process .eyebrow { color:var(--gold-soft); }
    .process .eyebrow::before { background:var(--gold-soft); }
    .process .section-head h2 { color:var(--cream); }
    .process .section-head .lede { color:rgba(250,247,242,0.6); }
    .timeline { max-width:760px; margin:0 auto; position:relative; padding-left:3rem; }
    .timeline::before { content:""; position:absolute; left:1.25rem; top:0.5rem; bottom:0.5rem; width:1px; background:linear-gradient(to bottom, rgba(212,168,92,0.05), rgba(212,168,92,0.4) 15%, rgba(212,168,92,0.4) 85%, rgba(212,168,92,0.05)); }
    .timeline-step { position:relative; padding:1.5rem 0 2.5rem; }
    .timeline-step:last-child { padding-bottom:0; }
    .timeline-num { position:absolute; left:-3rem; top:1.5rem; width:2.5rem; height:2.5rem; border-radius:50%; background:var(--ink); border:1px solid var(--gold); color:var(--gold-soft); display:flex; align-items:center; justify-content:center; font-family:'Cormorant Garamond', serif; font-size:1.2rem; font-weight:600; }
    .timeline-step h3 { color:var(--cream); margin-bottom:0.5rem; }
    .timeline-step p { color:rgba(250,247,242,0.62); font-size:0.95rem; max-width:50ch; }

    /* About */
    .about { background:var(--cream-2); }
    .about-grid { display:grid; grid-template-columns: 1.1fr 1fr; gap:5rem; align-items:center; }
    .about-text p { color:var(--text-mute); margin-bottom:1.25rem; font-size:1rem; line-height:1.75; }
    .about-text p:last-child { margin-bottom:0; }
    .about-text p strong { color:var(--ink); font-weight:600; }
    .about-logo { display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; gap:1.75rem; }
    .about-logo img { max-width:320px; width:100%; height:auto; display:block; }
    .about-logo-tag { font-family:'Inter', sans-serif; font-size:0.78rem; letter-spacing:0.22em; text-transform:uppercase; color:var(--gold); font-weight:600; }

    /* Contact */
    .contact { background:var(--cream); }
    .contact-grid { display:grid; grid-template-columns: 1fr 1fr; gap:4rem; align-items:start; }
    .contact-info { }
    .contact-info h2 { margin-bottom:1.25rem; color:var(--ink); }
    .contact-info .lede { color:var(--text-mute); font-size:1.05rem; margin-bottom:2.5rem; max-width:42ch; line-height:1.65; }
    .contact-list { display:flex; flex-direction:column; gap:1.5rem; margin-bottom:2.5rem; }
    .contact-row { display:flex; gap:1.25rem; align-items:flex-start; }
    .contact-row-icon { width:38px; height:38px; flex-shrink:0; color:var(--gold); margin-top:0.1rem; }
    .contact-row-icon svg { width:100%; height:100%; stroke-width:1.4; }
    .contact-row-label { font-family:'Inter', sans-serif; font-size:0.7rem; letter-spacing:0.18em; text-transform:uppercase; color:var(--text-mute); font-weight:600; margin-bottom:0.25rem; }
    .contact-row-value { font-size:1.05rem; color:var(--ink); font-weight:500; text-decoration:none; transition:color 0.2s; line-height:1.4; display:block; }
    a.contact-row-value:hover { color:var(--gold); }
    .contact-row-sub { font-size:0.85rem; color:var(--text-mute); margin-top:0.2rem; }

    .contact-cta { background:var(--ink); color:var(--cream); padding:3rem 2.5rem; position:relative; overflow:hidden; }
    .contact-cta::before { content:""; position:absolute; top:-50%; right:-30%; width:80%; height:200%; background:radial-gradient(ellipse, rgba(184,137,58,0.18), transparent 60%); pointer-events:none; }
    .contact-cta-eyebrow { font-family:'Inter', sans-serif; font-size:0.7rem; letter-spacing:0.22em; text-transform:uppercase; color:var(--gold-soft); font-weight:600; margin-bottom:1rem; position:relative; }
    .contact-cta h3 { font-size:clamp(1.6rem, 2.5vw, 2.1rem); color:var(--cream); margin-bottom:1rem; position:relative; }
    .contact-cta p { color:rgba(250,247,242,0.7); font-size:0.95rem; margin-bottom:2rem; line-height:1.65; position:relative; }
    .contact-cta-buttons { display:flex; flex-direction:column; gap:0.75rem; position:relative; }
    .btn-primary, .btn-secondary { display:inline-flex; align-items:center; justify-content:center; gap:0.65rem; padding:1.05rem 1.75rem; font-family:'Inter', sans-serif; font-size:0.8rem; letter-spacing:0.14em; text-transform:uppercase; font-weight:600; text-decoration:none; transition:all 0.25s ease; border:1px solid transparent; }
    .btn-primary { background:var(--gold); color:var(--ink); }
    .btn-primary:hover { background:var(--cream); transform:translateY(-2px); }
    .btn-secondary { background:transparent; color:var(--cream); border-color:rgba(250,247,242,0.25); }
    .btn-secondary:hover { border-color:var(--gold-soft); color:var(--gold-soft); }
    .btn-primary svg, .btn-secondary svg { width:14px; height:14px; }

    /* FAQ */
    .faq { background:var(--ink); color:var(--cream); }
    .faq .eyebrow { color:var(--gold-soft); }
    .faq .eyebrow::before { background:var(--gold-soft); }
    .faq .section-head h2 { color:var(--cream); }
    .faq .section-head .lede { color:rgba(250,247,242,0.6); }
    .faq-list { max-width:760px; background:var(--white); border:1px solid var(--line); padding:0.5rem 2.25rem; box-shadow:0 30px 70px -30px rgba(0,0,0,0.5); }
    .faq-item { border-bottom:1px solid var(--line); padding:1.5rem 0; }
    .faq-item:last-child { border-bottom:none; }
    .faq-item summary { font-family:'Cormorant Garamond', Georgia, serif; font-size:clamp(1.2rem,2.2vw,1.5rem); color:var(--ink); cursor:pointer; list-style:none; display:flex; align-items:center; justify-content:space-between; gap:1rem; line-height:1.3; transition:color 0.2s; }
    .faq-item summary:hover { color:var(--gold); }
    .faq-item summary::-webkit-details-marker { display:none; }
    .faq-item summary::after { content:"+"; font-family:'Inter', sans-serif; font-size:1.5rem; color:var(--gold); flex-shrink:0; transition:transform 0.25s ease; line-height:1; }
    .faq-item[open] summary::after { transform:rotate(45deg); }
    .faq-item p { color:var(--text-mute); font-size:0.98rem; line-height:1.7; margin-top:1rem; max-width:60ch; }
    @media (max-width: 768px) {
      .faq-list { padding:0.25rem 1.5rem; }
    }

    /* Footer */
    footer { background:var(--ink-2); color:var(--cream); padding:4rem 2rem 2rem; }
    .footer-inner { max-width:1180px; margin:0 auto; }
    .footer-top { display:grid; grid-template-columns: 1.5fr 1fr 1fr; gap:3rem; padding-bottom:3rem; border-bottom:1px solid rgba(250,247,242,0.08); }
    .footer-brand { display:flex; align-items:center; gap:0.7rem; font-size:1.1rem; letter-spacing:0.16em; text-transform:uppercase; color:var(--cream); font-weight:600; margin-bottom:1rem; }
    .footer-brand img { height:32px; width:auto; }
    .footer-tag { font-size:0.9rem; color:rgba(250,247,242,0.55); line-height:1.65; max-width:32ch; }
    .footer-col-title { font-family:'Inter', sans-serif; font-size:0.7rem; letter-spacing:0.22em; text-transform:uppercase; color:var(--gold-soft); font-weight:600; margin-bottom:1.25rem; }
    .footer-col ul { list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:0.6rem; }
    .footer-col a, .footer-col li { font-size:0.9rem; color:rgba(250,247,242,0.7); text-decoration:none; transition:color 0.2s; }
    .footer-col a:hover { color:var(--gold-soft); }
    .footer-bottom { padding-top:1.75rem; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:1rem; }
    .footer-bottom p { font-size:0.8rem; color:rgba(250,247,242,0.45); margin:0; }
    .footer-bottom a { color:rgba(250,247,242,0.6); text-decoration:none; transition:color 0.2s; }
    .footer-bottom a:hover { color:var(--gold-soft); }

    /* Fade in */
    .fade-in { opacity:0; transform:translateY(20px); transition:opacity 0.7s ease, transform 0.7s ease; }
    .fade-in.visible { opacity:1; transform:translateY(0); }

    /* Responsive */
    @media (max-width: 980px) {
      .services-grid { grid-template-columns: repeat(2, 1fr); }
      .trust-inner { grid-template-columns: repeat(2, 1fr); gap:1.25rem 2rem; }
      .about-grid { grid-template-columns: 1fr; gap:3rem; }
      .contact-grid { grid-template-columns: 1fr; gap:3rem; }
      .footer-top { grid-template-columns: 1fr 1fr; gap:2.5rem; }
    }
    @media (max-width: 768px) {
      nav { padding:0.9rem 1.25rem; }
      .nav-links { display:none; }
      .nav-right { gap:1rem; }
      .hero-content { padding:6rem 1.5rem 3rem; }
      section { padding:4rem 1.5rem; }
      .trust { padding:1.5rem 1.25rem; }
      .services-grid { grid-template-columns: 1fr; }
      .service-card { padding:1.75rem 1.5rem; }
      .timeline { padding-left:2.5rem; }
      .timeline-num { left:-2.5rem; width:2.1rem; height:2.1rem; font-size:1.05rem; }
      .contact-cta { padding:2.25rem 1.75rem; }
      .footer-top { grid-template-columns: 1fr; gap:2.5rem; padding-bottom:2.25rem; }
      .footer-bottom { flex-direction:column; align-items:flex-start; }
    }
    @media (max-width: 480px) {
      .trust-inner { grid-template-columns: 1fr; }
      .section-head { margin-bottom:2.5rem; }
    }