.sc-page{background: #fff;color: #0a0a0a}.sc-page :where(section){background: #fff}.sc-page .breadcrumb,.sc-page .breadcrumb a{color: #888}.sc-page .breadcrumb .current{color: var(--accent)}.sc-hero{position: relative;min-height: 78vh;display: flex;align-items: center;justify-content: center;text-align: center;padding: 80px 32px;background: #161616;overflow: hidden}.sc-hero::before{content: "";position: absolute;inset: 0;z-index: 1;background: linear-gradient(180deg,rgba(0,0,0,0.42) 0%,rgba(0,0,0,0.22) 42%,rgba(0,0,0,0.72) 100%);pointer-events: none}.sc-hero-video{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;z-index: 0;border: 0}.sc-hero-inner{position: relative;z-index: 2;max-width: 860px;width: 100%;display: flex;flex-direction: column;align-items: center;gap: 26px}.sc-hero-lockup{width: 100%;max-width: 560px;height: auto;display: block;filter: drop-shadow(0 0 22px rgba(255,255,255,0.55)) drop-shadow(0 2px 10px rgba(255,255,255,0.4))}.sc-tagline{font-family: var(--font-display);color: #fff;font-weight: 800;font-size: clamp(38px,6vw,76px);line-height: 1.02;letter-spacing: -0.01em;margin: 0;max-width: 16ch;text-shadow: 0 2px 30px rgba(0,0,0,0.45)}.sc-tagline .accent{color: var(--accent)}.sc-hero-sub{color: rgba(255,255,255,0.9);font-size: clamp(16px,2vw,19px);line-height: 1.6;max-width: 52ch;margin: 0}.sr-only{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);white-space: nowrap;border: 0}.sc-hero-actions{display: flex;gap: 14px;flex-wrap: wrap;justify-content: center;margin-top: 8px}.sc-pink-btn,.sc-dark-btn{display: inline-block;padding: 18px 36px;font-family: var(--font-body);font-weight: 700;font-size: 15px;letter-spacing: 0.02em;text-decoration: none;border-radius: 4px;transition: background .15s,transform .15s}.sc-pink-btn{background: var(--accent);color: #fff}.sc-pink-btn:hover{background: var(--accent-deep);transform: translateY(-1px)}.sc-dark-btn{background: #0a0a0a;color: #fff}.sc-dark-btn:hover{background: #1a1a1a;transform: translateY(-1px)}.sc-intro{padding: 120px 32px;text-align: center}.sc-intro-inner{max-width: 880px;margin: 0 auto}.sc-eyebrow{font-family: var(--font-display);font-weight: 700;font-size: 14px;color: var(--accent);text-transform: none;letter-spacing: 0.01em;margin-bottom: 22px}.sc-h2{font-family: var(--font-display);font-weight: 900;font-size: clamp(36px,5vw,60px);color: #0a0a0a;line-height: 1.1;letter-spacing: -0.01em;margin: 0 0 30px}.sc-body{font-size: 17px;color: #555;line-height: 1.7;max-width: 720px;margin: 0 auto}.sc-finish{padding: 0 0 80px;text-align: center}.sc-shift-rainbow{font-family: var(--font-display);font-weight: 900;font-size: clamp(70px,10vw,130px);letter-spacing: -0.02em;line-height: 1;margin: 0 0 28px;background: linear-gradient(95deg,#d4cfff 0%,#b9d6ff 18%,#d6c5ff 38%,#b9e2dc 58%,#f0b7df 80%,#c6b8ff 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;filter: drop-shadow(0 0 22px rgba(180,200,255,0.35))}.sc-finish-head{font-family: var(--font-display);color: #0a0a0a;font-weight: 900;font-size: clamp(24px,3vw,36px);letter-spacing: -0.005em;text-transform: uppercase;margin: 0 0 16px;display: flex;justify-content: center;align-items: baseline;gap: 16px;flex-wrap: wrap}.sc-finish-head span:nth-child(2){font-weight: 400}.sc-finish-sub{font-size: 16px;color: #555;line-height: 1.7;max-width: 620px;margin: 0 auto 56px}.sc-finish-strip{display: flex;gap: 0;max-width: 1400px;margin: 0 auto;border-radius: 24px;overflow: hidden;box-shadow: 0 30px 80px rgba(0,0,0,0.18);aspect-ratio: 7/3}.sc-finish-tile{position: relative;flex: 1 1 0;min-width: 0;display: flex;align-items: center;justify-content: center;padding: 0;overflow: hidden;cursor: pointer;transition: flex 0.55s cubic-bezier(0.22,0.61,0.36,1)}.sc-finish-tile:hover{flex: 2.6 1 0}.sc-finish-tile::after{content: "";position: absolute;inset: 0;background: linear-gradient(180deg,transparent 30%,rgba(0,0,0,0.35) 100%);opacity: 0;transition: opacity .4s;pointer-events: none}.sc-finish-tile:hover::after{opacity: 1}.sc-finish-tile .label{position: relative;z-index: 2;font-family: var(--font-display);color: #fff;font-weight: 900;font-size: clamp(22px,2.2vw,36px);letter-spacing: 0.04em;text-shadow: 0 2px 12px rgba(0,0,0,0.5);opacity: 0;transform: scale(0.92);transition: opacity .35s ease .18s,transform .4s ease .18s;white-space: nowrap;pointer-events: none}.sc-finish-tile:hover .label{opacity: 1;transform: scale(1)}.sc-finish-tile{background-size: cover;background-position: center}.sc-finish-tile.t1{background-image: url('assets/shift-iridescent.png')}.sc-finish-tile.t2{background-image: url('assets/shift-gloss.png')}.sc-finish-tile.t3{background-image: url('assets/shift-metallic.png')}.sc-finish-tile.t4{background-image: url('assets/shift-matte.png')}.sc-finish-tile.t5{background-image: url('assets/shift-color-flip.png')}.sc-finish-tile.t6{background-image: url('assets/shift-lustre.png')}.sc-finish-tile.t7{background-image: url('assets/shift-carbon.png')}.sc-compromise{padding: 120px 32px;background: #fff}.sc-compromise-inner{max-width: 1180px;margin: 0 auto;display: grid;grid-template-columns: 1fr 1fr;gap: 80px;align-items: center}.sc-compromise h2{font-family: var(--font-display);font-weight: 900;font-size: clamp(36px,5vw,58px);line-height: 1.05;letter-spacing: -0.01em;margin: 0 0 32px;color: #0a0a0a}.sc-compromise h2 .light{display: block;font-weight: 400}.sc-compromise p{color: #555;font-size: 17px;line-height: 1.75;margin: 0 0 20px}.sc-compromise p strong{color: #0a0a0a;font-weight: 700}.sc-stack{position: relative;display: flex;align-items: center;justify-content: center}.sc-stack-gif{width: 100%;max-width: 440px;height: auto;display: block}.sc-stack-layers{position: relative;width: 80%;max-width: 380px;aspect-ratio: 1/1}.sc-layer{position: absolute;left: 0;right: 0;height: 36px;border-radius: 8px;background: rgba(220,220,225,0.85);box-shadow: 0 6px 20px rgba(0,0,0,0.12);border: 1px solid rgba(0,0,0,0.06)}.sc-layer.l1{top: 0%;transform: skewY(-8deg)}.sc-layer.l2{top: 18%;transform: skewY(-8deg)}.sc-layer.l3{top: 36%;transform: skewY(-8deg);background: var(--accent)}.sc-layer.l4{top: 54%;transform: skewY(-8deg)}.sc-layer.l5{top: 72%;transform: skewY(-8deg)}.sc-callout{position: absolute;font-family: var(--font-display);font-weight: 800;font-size: 11.5px;letter-spacing: 0.06em;text-transform: uppercase;color: #0a0a0a;display: flex;align-items: center;gap: 8px}.sc-callout::before,.sc-callout::after{content: "";height: 1px;background: #0a0a0a;width: 36px}.sc-callout.left::after{display: none}.sc-callout.right::before{display: none}.sc-callout.left{right: calc(50% + 90px);text-align: right}.sc-callout.right{left: calc(50% + 90px)}.sc-callout.l1{top: 6%}.sc-callout.l2{top: 24%}.sc-callout.l3{top: 42%;color: var(--accent)}.sc-callout.l3::before,.sc-callout.l3::after{background: var(--accent)}.sc-callout.l4{top: 60%}.sc-callout.l5{top: 78%}.sc-collage{padding: 60px 32px 120px;background: #fff}.sc-collage-inner{max-width: 1280px;margin: 0 auto;display: grid;grid-template-columns: 1fr 1.05fr 1fr;gap: 24px;align-items: center}.sc-collage .frame{position: relative;overflow: hidden;border-radius: 4px;background: #0a0a0a}.sc-collage .frame.tall{aspect-ratio: 3/4.6}.sc-collage .frame.taller{aspect-ratio: 3/5.4}.sc-collage .frame::after{content: attr(data-caption);position: absolute;inset: auto 12px 12px;font-family: var(--font-display);font-weight: 700;font-size: 10px;letter-spacing: 0.18em;color: rgba(255,255,255,0.55);text-transform: uppercase}.sc-collage .frame.f1{background-image: url('assets/satin-gold-amg.png');background-size: cover;background-position: center}.sc-collage .frame.f2{background-image: url('assets/shift-product-roll.png');background-size: cover;background-position: center}.sc-collage .frame.f2::before{display: none}.sc-collage .frame.f3{background-image: url('assets/iridescent-teal-urus.png');background-size: cover;background-position: center}.sc-collage-cta{display: flex;justify-content: center;margin-bottom: 48px}.sc-ways{padding: 120px 32px;text-align: center;background: #fff}.sc-ways .big{font-family: var(--font-display);font-weight: 900;font-size: clamp(96px,14vw,200px);line-height: 0.9;letter-spacing: -0.03em;color: #0a0a0a;margin: 0 0 6px}.sc-ways h2{font-family: var(--font-display);font-weight: 900;font-size: clamp(28px,4vw,50px);line-height: 1.1;letter-spacing: -0.01em;margin: 0 0 18px;color: #0a0a0a}.sc-ways .specialty{font-family: var(--font-display);font-weight: 700;font-size: 17px;color: #0a0a0a}.sc-lasts{padding: 80px 32px 120px}.sc-lasts-inner{max-width: 1180px;margin: 0 auto;display: grid;grid-template-columns: 1fr 1.1fr;gap: 72px;align-items: center}.sc-lasts h2{font-family: var(--font-display);font-weight: 900;font-size: clamp(32px,4vw,50px);line-height: 1.05;letter-spacing: -0.01em;color: #0a0a0a;margin: 0 0 26px}.sc-lasts p{color: #555;font-size: 16px;line-height: 1.7;margin: 0 0 28px;max-width: 460px}.sc-lasts ul{list-style: none;padding: 0;margin: 0 0 36px;display: grid;gap: 16px}.sc-lasts li{display: flex;align-items: center;gap: 14px;font-family: var(--font-display);font-weight: 600;font-size: 16px;color: #0a0a0a}.sc-lasts li::before{content: "→";display: inline-flex;align-items: center;justify-content: center;width: 26px;height: 26px;border-radius: 50%;background: var(--accent);color: #fff;font-weight: 900;font-size: 13px;flex-shrink: 0}.sc-video{aspect-ratio: 16/9;background: #000;border-radius: 8px;position: relative;overflow: hidden;box-shadow: 0 0 0 4px var(--accent)}.sc-video iframe{position: absolute;inset: 0;width: 100%;height: 100%;border: 0;display: block}.sc-visualizer{background: #050505;color: #fff;padding: 28px 32px 0;text-align: center;border-bottom: 1px solid rgba(255,255,255,0.06)}.sc-visualizer-head{font-family: var(--font-display);font-weight: 900;font-size: clamp(36px,5vw,64px);letter-spacing: 0.04em;margin: 0 auto 32px;text-transform: uppercase;display: inline-flex;align-items: baseline;gap: 18px;flex-wrap: wrap;justify-content: center}.sc-visualizer-head .underline{position: relative;display: inline-block;padding-bottom: 6px}.sc-visualizer-head .underline::after{content: "";position: absolute;left: 0;right: 0;bottom: -4px;height: 4px;background: var(--accent);border-radius: 2px}.sc-visualizer-frame{background: #ddd;aspect-ratio: 16/9;max-width: 1380px;margin: 0 auto;display: flex;align-items: center;justify-content: center;border-radius: 6px 6px 0 0;position: relative;overflow: hidden}.sc-visualizer-placeholder{text-align: center;color: #555;padding: 32px}.sc-visualizer-placeholder .ph-eyebrow{font-family: var(--font-display);font-weight: 800;font-size: 11px;letter-spacing: 0.22em;color: #888;text-transform: uppercase;margin-bottom: 14px}.sc-visualizer-placeholder h3{font-family: var(--font-display);font-weight: 900;font-size: clamp(20px,2.6vw,32px);color: #0a0a0a;margin: 0 0 14px;text-transform: uppercase;letter-spacing: -0.005em}.sc-visualizer-placeholder p{max-width: 560px;margin: 0 auto;font-size: 15px;line-height: 1.7;color: #444}.sc-visualizer-placeholder .pill{display: inline-block;margin-top: 20px;padding: 10px 20px;font-family: var(--font-display);font-weight: 800;font-size: 11px;letter-spacing: 0.18em;text-transform: uppercase;color: var(--accent);border: 1.5px dashed var(--accent);border-radius: 999px}.sc-final{display: grid;grid-template-columns: 1fr 1.1fr 1fr;background: #fff;border-bottom: 1px solid #eee}.sc-final .panel{position: relative;aspect-ratio: 3/4;background: #0a0a0a;overflow: hidden}.sc-final .panel.left{background-image: url('assets/iridescent-pearl-911-gt3.png');background-size: cover;background-position: center}.sc-final .panel.right{background-image: url('assets/ppf-install-fuel-house.png');background-size: cover;background-position: center}.sc-final .panel-caption{position: absolute;bottom: 16px;left: 16px;font-family: var(--font-display);font-weight: 700;font-size: 10px;letter-spacing: 0.18em;text-transform: uppercase;color: rgba(255,255,255,0.85);text-shadow: 0 2px 8px rgba(0,0,0,0.5)}.sc-final .center{display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;padding: 64px 40px;background: #fff}.sc-final .center .eyebrow-ds{font-family: var(--font-display);font-weight: 800;font-size: 12px;letter-spacing: 0.22em;color: var(--accent);text-transform: uppercase;margin-bottom: 24px}.sc-final .center h2{font-family: var(--font-display);font-weight: 900;font-size: clamp(30px,3.8vw,48px);line-height: 1.05;letter-spacing: -0.005em;text-transform: uppercase;margin: 0 0 26px;color: #0a0a0a}.sc-final .center p{font-size: 16px;color: #555;line-height: 1.7;max-width: 420px;margin: 0 0 32px}.sc-map{height: 420px;position: relative;overflow: hidden;background: #050505}.sc-map iframe{position: absolute;inset: 0;width: 100%;height: 100%;border: 0;display: block}.sc-map-card{position: absolute;top: 32px;left: 32px;background: #fff;border-radius: 10px;box-shadow: 0 8px 28px rgba(0,0,0,0.18);padding: 16px 18px;max-width: 280px;z-index: 2}.sc-map-card h4{font-family: var(--font-display);font-weight: 800;font-size: 15px;margin: 0 0 6px;color: #1a1a1a}.sc-map-card p{margin: 0 0 8px;color: #555;font-size: 13.5px;line-height: 1.4}.sc-map-card .rating{font-size: 12px;color: var(--accent);font-weight: 700}.sc-map-card .rating::before{content: "★ "}.sc-map-card .directions{display: inline-block;margin-top: 10px;font-family: var(--font-display);font-weight: 800;font-size: 11px;letter-spacing: 0.18em;text-transform: uppercase;color: var(--accent);text-decoration: none}.sc-map-card .directions:hover{text-decoration: underline}@media (max-width: 1100px){.sc-compromise-inner,.sc-lasts-inner{grid-template-columns: 1fr;gap: 48px}.sc-collage-inner{grid-template-columns: 1fr 1fr}.sc-collage .frame.f2{grid-column: 1 / -1;aspect-ratio: 4/2.5}.sc-final{grid-template-columns: 1fr}.sc-final .panel{aspect-ratio: 5/3}}@media (max-width: 780px){.sc-finish-strip{flex-wrap: wrap;aspect-ratio: auto}.sc-finish-tile{flex: 0 0 25%;aspect-ratio: 3/4}.sc-finish-tile:hover{flex: 0 0 25%}.sc-finish-tile.t5,.sc-finish-tile.t6,.sc-finish-tile.t7{flex-basis: 33.333%}.sc-collage-inner{grid-template-columns: 1fr}.sc-collage .frame.tall,.sc-collage .frame.taller{aspect-ratio: 4/3}.sc-callout.left,.sc-callout.right{font-size: 10px}.sc-callout.left{right: calc(50% + 70px)}.sc-callout.right{left: calc(50% + 70px)}.sc-callout::before,.sc-callout::after{width: 22px}}@media (max-width: 560px){.sc-hero,.sc-intro,.sc-finish,.sc-compromise,.sc-ways,.sc-lasts,.sc-visualizer,.sc-collage{padding-left: 20px;padding-right: 20px}.sc-finish-strip{flex-direction: column;aspect-ratio: auto}.sc-finish-tile{flex: 0 0 auto;aspect-ratio: 3/2;width: 100%}.sc-finish-tile:hover{flex: 0 0 auto}.sc-brandrow{flex-direction: row;gap: 10px}.sc-callout{display: none}}