:root{
  --bg:#030302;
  --bg2:#080704;
  --surface:#0c0b08;
  --surface2:#13100b;
  --surface3:#19150e;
  --text:#fff8ec;
  --text2:#f4ead7;
  --muted:#d5c8ad;
  --soft:#998c72;
  --gold:#d7ad47;
  --gold2:#f2d47c;
  --gold3:#8b6416;
  --champagne:#f7e7b8;
  --line:rgba(215,173,71,.22);
  --line2:rgba(242,212,124,.34);
  --radius:24px;
  --radius2:32px;
  --shadow:0 30px 90px rgba(0,0,0,.52);
  --glow:0 0 0 1px rgba(242,212,124,.12),0 26px 80px rgba(215,173,71,.10);
  --max:1180px;
  --max-wide:1280px;
}
*{box-sizing:border-box}
html{background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;scroll-behavior:smooth;overflow-x:hidden;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
body{margin:0;min-width:320px;overflow-x:hidden;background:radial-gradient(circle at 15% -6%,rgba(242,212,124,.12),transparent 34rem),radial-gradient(circle at 88% 8%,rgba(215,173,71,.075),transparent 36rem),linear-gradient(180deg,#030302 0%,#080704 46%,#030302 100%);color:var(--text)}
img,video{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}p{line-height:1.72;color:var(--muted)}
.container{width:min(var(--max),calc(100% - 48px));margin-inline:auto}.container.wide{width:min(var(--max-wide),calc(100% - 48px))}.narrow{max-width:960px;margin-left:0}.hidden{display:none!important}
.skip-link{position:absolute;left:-999px;top:8px;background:var(--champagne);color:#171107;padding:10px 14px;border-radius:12px;z-index:99}.skip-link:focus{left:8px}
.site-header{position:sticky;top:0;z-index:50;background:rgba(3,3,2,.78);backdrop-filter:blur(18px);border-bottom:1px solid rgba(242,212,124,.16);box-shadow:0 12px 44px rgba(0,0,0,.26)}
.nav-wrap{width:min(1280px,calc(100% - 34px));margin:auto;display:flex;align-items:center;gap:22px;min-height:78px}.brand{display:flex;align-items:center;flex:0 0 auto}.brand img{width:154px;height:auto}.site-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;flex:1;min-width:0}.nav-links,.nav-actions{display:flex;align-items:center;gap:8px;min-width:0}.nav-link,.lang-switch a,.btn{border-radius:999px;transition:transform .22s ease,background .22s ease,border-color .22s ease,box-shadow .22s ease,color .22s ease;white-space:nowrap}.nav-link{padding:10px 13px;color:#e9deca;font-size:14px;font-weight:700;letter-spacing:-.015em}.nav-link:hover,.nav-link.is-active{background:rgba(242,212,124,.085);color:var(--champagne);box-shadow:inset 0 0 0 1px rgba(242,212,124,.16)}
.lang-switch{display:flex;align-items:center;border:1px solid rgba(242,212,124,.20);border-radius:999px;padding:4px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015));box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}.lang-switch a{font-size:12px;font-weight:800;letter-spacing:.02em;padding:8px 11px;color:var(--muted)}.lang-switch a.is-active{background:linear-gradient(135deg,var(--gold2),var(--gold) 56%,var(--gold3));color:#150f05;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 10px 28px rgba(215,173,71,.18)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(242,212,124,.24);padding:11px 18px;font-weight:820;font-size:14px;line-height:1.1}.btn:hover{transform:translateY(-1px)}.btn-gold{background:linear-gradient(135deg,#fff0a6 0%,#e0b64a 42%,#b98418 100%);color:#120d04;border-color:rgba(255,239,166,.5);box-shadow:inset 0 1px 0 rgba(255,255,255,.42),0 18px 48px rgba(215,173,71,.16)}.btn-gold:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 22px 66px rgba(215,173,71,.24)}.btn-ghost{color:var(--text2);background:rgba(255,255,255,.026);border-color:rgba(242,212,124,.22)}.btn-ghost:hover{background:rgba(242,212,124,.06);border-color:rgba(242,212,124,.34)}
.menu-toggle{display:none;margin-left:auto;background:rgba(255,255,255,.035);border:1px solid rgba(242,212,124,.22);border-radius:16px;color:var(--text);padding:10px 12px}.menu-toggle span{display:block;width:22px;height:2px;background:var(--champagne);margin:4px}.menu-toggle em{font-style:normal;font-size:11px;color:var(--muted)}
h1,h2,h3{line-height:1.02;letter-spacing:-.052em;margin:0;color:var(--text)}h1{font-size:clamp(46px,6.8vw,100px);max-width:1080px}h2{font-size:clamp(32px,4vw,62px);max-width:980px}h3{font-size:clamp(21px,1.7vw,27px);letter-spacing:-.04em}.lead{font-size:clamp(18px,2vw,24px);max-width:820px;color:#eadfc8}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:900;color:var(--champagne);margin:0 0 18px;text-shadow:0 0 24px rgba(242,212,124,.18)}
.hero,.page-hero{position:relative;isolation:isolate;padding:88px 0 64px}.page-hero:after{content:"";position:absolute;right:8%;top:22%;width:min(34vw,460px);height:min(34vw,460px);border-radius:999px;background:radial-gradient(circle,rgba(242,212,124,.09),rgba(215,173,71,.04) 42%,transparent 68%);filter:blur(8px);z-index:-1;pointer-events:none}.hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(360px,.82fr);gap:52px;align-items:center}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.page-hero .lead{max-width:780px}.page-hero .hero-actions{margin-top:28px}.page-contact .page-hero,.page-quote .page-hero{padding:74px 0 44px}.page-contact h1,.page-quote h1{font-size:clamp(46px,6vw,88px);max-width:980px}.page-portfolio .page-hero{padding-bottom:54px}.page-portfolio h1{max-width:860px}
.video-card,.contact-card,.quote-estimate,.quote-flow-panel,.feature-grid article,.service-card,.project-card,.process-grid article,.premium-form,.quote-builder,.quote-side{background:linear-gradient(180deg,rgba(255,255,255,.062),rgba(255,255,255,.018));border:1px solid rgba(242,212,124,.18);border-radius:var(--radius);box-shadow:var(--shadow)}.video-card{padding:18px;border-color:rgba(242,212,124,.24)}.video-card video{border-radius:18px;aspect-ratio:16/9;width:100%;background:#000}.video-card:hover,.service-card:hover,.project-card:hover,.feature-grid article:hover,.process-grid article:hover{border-color:rgba(242,212,124,.32);box-shadow:var(--glow),var(--shadow);transform:translateY(-2px)}
.section{padding:72px 0}.section.compact{padding-top:24px}.section-dark{background:linear-gradient(180deg,rgba(215,173,71,.045),rgba(0,0,0,0));border-block:1px solid rgba(242,212,124,.12)}.section-head{margin-bottom:34px}.section-head h2{max-width:940px}.section-head .lead{max-width:760px}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.feature-grid article{padding:30px}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.service-card{padding:30px;min-height:250px;display:flex;flex-direction:column}.service-card span{color:var(--champagne);font-weight:950;letter-spacing:.02em}.service-card p{flex:1}.service-card a,.project-card a{color:var(--champagne);font-weight:900}.service-card.is-featured{border-color:rgba(242,212,124,.42);box-shadow:var(--glow),var(--shadow)}
.portfolio-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}.portfolio-filters button{border:1px solid rgba(242,212,124,.22);background:rgba(255,255,255,.035);color:var(--muted);border-radius:999px;padding:10px 15px;font-weight:800}.portfolio-filters button.is-active{background:linear-gradient(135deg,var(--gold2),var(--gold),var(--gold3));color:#140e04}.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.project-card{overflow:hidden}.project-card img{width:100%;aspect-ratio:16/10;object-fit:cover;background:#111}.project-card div{padding:24px}.project-card span{color:var(--champagne);font-size:12px;text-transform:uppercase;letter-spacing:.15em;font-weight:900}.process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.process-grid article{padding:28px}.process-grid span{color:var(--champagne);font-weight:950}
.contact-grid{display:grid;grid-template-columns:minmax(320px,.72fr) minmax(0,1.1fr);gap:28px;align-items:start}.contact-card,.premium-form{padding:32px;background:linear-gradient(180deg,rgba(255,255,255,.052),rgba(255,255,255,.018));border:1px solid rgba(242,212,124,.18);border-radius:var(--radius)}.contact-card a,.contact-card span{display:block;margin:14px 0;color:var(--muted)}
label{display:grid;gap:9px;color:#f6ead0;font-weight:820;min-width:0}input,select,textarea{width:100%;min-width:0;background:rgba(3,3,3,.82);border:1px solid rgba(242,212,124,.20);border-radius:16px;color:var(--text);padding:14px 15px;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}textarea{resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid rgba(242,212,124,.34);outline-offset:2px;border-color:rgba(242,212,124,.48)}
.quote-system{width:min(1320px,calc(100% - 48px));margin-inline:auto;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(340px,.72fr);gap:34px;align-items:start}.quote-builder,.quote-side{padding:34px;border-radius:var(--radius2);background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018));border:1px solid rgba(242,212,124,.18)}.quote-builder{display:grid;gap:28px}.quote-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.addons-grid{display:grid;grid-template-columns:repeat(2,minmax(260px,1fr));gap:16px}.addon-card{display:grid;grid-template-columns:28px 1fr;gap:14px;align-items:start;background:linear-gradient(180deg,rgba(255,255,255,.048),rgba(255,255,255,.015));border:1px solid rgba(242,212,124,.16);border-radius:20px;padding:18px;min-height:132px;transition:.2s ease}.addon-card:hover{border-color:rgba(242,212,124,.34);transform:translateY(-2px);box-shadow:var(--glow)}.addon-card input{width:18px;height:18px;margin-top:3px;accent-color:var(--gold)}.addon-card b{font-size:18px;line-height:1.15}.addon-card span span{display:block;color:var(--muted);font-weight:450;margin-top:8px;line-height:1.42}.quote-custom{display:grid;gap:16px}.quote-side{position:sticky;top:104px;display:grid;gap:18px}.quote-estimate,.quote-flow-panel{padding:28px;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018));border:1px solid rgba(242,212,124,.18)}.quote-estimate small{display:block;color:var(--text2);font-size:14px;margin-bottom:10px}.quote-amount{font-size:clamp(34px,4vw,52px);line-height:1;font-weight:950;color:var(--champagne);margin:12px 0 18px;text-shadow:0 0 42px rgba(215,173,71,.16)}.quote-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.quote-actions .btn{flex:1 1 190px}.hp-field{position:absolute;left:-9999px}.form-status,.quote-status{color:var(--champagne);font-weight:800}.premium-form{display:grid;gap:18px}.premium-form .btn,.quote-builder>button[type=submit]{justify-self:start;min-width:260px;margin-top:4px}
.case-hero{display:grid;grid-template-columns:1fr .9fr;gap:36px;align-items:center}.case-hero img{border-radius:24px;border:1px solid rgba(242,212,124,.18);box-shadow:var(--shadow)}.cta{text-align:center}.site-footer{padding:72px 0 26px;border-top:1px solid rgba(242,212,124,.16);background:radial-gradient(circle at 15% 0%,rgba(242,212,124,.08),transparent 34rem),#030302}.footer-grid{display:grid;grid-template-columns:1.25fr repeat(4,1fr);gap:32px}.footer-brand img{width:170px}.site-footer h3{font-size:13px;color:var(--champagne);letter-spacing:.12em;text-transform:uppercase}.site-footer a,.site-footer span{display:block;color:var(--muted);margin:10px 0}.site-footer a:hover{color:var(--champagne)}.socials{display:flex;gap:12px;flex-wrap:wrap}.footer-bottom{width:min(var(--max),calc(100% - 48px));margin:36px auto 0;color:var(--soft);border-top:1px solid rgba(242,212,124,.14);padding-top:18px}.standalone{max-width:900px;margin:auto}.content-page{font-size:18px}
@media(max-width:1120px){.nav-wrap{min-height:74px}.brand img{width:146px}.menu-toggle{display:block}.site-nav{position:fixed;inset:74px 16px auto 16px;display:none;flex-direction:column;align-items:stretch;background:rgba(3,3,2,.98);border:1px solid rgba(242,212,124,.20);border-radius:24px;padding:18px;box-shadow:var(--shadow)}.site-nav.is-open{display:flex}.nav-links,.nav-actions{flex-direction:column;align-items:stretch}.nav-link,.btn{text-align:center;justify-content:center}.lang-switch{justify-content:center}.hero-grid{grid-template-columns:1fr}.feature-grid,.service-grid,.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.process-grid{grid-template-columns:repeat(2,1fr)}.contact-grid,.quote-system,.case-hero{grid-template-columns:1fr}.quote-system{width:min(var(--max),calc(100% - 48px))}.quote-side{position:static}.page-hero:after{opacity:.55}}
@media(max-width:760px){.feature-grid,.service-grid,.portfolio-grid,.process-grid,.footer-grid{grid-template-columns:1fr}.hero,.page-hero{padding:62px 0 42px}.page-contact .page-hero,.page-quote .page-hero{padding:56px 0 34px}h1{font-size:clamp(42px,14vw,66px)}h2{font-size:clamp(32px,10vw,48px)}.lead{font-size:18px}.section{padding:56px 0}.quote-row,.addons-grid{grid-template-columns:1fr}.quote-builder,.quote-side,.contact-card,.premium-form{padding:24px}.addon-card{min-height:auto}.premium-form .btn,.quote-builder>button[type=submit]{width:100%;min-width:0}.hero-actions,.quote-actions{flex-direction:column}.hero-actions .btn,.quote-actions .btn{width:100%}}
@media(max-width:560px){.container,.footer-bottom,.quote-system{width:min(100% - 24px,var(--max))}.nav-wrap{width:min(100% - 24px,1280px)}.brand img{width:132px}.page-hero .narrow{max-width:100%}.btn{max-width:100%}.feature-grid article,.service-card,.project-card div,.process-grid article{padding:22px}.service-card{min-height:auto}input,select,textarea{border-radius:14px}.addons-grid{gap:12px}.addon-card{padding:16px}.quote-estimate,.quote-flow-panel{padding:22px}}

/* DESIGNHUBMK V11 FLAGSHIP VISUAL ELEVATION
   Controlled design-system refinement, no feature changes, no extra public files. */
:root{
  --bg:#030303;
  --bg2:#060504;
  --surface:#0b0b09;
  --surface2:#11100c;
  --surface3:#17140d;
  --text:#fff8ea;
  --text2:#fff3d9;
  --muted:#eadcc0;
  --soft:#a99c84;
  --gold:#f5b400;
  --gold2:#ffe36d;
  --gold3:#b66f00;
  --champagne:#fff0ad;
  --line:rgba(245,180,0,.24);
  --line2:rgba(255,227,109,.38);
  --radius:24px;
  --radius2:34px;
  --shadow:0 34px 90px rgba(0,0,0,.62);
  --glow:0 0 0 1px rgba(255,227,109,.12),0 26px 80px rgba(245,180,0,.12);
  --max:1220px;
  --max-wide:1400px;
}
html{background:var(--bg)}
body{
  background:
    radial-gradient(circle at 82% 8%,rgba(245,180,0,.15),transparent 30rem),
    radial-gradient(circle at 18% 16%,rgba(255,227,109,.08),transparent 28rem),
    linear-gradient(180deg,#030303 0%,#070604 48%,#030303 100%);
}
p{color:var(--muted)}
.container{width:min(var(--max),calc(100% - 56px))}.container.wide{width:min(var(--max-wide),calc(100% - 56px))}
.site-header{background:rgba(3,3,3,.88);border-bottom:1px solid rgba(245,180,0,.15);box-shadow:0 10px 42px rgba(0,0,0,.34)}
.nav-wrap{width:min(1420px,calc(100% - 40px));min-height:86px;gap:28px}.brand img{width:176px}.site-nav{gap:24px}.nav-links{gap:12px}.nav-actions{gap:12px}.nav-link{font-size:14px;padding:11px 15px;color:#f0e6d3}.nav-link:hover,.nav-link.is-active{background:rgba(245,180,0,.09);color:var(--gold2);box-shadow:inset 0 0 0 1px rgba(255,227,109,.20)}
.lang-switch{border-color:rgba(245,180,0,.24);background:#050504}.lang-switch a.is-active,.portfolio-filters button.is-active{background:linear-gradient(135deg,#fff1a4 0%,#ffe36d 24%,#f5b400 58%,#b66f00 100%);color:#050504}
.btn{min-height:48px;padding:13px 22px;border-color:rgba(245,180,0,.28);font-weight:900}.btn-gold{background:linear-gradient(135deg,#fff1a4 0%,#ffe36d 22%,#f5b400 58%,#b66f00 100%);border-color:rgba(255,227,109,.65);box-shadow:0 18px 54px rgba(245,180,0,.16),inset 0 1px 0 rgba(255,255,255,.55)}.btn-ghost{background:rgba(255,255,255,.018);border-color:rgba(245,180,0,.26)}
h1{font-size:clamp(48px,6.2vw,96px);letter-spacing:-.074em;line-height:.94;max-width:980px}h2{font-size:clamp(34px,4.2vw,66px);letter-spacing:-.065em}h3{letter-spacing:-.048em}.lead{color:#f0e2c4;line-height:1.62}.eyebrow{color:var(--gold2);letter-spacing:.24em;text-shadow:0 0 22px rgba(245,180,0,.22)}
.hero,.page-hero{padding:104px 0 82px}.hero-grid{grid-template-columns:minmax(0,.96fr) minmax(420px,1.04fr);gap:70px}.hero-grid h1{font-size:clamp(54px,6.6vw,104px)}.hero-actions{gap:16px;margin-top:34px}.page-hero{min-height:520px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(245,180,0,.035),transparent 64%);border-bottom:1px solid rgba(245,180,0,.10)}.page-hero .container.narrow{max-width:1160px;margin-inline:auto}.page-hero h1{max-width:900px}.page-contact .page-hero,.page-quote .page-hero{min-height:430px;padding:82px 0 58px}.page-quote h1,.page-contact h1{max-width:1030px}.page-hero:after{opacity:.9}
.video-card,.contact-card,.quote-estimate,.quote-flow-panel,.feature-grid article,.service-card,.project-card,.process-grid article,.premium-form,.quote-builder,.quote-side{background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.014));border-color:rgba(245,180,0,.20);box-shadow:0 24px 80px rgba(0,0,0,.45)}
.video-card{border-radius:34px;padding:24px;background:radial-gradient(circle at 78% 2%,rgba(245,180,0,.15),transparent 42%),linear-gradient(145deg,#11100c,#050504)}.video-card video{border-radius:22px}.video-card p:last-child{font-size:16px;color:#d9caaa;margin:18px 4px 0}.section{padding:92px 0}.section-dark{background:linear-gradient(180deg,rgba(245,180,0,.055),rgba(0,0,0,0));border-block-color:rgba(245,180,0,.11)}.section-head{margin-bottom:42px}.section-head h2{max-width:980px}.section-head .lead{max-width:780px}
.service-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.service-card{min-height:286px;padding:32px;border-radius:28px;position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 0%,rgba(255,227,109,.09),transparent 42%);pointer-events:none}.service-card span{color:var(--gold2);font-size:22px}.service-card h3{font-size:28px}.service-card p{font-size:17px}.service-card a,.project-card a{color:var(--gold2)}
.portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.project-card{border-radius:28px;overflow:hidden;display:flex;flex-direction:column}.project-card img{aspect-ratio:16/9;object-fit:contain;background:linear-gradient(135deg,#0d141b,#050504);padding:10px;border-bottom:1px solid rgba(245,180,0,.14)}.project-card div{padding:26px}.project-card span{color:var(--gold2)}.project-card h3{font-size:30px}.project-card p{font-size:17px;color:#e8d9ba}.project-featured{grid-column:span 2}.project-featured img{aspect-ratio:21/10;padding:14px}.project-featured div{display:grid;grid-template-columns:1fr auto;gap:10px 28px;align-items:end}.project-featured h3{font-size:40px}.project-featured p{max-width:720px}.case-study-pill{align-self:end;justify-self:end;border:1px solid rgba(255,227,109,.34);border-radius:999px;padding:12px 18px;color:#050504;background:linear-gradient(135deg,#fff1a4,#f5b400,#b66f00);font-weight:900}
.process-grid{gap:24px}.process-grid article{border-radius:28px;min-height:230px}.contact-grid{gap:36px}.contact-card,.premium-form{border-radius:30px}.quote-system{width:min(1380px,calc(100% - 56px));grid-template-columns:minmax(0,1fr) minmax(360px,.48fr);gap:36px}.quote-builder,.quote-side{border-radius:34px;padding:38px}.quote-side{top:116px}.addons-grid{grid-template-columns:repeat(2,minmax(280px,1fr));gap:18px}.addon-card{min-height:118px;padding:20px;border-radius:22px}.quote-row{gap:20px}.estimate-value{font-size:clamp(44px,4.8vw,70px);color:var(--gold2);letter-spacing:-.06em}.quote-side .btn{width:100%}
.site-footer{border-top:1px solid rgba(245,180,0,.14);background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(0,0,0,0))}.footer-grid{gap:46px}.footer-brand img{width:260px}.footer-grid h3{color:var(--gold2);font-size:14px;letter-spacing:.16em}.footer-grid a,.footer-grid span{color:#eadcc0}.footer-bottom{border-top-color:rgba(245,180,0,.12);color:#b6aa92}
@media(max-width:1180px){.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-featured{grid-column:span 2}.hero-grid{grid-template-columns:1fr}.quote-system{grid-template-columns:1fr}.quote-side{position:relative;top:auto}}
@media(max-width:860px){.nav-wrap{min-height:76px}.brand img{width:160px}.container,.container.wide,.quote-system{width:min(100% - 32px, var(--max))}.hero,.page-hero{padding:72px 0 54px;min-height:auto}.hero-grid h1,h1{font-size:clamp(48px,13vw,72px)}.lead{font-size:19px}.service-grid,.portfolio-grid,.feature-grid,.process-grid,.contact-grid,.quote-row,.addons-grid{grid-template-columns:1fr}.project-featured{grid-column:span 1}.project-featured div{display:block}.case-study-pill{display:inline-flex;margin-top:12px}.section{padding:68px 0}.btn{width:100%;min-height:54px}.hero-actions{display:grid}.page-hero h1{max-width:100%}.project-card img{padding:8px}.quote-builder,.quote-side{padding:24px}.footer-brand img{width:230px}}


/* V11.1 ILLYRIAN AI Strategy Consultant + mobile polish fixes */
:root{--ai-panel:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.014));}
/* Global mobile CTA and footer polish */
@media(max-width:860px){
  .section.cta{padding:46px 0 54px!important;}
  .section.cta .container.narrow{max-width:640px;margin-inline:auto;text-align:center;}
  .section.cta h2{font-size:clamp(30px,8.2vw,42px)!important;line-height:1.05!important;letter-spacing:-.055em;max-width:620px;margin-inline:auto;}
  .section.cta p{font-size:18px!important;line-height:1.58!important;max-width:560px;margin:18px auto 24px;}
  .section.cta .btn{width:auto!important;min-width:220px;max-width:min(100%,340px);min-height:52px;padding:14px 24px;}
  .site-footer{padding-bottom:calc(72px + env(safe-area-inset-bottom));}
  .footer-brand img{width:min(78vw,280px)!important;margin-inline:auto;}
  .footer-brand{text-align:left;}
  .footer-grid{gap:28px;}
  .process-grid article{min-height:auto!important;}
  .section-head h2{font-size:clamp(30px,8.6vw,46px)!important;line-height:1.08!important;}
}
@media(max-width:560px){
  .page-hero h1,.hero-grid h1,h1{font-size:clamp(38px,11.5vw,54px)!important;line-height:1.02!important;letter-spacing:-.062em;overflow-wrap:anywhere;}
  .page-hero .lead,.lead{font-size:18px!important;line-height:1.58!important;overflow-wrap:break-word;}
  .quote-actions{display:grid;gap:12px;}
  .quote-actions .btn{width:100%!important;min-height:50px!important;border-radius:18px!important;padding:14px 18px!important;}
  .quote-estimate{padding:22px!important;}
  .estimate-value,.quote-amount{font-size:clamp(32px,11vw,46px)!important;line-height:1.05!important;}
  .contact-card{padding:24px!important;}.contact-card h2,.contact-card h3{font-size:34px!important}.contact-card p,.contact-card a,.contact-card span{font-size:18px!important;line-height:1.55!important}
}
/* Policy pages calmer mobile rhythm */
.page-privacy-policy .page-hero .hero-actions,.page-datenschutz .page-hero .hero-actions{display:none!important;}
.page-privacy-policy .page-hero,.page-datenschutz .page-hero{min-height:auto;padding:58px 0 38px;}
.page-privacy-policy .page-hero h1,.page-datenschutz .page-hero h1{font-size:clamp(38px,10vw,64px)!important;}
.page-privacy-policy main p,.page-datenschutz main p{max-width:860px;}

/* ILLYRIAN premium AI consultant */
.illyrian-hero{padding:90px 0 70px;background:radial-gradient(circle at 85% 10%,rgba(245,180,0,.16),transparent 32rem),linear-gradient(180deg,rgba(245,180,0,.045),transparent);border-bottom:1px solid rgba(245,180,0,.12)}
.illyrian-hero-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);gap:48px;align-items:center}.illyrian-hero h1{max-width:900px}.illyrian-badge{display:inline-flex;gap:10px;align-items:center;border:1px solid rgba(255,227,109,.32);border-radius:999px;padding:9px 13px;color:var(--gold2);font-weight:900;letter-spacing:.12em;text-transform:uppercase;font-size:11px;background:rgba(255,255,255,.025)}
.illyrian-shell{border:1px solid rgba(245,180,0,.25);border-radius:34px;background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.015));box-shadow:var(--shadow);overflow:hidden}.illyrian-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid rgba(245,180,0,.14);background:rgba(0,0,0,.20)}.illyrian-person{display:flex;align-items:center;gap:13px}.illyrian-orb{width:46px;height:46px;border-radius:18px;background:radial-gradient(circle at 35% 25%,#fff8bd,#ffe36d 32%,#f5b400 58%,#8a5700);box-shadow:0 0 34px rgba(245,180,0,.25)}.illyrian-person strong{display:block;font-size:18px}.illyrian-person span{display:block;color:var(--muted);font-size:13px}.illyrian-lang{display:flex;border:1px solid rgba(245,180,0,.22);border-radius:999px;padding:4px;background:#050504}.illyrian-lang button{border:0;background:transparent;color:var(--muted);font-weight:900;border-radius:999px;padding:8px 10px;cursor:pointer}.illyrian-lang button.is-active{background:linear-gradient(135deg,#fff1a4,#f5b400,#b66f00);color:#050504}.illyrian-messages{height:430px;overflow:auto;padding:22px;display:grid;gap:14px;align-content:start}.illyrian-msg{max-width:86%;border:1px solid rgba(245,180,0,.16);border-radius:22px;padding:15px 17px;line-height:1.55;color:var(--muted);background:rgba(255,255,255,.03)}.illyrian-msg.bot{justify-self:start}.illyrian-msg.user{justify-self:end;background:rgba(245,180,0,.10);color:var(--text);border-color:rgba(255,227,109,.28)}.illyrian-quick{display:flex;flex-wrap:wrap;gap:10px;padding:0 22px 18px}.illyrian-quick button{border:1px solid rgba(245,180,0,.24);background:rgba(255,255,255,.025);color:var(--champagne);border-radius:999px;padding:10px 13px;font-weight:850;cursor:pointer}.illyrian-input{display:grid;grid-template-columns:1fr auto;gap:10px;padding:18px 22px 22px;border-top:1px solid rgba(245,180,0,.14)}.illyrian-input textarea{min-height:54px;max-height:140px;resize:vertical}.illyrian-intake{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:22px}.illyrian-intake label{font-size:14px}.illyrian-brief{margin-top:18px;border:1px solid rgba(245,180,0,.18);border-radius:22px;padding:18px;background:rgba(0,0,0,.25)}.illyrian-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:28px}.illyrian-proof article{border:1px solid rgba(245,180,0,.18);border-radius:22px;padding:20px;background:rgba(255,255,255,.025)}.illyrian-section-card{border:1px solid rgba(245,180,0,.20);border-radius:30px;background:var(--ai-panel);padding:30px}.illyrian-home{background:linear-gradient(180deg,rgba(245,180,0,.045),rgba(0,0,0,0));border-block:1px solid rgba(245,180,0,.10)}.illyrian-home-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;align-items:center}.illyrian-mini{border:1px solid rgba(245,180,0,.22);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.015));padding:24px}.illyrian-mini .illyrian-msg{max-width:100%;margin-bottom:12px}.ai-status{color:var(--gold2);font-weight:900;margin-top:10px;min-height:24px}.hp-field{position:absolute!important;left:-9999px!important;opacity:0!important}
@media(max-width:980px){.illyrian-hero-grid,.illyrian-home-grid{grid-template-columns:1fr}.illyrian-intake,.illyrian-proof{grid-template-columns:1fr}.illyrian-messages{height:380px}.illyrian-input{grid-template-columns:1fr}.illyrian-input .btn{width:100%}}
@media(max-width:560px){.illyrian-hero{padding:54px 0}.illyrian-shell{border-radius:26px}.illyrian-top{align-items:flex-start;flex-direction:column}.illyrian-messages{height:360px;padding:16px}.illyrian-msg{max-width:96%;font-size:15px}.illyrian-quick{padding:0 16px 16px}.illyrian-input{padding:16px}.illyrian-section-card{padding:22px}.illyrian-badge{font-size:10px}}


/* V11.2 Mobile TO-DO Closure: reported screenshots, global final CTA/footer, quote, portfolio, legal pages */
*{min-width:0;}
html,body{overflow-x:hidden;}
img,video,svg{max-width:100%;height:auto;}
.page-hero h1,.hero-grid h1,.section-head h2,.section.cta h2,.project-card h3,.case-hero h1{overflow-wrap:break-word;word-break:normal;hyphens:auto;}

/* Privacy/legal pages should feel calm, not sales-heavy */
.page-privacy-policy .page-hero .hero-actions,
.page-datenschutz .page-hero .hero-actions{display:none!important;}
.page-privacy-policy .page-hero,
.page-datenschutz .page-hero{min-height:auto!important;padding:54px 0 34px!important;background:linear-gradient(90deg,rgba(245,180,0,.02),transparent 62%)!important;}
.page-privacy-policy .page-hero h1,
.page-datenschutz .page-hero h1{font-size:clamp(34px,8vw,58px)!important;max-width:820px!important;}
.page-privacy-policy .page-hero .lead,
.page-datenschutz .page-hero .lead{font-size:clamp(16px,4.2vw,20px)!important;max-width:760px!important;}
.content-page,.standalone{max-width:840px!important;line-height:1.72;}
.content-page p,.standalone p{font-size:clamp(16px,4vw,18px);}
.content-page h2,.standalone h2{font-size:clamp(26px,7vw,38px)!important;margin-top:34px;}

/* Desktop/tablet quote keeps a premium planner rhythm */
.quote-side .btn{width:100%;max-width:340px;margin-inline:auto;}
.quote-actions{display:grid;grid-template-columns:1fr;gap:12px;}
.quote-actions .btn{flex:0 1 auto;}
.quote-amount:empty:before{content:'Select options to see range';font-size:clamp(22px,5vw,34px);line-height:1.1;color:var(--gold2);}

/* Featured project and BREDS portfolio cards should never clip titles/buttons */
.project-card,.service-card,.feature-grid article,.process-grid article,.quote-builder,.quote-side,.contact-card,.premium-form{min-width:0;}
.project-card h3{max-width:100%;overflow-wrap:anywhere;}
.case-study-pill{white-space:normal;text-align:center;justify-content:center;}
.case-hero>*{min-width:0;}
.case-hero img{width:100%;object-fit:contain;}

@media(max-width:860px){
  .container,.container.wide,.quote-system{width:min(100% - 32px,var(--max))!important;}
  .hero,.page-hero{padding:54px 0 36px!important;min-height:auto!important;}
  .page-contact .page-hero,.page-quote .page-hero{padding:48px 0 28px!important;}
  .page-hero h1,.hero-grid h1,h1{font-size:clamp(36px,10.5vw,54px)!important;line-height:1.02!important;letter-spacing:-.058em!important;}
  h2,.section-head h2{font-size:clamp(28px,8vw,42px)!important;line-height:1.05!important;letter-spacing:-.052em!important;}
  h3{font-size:clamp(21px,6.2vw,28px)!important;}
  .lead,.page-hero .lead{font-size:17px!important;line-height:1.56!important;}
  .section{padding:48px 0!important;}
  .section-head{gap:14px!important;margin-bottom:22px!important;}
  .feature-grid article,.service-card,.project-card div,.process-grid article{padding:20px!important;}
  .process-grid article{min-height:auto!important;}
  .project-card h3{font-size:clamp(23px,7vw,30px)!important;line-height:1.08!important;}
  .project-featured div{display:block!important;}
  .project-featured img,.project-card img{aspect-ratio:16/10!important;object-fit:contain!important;padding:8px!important;}
  .case-study-pill{display:inline-flex!important;width:auto!important;max-width:100%;margin-top:14px;padding:11px 14px!important;}

  /* Reported global final CTA/footer issue */
  .section.cta{padding:34px 0 38px!important;margin:0!important;}
  .section.cta .container.narrow{max-width:560px!important;text-align:center!important;}
  .section.cta h2{font-size:clamp(25px,7vw,34px)!important;line-height:1.08!important;letter-spacing:-.045em!important;max-width:520px!important;margin:0 auto 14px!important;}
  .section.cta p{font-size:16px!important;line-height:1.55!important;max-width:500px!important;margin:0 auto 20px!important;}
  .section.cta .btn{width:auto!important;min-width:0!important;max-width:310px!important;min-height:46px!important;padding:12px 20px!important;border-radius:16px!important;}
  .site-footer{padding:42px 0 max(28px,env(safe-area-inset-bottom))!important;}
  .footer-grid{gap:26px!important;}
  .footer-brand{text-align:center!important;}
  .footer-brand img{width:min(64vw,220px)!important;margin:0 auto 18px!important;}
  .footer-brand p{font-size:15px!important;line-height:1.55!important;max-width:420px;margin-inline:auto;}
  .footer-bottom{margin-top:22px!important;padding-top:14px!important;font-size:13px!important;}

  /* Quote mobile: no giant oval buttons, no huge estimate block */
  .quote-system{gap:20px!important;}
  .quote-builder,.quote-side{padding:20px!important;border-radius:24px!important;}
  .quote-estimate,.quote-flow-panel{padding:18px!important;border-radius:20px!important;}
  .quote-amount,.estimate-value{font-size:clamp(28px,9vw,40px)!important;line-height:1.05!important;margin:10px 0 14px!important;}
  .quote-actions{gap:10px!important;margin-top:16px!important;display:grid!important;}
  .quote-actions .btn,.quote-side .btn{width:100%!important;max-width:320px!important;min-height:46px!important;border-radius:16px!important;padding:12px 16px!important;margin-inline:auto!important;}
  .premium-form .btn,.quote-builder>button[type=submit]{min-height:48px!important;border-radius:16px!important;}
  .addon-card{padding:15px!important;border-radius:18px!important;}

  /* Contact mobile hierarchy */
  .contact-card,.premium-form{padding:20px!important;border-radius:24px!important;}
  input,select,textarea{min-height:48px!important;border-radius:13px!important;}
}

@media(max-width:560px){
  .container,.container.wide,.footer-bottom,.quote-system{width:min(100% - 24px,var(--max))!important;}
  .nav-wrap{width:min(100% - 24px,1280px)!important;}
  .brand img{width:128px!important;}
  .page-hero h1,.hero-grid h1,h1{font-size:clamp(34px,10.4vw,48px)!important;line-height:1.04!important;}
  h2,.section-head h2{font-size:clamp(26px,7.8vw,36px)!important;}
  .page-hero .lead,.lead{font-size:16px!important;line-height:1.55!important;}
  .hero-actions{gap:10px!important;}
  .hero-actions .btn{min-height:46px!important;border-radius:16px!important;padding:12px 16px!important;}
  .section.cta h2{font-size:clamp(24px,7.4vw,32px)!important;}
  .section.cta .btn{max-width:280px!important;}
  .footer-brand img{width:min(58vw,200px)!important;}
  .site-footer h3{font-size:12px!important;}
  .site-footer a,.site-footer span{font-size:14px!important;margin:8px 0!important;}
  .project-card img{aspect-ratio:4/3!important;}
  .portfolio-filters button{padding:9px 12px!important;font-size:13px!important;}
  .case-hero{gap:22px!important;}
  .case-hero img{border-radius:18px!important;}
  .page-portfolio .page-hero h1{font-size:clamp(32px,9.8vw,46px)!important;}
  .quote-side small,.quote-flow-panel p,.quote-estimate p{font-size:14px!important;line-height:1.5!important;}
}

/* V11.4 BuyRealEstate ViewCase locked visual */
.project-card.project-featured img[src*="buyrealestate-viewcase-locked"],
.project-card img[src*="buyrealestate-viewcase-locked"]{object-fit:cover!important;object-position:center!important;background:#030303!important;padding:0!important;border-bottom:1px solid rgba(245,180,0,.22)!important;}
.project-card.project-featured img[src*="buyrealestate-viewcase-locked"]{aspect-ratio:16/9!important;}
.page-portfolio .project-card.project-featured:has(img[src*="buyrealestate-viewcase-locked"]){border-color:rgba(255,227,109,.34);box-shadow:0 34px 100px rgba(0,0,0,.52),0 0 42px rgba(245,180,0,.10);}
@media(max-width:860px){.project-card.project-featured img[src*="buyrealestate-viewcase-locked"],.project-card img[src*="buyrealestate-viewcase-locked"]{aspect-ratio:16/10!important;object-fit:cover!important;object-position:center!important;}}

/* V11.5 Contact Experience + Lazy Map + Consultation Booking */
.contact-hero-premium{padding-bottom:52px!important;}
.consultation-options .section-head,.location-experience .container{max-width:1180px;}
.consultation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch;}
.consultation-card{position:relative;display:flex;flex-direction:column;gap:16px;padding:30px;border:1px solid rgba(245,180,0,.24);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012));box-shadow:0 28px 90px rgba(0,0,0,.32);overflow:hidden;}
.consultation-card:before{content:"";position:absolute;inset:-1px;background:radial-gradient(circle at 18% 0%,rgba(255,227,109,.14),transparent 32%);pointer-events:none;}
.consultation-card>*{position:relative;z-index:1;}
.consultation-icon{width:56px;height:56px;border:1px solid rgba(255,227,109,.36);border-radius:18px;display:grid;place-items:center;font-size:26px;background:rgba(245,180,0,.06);}
.consultation-card h3{font-size:clamp(24px,2.4vw,34px);margin:0;}
.consultation-card ul{margin:0 0 4px;padding-left:20px;color:var(--muted);line-height:1.7;}
.consultation-card .btn{margin-top:auto;width:max-content;max-width:100%;}
.booking-layout{display:grid;grid-template-columns:.72fr 1.12fr;gap:28px;align-items:start;}
.booking-copy{position:sticky;top:112px;padding:30px;border:1px solid rgba(245,180,0,.18);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.01));}
.booking-note{margin-top:20px;padding:16px 18px;border-left:3px solid var(--gold);border-radius:16px;background:rgba(245,180,0,.07);color:var(--champagne);line-height:1.55;}
.consultation-form{padding:28px!important;border-radius:28px!important;}
.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.location-card{position:relative;text-align:center;padding:42px 28px;border:1px solid rgba(255,227,109,.28);border-radius:32px;background:linear-gradient(145deg,#11100d,#050504);box-shadow:0 34px 100px rgba(0,0,0,.38);overflow:hidden;}
.location-card:before,.location-card:after{content:"";position:absolute;left:50%;transform:translateX(-50%);width:min(760px,82%);height:1px;background:linear-gradient(90deg,transparent,rgba(255,227,109,.55),transparent);}
.location-card:before{top:24px}.location-card:after{bottom:24px}
.location-address{font-size:clamp(20px,3vw,34px);line-height:1.25;color:var(--ivory);max-width:720px;margin:18px auto 24px;}
.location-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;}
.map-shell{margin-top:24px;border:1px solid rgba(245,180,0,.22);border-radius:24px;overflow:hidden;background:#050505;}
.map-shell p{margin:0;padding:16px;color:var(--champagne);}
.map-shell iframe{display:block;width:100%;min-height:420px;border:0;background:#111;}
.contact-card.wide{max-width:980px;margin:auto;text-align:center;padding:34px!important;}
.contact-request-section{padding-top:42px!important;}
.site-footer{background:linear-gradient(180deg,#070706,#030303);border-top:1px solid rgba(255,227,109,.18);}
.site-footer .socials a{border:1px solid rgba(245,180,0,.22);border-radius:999px;padding:8px 12px;display:inline-flex!important;margin:5px 6px 5px 0!important;}
@media(max-width:860px){
  .consultation-grid,.booking-layout,.form-row{grid-template-columns:1fr;}
  .booking-copy{position:relative;top:auto;}
  .consultation-card,.booking-copy,.consultation-form,.location-card,.contact-card.wide{padding:22px!important;border-radius:24px!important;}
  .consultation-card .btn,.location-actions .btn{width:100%;}
  .map-shell iframe{min-height:320px;}
  .location-address{font-size:clamp(18px,5.5vw,26px);}
}
@media(max-width:560px){
  .contact-hero-premium{padding-bottom:32px!important;}
  .consultation-options,.consultation-booking,.location-experience,.consulting-note,.contact-request-section{padding-block:46px!important;}
  .consultation-card h3{font-size:24px!important;}
  .booking-copy h2,.location-card h2,.contact-card.wide h2{font-size:clamp(25px,7.5vw,34px)!important;}
  .map-shell iframe{min-height:270px;}
}


/* V11.6 Global Footer + ILLYRIAN polish pass */
.site-footer.flagship-footer{
  position:relative;
  overflow:hidden;
  padding:0 0 30px!important;
  background:
    radial-gradient(circle at 15% 0%,rgba(255,227,109,.105),transparent 32rem),
    radial-gradient(circle at 85% 18%,rgba(245,180,0,.07),transparent 28rem),
    linear-gradient(180deg,#070706 0%,#030303 60%,#020202 100%)!important;
  border-top:1px solid rgba(255,227,109,.18)!important;
}
.flagship-footer::before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,227,109,.55),transparent);pointer-events:none;}
.footer-cta-band{width:min(var(--max),calc(100% - 48px));margin:0 auto 0;padding:34px 0 32px;border-bottom:1px solid rgba(245,180,0,.13);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;}
.footer-cta-band .eyebrow{margin-bottom:8px}.footer-cta-band h2{font-size:clamp(30px,3vw,52px)!important;line-height:1.02!important;letter-spacing:-.055em!important;margin:0;color:var(--text)}.footer-cta-band p{max-width:680px;margin:12px 0 0;color:var(--muted)}.footer-cta-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}.footer-cta-actions .btn{white-space:nowrap}
.flagship-footer .footer-grid{width:min(var(--max),calc(100% - 48px));margin:0 auto;padding:48px 0 34px;display:grid!important;grid-template-columns:minmax(260px,1.25fr) repeat(4,minmax(150px,1fr))!important;gap:44px!important;align-items:start;}
.flagship-footer .footer-brand img{width:245px!important;max-width:100%;height:auto;background:#000;border:1px solid rgba(245,180,0,.08);box-shadow:0 20px 70px rgba(0,0,0,.38)}
.flagship-footer .footer-brand p{max-width:360px;color:#eadcc0;line-height:1.62;margin-top:20px}.footer-brand-line{display:inline-flex;align-items:center;gap:10px;margin-top:16px;color:var(--gold2);letter-spacing:.16em;text-transform:uppercase;font-size:11px;font-weight:950}.footer-brand-line::before{content:"";width:32px;height:1px;background:var(--gold2)}
.flagship-footer h3{font-size:13px!important;line-height:1.2;color:var(--gold2)!important;letter-spacing:.18em!important;text-transform:uppercase;margin:0 0 18px!important}.flagship-footer a,.flagship-footer span{font-size:16px!important;line-height:1.34;color:#fff3db!important;margin:11px 0!important}.flagship-footer a{transition:color .2s ease,transform .2s ease}.flagship-footer a:hover{color:var(--gold2)!important;transform:translateX(2px)}
.flagship-footer .footer-contact span{color:#eadcc0!important}.footer-contact-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.footer-contact-actions a{border:1px solid rgba(245,180,0,.24);border-radius:999px;padding:9px 13px!important;margin:0!important;display:inline-flex!important;font-size:14px!important;background:rgba(255,255,255,.018)}
.flagship-footer .socials{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.flagship-footer .socials a{border:1px solid rgba(245,180,0,.24);border-radius:999px;padding:9px 14px!important;display:inline-flex!important;margin:0!important;background:rgba(255,255,255,.018)}
.flagship-footer .footer-bottom{width:min(var(--max),calc(100% - 48px));margin:0 auto!important;padding:20px 0 0!important;border-top:1px solid rgba(245,180,0,.13)!important;color:#b6aa92!important;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}.footer-bottom-links{display:flex;gap:16px;flex-wrap:wrap}.footer-bottom-links a{font-size:14px!important;margin:0!important;color:#b6aa92!important}
.illyrian-value-section{padding-top:84px!important}.illyrian-value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.illyrian-value-card{border:1px solid rgba(245,180,0,.18);border-radius:24px;padding:24px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012));min-height:210px}.illyrian-value-card .pill{display:inline-flex;border:1px solid rgba(245,180,0,.22);border-radius:999px;color:var(--gold2);font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:950;padding:7px 10px;margin-bottom:18px}.illyrian-value-card h3{font-size:clamp(22px,1.6vw,30px);letter-spacing:-.04em}.illyrian-value-card p{font-size:17px;line-height:1.55;color:#eadcc0}.illyrian-guardrail{margin-top:22px;border:1px solid rgba(245,180,0,.20);border-radius:26px;padding:26px;background:radial-gradient(circle at 90% 5%,rgba(245,180,0,.10),transparent 20rem),rgba(255,255,255,.018)}.illyrian-guardrail strong{color:var(--gold2)}
@media(max-width:1100px){.footer-cta-band{grid-template-columns:1fr}.footer-cta-actions{justify-content:flex-start}.flagship-footer .footer-grid{grid-template-columns:1.2fr 1fr 1fr!important}.illyrian-value-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.footer-cta-band,.flagship-footer .footer-grid,.flagship-footer .footer-bottom{width:min(100% - 28px,var(--max))}.footer-cta-band{padding:28px 0}.footer-cta-band h2{font-size:clamp(26px,8vw,38px)!important}.footer-cta-actions .btn{width:100%}.flagship-footer .footer-grid{grid-template-columns:1fr!important;padding:34px 0 26px;gap:28px!important}.flagship-footer .footer-brand img{width:210px!important}.flagship-footer .footer-brand p{max-width:100%;font-size:16px!important}.flagship-footer h3{margin-bottom:12px!important}.flagship-footer a,.flagship-footer span{font-size:15px!important;margin:8px 0!important}.flagship-footer .footer-bottom{display:block;font-size:13px!important;padding-bottom:max(16px,env(safe-area-inset-bottom))!important}.footer-bottom-links{margin-top:12px}.illyrian-value-section{padding-top:58px!important}.illyrian-value-grid{grid-template-columns:1fr}.illyrian-value-card{min-height:auto;padding:22px}.illyrian-hero h1{font-size:clamp(42px,10.5vw,62px)!important;line-height:1.02!important}.illyrian-hero .lead{font-size:18px!important;line-height:1.55!important}}


/* V11.7 verified polish: Contact WhatsApp icon + CTA contrast + GA-safe footer buttons */
.whatsapp-icon svg{width:30px;height:30px;display:block;fill:#25D366;filter:drop-shadow(0 0 12px rgba(37,211,102,.28));}
.consultation-card .whatsapp-icon{background:linear-gradient(145deg,rgba(37,211,102,.13),rgba(245,180,0,.05));border-color:rgba(37,211,102,.42);}
.consulting-note .btn-gold,.footer-cta-band .btn-gold,.contact-card.wide .btn-gold{color:#050505!important;text-shadow:none!important;font-weight:950;}
.consulting-note .btn-gold:hover,.footer-cta-band .btn-gold:hover,.contact-card.wide .btn-gold:hover{color:#050505!important;}
.btn-gold{color:#050505!important;text-shadow:none!important;}
@media(max-width:720px){.whatsapp-icon svg{width:26px;height:26px}.consulting-note .btn-gold{font-size:15px!important;letter-spacing:-.01em}}

/* V12.0 FLAGSHIP PREMIUM ELEVATION PASS
   Final controlled refinement layer: typography, rhythm, footer, ILLYRIAN, portfolio, contact, forms.
   No new feature behavior, no tracking/form rewrites. */
:root{
  --v12-black:#020202;
  --v12-ink:#050504;
  --v12-card:#0f0e0a;
  --v12-card-2:#15130d;
  --v12-ivory:#fff8ea;
  --v12-soft:#f0dfbd;
  --v12-muted:#cbbd9e;
  --v12-gold:#f5b400;
  --v12-gold-light:#ffe36d;
  --v12-gold-deep:#b66f00;
  --v12-border:rgba(255,227,109,.24);
  --v12-border-strong:rgba(255,227,109,.42);
  --v12-glow:0 0 0 1px rgba(255,227,109,.10),0 24px 80px rgba(245,180,0,.12);
}
body{background:radial-gradient(circle at 8% -8%,rgba(255,227,109,.10),transparent 34rem),radial-gradient(circle at 92% 4%,rgba(245,180,0,.08),transparent 32rem),linear-gradient(180deg,#020202 0%,#060504 42%,#020202 100%)!important;}
.container{width:min(var(--max),calc(100% - 52px));}
.section{padding:82px 0;}
.section-head{margin-bottom:42px;}
h1{letter-spacing:-.065em!important;line-height:.96!important;}
h2{letter-spacing:-.06em!important;line-height:.98!important;}
h3{letter-spacing:-.043em!important;}
p,.lead{color:var(--v12-soft);}
.eyebrow{color:var(--v12-gold-light)!important;letter-spacing:.19em;text-shadow:0 0 28px rgba(255,227,109,.16);}
.btn{min-height:46px;padding:12px 19px;font-weight:900;letter-spacing:-.01em;box-shadow:none;}
.btn-gold{background:linear-gradient(135deg,#fff6bd 0%,#ffe36d 20%,#f5b400 58%,#b66f00 100%)!important;color:#050504!important;border-color:rgba(255,227,109,.56)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 18px 54px rgba(245,180,0,.18)!important;}
.btn-gold:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.62),0 22px 72px rgba(245,180,0,.26)!important;transform:translateY(-2px);}
.btn-ghost{background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012))!important;border-color:var(--v12-border)!important;color:var(--v12-ivory)!important;}
.btn-ghost:hover{border-color:var(--v12-border-strong)!important;background:rgba(255,227,109,.055)!important;}
.video-card,.contact-card,.quote-estimate,.quote-flow-panel,.feature-grid article,.service-card,.project-card,.process-grid article,.premium-form,.quote-builder,.quote-side,.consultation-card,.booking-copy,.consultation-form,.location-card,.illyrian-shell,.illyrian-section-card,.illyrian-value-card{background:linear-gradient(180deg,rgba(255,255,255,.052),rgba(255,255,255,.014))!important;border-color:rgba(255,227,109,.18)!important;box-shadow:0 28px 86px rgba(0,0,0,.36)!important;}
.video-card:hover,.service-card:hover,.project-card:hover,.feature-grid article:hover,.process-grid article:hover,.consultation-card:hover,.illyrian-value-card:hover{border-color:rgba(255,227,109,.34)!important;box-shadow:var(--v12-glow),0 30px 95px rgba(0,0,0,.42)!important;}
.project-card img{aspect-ratio:16/10;object-fit:cover;object-position:center;}
.project-card div{padding:26px;}
.project-card h3,.service-card h3{margin-top:8px;margin-bottom:10px;}
.portfolio-filters button{transition:transform .2s ease,border-color .2s ease,background .2s ease;color:var(--v12-soft);}
.portfolio-filters button:hover{transform:translateY(-1px);border-color:rgba(255,227,109,.38);}
input,select,textarea{background:rgba(2,2,2,.88)!important;border-color:rgba(255,227,109,.20)!important;}
input:focus,select:focus,textarea:focus{outline:2px solid rgba(255,227,109,.34)!important;border-color:rgba(255,227,109,.50)!important;box-shadow:0 0 0 4px rgba(245,180,0,.07)!important;}
/* Flagship footer V12 */
.site-footer.flagship-footer{background:radial-gradient(circle at 12% 0%,rgba(255,227,109,.13),transparent 34rem),radial-gradient(circle at 88% 22%,rgba(245,180,0,.08),transparent 31rem),linear-gradient(180deg,#080706 0%,#030303 58%,#010101 100%)!important;}
.footer-cta-band{padding:42px 0 38px!important;border-bottom-color:rgba(255,227,109,.16)!important;}
.footer-cta-band h2{max-width:760px;}
.footer-cta-actions .btn{min-width:176px;}
.flagship-footer .footer-grid{padding:56px 0 38px!important;gap:52px!important;}
.flagship-footer .footer-brand img{width:230px!important;border-radius:18px!important;padding:6px;background:linear-gradient(145deg,#020202,#090806)!important;border-color:rgba(255,227,109,.14)!important;}
.flagship-footer .footer-brand p{color:var(--v12-soft)!important;max-width:390px!important;}
.flagship-footer h3{color:var(--v12-gold-light)!important;}
.flagship-footer a,.flagship-footer span{color:#f8e9c8!important;}
.flagship-footer .footer-bottom{align-items:center;}
/* Contact experience V12 */
.consultation-card .consultation-icon{box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 14px 44px rgba(0,0,0,.24);}
.whatsapp-icon svg{fill:#25D366!important;}
.booking-note{border-left-color:var(--v12-gold-light)!important;background:rgba(245,180,0,.085)!important;}
.location-card{background:radial-gradient(circle at 50% 0%,rgba(255,227,109,.13),transparent 24rem),linear-gradient(145deg,#12100b,#040403)!important;}
/* ILLYRIAN flagship V12 */
.illyrian-hero{background:radial-gradient(circle at 82% 6%,rgba(255,227,109,.15),transparent 34rem),linear-gradient(180deg,rgba(245,180,0,.055),transparent)!important;}
.illyrian-shell{border-radius:36px!important;overflow:hidden;}
.illyrian-top{padding:22px 24px!important;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018))!important;}
.illyrian-orb{box-shadow:0 0 42px rgba(245,180,0,.30),inset 0 1px 0 rgba(255,255,255,.32)!important;}
.illyrian-messages{gap:16px!important;}
.illyrian-msg{border-radius:24px!important;padding:16px 18px!important;}
.illyrian-msg.bot{background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.012))!important;color:var(--v12-soft)!important;}
.illyrian-msg.user{background:rgba(245,180,0,.13)!important;color:var(--v12-ivory)!important;}
.illyrian-quick button:hover{border-color:rgba(255,227,109,.45)!important;background:rgba(245,180,0,.08)!important;}
.illyrian-value-card .pill{color:var(--v12-gold-light)!important;border-color:rgba(255,227,109,.28)!important;}
/* Quote + form polish */
.quote-amount{color:var(--v12-gold-light)!important;text-shadow:0 0 42px rgba(245,180,0,.18)!important;}
.quote-actions .btn{min-height:46px;}
.form-status,.quote-status,.ai-status{color:var(--v12-gold-light)!important;}
@media(max-width:1120px){.section{padding:70px 0}.flagship-footer .footer-grid{gap:36px!important}}
@media(max-width:760px){
  .container{width:min(100% - 28px,var(--max));}
  .section{padding:58px 0;}
  .section-head{margin-bottom:30px;}
  h1{font-size:clamp(42px,12.5vw,62px)!important;line-height:1.01!important;}
  h2{font-size:clamp(30px,9vw,44px)!important;line-height:1.04!important;}
  .lead{font-size:17px!important;line-height:1.58!important;}
  .btn{min-height:44px;font-size:14px;padding:12px 16px;}
  .project-card div,.service-card,.feature-grid article,.process-grid article{padding:22px!important;}
  .footer-cta-band{padding:34px 0 30px!important;}
  .flagship-footer .footer-grid{padding:38px 0 28px!important;}
  .flagship-footer .footer-brand img{width:198px!important;}
  .illyrian-messages{height:340px!important;}
  .illyrian-input textarea{min-height:52px;}
}

/* V12.1 ILLYRIAN site-wide premium launcher */
.illyrian-launcher-root{position:fixed;right:22px;bottom:22px;z-index:1200;font-family:inherit;color:var(--text,#fff8ea)}
.illyrian-launcher-toggle{display:flex;align-items:center;gap:12px;border:1px solid rgba(255,227,109,.38);border-radius:999px;padding:12px 16px;background:linear-gradient(145deg,rgba(12,12,10,.96),rgba(5,5,5,.96));color:#fff8ea;box-shadow:0 22px 70px rgba(0,0,0,.52),0 0 0 1px rgba(255,255,255,.04) inset;cursor:pointer;backdrop-filter:blur(14px);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.illyrian-launcher-toggle:hover{transform:translateY(-2px);border-color:rgba(255,227,109,.62);box-shadow:0 26px 82px rgba(0,0,0,.62),0 0 36px rgba(245,180,0,.16)}
.illyrian-launcher-toggle .orb{width:34px;height:34px;border-radius:14px;background:radial-gradient(circle at 35% 25%,#fff8bd,#ffe36d 32%,#f5b400 58%,#8a5700);box-shadow:0 0 26px rgba(245,180,0,.32);flex:0 0 auto}
.illyrian-launcher-toggle strong{display:block;font-size:14px;line-height:1;color:#fff8ea;letter-spacing:-.02em}.illyrian-launcher-toggle span{display:block;font-size:11px;color:#eadcc0;margin-top:3px;white-space:nowrap}.illyrian-launcher-toggle em{font-style:normal;color:#ffe36d;font-size:18px;line-height:1}
.illyrian-panel{position:absolute;right:0;bottom:68px;width:min(420px,calc(100vw - 28px));max-height:min(690px,calc(100vh - 110px));display:none;overflow:hidden;border:1px solid rgba(255,227,109,.28);border-radius:30px;background:radial-gradient(circle at 88% 0%,rgba(255,227,109,.14),transparent 14rem),linear-gradient(145deg,rgba(17,16,13,.98),rgba(5,5,5,.98));box-shadow:0 36px 120px rgba(0,0,0,.72);backdrop-filter:blur(20px)}
.illyrian-panel.is-open{display:grid;grid-template-rows:auto minmax(180px,1fr) auto auto}
.illyrian-panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 18px 15px;border-bottom:1px solid rgba(245,180,0,.14)}
.illyrian-panel-title{display:flex;align-items:center;gap:12px}.illyrian-panel-title .orb{width:42px;height:42px;border-radius:16px;background:radial-gradient(circle at 35% 25%,#fff8bd,#ffe36d 32%,#f5b400 58%,#8a5700);box-shadow:0 0 34px rgba(245,180,0,.28)}.illyrian-panel-title strong{display:block;color:#fff8ea;font-size:17px}.illyrian-panel-title span{display:block;color:#b8ad9a;font-size:12px}.illyrian-close{border:1px solid rgba(245,180,0,.22);background:rgba(255,255,255,.025);color:#fff8ea;border-radius:999px;width:38px;height:38px;cursor:pointer;font-weight:900}
.illyrian-panel-messages{padding:18px;overflow:auto;display:grid;gap:12px;align-content:start}.illyrian-panel-msg{max-width:92%;border:1px solid rgba(245,180,0,.16);border-radius:20px;padding:13px 15px;font-size:14px;line-height:1.55;color:#eadcc0;background:rgba(255,255,255,.03)}.illyrian-panel-msg.user{justify-self:end;background:rgba(245,180,0,.12);border-color:rgba(255,227,109,.28);color:#fff8ea}.illyrian-panel-msg.bot{justify-self:start}
.illyrian-panel-quick{display:flex;flex-wrap:wrap;gap:8px;padding:0 18px 14px}.illyrian-panel-quick button{border:1px solid rgba(245,180,0,.24);background:rgba(255,255,255,.025);color:#eadcc0;border-radius:999px;padding:9px 11px;font-size:12px;font-weight:850;cursor:pointer}.illyrian-panel-quick button:hover{border-color:rgba(255,227,109,.45);background:rgba(245,180,0,.08)}
.illyrian-panel-input{display:grid;grid-template-columns:1fr auto;gap:10px;padding:15px 18px 18px;border-top:1px solid rgba(245,180,0,.14)}.illyrian-panel-input textarea{min-height:48px;max-height:120px;resize:vertical;border-radius:16px}.illyrian-panel-input .btn{min-height:48px;color:#050504!important}.illyrian-panel-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 18px 18px;color:#b8ad9a;font-size:12px}.illyrian-panel-foot a{color:#ffe36d;font-weight:900;text-decoration:none}.illyrian-panel-lang{display:flex;gap:5px;border:1px solid rgba(245,180,0,.18);border-radius:999px;padding:4px}.illyrian-panel-lang button{border:0;background:transparent;color:#b8ad9a;font-weight:900;border-radius:999px;padding:6px 8px;cursor:pointer}.illyrian-panel-lang button.is-active{background:linear-gradient(135deg,#fff1a4,#f5b400,#b66f00);color:#050504}
@media(max-width:640px){.illyrian-launcher-root{right:14px;left:14px;bottom:14px}.illyrian-launcher-toggle{width:100%;justify-content:space-between;padding:12px 14px}.illyrian-panel{right:0;left:0;bottom:66px;width:100%;max-height:calc(100vh - 96px);border-radius:24px}.illyrian-panel-input{grid-template-columns:1fr}.illyrian-panel-input .btn{width:100%}.illyrian-panel-foot{align-items:flex-start;flex-direction:column}.illyrian-launcher-toggle span{white-space:normal}}
@media(print){.illyrian-launcher-root{display:none!important}}

/* V12.2 ILLYRIAN Pre-Sales Consultant polish */
@media (min-width:981px){
  .illyrian-hero{padding-top:54px!important;padding-bottom:76px!important;min-height:calc(100vh - 96px);display:flex;align-items:center;}
  .illyrian-hero-grid{align-items:start!important;grid-template-columns:minmax(420px,.95fr) minmax(520px,1.05fr)!important;gap:42px!important;}
  .illyrian-hero-grid>div:first-child{padding-top:34px!important;align-self:start!important;}
  .illyrian-hero h1{font-size:clamp(58px,5.6vw,104px)!important;line-height:.94!important;letter-spacing:-.075em!important;max-width:760px!important;margin-bottom:26px!important;}
  .illyrian-hero .lead{max-width:720px!important;font-size:clamp(20px,1.45vw,28px)!important;line-height:1.45!important;}
  .illyrian-shell{align-self:start!important;margin-top:0!important;}
  .illyrian-messages{height:360px!important;}
}
.illyrian-whatsapp-handoff{display:inline-flex;margin-left:10px;margin-top:8px;text-decoration:none!important;}
.illyrian-quick .illyrian-whatsapp-handoff{border-color:rgba(37,211,102,.42)!important;color:#fff8ea!important;background:rgba(37,211,102,.10)!important;}
.illyrian-msg.bot{white-space:pre-line;}
.illyrian-section-card .eyebrow::after{content:' — reviewed manually by DesignHubMK';letter-spacing:0;text-transform:none;color:var(--muted);font-weight:700;}
@media(max-width:980px){
  .illyrian-hero-grid>div:first-child{padding-top:0!important;}
  .illyrian-hero h1{max-width:100%!important;}
}


/* V12.3 ILLYRIAN mobile interaction polish */
@media(max-width:760px){
  .illyrian-hero{padding-top:38px!important;}
  .illyrian-shell{position:relative!important;z-index:2!important;touch-action:manipulation;}
  .illyrian-input{position:sticky;bottom:0;background:linear-gradient(180deg,rgba(5,5,5,.72),rgba(5,5,5,.98));z-index:5;}
  .illyrian-input textarea,.illyrian-panel-input textarea{font-size:16px!important;line-height:1.45!important;}
  .illyrian-input .btn,.illyrian-panel-input .btn{min-height:52px!important;touch-action:manipulation;pointer-events:auto!important;}
  .illyrian-quick button,.illyrian-panel-quick button{min-height:42px;touch-action:manipulation;pointer-events:auto!important;}
  [data-illyrian].is-mobile-typing .illyrian-messages{height:min(300px,42vh)!important;}
  .illyrian-panel{overscroll-behavior:contain;}
  .illyrian-panel-messages{max-height:42vh;}
}

/* V12.5 ILLYRIAN Mobile + Typography Final */
.illyrian-input textarea {
  min-height: 52px;
  max-height: 140px;
  resize: vertical;
  font-size: 16px;
  line-height: 1.45;
}

.illyrian-quick {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.illyrian-quick button {
  border: 1px solid rgba(218,165,32,.35);
  background: rgba(255,255,255,.06);
  color: inherit;
  border-radius: 999px;
  padding: 10px 14px;
  cursor: pointer;
}

html, body, h1, h2, h3, h4, h5, h6, p, a, button, .btn, .nav-link, .lead {
  hyphens: none !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}

@media (max-width: 640px) {
  .illyrian-input {
    gap: 10px;
  }

  .illyrian-input textarea {
    width: 100%;
  }

  .illyrian-input .btn {
    width: 100%;
  }
}


/* V13.0 Production Typography + ILLYRIAN Stability */
html, body,
h1, h2, h3, h4, h5, h6,
p, a, button, .btn, .nav-link,
.service-card, .project-card, .hero, .page-hero,
.section-head, .lead {
  hyphens: none !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}

.illyrian-input textarea {
  min-height: 52px;
  max-height: 140px;
  resize: vertical;
  font-size: 16px;
  line-height: 1.45;
}

.illyrian-quick {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.illyrian-quick button,
.illyrian-lang button {
  border: 1px solid rgba(218,165,32,.35);
  background: rgba(255,255,255,.06);
  color: inherit;
  border-radius: 999px;
  padding: 10px 14px;
  cursor: pointer;
}

.illyrian-lang button.is-active,
.illyrian-quick button:hover {
  border-color: rgba(218,165,32,.8);
  background: rgba(218,165,32,.12);
}

.form-status:not(:empty), .ai-status:not(:empty) {
  margin-top: 12px;
  font-weight: 700;
}

@media (max-width: 640px) {
  .illyrian-input { gap: 10px; }
  .illyrian-input textarea,
  .illyrian-input .btn { width: 100%; }
}


/* V13.2 ILLYRIAN Smart Consultant UX */
.illyrian-lang button.is-active,
.illyrian-lang button[aria-current="true"] {
  background: #ffc72c !important;
  color: #111111 !important;
  border-color: #ffc72c !important;
  font-weight: 800 !important;
  box-shadow: 0 0 0 1px rgba(255,199,44,.45), 0 8px 22px rgba(255,199,44,.22) !important;
}

.illyrian-lang button:not(.is-active) {
  color: #f7f2df !important;
}

.illyrian-msg.is-typing {
  opacity: .82;
  font-style: italic;
}

.illyrian-msg.is-typing::after {
  content: "";
  display: inline-block;
  width: 1.4em;
  text-align: left;
  animation: illyrianTypingDots 1.2s steps(4, end) infinite;
}

@keyframes illyrianTypingDots {
  0% { content: ""; }
  25% { content: "."; }
  50% { content: ".."; }
  75%,100% { content: "..."; }
}
