:root {
  --ink: #0b0c0e;
  --ink-soft: #111317;
  --panel: #16181c;
  --paper: #ecebea;
  --paper-bright: #f6f4f1;
  --muted: #a2a3a7;
  --line: rgba(255, 255, 255, .12);
  --red: #ffb200;
  --red-dark: #c98b00;
  --gold: #ffb200;
  --display: "Barlow Condensed", sans-serif;
  --body: "Manrope", sans-serif;
  --shell: min(1240px, calc(100% - 48px));
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--ink); color: var(--paper); font-family: var(--body); font-size: 16px; line-height: 1.6; overflow-x: hidden; }
body.nav-open { overflow: hidden; }
a { color: inherit; text-decoration: none; font-variant-emoji: text; }
img { display: block; max-width: 100%; }
button { font: inherit; }
.shell { width: var(--shell); margin-inline: auto; }
.intro-heading > *, .intro-showcase > *, .section-heading > *, .contact-grid > *, .quote-grid > *, .proof-grid > *, .faq-wrap > *, .landing-lead > * { min-width: 0; }
.skip-link { position: fixed; left: 16px; top: -80px; z-index: 9999; background: #fff; color: #000; padding: 12px 18px; }
.skip-link:focus { top: 16px; }
.noise { position: fixed; inset: 0; opacity: .035; pointer-events: none; z-index: 30; 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='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.85'/%3E%3C/svg%3E"); }

.site-header { position: fixed; inset: 0 0 auto; height: 92px; z-index: 100; border-bottom: 1px solid rgba(255,255,255,.1); transition: background .3s, height .3s; }
.admin-bar .site-header { top: 32px; }
.site-header.is-scrolled { height: 76px; background: rgba(8,9,11,.94); backdrop-filter: blur(14px); }
.header-inner { height: 100%; display: grid; grid-template-columns: 188px minmax(0,1fr) auto; align-items: center; gap: 48px; }
.brand img { width: 170px; height: auto; }
.main-nav { justify-self: center; display: flex; flex-wrap: nowrap; align-items: center; gap: 34px; white-space: nowrap; }
.main-nav a { position: relative; flex: 0 0 auto; color: rgba(255,255,255,.75); font-size: 13px; font-weight: 700; letter-spacing: .04em; transition: color .2s; }
.main-nav a:hover { color: #fff; }
.main-nav a[aria-current="page"] { color: #fff; }
.main-nav a[aria-current="page"]::after { content:""; position:absolute; right:0; bottom:-8px; left:0; height:2px; background:var(--red); }
.nav-group { position:relative; display:flex; align-items:center; }
.nav-group__toggle { width:22px; height:28px; display:grid; place-items:center; padding:0; border:0; background:transparent; color:rgba(255,255,255,.62); cursor:pointer; transition:color .2s,transform .2s; }
.nav-group__toggle span { display:block; font-size:16px; line-height:1; transform:translateY(-2px); }
.nav-group:is(:hover,:focus-within,.is-open) .nav-group__toggle { color:#fff; transform:rotate(180deg); }
.nav-group__menu { position:absolute; top:calc(100% + 24px); left:50%; width:310px; padding:8px; border:1px solid rgba(255,255,255,.13); background:rgba(10,11,13,.98); box-shadow:0 24px 70px rgba(0,0,0,.45); opacity:0; pointer-events:none; transform:translate(-50%,-8px); transition:opacity .2s,transform .2s; }
.nav-group__menu::before { content:""; position:absolute; left:-18px; right:-18px; top:-26px; height:26px; }
.nav-group:is(:hover,:focus-within,.is-open) .nav-group__menu { opacity:1; pointer-events:auto; transform:translate(-50%,0); }
.main-nav .nav-group__menu > a { display:grid; grid-template-columns:88px 1fr; align-items:center; gap:12px; min-height:66px; padding:12px 14px; border-bottom:1px solid rgba(255,255,255,.09); color:#fff; }
.main-nav .nav-group__menu > a:last-child { border-bottom:0; }
.main-nav .nav-group__menu > a:hover { background:rgba(255,178,0,.08); }
.main-nav .nav-group__menu strong { font:700 20px var(--display); letter-spacing:.02em; }
.main-nav .nav-group__menu span { color:#83858a; font-size:9px; letter-spacing:.06em; text-transform:uppercase; }
.main-nav .nav-group__menu a::after { display:none; }
.nav-toggle { display: none; }

.button { min-height: 54px; display: inline-flex; align-items: center; justify-content: center; gap: 24px; padding: 0 26px; border: 1px solid rgba(255,255,255,.22); color: #fff; font-size: 13px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; transition: transform .2s, background .2s, border-color .2s; }
.button > span:last-child { flex: 0 0 auto; width: 17px; overflow: hidden; font-size: 0; line-height: 1; }
.button > span:last-child::before { content: "\2197\FE0E"; display: block; font: 700 14px/1 Arial, sans-serif; }
.button:hover { transform: translateY(-2px); }
.button--compact { min-height: 44px; padding-inline: 20px; background: rgba(255,255,255,.06); }
.button--primary { background: var(--red); border-color: var(--red); color: var(--ink); }
.button--primary:hover { background: #ffc43d; border-color: #ffc43d; }
.button--ghost { background: transparent; color: var(--ink); border-color: rgba(11,12,14,.25); }
.text-link { display: inline-flex; gap: 14px; align-items: center; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; border-bottom: 1px solid rgba(255,255,255,.35); padding-block: 12px 6px; }

.hero { min-height: 820px; height: 100svh; position: relative; display: flex; flex-direction: column; overflow: hidden; }
.hero-media { position: absolute; inset: 0; background: url("../video/nascar-hero-poster.jpg") center 54% / cover no-repeat; transform: scale(1.015); }
.hero-video { display:block; width:100%; height:100%; object-fit:cover; object-position:center 54%; }
.hero-shade { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(6,7,9,.96) 0%, rgba(6,7,9,.77) 37%, rgba(6,7,9,.16) 68%, rgba(6,7,9,.28) 100%), linear-gradient(0deg, rgba(6,7,9,.83), transparent 43%); }
.hero-grid { position: relative; z-index: 2; flex: 1; display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(280px, .7fr); align-items: center; gap: 80px; padding-top: 118px; }
.eyebrow, .section-tag { display: flex; align-items: center; gap: 14px; color: var(--red); font-family: var(--display); font-weight: 700; letter-spacing: .17em; font-size: 13px; text-transform: uppercase; }
.eyebrow span { width: 30px; height: 2px; background: var(--red); }
.hero h1, .section h2 { font-family: var(--display); text-transform: uppercase; letter-spacing: -.025em; line-height: .88; margin: 28px 0; }
.hero h1 { font-size: clamp(76px, 8.25vw, 132px); max-width: 900px; }
.hero h1 em, .section h2 span { display: inline-block; color: transparent; -webkit-text-stroke: 1px rgba(255,255,255,.5); font-style: normal; }
.hero-lead { max-width: 600px; font-size: 18px; line-height: 1.75; color: rgba(255,255,255,.72); }
.hero-actions { display: flex; align-items: center; gap: 34px; margin-top: 38px; }
.hero-card { justify-self: end; align-self: end; width: 340px; margin-bottom: 44px; padding: 30px; border: 1px solid rgba(255,255,255,.16); background: rgba(10,11,13,.48); backdrop-filter: blur(14px); }
.hero-card-kicker { display: block; color: var(--red); font-size: 10px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.hero-card > strong { display: block; margin: 26px 0 14px; font-family: var(--display); font-size: 34px; line-height: .95; text-transform: uppercase; }
.hero-card p { margin: 0; color: rgba(255,255,255,.62); font-size: 13px; line-height: 1.7; }
.hero-card-proof { display: grid; grid-template-columns: auto 1px auto; align-items: center; justify-content: start; gap: 12px; margin-top: 26px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,.14); }
.hero-card-proof span { color: #fff; font: 700 15px var(--display); letter-spacing: .08em; }
.hero-card-proof i { width: 1px; height: 17px; background: var(--red); }
.hero-card-proof small { grid-column: 1 / -1; color: rgba(255,255,255,.46); font-size: 8px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.hero-bottom { position: relative; z-index: 2; min-height: 112px; display: grid; grid-template-columns: repeat(3, 1fr) auto; align-items: center; gap: 24px; border-top: 1px solid rgba(255,255,255,.16); }
.trust-item { padding-left: 22px; border-left: 2px solid var(--red); display: grid; }
.trust-item strong { font-family: var(--display); font-size: 18px; letter-spacing: .07em; }
.trust-item span { color: rgba(255,255,255,.5); font-size: 10px; text-transform: uppercase; letter-spacing: .08em; }
.hero-location { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .07em; }
.hero-location span { color: var(--red); margin-left: 9px; }

.section { padding: 140px 0; }
.intro { background: var(--paper-bright); color: var(--ink); }
.intro.section { padding: clamp(54px,6vh,70px) 0; }
.intro-heading { display: grid; grid-template-columns: 1.2fr .8fr; gap: 60px; align-items: end; margin-bottom: clamp(26px,3.2vh,34px); }
.intro h2, .services h2, .results h2, .process h2, .contact h2 { font-size: clamp(58px, 6vw, 94px); }
.intro h2 { font-size: clamp(48px,4.8vw,76px); }
.intro h2 { margin: 28px 0 0; }
.intro h2 span, .contact h2 span { -webkit-text-stroke-color: rgba(11,12,14,.35); }
.intro-heading > p { margin: 0; padding-bottom: 4px; color: #62646a; font-size: 15.5px; line-height: 1.7; }
.intro-showcase { display: grid; grid-template-columns: 1.25fr .75fr; gap: 14px; min-height: clamp(460px,50vh,520px); }
.intro-photo { position: relative; min-width: 0; margin: 0; overflow: hidden; background: #d8d7d4; }
.intro-photo::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(7,8,10,.78),transparent 48%); }
.intro-photo img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.86) contrast(1.03); transition: transform .7s cubic-bezier(.2,.65,.2,1); }
.intro-photo:hover img { transform: scale(1.025); }
.intro-photo figcaption { position:absolute; z-index:1; inset:auto 30px 28px; display:grid; gap:5px; color:#fff; }
.intro-photo figcaption span { color:var(--red); font-size:9px; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
.intro-photo figcaption strong { max-width:420px; font:700 29px/1.02 var(--display); text-transform:uppercase; }
.intro-detail { display: grid; grid-template-rows: minmax(200px,.7fr) auto; gap: 14px; }
.intro-points { display: grid; background: #0b0c0e; color: #fff; }
.intro-points > div { position:relative; display:grid; grid-template-columns:18px 1fr; align-content:center; column-gap:14px; padding:14px 22px; border-bottom:1px solid var(--line); }
.intro-points > div:last-child { border-bottom:0; }
.intro-points i { grid-row:1 / 3; align-self:start; width:9px; height:9px; margin-top:6px; border:2px solid var(--red); transform:rotate(45deg); }
.intro-points strong { display: block; font-family: var(--display); font-size: 19px; text-transform: uppercase; }
.intro-points p { margin: 2px 0 0; color: #77797f; font-size: 11px; }

.cafe-preview { overflow: hidden; background: #0b0c0e; }
.cafe-preview.section { padding: clamp(76px,8vw,118px) 0; }
.cafe-preview__heading { display: grid; grid-template-columns: 1.18fr .82fr; align-items: end; gap: 72px; margin-bottom: 42px; }
.cafe-preview h2 { margin-bottom: 0; font-size: clamp(56px,5.8vw,90px); }
.cafe-preview__intro { padding-bottom: 4px; }
.cafe-preview__intro > p { max-width: 510px; margin: 0; color: #999ba0; font-size: 15px; line-height: 1.8; }
.cafe-preview__actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px; }
.cafe-preview .button--ghost { color: #fff; border-color: rgba(255,255,255,.24); }
.cafe-preview__gallery { display: grid; grid-template-columns: 1.34fr .66fr; grid-template-rows: repeat(2,minmax(220px,1fr)); gap: 12px; height: clamp(520px,58vw,660px); }
.cafe-preview__photo { position: relative; min-width: 0; min-height: 0; margin: 0; overflow: hidden; background: #17191d; }
.cafe-preview__photo--main { grid-row: 1 / 3; }
.cafe-preview__photo::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg,rgba(7,8,10,.72),transparent 45%); pointer-events: none; }
.cafe-preview__photo img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.9) contrast(1.03); transition: transform .65s cubic-bezier(.2,.65,.2,1),filter .65s; }
.cafe-preview__photo:hover img { transform: scale(1.025); filter: saturate(1) contrast(1.02); }
.cafe-preview__photo figcaption { position: absolute; z-index: 1; inset: auto 26px 24px; display: grid; gap: 3px; }
.cafe-preview__photo figcaption span { color: var(--red); font-size: 9px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.cafe-preview__photo figcaption strong { font: 700 25px/1 var(--display); text-transform: uppercase; }

.credibility { padding: 0 0 84px; background: var(--paper-bright); color: #fff; }
.credibility-grid { display: grid; grid-template-columns: repeat(3, .72fr) 1.84fr; background: #0b0c0e; box-shadow: 0 24px 70px rgba(11,12,14,.15); }
.credibility-item { min-height: 168px; display: flex; flex-direction: column; justify-content: center; padding: 28px 32px; border-right: 1px solid var(--line); }
.credibility-item:last-child { border-right: 0; }
.credibility-item > strong { font: 700 54px/.9 var(--display); letter-spacing: -.02em; }
.credibility-item > strong span { color: var(--red); }
.credibility-item p, .credibility-item--brands > span { margin: 12px 0 0; color: #85878d; font-size: 10px; font-weight: 700; letter-spacing: .11em; text-transform: uppercase; }
.credibility-item--brands { background: var(--red); color: var(--ink); }
.credibility-item--brands > span { margin: 0 0 18px; color: rgba(11,12,14,.68); }
.credibility-item--brands > strong { font-size: 39px; letter-spacing: .04em; }
.credibility-item--brands i { color: rgba(11,12,14,.5); font-style: normal; font-weight: 500; }

.partner-brands { overflow:hidden; padding:56px 0; background:#fafafa; color:var(--ink); }
.partner-brands__heading h2 { margin:0 0 32px; color:#9ca3af; font:600 12px/1.4 var(--body); letter-spacing:2.16px; text-align:center; text-transform:uppercase; }
.partner-brands__viewport { width:100%; overflow:hidden; }
.partner-brands__track { display:flex; width:max-content; animation:partner-brand-marquee 32s linear infinite; will-change:transform; }
.partner-brands__list { flex:0 0 auto; display:flex; align-items:center; min-width:max-content; height:88px; margin:0; padding:0; list-style:none; }
.partner-brands__list li { width:220px; height:88px; flex:0 0 220px; }
.partner-brands__list a { width:100%; height:100%; display:grid; place-items:center; padding:20px 26px; }
.partner-brands__list img { width:auto; height:auto; max-width:168px; max-height:45px; object-fit:contain; filter:brightness(0); opacity:.55; transition:opacity .2s ease; }
.partner-brands__list a:hover img, .partner-brands__list a:focus-visible img { opacity:.82; }
@keyframes partner-brand-marquee { to { transform:translateX(-50%); } }
@media (prefers-reduced-motion: reduce) {
  .partner-brands__track { width:100%; animation:none; }
  .partner-brands__list:first-child { width:100%; justify-content:center; flex-wrap:wrap; height:auto; }
  .partner-brands__list[aria-hidden="true"] { display:none; }
}

.services { background: var(--ink); }
.services.section { padding: clamp(40px,4.2vh,52px) 0; }
.services h2 { font-size: clamp(46px,4.6vw,72px); }
.services .section-heading { gap: 54px; margin-bottom: clamp(16px,2vh,22px); }
.section-heading { display: grid; grid-template-columns: 1.25fr .75fr; align-items: end; gap: 80px; margin-bottom: 68px; }
.section-heading h2 { margin-bottom: 0; }
.section-heading > p { color: var(--muted); line-height: 1.8; max-width: 450px; padding-bottom: 4px; }
.service-grid { display: grid; grid-template-columns: 1.25fr .75fr; grid-template-rows: repeat(2,clamp(176px,18vh,205px)); gap: 12px; }
.service-card { position: relative; overflow: hidden; min-height: 176px; }
.service-card--wide { grid-row: 1 / 3; }
.service-card img { width: 100%; height: 100%; object-fit: cover; transition: transform .7s cubic-bezier(.2,.65,.2,1); }
.service-card:hover img { transform: scale(1.04); }
.service-overlay { position: absolute; inset: 0; background: linear-gradient(0deg, rgba(6,7,9,.94), rgba(6,7,9,.04) 67%); }
.service-content { position: absolute; inset: auto 24px 18px; }
.service-content > span { color: #d8d8da; font-size: 10px; text-transform: uppercase; letter-spacing: .12em; }
.service-content h3 { margin: 5px 0; font-family: var(--display); font-size: clamp(30px,2.8vw,50px); line-height: .98; text-transform: uppercase; }
.service-content p { max-width: 500px; margin: 0 0 10px; color: rgba(255,255,255,.65); font-size: 11.5px; }
.service-content a { display: inline-flex; gap: 15px; padding-bottom: 4px; border-bottom: 1px solid rgba(255,255,255,.35); font-size: 10px; text-transform: uppercase; letter-spacing: .08em; font-weight: 700; }
.service-content a b { color: var(--red); }
.service-list { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; margin-top: clamp(12px,1.4vh,16px); }
.service-list > a { position:relative; min-height:clamp(78px,8vh,96px); overflow:hidden; background:#0b0c0e; }
.service-list img { width:100%; height:100%; object-fit:cover; transition:transform .55s cubic-bezier(.2,.65,.2,1); }
.service-list > a:hover img { transform:scale(1.04); }
.service-list > a > span { position:absolute; inset:0; background:linear-gradient(0deg,rgba(7,8,10,.94),rgba(7,8,10,.04) 72%); }
.service-list > a > div { position:absolute; inset:auto 17px 14px; }
.service-list strong { display: block; font-family: var(--display); font-size: 21px; text-transform: uppercase; }
.service-list p { margin: 2px 0 0; color: #a4a6aa; font-size: 10px; }
.home-section-link { display:flex; align-items:center; justify-content:space-between; gap:28px; margin-top:30px; padding-top:24px; border-top:1px solid var(--line); }
.home-section-link p { max-width:580px; margin:0; color:#8d8f94; font-size:12px; line-height:1.7; }
.home-section-link .button--ghost { flex:0 0 auto; color:#fff; border-color:rgba(255,255,255,.24); }
.home-section-link--results { margin-top:34px; }

.solution-lab { position: relative; background: #0d0f12; border-top: 1px solid var(--line); overflow: hidden; }
.solution-lab::before { content: ""; position: absolute; width: 620px; height: 620px; right: -300px; top: 80px; border: 1px solid rgba(255,178,0,.16); border-radius: 50%; box-shadow: 0 0 0 100px rgba(255,178,0,.025), 0 0 0 200px rgba(255,178,0,.015); pointer-events: none; }
.solution-tabs { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(3,1fr); margin-bottom: 16px; border: 1px solid var(--line); }
.solution-tab { min-height: 88px; display:grid; align-content:center; gap:4px; padding:14px 24px; border: 0; border-right: 1px solid var(--line); background: rgba(255,255,255,.018); color: #77797f; cursor: pointer; text-align:left; text-transform: uppercase; transition: color .2s, background .2s; }
.solution-tab:last-child { border-right: 0; }
.solution-tab strong { font:700 22px var(--display); letter-spacing:.04em; }
.solution-tab small { color:#5f6167; font:700 8px var(--body); letter-spacing:.1em; }
.solution-tab:hover { color: #fff; background: rgba(255,255,255,.04); }
.solution-tab.is-active { color: var(--ink); background: var(--red); }
.solution-tab.is-active small { color: rgba(255,255,255,.7); }
.solution-stage { position: relative; z-index: 1; border: 1px solid var(--line); background: #090a0c; }
.solution-panel { display: grid; grid-template-columns: 1.12fr .88fr; min-height: 650px; }
.solution-panel[hidden] { display: none; }
.solution-media { position: relative; min-width: 0; overflow: hidden; }
.solution-media::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,transparent 55%,rgba(9,10,12,.72)),linear-gradient(0deg,rgba(9,10,12,.48),transparent 45%); }
.solution-media img { width: 100%; height: 100%; object-fit: cover; }
.solution-media > span { position: absolute; z-index: 3; left: 28px; bottom: 26px; padding-left: 16px; border-left: 2px solid var(--red); color: rgba(255,255,255,.82); font-size: 10px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
#solution-ceramic .solution-media::before,
#solution-detailing .solution-media::before { content:""; position:absolute; inset:-24px; background-position:center; background-size:cover; filter:blur(22px) brightness(.45) saturate(.8); transform:scale(1.06); }
#solution-ceramic .solution-media::before { background-image:url("../images/volvo.webp"); }
#solution-detailing .solution-media::before { background-image:url("../images/mercedes-detail-public.webp"); }
#solution-ceramic .solution-media img,
#solution-detailing .solution-media img { position:relative; z-index:1; object-fit:contain; }
#solution-ceramic .solution-media::after,
#solution-detailing .solution-media::after { z-index:2; }
.solution-copy { display: flex; flex-direction: column; justify-content: center; padding: 54px 52px; }
.solution-kicker { color: var(--red); font-size: 10px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.solution-copy h3 { margin: 20px 0; font: 700 clamp(42px,4vw,66px)/.92 var(--display); letter-spacing: -.02em; text-transform: uppercase; }
.solution-copy > p { margin: 0; color: #8f9196; font-size: 14px; line-height: 1.8; }
.solution-copy ul { margin: 30px 0 36px; padding: 0; list-style: none; border-top: 1px solid var(--line); }
.solution-copy li { position: relative; padding: 14px 0 14px 25px; border-bottom: 1px solid var(--line); color: #c6c7ca; font-size: 12px; }
.solution-copy li::before { content:""; position:absolute; left:0; top:22px; width:7px; height:7px; background:var(--red); transform:rotate(45deg); }
.solution-copy .button { align-self: flex-start; }

.results { background: #101216; padding-bottom: 110px; overflow: hidden; }
.results-rail { display: grid; grid-auto-flow: column; grid-auto-columns: 39vw; gap: 18px; overflow-x: auto; overscroll-behavior-inline: contain; scrollbar-width: none; padding: 0 max(24px, calc((100vw - 1240px) / 2)); cursor: grab; user-select: none; -webkit-user-select: none; }
.results-rail::-webkit-scrollbar { display: none; }
.results-rail.is-dragging { cursor: grabbing; }
.project-filters { display: flex; gap: 8px; margin: -28px 0 34px; }
.project-filters button { min-width: 92px; min-height: 40px; padding: 0 18px; border: 1px solid var(--line); background: transparent; color: #888a90; cursor: pointer; font-size: 10px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; transition: background .2s, color .2s, border-color .2s; }
.project-filters button:hover { color: #fff; border-color: rgba(255,255,255,.3); }
.project-filters button.is-active { border-color: var(--red); background: var(--red); color: var(--ink); }
.result-card { position: relative; margin: 0; height: 520px; overflow: hidden; }
.result-card.is-filtered-out { display: none; }
.result-card--large { grid-column: span 1; }
.result-card img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s; pointer-events: none; user-select: none; -webkit-user-select: none; -webkit-user-drag: none; }
.result-card:hover img { transform: scale(1.025); }
.result-card::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg, rgba(8,9,11,.82), transparent 48%); }
.result-card figcaption { position: absolute; z-index: 2; inset: auto 26px 24px; display: grid; }
.result-card figcaption span { color: var(--red); font-size: 10px; text-transform: uppercase; letter-spacing: .12em; font-weight: 700; }
.result-card figcaption strong { font-family: var(--display); font-size: 28px; text-transform: uppercase; }
.rail-hint { display: flex; justify-content: center; gap: 16px; margin-top: 32px; color: #74767b; font-size: 10px; text-transform: uppercase; letter-spacing: .1em; }
.rail-hint span { color: var(--red); }

.process { background: var(--paper); color: var(--ink); }
.process-heading { margin-bottom:54px; }
.process-heading h2 { margin-bottom:0; }
.process-media { position: relative; margin:0; overflow:hidden; background:#d7d6d3; }
.process-media img { display:block; width:100%; height:auto; aspect-ratio:16 / 9; object-fit:contain; filter:saturate(.8) contrast(1.04); }
.media-badge { position: absolute; right: 30px; bottom: 30px; padding: 22px 28px; background: var(--red); color: var(--ink); display: grid; }
.media-badge strong { font-family: var(--display); font-size: 26px; text-transform: uppercase; }
.media-badge span { font-size: 10px; text-transform: uppercase; letter-spacing: .09em; }
.process h2 span { -webkit-text-stroke-color: rgba(11,12,14,.35); }
.steps { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; margin:18px 0 0; padding:1px; list-style:none; background:rgba(11,12,14,.14); }
.steps li { position:relative; min-height:190px; display:flex; flex-direction:column; padding:30px 28px; background:var(--paper); }
.steps li i { display:block; width:32px; height:3px; margin-bottom:34px; background:var(--red); }
.steps strong { display: block; font-family: var(--display); font-size: 23px; text-transform: uppercase; }
.steps p { margin: 8px 0 0; color: #6c6e73; font-size: 12px; line-height:1.6; }

.cafe-gallery { overflow: hidden; background: #0d0f12; }
.cafe-gallery__heading { align-items: end; }
.cafe-gallery__heading h2 { font-size: clamp(58px,6vw,94px); }
.cafe-gallery__copy > p { max-width: 520px; margin: 0; color: #999ba0; line-height: 1.8; }
.cafe-gallery__copy .text-link { margin-top: 24px; }
.cafe-gallery__grid { display: grid; grid-template-columns: repeat(12,minmax(0,1fr)); grid-auto-rows: clamp(220px,23vw,310px); gap: 12px; }
.cafe-gallery__item { position: relative; grid-column: span 5; min-width: 0; min-height: 0; margin: 0; overflow: hidden; background: #17191d; }
.cafe-gallery__item--main { grid-column: span 7; grid-row: span 2; }
.cafe-gallery__item--wide { grid-column: span 7; }
.cafe-gallery__item::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg,rgba(7,8,10,.68),transparent 42%); pointer-events: none; }
.cafe-gallery__item img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.88) contrast(1.03); transition: transform .65s cubic-bezier(.2,.65,.2,1),filter .65s; }
.cafe-gallery__item:hover img { transform: scale(1.025); filter: saturate(1) contrast(1.02); }
.cafe-gallery__item figcaption { position: absolute; z-index: 1; inset: auto 24px 21px; color: #fff; font: 700 23px/1 var(--display); text-transform: uppercase; }
.cafe-gallery__item figcaption span { margin-right: 12px; color: var(--red); font-size: 10px; letter-spacing: .12em; }

.social-proof { background: var(--paper-bright); color: var(--ink); }
.proof-grid { display: grid; grid-template-columns: .62fr 1.38fr; gap: 72px; align-items: start; }
.proof-intro { position: sticky; top: 110px; }
.proof-intro h2 { margin: 28px 0; font-size: clamp(58px,6vw,92px); }
.proof-intro h2 span { -webkit-text-stroke-color: rgba(11,12,14,.34); }
.proof-intro > p { max-width: 400px; color: #74767b; }
.review-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 14px; }
.review-card { min-height: 310px; display: flex; flex-direction: column; margin: 0; padding: 34px; border: 1px solid rgba(11,12,14,.12); background: #fff; }
.review-mark { display:flex; align-items:center; gap:10px; color:var(--red); font-size:9px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
.review-mark span { width:22px; height:2px; background:var(--red); }
.review-card > p { flex: 1; margin: 34px 0; font: 600 21px/1.6 var(--display); }
.review-card footer { display: grid; padding-top: 20px; border-top: 1px solid rgba(11,12,14,.1); }
.review-card footer strong { font: 700 18px var(--display); text-transform: uppercase; }
.review-card footer span { color: #8b8d92; font-size: 9px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.customer-principles { background: linear-gradient(180deg,#f4f3f0 0%,var(--paper-bright) 100%); color: var(--ink); }
.customer-principles .section-heading { margin-bottom: 0; padding-bottom: 54px; border-bottom: 1px solid rgba(11,12,14,.16); }
.customer-principles h2, .customer-showcase h2 { font-size: clamp(58px,6vw,94px); }
.customer-principles h2 span { -webkit-text-stroke-color: rgba(11,12,14,.34); }
.customer-principles .section-heading > p { max-width: 560px; color: #64666c; font-size: 17px; line-height: 1.85; }
.customer-value-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); margin-top: 0; border-bottom: 1px solid rgba(11,12,14,.16); }
.customer-value { min-height: 280px; padding: 38px 34px 34px; border-left: 1px solid rgba(11,12,14,.16); background: transparent; }
.customer-value:first-child { border-left: 0; }
.customer-value > span { display: inline-flex; align-items: center; gap: 10px; color: var(--red); font: 700 10px var(--display); letter-spacing: .12em; }
.customer-value > span::after { content: ""; width: 26px; height: 2px; background: var(--red); }
.customer-value h3 { margin: 62px 0 18px; font: 700 34px/.95 var(--display); text-transform: uppercase; }
.customer-value p { margin: 0; color: #74767b; font-size: 13px; line-height: 1.75; }
.customer-showcase { background: #0d0f12; }
.customer-showcase .section-heading { padding-bottom: 50px; border-bottom: 1px solid var(--line); }
.customer-showcase .section-heading > p { color: var(--muted); }
.customer-showcase h2 span { -webkit-text-stroke-color: rgba(255,255,255,.34); }
.customer-story-grid { display: grid; grid-template-columns: 1.16fr .92fr .92fr; gap: 14px; }
.customer-story { margin: 0; overflow: hidden; border: 1px solid var(--line); background: #111317; }
.customer-story__media { aspect-ratio: 16 / 10; overflow: hidden; background: #17191d; }
.customer-story__media img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.82) contrast(1.04); transition: transform .5s ease, filter .5s ease; }
.customer-story:hover .customer-story__media img { transform: scale(1.025); filter: saturate(1) contrast(1.02); }
.customer-story figcaption { min-height: 230px; padding: 28px 26px 32px; }
.customer-story figcaption > span { color: var(--red); font-size: 9px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.customer-story h3 { margin: 12px 0 16px; font: 700 32px/.95 var(--display); text-transform: uppercase; }
.customer-story:first-child h3 { font-size: 37px; }
.customer-story p { margin: 0; color: #8d8f94; font-size: 12px; line-height: 1.75; }
.customer-directory-link { display: flex; justify-content: space-between; align-items: center; gap: 32px; margin-top: 38px; padding-top: 30px; border-top: 1px solid var(--line); }
.customer-directory-link p { margin: 0; color: var(--muted); font-size: 13px; }
.customer-proof { scroll-margin-top: 84px; }
.faq-wrap { display: grid; grid-template-columns: .62fr 1.38fr; gap: 72px; margin-top: 110px; padding-top: 50px; border-top: 1px solid rgba(11,12,14,.16); }
.faq-heading { display: grid; align-content: start; }
.faq-heading span { color: var(--red); font: 700 12px var(--display); letter-spacing: .14em; text-transform: uppercase; }
.faq-heading strong { margin-top: 15px; font: 700 35px var(--display); text-transform: uppercase; }
.faq-list { border-top: 1px solid rgba(11,12,14,.16); }
.faq-list details { border-bottom: 1px solid rgba(11,12,14,.16); }
.faq-list summary { display: grid; grid-template-columns: 1fr 30px; gap: 20px; align-items: center; padding: 24px 0; cursor: pointer; list-style: none; font: 700 20px var(--display); text-transform: uppercase; }
.faq-list summary::-webkit-details-marker { display:none; }
.faq-list summary span { color: var(--red); font: 400 26px var(--body); text-align: center; transition: transform .2s; }
.faq-list details[open] summary span { transform: rotate(45deg); }
.faq-list details p { max-width: 720px; margin: -4px 46px 26px 0; color: #686a70; font-size: 13px; line-height: 1.8; }

.contact { background: var(--paper-bright); color: var(--ink); }
.contact-grid { display: grid; grid-template-columns: 1.25fr .75fr; gap: 100px; }
.contact-main h2 { margin-block: 28px 36px; }
.contact-main > p { max-width: 620px; color: #686a70; font-size: 17px; }
.contact-actions { display: flex; gap: 12px; margin-top: 40px; }
.contact-details { border-top: 1px solid rgba(11,12,14,.2); }
.contact-details > div { padding: 26px 0; border-bottom: 1px solid rgba(11,12,14,.2); }
.contact-details span { display: block; color: #85878c; font: 600 10px/1.4 var(--body); text-transform: uppercase; letter-spacing: .12em; }
.contact-details p { margin: 12px 0 0; font: 600 16px/1.65 var(--body); letter-spacing: -.01em; }
.contact-details p a { color: inherit; font: inherit; text-transform: none; letter-spacing: inherit; }
.contact-details > div > a { display: inline-flex; margin-top: 12px; font: 700 11px/1.4 var(--body); text-transform: uppercase; letter-spacing: .08em; }

.site-footer { background: #08090b; padding: 58px 0 22px; }
.footer-top { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 50px; padding-bottom: 44px; }
.brand--footer img { width: 150px; }
.footer-links { display: flex; gap: 30px; }
.footer-links a, .footer-links span, .instagram { color: #9b9ca0; font-size: 11px; text-transform: uppercase; letter-spacing: .08em; }
.instagram { justify-self: end; }
.instagram--disabled { opacity: .58; cursor: default; }
.footer-bottom { display: flex; justify-content: space-between; padding-top: 20px; border-top: 1px solid var(--line); color: #64666b; font-size: 10px; text-transform: uppercase; letter-spacing: .08em; }
.mobile-whatsapp { display: none; }

.quote { background: #111317; }
.quote-grid { display: grid; grid-template-columns: .62fr 1.38fr; gap: 64px; align-items: start; }
.quote-copy { position: sticky; top: 110px; }
.quote-copy h2 { font-size: clamp(58px, 6vw, 92px); margin-bottom: 34px; }
.quote-copy > p { color: var(--muted); max-width: 510px; }
.quote-note { margin-top: 44px; padding: 24px 0 0 22px; border-top: 1px solid var(--line); border-left:2px solid var(--red); }
.quote-note p { margin: 0; color: #8b8d92; font-size: 13px; }
.quote-note strong { color: #fff; }
.quote-panel { padding: 42px; border: 1px solid var(--line); background: #0b0c0e; }
.quote-form { display: grid; gap: 24px; }
.wizard-progress { display: grid; grid-template-columns: repeat(3,1fr); margin: 0; padding: 0; list-style: none; border: 1px solid var(--line); }
.wizard-progress li { position: relative; display: grid; place-items:center; min-height: 62px; padding: 0 13px; border-right: 1px solid var(--line); color: #606268; }
.wizard-progress li:last-child { border-right: 0; }
.wizard-progress li strong { font-size: 9px; letter-spacing: .1em; text-transform: uppercase; }
.wizard-progress li.is-active { color: #fff; background: rgba(255,178,0,.1); }
.wizard-progress li.is-active::after, .wizard-progress li.is-complete::after { content:""; position:absolute; inset:auto 0 -1px; height:2px; background:var(--red); }
.wizard-progress li.is-complete { color: #b5b6b9; }
.wizard-status { color: var(--red); font: 700 10px var(--body); letter-spacing: .1em; text-transform: uppercase; }
.wizard-step { min-width: 0; margin: 0; padding: 0; border: 0; }
.has-js .wizard-step:not(.is-active) { display: none; }
.wizard-step legend { width: 100%; margin: 0 0 10px; padding: 0; color: #fff; font: 700 35px/.95 var(--display); text-transform: uppercase; }
.wizard-step > p { margin: 0 0 28px; color: #74767b; font-size: 12px; }
.wizard-actions { display: flex; justify-content: space-between; gap: 12px; margin-top: 28px; }
.wizard-actions--end { justify-content: flex-end; }
.button--quiet { background: transparent; border-color: var(--line); color: #9b9ca0; cursor: pointer; }
.wizard-actions .quote-submit { width: auto; }
.quote-form input:invalid:not(:placeholder-shown), .quote-form select:invalid.is-touched { border-color: var(--red); }
.form-row { display: grid; gap: 18px; }
.form-row--two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.form-row--spaced { margin-top: 24px; }
.quote-form label { display: grid; gap: 9px; }
.quote-form label > span { color: #a4a6aa; font-size: 10px; text-transform: uppercase; letter-spacing: .1em; font-weight: 700; }
.quote-form input:not([type="checkbox"]):not([type="radio"]), .quote-form select { width: 100%; height: 54px; padding: 0 15px; border: 1px solid rgba(255,255,255,.16); border-radius: 0; background: #131519; color: #fff; font: 500 13px var(--body); outline: none; transition: border-color .2s, background .2s; }
.quote-form input::placeholder { color: #65676c; }
.quote-form input:focus, .quote-form select:focus { border-color: var(--red); background: #17191e; }
.quote-form select { appearance: none; background-image: linear-gradient(45deg,transparent 50%,#8e9094 50%),linear-gradient(135deg,#8e9094 50%,transparent 50%); background-position: calc(100% - 19px) 23px,calc(100% - 14px) 23px; background-size: 5px 5px,5px 5px; background-repeat:no-repeat; }
.choice-field { display: grid; gap: 10px; }
.choice-field--compact { margin-top: 24px; }
.choice-field__label { color: #a4a6aa; font-size: 10px; text-transform: uppercase; letter-spacing: .1em; font-weight: 700; }
.choice-grid { display: grid; gap: 10px; }
.choice-grid--four { grid-template-columns: repeat(4,minmax(0,1fr)); }
.choice-grid--two { grid-template-columns: repeat(2,minmax(0,1fr)); }
.choice-card { position: relative; min-width: 0; min-height: 96px; display: flex !important; grid-template-columns: none !important; align-items: center; gap: 13px !important; padding: 16px; border: 1px solid rgba(255,255,255,.13); background: #121418; cursor: pointer; transition: border-color .2s, background .2s, transform .2s; }
.choice-card:hover { transform: translateY(-2px); border-color: rgba(255,255,255,.3); background: #16181d; }
.choice-card input, .coverage-option input, .contact-method input { position: absolute; opacity: 0; width: 1px; height: 1px; pointer-events: none; }
.choice-card:has(input:checked), .coverage-option:has(input:checked), .contact-method:has(input:checked) { border-color: var(--red); background: linear-gradient(135deg,rgba(255,178,0,.14),rgba(255,178,0,.025)); }
.choice-card:has(input:focus-visible), .coverage-option:has(input:focus-visible), .contact-method:has(input:focus-visible) { outline: 2px solid #fff; outline-offset: 2px; }
.choice-field.is-invalid .choice-card, .choice-field.is-invalid .coverage-option { border-color: rgba(255,178,0,.8); }
.choice-card__icon { flex: 0 0 35px; width: 35px; height: 35px; display: grid; place-content: center; border: 1px solid rgba(255,255,255,.16); color: #fff !important; font: 700 16px var(--display) !important; letter-spacing: 0 !important; }
.choice-card:has(input:checked) .choice-card__icon { border-color: var(--red); background: var(--red); color: var(--ink) !important; }
.quote-form label > .choice-card__copy { min-width: 0; display: grid; gap: 3px; color: inherit; text-transform: none; letter-spacing: 0; }
.choice-card__copy strong { color: #fff; font: 700 15px/1.05 var(--display); text-transform: uppercase; }
.choice-card__copy small { color: #777a80; font-size: 9px; line-height: 1.35; text-transform: none; letter-spacing: 0; }
.choice-card__marker { flex: 0 0 18px; width: 18px; height: 18px; border: 1px solid rgba(255,255,255,.25); color: #fff !important; }
.choice-card:has(input:checked) .choice-card__marker { border-color: var(--red); background: var(--red); box-shadow: inset 0 0 0 4px #121418; }
.goal-card, .service-choice { min-height: 84px; }
.choice-card--wide { grid-column: 1 / -1; }
.recommendation-box { position: relative; display: grid; gap: 5px; margin-bottom: 24px; padding: 19px 20px 19px 23px; overflow: hidden; border: 1px solid rgba(255,178,0,.35); background: linear-gradient(110deg,rgba(255,178,0,.15),rgba(255,178,0,.02)); }
.recommendation-box::before { content:""; position:absolute; inset:0 auto 0 0; width:3px; background:var(--red); }
.recommendation-box > span { color: var(--red); font-size: 8px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.recommendation-box > strong { color: #fff; font: 700 21px var(--display); text-transform: uppercase; }
.recommendation-box > p { margin: 0; color: #898b90; font-size: 10px; }
.coverage-builder { margin-top: 24px; padding: 24px; border: 1px solid var(--line); background: #101216; }
.has-js .coverage-builder:not(.is-visible) { display: none; }
.coverage-builder__head { display: grid; gap: 4px; padding-bottom: 18px; border-bottom: 1px solid var(--line); }
.coverage-builder__head span { color: var(--red); font-size: 8px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.coverage-builder__head strong { color: #fff; font: 700 22px var(--display); text-transform: uppercase; }
.coverage-layout { display: grid; grid-template-columns: 1fr 180px; gap: 24px; align-items: center; padding-top: 22px; }
.coverage-options { display: grid; gap: 8px; }
.coverage-option { position: relative; display: grid !important; grid-template-columns: 1fr !important; padding: 13px 15px; border: 1px solid rgba(255,255,255,.12); background: #14161a; cursor: pointer; }
.quote-form .coverage-option > span { display: grid; gap: 1px; color: inherit; letter-spacing: 0; text-transform: none; }
.coverage-option strong { color: #fff; font: 700 14px var(--display); text-transform: uppercase; }
.coverage-option small { color: #6f7278; font-size: 9px; }
.coverage-map { display: grid; justify-items: center; gap: 8px; }
.coverage-map svg { width: 114px; height: 198px; filter: drop-shadow(0 16px 16px rgba(0,0,0,.24)); }
.car-outline { fill: #191c21; stroke: rgba(255,255,255,.5); stroke-width: 3; }
.car-zone { fill: rgba(255,255,255,.03); stroke: rgba(255,255,255,.08); stroke-width: 1; transition: fill .3s, stroke .3s; }
.coverage-map[data-coverage="Ön Koruma"] .car-zone--front,
.coverage-map[data-coverage="Impact Plus"] .car-zone--front,
.coverage-map[data-coverage="Impact Plus"] .car-zone--mid,
.coverage-map[data-coverage="Tam Gövde"] .car-zone { fill: rgba(255,178,0,.65); stroke: #ffd35c; }
.car-glass { fill: #08090b; stroke: rgba(255,255,255,.25); stroke-width: 2; }
.car-detail { fill: none; stroke: rgba(255,255,255,.25); stroke-width: 2; }
.coverage-map small { max-width: 170px; color: #5f6268; font-size: 7px; line-height: 1.35; text-align: center; text-transform: uppercase; letter-spacing: .05em; }
.plan-summary { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); margin-bottom: 24px; border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.plan-summary > div { min-height: 90px; display: grid; align-content: center; gap: 7px; padding: 16px 18px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.plan-summary span { color: #666970; font-size: 8px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.plan-summary strong { color: #fff; font: 700 16px/1.25 var(--display); text-transform: uppercase; }
.contact-methods { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.contact-method { position: relative; display: grid !important; place-content: center; min-height: 50px; border: 1px solid rgba(255,255,255,.13); background: #121418; cursor: pointer; }
.quote-form .contact-method > span { color: #a4a6aa; font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.contact-method:has(input:checked) > span { color: #fff; }
.consent { grid-template-columns: 18px 1fr; align-items: start; cursor: pointer; }
.consent input { width: 16px; height: 16px; accent-color: var(--red); margin: 2px 0 0; }
.consent span { text-transform: none !important; letter-spacing: 0 !important; line-height: 1.6; font-weight: 500 !important; }
.consent a { color: #fff; text-decoration: underline; text-underline-offset: 3px; }
.quote-submit { width: 100%; border-radius: 0; cursor: pointer; }
.form-alternative { margin: -4px 0 0; color: #74767b; font-size: 11px; text-align: center; }
.form-alternative a { color: #fff; border-bottom: 1px solid rgba(255,255,255,.3); }
.form-alert { display: grid; gap: 3px; margin-bottom: 28px; padding: 16px 18px; border-left: 3px solid var(--red); background: rgba(255,178,0,.08); font-size: 12px; }
.form-alert[hidden] { display: none; }
.form-alert--success { border-color: #2fd477; background: rgba(47,212,119,.08); }
.form-alert span { color: #a4a6aa; }
.form-honeypot { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }
.wp-content { min-height: 70vh; padding-top: 170px; background: var(--paper-bright); color: var(--ink); }
.wp-entry__title { font: 800 clamp(52px,7vw,92px)/.9 var(--display); text-transform: uppercase; }
.wp-entry__content { max-width: 820px; }

/* KVKK aydınlatma sayfası */
.legal-page { background: var(--paper); color: var(--ink); }
.legal-hero { padding: 170px 0 92px; background: #0c0d0f; color: #fff; }
.legal-hero__inner { display: grid; gap: 24px; }
.legal-hero h1 { max-width: 980px; margin: 0; font: 800 clamp(62px,9vw,132px)/.82 var(--display); letter-spacing: -.035em; text-transform: uppercase; }
.legal-hero h1 span { color: transparent; -webkit-text-stroke: 1px rgba(255,255,255,.58); }
.legal-hero p { max-width: 740px; margin: 0; color: rgba(255,255,255,.68); font-size: 17px; line-height: 1.7; }
.legal-hero small { color: rgba(255,255,255,.4); font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
.legal-content { max-width: 1020px; display: grid; gap: 0; padding-top: 90px; padding-bottom: 120px; }
.legal-content > section { padding: 52px 0; border-bottom: 1px solid #d8d5d0; }
.legal-content h2 { margin: 0 0 22px; font: 800 clamp(34px,4vw,54px)/.95 var(--display); letter-spacing: -.02em; text-transform: uppercase; }
.legal-content h3 { margin: 0 0 12px; font: 700 25px/1 var(--display); text-transform: uppercase; }
.legal-content p, .legal-content li, .legal-content dd { color: #55585d; font-size: 15px; line-height: 1.8; }
.legal-content p + p { margin-top: 16px; }
.legal-content ul { display: grid; gap: 12px; padding-left: 20px; }
.legal-content strong, .legal-content a { color: #111214; }
.legal-content a { text-decoration: underline; text-underline-offset: 3px; }
.legal-lead { padding-top: 0 !important; }
.legal-contact { display: grid; grid-template-columns: 1.4fr 1fr .8fr; gap: 1px; margin-top: 28px; background: #d8d5d0; border: 1px solid #d8d5d0; }
.legal-contact div { padding: 22px; background: #eeece8; }
.legal-contact dt { margin-bottom: 8px; color: var(--red); font-size: 9px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.legal-contact dd { margin: 0; }
.legal-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; margin: 28px 0; background: #d8d5d0; border: 1px solid #d8d5d0; }
.legal-grid > div { padding: 28px; background: #eeece8; }
.legal-grid small { display: block; margin-top: 20px; color: #7b7d81; font-size: 11px; line-height: 1.6; }
.legal-application { border: 0 !important; }
.legal-note { padding: 28px; border-left: 3px solid var(--red); background: #e8e5e0; }
.legal-note strong { display: block; margin-bottom: 8px; font: 700 20px var(--display); text-transform: uppercase; }
.legal-note p { margin: 0; }

.reveal { opacity: 1; transform: none; }
.has-js .reveal { opacity: 0; transform: translateY(22px); transition: opacity .7s ease, transform .7s ease; }
.has-js .reveal.is-visible { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation: none !important; transition: none !important; } .reveal { opacity: 1; transform: none; } .hero-video { display:none; } }

/* Hizmet açılış sayfaları */
.landing-hero { min-height: 720px; position: relative; display: flex; align-items: end; padding: 160px 0 86px; }
.landing-hero__media, .landing-hero__shade { position: absolute; inset: 0; }
.landing-hero__media { background: var(--landing-image) center / cover no-repeat; }
.landing-hero__shade { background: linear-gradient(90deg,rgba(5,6,8,.95),rgba(5,6,8,.35)),linear-gradient(0deg,rgba(5,6,8,.82),transparent); }
.landing-hero__content { position: relative; z-index: 1; }
.landing-hero h1 { max-width: 980px; margin: 24px 0; font: 800 clamp(70px,9vw,138px)/.85 var(--display); text-transform: uppercase; letter-spacing: -.035em; }
.landing-hero h1 span { color: transparent; -webkit-text-stroke: 1px rgba(255,255,255,.58); }
.landing-hero p { max-width: 600px; color: rgba(255,255,255,.7); font-size: 18px; }
.landing-hero__content > .button { margin-top:30px; }
.credibility--page { padding:72px 0; }
.hub-cta { background:#0b0c0e; }
.hub-cta__inner { display:grid; grid-template-columns:1fr auto; align-items:end; gap:70px; }
.hub-cta h2 { margin-bottom:0; font-size:clamp(58px,6vw,94px); }
.hub-cta .button { margin-bottom:8px; }
.results--directory { padding-top:110px; }
@media (min-width:761px) {
  .services--directory.section { padding:96px 0; }
  .services--directory .service-grid { grid-template-rows:repeat(2,280px); gap:16px; }
  .services--directory .service-card { min-height:280px; }
  .services--directory .service-list { margin-top:44px; gap:12px; }
  .services--directory .service-list > a { min-height:190px; }
  .services--directory .service-list > a > div { inset:auto 22px 20px; }
  .services--directory .service-list strong { font-size:24px; }
}
.landing-body { background: var(--paper-bright); color: var(--ink); }
.landing-lead { display:grid; grid-template-columns:.7fr 1.3fr; gap:80px; }
.landing-lead h2 { margin-top:0; font-size:clamp(54px,6vw,90px); }
.landing-lead__copy > p { color:#64666c; font-size:18px; line-height:1.85; }
.benefit-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin-top:70px; background:#d5d4d1; }
.benefit { background:var(--paper-bright); padding:38px 30px; }
.benefit > i { display:block; width:32px; height:3px; background:var(--red); }
.benefit h3 { font:700 27px var(--display); text-transform:uppercase; margin:34px 0 12px; }
.benefit p { color:#72747a; font-size:13px; }
.package-compare { background:#0d0f12; }
.package-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; align-items:stretch; }
.package-card { position:relative; min-height:590px; display:flex; flex-direction:column; padding:38px 34px; border:1px solid var(--line); background:#111317; overflow:hidden; }
.package-card--featured { border-color:rgba(255,178,0,.7); background:linear-gradient(145deg,rgba(255,178,0,.1),transparent 40%),#111317; }
.package-badge { position:absolute; top:0; right:0; padding:8px 12px; background:var(--red); color:var(--ink); font-size:8px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
.package-eyebrow { margin-top:24px; color:var(--red); font-size:9px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
.package-card h3 { margin:12px 0 18px; font:700 48px/.95 var(--display); text-transform:uppercase; }
.package-card > p { min-height:72px; margin:0; color:#8c8e93; font-size:13px; line-height:1.75; }
.package-card ul { flex:1; margin:30px 0; padding:0; list-style:none; border-top:1px solid var(--line); }
.package-card li { position:relative; padding:15px 0 15px 22px; border-bottom:1px solid var(--line); color:#c7c8ca; font-size:11px; }
.package-card li::before { content:""; position:absolute; left:0; top:21px; width:6px; height:6px; background:var(--red); transform:rotate(45deg); }
.package-card .text-link { align-self:flex-start; font-size:10px; }
.package-disclaimer { margin:28px 0 0; color:#6f7176; font-size:10px; letter-spacing:.03em; text-align:center; }
.landing-cta { background:var(--ink); text-align:center; }
.landing-cta h2 { font-size:clamp(58px,7vw,104px); }
.landing-cta p { color:var(--muted); max-width:560px; margin:0 auto 36px; }

/* Markalar ve ürün katalogları */
.brands-page, .brand-catalog { background:var(--ink); }
.brand-hub-hero { position:relative; min-height:760px; display:flex; align-items:flex-end; padding:170px 0 94px; overflow:hidden; background:radial-gradient(circle at 75% 34%,rgba(255,178,0,.17),transparent 24%),linear-gradient(135deg,#08090b,#101216 60%,#090a0c); }
.brand-hub-hero__grid { position:absolute; inset:0; opacity:.22; background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px); background-size:88px 88px; mask-image:linear-gradient(90deg,transparent,#000); transform:perspective(800px) rotateY(-17deg) scale(1.18); transform-origin:right center; }
.brand-hub-hero::after { content:"UFS  ·  GYEON  ·  ORACAL"; position:absolute; right:-32px; bottom:52px; color:rgba(255,255,255,.035); font:800 clamp(80px,11vw,170px)/.7 var(--display); white-space:nowrap; letter-spacing:-.04em; }
.brand-hub-hero__content { position:relative; z-index:1; }
.brand-hub-hero h1 { max-width:1050px; margin:24px 0; font:800 clamp(76px,10vw,148px)/.82 var(--display); letter-spacing:-.04em; text-transform:uppercase; }
.brand-hub-hero h1 span, .brand-directory h2 span, .brand-standard h2 span, .catalog-hero h1 span, .gyeon-browser h2 span, .catalog-cta h2 span { color:transparent; -webkit-text-stroke:1px rgba(255,255,255,.48); }
.brand-hub-hero p { max-width:680px; color:rgba(255,255,255,.67); font-size:17px; }
.brand-hub-hero .button { margin-top:30px; }
.brand-directory { background:var(--paper-bright); color:var(--ink); }
.brand-directory__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.brand-tile { position:relative; min-height:570px; display:flex; flex-direction:column; justify-content:space-between; padding:34px; overflow:hidden; border:1px solid rgba(11,12,14,.12); background:#e6e4e0; transition:transform .25s,border-color .25s; }
.brand-tile:hover { transform:translateY(-6px); border-color:var(--red); }
.brand-tile::before { content:""; position:absolute; inset:0; opacity:.55; pointer-events:none; background:linear-gradient(145deg,transparent 38%,rgba(255,255,255,.72)); }
.brand-tile--ufs { background:radial-gradient(circle at 76% 18%,rgba(0,126,190,.22),transparent 33%),#e8e8e6; }
.brand-tile--gyeon { background:radial-gradient(circle at 82% 20%,rgba(65,60,107,.24),transparent 35%),#e6e4e2; }
.brand-tile--oracal { background:radial-gradient(circle at 78% 20%,rgba(255,178,0,.25),transparent 35%),#e5e3df; }
.brand-tile__index { position:relative; color:#8e9094; font:600 12px var(--display); }
.brand-wordmark { position:relative; margin:auto 0; font:800 clamp(72px,7vw,104px)/.8 var(--display); letter-spacing:-.055em; }
.brand-wordmark sup { font-size:.22em; vertical-align:top; }
.brand-tile > img { position:relative; width:84%; height:auto; margin:auto 0; filter:brightness(.35) saturate(.9); }
.brand-tile > div { position:relative; padding-top:25px; border-top:1px solid rgba(11,12,14,.14); }
.brand-tile small { color:#85878b; font-size:9px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.brand-tile h3 { margin:9px 0 10px; font:800 34px/.95 var(--display); text-transform:uppercase; }
.brand-tile p { min-height:52px; margin:0; color:#66686d; font-size:13px; }
.brand-tile__link { display:block; margin-top:28px; color:var(--red-dark); font-size:10px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.brand-standard { background:#0c0e11; }
.brand-standard__inner { display:grid; grid-template-columns:1fr .82fr; gap:100px; align-items:end; }
.brand-standard h2 { margin:16px 0 0; font-size:clamp(56px,6.5vw,96px); }
.brand-standard__copy p { margin:0 0 32px; color:#8f9196; font-size:16px; line-height:1.85; }

.catalog-hero { position:relative; min-height:790px; display:flex; align-items:flex-end; padding:156px 0 90px; overflow:hidden; background:linear-gradient(135deg,#070a0d,#0c1821 60%,#071016); }
.catalog-hero__orb { position:absolute; border-radius:50%; border:1px solid rgba(255,255,255,.1); }
.catalog-hero__orb--one { width:620px; height:620px; right:-80px; top:30px; background:radial-gradient(circle at 40% 40%,rgba(0,165,225,.22),transparent 55%); }
.catalog-hero__orb--two { width:370px; height:370px; right:360px; top:210px; background:radial-gradient(circle,rgba(255,178,0,.16),transparent 65%); }
.catalog-hero__content { position:relative; z-index:1; }
.breadcrumbs { display:flex; gap:10px; align-items:center; margin-bottom:50px; color:rgba(255,255,255,.42); font-size:9px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.breadcrumbs a:hover { color:#fff; }
.breadcrumbs strong { color:var(--red); }
.catalog-hero__mark { position:absolute; right:0; top:40px; color:rgba(255,255,255,.06); font:800 clamp(150px,22vw,320px)/.7 var(--display); letter-spacing:-.06em; }
.catalog-hero h1 { max-width:980px; margin:20px 0 24px; font:800 clamp(72px,9.5vw,140px)/.82 var(--display); letter-spacing:-.04em; text-transform:uppercase; }
.catalog-hero p { max-width:690px; margin:0; color:rgba(255,255,255,.67); font-size:17px; line-height:1.8; }
.catalog-hero__facts { display:flex; gap:1px; margin-top:46px; }
.catalog-hero__facts > div { min-width:160px; padding:17px 22px; border:1px solid rgba(255,255,255,.12); background:rgba(0,0,0,.15); }
.catalog-hero__facts strong { display:block; font:700 30px/.9 var(--display); }
.catalog-hero__facts span { color:#85878c; font-size:8px; font-weight:800; letter-spacing:.09em; text-transform:uppercase; }
.catalog-intro { background:var(--paper-bright); color:var(--ink); }
.catalog-intro__grid { display:grid; grid-template-columns:.95fr 1.05fr; gap:90px; }
.catalog-intro h2 { margin:16px 0 0; font-size:clamp(55px,6vw,88px); }
.catalog-intro h2 span { color:transparent; -webkit-text-stroke:1px rgba(11,12,14,.38); }
.catalog-intro__grid > div:last-child { padding-top:28px; }
.catalog-intro p { color:#65676c; font-size:16px; line-height:1.9; }
.product-browser { background:#0b0c0e; }
.catalog-toolbar { display:flex; justify-content:space-between; align-items:flex-end; gap:40px; margin-bottom:50px; }
.catalog-toolbar h2 { margin:12px 0 0; font-size:clamp(55px,6vw,84px); }
.catalog-filter { display:flex; border:1px solid var(--line); }
.catalog-filter button { min-height:46px; padding:0 20px; border:0; border-right:1px solid var(--line); background:transparent; color:#8c8e93; cursor:pointer; font-size:9px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.catalog-filter button:last-child { border-right:0; }
.catalog-filter button.is-active { background:var(--red); color:var(--ink); }
.ufs-product-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.ufs-product-card { min-height:760px; display:flex; flex-direction:column; padding:36px; border:1px solid var(--line); background:linear-gradient(145deg,rgba(15,134,184,.09),transparent 34%),#111317; }
.ufs-product-card[hidden], .gyeon-product-card[hidden] { display:none; }
.ufs-product-card__top, .gyeon-product-card__top { display:flex; justify-content:space-between; gap:18px; color:#696b70; font-size:9px; font-weight:800; letter-spacing:.09em; text-transform:uppercase; }
.ufs-product-card__top span, .gyeon-product-card__top span { color:var(--red); }
.ufs-product-card__media { position:relative; height:260px; margin:24px 0 12px; overflow:hidden; border:1px solid rgba(255,255,255,.08); background:radial-gradient(circle at center,rgba(255,255,255,.1),transparent 63%),#f2f2f0; }
.ufs-product-card__media img { position:absolute; inset:12px; display:block; width:calc(100% - 24px); height:calc(100% - 24px); max-width:none; object-fit:contain; object-position:center; }
.ufs-product-card h3 { max-width:540px; margin:28px 0 16px; font:700 clamp(42px,4vw,60px)/.88 var(--display); text-transform:uppercase; }
.ufs-product-card__lead { min-height:52px; color:#d7d8da !important; font-size:14px !important; }
.ufs-product-card__spec { display:grid; grid-template-columns:repeat(2,1fr); gap:1px; margin:24px 0; background:var(--line); border:1px solid var(--line); }
.ufs-product-card__spec strong { padding:14px; background:#0d0f12; color:#fff; font:600 17px var(--display); text-transform:uppercase; }
.ufs-product-card > p { color:#85878d; font-size:12px; line-height:1.8; }
.ufs-product-card ul { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0; margin:20px 0 30px; padding:0; list-style:none; border-top:1px solid var(--line); }
.ufs-product-card li { position:relative; padding:12px 8px 12px 17px; border-bottom:1px solid var(--line); color:#a8aaae; font-size:10px; }
.ufs-product-card li::before { content:""; position:absolute; left:0; top:18px; width:5px; height:5px; background:var(--red); }
.ufs-product-card > a { margin-top:auto; color:var(--red); font-size:9px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.brand-guides { background:var(--paper-bright); color:var(--ink); }
.brand-benefit-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border:1px solid #d8d5d0; }
.brand-benefit-grid > div { min-height:150px; display:flex; flex-direction:column; justify-content:space-between; padding:24px; border-right:1px solid #d8d5d0; border-bottom:1px solid #d8d5d0; }
.brand-benefit-grid > div:nth-child(4n) { border-right:0; }
.brand-benefit-grid span { color:var(--red-dark); font-size:9px; font-weight:800; }
.brand-benefit-grid strong { max-width:180px; font:700 21px/1.05 var(--display); text-transform:uppercase; }
.care-note { display:grid; grid-template-columns:.8fr 1.2fr; gap:70px; margin-top:60px; padding:44px; background:#e8e5e0; }
.care-note h3 { margin:12px 0 0; font:800 40px/.95 var(--display); text-transform:uppercase; }
.care-note ul { margin:0; padding:0; list-style:none; }
.care-note li { padding:12px 0; border-bottom:1px solid #d0ceca; color:#5e6065; font-size:12px; }
.catalog-cta { background:#0a0b0d; }
.catalog-cta__inner { display:grid; grid-template-columns:1fr auto; align-items:end; gap:60px; }
.catalog-cta h2 { margin:16px 0 0; font-size:clamp(58px,7vw,104px); }
.catalog-cta .button { margin-bottom:8px; }

.catalog-hero--gyeon { background:radial-gradient(circle at 77% 26%,rgba(88,81,151,.35),transparent 26%),linear-gradient(140deg,#15182d,#0c0f19 62%,#08090c); }
.catalog-hero__mesh { position:absolute; inset:-20%; opacity:.22; background-image:linear-gradient(30deg,transparent 48%,rgba(255,255,255,.12) 49%,transparent 50%),linear-gradient(-30deg,transparent 48%,rgba(255,255,255,.1) 49%,transparent 50%); background-size:94px 94px; transform:rotate(-8deg); }
.catalog-hero__logo { position:absolute; right:0; top:50px; width:min(44vw,520px); height:auto; opacity:.12; filter:brightness(5) grayscale(1); }
.gyeon-browser { background:var(--paper-bright); color:var(--ink); }
.gyeon-browser__heading { display:grid; grid-template-columns:1fr .65fr; gap:80px; align-items:end; }
.gyeon-browser h2 { margin:15px 0 0; font-size:clamp(56px,6.5vw,96px); }
.gyeon-browser h2 span { -webkit-text-stroke-color:rgba(11,12,14,.35); }
.gyeon-browser__heading > p { color:#66686d; font-size:15px; line-height:1.8; }
.gyeon-tools { display:grid; grid-template-columns:1fr auto; gap:12px; margin:52px 0 18px; }
.product-search { position:relative; }
.product-search input { width:100%; height:64px; padding:0 60px 0 22px; border:1px solid #d4d1cd; outline:0; background:#fff; color:var(--ink); font:600 14px var(--body); }
.product-search input:focus { border-color:var(--red-dark); box-shadow:0 0 0 3px rgba(255,178,0,.13); }
.product-search i { position:absolute; right:22px; top:50%; transform:translateY(-50%); color:var(--red-dark); font:700 24px var(--display); }
.product-count { width:100px; display:grid; place-content:center; text-align:center; background:var(--ink); color:#fff; }
.product-count strong { font:700 28px/.9 var(--display); }
.product-count span { color:#77797e; font-size:7px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.gyeon-filters { display:flex; flex-wrap:wrap; gap:7px; margin-bottom:34px; }
.gyeon-filters button { min-height:38px; display:inline-flex; align-items:center; gap:10px; padding:0 13px; border:1px solid #d1ceca; background:transparent; color:#55575c; cursor:pointer; font-size:9px; font-weight:800; letter-spacing:.05em; text-transform:uppercase; }
.gyeon-filters button span { color:#999b9f; font-size:8px; }
.gyeon-filters button.is-active { border-color:var(--ink); background:var(--ink); color:#fff; }
.gyeon-filters button.is-active span { color:var(--red); }
.gyeon-product-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.gyeon-product-card { min-height:510px; display:flex; flex-direction:column; padding:26px; border:1px solid #d8d5d0; background:#efede9; transition:border-color .2s,transform .2s,box-shadow .2s; }
.gyeon-product-card:hover { z-index:1; border-color:var(--red-dark); transform:translateY(-3px); box-shadow:0 18px 38px rgba(11,12,14,.08); }
.gyeon-product-card__media { position:relative; height:250px; margin:22px -6px 8px; overflow:hidden; }
.gyeon-product-card__media img { position:absolute; inset:12px; display:block; width:calc(100% - 24px); height:calc(100% - 24px); max-width:none; object-fit:contain; object-position:center; filter:drop-shadow(0 15px 15px rgba(11,12,14,.12)); }
.gyeon-product-card h3 { margin:22px 0 14px; font:700 30px/.95 var(--display); text-transform:uppercase; }
.gyeon-product-card > p { margin:0; color:#6d6f74; font-size:11px; line-height:1.75; }
.gyeon-product-card__spec { margin-top:auto; padding-top:20px; border-top:1px solid #d4d1cd; }
.gyeon-product-card__spec span { display:block; margin-bottom:6px; color:#97999d; font-size:7px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.gyeon-product-card__spec strong { color:#34363a; font-size:9px; line-height:1.6; }
.catalog-empty { padding:70px 20px; border:1px solid #d8d5d0; text-align:center; }
.catalog-empty strong { font:700 36px var(--display); text-transform:uppercase; }
.catalog-empty p { color:#77797d; }
.catalog-source-note { max-width:860px; margin:38px auto 0; color:#888a8e; font-size:10px; line-height:1.7; text-align:center; }
.screen-reader-text { position:absolute !important; width:1px !important; height:1px !important; padding:0 !important; margin:-1px !important; overflow:hidden !important; clip:rect(0,0,0,0) !important; white-space:nowrap !important; border:0 !important; }

@media (max-width: 1024px) {
  :root { --shell: min(100% - 36px, 940px); }
  .header-inner { grid-template-columns: 160px 1fr auto; gap: 22px; }
  .main-nav { gap: 18px; }
  .hero-grid { gap: 30px; }
  .hero h1 { font-size: clamp(70px, 10vw, 104px); }
  .hero-bottom { grid-template-columns: repeat(3,1fr); }
  .hero-location { display: none; }
  .intro-showcase { min-height:460px; }
  .steps { grid-template-columns:repeat(2,1fr); }
  .results-rail { grid-auto-columns: 57vw; }
  .credibility-grid { grid-template-columns: repeat(3,1fr); }
  .credibility-item--brands { grid-column: 1 / -1; min-height: 120px; }
  .solution-panel { grid-template-columns: 1fr 1fr; }
  .solution-copy { padding: 42px 34px; }
  .quote-grid { grid-template-columns: 1fr; gap: 48px; }
  .quote-copy { position: static; }
  .customer-value-grid, .customer-story-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .customer-value:last-child { grid-column: 1 / -1; border-top: 1px solid rgba(11,12,14,.16); }
  .customer-story:last-child { grid-column: 1 / -1; }
  .brand-directory__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .brand-tile:last-child { grid-column:1 / -1; min-height:430px; }
  .brand-standard__inner, .catalog-intro__grid { gap:55px; }
  .brand-benefit-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .brand-benefit-grid > div:nth-child(2n) { border-right:0; }
  .gyeon-product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width: 1180px) and (min-width: 761px) {
  .header-inner { grid-template-columns: 150px minmax(0,1fr) auto; gap: 18px; }
  .brand img { width: 148px; }
  .main-nav { gap: 15px; }
  .main-nav a { font-size: 11px; letter-spacing: .025em; }
  .header-cta { min-height: 42px; gap: 14px; padding-inline: 16px; font-size: 11px; }
}

@media (max-width: 760px) {
  .admin-bar .site-header { top: 46px; }
  :root { --shell: calc(100% - 32px); }
  body { padding-bottom: 0; }
  .site-header, .site-header.is-scrolled { height: 68px; background: rgba(8,9,11,.88); backdrop-filter: blur(14px); }
  .header-inner { grid-template-columns: 1fr auto; }
  .brand img { width: 132px; }
  .header-cta { display: none; }
  .nav-toggle { display: grid; width: 42px; height: 42px; place-content: center; gap: 7px; border: 0; background: transparent; color: #fff; z-index: 3; }
  .nav-toggle span { width: 24px; height: 2px; background: currentColor; transition: transform .2s; }
  .nav-open .nav-toggle span:first-child { transform: translateY(4.5px) rotate(45deg); }
  .nav-open .nav-toggle span:last-child { transform: translateY(-4.5px) rotate(-45deg); }
  .main-nav { position: fixed; inset: 0; width: 100%; max-width: none; height: 100dvh; background: #0a0b0d; display: flex; flex-direction: column; justify-content: center; gap: 22px; opacity: 0; pointer-events: none; transition: opacity .2s; z-index: 2; }
  .main-nav a { font: 700 38px var(--display); text-transform: uppercase; color: #fff; }
  .nav-open .main-nav { opacity: 1; pointer-events: auto; }
  .nav-group { width:min(100% - 44px,420px); display:grid; grid-template-columns:1fr 44px; text-align:center; }
  .nav-group__parent { padding-left:44px; }
  .nav-group__toggle { width:44px; height:44px; color:#fff; }
  .nav-group__menu { position:static; grid-column:1 / -1; width:100%; max-height:0; padding:0; border:0; background:transparent; box-shadow:none; opacity:1; overflow:hidden; pointer-events:none; transform:none; transition:max-height .25s,padding .25s; }
  .nav-group__menu::before { display:none; }
  .nav-group.is-open .nav-group__menu { max-height:220px; padding-top:10px; pointer-events:auto; transform:none; }
  .main-nav .nav-group__menu > a { min-height:44px; grid-template-columns:90px 1fr; padding:7px 14px; border-color:rgba(255,255,255,.08); text-align:left; }
  .main-nav .nav-group__menu strong { font-size:19px; }
  .main-nav .nav-group__menu span { font:700 8px var(--body); }
  .hero { min-height: 720px; height: 100svh; }
  .hero-media { background-position: 64% center; }
  .hero-video { display:none; }
  .hero-shade { background: linear-gradient(0deg,rgba(5,6,8,.96),rgba(5,6,8,.22) 75%),linear-gradient(90deg,rgba(5,6,8,.6),transparent); }
  .hero-grid { display: block; padding-top: 150px; }
  .hero h1 { font-size: clamp(64px, 20vw, 86px); margin-block: 20px; }
  .hero-lead { font-size: 15px; }
  .hero-actions { align-items: stretch; flex-direction: column; gap: 14px; margin-top: 28px; }
  .hero-actions .button { width: 100%; }
  .hero-actions .text-link { align-self: flex-start; }
  .hero-card { display: none; }
  .hero-bottom { min-height: 86px; grid-template-columns: repeat(2,1fr); }
  .trust-item:nth-child(2) { display: none; }
  .trust-item { padding-left: 12px; }
  .trust-item strong { font-size: 15px; }
  .trust-item span { font-size: 8px; }
  .section { padding: 76px 0; }
  .intro.section, .services.section { padding: 64px 0; }
  .intro-heading, .section-heading, .contact-grid, .landing-lead { grid-template-columns: 1fr; gap: 36px; }
  .quote-grid { grid-template-columns: 1fr; gap: 44px; }
  .quote-copy { position: static; }
  .quote-panel { padding: 26px 18px; }
  .form-row--two { grid-template-columns: 1fr; }
  .choice-grid--four { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .choice-grid--two, .plan-summary { grid-template-columns: 1fr; }
  .choice-card--wide { grid-column: auto; }
  .coverage-builder { padding: 20px 16px; }
  .coverage-layout { grid-template-columns: 1fr 116px; gap: 14px; }
  .coverage-map svg { width: 88px; height: 154px; }
  .contact-methods { grid-template-columns: 1fr; }
  .intro h2, .services h2, .results h2, .process h2, .quote-copy h2, .contact h2 { font-size: clamp(51px,15vw,68px); }
  .intro-heading { margin-bottom:30px; }
  .intro-heading > p { font-size:15px; }
  .intro-showcase { grid-template-columns:1fr; min-height:0; }
  .intro-photo--finish { height:380px; }
  .intro-detail { grid-template-columns:.9fr 1.1fr; grid-template-rows:1fr; }
  .intro-photo--studio { min-height:300px; }
  .intro-points > div { padding:16px 18px; }
  .intro-points strong { font-size:19px; }
  .cafe-preview__heading { grid-template-columns:1fr; gap:28px; margin-bottom:30px; }
  .cafe-preview h2 { font-size:clamp(51px,15vw,68px); }
  .cafe-preview__actions { align-items:stretch; flex-direction:column; }
  .cafe-preview__actions .button { width:100%; }
  .cafe-preview__gallery { grid-template-columns:1fr; grid-template-rows:380px repeat(2,250px); height:auto; }
  .cafe-preview__photo--main { grid-row:auto; }
  .cafe-preview__photo figcaption { inset:auto 20px 20px; }
  .credibility { padding-bottom: 58px; }
  .credibility-grid { grid-template-columns: repeat(3,1fr); }
  .credibility-item { min-height: 110px; padding: 18px 12px; }
  .credibility-item > strong { font-size: 34px; }
  .credibility-item p { font-size: 7px; line-height: 1.4; }
  .credibility-item--brands { grid-column: 1 / -1; min-height: 104px; padding-inline: 22px; }
  .credibility-item--brands > strong { font-size: 30px; }
  .partner-brands { padding:44px 0; }
  .partner-brands__heading h2 { margin-bottom:24px; }
  .partner-brands__list, .partner-brands__list li { height:76px; }
  .partner-brands__list li { width:170px; flex-basis:170px; }
  .partner-brands__list a { padding:17px 19px; }
  .partner-brands__list img { max-width:132px; max-height:38px; }
  .partner-brands__track { animation-duration:24s; }
  .section-heading { align-items: start; margin-bottom: 32px; }
  .section-heading > p { margin: 0; }
  .service-grid { display: block; }
  .service-card { height: 360px; min-height: 0; margin-bottom: 12px; }
  .service-card--wide { height: 420px; }
  .service-content { inset: auto 20px 22px; }
  .service-content h3 { font-size: 39px; }
  .service-list { grid-template-columns: repeat(2,1fr); gap:10px; }
  .service-list > a { min-height:180px; }
  .home-section-link { align-items:flex-start; flex-direction:column; margin-top:24px; padding-top:20px; }
  .home-section-link .button { width:100%; }
  .hub-cta__inner { grid-template-columns:1fr; gap:34px; }
  .hub-cta h2 { font-size:clamp(51px,15vw,68px); }
  .hub-cta .button { width:100%; margin:0; }
  .solution-lab::before { display: none; }
  .solution-tabs { grid-template-columns: 1fr; }
  .solution-tab { min-height: 68px; border-right: 0; border-bottom: 1px solid var(--line); padding-left: 22px; }
  .solution-tab:last-child { border-bottom: 0; }
  .solution-panel { grid-template-columns: 1fr; min-height: 0; }
  .solution-media { height: 390px; }
  .solution-media::after { background: linear-gradient(0deg,rgba(9,10,12,.65),transparent 55%); }
  .solution-copy { padding: 34px 22px 40px; }
  .solution-copy h3 { font-size: 43px; }
  .solution-copy .button { width: 100%; }
  .project-filters { overflow-x: auto; margin-top: -15px; padding-bottom: 4px; scrollbar-width: none; }
  .project-filters::-webkit-scrollbar { display:none; }
  .project-filters button { flex: 0 0 auto; }
  .results-rail { grid-auto-columns: 82vw; padding-inline: 16px; }
  .result-card { height: auto; aspect-ratio: 3 / 2; }
  .process-media img { aspect-ratio:auto; object-fit:contain; }
  .media-badge { right:14px; bottom:14px; padding:16px 18px; }
  .steps { grid-template-columns:1fr; gap:1px; }
  .steps li { min-height:0; padding:24px 22px; }
  .steps li i { margin-bottom:20px; }
  .cafe-gallery__heading { grid-template-columns:1fr; }
  .cafe-gallery__grid { grid-template-columns:1fr; grid-auto-rows:260px; }
  .cafe-gallery__item, .cafe-gallery__item--main, .cafe-gallery__item--wide { grid-column:auto; grid-row:auto; }
  .cafe-gallery__item--main { min-height:380px; }
  .proof-grid, .faq-wrap { grid-template-columns: 1fr; gap: 36px; }
  .proof-intro { position: static; }
  .proof-intro h2 { font-size: clamp(44px,14vw,62px); }
  .proof-intro, .review-grid, .faq-list { min-width: 0; width: 100%; }
  .review-grid { grid-template-columns: minmax(0,1fr); }
  .review-card { min-height: 250px; padding: 26px; }
  .customer-principles .section-heading, .customer-showcase .section-heading { padding-bottom: 34px; }
  .customer-principles h2, .customer-showcase h2 { font-size: clamp(51px,15vw,68px); }
  .customer-value-grid, .customer-story-grid { grid-template-columns: minmax(0,1fr); margin-top: 0; }
  .customer-story:last-child { grid-column: auto; }
  .customer-value, .customer-value:first-child { min-height: 0; padding: 30px 4px; border-left: 0; border-top: 1px solid rgba(11,12,14,.16); }
  .customer-value:first-child { border-top: 0; }
  .customer-value:last-child { grid-column: auto; }
  .customer-value h3 { margin-top: 42px; font-size: 31px; }
  .customer-story figcaption { min-height: 0; }
  .customer-story h3 { font-size: 30px; }
  .customer-story:first-child h3 { font-size: 32px; }
  .customer-directory-link { align-items: stretch; flex-direction: column; }
  .customer-directory-link .button { width: 100%; }
  .faq-wrap { margin-top: 70px; padding-top: 36px; }
  .faq-list summary { font-size: 18px; }
  .contact-actions { flex-direction: column; }
  .contact-actions .button { width: 100%; }
  .contact-details p { font-size: 15px; }
  .footer-top { grid-template-columns: 1fr; gap: 28px; }
  .footer-links { flex-wrap: wrap; gap: 16px 24px; }
  .instagram { justify-self: start; }
  .legal-hero { padding: 138px 0 70px; }
  .legal-content { padding-top: 60px; padding-bottom: 90px; }
  .legal-content > section { padding: 42px 0; }
  .legal-contact, .legal-grid { grid-template-columns: 1fr; }
  .site-footer { padding-bottom: calc(96px + env(safe-area-inset-bottom)); }
  .footer-bottom { flex-direction: column; gap: 10px; }
  .mobile-whatsapp { position: fixed; display: grid; place-items: center; z-index: 90; right: max(16px, env(safe-area-inset-right)); bottom: max(18px, env(safe-area-inset-bottom)); width: 66px; height: 66px; padding: 9px; border: 1px solid rgba(255,255,255,.38); border-radius: 14px; background: #25d366; color: #07140b; box-shadow: 0 16px 36px rgba(0,0,0,.34); text-align: center; transition: opacity .2s, transform .2s, box-shadow .2s; }
  .mobile-whatsapp:hover { transform: translateY(-2px); box-shadow: 0 18px 40px rgba(0,0,0,.4); }
  .mobile-whatsapp svg { width: 27px; height: 27px; }
  .mobile-whatsapp__label { margin-top: 2px; font-size: 7px; font-weight: 800; line-height: 1; letter-spacing: .08em; text-transform: uppercase; }
  .nav-open .mobile-whatsapp { opacity: 0; pointer-events: none; transform: translateY(12px); }
  .landing-hero { min-height:650px; padding-bottom:64px; }
  .landing-hero h1 { font-size:clamp(65px,20vw,92px); }
  .benefit-grid { grid-template-columns:1fr; }
  .package-grid { grid-template-columns:1fr; }
  .package-card { min-height:0; }
  .package-card > p { min-height:0; }
  .brand-hub-hero { min-height:680px; padding:138px 0 68px; }
  .brand-hub-hero h1 { font-size:clamp(66px,19vw,92px); }
  .brand-hub-hero::after { display:none; }
  .brand-directory__grid { grid-template-columns:1fr; }
  .brand-tile, .brand-tile:last-child { grid-column:auto; min-height:440px; padding:26px; }
  .brand-wordmark { font-size:84px; }
  .brand-tile > img { width:74%; }
  .brand-standard__inner, .catalog-intro__grid, .gyeon-browser__heading, .catalog-cta__inner { grid-template-columns:1fr; gap:38px; }
  .brand-standard h2, .catalog-cta h2 { font-size:clamp(54px,16vw,72px); }
  .brand-standard__copy .button, .catalog-cta .button { width:100%; }
  .catalog-hero { min-height:720px; padding:130px 0 64px; }
  .catalog-hero__mark, .catalog-hero__logo { top:82px; right:-10px; }
  .catalog-hero__mark { font-size:150px; }
  .catalog-hero__logo { width:72vw; }
  .catalog-hero h1 { font-size:clamp(62px,18vw,88px); }
  .catalog-hero p { font-size:14px; }
  .breadcrumbs { margin-bottom:100px; }
  .catalog-hero__facts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
  .catalog-hero__facts > div { min-width:0; padding:13px 9px; }
  .catalog-hero__facts strong { font-size:22px; }
  .catalog-hero__facts span { font-size:6px; }
  .catalog-toolbar { align-items:stretch; flex-direction:column; }
  .catalog-filter { width:100%; }
  .catalog-filter button { flex:1; padding-inline:8px; }
  .ufs-product-grid { grid-template-columns:1fr; }
  .ufs-product-card { min-height:0; padding:26px 22px; }
  .ufs-product-card h3 { margin-top:36px; font-size:44px; }
  .ufs-product-card ul { grid-template-columns:1fr; }
  .brand-benefit-grid { grid-template-columns:1fr; }
  .brand-benefit-grid > div, .brand-benefit-grid > div:nth-child(2n), .brand-benefit-grid > div:nth-child(4n) { min-height:112px; border-right:0; }
  .care-note { grid-template-columns:1fr; gap:28px; margin-top:42px; padding:28px 22px; }
  .gyeon-tools { grid-template-columns:1fr 82px; margin-top:36px; }
  .gyeon-filters { flex-wrap:nowrap; overflow-x:auto; padding-bottom:8px; scrollbar-width:none; }
  .gyeon-filters::-webkit-scrollbar { display:none; }
  .gyeon-filters button { flex:0 0 auto; }
  .gyeon-product-grid { grid-template-columns:1fr; }
  .gyeon-product-card { min-height:500px; }
  .gyeon-product-card__media { height:240px; }
  .wizard-progress li { min-height: 58px; padding: 8px 7px; }
  .wizard-progress li strong { font-size: 7px; }
  .wizard-step legend { font-size: 30px; }
  .wizard-actions { flex-direction: column-reverse; }
  .wizard-actions .button { width: 100%; }
}

@media (max-width: 520px) {
  .intro-photo--finish { height:340px; }
  .intro-detail { grid-template-columns:1fr; }
  .intro-photo--studio { min-height:240px; }
  .service-list { grid-template-columns:1fr; }
  .service-list > a { min-height:165px; }
}