:root{--navy:#101b35;--navy2:#172747;--gold:#d7ad62;--gold2:#f2d7a0;--ink:#20283a;--muted:#667085;--paper:#f7f5f0;--line:#e5e2da;--white:#fff;--green:#2e806b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.55}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.topbar{height:78px;padding:0 6.5%;display:flex;align-items:center;justify-content:space-between;background:var(--navy);color:white;position:sticky;top:0;z-index:20;box-shadow:0 5px 25px #101b3520}.brand{display:flex;gap:11px;align-items:center;letter-spacing:.04em}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--gold);color:var(--gold);font:italic 700 27px Georgia,serif;transform:skew(-5deg)}.brand strong,.brand small{display:block}.brand strong{font-size:14px;letter-spacing:.14em}.brand small{font-size:8px;letter-spacing:.17em;color:#b8c0d1;margin-top:3px}nav{display:flex;align-items:center;gap:26px;font-size:12px;color:#e0e5ef}nav a:hover{color:var(--gold2)}.nav-login{border:1px solid #8b96ac;padding:10px 14px;border-radius:3px}.menu-toggle{display:none;background:none;color:white;border:0;font-size:24px}.hero{min-height:590px;display:grid;grid-template-columns:1fr 1fr;background:var(--navy);color:white;padding:66px 6.5% 60px;gap:40px;overflow:hidden}.hero-copy{align-self:center;max-width:590px}.eyebrow{font-size:10px;letter-spacing:.22em;color:#9d7840;font-weight:800;margin-bottom:18px}.hero .eyebrow{color:var(--gold)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:500;letter-spacing:-.04em;line-height:1.04}h1{font-size:clamp(42px,5vw,68px);margin-bottom:24px}h1 em,h2 em{color:var(--gold);font-weight:400}.hero-copy>p{max-width:490px;color:#c8cfdd;font-size:15px;line-height:1.8}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0 27px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid transparent;padding:13px 18px;font-size:12px;font-weight:750;cursor:pointer;transition:.2s;border-radius:2px}.btn:hover{transform:translateY(-2px)}.btn-gold{background:var(--gold);color:#1b2334}.btn-gold:hover{background:var(--gold2)}.btn-ghost{border-color:#58657b;color:#fff}.btn-dark{background:var(--navy);color:#fff}.btn-outline{border-color:#c9cdd5;background:transparent;color:var(--navy)}.hero-trust{display:flex;gap:16px;flex-wrap:wrap;font-size:10px;color:#b5bfd0}.hero-visual{position:relative;min-height:420px;align-self:center;overflow:hidden;background:linear-gradient(160deg,#253c61,#0c1426 70%);border:1px solid #ffffff1a}.visual-sky{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 15%,#e8bd6a36,transparent 45%),linear-gradient(180deg,#253a59,#0d172b)}.building{position:absolute;bottom:0;background:#10192a;border:1px solid #52607845}.building:after{content:"";position:absolute;inset:15px;background:repeating-linear-gradient(90deg,transparent 0 20px,#d8ad6238 21px 25px),repeating-linear-gradient(0deg,transparent 0 24px,#d8ad6226 25px 28px)}.b1{left:0;width:23%;height:66%}.b2{right:0;width:27%;height:80%}.b3{left:22%;width:17%;height:42%}.billboard{position:absolute;left:16%;right:14%;top:24%;height:43%;background:linear-gradient(135deg,#e5bd71,#f3d99e 48%,#c99b4e);box-shadow:0 0 60px #d7ad6240;color:#101b35;padding:24px 28px;display:flex;flex-direction:column;justify-content:center;transform:perspective(700px) rotateY(-4deg);border:8px solid #111a2b}.billboard-tag{font-size:9px;letter-spacing:.2em;font-weight:800}.billboard strong{font:700 clamp(22px,3vw,42px)/.98 Georgia,serif;margin:12px 0}.billboard strong span{color:#fff;text-shadow:1px 1px #27344c}.billboard small{font-size:8px;letter-spacing:.18em}.visual-caption{position:absolute;bottom:18px;left:20px;color:#d5dcea;font-size:10px;letter-spacing:.04em}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#7bd5a6;margin-right:7px}.stats{padding:26px 8%;display:grid;grid-template-columns:repeat(4,1fr);background:#f4f0e7;border-bottom:1px solid var(--line)}.stats div{padding:5px 18px;border-right:1px solid #ddd7c9}.stats div:last-child{border:0}.stats strong{display:block;font:500 26px Georgia,serif;color:var(--navy)}.stats span{font-size:10px;color:var(--muted)}.section,.inventory-section,.how-section{padding:94px 8%}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:36px}.section-heading h2,.about-copy h2,.portal-intro h2,.contact-section h2{font-size:clamp(36px,4vw,50px);margin-bottom:0;color:var(--navy)}.section-heading h2 em,.about-copy h2 em,.portal-intro h2 em,.contact-section h2 em{color:#b58a43}.section-heading>p{max-width:340px;font-size:12px;line-height:1.8;color:var(--muted);margin:0}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.service-card{min-height:255px;padding:28px 25px;border:1px solid var(--line);background:#fff;position:relative;transition:.2s}.service-card:hover{transform:translateY(-4px);box-shadow:0 14px 35px #18243c0d}.service-dark{background:var(--navy);color:white;border-color:var(--navy)}.service-icon{font-size:28px;color:#b58a43;margin-bottom:22px}.service-number{display:block;font-size:9px;letter-spacing:.18em;color:#a18b63;margin-bottom:10px}.service-card h3{font:500 23px Georgia,serif;margin-bottom:11px}.service-card p{font-size:11px;line-height:1.8;color:var(--muted);min-height:58px}.service-dark p{color:#b9c2d2}.service-card a{font-size:10px;font-weight:800;color:#a17a39}.inventory-section{background:var(--paper)}.inventory-tools{display:grid;grid-template-columns:1.3fr 1fr 1fr auto;gap:12px;align-items:end;background:#fff;border:1px solid var(--line);padding:18px;margin-bottom:24px}.inventory-tools label,.contact-form label,.modal-panel label{font-size:10px;font-weight:750;color:#505a6e;display:flex;flex-direction:column;gap:7px}.inventory-tools input,.inventory-tools select,.contact-form input,.contact-form select,.contact-form textarea,.modal-panel input,.modal-panel textarea{border:1px solid #d9dce2;background:#fff;padding:12px;color:var(--ink);outline:none;border-radius:2px;width:100%;font-size:12px}.inventory-tools input:focus,.inventory-tools select:focus,.contact-form input:focus,.contact-form textarea:focus,.modal-panel input:focus,.modal-panel textarea:focus{border-color:#b58a43;box-shadow:0 0 0 2px #b58a431a}.inventory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.inventory-card{background:white;border:1px solid var(--line);overflow:hidden}.inventory-art{height:150px;position:relative;background:linear-gradient(135deg,#243956,#111b30);overflow:hidden}.inventory-art:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 27px,#ffffff0a 28px 30px)}.art-led{background:linear-gradient(130deg,#0e1b2e,#284c5d)}.art-led:after{content:"LED MEDIA";position:absolute;left:18%;top:28%;width:65%;padding:19px 5px;background:#e3ba70;color:#111b30;text-align:center;font:700 22px Georgia,serif;box-shadow:0 0 35px #e3ba7055}.art-hoarding:after{content:"YOUR BRAND HERE";position:absolute;left:12%;top:30%;width:76%;padding:20px 3px;background:#e8d4a5;color:#19243a;text-align:center;font:700 20px Georgia,serif;border:5px solid #0d1728}.art-banner:after{content:"BRAND • CONNECT • GROW";position:absolute;left:12%;top:30%;width:76%;padding:20px 3px;background:#f5f1e7;color:#19243a;text-align:center;font:700 15px Georgia,serif;border:4px solid #a87f3b}.art-van:after{content:"MAZIC LINE";position:absolute;left:15%;top:40%;width:65%;padding:19px 5px;background:#d9b36b;color:#101b35;text-align:center;font-weight:800;transform:skew(-5deg)}.inventory-badge{position:absolute;top:12px;left:12px;background:#fff;color:#253047;padding:5px 8px;font-size:9px;font-weight:800;z-index:2}.inventory-body{padding:19px}.inventory-body h3{font:500 21px Georgia,serif;margin:5px 0}.inventory-location{font-size:10px;color:var(--muted)}.inventory-meta{display:flex;gap:12px;flex-wrap:wrap;margin:14px 0;color:#5c6575;font-size:10px}.inventory-price{font-size:10px;color:#687184}.inventory-price strong{font:600 21px Georgia,serif;color:var(--navy)}.inventory-foot{display:flex;align-items:center;justify-content:space-between;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}.inventory-foot button{font-size:10px;padding:10px 12px}.inventory-note,.form-help{font-size:10px;color:#7c8492;margin-top:18px}.empty-state{padding:35px;text-align:center;color:var(--muted);grid-column:1/-1;background:white;border:1px dashed #d4d8df}.how-section{background:white}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:44px}.steps>div{border-top:1px solid var(--gold);padding-top:18px}.steps span{font:500 25px Georgia,serif;color:#b58a43}.steps h3{font:500 22px Georgia,serif;margin:16px 0 8px}.steps p{font-size:11px;color:var(--muted);line-height:1.8}.about-section{display:grid;grid-template-columns:1fr 1fr;min-height:450px;background:#f2efe7}.about-art{position:relative;overflow:hidden;background:linear-gradient(135deg,#13223f,#2e4763);min-height:390px}.about-art:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 49.8%,#d7ad62 50%,transparent 50.3%),linear-gradient(45deg,transparent 49.8%,#ffffff1c 50%,transparent 50.3%)}.about-stamp{position:absolute;left:25%;top:22%;width:230px;height:230px;border:1px solid var(--gold);border-radius:50%;display:grid;place-content:center;text-align:center;font:700 30px/.95 Georgia,serif;letter-spacing:.08em;color:var(--gold);transform:rotate(-12deg)}.about-line{position:absolute;width:80%;height:2px;background:var(--gold);top:50%;left:10%;transform:rotate(-27deg)}.about-copy{padding:72px 10% 60px 12%;align-self:center}.about-copy h2{font-size:46px;margin-bottom:22px}.about-copy>p{font-size:12px;color:var(--muted);line-height:1.9}.values{display:grid;gap:14px;margin-top:28px}.values div{display:flex;gap:18px;align-items:baseline}.values strong{min-width:95px;font:500 17px Georgia,serif;color:var(--navy)}.values span{font-size:10px;color:var(--muted)}.portal-section{padding:85px 8%;background:var(--navy);color:white;display:grid;grid-template-columns:.8fr 1.5fr;gap:45px;align-items:start}.portal-intro .eyebrow{color:var(--gold)}.portal-intro h2{color:white}.portal-intro>p{font-size:11px;color:#b7c1d2;line-height:1.8;margin-top:22px}.portal-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.portal-cards article{background:#1b2a49;border:1px solid #ffffff16;padding:22px 16px}.portal-icon{font-size:24px;color:var(--gold);margin-bottom:18px}.portal-cards h3{font:500 19px Georgia,serif}.portal-cards p{font-size:10px;color:#bdc6d6;line-height:1.8;min-height:72px}.portal-cards .btn{font-size:9px;padding:10px;width:100%}.portal-message{grid-column:2;background:#f5f0e6;color:var(--navy);padding:16px;font-size:11px;line-height:1.8}.contact-section{padding:90px 8%;display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;background:#f7f5f0}.contact-section h2{font-size:48px}.contact-section>div>p{font-size:12px;color:var(--muted);line-height:1.8;margin:22px 0}.contact-details{display:grid;gap:12px;font-size:11px;color:var(--navy)}.contact-details small{color:#8a8f99}.contact-form{background:white;border:1px solid var(--line);padding:28px;display:grid;gap:15px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-form .btn{justify-self:start}.contact-form #formStatus,.modal-panel #bookingStatus{font-size:11px;color:var(--green)}footer{padding:34px 8% 25px;background:#0b1325;color:#d7dce5;display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:center}.footer-brand{justify-self:start}.footer-brand .brand-mark{width:36px;height:36px;font-size:22px}footer>p{justify-self:end;font:italic 18px Georgia,serif;color:var(--gold);margin:0}.footer-links{display:flex;gap:22px;font-size:10px;color:#aeb8c9}.footer-links a:hover{color:var(--gold)}footer>small{justify-self:end;text-align:right;max-width:480px;color:#8590a4;font-size:9px}.modal{display:none;position:fixed;inset:0;z-index:50;align-items:center;justify-content:center;padding:20px}.modal.open{display:flex}.modal-backdrop{position:absolute;inset:0;background:#080e1bd9}.modal-panel{position:relative;background:white;padding:30px;width:min(650px,100%);max-height:90vh;overflow:auto;box-shadow:0 20px 90px #0005}.modal-panel h2{font:500 32px Georgia,serif;color:var(--navy)}.modal-close{position:absolute;right:16px;top:12px;border:0;background:none;font-size:28px;cursor:pointer}.selected-summary{background:#f5f2eb;padding:12px;margin-bottom:18px;font-size:11px;line-height:1.8}.modal-panel form{display:grid;gap:14px}.modal-panel .btn{justify-self:start}.modal-panel .form-help{margin:0}@media(max-width:1000px){nav{gap:14px}.hero{padding-left:5%;padding-right:5%;gap:24px}.billboard{padding:15px}.section,.inventory-section,.how-section{padding:75px 5%}.portal-section{padding:70px 5%;grid-template-columns:1fr}.portal-message{grid-column:1}.contact-section{padding:70px 5%;gap:35px}.inventory-tools{grid-template-columns:1fr 1fr}.inventory-tools .btn{min-height:43px}.portal-cards p{min-height:90px}}@media(max-width:720px){.topbar{height:68px;padding:0 5%}.menu-toggle{display:block}nav{display:none;position:absolute;top:68px;left:0;right:0;background:var(--navy);padding:18px 5% 24px;flex-direction:column;align-items:stretch;gap:16px}nav.open{display:flex}.nav-login{text-align:center}.hero{grid-template-columns:1fr;padding:50px 5% 35px}.hero-visual{min-height:330px}.hero-trust{gap:10px}.stats{grid-template-columns:1fr 1fr;padding:20px 5%;gap:15px}.stats div{border:0;padding:4px 10px}.section-heading{display:block}.section-heading>p{margin-top:18px}.service-grid,.inventory-grid{grid-template-columns:1fr 1fr}.service-card{padding:22px 18px}.inventory-tools{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr;gap:22px}.about-section{grid-template-columns:1fr}.about-art{min-height:300px}.about-copy{padding:48px 7%}.portal-cards{grid-template-columns:1fr}.portal-cards p{min-height:0}.contact-section{grid-template-columns:1fr;gap:25px}.contact-section h2{font-size:42px}footer{grid-template-columns:1fr;padding:30px 5%}footer>p,footer>small{justify-self:start;text-align:left}.footer-links{flex-wrap:wrap}.form-row{grid-template-columns:1fr}.section,.inventory-section,.how-section{padding:60px 5%}}@media(max-width:440px){.service-grid,.inventory-grid{grid-template-columns:1fr}.service-card p{min-height:0}.hero-actions .btn{width:100%}.billboard{left:10%;right:9%;padding:12px;border-width:5px}.billboard strong{font-size:26px}.steps{grid-template-columns:1fr}.contact-form{padding:20px}.section-heading h2,.about-copy h2,.portal-intro h2{font-size:38px}}
