/* Shared navigation: one type scale, icon column and row height. */
.sidebar nav{display:flex;flex-direction:column;gap:4px;margin:8px 12px 0}
.sidebar nav>:is(a,button),.sidebar nav>:is(a,button).selected,.sidebar nav>:first-child{
 display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:11px;
 min-height:48px;padding:10px 18px 10px 24px;font:600 13px/1.5 'Noto Sans Georgian',sans-serif;
 letter-spacing:0;text-align:left;white-space:normal
}
.sidebar nav>:is(a,button)>svg{display:block;width:22px;height:22px;margin:0;align-self:center}
.sidebar nav>:is(a,button)>span,.sidebar nav .nav-films span{
 display:block;min-width:0;font:inherit;line-height:1.5;letter-spacing:0;transform:none
}
.sidebar nav>:is(a,button):is(:hover,:focus-visible,.selected)>:is(svg,span){transform:none}
.sidebar nav:has(>:is(:hover,:focus-visible))>:is(a,button):not(:hover):not(:focus-visible){opacity:1}
.sidebar nav .nav-films{
 margin-top:14px;border:1px solid #a28531;border-radius:4px;background:linear-gradient(110deg,#5740144d,#a980191a);
 color:#ffe293;box-shadow:inset 0 0 18px #ffc83e0c,0 0 18px #ffca3421;text-shadow:0 0 12px #ffd24a65
}
.sidebar nav .nav-films:is(:hover,:focus-visible,.selected){color:#fff2c6;border-color:#ffda65;box-shadow:0 0 22px #ffd14b35}
.sidebar nav .nav-films::before{display:none}
.sidebar nav .nav-films svg.ui-color-icon{filter:sepia(1) saturate(2.6) brightness(1.25);color:#ffd66a}
.sidebar nav .nav-films span{font-weight:700}

/* Keep the hero headline fixed while opening space around its label and CTAs. */
.campaign-label{translate:0 -8px}
.campaign-actions{position:relative;top:10px}

/* Content lives directly inside the existing mechanical chat frame. */
.top-grid .contact-panel,.workspace>.contact-panel{
 position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:20px;
 padding:26px 24px 25px;margin:0;min-height:350px;background:transparent;clip-path:none;isolation:isolate
}
.contact-panel::before{
 z-index:-1;background:radial-gradient(ellipse at 85% 15%,#12426770,transparent 65%),linear-gradient(150deg,#092238,#04111f);
 border:16px solid transparent;border-image:url(media/shapes-v37/panel-shell.svg) 60 100 110 200 / 16px / 0 stretch;
 clip-path:polygon(0 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,18px 100%,0 calc(100% - 18px))
}
.contact-panel .contact-kicker{font:600 9px/1.5 'Noto Sans Georgian',sans-serif;letter-spacing:1px;color:#91bed9;align-items:center}
.contact-kicker>span{font:600 9px/1.5 'Noto Sans Georgian',sans-serif;color:#86d6ec;letter-spacing:.8px;display:flex;gap:5px;align-items:center}
.contact-kicker>span::before{content:"";width:5px;height:5px;border-radius:50%;background:#69d9f2;box-shadow:0 0 8px #61d6ff80}
.contact-panel .contact-heading{align-items:center;gap:12px;margin:17px 0 0}
.contact-panel .contact-heading h2{font:400 36px/1.2 var(--geo);letter-spacing:0}
.contact-panel .chat-illustration{width:40px;height:40px;filter:none;color:#73ddfb}
.contact-message{position:relative;padding-left:14px;border-left:2px solid #42b9e5}
.contact-panel .contact-copy{font:400 12px/1.85 'Noto Sans Georgian',sans-serif;color:#b5cde0;margin:0}
.contact-copy strong{display:block;margin-top:6px;color:#f1f7ff;font-weight:600}
.contact-topics{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:16px;color:#80bedb;font:500 10px/1.5 'Noto Sans Georgian',sans-serif}
.contact-topics span+span::before{content:"/";color:#3a6c89;margin-right:8px}
.contact-actions{margin-top:auto}
.contact-panel .chat-cta{min-height:46px;width:100%;gap:9px;padding:11px 10px;font:600 12px/1.5 'Noto Sans Georgian',sans-serif;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px)}
.contact-panel .chat-cta svg{width:17px;height:17px}
.contact-panel .response-time{justify-content:center;font:400 10px/1.5 'Noto Sans Georgian',sans-serif;color:#9ebdd0;gap:6px;margin-top:12px}
.contact-panel .response-time svg{width:13px;height:13px;color:#7ad7ed}
.contact-panel .contact-sign{display:flex;gap:10px;margin:14px 0 0;padding-top:12px;border-top:1px solid #8acaf41f;align-items:center}
.contact-panel .contact-sign span{font:700 11px/1.3 'Rajdhani',sans-serif;letter-spacing:1px;color:#9fc5d9}
.contact-panel .contact-sign small{display:block;font:400 9px/1.5 'Noto Sans Georgian',sans-serif;color:#7f9fb5;text-align:right}

/* Film production closes the homepage and has its own warm accent. */
.films-home-feature{
 margin:44px 3px 24px;padding:34px;min-height:206px;border:1px solid #ab8735;clip-path:none;border-radius:4px;
 background:#15150e;box-shadow:0 0 30px #ffd54a14,inset 0 0 40px #ffd54a07
}
.films-home-feature::before{background:linear-gradient(90deg,#151309f5 10%,#17170fad 65%,#19180770)}
.films-home-feature>img{opacity:.35;filter:saturate(.5)}
.films-home-feature p{color:#dbc68e}
.films-home-feature h2{color:#ffe29a;text-shadow:0 0 24px #ffcf454d;font-size:50px}
.films-home-feature h2 em{color:#ffd35b}
.films-home-feature span{color:#efe7d3}
.films-home-feature>a{color:#ffe18b;border-color:#b3923f;font-size:22px;flex-shrink:0}
.films-home-feature>a:hover{color:#fff2bd}

/* Soft cyan pools at separate points down the page, at up to 20% opacity. */
.app-shell{
 background:radial-gradient(ellipse 78% 580px at 96% 10%,rgb(70 188 255 / .20),transparent 72%),
 radial-gradient(ellipse 65% 680px at 3% 46%,rgb(55 177 245 / .16),transparent 72%),
 radial-gradient(ellipse 72% 620px at 91% 83%,rgb(69 193 255 / .20),transparent 74%)
}

/* Fine independent stardust; the canvas is decorative and never captures input. */
.sims-particles{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:8;contain:strict}
.sims-particles[hidden]{display:none}
@media(prefers-reduced-motion:reduce){.sims-particles{display:none}}

/* DUO adds a brand launch programme, clearly separated from monthly work. */
.page-content #duo .offer{max-width:none;background:linear-gradient(140deg,#072a3b,#061624 60%);border:1px solid #306079;padding:32px}
.page-content #duo .duo-intro{max-width:860px}
.page-content #duo .price-block{background:#06121e;border:1px solid #214558;border-radius:4px;margin:24px 0}
.page-content #duo .duo-scope-title{font:600 13px/1.6 'Noto Sans Georgian',sans-serif;color:#87ddf2;margin:24px 0 14px}
.duo-upgrades{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.page-content .duo-upgrade{position:relative;border:1px solid #275169;border-radius:4px;padding:22px 20px;background:linear-gradient(145deg,#0e3142,#091c2b);min-width:0}
.duo-upgrade .upgrade-number{display:block;color:#6795b1;font:600 12px/1 'Rajdhani',sans-serif;letter-spacing:2px;margin-bottom:22px}
.duo-upgrade .upgrade-frequency{display:inline-block;margin-bottom:12px;padding:3px 7px;border:1px solid #35576b;border-radius:3px;color:#a9c7d9;font:500 10px/1.5 'Noto Sans Georgian',sans-serif}
.duo-upgrade--film .upgrade-frequency{border-color:#a08743;color:#ffe39a;background:#ffd65b10}
.page-content .duo-upgrade h4{font:600 17px/1.6 'Noto Sans Georgian',sans-serif;color:#eff9ff;margin:0 0 12px}
.page-content .duo-upgrade p{font:400 12px/1.85 'Noto Sans Georgian',sans-serif;color:#afc9dc}
.page-content .duo-upgrade--film{border-color:#a08743;background:linear-gradient(145deg,#303028,#132330);box-shadow:inset 0 0 24px #ffd35708}
.duo-upgrade--film .upgrade-number{color:#e3c56f}
.page-content .duo-upgrade--film h4{color:#ffe39a}
.page-content #duo .duo-scope-note{font:400 11px/1.85 'Noto Sans Georgian',sans-serif;color:#88a8bf;margin:14px 0 28px;max-width:940px}
.duo-monthly{display:grid;grid-template-columns:1fr 1fr;gap:0 30px}
.page-content #duo .duo-monthly .perks{margin:0}
.page-content #duo .duo-monthly .perks li{display:block;position:relative;padding:12px 0 12px 20px;border-bottom:1px solid #76bce31a;font:400 12px/1.85 'Noto Sans Georgian',sans-serif}
.page-content #duo .duo-monthly .perks li::before{position:absolute;left:0;top:17px}
.page-content #duo .duo-monthly .perks b{color:#dcecf7;font-weight:600}
.page-content #duo .duo-monthly .perks li:last-child{border-bottom:0}

@media(min-width:981px){:root{--side:210px}}
@media(min-width:1181px){.top-grid .contact-panel{height:100%}}
@media(max-width:1180px) and (min-width:761px){
 .top-grid{grid-template-columns:1fr;grid-template-areas:"hero" "platforms" "contact";gap:12px}
 .top-grid .contact-panel{height:auto;min-height:0;display:grid;grid-template-columns:1fr 1fr 1.1fr;align-items:center;gap:24px;padding:28px}
 .contact-panel .contact-heading h2{font-size:32px}.contact-topics{margin-top:10px}.contact-actions{margin-top:0}
}
@media(max-width:980px){.sidebar nav>:is(a,button),.sidebar nav>:is(a,button).selected,.sidebar nav>:first-child{font-size:14px;min-height:48px}}
@media(max-width:760px){
 .campaign-actions{top:0;margin-top:28px}
 .workspace>.contact-panel{margin:22px 0 26px;padding:28px;gap:22px;min-height:0}
 .contact-panel .contact-heading{margin-top:16px}.contact-panel .contact-heading h2{font-size:38px}
 .contact-panel .contact-copy{font-size:13px}.contact-panel .chat-cta{font-size:13px;min-height:48px}
 .films-home-feature{display:block;margin:30px 0 20px;padding:28px 24px;min-height:0}
 .films-home-feature h2{font-size:46px}.films-home-feature>a{font-size:20px;margin-top:22px}
 .page-content #duo .offer{padding:24px 20px}.duo-upgrades{grid-template-columns:1fr}
 .page-content .duo-upgrade{padding:22px}.duo-upgrade .upgrade-number{margin-bottom:12px}
 .duo-monthly{grid-template-columns:1fr}.page-content #duo .duo-scope-title{font-size:12px}
}

/* Centre the header action in its panel; account for the display font's cap height. */
.topbar-right{padding-block:12px}
.topbar .header-cta{position:relative;min-height:40px;padding:8px 34px;line-height:1;align-items:center;justify-content:center;text-align:center}
.topbar .header-cta-label{display:block;line-height:1;translate:0 2px}
.topbar .header-cta svg{position:absolute;right:12px;top:50%;translate:0 -50%;display:block;width:18px;height:18px;margin:0}
.topbar .header-cta:hover{transform:none}
@media(min-width:761px){.topbar .header-cta{display:inline-grid;grid-template-columns:1fr}}

/* A thin chamfered rail with one light travelling continuously around the banner. */
.hero-video-banner::after{content:none}
.hero-video-banner>.hero-orbit-frame{position:absolute;inset:0;z-index:5;width:100%;height:100%;pointer-events:none;overflow:visible}
.hero-orbit-frame path{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}
.hero-orbit-frame .frame-base{stroke:#031d2dcc;stroke-width:7}
.hero-orbit-frame .frame-track{stroke:#55bde5;stroke-width:1;opacity:.68}
.hero-orbit-frame .frame-detail{stroke:#86dfff;stroke-width:1;opacity:.7}
.hero-orbit-frame .frame-beam{stroke-dasharray:78 922;stroke-dashoffset:0;animation:sims-frame-orbit 9s linear infinite}
.hero-orbit-frame .frame-beam-glow{stroke:#31baff;stroke-width:6;opacity:.55;filter:blur(2px)}
.hero-orbit-frame .frame-beam-light{stroke:#d3f7ff;stroke-width:1.8;filter:drop-shadow(0 0 3px #4bcaff)}
@keyframes sims-frame-orbit{to{stroke-dashoffset:-1000}}
@media(prefers-reduced-motion:reduce){.hero-orbit-frame .frame-beam{display:none;animation:none}}