/*
Theme Name: Trevo Premium Streaming
Theme URI: https://trevotv.com/
Author: Trevo TV
Description: Premium, lightweight, mobile-first WordPress theme for Trevo. Includes polished service navigation, purchase CTA, Telegram and help-ticket support, editable hero, premium feature grid, steps, and content carousel.
Version: 2.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: trevo
*/

:root {
  --trevo-bg: #06070b;
  --trevo-bg-soft: #0b0d13;
  --trevo-panel: rgba(17, 20, 29, .78);
  --trevo-panel-solid: #10131c;
  --trevo-panel-2: #151925;
  --trevo-text: #f8f9fc;
  --trevo-muted: #9ea7b8;
  --trevo-dim: #737d8f;
  --trevo-border: rgba(255,255,255,.085);
  --trevo-border-strong: rgba(255,255,255,.14);
  --trevo-orange: #ff9b18;
  --trevo-red: #ff4a3d;
  --trevo-pink: #ff0d68;
  --trevo-gradient: linear-gradient(115deg, var(--trevo-orange) 0%, var(--trevo-red) 52%, var(--trevo-pink) 100%);
  --trevo-radius-sm: 14px;
  --trevo-radius: 22px;
  --trevo-radius-lg: 30px;
  --trevo-content: 1180px;
  --trevo-shadow: 0 34px 100px rgba(0,0,0,.42);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--trevo-bg); }
