/* ASAP Magnetic Print Package: original vector assets and source gold palette. */
:root{--bg:#070707;--bg-2:#10100f;--surface:#121210;--surface-2:#191814;--text:#fffaf0;--muted:#beb7a7;--gold:#e4bc67;--gold-2:#fff0b5;--gold-deep:#a9772c;--gold-grad:linear-gradient(135deg,#a9772c 0%,#e4bc67 22%,#fff0b5 43%,#edc96f 58%,#bf8731 78%,#f1ca77 100%);--gold-soft:rgba(228,188,103,.1);--line:rgba(228,188,103,.18);--line-2:rgba(228,188,103,.34);--font-display:Georgia,'Times New Roman',serif;--radius:4px;--radius-sm:3px}
body{background:linear-gradient(120deg,#151515,#050505 55%,#171717);color:var(--text)}
.grain{opacity:.025}.nav{background:rgba(7,7,7,.97);border-bottom:1px solid #a9772c}.nav__inner{min-height:92px;gap:26px}.nav .brand{flex-shrink:0}.magnetic-logo{width:240px;height:64px;object-fit:contain}.nav__links{gap:22px}.nav__links a{font-size:.8rem}.nav__phone{display:none}
.hero{min-height:830px;padding-top:60px;border-bottom:1px solid #a9772c}.hero::before{content:'';position:absolute;inset:20px;z-index:1;border:1px solid rgba(237,201,111,.65);pointer-events:none}.hero::after{content:'';position:absolute;inset:0;background:url('assets/brand/corners.svg') center/100% 100% no-repeat;pointer-events:none;z-index:1;opacity:.75}.hero__inner{z-index:2}.hero__photo{opacity:.45}.hero__roof{width:250px;max-width:55%;height:auto;margin-bottom:18px}.hero__title{font-family:var(--font-display);font-size:clamp(3.5rem,7.4vw,6.5rem);line-height:1.03;font-weight:700;background:var(--gold-grad);background-clip:text;-webkit-background-clip:text;color:transparent;margin-top:0}.hero__sub{letter-spacing:.035em;color:var(--gold-2);font-weight:600}.hero__description{max-width:48ch}.hero__image-note{font-size:.7rem}.hero__license{color:#e4bc67}
.btn{border-radius:3px;font-weight:700;letter-spacing:.035em}.btn--gold{background:var(--gold-grad);color:#161006;box-shadow:0 3px 15px #0005;border:1px solid #fff0b580}.btn--ghost{border-color:#e4bc6770}.section__title{font-family:var(--font-display);font-weight:700;letter-spacing:-.025em}.eyebrow{color:#e4bc67}.section__head{border-top:1px solid #a9772c70;padding-top:28px}.card{background:linear-gradient(145deg,#191813,#0b0b0a);border:1px solid #b47c294d;border-radius:4px}.card:hover{border-color:#e4bc67}.card__icon{border-color:#e4bc6750;background:#e4bc6710;color:#edc96f}.card h3{font-family:var(--font-display);font-size:1.55rem}.trust{border-color:#a9772c80;background:#070707}.ba{border:1px solid #e4bc67;border-radius:4px}.ba__grip{background:#edc96f}.inspiration-grid figure{border:1px solid #a9772c70;border-radius:4px;overflow:hidden}.inspiration-grid figcaption{color:#e4bc67}.contact__form{background:linear-gradient(130deg,#191813,#080808);border:1px solid #bf8731;border-radius:4px}.cta-band__inner{border:1px solid #e4bc6770;border-radius:3px}.faq__item{border-color:#e4bc6730}.footer{border-top:1px solid #a9772c}.mobile-contact{border-top-color:#e4bc67}
@media(max-width:1100px){.nav__inner{gap:16px}.nav__links{gap:14px}.magnetic-logo{width:200px}.nav__cta .btn{padding:12px 16px}}
@media(max-width:820px){.nav__inner{min-height:80px}.nav__links a{font-size:1.4rem}.magnetic-logo{width:210px;height:58px}.hero{min-height:790px;padding:45px 0}.hero::before{inset:12px}.hero__inner{padding:1.5rem 18px}.hero__roof{width:220px}.hero__title{font-size:clamp(3.2rem,10vw,5.4rem)}.hero::after{opacity:.35}}
@media(max-width:560px){.nav__inner{gap:10px}.magnetic-logo{width:190px;height:55px}.hero{min-height:810px}.hero__inner{padding:1.3rem 12px}.hero__title{font-size:clamp(3.2rem,13vw,4.8rem)}.hero__roof{width:190px;margin-bottom:22px}.hero__sub{font-size:1.08rem;max-width:27ch}.hero__description{font-size:.96rem}.hero__actions{margin-top:25px}.hero__image-note{max-width:30ch}.section__title{font-size:2.25rem}.card{padding:24px}.nav .brand img{max-width:190px}}

/* QA polish: sticky header clearance and compact mobile accents. */
.review-note{margin-top:110px}.section{scroll-margin-top:120px}.footer .magnetic-logo{max-width:100%;height:auto}.hero{margin-top:0}
@media(max-width:820px){.review-note{margin-top:98px}.section{scroll-margin-top:108px}.hero::after{background:none;border-top:3px solid #e4bc67;inset:12px 12px auto;width:58px;height:0;opacity:.8}.hero__inner{padding-bottom:36px}}

/* Keep decorative corners clear of the hero text. */
.hero::after{clip-path:polygon(65% 55%,100% 55%,100% 100%,65% 100%)}