/* template.html style block 1 */
:root{
      --primary:#0ea5e9;
      --primary-dark:#0369a1;
      --accent:#f97316;
      --bg:#f8fafc;
      --text:#0f172a;
      --muted:#475569;
      --card:#ffffff;
      --border:#e2e8f0;
    }
    *{box-sizing:border-box}
    body{margin:0;background:var(--bg);color:var(--text);font-family:'Inter','Noto Sans SC',sans-serif;line-height:1.6}
    a{text-decoration:none;color:inherit;transition:.2s}
    /* 去掉点击/触摸时的方块高亮（含 Language 按钮） */
    a,button,summary,[role="button"],input,select,textarea,.lang-btn{-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent}
    @media (pointer: coarse){
      a:focus,a:focus-visible,button:focus,button:focus-visible,summary:focus,summary:focus-visible,[role="button"]:focus,[role="button"]:focus-visible,.lang-btn:focus,.lang-btn:focus-visible{outline:none !important;box-shadow:none !important}
    }
    .container{max-width:1000px;margin:0 auto;padding:0 20px}

    .nav{background:#fff;padding:14px 0;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20}
    .nav-inner{display:flex;justify-content:space-between;align-items:center}
    .logo{font-weight:900;font-size:22px;letter-spacing:-.2px;color:#0f172a}
    .logo span{color:var(--primary-dark)}
    .lang-btn{background:#f1f5f9;border:1px solid rgba(2,6,23,.08);padding:8px 12px;border-radius:999px;font-size:14px;font-weight:800;color:#0f172a}
    .lang-btn:hover{border-color:rgba(14,165,233,.55);color:var(--primary-dark)}
    .nav-links{display:flex;gap:10px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
    .lang-dd{position:relative}
    .lang-dd > summary{list-style:none;cursor:pointer}
    .lang-dd > summary::-webkit-details-marker{display:none}
    .lang-panel{
      position:absolute;right:0;top:calc(100% + 8px);display:none;
      min-width:260px;background:#fff;border:1px solid var(--border);border-radius:12px;
      box-shadow:0 12px 30px rgba(2,6,23,.14);padding:8px;z-index:40
    }
    .lang-panel a{
      display:block;padding:8px 10px;border-radius:8px;font-size:13px;font-weight:700;color:#0f172a
    }
    .lang-panel a:hover{background:#f1f5f9;color:var(--primary-dark)}
    .lang-dd[open] > .lang-panel{display:block}

    .page-header{
      background:
        radial-gradient(920px 330px at 12% -36%, rgba(250, 204, 21, 0.22), transparent 64%),
        radial-gradient(920px 360px at 86% -42%, rgba(56, 189, 248, 0.22), transparent 68%),
        linear-gradient(180deg, rgba(9, 26, 54, 0.98) 0%, rgba(12, 33, 65, 0.96) 100%);
      padding:56px 0 34px;
      border-bottom:1px solid rgba(138, 177, 227, 0.34);
      text-align:center;
    }
    .page-header h1{font-size:clamp(26px,4vw,40px);margin:0 0 10px 0;line-height:1.15;font-weight:900;color:#eff6ff}
    .subtitle{color:#d3e4ff;font-size:16px;margin:0 auto 18px;max-width:70ch}
    .btn-row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
    .btn{
      padding:12px 18px;border-radius:999px;font-weight:900;display:inline-flex;align-items:center;gap:8px;
      border:1px solid rgba(153,185,230,.35);background:rgba(11,31,59,.78);color:#f4f9ff
    }
    .btn-call{background:#facc15;color:#0b1f3f;border-color:transparent}
    .btn-call:hover{background:#eab308;color:#081936}
    .btn-wa{background:#15803d;color:#fff;border-color:transparent}
    .btn-wa:hover{background:#166534;color:#fff}
    .cta-subline{margin-top:12px;display:flex;justify-content:center}
    .cta-subline a{
      display:inline-flex;align-items:center;justify-content:center;
      padding:10px 16px;border-radius:999px;
      border:1px solid rgba(182,211,246,.4);
      background:rgba(11,31,59,.36);
      color:#dcfce7;font-weight:900;text-decoration:none;
      box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)
    }
    .cta-subline a:hover{
      color:#f0fdf4;background:rgba(11,31,59,.58);border-color:rgba(134,239,172,.55)
    }
    .trust-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:16px}
    .pill{
      display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;
      background:rgba(255,255,255,.08);border:1px solid rgba(182,211,246,.35);
      color:#dbeafe;font-weight:800;font-size:13px
    }
    .meta-strip{
      display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:14px
    }
    .meta-pill{
      display:inline-flex;align-items:center;padding:7px 12px;border-radius:999px;
      background:rgba(255,255,255,.08);border:1px solid rgba(182,211,246,.30);
      color:#dbeafe;font-size:12px;font-weight:700
    }
    .chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
    .chip{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#f1f5f9;border:1px solid rgba(2,6,23,.08);font-weight:800;font-size:12px;color:#0f172a}

    main{padding:34px 0 28px}
    section{margin-top:28px}
    main > section:first-child{margin-top:0}
    h2{margin:0 0 10px 0;font-size:22px;letter-spacing:-.2px;color:#0f172a}
    p{margin:0;color:#334155}
    .muted{color:var(--muted)}

    .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
    .card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:16px}
    .step-num{font-size:12px;font-weight:900;color:var(--primary-dark);text-transform:uppercase;display:block;margin-bottom:6px}
    .snapshot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
    .snapshot-card h3{margin:0 0 10px 0;font-size:17px;line-height:1.3}
    .snapshot-card p{margin:0 0 8px 0}
    .snapshot-card p:last-child{margin-bottom:0}
    .snapshot-label{font-weight:900;color:#0f172a;margin-right:6px}
    .scope-list{margin-top:6px}
    .insight-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
    .checklist{margin:10px 0 0 0;padding-left:20px}
    .checklist li{margin:7px 0;color:#334155}
    .keyword-cloud .chip{font-size:12px}

    .pricing{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-top:12px}
    .price-card{background:#fff;border:1px solid var(--border);border-radius:18px;padding:18px;text-align:center}
    .price-amount{font-size:30px;font-weight:900;margin:8px 0}
    .price-popular{border:2px solid var(--primary);position:relative}
    .badge{position:absolute;top:0;right:0;background:var(--primary);color:#fff;font-size:12px;font-weight:900;padding:2px 8px;border-bottom-left-radius:8px}

    ul{margin:10px 0 0 18px;padding:0}
    li{margin:6px 0;color:#334155}

    main details{background:#fff;border:1px solid var(--border);border-radius:14px;padding:14px 14px 10px}
    main details + details{margin-top:10px}
    main summary{cursor:pointer;font-weight:900;color:#0f172a}
    main summary::-webkit-details-marker{display:none}
    .faq-a{margin-top:10px;color:#475569}

    .links{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
    .link-list a{display:block;padding:6px 0;color:#0f172a;font-weight:800}
    .link-list a:hover{color:#c2410c}
    .link-note{margin-top:10px}
    .hub-card{display:block}
    .hub-card strong{display:block;font-size:16px;line-height:1.35}
    .hub-card .muted{display:block;margin-top:6px;font-size:13px}
    .hub-card:hover{border-color:rgba(14,165,233,.4);box-shadow:0 10px 24px rgba(15,23,42,.08)}

    .footer{
      background:
        radial-gradient(600px 220px at 8% -20%, rgba(249,115,22,.22), transparent 62%),
        radial-gradient(640px 240px at 92% -12%, rgba(56,189,248,.26), transparent 64%),
        linear-gradient(180deg, #0f2649 0%, #0c1f3f 45%, #091833 100%);
      color:#c5d8f0;
      padding:58px 0 42px;
      border-top:1px solid rgba(126,167,218,.33);
      margin-top:0
    }
    .footer-main{text-align:center}
    .footer h3{margin:0;color:#eff6ff;font-size:30px;line-height:1.2;letter-spacing:-.2px}
    .footer-links{margin:14px 0 18px;font-size:15px}
    .footer-links a{color:#fde68a;font-weight:800}
    .footer-links a:hover{color:#fef3c7}
    .footer-sep{opacity:.45;margin:0 8px}
    .footer-hubs{
      max-width:900px;margin:0 auto;padding:12px 14px;border-radius:12px;
      background:rgba(255,255,255,.10);border:1px solid rgba(166,205,247,.36);
      font-size:14px;line-height:1.7
    }
    .footer-hubs-title{color:#f3f8ff}
    .footer-hubs-prefix{margin-left:6px;color:#dbe8f9}
    .footer-hubs a{color:#ffd8ac;font-weight:800}
    .footer-hubs a:hover{color:#fff0db}
    .footer-copy{margin-top:24px;opacity:.75}

    @media(max-width:900px){
      .container{padding:0 14px}
      .nav{position:static;top:auto}
      .nav-inner{flex-wrap:wrap;align-items:center;gap:12px}
      .logo{font-size:20px;min-width:0}
      .nav-links{
        width:100%;
        display:flex;
        flex-wrap:wrap;
        gap:8px;
        justify-content:flex-end;
      }
      .nav-links > a,
      .nav-links .lang-btn{
        white-space:nowrap;
        font-size:13px;
        padding:9px 12px;
      }
      .lang-dd > .lang-panel{
        left:auto;
        right:0;
        min-width:220px;
        max-width:calc(100vw - 28px);
      }
      .btn-row .btn{
        flex:1 1 100%;
        justify-content:center;
      }
      .page-header{padding:40px 0 24px}
      main{padding:26px 0 56px}
      .footer h3{font-size:26px}
    }
    @media(max-width:720px){
      body{padding-bottom:0}
    }

/* template.html style block 2 */
.area-page,
    .area-page[class*="svc-"]{
      background:
        radial-gradient(920px 260px at 10% -80px, rgba(14,165,233,.10), transparent 60%),
        radial-gradient(780px 220px at 100% 0, rgba(249,115,22,.08), transparent 54%),
        linear-gradient(180deg, #f7fafd 0%, #eef3f8 48%, #e8eef5 100%);
    }
    .area-page .container,
    .area-page[class*="svc-"] .container{max-width:1080px}
    .area-page .nav .container,
    .area-page[class*="svc-"] .nav .container{max-width:1080px}
    .area-page .nav,
    .area-page[class*="svc-"] .nav{
      background:rgba(255,255,255,.95);
      border-bottom:1px solid rgba(2,6,23,.08);
      box-shadow:0 10px 28px rgba(15,23,42,.05);
    }
    .area-page .logo,
    .area-page[class*="svc-"] .logo{color:#0f172a}
    .area-page .logo span,
    .area-page[class*="svc-"] .logo span{color:#0f4c81}
    .area-page .nav-links > a,
    .area-page .nav-links .lang-btn,
    .area-page[class*="svc-"] .nav-links > a,
    .area-page[class*="svc-"] .nav-links .lang-btn{
      color:#0f172a;
      background:#fff;
      border:1px solid rgba(2,6,23,.08);
      box-shadow:none;
    }
    .area-page .nav-links > a:hover,
    .area-page .nav-links .lang-btn:hover,
    .area-page[class*="svc-"] .nav-links > a:hover,
    .area-page[class*="svc-"] .nav-links .lang-btn:hover{
      color:#0f4c81;
      border-color:rgba(14,165,233,.24);
      background:#f8fafc;
    }
    .area-page .lang-panel,
    .area-page[class*="svc-"] .lang-panel{
      background:#fff;
      border:1px solid rgba(2,6,23,.10);
      border-radius:16px;
      box-shadow:0 18px 36px rgba(15,23,42,.14);
      padding:8px;
      min-width:240px;
      backdrop-filter:none;
      -webkit-backdrop-filter:none;
    }
    .area-page .lang-panel a,
    .area-page[class*="svc-"] .lang-panel a{
      display:block;
      margin:4px 0;
      padding:10px 12px;
      border-radius:10px;
      border:1px solid transparent;
      font-size:13px;
      font-weight:800;
      color:#0f172a;
      background:#fff;
    }
    .area-page .lang-panel a:hover,
    .area-page[class*="svc-"] .lang-panel a:hover{
      background:#f8fafc;
      border-color:rgba(14,165,233,.20);
      color:#0f4c81;
      transform:none;
      box-shadow:none;
    }
    .area-page .page-header,
    .area-page[class*="svc-"] .page-header{
      background:
        radial-gradient(820px 260px at 12% -120px, rgba(14,165,233,.16), transparent 60%),
        radial-gradient(760px 260px at 88% -100px, rgba(249,115,22,.14), transparent 58%),
        linear-gradient(180deg, #ffffff 0%, #f8fbff 52%, #fef7f0 100%);
      padding:48px 0 28px;
      border-bottom:1px solid rgba(2,6,23,.08);
    }
    .area-page .page-header::after,
    .area-page[class*="svc-"] .page-header::after{display:none}
    .area-page .page-header .container,
    .area-page[class*="svc-"] .page-header .container{
      max-width:860px;
      padding:0 20px;
    }
    .area-page .page-header h1,
    .area-page[class*="svc-"] .page-header h1{
      color:#0f172a !important;
      text-shadow:none;
      letter-spacing:-.04em;
    }
    .area-page .page-header p.subtitle,
    .area-page[class*="svc-"] .page-header p.subtitle{
      color:#475569 !important;
      text-shadow:none;
      font-weight:600;
      max-width:56ch;
      margin-left:auto;
      margin-right:auto;
    }
    .area-page .page-header .btn,
    .area-page[class*="svc-"] .page-header .btn{
      min-height:48px;
      border-radius:14px;
    }
    .area-page .page-header .trust-row .pill,
    .area-page .page-header .meta-strip .meta-pill,
    .area-page[class*="svc-"] .page-header .trust-row .pill,
    .area-page[class*="svc-"] .page-header .meta-strip .meta-pill{
      background:#fff;
      border-color:rgba(2,6,23,.08);
      color:#334155;
    }
    .area-page main.container,
    .area-page[class*="svc-"] main.container{
      margin-top:0;
      max-width:960px;
      width:min(960px, calc(100% - 32px));
      padding:24px 0 52px;
      background:transparent;
      border:none;
      border-radius:0;
      box-shadow:none;
    }
    .area-page main.container > section,
    .area-page[class*="svc-"] main.container > section{
      margin-top:20px;
      padding:0;
      border:none;
      border-radius:0;
      background:transparent;
      box-shadow:none;
      overflow:visible;
    }
    .area-page main.container > section::before,
    .area-page main.container > section::after,
    .area-page[class*="svc-"] main.container > section::before,
    .area-page[class*="svc-"] main.container > section::after{display:none}
    .area-page main.container > section > *,
    .area-page[class*="svc-"] main.container > section > *{
      position:static;
      z-index:auto;
    }
    .area-page h2,
    .area-page[class*="svc-"] h2{
      display:flex;
      align-items:center;
      gap:10px;
      margin:0 0 12px 0;
      padding:0;
      border:none;
      background:none;
      box-shadow:none;
      text-shadow:none;
      font-size:22px;
      line-height:1.25;
      color:#0f172a;
      letter-spacing:-.02em;
    }
    .area-page h2::before,
    .area-page[class*="svc-"] h2::before{
      content:'';
      width:10px;
      height:10px;
      border-radius:999px;
      background:#0ea5e9;
      box-shadow:0 0 0 4px rgba(14,165,233,.12);
      flex:0 0 auto;
    }
    .area-page p,
    .area-page li,
    .area-page[class*="svc-"] p,
    .area-page[class*="svc-"] li{
      color:#334155;
      line-height:1.75;
    }
    .area-page .muted,
    .area-page[class*="svc-"] .muted{color:#64748b}
    .area-page .card,
    .area-page .price-card,
    .area-page main details,
    .area-page[class*="svc-"] .card,
    .area-page[class*="svc-"] .price-card,
    .area-page[class*="svc-"] main details{
      background:#fff;
      border:1px solid rgba(2,6,23,.08);
      border-radius:16px;
      box-shadow:0 10px 24px rgba(15,23,42,.06), 0 1px 2px rgba(15,23,42,.03);
      color:#0f172a;
      overflow:visible;
    }
    .area-page .card::before,
    .area-page .card::after,
    .area-page .price-card::before,
    .area-page .price-card::after,
    .area-page main details::before,
    .area-page main details::after,
    .area-page[class*="svc-"] .card::before,
    .area-page[class*="svc-"] .card::after,
    .area-page[class*="svc-"] .price-card::before,
    .area-page[class*="svc-"] .price-card::after,
    .area-page[class*="svc-"] main details::before,
    .area-page[class*="svc-"] main details::after{display:none}
    .area-page .card:hover,
    .area-page .price-card:hover,
    .area-page main details:hover,
    .area-page[class*="svc-"] .card:hover,
    .area-page[class*="svc-"] .price-card:hover,
    .area-page[class*="svc-"] main details:hover{
      transform:none;
      box-shadow:0 10px 24px rgba(15,23,42,.06), 0 1px 2px rgba(15,23,42,.03);
    }
    .area-page .pricing,
    .area-page .snapshot-grid,
    .area-page .links,
    .area-page[class*="svc-"] .pricing,
    .area-page[class*="svc-"] .snapshot-grid,
    .area-page[class*="svc-"] .links{
      gap:12px;
    }
    .area-page .price-card.price-popular,
    .area-page[class*="svc-"] .price-card.price-popular{
      border:2px solid #0f4c81;
    }
    .area-page .badge,
    .area-page[class*="svc-"] .badge{
      background:#0f4c81;
      color:#fff;
    }
    .area-page .link-list,
    .area-page[class*="svc-"] .link-list{
      display:grid;
      gap:12px;
    }
    .area-page .link-list strong,
    .area-page[class*="svc-"] .link-list strong{
      display:block;
      margin:2px 0 0 0;
      color:#0f172a;
      font-size:14px;
    }
    .area-page .link-list a,
    .area-page[class*="svc-"] .link-list a{
      color:#0f4c81;
      font-weight:800;
    }
    .area-page .link-list a:hover,
    .area-page[class*="svc-"] .link-list a:hover{
      color:#c2410c;
    }
    .area-page .link-note,
    .area-page[class*="svc-"] .link-note{
      margin-top:12px;
      font-size:14px;
    }
    .area-page .faq-a,
    .area-page[class*="svc-"] .faq-a{
      margin-top:10px;
      color:#475569;
      line-height:1.75;
    }
    @media (max-width:900px){
      .area-page main.container,
      .area-page[class*="svc-"] main.container{
        width:min(100%, calc(100% - 24px));
        padding:20px 0 40px;
      }
      .area-page .page-header,
      .area-page[class*="svc-"] .page-header{
        padding:38px 0 24px;
      }
      .area-page .page-header .container,
      .area-page[class*="svc-"] .page-header .container{
        max-width:100%;
        padding:0 14px;
      }
    }
    @media (max-width:720px){
      .area-page .container,
      .area-page[class*="svc-"] .container{padding:0 12px}
      .area-page .nav,
      .area-page[class*="svc-"] .nav{padding:10px 0}
      .area-page .nav-inner,
      .area-page[class*="svc-"] .nav-inner{
        align-items:center;
        gap:10px;
        flex-wrap:wrap;
      }
      .area-page .logo,
      .area-page[class*="svc-"] .logo{
        font-size:20px;
        flex:1 1 auto;
      }
      .area-page .nav-links,
      .area-page[class*="svc-"] .nav-links{
        width:100%;
        justify-content:flex-start;
        gap:8px;
        padding-top:0;
        border-top:none;
        margin-left:0;
      }
      .area-page .nav-links > a,
      .area-page .nav-links .lang-btn,
      .area-page[class*="svc-"] .nav-links > a,
      .area-page[class*="svc-"] .nav-links .lang-btn{
        padding:8px 10px;
        font-size:12px;
        border-radius:999px;
        white-space:nowrap;
      }
      .area-page .page-header h1,
      .area-page[class*="svc-"] .page-header h1{
        font-size:clamp(28px,8.2vw,38px);
      }
      .area-page .page-header p.subtitle,
      .area-page[class*="svc-"] .page-header p.subtitle{
        font-size:14px;
        line-height:1.65;
      }
      .area-page .btn-row,
      .area-page[class*="svc-"] .btn-row{gap:8px}
      .area-page .btn-row .btn,
      .area-page[class*="svc-"] .btn-row .btn{
        flex:1 1 100%;
        justify-content:center;
      }
      .area-page h2,
      .area-page[class*="svc-"] h2{font-size:20px}
      .area-page p,
      .area-page li,
      .area-page[class*="svc-"] p,
      .area-page[class*="svc-"] li{font-size:15px}
    }

/* template.html style block 3 */
.area-page{
      background-color:#eef3fb;
      background-image:
        radial-gradient(1200px 420px at 50% 260px, rgba(56, 189, 248, 0.12), transparent 65%),
        linear-gradient(180deg, #f6f9ff 0%, #eef3fb 46%, #edf2f9 100%);
    }
    .area-page .container{max-width:1360px}
    .area-page .nav .container{max-width:1320px}
    .area-page .nav{
      background:#f8fdff;
      border-bottom:1px solid rgba(196, 221, 241, 0.7);
    }
    .area-page .lang-panel{
      background:rgba(255, 255, 255, 0.98);
      border:1px solid rgba(164, 191, 226, 0.55);
      border-radius:18px;
      box-shadow:0 16px 36px rgba(15, 23, 42, 0.18);
      padding:10px;
      min-width:260px;
      backdrop-filter:blur(8px);
      -webkit-backdrop-filter:blur(8px);
    }
    .area-page .lang-panel a{
      display:block;
      margin:6px 0;
      padding:10px 14px;
      border-radius:14px;
      border:1px solid rgba(191, 208, 230, 0.7);
      font-size:15px;
      font-weight:800;
      color:#0f1e39;
      line-height:1.2;
      transition:all .2s ease;
      background:#f4f7fb;
    }
    .area-page .lang-panel a:hover{
      color:#0b254a;
      border-color:rgba(86, 152, 214, 0.58);
      box-shadow:0 4px 10px rgba(15, 23, 42, 0.10);
      transform:translateY(-1px);
    }
    .area-page .lang-panel a:nth-child(1){background:linear-gradient(90deg, #dfeeff 0%, #edf4ff 100%)}
    .area-page .lang-panel a:nth-child(2){background:linear-gradient(90deg, #fde8ea 0%, #fbeff1 100%)}
    .area-page .lang-panel a:nth-child(3){background:linear-gradient(90deg, #e7f4ff 0%, #f0f8ff 100%)}
    .area-page .lang-panel a:nth-child(4){background:linear-gradient(90deg, #ffefe8 0%, #fff4ed 100%)}
    .area-page .lang-panel a:nth-child(5){background:linear-gradient(90deg, #eceaff 0%, #f3f1ff 100%)}
    .area-page .lang-panel a:nth-child(6){background:linear-gradient(90deg, #fff4c9 0%, #fff8dc 100%)}
    .area-page .lang-panel a:nth-child(7){background:linear-gradient(90deg, #e8f6ef 0%, #f0fbf6 100%)}
    .area-page .lang-panel a:nth-child(8){background:linear-gradient(90deg, #f2fbe9 0%, #f7fdf1 100%)}
    .area-page .lang-panel a:nth-child(9){background:linear-gradient(90deg, #e6f2ef 0%, #edf8f5 100%)}
    .area-page .lang-panel a:nth-child(10){background:linear-gradient(90deg, #eaf6ff 0%, #f1f9ff 100%)}
    .area-page .lang-panel a:nth-child(11){background:linear-gradient(90deg, #f7f4ff 0%, #faf8ff 100%)}
    .area-page .page-header{
      position:relative;
      overflow:hidden;
    }
    .area-page .page-header::after{
      content:'';
      position:absolute;
      inset:0;
      background:linear-gradient(180deg, rgba(6, 18, 37, 0.22) 0%, rgba(6, 18, 37, 0.34) 100%);
      pointer-events:none;
    }
    .area-page .page-header .container{
      position:relative;
      z-index:1;
      max-width:1380px;
      padding:0 24px;
    }
    .area-page .page-header h1{
      color:#f8fbff !important;
      text-shadow:0 2px 10px rgba(2, 6, 23, 0.45);
    }
    .area-page .page-header p.subtitle{
      color:#dbe9ff !important;
      text-shadow:0 1px 6px rgba(2, 6, 23, 0.40);
      font-weight:600;
      max-width:78ch;
    }
    .area-page .page-header .trust-row .pill{
      background:rgba(255, 255, 255, 0.14);
      border-color:rgba(184, 212, 245, 0.52);
      color:#e8f2ff;
    }
    .area-page .page-header .meta-strip .meta-pill{
      background:rgba(255,255,255,0.12);
      border-color:rgba(184, 212, 245, 0.48);
      color:#eef6ff;
    }
    .area-page main.container{
      margin-top:0;
      max-width:1460px;
      width:min(1460px, calc(100% - 40px));
      padding:38px 24px 58px;
      position:relative;
      background:
        radial-gradient(700px 320px at 0% 0%, rgba(59, 130, 246, 0.10), transparent 62%),
        radial-gradient(700px 320px at 100% 0%, rgba(249, 115, 22, 0.08), transparent 62%),
        linear-gradient(180deg, #edf4ff 0%, #e8f0fc 100%);
      border:1px solid rgba(148, 173, 211, 0.45);
      border-top:none;
      border-radius:0 0 20px 20px;
      box-shadow:0 14px 36px rgba(15, 23, 42, 0.08);
    }
    .area-page main.container > section{
      position:relative;
      overflow:hidden;
      margin-top:0;
      padding:20px;
      border-radius:18px;
      border:1px solid rgba(166, 189, 222, 0.52);
      background:linear-gradient(180deg, rgba(255, 255, 255, 0.86) 0%, rgba(245, 250, 255, 0.82) 100%);
      box-shadow:
        0 10px 26px rgba(15, 23, 42, 0.07),
        inset 0 1px 0 rgba(255, 255, 255, 0.86),
        inset 0 -16px 26px rgba(59, 130, 246, 0.05);
      backdrop-filter:saturate(125%) blur(6px);
      -webkit-backdrop-filter:saturate(125%) blur(6px);
    }
    .area-page main.container > section::before{
      content:'';
      position:absolute;
      left:18px;
      right:18px;
      top:0;
      height:3px;
      border-radius:0 0 12px 12px;
      background:linear-gradient(90deg, rgba(14, 165, 233, 0.78) 0%, rgba(250, 204, 21, 0.76) 50%, rgba(34, 197, 94, 0.72) 100%);
      opacity:.9;
    }
    .area-page main.container > section::after{
      content:'';
      position:absolute;
      width:180px;
      height:180px;
      right:-74px;
      top:-88px;
      border-radius:999px;
      background:radial-gradient(circle at center, rgba(56, 189, 248, 0.20) 0%, rgba(56, 189, 248, 0.0) 72%);
      pointer-events:none;
    }
    .area-page main.container > section > *{
      position:relative;
      z-index:1;
    }
    .area-page main.container > section + section{margin-top:18px}

    .area-page .card,
    .area-page .price-card,
    .area-page main details{
      position:relative;
      overflow:hidden;
      background:linear-gradient(165deg, #ffffff 0%, #f4f8ff 100%);
      border:1px solid rgba(149, 176, 214, 0.58);
      border-radius:16px;
      box-shadow:
        0 10px 22px rgba(15, 23, 42, 0.09),
        inset 0 1px 0 rgba(255, 255, 255, 0.92),
        inset 0 -14px 22px rgba(59, 130, 246, 0.04);
    }
    .area-page .card::before{
      content:'';
      position:absolute;
      left:0;
      right:0;
      top:0;
      height:3px;
      background:linear-gradient(90deg, rgba(14, 165, 233, 0.85) 0%, rgba(250, 204, 21, 0.80) 48%, rgba(34, 197, 94, 0.78) 100%);
    }
    .area-page .card::after,
    .area-page .price-card::after,
    .area-page main details::after{
      content:'';
      position:absolute;
      width:120px;
      height:120px;
      right:-44px;
      top:-48px;
      border-radius:999px;
      background:radial-gradient(circle at center, rgba(125, 211, 252, 0.18) 0%, rgba(125, 211, 252, 0) 72%);
      pointer-events:none;
    }
    .area-page .price-card::before,
    .area-page main details::before{
      content:'';
      position:absolute;
      left:0;
      right:0;
      top:0;
      height:2px;
      background:linear-gradient(90deg, rgba(14, 165, 233, 0.55) 0%, rgba(99, 102, 241, 0.22) 50%, rgba(34, 197, 94, 0.55) 100%);
    }
    .area-page .card > *{position:relative}

    .area-page h2{
      display:flex;
      align-items:center;
      gap:10px;
      font-size:24px;
      color:#0b1d3a;
      letter-spacing:-0.01em;
    }
    .area-page h2::before{
      content:'';
      width:12px;
      height:12px;
      border-radius:999px;
      background:radial-gradient(circle at 35% 35%, #7dd3fc 0%, #0ea5e9 78%);
      box-shadow:0 0 0 4px rgba(14, 165, 233, 0.14);
      flex:0 0 auto;
    }
    .area-page p{color:#334155}
    .area-page li{color:#334155}
    .area-page .muted{color:#475569}
    .area-page .link-list a{color:#123160}
    .area-page .link-list a:hover{color:#0ea5e9}

    .area-page .price-card.price-popular{border:2px solid #0ea5e9}
    .area-page .badge{background:#0ea5e9;color:#fff}

    /* Electrical area pages: borrow the deeper palette from electrical-singapore. */
    .area-page.svc-electrical{
      background-color:#596a82;
      background-image:
        radial-gradient(1200px 460px at 16% 2%, rgba(250, 204, 21, 0.10), transparent 62%),
        radial-gradient(980px 420px at 86% 0%, rgba(56, 189, 248, 0.16), transparent 64%),
        linear-gradient(180deg, #60728c 0%, #566985 48%, #4e607a 100%);
    }
    .area-page.svc-electrical .nav{
      background:linear-gradient(180deg, rgba(224, 238, 255, 0.96) 0%, rgba(206, 224, 246, 0.96) 100%);
      border-bottom:1px solid rgba(118, 149, 188, 0.58);
      box-shadow:0 8px 20px rgba(2, 8, 23, 0.12);
    }
    .area-page.svc-electrical .page-header{
      background:
        radial-gradient(920px 330px at 12% -36%, rgba(250, 204, 21, 0.24), transparent 64%),
        radial-gradient(920px 360px at 86% -42%, rgba(56, 189, 248, 0.24), transparent 68%),
        linear-gradient(180deg, rgba(8, 20, 42, 0.98) 0%, rgba(10, 29, 58, 0.96) 100%);
    }
    .area-page.svc-electrical .page-header::after{
      background:linear-gradient(180deg, rgba(6, 18, 37, 0.24) 0%, rgba(6, 18, 37, 0.38) 100%);
    }
    .area-page.svc-electrical main.container > section{
      background:linear-gradient(180deg, rgba(12, 31, 58, 0.56) 0%, rgba(12, 29, 55, 0.44) 100%);
      border:1px solid rgba(136, 170, 217, 0.32);
      box-shadow:
        0 12px 28px rgba(2, 8, 23, 0.22),
        inset 0 1px 0 rgba(198, 224, 255, 0.10),
        inset 0 -16px 24px rgba(37, 99, 235, 0.08);
    }
    .area-page.svc-electrical main.container > section::before{
      background:linear-gradient(90deg, rgba(56, 189, 248, 0.86) 0%, rgba(250, 204, 21, 0.78) 50%, rgba(34, 197, 94, 0.80) 100%);
    }
    .area-page.svc-electrical h2{
      color:#f1f7ff;
      background:linear-gradient(180deg, rgba(13, 33, 62, 0.42) 0%, rgba(13, 33, 62, 0.20) 100%);
      border:1px solid rgba(130, 166, 214, 0.34);
      border-radius:14px;
      padding:8px 12px 10px;
      box-shadow:0 10px 24px rgba(2, 8, 23, 0.24);
      text-shadow:0 2px 10px rgba(2, 6, 23, 0.35);
    }
    .area-page.svc-electrical h2::before{
      box-shadow:0 0 0 4px rgba(56, 189, 248, 0.20);
    }
    .area-page.svc-electrical .card,
    .area-page.svc-electrical .price-card,
    .area-page.svc-electrical main details{
      background:linear-gradient(165deg, rgba(19, 43, 79, 0.95) 0%, rgba(15, 37, 71, 0.97) 100%);
      border:1px solid rgba(150, 186, 232, 0.55);
      box-shadow:
        0 16px 34px rgba(2, 8, 23, 0.32),
        inset 0 1px 0 rgba(214, 234, 255, 0.10),
        inset 0 -14px 24px rgba(56, 139, 255, 0.12),
        0 0 24px rgba(56, 189, 248, 0.12);
      color:#e8f2ff;
    }
    .area-page.svc-electrical .card::before,
    .area-page.svc-electrical .price-card::before,
    .area-page.svc-electrical main details::before{
      background:linear-gradient(90deg, rgba(56, 189, 248, 0.88) 0%, rgba(250, 204, 21, 0.78) 50%, rgba(34, 197, 94, 0.80) 100%);
    }
    .area-page.svc-electrical .card::after,
    .area-page.svc-electrical .price-card::after,
    .area-page.svc-electrical main details::after{
      background:radial-gradient(circle at center, rgba(125, 211, 252, 0.24) 0%, rgba(125, 211, 252, 0) 72%);
    }
    .area-page.svc-electrical p,
    .area-page.svc-electrical li{color:#deecff}
    .area-page.svc-electrical .muted{color:#c7d9f0}
    .area-page.svc-electrical main summary{
      color:#f4f9ff;
      text-shadow:0 1px 6px rgba(2, 6, 23, 0.40);
    }
    .area-page.svc-electrical .faq-a{color:#dbe9fd}
    .area-page.svc-electrical h3,
    .area-page.svc-electrical strong{color:#f6fbff}
    .area-page.svc-electrical .link-list a{color:#dbeaff}
    .area-page.svc-electrical .link-list a:hover{color:#7dd3fc}
    .area-page.svc-electrical .price-card.price-popular{border:2px solid rgba(250, 204, 21, 0.68)}
    .area-page.svc-electrical .badge{background:#facc15;color:#16243c}

    /* Service themes for other area pages: plumbing / aircon / installation / handyman / movers / renovation. */
    .area-page.svc-plumbing{
      --svc-page-bg:
        radial-gradient(1180px 430px at 14% 4%, rgba(45, 212, 191, 0.14), transparent 62%),
        radial-gradient(980px 420px at 86% 0%, rgba(34, 211, 238, 0.16), transparent 64%),
        linear-gradient(180deg, #5f7287 0%, #55687d 48%, #4b5e73 100%);
      --svc-nav-bg:linear-gradient(180deg, rgba(224, 247, 244, 0.96) 0%, rgba(208, 235, 232, 0.96) 100%);
      --svc-nav-border:rgba(114, 160, 154, 0.56);
      --svc-header-bg:
        radial-gradient(920px 330px at 12% -36%, rgba(45, 212, 191, 0.28), transparent 64%),
        radial-gradient(920px 360px at 86% -42%, rgba(34, 211, 238, 0.22), transparent 68%),
        linear-gradient(180deg, rgba(8, 32, 43, 0.98) 0%, rgba(9, 41, 54, 0.96) 100%);
      --svc-section-bg:linear-gradient(180deg, rgba(10, 43, 54, 0.58) 0%, rgba(10, 39, 50, 0.46) 100%);
      --svc-section-border:rgba(135, 197, 192, 0.35);
      --svc-accent-line:linear-gradient(90deg, rgba(34, 211, 238, 0.88) 0%, rgba(45, 212, 191, 0.82) 50%, rgba(163, 230, 53, 0.78) 100%);
      --svc-h2-bg:linear-gradient(180deg, rgba(11, 45, 56, 0.44) 0%, rgba(11, 45, 56, 0.22) 100%);
      --svc-h2-border:rgba(126, 185, 180, 0.36);
      --svc-h2-ring:rgba(34, 211, 238, 0.20);
      --svc-card-bg:linear-gradient(165deg, rgba(15, 60, 73, 0.95) 0%, rgba(12, 50, 63, 0.97) 100%);
      --svc-card-border:rgba(145, 208, 203, 0.56);
      --svc-card-glow:rgba(45, 212, 191, 0.14);
      --svc-text:#def8f5;
      --svc-muted:#c7e8e3;
      --svc-link:#d8fffb;
      --svc-link-hover:#5eead4;
      --svc-summary:#f2fffd;
      --svc-faq:#dcfbf7;
      --svc-popular-border:rgba(45, 212, 191, 0.72);
      --svc-badge-bg:#2dd4bf;
      --svc-badge-text:#083344;
      --svc-main-bg:
        radial-gradient(1200px 440px at 12% 6%, rgba(45, 212, 191, 0.20), transparent 66%),
        radial-gradient(1100px 420px at 90% 8%, rgba(34, 211, 238, 0.16), transparent 68%),
        linear-gradient(180deg, #607184 0%, #576779 48%, #4d5d70 100%);
    }
    .area-page.svc-aircon{
      --svc-page-bg:
        radial-gradient(1180px 430px at 14% 4%, rgba(125, 211, 252, 0.16), transparent 62%),
        radial-gradient(980px 420px at 86% 0%, rgba(99, 102, 241, 0.16), transparent 64%),
        linear-gradient(180deg, #5f7089 0%, #566881 48%, #4c5e77 100%);
      --svc-nav-bg:linear-gradient(180deg, rgba(228, 243, 255, 0.96) 0%, rgba(210, 230, 248, 0.96) 100%);
      --svc-nav-border:rgba(117, 152, 190, 0.58);
      --svc-header-bg:
        radial-gradient(920px 330px at 12% -36%, rgba(125, 211, 252, 0.26), transparent 64%),
        radial-gradient(920px 360px at 86% -42%, rgba(96, 165, 250, 0.22), transparent 68%),
        linear-gradient(180deg, rgba(7, 26, 51, 0.98) 0%, rgba(9, 36, 64, 0.96) 100%);
      --svc-section-bg:linear-gradient(180deg, rgba(11, 36, 66, 0.58) 0%, rgba(10, 32, 60, 0.46) 100%);
      --svc-section-border:rgba(141, 178, 226, 0.35);
      --svc-accent-line:linear-gradient(90deg, rgba(56, 189, 248, 0.88) 0%, rgba(125, 211, 252, 0.82) 50%, rgba(99, 102, 241, 0.80) 100%);
      --svc-h2-bg:linear-gradient(180deg, rgba(13, 37, 67, 0.44) 0%, rgba(13, 37, 67, 0.22) 100%);
      --svc-h2-border:rgba(130, 168, 214, 0.36);
      --svc-h2-ring:rgba(56, 189, 248, 0.20);
      --svc-card-bg:linear-gradient(165deg, rgba(17, 46, 80, 0.95) 0%, rgba(14, 40, 73, 0.97) 100%);
      --svc-card-border:rgba(149, 186, 235, 0.56);
      --svc-card-glow:rgba(56, 189, 248, 0.14);
      --svc-text:#e2efff;
      --svc-muted:#c8d9f0;
      --svc-link:#deecff;
      --svc-link-hover:#7dd3fc;
      --svc-summary:#f4f9ff;
      --svc-faq:#dce9fd;
      --svc-popular-border:rgba(125, 211, 252, 0.74);
      --svc-badge-bg:#7dd3fc;
      --svc-badge-text:#0c2748;
      --svc-main-bg:
        radial-gradient(1200px 440px at 12% 6%, rgba(56, 189, 248, 0.20), transparent 66%),
        radial-gradient(1100px 420px at 90% 8%, rgba(99, 102, 241, 0.18), transparent 68%),
        linear-gradient(180deg, #60708a 0%, #586983 48%, #4e5f79 100%);
    }
    .area-page.svc-installation{
      --svc-page-bg:
        radial-gradient(1180px 430px at 14% 4%, rgba(250, 204, 21, 0.14), transparent 62%),
        radial-gradient(980px 420px at 86% 0%, rgba(56, 189, 248, 0.14), transparent 64%),
        linear-gradient(180deg, #647486 0%, #5a6a7d 48%, #4f5f72 100%);
      --svc-nav-bg:linear-gradient(180deg, rgba(248, 239, 223, 0.96) 0%, rgba(235, 223, 203, 0.96) 100%);
      --svc-nav-border:rgba(171, 145, 106, 0.56);
      --svc-header-bg:
        radial-gradient(920px 330px at 12% -36%, rgba(250, 204, 21, 0.24), transparent 64%),
        radial-gradient(920px 360px at 86% -42%, rgba(56, 189, 248, 0.20), transparent 68%),
        linear-gradient(180deg, rgba(29, 24, 39, 0.98) 0%, rgba(34, 30, 46, 0.96) 100%);
      --svc-section-bg:linear-gradient(180deg, rgba(45, 38, 56, 0.58) 0%, rgba(39, 34, 50, 0.46) 100%);
      --svc-section-border:rgba(197, 177, 141, 0.35);
      --svc-accent-line:linear-gradient(90deg, rgba(250, 204, 21, 0.86) 0%, rgba(251, 146, 60, 0.82) 50%, rgba(56, 189, 248, 0.80) 100%);
      --svc-h2-bg:linear-gradient(180deg, rgba(57, 47, 71, 0.44) 0%, rgba(57, 47, 71, 0.22) 100%);
      --svc-h2-border:rgba(180, 160, 129, 0.38);
      --svc-h2-ring:rgba(250, 204, 21, 0.22);
      --svc-card-bg:linear-gradient(165deg, rgba(53, 44, 69, 0.95) 0%, rgba(46, 38, 62, 0.97) 100%);
      --svc-card-border:rgba(204, 183, 147, 0.56);
      --svc-card-glow:rgba(251, 191, 36, 0.16);
      --svc-text:#f6f0de;
      --svc-muted:#eadfbe;
      --svc-link:#fff0cf;
      --svc-link-hover:#fde68a;
      --svc-summary:#fff8e4;
      --svc-faq:#f6edda;
      --svc-popular-border:rgba(251, 191, 36, 0.76);
      --svc-badge-bg:#facc15;
      --svc-badge-text:#2f1e05;
      --svc-main-bg:
        radial-gradient(1200px 440px at 12% 6%, rgba(251, 191, 36, 0.20), transparent 66%),
        radial-gradient(1100px 420px at 90% 8%, rgba(56, 189, 248, 0.16), transparent 68%),
        linear-gradient(180deg, #647384 0%, #5b6a7c 48%, #506072 100%);
    }
    .area-page.svc-handyman{
      --svc-page-bg:
        radial-gradient(1180px 430px at 14% 4%, rgba(96, 165, 250, 0.16), transparent 62%),
        radial-gradient(980px 420px at 86% 0%, rgba(165, 180, 252, 0.14), transparent 64%),
        linear-gradient(180deg, #5f6f88 0%, #566780 48%, #4c5d76 100%);
      --svc-nav-bg:linear-gradient(180deg, rgba(231, 238, 252, 0.96) 0%, rgba(216, 226, 245, 0.96) 100%);
      --svc-nav-border:rgba(121, 144, 181, 0.56);
      --svc-header-bg:
        radial-gradient(920px 330px at 12% -36%, rgba(96, 165, 250, 0.24), transparent 64%),
        radial-gradient(920px 360px at 86% -42%, rgba(165, 180, 252, 0.20), transparent 68%),
        linear-gradient(180deg, rgba(13, 26, 48, 0.98) 0%, rgba(17, 33, 58, 0.96) 100%);
      --svc-section-bg:linear-gradient(180deg, rgba(18, 35, 62, 0.58) 0%, rgba(16, 31, 56, 0.46) 100%);
      --svc-section-border:rgba(141, 167, 208, 0.35);
      --svc-accent-line:linear-gradient(90deg, rgba(96, 165, 250, 0.88) 0%, rgba(129, 140, 248, 0.82) 50%, rgba(125, 211, 252, 0.80) 100%);
      --svc-h2-bg:linear-gradient(180deg, rgba(22, 43, 74, 0.44) 0%, rgba(22, 43, 74, 0.22) 100%);
      --svc-h2-border:rgba(128, 158, 203, 0.36);
      --svc-h2-ring:rgba(96, 165, 250, 0.22);
      --svc-card-bg:linear-gradient(165deg, rgba(24, 48, 80, 0.95) 0%, rgba(19, 40, 69, 0.97) 100%);
      --svc-card-border:rgba(149, 176, 221, 0.56);
      --svc-card-glow:rgba(96, 165, 250, 0.14);
      --svc-text:#e6efff;
      --svc-muted:#ccd9ef;
      --svc-link:#dee8ff;
      --svc-link-hover:#93c5fd;
      --svc-summary:#f4f8ff;
      --svc-faq:#dfe9fd;
      --svc-popular-border:rgba(129, 140, 248, 0.74);
      --svc-badge-bg:#60a5fa;
      --svc-badge-text:#08203e;
      --svc-main-bg:
        radial-gradient(1200px 440px at 12% 6%, rgba(96, 165, 250, 0.20), transparent 66%),
        radial-gradient(1100px 420px at 90% 8%, rgba(165, 180, 252, 0.18), transparent 68%),
        linear-gradient(180deg, #60708a 0%, #576883 48%, #4d5e79 100%);
    }
    .area-page.svc-movers{
      --svc-page-bg:
        radial-gradient(1180px 430px at 14% 4%, rgba(99, 102, 241, 0.16), transparent 62%),
        radial-gradient(980px 420px at 86% 0%, rgba(45, 212, 191, 0.14), transparent 64%),
        linear-gradient(180deg, #5f7088 0%, #56677f 48%, #4b5c74 100%);
      --svc-nav-bg:linear-gradient(180deg, rgba(232, 236, 251, 0.96) 0%, rgba(215, 224, 246, 0.96) 100%);
      --svc-nav-border:rgba(120, 140, 184, 0.56);
      --svc-header-bg:
        radial-gradient(920px 330px at 12% -36%, rgba(99, 102, 241, 0.26), transparent 64%),
        radial-gradient(920px 360px at 86% -42%, rgba(45, 212, 191, 0.20), transparent 68%),
        linear-gradient(180deg, rgba(16, 27, 53, 0.98) 0%, rgba(18, 36, 64, 0.96) 100%);
      --svc-section-bg:linear-gradient(180deg, rgba(22, 36, 66, 0.58) 0%, rgba(18, 31, 59, 0.46) 100%);
      --svc-section-border:rgba(142, 163, 212, 0.35);
      --svc-accent-line:linear-gradient(90deg, rgba(99, 102, 241, 0.88) 0%, rgba(56, 189, 248, 0.82) 50%, rgba(45, 212, 191, 0.80) 100%);
      --svc-h2-bg:linear-gradient(180deg, rgba(24, 42, 76, 0.44) 0%, rgba(24, 42, 76, 0.22) 100%);
      --svc-h2-border:rgba(131, 156, 203, 0.36);
      --svc-h2-ring:rgba(99, 102, 241, 0.22);
      --svc-card-bg:linear-gradient(165deg, rgba(27, 46, 79, 0.95) 0%, rgba(22, 39, 68, 0.97) 100%);
      --svc-card-border:rgba(151, 174, 223, 0.56);
      --svc-card-glow:rgba(99, 102, 241, 0.14);
      --svc-text:#e8efff;
      --svc-muted:#cfdaef;
      --svc-link:#e0e9ff;
      --svc-link-hover:#a5b4fc;
      --svc-summary:#f5f8ff;
      --svc-faq:#e2e9fd;
      --svc-popular-border:rgba(56, 189, 248, 0.72);
      --svc-badge-bg:#6366f1;
      --svc-badge-text:#eef2ff;
      --svc-main-bg:
        radial-gradient(1200px 440px at 12% 6%, rgba(99, 102, 241, 0.20), transparent 66%),
        radial-gradient(1100px 420px at 90% 8%, rgba(45, 212, 191, 0.18), transparent 68%),
        linear-gradient(180deg, #607188 0%, #576780 48%, #4d5d74 100%);
    }
    .area-page.svc-renovation{
      --svc-page-bg:
        radial-gradient(1180px 430px at 14% 4%, rgba(251, 191, 36, 0.16), transparent 62%),
        radial-gradient(980px 420px at 86% 0%, rgba(251, 146, 60, 0.14), transparent 64%),
        linear-gradient(180deg, #657385 0%, #5b697c 48%, #505f71 100%);
      --svc-nav-bg:linear-gradient(180deg, rgba(249, 240, 226, 0.96) 0%, rgba(236, 224, 206, 0.96) 100%);
      --svc-nav-border:rgba(171, 145, 109, 0.56);
      --svc-header-bg:
        radial-gradient(920px 330px at 12% -36%, rgba(251, 191, 36, 0.24), transparent 64%),
        radial-gradient(920px 360px at 86% -42%, rgba(251, 146, 60, 0.20), transparent 68%),
        linear-gradient(180deg, rgba(35, 27, 24, 0.98) 0%, rgba(44, 34, 30, 0.96) 100%);
      --svc-section-bg:linear-gradient(180deg, rgba(52, 39, 34, 0.58) 0%, rgba(45, 35, 30, 0.46) 100%);
      --svc-section-border:rgba(203, 176, 142, 0.35);
      --svc-accent-line:linear-gradient(90deg, rgba(251, 191, 36, 0.88) 0%, rgba(251, 146, 60, 0.84) 50%, rgba(190, 242, 100, 0.80) 100%);
      --svc-h2-bg:linear-gradient(180deg, rgba(64, 47, 40, 0.44) 0%, rgba(64, 47, 40, 0.22) 100%);
      --svc-h2-border:rgba(188, 161, 128, 0.36);
      --svc-h2-ring:rgba(251, 191, 36, 0.22);
      --svc-card-bg:linear-gradient(165deg, rgba(59, 43, 36, 0.95) 0%, rgba(50, 38, 32, 0.97) 100%);
      --svc-card-border:rgba(209, 182, 149, 0.56);
      --svc-card-glow:rgba(251, 191, 36, 0.14);
      --svc-text:#f7ecdc;
      --svc-muted:#ecd9bf;
      --svc-link:#ffedd0;
      --svc-link-hover:#fde68a;
      --svc-summary:#fff8e8;
      --svc-faq:#f7ecdd;
      --svc-popular-border:rgba(251, 146, 60, 0.74);
      --svc-badge-bg:#fb923c;
      --svc-badge-text:#3b1d02;
      --svc-main-bg:
        radial-gradient(1200px 440px at 12% 6%, rgba(251, 191, 36, 0.20), transparent 66%),
        radial-gradient(1100px 420px at 90% 8%, rgba(251, 146, 60, 0.18), transparent 68%),
        linear-gradient(180deg, #647284 0%, #5a687a 48%, #505d6e 100%);
    }
    .area-page:is(.svc-plumbing, .svc-aircon, .svc-installation, .svc-handyman, .svc-movers, .svc-renovation){
      background-color:#5f7088;
      background-image:var(--svc-page-bg);
    }
    .area-page:is(.svc-plumbing, .svc-aircon, .svc-installation, .svc-handyman, .svc-movers, .svc-renovation) .nav{
      background:var(--svc-nav-bg);
      border-bottom:1px solid var(--svc-nav-border);
      box-shadow:0 8px 20px rgba(2, 8, 23, 0.12);
    }
    .area-page:is(.svc-plumbing, .svc-aircon, .svc-installation, .svc-handyman, .svc-movers, .svc-renovation) .page-header{
      background:var(--svc-header-bg);
    }
    .area-page:is(.svc-plumbing, .svc-aircon, .svc-installation, .svc-handyman, .svc-movers, .svc-renovation) .page-header::after{
      background:linear-gradient(180deg, rgba(6, 18, 37, 0.24) 0%, rgba(6, 18, 37, 0.38) 100%);
    }
    .area-page:is(.svc-plumbing, .svc-aircon, .svc-installation, .svc-handyman, .svc-movers, .svc-renovation) main.container > section{
      background:var(--svc-section-bg);
      border:1px solid var(--svc-section-border);
      box-shadow:
        0 12px 28px rgba(2, 8, 23, 0.22),
        inset 0 1px 0 rgba(198, 224, 255, 0.10),
        inset 0 -16px 24px rgba(37, 99, 235, 0.08);
    }
    .area-page:is(.svc-plumbing, .svc-aircon, .svc-installation, .svc-handyman, .svc-movers, .svc-renovation) main.container > section::before{
      background:var(--svc-accent-line);
    }
    .area-page:is(.svc-plumbing, .svc-aircon, .svc-installation, .svc-handyman, .svc-movers, .svc-renovation) h2{
      color:#f1f7ff;
      background:var(--svc-h2-bg);
      border:1px solid var(--svc-h2-border);
      border-radius:14px;
      padding:8px 12px 10px;
      box-shadow:0 10px 24px rgba(2, 8, 23, 0.24);
      text-shadow:0 2px 10px rgba(2, 6, 23, 0.35);
    }
    .area-page:is(.svc-plumbing, .svc-aircon, .svc-installation, .svc-handyman, .svc-movers, .svc-renovation) h2::before{
      box-shadow:0 0 0 4px var(--svc-h2-ring);
    }
    .area-page:is(.svc-plumbing, .svc-aircon, .svc-installation, .svc-handyman, .svc-movers, .svc-renovation) .card,
    .area-page:is(.svc-plumbing, .svc-aircon, .svc-installation, .svc-handyman, .svc-movers, .svc-renovation) .price-card,
    .area-page:is(.svc-plumbing, .svc-aircon, .svc-installation, .svc-handyman, .svc-movers, .svc-renovation) main details{
      background:var(--svc-card-bg);
      border:1px solid var(--svc-card-border);
      box-shadow:
        0 16px 34px rgba(2, 8, 23, 0.32),
        inset 0 1px 0 rgba(214, 234, 255, 0.10),
        inset 0 -14px 24px rgba(56, 139, 255, 0.12),
        0 0 24px var(--svc-card-glow);
      color:var(--svc-text);
    }
    .area-page:is(.svc-plumbing, .svc-aircon, .svc-installation, .svc-handyman, .svc-movers, .svc-renovation) .card::before,
    .area-page:is(.svc-plumbing, .svc-aircon, .svc-installation, .svc-handyman, .svc-movers, .svc-renovation) .price-card::before,
    .area-page:is(.svc-plumbing, .svc-aircon, .svc-installation, .svc-handyman, .svc-movers, .svc-renovation) main details::before{
      background:var(--svc-accent-line);
    }
    .area-page:is(.svc-plumbing, .svc-aircon, .svc-installation, .svc-handyman, .svc-movers, .svc-renovation) .card::after,
    .area-page:is(.svc-plumbing, .svc-aircon, .svc-installation, .svc-handyman, .svc-movers, .svc-renovation) .price-card::after,
    .area-page:is(.svc-plumbing, .svc-aircon, .svc-installation, .svc-handyman, .svc-movers, .svc-renovation) main details::after{
      background:radial-gradient(circle at center, rgba(125, 211, 252, 0.24) 0%, rgba(125, 211, 252, 0) 72%);
    }
    .area-page:is(.svc-plumbing, .svc-aircon, .svc-installation, .svc-handyman, .svc-movers, .svc-renovation) p,
    .area-page:is(.svc-plumbing, .svc-aircon, .svc-installation, .svc-handyman, .svc-movers, .svc-renovation) li{color:var(--svc-text)}
    .area-page:is(.svc-plumbing, .svc-aircon, .svc-installation, .svc-handyman, .svc-movers, .svc-renovation) .muted{color:var(--svc-muted)}
    .area-page:is(.svc-plumbing, .svc-aircon, .svc-installation, .svc-handyman, .svc-movers, .svc-renovation) main summary{
      color:var(--svc-summary);
      text-shadow:0 1px 6px rgba(2, 6, 23, 0.40);
    }
    .area-page:is(.svc-plumbing, .svc-aircon, .svc-installation, .svc-handyman, .svc-movers, .svc-renovation) .faq-a{color:var(--svc-faq)}
    .area-page:is(.svc-plumbing, .svc-aircon, .svc-installation, .svc-handyman, .svc-movers, .svc-renovation) h3,
    .area-page:is(.svc-plumbing, .svc-aircon, .svc-installation, .svc-handyman, .svc-movers, .svc-renovation) strong{color:#f6fbff}
    .area-page:is(.svc-plumbing, .svc-aircon, .svc-installation, .svc-handyman, .svc-movers, .svc-renovation) .link-list a{color:var(--svc-link)}
    .area-page:is(.svc-plumbing, .svc-aircon, .svc-installation, .svc-handyman, .svc-movers, .svc-renovation) .link-list a:hover{color:var(--svc-link-hover)}
    .area-page:is(.svc-plumbing, .svc-aircon, .svc-installation, .svc-handyman, .svc-movers, .svc-renovation) .price-card.price-popular{border:2px solid var(--svc-popular-border)}
    .area-page:is(.svc-plumbing, .svc-aircon, .svc-installation, .svc-handyman, .svc-movers, .svc-renovation) .badge{background:var(--svc-badge-bg);color:var(--svc-badge-text)}
    @media(hover:hover) and (pointer:fine){
      .area-page .card:hover,
      .area-page .price-card:hover,
      .area-page main details:hover{
        transform:translateY(-2px);
        box-shadow:
          0 14px 26px rgba(15, 23, 42, 0.12),
          inset 0 1px 0 rgba(255, 255, 255, 0.94),
          inset 0 -16px 24px rgba(59, 130, 246, 0.05);
      }
      .area-page:is(.svc-electrical, .svc-plumbing, .svc-aircon, .svc-installation, .svc-handyman, .svc-movers, .svc-renovation) .card:hover,
      .area-page:is(.svc-electrical, .svc-plumbing, .svc-aircon, .svc-installation, .svc-handyman, .svc-movers, .svc-renovation) .price-card:hover,
      .area-page:is(.svc-electrical, .svc-plumbing, .svc-aircon, .svc-installation, .svc-handyman, .svc-movers, .svc-renovation) main details:hover{
        box-shadow:
          0 18px 36px rgba(2, 8, 23, 0.34),
          inset 0 1px 0 rgba(214, 234, 255, 0.14),
          inset 0 -14px 24px rgba(56, 139, 255, 0.14),
          0 0 26px rgba(56, 189, 248, 0.14);
      }
    }

    @media(min-width:1200px){
      .area-page .snapshot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
      .area-page .insight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
      .area-page .links{grid-template-columns:repeat(2,minmax(0,1fr))}
    }
    @media(min-width:1600px){
      .area-page main.container{
        max-width:1560px;
        width:min(1560px, calc(100% - 36px));
      }
    }
    @media(min-width:901px){
      .area-page .nav .container,
      .area-page .page-header .container{
        max-width:none;
        width:min(1720px, calc(100% - 56px));
      }
      .area-page main.container{
        max-width:none;
        width:100%;
        margin:0;
        position:relative;
        isolation:isolate;
        padding:42px clamp(22px, 4vw, 68px) 64px;
        background:transparent;
        border-left:none;
        border-right:none;
        border-radius:0;
        box-shadow:none;
      }
      .area-page main.container::before{
        content:'';
        position:absolute;
        left:50%;
        transform:translateX(-50%);
        top:0;
        bottom:0;
        width:100vw;
        background:
          radial-gradient(1200px 420px at 10% 4%, rgba(37, 99, 235, 0.22), transparent 66%),
          radial-gradient(1100px 420px at 92% 8%, rgba(30, 64, 175, 0.24), transparent 68%),
          linear-gradient(180deg, #c2d1e5 0%, #bacadf 46%, #b2c2d9 100%);
        z-index:-1;
      }
      .area-page.svc-electrical main.container::before{
        background:
          radial-gradient(1200px 440px at 12% 6%, rgba(56, 189, 248, 0.20), transparent 66%),
          radial-gradient(1100px 420px at 90% 8%, rgba(30, 64, 175, 0.24), transparent 68%),
          linear-gradient(180deg, #5f6f87 0%, #56657e 48%, #4b5a73 100%);
      }
      .area-page:is(.svc-plumbing, .svc-aircon, .svc-installation, .svc-handyman, .svc-movers, .svc-renovation) main.container::before{
        background:var(--svc-main-bg);
      }
      .area-page main.container > section{
        max-width:1560px;
        margin-left:auto;
        margin-right:auto;
      }
    }
    @media(max-width:900px){
      .area-page{
        background-color:#e3ebf7;
        background-image:linear-gradient(180deg, #e9f0fa 0%, #e3ebf7 46%, #dde6f3 100%);
      }
      .area-page .container{max-width:100%;padding:0 12px}
      .area-page .page-header .container{padding:0 12px}
      .area-page .nav{
        position:relative;
        top:auto;
        background:linear-gradient(180deg, #dff2fb 0%, #cfe5f3 100%);
        border-bottom:1px solid rgba(112, 151, 181, 0.62);
        box-shadow:0 4px 12px rgba(7, 63, 88, 0.12);
        backdrop-filter:none;
        -webkit-backdrop-filter:none;
      }
      .area-page .nav-inner{
        flex-wrap:nowrap;
        gap:8px;
        padding-top:4px;
        padding-bottom:4px;
      }
      .area-page .logo{
        flex:0 0 auto;
        font-size:18px;
        white-space:nowrap;
      }
      .area-page .nav-links{
        width:auto;
        margin-left:auto;
        flex-wrap:nowrap;
        justify-content:flex-end;
        gap:6px;
        padding-top:0;
        padding-bottom:0;
        border-top:none;
      }
      .area-page .lang-btn{
        background:rgba(245, 252, 255, 0.88);
        border-color:rgba(143, 191, 216, 0.45);
      }
      .area-page .nav-links > a,
      .area-page .nav-links .lang-btn{
        font-size:12px;
        padding:7px 10px;
        white-space:nowrap;
      }
      .area-page .page-header h1{font-size:clamp(28px,8.2vw,40px)}
      .area-page .page-header p.subtitle{font-size:14px;line-height:1.5}
      .area-page main.container{
        width:100%;
        max-width:100%;
        padding:24px 12px 62px;
        background:linear-gradient(180deg, #d5e0ef 0%, #cfdbea 100%);
        border-color:rgba(122, 149, 188, 0.62);
        box-shadow:0 8px 18px rgba(15, 23, 42, 0.08);
        border-radius:0;
        border-left:none;
        border-right:none;
      }
      .area-page main.container > section{
        padding:14px;
        border-radius:14px;
        background:linear-gradient(180deg, #edf3fc 0%, #e7eef8 100%);
        border-color:rgba(133, 162, 201, 0.70);
        box-shadow:
          0 8px 16px rgba(15, 23, 42, 0.08),
          inset 0 1px 0 rgba(255, 255, 255, 0.9);
      }
      .area-page main.container > section::after{display:none}
      .area-page main.container > section::before{
        left:12px;
        right:12px;
        opacity:.72;
      }
      .area-page .card,
      .area-page .price-card,
      .area-page main details{
        background:#ffffff;
        border-color:rgba(126, 153, 193, 0.72);
        box-shadow:
          0 9px 16px rgba(15, 23, 42, 0.10),
          inset 0 1px 0 rgba(255, 255, 255, 0.95);
      }
      .area-page .card::after,
      .area-page .price-card::after,
      .area-page main details::after{
        display:none;
      }
      .area-page h2{font-size:22px}
      .area-page h2::before{
        width:10px;
        height:10px;
      }
      .area-page p,
      .area-page li{
        color:#27364c;
        line-height:1.72;
      }
      .area-page .muted{color:#3d4f68}
      .area-page:is(.svc-electrical, .svc-plumbing, .svc-aircon, .svc-installation, .svc-handyman, .svc-movers, .svc-renovation) .nav{
        background:linear-gradient(180deg, rgba(18, 36, 66, 0.97) 0%, rgba(15, 31, 58, 0.97) 100%);
        border-bottom:1px solid rgba(132, 166, 212, 0.56);
        box-shadow:0 6px 16px rgba(2, 8, 23, 0.34);
      }
      .area-page:is(.svc-electrical, .svc-plumbing, .svc-aircon, .svc-installation, .svc-handyman, .svc-movers, .svc-renovation) .logo{
        color:#f3f8ff;
      }
      .area-page:is(.svc-electrical, .svc-plumbing, .svc-aircon, .svc-installation, .svc-handyman, .svc-movers, .svc-renovation) .logo span{
        color:#38bdf8;
      }
      .area-page:is(.svc-electrical, .svc-plumbing, .svc-aircon, .svc-installation, .svc-handyman, .svc-movers, .svc-renovation) .nav-links > a,
      .area-page:is(.svc-electrical, .svc-plumbing, .svc-aircon, .svc-installation, .svc-handyman, .svc-movers, .svc-renovation) .nav-links .lang-btn{
        background:rgba(255, 255, 255, 0.14);
        color:#eef5ff;
        border-color:rgba(165, 194, 235, 0.46);
      }
      .area-page:is(.svc-electrical, .svc-plumbing, .svc-aircon, .svc-installation, .svc-handyman, .svc-movers, .svc-renovation) main.container{
        background:
          radial-gradient(820px 280px at 12% 0%, rgba(56, 189, 248, 0.16), transparent 62%),
          radial-gradient(760px 260px at 88% 0%, rgba(99, 102, 241, 0.14), transparent 64%),
          linear-gradient(180deg, #263a58 0%, #1f3150 100%);
        border-color:rgba(116, 145, 184, 0.66);
        box-shadow:0 10px 24px rgba(2, 8, 23, 0.32);
      }
      .area-page:is(.svc-electrical, .svc-plumbing, .svc-aircon, .svc-installation, .svc-handyman, .svc-movers, .svc-renovation) main.container > section{
        background:linear-gradient(180deg, rgba(18, 38, 67, 0.64) 0%, rgba(15, 33, 59, 0.54) 100%);
        border-color:rgba(138, 170, 214, 0.52);
        box-shadow:
          0 10px 20px rgba(2, 8, 23, 0.28),
          inset 0 1px 0 rgba(219, 236, 255, 0.10),
          inset 0 -10px 18px rgba(59, 130, 246, 0.10),
          0 0 22px rgba(56, 189, 248, 0.10);
        backdrop-filter:blur(8px) saturate(120%);
        -webkit-backdrop-filter:blur(8px) saturate(120%);
      }
      .area-page:is(.svc-electrical, .svc-plumbing, .svc-aircon, .svc-installation, .svc-handyman, .svc-movers, .svc-renovation) .card,
      .area-page:is(.svc-electrical, .svc-plumbing, .svc-aircon, .svc-installation, .svc-handyman, .svc-movers, .svc-renovation) .price-card,
      .area-page:is(.svc-electrical, .svc-plumbing, .svc-aircon, .svc-installation, .svc-handyman, .svc-movers, .svc-renovation) main details{
        background:linear-gradient(180deg, rgba(13, 33, 62, 0.84) 0%, rgba(10, 28, 53, 0.90) 100%);
        border-color:rgba(148, 182, 228, 0.58);
        box-shadow:
          0 10px 20px rgba(2, 8, 23, 0.30),
          inset 0 1px 0 rgba(225, 240, 255, 0.12),
          inset 0 -12px 18px rgba(56, 139, 255, 0.12),
          0 0 20px rgba(56, 189, 248, 0.14);
        backdrop-filter:blur(6px) saturate(120%);
        -webkit-backdrop-filter:blur(6px) saturate(120%);
      }
      .area-page:is(.svc-electrical, .svc-plumbing, .svc-aircon, .svc-installation, .svc-handyman, .svc-movers, .svc-renovation) p,
      .area-page:is(.svc-electrical, .svc-plumbing, .svc-aircon, .svc-installation, .svc-handyman, .svc-movers, .svc-renovation) li{
        color:#e3eeff;
      }
      .area-page:is(.svc-electrical, .svc-plumbing, .svc-aircon, .svc-installation, .svc-handyman, .svc-movers, .svc-renovation) .muted{
        color:#cfddf5;
      }
      .area-page:is(.svc-electrical, .svc-plumbing, .svc-aircon, .svc-installation, .svc-handyman, .svc-movers, .svc-renovation) .link-list a{
        color:#dceaff;
      }
      .area-page:is(.svc-electrical, .svc-plumbing, .svc-aircon, .svc-installation, .svc-handyman, .svc-movers, .svc-renovation) .link-list a:hover{
        color:#7dd3fc;
      }
      .area-page:is(.svc-electrical, .svc-plumbing, .svc-aircon, .svc-installation, .svc-handyman, .svc-movers, .svc-renovation) main summary{
        color:#f4f9ff;
        text-shadow:0 1px 6px rgba(2, 6, 23, 0.36);
      }
      .area-page:is(.svc-electrical, .svc-plumbing, .svc-aircon, .svc-installation, .svc-handyman, .svc-movers, .svc-renovation) .faq-a{color:#dce9fe}
      .area-page:is(.svc-electrical, .svc-plumbing, .svc-aircon, .svc-installation, .svc-handyman, .svc-movers, .svc-renovation) h3,
      .area-page:is(.svc-electrical, .svc-plumbing, .svc-aircon, .svc-installation, .svc-handyman, .svc-movers, .svc-renovation) strong{color:#f6fbff}
      .area-page:is(.svc-electrical, .svc-plumbing, .svc-aircon, .svc-installation, .svc-handyman, .svc-movers, .svc-renovation) .snapshot-label{color:#f2f8ff}
      .area-page:is(.svc-electrical, .svc-plumbing, .svc-aircon, .svc-installation, .svc-handyman, .svc-movers, .svc-renovation) .step-num{color:#93d5ff}
    }
    @media(max-width:360px){
      .area-page .nav-inner{flex-wrap:wrap}
      .area-page .logo{
        flex-basis:100%;
        font-size:20px;
      }
      .area-page .nav-links{
        width:100%;
        margin-left:0;
        flex-wrap:wrap;
        justify-content:flex-start;
        padding-top:6px;
        border-top:1px solid rgba(131, 188, 210, 0.35);
      }
    }

/* template.html style block 4 */
body.area-page{
      overflow-x:hidden !important;
    }
    body.area-page > nav.nav,
    body.area-page > header.page-header,
    body.area-page > footer.footer{
      width:100% !important;
    }
    .area-page .nav .container{
      max-width:960px !important;
      width:min(960px, calc(100% - 32px)) !important;
      margin:0 auto !important;
      padding:0 !important;
    }
    .area-page .nav-inner{
      display:flex !important;
      align-items:center !important;
      justify-content:space-between !important;
      flex-wrap:wrap !important;
      gap:12px !important;
    }
    .area-page .logo{
      justify-self:start !important;
      margin:0 !important;
      flex:0 0 auto !important;
    }
    .area-page .nav-links{
      display:flex !important;
      align-items:center !important;
      justify-content:flex-end !important;
      flex-wrap:wrap !important;
      gap:10px !important;
      margin:0 !important;
    }
    .area-page .nav-links > a,
    .area-page .nav-links > details{
      flex:0 0 auto !important;
    }
    .area-page .lang-dd > summary{
      display:inline-flex !important;
      align-items:center !important;
      justify-content:center !important;
    }
    .area-page .page-header .container,
    .area-page[class*="svc-"] .page-header .container{
      max-width:760px !important;
      width:min(760px, calc(100% - 32px)) !important;
      margin:0 auto !important;
      padding:20px 22px 18px !important;
      display:flex !important;
      flex-direction:column !important;
      align-items:center !important;
      text-align:center !important;
      border-radius:28px !important;
      background:linear-gradient(180deg, rgba(6, 18, 35, 0.52) 0%, rgba(6, 18, 35, 0.74) 100%) !important;
      border:1px solid rgba(167, 200, 242, 0.18) !important;
      box-shadow:0 20px 42px rgba(2, 8, 23, 0.24), inset 0 1px 0 rgba(255,255,255,.06) !important;
      backdrop-filter:blur(8px) saturate(116%) !important;
      -webkit-backdrop-filter:blur(8px) saturate(116%) !important;
    }
    .area-page .page-header,
    .area-page[class*="svc-"] .page-header{
      padding:34px 0 24px !important;
      background:
        radial-gradient(760px 240px at 12% -80px, rgba(56,189,248,.12), transparent 62%),
        radial-gradient(720px 220px at 88% -60px, rgba(250,204,21,.10), transparent 58%),
        linear-gradient(180deg, #0a1731 0%, #071221 100%) !important;
      border-bottom:1px solid rgba(88, 128, 178, 0.34) !important;
    }
    .area-page .page-header h1,
    .area-page[class*="svc-"] .page-header h1{
      color:#ffffff !important;
      text-shadow:0 4px 18px rgba(2, 6, 23, 0.72) !important;
      -webkit-text-fill-color:#ffffff !important;
    }
    .area-page .page-header h1,
    .area-page .page-header h1 *,
    .area-page[class*="svc-"] .page-header h1,
    .area-page[class*="svc-"] .page-header h1 *{
      opacity:1 !important;
      color:#ffffff !important;
      -webkit-text-fill-color:#ffffff !important;
    }
    .area-page .page-header p.subtitle,
    .area-page[class*="svc-"] .page-header p.subtitle{
      color:#eef5ff !important;
      text-shadow:0 1px 8px rgba(2, 6, 23, 0.42) !important;
      font-weight:700 !important;
    }
    body.area-page > main.container,
    .area-page main.container{
      display:flex !important;
      flex-direction:column !important;
      align-items:stretch !important;
      justify-content:flex-start !important;
      float:none !important;
      clear:both !important;
      max-width:860px !important;
      width:min(860px, calc(100% - 32px)) !important;
      margin-left:auto !important;
      margin-right:auto !important;
      padding:28px 0 54px !important;
      background:transparent !important;
      border:none !important;
      box-shadow:none !important;
      position:relative !important;
      left:auto !important;
      right:auto !important;
    }
    body.area-page > main.container::before,
    .area-page main.container::before{
      display:none !important;
      content:none !important;
    }
    body.area-page > main.container > section,
    .area-page main.container > section{
      display:block !important;
      float:none !important;
      clear:both !important;
      width:100% !important;
      max-width:100% !important;
      margin:0 auto 18px !important;
      padding:16px !important;
    }
    .area-page main.container > section:last-child{
      margin-bottom:0 !important;
    }
    .area-page .cta-subline{
      display:none !important;
    }
    .area-page .btn-row.cta-stack{
      display:grid !important;
      grid-template-columns:1fr !important;
      gap:12px !important;
      width:100% !important;
      max-width:460px !important;
      margin:0 auto !important;
    }
    .area-page .btn-row .btn{
      width:100% !important;
      min-width:0 !important;
      justify-content:center !important;
      padding:14px 18px !important;
      font-size:16px !important;
      letter-spacing:-.01em !important;
      box-shadow:0 12px 28px rgba(2, 8, 23, 0.20) !important;
    }
    .area-page .btn-call{
      background:linear-gradient(180deg, #ffd84d 0%, #facc15 100%) !important;
      color:#0b1f3f !important;
    }
    .area-page .btn-wa{
      background:linear-gradient(180deg, #1faf5a 0%, #15803d 100%) !important;
      color:#fff !important;
    }
    .area-page .btn-after{
      background:rgba(8, 24, 47, 0.72) !important;
      color:#f8fafc !important;
      border-color:rgba(148, 163, 184, 0.34) !important;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 12px 28px rgba(2, 8, 23, 0.16) !important;
    }
    .area-page .btn-after:hover{
      background:rgba(8, 24, 47, 0.88) !important;
      color:#ffffff !important;
    }
    .area-page .pill{
      background:rgba(255,255,255,.96) !important;
      color:#24354d !important;
      border-color:rgba(157, 184, 223, 0.34) !important;
      box-shadow:0 8px 18px rgba(2, 8, 23, 0.08) !important;
    }
    @media (max-width:900px){
      .area-page .nav-inner{
        display:grid !important;
        grid-template-columns:auto minmax(0, 1fr) !important;
        align-items:center !important;
        justify-content:space-between !important;
        gap:10px !important;
      }
      .area-page .logo{
        width:auto !important;
        text-align:left !important;
        display:inline-flex !important;
        align-items:center !important;
        justify-content:flex-start !important;
        margin:0 !important;
        white-space:nowrap !important;
      }
      .area-page .nav-links{
        display:flex !important;
        flex-wrap:nowrap !important;
        width:auto !important;
        max-width:none !important;
        min-width:0 !important;
        justify-content:flex-end !important;
        gap:8px !important;
        margin:0 !important;
        overflow-x:auto !important;
        -webkit-overflow-scrolling:touch !important;
        scrollbar-width:none !important;
      }
      .area-page .nav-links::-webkit-scrollbar{
        display:none !important;
      }
      .area-page .nav-links > a,
      .area-page .nav-links > details{
        width:auto !important;
        flex:0 0 auto !important;
      }
      .area-page .nav-links > a,
      .area-page .nav-links .lang-btn{
        width:auto !important;
        justify-content:center !important;
        text-align:center !important;
        white-space:nowrap !important;
      }
      .area-page .nav .container,
      .area-page .page-header .container,
      .area-page[class*="svc-"] .page-header .container,
      .area-page main.container{
        width:min(100%, calc(100% - 24px)) !important;
      }
      .area-page .page-header .container,
      .area-page[class*="svc-"] .page-header .container{
        padding:18px 16px 16px !important;
        border-radius:24px !important;
      }
      .area-page main.container{
        padding:22px 0 40px !important;
      }
    }
    @media (max-width:640px){
      .area-page .nav .container,
      .area-page .page-header .container,
      .area-page[class*="svc-"] .page-header .container,
      .area-page main.container{
        width:min(100%, calc(100% - 20px)) !important;
      }
      .area-page .page-header,
      .area-page[class*="svc-"] .page-header{
        padding:26px 0 18px !important;
      }
      .area-page .page-header .container,
      .area-page[class*="svc-"] .page-header .container{
        padding:16px 14px 14px !important;
        border-radius:20px !important;
      }
      .area-page .nav-links{
        max-width:none !important;
      }
      .area-page .btn-row.cta-stack{
        max-width:100% !important;
      }
      .area-page main.container > section{
        padding:14px !important;
      }
    }