body {
  margin: 0;
  background:
    radial-gradient(circle at 80% 10%, rgba(255,32,83,.055), transparent 28rem),
    radial-gradient(circle at 12% 18%, rgba(255,151,24,.045), transparent 26rem),
    var(--trevo-bg);
  color: var(--trevo-text);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
img { max-width: 100%; height: auto; }
a { color: inherit; }
button, input, textarea, select { font: inherit; }
button, summary { -webkit-tap-highlight-color: transparent; }
.screen-reader-text { position:absolute !important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.screen-reader-text:focus { width:auto; height:auto; clip:auto; margin:8px; padding:10px 14px; background:#fff; color:#000; z-index:9999; }
.trevo-container { width: min(calc(100% - 40px), var(--trevo-content)); margin-inline: auto; }

.site-header {
  position: sticky;
  top: 0;
  z-index: 100;
  background: rgba(6,7,11,.76);
  backdrop-filter: blur(20px) saturate(145%);
  -webkit-backdrop-filter: blur(20px) saturate(145%);
  border-bottom: 1px solid rgba(255,255,255,.06);
}
.site-header::after { content:""; position:absolute; inset:auto 0 -1px; height:1px; background:linear-gradient(90deg,transparent,rgba(255,151,24,.18),rgba(255,13,104,.16),transparent); }
.site-header__inner { min-height: 76px; display:flex; align-items:center; justify-content:space-between; gap:26px; }
.site-branding { display:flex; align-items:center; flex:0 0 auto; }
.site-branding > a, .site-branding .custom-logo-link { display:flex; align-items:center; text-decoration:none; }
.site-branding img, .custom-logo { display:block; width:auto; max-height:52px; }
.site-nav { margin-left:auto; display:flex; align-items:center; gap:26px; }
.site-nav .menu { display:flex; align-items:center; gap:6px; list-style:none; margin:0; padding:0; }
.site-nav .menu > li { position:relative; }
.site-nav .menu a { display:flex; align-items:center; min-height:40px; padding:0 10px; color:#bac1cd; text-decoration:none; font-weight:650; font-size:.91rem; letter-spacing:-.01em; border-radius:10px; transition:color .18s ease, background .18s ease; }
.site-nav .menu a:hover, .site-nav .menu a:focus { color:#fff; background:rgba(255,255,255,.045); }
.site-nav .sub-menu { position:absolute; top:100%; left:0; min-width:190px; padding:8px; list-style:none; margin:8px 0 0; background:#11141d; border:1px solid var(--trevo-border); border-radius:14px; box-shadow:0 20px 55px rgba(0,0,0,.42); opacity:0; visibility:hidden; transform:translateY(6px); transition:.18s ease; }
.site-nav li:hover > .sub-menu, .site-nav li:focus-within > .sub-menu { opacity:1; visibility:visible; transform:none; }
.menu-toggle { display:none; align-items:center; gap:9px; border:1px solid var(--trevo-border); color:#fff; background:rgba(255,255,255,.04); border-radius:12px; padding:9px 12px; cursor:pointer; }
.menu-toggle svg { width:18px; fill:none; stroke:currentColor; stroke-width:2; }

.trevo-header-actions { display:flex; align-items:center; gap:9px; }
.trevo-nav-purchase { display:inline-flex; min-height:42px; padding:0 18px; align-items:center; justify-content:center; border-radius:12px; color:#fff; font-size:.9rem; font-weight:800; text-decoration:none; background:var(--trevo-gradient); box-shadow:0 10px 28px rgba(255,48,79,.16); transition:.18s ease; }
.trevo-nav-purchase:hover { transform:translateY(-1px); filter:brightness(1.06); }
.trevo-contact-menu { position:relative; }
.trevo-contact-menu summary { list-style:none; display:flex; align-items:center; gap:6px; min-height:42px; padding:0 12px; color:#d3d8e1; font-size:.9rem; font-weight:700; border:1px solid var(--trevo-border); border-radius:12px; cursor:pointer; background:rgba(255,255,255,.025); }
.trevo-contact-menu summary::-webkit-details-marker { display:none; }
.trevo-contact-menu summary svg { width:16px; fill:none; stroke:currentColor; stroke-width:2; transition:transform .18s ease; }
.trevo-contact-menu[open] summary svg { transform:rotate(180deg); }
.trevo-contact-menu__panel { position:absolute; right:0; top:calc(100% + 10px); width:278px; padding:8px; border:1px solid var(--trevo-border); border-radius:18px; background:rgba(16,19,28,.98); box-shadow:0 28px 70px rgba(0,0,0,.48); }
.trevo-contact-menu__panel a { display:flex; align-items:center; gap:12px; padding:12px; text-decoration:none; border-radius:12px; transition:background .18s ease; }
.trevo-contact-menu__panel a:hover { background:rgba(255,255,255,.055); }
.trevo-contact-menu__panel strong, .trevo-contact-menu__panel small { display:block; line-height:1.35; }
.trevo-contact-menu__panel strong { font-size:.92rem; }
.trevo-contact-menu__panel small { color:var(--trevo-muted); font-size:.75rem; margin-top:2px; }
.trevo-menu-icon { width:36px; height:36px; display:grid; place-items:center; flex:0 0 36px; border-radius:10px; background:linear-gradient(145deg,rgba(255,151,24,.12),rgba(255,13,104,.13)); color:#ff8c57; }
.trevo-menu-icon svg { width:18px; fill:none; stroke:currentColor; stroke-width:1.8; }
.trevo-contact-menu__panel a:first-child .trevo-menu-icon svg { fill:currentColor; stroke:none; }

.trevo-hero { position:relative; overflow:hidden; padding:90px 0 78px; border-bottom:1px solid rgba(255,255,255,.055); }
.trevo-hero::before { content:""; position:absolute; inset:0; opacity:.23; pointer-events:none; background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px); background-size:48px 48px; mask-image:linear-gradient(to bottom,black,transparent 80%); }
.trevo-hero__glow { position:absolute; width:600px; height:600px; right:-160px; top:-210px; background:radial-gradient(circle,rgba(255,22,97,.14),rgba(255,102,35,.05) 38%,transparent 68%); filter:blur(8px); pointer-events:none; }
.trevo-hero__grid { position:relative; display:grid; grid-template-columns:minmax(0, .93fr) minmax(420px, 1.07fr); gap:70px; align-items:center; }
.trevo-hero__content { max-width:610px; }
.trevo-hero__logo { width:155px; margin:0 0 28px; display:block; }
.trevo-eyebrow, .trevo-kicker { color:#f4a46f; font-size:.75rem; line-height:1.2; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.trevo-eyebrow { display:flex; align-items:center; gap:10px; margin-bottom:16px; }
.trevo-eyebrow span { width:28px; height:1px; background:var(--trevo-gradient); }
.trevo-hero h1 { margin:0; font-size:clamp(3.15rem, 6.3vw, 5.85rem); line-height:.93; letter-spacing:-.064em; font-weight:830; max-width:780px; }
.trevo-hero__sub { max-width:590px; margin:24px 0 0; color:#abb3c1; font-size:clamp(1.02rem, 1.8vw, 1.19rem); line-height:1.68; }
.trevo-hero__actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-top:30px; }
.trevo-cta, .trevo-ghost-btn { display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:54px; padding:0 22px; border-radius:14px; text-decoration:none; font-weight:800; font-size:.94rem; transition:transform .18s ease, filter .18s ease, background .18s ease; }
.trevo-cta { color:#fff; background:var(--trevo-gradient); box-shadow:0 15px 42px rgba(255,49,76,.19); }
.trevo-cta span { font-size:1.15rem; }
.trevo-cta:hover, .trevo-cta:focus { transform:translateY(-2px); filter:brightness(1.07); }
.trevo-ghost-btn { color:#e5e8ef; border:1px solid var(--trevo-border-strong); background:rgba(255,255,255,.03); }
.trevo-ghost-btn:hover { background:rgba(255,255,255,.065); transform:translateY(-1px); }
.trevo-hero__proof { display:flex; flex-wrap:wrap; gap:18px; margin-top:26px; color:#8f98a8; font-size:.78rem; font-weight:650; }
.trevo-hero__proof span { display:flex; align-items:center; gap:7px; }
.trevo-hero__proof i { width:6px; height:6px; border-radius:50%; background:#ff8758; box-shadow:0 0 0 4px rgba(255,87,71,.08); }

.trevo-hero__visual { position:relative; }
.trevo-hero__visual::before { content:""; position:absolute; inset:15% 3% -9%; border-radius:50%; background:radial-gradient(ellipse,rgba(255,54,81,.19),transparent 64%); filter:blur(34px); }
.trevo-visual-frame { position:relative; padding:15px; border:1px solid rgba(255,255,255,.11); border-radius:28px; background:linear-gradient(155deg,rgba(255,255,255,.065),rgba(255,255,255,.018)); box-shadow:var(--trevo-shadow); backdrop-filter:blur(18px); }
.trevo-visual-frame::after { content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; padding:1px; background:linear-gradient(135deg,rgba(255,255,255,.16),transparent 32%,rgba(255,46,94,.16)); -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask-composite:exclude; }
.trevo-visual-frame__top { min-height:38px; display:flex; align-items:center; gap:9px; color:#aeb6c4; font-size:.78rem; font-weight:700; padding:0 4px 10px; }
.trevo-live-dot { width:7px; height:7px; border-radius:50%; background:#ff4f58; box-shadow:0 0 0 5px rgba(255,79,88,.08),0 0 18px rgba(255,79,88,.4); }
.trevo-banner { position:relative; overflow:hidden; display:grid; place-items:center; min-height:274px; padding:34px 24px; border-radius:20px; background:radial-gradient(circle at 30% 20%,rgba(255,154,24,.09),transparent 32%),linear-gradient(145deg,#111622,#090b11); border:1px solid rgba(255,255,255,.055); }
.trevo-banner img { display:block; width:100%; max-width:640px; }
.trevo-visual-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:7px; margin-top:9px; }
.trevo-visual-stats div { min-width:0; padding:11px 12px; border-radius:14px; background:rgba(255,255,255,.025); border:1px solid rgba(255,255,255,.055); }
.trevo-visual-stats strong, .trevo-visual-stats span { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.trevo-visual-stats strong { font-size:.78rem; color:#eceff4; }
.trevo-visual-stats span { margin-top:2px; font-size:.67rem; color:#778192; }

.trevo-section { padding:88px 0; }
.trevo-section--tight { padding-top:82px; }
.trevo-section-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:40px; margin-bottom:34px; }
.trevo-section-heading > div { max-width:720px; }
.trevo-section-heading h2 { margin:9px 0 0; font-size:clamp(2rem,4.3vw,3.55rem); line-height:1.02; letter-spacing:-.05em; }
.trevo-section-heading > p { max-width:420px; margin:0 0 4px; color:var(--trevo-muted); font-size:.96rem; }
.trevo-section-heading--center { justify-content:center; text-align:center; }

.trevo-features { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.trevo-feature { position:relative; overflow:hidden; min-height:238px; padding:24px; border-radius:20px; border:1px solid var(--trevo-border); background:linear-gradient(145deg,rgba(19,22,32,.9),rgba(12,14,21,.84)); }
.trevo-feature::before { content:""; position:absolute; width:180px; height:180px; right:-90px; top:-100px; border-radius:50%; background:radial-gradient(circle,rgba(255,54,81,.085),transparent 65%); }
.trevo-feature__number { position:absolute; top:19px; right:20px; color:rgba(255,255,255,.19); font-size:.7rem; font-weight:800; letter-spacing:.15em; }
.trevo-feature__icon { width:43px; height:43px; display:grid; place-items:center; border-radius:13px; background:linear-gradient(145deg,rgba(255,151,24,.1),rgba(255,13,104,.11)); color:#ff955d; border:1px solid rgba(255,126,55,.12); }
.trevo-feature__icon svg { width:21px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.trevo-feature h3 { margin:48px 0 8px; font-size:1.08rem; letter-spacing:-.025em; }
.trevo-feature p { margin:0; color:#939cac; font-size:.88rem; line-height:1.65; }

.trevo-how { position:relative; border-block:1px solid rgba(255,255,255,.05); background:linear-gradient(180deg,rgba(255,255,255,.012),rgba(255,255,255,.025),rgba(255,255,255,.012)); }
.trevo-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; max-width:980px; margin:50px auto 0; border:1px solid var(--trevo-border); border-radius:22px; overflow:hidden; background:rgba(12,14,21,.76); }
.trevo-step { position:relative; padding:29px 28px 30px; }
.trevo-step + .trevo-step { border-left:1px solid var(--trevo-border); }
.trevo-step span { display:inline-grid; place-items:center; min-width:34px; height:28px; padding:0 8px; border-radius:999px; color:#ff9861; background:rgba(255,102,55,.08); font-size:.7rem; font-weight:850; letter-spacing:.06em; }
.trevo-step h3 { margin:30px 0 9px; font-size:1.08rem; letter-spacing:-.025em; }
.trevo-step p { margin:0; color:#939cac; font-size:.87rem; line-height:1.62; }

.trevo-popular-wrap { position:relative; }
.trevo-carousel { display:grid; grid-auto-flow:column; grid-auto-columns:clamp(160px, 18vw, 215px); gap:15px; overflow-x:auto; scroll-snap-type:x mandatory; padding:4px 2px 16px; scrollbar-width:none; overscroll-behavior-inline:contain; }
.trevo-carousel::-webkit-scrollbar { display:none; }
.trevo-card { position:relative; scroll-snap-align:start; border-radius:18px; overflow:hidden; border:1px solid var(--trevo-border); background:var(--trevo-panel-solid); aspect-ratio:2/3; box-shadow:0 18px 48px rgba(0,0,0,.24); text-decoration:none; transform:translateZ(0); }
.trevo-card img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .38s cubic-bezier(.2,.7,.2,1), filter .3s ease; }
.trevo-card:hover img { transform:scale(1.045); filter:saturate(1.08) contrast(1.02); }
.trevo-card__sheen { position:absolute; inset:0; background:linear-gradient(125deg,transparent 42%,rgba(255,255,255,.06) 49%,transparent 57%); transform:translateX(-100%); transition:transform .55s ease; }
.trevo-card:hover .trevo-card__sheen { transform:translateX(100%); }
.trevo-card__overlay { position:absolute; inset:auto 0 0; padding:70px 14px 14px; background:linear-gradient(transparent,rgba(4,5,8,.93)); }
.trevo-card__overlay span { color:#ff9b6c; font-size:.62rem; text-transform:uppercase; letter-spacing:.11em; font-weight:800; }
.trevo-card__overlay h3 { margin:4px 0 0; font-size:.88rem; line-height:1.25; }
.trevo-card__placeholder { height:100%; background:linear-gradient(135deg,#252b39,#10131a); }
.trevo-carousel-btn { position:absolute; z-index:3; top:50%; transform:translateY(-50%); width:45px; height:45px; display:grid; place-items:center; border-radius:50%; border:1px solid rgba(255,255,255,.12); background:rgba(8,10,15,.85); color:#fff; font-size:1.35rem; cursor:pointer; backdrop-filter:blur(12px); box-shadow:0 12px 30px rgba(0,0,0,.3); transition:.18s ease; }
.trevo-carousel-btn:hover { background:#20242e; transform:translateY(-50%) scale(1.04); }
.trevo-carousel-btn.prev { left:-21px; }
.trevo-carousel-btn.next { right:-21px; }

.trevo-service { padding-top:45px; }
.trevo-service-panel { position:relative; overflow:hidden; display:grid; grid-template-columns:minmax(0,.9fr) minmax(430px,1.1fr); gap:58px; align-items:center; padding:48px; border:1px solid rgba(255,255,255,.1); border-radius:30px; background:linear-gradient(145deg,rgba(18,21,31,.95),rgba(10,12,18,.96)); box-shadow:0 28px 85px rgba(0,0,0,.3); }
.trevo-service-panel::after { content:""; position:absolute; width:440px; height:440px; left:-150px; bottom:-270px; background:radial-gradient(circle,rgba(255,60,77,.13),transparent 64%); pointer-events:none; }
.trevo-service-copy { position:relative; z-index:1; }
.trevo-service-copy h2 { margin:10px 0 16px; font-size:clamp(2rem,4vw,3.5rem); line-height:1.02; letter-spacing:-.05em; }
.trevo-service-copy p { max-width:530px; margin:0; color:var(--trevo-muted); }
.trevo-service-links { position:relative; z-index:1; display:grid; gap:9px; }
.trevo-service-card { display:grid; grid-template-columns:44px 1fr auto; align-items:center; gap:14px; min-height:76px; padding:12px 14px; border-radius:16px; text-decoration:none; color:#e9ecf2; background:rgba(255,255,255,.025); border:1px solid var(--trevo-border); transition:transform .18s ease, background .18s ease, border-color .18s ease; }
.trevo-service-card:hover { transform:translateX(3px); background:rgba(255,255,255,.05); border-color:rgba(255,255,255,.13); }
.trevo-service-card--accent { background:linear-gradient(120deg,rgba(255,143,25,.1),rgba(255,17,101,.08)); border-color:rgba(255,91,65,.18); }
.trevo-service-card__icon { width:44px; height:44px; display:grid; place-items:center; border-radius:13px; color:#ff965e; background:rgba(255,97,54,.07); }
.trevo-service-card__icon svg { width:21px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.trevo-service-card:first-child .trevo-service-card__icon svg { fill:currentColor; stroke:none; }
.trevo-service-card small, .trevo-service-card strong { display:block; line-height:1.32; }
.trevo-service-card small { color:#818b9b; font-size:.69rem; margin-bottom:3px; }
.trevo-service-card strong { font-size:.92rem; }
.trevo-service-card b { font-weight:500; color:#aab2c1; }

.site-main--standard { padding:60px 0 90px; }
.entry-card { max-width:840px; margin:0 auto 18px; padding:30px; border:1px solid var(--trevo-border); border-radius:var(--trevo-radius); background:var(--trevo-panel); }
.entry-title { margin-top:0; letter-spacing:-.04em; line-height:1.1; }
.entry-title a { text-decoration:none; }
.entry-content a { color:#ff9160; }

.site-footer { margin-top:50px; border-top:1px solid var(--trevo-border); background:#050609; color:var(--trevo-muted); }
.site-footer__top { display:flex; justify-content:space-between; gap:70px; padding-block:55px 42px; }
.site-footer__brand { max-width:360px; }
.site-footer__brand img { width:112px; display:block; margin-bottom:15px; }
.site-footer__brand p { margin:0; color:#798292; font-size:.84rem; }
.site-footer__links { display:flex; gap:70px; }
.site-footer__links > div { min-width:110px; display:flex; flex-direction:column; gap:8px; }
.site-footer__links h3 { margin:0 0 5px; color:#e4e8ef; font-size:.75rem; text-transform:uppercase; letter-spacing:.11em; }
.site-footer__links a { color:#858e9e; text-decoration:none; font-size:.83rem; }
.site-footer__links a:hover { color:#fff; }
.site-footer__bottom { min-height:74px; display:flex; align-items:center; justify-content:space-between; gap:20px; border-top:1px solid rgba(255,255,255,.06); font-size:.76rem; color:#677080; }
.site-footer__bottom .menu { display:flex; flex-wrap:wrap; gap:16px; list-style:none; margin:0; padding:0; }
.site-footer__bottom a { color:inherit; text-decoration:none; }
.site-footer__bottom a:hover { color:#fff; }

@media (max-width: 1020px) {
  .trevo-hero__grid { grid-template-columns:1fr 1fr; gap:38px; }
  .trevo-hero h1 { font-size:clamp(2.85rem,5.7vw,4.8rem); }
  .trevo-banner { min-height:230px; }
  .trevo-features { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .trevo-service-panel { gap:34px; padding:38px; }
}

@media (max-width: 860px) {
  body.trevo-menu-open { overflow:hidden; }
  .trevo-container { width:min(calc(100% - 28px), var(--trevo-content)); }
  .site-header__inner { min-height:68px; }
  .site-branding img, .custom-logo { max-height:45px; }
  .menu-toggle { display:inline-flex; }
  .site-nav { position:absolute; top:68px; left:14px; right:14px; display:none; max-height:calc(100vh - 88px); overflow:auto; padding:12px; background:rgba(13,15,22,.985); border:1px solid var(--trevo-border); border-radius:18px; box-shadow:0 26px 70px rgba(0,0,0,.5); }
  .site-nav.is-open { display:block; }
  .site-nav .menu { align-items:stretch; flex-direction:column; gap:2px; }
  .site-nav .menu a { min-height:44px; padding:0 12px; }
  .site-nav .sub-menu { position:static; display:block; opacity:1; visibility:visible; transform:none; min-width:0; box-shadow:none; margin:0 0 0 12px; background:transparent; border:0; padding:0; }
  .trevo-header-actions { display:grid; grid-template-columns:1fr 1fr; margin-top:10px; padding-top:10px; border-top:1px solid var(--trevo-border); }
  .trevo-contact-menu summary, .trevo-nav-purchase { min-height:46px; justify-content:center; }
  .trevo-contact-menu__panel { left:0; right:auto; width:min(320px,calc(100vw - 52px)); }
  .trevo-hero { padding:54px 0 58px; }
  .trevo-hero__grid { grid-template-columns:1fr; gap:42px; }
  .trevo-hero__content { max-width:680px; }
  .trevo-hero__visual { max-width:680px; width:100%; }
  .trevo-service-panel { grid-template-columns:1fr; }
  .trevo-section-heading { align-items:flex-start; flex-direction:column; gap:15px; }
  .trevo-section-heading--center { align-items:center; }
}

@media (max-width: 640px) {
  .trevo-container { width:min(calc(100% - 24px), var(--trevo-content)); }
  .site-header__inner { min-height:64px; }
  .site-nav { top:64px; left:10px; right:10px; }
  .site-branding img, .custom-logo { max-height:41px; }
  .menu-toggle span { display:none; }
  .menu-toggle { width:42px; height:42px; justify-content:center; padding:0; }
  .trevo-header-actions { grid-template-columns:1fr; }
  .trevo-hero { padding-top:40px; }
  .trevo-hero__logo { width:126px; margin-bottom:24px; }
  .trevo-eyebrow { font-size:.68rem; }
  .trevo-hero h1 { font-size:clamp(2.8rem,14vw,4.3rem); line-height:.94; }
  .trevo-hero__sub { margin-top:19px; font-size:.98rem; }
  .trevo-hero__actions { display:grid; grid-template-columns:1fr; }
  .trevo-cta, .trevo-ghost-btn { width:100%; }
  .trevo-hero__proof { gap:12px 16px; }
  .trevo-visual-frame { padding:10px; border-radius:21px; }
  .trevo-banner { min-height:178px; padding:22px 12px; border-radius:15px; }
  .trevo-visual-stats { grid-template-columns:repeat(2,1fr); }
  .trevo-section { padding:62px 0; }
  .trevo-section-heading { margin-bottom:25px; }
  .trevo-section-heading h2 { font-size:clamp(2rem,10vw,2.8rem); }
  .trevo-features { grid-template-columns:1fr; gap:10px; }
  .trevo-feature { min-height:0; padding:20px; }
  .trevo-feature h3 { margin-top:34px; }
  .trevo-steps { grid-template-columns:1fr; margin-top:34px; }
  .trevo-step + .trevo-step { border-left:0; border-top:1px solid var(--trevo-border); }
  .trevo-carousel { grid-auto-columns:min(48vw,185px); gap:10px; }
  .trevo-carousel-btn { display:none; }
  .trevo-service { padding-top:24px; }
  .trevo-service-panel { padding:25px 18px; border-radius:22px; }
  .trevo-service-copy h2 { font-size:2.25rem; }
  .site-footer__top { flex-direction:column; gap:32px; padding-block:42px 34px; }
  .site-footer__links { gap:50px; }
  .site-footer__bottom { padding-block:22px; align-items:flex-start; flex-direction:column; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }
  *, *::before, *::after { scroll-behavior:auto !important; transition:none !important; }
}