:root{--bg:#030914;--bg2:#061426;--panel:#08182a;--panel2:#0b2037;--line:rgba(117,202,255,.16);--blue:#168dff;--cyan:#66d8ff;--text:#f6fbff;--muted:#9db8cf;--green:#74e7ad;--gold:#f2c46e;--shadow:0 24px 70px rgba(0,0,0,.35)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}section[id]{scroll-margin-top:96px}body{margin:0;color:var(--text);background:radial-gradient(circle at 88% 2%,rgba(22,141,255,.18),transparent 28%),linear-gradient(180deg,var(--bg),#041224 48%,var(--bg));font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,select,textarea{font:inherit}.shell{width:min(1180px,calc(100% - 32px));margin:auto}.section{padding:84px 0}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#88ddff;font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.eyebrow:before{content:"";width:27px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--blue),var(--cyan))}.title{font-size:clamp(35px,5vw,62px);line-height:1;letter-spacing:-.045em;margin:13px 0 17px}.sub{max-width:720px;color:var(--muted);font-size:16px;line-height:1.7}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border-radius:13px;border:1px solid transparent;font-weight:900;transition:.2s}.btn:hover{transform:translateY(-2px)}.btn.primary{background:linear-gradient(135deg,var(--blue),#0d67ff);box-shadow:0 14px 34px rgba(22,141,255,.24)}.btn.secondary{background:rgba(255,255,255,.035);border-color:var(--line)}.btn.secondary:hover{border-color:rgba(102,216,255,.35);background:rgba(255,255,255,.06)}.btn.small{min-height:41px;padding:0 14px;font-size:12px}.pill{display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.03);color:#d4ecff;font-size:11px;font-weight:850}.heroNotice{margin-top:18px;max-width:640px;padding:16px 18px;border:1px solid rgba(102,216,255,.22);border-radius:16px;background:linear-gradient(135deg,rgba(11,29,49,.92),rgba(6,17,30,.88));color:#d1e7f6;box-shadow:0 22px 48px rgba(0,0,0,.18)}.heroNotice strong{display:block;margin-bottom:6px;color:var(--green);font-size:12px;letter-spacing:.12em;text-transform:uppercase}.heroNotice span{color:#fff;font-weight:900}
.announcement{border-bottom:1px solid var(--line);background:#04101d}.announcement .shell{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;padding:10px 0;color:#aecce4;font-size:12px}.announcement b{color:#fff}.navWrap{position:sticky;top:0;z-index:70;background:rgba(3,9,20,.9);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav{width:min(1320px,calc(100% - 32px));height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:11px;font-weight:950}.brand img{width:44px;height:44px;object-fit:contain}.brand strong{display:block}.brand small{display:block;color:#77b9e9;font-size:9px;letter-spacing:.09em;text-transform:uppercase}.links{display:flex;align-items:center;gap:16px;color:#b8cede;font-size:12px;font-weight:800;white-space:nowrap}.links a:hover{color:#fff}.navActions{display:flex;gap:8px}.menu{display:none;width:43px;height:43px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.03);color:#fff;font-size:20px}.mobileMenu{display:none}
.hero{padding:76px 0 58px}.heroGrid{display:grid;grid-template-columns:1.04fr .96fr;gap:52px;align-items:center}.hero h1{font-size:clamp(49px,7vw,88px);line-height:.92;letter-spacing:-.06em;margin:16px 0 22px}.hero h1 span{background:linear-gradient(90deg,#fff,#8adfff 48%,#188cff);background-clip:text;-webkit-background-clip:text;color:transparent}.heroCopy{max-width:650px;color:#b6ccdf;font-size:18px;line-height:1.65}.heroActions{display:flex;gap:10px;flex-wrap:wrap;margin-top:27px}.checks{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.checks .pill:before{content:"✓";color:var(--green)}.showcase{position:relative}.browser{overflow:hidden;border:1px solid rgba(111,201,255,.22);border-radius:22px;background:#07111f;box-shadow:var(--shadow);transform:perspective(1200px) rotateY(-2.5deg)}.browserTop{height:42px;display:flex;align-items:center;gap:7px;padding:0 14px;border-bottom:1px solid var(--line);background:#081425}.dot{width:8px;height:8px;border-radius:50%;background:#234365}.dot.red{background:#ff6d7a}.dot.yellow{background:#ffd46b}.dot.green{background:#69e4a0}.browser img{width:100%;height:390px;object-fit:cover;object-position:top}.floatCard{position:absolute;left:-23px;bottom:-24px;width:220px;padding:17px;border-radius:17px;background:rgba(8,24,42,.96);border:1px solid var(--line);box-shadow:var(--shadow)}.floatCard b{font-size:29px}.floatCard span{display:block;color:#9ab8d1;font-size:11px;line-height:1.45;margin-top:4px}.stats{display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.025)}.stat{padding:23px;text-align:center;border-right:1px solid var(--line)}.stat:last-child{border-right:0}.stat b{display:block;font-size:25px}.stat small{color:#97b5cc}
.sectionHead{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:28px}.sectionHead .title{margin-bottom:0}.sectionHead p{max-width:520px;margin:0;color:var(--muted);line-height:1.65}.serviceGrid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.service{padding:22px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,#0a1b2f,#071422);transition:.22s}.service:hover{transform:translateY(-4px);border-color:rgba(102,216,255,.42)}.serviceIcon{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:#0d2c4f;color:#8de4ff;font-size:20px}.service h3{margin:15px 0 8px}.service p{margin:0;color:#96b3ca;font-size:13px;line-height:1.6}
.styleGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.styleCard{min-height:210px;padding:20px;border-radius:18px;border:1px solid var(--line);position:relative;overflow:hidden;background:#071523}.styleCard:after{content:"";position:absolute;inset:auto -20% -45% 35%;height:170px;border-radius:50%;background:rgba(32,151,255,.12);filter:blur(15px)}.styleCard.lux{background:linear-gradient(145deg,#090909,#181108);border-color:rgba(242,196,110,.24)}.styleCard.lux .styleTag{color:#f4cf8b}.styleCard.boutique{background:linear-gradient(145deg,#17111d,#0b1721)}.styleCard.bold{background:linear-gradient(145deg,#081f35,#07111e)}.styleTag{color:#78d8ff;font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:900}.styleCard h3{font-size:24px;margin:14px 0 8px}.styleCard p{color:#9eb7cc;font-size:13px;line-height:1.55;margin:0;position:relative;z-index:1}
.workGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.work{overflow:hidden;border:1px solid var(--line);border-radius:19px;background:#081625;transition:.22s}.work:hover{transform:translateY(-5px);border-color:rgba(102,216,255,.42)}.workMedia{height:210px;overflow:hidden;background:#020710}.workMedia img{width:100%;height:100%;object-fit:cover;object-position:top;transition:.35s}.work:hover .workMedia img{transform:scale(1.03)}.workBody{padding:18px}.workType{color:#73d7ff;font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:900}.workBody h3{margin:7px 0}.workBody p{margin:0;color:#93b1ca;font-size:13px;line-height:1.6}.workStyle{margin-top:14px;padding:11px 12px;border:1px solid rgba(101,211,255,.14);border-radius:12px;background:linear-gradient(135deg,rgba(13,52,86,.72),rgba(5,22,39,.92));display:grid;gap:4px}.workStyle span{color:#69d4ff;font-size:9px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.workStyle strong{color:#eef8ff;font-size:11px;line-height:1.45;font-weight:800}.tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px}.tag{padding:6px 8px;border-radius:999px;border:1px solid rgba(101,211,255,.13);background:#0c2340;color:#bde5ff;font-size:10px}
.pricingIntro{max-width:820px}.priceGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}.priceCard{position:relative;display:flex;flex-direction:column;padding:24px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,#091b30,#061421)}.priceCard.popular{border-color:rgba(88,201,255,.64);box-shadow:0 22px 65px rgba(8,117,220,.19),inset 0 1px 0 rgba(255,255,255,.04);background:radial-gradient(circle at 85% 5%,rgba(22,141,255,.14),transparent 32%),linear-gradient(180deg,#0a2038,#061421)}.popularBadge{position:absolute;top:14px;right:14px;padding:7px 9px;border-radius:999px;background:#123b64;color:#9de5ff;font-size:9px;font-weight:950;text-transform:uppercase;letter-spacing:.1em}.priceCard h3{font-size:23px;margin:4px 0 7px}.price{font-size:34px;font-weight:950;letter-spacing:-.03em;margin:8px 0}.price small{font-size:12px;color:#8faec7;font-weight:700}.priceDesc{min-height:64px;color:#9ab6cd;font-size:13px;line-height:1.55}.features{display:grid;gap:9px;margin:18px 0 22px}.feature{display:flex;gap:9px;color:#c2d6e6;font-size:12px;line-height:1.4}.feature:before{content:"✓";color:var(--green);font-weight:950}.priceCard .btn{margin-top:auto}.addonGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:15px}.addon{padding:17px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.025)}.addon strong{display:block;font-size:15px}.addon span{display:block;color:#82cfff;font-weight:900;margin-top:6px}.addon small{display:block;color:#89a7c0;line-height:1.45;margin-top:5px}.priceNote{margin-top:16px;color:#7f9db7;font-size:11px;line-height:1.55}.packageNote{margin-top:16px;padding:14px 16px;border:1px solid rgba(116,231,173,.2);border-radius:14px;background:rgba(116,231,173,.055);color:#bcd4e6;font-size:12px;line-height:1.6}.packageNote strong,.packageNote b{color:var(--green)}.mockupMini{display:grid;gap:4px;margin-top:18px;padding:14px 16px;border:1px solid rgba(116,231,173,.2);border-radius:14px;background:rgba(116,231,173,.055)}.mockupMini strong{color:var(--green);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.mockupMini span{color:#c1d7e8;font-size:12px;line-height:1.55}

.trustSection{padding:70px 0 12px}.trustWrap{position:relative;overflow:hidden;border:1px solid rgba(242,196,110,.2);border-radius:28px;background:radial-gradient(circle at 18% 15%,rgba(242,196,110,.09),transparent 30%),radial-gradient(circle at 88% 72%,rgba(22,141,255,.14),transparent 34%),linear-gradient(135deg,#071321,#091a2c);box-shadow:0 28px 80px rgba(0,0,0,.25)}.trustWrap:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 0 43%,rgba(255,255,255,.035) 50%,transparent 57%);transform:translateX(-100%);animation:trustSheen 8s ease-in-out infinite}.trustGrid{position:relative;z-index:1;display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:center;padding:38px}.trustCopy h2{font-size:clamp(34px,5vw,58px);line-height:1;letter-spacing:-.045em;margin:12px 0 16px}.trustCopy p{max-width:650px;margin:0;color:#a8c0d3;line-height:1.7}.stars{display:flex;gap:7px;margin:20px 0 9px;color:var(--gold);font-size:28px;letter-spacing:2px;text-shadow:0 0 22px rgba(242,196,110,.22)}.reviewLabel{display:flex;align-items:center;gap:10px;color:#f8e1b5;font-size:13px;font-weight:900}.reviewLabel span{color:#8eaac0;font-weight:700}.trustBadges{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}.trustBadge{padding:9px 11px;border:1px solid rgba(126,211,255,.14);border-radius:999px;background:rgba(255,255,255,.025);font-size:11px;font-weight:850;color:#cfeaff}.approvalCard{display:grid;place-items:center;gap:14px;padding:28px;min-height:310px;border:1px solid rgba(255,255,255,.08);border-radius:23px;background:rgba(3,11,20,.55);backdrop-filter:blur(10px)}.approvalRing{--progress:0;width:190px;height:190px;border-radius:50%;position:relative;display:grid;place-items:center;background:conic-gradient(var(--green) calc(var(--progress)*1%),rgba(255,255,255,.08) 0);box-shadow:0 0 0 1px rgba(116,231,173,.16),0 18px 55px rgba(0,0,0,.35)}.approvalRing:before{content:"";position:absolute;width:154px;height:154px;border-radius:50%;background:linear-gradient(145deg,#071321,#0b1f33);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}.approvalInner{position:relative;z-index:1;text-align:center}.approvalPercent{display:block;font-size:42px;line-height:1;font-weight:950;letter-spacing:-.05em;color:#fff}.approvalWord{display:block;margin-top:6px;color:var(--green);font-size:11px;font-weight:950;letter-spacing:.13em;text-transform:uppercase}.approvalCard h3{margin:0;font-size:18px;color:#c8f4dc}.approvalCard p{max-width:320px;margin:0;text-align:center;color:#8eabc1;font-size:12px;line-height:1.55}.trustReveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}.trustReveal.active{opacity:1;transform:none}@keyframes trustSheen{0%,65%{transform:translateX(-110%)}82%,100%{transform:translateX(110%)}}
.hostingPanel{position:relative;overflow:hidden;padding:38px;border:1px solid rgba(88,201,255,.24);border-radius:28px;background:radial-gradient(circle at 85% 5%,rgba(22,141,255,.17),transparent 31%),linear-gradient(135deg,#071728,#091d32)}.hostingGrid{display:grid;grid-template-columns:.95fr 1.05fr;gap:34px;align-items:center}.hostingPanel h2{font-size:clamp(34px,5vw,56px);line-height:1;letter-spacing:-.045em;margin:12px 0 16px}.hostingPanel p{color:#a4bfd5;line-height:1.7}.hostingPrice{display:flex;align-items:end;gap:9px;margin:22px 0 8px}.hostingPrice b{font-size:48px;line-height:1;letter-spacing:-.05em}.hostingPrice span{color:#8fb0c9;font-size:13px;padding-bottom:5px}.hostCards{display:grid;grid-template-columns:1fr 1fr;gap:11px}.hostCard{padding:18px;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.025)}.hostIcon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#0d2c4f;color:#83dfff;font-weight:950}.hostIcon svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.hostCard h3{margin:12px 0 5px;font-size:16px}.hostCard p{margin:0;color:#8eaac1;font-size:12px;line-height:1.55}.hostingCallout{margin-top:18px;padding:14px 16px;border-left:3px solid var(--green);border-radius:0 12px 12px 0;background:rgba(116,231,173,.06);color:#c6d8e6;font-size:12px;line-height:1.6}.hostingCallout b{color:#fff}
.partner{padding:36px;border:1px solid rgba(76,191,255,.25);border-radius:28px;background:radial-gradient(circle at 90% 20%,rgba(26,145,255,.18),transparent 28%),linear-gradient(135deg,#07172a,#0a2038)}.partnerGrid{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:center}.partner h2{font-size:clamp(36px,5vw,62px);line-height:1;letter-spacing:-.045em;margin:12px 0 16px}.partner p{color:#a5c1d8;line-height:1.7}.models{display:grid;gap:11px}.model{display:grid;grid-template-columns:48px 1fr;gap:14px;padding:16px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.025)}.modelIcon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#0b2a4c;border:1px solid rgba(109,213,255,.2);font-weight:950;color:#8ee5ff}.model h4{margin:1px 0 5px}.model p{margin:0;font-size:13px;line-height:1.55}.model small{color:#6ddfa7;font-weight:900}
.process{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.step{padding:22px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,#0a1b2f,#071422)}.stepMark{width:34px;height:6px;border-radius:99px;background:linear-gradient(90deg,var(--blue),var(--cyan));margin-bottom:18px}.step h3{margin:0 0 7px}.step p{margin:0;color:#96b3cc;font-size:13px;line-height:1.6}.faq{display:grid;gap:10px;max-width:900px}.faqHelp{margin:0 0 16px;color:#8fb0c9;font-size:13px;line-height:1.6}.faq details{border:1px solid var(--line);border-radius:16px;background:#081625;overflow:hidden}.faq summary{cursor:pointer;list-style:none;padding:18px 20px;font-weight:850;display:flex;align-items:center;justify-content:space-between;gap:14px}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"+";display:grid;place-items:center;flex:0 0 auto;width:28px;height:28px;border-radius:999px;border:1px solid rgba(102,216,255,.18);color:#82ddff;font-size:18px;font-weight:900;line-height:1;transition:.22s}.faq details p{margin:0;padding:0 20px 19px;color:#97b5cc;font-size:13px;line-height:1.65}.faq details[open]{border-color:rgba(92,205,255,.34)}.faq details[open] summary{background:rgba(255,255,255,.03)}.faq details[open] summary::after{content:"−";background:rgba(102,216,255,.08);color:#fff}
.contactGrid{display:grid;grid-template-columns:.85fr 1.15fr;gap:34px;align-items:start}.contactCard{min-width:0;padding:28px;border:1px solid var(--line);border-radius:22px;background:#081727}.contactList{display:grid;gap:12px;margin-top:24px}.contactList a,.contactList div{display:flex;gap:12px;color:#b3cada;line-height:1.5}.contactList b{color:#68d9ff}.quickCall{margin-top:24px;padding:18px;border:1px solid rgba(116,231,173,.25);border-radius:17px;background:linear-gradient(135deg,rgba(116,231,173,.08),rgba(22,141,255,.07));box-shadow:0 18px 42px rgba(0,0,0,.14)}.quickCall small{display:block;color:var(--green);font-size:10px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.quickCall h3{margin:7px 0 7px;font-size:22px}.quickCall p{margin:0 0 14px;color:#a8c3d8;font-size:13px;line-height:1.55}.quickCall .btn{width:100%;background:linear-gradient(135deg,#41d98a,#1ea86a);color:#03150d;box-shadow:0 13px 32px rgba(65,217,138,.18)}.formIntro{grid-column:1/-1;margin-bottom:2px}.formIntro strong{display:block;font-size:18px}.formIntro span{display:block;margin-top:5px;color:#8eabc1;font-size:12px;line-height:1.5}.form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:grid;gap:7px;min-width:0}.field.full{grid-column:1/-1}.field label{font-size:10px;color:#a8c3d8;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.field input,.field select,.field textarea{width:100%;max-width:100%;min-width:0;border:1px solid var(--line);background:#05111e;color:white;border-radius:12px;padding:14px;outline:none}.field textarea{min-height:120px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#269cff;box-shadow:0 0 0 3px rgba(38,156,255,.1)}.form .btn{grid-column:1/-1;border:0;cursor:pointer}.formNote{grid-column:1/-1;color:#7896b0;font-size:11px;line-height:1.55}.formNote strong{color:#b8d7ec}.footer{border-top:1px solid var(--line);padding:34px 0 94px;color:#88a8c0}.footerGrid{display:flex;align-items:center;justify-content:space-between;gap:22px}.footerLinks{display:flex;gap:17px;flex-wrap:wrap;font-size:12px}.mobileCta{display:none}

.socialRow{display:flex;gap:10px;flex-wrap:wrap}.socialLink{display:inline-flex;align-items:center;gap:9px;min-height:42px;padding:9px 12px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025);color:#d7edff;font-size:12px;font-weight:850;transition:transform .2s ease,border-color .2s ease,background .2s ease}.socialLink svg{width:20px;height:20px;display:block;fill:currentColor;flex:0 0 auto}.socialLink[aria-label*="Facebook"] svg{color:#1877F2;filter:drop-shadow(0 0 8px rgba(24,119,242,.18))}.socialLink[aria-label*="Instagram"] svg{color:#E4405F;filter:drop-shadow(0 0 8px rgba(228,64,95,.16))}.socialLink[aria-label*="Facebook"]:hover{border-color:rgba(24,119,242,.5);background:rgba(24,119,242,.08)}.socialLink[aria-label*="Instagram"]:hover{border-color:rgba(228,64,95,.48);background:linear-gradient(135deg,rgba(131,58,180,.08),rgba(253,29,29,.06),rgba(252,175,69,.05))}.socialLink:hover{transform:translateY(-2px)}
@media(hover:hover){.styleCard:hover,.priceCard:hover,.addon:hover,.hostCard:hover,.model:hover,.step:hover,.stat:hover,.faq details:hover,.contactCard:hover{transform:translateY(-4px);border-color:rgba(102,216,255,.36);box-shadow:0 20px 45px rgba(0,0,0,.18)}}.styleCard,.priceCard,.addon,.hostCard,.model,.step,.stat,.faq details,.contactCard{transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease}@media(max-width:1280px){.links,.navActions{display:none}.menu{display:block}.mobileMenu{position:fixed;top:76px;left:0;right:0;z-index:65;background:#061321;border-bottom:1px solid var(--line);padding:12px 16px 16px}.mobileMenu.open{display:grid;gap:6px}.mobileMenu a{padding:13px 12px;border-radius:11px;background:rgba(255,255,255,.025);font-weight:800}.heroGrid,.partnerGrid,.contactGrid,.trustGrid,.hostingGrid{grid-template-columns:1fr}.showcase{max-width:720px}.stats{grid-template-columns:repeat(2,1fr)}.stat:nth-child(2){border-right:0}.stat:nth-child(-n+2){border-bottom:1px solid var(--line)}.serviceGrid,.priceGrid{grid-template-columns:repeat(2,1fr)}.hostCards{grid-template-columns:repeat(2,1fr)}.styleGrid{grid-template-columns:repeat(2,1fr)}.workGrid{grid-template-columns:repeat(2,1fr)}.process{grid-template-columns:repeat(2,1fr)}.addonGrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.shell{width:min(100% - 22px,1180px)}.section{padding:64px 0}.announcement .shell{gap:8px}.announcement span:nth-child(2),.announcement span:nth-child(4){display:none}.nav{height:68px}.brand img{width:39px;height:39px}.brand strong{font-size:14px}.menu{width:40px;height:40px}.mobileMenu{top:68px}.hero{padding:54px 0 48px}.hero h1{font-size:clamp(43px,14vw,65px)}.heroCopy{font-size:16px}.browser img{height:280px}.floatCard{position:static;width:100%;margin-top:10px}.stats,.serviceGrid,.styleGrid,.workGrid,.priceGrid,.addonGrid,.process,.hostCards{grid-template-columns:1fr}.trustGrid,.hostingPanel{padding:24px}.approvalRing{width:170px;height:170px}.approvalRing:before{width:138px;height:138px}.stat{border-right:0;border-bottom:1px solid var(--line)}.stat:last-child{border-bottom:0}.sectionHead{display:block}.sectionHead p{margin-top:13px}.workMedia{height:230px}.priceDesc{min-height:0}.form{grid-template-columns:1fr}.field,.field.full,.form .btn,.formNote{grid-column:1}.footerGrid{display:grid}.mobileCta{position:fixed;left:10px;right:10px;bottom:10px;z-index:80;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px;border:1px solid var(--line);border-radius:16px;background:rgba(4,13,25,.94);backdrop-filter:blur(15px);box-shadow:0 15px 50px rgba(0,0,0,.4)}.mobileCta a{display:grid;place-items:center;min-height:46px;border-radius:11px;font-weight:900;font-size:12px}.mobileCta a:first-child{background:linear-gradient(135deg,var(--blue),#0d67ff)}.mobileCta a:last-child{background:#0b2138;border:1px solid var(--line)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.trustWrap:before{animation:none}.trustReveal{opacity:1;transform:none;transition:none}}


/* Multi-page + loading screen additions */
body{min-height:100vh}.pageHero{padding:72px 0 42px}.pageHeroGrid{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:end}.pageHero h1{font-size:clamp(42px,6vw,74px);line-height:.96;letter-spacing:-.055em;margin:14px 0 16px}.pageHero p{max-width:760px;color:var(--muted);font-size:17px;line-height:1.7;margin:0}.pageChip{display:inline-flex;padding:10px 13px;border-radius:999px;border:1px solid var(--line);background:#081727;color:#a9dbff;font-size:11px;font-weight:900;white-space:nowrap}.links a.active,.mobileMenu a.active{color:#fff;background:rgba(22,141,255,.12);border-radius:9px;padding:8px 10px}.pageIntro{padding-bottom:18px}.pageCta{margin-top:30px;padding:28px;border:1px solid rgba(102,216,255,.2);border-radius:22px;background:linear-gradient(135deg,#071727,#0b2036);display:flex;align-items:center;justify-content:space-between;gap:22px}.pageCta h3{font-size:25px;margin:0 0 6px}.pageCta p{margin:0;color:#91aec4;line-height:1.6}.teaserGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.teaser{display:block;padding:22px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,#0a1b2f,#071422);transition:.22s}.teaser:hover{transform:translateY(-4px);border-color:rgba(102,216,255,.42)}.teaser strong{display:block;font-size:19px;margin-bottom:8px}.teaser span{color:#91aec4;font-size:13px;line-height:1.55}.teaser b{display:block;color:#6edbff;font-size:11px;text-transform:uppercase;letter-spacing:.1em;margin-top:16px}.footer{margin-top:auto}.footerGrid{align-items:flex-start}.footerLinks{flex-wrap:wrap}
#siteLoader{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:radial-gradient(circle at 50% 30%,#0b2744 0,#061426 35%,#020914 72%);transition:opacity .45s ease,visibility .45s ease}.loaderCard{text-align:center;padding:28px}.loaderLogoWrap{position:relative;width:116px;height:116px;margin:0 auto 20px;display:grid;place-items:center}.loaderRing{position:absolute;inset:0;border-radius:50%;border:2px solid rgba(102,216,255,.13);border-top-color:#62d8ff;border-right-color:#168dff;animation:loaderSpin .9s linear infinite;box-shadow:0 0 35px rgba(22,141,255,.14)}.loaderLogo{width:76px;height:76px;object-fit:contain;filter:drop-shadow(0 10px 25px rgba(0,0,0,.3))}.loaderTitle{font-size:24px;font-weight:950;letter-spacing:-.03em}.loaderSub{margin-top:6px;color:#85b3d4;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.16em}.loaderBar{width:190px;height:4px;margin:19px auto 0;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}.loaderBar span{display:block;width:38%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#168dff,#66d8ff);animation:loaderBar 1s ease-in-out infinite}.loaderHidden #siteLoader,.skipLoader #siteLoader{opacity:0;visibility:hidden;pointer-events:none}@keyframes loaderSpin{to{transform:rotate(360deg)}}@keyframes loaderBar{0%{transform:translateX(-110%)}100%{transform:translateX(290%)}}
@media(max-width:1280px){.pageHeroGrid{grid-template-columns:1fr}.pageChip{justify-self:start}.teaserGrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.pageHero{padding:48px 0 24px}.pageHero h1{font-size:clamp(40px,13vw,58px)}.pageHero p{font-size:15px}.teaserGrid{grid-template-columns:1fr}.pageCta{display:block;padding:22px}.pageCta .heroActions{margin-top:18px}.loaderLogoWrap{width:100px;height:100px}.loaderLogo{width:67px;height:67px}}
@media(prefers-reduced-motion:reduce){.loaderRing,.loaderBar span{animation:none}}


/* V13 branded hero background */
.brandedHero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:650px;
  background-image:
    linear-gradient(90deg,rgba(3,9,20,.96) 0%,rgba(3,9,20,.88) 32%,rgba(3,9,20,.58) 58%,rgba(3,9,20,.20) 78%,rgba(3,9,20,.42) 100%),
    linear-gradient(180deg,rgba(3,9,20,.08),rgba(3,9,20,.60)),
    url('assets/tims-asap-banner.webp');
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
  border-bottom:1px solid rgba(102,216,255,.12);
}
.brandedHero:after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:140px;
  z-index:-1;
  pointer-events:none;
  background:linear-gradient(180deg,transparent,var(--bg));
}
.brandedHero .heroGrid{
  min-height:650px;
  display:flex;
  align-items:center;
}
.brandedHero .heroGrid>div:first-child{
  width:min(650px,100%);
  padding:36px 0 54px;
}
.brandedHero .heroCopy{
  color:#d0e0ed;
  text-shadow:0 2px 18px rgba(0,0,0,.55);
}
.brandedHero h1,.brandedHero .eyebrow{ text-shadow:0 4px 28px rgba(0,0,0,.55); }
.brandedHero .heroNotice{backdrop-filter:blur(12px);background:rgba(5,17,31,.78)}
@media(max-width:900px){
  .brandedHero{
    min-height:auto;
    background-image:
      linear-gradient(180deg,rgba(3,9,20,.18) 0%,rgba(3,9,20,.40) 24%,rgba(3,9,20,.92) 52%,rgba(3,9,20,.98) 100%),
      url('assets/tims-asap-banner.webp');
    background-size:100% auto;
    background-position:top center;
    background-repeat:no-repeat;
    padding-top:clamp(190px,56vw,360px);
  }
  .brandedHero .heroGrid{min-height:0;display:block}
  .brandedHero .heroGrid>div:first-child{width:100%;padding:20px 0 24px}
}
@media(max-width:480px){
  .brandedHero{padding-top:clamp(180px,56vw,260px)}
  .brandedHero .heroActions .btn{width:100%}
}

.localSeoLine{margin:10px 0 0;color:#9ec9ee;font-size:14px;font-weight:700;line-height:1.55}

/* V16 Home Page: shorter copy, clearer customer path, responsive story steps */
.brandedHero{
  min-height:auto;
  padding:58px 0 46px;
  background:
    radial-gradient(circle at 85% 15%,rgba(22,141,255,.18),transparent 33%),
    linear-gradient(180deg,#030914,#041224);
  border-bottom:1px solid rgba(102,216,255,.12);
}
.brandedHero:after{display:none}
.brandedHero .heroGrid,.homeHeroGrid{
  min-height:0;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(380px,.9fr);
  align-items:center;
  gap:44px;
}
.brandedHero .heroGrid>div:first-child,.homeHeroCopy{width:auto;padding:0}
.homeHeroCopy .heroCopy{max-width:650px}
.homeHeroActions{margin-top:24px}
.heroVisual{margin:0;position:relative;border-radius:24px;overflow:hidden;border:1px solid rgba(102,216,255,.22);box-shadow:0 28px 70px rgba(0,0,0,.38);background:#061426}
.heroVisual:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}
.heroVisual img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.noCheckoutNote{margin-top:18px;max-width:650px;padding:13px 15px;border-radius:14px;border:1px solid rgba(116,231,173,.18);background:rgba(116,231,173,.055);color:#bcd5e7;font-size:12px;line-height:1.55}
.noCheckoutNote strong{color:var(--green)}
.quickProof{padding:20px 0 0}.homeStats{grid-template-columns:repeat(3,1fr)}.homeStats .stat:nth-child(2){border-right:1px solid var(--line)}.homeStats .stat:nth-child(-n+2){border-bottom:0}
.compactHead{margin-bottom:22px}.compactHead .title{font-size:clamp(34px,4.6vw,55px)}
.startHereSection{padding-bottom:58px}
.startGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.startCard{display:flex;flex-direction:column;min-height:220px;padding:22px;border:1px solid var(--line);border-radius:19px;background:linear-gradient(180deg,#0a1b2f,#071422);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.startCard:hover{transform:translateY(-4px);border-color:rgba(102,216,255,.4);box-shadow:0 20px 45px rgba(0,0,0,.18)}
.startNumber{width:max-content;padding:6px 9px;border-radius:999px;background:rgba(22,141,255,.12);color:#7fddff;font-size:10px;font-weight:950;letter-spacing:.12em}
.startCard strong{font-size:21px;margin-top:16px}.startCard p{color:#96b3ca;font-size:13px;line-height:1.6;margin:9px 0 18px}.startCard b{margin-top:auto;color:#72dcff;font-size:11px;text-transform:uppercase;letter-spacing:.08em}
.processStorySection{padding-top:58px;background:linear-gradient(180deg,rgba(255,255,255,.012),transparent)}
.storySteps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.storyStep{overflow:hidden;border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,#08182a,#061421);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.storyStep:hover{transform:translateY(-4px);border-color:rgba(102,216,255,.36);box-shadow:0 20px 45px rgba(0,0,0,.2)}
.storyMedia{aspect-ratio:4/3;overflow:hidden;background:#020710}.storyMedia img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.storyStep:hover .storyMedia img{transform:scale(1.025)}
.storyBody{padding:19px}.storyNumber{display:inline-block;color:#72dcff;font-size:10px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.storyBody h3{font-size:21px;margin:8px 0}.storyBody p{margin:0;color:#97b5cc;font-size:13px;line-height:1.65}
.processMiniCta{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:16px;padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025)}.processMiniCta strong{display:block}.processMiniCta span{display:block;color:#8faec6;font-size:12px;margin-top:4px}.processMiniCta .btn{flex:0 0 auto}
.homePageCta{margin-top:0}.finalHomeCta{padding-bottom:84px}

@media(max-width:1000px){
  .brandedHero .heroGrid,.homeHeroGrid{grid-template-columns:1fr;gap:26px}
  .heroVisual{max-width:760px}
  .storySteps{grid-template-columns:1fr 1fr}.storyStep:last-child{grid-column:1/-1;display:grid;grid-template-columns:minmax(260px,.9fr) 1.1fr}.storyStep:last-child .storyMedia{aspect-ratio:auto;min-height:260px}
}
@media(max-width:760px){
  .homeStats,.startGrid,.storySteps{grid-template-columns:1fr}
  .homeStats .stat,.homeStats .stat:nth-child(2){border-right:0;border-bottom:1px solid var(--line)}.homeStats .stat:last-child{border-bottom:0}
  .storyStep:last-child{grid-column:auto;display:block}.storyStep:last-child .storyMedia{aspect-ratio:4/3;min-height:0}
  .processMiniCta{display:block}.processMiniCta .btn{margin-top:14px;width:100%}
}
@media(max-width:640px){
  .brandedHero{padding:38px 0 34px}
  .brandedHero .heroGrid,.homeHeroGrid{display:grid;gap:22px}
  .brandedHero .heroGrid>div:first-child,.homeHeroCopy{padding:0}
  .hero h1{font-size:clamp(42px,13vw,60px);margin-bottom:16px}.heroCopy{font-size:15px;line-height:1.6}
  .homeHeroActions .btn{width:100%}.heroVisual{border-radius:18px}
  .quickProof{padding-top:14px}.startHereSection{padding-top:54px;padding-bottom:48px}.processStorySection{padding-top:50px}
  .startCard{min-height:0}.storyBody{padding:17px}.finalHomeCta{padding-bottom:72px}
}
.inquiryOnlyNote{margin-top:12px;padding:13px 16px;border:1px solid rgba(102,216,255,.18);border-radius:14px;background:rgba(22,141,255,.055);color:#b9d3e7;font-size:12px;line-height:1.6}.inquiryOnlyNote strong{color:#78ddff}
#process .process{grid-template-columns:repeat(5,1fr)}
@media(max-width:1280px){#process .process{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){#process .process{grid-template-columns:1fr}}

/* Terms + Privacy */
.formNote a{color:#72dcff;text-decoration:underline;text-underline-offset:2px}.legalSection{padding-top:18px}.legalLayout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:22px;align-items:start}.legalToc{position:sticky;top:96px;display:grid;gap:7px;padding:18px;border:1px solid var(--line);border-radius:18px;background:#071522}.legalToc strong{font-size:13px;margin-bottom:5px;color:#fff}.legalToc a{padding:9px 10px;border-radius:10px;color:#8fb0c8;font-size:12px;font-weight:800;transition:.2s}.legalToc a:hover{background:rgba(22,141,255,.09);color:#fff}.legalCard{border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,#08192b,#06131f);padding:clamp(22px,4vw,42px);box-shadow:0 24px 60px rgba(0,0,0,.16)}.legalMeta{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}.legalMeta span{display:inline-flex;padding:8px 10px;border:1px solid rgba(102,216,255,.18);border-radius:999px;background:rgba(22,141,255,.06);color:#9bc9e9;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.legalBlock{scroll-margin-top:110px;padding:0 0 26px;margin:0 0 26px;border-bottom:1px solid rgba(255,255,255,.06)}.legalBlock:last-child{padding-bottom:0;margin-bottom:0;border-bottom:0}.legalBlock h2{font-size:clamp(22px,3vw,30px);letter-spacing:-.035em;margin:0 0 11px;color:#fff}.legalBlock p{margin:0 0 11px;color:#9ab7cd;line-height:1.75;font-size:14px}.legalBlock p:last-child{margin-bottom:0}.legalBlock a{color:#72dcff;text-decoration:underline;text-underline-offset:3px}.legalBlock strong{color:#dff3ff}.legalSmall{font-size:11px!important;color:#7392aa!important}.legalList{display:grid;gap:9px;margin:0;padding-left:20px;color:#9ab7cd;font-size:14px;line-height:1.65}.privacyGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 30px}.privacyItem{padding:19px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.018)}.privacyItem>span{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;background:rgba(22,141,255,.13);color:#6edbff;font-size:10px;font-weight:950}.privacyItem strong{display:block;margin:13px 0 6px;font-size:16px}.privacyItem p{margin:0;color:#8eabc1;font-size:12px;line-height:1.6}@media(max-width:900px){.legalLayout{grid-template-columns:1fr}.legalToc{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.legalToc strong{grid-column:1/-1}.privacyGrid{grid-template-columns:1fr}}@media(max-width:520px){.legalToc{grid-template-columns:1fr}.legalCard{padding:20px 16px}.legalMeta{gap:7px}.privacyItem{padding:16px}}


/* V18: smaller imagery, blue image hover, lighter Home page */
.homeHeroGrid{grid-template-columns:minmax(0,1.15fr) minmax(320px,520px);gap:46px}
.heroVisual{width:min(100%,520px);justify-self:end;border-color:rgba(72,190,255,.34);transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}
.heroVisual img{transition:transform .35s ease,filter .35s ease}
@media(hover:hover){
  .heroVisual:hover{transform:translateY(-4px);border-color:rgba(77,203,255,.95);box-shadow:0 0 0 1px rgba(45,174,255,.38),0 24px 58px rgba(0,0,0,.38),0 0 38px rgba(22,141,255,.28)}
  .heroVisual:hover img{transform:scale(1.018);filter:saturate(1.04)}
}
.processOverviewSection{padding-top:54px;background:linear-gradient(180deg,rgba(255,255,255,.012),transparent)}
.homeProcessGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.homeProcessCard{min-height:190px;padding:21px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,#08182a,#061421);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.homeProcessCard>span{display:inline-grid;place-items:center;min-width:34px;height:28px;padding:0 9px;border-radius:999px;background:rgba(22,141,255,.13);color:#76ddff;font-size:10px;font-weight:950;letter-spacing:.12em}
.homeProcessCard strong{display:block;margin:15px 0 8px;font-size:19px;color:#fff}
.homeProcessCard p{margin:0;color:#95b3c9;font-size:12.5px;line-height:1.65}
@media(hover:hover){.homeProcessCard:hover{transform:translateY(-3px);border-color:rgba(82,202,255,.45);box-shadow:0 16px 36px rgba(0,0,0,.18)}}
.processVisualSection{padding-bottom:72px}
.processVisualGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}
.processVisualCard{min-width:0;padding:12px;border:1px solid rgba(94,198,255,.2);border-radius:19px;background:linear-gradient(180deg,#08182a,#061421);transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}
.processVisualCard figure{margin:0;overflow:hidden;border-radius:13px;border:1px solid rgba(72,190,255,.28);background:#020710;aspect-ratio:16/10;transition:border-color .24s ease,box-shadow .24s ease}
.processVisualCard figure img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease,filter .35s ease}
.processVisualCard>div{padding:13px 7px 7px}
.processVisualCard>div>span{color:#72dcff;font-size:9px;font-weight:950;letter-spacing:.13em;text-transform:uppercase}
.processVisualCard h3{margin:6px 0 7px;font-size:18px}
.processVisualCard p{margin:0;color:#94b2c8;font-size:12px;line-height:1.62}
@media(hover:hover){
  .processVisualCard:hover{transform:translateY(-4px);border-color:rgba(70,197,255,.78);box-shadow:0 18px 44px rgba(0,0,0,.24),0 0 30px rgba(22,141,255,.18)}
  .processVisualCard:hover figure{border-color:rgba(85,211,255,1);box-shadow:0 0 0 1px rgba(35,170,255,.26),0 0 26px rgba(22,141,255,.30)}
  .processVisualCard:hover figure img{transform:scale(1.025);filter:saturate(1.04)}
}
@media(max-width:1000px){
  .homeHeroGrid{grid-template-columns:1fr}
  .heroVisual{width:min(100%,500px);justify-self:start}
  .processVisualGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .processVisualCard:last-child{grid-column:1/-1;max-width:520px}
}
@media(max-width:760px){
  .homeProcessGrid,.processVisualGrid{grid-template-columns:1fr}
  .processVisualCard:last-child{grid-column:auto;max-width:none}
  .processVisualCard{max-width:520px}
}
@media(max-width:640px){
  .heroVisual{width:min(100%,430px);justify-self:center;border-radius:16px}
  .processOverviewSection{padding-top:46px}
  .homeProcessCard{min-height:0;padding:18px}
  .processVisualSection{padding-bottom:64px}
  .processVisualCard{padding:10px;border-radius:16px}
}


/* V19: compact image previews + smooth slide-out viewer */
.compactPreview{width:min(100%,390px)!important;justify-self:center!important;border-radius:20px!important}
.imagePreviewButton{position:relative;display:block;width:100%;padding:0;border:0;background:#020710;color:#fff;text-align:left;cursor:zoom-in;overflow:hidden;border-radius:inherit}
.imagePreviewButton img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .35s ease,filter .35s ease}
.compactPreview .imagePreviewButton{aspect-ratio:4/3}
.previewHint{position:absolute;left:12px;right:12px;bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid rgba(116,220,255,.25);border-radius:12px;background:rgba(3,12,24,.78);backdrop-filter:blur(10px);box-shadow:0 12px 28px rgba(0,0,0,.25);transform:translateY(4px);transition:transform .25s ease,border-color .25s ease,background .25s ease}
.previewHint b{font-size:11px;letter-spacing:.05em}.previewHint small{color:#8fcbed;font-size:10px}
@media(hover:hover){
  .imagePreviewButton:hover img{transform:scale(1.025);filter:saturate(1.05)}
  .imagePreviewButton:hover .previewHint{transform:translateY(0);border-color:rgba(88,210,255,.85);background:rgba(4,23,43,.88)}
}
.imagePreviewButton:focus-visible{outline:2px solid #6edbff;outline-offset:3px}

/* Keep Process imagery intentionally thumbnail-sized instead of screen-filling. */
.processVisualGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.processVisualCard{max-width:360px;width:100%;justify-self:center}
.processVisualCard figure{aspect-ratio:16/10;max-height:205px}
.processVisualCard figure .imagePreviewButton{height:100%;border-radius:inherit}
.processVisualCard figure img{object-fit:cover;object-position:center}
.processVisualCard>div{padding:13px 7px 8px}

/* Slide-out image viewer. Generated by app.js only when needed. */
.imageViewer{position:fixed;inset:0;z-index:160;display:grid;grid-template-columns:1fr minmax(320px,760px);visibility:hidden;pointer-events:none}
.imageViewer.open{visibility:visible;pointer-events:auto}
.imageViewerBackdrop{grid-column:1/-1;grid-row:1;position:absolute;inset:0;border:0;background:rgba(0,5,12,.74);opacity:0;transition:opacity .32s ease;backdrop-filter:blur(5px);cursor:pointer}
.imageViewer.open .imageViewerBackdrop{opacity:1}
.imageViewerPanel{grid-column:2;grid-row:1;position:relative;z-index:2;height:100%;padding:22px;display:flex;flex-direction:column;background:linear-gradient(180deg,#07182a,#030b16);border-left:1px solid rgba(86,206,255,.28);box-shadow:-28px 0 70px rgba(0,0,0,.46),-4px 0 28px rgba(22,141,255,.12);transform:translateX(105%);transition:transform .38s cubic-bezier(.2,.8,.2,1)}
.imageViewer.open .imageViewerPanel{transform:translateX(0)}
.imageViewerTop{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}
.imageViewerTitle{font-size:18px;font-weight:950;letter-spacing:-.02em}
.imageViewerClose{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(94,198,255,.25);border-radius:12px;background:#0a2037;color:#fff;font-size:22px;cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.imageViewerClose:hover{transform:translateY(-2px);border-color:#63d9ff;box-shadow:0 0 24px rgba(22,141,255,.22)}
.imageViewerMedia{min-height:0;flex:1;display:grid;place-items:center;overflow:auto;padding:4px;border-radius:18px;background:#020710;border:1px solid rgba(78,197,255,.22)}
.imageViewerMedia img{display:block;max-width:100%;max-height:calc(100vh - 118px);width:auto;height:auto;object-fit:contain;border-radius:14px;box-shadow:0 22px 60px rgba(0,0,0,.38)}
body.imageViewerOpen{overflow:hidden}

@media(max-width:1000px){
  .compactPreview{width:min(100%,380px)!important;justify-self:start!important}
  .processVisualGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .processVisualCard:last-child{grid-column:auto;max-width:360px}
}
@media(max-width:760px){
  .processVisualGrid{grid-template-columns:1fr}
  .processVisualCard{max-width:390px}
  .processVisualCard figure{max-height:220px}
  .imageViewer{display:block}
  .imageViewerPanel{position:absolute;left:0;right:0;bottom:0;height:min(82vh,720px);padding:14px;border-left:0;border-top:1px solid rgba(86,206,255,.32);border-radius:22px 22px 0 0;transform:translateY(105%);box-shadow:0 -24px 70px rgba(0,0,0,.5),0 -5px 32px rgba(22,141,255,.12)}
  .imageViewer.open .imageViewerPanel{transform:translateY(0)}
  .imageViewerMedia img{max-height:calc(82vh - 96px)}
}
@media(max-width:640px){
  .compactPreview{width:min(100%,340px)!important;justify-self:center!important}
  .previewHint{left:9px;right:9px;bottom:9px;padding:9px 10px}
  .processVisualCard figure{max-height:195px}
}
@media(prefers-reduced-motion:reduce){.imageViewerPanel,.imageViewerBackdrop,.imagePreviewButton img,.previewHint{transition:none!important}}

/* V20: correctly sized process imagery */
/* Keep the new photos as supporting visuals, not page-dominating sections. */
.homeHeroGrid{grid-template-columns:minmax(0,1fr) minmax(260px,380px);gap:42px;align-items:center}
.heroVisual.compactPreview{width:min(100%,380px)!important;max-width:380px!important;justify-self:end!important}
.heroVisual.compactPreview .imagePreviewButton{aspect-ratio:4/3}
.heroVisual.compactPreview img{width:100%;height:100%;object-fit:cover;object-position:center}

.processVisualGrid{grid-template-columns:repeat(3,minmax(0,290px));gap:22px;justify-content:center;align-items:start}
.processVisualCard{width:100%;max-width:290px;padding:10px}
.processVisualCard figure{width:100%;aspect-ratio:4/3;max-height:none;border-radius:12px}
.processVisualCard figure .imagePreviewButton{width:100%;height:100%;aspect-ratio:4/3}
.processVisualCard figure img{width:100%;height:100%;object-fit:cover;object-position:center}
.processVisualCard>div{padding:12px 5px 6px}
.processVisualCard h3{font-size:17px}
.processVisualCard p{font-size:11.5px;line-height:1.58}

/* Slightly smaller image-view label so it does not cover the photo. */
.processVisualCard .previewHint{left:9px;right:9px;bottom:9px;padding:8px 9px}
.processVisualCard .previewHint b{font-size:10px}
.processVisualCard .previewHint small{font-size:9px}

@media(max-width:1000px){
  .homeHeroGrid{grid-template-columns:1fr;gap:24px}
  .heroVisual.compactPreview{width:min(100%,350px)!important;max-width:350px!important;justify-self:start!important}
  .processVisualGrid{grid-template-columns:repeat(2,minmax(0,290px));justify-content:center}
  .processVisualCard,.processVisualCard:last-child{max-width:290px}
}
@media(max-width:640px){
  .heroVisual.compactPreview{width:min(86vw,310px)!important;max-width:310px!important;justify-self:center!important}
  .processVisualGrid{grid-template-columns:minmax(0,270px);justify-content:center;gap:18px}
  .processVisualCard,.processVisualCard:last-child{max-width:270px}
  .processVisualCard figure,.processVisualCard figure .imagePreviewButton{aspect-ratio:4/3;max-height:none}
  .processVisualCard>div{padding:11px 5px 5px}
}
@media(max-width:390px){
  .heroVisual.compactPreview{width:min(84vw,285px)!important}
  .processVisualGrid{grid-template-columns:minmax(0,250px)}
  .processVisualCard,.processVisualCard:last-child{max-width:250px}
}

/* V21 — truly compact supporting images. These are thumbnails, not feature sections. */
.heroVisual.compactPreview{
  width:260px!important;
  max-width:260px!important;
  justify-self:center!important;
  border-radius:16px!important;
}
.heroVisual.compactPreview .imagePreviewButton{
  width:100%!important;
  aspect-ratio:4/3!important;
}

.processVisualGrid{
  grid-template-columns:repeat(3,minmax(0,320px))!important;
  gap:20px!important;
  justify-content:center!important;
}
.processVisualCard,
.processVisualCard:last-child{
  width:100%!important;
  max-width:320px!important;
}
.processVisualCard figure{
  width:180px!important;
  max-width:180px!important;
  height:135px!important;
  aspect-ratio:4/3!important;
  margin:0 auto!important;
  border-radius:12px!important;
}
.processVisualCard figure .imagePreviewButton{
  width:180px!important;
  height:135px!important;
  aspect-ratio:4/3!important;
}
.processVisualCard figure img{
  width:180px!important;
  height:135px!important;
  object-fit:cover!important;
}
.processVisualCard .previewHint{
  left:7px!important;
  right:7px!important;
  bottom:7px!important;
  padding:6px 7px!important;
}
.processVisualCard .previewHint b{font-size:9px!important}
.processVisualCard .previewHint small{display:none!important}

@media(max-width:900px){
  .processVisualGrid{
    grid-template-columns:repeat(2,minmax(0,300px))!important;
  }
  .processVisualCard,
  .processVisualCard:last-child{max-width:300px!important}
  .heroVisual.compactPreview{
    width:220px!important;
    max-width:220px!important;
  }
}

@media(max-width:620px){
  .heroVisual.compactPreview{
    width:190px!important;
    max-width:190px!important;
  }
  .processVisualGrid{
    grid-template-columns:minmax(0,280px)!important;
    gap:16px!important;
  }
  .processVisualCard,
  .processVisualCard:last-child{max-width:280px!important}
  .processVisualCard figure,
  .processVisualCard figure .imagePreviewButton,
  .processVisualCard figure img{
    width:150px!important;
    max-width:150px!important;
    height:112.5px!important;
  }
}

@media(max-width:380px){
  .heroVisual.compactPreview{
    width:170px!important;
    max-width:170px!important;
  }
  .processVisualCard figure,
  .processVisualCard figure .imagePreviewButton,
  .processVisualCard figure img{
    width:140px!important;
    max-width:140px!important;
    height:105px!important;
  }
}

/* V22 — smaller added imagery while keeping it usable and readable. */
/* Home supporting image: intentionally compact, never a feature-size block. */
.heroVisual.compactPreview{
  width:210px!important;
  max-width:210px!important;
  justify-self:center!important;
  border-radius:14px!important;
}
.heroVisual.compactPreview .imagePreviewButton{
  width:210px!important;
  height:158px!important;
  aspect-ratio:4/3!important;
}
.heroVisual.compactPreview img{
  width:210px!important;
  height:158px!important;
  object-fit:cover!important;
}
.heroVisual.compactPreview .previewHint{
  left:7px!important;
  right:7px!important;
  bottom:7px!important;
  padding:6px 7px!important;
}
.heroVisual.compactPreview .previewHint b{font-size:9px!important}
.heroVisual.compactPreview .previewHint small{display:none!important}

/* The three process photos are small supporting thumbnails. */
.processVisualGrid{
  grid-template-columns:repeat(3,minmax(0,300px))!important;
  gap:18px!important;
  justify-content:center!important;
}
.processVisualCard,
.processVisualCard:last-child{
  max-width:300px!important;
}
.processVisualCard figure,
.processVisualCard figure .imagePreviewButton,
.processVisualCard figure img{
  width:155px!important;
  max-width:155px!important;
  height:116px!important;
  aspect-ratio:4/3!important;
}
.processVisualCard figure{
  margin:0 auto!important;
}
.processVisualCard .previewHint{
  left:6px!important;
  right:6px!important;
  bottom:6px!important;
  padding:5px 6px!important;
}
.processVisualCard .previewHint b{font-size:8.5px!important}
.processVisualCard .previewHint small{display:none!important}

@media(max-width:900px){
  .heroVisual.compactPreview,
  .heroVisual.compactPreview .imagePreviewButton,
  .heroVisual.compactPreview img{
    width:185px!important;
    max-width:185px!important;
  }
  .heroVisual.compactPreview .imagePreviewButton,
  .heroVisual.compactPreview img{height:139px!important}
  .processVisualGrid{grid-template-columns:repeat(2,minmax(0,285px))!important}
  .processVisualCard,
  .processVisualCard:last-child{max-width:285px!important}
  .processVisualCard figure,
  .processVisualCard figure .imagePreviewButton,
  .processVisualCard figure img{
    width:145px!important;
    max-width:145px!important;
    height:109px!important;
  }
}

@media(max-width:620px){
  .heroVisual.compactPreview,
  .heroVisual.compactPreview .imagePreviewButton,
  .heroVisual.compactPreview img{
    width:165px!important;
    max-width:165px!important;
  }
  .heroVisual.compactPreview .imagePreviewButton,
  .heroVisual.compactPreview img{height:124px!important}
  .processVisualGrid{
    grid-template-columns:minmax(0,270px)!important;
    gap:14px!important;
  }
  .processVisualCard,
  .processVisualCard:last-child{max-width:270px!important}
  .processVisualCard figure,
  .processVisualCard figure .imagePreviewButton,
  .processVisualCard figure img{
    width:135px!important;
    max-width:135px!important;
    height:101px!important;
  }
}

@media(max-width:380px){
  .heroVisual.compactPreview,
  .heroVisual.compactPreview .imagePreviewButton,
  .heroVisual.compactPreview img{
    width:150px!important;
    max-width:150px!important;
  }
  .heroVisual.compactPreview .imagePreviewButton,
  .heroVisual.compactPreview img{height:113px!important}
  .processVisualCard figure,
  .processVisualCard figure .imagePreviewButton,
  .processVisualCard figure img{
    width:128px!important;
    max-width:128px!important;
    height:96px!important;
  }
}

/* V23 preview — static compact photos with a rotating neon-blue RGB edge. */
@keyframes timsBlueRGBSpin{to{transform:rotate(1turn)}}

/* Remove the old white/gray photo strip and make the added photos passive. */
.heroVisual.compactPreview,
.processVisualCard figure{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.heroVisual.compactPreview:after{display:none!important}

.rgbPhotoFrame{
  position:relative;
  display:block;
  aspect-ratio:4/3;
  padding:3px;
  border:0;
  border-radius:13px;
  overflow:hidden;
  isolation:isolate;
  background:#020710;
  box-shadow:0 0 15px rgba(0,174,255,.28),0 10px 24px rgba(0,0,0,.28);
  transition:transform .28s ease,box-shadow .28s ease;
}
.rgbPhotoFrame::before{
  content:"";
  position:absolute;
  z-index:0;
  width:165%;
  aspect-ratio:1;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  background:conic-gradient(
    from 0deg,
    #005eff 0deg,
    #00eaff 70deg,
    #1e8fff 135deg,
    #004cff 200deg,
    #00d9ff 275deg,
    #2f7cff 330deg,
    #005eff 360deg
  );
  animation:timsBlueRGBSpin 3.2s linear infinite;
  filter:saturate(1.35) brightness(1.2);
}
.rgbPhotoFrame::after{
  content:"";
  position:absolute;
  z-index:1;
  inset:3px;
  border-radius:10px;
  background:#020710;
}
.rgbPhotoFrame img{
  position:relative!important;
  z-index:2!important;
  display:block!important;
  width:100%!important;
  max-width:none!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  border:0!important;
  border-radius:10px!important;
  transform:none!important;
  filter:none!important;
  cursor:default!important;
}
@media(hover:hover){
  .rgbPhotoFrame:hover{
    transform:translateY(-2px) scale(1.015);
    box-shadow:0 0 8px rgba(0,225,255,.72),0 0 24px rgba(0,128,255,.56),0 12px 30px rgba(0,0,0,.32);
  }
}

/* Home photo: small supporting visual, not a feature image. */
.heroVisual.compactPreview{
  width:170px!important;
  max-width:170px!important;
  justify-self:center!important;
}
.heroVisual.compactPreview .rgbPhotoFrame{
  width:170px!important;
  height:128px!important;
}

/* Process photos: intentionally small and centered inside each step. */
.processVisualGrid{
  grid-template-columns:repeat(3,minmax(0,255px))!important;
  gap:18px!important;
  justify-content:center!important;
  align-items:start!important;
}
.processVisualCard,
.processVisualCard:last-child{
  width:100%!important;
  max-width:255px!important;
}
.processVisualCard figure{
  width:132px!important;
  max-width:132px!important;
  height:99px!important;
  aspect-ratio:4/3!important;
  margin:2px auto 0!important;
}
.processVisualCard figure .rgbPhotoFrame{
  width:132px!important;
  height:99px!important;
}

@media(max-width:900px){
  .heroVisual.compactPreview{width:160px!important;max-width:160px!important}
  .heroVisual.compactPreview .rgbPhotoFrame{width:160px!important;height:120px!important}
  .processVisualGrid{grid-template-columns:repeat(2,minmax(0,245px))!important}
  .processVisualCard,.processVisualCard:last-child{max-width:245px!important}
  .processVisualCard figure,
  .processVisualCard figure .rgbPhotoFrame{width:126px!important;height:95px!important}
}
@media(max-width:620px){
  .heroVisual.compactPreview{width:150px!important;max-width:150px!important}
  .heroVisual.compactPreview .rgbPhotoFrame{width:150px!important;height:113px!important}
  .processVisualGrid{grid-template-columns:minmax(0,238px)!important;gap:14px!important}
  .processVisualCard,.processVisualCard:last-child{max-width:238px!important}
  .processVisualCard figure,
  .processVisualCard figure .rgbPhotoFrame{width:120px!important;height:90px!important}
  .rgbPhotoFrame{padding:2px;border-radius:11px}
  .rgbPhotoFrame::after{inset:2px;border-radius:9px}
  .rgbPhotoFrame img{border-radius:9px!important}
}
@media(prefers-reduced-motion:reduce){
  .rgbPhotoFrame::before{animation:none!important}
  .rgbPhotoFrame{transition:none!important}
}

/* V24 responsive polish — compact passive photos on every viewport. */
@keyframes timsBlueRGBSpinV24{
  from{transform:translate(-50%,-50%) rotate(0deg)}
  to{transform:translate(-50%,-50%) rotate(360deg)}
}
.rgbPhotoFrame::before{animation-name:timsBlueRGBSpinV24!important}

/* The added photos are decorative/supporting only — never clickable or oversized. */
.rgbPhotoFrame,.rgbPhotoFrame img{cursor:default!important}

/* Home image stays a small accent beside the message. */
.heroVisual.compactPreview{
  width:clamp(136px,10vw,154px)!important;
  max-width:154px!important;
  justify-self:center!important;
  align-self:center!important;
}
.heroVisual.compactPreview .rgbPhotoFrame{
  width:100%!important;
  height:auto!important;
  aspect-ratio:4/3!important;
}

/* Process examples: compact cards with a small image beside the explanation. */
.processVisualGrid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,360px))!important;
  gap:18px!important;
  justify-content:center!important;
  align-items:stretch!important;
}
.processVisualCard,
.processVisualCard:last-child{
  width:100%!important;
  max-width:360px!important;
  min-height:0!important;
  display:grid!important;
  grid-template-columns:112px minmax(0,1fr)!important;
  gap:13px!important;
  align-items:center!important;
  padding:12px!important;
}
.processVisualCard figure{
  width:112px!important;
  max-width:112px!important;
  height:auto!important;
  aspect-ratio:4/3!important;
  margin:0!important;
  justify-self:center!important;
}
.processVisualCard figure .rgbPhotoFrame{
  width:112px!important;
  height:auto!important;
  aspect-ratio:4/3!important;
}
.processVisualCard>div{padding:0!important;min-width:0!important}
.processVisualCard h3{font-size:16px!important;line-height:1.15!important;margin:5px 0 6px!important}
.processVisualCard p{font-size:11px!important;line-height:1.5!important}

/* Laptop / small desktop */
@media(max-width:1180px){
  .heroVisual.compactPreview{width:146px!important;max-width:146px!important}
  .processVisualGrid{grid-template-columns:repeat(2,minmax(0,350px))!important}
  .processVisualCard,.processVisualCard:last-child{max-width:350px!important}
}

/* Tablet */
@media(max-width:820px){
  .heroVisual.compactPreview{width:132px!important;max-width:132px!important;justify-self:start!important}
  .processVisualGrid{grid-template-columns:minmax(0,520px)!important}
  .processVisualCard,.processVisualCard:last-child{
    max-width:520px!important;
    grid-template-columns:106px minmax(0,1fr)!important;
  }
  .processVisualCard figure,
  .processVisualCard figure .rgbPhotoFrame{width:106px!important}
}

/* Phones */
@media(max-width:620px){
  .heroVisual.compactPreview{width:118px!important;max-width:118px!important;justify-self:center!important}
  .processVisualGrid{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
  .processVisualCard,.processVisualCard:last-child{
    width:100%!important;
    max-width:100%!important;
    grid-template-columns:96px minmax(0,1fr)!important;
    gap:11px!important;
    padding:11px!important;
  }
  .processVisualCard figure,
  .processVisualCard figure .rgbPhotoFrame{width:96px!important}
  .processVisualCard h3{font-size:15px!important}
  .processVisualCard p{font-size:10.5px!important;line-height:1.45!important}
  .rgbPhotoFrame{padding:2px!important;border-radius:10px!important}
  .rgbPhotoFrame::after{inset:2px!important;border-radius:8px!important}
  .rgbPhotoFrame img{border-radius:8px!important}
}

/* Very small phones */
@media(max-width:380px){
  .heroVisual.compactPreview{width:108px!important;max-width:108px!important}
  .processVisualCard,.processVisualCard:last-child{
    grid-template-columns:86px minmax(0,1fr)!important;
    gap:9px!important;
    padding:10px!important;
  }
  .processVisualCard figure,
  .processVisualCard figure .rgbPhotoFrame{width:86px!important}
  .processVisualCard h3{font-size:14px!important}
  .processVisualCard p{font-size:10px!important}
}

/* Keep the effect smooth without forcing animation for users who disable motion. */
@media(prefers-reduced-motion:reduce){
  .rgbPhotoFrame::before{animation:none!important}
}

/* V25 cache-bust: versioned stylesheet forces corrected compact image sizing to load. */


/* V26 final hero-photo fix: medium-sized desktop image with full bright blue RGB frame. */
.homeHeroGrid{
  grid-template-columns:minmax(0,1fr) minmax(280px,360px)!important;
  gap:48px!important;
  align-items:center!important;
}
.heroVisual.compactPreview{
  width:clamp(280px,26vw,340px)!important;
  max-width:340px!important;
  min-width:280px!important;
  justify-self:center!important;
  align-self:center!important;
}
.heroVisual.compactPreview .rgbPhotoFrame{
  width:100%!important;
  height:auto!important;
  aspect-ratio:4/3!important;
}
.rgbPhotoFrame{
  padding:4px!important;
  border-radius:18px!important;
  overflow:hidden!important;
  background:#020710!important;
  box-shadow:0 0 14px rgba(0,234,255,.60), 0 0 34px rgba(0,119,255,.36), 0 18px 38px rgba(0,0,0,.34)!important;
}
.rgbPhotoFrame::before{
  width:180%!important;
  background:conic-gradient(
    from 0deg,
    #00eaff 0deg,
    #1889ff 70deg,
    #49c8ff 145deg,
    #006dff 220deg,
    #00f0ff 300deg,
    #00eaff 360deg
  )!important;
  filter:saturate(1.55) brightness(1.28)!important;
}
.rgbPhotoFrame::after{
  inset:4px!important;
  border-radius:14px!important;
  background:#020710!important;
}
.rgbPhotoFrame img{
  border-radius:14px!important;
}
@media(hover:hover){
  .rgbPhotoFrame:hover{
    transform:translateY(-2px) scale(1.01)!important;
    box-shadow:0 0 18px rgba(0,234,255,.74), 0 0 40px rgba(0,119,255,.42), 0 18px 40px rgba(0,0,0,.34)!important;
  }
}
@media(max-width:1180px){
  .homeHeroGrid{grid-template-columns:minmax(0,1fr) minmax(250px,320px)!important;gap:40px!important}
  .heroVisual.compactPreview{width:clamp(250px,28vw,310px)!important;max-width:310px!important;min-width:250px!important}
}
@media(max-width:900px){
  .homeHeroGrid{grid-template-columns:1fr!important;gap:26px!important}
  .heroVisual.compactPreview{width:min(72vw,300px)!important;max-width:300px!important;min-width:0!important;justify-self:start!important}
}
@media(max-width:620px){
  .heroVisual.compactPreview{width:min(72vw,250px)!important;max-width:250px!important;justify-self:center!important}
  .rgbPhotoFrame{padding:3px!important;border-radius:16px!important}
  .rgbPhotoFrame::after{inset:3px!important;border-radius:13px!important}
  .rgbPhotoFrame img{border-radius:13px!important}
}
@media(max-width:380px){
  .heroVisual.compactPreview{width:min(76vw,220px)!important;max-width:220px!important}
}


/* V27 — hero size matched to approved preview, then made slightly larger. */
.homeHeroGrid{
  grid-template-columns:minmax(0,1fr) minmax(400px,470px)!important;
  gap:44px!important;
  align-items:center!important;
}
.heroVisual.compactPreview{
  width:clamp(410px,30vw,450px)!important;
  max-width:450px!important;
  min-width:410px!important;
  justify-self:center!important;
  align-self:center!important;
  overflow:visible!important;
}
.heroVisual.compactPreview .rgbPhotoFrame{
  width:100%!important;
  height:auto!important;
  aspect-ratio:4/3!important;
}
.rgbPhotoFrame{
  position:relative!important;
  padding:5px!important;
  border:0!important;
  outline:1px solid rgba(0,234,255,.98)!important;
  outline-offset:0!important;
  border-radius:19px!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background:#02101c!important;
  box-shadow:0 0 10px rgba(0,234,255,.88),0 0 28px rgba(0,119,255,.54),0 18px 42px rgba(0,0,0,.38)!important;
}
.rgbPhotoFrame::before{
  content:""!important;
  position:absolute!important;
  z-index:0!important;
  left:50%!important;
  top:50%!important;
  width:190%!important;
  aspect-ratio:1!important;
  transform:translate(-50%,-50%) rotate(0deg)!important;
  background:conic-gradient(from 0deg,#00efff 0deg,#0b73ff 62deg,#53cfff 120deg,#0062ff 185deg,#00eaff 250deg,#318cff 315deg,#00efff 360deg)!important;
  filter:saturate(1.6) brightness(1.35)!important;
  animation:timsV27FrameSpin 3.1s linear infinite!important;
}
@keyframes timsV27FrameSpin{
  from{transform:translate(-50%,-50%) rotate(0deg)}
  to{transform:translate(-50%,-50%) rotate(360deg)}
}
.rgbPhotoFrame::after{
  content:""!important;
  position:absolute!important;
  z-index:1!important;
  inset:5px!important;
  border-radius:14px!important;
  background:#02101c!important;
}
.rgbPhotoFrame img{
  position:relative!important;
  z-index:2!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:14px!important;
  border:0!important;
}
@media(hover:hover){
  .rgbPhotoFrame:hover{
    transform:translateY(-2px) scale(1.008)!important;
    box-shadow:0 0 14px rgba(0,234,255,.98),0 0 34px rgba(0,119,255,.64),0 20px 44px rgba(0,0,0,.38)!important;
  }
}
@media(max-width:1180px){
  .homeHeroGrid{grid-template-columns:minmax(0,1fr) minmax(330px,390px)!important;gap:36px!important}
  .heroVisual.compactPreview{width:min(100%,380px)!important;max-width:380px!important;min-width:330px!important}
}
@media(max-width:900px){
  .homeHeroGrid{grid-template-columns:1fr!important;gap:28px!important}
  .heroVisual.compactPreview{width:min(78vw,330px)!important;max-width:330px!important;min-width:0!important;justify-self:start!important}
}
@media(max-width:620px){
  .heroVisual.compactPreview{width:min(80vw,275px)!important;max-width:275px!important;justify-self:center!important}
  .rgbPhotoFrame{padding:4px!important;border-radius:17px!important}
  .rgbPhotoFrame::after{inset:4px!important;border-radius:13px!important}
  .rgbPhotoFrame img{border-radius:13px!important}
}
@media(max-width:380px){
  .heroVisual.compactPreview{width:min(82vw,245px)!important;max-width:245px!important}
}
@media(prefers-reduced-motion:reduce){
  .rgbPhotoFrame::before{animation:none!important}
}


/* V28 image-fit fix: make hero/process photos fully fill the RGB box with no empty area. */
.heroVisual.compactPreview,
.processVisualCard figure{
  line-height:0!important;
}
.heroVisual.compactPreview .rgbPhotoFrame,
.processVisualCard figure .rgbPhotoFrame{
  display:block!important;
  position:relative!important;
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  aspect-ratio:4/3!important;
  overflow:hidden!important;
}
.heroVisual.compactPreview .rgbPhotoFrame img,
.processVisualCard figure .rgbPhotoFrame img{
  display:block!important;
  width:100%!important;
  min-width:100%!important;
  max-width:none!important;
  height:100%!important;
  min-height:100%!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  object-fit:cover!important;
  object-position:center center!important;
}
.heroVisual.compactPreview{
  width:min(100%,420px)!important;
  max-width:420px!important;
  min-width:340px!important;
}
.heroVisual.compactPreview .rgbPhotoFrame{
  height:auto!important;
}
.processVisualCard figure{
  width:132px!important;
  max-width:132px!important;
  height:99px!important;
  max-height:99px!important;
  margin:0!important;
}
.processVisualCard figure .rgbPhotoFrame{
  width:132px!important;
  height:99px!important;
}
@media(max-width:1180px){
  .heroVisual.compactPreview{width:min(100%,390px)!important;max-width:390px!important;min-width:300px!important}
}
@media(max-width:900px){
  .heroVisual.compactPreview{width:min(78vw,330px)!important;max-width:330px!important;min-width:0!important}
  .processVisualCard figure,
  .processVisualCard figure .rgbPhotoFrame{width:120px!important;height:90px!important;max-width:120px!important;max-height:90px!important}
}
@media(max-width:620px){
  .heroVisual.compactPreview{width:min(82vw,280px)!important;max-width:280px!important}
  .processVisualCard figure,
  .processVisualCard figure .rgbPhotoFrame{width:106px!important;height:80px!important;max-width:106px!important;max-height:80px!important}
}
@media(max-width:380px){
  .heroVisual.compactPreview{width:min(84vw,245px)!important;max-width:245px!important}
  .processVisualCard figure,
  .processVisualCard figure .rgbPhotoFrame{width:96px!important;height:72px!important;max-width:96px!important;max-height:72px!important}
}


/* V29 Home cleanup: clean top-only Home page and headline descender spacing. */
.homeHeroCopy h1{
  line-height:1.02!important;
  letter-spacing:-.055em!important;
  margin-bottom:24px!important;
}
.homeHeroCopy h1 span{
  line-height:inherit!important;
}
/* Give descenders such as the y in "you" enough room before the next wrapped line. */
@media(max-width:900px){
  .homeHeroCopy h1{line-height:1.04!important;letter-spacing:-.045em!important}
}
@media(max-width:620px){
  .homeHeroCopy h1{line-height:1.06!important;letter-spacing:-.04em!important}
}


/* V30 Process photos match the Home hero photo size and stay responsive. */
.processVisualGrid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:24px!important;
  justify-items:center!important;
  align-items:start!important;
  max-width:1040px!important;
  margin:0 auto!important;
}
.processVisualCard,
.processVisualCard:last-child{
  width:100%!important;
  max-width:1040px!important;
  display:grid!important;
  grid-template-columns:minmax(340px,420px) minmax(0,1fr)!important;
  gap:28px!important;
  align-items:center!important;
  padding:18px!important;
}
.processVisualCard figure{
  width:min(100%,420px)!important;
  max-width:420px!important;
  height:auto!important;
  max-height:none!important;
  aspect-ratio:4/3!important;
  margin:0!important;
  justify-self:center!important;
}
.processVisualCard figure .rgbPhotoFrame{
  width:100%!important;
  max-width:420px!important;
  height:auto!important;
  max-height:none!important;
  aspect-ratio:4/3!important;
}
.processVisualCard figure .rgbPhotoFrame img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
}
.processVisualCard>div{
  padding:0!important;
  min-width:0!important;
}
.processVisualCard h3{
  font-size:clamp(22px,2vw,30px)!important;
  line-height:1.12!important;
  margin:7px 0 10px!important;
}
.processVisualCard p{
  font-size:15px!important;
  line-height:1.65!important;
}
.processVisualCard>div>span{
  font-size:11px!important;
  letter-spacing:.12em!important;
}
@media(max-width:1180px){
  .processVisualCard,
  .processVisualCard:last-child{
    grid-template-columns:minmax(300px,390px) minmax(0,1fr)!important;
    gap:24px!important;
  }
  .processVisualCard figure,
  .processVisualCard figure .rgbPhotoFrame{
    width:min(100%,390px)!important;
    max-width:390px!important;
  }
}
@media(max-width:900px){
  .processVisualGrid{max-width:660px!important}
  .processVisualCard,
  .processVisualCard:last-child{
    grid-template-columns:1fr!important;
    max-width:660px!important;
    gap:18px!important;
    text-align:left!important;
  }
  .processVisualCard figure,
  .processVisualCard figure .rgbPhotoFrame{
    width:min(78vw,330px)!important;
    max-width:330px!important;
    justify-self:start!important;
  }
}
@media(max-width:620px){
  .processVisualCard,
  .processVisualCard:last-child{
    padding:14px!important;
    gap:15px!important;
  }
  .processVisualCard figure,
  .processVisualCard figure .rgbPhotoFrame{
    width:min(82vw,280px)!important;
    max-width:280px!important;
    justify-self:center!important;
  }
  .processVisualCard h3{font-size:21px!important}
  .processVisualCard p{font-size:14px!important;line-height:1.6!important}
}
@media(max-width:380px){
  .processVisualCard figure,
  .processVisualCard figure .rgbPhotoFrame{
    width:min(84vw,245px)!important;
    max-width:245px!important;
  }
}


/* V31 Process readability: larger photos so details inside each screenshot are readable. */
.processVisualGrid{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:30px!important;
  max-width:1180px!important;
  margin:0 auto!important;
}
.processVisualCard,
.processVisualCard:last-child{
  width:100%!important;
  max-width:1180px!important;
  display:grid!important;
  grid-template-columns:minmax(560px,650px) minmax(300px,1fr)!important;
  gap:34px!important;
  align-items:center!important;
  padding:22px!important;
}
.processVisualCard figure{
  width:min(100%,650px)!important;
  max-width:650px!important;
  height:auto!important;
  max-height:none!important;
  aspect-ratio:4/3!important;
  margin:0!important;
  justify-self:start!important;
}
.processVisualCard figure .rgbPhotoFrame{
  width:100%!important;
  max-width:650px!important;
  height:auto!important;
  aspect-ratio:4/3!important;
}
.processVisualCard figure .rgbPhotoFrame img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}
.processVisualCard>div{padding:0!important;min-width:0!important}
.processVisualCard h3{
  font-size:clamp(24px,2.15vw,32px)!important;
  line-height:1.14!important;
  margin:8px 0 12px!important;
}
.processVisualCard p{
  font-size:16px!important;
  line-height:1.7!important;
}
.processVisualCard>div>span{
  font-size:12px!important;
  letter-spacing:.12em!important;
}

/* Small desktop / laptop: stack image above copy before it gets squeezed. */
@media(max-width:1080px){
  .processVisualGrid{max-width:760px!important}
  .processVisualCard,
  .processVisualCard:last-child{
    grid-template-columns:1fr!important;
    max-width:760px!important;
    gap:20px!important;
  }
  .processVisualCard figure,
  .processVisualCard figure .rgbPhotoFrame{
    width:min(100%,680px)!important;
    max-width:680px!important;
    justify-self:center!important;
  }
}

/* Tablet */
@media(max-width:760px){
  .processVisualGrid{max-width:100%!important;gap:22px!important}
  .processVisualCard,
  .processVisualCard:last-child{
    width:100%!important;
    max-width:100%!important;
    padding:16px!important;
    gap:17px!important;
  }
  .processVisualCard figure,
  .processVisualCard figure .rgbPhotoFrame{
    width:min(92vw,620px)!important;
    max-width:100%!important;
  }
  .processVisualCard h3{font-size:24px!important}
  .processVisualCard p{font-size:15px!important}
}

/* Phones: use almost all available width so image details stay visible. */
@media(max-width:620px){
  .processVisualCard,
  .processVisualCard:last-child{padding:12px!important}
  .processVisualCard figure,
  .processVisualCard figure .rgbPhotoFrame{
    width:100%!important;
    max-width:100%!important;
  }
  .processVisualCard h3{font-size:21px!important}
  .processVisualCard p{font-size:14px!important;line-height:1.6!important}
}


/* V32: make process photos a bit bigger for readability */
.processVisualCard{
  display:grid!important;
  grid-template-columns:minmax(0,760px) minmax(260px,1fr)!important;
  align-items:center!important;
  gap:28px!important;
  max-width:none!important;
  width:100%!important;
  padding:22px!important;
}
.processVisualCard:last-child{max-width:none!important}
.processVisualCard figure{
  width:min(760px,100%)!important;
  max-width:760px!important;
  aspect-ratio:4/3!important;
  max-height:none!important;
  margin:0!important;
}
.processVisualCard figure .rgbPhotoFrame,
.processVisualCard figure img{
  width:100%!important;
  height:100%!important;
  aspect-ratio:4/3!important;
}
.processVisualCard>div{padding:8px 2px!important}
.processVisualCard>div>span{font-size:13px!important;letter-spacing:.14em!important}
.processVisualCard h3{font-size:31px!important;line-height:1.05!important;margin:10px 0 14px!important}
.processVisualCard p{font-size:16px!important;line-height:1.72!important;max-width:38ch!important}
@media(max-width:1300px){
  .processVisualCard{grid-template-columns:minmax(0,700px) minmax(240px,1fr)!important;gap:24px!important}
  .processVisualCard figure{width:min(700px,100%)!important;max-width:700px!important}
}
@media(max-width:1120px){
  .processVisualCard{grid-template-columns:minmax(0,620px) minmax(220px,1fr)!important;gap:22px!important;padding:18px!important}
  .processVisualCard figure{width:min(620px,100%)!important;max-width:620px!important}
  .processVisualCard h3{font-size:27px!important}
  .processVisualCard p{font-size:15px!important}
}
@media(max-width:920px){
  .processVisualCard{grid-template-columns:1fr!important;gap:18px!important}
  .processVisualCard figure{width:min(100%,720px)!important;max-width:720px!important;justify-self:center!important}
  .processVisualCard>div{padding:2px 4px 4px!important;text-align:left!important}
  .processVisualCard h3{font-size:26px!important}
}
@media(max-width:620px){
  .processVisualCard{padding:14px!important}
  .processVisualCard figure{width:min(100%,100%)!important;max-width:none!important}
  .processVisualCard h3{font-size:22px!important}
  .processVisualCard p{font-size:14px!important;line-height:1.65!important;max-width:none!important}
}


/* V33: slightly larger process images for better readability on desktop */
.processVisualCard{
  grid-template-columns:minmax(0,820px) minmax(250px,1fr)!important;
  gap:30px!important;
  padding:24px!important;
}
.processVisualCard figure{
  width:min(820px,100%)!important;
  max-width:820px!important;
}
.processVisualCard h3{font-size:32px!important}
.processVisualCard p{font-size:16px!important;line-height:1.72!important}
@media(max-width:1380px){
  .processVisualCard{grid-template-columns:minmax(0,760px) minmax(240px,1fr)!important;gap:26px!important}
  .processVisualCard figure{width:min(760px,100%)!important;max-width:760px!important}
}
@media(max-width:1180px){
  .processVisualCard{grid-template-columns:minmax(0,680px) minmax(220px,1fr)!important;gap:22px!important}
  .processVisualCard figure{width:min(680px,100%)!important;max-width:680px!important}
  .processVisualCard h3{font-size:28px!important}
}
@media(max-width:920px){
  .processVisualCard{grid-template-columns:1fr!important}
  .processVisualCard figure{width:min(100%,760px)!important;max-width:760px!important}
}


/* V34 Process reveal animation + pricing CTA */
.processReveal{
  overflow:hidden!important;
}
.processReveal figure,
.processReveal>div{
  opacity:0;
  transform:translate3d(-58px,0,0);
  transition:
    opacity .72s cubic-bezier(.2,.72,.2,1),
    transform .78s cubic-bezier(.16,1,.3,1);
  will-change:opacity,transform;
}
.processReveal>div{
  transform:translate3d(-38px,0,0);
  transition-delay:.11s;
}
.processReveal.is-visible figure,
.processReveal.is-visible>div{
  opacity:1;
  transform:translate3d(0,0,0);
}
.processPriceCta{
  position:relative;
  overflow:hidden;
  align-items:center;
  border-color:rgba(53,190,255,.34)!important;
  background:
    radial-gradient(circle at 85% 20%,rgba(0,174,255,.12),transparent 35%),
    linear-gradient(135deg,#071728,#092139)!important;
  box-shadow:0 22px 55px rgba(0,0,0,.25),0 0 28px rgba(0,133,255,.09);
}
.processPriceCta:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(105deg,transparent 0 42%,rgba(54,201,255,.08) 50%,transparent 58%);
  transform:translateX(-115%);
  animation:processPriceSheen 7s ease-in-out infinite;
}
.processPriceCta>div{position:relative;z-index:1}
.processPriceCta .eyebrow{margin-bottom:8px}
.processPriceCta h3{
  margin:0 0 8px;
  font-size:clamp(26px,3vw,38px);
  letter-spacing:-.035em;
}
.processPriceCta p{
  max-width:720px;
  margin:0;
  color:#a9c8df;
  font-size:15px;
  line-height:1.65;
}
.processPriceCta .heroActions{
  min-width:215px;
  justify-content:flex-end;
}
.processPriceCta .btn.primary{
  min-width:150px;
  text-align:center;
  box-shadow:0 0 24px rgba(0,143,255,.24);
}
@keyframes processPriceSheen{
  0%,68%{transform:translateX(-115%)}
  84%,100%{transform:translateX(115%)}
}
@media(max-width:760px){
  .processReveal figure{transform:translate3d(-34px,0,0)}
  .processReveal>div{transform:translate3d(-24px,0,0)}
  .processPriceCta .heroActions{min-width:0;width:100%;justify-content:flex-start}
}
@media(max-width:620px){
  .processPriceCta .heroActions{display:grid;grid-template-columns:1fr;gap:10px}
  .processPriceCta .btn{width:100%;text-align:center}
}
@media(prefers-reduced-motion:reduce){
  .processReveal figure,
  .processReveal>div{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
  }
  .processPriceCta:before{animation:none!important}
}


/* V35 final Process polish: slightly larger media + stronger smooth left reveal. */
.processVisualCard,
.processVisualCard:last-child{
  grid-template-columns:minmax(0,900px) minmax(230px,1fr)!important;
  gap:32px!important;
  padding:26px!important;
  overflow:hidden!important;
}
.processVisualCard figure{
  width:min(900px,100%)!important;
  max-width:900px!important;
  aspect-ratio:4/3!important;
}
.processVisualCard figure .rgbPhotoFrame,
.processVisualCard figure .rgbPhotoFrame img{
  width:100%!important;
  height:100%!important;
  aspect-ratio:4/3!important;
  object-fit:cover!important;
}
.processVisualCard>div{
  align-self:center!important;
  min-width:0!important;
  padding:8px 0!important;
}
.processReveal figure,
.processReveal>div{
  opacity:0!important;
  transform:translate3d(-84px,0,0)!important;
  transition-property:opacity,transform!important;
  transition-duration:.82s,.92s!important;
  transition-timing-function:cubic-bezier(.16,1,.3,1)!important;
  will-change:opacity,transform!important;
}
.processReveal>div{
  transform:translate3d(-54px,0,0)!important;
  transition-delay:.16s!important;
}
.processReveal.is-visible figure,
.processReveal.is-visible>div{
  opacity:1!important;
  transform:translate3d(0,0,0)!important;
}
/* Slight stagger between rows so the motion feels intentional. */
.processVisualCard:nth-child(2).processReveal figure{transition-delay:.05s!important}
.processVisualCard:nth-child(2).processReveal>div{transition-delay:.21s!important}
.processVisualCard:nth-child(3).processReveal figure{transition-delay:.08s!important}
.processVisualCard:nth-child(3).processReveal>div{transition-delay:.24s!important}

@media(max-width:1450px){
  .processVisualCard,
  .processVisualCard:last-child{grid-template-columns:minmax(0,820px) minmax(220px,1fr)!important;gap:28px!important}
  .processVisualCard figure{width:min(820px,100%)!important;max-width:820px!important}
}
@media(max-width:1220px){
  .processVisualCard,
  .processVisualCard:last-child{grid-template-columns:minmax(0,740px) minmax(210px,1fr)!important;gap:24px!important;padding:22px!important}
  .processVisualCard figure{width:min(740px,100%)!important;max-width:740px!important}
  .processVisualCard h3{font-size:29px!important}
  .processVisualCard p{font-size:15px!important}
}
@media(max-width:980px){
  .processVisualCard,
  .processVisualCard:last-child{grid-template-columns:1fr!important;gap:20px!important}
  .processVisualCard figure{width:min(100%,820px)!important;max-width:820px!important;justify-self:center!important}
  .processVisualCard>div{padding:2px 4px 6px!important}
}
@media(max-width:620px){
  .processVisualCard,
  .processVisualCard:last-child{padding:14px!important;gap:15px!important}
  .processVisualCard figure{width:100%!important;max-width:none!important}
  .processReveal figure,
  .processReveal>div{transform:translate3d(-42px,0,0)!important;transition-duration:.68s,.76s!important}
  .processReveal.is-visible figure,
  .processReveal.is-visible>div{transform:translate3d(0,0,0)!important}
}
@media(prefers-reduced-motion:reduce){
  .processReveal figure,
  .processReveal>div{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
  }
}


/* V36 HOME TRUST STRIP + APPROVED ANIMATION */
.heroGoogleRatingCard{display:flex;flex-direction:column;gap:14px;width:min(100%,360px);padding:18px 20px;border:1px solid rgba(102,216,255,.20);border-radius:24px;background:linear-gradient(145deg,rgba(9,28,46,.48),rgba(5,17,30,.26));backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%);box-shadow:0 20px 55px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.08);transform:translateY(20px);opacity:0;transition:transform .7s cubic-bezier(.2,.75,.2,1),opacity .7s ease,border-color .24s ease,box-shadow .24s ease}
.heroGoogleRatingCard.active{transform:translateY(0);opacity:1}
.heroGoogleTop{display:flex;align-items:center;gap:14px}
.heroGoogleCopy{display:flex;flex-direction:column;gap:3px;min-width:0}.heroGoogleCopy span{color:#83cfff;font-size:11px;font-weight:950;letter-spacing:.16em;text-transform:uppercase}.heroGoogleCopy strong{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:#fff;font-size:26px;line-height:1;font-weight:950;letter-spacing:-.04em}.heroGoogleCopy strong i{font-style:normal;color:#ffd45d;font-size:22px;letter-spacing:2px;text-shadow:0 0 16px rgba(255,201,70,.22)}
.heroGoogleBtn{display:flex;align-items:center;justify-content:center;min-height:42px;padding:0 14px;border:1px solid rgba(102,216,255,.17);border-radius:13px;background:rgba(22,141,255,.08);color:#d5efff;font-size:12px;font-weight:900;transition:.2s}.heroGoogleBtn:hover{border-color:rgba(102,216,255,.36);background:rgba(22,141,255,.14);color:#fff;transform:translateY(-1px)}
.heroReveal{opacity:0;transform:translateY(16px);transition:opacity .7s ease,transform .7s ease}
.heroReveal.active{opacity:1;transform:none}

/* V36 smoother process reveal */
.processReveal figure,
.processReveal>div{
  transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)!important;
  will-change:transform,opacity;
}
.processReveal figure{transition-delay:.04s!important}
.processReveal>div{transition-delay:.14s!important}
.processReveal.is-visible figure,
.processReveal.is-visible>div{opacity:1;transform:none!important}

/* V36 larger readable process cards without squeezing text */
.processVisualCard,
.processVisualCard:last-child{
  width:100%!important;
  max-width:none!important;
  align-items:center!important;
}
.processVisualCard figure{
  width:min(860px,100%)!important;
  max-width:860px!important;
  aspect-ratio:16/10!important;
}
.processVisualCard figure .rgbPhotoFrame,
.processVisualCard figure img{
  width:100%!important;
  height:100%!important;
}
.processVisualCard>div{padding:0 4px 0 10px!important}
.processVisualCard h3{font-size:32px!important;line-height:1.05!important;margin:10px 0 14px!important}
.processVisualCard p{font-size:16px!important;line-height:1.72!important;max-width:40ch!important}
@media (max-width:1400px){
  .processVisualCard{grid-template-columns:minmax(0,780px) minmax(250px,1fr)!important;gap:24px!important}
  .processVisualCard figure{width:min(780px,100%)!important;max-width:780px!important}
}
@media (max-width:1180px){
  .processVisualCard{grid-template-columns:minmax(0,700px) minmax(220px,1fr)!important;gap:22px!important}
  .processVisualCard figure{width:min(700px,100%)!important;max-width:700px!important}
  .processVisualCard h3{font-size:28px!important}
  .processVisualCard p{font-size:15px!important}
}
@media (max-width:960px){
  .heroGoogleRatingCard{width:100%;padding:15px 16px;border-radius:20px}
  .processVisualCard{grid-template-columns:1fr!important;gap:18px!important}
  .processVisualCard figure{width:min(100%,760px)!important;max-width:760px!important;justify-self:center!important}
  .processVisualCard>div{padding:2px 4px 4px!important}
}
@media (max-width:640px){
  .heroGoogleCopy strong{font-size:24px}
  .heroGoogleCopy strong i{font-size:19px}
  .processVisualCard figure{width:100%!important;max-width:none!important}
  .processVisualCard h3{font-size:23px!important}
  .processVisualCard p{font-size:14px!important;line-height:1.62!important;max-width:none!important}
}

@media(max-width:640px){.workStyle{padding:10px 11px;margin-top:12px}.workStyle strong{font-size:11px}.workBody{padding:16px}}

/* V55 site-wide trust signal */
.siteTrustBar{position:relative;z-index:20;border-top:1px solid rgba(92,193,255,.10);border-bottom:1px solid rgba(92,193,255,.16);background:linear-gradient(90deg,rgba(4,13,23,.97),rgba(8,27,45,.97),rgba(4,13,23,.97));box-shadow:0 10px 34px rgba(0,0,0,.18)}
.siteTrustInner{min-height:62px;display:flex;align-items:center;gap:20px;justify-content:space-between}
.siteTrustClients{display:flex;align-items:center;gap:12px;min-width:max-content}.siteTrustLabel{color:#6cd3ff;font-size:9px;font-weight:950;letter-spacing:.15em;white-space:nowrap}.siteTrustLogos{display:flex;align-items:center}.siteTrustLogos img{width:34px;height:34px;object-fit:contain;border-radius:50%;padding:3px;background:#08192a;border:1px solid rgba(126,211,255,.22);box-shadow:0 5px 18px rgba(0,0,0,.2);margin-left:-6px}.siteTrustLogos img:first-child{margin-left:0}
.siteTrustPoints{display:flex;align-items:center;justify-content:center;gap:18px;flex:1;color:#90abc0;font-size:10px;font-weight:750;white-space:nowrap}.siteTrustPoints span{position:relative;padding-left:15px}.siteTrustPoints span:before{content:'✓';position:absolute;left:0;color:#65dda0;font-weight:950}.siteTrustPoints b{color:#e8f6ff}
.siteTrustActions{display:flex;gap:8px;min-width:max-content}.siteTrustActions a{display:inline-flex;align-items:center;justify-content:center;padding:9px 11px;border-radius:10px;border:1px solid rgba(92,193,255,.20);background:rgba(18,69,112,.24);color:#d9efff;font-size:10px;font-weight:900;transition:.2s}.siteTrustActions a:hover{background:rgba(22,141,255,.18);border-color:rgba(92,193,255,.38);transform:translateY(-1px)}
@media(max-width:1180px){.siteTrustInner{gap:14px}.siteTrustPoints{gap:10px}.siteTrustPoints span:nth-child(4){display:none}}
@media(max-width:920px){.siteTrustInner{padding-top:10px;padding-bottom:10px;align-items:center;overflow-x:auto;scrollbar-width:none}.siteTrustInner::-webkit-scrollbar{display:none}.siteTrustPoints{flex:none}.siteTrustPoints span:nth-child(3),.siteTrustPoints span:nth-child(4){display:none}.siteTrustActions{padding-right:6px}}
@media(max-width:640px){.siteTrustBar{overflow:hidden}.siteTrustInner{min-height:64px;gap:12px;padding-left:14px;padding-right:14px}.siteTrustLabel{display:none}.siteTrustLogos img{width:31px;height:31px}.siteTrustLogos img:nth-child(n+5){display:none}.siteTrustPoints{gap:8px;font-size:9px}.siteTrustPoints span{padding-left:13px}.siteTrustPoints span:nth-child(2){display:none}.siteTrustActions a{padding:8px 10px;font-size:9px}.siteTrustActions a:first-child{display:none}}

/* V64: simplified premium glass reviews with built-in 3D animation. */
.clientReviewsPremium{
  position:relative;overflow:hidden;padding:74px 0 64px;
  border-top:1px solid rgba(102,216,255,.12);border-bottom:1px solid rgba(102,216,255,.10);
  background:
    radial-gradient(circle at 12% 10%,rgba(22,141,255,.12),transparent 32%),
    radial-gradient(circle at 88% 88%,rgba(102,216,255,.08),transparent 30%),
    linear-gradient(180deg,#04101d 0%,#030914 100%);
}
.clientReviewsPremium:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.32;background:linear-gradient(120deg,transparent 0 32%,rgba(255,255,255,.025) 48%,transparent 62%)}
.clientReviewsPremium .shell{position:relative;z-index:1}
.premiumReviewsHead{display:block;margin-bottom:24px}
.premiumReviewsIntro{max-width:760px}.premiumReviewsIntro h2{margin:10px 0 12px;font-size:clamp(34px,4.5vw,56px);line-height:.98;letter-spacing:-.045em}.premiumReviewsIntro p{margin:0;max-width:680px;color:#9db8cf;font-size:15px;line-height:1.72}
.premiumReviewScore{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"mark copy" "link link";align-items:center;column-gap:14px;row-gap:12px;padding:18px;border:1px solid rgba(131,220,255,.18);border-radius:22px;background:linear-gradient(145deg,rgba(10,29,49,.44),rgba(5,16,29,.30));backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%);box-shadow:0 22px 55px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.09)}
.premiumGoogleMark{grid-area:mark;width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:conic-gradient(from -40deg,#4285f4 0 25%,#34a853 25% 50%,#fbbc05 50% 75%,#ea4335 75% 100%);color:#fff;font-size:24px;font-weight:950;box-shadow:0 10px 26px rgba(0,0,0,.28)}
.premiumGoogleMark.mini{width:24px;height:24px;border-radius:8px;font-size:12px;box-shadow:none;flex:0 0 auto}
.premiumScoreCopy{grid-area:copy;min-width:0}.premiumScoreCopy>span{display:block;color:#83cfff;font-size:9px;font-weight:950;letter-spacing:.16em;text-transform:uppercase}.premiumScoreCopy>strong{display:inline-block;margin:2px 8px 0 0;font-size:34px;line-height:1;font-weight:950;letter-spacing:-.04em}.premiumStars{display:inline-block;color:#ffd45d;font-size:20px;line-height:1;letter-spacing:2px;text-shadow:0 0 16px rgba(255,201,70,.22)}
.premiumReviewScore>a{grid-area:link;display:flex;justify-content:center;align-items:center;min-height:36px;border:1px solid rgba(102,216,255,.15);border-radius:11px;background:rgba(22,141,255,.08);color:#c8e9ff;font-size:10px;font-weight:900;transition:.2s}.premiumReviewScore>a:hover{border-color:rgba(102,216,255,.34);background:rgba(22,141,255,.14)}
.premiumReviewGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;perspective:1450px}
.premiumReviewCard{position:relative;isolation:isolate;display:flex;flex-direction:column;min-height:280px;padding:23px;border:1px solid rgba(121,215,255,.18);border-radius:24px;background:linear-gradient(145deg,rgba(10,28,46,.48),rgba(5,16,28,.26));backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%);box-shadow:0 24px 55px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.09);overflow:hidden;transform-style:preserve-3d;backface-visibility:hidden;contain:layout paint style;will-change:auto;transition:transform .18s ease-out,border-color .18s ease-out,box-shadow .18s ease-out,background .18s ease-out}
.premiumReviewCard:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(360px circle at var(--shine-x,20%) var(--shine-y,0%),rgba(90,205,255,.18),transparent 42%),linear-gradient(180deg,rgba(255,255,255,.08),transparent 32%);opacity:.85}
.premiumReviewCard:after{content:"";position:absolute;inset:1px;border-radius:23px;border:1px solid rgba(255,255,255,.05);pointer-events:none}.premiumReviewCard.is-tilting{will-change:transform}.premiumReviewCard a,.premiumReviewCard button{position:relative;z-index:5;touch-action:manipulation}.premiumReviewCard .reviewProofBtn{min-height:42px;padding:0 14px;font-size:10px}
.premiumReviewCard:hover{border-color:rgba(102,216,255,.38);background:linear-gradient(145deg,rgba(10,28,46,.54),rgba(5,16,28,.34));box-shadow:0 42px 90px rgba(0,0,0,.44),0 0 52px rgba(22,141,255,.12),inset 0 1px 0 rgba(255,255,255,.12)}
.premiumReviewFeatured{min-height:305px}
.premiumReviewWide{grid-column:1/-1;min-height:0}
.premiumReviewTop{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:15px;transform:translateZ(24px)}
.reviewIdentity{display:flex;align-items:center;gap:11px;min-width:0}.reviewIdentity>div{min-width:0}.reviewIdentity strong{display:block;font-size:15px}.reviewIdentity small{display:block;margin-top:3px;color:#7fa0ba;font-size:10px;font-weight:750}
.reviewAvatar{width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;border:1px solid rgba(102,216,255,.24);background:linear-gradient(145deg,rgba(18,55,93,.88),rgba(11,34,59,.88));color:#dff4ff;font-size:11px;font-weight:950;letter-spacing:.04em;box-shadow:0 10px 24px rgba(0,0,0,.24)}
.facebookAvatar{background:#1877f2;border-color:rgba(255,255,255,.18);font-family:Arial,sans-serif;font-size:22px;text-transform:lowercase}
.reviewSourceBadge{display:flex;align-items:center;gap:7px;flex:0 0 auto;padding:7px 9px;border:1px solid rgba(102,216,255,.14);border-radius:999px;background:rgba(255,255,255,.05);color:#c7def0;font-size:9px;font-weight:900}.facebookSource span{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#1877f2;color:#fff;font-family:Arial,sans-serif;font-size:15px}.facebookSource{color:#c7dbff}
.premiumStarsSmall{position:relative;z-index:2;display:block;margin:20px 0 14px;font-size:18px;letter-spacing:3px;transform:translateZ(20px)}
.premiumReviewCard blockquote{position:relative;z-index:2;margin:0;color:#edf8ff;font-size:16px;line-height:1.7;font-weight:650;letter-spacing:-.006em;transform:translateZ(18px)}
.premiumReviewBottom{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:auto;padding-top:20px;transform:translateZ(16px)}.premiumReviewBottom>span{color:#7f9ab0;font-size:9px;font-weight:900;letter-spacing:.10em;text-transform:uppercase}
.reviewProofBtn{min-height:35px;padding:0 12px;border:1px solid rgba(102,216,255,.18);border-radius:11px;background:rgba(22,141,255,.08);color:#caebff;font-size:9px;font-weight:950;cursor:pointer;transition:.2s}.reviewProofBtn:hover{transform:translateY(-1px);border-color:rgba(102,216,255,.42);background:rgba(22,141,255,.15);color:#fff}
.premiumFacebookCard{background:linear-gradient(145deg,rgba(10,28,46,.52),rgba(6,18,33,.34))}.facebookRecList{position:relative;z-index:2;display:grid;gap:10px;margin:18px 0 4px;transform:translateZ(18px)}.facebookRec{padding:11px 12px;border:1px solid rgba(102,216,255,.11);border-radius:14px;background:rgba(255,255,255,.035)}.facebookRec strong{font-size:11px}.facebookRec>span{margin-left:6px;color:#ff6c78;font-size:9px;font-weight:900;text-transform:uppercase}.facebookRec p{margin:5px 0 0;color:#c1d6e4;font-size:10px;line-height:1.48}
.premiumReviewsFooter{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:22px;padding:18px 20px;border:1px solid rgba(102,216,255,.14);border-radius:18px;background:linear-gradient(145deg,rgba(7,23,39,.46),rgba(4,15,27,.30));backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%)}.premiumReviewsFooter>div:first-child{display:flex;flex-direction:column;gap:4px}.premiumReviewsFooter strong{font-size:14px}.premiumReviewsFooter span{max-width:680px;color:#87a6bd;font-size:11px;line-height:1.55}.premiumReviewActions{display:flex;gap:8px;flex:0 0 auto}
.reviewProofModal{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:22px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,visibility .22s ease}.reviewProofModal.is-open{opacity:1;visibility:visible;pointer-events:auto}.reviewProofBackdrop{position:absolute;inset:0;background:rgba(0,5,13,.82);backdrop-filter:blur(12px)}.reviewProofDialog{position:relative;z-index:1;width:min(920px,100%);max-height:min(86vh,820px);display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(102,216,255,.25);border-radius:22px;background:#071522;box-shadow:0 35px 110px rgba(0,0,0,.65)}.reviewProofHeader{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 17px;border-bottom:1px solid rgba(102,216,255,.12);background:#08192a}.reviewProofHeader>div{display:flex;flex-direction:column;gap:2px}.reviewProofHeader span{color:#6ed8ff;font-size:9px;font-weight:950;letter-spacing:.13em;text-transform:uppercase}.reviewProofHeader strong{font-size:13px}.reviewProofClose{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(102,216,255,.18);border-radius:11px;background:rgba(255,255,255,.03);color:#fff;font-size:24px;line-height:1;cursor:pointer}.reviewProofImageWrap{min-height:0;overflow:auto;padding:18px;background:radial-gradient(circle at 50% 0,rgba(22,141,255,.08),transparent 45%),#030914}.reviewProofImageWrap img{width:auto;max-width:100%;height:auto;max-height:65vh;margin:auto;border-radius:10px;box-shadow:0 16px 42px rgba(0,0,0,.34);image-rendering:auto}.reviewProofHint{padding:11px 17px;border-top:1px solid rgba(102,216,255,.10);color:#7695ad;font-size:9px;text-align:center}
body.reviewModalOpen{overflow:hidden}
.reviewReveal{opacity:0;transform:translateY(22px);transition:opacity .68s ease,transform .78s cubic-bezier(.18,.76,.22,1)}
.reviewReveal.is-visible{opacity:1;transform:translateY(0)}
.premiumReviewCard.reviewReveal{opacity:0;transform:perspective(1200px) translateY(34px) rotateX(8deg) rotateY(-5deg) scale(.975);transform-origin:50% 70%}
.premiumReviewCard.reviewReveal:nth-child(2){transform:perspective(1200px) translateY(34px) rotateX(8deg) rotateY(5deg) scale(.975);transition-delay:.08s}
.premiumReviewCard.reviewReveal:nth-child(3){transform:perspective(1200px) translateY(34px) rotateX(7deg) rotateY(-3deg) scale(.98);transition-delay:.16s}
.premiumReviewCard.reviewReveal.is-visible{opacity:1;transform:perspective(1200px) translateY(0) rotateX(0) rotateY(0) scale(1)}
@media(max-width:900px){.premiumReviewsHead{grid-template-columns:1fr;align-items:start}.premiumReviewScore{width:min(100%,430px)}.premiumReviewGrid{grid-template-columns:1fr}.premiumReviewWide{grid-column:auto}.premiumReviewCard,.premiumReviewFeatured{min-height:0}.premiumReviewCard blockquote{font-size:15px}.premiumFacebookCard{min-height:0}}
@media(max-width:640px){.clientReviewsPremium{padding:52px 0 48px}.premiumReviewsIntro h2{font-size:clamp(32px,10vw,44px)}.premiumReviewsIntro p{font-size:14px}.premiumReviewScore{grid-template-columns:auto 1fr;padding:15px;border-radius:18px}.premiumGoogleMark{width:44px;height:44px;border-radius:14px}.premiumScoreCopy>strong{font-size:30px}.premiumStars{font-size:18px;letter-spacing:1px}.premiumReviewGrid{display:flex;overflow-x:auto;gap:13px;margin-right:-11px;padding:2px 11px 13px 1px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;perspective:none;touch-action:pan-x}.premiumReviewGrid::-webkit-scrollbar{display:none}.premiumReviewCard{flex:0 0 min(89vw,520px);padding:18px;border-radius:19px;scroll-snap-align:start}.reviewIdentity strong{font-size:14px}.reviewSourceBadge{padding:6px 8px}.premiumReviewCard blockquote{font-size:14px;line-height:1.65}.premiumReviewBottom{align-items:flex-start;flex-direction:column}.reviewProofBtn{width:100%}.premiumReviewsFooter{align-items:flex-start;flex-direction:column;padding:16px}.premiumReviewActions{display:grid;grid-template-columns:1fr 1fr;width:100%}.reviewProofDialog{border-radius:18px}.reviewProofImageWrap{padding:12px}}
@media(max-width:400px){.reviewSourceBadge{font-size:0}.reviewSourceBadge .premiumGoogleMark.mini{margin:0}.facebookSource{font-size:0}.facebookSource span{font-size:15px}.premiumReviewActions{grid-template-columns:1fr}.premiumReviewCard{flex-basis:92vw}.facebookRec p{font-size:9.5px}}
@media(prefers-reduced-motion:reduce){.reviewReveal{opacity:1!important;transform:none!important;transition:none!important}.premiumReviewCard{transform:none!important;transition:none!important}.reviewProofModal{transition:none!important}}

/* V67: Hours + review strip replaces the old review CTA footer. */
.clientReviewsPremium + .homeInfoStrip{padding-top:14px}
#client-reviews{padding-bottom:46px}
@media(max-width:640px){#client-reviews{padding-bottom:34px}.clientReviewsPremium + .homeInfoStrip{padding-top:10px}}


/* V81 — premium site footer + hidden owner shortcut trigger. */
.premiumFooter{position:relative;margin-top:auto;padding:48px 0 96px;border-top:1px solid rgba(102,216,255,.10);background:radial-gradient(circle at 12% 0,rgba(22,141,255,.09),transparent 34%),linear-gradient(180deg,#030b15 0%,#020811 100%);color:#8eabc1}
.premiumFooterPanel{position:relative;overflow:hidden;padding:30px;border:1px solid rgba(102,216,255,.15);border-radius:28px;background:linear-gradient(145deg,rgba(9,28,47,.66),rgba(4,14,25,.55));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 28px 70px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.045)}
.premiumFooterPanel:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 0 44%,rgba(102,216,255,.035) 50%,transparent 57%)}
.premiumFooterGrid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(300px,1.35fr) .62fr .72fr minmax(280px,1fr);gap:34px;align-items:start}
.footerBrandBlock{min-width:0}.footerBrandRow{display:flex;align-items:center}.footerBrandLink{display:inline-flex;align-items:center;gap:14px;color:#fff}.footerBrandLink img{width:58px;height:58px;border-radius:50%;filter:drop-shadow(0 10px 24px rgba(22,141,255,.16))}.footerBrandLink span{display:flex;flex-direction:column;gap:4px}.footerBrandLink strong{font-size:18px;line-height:1.1}.footerBrandLink small{color:#71cfff;font-size:9px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.footerBrandBlock>p{max-width:430px;margin:17px 0 18px;color:#8faec5;font-size:12px;line-height:1.7}
.footerTrustPills{display:flex;gap:8px;flex-wrap:wrap}.footerTrustPills span{padding:8px 10px;border:1px solid rgba(102,216,255,.12);border-radius:999px;background:rgba(255,255,255,.025);color:#a8c7dc;font-size:9px;font-weight:800}.footerTrustPills b{color:#eaf8ff}
.footerColumn{display:grid;align-content:start;gap:10px}.footerColumn>strong{margin-bottom:4px;color:#fff;font-size:11px;font-weight:950;letter-spacing:.10em;text-transform:uppercase}.footerColumn>a{width:max-content;max-width:100%;color:#87a8bf;font-size:11px;transition:color .18s ease,transform .18s ease}.footerColumn>a:hover{color:#dff5ff;transform:translateX(2px)}
.footerContactBlock{padding:20px;border:1px solid rgba(102,216,255,.13);border-radius:20px;background:rgba(4,15,27,.48);box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}.footerMiniLabel{display:block;color:#65d7ff;font-size:8px;font-weight:950;letter-spacing:.15em;text-transform:uppercase}.footerContactBlock>strong{display:block;margin-top:6px;color:#fff;font-size:20px}.footerContactBlock>p{margin:8px 0 15px;color:#8ba8bd;font-size:10px;line-height:1.55}.footerContactActions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.footerContactActions a{display:grid;place-items:center;min-height:39px;padding:0 10px;border-radius:11px;font-size:9px;font-weight:950;text-align:center}.footerPrimaryAction{background:linear-gradient(135deg,#168dff,#0c6fff);color:#fff;box-shadow:0 12px 30px rgba(22,141,255,.15)}.footerPhoneAction{border:1px solid rgba(102,216,255,.15);background:rgba(255,255,255,.025);color:#caeaff}.footerSocials{display:flex;gap:8px;margin-top:10px}.footerSocials a{display:inline-flex;align-items:center;gap:7px;min-height:35px;padding:0 10px;border:1px solid rgba(102,216,255,.12);border-radius:10px;background:rgba(255,255,255,.02);color:#c7dff0;font-size:9px;font-weight:850;transition:.18s}.footerSocials a:hover{transform:translateY(-1px);border-color:rgba(102,216,255,.3)}.footerSocials svg{width:16px;height:16px;fill:currentColor}.footerSocials a[aria-label="Facebook"] svg{color:#1877f2}.footerSocials a[aria-label="Instagram"] svg{color:#e4405f}
.premiumFooterBottom{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:26px;padding-top:20px;border-top:1px solid rgba(102,216,255,.09);font-size:9px;color:#6f8da5}.footerBottomBrand{display:flex;align-items:center;gap:9px}.footerSecretLogo{appearance:none;width:30px;height:30px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;cursor:default;opacity:.88}.footerSecretLogo img{width:28px;height:28px;border-radius:50%;display:block}.footerSecretLogo:focus-visible{outline:2px solid #62d7ff;outline-offset:3px}.footerLegal{display:flex;align-items:center;justify-content:flex-end;gap:14px;flex-wrap:wrap}.footerLegal a{color:#7899b0}.footerLegal a:hover{color:#cfeeff}
@media(max-width:980px){.premiumFooterGrid{grid-template-columns:1.25fr .75fr .75fr}.footerContactBlock{grid-column:1/-1}.footerContactActions{grid-template-columns:repeat(2,minmax(0,180px))}}
@media(max-width:640px){.premiumFooter{padding:32px 0 98px}.premiumFooterPanel{padding:20px;border-radius:22px}.premiumFooterGrid{grid-template-columns:1fr 1fr;gap:24px 18px}.footerBrandBlock{grid-column:1/-1}.footerBrandLink img{width:50px;height:50px}.footerBrandLink strong{font-size:16px}.footerBrandBlock>p{margin:14px 0 15px}.footerContactBlock{grid-column:1/-1;padding:17px}.footerContactActions{grid-template-columns:1fr 1fr}.premiumFooterBottom{align-items:flex-start;flex-direction:column;gap:12px}.footerLegal{justify-content:flex-start}.footerSocials{flex-wrap:wrap}}
@media(max-width:390px){.premiumFooterGrid{grid-template-columns:1fr}.footerBrandBlock,.footerContactBlock{grid-column:auto}.footerContactActions{grid-template-columns:1fr}.footerTrustPills span{font-size:8px}.footerColumn>a{font-size:10px}}

/* V82 footer cache-bust + stronger premium presentation */
.premiumFooter{padding-top:54px!important;background:radial-gradient(circle at 15% 0,rgba(22,141,255,.12),transparent 34%),linear-gradient(180deg,#020a14,#020811)!important}
.premiumFooterPanel{border-color:rgba(102,216,255,.22)!important;background:linear-gradient(145deg,rgba(9,29,49,.82),rgba(4,14,25,.68))!important;box-shadow:0 28px 80px rgba(0,0,0,.38),0 0 0 1px rgba(255,255,255,.025) inset!important}
.footerColumn>strong,.footerMiniLabel{color:#63d6ff!important}
.footerSecretLogo{cursor:pointer!important}