/* Format 2 visual layer. Original content, assets and business logic are retained. */
.dark-agency{--navy:#0b1120;--surface:#131c2e;--slate:#1e293b;--text:#f8fafc;--muted:#94a3b8;--line:#94a3b82e;--cyan:#22d3ee;--indigo:#6366f1;--violet:#8b5cf6;background:var(--navy);color:var(--text);color-scheme:dark;font-family:Arial,Helvetica,sans-serif}
.dark-agency ::selection{background:#6366f180;color:white}.dark-agency h1,.dark-agency h2,.dark-agency h3{color:var(--text)}
.dark-agency p{color:#b5c0d2}.dark-agency .eyebrow{color:#a5b4fc;font-size:11px;letter-spacing:2px}.dark-agency .section{padding-top:100px;padding-bottom:28px}.dark-agency .section-heading{margin-bottom:38px}.dark-agency .section-heading>p{color:#aab7cb;line-height:1.75}.dark-agency h2{font-size:clamp(32px,3.7vw,50px);line-height:1.1;letter-spacing:-1.8px}
.dark-agency .header{z-index:40;border-bottom:1px solid var(--line);padding:16px 0}.dark-agency .header .logo-frame{background:#fff8e8;border-radius:12px;width:130px;height:86px}.dark-agency .header .logo-frame img{width:162px;height:162px;left:-18px;top:-35px}.dark-agency .header nav a{color:#cbd5e1;position:relative;transition:color .25s;text-decoration:none}.dark-agency .header nav a:after{content:'';position:absolute;bottom:3px;left:0;width:100%;height:2px;background:var(--cyan);transform:scaleX(0);transform-origin:left;transition:transform .3s}.dark-agency .header nav a:hover,.dark-agency .header nav a[aria-current]{color:white}.dark-agency .header nav a:hover:after,.dark-agency .header nav a[aria-current]:after{transform:scaleX(1)}
.dark-agency .button{border-radius:12px;min-height:52px;background:#6366f1;border:1px solid #818cf8;color:white;box-shadow:0 5px 22px #070c1930;transition:transform .25s,background .25s,border-color .25s,box-shadow .25s}.dark-agency .button:hover{transform:translateY(-3px);background:#5457dc;border-color:#a5b4fc;box-shadow:0 8px 28px #6366f133}.dark-agency .button>span,.dark-agency .text-link>span,.dark-agency .customer-account>span{display:inline-block;transition:transform .25s}.dark-agency .button:hover>span,.dark-agency .text-link:hover>span,.dark-agency .customer-account:hover>span{transform:translate(3px,-2px)}.dark-agency .text-link,.dark-agency .problem-solution a,.dark-agency .customer-account{color:#a5eff9;text-underline-offset:5px}.dark-agency a:focus-visible,.dark-agency button:focus-visible,.dark-agency select:focus-visible,.dark-agency textarea:focus-visible{outline:3px solid var(--cyan);outline-offset:4px;box-shadow:none}.dark-agency .skip{background:var(--indigo);color:white;z-index:100}.dark-agency .nav-toggle{background:var(--surface);border-color:var(--line);color:var(--text)}
/* Hero: static text, transform-only atmospheric layers. */
.hero-shell{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 80% 20%,#24265155,transparent 60%),var(--navy)}.ambient-scene{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.ambient-scene:after{content:'';position:absolute;inset:0;background-image:linear-gradient(#94a3b80b 1px,transparent 1px),linear-gradient(90deg,#94a3b80b 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,transparent,#000);opacity:.6}.ambient-scene:before{content:'';position:absolute;inset:0;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.orb{position:absolute;display:block;border-radius:50%;width:750px;aspect-ratio:1;animation:ambient-drift 18s ease-in-out infinite alternate;background:radial-gradient(circle,#6366f13d,transparent 65%)}.orb-one{right:-160px;top:-260px}.orb-two{right:-100px;bottom:-340px;background:radial-gradient(circle,#22d3ee24,transparent 65%);animation-delay:-8s;animation-duration:16s}.orb-three{left:-350px;top:160px;background:radial-gradient(circle,#8b5cf618,transparent 65%);animation-delay:-13s;animation-duration:20s}.orbit-line{position:absolute;width:720px;height:720px;border:1px solid #a5b4fc12;border-radius:50%;right:-130px;top:-40px}.orbit-line:after{content:'';position:absolute;inset:55px;border:1px solid #a5b4fc12;border-radius:50%}
.dark-agency .hero{padding-top:68px;padding-bottom:54px;min-height:670px;gap:50px}.dark-agency .hero h1{font-size:clamp(48px,5.5vw,78px);line-height:1.04;letter-spacing:-3.6px;margin-bottom:24px}.dark-agency .underline{color:#a5b4fc}.dark-agency .underline:after{height:2px;bottom:0;background:linear-gradient(90deg,var(--indigo),var(--cyan));transform:none}.dark-agency .intro{color:#b9c4d6;font-size:18px}.dark-agency .little-sun{color:var(--cyan)}.dark-agency .hero .actions>.button{background:var(--indigo);border-color:#818cf8;color:white}.dark-agency .hero .actions>.button:hover{background:#5457dc}.dark-agency .quick-services{gap:10px;margin-top:28px}.dark-agency .quick-services a{background:#131c2ebf;border:1px solid var(--line);border-radius:12px;padding:14px;transition:background .25s,border-color .25s,transform .25s}.dark-agency .quick-services a:hover{background:#1e293b;border-color:#6366f1aa;transform:translateY(-3px)}.dark-agency .quick-services a>span:first-child{color:#c3cee0}.dark-agency .quick-services strong{color:white;font-size:17px}.dark-agency .quick-services small,.dark-agency .quick-services .quick-note,.dark-agency .location{color:var(--muted)}
.dark-agency .hero-art{height:480px;transform:perspective(1100px) translate3d(var(--art-x,0px),var(--art-y,0px),0) rotateY(var(--art-rotate,0deg));transition:transform .3s ease-out}.dark-agency .arch{border:1px solid #a5b4fc55;border-radius:170px 170px 28px 28px}.dark-agency .arch-yellow{background:linear-gradient(145deg,#6366f14d,#131c2e);left:5%;top:0;transform:rotate(-8deg);height:94%;width:72%}.dark-agency .arch-aqua{background:linear-gradient(160deg,#22d3ee20,#1e293b66);border-color:#22d3ee38;height:65%;width:60%;right:0;bottom:10px;transform:rotate(10deg)}.dark-agency .hero-photo{left:10%;top:30px;width:63%;height:360px;border:1px solid #94a3b840;border-radius:150px 150px 24px 24px;transform:rotate(-6deg);background:#eeede8;box-shadow:0 30px 60px #02061750}.dark-agency .hero-photo img{object-fit:cover}.dark-agency .live-card{right:0;bottom:5px;background:#131c2ef2;color:white;border:1px solid #818cf870;backdrop-filter:blur(12px);border-radius:20px;box-shadow:0 16px 45px #02061766;transform:rotate(3deg);animation:card-float 14s ease-in-out infinite alternate}.dark-agency .live-card strong{color:white}.dark-agency .live-card>span:last-of-type{color:#b5c0d2}.dark-agency .live-pill{background:#37253c;color:#fda4af;border:1px solid #fb718544}.dark-agency .fake-wave{color:#67e8f9}.dark-agency .creative-note{color:#d8e0ee;right:0;top:8px;transform:rotate(8deg);font-size:12px;letter-spacing:1px}.dark-agency .creative-note span{color:#a5b4fc;font-size:46px}.dark-agency .content-sticker{background:#1e293bef;color:#dbeafe;border-color:#94a3b84d;border-radius:14px;bottom:6px;left:0;padding:14px 18px;box-shadow:0 14px 36px #02061740}.dark-agency .content-sticker>span{color:#67e8f9}.motion-control{margin-top:18px;min-height:44px;padding:6px 0;display:inline-flex;align-items:center;gap:9px;background:none;border:0;color:#94a3b8;font-size:12px;cursor:pointer}.motion-control[hidden]{display:none}.motion-control:hover{color:white}.motion-control:disabled{cursor:default}.hero-copy>.eyebrow{animation:enter-up .6s both}.hero-copy>h1{animation:enter-up .7s .08s both}.hero-copy>.intro{animation:enter-up .7s .16s both}.hero-copy>.actions{animation:enter-up .7s .24s both}
/* One continuous typographic transition. */
.dark-agency .ticker{padding:22px 0;background:#101827;border-block:1px solid var(--line);color:#cbd5e1;letter-spacing:1.5px;font-size:18px;text-align:left}.dark-agency .ticker .marquee-track{display:flex;width:max-content;gap:0;animation:marquee-drift 45s linear infinite}.dark-agency .ticker .marquee-group{display:flex;gap:30px;align-items:center;justify-content:flex-start;padding-right:30px;flex-shrink:0}.dark-agency .ticker span{color:#818cf8}.ticker:hover .marquee-track{animation-play-state:paused}
/* Editorial benefits, service glass and quiet pricing. */
.dark-agency .problem-grid{grid-template-columns:1.15fr 1fr;gap:20px}.dark-agency .problem-card{background:var(--surface);border-color:var(--line);border-radius:20px;padding:30px}.dark-agency .problem-card:nth-child(2),.dark-agency .problem-card:nth-child(3){background:linear-gradient(135deg,#202342,#131c2e 75%)}.dark-agency .problem-number{color:#a5b4fc;margin-bottom:30px}.dark-agency .problem-card>p{color:#aab7cb}.dark-agency .problem-solution{border-color:var(--line)}.dark-agency .problem-solution>span{color:#67e8f9}.dark-agency .problem-close{background:linear-gradient(100deg,#1c2342,#122434);border:1px solid #6366f140;border-radius:16px}.dark-agency .problem-close strong{color:white}.dark-agency #layanan{position:relative;isolation:isolate}.dark-agency #layanan:before{content:'';position:absolute;inset:45px -10px -20px;z-index:-1;background-image:linear-gradient(#94a3b808 1px,transparent 1px),linear-gradient(90deg,#94a3b808 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(transparent,#000 20%,#000 85%,transparent);pointer-events:none}.dark-agency .service{background:linear-gradient(145deg,#18273bd9,#131c2ef5);border:1px solid #94a3b833;color:var(--text);border-radius:20px;padding:32px;box-shadow:0 8px 28px #02061726;transition:transform .3s,border-color .3s,box-shadow .3s}.dark-agency .service.social-card{background:linear-gradient(140deg,#252747,#151e32);border-color:#818cf85c}.dark-agency .service.peach{background:linear-gradient(145deg,#25213b,#131c2e)}.dark-agency .service.yellow-bg{background:linear-gradient(145deg,#162c34,#131c2e)}.service-symbol{position:absolute;right:28px;top:24px;display:grid;place-items:center;width:48px;height:48px;border:1px solid #818cf84d;border-radius:14px;color:#a5b4fc;background:#6366f112;transition:transform .3s,background .3s}.service-symbol svg{width:25px;height:25px}.dark-agency .service-number,.dark-agency .service.social-card .service-number{color:#a8b5ca;font-size:11px;letter-spacing:1.8px;padding-right:54px;min-height:34px}.dark-agency .service-title{margin:24px 0 16px}.dark-agency .service-title h3{font-size:28px}.dark-agency .service .service-price,.dark-agency .service.social-card .service-price{color:#e2e8f0;font-size:30px}.dark-agency .service-price span,.dark-agency .service.social-card .service-price span{color:#94a3b8}.dark-agency .service>p:not(.service-price),.dark-agency .service.social-card>p:not(.service-price){color:#b5c0d2}.dark-agency .service .button{background:#202b49;border-color:#6366f170;color:#e0e7ff}.dark-agency .service .button:hover{background:#373b73;border-color:#a5b4fc}.dark-agency .service .text-link{color:#a5eff9}.dark-agency .social-section{align-items:start;gap:50px}.dark-agency .social-art{padding:24px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,#25304a,#111a2d);position:relative}.dark-agency .social-art img{border-radius:16px}.dark-agency .art-caption{color:#cbd5e1;border-color:var(--line);margin-top:14px;letter-spacing:.2px}.dark-agency .social-intro,.dark-agency .cta-note{color:#aab7cb}.dark-agency .more-details{border-color:var(--line)}.dark-agency .benefits{gap:14px}.dark-agency .benefits>div{padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:16px;position:relative}.dark-agency .benefits>div:first-child{grid-column:1/-1;background:linear-gradient(115deg,#252747,#172234)}.dark-agency .benefits>div:last-child{grid-column:1/-1}.dark-agency .benefits>div>span{position:static;background:#6366f126;color:#a5b4fc;border:1px solid #818cf844;transition:transform .3s}.dark-agency .benefits h3{color:#f1f5f9}.dark-agency .benefits p{color:#aab7cb;font-size:14px}.dark-agency .heading-spark{color:#818cf8;opacity:.6}.dark-agency .package{padding:36px;border-radius:22px;transition:border-color .3s,box-shadow .3s}.dark-agency .package.yellow-bg{background:linear-gradient(145deg,#202846,#131c2e 65%);border:1px solid #818cf866;box-shadow:none}.dark-agency .package.aqua{background:#151f31;border:1px solid #94a3b840}.dark-agency .package h3{font-size:34px}.dark-agency .package .price,.dark-agency .package.aqua .price{color:#f8fafc}.dark-agency .package .eyebrow{color:#a5b4fc}.dark-agency .package .price span,.dark-agency .package .package-note{color:#aab7cb}.dark-agency .check-list{color:#d5deeb}.dark-agency .check-list li,.dark-agency .package.yellow-bg .check-list li{border-color:var(--line)}.dark-agency .check-list li:before,.dark-agency .package .check-list li:before{color:#67e8f9}.dark-agency .bundle-section{background:linear-gradient(115deg,#1b2440,#142532);border-color:#6366f14d;border-radius:22px;padding:38px}.dark-agency .bundle-saving{color:#a5eff9}.dark-agency .bundle-tags span{background:#0b112066;border-color:var(--line);color:#cbd5e1}.dark-agency .bundle-offer .price{color:white}.dark-agency .bundle-offer{border-color:var(--line)}
.dark-agency .price-section{background:linear-gradient(180deg,#131c2e,#101a2c);border-color:var(--line);padding-block:80px}.dark-agency .price-tables>div{padding:25px;border:1px solid var(--line);border-radius:18px;background:#0b112040}.dark-agency th,.dark-agency td{border-color:var(--line);color:#d7e1ef}.dark-agency td{color:white}.dark-agency th small,.dark-agency .size-note{color:#aab7cb}.dark-agency .print-benefits{border-color:var(--line)}.dark-agency .estimate{background:#1a2539;border:1px solid #818cf866;border-radius:20px;box-shadow:none}.dark-agency output{color:#a5eff9}.dark-agency .estimate-bottom>div>span{color:#aab7cb}
/* Original photography, in an asymmetric editorial grid. */
.dark-agency .gallery{grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}.dark-agency .gallery figure{grid-column:span 6;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--surface)}.dark-agency .gallery figure:nth-child(1){grid-column:span 7}.dark-agency .gallery figure:nth-child(2){grid-column:span 5}.dark-agency .gallery figure:nth-child(3){grid-column:span 5}.dark-agency .gallery figure:nth-child(4){grid-column:span 7}.dark-agency .gallery .photo{height:360px;aspect-ratio:auto;border:0;border-radius:0;background:#eeede9}.dark-agency .zoom-photo{overflow:hidden}.dark-agency .zoom-photo:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(transparent 65%,#0b112014)}.dark-agency .zoom-photo img{transition:transform .65s cubic-bezier(.2,.6,.3,1)}.dark-agency .photo:after{background:#0b1120e6;color:#f8fafc;border-color:#94a3b84d;bottom:16px;right:16px;padding:7px 12px;z-index:1}.dark-agency .gallery figcaption{padding:20px 24px}.dark-agency .gallery figcaption span{color:#94a3b8}.dark-agency .customer-card{background:#141e31;border:1px solid var(--line);border-radius:20px;transition:transform .3s,border-color .3s}.dark-agency .customer-featured{background:linear-gradient(140deg,#242b49,#152738);border-color:#6366f155}.dark-agency .customer-card>p{color:#b5c0d2}.dark-agency .customer-service{color:#a5b4fc;font-size:11px}.dark-agency .customer-avatar{border:3px solid #334155;width:78px;height:78px}.dark-agency .customer-card .customer-stat,.dark-agency .customer-stat strong{color:#a5eff9}.dark-agency .customer-account{border-color:var(--line)}.dark-agency .customer-account:hover,.dark-agency .problem-solution a:hover{color:white}.dark-agency .order-steps li{border-color:#818cf84d}.dark-agency .step-number{color:#818cf8}.dark-agency .order-steps p{color:#aab7cb}
/* Native details retain keyboard behavior; capable browsers interpolate height. */
.dark-agency .faq-list,.dark-agency .faq-list details{border-color:var(--line)}.dark-agency .faq-list summary{color:#e2e8f0;padding-block:24px}.dark-agency .faq-list summary:after,.dark-agency .faq-list details[open] summary:after{content:'+';color:#a5b4fc;transition:transform .3s;top:25px}.dark-agency .faq-list details[open] summary:after{transform:rotate(45deg)}.dark-agency .faq-list details p{color:#aab7cb}.dark-agency .faq-list details[open]{background:linear-gradient(90deg,transparent,#131c2e)}.dark-agency details[open]::details-content{animation:details-in .3s ease-out}@supports(interpolate-size:allow-keywords){.dark-agency details{interpolate-size:allow-keywords}.dark-agency details::details-content{block-size:0;opacity:0;overflow:clip;transition:block-size .3s,opacity .3s,content-visibility .3s allow-discrete}.dark-agency details[open]::details-content{block-size:auto;opacity:1}}
.dark-agency .location-card{background:linear-gradient(120deg,#172537,#131c2e);border-color:var(--line);border-radius:22px}.dark-agency .map-mark{color:#cbd5e1}.dark-agency .map-mark path[fill="#AFE0DC"]{fill:#1e3b4b}.dark-agency .map-mark path[fill="#FFCD48"]{fill:#6366f1}.dark-agency .map-mark circle{fill:#c7d2fe}
/* Closing CTA and accessible dark form fields. */
.dark-agency .consult-section{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(120deg,#20234a,#101b30 65%);border-top:1px solid #818cf833;margin-top:80px;padding:85px 0}.dark-agency .consult-section:before{content:'';position:absolute;z-index:-1;width:700px;height:700px;left:-180px;top:-220px;border-radius:50%;background:radial-gradient(circle,#6366f133,transparent 65%);animation:ambient-drift 18s ease-in-out infinite alternate;pointer-events:none}.dark-agency .consult-section:after{content:'✦';position:absolute;color:#818cf830;font-size:160px;left:35%;bottom:24px;z-index:-1;animation:card-float 16s ease-in-out infinite alternate;pointer-events:none}.dark-agency .consult-grid h2{font-size:clamp(34px,4.2vw,56px)}.dark-agency .consult-grid>div>.eyebrow,.dark-agency .hand-note{color:#a5b4fc}.dark-agency .consult-grid>div>p:not(.eyebrow){color:#b5c0d2}.dark-agency .consult-form{background:#131c2ef2;border:1px solid #818cf84d;color:#f8fafc;box-shadow:0 20px 60px #02061733}.dark-agency select,.dark-agency textarea{background:#0f1829;color:#f1f5f9;border:1px solid #64748b;border-radius:9px}.dark-agency textarea::placeholder{color:#94a3b8}.dark-agency .service-options label span{background:#1a2539;border-color:#64748b;color:#cbd5e1;transition:background .25s,border-color .25s}.dark-agency .service-options input:checked+span{background:#343978;border-color:#a5b4fc;color:white;box-shadow:inset 0 0 0 1px #a5b4fc}.dark-agency .service-options input:focus-visible+span{outline:3px solid var(--cyan);outline-offset:3px}.dark-agency .form-note,.dark-agency .optional{color:#aab7cb}.dark-agency #consult-wa,.dark-agency #shirt-wa,.dark-agency .mobile-contact .button{background:#a5eff9;color:#0b1120;border-color:#a5eff9;box-shadow:none}.dark-agency #consult-wa:hover,.dark-agency #shirt-wa:hover,.dark-agency .mobile-contact .button:hover{background:#cffafe;border-color:#cffafe;box-shadow:0 8px 24px #22d3ee22}.dark-agency dialog{background:#131c2e;color:#f8fafc;border-color:#818cf866}.dark-agency .dialog-close{background:#1e293b;color:#f8fafc;border-color:#64748b}.dark-agency dialog::backdrop{background:#020617bd;backdrop-filter:blur(7px)}.dark-agency .consult-dialog .consult-form{background:transparent;border:0;box-shadow:none}.dark-agency .photo-dialog p{color:#cbd5e1}.dark-agency .mobile-contact{background:#0b1120f5;border-color:#6366f14d;box-shadow:0 -6px 30px #02061755}.dark-agency .mobile-contact>span{color:#b5c0d2}
.dark-agency footer{background:#080e1b;color:#cbd5e1;border-top:1px solid var(--line)}.dark-agency .footer-brand{background:#fff8e8}.dark-agency footer .eyebrow,.dark-agency .footer-map{color:#a5b4fc}.dark-agency .footer-bottom{color:#94a3b8;border-color:var(--line)}.dark-agency footer .footer-social,.dark-agency footer .social-account-links a{border-color:var(--line)}.dark-agency footer .social-account-links a{background:#131c2e;transition:background .25s,border-color .25s}.dark-agency footer .social-account-links a:hover{background:#202b49;color:#f8fafc;border-color:#818cf8}.dark-agency .policy-date{color:#94a3b8}.dark-agency .policy-content,.dark-agency .policy-content section{border-color:var(--line)}.dark-agency .policy-content li{color:#b5c0d2}.dark-agency .policy-contact{background:#1c2840;border-color:#818cf84d}.dark-agency .policy-main{padding-top:60px}
/* Progressive enhancement: everything remains visible without JavaScript. */
.reveal-pending{opacity:0;translate:0 22px;transition:opacity .65s ease,translate .65s cubic-bezier(.2,.7,.3,1);transition-delay:var(--reveal-delay,0ms)}.reveal-pending.is-visible{opacity:1;translate:0 0}.dark-agency .service.reveal-pending,.dark-agency .customer-card.reveal-pending{transition:opacity .65s,translate .65s,transform .3s,border-color .3s,box-shadow .3s}.dark-agency .is-visible{transition-delay:0ms}
@media(hover:hover) and (pointer:fine){.dark-agency .service:hover{transform:translateY(-5px);border-color:#818cf8;box-shadow:0 14px 40px #6366f11c}.service:hover .service-symbol{transform:rotate(-5deg);background:#6366f126}.dark-agency .package:hover{border-color:#818cf8;box-shadow:0 12px 35px #6366f112}.dark-agency .customer-card:hover{transform:translateY(-4px);border-color:#818cf877}.dark-agency .zoom-photo:hover img,.dark-agency .zoom-photo:focus-visible img{transform:scale(1.04)}.dark-agency .benefits>div:hover>span{transform:rotate(-10deg)}}
@keyframes ambient-drift{from{transform:translate3d(-25px,10px,0) scale(.95)}to{transform:translate3d(35px,-30px,0) scale(1.08)}}@keyframes card-float{from{translate:0 0}to{translate:0 -12px}}@keyframes enter-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes details-in{from{opacity:0}to{opacity:1}}@keyframes marquee-drift{to{transform:translateX(-50%)}}
.motion-paused *, .motion-paused *:before,.motion-paused *:after,.page-idle *, .page-idle *:before,.page-idle *:after{animation-play-state:paused!important}.motion-paused .reveal-pending{opacity:1;translate:none}.scene-idle .orb,.scene-idle .live-card,.scene-idle:before,.scene-idle:after{animation-play-state:paused!important}
@media(min-width:1024px){.dark-agency .social-art{position:sticky;top:32px}.dark-agency .hero-copy{max-width:640px}}
@media(min-width:721px) and (max-width:1023px){.dark-agency .hero{padding-top:46px;min-height:0;gap:36px}.dark-agency .hero h1{font-size:64px}.dark-agency .hero-art{height:240px;border-color:#818cf84d;background:linear-gradient(120deg,#171f36,#28335a);transform:none}.dark-agency .hero-photo{position:relative;left:0;top:0;width:36%;height:240px;transform:none;border:0;border-radius:0;box-shadow:none}.dark-agency .hero-photo img{object-fit:contain}.dark-agency .creative-note{position:static;transform:none;font-size:28px;width:64%;padding:28px}.dark-agency .creative-note span{font-size:36px}.dark-agency .section{padding-top:72px}.dark-agency .service{padding:26px}.dark-agency .service-title h3{font-size:25px}.dark-agency .service-number{font-size:10px}.dark-agency .social-section{gap:32px}.dark-agency .social-art{max-width:480px}.dark-agency .gallery figure:nth-child(n){grid-column:span 6}.dark-agency .gallery .photo{height:300px}.dark-agency .problem-grid{grid-template-columns:1fr 1fr}.dark-agency .problem-close{align-items:stretch;flex-direction:column}.dark-agency .package{padding:28px}.dark-agency .package h3{font-size:30px}.dark-agency .bundle-section{padding:30px}}
@media(max-width:720px){.dark-agency .header{padding:12px 0}.dark-agency .header .logo-frame{width:108px;height:72px}.dark-agency .header .logo-frame img{width:134px;height:134px;left:-15px;top:-30px}.dark-agency .header.nav-ready nav{background:#131c2e;border-color:#64748b;box-shadow:0 18px 32px #02061766}.dark-agency .header.nav-ready nav a:hover,.dark-agency .header.nav-ready nav a:focus-visible{background:#253250}.dark-agency .header nav a:after{display:none}.dark-agency .hero{padding:34px 0 30px;min-height:0;gap:24px}.dark-agency .hero h1{font-size:clamp(39px,10.8vw,53px);letter-spacing:-2px;line-height:1.06}.dark-agency .hero .eyebrow{font-size:10px;letter-spacing:1.4px}.dark-agency .intro{font-size:16px}.dark-agency .hero .actions>.text-link{display:inline-flex;min-height:44px;align-items:center}.dark-agency .hero .actions{gap:4px}.dark-agency .quick-services{margin-top:12px;gap:9px}.dark-agency .quick-services a{padding:12px 10px}.dark-agency .quick-services strong{font-size:16px}.dark-agency .quick-services a>span:first-child{font-size:13px}.dark-agency .hero-art{height:164px;border:1px solid #818cf84d;background:linear-gradient(120deg,#141f35,#29355b);border-radius:18px;transform:none}.dark-agency .hero-photo{position:relative;left:0;top:0;width:43%;height:164px;transform:none;border:0;border-radius:0;box-shadow:none}.dark-agency .hero-photo img{object-fit:contain}.dark-agency .creative-note{position:static;transform:none;font-size:17px;width:57%;padding:16px;letter-spacing:.2px}.dark-agency .creative-note span{font-size:28px;margin-bottom:7px}.motion-control{margin-top:8px}.orb-one{width:620px;right:-280px;top:-110px;animation-duration:20s}.orb-two,.orb-three,.orbit-line{display:none}.ambient-scene:before{display:none}.ambient-scene:after{background-size:44px 44px;opacity:.4}.dark-agency .ticker{padding:18px 0;font-size:14px}.dark-agency .ticker .marquee-group{gap:22px;padding-right:22px}.dark-agency .section{padding-top:64px;padding-bottom:16px}.dark-agency .section-heading{margin-bottom:28px}.dark-agency .section-heading h2,.dark-agency .social-copy h2,.dark-agency .bundle-section h2,.dark-agency .faq-section h2,.dark-agency .consult-grid h2{font-size:clamp(29px,8vw,35px);letter-spacing:-1.1px}.dark-agency .section-heading>p{font-size:15px;line-height:1.75}.dark-agency .problem-grid{grid-template-columns:1fr}.dark-agency .problem-card{padding:24px}.dark-agency .problem-number{margin-bottom:20px}.dark-agency .service{padding:24px;border-radius:18px}.service-symbol{width:42px;height:42px;right:22px;top:21px}.service-symbol svg{width:23px;height:23px}.dark-agency .service-number{font-size:10px;min-height:30px;letter-spacing:1.2px}.dark-agency .service-title{margin-top:24px}.dark-agency .service-title h3{font-size:25px}.dark-agency .service .service-price{font-size:28px}.dark-agency .social-section{gap:30px}.dark-agency .social-art{padding:14px;max-width:400px}.dark-agency .benefits>div{padding:20px}.dark-agency .benefits p{font-size:15px}.dark-agency .package{padding:26px}.dark-agency .package h3{font-size:30px}.dark-agency .package .price{font-size:34px}.dark-agency .bundle-section{padding:24px}.dark-agency .price-section{padding:60px 0}.dark-agency .price-tables>div{padding:20px}.dark-agency .estimate{padding:22px}.dark-agency .gallery{grid-template-columns:1fr;gap:22px}.dark-agency .gallery figure:nth-child(n){grid-column:auto}.dark-agency .gallery .photo{height:auto;aspect-ratio:1.1}.dark-agency .gallery figcaption{padding:18px 20px}.dark-agency .customer-card{padding:24px}.dark-agency .customer-top{align-items:center}.dark-agency .location-card{padding:24px}.dark-agency .consult-section{margin-top:50px;padding:60px 0}.dark-agency .consult-section:after{display:none}.dark-agency .consult-section:before{width:450px;height:450px}.dark-agency .consult-form{padding:22px}.dark-agency .consult-dialog .consult-form{padding:0}.dark-agency .dialog-heading h2{font-size:25px}.dark-agency .policy-page .policy-main{padding-top:30px}.dark-agency .policy-main h1{font-size:36px}}
@media(max-width:359px){.dark-agency .hero h1{font-size:37px}.dark-agency .service,.dark-agency .package,.dark-agency .consult-form,.dark-agency .estimate{padding:20px}.dark-agency .package .price{font-size:30px}.dark-agency .service-number{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.dark-agency *,.dark-agency *:before,.dark-agency *:after{animation:none!important;transition:none!important}.dark-agency .hero-art{transform:none!important}.reveal-pending{opacity:1;translate:none}.dark-agency .ticker .marquee-track{transform:none}.dark-agency .service:hover,.dark-agency .button:hover,.dark-agency .customer-card:hover{transform:none}}
/* Keep the entire authentic mark inside its light plate. */
.dark-agency .header .logo-frame{height:96px}.dark-agency .header .logo-frame img{width:146px;height:146px;left:-8px;top:-25px}.dark-agency .footer-brand .logo-frame{height:96px}.dark-agency .footer-brand .logo-frame img{width:146px;height:146px;left:-9px;top:-25px}
.dark-agency .dialog-heading h2{font-size:28px;letter-spacing:-1px}.dark-agency .location-card h2{font-size:32px}.dark-agency .policy-content h2,.dark-agency .policy-contact h2{font-size:24px;letter-spacing:-.6px}
@media(max-width:720px){.dark-agency .header .logo-frame{height:78px}.dark-agency .header .logo-frame img{width:122px;height:122px;left:-7px;top:-21px}.dark-agency .dialog-heading h2{font-size:25px}.dark-agency .location-card h2{font-size:28px}}
.reveal-pending.is-visible{transition-delay:var(--reveal-delay,0ms),var(--reveal-delay,0ms),0ms,0ms,0ms}
.dark-agency .faq-list details[open] summary:after{content:'−';transform:rotate(180deg)}
@media print{.dark-agency{background:white;color:#111}.dark-agency h1,.dark-agency h2,.dark-agency h3,.dark-agency p{color:#111}.ambient-scene,.ticker,.motion-control,.mobile-contact{display:none!important}.reveal-pending{opacity:1;translate:none}}
/* Slightly deeper button indigo gives white labels a 5:1 contrast ratio. */
.dark-agency .button,.dark-agency .hero .actions>.button{background:#5b5ee4}
.dark-agency .service .button{background:#202b49}
.dark-agency .service .button:hover{background:#373b73}
.dark-agency #consult-wa,.dark-agency #shirt-wa,.dark-agency .mobile-contact .button{background:#a5eff9}
.dark-agency #consult-wa:hover,.dark-agency #shirt-wa:hover,.dark-agency .mobile-contact .button:hover{background:#cffafe}