:root{--ink:#211711;--paper:#fff8ef;--surface:#f7ead9;--accent:#e5532d;--accent2:#f5a524;--dark:#2c1711;--line:rgba(33,23,17,.14);--display:Manrope,sans-serif;--body:'DM Sans',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body)}a{color:inherit;text-decoration:none}#loading,#error{min-height:100vh;display:grid;place-items:center;padding:40px}.topbar{height:82px;padding:0 clamp(24px,5vw,80px);display:flex;align-items:center;gap:32px;border-bottom:1px solid var(--line);position:sticky;top:0;background:color-mix(in srgb,var(--paper) 92%,transparent);backdrop-filter:blur(14px);z-index:5}.brand{font:800 18px var(--display);display:flex;align-items:center;gap:12px}.brand-mark{width:24px;height:24px;background:var(--accent);clip-path:polygon(50% 0,65% 35%,100% 50%,65% 65%,50% 100%,35% 65%,0 50%,35% 35%)}nav{display:flex;gap:28px;margin-left:auto;font-size:14px}.top-phone{padding:12px 18px;border:1px solid var(--ink);border-radius:100px;font-weight:700}.hero{min-height:690px;padding:clamp(60px,9vw,130px) clamp(24px,7vw,110px);display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.7fr);gap:8vw;align-items:center;background:radial-gradient(circle at 82% 20%,color-mix(in srgb,var(--accent2) 28%,transparent),transparent 30%)}.eyebrow{font-size:12px;letter-spacing:.2em;font-weight:800;color:var(--accent);text-transform:uppercase}.hero h1{font:800 clamp(52px,7vw,104px)/.95 var(--display);letter-spacing:-.065em;max-width:900px;margin:22px 0}.lede{font-size:clamp(18px,2vw,24px);line-height:1.55;max-width:760px}.hero-actions{display:flex;gap:14px;margin:34px 0}.button{display:inline-flex;padding:16px 22px;border-radius:100px;font-weight:700}.primary{background:var(--accent);color:white}.secondary{border:1px solid var(--line);background:rgba(255,255,255,.5)}.trust{display:flex;gap:18px;flex-wrap:wrap;font-size:13px}.hero-card{background:var(--dark);color:white;padding:36px;border-radius:8px;box-shadow:22px 22px 0 var(--accent2)}.card-label{color:var(--accent2);font-size:12px;letter-spacing:.18em;text-transform:uppercase}.hero-card h2{font:700 32px var(--display)}dl div{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.18);padding:16px 0}dt{opacity:.65}dd{margin:0;text-align:right;font-weight:700}.metrics{display:grid;grid-template-columns:repeat(3,1fr);background:var(--dark);color:white}.metrics div{padding:34px 7vw;border-right:1px solid rgba(255,255,255,.15);display:flex;flex-direction:column}.metrics strong{font:800 36px var(--display);color:var(--accent2)}.metrics span{font-size:12px;text-transform:uppercase;letter-spacing:.12em}.section{padding:100px clamp(24px,7vw,110px)}.section>h2{font:800 clamp(38px,5vw,68px)/1 var(--display);letter-spacing:-.045em;margin:15px 0}.section-intro{max-width:720px;font-size:18px;line-height:1.65}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:50px}.service-grid article{padding:30px;background:white;border:1px solid var(--line);min-height:290px;position:relative}.service-number{position:absolute;right:22px;color:var(--accent);font-weight:800}.service-icon{font-size:34px}.service-grid h3{font:700 22px var(--display);margin-top:42px}.service-grid p,.about p,.cta p{line-height:1.7;color:color-mix(in srgb,var(--ink) 72%,transparent)}.about{display:grid;grid-template-columns:1.3fr .7fr;gap:8vw;background:var(--surface)}.about h2{font:800 clamp(38px,5vw,64px) var(--display)}.about-panel{padding:40px;background:var(--accent);color:white;align-self:start}.about-panel span{font-size:13px;letter-spacing:.14em;text-transform:uppercase}.about-panel h3{font:800 34px var(--display)}.about-panel p{color:white}.cta{padding:85px clamp(24px,7vw,110px);display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;background:var(--dark);color:white}.cta h2{font:800 clamp(38px,5vw,64px) var(--display);margin:12px 0}.cta p{color:rgba(255,255,255,.75)}.contact-list{display:flex;flex-direction:column;gap:16px;justify-content:center;font-size:18px}.contact-list a{color:var(--accent2);font-weight:700}footer{padding:30px clamp(24px,7vw,110px);display:flex;justify-content:space-between;font-size:13px}
html[data-template="eagle"]{--ink:#10233c;--paper:#f4f8fb;--surface:#dfeaf2;--accent:#176b87;--accent2:#d5a647;--dark:#0d2740}html[data-template="eagle"] .brand-mark{clip-path:polygon(50% 0,100% 30%,78% 100%,50% 78%,22% 100%,0 30%)}html[data-template="eagle"] .hero{background:linear-gradient(120deg,#f4f8fb 58%,#d7e8ef 58%)}html[data-template="eagle"] .hero-card{border-radius:24px;box-shadow:none}html[data-template="eagle"] .service-grid article{border-radius:18px}
html[data-template="thunderbird"]{--ink:#f3f2f0;--paper:#11131a;--surface:#1c202a;--accent:#33d1c6;--accent2:#ffcb45;--dark:#08090d;--line:rgba(255,255,255,.15)}html[data-template="thunderbird"] .topbar{background:rgba(17,19,26,.9)}html[data-template="thunderbird"] .hero{background:linear-gradient(135deg,#11131a,#202836)}html[data-template="thunderbird"] .hero-card{background:var(--accent);color:#071514;box-shadow:18px 18px 0 var(--accent2);transform:rotate(1.5deg)}html[data-template="thunderbird"] .service-grid article{background:#181b24}html[data-template="thunderbird"] .secondary{background:transparent}html[data-template="thunderbird"] .about-panel{color:#071514}
html[data-template="garuda"]{--ink:#241b2f;--paper:#fffaf5;--surface:#f2e8f1;--accent:#7b386b;--accent2:#d28b3c;--dark:#2d1834;--display:'Playfair Display',serif}html[data-template="garuda"] .hero{text-align:center;grid-template-columns:1fr;padding-top:95px}html[data-template="garuda"] .hero-copy{max-width:1000px;margin:auto}html[data-template="garuda"] .hero-card{max-width:680px;width:100%;margin:auto;border-radius:100px 100px 10px 10px;box-shadow:none}html[data-template="garuda"] .hero-actions,.garuda .trust{justify-content:center}html[data-template="garuda"] .service-grid article{text-align:center;border-radius:160px 160px 10px 10px;padding-top:55px}
@media(max-width:850px){nav{display:none}.top-phone{display:none}.hero,.about,.cta{grid-template-columns:1fr}.hero{min-height:auto}.service-grid{grid-template-columns:1fr}.metrics{grid-template-columns:1fr}.metrics div{border-bottom:1px solid rgba(255,255,255,.15)}footer{gap:15px;flex-direction:column}}
