:root { --twf-hero-bg-image: url('https://assets.estaterelays.com/sites/surpriseasphalt-com/variants/hero-1200-b7b74c7c0d35.webp'); }

    :root { --ink:#151b21; --ink2:#151b21; --paper:#fbf8f3; --paper2:#fffaf2; --surface:#ffffff; --line:#e8dcc7; --line2:#eee1cc; --muted:#59646e; --soft:#69737c; --gold:#b88935; --gold2:#a47c35; --cyan:#d9b36b; --shadow:0 25px 65px rgba(55,42,20,.16); --max:1240px; }
    * { box-sizing:border-box; }
    html, body { margin:0; padding:0; max-width:100%; overflow-x:clip; }
    html { scroll-behavior:smooth; background:var(--paper); }
    body { font-family:Arial, Helvetica, sans-serif; background:var(--paper); color:var(--ink); line-height:1.7; }
    .twf-site-header-wrap, #main, .twf-footer { font-family:Arial, Helvetica, sans-serif; line-height:1.7; }
    .twf-site-header-wrap *, .twf-site-header-wrap *::before, .twf-site-header-wrap *::after, #main *, #main *::before, #main *::after, .twf-footer *, .twf-footer *::before, .twf-footer *::after { box-sizing:border-box; }
    :where(#main, .twf-footer) :where(h1, h2, h3, h4, h5, h6, p) { margin:0; }
    a { color:inherit; text-decoration:none; }
    img { display:block; max-width:100%; height:auto; }
    button, input, textarea, select { font:inherit; }
    [id] { scroll-margin-top:116px; }
    .twf-inner, .container, .hero-inner, .twf-footer-main, .twf-footer-bottom-inner { max-width:var(--max); width:min(var(--max), calc(100% - 48px)); margin-left:auto; margin-right:auto; }
    .twf-site-header-wrap { position:sticky; top:0; z-index:1000; background:rgba(251,248,243,.96); border-bottom:1px solid var(--line); box-shadow:0 10px 28px rgba(55,42,20,.08); backdrop-filter:blur(12px); }
    .twf-site-header-wrap.twf-menu-open-wrap { overflow:visible; backdrop-filter:none; }
    .twf-topbar { background:var(--ink2); color:#efe7d5; text-align:center; font-size:14px; letter-spacing:.03em; }
    .twf-topbar .twf-inner { min-height:39px; display:flex; align-items:center; justify-content:space-between; gap:18px; }
    .twf-topbar strong, .twf-topbar a { color:#fff; font-weight:900; }
    .twf-service-line { display:inline-flex; align-items:center; gap:8px; }
    .twf-service-line:before { content:""; width:11px; height:11px; flex:0 0 11px; border:2px solid var(--gold); border-radius:50% 50% 50% 0; transform:translateY(-1px) rotate(-45deg); }
    .twf-header { background:transparent; color:#46515b; }
    .twf-nav { min-height:88px; display:flex; align-items:center; justify-content:space-between; gap:28px; }
    .twf-brand { flex:0 0 auto; }
    .twf-brand-mark { display:block; width:252px; height:58px; }
    .twf-brand-mark img { width:100%; height:100%; object-fit:contain; }
    .twf-menu { display:flex; align-items:center; justify-content:center; flex:1 1 auto; gap:34px; color:#46515b; font-size:13px; font-weight:900; text-transform:uppercase; letter-spacing:.12em; }
    .twf-menu > a, .twf-dropdown-toggle { padding:34px 0; color:#46515b; background:transparent; border:0; font:inherit; cursor:pointer; white-space:nowrap; text-transform:uppercase; letter-spacing:.12em; }
    .twf-menu > a:hover, .twf-dropdown-toggle:hover { color:var(--gold2); }
    .twf-dropdown { position:relative; }
    .twf-dropdown-menu { display:none; position:absolute; top:100%; left:0; width:286px; background:var(--surface); border:1px solid var(--line); border-radius:0 0 16px 16px; box-shadow:0 20px 46px rgba(55,42,20,.16); overflow:hidden; z-index:1001; }
    .twf-dropdown:hover .twf-dropdown-menu, .twf-dropdown.is-open .twf-dropdown-menu { display:block; }
    .twf-dropdown-menu a { display:block; padding:13px 17px; color:#46515b; border-bottom:1px solid #f0e6d8; font-size:13px; font-weight:800; text-transform:none; letter-spacing:0; }
    .twf-dropdown-menu a:hover { color:var(--gold2); background:#fffaf2; }
    .twf-header-actions { display:flex; align-items:center; gap:10px; flex:0 0 auto; }
    .twf-btn, .btn, .form-card button, .review-read, .twf-text-popup-action { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:0 24px; border-radius:999px; border:0; background:var(--gold); color:#fff !important; box-shadow:0 10px 28px rgba(184,137,53,.28); font-size:13px; font-weight:900; text-transform:uppercase; letter-spacing:.09em; cursor:pointer; transition:transform .2s ease, box-shadow .2s ease, background .2s ease; }
    .twf-btn:hover, .btn:hover, .form-card button:hover, .review-read:hover, .twf-text-popup-action:hover { background:#a77a2e; color:#fff !important; transform:translateY(-1px); box-shadow:0 14px 34px rgba(184,137,53,.34); }
    .btn-outline { background:transparent; color:var(--ink) !important; border:1px solid var(--ink); box-shadow:none; }
    .btn-outline:hover { background:var(--ink); color:#fff !important; }
    .hero .btn-outline, .cta .btn-outline { color:var(--ink) !important; border-color:var(--ink); }
    .twf-btn-icon { display:none; }
    .twf-header-actions .twf-btn-icon { display:inline-block; width:18px; height:18px; flex:0 0 auto; fill:currentColor; }
    .twf-header-actions .twf-btn { gap:9px; text-transform:none; letter-spacing:normal; }
    @media (min-width:901px) { .twf-header-actions .twf-btn { font-size:14px; } }
    .twf-menu-toggle { display:none; width:44px; height:44px; border:1px solid var(--line); border-radius:999px; background:#fffaf2; padding:10px; cursor:pointer; }
    .twf-menu-toggle span { display:block; height:2px; margin:5px 0; background:var(--ink); border-radius:2px; }
    .twf-text-popup { display:none; position:fixed; inset:0; z-index:2000; padding:24px; background:rgba(17,24,32,.68); align-items:center; justify-content:center; }
    .twf-text-popup.is-open { display:flex; }
    .twf-text-popup-card { position:relative; width:min(430px,92vw); background:#fff; border:1px solid var(--line2); border-radius:22px; padding:34px; text-align:center; color:var(--ink); box-shadow:var(--shadow); }
    .twf-text-popup-title { font-family:Georgia, 'Times New Roman', serif; font-size:29px; color:#151b21; margin-bottom:8px; }
    .twf-text-popup-close { position:absolute; top:10px; right:15px; border:0; background:transparent; color:var(--ink); font-size:30px; cursor:pointer; }
    #main { background:var(--paper); }
    #main .hero { position:relative; overflow:hidden; min-height:0; padding:0; color:var(--ink); background:var(--paper); }
    #main .hero:before { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(251,248,243,.96) 0%,rgba(251,248,243,.9) 42%,rgba(251,248,243,.18) 100%); z-index:1; pointer-events:none; }
    #main .hero:after { content:""; position:absolute; right:0; top:0; width:58%; height:100%; background:var(--twf-hero-bg-image, none) center/cover no-repeat; z-index:0; }
    #main .hero-inner { position:relative; z-index:2; padding:38px 24px 72px; display:grid; grid-template-columns:1fr 430px; gap:62px; align-items:start; width:min(var(--max),100%); }
    #main .hero h1 { font-family:Georgia, 'Times New Roman', serif; margin:0 0 24px; max-width:700px; color:#151b21; font-size:60px; line-height:1.04; letter-spacing:-.035em; font-weight:700; }
    #main .hero h1 span { color:var(--gold2); }
    #main .hero-copy { max-width:660px; margin:0 0 18px; color:#44505b; font-size:17px; line-height:1.62; }
    #main .hero-copy:nth-of-type(n+2) { font-size:17px; color:#56636e; }
    #main .hero-actions { display:flex; flex-wrap:wrap; gap:14px; margin:30px 0 16px; }
    #main .rating-line { display:flex; flex-wrap:wrap; gap:8px; align-items:center; color:#44505b; font-size:14px; font-weight:800; }
    #main .stars { color:var(--gold); letter-spacing:1px; }
    #main .form-card { background:#fff; border:2px solid rgba(184,137,53,.52); border-top:8px solid var(--gold); border-radius:22px; padding:26px 30px 24px; box-shadow:0 28px 64px rgba(63,48,24,.22), 0 0 0 8px rgba(184,137,53,.12); color:var(--ink); }
    #main .form-card h3,
    #main .form-card .form-card-title { font-family:Georgia, 'Times New Roman', serif; margin:0 0 10px; color:#151b21; font-size:30px; line-height:1.1; font-weight:700; text-align:center; }
    #main .field { margin-bottom:9px; display:block; }
    #main .field label { display:block; margin-bottom:4px; color:#46515b; font-size:13px; font-weight:900; }
    #main input, #main select, #main textarea { width:100%; min-height:42px; border:1px solid #dfd2bf; background:#fffaf2; border-radius:10px; padding:10px 14px; color:var(--ink); font-size:15px; outline:none; box-shadow:none; }
    #main textarea { min-height:68px; resize:vertical; }
    #main input:focus, #main select:focus, #main textarea:focus { outline:2px solid rgba(184,137,53,.18); border-color:var(--gold); }
    #main .hp-field { position:absolute !important; left:-9999px !important; width:1px !important; height:1px !important; opacity:0 !important; pointer-events:none !important; }
    #main .field-error { display:none; color:#9f2f25; font-size:12px; font-weight:800; margin-top:4px; }
    #main .field.has-error .field-error { display:block; }
    #main .field.has-error input, #main .field.has-error select, #main .field.has-error textarea { border-color:#b44437; outline:2px solid rgba(180,68,55,.14); }
    #main .form-status { display:none; margin-top:12px; padding:12px 14px; border-radius:12px; font-size:14px; font-weight:900; }
    #main .form-status.show { display:block; }
    #main .form-status.success { background:#edf8ef; color:#1d6b33; border:1px solid #bee8c8; }
    #main .form-status.error { background:#fff0ed; color:#8c2b20; border:1px solid #f1c2ba; }
    #main .native-lead-form button[type="submit"] { display:flex; margin:13px auto 0; min-width:230px; }
    #main .native-lead-form.is-submitting button[type="submit"] { opacity:.78; pointer-events:none; }
    #main .secure { margin:18px 0 0 !important; color:#69737c !important; font-size:13px; text-align:center; font-weight:800; line-height:1.3; display:flex; align-items:center; justify-content:center; gap:6px; }
    #main .secure:before { content:""; width:12px; height:12px; flex:0 0 12px; background:currentColor; -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 10V8a5 5 0 0 1 10 0v2h1a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h1Zm2 0h6V8a3 3 0 0 0-6 0v2Z'/%3E%3C/svg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 10V8a5 5 0 0 1 10 0v2h1a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h1Zm2 0h6V8a3 3 0 0 0-6 0v2Z'/%3E%3C/svg%3E") center/contain no-repeat; transform:translateY(-1px); }
    #main .trust-strip { position:relative; z-index:3; max-width:var(--max); width:min(var(--max), calc(100% - 48px)); margin:-28px auto 0; padding:0; background:transparent; }
    #main .trust-title { display:none; }
    #main .trust-inner { background:#151b21; color:#fff; border-radius:20px; padding:28px; display:grid; grid-template-columns:repeat(4,1fr); gap:18px; box-shadow:0 18px 45px rgba(17,24,32,.24); width:100%; }
    #main .trust-item { padding:8px 18px; border-right:1px solid rgba(255,255,255,.14); text-align:center; }
    #main .trust-item:last-child { border-right:0; }
    #main .trust-icon { width:auto; height:auto; margin:0 auto 10px; display:block; background:transparent; color:#d9b36b; box-shadow:none; border-radius:0; font-size:24px; text-align:center; }
    #main .trust-item strong { display:block; font-size:17px; color:#d6dce2; font-weight:900; text-transform:uppercase; letter-spacing:.08em; }
    #main .section-light, #main .section-white, #main .why-section, #main .service-area-section, #main .reviews-section, #main .faq-section, #main .cta { padding:60px 0; background:var(--paper); }
    #main .section-white, #main .faq-section { background:#fff; border-top:1px solid var(--line2); border-bottom:1px solid var(--line2); }
    #main .section-head, #main .reviews-head { max-width:820px; margin:0 auto 30px; text-align:center; }
    #main .section-head.left { margin-left:0; text-align:left; }
    #main .kicker { color:var(--gold2); font-weight:900; text-transform:uppercase; letter-spacing:.18em; font-size:12px; margin-bottom:10px; }
    #main .section-head h2, #main .reviews-head h2, #main .cta h2, #main .faq-section .section-head h2, #main .why-head h2, #main .problem-intro h2 { font-family:Georgia, 'Times New Roman', serif; color:#151b21; font-size:46px; line-height:1.08; letter-spacing:-.025em; font-weight:700; margin:0 0 15px; }
    #main .section-head h2 span, #main .reviews-head h2 span, #main .cta h2 span, #main .faq-section .section-head h2 span, #main .why-head h2 span { color:var(--gold2); }
    #main .section-head p, #main .service-card p, #main .feature-card p, #main .why-card p, #main .problem-card p, #main .process-card p, #main .faq-answer p, #main .cta p { color:#68737d; font-size:15.5px; line-height:1.7; }
    #main .section-head.left > .btn, #main .problem-intro > .btn { margin-top:18px; }
    #main .service-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:28px; }
    #main .service-card, #main .problem-card, #main .process-card, #main .review-card, #main .faq-item { background:#fff; border-radius:24px; overflow:hidden; border:1px solid var(--line2); box-shadow:0 18px 40px rgba(63,48,24,.08); transition:transform .2s ease, box-shadow .2s ease; }
    #main .service-card { display:flex; height:100%; flex-direction:column; }
    #main .service-card:hover, #main .problem-card:hover, #main .process-card:hover, #main .review-card:hover { transform:translateY(-3px); box-shadow:0 24px 48px rgba(63,48,24,.12); }
    #main .service-title { padding:28px 28px 12px; }
    #main .service-card h3, #main .feature-card h3, #main .why-card h3, #main .problem-card h3, #main .process-card h3 { margin:0 0 10px; color:#151b21; font-size:24px; line-height:1.22; font-weight:900; }
    #main .why-card h3 { text-align:center; }
    #main .service-card img { width:100%; height:235px; object-fit:contain; margin:0; border-radius:0; background:transparent; box-shadow:none; }
    #main .service-card .body { display:flex; flex:1 1 auto; flex-direction:column; padding:20px 28px 28px; }
    #main .service-card .body .text-link { margin-top:auto; padding-top:14px; }
    #main .text-link { color:var(--gold2); font-weight:900; text-transform:uppercase; font-size:13px; letter-spacing:.08em; }
    #main .text-link:after { content:"\2192"; margin-left:6px; }
    #main .feature-grid { display:grid; grid-template-columns:1fr; gap:0; max-width:none; }
    #main .feature-card { max-width:var(--max); width:min(var(--max), calc(100% - 48px)); margin:0 auto 34px; display:grid; grid-template-columns:.9fr 1.1fr; gap:50px; align-items:center; background:#fff; border:1px solid var(--line2); border-radius:24px; padding:28px; box-shadow:0 18px 40px rgba(63,48,24,.08); }
    #main .feature-card:nth-child(even) img { order:2; }
    #main .feature-card:nth-child(even) .copy { order:1; }
    #main .feature-card img { width:100%; height:340px; object-fit:cover; border-radius:20px; box-shadow:0 24px 55px rgba(55,42,20,.18); }
    #main .feature-card .copy { padding:0; }
    #main .check-list { list-style:none; padding:0; margin:18px 0 20px; display:grid; gap:9px; color:#59646e; }
    #main .check-list li { display:grid; grid-template-columns:22px 1fr; gap:8px; }
    #main .check-list li:before { content:"\2713"; width:20px; height:20px; display:grid; place-items:center; border-radius:999px; background:var(--gold); color:#fff; font-size:12px; font-weight:900; }
    #main .why-section { background:#fff; border-top:1px solid var(--line2); border-bottom:1px solid var(--line2); }
    #main .why-head { max-width:900px; width:min(900px, calc(100% - 48px)); margin:0 auto 30px; text-align:center; }
    #main .why-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:28px; max-width:var(--max); width:min(var(--max), calc(100% - 48px)); margin:0 auto; }
    #main .why-card { background:#fbf8f3; border:1px solid var(--line2); border-radius:24px; padding:34px; box-shadow:0 16px 38px rgba(63,48,24,.06); }
    #main .why-icon { width:58px; height:58px; display:grid; place-items:center; border-radius:999px; background:#d9b36b; color:var(--gold); margin:0 auto 22px; }
    #main .problems-section { background:var(--paper); }
    #main .problems-layout { display:grid; grid-template-columns:.55fr 1.45fr; gap:36px; align-items:stretch; max-width:1320px; width:min(1320px, calc(100% - 48px)); }
    #main .problem-intro { background:transparent; color:var(--ink); border-radius:0; padding:18px 0; box-shadow:none; }
    #main .problem-intro h2 { color:#151b21; }
    #main .problem-intro p { color:#44505b; }
    #main .problem-intro .btn { background:var(--gold); color:#fff !important; border:0; }
    #main .problems-grid, #main .process-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
    #main .problem-card, #main .process-card { padding:28px; }
    #main .problem-card { text-align:center; }
    #main .problem-icon, #main .process-num { width:48px; height:48px; display:grid; place-items:center; border-radius:999px; background:#d9b36b; color:var(--gold2); margin-bottom:18px; font-weight:900; }
    #main .problem-icon { margin:0 auto 18px; }
    #main .process-num { width:54px; height:54px; font-size:16px; }
    #main .service-area-section { padding:46px 0; background:#141d24; color:#f7efe2; border-top:1px solid rgba(217,179,107,.34); border-bottom:1px solid rgba(217,179,107,.24); }
    #main .service-area-section h2 { font-family:Georgia, 'Times New Roman', serif; color:#fff; font-size:38px; line-height:1.12; letter-spacing:-.02em; margin:0 0 14px; }
    #main .service-area-section h3, #main .service-area-section a { color:#fff; }
    #main .service-area-section p { color:#dce5e9; max-width:670px; }
    #main .areas { display:grid; grid-template-columns:1fr .9fr; gap:48px; align-items:center; }
    #main .areas > div:first-child { padding:30px; border:1px solid rgba(217,179,107,.22); border-radius:24px; background:rgba(255,255,255,.035); box-shadow:0 20px 48px rgba(0,0,0,.16); }
    #main .area-list { columns:2; column-gap:18px; margin:24px 0 0; padding:0; list-style:none; }
    #main .area-list li { break-inside:avoid; margin:0 0 8px; padding:8px 12px; border:1px solid rgba(255,255,255,.10); border-radius:999px; background:rgba(255,255,255,.055); color:#f7efe2; font-weight:800; line-height:1.2; }
    #main .area-image img { border-radius:24px; border:1px solid rgba(217,179,107,.32); box-shadow:0 24px 55px rgba(0,0,0,.28); }
    #main .reviews-section { background:var(--paper); }
    #main .reviews-slider { position:relative; padding:0 54px; }
    #main .testimonials { display:flex; gap:24px; overflow-x:hidden; scroll-behavior:smooth; }
    #main .review-card { flex:0 0 360px; padding:28px; }
    #main .review-card p { max-height:112px; overflow:hidden; }
    #main .review-card.is-expanded p { max-height:none; }
    #main .review-read { min-height:36px; padding:0 15px; margin:8px 0 18px; }
    #main .review-person { display:flex; align-items:center; gap:12px; }
    #main .avatar { width:44px; height:44px; border-radius:999px; background:var(--ink2); color:#d9b36b; display:grid; place-items:center; font-weight:900; }
    #main .review-person strong { display:block; color:#151b21; }
    #main .review-person span { display:block; color:#69737c; font-size:13px; }
    #main .review-nav { position:absolute; top:50%; transform:translateY(-50%); width:42px; height:42px; border-radius:999px; border:1px solid var(--line2); background:#fff; color:var(--gold2); box-shadow:0 12px 26px rgba(63,48,24,.12); cursor:pointer; font-size:26px; }
    #main .review-prev { left:0; }
    #main .review-next { right:0; }
    #main .review-nav.is-hidden { opacity:.25; pointer-events:none; }
    #main .review-dots { display:flex; min-height:10px; justify-content:center; gap:8px; margin-top:22px; }
    #main .review-dot { width:10px; height:10px; padding:0; border:0; border-radius:999px; background:#dfd2bf; cursor:pointer; }
    #main .review-dot.is-active { background:var(--gold); }
    #main .cta { position:relative; min-height:430px; padding:92px 0; display:flex; align-items:center; background:linear-gradient(90deg,rgba(251,248,243,.97),rgba(251,248,243,.86)), var(--twf-hero-bg-image, none) center/cover no-repeat; color:var(--ink); text-align:center; border-top:1px solid var(--line2); border-bottom:1px solid var(--line2); }
    #main .cta .container { max-width:900px; }
    #main .cta h2 { font-size:54px; margin-bottom:20px; }
    #main .cta p { max-width:780px; margin:0 auto; color:#44505b; font-size:17px; line-height:1.75; }
    #main .cta-actions { display:flex; justify-content:center; gap:14px; flex-wrap:wrap; margin-top:30px; }
    #main .cta-actions .btn { min-height:54px; padding:0 28px; }
    #main .faq-wrap { display:grid; grid-template-columns:.82fr 1.18fr; gap:46px; align-items:start; }
    #main .faq-list { display:grid; gap:12px; }
    #main .faq-item { border-radius:18px; }
    #main .faq-question { width:100%; min-height:62px; border:0; background:#fff; color:#151b21; display:flex; align-items:center; justify-content:space-between; gap:14px; padding:0 22px; text-align:left; font-weight:900; cursor:pointer; }
    #main .faq-question .plus { color:var(--gold2); font-size:22px; }
    #main .faq-answer { display:none; padding:0 22px 22px; }
    #main .faq-item.active .faq-answer { display:block; }
    .twf-footer { background:#0d151b; color:#c9d2d9; border-top:1px solid rgba(217,179,107,.24); }
    .twf-footer-main { padding:34px 0 38px; display:grid; grid-template-columns:2fr 1fr 1fr 1.1fr 1.25fr; gap:28px; }
    .twf-footer-brand, .twf-footer-col { padding:20px; border:1px solid rgba(255,255,255,.08); border-radius:18px; background:rgba(255,255,255,.035); }
    .twf-footer-brand img { width:200px; margin-bottom:14px; border-radius:8px; }
    .twf-footer-heading { color:#fff; margin:0 0 14px; font-size:14px; letter-spacing:.10em; text-transform:uppercase; }
    .twf-footer-heading::after { content:""; display:block; width:34px; height:2px; margin-top:9px; background:var(--gold); border-radius:999px; }
    .twf-footer p, .twf-footer a, .twf-footer li { color:#dbe2e8; font-size:15px; line-height:1.75; }
    .twf-footer-contact { display:flex; flex-direction:column; gap:14px; }
    .twf-footer a:hover { color:#d9b36b; }
    .twf-footer ul { list-style:none; padding:0; margin:0; }
    .twf-footer li { margin-bottom:8px; }
    .twf-footer-map { height:190px; border-radius:18px; overflow:hidden; position:relative; background:#151b21; border:1px solid rgba(217,179,107,.22); box-shadow:0 16px 34px rgba(0,0,0,.18); }
    .twf-footer-map iframe, .twf-map-placeholder { position:absolute; inset:0; width:100%; height:100%; }
    .twf-map-placeholder { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; color:#d9b36b; font-weight:900; }
    .twf-footer-bottom { border-top:1px solid rgba(255,255,255,.10); padding:20px 0; background:#0a1116; }
    .twf-footer-bottom-inner { display:flex; flex-direction:column; align-items:center; gap:14px; }
    .twf-footer-socials { display:flex; gap:10px; }
    .twf-footer-social { width:38px; height:38px; border-radius:999px; display:grid; place-items:center; color:#fff; }
    .twf-footer-social svg { width:18px; height:18px; fill:currentColor; }
    .twf-footer-social.fb { background:#1877f2; }
    .twf-footer-social.ig { background:#e4405f; }
    .twf-footer-social.li { background:#0a66c2; }
    .twf-footer-copy { margin:0; color:#a7b3bc; font-size:13px; }
    @media (max-width:1100px) { .twf-menu { gap:18px; font-size:12px; } .twf-footer-main { grid-template-columns:repeat(3,1fr); } .twf-footer-brand, .twf-footer-map-col { grid-column:1/-1; } }
    @media (max-width:900px) { .twf-topbar .twf-inner { flex-direction:column; justify-content:center; text-align:center; gap:2px; padding:8px 0; } .twf-nav { min-height:72px; flex-wrap:wrap; gap:10px; padding:10px 0; } .twf-brand-mark { width:170px; height:46px; } .twf-menu-toggle { display:block; } .twf-header-actions { margin-left:auto; } .twf-menu { display:none; flex:1 0 100%; order:10; flex-direction:column; align-items:stretch; justify-content:flex-start; gap:0; background:var(--paper); border-top:1px solid var(--line); } .twf-menu.is-open { display:flex; position:fixed; left:0; right:0; top:var(--twf-menu-top, 70px); max-height:calc(100vh - var(--twf-menu-top, 70px)); margin-top:0; overflow-y:auto; overflow-anchor:none; z-index:1001; -webkit-overflow-scrolling:touch; background:var(--paper); box-shadow:0 12px 24px rgba(0,0,0,.14); } .twf-menu > a, .twf-dropdown-toggle { width:100%; padding:14px 4px; border-bottom:1px solid var(--line); text-align:left; } .twf-dropdown-menu { position:static; width:100%; box-shadow:none; border-radius:0; } .twf-dropdown:hover .twf-dropdown-menu { display:none; } .twf-dropdown.is-open .twf-dropdown-menu { display:block !important; } #main .hero:after { opacity:.22; width:100%; } #main .hero:before { background:rgba(251,248,243,.9); } #main .hero-inner { padding-top:34px; } #main .hero-inner, #main .feature-card, #main .problems-layout, #main .areas, #main .faq-wrap { grid-template-columns:1fr; } #main .hero h1 { font-size:42px; } #main .trust-inner { grid-template-columns:1fr 1fr; } #main .trust-item { border-right:0; } #main .service-grid, #main .why-grid, #main .problems-grid, #main .process-grid, .twf-footer-main { grid-template-columns:1fr; } #main .feature-card:nth-child(even) img, #main .feature-card:nth-child(even) .copy { order:initial; } #main .reviews-slider { padding:0 34px; } #main .review-card { flex-basis:100%; min-width:0; padding:22px; } }
    @media (max-width:600px) { .twf-nav { display:flex; flex-wrap:nowrap; align-items:center; gap:6px; min-height:60px; padding:8px 0; } .twf-brand { order:1; flex:0 0 auto; } .twf-brand-mark { width:90px; height:26px; } .twf-header-actions { order:2; margin-left:0; gap:4px; flex:1 1 auto; justify-content:center; } .twf-header-actions .twf-btn { min-height:38px; padding:0 8px; font-size:11px; gap:4px; } .twf-header-actions .twf-btn-icon { width:14px; height:14px; } .twf-menu-toggle { order:3; flex:0 0 44px; } .twf-menu { flex:0 0 100%; } }
    @media (max-width:560px) { #main .hero-inner { padding:30px 18px 52px; } #main .hero h1 { font-size:36px; } #main .trust-inner { grid-template-columns:1fr; } #main .advanced-services .container { width:calc(100% - 32px); } #main .advanced-services .feature-card { width:100%; padding:20px; } #main .area-list { columns:1; } }
    @media (max-width:900px) { #main .section-light, #main .section-white, #main .why-section, #main .problems-section, #main .process-section, #main .reviews-section, #main .faq-section, #main .cta { padding-top:34px; padding-bottom:34px; } #main .section-head, #main .reviews-head, #main .why-head { margin-bottom:20px; } #main .process-section { padding-bottom:16px; } #main .service-area-section { padding-top:20px; padding-bottom:26px; } #main .area-list { columns:2; column-gap:28px; } }
    @media (max-width:900px) { #main .cta { min-height:360px; } #main .cta h2 { font-size:42px; } #main .cta p { font-size:16px; } }
    @media (max-width:780px) { .twf-site-header-wrap, #main, .twf-footer { width:100vw; max-width:100vw; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); overflow-x:hidden; } }
        @media (max-width: 780px) { :root { --twf-hero-bg-image: url('https://assets.estaterelays.com/sites/surpriseasphalt-com/variants/hero-1200-b7b74c7c0d35.webp'); } }