@font-face { font-family: "DM Sans"; src: url("/assets/fonts/dm-sans.woff2") format("woff2"); font-style: normal; font-weight: 100 900; font-display: swap; }
@font-face { font-family: "Manrope"; src: url("/assets/fonts/manrope.woff2") format("woff2"); font-style: normal; font-weight: 200 800; font-display: swap; }
@font-face { font-family: "Playfair Display"; src: url("/assets/fonts/playfair-display.woff2") format("woff2"); font-style: normal; font-weight: 400 900; font-display: swap; }
@font-face { font-family: "Playfair Display"; src: url("/assets/fonts/playfair-display-italic.woff2") format("woff2"); font-style: italic; font-weight: 400 900; font-display: swap; }

:root {
  --ink: #10201a;
  --muted: #66736e;
  --paper: #f5f5ef;
  --line: rgba(16, 32, 26, .13);
  --acid: #c9ff56;
  --green: #0f5f45;
  --dark: #07120f;
  --radius: 28px;
  --shadow: 0 24px 70px rgba(7, 18, 15, .12);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: "DM Sans", sans-serif; -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
img, svg { max-width: 100%; }
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
::selection { background: var(--acid); color: var(--dark); }
.logo{width: 100%; height: auto;}
.skip-link { position: fixed; top: 8px; left: 8px; z-index: 100; transform: translateY(-160%); background: white; padding: 10px 14px; border-radius: 8px; }
.skip-link:focus { transform: none; }
.site-header { position: fixed; z-index: 30; top: 18px; left: 50%; transform: translateX(-50%); width: min(1180px, calc(100% - 36px)); display: flex; align-items: center; justify-content: space-between; padding: 10px 12px 10px 16px; border: 1px solid rgba(255,255,255,.55); border-radius: 22px; background: rgba(250, 250, 246, .76); box-shadow: 0 12px 35px rgba(7,18,15,.08); backdrop-filter: blur(18px); transition: .25s ease; }
.site-header.scrolled { top: 8px; box-shadow: 0 12px 40px rgba(7,18,15,.14); }
.brand { display: inline-flex; align-items: center; gap: 10px; }
.brand-mark { width: 32px; height: 32px; position: relative; border-radius: 10px; overflow: hidden; transform: rotate(-4deg); }
.brand-mark i { position: absolute; display: block; width: 18px; height: 8px; border-radius: 99px; background: var(--acid); transform: rotate(-42deg); }
.brand-mark i:first-child { left: 4px; top: 7px; }.brand-mark i:last-child { right: 3px; bottom: 6px; }
.brand b, .brand small { display: block; line-height: 1; }.brand b { font-family: "Manrope"; font-size: 15px; }.brand small { margin-top: 4px; color: var(--muted); font-size: 9px; text-transform: uppercase; letter-spacing: .14em; }
.main-nav { display: flex; gap: 25px; align-items: center; font-size: 13px; font-weight: 600; }
.main-nav > a:not(.button):hover { color: var(--green); }
.nav-toggle { display: none; width: 42px; height: 42px; border: 0; border-radius: 14px; background: var(--dark); place-content: center; gap: 5px; }
.nav-toggle span { display: block; width: 18px; height: 1.5px; background: white; }
.button { min-height: 52px; padding: 0 22px; display: inline-flex; justify-content: center; align-items: center; gap: 18px; border: 1px solid var(--dark); border-radius: 15px; color: white; background: var(--dark); cursor: pointer; font-size: 14px; font-weight: 700; transition: transform .18s, box-shadow .18s, background .18s; }
.button:hover { transform: translateY(-2px); box-shadow: 0 10px 25px rgba(7,18,15,.18); }
.button-small { min-height: 40px; padding: 0 17px; border-radius: 12px; font-size: 12px; }
.button-outline { color: var(--dark); background: transparent; }
.text-link { display: inline-flex; gap: 12px; align-items: center; padding: 12px 0; border-bottom: 1px solid var(--line); font-size: 14px; font-weight: 700; }
.text-link.light { border-color: rgba(255,255,255,.25); color: white; }
.section-pad { padding: 120px max(24px, calc((100vw - 1180px) / 2)); }
.eyebrow, .kicker { color: var(--green); text-transform: uppercase; font-weight: 700; letter-spacing: .12em; font-size: 11px; }
.eyebrow { display: flex; align-items: center; justify-content: center; gap: 10px; }.eyebrow span { width: 7px; height: 7px; border-radius: 99px; background: var(--green); box-shadow: 0 0 0 5px rgba(15,95,69,.1); }
.section-heading { display: grid; grid-template-columns: 1.3fr .7fr; gap: 80px; align-items: end; margin-bottom: 55px; }
.section-heading h2 { margin: 12px 0 0; max-width: 760px; font: 700 clamp(38px, 5vw, 66px)/1.03 "Manrope"; letter-spacing: -.055em; }
.section-heading > p { margin: 0 0 8px; color: var(--muted); font-size: 16px; line-height: 1.65; }

.hero { position: relative; min-height: 940px; padding-top: 180px; text-align: center; overflow: hidden; }
.hero:before { content: ""; position: absolute; inset: 0; opacity: .3; pointer-events: none; background-image: linear-gradient(rgba(16,32,26,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(16,32,26,.08) 1px, transparent 1px); background-size: 70px 70px; mask-image: linear-gradient(to bottom, black, transparent 70%); }
.hero-glow { position: absolute; border-radius: 999px; filter: blur(80px); opacity: .35; pointer-events: none; }.hero-glow-one { width: 420px; height: 420px; background: #bfff3d; top: 230px; left: -180px; }.hero-glow-two { width: 340px; height: 340px; background: #68dcc0; top: 160px; right: -160px; }
.hero h1 { position: relative; max-width: 1000px; margin: 27px auto 24px; font: 750 clamp(55px, 8.2vw, 108px)/.94 "Manrope"; letter-spacing: -.072em; }
.hero h1 em { color: var(--green); font-style: normal; }
.hero-lead { position: relative; max-width: 680px; margin: 0 auto; color: var(--muted); font-size: clamp(18px,2vw,22px); line-height: 1.5; }
.hero-actions { position: relative; margin: 33px auto 47px; display: flex; justify-content: center; align-items: center; gap: 25px; }
.proof-row { position: relative; display: flex; width: fit-content; margin: 0 auto 55px; border: 1px solid var(--line); border-radius: 18px; background: rgba(255,255,255,.4); }
.proof-row div { min-width: 170px; padding: 15px 24px; text-align: left; border-right: 1px solid var(--line); }.proof-row div:last-child { border: 0; }.proof-row b, .proof-row span { display: block; }.proof-row b { font: 700 18px "Manrope"; }.proof-row span { margin-top: 4px; color: var(--muted); font-size: 11px; }
.browser-card { position: relative; z-index: 2; max-width: 1000px; margin: auto; overflow: hidden; border: 1px solid rgba(255,255,255,.6); border-radius: 30px; background: rgba(255,255,255,.55); box-shadow: 0 40px 100px rgba(7,18,15,.18); backdrop-filter: blur(16px); text-align: left; transform: perspective(1100px) rotateX(2deg); }
.browser-top { height: 46px; padding: 0 17px; display: flex; align-items: center; gap: 6px; border-bottom: 1px solid var(--line); }.browser-top span { width: 8px; height: 8px; border-radius: 99px; background: #c8ccc7; }.browser-top i { margin: auto; padding: 6px 80px; border-radius: 8px; background: rgba(255,255,255,.72); color: #7d8782; font-style: normal; font-size: 9px; }
.browser-body { min-height: 410px; padding: 58px 70px; display: grid; grid-template-columns: 1.25fr .75fr; gap: 60px; color: white; background: radial-gradient(circle at 75% 20%, rgba(199,131,65,.3), transparent 24%), linear-gradient(125deg,#251a16,#0c1110); }
.browser-copy small { color: #d4ac80; letter-spacing: .18em; font-size: 8px; }.browser-copy h2 { margin: 22px 0 38px; font: 600 56px/1.02 "Playfair Display"; }.browser-copy h2 em { color: #e6bd89; }.browser-copy div { display: flex; gap: 10px; }.browser-copy div span { padding: 11px 14px; border: 1px solid rgba(255,255,255,.2); border-radius: 99px; font-size: 9px; }
.browser-visual { align-self: center; padding: 36px; position: relative; aspect-ratio: 1; border: 1px solid rgba(255,255,255,.18); border-radius: 50%; background: linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.02)); backdrop-filter: blur(8px); }.browser-visual:before { content: ""; position: absolute; inset: 19%; border-radius: 50%; background: conic-gradient(#8a4d29,#dfb276,#38251b,#ad7749); box-shadow: inset 0 0 30px rgba(0,0,0,.5); }.browser-visual span,.browser-visual small { position: relative; z-index: 1; }.browser-visual span { display: block; font: 600 54px "Playfair Display"; }.browser-visual small { display: block; margin-top: 5px; color: #d9c6b4; line-height: 1.3; }
.microcopy { color: #7d8782; font-size: 10px; margin: 18px 0 0; }
.contrast-strip { padding: 45px max(24px,calc((100vw - 1180px)/2)); color: white; background: var(--dark); display: flex; align-items: center; justify-content: space-between; gap: 30px; }.contrast-strip p { margin: 0; font: 650 18px "Manrope"; }.contrast-strip div { display: flex; gap: 28px; color: #a5b1ac; font-size: 11px; }.contrast-strip span:before { content: "×"; margin-right: 8px; color: var(--acid); }

.process { background: #fff; }.steps { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--line); }.steps li { display: grid; grid-template-columns: 110px 1fr; gap: 24px; padding: 30px 0; border-bottom: 1px solid var(--line); }.steps > li > span { color: var(--green); font: 600 12px "Manrope"; }.steps div { display: grid; grid-template-columns: .75fr 1fr; gap: 80px; }.steps h3 { margin: 0; font: 650 26px "Manrope"; letter-spacing: -.03em; }.steps p { margin: 0; max-width: 520px; color: var(--muted); line-height: 1.6; }
.models { background: #e9eae3; }.model-grid { display: grid; grid-template-columns: repeat(6,1fr); gap: 15px; }.model-card { position: relative; min-height: 470px; padding: 22px; overflow: hidden; border-radius: 24px; display: flex; flex-direction: column; justify-content: space-between; transition: transform .25s, box-shadow .25s; }.model-card:hover { transform: translateY(-6px); box-shadow: var(--shadow); }.model-card:nth-child(1),.model-card:nth-child(2) { grid-column: span 3; }.model-card:nth-child(n+3) { grid-column: span 2; min-height: 390px; }
.model-card:before,.model-card:after { content: ""; position: absolute; pointer-events: none; }.model-card:after { width: 260px; height: 260px; right: -50px; top: 50px; border-radius: 45% 55% 63% 37%; transform: rotate(25deg); }
.model-card > * { position: relative; z-index: 1; }.model-tag { align-self: flex-start; padding: 7px 10px; border-radius: 99px; border: 1px solid currentColor; font-size: 9px; text-transform: uppercase; letter-spacing: .12em; }.model-card small { display: block; margin-bottom: 10px; text-transform: uppercase; letter-spacing: .15em; font-size: 9px; }.model-card h3 { margin: 0 0 24px; font: 650 clamp(31px,4vw,52px)/1.02 "Manrope"; letter-spacing: -.055em; }.model-card:nth-child(n+3) h3 { font-size: 32px; }.model-link { font-size: 12px; font-weight: 700; }
.model-restaurant { color: #f5e5d3; background: #1b1715; }.model-restaurant:before { inset: 0; background: radial-gradient(circle at 70% 30%, rgba(184,105,52,.45), transparent 28%); }.model-restaurant:after { background: repeating-radial-gradient(circle,#e9bd8d 0 2px,#6b3621 3px 8px); box-shadow: 0 25px 45px #000; }
.model-hair { color: #2c2927; background: #ddd3c9; }.model-hair:after { background: linear-gradient(150deg,#f2e8df,#9a7660); border-radius: 48% 48% 20% 20%; box-shadow: -35px 20px 0 #2e2723; transform: rotate(-8deg); }
.model-auto { color: white; background: #1b2122; }.model-auto:after { width: 240px; height: 110px; top: 90px; border-radius: 60% 30% 15% 20%; background: linear-gradient(170deg,#d3ff34,#536811); box-shadow: inset 0 -25px 30px #151b15, 0 25px 40px #000; }
.model-clean { color: #133a36; background: #d8f1ec; }.model-clean:after { background: linear-gradient(145deg,#fff,rgba(255,255,255,.15)); border: 1px solid white; box-shadow: 0 20px 45px rgba(30,100,90,.15); backdrop-filter: blur(10px); }
.model-tech { color: #141a26; background: #ffb84c; }.model-tech:before { inset: 0; background: repeating-linear-gradient(135deg,transparent 0 30px,rgba(20,26,38,.08) 31px 32px); }.model-tech:after { width: 160px; height: 160px; border-radius: 50%; background: #152035; box-shadow: 0 0 0 18px #ffce83, 0 0 0 19px #152035; }
.included { background: #fff; }.included-shell { padding: 70px; display: grid; grid-template-columns: .9fr 1.1fr; gap: 110px; color: white; border-radius: 32px; background: radial-gradient(circle at 0 0,rgba(50,157,116,.35),transparent 35%),var(--dark); }.included-shell h2 { margin: 14px 0 20px; font: 650 clamp(38px,5vw,62px)/1.02 "Manrope"; letter-spacing: -.055em; }.included-shell p { color: #aeb9b5; line-height: 1.65; }.included-shell ul { margin: 0; padding: 0; list-style: none; }.included-shell li { padding: 22px 0; display: grid; grid-template-columns: 42px 1fr; gap: 14px; border-bottom: 1px solid rgba(255,255,255,.12); }.included-shell li > span { width: 36px; height: 36px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.15); border-radius: 11px; color: var(--acid); }.included-shell b,.included-shell small { display: block; }.included-shell b { font: 600 16px "Manrope"; }.included-shell small { margin-top: 5px; color: #8d9b96; line-height: 1.45; }
.pricing { background: var(--paper); }.price-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }.price-card { position: relative; padding: 35px; border: 1px solid var(--line); border-radius: 24px; background: rgba(255,255,255,.55); }.price-card.featured { color: white; background: var(--dark); transform: translateY(-12px); }.plan { font-size: 11px; text-transform: uppercase; letter-spacing: .12em; font-weight: 700; }.price-card h3 { margin: 25px 0 8px; font: 750 64px "Manrope"; letter-spacing: -.06em; }.price-card h3 sup { font-size: 19px; vertical-align: top; margin-left: 4px; }.price-card p { min-height: 42px; color: var(--muted); }.price-card.featured p { color: #9eaca7; }.price-card ul { margin: 27px 0 35px; padding: 23px 0; list-style: none; border-top: 1px solid var(--line); }.price-card.featured ul { border-color: rgba(255,255,255,.15); }.price-card li { margin: 12px 0; font-size: 13px; }.price-card li:before { content: "✓"; margin-right: 9px; color: var(--green); }.price-card.featured li:before { color: var(--acid); }.price-card .button { width: 100%; }.price-card.featured .button { color: var(--dark); border-color: var(--acid); background: var(--acid); }.badge { position: absolute; top: 20px; right: 20px; padding: 7px 10px; border-radius: 99px; color: var(--dark); background: var(--acid); font-size: 9px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.renewal-card { margin-top: 28px; padding: 30px 35px; display: flex; justify-content: space-between; align-items: center; gap: 30px; border-radius: 22px; background: #dfe9d2; }.renewal-card h3 { margin: 9px 0; font: 650 25px "Manrope"; }.renewal-card p { margin: 0; max-width: 730px; color: #53615a; }.fineprint { margin: 20px 0 0; color: #73807a; font-size: 10px; line-height: 1.5; }
.extras { color: white; background: var(--dark); }.extras .section-heading > p { color: #94a19c; }.extras .kicker { color: var(--acid); }.extras-grid { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid rgba(255,255,255,.15); }.extras-grid article { padding: 35px 35px 15px 0; border-right: 1px solid rgba(255,255,255,.15); }.extras-grid article + article { padding-left: 35px; }.extras-grid article:last-child { border: 0; }.extras-grid span { color: var(--acid); font-size: 10px; }.extras-grid h3 { margin: 45px 0 13px; font: 600 26px "Manrope"; }.extras-grid p { min-height: 68px; color: #93a09b; line-height: 1.55; }.extras-grid b { color: var(--acid); font-size: 12px; }
.builders { background: #fff; }.builders-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 14px; margin-bottom: 34px; }.builders-grid article { padding: 26px 24px; border: 1px solid var(--line); border-top: 3px solid #d9542f; border-radius: 18px; background: #fdfcf9; }.builders-grid span { color: #d9542f; font: 800 12px "Manrope"; letter-spacing: .04em; }.builders-grid h3 { margin: 14px 0 10px; font: 650 20px "Manrope"; letter-spacing: -.02em; }.builders-grid p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.55; }.builders > .text-link { color: var(--green); border-color: rgba(15,95,69,.25); }
.faq { background: #fff; }.faq-list { max-width: 900px; margin-left: auto; }.faq-list details { border-top: 1px solid var(--line); }.faq-list details:last-child { border-bottom: 1px solid var(--line); }.faq-list summary { padding: 25px 0; display: flex; align-items: center; justify-content: space-between; cursor: pointer; list-style: none; font: 600 18px "Manrope"; }.faq-list summary span { font-size: 24px; font-weight: 400; transition: transform .2s; }.faq-list details[open] summary span { transform: rotate(45deg); }.faq-list details p { margin: -5px 50px 25px 0; color: var(--muted); line-height: 1.6; }
.contact { background: #e9eae3; }.contact-shell { padding: 70px; display: grid; grid-template-columns: 1fr .8fr; gap: 90px; border-radius: 32px; background: #f8f8f3; box-shadow: var(--shadow); }.contact h2 { margin: 14px 0 20px; font: 650 clamp(38px,5vw,61px)/1.04 "Manrope"; letter-spacing: -.055em; }.contact p { color: var(--muted); line-height: 1.6; }.contact-direct { margin-top: 45px; display: flex; flex-direction: column; align-items: flex-start; gap: 8px; font-weight: 700; }.contact-direct a { border-bottom: 1px solid var(--line); padding: 4px 0; }.lead-form { display: grid; gap: 15px; }.lead-form label { display: grid; gap: 7px; color: #47544f; font-size: 11px; font-weight: 700; }.lead-form input,.lead-form select,.lead-form textarea { width: 100%; padding: 14px 15px; border: 1px solid var(--line); border-radius: 11px; background: white; outline: 0; color: var(--ink); }.lead-form input:focus,.lead-form select:focus,.lead-form textarea:focus { border-color: var(--green); box-shadow: 0 0 0 3px rgba(15,95,69,.08); }.lead-form .check { grid-template-columns: 18px 1fr; align-items: start; font-weight: 400; line-height: 1.4; }.lead-form .check input { width: 16px; height: 16px; padding: 0; }.lead-form .check a { text-decoration: underline; }.lead-form button:disabled { cursor:wait;opacity:.68;transform:none; }.form-status { min-height: 20px; margin: 0!important; color: var(--muted)!important; font-size: 12px; font-weight: 700; }.form-status.success { color:var(--green)!important; }.form-status.error { color:#a13b2c!important; }.form-status a { color:inherit;text-decoration:underline;text-underline-offset:2px; }
.form-status:not(:empty) { padding:12px 14px;border:1px solid currentColor;border-radius:10px;background:#fff; }
.site-footer { padding: 55px max(24px,calc((100vw - 1180px)/2)); display: grid; grid-template-columns: 1.5fr .6fr .6fr; gap: 50px; color: #dce5e1; background: #050c0a; }.site-footer > div { display: flex; flex-direction: column; align-items: flex-start; gap: 9px; }.site-footer strong { color: white; font: 600 11px "Manrope"; text-transform: uppercase; letter-spacing: .12em; }.site-footer a,.site-footer span,.site-footer p { color: #81908a; font-size: 12px; }.site-footer p { max-width: 350px; line-height: 1.5; }.footer-brand b { color: white; }.legal-page { max-width: 930px; margin: auto; padding-top: 180px; }.legal-page h1 { font: 700 64px "Manrope"; letter-spacing: -.055em; }.legal-page h2 { margin-top: 35px; }.legal-page p { color: var(--muted); line-height: 1.65; }.legal-warning { padding: 18px; border-left: 4px solid #e6a43d; background: #fff1d7; color: #57411f!important; }

/* Demo system */
.demo-page { --demo-bg:#f5f2eb; --demo-ink:#17201d; --demo-accent:#b56a36; --demo-soft:#e7d6c5; margin: 0; color: var(--demo-ink); background: var(--demo-bg); font-family: "DM Sans"; }
.demo-ribbon { position: fixed; z-index: 50; left: 50%; bottom: 14px; transform: translateX(-50%); width: min(440px,calc(100% - 26px)); padding: 9px 10px 9px 14px; display: flex; align-items: center; justify-content: space-between; color: white; border: 1px solid rgba(255,255,255,.18); border-radius: 14px; background: rgba(7,18,15,.88); box-shadow: 0 15px 45px rgba(0,0,0,.2); backdrop-filter: blur(15px); font-size: 10px; }.demo-ribbon span { color: #c9ff56; font-weight: 700; text-transform: uppercase; letter-spacing: .13em; }.demo-ribbon a { padding: 7px 9px; border-radius: 8px; background: rgba(255,255,255,.08); }
.demo-shell { max-width: 1320px; margin: auto; padding: 0 28px; }.demo-nav { height: 90px; display: flex; align-items: center; justify-content: space-between; }.demo-logo { font: 700 19px "Manrope"; letter-spacing: -.04em; }.demo-nav nav { display: flex; align-items: center; gap: 25px; font-size: 12px; font-weight: 600; }.demo-cta,.demo-primary,.demo-secondary { min-height: 45px; padding: 0 18px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--demo-ink); border-radius: 999px; background: var(--demo-ink); color: var(--demo-bg); font-size: 11px; font-weight: 700; cursor: pointer; }.demo-secondary { color: var(--demo-ink); background: transparent; }.demo-hero { min-height: 640px; display: grid; grid-template-columns: 1fr .9fr; gap: 65px; align-items: center; }.demo-eyebrow { color: var(--demo-accent); text-transform: uppercase; letter-spacing: .17em; font-size: 9px; font-weight: 700; }.demo-hero h1 { margin: 19px 0 24px; font: 700 clamp(55px,7vw,94px)/.94 "Manrope"; letter-spacing: -.07em; }.demo-hero h1 em { color: var(--demo-accent); font-style: normal; }.demo-hero-copy > p { max-width: 580px; color: color-mix(in srgb,var(--demo-ink),transparent 35%); font-size: 17px; line-height: 1.6; }.demo-actions { margin-top: 30px; display: flex; gap: 10px; }.demo-visual { position: relative; min-height: 520px; overflow: hidden; border-radius: 34px; background: var(--demo-soft); }.demo-visual:before,.demo-visual:after { content:""; position:absolute; }.demo-visual:before { width: 360px;height:360px;border-radius:50%;background:var(--demo-accent);right:-30px;top:75px;opacity:.85; }.demo-visual:after { width: 250px;height:250px;border:1px solid rgba(255,255,255,.55);border-radius:32% 68% 61% 39%;right:120px;top:140px;background:linear-gradient(135deg,rgba(255,255,255,.45),rgba(255,255,255,.06));backdrop-filter:blur(10px);transform:rotate(15deg);box-shadow:0 30px 50px rgba(0,0,0,.12); }.visual-note { position: absolute; z-index: 2; left: 28px; bottom: 28px; max-width: 190px; padding: 17px; border: 1px solid rgba(255,255,255,.5); border-radius: 17px; background: rgba(255,255,255,.52); backdrop-filter: blur(12px); }.visual-note b,.visual-note small { display:block; }.visual-note b { font: 650 24px "Manrope"; }.visual-note small { margin-top: 4px; line-height: 1.35; }
.demo-trust { display: grid; grid-template-columns: repeat(4,1fr); border-top: 1px solid color-mix(in srgb,var(--demo-ink),transparent 82%); border-bottom: 1px solid color-mix(in srgb,var(--demo-ink),transparent 82%); }.demo-trust div { padding: 24px 0; border-right: 1px solid color-mix(in srgb,var(--demo-ink),transparent 82%); text-align:center; }.demo-trust div:last-child { border:0; }.demo-trust b,.demo-trust small { display:block; }.demo-trust b { font: 650 18px "Manrope"; }.demo-trust small { margin-top:4px; opacity:.72; font-size:10px; }
.demo-statband { display:flex; flex-wrap:wrap; gap:70px; align-items:baseline; justify-content:center; padding:56px 0; border-top:1px solid color-mix(in srgb,var(--demo-ink),transparent 82%); border-bottom:1px solid color-mix(in srgb,var(--demo-ink),transparent 82%); }.demo-statband div { text-align:center; }.demo-statband b,.demo-statband small { display:block; }.demo-statband b { font:700 clamp(34px,4.4vw,54px)/1 "Manrope"; letter-spacing:-.03em; }.demo-statband small { margin-top:9px; opacity:.68; font-size:12px; }
/* Gallery: each demo gets a distinct image layout (silhouette), not one shared mosaic */
.demo-gallery-grid { display:grid; gap:14px; }
.demo-gallery-grid figure { position:relative; margin:0; overflow:hidden; background:var(--demo-soft); }
.demo-gallery-grid img { display:block; width:100%; height:100%; object-fit:cover; }
/* before/after diptych + supporting strip — carrozzeria, pulizie */
.demo-gallery--beforeafter .demo-gallery-grid { grid-template-columns:1fr 1fr; }
.demo-gallery--beforeafter figure { aspect-ratio:4/3; border-radius:18px; }
.demo-gallery--beforeafter figure:nth-child(3) { grid-column:1/-1; aspect-ratio:24/9; }
.demo-gallery--beforeafter figure[data-ba]:before { content:attr(data-ba); position:absolute; z-index:2; left:16px; top:16px; padding:7px 14px; border-radius:99px; background:var(--demo-ink); color:var(--demo-bg); font:800 11px "Manrope"; text-transform:uppercase; letter-spacing:.12em; }
/* cinematic portrait triptych — ristorante, massaggiatore, squadra-calcio */
.demo-gallery--filmstrip .demo-gallery-grid { grid-template-columns:repeat(3,1fr); gap:8px; }
.demo-gallery--filmstrip figure { aspect-ratio:3/4; border-radius:0; }
/* comic panels — fumetteria */
.demo-gallery--panels .demo-gallery-grid { grid-template-columns:repeat(3,1fr); gap:22px; padding:10px 0; }
.demo-gallery--panels figure { aspect-ratio:3/4; border:4px solid #111; border-radius:0; box-shadow:9px 9px 0 #111; }
.demo-gallery--panels figure:nth-child(2) { transform:rotate(-2deg); }
.demo-gallery--panels figure:nth-child(3) { transform:rotate(1.5deg); }
/* neon angular tiles — gaming */
.demo-gallery--tiles .demo-gallery-grid { grid-template-columns:repeat(3,1fr); gap:16px; }
.demo-gallery--tiles figure { aspect-ratio:1; border:2px solid rgba(255,255,255,.55); border-radius:8px; clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,20px 100%,0 calc(100% - 20px)); box-shadow:9px 9px 0 rgba(3,13,55,.5); }
/* blueprint schematic cards — impiantista, ingegneria */
.demo-gallery--blueprint .demo-gallery-grid { grid-template-columns:repeat(3,1fr); counter-reset:bp; }
.demo-gallery--blueprint figure { aspect-ratio:4/3; border:2px solid var(--demo-ink); border-radius:0; counter-increment:bp; }
.demo-gallery--blueprint figure:before { content:"0" counter(bp); position:absolute; z-index:2; left:0; top:0; padding:5px 10px; background:var(--demo-ink); color:var(--demo-bg); font:800 10px "Manrope"; letter-spacing:.06em; }
/* industrial catalog row — ferramenta */
.demo-gallery--catalog .demo-gallery-grid { grid-template-columns:repeat(3,1fr); gap:0; border:3px solid #0b2237; }
.demo-gallery--catalog figure { aspect-ratio:4/3; border-right:3px solid #0b2237; border-radius:0; }
.demo-gallery--catalog figure:last-child { border-right:0; }
/* editorial: one tall + two stacked — parrucchiere, traduttori */
.demo-gallery--editorial .demo-gallery-grid { grid-template-columns:1.45fr .55fr; grid-auto-rows:1fr; }
.demo-gallery--editorial figure { aspect-ratio:3/4; border-radius:0; }
.demo-gallery--editorial figure:first-child { grid-row:span 2; aspect-ratio:auto; }
/* feature: wide cinematic banner + two below — dentista */
.demo-gallery--feature .demo-gallery-grid { grid-template-columns:1fr 1fr; }
.demo-gallery--feature figure { aspect-ratio:4/3; border-radius:24px 8px 24px 8px; }
.demo-gallery--feature figure:first-child { grid-column:1/-1; aspect-ratio:22/9; }
/* calm: two airy portraits, centered — psicologo */
.demo-gallery--calm .demo-gallery-grid { grid-template-columns:1fr 1fr; gap:22px; max-width:840px; margin:0 auto; }
.demo-gallery--calm figure { aspect-ratio:4/5; border-radius:20px 20px 130px 130px; }
.demo-section { padding-top: 110px; padding-bottom: 110px; }.demo-heading { display:grid;grid-template-columns:1fr .7fr;gap:60px;align-items:end;margin-bottom:45px; }.demo-heading h2 { margin:10px 0 0;font:700 clamp(38px,5vw,65px)/1.02 "Manrope";letter-spacing:-.055em; }.demo-heading p { margin:0;opacity:.76;line-height:1.6; }.demo-cards { display:grid;grid-template-columns:repeat(3,1fr);gap:14px; }.demo-card { min-height:280px;padding:27px;border:1px solid color-mix(in srgb,var(--demo-ink),transparent 82%);border-radius:24px;background:color-mix(in srgb,var(--demo-bg),white 28%); }.demo-card span { display:grid;width:42px;height:42px;place-items:center;border-radius:13px;background:var(--demo-soft);color:var(--demo-accent);font-weight:700; }.demo-card h3 { margin:55px 0 10px;font:650 24px "Manrope";letter-spacing:-.03em; }.demo-card p { margin:0;opacity:.74;line-height:1.5;font-size:13px; }
.demo-feature { padding: 60px; display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;border-radius:32px;color:var(--demo-bg);background:var(--demo-ink); }.demo-feature h2 { margin:13px 0 20px;font:650 clamp(38px,5vw,60px)/1.02 "Manrope";letter-spacing:-.055em; }.demo-feature p { opacity:.78;line-height:1.6; }.service-list { margin:0;padding:0;list-style:none; }.service-list li { padding:20px 0;display:grid;grid-template-columns:1fr auto;gap:20px;border-bottom:1px solid color-mix(in srgb,var(--demo-bg),transparent 83%); }.service-list b { font:600 16px "Manrope"; }.service-list span { color:var(--demo-accent);font-weight:700; }.demo-testimonial { padding:100px max(28px,calc((100vw - 1040px)/2));text-align:center; }.demo-testimonial blockquote { margin:0;font:600 clamp(31px,4.5vw,55px)/1.18 "Manrope";letter-spacing:-.045em; }.demo-testimonial cite { display:block;margin-top:25px;color:var(--demo-accent);font-size:11px;font-style:normal;text-transform:uppercase;letter-spacing:.12em; }.demo-contact { margin-bottom:80px;padding:55px;display:flex;align-items:center;justify-content:space-between;gap:40px;border-radius:28px;background:var(--demo-soft); }.demo-contact h2 { margin:0;font:650 clamp(30px,4vw,48px) "Manrope";letter-spacing:-.05em; }.demo-footer { padding:40px 0 80px;display:flex;justify-content:space-between;border-top:1px solid color-mix(in srgb,var(--demo-ink),transparent 82%);font-size:11px;opacity:.65; }
.booking-modal { position:fixed;z-index:60;inset:0;padding:24px;display:none;place-items:center;background:rgba(5,12,10,.66);backdrop-filter:blur(8px); }.booking-modal.open { display:grid; }.booking-panel { width:min(560px,100%);max-height:calc(100vh - 48px);overflow:auto;padding:31px;border-radius:27px;background:#fbfbf7;color:#15211d;box-shadow:0 30px 90px rgba(0,0,0,.32); }.booking-top { display:flex;align-items:start;justify-content:space-between;gap:20px; }.booking-top h2 { margin:0 0 5px;font:650 30px "Manrope";letter-spacing:-.04em; }.booking-top p { margin:0;color:#68736f;font-size:12px; }.modal-close { width:36px;height:36px;border:0;border-radius:50%;background:#e9ebe6;cursor:pointer;font-size:18px; }.extra-pill { display:inline-flex;margin:18px 0;padding:7px 10px;border-radius:99px;color:#36551a;background:#e6f6c7;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.1em; }.booking-grid { display:grid;grid-template-columns:1fr 1fr;gap:13px; }.booking-panel label { display:grid;gap:6px;color:#53605b;font-size:10px;font-weight:700; }.booking-panel input,.booking-panel select { width:100%;padding:13px;border:1px solid #d9dedb;border-radius:10px;background:white; }.booking-panel .button { width:100%;margin-top:16px; }.booking-result { min-height:20px;margin:12px 0 0;color:#176044;text-align:center;font-size:12px;font-weight:700; }

/* restaurant: nocturnal glass */
.theme-restaurant { --demo-bg:#181513;--demo-ink:#f4e8db;--demo-accent:#dbac78;--demo-soft:#342821;color:#f4e8db;background:radial-gradient(circle at 85% 10%,#493020 0,transparent 23%),#181513; }.theme-restaurant .demo-logo,.theme-restaurant h1,.theme-restaurant h2,.theme-restaurant h3 { font-family:"Playfair Display";font-weight:600; }.theme-restaurant .demo-hero h1 { font-size:clamp(62px,8vw,106px);letter-spacing:-.055em; }.theme-restaurant .demo-hero h1 em { font-style:italic; }.theme-restaurant .demo-visual { border:1px solid rgba(255,255,255,.12);background:radial-gradient(circle at 55% 45%,#b87340,transparent 25%),linear-gradient(135deg,#33251e,#101312); }.theme-restaurant .demo-visual:before { inset:18%;width:auto;height:auto;background:repeating-radial-gradient(circle,#dda66f 0 4px,#673d25 5px 13px);box-shadow:0 25px 60px #000; }.theme-restaurant .demo-visual:after { right:8%;top:8%;width:62%;height:74%;border-radius:28px;transform:rotate(8deg); }.theme-restaurant .visual-note { color:#f5e8dc;background:rgba(42,30,24,.62); }.theme-restaurant .demo-card { background:rgba(255,255,255,.035); }.theme-restaurant .demo-feature { color:#241a16;background:#e8d5c1; }.theme-restaurant .demo-feature .demo-eyebrow,.theme-restaurant .service-list span { color:#8d542f; }.theme-restaurant .demo-contact { color:#f4e8db;background:linear-gradient(120deg,#513420,#2b211c); }
/* hair: editorial, deliberately no glass */
.theme-hair { --demo-bg:#eee8e1;--demo-ink:#292624;--demo-accent:#8b614f;--demo-soft:#d7c8bc; }.theme-hair .demo-hero { grid-template-columns:.85fr 1.15fr; }.theme-hair .demo-hero h1,.theme-hair .demo-heading h2,.theme-hair .demo-feature h2 { font-family:"Playfair Display";font-weight:600; }.theme-hair .demo-visual { border-radius:180px 180px 24px 24px;background:#bca596; }.theme-hair .demo-visual:before { width:65%;height:80%;right:17%;top:10%;border-radius:50% 50% 34% 34%;background:linear-gradient(150deg,#e5d5c8 0 35%,#2d2826 36% 58%,#9a705c 59%);opacity:1; }.theme-hair .demo-visual:after { display:none; }.theme-hair .visual-note { border:0;border-radius:0;background:#eee8e1;backdrop-filter:none; }.theme-hair .demo-card { border-radius:0;border-width:1px 0 0;background:transparent; }.theme-hair .demo-card span { border-radius:50%; }.theme-hair .demo-feature { border-radius:0; }.theme-hair .demo-contact { border-radius:0; }
/* body shop */
.theme-auto { --demo-bg:#111719;--demo-ink:#eff5f3;--demo-accent:#cfff42;--demo-soft:#273033;color:#eff5f3;background:linear-gradient(90deg,rgba(207,255,66,.025) 1px,transparent 1px),#111719;background-size:40px 40px; }.theme-auto .demo-visual { background:radial-gradient(circle at 30% 30%,#485456,transparent 40%),#0b1012; }.theme-auto .demo-visual:before { width:85%;height:42%;right:-5%;top:28%;border-radius:52% 20% 14% 24%;background:linear-gradient(172deg,#cfff42,#2d3912 58%,#0d1110 59%);box-shadow:0 35px 50px #000; }.theme-auto .demo-visual:after { width:70%;height:44%;right:5%;top:27%;border-radius:50% 25% 10% 20%;transform:none;border-color:rgba(255,255,255,.12); }.theme-auto .visual-note { color:#eff5f3;background:rgba(17,23,25,.65); }.theme-auto .demo-card { background:rgba(255,255,255,.035); }.theme-auto .demo-feature { color:#111719;background:#cfff42; }.theme-auto .demo-feature .demo-eyebrow,.theme-auto .service-list span { color:#506b00; }.theme-auto .demo-contact { color:#111719;background:#cfff42; }.theme-auto .demo-contact .demo-primary { color:white;background:#111719; }
/* cleaning */
.theme-clean { --demo-bg:#f1fbf9;--demo-ink:#153f3a;--demo-accent:#158979;--demo-soft:#cceee8; background:radial-gradient(circle at 0 0,#d4f3ed,transparent 26%),#f1fbf9; }.theme-clean .demo-visual { border:1px solid white;background:linear-gradient(145deg,rgba(255,255,255,.8),rgba(190,236,228,.6));box-shadow:0 25px 70px rgba(30,100,90,.12);backdrop-filter:blur(16px); }.theme-clean .demo-visual:before { width:300px;height:360px;border-radius:150px 150px 35px 35px;background:linear-gradient(140deg,#fff,#7bcabc);box-shadow:inset -35px -20px 60px rgba(16,104,92,.2); }.theme-clean .demo-visual:after { width:170px;height:170px;top:60px;right:40px;border-radius:50%;background:rgba(255,255,255,.55); }.theme-clean .demo-card { border-color:white;background:rgba(255,255,255,.55);box-shadow:0 15px 40px rgba(30,100,90,.07);backdrop-filter:blur(10px); }.theme-clean .demo-feature { background:#153f3a; }.theme-clean .demo-contact { background:linear-gradient(135deg,rgba(255,255,255,.8),#bcebe3);box-shadow:0 18px 50px rgba(30,100,90,.1); }
/* trades: bold, no glass */
.theme-tech { --demo-bg:#f5f1e9;--demo-ink:#132038;--demo-accent:#e56a27;--demo-soft:#ffba58; }.theme-tech .demo-nav { border-bottom:3px solid var(--demo-ink); }.theme-tech .demo-logo { padding:8px 11px;color:white;background:var(--demo-ink); }.theme-tech .demo-hero h1 { text-transform:uppercase;font-size:clamp(53px,7vw,89px); }.theme-tech .demo-visual { border:3px solid var(--demo-ink);border-radius:0;background:repeating-linear-gradient(135deg,#ffbd59 0 30px,#f2a53c 31px 60px);box-shadow:14px 14px 0 var(--demo-ink); }.theme-tech .demo-visual:before { width:270px;height:270px;right:50px;top:90px;border:30px solid #f5f1e9;border-radius:50%;background:var(--demo-ink);opacity:1; }.theme-tech .demo-visual:after { display:none; }.theme-tech .visual-note { border:3px solid var(--demo-ink);border-radius:0;background:#f5f1e9;backdrop-filter:none;box-shadow:8px 8px 0 var(--demo-ink); }.theme-tech .demo-card { border:3px solid var(--demo-ink);border-radius:0;background:transparent; }.theme-tech .demo-card span { border-radius:0;color:white;background:var(--demo-ink); }.theme-tech .demo-feature,.theme-tech .demo-contact { border:3px solid var(--demo-ink);border-radius:0;box-shadow:12px 12px 0 var(--demo-soft); }.theme-tech .demo-contact { background:var(--demo-soft); }

/* Sector photography, distinct wordmarks and production contact form */
.model-card:after { display:none; }
.model-photo { position:absolute!important;z-index:0!important;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;transition:transform .5s ease; }
.model-card:hover .model-photo { transform:scale(1.035); }
.model-card:before { z-index:1; }
.model-card > :not(.model-photo) { position:relative;z-index:2; }
.model-card .model-tag { color:white;background:rgba(7,18,15,.86);border-color:rgba(255,255,255,.72);box-shadow:0 5px 18px rgba(0,0,0,.2);backdrop-filter:blur(8px); }
.model-card h3 { text-shadow:0 2px 25px rgba(0,0,0,.28); }
.model-restaurant:before { inset:0;background:linear-gradient(180deg,rgba(18,12,9,.08),rgba(18,12,9,.93) 86%); }
.model-hair:before { inset:0;background:linear-gradient(180deg,rgba(238,232,225,.03),rgba(238,232,225,.95) 86%); }
.model-hair h3,.model-clean h3 { text-shadow:0 2px 25px rgba(255,255,255,.6); }
.model-auto:before { inset:0;background:linear-gradient(180deg,rgba(9,15,17,.06),rgba(9,15,17,.96) 86%); }
.model-clean:before { inset:0;background:linear-gradient(180deg,rgba(240,255,252,.03),rgba(216,241,236,.97) 86%); }
.model-tech { color:white;background:#132038; }
.model-tech:before { inset:0;background:linear-gradient(180deg,rgba(19,32,56,.03),rgba(19,32,56,.96) 86%); }

.lead-form .form-honey { position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden; }
.thank-you { min-height:76vh;padding-top:210px;text-align:center; }
.thank-you h1 { margin:18px auto 24px;font:750 clamp(58px,9vw,110px)/.94 "Manrope";letter-spacing:-.07em; }
.thank-you p { max-width:620px;margin:auto;color:var(--muted);font-size:18px;line-height:1.6; }

.demo-logo { width:min(210px,35vw);height:50px;display:flex;align-items:center;font:inherit;letter-spacing:normal; }
.demo-logo img { width:auto;height:46px;max-width:100%; }
.demo-visual picture { position:absolute;inset:0; }
.demo-photo { width:100%;height:100%;max-width:none;object-fit:cover; }
.demo-visual:before,.demo-visual:after { z-index:1;pointer-events:none; }
.demo-visual:before { inset:0;width:auto;height:auto;border-radius:0;background:linear-gradient(180deg,transparent 52%,rgba(0,0,0,.28));opacity:1;box-shadow:none; }
.demo-visual:after { width:190px;height:190px;right:30px;top:30px;border:1px solid rgba(255,255,255,.38);border-radius:42% 58% 61% 39%;background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.02));backdrop-filter:blur(7px);transform:rotate(15deg);box-shadow:none; }
.theme-restaurant .demo-visual { background:#231914; }
.theme-restaurant .demo-visual:before { inset:0;width:auto;height:auto;background:linear-gradient(180deg,transparent 46%,rgba(18,10,7,.62));box-shadow:none; }
.theme-restaurant .demo-visual:after { right:7%;top:7%;width:45%;height:35%;border-radius:28px;transform:rotate(5deg); }
.theme-hair .demo-visual:before { inset:0;width:auto;height:auto;border-radius:0;background:linear-gradient(180deg,transparent 62%,rgba(238,232,225,.45)); }
.theme-auto .demo-visual:before { inset:0;width:auto;height:auto;border-radius:0;background:linear-gradient(180deg,transparent 48%,rgba(5,10,12,.62));box-shadow:none; }
.theme-auto .demo-visual:after { width:38%;height:28%;right:6%;top:7%;border-radius:20px;transform:none;border-color:rgba(207,255,66,.28);background:linear-gradient(135deg,rgba(207,255,66,.13),transparent); }
.theme-clean .demo-visual:before { inset:0;width:auto;height:auto;border-radius:0;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(21,137,121,.14));box-shadow:none; }
.theme-clean .demo-visual:after { width:150px;height:150px;top:32px;right:auto;left:32px;border-radius:50%;background:rgba(255,255,255,.22); }
.theme-tech .demo-logo { padding:4px 10px; }
.theme-tech .demo-logo img { height:42px; }
.theme-tech .demo-visual { background:#ffba58; }
.theme-tech .demo-visual:before { inset:0;width:auto;height:auto;border:0;border-radius:0;background:linear-gradient(180deg,transparent 50%,rgba(19,32,56,.32)); }
.theme-restaurant .demo-logo img,.theme-auto .demo-logo img { filter:invert(1) brightness(1.35); }

/* The gallery is a set of examples, not a finite template catalogue */
.model-grid { grid-template-columns:repeat(12,1fr); }
.model-card:nth-child(n) { grid-column:span 4;min-height:390px; }
.model-card:nth-child(1),.model-card:nth-child(2),.model-card:nth-child(6),.model-card:nth-child(7),.model-card:nth-child(8),.model-card:nth-child(9) { grid-column:span 6;min-height:450px; }
.model-card:nth-child(6) h3,.model-card:nth-child(7) h3,.model-card:nth-child(8) h3,.model-card:nth-child(9) h3 { font-size:clamp(34px,4vw,50px); }
.models-note { max-width:720px;margin:35px auto 0;color:var(--muted);text-align:center;line-height:1.6;font-size:14px; }
.model-game { color:white;background:#07134b; }.model-game:before { inset:0;background:linear-gradient(180deg,rgba(5,10,52,.05),rgba(5,10,52,.94) 86%); }.model-game .model-tag { color:#7df9ff;border-color:#7df9ff; }.model-game h3 { text-transform:uppercase;font-style:italic; }
.model-dentist { color:#fff7ef;background:#101c30; }.model-dentist:before { inset:0;background:linear-gradient(180deg,rgba(16,28,48,.06),rgba(16,28,48,.96) 86%); }.model-dentist .model-tag { color:#ffd0c6;border-color:#d87762; }
.model-engineer { color:white;background:#182733; }.model-engineer:before { inset:0;background:linear-gradient(180deg,rgba(24,39,51,.04),rgba(24,39,51,.95) 86%),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:auto,22px 22px; }.model-engineer .model-tag { color:#ff9b72;border-color:#f26b38; }
.model-comics { color:#111;background:#ffc400; }.model-comics:before { inset:0;background:linear-gradient(180deg,rgba(255,196,0,.02),rgba(255,196,0,.96) 86%); }.model-comics .model-tag { color:#111;background:#fff;border:3px solid #111;box-shadow:4px 4px 0 #111; }.model-comics h3 { text-transform:uppercase;text-shadow:3px 3px 0 white; }
.model-psychology { color:#493c45;background:#eadfe4; }.model-psychology:before { inset:0;background:linear-gradient(180deg,rgba(242,235,237,.02),rgba(239,227,233,.96) 86%); }.model-psychology h3 { text-shadow:0 2px 20px #fff; }
.model-massage { color:#f5eddd;background:#20261d; }.model-massage:before { inset:0;background:linear-gradient(180deg,transparent,rgba(26,32,23,.95) 86%); }.model-massage .model-tag { color:#dcc58d;border-color:#dcc58d; }
.model-football { color:white;background:#0b1912; }.model-football:before { inset:0;background:linear-gradient(180deg,transparent,rgba(5,15,10,.96) 86%); }.model-football .model-tag { color:#efc35d;border-color:#efc35d; }.model-football h3 { text-transform:uppercase;font-style:italic; }
.model-furniture { color:#45362d;background:#e7d8c7; }.model-furniture:before { inset:0;background:linear-gradient(180deg,transparent,rgba(239,226,211,.97) 86%); }.model-furniture h3 { font-family:"Playfair Display";text-shadow:0 2px 20px white; }
.model-translator { color:white;background:#173c7c; }.model-translator:before { inset:0;background:linear-gradient(180deg,transparent,rgba(20,52,108,.97) 86%); }.model-translator .model-tag { color:#ffaf9b;border-color:#ffaf9b; }
.model-hardware { color:white;background:#0b2237; }.model-hardware:before { inset:0;background:linear-gradient(180deg,transparent,rgba(7,24,39,.97) 86%); }.model-hardware .model-tag { color:#f4c51b;border:2px solid #f4c51b;border-radius:0; }.model-hardware h3 { text-transform:uppercase; }

.sector-directory { background:#f7f7f2; }.sector-link-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:10px; }.sector-link-grid a { padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid var(--line);border-radius:16px;background:white;transition:.2s ease; }.sector-link-grid a:hover { transform:translateY(-2px);border-color:var(--green);box-shadow:0 12px 30px rgba(7,18,15,.07); }.sector-link-grid span { font:650 17px "Manrope"; }.sector-link-grid small { color:var(--green);font-size:10px;font-weight:700;white-space:nowrap; }

/* gaming: bold item-shop energy, with Fortnite-like contrast and geometry */
.theme-game { --demo-bg:#06194f;--demo-ink:#fff;--demo-accent:#f4ff19;--demo-soft:#153e91;color:#fff;background:radial-gradient(circle at 88% 8%,rgba(45,171,255,.72),transparent 26%),radial-gradient(circle at 62% 34%,rgba(69,48,185,.42),transparent 35%),linear-gradient(135deg,transparent 0 48%,rgba(65,159,255,.07) 49% 55%,transparent 56%),#06194f;background-size:auto,auto,220px 220px,auto; }
.theme-game .demo-nav { border-bottom:2px solid rgba(255,255,255,.22); }
.theme-game .demo-nav nav>a { color:#fff; }
.theme-game .demo-logo img { filter:brightness(0) invert(1); }
.theme-game .demo-hero h1,.theme-game .demo-heading h2,.theme-game .demo-feature h2,.theme-game .demo-contact h2 { color:#fff;text-transform:uppercase;font-style:italic;font-weight:800;letter-spacing:-.065em;text-shadow:0 4px 0 rgba(0,19,78,.28); }
.theme-game .demo-primary,.theme-game .demo-cta { color:#071039;border:2px solid #071039;border-radius:4px;background:#f4ff19;box-shadow:5px 5px 0 #071039;font-weight:850;text-transform:uppercase;letter-spacing:.02em; }
.theme-game .demo-secondary { color:#fff;border:2px solid rgba(255,255,255,.82);border-radius:4px;background:rgba(25,77,175,.52);font-weight:800;text-transform:uppercase; }
.theme-game .demo-visual { border:3px solid rgba(255,255,255,.72);border-radius:8px;clip-path:polygon(0 0,calc(100% - 28px) 0,100% 28px,100% 100%,28px 100%,0 calc(100% - 28px));box-shadow:12px 12px 0 rgba(3,13,55,.48),0 30px 75px rgba(0,0,0,.36); }
.theme-game .demo-visual:before { background:linear-gradient(180deg,transparent 42%,rgba(7,16,57,.62)); }
.theme-game .demo-visual:after { width:42%;height:34%;border-radius:14px;border-color:rgba(125,249,255,.5);background:linear-gradient(135deg,rgba(125,249,255,.2),rgba(255,78,219,.08)); }
.theme-game .visual-note { color:white;border:2px solid rgba(255,255,255,.78);border-radius:5px;background:rgba(5,25,79,.88); }
.theme-game .demo-heading p,.theme-game .demo-card p,.theme-game .demo-trust small { color:#d9e8ff;opacity:1; }
.theme-game .demo-card { border:2px solid rgba(255,255,255,.3);border-radius:7px;background:linear-gradient(145deg,rgba(33,116,226,.5),rgba(45,31,137,.72));box-shadow:7px 7px 0 rgba(3,13,55,.4);backdrop-filter:none; }
.theme-game .demo-card span { color:#06194f;background:#f4ff19;border-radius:3px; }
.theme-game .demo-feature { color:#fff;border:3px solid rgba(255,255,255,.8);border-radius:8px;background:radial-gradient(circle at 90% 10%,#237fe2,transparent 36%),linear-gradient(125deg,#123f9c,#4322a0);box-shadow:12px 12px 0 rgba(3,13,55,.42); }
.theme-game .demo-feature p { color:#e6efff;opacity:1; }
.theme-game .service-list li { border-color:rgba(255,255,255,.28); }
.theme-game .service-list b { color:#fff;font-size:18px; }
.theme-game .service-list span { color:#f4ff19;text-transform:uppercase;font-size:12px;letter-spacing:.06em; }
.theme-game .demo-contact { color:#06194f;border:3px solid #06194f;border-radius:8px;background:#f4ff19;box-shadow:12px 12px 0 #178fea; }
.theme-game .demo-contact h2 { color:#06194f;text-shadow:none; }
.theme-game .demo-contact .demo-primary { color:white;border-color:#06194f;background:#06194f;box-shadow:5px 5px 0 #178fea; }

/* dentist: warm editorial healthcare, deliberately unlike cleaning */
.theme-dentist { --demo-bg:#f3eee7;--demo-ink:#101c30;--demo-accent:#d87762;--demo-soft:#e7d7ca;background:radial-gradient(circle at 0 0,#f4d8d1,transparent 24%),#f3eee7; }
.theme-dentist .demo-logo { width:230px; }
.theme-dentist .demo-hero { grid-template-columns:.88fr 1.12fr; }
.theme-dentist .demo-hero h1,.theme-dentist .demo-heading h2,.theme-dentist .demo-testimonial blockquote { font-family:"Playfair Display";font-weight:600; }
.theme-dentist .demo-visual { border-radius:38px 8px 38px 8px;box-shadow:0 30px 70px rgba(16,28,48,.18); }
.theme-dentist .demo-visual:before { background:linear-gradient(180deg,transparent 52%,rgba(16,28,48,.48)); }
.theme-dentist .demo-visual:after { left:30px;right:auto;top:30px;border-radius:50%;background:rgba(216,119,98,.14);border-color:rgba(255,255,255,.3); }
.theme-dentist .visual-note { color:#fff;background:rgba(16,28,48,.72);border-color:rgba(255,255,255,.2); }
.theme-dentist .demo-card { border-radius:8px;background:#faf6f0; }
.theme-dentist .demo-feature { color:#f3eee7;background:#101c30;border-radius:8px 34px 8px 34px; }
.theme-dentist .demo-contact { border-radius:8px 28px 8px 28px;background:#e7d7ca; }

/* engineering: grid, drawings and construction discipline */
.theme-engineer { --demo-bg:#edf1f1;--demo-ink:#182733;--demo-accent:#f26b38;--demo-soft:#dbe4e6;background-image:linear-gradient(rgba(38,86,110,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(38,86,110,.07) 1px,transparent 1px);background-size:32px 32px; }
.theme-engineer .demo-nav { border-bottom:1px solid #8fa4ad; }
.theme-engineer .demo-hero h1 { text-transform:uppercase;font-size:clamp(51px,6.5vw,86px); }
.theme-engineer .demo-visual { border:2px solid #182733;border-radius:0;box-shadow:14px 14px 0 #f26b38; }
.theme-engineer .demo-visual:before { background:linear-gradient(180deg,transparent 50%,rgba(24,39,51,.42)),linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px);background-size:auto,22px 22px; }
.theme-engineer .demo-visual:after { left:30px;right:auto;top:30px;border-radius:0;border-color:rgba(255,255,255,.45);background:rgba(24,39,51,.18); }
.theme-engineer .visual-note { color:white;border-radius:0;background:rgba(24,39,51,.78); }
.theme-engineer .demo-card { border:2px solid #182733;border-radius:0;background:rgba(255,255,255,.7); }
.theme-engineer .demo-card span { border-radius:0;color:white;background:#f26b38; }
.theme-engineer .demo-feature { border:2px solid #182733;border-radius:0;background:#244c60;box-shadow:12px 12px 0 #f26b38; }
.theme-engineer .demo-contact { border:2px solid #182733;border-radius:0;background:#fff;box-shadow:10px 10px 0 #f26b38; }

/* comics: original splash-page language */
.theme-comics { --demo-bg:#ffc51b;--demo-ink:#111;--demo-accent:#e63226;--demo-soft:#fff3c4;background-image:radial-gradient(rgba(17,17,17,.16) 1.2px,transparent 1.2px);background-size:9px 9px; }
.theme-comics .demo-nav { border-bottom:4px solid #111; }
.theme-comics .demo-logo { width:250px; }
.theme-comics .demo-hero h1,.theme-comics .demo-heading h2,.theme-comics .demo-feature h2,.theme-comics .demo-testimonial blockquote { text-transform:uppercase;font-style:italic;font-weight:800; }
.theme-comics .demo-hero h1 em { color:#e63226;text-shadow:3px 3px 0 white,-2px -2px 0 #111; }
.theme-comics .demo-primary,.theme-comics .demo-cta { border:3px solid #111;border-radius:0;background:#e63226;color:white;box-shadow:5px 5px 0 #111; }
.theme-comics .demo-secondary { border:3px solid #111;border-radius:0;background:white;box-shadow:5px 5px 0 #111; }
.theme-comics .demo-visual { border:4px solid #111;border-radius:0;box-shadow:14px 14px 0 #111; }
.theme-comics .demo-visual:before { background:linear-gradient(180deg,transparent 55%,rgba(255,197,27,.28)); }
.theme-comics .demo-visual:after { display:none; }
.theme-comics .visual-note { border:3px solid #111;border-radius:0;background:white;backdrop-filter:none;box-shadow:6px 6px 0 #111; }
.theme-comics .demo-trust { border-color:#111; }.theme-comics .demo-trust div { border-color:#111; }
.theme-comics .demo-card { border:3px solid #111;border-radius:0;background:white;box-shadow:7px 7px 0 #111; }
.theme-comics .demo-card:nth-child(2) { transform:rotate(-1deg); }.theme-comics .demo-card:nth-child(3) { transform:rotate(1deg); }
.theme-comics .demo-card span { border-radius:50%;color:white;background:#e63226;border:2px solid #111; }
.theme-comics .demo-feature { border:4px solid #111;border-radius:0;color:white;background:#e63226;box-shadow:12px 12px 0 #111; }
.theme-comics .service-list span { color:#ffde59; }
.theme-comics .demo-contact { border:4px solid #111;border-radius:0;background:#fff;box-shadow:10px 10px 0 #111; }

/* psychology: quiet editorial warmth */
.theme-psychology { --demo-bg:#f4eeec;--demo-ink:#493c45;--demo-accent:#a06f88;--demo-soft:#e5d4da;background:radial-gradient(circle at 5% 8%,#ead9d6,transparent 24%),#f4eeec; }
.theme-psychology .demo-hero h1,.theme-psychology .demo-heading h2,.theme-psychology .demo-testimonial blockquote { font-family:"Playfair Display";font-weight:500; }.theme-psychology .demo-visual { border-radius:48% 48% 18px 18px;box-shadow:0 32px 80px rgba(73,60,69,.16); }.theme-psychology .demo-visual:before { background:linear-gradient(180deg,transparent 55%,rgba(73,60,69,.34)); }.theme-psychology .demo-visual:after { left:28px;right:auto;border-radius:50%;background:rgba(232,199,188,.16); }.theme-psychology .visual-note { color:white;background:rgba(73,60,69,.62); }.theme-psychology .demo-card { border-radius:34px 10px;background:#fbf7f5; }.theme-psychology .demo-feature { border-radius:50px 12px;background:#594753; }.theme-psychology .demo-contact { border-radius:12px 45px;background:#e7d2d9; }

/* massage: tactile, low light */
.theme-massage { --demo-bg:#1c221b;--demo-ink:#eee5d4;--demo-accent:#c4ac74;--demo-soft:#343b2f;color:#eee5d4;background:radial-gradient(circle at 85% 0,#38402f,transparent 28%),#1c221b; }.theme-massage .demo-logo img { height:48px; }.theme-massage .demo-hero h1,.theme-massage .demo-heading h2,.theme-massage .demo-testimonial blockquote { font-family:"Playfair Display";font-weight:500; }.theme-massage .demo-visual { border:1px solid rgba(238,229,212,.16);border-radius:120px 16px 16px 16px; }.theme-massage .demo-visual:before { background:linear-gradient(180deg,transparent 45%,rgba(20,24,18,.62)); }.theme-massage .visual-note { color:#eee5d4;background:rgba(28,34,27,.66); }.theme-massage .demo-card { background:rgba(255,255,255,.035); }.theme-massage .demo-feature { color:#1c221b;background:#ded0b3;border-radius:16px 90px 16px 16px; }.theme-massage .demo-contact { background:#343b2f; }

/* football: match-day utility */
.theme-football { --demo-bg:#09150f;--demo-ink:#f1eddf;--demo-accent:#d6aa48;--demo-soft:#173022;color:#f1eddf;background:linear-gradient(90deg,rgba(214,170,72,.04) 1px,transparent 1px),#09150f;background-size:54px 54px; }.theme-football .demo-nav { border-bottom:2px solid #d6aa48; }.theme-football .demo-hero h1,.theme-football .demo-heading h2,.theme-football .demo-feature h2 { text-transform:uppercase;font-style:italic;font-weight:850; }.theme-football .demo-primary,.theme-football .demo-cta { color:#09150f;border-color:#d6aa48;border-radius:3px;background:#d6aa48; }.theme-football .demo-secondary { border-radius:3px; }.theme-football .demo-visual { border:2px solid #d6aa48;border-radius:3px;box-shadow:14px 14px 0 #173022; }.theme-football .demo-visual:before { background:linear-gradient(180deg,transparent 50%,rgba(5,15,9,.6)); }.theme-football .demo-visual:after { border-radius:50%;border:2px solid rgba(255,255,255,.25);background:transparent; }.theme-football .visual-note,.theme-football .demo-card,.theme-football .demo-feature,.theme-football .demo-contact { border-radius:3px; }.theme-football .visual-note { color:white;background:rgba(9,21,15,.75); }.theme-football .demo-card { background:#10251a; }.theme-football .demo-feature { background:#d6aa48;color:#09150f; }.theme-football .service-list span { color:#294d33; }.theme-football .demo-contact { background:#173022; }

/* furniture: restrained editorial catalogue */
.theme-furniture { --demo-bg:#eee5d9;--demo-ink:#43362d;--demo-accent:#946c47;--demo-soft:#dfccb6;background:#eee5d9; }.theme-furniture .demo-hero { grid-template-columns:.8fr 1.2fr; }.theme-furniture .demo-hero h1,.theme-furniture .demo-heading h2,.theme-furniture .demo-testimonial blockquote { font-family:"Playfair Display";font-weight:500; }.theme-furniture .demo-visual { border-radius:0;box-shadow:20px 20px 0 #d3b996; }.theme-furniture .demo-visual:before { background:linear-gradient(180deg,transparent 60%,rgba(67,54,45,.3)); }.theme-furniture .demo-visual:after { display:none; }.theme-furniture .visual-note,.theme-furniture .demo-card,.theme-furniture .demo-feature,.theme-furniture .demo-contact { border-radius:0; }.theme-furniture .visual-note { border:0;background:#eee5d9;backdrop-filter:none; }.theme-furniture .demo-card { border-width:1px 0 0;background:transparent; }.theme-furniture .demo-feature { background:#493a30; }

/* translator: crisp international typography */
.theme-translator { --demo-bg:#f5f1e9;--demo-ink:#17366f;--demo-accent:#dc725e;--demo-soft:#dce4f1;background:linear-gradient(135deg,rgba(33,76,156,.05) 25%,transparent 25%) 0 0/36px 36px,#f5f1e9; }.theme-translator .demo-hero h1 { font-weight:800; }.theme-translator .demo-visual { border-radius:70px 12px 70px 12px;box-shadow:0 25px 70px rgba(23,54,111,.18); }.theme-translator .demo-visual:before { background:linear-gradient(180deg,transparent 52%,rgba(23,54,111,.4)); }.theme-translator .demo-visual:after { left:28px;right:auto;border-radius:12px;background:rgba(220,114,94,.12); }.theme-translator .visual-note { color:white;background:rgba(23,54,111,.72); }.theme-translator .demo-card { border-color:#b8c7df;background:#fff; }.theme-translator .demo-feature { background:#17366f; }.theme-translator .demo-contact { background:#f0c5bc; }

/* hardware: industrial, deliberately no glass */
.theme-hardware { --demo-bg:#f1eee5;--demo-ink:#0b2237;--demo-accent:#d6aa00;--demo-soft:#f4c51b;background:repeating-linear-gradient(135deg,transparent 0 44px,rgba(11,34,55,.035) 45px 46px),#f1eee5; }.theme-hardware .demo-nav { border-bottom:4px solid #0b2237; }.theme-hardware .demo-hero h1,.theme-hardware .demo-heading h2,.theme-hardware .demo-feature h2 { text-transform:uppercase;font-weight:900; }.theme-hardware .demo-primary,.theme-hardware .demo-cta { color:#0b2237;border:3px solid #0b2237;border-radius:0;background:#f4c51b;box-shadow:5px 5px 0 #0b2237; }.theme-hardware .demo-secondary { border:3px solid #0b2237;border-radius:0; }.theme-hardware .demo-visual { border:4px solid #0b2237;border-radius:0;box-shadow:14px 14px 0 #f4c51b; }.theme-hardware .demo-visual:before { background:linear-gradient(180deg,transparent 45%,rgba(4,15,25,.55)); }.theme-hardware .demo-visual:after { display:none; }.theme-hardware .visual-note { color:white;border:3px solid #f4c51b;border-radius:0;background:#0b2237;backdrop-filter:none; }.theme-hardware .demo-card { border:3px solid #0b2237;border-radius:0;background:white; }.theme-hardware .demo-card span { border-radius:0;background:#f4c51b;color:#0b2237; }.theme-hardware .demo-feature { border-radius:0;background:#0b2237; }.theme-hardware .demo-contact { border:3px solid #0b2237;border-radius:0;background:#f4c51b; }

/* Sector-specific structures: each activity gets its own decision path. */
.sector-module { max-width:1320px;margin:0 auto;padding:95px 28px; }
.sector-module h2 { margin:10px 0;font:700 clamp(40px,5vw,68px)/1 "Manrope";letter-spacing:-.055em; }

.restaurant-menu { max-width:none;padding:90px max(28px,calc((100vw - 1180px)/2));display:grid;grid-template-columns:.65fr 1.35fr;gap:90px;color:#241a16;background:#e6d2bc; }
.restaurant-menu header { position:sticky;top:30px;align-self:start; }.restaurant-menu header>span { color:#8d542f;text-transform:uppercase;letter-spacing:.14em;font-size:9px;font-weight:800; }.restaurant-menu h2 { font-family:"Playfair Display";font-weight:500; }.restaurant-menu header a { display:inline-flex;margin-top:28px;padding-bottom:7px;border-bottom:1px solid #8d542f;font-weight:700; }
.restaurant-menu-list article { padding:25px 0;border-top:1px solid rgba(36,26,22,.25); }.restaurant-menu-list small { color:#8d542f;text-transform:uppercase;letter-spacing:.14em;font-weight:800; }.restaurant-menu-list p { margin:18px 0 0;display:grid;grid-template-columns:1fr auto;gap:30px; }.restaurant-menu-list b { font:500 19px "Playfair Display"; }.restaurant-menu-list strong { font-size:13px; }

.hair-services { display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;border-top:1px solid #a99082; }
.hair-services-intro { align-self:center; }.hair-services-intro h2 { font-family:"Playfair Display";font-weight:500; }.hair-services-intro p { max-width:450px;color:#6f625b;line-height:1.6; }
.hair-price-list { border-top:1px solid #8b7467; }.hair-price-list p { margin:0;padding:22px 0;display:grid;grid-template-columns:1fr 80px 85px;gap:20px;border-bottom:1px solid #b9a99f;align-items:center; }.hair-price-list b { font:600 17px "Playfair Display"; }.hair-price-list span { color:#75665e;font-size:11px; }.hair-price-list strong { text-align:right; }.hair-price-list button { margin-top:25px;min-height:50px;padding:0 22px;border:0;color:#eee8e1;background:#292624;cursor:pointer; }

.auto-claim { max-width:none;padding-left:max(28px,calc((100vw - 1180px)/2));padding-right:max(28px,calc((100vw - 1180px)/2));color:#eff5f3;background:#151d1f; }
.auto-claim header { display:flex;justify-content:space-between;align-items:end;border-bottom:4px solid #cfff42; }.auto-claim header span { padding-bottom:18px;color:#cfff42;text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:.12em; }.auto-claim h2 { margin:0;text-transform:uppercase;font-size:clamp(55px,8vw,110px); }
.auto-claim-grid { display:grid;grid-template-columns:repeat(3,1fr); }.auto-claim-grid article { min-height:250px;padding:30px;border-right:1px solid rgba(255,255,255,.18); }.auto-claim-grid article:last-child { border-right:0; }.auto-claim-grid span { color:#cfff42;font-weight:800; }.auto-claim-grid b { display:block;margin-top:85px;font:700 22px "Manrope"; }.auto-claim-grid p { color:#9eabaa;line-height:1.5;font-size:13px; }.auto-claim>button { min-height:54px;padding:0 24px;border:0;background:#cfff42;color:#111719;font-weight:900;cursor:pointer; }

.clean-estimator { display:grid;grid-template-columns:.8fr 1.2fr;gap:70px; }
.clean-estimator>div:first-child { align-self:center; }.clean-estimator>div:first-child p { color:#54756f;line-height:1.6; }
.clean-space-grid { display:grid;grid-template-columns:1fr 1fr;gap:12px; }.clean-space-grid button { min-height:150px;padding:24px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;border:1px solid #fff;border-radius:30px 8px;background:rgba(255,255,255,.65);box-shadow:0 14px 35px rgba(21,137,121,.08);color:#153f3a;cursor:pointer; }.clean-space-grid b { font:700 22px "Manrope"; }.clean-space-grid small { margin-top:6px;color:#54756f; }
.clean-estimator aside { grid-column:1/-1;padding:20px 25px;display:flex;gap:25px;flex-wrap:wrap;border-radius:16px;background:#153f3a;color:#fff; }.clean-estimator aside span:before { content:"✓";margin-right:7px;color:#7ee0d2; }

.tech-dispatch { max-width:none;padding-left:max(28px,calc((100vw - 1180px)/2));padding-right:max(28px,calc((100vw - 1180px)/2));color:#fff;background:#132038; }
.tech-dispatch header { display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:30px;padding-bottom:25px;border-bottom:4px solid #ffba58; }.tech-dispatch header>span { color:#ffba58;text-transform:uppercase;font-weight:800;letter-spacing:.12em;font-size:9px; }.tech-dispatch h2 { margin:0;text-transform:uppercase; }.tech-dispatch header strong { padding:10px;background:#ffba58;color:#132038;font-size:10px; }
.tech-dispatch-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0; }.tech-dispatch-grid button { min-height:190px;padding:24px;display:flex;flex-direction:column;align-items:flex-start;border:2px solid #fff;background:transparent;color:#fff;text-align:left;cursor:pointer; }.tech-dispatch-grid span { padding:5px 7px;background:#ffba58;color:#132038;font-weight:900;font-size:9px; }.tech-dispatch-grid b { margin-top:auto;font:750 20px "Manrope"; }.tech-dispatch-grid small { margin-top:6px;color:#b7c3d5; }
.tech-dispatch footer { padding:18px 22px;display:grid;grid-template-columns:1fr auto 1fr;gap:30px;align-items:center;background:#f5f1e9;color:#132038; }.tech-dispatch footer strong { font:800 24px "Manrope"; }.tech-dispatch footer span { text-align:right;font-size:11px; }

.game-item-shop { max-width:none;padding-left:max(28px,calc((100vw - 1280px)/2));padding-right:max(28px,calc((100vw - 1280px)/2));background:linear-gradient(135deg,#4f22a8,#16104b);color:#fff; }
.game-item-shop header { display:flex;align-items:end;justify-content:space-between;gap:30px; }.game-item-shop header span { color:#80ebff;text-transform:uppercase;letter-spacing:.12em;font-weight:800;font-size:9px; }.game-item-shop h2 { font-family:Impact,"Arial Black",sans-serif;font-size:clamp(50px,7vw,95px);letter-spacing:.015em; }.game-item-shop header>strong { padding:12px 16px;border-radius:8px;background:#0b0730;font:800 18px "Manrope"; }
.game-product-grid { display:grid;grid-template-columns:1.45fr 1fr 1fr;gap:14px; }.game-product { min-height:410px;padding:18px;display:flex;flex-direction:column;border:3px solid rgba(255,255,255,.75);border-radius:8px;background:linear-gradient(180deg,#168ee7,#9638e6);box-shadow:8px 8px 0 #0b0730; }.game-product-featured { background:linear-gradient(180deg,#ff9f19,#e945cf); }.game-product>span { align-self:flex-start;padding:5px 7px;border-radius:4px;background:#0b0730;font-size:8px;font-weight:900; }.game-product-art { margin:18px 0;height:190px;display:grid;place-items:center;border-radius:8px;background:radial-gradient(circle,#a8f7ff 0 8%,#6936d5 9% 35%,#100a3a 36%);font:900 48px Impact;color:#fff;text-shadow:4px 4px 0 #0b0730; }.game-product h3 { margin:auto 0 4px;font:900 24px Impact,"Arial Black",sans-serif;letter-spacing:.02em; }.game-product p { margin:0 0 15px;color:#e7e7ff;font-size:12px; }.game-product button { min-height:46px;border:2px solid #0b0730;border-radius:999px;background:#f5ff16;color:#0b0730;font-weight:900;cursor:pointer; }

.engineer-projects { border-top:8px solid #f26b38;background:linear-gradient(90deg,rgba(24,39,51,.06) 1px,transparent 1px),#edf1f1;background-size:28px 28px; }
.engineer-projects header { display:grid;grid-template-columns:.6fr 1.4fr;align-items:end; }.engineer-projects header span { color:#f26b38;text-transform:uppercase;font-size:9px;font-weight:900;letter-spacing:.12em; }.engineer-projects h2 { text-transform:uppercase; }
.engineer-project-table { margin-top:45px;border-top:3px solid #182733; }.engineer-project-table article { padding:20px 0;display:grid;grid-template-columns:100px 1.4fr 1fr 100px;gap:20px;border-bottom:1px solid #81909a;align-items:center; }.engineer-project-table span,.engineer-project-table strong { color:#f26b38;font-size:10px;font-weight:900; }.engineer-project-table b { font:700 17px "Manrope"; }.engineer-project-table small { color:#5d6e78; }.engineer-projects>a { display:inline-flex;margin-top:30px;padding:14px 18px;background:#182733;color:#fff;font-weight:800; }

.comics-releases { max-width:none;padding-left:max(28px,calc((100vw - 1180px)/2));padding-right:max(28px,calc((100vw - 1180px)/2));color:#111;background:#ffc400;border-top:6px solid #111;border-bottom:6px solid #111; }
.comics-releases header { display:grid;grid-template-columns:.6fr 1fr .6fr;gap:30px;align-items:end; }.comics-releases header>span,.comics-releases header>p { font-weight:900;text-transform:uppercase;font-size:9px; }.comics-releases h2 { margin:0;font:900 clamp(60px,9vw,130px)/.75 Impact,"Arial Black",sans-serif;text-shadow:5px 5px 0 #fff;transform:rotate(-2deg); }
.comic-shelf { margin:55px 0 30px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;align-items:end; }.comic-shelf article { min-height:290px;padding:18px;display:flex;flex-direction:column;border:3px solid #111;background:#fff;box-shadow:8px 8px 0 #111; }.comic-shelf article:nth-child(even) { transform:translateY(-18px) rotate(1deg); }.comic-shelf i { width:40px;height:40px;display:grid;place-items:center;border:2px solid #111;border-radius:50%;background:#e63226;color:#fff;font-weight:900; }.comic-shelf b { margin-top:auto;font:900 28px/1 Impact,"Arial Black",sans-serif; }.comic-shelf span { margin-top:8px;font-size:11px; }.comics-releases>button { min-height:52px;padding:0 24px;border:3px solid #111;background:#e63226;color:#fff;box-shadow:5px 5px 0 #111;font-weight:900;cursor:pointer; }

.psychology-paths { display:grid;grid-template-columns:.8fr 1.2fr;gap:80px; }.psychology-paths h2 { font-family:"Playfair Display";font-weight:500; }.psychology-paths>div:first-child p { color:#74646e;line-height:1.6; }.psychology-topic-list { border-top:1px solid #bcaab4; }.psychology-topic-list a { padding:22px 0;display:flex;justify-content:space-between;border-bottom:1px solid #bcaab4;font:500 21px "Playfair Display"; }.psychology-topic-list span { color:#a85f79; }.psychology-paths aside { grid-column:2;padding:18px;border-left:3px solid #a85f79;color:#695b64;background:#f8f1f4;font-size:11px;line-height:1.5; }

.massage-treatments { max-width:none;padding-left:max(28px,calc((100vw - 1120px)/2));padding-right:max(28px,calc((100vw - 1120px)/2));color:#1c221b;background:#ded0b3;border-radius:0 120px 0 0; }.massage-treatments header { display:grid;grid-template-columns:.5fr 1fr;align-items:end; }.massage-treatments header span { text-transform:uppercase;letter-spacing:.13em;font-size:9px;font-weight:800; }.massage-treatments h2 { font-family:"Playfair Display";font-weight:500; }
.massage-treatment-list { margin-top:45px;border-top:1px solid #7f7359; }.massage-treatment-list article { padding:22px 0;display:grid;grid-template-columns:1fr 120px 110px;gap:25px;align-items:center;border-bottom:1px solid #9d9075; }.massage-treatment-list small,.massage-treatment-list b { display:block; }.massage-treatment-list small { margin-bottom:7px;color:#75694f;text-transform:uppercase;font-size:9px;letter-spacing:.1em; }.massage-treatment-list b { font:500 24px "Playfair Display"; }.massage-treatment-list strong { font-size:13px; }.massage-treatment-list button { min-height:42px;border:1px solid #1c221b;background:transparent;cursor:pointer; }.massage-treatments>p { margin:20px 0 0;color:#6f654f;font-size:10px; }

.club-scoreboard nav { margin-top:22px;display:flex;justify-content:center;gap:8px;flex-wrap:wrap; }.club-scoreboard nav a { padding:10px 14px;border:2px solid #07130e;font-weight:900;font-size:10px; }

.translator-brief { color:#17366f;background:linear-gradient(135deg,rgba(33,76,156,.08) 25%,transparent 25%) 0 0/36px 36px,#f5f1e9; }.translator-brief header { display:grid;grid-template-columns:.5fr 1fr;align-items:end; }.translator-brief header span { color:#dc725e;text-transform:uppercase;letter-spacing:.13em;font-weight:900;font-size:9px; }
.translator-brief-grid { margin:45px 0 25px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px; }.translator-brief-grid article { min-height:180px;padding:20px;display:flex;flex-direction:column;border:2px solid #17366f;background:#fff; }.translator-brief-grid span { color:#dc725e;font-weight:900; }.translator-brief-grid b { margin-top:auto;font:700 18px "Manrope"; }.translator-brief-grid small { margin-top:6px;color:#5f7190;line-height:1.4; }.translator-brief>button { min-height:50px;padding:0 22px;border:0;background:#17366f;color:#fff;font-weight:900;cursor:pointer; }.translator-brief>p { display:inline;margin-left:20px;color:#687897;font-size:10px; }

.hardware-counter { max-width:none;padding-left:max(28px,calc((100vw - 1180px)/2));padding-right:max(28px,calc((100vw - 1180px)/2));background:#f4c51b;color:#0b2237;border-top:5px solid #0b2237;border-bottom:5px solid #0b2237; }
.hardware-counter header { display:grid;grid-template-columns:.45fr 1fr auto;gap:30px;align-items:end; }.hardware-counter header span { font-weight:900;text-transform:uppercase;letter-spacing:.12em;font-size:9px; }.hardware-counter h2 { text-transform:uppercase;font-weight:900; }.hardware-counter header button { min-height:52px;padding:0 18px;border:3px solid #0b2237;background:#fff;box-shadow:5px 5px 0 #0b2237;font-weight:900;cursor:pointer; }
.hardware-departments { margin:45px 0 25px;display:grid;grid-template-columns:repeat(4,1fr);border-top:3px solid #0b2237;border-left:3px solid #0b2237; }.hardware-departments a { min-height:180px;padding:20px;display:flex;flex-direction:column;border-right:3px solid #0b2237;border-bottom:3px solid #0b2237;background:#fff; }.hardware-departments span { font-weight:900; }.hardware-departments b { margin-top:auto;font:900 22px "Manrope";text-transform:uppercase; }.hardware-departments small { margin-top:6px; }.hardware-counter footer { display:flex;gap:25px;align-items:center; }.hardware-counter footer b { padding:8px;background:#0b2237;color:#fff;text-transform:uppercase; }

/* Sector-specific structures: the demos do not share one visual rhythm. */
.theme-tech .demo-logo { width:210px;padding:7px 12px;background:#132038; }
.theme-tech .demo-logo img { display:block;width:100%;height:auto; }
.theme-tech .demo-services { padding-top:70px; }
.theme-tech .demo-feature { grid-template-columns:1.1fr .9fr;background:#132038;color:#fff; }
.theme-tech .demo-feature .service-list { padding:8px 24px;background:#fff;color:#132038;border:3px solid #132038;box-shadow:8px 8px 0 #ffba58; }
.theme-tech .demo-feature .service-list li { border-color:#ccd0d7; }
.theme-tech .demo-feature .service-list span { color:#b74413; }

/* Gaming: Twitch purple with a V-Bucks-like blue/violet CTA. */
.theme-game { --demo-bg:#160b3b;--demo-soft:#3b1c83;background:radial-gradient(circle at 88% 8%,rgba(107,65,255,.72),transparent 27%),radial-gradient(circle at 60% 35%,rgba(0,164,255,.28),transparent 38%),linear-gradient(135deg,transparent 0 48%,rgba(177,110,255,.07) 49% 55%,transparent 56%),#160b3b; }
.theme-game .demo-hero h1,.theme-game .demo-heading h2,.theme-game .demo-feature h2,.theme-game .demo-contact h2 { font-family:Impact,"Arial Black","Manrope",sans-serif;font-weight:900;letter-spacing:-.025em; }
.theme-game .demo-primary,.theme-game .demo-cta { color:#160b3b;border:2px solid #160b3b;border-radius:999px;background:#f5ff16;box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 7px 0 #0c0525,0 12px 26px rgba(12,5,37,.32); }
.theme-game .demo-secondary { border-radius:999px;background:rgba(70,31,148,.62); }
.theme-game .demo-hero h1 em,.theme-game .demo-eyebrow { color:#7be8ff; }
.theme-game .demo-card span { color:#160b3b;background:#7be8ff; }
.theme-game .demo-feature { background:radial-gradient(circle at 90% 10%,#078ff0,transparent 38%),linear-gradient(125deg,#4b1b91,#6b20a8); }
.theme-game .service-list span { color:#7be8ff; }
.theme-game .demo-contact { color:#fff;border-color:#a791ff;background:linear-gradient(100deg,#6b20a8,#078ff0);box-shadow:12px 12px 0 #0c0525; }
.theme-game .demo-contact h2 { color:#fff; }
.theme-game .demo-contact .demo-primary { border-color:#160b3b;background:#f5ff16;color:#160b3b;box-shadow:0 6px 0 #160b3b; }

/* Dentistry: recognisably clinical, calm and transparent. */
.theme-dentist { --demo-bg:#eef7f6;--demo-ink:#15353b;--demo-accent:#087f7b;--demo-soft:#cfe8e5;background:radial-gradient(circle at 0 0,#d8efec,transparent 30%),#eef7f6; }
.theme-dentist .demo-logo { width:230px; }
.theme-dentist .demo-hero h1,.theme-dentist .demo-heading h2,.theme-dentist .demo-testimonial blockquote { font-family:"Manrope";font-weight:750; }
.theme-dentist .demo-hero h1 em { color:#087f7b; }
.theme-dentist .demo-visual { border:8px solid white;border-radius:48px 8px 48px 8px;box-shadow:0 30px 70px rgba(21,53,59,.16); }
.theme-dentist .demo-visual:after { width:120px;height:120px;background:rgba(51,190,179,.16); }
.theme-dentist .visual-note { color:#fff;background:rgba(15,72,79,.9); }
.dental-paths { display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding-top:65px;padding-bottom:15px; }
.dental-paths a { min-height:170px;padding:24px;display:flex;flex-direction:column;border:1px solid #b7d8d4;border-radius:20px;background:#fff;box-shadow:0 12px 30px rgba(21,53,59,.06); }
.dental-paths span { color:#087f7b;font-size:10px;font-weight:800; }.dental-paths b { margin-top:auto;font:700 21px "Manrope"; }.dental-paths small { margin-top:6px;color:#58767a; }
.theme-dentist .demo-card { border-color:#b7d8d4;background:#fff; }
.theme-dentist .demo-card span { color:#fff;background:#087f7b; }
.theme-dentist .demo-feature { color:#fff;background:#174e54; }
.theme-dentist .service-list span,.theme-dentist .demo-feature .demo-eyebrow { color:#8de1d8; }
.theme-dentist .demo-contact { color:#15353b;background:#b9e5df; }

/* Football: contemporary club identity, black/white with vivid pitch green. */
.theme-football { --demo-bg:#07130e;--demo-ink:#f7faf8;--demo-accent:#0d6b50;--demo-soft:#123b27;color:#f7faf8;background:linear-gradient(90deg,rgba(31,143,106,.055) 1px,transparent 1px),#07130e;background-size:58px 58px; }
.theme-football .demo-nav { border-bottom-color:#1f8f6a; }
.theme-football .demo-hero h1,.theme-football .demo-heading h2,.theme-football .demo-feature h2,.theme-football .demo-contact h2 { font-family:Impact,"Arial Narrow","Manrope",sans-serif;font-style:normal;font-weight:900;letter-spacing:.005em; }
.theme-football .demo-hero h1 em { color:#42b890; }
.theme-football .demo-primary,.theme-football .demo-cta { color:#fff;border-color:#0d6b50;background:#0d6b50; }
.theme-football .demo-secondary { border-color:#fff;color:#fff; }
.theme-football .demo-visual { border-color:#1f8f6a;box-shadow:12px 12px 0 #123b2b; }
.club-scoreboard { width:min(1180px,calc(100% - 48px));margin:28px auto 70px;padding:30px 42px;color:#fff;border:1px solid #297d63;background:#0d5c45;text-align:center; }
.club-scoreboard>span,.club-scoreboard>small { text-transform:uppercase;letter-spacing:.13em;font-size:9px;font-weight:800; }
.club-scoreboard div { margin:14px 0;display:grid;grid-template-columns:1fr auto 1fr;gap:35px;align-items:center; }
.club-scoreboard b { font:900 clamp(24px,4vw,50px) Impact,"Arial Black",sans-serif; }.club-scoreboard strong { padding:10px 16px;color:#07130e;background:#d6aa48;font:800 17px "Manrope"; }
.club-scoreboard nav a { color:#fff;border-color:rgba(255,255,255,.55); }
.theme-football .demo-card { background:#103522; }.theme-football .demo-card span { color:#fff;background:#0d6b50; }
.theme-football .demo-feature { color:#fff;background:#0d6b50; }.theme-football .service-list span { color:#87b9a5; }

/* Secondi moduli: informazioni operative diverse per ogni verticale */
.sector-extra { width:min(1180px,calc(100% - 48px));margin:20px auto 85px;padding:48px; }.sector-extra h2 { margin:8px 0 0;font-size:clamp(35px,5vw,68px);line-height:.96; }.sector-extra header>span,.sector-extra>div>span { text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:800; }
.restaurant-booking { display:grid;grid-template-columns:1.3fr 1fr auto;gap:38px;align-items:end;border-top:1px solid #764b34;border-bottom:1px solid #764b34; }.restaurant-booking ol { display:flex;gap:12px;padding:0;list-style:none; }.restaurant-booking li { padding:18px;border-left:1px solid #764b34; }.restaurant-booking li b,.restaurant-booking li small { display:block; }.restaurant-booking button { min-height:48px;padding:0 20px;border:0;border-radius:999px;background:#302016;color:#fff;font-weight:800; }
.hair-consult { display:grid;grid-template-columns:1fr 1fr;gap:70px;background:#251f1c;color:#f5efe9; }.hair-consult>div { display:grid;gap:0;border-top:1px solid #71665f; }.hair-consult p { margin:0;padding:20px 0;border-bottom:1px solid #71665f; }.hair-consult b,.hair-consult small { display:block; }.hair-consult small { margin-top:5px;color:#c7bdb6; }
.auto-support { display:grid;grid-template-columns:1.2fr 1fr auto;gap:40px;align-items:center;border:2px solid #d5412d;background:#f6f2ec;color:#111d2a;box-shadow:10px 10px 0 #111d2a; }.auto-support h2 { font-family:Impact,"Arial Narrow",sans-serif;text-transform:uppercase; }.auto-support ul { margin:0;padding-left:20px;line-height:2; }.auto-support button { padding:15px 18px;border:0;background:#d5412d;color:#fff;font-weight:900; }
.clean-plan { border-radius:42px;background:#e6f7ef;color:#123326; }.clean-plan>div { margin-top:28px;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#a8cbbb; }.clean-plan article { padding:26px;background:#e6f7ef; }.clean-plan article b { font-size:22px; }.clean-plan article p { margin-bottom:0; }
.tech-area { display:grid;grid-template-columns:1.2fr 1fr;gap:50px;border-left:8px solid #f4b12a;background:#152331;color:#fff; }.tech-area>div { display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid #526270; }.tech-area b,.tech-area>div span { padding:13px;border-bottom:1px solid #526270; }.tech-area>a { grid-column:2;color:#f4b12a;font-weight:800; }
.game-events { color:#fff;border:3px solid #6d53ee;background:linear-gradient(135deg,#15113a,#281a69);box-shadow:12px 12px 0 #63e8ff; }.game-events h2 { font-family:Impact,"Arial Narrow",sans-serif;font-style:italic; }.game-events>div { margin:28px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px; }.game-events article { padding:18px;border:2px solid #7566d9;background:#21185a; }.game-events article>* { display:block; }.game-events article b { color:#63e8ff; }.game-events article span { margin:7px 0;font-size:20px;font-weight:900; }.game-events button { padding:14px 24px;border:2px solid #0b0924;border-radius:999px;background:#f5ff16;box-shadow:0 6px 0 #0b0924;font-weight:900; }
.dental-first { display:grid;grid-template-columns:1.2fr 1fr;gap:60px;border-radius:0 70px 0 70px;background:#eaf5f3;color:#153f3a; }.dental-first ol { margin:0;padding:0;list-style:none;border-top:1px solid #9ec3be; }.dental-first li { display:grid;grid-template-columns:45px 1fr;gap:10px;padding:18px 0;border-bottom:1px solid #9ec3be; }.dental-first li span { color:#278675;font-weight:900; }
.engineer-scope { padding:0;border-top:5px solid #e56731; }.engineer-scope header { padding:35px 0;display:flex;justify-content:space-between;align-items:end; }.engineer-scope>div { display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #1c2934; }.engineer-scope a { min-height:150px;padding:22px;border-right:1px solid #1c2934;color:inherit; }.engineer-scope a:last-child { border:0; }.engineer-scope a b,.engineer-scope a span { display:block; }.engineer-scope a b { margin-bottom:42px;color:#e56731;font-size:24px; }
.comics-order { display:grid;grid-template-columns:1fr 1fr auto;gap:30px;align-items:center;border:4px solid #111;background:#eb3f2f;color:#fff;box-shadow:12px 12px 0 #111; }.comics-order h2 { font-family:Impact,"Arial Black",sans-serif;font-style:italic;text-shadow:4px 4px 0 #111; }.comics-order button { padding:16px;border:3px solid #111;background:#ffd34d;box-shadow:5px 5px 0 #111;font-weight:900; }
.psychology-first { max-width:920px;padding-left:0;padding-right:0; }.psychology-first details { border-top:1px solid #8d837b; }.psychology-first details:last-child { border-bottom:1px solid #8d837b; }.psychology-first summary { padding:20px 4px;font-size:18px;font-weight:700;cursor:pointer; }.psychology-first details p { padding:0 4px 20px;max-width:650px; }
.massage-visit { display:grid;grid-template-columns:1fr 1fr;gap:70px;border-radius:180px 0 180px 0;background:#593d34;color:#fff; }.massage-visit>div { display:grid;align-content:center; }.massage-visit p { margin:0;padding:14px 0;border-bottom:1px solid #8f746a;display:grid;grid-template-columns:90px 1fr; }.massage-visit p b { color:#edc9b7; }
.club-program { padding:0;border-top:1px solid #4f8f78; }.club-program header { padding:35px 0;display:flex;justify-content:space-between;align-items:end; }.club-program>div { border-top:1px solid #4f8f78; }.club-program article { display:grid;grid-template-columns:80px 1fr auto;gap:25px;padding:19px 0;border-bottom:1px solid #4f8f78; }.club-program article b,.club-program>a { color:#d6aa48; }.club-program>a { display:inline-block;margin-top:22px;font-weight:800; }
.furniture-materials { padding:55px;background:#352b25;color:#f4ece1; }.furniture-materials>div { margin-top:30px;display:grid;grid-template-columns:repeat(4,90px) 1fr;gap:14px;align-items:center; }.furniture-materials i { aspect-ratio:1;border-radius:50%;background:#b78b62; }.furniture-materials i:nth-child(2){background:#ded4c4}.furniture-materials i:nth-child(3){background:#645448}.furniture-materials i:nth-child(4){background:#899487}.furniture-materials p>* { display:block; }.furniture-materials p b { font-family:Georgia,serif;font-size:23px; }
.translator-deadlines { border:1px solid #183c75;background:#f6f3ed;color:#183c75; }.translator-deadlines>div { margin-top:30px;display:grid;grid-template-columns:repeat(3,1fr); }.translator-deadlines article { padding:20px;border:1px solid #bac5d7;border-left:0; }.translator-deadlines article:first-child { border-left:1px solid #bac5d7; }.translator-deadlines article b,.translator-deadlines article span { display:block; }.translator-deadlines article b { margin-bottom:8px;font-size:22px; }.translator-deadlines>p { color:#5d6673;font-size:12px; }
.hardware-pickup { border:3px solid #112233;background:#f4c33e;color:#112233;box-shadow:12px 12px 0 #112233; }.hardware-pickup { display:grid;grid-template-columns:1fr 1.25fr;gap:50px; }.hardware-pickup ol { margin:0;padding:0;list-style:none; }.hardware-pickup li { display:grid;grid-template-columns:55px 1fr;gap:18px;padding:18px 0;border-bottom:2px solid #112233; }.hardware-pickup li b { font-size:22px; }

/* Furniture: image-led manual gallery and room-first navigation. */
.theme-furniture .demo-hero { grid-template-columns:.72fr 1.28fr;min-height:720px; }
.showroom-slider { position:relative;min-width:0; }
.showroom-track { display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none; }
.showroom-track::-webkit-scrollbar { display:none; }
.showroom-track figure { position:relative;min-width:100%;height:560px;margin:0;overflow:hidden;scroll-snap-align:start; }
.showroom-track img { width:100%;height:100%;object-fit:cover; }
.showroom-track figcaption { position:absolute;left:25px;bottom:25px;padding:16px 18px;color:#fff;background:rgba(41,31,24,.88); }
.showroom-track figcaption b,.showroom-track figcaption span { display:block; }.showroom-track figcaption b { font:600 24px "Playfair Display"; }.showroom-track figcaption span { margin-top:4px;font-size:11px; }
.showroom-controls { position:absolute;right:18px;bottom:18px;padding:7px;display:flex;align-items:center;gap:12px;background:#f3ece2; }
.showroom-controls button { width:42px;height:42px;border:1px solid #6d5848;background:transparent;color:#43362d;cursor:pointer; }.showroom-controls span { min-width:58px;text-align:center;font-size:10px;font-weight:800; }
.showroom-rooms { padding-top:100px;padding-bottom:100px;display:grid;grid-template-columns:.72fr 1.28fr;gap:80px; }
.showroom-rooms h2 { margin:12px 0 0;font:500 clamp(38px,5vw,65px)/1.02 "Playfair Display";letter-spacing:-.045em; }
.showroom-rooms nav { display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #bfae9d;border-left:1px solid #bfae9d; }
.showroom-rooms a { min-height:150px;padding:24px;display:flex;flex-direction:column;justify-content:flex-end;border-right:1px solid #bfae9d;border-bottom:1px solid #bfae9d;background:rgba(255,255,255,.24); }
.showroom-rooms b { font:600 23px "Playfair Display"; }.showroom-rooms small { margin-top:7px;color:#756459; }
.showroom-brands { padding:36px max(28px,calc((100vw - 1180px)/2));color:#eee5d9;background:#493a30;text-align:center; }
.showroom-brands>span,.showroom-brands>small { display:block;text-transform:uppercase;letter-spacing:.12em;font-size:8px; }.showroom-brands div { margin:22px 0;display:flex;justify-content:center;gap:clamp(22px,5vw,70px);flex-wrap:wrap; }.showroom-brands b { font:500 clamp(18px,2vw,28px) "Playfair Display"; }
.theme-furniture .demo-services { padding-top:75px; }

/* Hero compositions also change by sector, not just their palette. */
.theme-restaurant .demo-hero { position:relative;max-width:none;min-height:720px;padding:0;display:grid;grid-template-columns:1fr;overflow:hidden; }
.theme-restaurant .demo-hero-copy { position:absolute;z-index:4;left:max(28px,calc((100vw - 1180px)/2));top:50%;max-width:620px;transform:translateY(-50%); }
.theme-restaurant .demo-hero-copy>p { color:#f4e8db;text-shadow:0 2px 20px #000; }.theme-restaurant .demo-secondary { color:#fff;border-color:#fff;background:rgba(0,0,0,.28); }
.theme-restaurant .demo-visual { min-height:720px;border:0;border-radius:0; }.theme-restaurant .demo-visual:before { background:linear-gradient(90deg,rgba(16,10,7,.88),rgba(16,10,7,.28) 58%,transparent);box-shadow:none; }
.theme-restaurant .demo-visual:after,.theme-restaurant .visual-note { display:none; }
.theme-clean .demo-hero { grid-template-columns:1fr;text-align:center;padding:80px 0; }.theme-clean .demo-hero-copy>p { margin-left:auto;margin-right:auto; }.theme-clean .demo-actions { justify-content:center; }.theme-clean .demo-visual { width:min(900px,100%);margin:auto;min-height:470px;border-radius:120px 20px; }
.theme-massage .demo-hero { grid-template-columns:1.08fr .92fr; }.theme-massage .demo-hero-copy { grid-column:2;grid-row:1; }.theme-massage .demo-visual { grid-column:1;grid-row:1; }
.theme-engineer .demo-hero { grid-template-columns:.72fr 1.28fr;border-left:8px solid #f26b38; }.theme-engineer .demo-hero-copy { padding-left:35px; }
.theme-translator .demo-hero { grid-template-columns:1.22fr .78fr; }.theme-translator .demo-visual { min-height:590px; }

/* indexable sector landing pages */
.sector-page { background:#f7f7f2; }.sector-hero { min-height:760px;padding-top:170px;display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center;overflow:hidden; }.sector-hero h1 { margin:18px 0 24px;font:750 clamp(48px,6.3vw,82px)/.98 "Manrope";letter-spacing:-.065em; }.sector-hero-copy>p { max-width:650px;color:var(--muted);font-size:18px;line-height:1.65; }.sector-actions { justify-content:flex-start;margin:30px 0; }.sector-price { display:flex;align-items:center;gap:16px;padding-top:22px;border-top:1px solid var(--line); }.sector-price strong { font:700 20px "Manrope"; }.sector-price span { max-width:290px;color:var(--muted);font-size:11px;line-height:1.4; }.sector-picture { position:relative;min-height:560px;overflow:hidden;border-radius:34px;box-shadow:var(--shadow); }.sector-picture:after { content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 65%,rgba(7,18,15,.2)); }.sector-picture img { position:absolute;width:100%;height:100%;object-fit:cover; }.sector-needs { background:white; }.sector-need-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:14px; }.sector-need-grid article { min-height:260px;padding:28px;border:1px solid var(--line);border-radius:20px; }.sector-need-grid article>span { color:var(--green);font-size:10px;font-weight:800; }.sector-need-grid h3 { margin:70px 0 10px;font:650 23px "Manrope"; }.sector-need-grid p { margin:0;color:var(--muted);font-size:13px;line-height:1.55; }.sector-local { display:grid;grid-template-columns:1fr .8fr;gap:90px;align-items:center;background:#e4eadb; }.sector-local h2,.sector-build h2,.sector-final h2 { margin:13px 0 20px;font:700 clamp(38px,5vw,64px)/1.03 "Manrope";letter-spacing:-.055em; }.sector-local p { color:#58665f;line-height:1.65; }.query-box { padding:34px;border:1px solid rgba(16,32,26,.12);border-radius:24px;background:rgba(255,255,255,.55); }.query-box small,.query-box span { display:block; }.query-box small { margin-bottom:18px;color:var(--green);font-weight:800;text-transform:uppercase;letter-spacing:.12em; }.query-box span { padding:13px 0;border-bottom:1px solid var(--line);font:600 15px "Manrope"; }.query-box p { margin:18px 0 0;font-size:10px; }.sector-build { display:grid;grid-template-columns:1fr 1fr;gap:80px;color:white;background:var(--dark); }.sector-build .kicker { color:var(--acid); }.sector-build ul { margin:0;padding:0;list-style:none; }.sector-build li { padding:22px 0;display:grid;gap:5px;border-bottom:1px solid rgba(255,255,255,.14); }.sector-build b { font:600 17px "Manrope"; }.sector-build span { color:#93a09b;font-size:12px;line-height:1.5; }.sector-faq { background:white; }.sector-final { display:flex;justify-content:space-between;align-items:end;gap:60px;background:#dfe9d2; }.sector-final p { max-width:650px;color:var(--muted);line-height:1.6; }.sector-final>div:last-child { display:flex;flex-direction:column;align-items:stretch;gap:8px;min-width:220px; }

/* Hero composition diversification: give the demos that shared the default grid a distinct structure, not just a different palette */
.theme-auto .demo-hero { grid-template-columns: 1.08fr .92fr; }
.theme-auto .demo-visual { border-radius: 0; clip-path: polygon(14% 0, 100% 0, 100% 100%, 0 100%); }
.theme-auto .demo-visual:after { display: none; }
.theme-auto .visual-note { left: 0; right: 0; bottom: 0; max-width: none; display: flex; align-items: center; justify-content: space-between; gap: 20px; border-radius: 0; border-width: 1px 0 0; backdrop-filter: none; }

.theme-dentist .demo-hero { grid-template-columns: 1.02fr .98fr; gap: 60px; }
.theme-dentist .demo-hero-copy { grid-column: 2; grid-row: 1; }
.theme-dentist .demo-visual { grid-column: 1; grid-row: 1; border-radius: 48px 8px 48px 8px; }
.theme-dentist .demo-visual picture { clip-path: none; }
.theme-dentist .demo-visual:after { display: none; }

.theme-psychology .demo-hero { grid-template-columns: 1.12fr .88fr; align-items: center; gap: 80px; }
.theme-psychology .demo-visual { min-height: 540px; border-radius: 26px 26px 190px 190px; }
.theme-psychology .demo-visual:after { display: none; }
.theme-psychology .visual-note { left: 28px; right: auto; bottom: 40px; transform: none; text-align: left; border: 0; box-shadow: 0 20px 45px rgba(73,60,69,.18); }

.theme-football .demo-hero { position: relative; max-width: none; min-height: 720px; padding: 0; display: grid; grid-template-columns: 1fr; overflow: hidden; }
.theme-football .demo-hero-copy { position: absolute; z-index: 4; left: max(28px, calc((100vw - 1180px) / 2)); top: 50%; max-width: 600px; transform: translateY(-50%); }
.theme-football .demo-hero-copy > p { color: #f1eddf; text-shadow: 0 2px 20px #000; }
.theme-football .demo-secondary { color: #fff; border-color: #fff; background: rgba(0,0,0,.3); }
.theme-football .demo-visual { min-height: 720px; border: 0; border-radius: 0; box-shadow: none; }
.theme-football .demo-visual:before { background: linear-gradient(90deg,rgba(7,19,14,.9),rgba(7,19,14,.25) 55%,transparent); box-shadow: none; }
.theme-football .demo-visual:after, .theme-football .visual-note { display: none; }

.theme-comics .demo-hero { grid-template-columns: 1fr .82fr; align-items: center; }
.theme-comics .demo-visual { overflow: visible; transform: rotate(-2.5deg); box-shadow: 16px 16px 0 #111, 0 30px 60px rgba(0,0,0,.25); }
.theme-comics .visual-note { left: auto; right: -18px; top: -18px; bottom: auto; width: 110px; height: 110px; max-width: none; padding: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; border-radius: 50%; transform: rotate(6deg); }
.theme-comics .visual-note b { font-size: 15px; }
.theme-comics .visual-note small { font-size: 8px; }

.theme-hardware .demo-hero { grid-template-columns: 1.15fr .85fr; }
.theme-hardware .demo-visual { overflow: visible; clip-path: polygon(24px 0,100% 0,100% calc(100% - 24px),calc(100% - 24px) 100%,0 100%,0 24px); border-radius: 0; }
.theme-hardware .visual-note { left: auto; right: -16px; top: -16px; bottom: auto; width: 120px; height: 120px; max-width: none; padding: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; border-radius: 50%; transform: rotate(-9deg); background: #f4c51b; }

.theme-tech .demo-hero { grid-template-columns: .92fr 1.08fr; }
.theme-tech .demo-visual { clip-path: polygon(6% 0,100% 0,100% 100%,0 100%); border-radius: 0; }
.theme-tech .demo-visual:before { background: linear-gradient(180deg,transparent 40%,rgba(19,32,56,.4)), repeating-linear-gradient(0deg,rgba(255,255,255,.12) 0 1px,transparent 1px 26px), repeating-linear-gradient(90deg,rgba(255,255,255,.12) 0 1px,transparent 1px 26px); }
.theme-tech .visual-note { left: 0; right: 0; bottom: 0; max-width: none; border-radius: 0; border-width: 3px 0 0; display: flex; align-items: center; justify-content: space-between; }

.theme-game .demo-hero { position: relative; max-width: none; min-height: 720px; padding: 0; display: grid; grid-template-columns: 1fr; overflow: hidden; }
.theme-game .demo-hero-copy { position: absolute; z-index: 4; left: max(28px, calc((100vw - 1180px) / 2)); top: 50%; max-width: 640px; transform: translateY(-50%); }
.theme-game .demo-hero-copy > p { color: #e6efff; text-shadow: 0 2px 20px rgba(0,0,0,.5); }
.theme-game .demo-secondary { background: rgba(6,25,79,.55); }
.theme-game .demo-visual { min-height: 720px; border: 0; border-radius: 0; clip-path: none; box-shadow: none; }
.theme-game .demo-visual:before { background: linear-gradient(90deg,rgba(6,25,79,.92),rgba(6,25,79,.3) 55%,transparent); }
.theme-game .demo-visual:after, .theme-game .visual-note { display: none; }

@media (max-width: 900px) {
  .section-pad { padding: 85px 24px; }.site-header { width:calc(100% - 24px);top:10px; }.nav-toggle { display:grid; }.main-nav { position:absolute;top:62px;left:0;right:0;padding:18px;display:none;align-items:stretch;flex-direction:column;border:1px solid rgba(255,255,255,.6);border-radius:20px;background:rgba(250,250,246,.96);box-shadow:var(--shadow); }.main-nav.open { display:flex; }.main-nav a { padding:7px; }.hero { min-height:auto;padding-top:145px; }.hero h1 { font-size:clamp(48px,13vw,75px); }.browser-body { min-height:340px;padding:38px;grid-template-columns:1fr .5fr; }.browser-copy h2 { font-size:42px; }.section-heading { grid-template-columns:1fr;gap:22px; }.steps div { gap:30px; }.model-card:nth-child(n) { grid-column:span 3; }.included-shell,.contact-shell { grid-template-columns:1fr;gap:45px;padding:45px; }.price-grid { grid-template-columns:1fr; }.price-card.featured { transform:none; }.extras-grid { grid-template-columns:1fr; }.extras-grid article,.extras-grid article + article { padding:28px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.15); }.builders-grid { grid-template-columns:1fr 1fr; }.renewal-card { align-items:flex-start;flex-direction:column; }.demo-nav nav a:not(.demo-cta) { display:none; }.demo-hero,.theme-hair .demo-hero,.theme-dentist .demo-hero,.theme-furniture .demo-hero,.theme-auto .demo-hero,.theme-psychology .demo-hero,.theme-comics .demo-hero,.theme-hardware .demo-hero,.theme-tech .demo-hero { grid-template-columns:1fr;gap:25px;padding:55px 0; }.demo-visual { min-height:430px; }.theme-auto .demo-visual,.theme-dentist .demo-visual,.theme-hardware .demo-visual,.theme-tech .demo-visual,.theme-comics .demo-visual,.theme-psychology .demo-visual { clip-path:none;transform:none;border-radius:24px;margin-top:0;overflow:hidden; }.theme-dentist .demo-visual picture { clip-path:none; }.theme-dentist .demo-visual:after { display:none; }.theme-auto .visual-note,.theme-tech .visual-note { position:absolute;left:28px;right:auto;bottom:28px;top:auto;max-width:190px;width:auto;height:auto;display:block;border-radius:17px;border-width:1px; }.theme-comics .visual-note,.theme-hardware .visual-note { position:absolute;left:28px;right:auto;top:auto;bottom:28px;width:auto;height:auto;max-width:190px;border-radius:17px;transform:none;padding:17px;display:block; }.demo-heading { grid-template-columns:1fr;gap:18px; }[class*="demo-gallery--"] .demo-gallery-grid { grid-template-columns:1fr 1fr!important; max-width:none; }[class*="demo-gallery--"] .demo-gallery-grid figure { grid-column:auto!important;grid-row:auto!important;transform:none!important;aspect-ratio:4/3!important; }.demo-gallery--beforeafter figure:nth-child(3),.demo-gallery--feature figure:first-child { grid-column:1/-1!important;aspect-ratio:22/9!important; }.demo-feature,.theme-tech .demo-feature { grid-template-columns:1fr;gap:35px;padding:42px; }.demo-contact { align-items:flex-start;flex-direction:column; }.sector-link-grid { grid-template-columns:1fr 1fr; }.sector-hero,.sector-local,.sector-build { grid-template-columns:1fr;gap:42px; }.sector-hero { padding-top:145px; }.sector-picture { min-height:480px; }.sector-final { align-items:flex-start;flex-direction:column; }.showroom-rooms { grid-template-columns:1fr;gap:45px; }.showroom-track figure { height:480px; }
}
@media (max-width: 600px) {
  .hero-actions { align-items:stretch;flex-direction:column;gap:4px; }.proof-row { width:100%; }.proof-row div { min-width:0;flex:1;padding:12px; }.proof-row b { font-size:15px; }.proof-row span { font-size:8px; }.browser-card { border-radius:20px; }.browser-top i { padding:6px 18px; }.browser-body { min-height:380px;padding:35px 25px;grid-template-columns:1fr; }.browser-visual { display:none; }.contrast-strip { align-items:flex-start;flex-direction:column; }.contrast-strip div { align-items:flex-start;flex-direction:column;gap:12px; }.steps li { grid-template-columns:42px 1fr; }.steps div { grid-template-columns:1fr;gap:8px; }.model-grid { grid-template-columns:1fr; }.model-card:nth-child(n) { grid-column:auto;min-height:380px; }.builders-grid { grid-template-columns:1fr; }.included-shell,.contact-shell { padding:30px;border-radius:24px; }.site-footer { grid-template-columns:1fr; }.demo-shell { padding:0 18px; }.theme-hair .demo-hero,.theme-dentist .demo-hero,.theme-furniture .demo-hero { padding:55px 18px; }.demo-trust { grid-template-columns:1fr 1fr; }.demo-trust div:nth-child(2) { border-right:0; }.demo-trust div:nth-child(-n+2) { border-bottom:1px solid color-mix(in srgb,var(--demo-ink),transparent 82%); }.demo-cards,.dental-paths { grid-template-columns:1fr; }[class*="demo-gallery--"] .demo-gallery-grid { grid-template-columns:1fr!important; }[class*="demo-gallery--"] .demo-gallery-grid figure,.demo-gallery--beforeafter figure:nth-child(3),.demo-gallery--feature figure:first-child { grid-column:auto!important;aspect-ratio:4/3!important; }.dental-paths { padding-top:55px; }.dental-paths a { min-height:135px; }.demo-feature,.theme-tech .demo-feature { padding:29px; }.theme-tech .demo-feature .service-list { padding:6px 17px; }.demo-section { padding-top:75px;padding-bottom:75px; }.demo-contact { padding:30px; }.booking-grid { grid-template-columns:1fr; }.sector-link-grid,.sector-need-grid { grid-template-columns:1fr; }.sector-picture { min-height:360px; }.sector-price { align-items:flex-start;flex-direction:column; }.sector-final>div:last-child { width:100%; }.club-scoreboard div { grid-template-columns:1fr;gap:10px; }.club-scoreboard strong { justify-self:center; }.showroom-track figure { height:410px; }.showroom-rooms { padding-top:70px;padding-bottom:70px; }.showroom-rooms nav { grid-template-columns:1fr; }.showroom-controls { left:12px;right:12px;justify-content:space-between; }.theme-game .demo-hero h1 { font-size:clamp(48px,15vw,65px); }.theme-football .demo-hero { min-height:620px;padding:0; }.theme-football .demo-hero-copy { left:18px;right:18px;top:50%;max-width:none; }.theme-football .demo-visual { min-height:620px; }.theme-game .demo-hero { min-height:620px;padding:0; }.theme-game .demo-hero-copy { left:18px;right:18px;top:50%;max-width:none; }.theme-game .demo-visual { min-height:620px; }
}
@media (max-width: 900px) {
  .sector-module { padding:75px 24px; }
  .sector-extra { width:calc(100% - 36px);padding:38px;margin-bottom:65px; }
  .restaurant-booking,.auto-support,.comics-order { grid-template-columns:1fr;align-items:start; }
  .hair-consult,.dental-first,.massage-visit,.hardware-pickup { grid-template-columns:1fr;gap:38px; }
  .clean-plan>div,.game-events>div,.translator-deadlines>div { grid-template-columns:1fr; }
  .tech-area { grid-template-columns:1fr; }.tech-area>a { grid-column:1; }
  .engineer-scope>div { grid-template-columns:1fr 1fr; }.engineer-scope a:nth-child(2) { border-right:0; }.engineer-scope a:nth-child(-n+2) { border-bottom:1px solid #1c2934; }
  .furniture-materials>div { grid-template-columns:repeat(4,65px); }.furniture-materials p { grid-column:1/-1; }
  .restaurant-menu,.hair-services,.clean-estimator,.psychology-paths { grid-template-columns:1fr;gap:45px; }
  .restaurant-menu header { position:static; }.restaurant-menu-list { border-bottom:1px solid rgba(36,26,22,.25); }
  .auto-claim header,.tech-dispatch header,.engineer-projects header,.massage-treatments header,.translator-brief header,.hardware-counter header { grid-template-columns:1fr;align-items:start; }
  .auto-claim-grid,.tech-dispatch-grid { grid-template-columns:1fr; }.auto-claim-grid article { min-height:190px;border-right:0;border-bottom:1px solid rgba(255,255,255,.18); }.auto-claim-grid b { margin-top:45px; }
  .tech-dispatch footer { grid-template-columns:1fr; }.tech-dispatch footer span { text-align:left; }
  .game-product-grid { grid-template-columns:1fr 1fr; }.game-product-featured { grid-column:1/-1; }
  .engineer-project-table article { grid-template-columns:80px 1fr 100px; }.engineer-project-table article small { grid-column:2; }
  .comic-shelf { grid-template-columns:1fr 1fr; }.comics-releases header { grid-template-columns:1fr 1fr; }.comics-releases header>p { grid-column:2; }
  .psychology-paths aside { grid-column:1; }
  .translator-brief-grid,.hardware-departments { grid-template-columns:1fr 1fr; }
  .theme-massage .demo-hero,.theme-engineer .demo-hero,.theme-translator .demo-hero { grid-template-columns:1fr; }
  .theme-massage .demo-hero-copy,.theme-massage .demo-visual,.theme-dentist .demo-hero-copy,.theme-dentist .demo-visual { grid-column:1;grid-row:auto; }
  .theme-engineer .demo-hero { border-left:0; }.theme-engineer .demo-hero-copy { padding-left:0; }
}
@media (max-width: 600px) {
  .sector-module { padding:60px 18px; }
  .sector-extra { width:calc(100% - 36px);padding:30px 22px; }.sector-extra h2 { font-size:clamp(34px,12vw,52px); }
  .restaurant-booking ol { flex-direction:column; }.restaurant-booking li { border-left:0;border-top:1px solid #764b34; }
  .auto-support { box-shadow:6px 6px 0 #111d2a; }.clean-plan { border-radius:28px; }
  .tech-area>div { grid-template-columns:1fr; }.tech-area b { padding-bottom:3px;border-bottom:0; }.tech-area>div span { padding-top:3px; }
  .game-events { box-shadow:6px 6px 0 #63e8ff; }.game-events>div { grid-template-columns:1fr; }
  .engineer-scope header,.club-program header { align-items:start;flex-direction:column;gap:8px; }.engineer-scope>div { grid-template-columns:1fr; }.engineer-scope a { min-height:110px;border-right:0;border-bottom:1px solid #1c2934!important; }.engineer-scope a:last-child { border-bottom:0!important; }.engineer-scope a b { margin-bottom:20px; }
  .massage-visit { border-radius:70px 0 70px 0; }.club-program article { grid-template-columns:48px 1fr; }.club-program article small { grid-column:2; }
  .furniture-materials>div { grid-template-columns:repeat(2,70px); }.furniture-materials p { grid-column:1/-1; }
  .translator-deadlines article,.translator-deadlines article:first-child { border:0;border-bottom:1px solid #bac5d7; }.hardware-pickup { box-shadow:6px 6px 0 #112233; }
  .theme-restaurant .demo-hero { min-height:650px;padding:0; }.theme-restaurant .demo-hero-copy { left:18px;right:18px;top:48%;max-width:none; }.theme-restaurant .demo-visual { min-height:650px; }.theme-restaurant .demo-hero h1 { font-size:clamp(54px,18vw,76px); }
  .hair-price-list p { grid-template-columns:1fr auto; }.hair-price-list p span { display:none; }
  .clean-space-grid { grid-template-columns:1fr; }.clean-estimator aside { display:grid;grid-template-columns:1fr 1fr; }
  .game-item-shop header { align-items:start;flex-direction:column; }.game-product-grid { grid-template-columns:1fr; }.game-product-featured { grid-column:auto; }.game-product { min-height:380px; }
  .engineer-project-table article { grid-template-columns:1fr; }.engineer-project-table article small { grid-column:auto; }
  .comics-releases header { grid-template-columns:1fr; }.comics-releases header>p { grid-column:auto; }.comic-shelf { grid-template-columns:1fr 1fr;gap:12px; }.comic-shelf article { min-height:240px;padding:12px; }.comic-shelf article:nth-child(even) { transform:translateY(-10px); }.comic-shelf b { font-size:22px; }
  .massage-treatment-list article { grid-template-columns:1fr auto; }.massage-treatment-list button { grid-column:1/-1; }
  .translator-brief-grid,.hardware-departments { grid-template-columns:1fr; }.translator-brief>p { display:block;margin:15px 0 0; }
  .hardware-counter header button { justify-self:start; }.hardware-counter footer { align-items:flex-start;flex-direction:column; }
}
@media (min-width:601px) and (max-width:900px) { .model-card:nth-child(n) { grid-column:span 6; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior:auto; } *,*:before,*:after { animation-duration:.01ms!important;transition-duration:.01ms!important; } }