:root { --ink:#0c1118; --panel:#131a23; --line:#273342; --muted:#9aa7b7; --sky:#39c8f3; --sun:#ffc433; --paper:#f5f7fa; }
    * { box-sizing:border-box; }
    html { scroll-behavior:smooth; }
    body { margin:0; background:var(--ink); color:var(--paper); font-family:Inter,Arial,sans-serif; line-height:1.5; }
    a { color:inherit; text-decoration:none; }
    .wrap { width:min(1180px,calc(100% - 40px)); margin:0 auto; }
    .topbar { border-bottom:1px solid var(--line); background:#0c1118; }
    .nav { height:72px; display:flex; align-items:center; justify-content:space-between; gap:22px; }
    .brand { display:flex; align-items:center; gap:11px; font-size:18px; font-weight:800; letter-spacing:0; }
    .brand img { width:34px; height:34px; object-fit:contain; }
    .nav-links { display:flex; gap:22px; color:var(--muted); font-size:14px; }
    .nav-links a:hover { color:#fff; }
    .button { display:inline-flex; align-items:center; justify-content:center; min-height:46px; padding:0 20px; border:1px solid transparent; border-radius:7px; font-weight:800; font-size:14px; cursor:pointer; transition:background .15s,border-color .15s,color .15s; }
    .button-primary { background:var(--sun); color:#15120a; }
    .button-primary:hover { background:#ffd05d; }
    .button-secondary { border-color:#315466; color:#c8f5ff; background:#101c25; }
    .button-secondary:hover { border-color:var(--sky); }
    .hero { padding:78px 0 64px; border-bottom:1px solid var(--line); }
    .hero-grid { display:grid; grid-template-columns:minmax(0,1fr) 286px; gap:64px; align-items:center; }
    .eyebrow { margin:0 0 16px; color:var(--sky); text-transform:uppercase; font-size:12px; font-weight:800; letter-spacing:1.1px; }
    h1,h2,h3,p { margin-top:0; }
    h1 { max-width:830px; margin-bottom:22px; font-size:clamp(38px,6vw,70px); line-height:1.03; letter-spacing:0; }
    .kinetic-title { position:relative; isolation:isolate; }
    .kinetic-title .kinetic-word { display:inline-flex; white-space:nowrap; margin-right:.24em; }
    .kinetic-title .kinetic-word:last-child { margin-right:0; }
    .kinetic-title .kinetic-letter { display:inline-block; opacity:0; transform:translate3d(var(--kx,0),var(--ky,0),0) rotate(var(--kr,0deg)) scale(.82); filter:blur(10px); text-shadow:0 0 0 rgba(255,196,51,0); animation:kinetic-letter-in .95s cubic-bezier(.16,.92,.21,1) forwards; animation-delay:calc(.38s + var(--i,0) * 18ms); will-change:transform,opacity,filter; }
    .kinetic-title .kinetic-letter:nth-child(3n) { color:#fff7df; text-shadow:0 0 18px rgba(255,196,51,.2); }
    .kinetic-title::after { content:""; position:absolute; z-index:-1; inset:-10% -4%; opacity:0; pointer-events:none; background:linear-gradient(105deg,transparent 0%,rgba(57,200,243,.05) 28%,rgba(255,196,51,.18) 48%,rgba(255,255,255,.22) 50%,rgba(255,196,51,.12) 54%,transparent 74%); transform:translateX(-115%) skewX(-12deg); animation:kinetic-title-glint .72s ease-out 1.18s 1 forwards; }
    @keyframes kinetic-letter-in { 0% { opacity:0; transform:translate3d(var(--kx),var(--ky),0) rotate(var(--kr)) scale(.82); filter:blur(10px); } 68% { opacity:1; filter:blur(1.5px); } 100% { opacity:1; transform:translate3d(0,0,0) rotate(0deg) scale(1); filter:blur(0); } }
    @keyframes kinetic-title-glint { 0% { opacity:0; transform:translateX(-115%) skewX(-12deg); } 20% { opacity:1; } 100% { opacity:0; transform:translateX(115%) skewX(-12deg); } }
    .hero-copy { max-width:680px; font-size:19px; color:#c5ced8; }
    .hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:30px; }
    .hero-person { justify-self:end; width:286px; }
    .hero-person { position:relative; }
    .interactive-hint { position:absolute; top:42px; left:calc(100% + 42px); width:236px; padding:18px 18px 17px; border:1px solid rgba(57,200,243,.34); border-radius:12px; background:linear-gradient(135deg,rgba(16,27,37,.72),rgba(9,15,22,.58)); box-shadow:0 18px 44px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.08); backdrop-filter:blur(14px); color:#dbe8ef; transition:transform .45s cubic-bezier(.2,.75,.2,1),opacity .3s ease,box-shadow .25s ease,border-color .25s ease; }
    .interactive-hint::before { content:""; position:absolute; inset:-1px; border-radius:12px; padding:1px; background:linear-gradient(135deg,rgba(57,200,243,.65),rgba(255,196,51,.38),rgba(110,231,183,.38)); -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask-composite:exclude; pointer-events:none; opacity:.78; }
    .interactive-hint::after { content:""; position:absolute; left:-18px; top:52px; width:18px; height:1px; background:linear-gradient(90deg,transparent,rgba(255,196,51,.85)); box-shadow:0 0 12px rgba(255,196,51,.35); }
    .interactive-hint-mark { display:inline-flex; align-items:center; justify-content:center; width:30px; height:30px; margin-bottom:12px; border:1px solid rgba(255,196,51,.5); border-radius:50%; color:#12110b; background:var(--sun); font-size:15px; font-weight:900; box-shadow:0 0 22px rgba(255,196,51,.24); }
    .interactive-hint b { display:block; color:#fff; font-size:16px; line-height:1.1; }
    .interactive-hint p { margin:8px 0 0; color:#aebdca; font-size:13px; font-weight:800; line-height:1.45; }
    .interactive-hint.is-floating { position:fixed; top:104px; left:28px; right:auto; z-index:30; width:236px; transform:translate3d(0,0,0); box-shadow:0 22px 54px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.09); border-color:rgba(255,196,51,.42); }
    .interactive-hint.is-floating::after { display:none; }
    .interactive-hint.is-floating.is-settling { transform:translate3d(0,8px,0); opacity:.92; }
    .interactive-hint.is-changing { transform:translate3d(0,6px,0) scale(.985); opacity:.9; }
    .interactive-hint.is-floating.is-changing { transform:translate3d(0,6px,0) scale(.985); }
    .interactive-hint[data-tone="sun"] { border-color:rgba(255,196,51,.48); }
    .interactive-hint[data-tone="mint"] { border-color:rgba(110,231,183,.48); }
    .interactive-hint[data-tone="sky"] { border-color:rgba(57,200,243,.5); }
    .portrait-frame { --portrait-orbit:132px; position:relative; width:238px; aspect-ratio:1; margin-left:auto; padding:7px; border:1px solid #3d7588; border-radius:50%; background:#0d171f; box-shadow:0 0 0 12px rgba(57,200,243,.045), 0 0 46px rgba(57,200,243,.16); }
    .portrait-frame::before { content:""; position:absolute; inset:-9px; border:1px solid rgba(57,200,243,.28); border-radius:50%; }
    .portrait-frame::after { content:""; position:absolute; top:50%; left:50%; width:11px; height:11px; margin:-5.5px; border-radius:50%; background:var(--sun); box-shadow:0 0 0 6px rgba(255,196,51,.13),0 0 14px rgba(255,196,51,.55); pointer-events:none; transform:rotate(-42deg) translateX(var(--portrait-orbit)); animation:portrait-orbit 6.6s linear infinite; }
    @keyframes portrait-orbit { from { transform:rotate(-42deg) translateX(var(--portrait-orbit)); } to { transform:rotate(318deg) translateX(var(--portrait-orbit)); } }
    .portrait-frame img,.portrait-frame video { display:block; width:100%; height:100%; border-radius:50%; object-fit:cover; object-position:50% 35%; filter:saturate(.93) contrast(1.04); }
    .person-card { min-height:102px; margin-top:24px; cursor:pointer; perspective:700px; }
    .person-card-inner { position:relative; min-height:102px; transform-style:preserve-3d; transition:transform .55s cubic-bezier(.2,.75,.2,1); }
    .person-card-face { position:absolute; inset:0; display:flex; flex-direction:column; justify-content:center; padding-left:22px; border-left:2px solid var(--sun); color:#cbd6df; font-size:14px; line-height:1.45; backface-visibility:hidden; }
    .person-card-front b { display:block; color:#fff; font-size:16px; }
    .person-card-front small { display:block; margin-top:4px; color:#aebdca; font-size:12px; font-weight:800; }
    .person-card-back { transform:rotateY(180deg); }
    .person-card-back a { display:block; color:#aeeaff; font-size:13px; font-weight:800; line-height:1.7; text-decoration:none; }
    .person-card-back a:hover { color:var(--sun); }
    @media (hover:hover) { .person-card:hover .person-card-inner { transform:rotateY(180deg); } }
    .person-card.is-flipped .person-card-inner { transform:rotateY(180deg); }
    .person-card:focus-visible { outline:2px solid var(--sky); outline-offset:5px; border-radius:4px; }
    .proof { display:grid; grid-template-columns:repeat(3,1fr); gap:0; margin-top:58px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
    .proof div { min-height:112px; padding:24px 28px 18px 0; border-right:1px solid var(--line); }
    .proof div+div { padding-left:28px; }
    .proof div:last-child { border-right:0; }
    .proof b { display:block; color:var(--sun); font-size:24px; line-height:1.1; }
    .proof span { color:var(--muted); font-size:14px; }
    .section { padding:76px 0; border-bottom:1px solid var(--line); }
    .section-heading { display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,440px); gap:48px; align-items:end; margin-bottom:34px; }
    h2 { margin-bottom:0; font-size:clamp(28px,4vw,45px); line-height:1.06; letter-spacing:0; }
    .section-heading p { margin:0; color:var(--muted); font-size:17px; }
    .service-grid { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:12px; }
    .service { position:relative; display:flex; flex-direction:column; min-height:232px; padding:25px; overflow:hidden; border:1px solid var(--line); border-radius:8px; background:#101720; transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease; }
    .service::before { content:""; position:absolute; inset:0 auto 0 0; width:3px; background:var(--sky); }
    .service:nth-child(1),.service:nth-child(6) { grid-column:span 5; }
    .service:nth-child(2),.service:nth-child(5) { grid-column:span 4; background:#121b25; }
    .service:nth-child(3),.service:nth-child(4) { grid-column:span 3; }
    .service:nth-child(2)::before,.service:nth-child(5)::before { background:var(--sun); }
    .service:nth-child(3)::before,.service:nth-child(6)::before { background:#6ee7b7; }
    .service:hover { transform:translateY(-4px); border-color:#4b7182; box-shadow:0 14px 28px rgba(0,0,0,.23); }
    .creative-card { isolation:isolate; }
    .creative-card > * { position:relative; z-index:1; }
    .creative-outline { position:absolute; z-index:3 !important; inset:-1px; width:calc(100% + 2px); height:calc(100% + 2px); overflow:visible; pointer-events:none; }
    .creative-outline rect { fill:none; stroke:var(--sun); stroke-width:1.35; stroke-linecap:round; stroke-dasharray:32 368; stroke-dashoffset:0; vector-effect:non-scaling-stroke; opacity:0; }
    .creative-card:hover .creative-outline rect,.creative-card.is-active .creative-outline rect { opacity:1; animation:creative-border 1.9s linear infinite; }
    .creative-card.is-active { animation:creative-nudge .62s ease; border-color:#d3a92d; box-shadow:0 14px 30px rgba(255,196,51,.12); }
    @keyframes creative-nudge { 0%,100% { transform:translateY(0); } 35% { transform:translateY(-7px); } 62% { transform:translateY(-2px); } }
    @keyframes creative-border { to { stroke-dashoffset:-400; } }
    .service-action { display:inline-flex; align-items:center; justify-content:space-between; gap:12px; align-self:flex-start; min-height:38px; margin-top:20px; padding:0 13px; border:1px solid #e0aa23; border-radius:6px; color:#191307; background:var(--sun); font:inherit; font-size:13px; font-weight:900; cursor:pointer; transition:border-color .2s ease,background .2s ease,color .2s ease,transform .2s ease; }
    .service-action:hover { border-color:#ffe49a; background:#ffd45e; color:#120e06; transform:translateY(-1px); }
    .creative-orbs { display:flex; align-items:center; gap:5px; margin-top:18px; }
    .creative-orb { width:34px; height:34px; padding:2px; overflow:hidden; border:1px solid #415867; border-radius:50%; background:#0a1117; cursor:pointer; transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease; }
    .creative-orb img { display:block; width:100%; height:100%; border-radius:50%; object-fit:cover; }
    .creative-orb:hover,.creative-orb:focus-visible { border-color:var(--sun); outline:0; transform:translateY(-4px) scale(1.1); box-shadow:0 5px 14px rgba(255,196,51,.24); }
    .index { display:flex; align-items:center; justify-content:space-between; margin-bottom:auto; color:var(--sky); font-size:12px; font-weight:900; letter-spacing:1px; }
    .index::after { content:"↗"; color:#90a2ae; font-size:17px; letter-spacing:0; }
    h3 { margin:32px 0 10px; font-size:clamp(20px,2vw,27px); line-height:1.12; }
    .service p { max-width:48ch; margin:0; color:#afbdc8; font-size:15px; }
    .creative-reel { margin-top:14px; padding:22px; overflow:hidden; border:1px solid #516a77; border-radius:8px; background:#101b25; opacity:0; transform:translateY(-16px) scale(.985); transform-origin:50% 0; transition:opacity .35s ease,transform .35s ease; }
    .creative-reel[hidden] { display:none; }
    .creative-reel.is-open { opacity:1; transform:translateY(0) scale(1); }
    .creative-reel-head { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; margin-bottom:18px; }
    .creative-reel-head h3 { margin:4px 0 0; font-size:24px; }
    .creative-reel-head p { margin:0; color:var(--sky); font-size:12px; font-weight:900; letter-spacing:1px; text-transform:uppercase; }
    .creative-close { flex:0 0 36px; width:36px; height:36px; border:1px solid #425766; border-radius:6px; color:#dce4ea; background:transparent; font-size:22px; line-height:1; cursor:pointer; }
    .creative-close:hover { border-color:var(--sky); color:#fff; }
    .video-shelf { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
    .video-item { overflow:hidden; border:1px solid #334755; border-radius:6px; background:#0a1016; opacity:0; transform:translateY(14px); transition:opacity .32s ease,transform .32s ease,border-color .2s ease; }
    .creative-reel.is-open .video-item { opacity:1; transform:translateY(0); }
    .creative-reel.is-open .video-item:nth-child(2) { transition-delay:.05s; }.creative-reel.is-open .video-item:nth-child(3) { transition-delay:.1s; }.creative-reel.is-open .video-item:nth-child(4) { transition-delay:.15s; }.creative-reel.is-open .video-item:nth-child(5) { transition-delay:.2s; }.creative-reel.is-open .video-item:nth-child(6) { transition-delay:.25s; }.creative-reel.is-open .video-item:nth-child(7) { transition-delay:.3s; }
    .video-item:hover { border-color:#5d8799; }
    .video-item.is-selected { border-color:var(--sun); box-shadow:0 0 0 1px rgba(255,196,51,.32); }
    .video-item video { display:block; width:100%; aspect-ratio:9 / 16; object-fit:cover; background:#06090d; }
    .video-caption { display:block; padding:9px 10px; color:#cdd8df; font-size:12px; font-weight:800; }
    .direct-promo { position:relative; display:grid; grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr); gap:22px; align-items:center; margin:0 0 22px; padding:22px 24px; overflow:hidden; border:1px solid #8c6a12; border-radius:8px; background:linear-gradient(100deg,#241d08 0%,#15180f 55%,#101b25 100%); }
    .direct-promo::before { content:""; position:absolute; right:0; bottom:0; left:0; height:1px; background:#6e581c; }
    .direct-promo::after { content:""; position:absolute; bottom:0; left:0; width:92px; height:2px; background:var(--sun); box-shadow:0 0 13px rgba(255,196,51,.7); animation:promo-sweep 4.6s ease-in-out infinite; }
    .direct-promo > * { position:relative; z-index:1; }
    .direct-promo h3 { margin:0; font-size:clamp(24px,3vw,34px); }
    .direct-promo-tiers { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
    .direct-promo-tier { padding:14px; border:1px solid rgba(255,220,121,.33); border-radius:6px; background:rgba(7,11,15,.3); animation:promo-tier 4.6s ease-in-out infinite; }
    .direct-promo-tier:nth-child(2) { animation-delay:2.3s; }
    .direct-promo-tier b { display:block; color:var(--sun); font-size:clamp(17px,1.65vw,21px); line-height:1.1; white-space:nowrap; }
    .direct-promo-tier span { display:block; margin-top:7px; color:#d9e4e9; font-size:12px; font-weight:800; line-height:1.35; }
    @keyframes promo-sweep { 0%,100% { transform:translateX(-105px); opacity:.1; } 16%,68% { opacity:1; } 82% { transform:translateX(calc(100vw - 100px)); opacity:.1; } }
    @keyframes promo-tier { 0%,100% { border-color:rgba(255,220,121,.33); transform:translateY(0); box-shadow:none; } 20%,48% { border-color:var(--sun); transform:translateY(-4px); box-shadow:0 10px 22px rgba(255,196,51,.14); } }
    @media (prefers-reduced-motion:reduce) { .direct-promo::after,.direct-promo-tier,.portrait-frame::after { animation:none; } }
    .tariff-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
    .tariff { position:relative; display:flex; flex-direction:column; min-height:432px; padding:28px; overflow:hidden; border:1px solid var(--line); border-radius:8px; background:#101720; opacity:0; transform:translateY(22px); transition:transform .55s ease,opacity .55s ease,border-color .2s ease,box-shadow .2s ease; }
    .tariff::before { content:""; position:absolute; top:0; left:26px; width:58px; height:3px; background:var(--sky); }
    .tariff.is-visible { opacity:1; transform:translateY(0); }
    .tariff:nth-child(2) { transition-delay:.1s; }
    .tariff:nth-child(3) { transition-delay:.2s; }
    .tariff:hover { transform:translateY(-5px); border-color:#4e788b; box-shadow:0 16px 32px rgba(0,0,0,.27); }
    .tariff--featured { border-color:#91721f; background:#171913; box-shadow:inset 0 3px 0 var(--sun); }
    .tariff--featured::before { width:106px; background:var(--sun); }
    .tariff--featured.is-visible { animation:tariff-glow 3.4s ease-in-out infinite; }
    @keyframes tariff-glow { 0%,100% { box-shadow:inset 0 3px 0 var(--sun),0 0 0 rgba(255,196,51,0); } 50% { box-shadow:inset 0 3px 0 var(--sun),0 0 30px rgba(255,196,51,.15); } }
    .tariff-badge { display:inline-flex; align-items:center; align-self:flex-start; min-height:24px; padding:0 9px; margin-bottom:18px; border-radius:999px; color:#0b1116; background:var(--sun); font-size:11px; font-weight:900; letter-spacing:.4px; text-transform:uppercase; }
    .tariff-kicker { margin:0 0 8px; color:var(--sky); font-size:12px; font-weight:800; letter-spacing:1px; text-transform:uppercase; }
    .tariff h3 { margin:0; font-size:25px; }
    .tariff-price { margin:21px 0 2px; color:#fff; font-size:29px; font-weight:900; line-height:1.08; }
    .tariff-repeat { margin:0; color:#b9c5cf; font-size:14px; }
    .tariff ul { margin:24px 0 26px; padding:0; list-style:none; color:#cbd5dd; font-size:14px; }
    .tariff li { position:relative; padding:0 0 10px 19px; }
    .tariff li::before { content:""; position:absolute; left:0; top:.55em; width:7px; height:7px; border:1px solid var(--sky); border-radius:50%; }
    .tariff .button { width:100%; margin-top:auto; }
    .tariff-note { margin:18px 0 0; color:var(--muted); font-size:12px; }
    .tariff-formats { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin-top:16px; border:1px solid var(--line); background:var(--line); }
    .tariff-format { position:relative; padding:23px; overflow:hidden; background:#111923; opacity:0; transform:translateY(16px); transition:transform .45s ease,opacity .45s ease,background .2s ease; }
    .tariff-format::before { content:""; position:absolute; top:0; left:0; width:3px; height:100%; background:var(--sky); opacity:.65; }
    .tariff-format:nth-child(2)::before { background:var(--sun); }
    .tariff-format:nth-child(3)::before { background:#6ee7b7; }
    .tariff-format.is-visible { opacity:1; transform:translateY(0); }
    .tariff-format:nth-child(2) { transition-delay:.08s; }
    .tariff-format:nth-child(3) { transition-delay:.16s; }
    .tariff-format:hover { transform:translateY(-3px); background:#15212b; }
    .tariff-format b { display:block; color:#fff; font-size:18px; }
    .tariff-format strong { display:block; margin:9px 0; color:var(--sun); font-size:20px; }
    .tariff-format p { margin:0; color:var(--muted); font-size:14px; }
    @media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto !important; animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; } .tariff,.tariff-format { opacity:1; transform:none; } }
    .audit-layout { display:grid; grid-template-columns:minmax(270px,.72fr) minmax(0,1.28fr); gap:44px; align-items:stretch; }
    .audit-lead { display:flex; flex-direction:column; padding:30px 0 26px 25px; border-left:3px solid var(--sun); }
    .audit-lead .eyebrow { margin-bottom:18px; }
    .audit-lead h2 { margin-bottom:18px; }
    .audit-lead > p { margin:0; color:#c4d0d9; font-size:17px; }
    .audit-output { margin-top:auto !important; padding-top:30px; color:var(--sky) !important; font-size:14px !important; font-weight:800; }
    .steps { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
    .step { min-height:204px; padding:0; border:1px solid var(--line); border-radius:8px; background:transparent; cursor:pointer; perspective:900px; transition:transform .2s ease,border-color .2s ease; }
    .step-inner { position:relative; min-height:202px; transform-style:preserve-3d; transition:transform .58s cubic-bezier(.2,.75,.2,1); }
    .step-face { position:absolute; inset:0; display:flex; flex-direction:column; padding:24px; overflow:hidden; border-radius:7px; backface-visibility:hidden; }
    .step-front { background:#101720; }
    .step:nth-child(even) .step-front { background:#121b25; }
    .step-back { transform:rotateY(180deg); background:#15212b; }
    @media (hover:hover) { .step:hover { transform:translateY(-3px); border-color:#4c7486; } .step:hover .step-inner { transform:rotateY(180deg); } }
    .step.is-flipped { transform:translateY(-3px); border-color:#4c7486; }
    .step.is-flipped .step-inner { transform:rotateY(180deg); }
    .step:focus-visible { outline:2px solid var(--sky); outline-offset:4px; }
    .step-number { display:inline-flex; align-items:center; justify-content:center; width:31px; height:31px; border:1px solid #3e6678; border-radius:50%; color:var(--sky); font-weight:900; font-size:12px; }
    .step h3 { margin:19px 0 9px; font-size:20px; }
    .step p { margin:0; color:#afbdc8; font-size:14px; }
    .step-hint { margin-top:auto; padding-top:12px; color:var(--sky); font-size:11px; font-weight:900; letter-spacing:.6px; text-transform:uppercase; }
    .step-back h3 { color:#fff; }
    .step-back p { color:#d2dde2; line-height:1.48; }
    .audience { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:14px; }
    .audience-item { display:flex; flex-direction:column; align-items:center; gap:10px; min-width:0; padding:0; border:0; color:#d9e4e9; background:transparent; font:inherit; font-size:13px; font-weight:800; line-height:1.25; text-align:center; cursor:pointer; }
    .audience-mark { display:flex; align-items:center; justify-content:center; width:86px; height:86px; border:1px solid #415968; border-radius:50%; color:var(--sky); background:#101b25; box-shadow:inset 0 0 0 6px rgba(57,200,243,.035); transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease,color .25s ease; }
    .audience-mark svg { width:29px; height:29px; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; fill:none; }
    .audience-item:nth-child(3n+2) .audience-mark { color:var(--sun); border-color:#75612b; box-shadow:inset 0 0 0 6px rgba(255,196,51,.035); }
    .audience-item:nth-child(3n) .audience-mark { color:#6ee7b7; border-color:#376b5a; box-shadow:inset 0 0 0 6px rgba(110,231,183,.035); }
    .audience-item:hover .audience-mark { transform:translateY(-6px) scale(1.05); border-color:currentColor; box-shadow:0 10px 22px rgba(0,0,0,.24),inset 0 0 0 6px rgba(255,255,255,.04); }
    .audience-item:focus-visible { outline:2px solid var(--sky); outline-offset:5px; border-radius:5px; }
    .audience-item.is-selected .audience-mark { border-color:var(--sun); color:var(--sun); transform:translateY(-4px) scale(1.05); box-shadow:0 10px 22px rgba(255,196,51,.14),inset 0 0 0 6px rgba(255,255,255,.04); }
    .audience-detail { margin-top:26px; padding:24px; border:1px solid #466675; border-radius:8px; background:#101b25; }
    .audience-detail[hidden] { display:none; }
    .audience-detail-head { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; }
    .audience-detail-kicker { margin:0 0 5px; color:var(--sky); font-size:12px; font-weight:900; letter-spacing:1px; text-transform:uppercase; }
    .audience-detail h3 { margin:0; font-size:27px; }
    .audience-detail-intro { max-width:72ch; margin:12px 0 20px; color:#c4d0d6; }
    .audience-detail-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
    .audience-detail-grid article { min-height:110px; padding:16px; border:1px solid #314956; border-radius:6px; background:#0d151d; }
    .audience-detail-grid b { display:block; color:var(--sun); font-size:12px; letter-spacing:.7px; text-transform:uppercase; }
    .audience-detail-grid p { margin:9px 0 0; color:#c7d3d9; font-size:14px; line-height:1.45; }
    .audience-detail .button { margin-top:18px; }
    .audience-detail-close { flex:0 0 36px; width:36px; height:36px; border:1px solid #425766; border-radius:6px; color:#dce4ea; background:transparent; font-size:22px; line-height:1; cursor:pointer; }
    .audience-detail-close:hover { border-color:var(--sky); color:#fff; }
    .review-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; }
    .review-card { min-height:222px; padding:17px; border:1px solid var(--line); border-radius:8px; background:#101720; cursor:pointer; opacity:0; transform:translateY(28px); transition:transform .55s ease,opacity .55s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease; }
    .review-card:nth-child(2n) { transform:translateY(36px); background:#121b25; }
    .review-card:nth-child(3n) { transform:translateY(44px); }
    .review-card.is-visible { opacity:1; transform:translateY(0); }
    .review-card:hover { border-color:#3d8da8; background:#14202b; box-shadow:0 12px 30px rgba(0,0,0,.24); }
    .review-card:focus-visible { outline:2px solid var(--sky); outline-offset:2px; }
    .review-card.is-selected { border-color:var(--sun); background:#17212b; }
    .review-person { display:flex; align-items:center; gap:10px; margin-bottom:14px; }
    .review-person img { width:42px; height:42px; border-radius:50%; object-fit:cover; border:2px solid #263d4b; }
    .review-person b { display:block; font-size:15px; line-height:1.2; }
    .review-person span { display:block; margin-top:3px; color:#b5c2cd; font-size:12px; }
    .review-quote { display:-webkit-box; overflow:hidden; margin:0; color:#dce4ea; font-size:13px; line-height:1.48; -webkit-line-clamp:5; -webkit-box-orient:vertical; }
    .review-hint { display:block; margin-top:11px; color:#9fe8fa; font-size:12px; font-weight:800; }
    .review-meta { display:flex; justify-content:space-between; gap:8px; align-items:center; margin-top:14px; color:var(--muted); font-size:12px; }
    .review-stars { color:var(--sun); font-size:17px; letter-spacing:1px; white-space:nowrap; }
    .review-full { display:none; }
    .review-expanded { display:grid; grid-template-columns:auto 1fr; gap:18px; margin-top:16px; padding:25px; border:1px solid #3b596b; border-radius:8px; background:#101b25; }
    .review-expanded[hidden] { display:none; }
    .review-expanded img { width:68px; height:68px; border-radius:50%; object-fit:cover; border:2px solid #3d7389; }
    .review-expanded-header { display:flex; justify-content:space-between; gap:16px; align-items:flex-start; }
    .review-expanded h3 { margin:0; font-size:20px; }
    .review-expanded .company { margin:3px 0 0; color:#b5c2cd; font-size:14px; }
    .review-expanded .full-text { margin:17px 0 0; color:#dce4ea; font-size:15px; line-height:1.6; }
    .review-close { min-width:36px; min-height:36px; padding:0; border:1px solid #3d5364; border-radius:6px; color:#dce4ea; background:transparent; font-size:20px; cursor:pointer; }
    .review-close:hover { border-color:var(--sky); color:#fff; }
    .case-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
    .case-card { overflow:hidden; border:1px solid var(--line); border-radius:8px; background:#101720; opacity:0; transform:translateY(30px); transition:transform .5s ease,opacity .5s ease,border-color .2s ease,box-shadow .2s ease; }
    .case-card.is-visible { opacity:1; transform:translateY(0); }
    .case-card:hover { border-color:#c89d32; box-shadow:0 12px 28px rgba(0,0,0,.25); }
    .case-cover { height:112px; background-color:#17222c; background-position:center; background-size:cover; border-bottom:1px solid var(--line); }
    .case-body { padding:18px 18px 20px; }
    .case-label { display:flex; justify-content:space-between; align-items:center; gap:8px; margin-bottom:12px; color:#e9edf1; font-size:12px; font-weight:800; }
    .case-label span { display:inline-flex; align-items:center; min-height:24px; padding:0 9px; border-radius:999px; color:#fff; background:#1d2025; }
    .case-label em { color:#eec047; font-style:normal; }
    .case-card h3 { min-height:48px; margin-bottom:11px; font-size:18px; }
    .case-card p { min-height:45px; margin:0; color:var(--muted); font-size:14px; }
    .case-metrics { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:17px; }
    .case-metric { padding-top:10px; border-top:1px solid #2a3745; }
    .case-metric b { display:block; color:var(--sun); font-size:19px; line-height:1.1; }
    .case-metric span { display:block; margin-top:4px; color:#9cacb9; font-size:12px; }
    .case-link { display:inline-flex; margin-top:17px; color:#bceefa; font-size:13px; font-weight:800; }
    .case-link:hover { color:#fff; }
    .vk-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; border:1px solid var(--line); background:var(--line); }
    .vk-item { min-height:132px; padding:20px; background:#101720; }
    .vk-item:nth-child(even) { background:#121b25; }
    .vk-item b { display:block; color:#d5f4fc; font-size:16px; }
    .vk-item p { margin:8px 0 0; color:var(--muted); font-size:14px; }
    .brief { padding:76px 0 84px; background:#111923; }
    .brief-inner { display:grid; grid-template-columns:minmax(0,0.9fr) minmax(350px,1.1fr); gap:64px; align-items:start; }
    .brief-copy { position:sticky; top:24px; }
    .brief-copy p { color:#bcc8d5; font-size:17px; }
    .brief-list { padding:0; margin:26px 0 0; list-style:none; }
    .brief-list li { margin:0 0 13px; color:#d7e0e8; }
    .brief-list li::before { content:"+"; color:var(--sun); margin-right:10px; font-weight:800; }
    form { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
    label { display:grid; gap:7px; color:#cbd5df; font-size:13px; font-weight:700; }
    label.full { grid-column:1 / -1; }
    input,select,textarea { width:100%; min-height:47px; padding:11px 13px; color:#eef4fa; background:#0b1118; border:1px solid #344454; border-radius:6px; font:inherit; }
    textarea { min-height:112px; resize:vertical; }
    input:focus,select:focus,textarea:focus { outline:2px solid rgba(57,200,243,.34); border-color:var(--sky); }
    .form-note { grid-column:1 / -1; margin:2px 0 0; color:var(--muted); font-size:12px; }
    .form-status { grid-column:1 / -1; min-height:20px; margin:0; color:#9ef0c5; font-size:14px; }
    .lead-trap { position:absolute !important; width:1px !important; height:1px !important; overflow:hidden !important; clip:rect(1px,1px,1px,1px); white-space:nowrap; }
    footer { padding:30px 0; color:var(--muted); font-size:13px; }
    .footer-inner { display:flex; justify-content:space-between; gap:18px; }
    @media (max-width:800px) { .nav { height:64px; } .nav-links { display:none; } .hero { padding:58px 0 48px; } .hero-grid { grid-template-columns:1fr; gap:34px; } .hero-person { justify-self:start; width:auto; display:flex; align-items:center; gap:20px; } .portrait-frame { --portrait-orbit:78px; width:132px; flex:0 0 132px; margin:0; } .person-card { flex:1; min-width:190px; margin:0; } .proof { grid-template-columns:1fr; margin-top:40px; } .proof div,.proof div+div { min-height:auto; padding:18px 0; border-right:0; border-bottom:1px solid var(--line); } .proof div:last-child { border-bottom:0; } .section { padding:54px 0; } .section-heading,.brief-inner,.audit-layout,.direct-promo { grid-template-columns:1fr; gap:24px; } .audit-lead { padding-top:0; } .service-grid,.tariff-grid { grid-template-columns:1fr; } .service { grid-column:1 / -1 !important; min-height:205px; } .creative-reel { grid-column:1 / -1; } .video-shelf { grid-template-columns:repeat(3,minmax(0,1fr)); } .tariff { min-height:auto; } .tariff-formats { grid-template-columns:1fr; } .steps { grid-template-columns:1fr 1fr; } .step { padding:20px; border:1px solid var(--line); } .audience { grid-template-columns:repeat(3,minmax(0,1fr)); } .audience-detail-grid { grid-template-columns:1fr; } .review-grid,.case-grid { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; padding-bottom:10px; } .review-card { min-width:min(76vw,320px); scroll-snap-align:start; } .case-card { min-width:min(84vw,340px); scroll-snap-align:start; } .review-expanded { grid-template-columns:1fr; } .vk-grid { grid-template-columns:1fr 1fr; } .brief-copy { position:static; } }
    @media (max-width:520px) { .wrap { width:min(100% - 28px,1180px); } .nav .button { padding:0 13px; min-height:40px; } .brand { font-size:16px; } h1 { font-size:38px; } .hero-copy { font-size:17px; } .hero-person { gap:16px; } .portrait-frame { --portrait-orbit:68px; width:112px; flex-basis:112px; } .person-caption { font-size:13px; } .person-caption b { font-size:15px; } .creative-orbs { gap:4px; } .creative-orb { width:30px; height:30px; } .creative-reel { padding:16px; } .creative-reel-head h3 { font-size:20px; } .video-shelf { grid-template-columns:repeat(2,minmax(0,1fr)); } .direct-promo-tiers { grid-template-columns:1fr; } .audience { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 8px; } .audience-mark { width:74px; height:74px; font-size:11px; } .audience-item { font-size:12px; } .steps,form { grid-template-columns:1fr; } label.full,.form-note,.form-status { grid-column:auto; } .footer-inner { display:block; } .footer-inner p + p { margin-top:8px; } }

.cookie-consent {
  position:fixed;
  left:50%;
  bottom:18px;
  z-index:120;
  width:min(680px, calc(100% - 32px));
  min-height:58px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:16px;
  padding:10px 12px 10px 20px;
  border:1px solid rgba(142,234,255,.28);
  border-radius:999px;
  background:linear-gradient(135deg, rgba(12,20,29,.72), rgba(14,24,34,.52));
  box-shadow:0 18px 48px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter:blur(18px) saturate(140%);
  -webkit-backdrop-filter:blur(18px) saturate(140%);
  transform:translateX(-50%);
}
.cookie-consent[hidden] { display:none; }
.cookie-consent span {
  color:#f3f7fb;
  font-size:14px;
  font-weight:900;
  line-height:1.2;
  white-space:nowrap;
}
.cookie-consent a {
  color:#9feeff;
  font-size:13px;
  font-weight:800;
  white-space:nowrap;
}
.cookie-consent .button {
  min-height:40px;
  padding:0 22px;
  border-radius:999px;
  white-space:nowrap;
  box-shadow:0 8px 22px rgba(245,178,34,.24);
}
.form-note a { color:#8eeaff; font-weight:800; }
@media (max-width:520px) {
  .cookie-consent {
    bottom:12px;
    width:calc(100% - 24px);
    min-height:auto;
    justify-content:space-between;
    gap:10px;
    padding:10px;
  }
  .cookie-consent span { font-size:13px; white-space:normal; }
  .cookie-consent a { font-size:12px; }
  .cookie-consent .button { min-height:38px; padding:0 16px; }
}


.privacy-page h1 {
  max-width:980px;
  font-size:clamp(42px, 6vw, 78px);
  line-height:.98;
}
.privacy-page .hero-copy {
  max-width:760px;
}
.privacy-grid {
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:14px;
  margin-top:30px;
}
.privacy-tile {
  min-height:190px;
  margin:0 !important;
  padding:24px;
}
.privacy-tile h2 {
  margin:0 0 12px;
  font-size:22px;
  line-height:1.15;
}
.privacy-tile p {
  margin:0;
  color:#c7d3dc;
  font-size:15px;
  line-height:1.55;
}
.privacy-back {
  margin-top:24px;
}
@media (max-width:760px) {
  .privacy-grid {
    grid-template-columns:1fr;
  }
  .privacy-tile {
    min-height:auto;
  }
}


/* Privacy page: one clean card, not separate tiles. */
.privacy-page .wrap {
  max-width:980px !important;
}
.privacy-grid {
  display:block;
  margin-top:30px;
  padding:28px;
  border:1px solid rgba(142,234,255,.24);
  border-radius:10px;
  background:linear-gradient(135deg, rgba(15,25,35,.76), rgba(11,18,27,.62));
  box-shadow:0 22px 60px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.06);
}
.privacy-tile,
.privacy-tile.service {
  min-height:0;
  margin:0 0 26px !important;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
}
.privacy-tile:last-child {
  margin-bottom:0 !important;
}
.privacy-tile h2 {
  margin:0 0 9px;
  font-size:22px;
}
.privacy-tile p {
  max-width:72ch;
  margin:0;
  color:#cbd6df;
}
@media (max-width:760px) {
  .privacy-grid {
    padding:20px;
  }
}


.contact-toggle {
  width:222px;
  min-width:222px;
  overflow:hidden;
  border-radius:8px;
  transition:border-color .22s ease, background .22s ease, box-shadow .22s ease, transform .22s ease;
}
.contact-toggle span {
  display:block;
  width:100%;
  text-align:center;
  white-space:nowrap;
  transition:opacity .16s ease, transform .16s ease;
}
.contact-toggle.is-changing span {
  opacity:0;
  transform:translateY(6px);
}
.contact-toggle.is-open {
  border-color:rgba(142,234,255,.72);
  background:linear-gradient(135deg, rgba(18,44,56,.86), rgba(12,26,37,.86));
  box-shadow:0 10px 26px rgba(47,205,239,.14), inset 0 1px 0 rgba(255,255,255,.06);
}
@media (max-width:520px) {
  .contact-toggle {
    width:100%;
    min-width:0;
  }
}


/* Privacy page service overrides: no inherited service stripes or motion. */
.privacy-grid .privacy-tile.service::before {
  content:none !important;
  display:none !important;
}
.privacy-grid .privacy-tile.service:hover {
  transform:none;
  border-color:transparent;
  box-shadow:none;
}
.privacy-grid .privacy-tile.service {
  position:relative;
  overflow:visible;
  display:block;
  width:100%;
}


/* Centered navigation for /reklama without brand block. */
.nav {
  justify-content:center;
}
.nav-links {
  width:100%;
  justify-content:center;
}


.hero h1 {
  color:transparent;
  background:
    linear-gradient(104deg,
      #f5f7fa 0%,
      #f5f7fa 34%,
      #49dcff 43%,
      #ffffff 49%,
      #ffc22a 53%,
      #f5f7fa 62%,
      #f5f7fa 100%);
  background-size:330% 100%;
  background-position:115% 50%;
  -webkit-background-clip:text;
  background-clip:text;
  animation:hero-text-sheen 1.35s cubic-bezier(.22,.75,.22,1) .5s 1 both, hero-text-solid .01s linear 1.86s 1 forwards;
}

.hero-copy {
  opacity:0;
  transform:translateY(10px);
  animation:hero-copy-reveal .75s cubic-bezier(.22,.75,.22,1) 1.85s 1 both;
}

@keyframes hero-text-sheen {
  from { background-position:115% 50%; }
  to { background-position:-12% 50%; }
}

@keyframes hero-text-solid {
  to {
    color:#f5f7fa;
    background:none;
    -webkit-background-clip:border-box;
    background-clip:border-box;
  }
}

@keyframes hero-copy-reveal {
  from {
    opacity:0;
    transform:translateY(10px);
  }
  to {
    opacity:1;
    transform:translateY(0);
  }
}

@media (prefers-reduced-motion:reduce) {
  .hero h1 {
    animation:none;
    background-position:0 50%;
  }
  .hero-copy {
    opacity:1;
    transform:none;
    animation:none;
  }
}


.case-featured {
  grid-column:1 / -1;
  display:grid;
  grid-template-columns:minmax(280px, .82fr) minmax(0, 1.18fr);
  min-height:430px;
  background:linear-gradient(135deg, rgba(13,20,29,.98), rgba(7,18,20,.98));
}
.case-featured:hover { border-color:#f6c245; }
.case-featured-media {
  position:relative;
  min-height:430px;
  overflow:hidden;
  border-right:1px solid var(--line);
}
.case-featured-media::after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(7,10,14,.04), rgba(7,10,14,.64));
}
.case-featured-media img {
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  filter:saturate(1.04) contrast(1.02);
}
.case-featured-badge {
  position:absolute;
  left:20px;
  bottom:20px;
  z-index:1;
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 13px;
  border:1px solid rgba(255,194,42,.45);
  border-radius:999px;
  color:#111820;
  background:var(--sun);
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.case-featured-body {
  padding:30px;
  display:flex;
  flex-direction:column;
}
.case-featured h3 {
  min-height:0;
  max-width:760px;
  font-size:34px;
  line-height:1.05;
}
.case-featured p {
  min-height:0;
  max-width:780px;
  margin-top:8px;
  color:#d3dde5;
  font-size:16px;
  line-height:1.55;
}
.case-tags {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:18px;
}
.case-tags span {
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 10px;
  border:1px solid rgba(95,218,236,.28);
  border-radius:999px;
  color:#c8f6ff;
  background:rgba(31,178,206,.12);
  font-size:12px;
  font-weight:800;
}
.case-featured-metrics {
  grid-template-columns:repeat(3, minmax(0, 1fr));
  margin-top:20px;
}
.case-review {
  margin:22px 0 0;
  padding:18px 20px;
  border-left:3px solid var(--sun);
  border-radius:0 8px 8px 0;
  color:#eff6fb;
  background:rgba(255,194,42,.08);
  font-size:15px;
  line-height:1.55;
}
.case-audio {
  width:100%;
  margin-top:18px;
  accent-color:#ffc22a;
}
.case-featured-links {
  display:flex;
  flex-wrap:wrap;
  gap:18px;
  margin-top:auto;
  padding-top:18px;
}
@media (max-width:800px) {
  .case-featured {
    min-width:min(92vw,680px);
    grid-template-columns:1fr;
  }
  .case-featured-media {
    min-height:260px;
    border-right:0;
    border-bottom:1px solid var(--line);
  }
  .case-featured-body { padding:22px; }
  .case-featured h3 { font-size:26px; }
  .case-featured-metrics { grid-template-columns:1fr; }
}
/* reklama_css_cases_second_avatar */


.case-featured {
  grid-template-columns:minmax(260px, .48fr) minmax(0, 1.52fr);
}
.case-featured-media {
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:430px;
  padding:32px;
  background:
    radial-gradient(circle at 50% 45%, rgba(95,218,236,.18), transparent 58%),
    linear-gradient(135deg, rgba(255,194,42,.08), rgba(31,178,206,.08));
}
.case-featured-media::after {
  display:none;
}
.case-featured-media img {
  width:min(72%, 245px);
  height:auto;
  aspect-ratio:1 / 1;
  object-fit:cover;
  border:2px solid rgba(95,218,236,.62);
  border-radius:50%;
  box-shadow:
    0 0 0 9px rgba(95,218,236,.08),
    0 0 0 18px rgba(255,194,42,.05),
    0 24px 55px rgba(0,0,0,.34);
}
.case-featured-badge {
  left:50%;
  bottom:34px;
  transform:translateX(-50%);
  white-space:nowrap;
}
@media (max-width:800px) {
  .case-featured-media {
    min-height:280px;
    padding:28px;
  }
  .case-featured-media img {
    width:190px;
  }
  .case-featured-badge {
    bottom:22px;
  }
}

/* espassport_full_photo_block */
.case-featured-media {
  display:block;
  padding:0;
  min-height:520px;
  background:#0c151b;
}
.case-featured-media img {
  width:100%;
  height:100%;
  min-height:520px;
  aspect-ratio:auto;
  object-fit:cover;
  object-position:center top;
  border:0;
  border-radius:0;
  box-shadow:none;
}
.case-featured-media::after {
  display:block;
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(5,9,13,.02), rgba(5,9,13,.42));
  pointer-events:none;
}
.case-featured-badge {
  left:22px;
  bottom:22px;
  transform:none;
}
@media (max-width:800px) {
  .case-featured-media {
    min-height:420px;
  }
  .case-featured-media img {
    min-height:420px;
  }
}

/* equal_case_tags */
.case-tags span {
  width:112px;
  justify-content:center;
  text-align:center;
  white-space:nowrap;
}
@media (max-width:520px) {
  .case-tags span {
    width:104px;
  }
}

/* remove_section_separator_lines */
.hero,
.section {
  border-bottom:0;
}

/* service_capability_icons */
.service-icon {
  width:42px;
  height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:18px 0 22px;
  border:1px solid rgba(95,218,236,.28);
  border-radius:8px;
  color:#65e6ff;
  background:rgba(31,178,206,.08);
}
.service-icon svg {
  width:22px;
  height:22px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.service:nth-child(2) .service-icon,
.service:nth-child(5) .service-icon {
  color:#ffc22a;
  border-color:rgba(255,194,42,.3);
  background:rgba(255,194,42,.08);
}
.service:nth-child(3) .service-icon,
.service:nth-child(6) .service-icon {
  color:#6ee7b7;
  border-color:rgba(110,231,183,.28);
  background:rgba(110,231,183,.08);
}
.service h3 {
  margin-top:0;
}

/* espassport_award_compact_layout */
.case-featured {
  grid-template-columns:minmax(300px, .58fr) minmax(0, 1.42fr);
  min-height:0;
}
.case-featured-media {
  min-height:560px;
  background:
    radial-gradient(circle at 50% 20%, rgba(255,194,42,.12), transparent 42%),
    #0c151b;
}
.case-featured-media img {
  width:100%;
  height:100%;
  min-height:560px;
  object-fit:contain;
  object-position:center center;
  background:#0c151b;
}
.case-featured-body {
  padding:22px 28px 20px;
}
.case-featured h3 {
  max-width:720px;
  font-size:28px;
  line-height:1.08;
  margin-bottom:10px;
}
.case-featured p {
  max-width:760px;
  margin-top:0;
  font-size:14px;
  line-height:1.42;
}
.case-tags {
  gap:6px;
  margin-top:12px;
}
.case-tags span {
  min-height:25px;
  font-size:11px;
}
.case-featured-metrics {
  margin-top:14px;
  gap:12px;
}
.case-metric b {
  font-size:18px;
}
.case-review {
  margin-top:14px;
  padding:13px 16px;
  font-size:14px;
  line-height:1.45;
}
.case-audio {
  margin-top:12px;
}
.case-featured-links {
  padding-top:12px;
}
@media (max-width:800px) {
  .case-featured {
    grid-template-columns:1fr;
  }
  .case-featured-media,
  .case-featured-media img {
    min-height:560px;
  }
  .case-featured-body {
    padding:20px;
  }
}

/* hero_space_psychotype_refine */
.hero {
  min-height:calc(100vh - 58px);
  display:flex;
  align-items:center;
  padding:82px 0 118px;
}
.hero .wrap {
  width:min(100% - 48px,1180px);
}
.hero-grid {
  align-items:center;
}
.hero-actions {
  margin-top:48px;
}
.hero .form-note {
  margin-top:10px;
}
#cases {
  padding-top:98px;
}
.hero-person {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-self:center;
  width:320px;
  padding-top:12px;
}
.portrait-frame {
  margin:0 auto;
}
.person-card {
  width:280px;
  margin:42px auto 0;
}
.person-card-face {
  padding-left:18px;
}
@media (max-width:800px) {
  .hero {
    min-height:auto;
    padding:64px 0 84px;
  }
  #cases {
    padding-top:66px;
  }
  .hero-person {
    width:100%;
    align-items:flex-start;
    padding-top:0;
  }
  .person-card {
    width:min(100%, 320px);
    margin:0;
  }
}

/* Service block rebuild 20260724u */
.service-grid-expanded {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
.service-grid-expanded .service,
.service-grid-expanded .service:nth-child(1),
.service-grid-expanded .service:nth-child(2),
.service-grid-expanded .service:nth-child(3),
.service-grid-expanded .service:nth-child(4),
.service-grid-expanded .service:nth-child(5),
.service-grid-expanded .service:nth-child(6) {
  grid-column: auto;
  min-height: 282px;
  padding: 24px;
  justify-content: flex-end;
}
.service-grid-expanded .service h3 {
  max-width: 620px;
  font-size: clamp(25px, 2.2vw, 34px);
  line-height: .98;
}
.service-grid-expanded .service p {
  max-width: 680px;
  font-size: 15.5px;
  line-height: 1.55;
}
.service-grid-expanded .service-icon {
  margin-bottom: 22px;
}
.service-grid-expanded .creative-card {
  grid-column: 1 / -1;
  min-height: 320px;
}
.service-grid-expanded .creative-card .creative-orbs {
  flex-wrap: wrap;
  max-width: 720px;
}
.service-grid-expanded .creative-card .mini-cta {
  margin-top: 18px;
}
@media (max-width: 900px) {
  .service-grid-expanded {
    grid-template-columns: 1fr;
  }
  .service-grid-expanded .creative-card {
    grid-column: auto;
  }
  .service-grid-expanded .service,
  .service-grid-expanded .service:nth-child(1),
  .service-grid-expanded .service:nth-child(2),
  .service-grid-expanded .service:nth-child(3),
  .service-grid-expanded .service:nth-child(4),
  .service-grid-expanded .service:nth-child(5),
  .service-grid-expanded .service:nth-child(6) {
    min-height: 240px;
  }
}

/* Service block expansion 20260724v */
.service-grid-full {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
.service-grid-full .service,
.service-grid-full .service:nth-child(1),
.service-grid-full .service:nth-child(2),
.service-grid-full .service:nth-child(3),
.service-grid-full .service:nth-child(4),
.service-grid-full .service:nth-child(5),
.service-grid-full .service:nth-child(6),
.service-grid-full .service:nth-child(7),
.service-grid-full .service:nth-child(8),
.service-grid-full .service:nth-child(9),
.service-grid-full .service:nth-child(10),
.service-grid-full .service:nth-child(11) {
  grid-column: auto;
  min-height: 255px;
  padding: 24px;
  justify-content: flex-end;
}
.service-grid-full .service h3 {
  max-width: 640px;
  font-size: clamp(24px, 2vw, 32px);
  line-height: 1;
}
.service-grid-full .service p {
  max-width: 690px;
  font-size: 15.25px;
  line-height: 1.52;
}
.service-grid-full .creative-card {
  grid-column: 1 / -1;
  min-height: 315px;
}
.service-grid-full .creative-card .creative-orbs {
  flex-wrap: wrap;
  max-width: 780px;
}
@media (max-width: 900px) {
  .service-grid-full {
    grid-template-columns: 1fr;
  }
  .service-grid-full .creative-card {
    grid-column: auto;
  }
  .service-grid-full .service,
  .service-grid-full .service:nth-child(1),
  .service-grid-full .service:nth-child(2),
  .service-grid-full .service:nth-child(3),
  .service-grid-full .service:nth-child(4),
  .service-grid-full .service:nth-child(5),
  .service-grid-full .service:nth-child(6),
  .service-grid-full .service:nth-child(7),
  .service-grid-full .service:nth-child(8),
  .service-grid-full .service:nth-child(9),
  .service-grid-full .service:nth-child(10),
  .service-grid-full .service:nth-child(11) {
    min-height: 232px;
  }
}

/* Compact service cards 20260724y */
#service .section-head {
  margin-bottom: 28px;
}
#service .section-head h2 {
  max-width: 820px;
  font-size: clamp(34px, 4vw, 58px);
  line-height: .96;
}
#service .section-head p {
  max-width: 820px;
  font-size: 17px;
  line-height: 1.45;
}
#service .service-grid-full {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
#service .service-grid-full .service,
#service .service-grid-full .service:nth-child(1),
#service .service-grid-full .service:nth-child(2),
#service .service-grid-full .service:nth-child(3),
#service .service-grid-full .service:nth-child(4),
#service .service-grid-full .service:nth-child(5),
#service .service-grid-full .service:nth-child(6),
#service .service-grid-full .service:nth-child(7),
#service .service-grid-full .service:nth-child(8),
#service .service-grid-full .service:nth-child(9),
#service .service-grid-full .service:nth-child(10),
#service .service-grid-full .service:nth-child(11) {
  min-height: 205px;
  padding: 20px;
  justify-content: flex-end;
}
#service .service-grid-full .service-index {
  font-size: 12px;
  letter-spacing: .08em;
}
#service .service-grid-full .service-icon {
  width: 38px;
  height: 38px;
  margin-bottom: 18px;
}
#service .service-grid-full .service h3 {
  font-size: clamp(21px, 1.75vw, 28px);
  line-height: 1.02;
  max-width: 560px;
}
#service .service-grid-full .service p {
  font-size: 14px;
  line-height: 1.45;
  max-width: 620px;
}
#service .service-grid-full .creative-card {
  grid-column: 1 / -1;
  min-height: 250px;
}
#service .service-grid-full .creative-card .creative-orbs {
  margin-top: 16px;
}
@media (max-width: 900px) {
  #service .service-grid-full {
    grid-template-columns: 1fr;
  }
  #service .service-grid-full .creative-card {
    grid-column: auto;
  }
}

/* Restore vivid sun accents 20260724z */
:root {
  --sun:#ffc226;
}
.button-primary,
a.button-primary,
button.button-primary {
  background:linear-gradient(180deg, #ffd447 0%, #ffb915 100%) !important;
  color:#110e07 !important;
  border-color:rgba(255, 205, 55, .9) !important;
  box-shadow:0 12px 28px rgba(255, 185, 21, .24), inset 0 1px 0 rgba(255,255,255,.22) !important;
}
.button-primary:hover,
a.button-primary:hover,
button.button-primary:hover {
  background:linear-gradient(180deg, #ffe071 0%, #ffc226 100%) !important;
  box-shadow:0 16px 34px rgba(255, 194, 38, .34), inset 0 1px 0 rgba(255,255,255,.25) !important;
}
.portrait-frame::after {
  background:#ffc226 !important;
  box-shadow:0 0 0 7px rgba(255,194,38,.2), 0 0 24px rgba(255,194,38,.9) !important;
}
.person-card-face {
  border-left-color:#ffc226 !important;
}
.case-featured-badge,
.tariff-badge,
.service-action,
.mini-cta {
  background:linear-gradient(180deg, #ffd447 0%, #ffb915 100%) !important;
  color:#110e07 !important;
}

/* Restore visible cards after headings 20260724aa */
#cases,
#reviews,
#service,
#process,
#tariffs {
  padding-top: 56px !important;
  padding-bottom: 64px !important;
}
#cases .wrap,
#reviews .wrap,
#service .wrap {
  display: block !important;
}
#cases h2,
#reviews h2,
#service h2 {
  margin: 0 0 28px !important;
}
#cases .case-grid,
#cases .case-featured,
#reviews .review-grid,
#service .service-grid {
  margin-top: 0 !important;
}
#cases .case-featured {
  display: grid !important;
  visibility: visible !important;
  opacity: 1 !important;
}
#reviews .review-card,
#cases .case-card {
  visibility: visible !important;
}
#reviews .review-card {
  opacity: 1 !important;
  transform: none !important;
}
#service .section-head {
  margin-bottom: 22px !important;
}
@media (min-width: 901px) {
  #cases .case-featured-media {
    min-height: 440px !important;
  }
  #cases .case-featured-media img {
    min-height: 440px !important;
  }
}

/* Remove hero h1 sheen mask 20260724ab */
.hero h1 {
  color:#f5f7fa !important;
  background:none !important;
  -webkit-background-clip:border-box !important;
  background-clip:border-box !important;
  -webkit-text-fill-color:#f5f7fa !important;
  animation:none !important;
  opacity:1 !important;
  filter:none !important;
}

/* Remove large gap after cases 20260724ac */
#cases {
  padding-top: 48px !important;
  padding-bottom: 34px !important;
}
#reviews {
  padding-top: 28px !important;
  padding-bottom: 54px !important;
}
#cases .section-heading {
  margin-bottom: 22px !important;
}
#reviews .section-heading {
  margin-bottom: 20px !important;
}
#cases .case-grid {
  margin-bottom: 0 !important;
}

/* Service cards three columns 20260724ad */
@media (min-width: 1100px) {
  #service .service-grid-full {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }
  #service .service-grid-full .service,
  #service .service-grid-full .service:nth-child(1),
  #service .service-grid-full .service:nth-child(2),
  #service .service-grid-full .service:nth-child(3),
  #service .service-grid-full .service:nth-child(4),
  #service .service-grid-full .service:nth-child(5),
  #service .service-grid-full .service:nth-child(6),
  #service .service-grid-full .service:nth-child(7),
  #service .service-grid-full .service:nth-child(8),
  #service .service-grid-full .service:nth-child(9),
  #service .service-grid-full .service:nth-child(10),
  #service .service-grid-full .service:nth-child(11) {
    grid-column: auto !important;
    min-height: 190px !important;
    padding: 18px !important;
  }
  #service .service-grid-full .service-icon {
    width: 34px !important;
    height: 34px !important;
    margin: 12px 0 16px !important;
  }
  #service .service-grid-full .service-icon svg {
    width: 18px !important;
    height: 18px !important;
  }
  #service .service-grid-full .service h3 {
    font-size: clamp(19px, 1.45vw, 25px) !important;
    line-height: 1.02 !important;
  }
  #service .service-grid-full .service p {
    font-size: 13.2px !important;
    line-height: 1.42 !important;
  }
  #service .service-grid-full .creative-card {
    grid-column: 1 / -1 !important;
    min-height: 245px !important;
  }
}
@media (min-width: 901px) and (max-width: 1099px) {
  #service .service-grid-full {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Restore tariff cards visibility 20260724ae */
#tariffs {
  padding-top: 54px !important;
  padding-bottom: 64px !important;
}
#tariffs .direct-promo {
  margin-bottom: 26px !important;
}
#tariffs .tariff,
#tariffs .tariff-format {
  opacity: 1 !important;
  transform: none !important;
  visibility: visible !important;
}
#tariffs .tariff-grid,
#tariffs .tariff-formats,
#tariffs .audience,
#tariffs .direct-promo-tiers {
  display: grid !important;
  visibility: visible !important;
}
#tariffs .tariff-grid {
  margin-top: 18px !important;
}
#tariffs .tariff {
  min-height: 0 !important;
}

/* Closed video reel must not reserve page space 20260724ag */
.creative-reel:not(.is-open) {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}
.creative-reel.is-open {
  display: block !important;
}

/* Restore all case cards grid 20260724ai */
#cases .case-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
  overflow: visible !important;
}
#cases .case-card {
  display: block !important;
  opacity: 1 !important;
  transform: none !important;
  visibility: visible !important;
  min-width: 0 !important;
}
#cases .case-featured {
  display: grid !important;
  grid-column: 1 / -1 !important;
}
#cases .case-card:not(.case-featured) {
  grid-column: auto !important;
}
@media (max-width: 900px) {
  #cases .case-grid {
    display: flex !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory;
  }
  #cases .case-featured,
  #cases .case-card:not(.case-featured) {
    min-width: min(86vw, 360px) !important;
    grid-column: auto !important;
    scroll-snap-align: start;
  }
}

/* Final page stabilization 20260724aj */
.hero {
  min-height: 0 !important;
  padding-top: 64px !important;
  padding-bottom: 48px !important;
}
.hero .wrap,
.hero-grid {
  min-height: 0 !important;
}
#cases,
#reviews,
#service,
#process,
#tariffs,
#brief {
  padding-top: 42px !important;
  padding-bottom: 46px !important;
}
#cases .section-heading,
#reviews .section-heading,
#service .section-head,
#process .audit-layout,
#tariffs .section-heading,
#brief .section-heading {
  margin-bottom: 18px !important;
}
.case-card,
.review-card,
.tariff,
.tariff-format {
  opacity: 1 !important;
  transform: none !important;
  visibility: visible !important;
}
.creative-reel:not(.is-open),
.audience-detail[hidden],
.review-expanded[hidden],
[hidden] {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}
#cases .case-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
  overflow: visible !important;
}
#cases .case-featured {
  display: grid !important;
  grid-column: 1 / -1 !important;
}
#cases .case-card:not(.case-featured) {
  grid-column: auto !important;
  min-width: 0 !important;
}
#cases .case-featured-media,
#cases .case-featured-media img {
  min-height: 420px !important;
}
#reviews .review-grid,
#service .service-grid-full,
#tariffs .tariff-grid,
#tariffs .tariff-formats,
#tariffs .audience,
#tariffs .vk-grid {
  margin-top: 0 !important;
}
#process .audit-layout {
  align-items: start !important;
}
@media (max-width: 900px) {
  #cases .case-grid {
    display: flex !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory;
  }
  #cases .case-card {
    min-width: min(86vw, 360px) !important;
    scroll-snap-align: start;
  }
}
@media (max-width: 800px) {
  .hero {
    padding-top: 48px !important;
    padding-bottom: 40px !important;
  }
  #cases,
  #reviews,
  #service,
  #process,
  #tariffs,
  #brief {
    padding-top: 34px !important;
    padding-bottom: 38px !important;
  }
}



/* Creative reel fallback 20260724al */
.creative-reel.is-open {
  display: block !important;
  height: auto !important;
  min-height: 0 !important;
  margin-top: 14px !important;
  padding: 22px !important;
  border: 1px solid #516a77 !important;
  overflow: visible !important;
  opacity: 1 !important;
  transform: none !important;
}
.creative-reel .reel-item {
  opacity: 1 !important;
  transform: none !important;
}
.creative-reel .reel-item[hidden] {
  display: none !important;
}
.creative-reel .reel-item.active,
.creative-reel .reel-item.is-selected {
  display: block !important;
}
.creative-reel .reel-stage {
  display: block !important;
}
.creative-reel video {
  display: block !important;
  width: 100% !important;
  max-height: 70vh !important;
  border-radius: 8px !important;
  background: #05080d !important;
}


/* Video card button and 8-video grid 20260724am */
.service-grid-expanded .creative-card .mini-cta,
.creative-card .creative-trigger {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 210px !important;
  max-width: max-content !important;
  min-height: 46px !important;
  margin-top: 18px !important;
  padding: 0 28px !important;
  border: 1px solid rgba(255, 194, 38, .72) !important;
  border-radius: 8px !important;
  background: linear-gradient(135deg, #ffd447 0%, #ffb915 52%, #e8a006 100%) !important;
  color: #101014 !important;
  box-shadow: 0 10px 28px rgba(255, 185, 21, .16) !important;
  font-weight: 900 !important;
  text-align: center !important;
  cursor: pointer !important;
}
.service-grid-expanded .creative-card .mini-cta:hover,
.creative-card .creative-trigger:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 14px 34px rgba(255, 185, 21, .24) !important;
}
.creative-reel.is-open .reel-stage {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 14px !important;
}
.creative-reel.is-open .reel-item,
.creative-reel.is-open .reel-item[hidden] {
  display: block !important;
  opacity: 1 !important;
  transform: none !important;
}
.creative-reel.is-open .reel-item.is-selected,
.creative-reel.is-open .reel-item.active {
  border-color: #ffc226 !important;
  box-shadow: 0 0 0 1px rgba(255, 194, 38, .35) !important;
}
.creative-reel.is-open .reel-item video {
  width: 100% !important;
  aspect-ratio: 9 / 16 !important;
  max-height: none !important;
  object-fit: cover !important;
}
@media (max-width: 900px) {
  .creative-reel.is-open .reel-stage {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}


/* Service flip prices 20260724ap */
#service .service-flippable {
  padding: 0 !important;
  perspective: 1200px;
  cursor: pointer;
  overflow: visible !important;
  background: transparent !important;
}
#service .service-flip-inner {
  position: relative;
  min-height: inherit;
  height: 100%;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #101720;
  transform-style: preserve-3d;
  transition: transform .48s cubic-bezier(.2,.8,.2,1), box-shadow .2s ease, border-color .2s ease;
}
#service .service-flippable:hover .service-flip-inner,
#service .service-flippable:focus-visible .service-flip-inner {
  border-color: #47c9f4;
  box-shadow: 0 16px 34px rgba(0, 0, 0, .22), 0 0 0 1px rgba(71, 201, 244, .18);
}
@media (hover: hover) and (pointer: fine) {
  #service .service-flippable:hover .service-flip-inner {
    transform: rotateY(180deg);
  }
}
#service .service-flippable.is-flipped .service-flip-inner {
  transform: rotateY(180deg);
}
#service .service-face {
  min-height: inherit;
  padding: 25px;
  border-radius: 8px;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
#service .service-front {
  display: flex;
  flex-direction: column;
}
#service .service-back {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  transform: rotateY(180deg);
  background:
    radial-gradient(circle at 18% 18%, rgba(255, 194, 38, .16), transparent 30%),
    linear-gradient(145deg, #121a22 0%, #0b1118 100%);
}
#service .accent-green .service-back {
  background:
    radial-gradient(circle at 18% 18%, rgba(91, 236, 194, .16), transparent 30%),
    linear-gradient(145deg, #101c20 0%, #0b1118 100%);
}
#service .service-back-label {
  color: var(--sky);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}
#service .service-back b {
  margin-top: 16px;
  color: #ffc226;
  font-size: clamp(28px, 3vw, 44px);
  line-height: .95;
  font-weight: 950;
}
#service .service-back p {
  max-width: 36ch;
  margin: 18px 0 0;
  color: #d7e2eb !important;
  font-size: 16px !important;
  line-height: 1.45 !important;
}
#service .service-back small {
  max-width: 44ch;
  margin-top: 18px;
  color: #91a4b5;
  font-size: 12px;
  line-height: 1.45;
}
#service .service-flippable .service-arrow {
  transition: transform .2s ease;
}
#service .service-flippable:hover .service-arrow,
#service .service-flippable.is-flipped .service-arrow {
  transform: rotate(45deg);
}
@media (max-width: 800px) {
  #service .service-face {
    padding: 22px;
  }
  #service .service-back b {
    font-size: 34px;
  }
}


/* Video hide button 20260724ar */
.creative-reel .creative-close,
.creative-reel .reel-close {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 104px !important;
  height: 40px !important;
  padding: 0 18px !important;
  border: 1px solid rgba(71, 201, 244, .5) !important;
  border-radius: 8px !important;
  background: rgba(10, 18, 26, .72) !important;
  color: #dceefa !important;
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  cursor: pointer !important;
}
.creative-reel .creative-close:hover,
.creative-reel .reel-close:hover {
  border-color: #ffc226 !important;
  color: #fff !important;
  background: rgba(255, 194, 38, .14) !important;
}


/* Direct offer block 20260724at */
.direct-offer-section {
  padding-top: 42px !important;
  padding-bottom: 46px !important;
}
.direct-offer {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(360px, .95fr);
  gap: 22px;
  align-items: stretch;
  border: 1px solid rgba(255, 194, 38, .5);
  border-radius: 8px;
  background:
    radial-gradient(circle at 18% 22%, rgba(255, 194, 38, .12), transparent 28%),
    linear-gradient(135deg, rgba(19, 23, 18, .98), rgba(8, 13, 18, .98));
  padding: 26px;
}
.direct-offer-copy h2 {
  max-width: 820px;
  margin: 0;
  color: #f3f7fb;
  font-size: clamp(32px, 4.2vw, 64px);
  line-height: .98;
}
.direct-offer-copy p:not(.eyebrow) {
  max-width: 680px;
  margin: 18px 0 0;
  color: #c5d2dc;
  font-size: 17px;
  line-height: 1.5;
}
.direct-offer-panel {
  display: grid;
  gap: 14px;
  align-content: center;
  border: 1px solid rgba(71, 201, 244, .24);
  border-radius: 8px;
  background: rgba(9, 16, 23, .76);
  padding: 20px;
}
.direct-offer-price span,
.direct-offer-panel p {
  color: #92a6b6;
  font-size: 12px;
  line-height: 1.45;
}
.direct-offer-price span {
  display: block;
  font-weight: 900;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.direct-offer-price b {
  display: block;
  margin-top: 8px;
  color: #ffc226;
  font-size: clamp(30px, 3vw, 46px);
  line-height: .95;
}
.direct-offer-tiers {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.direct-offer-tiers div {
  border: 1px solid rgba(255, 194, 38, .58);
  border-radius: 8px;
  padding: 14px;
  background: rgba(255, 194, 38, .06);
}
.direct-offer-tiers b {
  display: block;
  color: #ffc226;
  font-size: 21px;
  line-height: 1.1;
}
.direct-offer-tiers span {
  display: block;
  margin-top: 6px;
  color: #becbd5;
  font-size: 12px;
}
.direct-offer-panel .button {
  width: 100%;
  justify-content: center;
}
@media (max-width: 900px) {
  .direct-offer {
    grid-template-columns: 1fr;
    padding: 20px;
  }
  .direct-offer-tiers {
    grid-template-columns: 1fr;
  }
}


/* SaaS AI service card and top hide button 20260724au */
.creative-reel .reel-head {
  position: relative !important;
  padding-right: 128px !important;
}
.creative-reel .creative-close,
.creative-reel .reel-close {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  min-width: 104px !important;
}
@media (max-width: 620px) {
  .creative-reel .reel-head {
    padding-right: 0 !important;
    padding-top: 50px !important;
  }
  .creative-reel .creative-close,
  .creative-reel .reel-close {
    top: 0 !important;
    right: auto !important;
    left: 0 !important;
  }
}


/* SaaS examples links on flipped card 20260724aw */
#service .service-back-links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 14px 0 4px;
}
#service .service-back-links a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid rgba(71, 201, 244, 0.46);
  border-radius: 999px;
  background: rgba(71, 201, 244, 0.08);
  color: #e8fbff;
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
  text-decoration: none;
  transition: border-color 0.18s ease, color 0.18s ease, background 0.18s ease;
}
#service .service-back-links a:hover,
#service .service-back-links a:focus-visible {
  border-color: #ffc226;
  background: rgba(255, 194, 38, 0.13);
  color: #ffc226;
}


/* Unified premium service card frame 20260724ax */
#service .service-grid-full > .service,
#service .service-grid-full > .service.accent-gold,
#service .service-grid-full > .service.accent-green {
  border: 0 !important;
  border-left: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
#service .service-flip-inner,
#service .creative-card {
  border: 1px solid rgba(255, 194, 38, 0.52) !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(255, 194, 38, 0.09), transparent 30%),
    linear-gradient(145deg, #101720 0%, #0b1219 100%) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.025),
    0 0 0 1px rgba(255, 194, 38, 0.08),
    0 18px 42px rgba(0, 0, 0, 0.22) !important;
}
#service .service-flippable:hover .service-flip-inner,
#service .service-flippable:focus-visible .service-flip-inner,
#service .service-flippable.is-flipped .service-flip-inner,
#service .creative-card:hover {
  border-color: #ffc226 !important;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.04),
    0 0 0 1px rgba(255, 194, 38, 0.18),
    0 0 34px rgba(255, 194, 38, 0.16),
    0 20px 48px rgba(0, 0, 0, 0.3) !important;
}
#service .service-front,
#service .service-back {
  border: 0 !important;
}
#service .service-back,
#service .accent-green .service-back,
#service .accent-gold .service-back {
  background:
    radial-gradient(circle at 18% 18%, rgba(255, 194, 38, 0.18), transparent 32%),
    linear-gradient(145deg, #131a20 0%, #0b1118 100%) !important;
}
#service .service-icon,
#service .accent-green .service-icon,
#service .accent-gold .service-icon {
  border-color: rgba(255, 194, 38, 0.42) !important;
  background: rgba(255, 194, 38, 0.08) !important;
  color: #ffc226 !important;
}


/* Bigger hero portrait and softer brief hints 20260724ay */
.hero-person {
  width: 360px !important;
}
.portrait-frame {
  --portrait-orbit: 158px !important;
  width: 286px !important;
}
#brief-form textarea::placeholder,
#brief-form input::placeholder {
  color: rgba(201, 214, 226, 0.58) !important;
}
@media (max-width: 800px) {
  .hero-person {
    width: 100% !important;
  }
  .portrait-frame {
    --portrait-orbit: 92px !important;
    width: 160px !important;
    flex: 0 0 160px !important;
  }
}
@media (max-width: 520px) {
  .portrait-frame {
    --portrait-orbit: 82px !important;
    width: 142px !important;
    flex-basis: 142px !important;
  }
}


/* Compact case card flip details 20260724az */
#cases .case-card.case-flippable {
  min-height: 418px !important;
  padding: 0 !important;
  perspective: 1200px;
  cursor: pointer;
  overflow: visible !important;
  background: transparent !important;
}
#cases .case-flip-inner {
  position: relative;
  min-height: inherit;
  height: 100%;
  border: 1px solid rgba(255, 194, 38, 0.34);
  border-radius: 8px;
  background: #101720;
  transform-style: preserve-3d;
  transition: transform .46s cubic-bezier(.2,.8,.2,1), border-color .18s ease, box-shadow .18s ease;
}
#cases .case-flippable:hover .case-flip-inner,
#cases .case-flippable:focus-visible .case-flip-inner {
  border-color: #ffc226;
  box-shadow: 0 16px 34px rgba(0,0,0,.28), 0 0 28px rgba(255,194,38,.12);
}
@media (hover: hover) and (pointer: fine) {
  #cases .case-flippable:hover .case-flip-inner { transform: rotateY(180deg); }
}
#cases .case-flippable.is-flipped .case-flip-inner { transform: rotateY(180deg); }
#cases .case-flip-face {
  position: absolute;
  inset: 0;
  min-height: inherit;
  border-radius: 8px;
  overflow: hidden;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
#cases .case-flip-front { display: flex; flex-direction: column; }
#cases .case-flip-back {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 24px;
  transform: rotateY(180deg);
  background: radial-gradient(circle at 12% 10%, rgba(255,194,38,.16), transparent 34%), linear-gradient(145deg, #121a22 0%, #0b1118 100%);
}
#cases .case-flip-kicker {
  color: #ffc226;
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .08em;
  text-transform: uppercase;
}
#cases .case-flip-back h3 {
  min-height: 0 !important;
  margin: 14px 0 12px !important;
  font-size: 21px !important;
  line-height: 1.08 !important;
}
#cases .case-flip-back p {
  min-height: 0 !important;
  margin: 8px 0 0 !important;
  color: #d7e2eb !important;
  font-size: 13.5px !important;
  line-height: 1.38 !important;
}
#cases .case-flip-back p b { color: #ffc226; }
#cases .case-flip-back .case-link { margin-top: 16px; }
@media (max-width: 800px) {
  #cases .case-card.case-flippable { min-height: 430px !important; }
}


/* Clearer spacing and dividers for flipped case cards 20260724ba */
#cases .case-grid {
  row-gap: 22px !important;
}
#cases .case-flip-back p + p {
  margin-top: 11px !important;
  padding-top: 11px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
#cases .case-flip-back .case-link {
  padding-top: 12px;
  border-top: 1px solid rgba(255, 194, 38, 0.18);
}


/* Marketing proof chips under hero 20260724bb */
.hero-proof {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 18px;
  max-width: 760px;
}
.hero-proof span {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 11px;
  border: 1px solid rgba(255, 194, 38, 0.28);
  border-radius: 999px;
  background: rgba(255, 194, 38, 0.065);
  color: #e8f6fb;
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
}
@media (max-width: 520px) {
  .hero-proof {
    margin-top: 14px;
  }
  .hero-proof span {
    min-height: 28px;
    font-size: 11px;
  }
}


/* Audience alignment and openable affordance 20260724bd */
#audience .audience-heading {
  align-items: center !important;
  margin-bottom: 36px !important;
}
#audience .audience-heading h2 {
  margin: 0 !important;
  line-height: 1.02 !important;
}
#audience .audience-heading p {
  align-self: center;
}
.audience-hint {
  display: block;
  margin-top: 10px;
  color: #ffc226;
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.audience-mark {
  position: relative;
}
.audience-mark::after {
  content: "+";
  position: absolute;
  right: 4px;
  top: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border: 1px solid rgba(255, 194, 38, .5);
  border-radius: 50%;
  background: rgba(9, 15, 22, .92);
  color: #ffc226;
  font-size: 15px;
  line-height: 1;
  font-weight: 950;
  box-shadow: 0 0 16px rgba(255, 194, 38, .18);
  transition: transform .2s ease, background .2s ease;
}
.audience-item:hover .audience-mark::after,
.audience-item:focus-visible .audience-mark::after,
.audience-item.is-selected .audience-mark::after {
  transform: rotate(45deg) scale(1.06);
  background: #ffc226;
  color: #111820;
}
.audience-item > span:last-child {
  min-height: 34px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
@media (max-width: 800px) {
  #audience .audience-heading {
    align-items: start !important;
    margin-bottom: 26px !important;
  }
}


/* Fullscreen creative video lightbox 20260724be */
.creative-lightbox[hidden] {
  display: none !important;
}
.creative-lightbox {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr) 72px;
  align-items: center;
  gap: 14px;
  padding: 28px;
  background: rgba(2, 6, 10, .92);
  backdrop-filter: blur(10px);
}
.creative-lightbox-open,
.creative-lightbox-open body {
  overflow: hidden;
}
.creative-lightbox-shell {
  width: min(100%, 1180px);
  max-height: calc(100vh - 56px);
  justify-self: center;
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto auto;
  gap: 14px;
}
.creative-lightbox video {
  width: 100%;
  max-height: calc(100vh - 190px);
  aspect-ratio: 16 / 9;
  object-fit: contain;
  border: 1px solid rgba(255, 194, 38, .34);
  border-radius: 12px;
  background: #000;
  box-shadow: 0 24px 70px rgba(0,0,0,.58), 0 0 38px rgba(255,194,38,.12);
}
.creative-lightbox-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  color: #e9f5fb;
  font-size: 13px;
  font-weight: 900;
}
.creative-lightbox-meta span:last-child {
  color: #ffc226;
}
.creative-lightbox-close,
.creative-lightbox-nav {
  border: 1px solid rgba(95,218,236,.38);
  background: rgba(9, 17, 25, .78);
  color: #edf8ff;
  cursor: pointer;
  transition: border-color .18s ease, background .18s ease, transform .18s ease;
}
.creative-lightbox-close {
  position: fixed;
  right: 24px;
  top: 22px;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  font-size: 30px;
  line-height: 1;
}
.creative-lightbox-nav {
  width: 58px;
  height: 86px;
  border-radius: 999px;
  font-size: 58px;
  line-height: .8;
}
.creative-lightbox-close:hover,
.creative-lightbox-nav:hover,
.creative-lightbox-close:focus-visible,
.creative-lightbox-nav:focus-visible {
  border-color: #ffc226;
  background: rgba(255,194,38,.14);
  outline: 0;
  transform: translateY(-1px);
}
.creative-lightbox-thumbs {
  display: flex;
  gap: 9px;
  overflow-x: auto;
  padding: 6px 2px 4px;
  scrollbar-width: thin;
}
.creative-lightbox-thumb {
  flex: 0 0 56px;
  width: 56px;
  height: 56px;
  padding: 2px;
  border: 1px solid rgba(95,218,236,.32);
  border-radius: 10px;
  background: #081018;
  cursor: pointer;
}
.creative-lightbox-thumb img {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 8px;
  object-fit: cover;
}
.creative-lightbox-thumb.active {
  border-color: #ffc226;
  box-shadow: 0 0 0 2px rgba(255,194,38,.18);
}
.creative-reel .reel-item {
  cursor: zoom-in;
  position: relative;
}
.creative-reel .reel-item::after {
  content: "Открыть";
  position: absolute;
  right: 10px;
  top: 10px;
  padding: 5px 9px;
  border: 1px solid rgba(255,194,38,.45);
  border-radius: 999px;
  background: rgba(3, 8, 12, .72);
  color: #ffc226;
  font-size: 11px;
  font-weight: 950;
  opacity: 0;
  transform: translateY(-4px);
  transition: opacity .18s ease, transform .18s ease;
  pointer-events: none;
}
.creative-reel .reel-item:hover::after,
.creative-reel .reel-item:focus-visible::after {
  opacity: 1;
  transform: translateY(0);
}
@media (max-width: 800px) {
  .creative-lightbox {
    grid-template-columns: 1fr;
    padding: 16px;
  }
  .creative-lightbox-shell {
    max-height: calc(100vh - 32px);
  }
  .creative-lightbox video {
    max-height: calc(100vh - 170px);
  }
  .creative-lightbox-nav {
    position: fixed;
    top: 50%;
    width: 44px;
    height: 64px;
    font-size: 44px;
    transform: translateY(-50%);
  }
  .creative-lightbox-prev { left: 8px; }
  .creative-lightbox-next { right: 8px; }
  .creative-lightbox-close {
    right: 12px;
    top: 10px;
  }
}


/* Footer CTA instead of plain footer 20260724bf */
.site-footer-cta {
  padding: 38px 0 44px;
  border-top: 1px solid rgba(255, 194, 38, .22);
  background:
    radial-gradient(circle at 15% 0%, rgba(255,194,38,.1), transparent 38%),
    linear-gradient(180deg, #0b1118 0%, #101720 100%);
}
.footer-cta-inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 28px;
}
.site-footer-cta h2 {
  margin: 4px 0 10px;
  max-width: 760px;
  font-size: clamp(30px, 4vw, 54px);
  line-height: .98;
}
.site-footer-cta p:not(.eyebrow) {
  max-width: 760px;
  margin: 0;
  color: #bcc8d5;
  font-size: 16px;
  line-height: 1.5;
}
.site-footer-cta .button {
  min-width: 210px;
}
@media (max-width: 800px) {
  .footer-cta-inner {
    grid-template-columns: 1fr;
    align-items: start;
  }
  .site-footer-cta .button {
    width: min(100%, 320px);
  }
}


/* Mobile and media weight tuning 20260724bg */
.reel-item {
  cursor: pointer;
}

.reel-item video {
  pointer-events: none;
  background: #050a0f;
}

.reel-item::after {
  content: "Открыть";
  position: absolute;
  right: 12px;
  bottom: 12px;
  z-index: 3;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(5, 10, 15, .72);
  border: 1px solid rgba(46, 211, 255, .45);
  color: #f8fbff;
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
  opacity: 0;
  transform: translateY(6px);
  transition: opacity .2s ease, transform .2s ease, background .2s ease;
  backdrop-filter: blur(10px);
}

.reel-item:hover::after,
.reel-item:focus-within::after {
  opacity: 1;
  transform: translateY(0);
}

.creative-lightbox video {
  width: auto;
  max-width: 100%;
  max-height: min(78vh, 860px);
  aspect-ratio: auto;
  justify-self: center;
  background: #000;
}

@media (max-width: 900px) {
  .hero-section {
    min-height: auto;
    padding-bottom: 72px;
  }

  .creative-reel.is-open .reel-stage {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
  }

  .reel-item::after {
    opacity: 1;
    transform: none;
    right: 10px;
    bottom: 10px;
    font-size: 11px;
  }

  .creative-lightbox {
    padding: 12px;
  }

  .creative-lightbox video {
    max-height: calc(100vh - 150px);
  }
}

@media (max-width: 560px) {
  .hero-actions,
  .brief-form .form-row {
    grid-template-columns: 1fr;
  }

  .creative-reel.is-open .reel-stage {
    grid-template-columns: 1fr;
  }

  .creative-orbs {
    gap: 8px;
  }

  .creative-lightbox__thumbs {
    gap: 7px;
  }
}


/* Hero audio intro 20260724bh */
.hero-audio-intro {
  margin-top: 14px;
  display: flex;
  justify-content: flex-start;
}

.hero-audio-button {
  min-height: 42px;
  padding: 0 18px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  border: 1px solid rgba(46, 211, 255, .42);
  border-radius: 999px;
  background: rgba(8, 20, 28, .78);
  color: #f8fbff;
  font: inherit;
  font-size: 13px;
  font-weight: 900;
  cursor: pointer;
  box-shadow: 0 0 0 1px rgba(46, 211, 255, .06), 0 16px 32px rgba(0, 0, 0, .22);
  transition: transform .18s ease, border-color .18s ease, background .18s ease, color .18s ease;
}

.hero-audio-button:hover,
.hero-audio-button.is-playing {
  transform: translateY(-1px);
  border-color: rgba(255, 194, 35, .82);
  background: rgba(38, 29, 7, .82);
  color: #ffc223;
}

.hero-audio-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #2ed3ff;
  box-shadow: 0 0 0 5px rgba(46, 211, 255, .12);
}

.hero-audio-button.is-playing .hero-audio-dot {
  background: #ffc223;
  box-shadow: 0 0 0 5px rgba(255, 194, 35, .16), 0 0 18px rgba(255, 194, 35, .5);
}

@media (max-width: 800px) {
  .hero-audio-intro {
    width: 100%;
    margin-top: 10px;
  }

  .hero-audio-button {
    min-height: 40px;
    padding: 0 15px;
    font-size: 12px;
  }
}