/* Sirius Lab / immersive edition. This layer keeps the original form layout. */
:root[data-theme="dark"] {
    --paper:#050609; --soft:#090b10; --ink:#f4f5f7; --muted:#91949e;
    --blue:#afc9f3; --blue-dark:#c9daf7; --sky:#131924; --line:#23262d;
    --navy:#0b0e14; --shadow:none;
}
html { scroll-padding-top:92px; }
body.cinematic { background:#050609; color:var(--ink); isolation:isolate; }
.cinematic ::selection { background:#bbd2f5; color:#080b11; }
.cinematic .container { width:min(1440px,calc(100% - 112px)); }
.cinematic .section > .container { max-width:1280px; }
.cinematic .section { padding:110px 0; }
.cinematic .section-soft { background:#080a0e66; }
.cinematic h2 { font-size:clamp(34px,4.1vw,60px); letter-spacing:-.05em; font-weight:500; line-height:1.1; }
.cinematic h2 em { color:#f7f8fb; font-weight:500; }
.cinematic .lead { color:var(--muted); font-size:16px; line-height:1.8; }
.cinematic .eyebrow { color:#a6adba; letter-spacing:.13em; font-size:10px; font-weight:500; margin-bottom:25px; }
.cinematic .eyebrow::before { display:none; }
.cinematic .btn { min-height:50px; border-radius:50px; font-weight:600; padding:0 25px; font-size:14px; box-shadow:none; }
.cinematic .btn-primary { color:#080a10; background:#f7f8fa; border-color:#f7f8fa; }
.cinematic .btn-primary:hover { background:#cadcf7; border-color:#cadcf7; box-shadow:0 0 32px #afc9f318; }
.cinematic .btn-secondary,.cinematic .btn-dark { background:transparent; border-color:#3b3e47; color:#e9ecf2; }
.cinematic .site-header { background:#050609d9; backdrop-filter:blur(22px); border-color:#ffffff12; }
.cinematic .nav-row { min-height:78px; gap:26px; }
.cinematic .brand-logo { width:32px; height:37px; }
.cinematic .brand-wordmark { gap:5px; }
.cinematic .brand-name { font-family:Manrope,Arial,sans-serif; font-weight:800; font-size:19px; letter-spacing:.02em; }
.cinematic .brand-wordmark small { font-size:8px; letter-spacing:.20em; color:#7e8491; }
.cinematic .brand .brand-name b { color:#adc9f1; }
.cinematic .desktop-nav { font-size:12px; font-weight:500; gap:26px; }
.cinematic .header-contacts { display:none; }
.cinematic .nav-row > .btn { margin-left:14px; min-height:40px; font-size:12px; padding:0 19px; }
.cinematic .menu-button { background:transparent; border:1px solid #30333a; border-radius:50%; }
.skip-link { position:fixed; z-index:500; top:10px; left:20px; transform:translateY(-160%); padding:14px 22px; border-radius:8px; background:white; color:black; }
.skip-link:focus { transform:none; }
.cinematic .hero { position:relative; padding:0; overflow:hidden; background:transparent; isolation:isolate; }
.cinematic .hero::before { display:none; }
#graph-paper { position:fixed; inset:0; width:100%; height:100%; z-index:-1; pointer-events:none; mask-image:linear-gradient(110deg,#0009,#000 75%); }
.hero-glow { position:absolute; inset:0; z-index:-1; pointer-events:none; background:radial-gradient(ellipse at 76% 48%,#38527715,transparent 48%); }
.cinematic .hero-grid { min-height: min(820px,calc(100svh - 145px)); display:grid; grid-template-columns:1.02fr 1.12fr; align-items:center; gap:0; }
.cinematic .hero-copy { position:relative; z-index:2; padding:64px 0 46px; pointer-events:none; }
.hero-copy a { pointer-events:auto; }
.live-dot { width:5px; height:5px; border-radius:50%; background:#b6d1fa; box-shadow:0 0 11px #97c2ff; }
.cinematic .hero h1 { font-size:clamp(58px,6.1vw,98px); letter-spacing:-.065em; line-height:.99; font-weight:600; margin:0 0 30px; color:#a6a7ad; }
.cinematic .hero h1 em { color:#fff; font-weight:500; }
.cinematic .hero h1 span { background:none; color:#a6a7ad; -webkit-text-fill-color:currentColor; }
.cinematic .hero-copy > p { font-size:15px; color:#9b9da7; line-height:1.7; margin-bottom:29px; }
.cinematic .hero-actions { align-items:center; gap:20px; margin-bottom:22px; }
.hero-actions .btn span { margin-left:15px; font-size:21px; font-weight:400; }
.hero-link { color:#c8cad2; font-size:12px; transition:color .2s; }
.hero-link span { margin-left:6px; }
.hero-link:hover { color:#fff; }
.cinematic .hero-note { display:block; max-width:450px; font-size:11px; line-height:1.9; color:#727784; }
.cinematic .hero-visual { position:relative; align-self:stretch; margin-left:-60px; margin-right:-38px; min-width:0; }
.hero-scene { position:absolute; inset:12px -30px 130px; outline-offset:-28px; cursor:grab; touch-action:pan-y; }
.hero-scene:active { cursor:grabbing; }
.hero-scene canvas { display:block; width:100%; height:100%; opacity:0; transition:opacity .5s; }
.hero-scene.is-ready canvas { opacity:1; }
.scene-fallback { position:absolute; inset:16% 12%; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:20px; color:#9da7b8; font-size:12px; }
.scene-fallback img { max-height:88%; object-fit:contain; border-radius:24px; }
.hero-scene.is-ready .scene-fallback { display:none; }
.scene-caption { position:absolute; bottom:116px; left:50%; transform:translateX(-50%); width:max-content; max-width:90%; display:flex; align-items:center; gap:8px; color:#697384; font:9px/1.5 'Roboto Mono',monospace; text-transform:uppercase; letter-spacing:.12em; text-align:center; pointer-events:none; }
.caption-dot { width:4px; height:4px; border-radius:50%; background:#b3c7e6; }
.scene-controls { position:absolute; bottom:51px; left:50%; transform:translateX(-50%); display:flex; align-items:center; gap:8px; }
.scene-modes { display:flex; background:#11141bcc; padding:4px; border:1px solid #ffffff13; border-radius:30px; }
.scene-modes button { border:0; background:none; color:#858b97; border-radius:22px; padding:9px 18px; font-size:11px; transition:background .25s,color .25s; }
.scene-modes button[aria-pressed="true"] { background:#303642; color:#f3f5f9; }
.scene-icon { display:grid; place-items:center; width:38px; height:38px; border-radius:50%; border:1px solid #ffffff19; color:#aab1be; background:#0d1118; font-size:18px; }
.scene-icon:hover { background:#252b37; color:white; }
.scene-hint { position:absolute; bottom:14px; left:0; right:0; margin:0; text-align:center; font-size:10px; color:#636a78; }
.scene-hint span { margin-left:10px; font-size:15px; }
.hero-bottom { display:flex; align-items:center; justify-content:space-between; min-height:72px; border-top:1px solid #ffffff0d; color:#737a88; }
.scroll-cue { display:flex; align-items:center; gap:28px; font-size:10px; }
.scroll-cue > span:last-child { font-size:19px; animation:scroll-nudge 3s ease-in-out infinite; }
.hero-facts { display:flex; align-items:center; gap:38px; font-size:10px; }
.hero-facts strong { color:#d1d5dd; font-size:12px; font-weight:500; margin-right:7px; }
@keyframes scroll-nudge { 0%,100% { transform:translateY(-2px); } 50% { transform:translateY(4px); } }
.cinematic #works { padding:104px 0 72px; border:0; background:transparent; overflow:hidden; }
.cinematic #works > .container { width:100%; max-width:1600px; position:relative; }
.cinematic #works .works-head { display:block; margin:0 auto 46px; width:calc(100% - 80px); text-align:center; }
.cinematic #works .section-head { margin:auto; }
.cinematic #works .eyebrow { display:block; margin-bottom:18px; }
.cinematic #works h2 { font-size:clamp(36px,4.3vw,62px); margin-bottom:18px; color:#a0a3ab; }
.cinematic #works .lead { margin:0 auto; max-width:440px; font-size:14px; }
.cinematic .works-controls { position:relative; z-index:4; justify-content:center; gap:19px; margin-top:22px; }
.cinematic .works-arrow { width:44px; height:44px; background:#16191e; border-color:#3a3e47; font-size:19px; }
.cinematic .works-count { font-size:10px; min-width:48px; color:#818a9b; }
.cinematic .works-viewport { position:relative; overflow:hidden; border-radius:0; scroll-snap-type:none; }
.cinematic .works-track { position:relative; display:block; height:clamp(350px,38vw,550px); padding:0; perspective:1400px; }
.cinematic .work-card { position:absolute; left:50%; top:0; width:55%; height:100%; display:flex; flex-direction:column; border-radius:20px; background:#11151c; border:1px solid #ffffff0d; transition:transform .75s cubic-bezier(.22,.68,.1,1),opacity .7s,filter .7s; transform:translateX(-50%); opacity:0; pointer-events:none; overflow:hidden; }
.cinematic .work-card[data-position="active"] { opacity:1; z-index:3; pointer-events:auto; transform:translateX(-50%); box-shadow:0 15px 70px #0008; }
.cinematic .works-viewport:not(.gallery-ready) .work-card:first-child { opacity:1; pointer-events:auto; }
.cinematic .work-card[data-position="before"] { opacity:.34; z-index:2; pointer-events:auto; transform:translateX(-127%) scale(.76) rotateY(13deg); filter:brightness(.7); }
.cinematic .work-card[data-position="after"] { opacity:.34; z-index:2; pointer-events:auto; transform:translateX(27%) scale(.76) rotateY(-13deg); filter:brightness(.7); }
.cinematic .work-card[data-position="hidden"] { transform:translateX(-50%) scale(.65); visibility:hidden; }
.cinematic .work-card:hover { border-color:#ffffff30; }
.cinematic .work-card img { flex:1; min-height:0; width:100%; height:calc(100% - 77px); aspect-ratio:auto; object-fit:contain; background:#dedcd7; }
.cinematic .work-card-copy { flex:0 0 auto; min-height:77px; padding:17px 24px; background:#11141b; }
.cinematic .work-card-copy small { display:block; color:#7d91ad; font-size:8px; letter-spacing:.12em; margin-bottom:6px; }
.cinematic .work-card-copy strong { display:block; font-size:14px; font-weight:500; color:#e0e4ec; }
.cinematic .works-footer { margin:23px auto 0; justify-content:center; gap:24px; width:calc(100% - 48px); }
.cinematic .works-hint,.cinematic .works-review { font-size:10px; }
.cinematic .trust-strip { background:#07090d88; border-color:#ffffff0c; }
.cinematic .trust-item { border-color:#ffffff0c; padding:27px 18px; }
.cinematic .trust-icon { background:none; color:#c2cbdc; font-size:18px; font-weight:400; }
.cinematic .trust-item strong { font-size:12px; font-weight:500; }
.cinematic .trust-item small { font-size:10px; color:#6d7787; }
.cinematic .task-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; border-left:1px solid var(--line); border-top:1px solid var(--line); }
.cinematic .task-card { min-height:315px; border:0; border-radius:0; border-right:1px solid var(--line); border-bottom:1px solid var(--line); background:transparent; padding:27px 25px 66px; box-shadow:none; }
.cinematic .task-card:hover { transform:none; background:#11151e; }
.cinematic .task-number { color:#637085; font-size:10px; }
.cinematic .task-icon { color:#c2cee1; background:none; margin:17px 0; justify-content:start; font-size:28px; }
.cinematic .task-card h3 { font-size:18px; font-weight:500; }
.cinematic .task-card p { font-size:12px; color:#8b919f; line-height:1.8; }
.cinematic .task-link { left:25px; bottom:25px; font-size:10px; font-weight:500; color:#bfd2ec; }
.cinematic .price-card { padding:30px 24px; border-radius:16px; background:#0d1016; border-color:#242831; }
.cinematic .price-card small { color:#8a94a7; font-size:9px; }
.cinematic .price-card strong { font-weight:500; font-size:31px; }
.cinematic .price-card p { font-size:12px; line-height:1.8; }
.cinematic .price-note { background:none; padding:0; color:#6e798c; font-size:11px; text-align:center; }
.cinematic .case-feature { background:#0c0f15; border-color:var(--line); border-radius:22px; }
.cinematic .case-content { padding:40px; }
.cinematic .case-content h3 { font-weight:500; font-size:27px; }
.cinematic .case-content > p,.cinematic .case-list li { font-size:13px; }
.cinematic .case-tag { background:#1a2230; font-size:9px; }
.cinematic .process-step { padding:30px 20px 20px 62px; }
.cinematic .process-step::before { color:#636f83; font-weight:400; }
.cinematic .process-step h3 { font-size:18px; font-weight:500; }
.cinematic .process-step p { font-size:13px; line-height:1.8; }
.cinematic .quality-panel { background:#10151e; border:1px solid #28303b; border-radius:22px; }
.cinematic .quality-panel p { font-size:14px; color:#9aa4b6; }
.cinematic .check-card { background:transparent; border-radius:0; border-color:var(--line); }
.cinematic .check-card h3 { font-size:16px; font-weight:500; }
.cinematic .check-card p { font-size:12px; line-height:1.8; }
.cinematic .audience-card.business,.cinematic .audience-card.ads { background:#0c1017; border:1px solid var(--line); }
.cinematic .audience-card h3 { font-weight:500; font-size:25px; }
.cinematic .audience-card p,.cinematic .audience-list li { font-size:13px; color:#949daa; }
.cinematic .calculator-shell { background:#0d1119; border:1px solid #29303c; box-shadow:none; border-radius:22px; }
.cinematic .calculator-controls { background:#10141c; }
.cinematic .calculator-controls h3 { font-size:24px; font-weight:500; }
.cinematic .calculator-controls > p { color:#909aab; }
.cinematic .viewer { background:#080b11; }
.cinematic .calculator-controls select,.cinematic .calculator-controls .quantity-input { background:#0b0e14; border-color:#333b49; }
.cinematic .price-row strong { color:#d4e2fa; }
.cinematic .calc-disclaimer { color:#8996a9; }
.cinematic .faq { max-width:860px; }
.cinematic summary { font-weight:500; font-size:16px; padding:26px 45px 26px 0; }
.cinematic details p { font-size:14px; line-height:1.9; }
.cinematic .contact-wrap { box-shadow:none; background:none; border-radius:0; gap:60px; grid-template-columns:.9fr 1.1fr; overflow:visible; }
.cinematic .contact-info { background:none; padding:0; }
.cinematic .contact-info h2 { font-size:clamp(38px,4vw,58px); }
.cinematic .contact-info p { font-size:14px; color:#919bab; }
.cinematic .contact-points li { font-size:12px; }
.cinematic .contact-direct > a:first-child { font-size:25px; font-weight:500; }
.cinematic .contact-meta { font-size:11px; color:#8993a5; }
.cinematic .contact-form { padding:32px; border:1px solid var(--line); border-radius:20px; background:#0d1119; }
.cinematic .form-field label,.cinematic .field label,.cinematic .chat-field label { font-size:11px; font-weight:500; }
.cinematic select,.cinematic .quantity-input,.cinematic input[type="text"],.cinematic input[type="tel"],.cinematic input[type="email"],.cinematic textarea { background:#0a0d13; border-color:#303744; border-radius:9px; color:#e8edf6; font-size:13px; }
.cinematic .consent { font-size:10px; color:#8e98a9; }
.cinematic .upload-box { background:#111721; border-color:#374155; }
.cinematic footer { background:#05060955; border-color:#ffffff10; padding:54px 0; }
.cinematic footer p { font-size:11px; color:#7e8797; }
.cinematic .footer-links { font-size:12px; }
.cinematic .messenger-dock { opacity:.75; }
.cinematic .messenger-button { box-shadow:none; width:44px; height:44px; border:1px solid #ffffff20; }
.cinematic .messenger-button.chat { background:#151d2b; color:#c7daf9; }
.cinematic .chat-panel { border:1px solid #354055; background:#101620; }
.cinematic .chat-head { background:#182334; }
.cinematic .mobile-cta { border-color:#ffffff15; background:#080b12e8; backdrop-filter:blur(15px); }
.cinematic .mobile-cta .btn { min-width:0; min-height:54px; padding:6px 8px; border-radius:16px; font-size:12px; line-height:1.2; text-align:center; }
.cinematic .mobile-cta .mobile-messenger { flex-direction:column; gap:4px; font-size:11px; font-weight:600; }
.cinematic .mobile-messenger svg { width:19px; height:19px; flex-shrink:0; }
.cinematic .mobile-whatsapp { color:#8ce0b2; background:#10291f; border-color:#2c5741; }
.cinematic .mobile-telegram { color:#94d5ff; background:#102633; border-color:#2c4b62; }
.cinematic .mobile-whatsapp:hover { background:#193f2e; }
.cinematic .mobile-telegram:hover { background:#193b50; }
.reveal-pending { opacity:0; transform:translateY(28px); transition:opacity .8s,transform .8s; }
.reveal-pending.is-visible { opacity:1; transform:none; }
.cinematic.motion-paused *, .cinematic.motion-paused *::after { animation-play-state:paused!important; }
@media(min-width:1600px) { .cinematic .hero-grid { min-height:820px; } }
@media(max-width:1150px) {
    .cinematic .container { width:calc(100% - 64px); }
    .cinematic .desktop-nav { gap:19px; }
    .cinematic .nav-row { gap:18px; }
    .cinematic .hero-grid { min-height:690px; grid-template-columns:1fr 1fr; }
    .cinematic .hero h1 { font-size:clamp(58px,6.5vw,80px); }
    .cinematic .hero-visual { margin-left:-45px; margin-right:-12px; }
    .hero-scene { inset:50px -50px 135px; }
    .scene-caption { bottom:145px; font-size:8px; }
    .scene-controls { bottom:80px; }
    .scene-hint { bottom:44px; }
    .hero-facts { gap:20px; }
    .cinematic .task-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .cinematic .task-card { min-height:285px; }
    .cinematic .contact-wrap { gap:32px; }
}
@media(max-width:1020px) {
    .cinematic .nav-row > .btn,.cinematic .desktop-nav { display:none; }
    .cinematic .menu-button { display:grid; place-items:center; margin-left:auto; }
    .cinematic .mobile-menu.open { display:block; background:#090c12; }
    .cinematic .mobile-menu .btn { color:#080a10; }
    .cinematic .hero-copy { padding-top:44px; }
    .cinematic .hero-grid { grid-template-columns:1.08fr 1fr; }
    .cinematic .hero h1 { font-size:clamp(51px,7.2vw,72px); }
    .cinematic .hero-actions { gap:16px; flex-direction:column; align-items:start; }
    .hero-bottom { gap:15px; }
    .hero-facts { gap:16px; }
    .hero-facts strong { display:block; }
    .cinematic .section { padding:80px 0; }
    .cinematic .contact-wrap { grid-template-columns:1fr; gap:40px; }
}
@media(max-width:700px) {
    .cinematic .container { width:calc(100% - 40px); }
    .cinematic .nav-row { min-height:68px; }
    .cinematic .brand-name { font-size:17px; }
    .cinematic .brand-logo { width:30px; height:35px; }
    .cinematic .hero-grid { display:flex; flex-direction:column; min-height:0; }
    .cinematic .hero-copy { width:100%; padding:34px 0 0; pointer-events:auto; }
    .cinematic .hero .eyebrow { font-size:8px; margin-bottom:24px; letter-spacing:.09em; }
    .cinematic .hero h1 { font-size:clamp(39px,10.5vw,64px); line-height:1.06; margin-bottom:22px; }
    .cinematic .hero h1 br:nth-of-type(3) { display:none; }
    .cinematic .hero h1 span::after { content:' '; }
    .cinematic .hero-copy > p { font-size:13px; margin-bottom:25px; }
    .cinematic .hero-actions { flex-direction:row; gap:17px; align-items:center; margin-bottom:18px; }
    .cinematic .hero-actions .btn { min-height:46px; font-size:12px; padding:0 19px; width:auto; }
    .hero-actions .btn span { margin-left:5px; }
    .hero-link { font-size:10px; }
    .cinematic .hero-note { font-size:10px; }
    .cinematic .hero-visual { width:calc(100% + 40px); margin:-12px -20px 0; height:440px; min-height:0; align-self:center; }
    .hero-scene { inset:0 0 102px; }
    .scene-caption { bottom:97px; font-size:7px; }
    .scene-controls { bottom:42px; }
    .scene-hint { bottom:9px; font-size:9px; }
    .hero-bottom { min-height:76px; justify-content:center; }
    .scroll-cue { display:none; }
    .hero-facts { width:100%; justify-content:space-between; font-size:9px; }
    .hero-facts strong { font-size:12px; margin-bottom:4px; }
    .cinematic #works { padding:62px 0 52px; }
    .cinematic #works .works-head { width:calc(100% - 40px); margin-bottom:28px; }
    .cinematic #works h2 { font-size:clamp(30px,7.5vw,46px); }
    .cinematic #works .lead { display:block; font-size:12px; max-width:300px; }
    .cinematic #works .eyebrow { font-size:9px; }
    .cinematic .works-track { height:365px; }
    .cinematic .work-card { width:78%; border-radius:14px; }
    .cinematic .work-card-copy { padding:13px 16px; min-height:82px; }
    .cinematic .work-card-copy strong { font-size:12px; }
    .cinematic .works-footer { gap:10px; }
    .cinematic .works-hint,.cinematic .works-review { font-size:9px; }
    .cinematic .trust-grid { grid-template-columns:1fr 1fr; }
    .cinematic .trust-item { padding:20px 8px; gap:6px; }
    .cinematic .trust-icon { flex-basis:30px; font-size:15px; }
    .cinematic .trust-item strong { font-size:10px; }
    .cinematic .trust-item small { font-size:8px; }
    .cinematic .section { padding:64px 0; }
    .cinematic h2 { font-size:36px; }
    .cinematic .eyebrow { font-size:9px; margin-bottom:19px; }
    .cinematic .lead { font-size:13px; }
    .cinematic .task-card { padding:23px 16px 55px; min-height:310px; }
    .cinematic .task-card h3 { font-size:16px; }
    .cinematic .task-card p { font-size:11px; }
    .cinematic .task-link { left:16px; right:12px; bottom:22px; font-size:9px; }
    .cinematic .price-card { padding:25px 20px; }
    .cinematic .case-content { padding:27px; }
    .cinematic .case-content h3 { font-size:24px; }
    .cinematic .contact-form { padding:22px 18px; }
    .cinematic .contact-info h2 { font-size:42px; }
    .cinematic .form-grid { grid-template-columns:1fr; }
    .cinematic .calculator-controls { padding:26px 22px; }
    .cinematic summary { font-size:14px; }
    .cinematic footer { padding-bottom:112px; }
}
@media(max-width:360px) {
    .cinematic .hero h1 { font-size:36px; }
    .cinematic .hero-actions { flex-direction:column; align-items:start; }
    .cinematic .task-grid { grid-template-columns:1fr; }
    .cinematic .task-card { min-height:260px; }
}
@media(prefers-reduced-motion:reduce) {
    html { scroll-behavior:auto; }
    .reveal-pending { opacity:1; transform:none; transition:none; }
    .scroll-cue > span:last-child { animation:none; }
    .cinematic .work-card { transition:none; }
}

/* Persistent navigation and contacts, on desktop and mobile. */
.cinematic .header-contacts { display:flex; flex-direction:column; align-items:flex-end; flex-shrink:0; gap:5px; margin-left:0; }
.cinematic .header-contacts .header-contact:first-child { display:flex; }
.cinematic .header-contact small { display:none; }
.cinematic .header-contact strong { font-size:12px; font-weight:500; line-height:1.35; color:#b4bdcc; }
.cinematic .header-contact[href^="tel:"] { order:-1; }
.cinematic .header-contact[href^="tel:"] strong { color:#f1f4fa; font-size:13px; }
.cinematic .header-contact:hover strong { color:#afc9f3; }
.cinematic .nav-row { gap:20px; }
.cinematic .desktop-nav { gap:20px; }
.cinematic .nav-row > .btn { margin-left:0; }
.back-to-top { position:fixed; z-index:119; left:24px; bottom:26px; display:flex; align-items:center; justify-content:center; gap:9px; min-width:104px; min-height:46px; padding:0 16px; color:#e3ebf8; background:#111a29e8; border:1px solid #53637b; border-radius:30px; backdrop-filter:blur(14px); font-size:12px; box-shadow:0 5px 25px #0005; transition:background .2s,transform .2s; }
.back-to-top[hidden] { display:none; }
.back-to-top:hover { background:#273950; transform:translateY(-3px); }
body.menu-open .back-to-top,body.lightbox-open .back-to-top { visibility:hidden; }
@media (min-width:761px) and (max-width:1180px) {
    .cinematic .desktop-nav,.cinematic .nav-row > .btn { display:none; }
    .cinematic .menu-button { display:grid; place-items:center; margin-left:0; }
    .cinematic .header-contacts { margin-left:auto; }
    .cinematic .mobile-menu.open { display:block; background:#090c12; }
    .cinematic .mobile-menu .btn { color:#080a10; }
}
@media (max-width:760px) {
    html { scroll-padding-top:130px; }
    .cinematic .nav-row { display:grid; grid-template-columns:1fr auto; grid-template-areas:"brand menu" "contacts contacts"; gap:8px 16px; min-height:0; padding:12px 0 6px; }
    .cinematic .nav-row .brand { grid-area:brand; }
    .cinematic .menu-button { grid-area:menu; margin:0; }
    .cinematic .header-contacts { grid-area:contacts; flex-direction:row; align-items:center; justify-content:space-between; gap:8px; width:100%; border-top:1px solid #ffffff12; padding-top:5px; }
    .cinematic .header-contact { min-height:32px; justify-content:center; }
    .cinematic .header-contact strong { font-size:12px; }
    .cinematic .header-contact[href^="tel:"] strong { font-size:12px; }
    .cinematic .contact-form { scroll-margin-top:130px; }
    .cinematic .mobile-menu { max-height:calc(100svh - 112px); overflow-y:auto; }
    .back-to-top { left:16px; bottom:calc(82px + env(safe-area-inset-bottom,0px)); min-width:94px; min-height:44px; font-size:11px; padding:0 13px; }
}
@media (max-width:360px) {
    .cinematic #calculator h2 { font-size:32px; }
}