/* source: surgut-v9.css */
#tb-signage{--ink:#211d2a;--muted:#736c7e;--orange:#ff873f;--purple:#8250ec;background:#f9f8fc;color:var(--ink);padding-bottom:55px;isolation:isolate}
#tb-signage *{box-sizing:border-box}
#tb-signage .sg-wrap{width:min(1440px,calc(100% - 64px));margin-inline:auto}
#tb-signage a{text-decoration:none;color:inherit}
#tb-signage button,#tb-signage input,#tb-signage textarea{font:inherit}
#tb-signage button,#tb-signage a{touch-action:manipulation}
#tb-signage :is(a,button,input,textarea,summary):focus-visible{outline:3px solid #b18cff;outline-offset:5px}
#tb-signage :is(h1,h2,h3,p,figure){margin:0}
#tb-signage h1,#tb-signage h2,#tb-signage h3,#tb-signage strong,#tb-signage b{font-family:Onest-Bold,Arial,sans-serif;font-weight:700}
#tb-signage h2{font-size:clamp(32px,3.3vw,52px);line-height:1.12;letter-spacing:-.035em}
#tb-signage h2 em{font-style:normal;color:#8750db}
#tb-signage p{font-size:17px;line-height:1.65}
#tb-signage .sg-crumbs{font-size:13px;color:var(--muted);padding:25px 0;display:flex;flex-wrap:wrap;gap:6px}
#tb-signage .sg-crumbs a{text-decoration:underline;text-underline-offset:4px}
#tb-signage .sg-hero{background:radial-gradient(ellipse at 94% 8%,#372148 0,transparent 53%),#191421;color:#fff;border-radius:30px;padding:30px 44px 22px;position:relative;overflow:hidden}
#tb-signage .sg-topline{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #ffffff24;padding-bottom:23px;font-size:12px;letter-spacing:.12em;color:#c4b7cf}
#tb-signage i{display:inline-block;width:6px;height:6px;background:#b0e5b9;border-radius:50%;vertical-align:middle;margin-right:7px}
#tb-signage .sg-hero-grid{display:grid;grid-template-columns:1fr 1.04fr;gap:35px;align-items:center;padding:40px 0 36px}
#tb-signage .sg-kicker{font-size:12px;line-height:1.5;text-transform:uppercase;letter-spacing:.11em;color:#8350c5;margin-bottom:20px;font-family:Onest-Bold,Arial,sans-serif}
#tb-signage .sg-hero .sg-kicker{color:#cab5e6;font-size:12px}
#tb-signage h1{font-size:clamp(40px,4.8vw,70px);line-height:1.05;letter-spacing:-.045em;margin-bottom:25px;color:#fff}
#tb-signage h1 em{font-style:normal;background:linear-gradient(95deg,#ffd29b,#ff844c);background-clip:text;-webkit-background-clip:text;color:transparent}
#tb-signage .sg-tagline{font-size:clamp(22px,2.2vw,30px);line-height:1.26;letter-spacing:-.02em;color:#eee5f6;margin-bottom:22px}
#tb-signage .sg-tagline span{color:#ffb97e}
#tb-signage .sg-lead{font-size:16px;line-height:1.65;color:#bfb1ce;max-width:460px}
#tb-signage .sg-actions{display:flex;align-items:center;gap:23px;flex-wrap:wrap;margin-top:28px}
#tb-signage .sg-btn{display:inline-flex;align-items:center;justify-content:center;gap:25px;background:linear-gradient(110deg,#ffb454,#ff7945);color:#221727;border:0;border-radius:12px;min-height:58px;padding:17px 24px;font-family:Onest-Bold,Arial,sans-serif;font-size:16px;line-height:1.3;text-align:center;cursor:pointer;transition:transform .2s,box-shadow .2s}
#tb-signage .sg-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ff8c4338}
#tb-signage .sg-btn span{font-size:24px;line-height:1}
#tb-signage .sg-textlink{font-size:14px;text-decoration:underline;text-underline-offset:7px;text-decoration-color:#ffffff66;line-height:1.5}
#tb-signage .sg-trust{display:flex;gap:9px 16px;flex-wrap:wrap;list-style:none;padding:0;margin:25px 0 0;color:#c1b4cf;font-size:12px;line-height:1.5}
#tb-signage .sg-trust li:before{content:'✓';color:#b390f0;margin-right:6px}
#tb-signage .sg-lab{min-width:0}
#tb-signage .sg-lab-top{display:flex;justify-content:space-between;color:#b9a6ca;gap:15px;font-size:12px;letter-spacing:.09em;margin-bottom:14px}
#tb-signage .sg-live{white-space:nowrap;letter-spacing:0}
#tb-signage .sg-scene{height:340px;background:radial-gradient(ellipse at 50% 70%,#8b559737,transparent 60%),#181922;border:1px solid #77698166;border-radius:17px;position:relative;overflow:hidden;perspective:900px;transition:background .5s;color:#aeadbe}
#tb-signage .sg-scene-grid{position:absolute;inset:0;background:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:35px 35px;opacity:.6}
#tb-signage .sg-scene-label{position:absolute;top:22px;left:22px;font-size:12px;letter-spacing:.15em;z-index:2}
#tb-signage .sg-facade{position:absolute;left:11%;top:27%;width:76%;height:67%;background:repeating-linear-gradient(0deg,transparent 0 41px,#0004 42px 44px),linear-gradient(135deg,#41444f,#272932);border-top:5px solid #62626d;box-shadow:15px 10px 0 #11131e,35px 35px 60px #0007;transform:rotateY(-12deg) rotateX(2deg);transition:background .5s}
#tb-signage .sg-signboard{height:42%;margin:0 9%;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;z-index:2}
#tb-signage #sg-sign-text{display:block;width:100%;font-family:Onest-Bold,Arial,sans-serif;font-size:clamp(19px,2.9vw,42px);line-height:1.12;letter-spacing:-.03em;text-transform:uppercase;color:var(--sign-color);text-shadow:0 0 3px var(--sign-color),0 0 24px var(--sign-color),2px 3px #777;overflow-wrap:anywhere;transition:color .35s,text-shadow .35s}
#tb-signage #sg-sign-text.sg-long-name{font-size:clamp(17px,2vw,28px)}
#tb-signage .sg-windows{height:58%;margin:0 7%;display:grid;grid-template-columns:1fr .7fr 1fr;gap:9px}
#tb-signage .sg-windows span{border:5px solid #10131c;background:linear-gradient(120deg,#ffffff0b 5%,transparent 6% 35%,#ffffff12 36% 38%,transparent 39%),linear-gradient(#ad816444,#1c202b);box-shadow:inset 0 0 0 1px #ffffff33}
#tb-signage .sg-side-sign{position:absolute;right:-9%;top:36%;width:50px;height:55px;border:3px solid #b5a5c6;background:#231532;color:#edc1ff;font-size:31px;font-family:Onest-Bold,Arial,sans-serif;text-align:center;padding-top:5px;box-shadow:0 0 15px #edc1ff40;transform:skewY(-6deg)}
#tb-signage .sg-ground{position:absolute;bottom:-48px;left:7%;width:88%;height:96px;background:radial-gradient(ellipse,#cf92ff25,transparent 66%);transform:rotateX(30deg)}
#tb-signage .sg-scale{position:absolute;bottom:12px;left:22px;font-size:12px;letter-spacing:.05em}
#tb-signage .sg-daynight{position:absolute;right:12px;top:12px;display:flex;padding:3px;background:#0c0b1599;border:1px solid #ffffff29;border-radius:30px;z-index:3}
#tb-signage .sg-daynight button{background:transparent;border:0;color:#aaa1b8;border-radius:20px;font-size:12px;padding:7px 12px;cursor:pointer}
#tb-signage .sg-daynight button[aria-pressed=true]{background:#f0e8f8;color:#282035}
#tb-signage .sg-scene[data-time=day]{background:#d8d6df;color:#575560}
#tb-signage .sg-scene[data-time=day] .sg-facade{background:repeating-linear-gradient(0deg,transparent 0 41px,#0002 42px 44px),linear-gradient(135deg,#a5a3ae,#72717f)}
#tb-signage .sg-scene[data-time=day] #sg-sign-text{ text-shadow:2px 3px #5a5664,3px 4px 5px #0005}
#tb-signage .sg-scene[data-kind=plain] #sg-sign-text{color:var(--sign-color);text-shadow:2px 3px #292635}
#tb-signage .sg-scene[data-kind=box] .sg-signboard{margin-top:12px;height:35%;border:3px solid #d5c4e8;background:var(--sign-color);box-shadow:0 0 24px #c3abed66;padding:8px}
#tb-signage .sg-scene[data-kind=box] #sg-sign-text{color:#25172f;text-shadow:none;font-size:clamp(16px,2.3vw,31px)}
#tb-signage .sg-controls{border:1px solid #ffffff25;border-radius:15px;background:#ffffff06;padding:18px;margin-top:13px;display:grid;grid-template-columns:auto 1fr;gap:12px 15px;align-items:center}
#tb-signage .sg-controls label{font-size:12px;color:#c2b1d0}
#tb-signage .sg-controls input{width:100%;min-width:0;border:1px solid #ffffff30;background:#ffffff08;color:#fff;border-radius:8px;padding:10px 12px;font-size:13px}
#tb-signage .sg-controls input::placeholder{color:#a99ab7}
#tb-signage .sg-switches{grid-column:1/-1;display:flex;gap:6px;flex-wrap:wrap}
#tb-signage .sg-switches button{flex:1;border:1px solid #ffffff29;color:#b6a6c5;background:transparent;padding:9px 6px;font-size:12px;border-radius:7px;cursor:pointer;white-space:nowrap}
#tb-signage .sg-switches button[aria-pressed=true]{color:#f3e6ff;background:#8153b64a;border-color:#ac7de7}
#tb-signage .sg-color-row{display:flex;align-items:center;gap:14px;grid-column:1/-1;font-size:12px;color:#bbacc9}
#tb-signage .sg-color-row>div{display:flex;gap:10px}
#tb-signage [data-color]{background:var(--swatch);width:25px;height:25px;border:2px solid #ffffff40;border-radius:50%;cursor:pointer;padding:0}
#tb-signage [data-color][aria-pressed=true]{outline:1px solid #fff;outline-offset:3px}
#tb-signage #sg-color-label{margin-left:auto;font-size:12px}
#tb-signage .sg-disclaimer{font-size:12px;color:#a192af;line-height:1.5;margin-top:12px}
#tb-signage .sg-hero-bottom{border-top:1px solid #ffffff24;padding-top:17px;display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:12px;letter-spacing:.12em;color:#b2a0c6}
#tb-signage .sg-hero-bottom a{font-size:23px;color:#ffc28c;border:1px solid #ffffff29;border-radius:50%;width:30px;height:30px;text-align:center}
#tb-signage .sg-jump{display:flex;justify-content:center;gap:35px;padding:26px 0;border-bottom:1px solid #e3ddea;flex-wrap:wrap;font-size:14px}
#tb-signage .sg-jump a:hover{color:#8550d3}
#tb-signage .sg-section{padding:80px 0;scroll-margin-top:120px}
#tb-signage .sg-section-head{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:end;margin-bottom:34px}
#tb-signage .sg-section-head>p{max-width:550px;color:var(--muted)}
#tb-signage .sg-type-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
#tb-signage .sg-type-card{border:1px solid #e7e1ed;border-radius:17px;overflow:hidden;background:#fff;transition:transform .25s,box-shadow .25s}
#tb-signage .sg-type-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #38204410}
#tb-signage .sg-type-art{height:155px;position:relative;background:radial-gradient(ellipse at 50% 10%,#524763,#28232e);display:flex;justify-content:center;align-items:center;padding:25px 15px;color:#fff}
#tb-signage .sg-type-art b{font-size:24px;letter-spacing:-.04em;transform:perspective(300px) rotateY(-14deg);text-shadow:2px 3px #756779;max-width:100%;overflow-wrap:anywhere}
#tb-signage .sg-type-no{position:absolute;top:13px;left:14px;font-size:12px;color:#ffffff60}
#tb-signage .sg-type-arrow{position:absolute;bottom:12px;right:15px;font-size:21px;color:#decdef}
#tb-signage .sg-art-light b{color:#fff7df;text-shadow:0 0 13px #ffe5b6,2px 3px #6e6872}
#tb-signage .sg-art-box b{background:#fff3de;color:#3d304b;padding:12px;font-size:20px;box-shadow:4px 5px #baa6c5,0 0 25px #ffdeb33b;text-shadow:none}
#tb-signage .sg-art-neon b{color:#e2b3ff;font-size:30px;font-style:italic;text-shadow:0 0 3px #fff,0 0 15px #dd8eff,0 0 30px #bc58ef}
#tb-signage .sg-art-led b{letter-spacing:.1em;color:#b6eeff;text-shadow:0 0 15px #66caff}
#tb-signage .sg-art-panel b{width:60px;height:60px;display:grid;place-items:center;background:#9a67f0;box-shadow:-10px 0 #574164,0 0 30px #9a67f033;border:2px solid #c4a4fc;border-radius:9px}
#tb-signage .sg-art-roof:after{content:'';position:absolute;height:30px;background:#74667a;left:20px;right:20px;bottom:32px;transform:skewY(-4deg)}
#tb-signage .sg-art-roof b{position:relative;bottom:12px;z-index:1}
#tb-signage .sg-art-ready b{border:1px solid #fff8;padding:12px;font-size:20px}
#tb-signage .sg-type-info{padding:20px 17px}
#tb-signage .sg-type-info h3{font-size:17px;line-height:1.25;letter-spacing:-.025em;margin-bottom:10px}
#tb-signage .sg-type-info p{font-size:13px;line-height:1.55;color:var(--muted)}
#tb-signage .sg-small{font-size:12px;color:var(--muted);line-height:1.6;margin-top:17px}
#tb-signage .sg-price-section{border-top:1px solid #e3ddea;border-bottom:1px solid #e3ddea}
#tb-signage .sg-prices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
#tb-signage .sg-prices article{background:#fff;border:1px solid #e3ddea;border-radius:20px;padding:30px;display:flex;flex-direction:column}
#tb-signage .sg-price-tag{font-size:12px;letter-spacing:.1em;color:#8b6aac;margin-bottom:24px}
#tb-signage .sg-prices h3{font-size:23px;letter-spacing:-.025em;line-height:1.2;max-width:270px}
#tb-signage .sg-price{font-size:48px;font-family:Onest-Bold,Arial,sans-serif;line-height:1.2;letter-spacing:-.035em;margin:24px 0}
#tb-signage .sg-price small{font-size:19px;color:var(--muted);font-family:Onest-Regular,Arial,sans-serif}
#tb-signage .sg-prices article>p:not(.sg-price){font-size:14px;color:var(--muted);margin-bottom:25px}
#tb-signage .sg-prices article>a{margin-top:auto;font-size:14px;color:#7542b4;text-decoration:underline;text-underline-offset:4px}
#tb-signage .sg-price-note{display:flex;justify-content:space-between;align-items:center;gap:35px;margin-top:25px}
#tb-signage .sg-price-note p{font-size:12px;color:var(--muted);max-width:720px}
#tb-signage .sg-price-note p a{text-decoration:underline}
#tb-signage .sg-price-note .sg-btn{flex-shrink:0}
#tb-signage .sg-work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-bottom:25px}
#tb-signage .sg-work-grid figure>a{display:block;position:relative;overflow:hidden;border-radius:18px}
#tb-signage .sg-work-grid img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;transition:transform .4s}
#tb-signage .sg-work-grid a:hover img{transform:scale(1.035)}
#tb-signage .sg-expand{position:absolute;bottom:15px;right:15px;background:#fff;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;font-size:21px}
#tb-signage figcaption{padding:17px 0}
#tb-signage figcaption h3{font-size:20px;margin-bottom:5px}
#tb-signage figcaption p{font-size:14px;color:var(--muted)}
#tb-signage .sg-darklink{color:#7440b3;text-decoration-color:#7440b366}
#tb-signage .sg-production{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;border-top:1px solid #e3ddea}
#tb-signage .sg-production-photo{position:relative}
#tb-signage .sg-production-photo img{width:100%;height:auto;aspect-ratio:4/4.5;object-fit:cover;border-radius:22px;display:block}
#tb-signage .sg-production-photo>span{position:absolute;bottom:0;left:0;right:0;color:#fff;font-size:12px;letter-spacing:.08em;background:linear-gradient(transparent,#191323dd);padding:60px 25px 25px;border-radius:0 0 22px 22px}
#tb-signage .sg-production h2{margin-bottom:23px}
#tb-signage .sg-production p{color:var(--muted);font-size:16px}
#tb-signage .sg-checks{list-style:none;padding:0;margin:25px 0;display:grid;gap:20px}
#tb-signage .sg-checks li{padding-left:26px;position:relative}
#tb-signage .sg-checks li:before{content:'✓';color:#9b64e1;position:absolute;left:0;top:1px}
#tb-signage .sg-checks strong{display:block;font-size:16px;margin-bottom:4px}
#tb-signage .sg-checks span{display:block;font-size:14px;line-height:1.5;color:var(--muted)}
#tb-signage .sg-inline-links{display:flex;flex-wrap:wrap;gap:20px;color:#7843be;font-size:14px}
#tb-signage .sg-inline-links a{text-decoration:underline;text-underline-offset:5px}
#tb-signage .sg-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;padding:0;list-style:none;margin:38px 0 0}
#tb-signage .sg-steps li{border-top:1px solid #cec1df;padding-top:20px}
#tb-signage .sg-steps li>span{color:#a286c1;font-size:36px;display:block;margin-bottom:28px}
#tb-signage .sg-steps h3{font-size:20px;line-height:1.3;margin-bottom:12px}
#tb-signage .sg-steps p{font-size:14px;color:var(--muted)}
#tb-signage .sg-order{display:grid;grid-template-columns:1fr 1fr;gap:65px;border-radius:25px;padding:48px;background:radial-gradient(ellipse at 10% 0%,#482a58,transparent 75%),#211728;color:#fff}
#tb-signage .sg-order .sg-kicker{color:#c19dec}
#tb-signage .sg-order h2{margin-bottom:25px}
#tb-signage .sg-order h2 em{color:#ffb878}
#tb-signage .sg-order p{font-size:15px;color:#bcadc8}
#tb-signage .sg-brief{border-top:1px solid #ffffff25;border-bottom:1px solid #ffffff25;margin:25px 0 0;padding:22px 0}
#tb-signage .sg-brief>span{font-size:12px;letter-spacing:.1em;color:#bc94e5;display:block;margin-bottom:10px}
#tb-signage .sg-brief strong{font-size:18px;display:block;overflow-wrap:anywhere;margin-bottom:8px}
#tb-signage .sg-brief p,#tb-signage .sg-order .sg-small{font-size:12px}
#tb-signage #sg-order-form{display:flex;flex-direction:column;gap:10px;padding:28px;border:1px solid #ffffff26;background:#ffffff06;border-radius:18px;min-width:0}
#tb-signage #sg-order-form label{font-size:12px;color:#d1c1dd}
#tb-signage #sg-order-form :is(input:not([type=hidden]),textarea){width:100%;min-width:0;padding:13px 14px;border:1px solid #ffffff32;background:#ffffff08;color:#fff;border-radius:9px;font-size:16px;margin-bottom:6px}
#tb-signage #sg-order-form textarea{resize:vertical;min-height:90px}
#tb-signage #sg-order-form ::placeholder{color:#a597b3}
#tb-signage #sg-order-form .sg-consent{font-size:12px;text-align:center;line-height:1.5;margin-top:3px}
#tb-signage .sg-consent a{text-decoration:underline}
#tb-signage .sg-local{display:grid;grid-template-columns:1fr 1fr;gap:65px;border-bottom:1px solid #e3ddea}
#tb-signage .sg-local p:not(.sg-kicker){color:var(--muted);margin-bottom:20px}
#tb-signage .sg-faq{display:grid;grid-template-columns: .8fr 1.2fr;gap:65px}
#tb-signage .sg-faq>div>p:not(.sg-kicker){color:var(--muted);margin-top:23px}
#tb-signage .sg-faq details{border-bottom:1px solid #ddd4e8;padding:19px 0}
#tb-signage .sg-faq details:first-child{border-top:1px solid #ddd4e8}
#tb-signage .sg-faq summary{font-family:Onest-Bold,Arial,sans-serif;font-size:16px;line-height:1.5;cursor:pointer;display:flex;align-items:center;gap:20px;justify-content:space-between;list-style:none}
#tb-signage .sg-faq summary::-webkit-details-marker{display:none}
#tb-signage .sg-faq summary span{font-size:25px;color:#8c59cc;flex-shrink:0}
#tb-signage .sg-faq details[open] summary span{transform:rotate(45deg)}
#tb-signage .sg-faq details p{font-size:14px;line-height:1.7;color:var(--muted);padding:16px 30px 0 0}
@media(min-width:1600px){#tb-signage .sg-hero-grid{gap:65px}#tb-signage .sg-hero{padding-inline:55px}#tb-signage .sg-scene{height:390px}}
@media(max-width:1150px){#tb-signage .sg-wrap{width:calc(100% - 40px)}#tb-signage .sg-hero{padding:25px 28px 20px}#tb-signage .sg-hero-grid{gap:25px}#tb-signage .sg-type-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#tb-signage .sg-prices article{padding:23px}#tb-signage .sg-section-head,#tb-signage .sg-production,#tb-signage .sg-local,#tb-signage .sg-faq{gap:35px}#tb-signage .sg-order{padding:35px;gap:35px}#tb-signage .sg-price{font-size:39px}}
@media(max-width:850px){#tb-signage .sg-hero-grid{grid-template-columns:1fr;padding-top:30px;gap:35px}#tb-signage h1{font-size:60px}#tb-signage .sg-copy{max-width:650px}#tb-signage .sg-lead{max-width:560px}#tb-signage .sg-scene{height:370px}#tb-signage #sg-sign-text{font-size:42px}#tb-signage #sg-sign-text.sg-long-name{font-size:30px}#tb-signage .sg-scene[data-kind=box] #sg-sign-text{font-size:30px}#tb-signage .sg-lab{max-width:620px;width:100%;margin:auto}#tb-signage .sg-prices{grid-template-columns:1fr}#tb-signage .sg-prices article{display:grid;grid-template-columns:1fr 1fr;gap:12px 30px}#tb-signage .sg-prices .sg-price-tag{grid-column:1/-1;margin:0}#tb-signage .sg-price{grid-column:2;grid-row:2/4;align-self:center;margin:0}#tb-signage .sg-prices article>p:not(.sg-price){margin:0}#tb-signage .sg-prices article>a{grid-column:1/-1}#tb-signage .sg-price-note{flex-direction:column;align-items:start;gap:20px}#tb-signage .sg-order{grid-template-columns:1fr}#tb-signage .sg-steps{grid-template-columns:repeat(2,minmax(0,1fr))}#tb-signage .sg-faq{grid-template-columns:1fr}#tb-signage .sg-jump{gap:16px 25px}#tb-signage .sg-work-grid{gap:15px}#tb-signage .sg-production{grid-template-columns:1fr}#tb-signage .sg-production-photo img{aspect-ratio:16/9}}
@media(max-width:560px){#tb-signage{padding-bottom:30px}#tb-signage .sg-wrap{width:calc(100% - 28px)}#tb-signage .sg-crumbs{font-size:12px;padding:18px 0;gap:4px}#tb-signage .sg-hero{border-radius:21px;padding:21px 20px 15px}#tb-signage .sg-topline{font-size:12px;letter-spacing:.06em;padding-bottom:15px;gap:10px;flex-wrap:wrap}#tb-signage .sg-hero-grid{padding:25px 0;gap:30px}#tb-signage h1{font-size:clamp(35px,9.4vw,51px);margin-bottom:20px}#tb-signage .sg-hero .sg-kicker{font-size:12px;margin-bottom:16px}#tb-signage .sg-tagline{font-size:23px;margin-bottom:15px}#tb-signage .sg-lead{font-size:14px}#tb-signage .sg-actions{gap:17px;margin-top:22px}#tb-signage .sg-actions .sg-btn{width:100%;font-size:14px;padding:16px 12px;gap:18px;min-height:55px}#tb-signage .sg-actions .sg-textlink{font-size:12px}#tb-signage .sg-trust{font-size:12px;gap:8px 10px;margin-top:20px}#tb-signage .sg-lab-top{font-size:12px;gap:9px}#tb-signage .sg-scene{height:250px}#tb-signage .sg-scene-label{font-size:7px;left:13px;top:53px}#tb-signage .sg-side-sign{width:34px;height:40px;font-size:22px}#tb-signage .sg-windows{gap:5px}#tb-signage .sg-windows span{border-width:3px}#tb-signage #sg-sign-text{font-size:27px}#tb-signage #sg-sign-text.sg-long-name{font-size:19px}#tb-signage .sg-scene[data-kind=box] #sg-sign-text{font-size:20px}#tb-signage .sg-scale{font-size:12px;left:13px}#tb-signage .sg-controls{grid-template-columns:1fr;padding:13px;gap:9px}#tb-signage .sg-controls label{font-size:12px}#tb-signage .sg-controls input{font-size:16px}#tb-signage .sg-switches{gap:5px}#tb-signage .sg-switches button{font-size:12px;padding:9px 3px}#tb-signage .sg-color-row{gap:11px;font-size:12px;margin-top:5px}#tb-signage .sg-color-row>div{gap:10px}#tb-signage [data-color]{width:24px;height:24px}#tb-signage #sg-color-label{font-size:12px}#tb-signage .sg-disclaimer{font-size:12px}#tb-signage .sg-hero-bottom{gap:8px;font-size:12px;letter-spacing:.02em}#tb-signage .sg-jump{font-size:12px;padding:20px 0;gap:12px 20px}#tb-signage .sg-section{padding:48px 0;scroll-margin-top:100px}#tb-signage .sg-section-head{grid-template-columns:1fr;gap:20px;margin-bottom:24px}#tb-signage h2{font-size:32px}#tb-signage .sg-kicker{font-size:12px;margin-bottom:14px}#tb-signage p{font-size:14px}#tb-signage .sg-type-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#tb-signage .sg-type-art{height:124px;padding:20px 10px}#tb-signage .sg-type-art b{font-size:20px}#tb-signage .sg-art-box b,#tb-signage .sg-art-ready b{font-size:15px;padding:9px}#tb-signage .sg-art-neon b{font-size:25px}#tb-signage .sg-type-info{padding:15px 12px}#tb-signage .sg-type-info h3{font-size:15px}#tb-signage .sg-type-info p{font-size:12px}#tb-signage .sg-small{font-size:12px}#tb-signage .sg-prices article{display:flex;padding:23px}#tb-signage .sg-prices h3{font-size:22px}#tb-signage .sg-prices .sg-price-tag{margin-bottom:10px}#tb-signage .sg-price{align-self:start;font-size:43px;margin:8px 0}#tb-signage .sg-prices article>p:not(.sg-price){font-size:13px;margin-bottom:10px}#tb-signage .sg-price-note p{font-size:12px}#tb-signage .sg-price-note .sg-btn{width:100%;font-size:14px}#tb-signage .sg-work-grid{grid-template-columns:1fr;gap:20px}#tb-signage .sg-work-grid img{aspect-ratio:4/3}#tb-signage figcaption{padding:13px 0 0}#tb-signage figcaption h3{font-size:18px}#tb-signage figcaption p{font-size:12px}#tb-signage .sg-production{gap:25px}#tb-signage .sg-production p{font-size:14px}#tb-signage .sg-production-photo img{aspect-ratio:4/3}#tb-signage .sg-production-photo>span{font-size:12px;padding:40px 15px 18px}#tb-signage .sg-checks strong{font-size:14px}#tb-signage .sg-checks span{font-size:12px}#tb-signage .sg-inline-links{font-size:12px;gap:15px}#tb-signage .sg-steps{gap:24px 20px;margin-top:25px}#tb-signage .sg-steps li>span{font-size:28px;margin-bottom:20px}#tb-signage .sg-steps h3{font-size:17px}#tb-signage .sg-steps p{font-size:12px}#tb-signage .sg-order{padding:27px 20px;gap:25px}#tb-signage .sg-order p{font-size:14px}#tb-signage .sg-order .sg-small,#tb-signage .sg-brief p{font-size:12px}#tb-signage #sg-order-form{padding:18px 15px}#tb-signage #sg-order-form .sg-btn{font-size:14px;padding:15px 12px}#tb-signage .sg-local{grid-template-columns:1fr;gap:22px}#tb-signage .sg-faq{gap:24px}#tb-signage .sg-faq summary{font-size:14px}#tb-signage .sg-faq details p{font-size:13px;padding-right:8px}}
@media(prefers-reduced-motion:reduce){#tb-signage *,#tb-signage *:before,#tb-signage *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Page-local clearance for the existing fixed header. */
#tb-signage{padding-top:140px}
@media(max-width:850px){#tb-signage{padding-top:100px}}
@media(max-width:560px){#tb-signage{padding-top:70px}}
/* Signage studio: page-local architectural hero. */
#tb-signage{background:#faf9f6;--ink:#242628;--muted:#69696d}
#tb-signage .sg-hero{background:none;color:var(--ink);padding:20px 0 36px;border-radius:0;overflow:visible}
#tb-signage .sg-topline{border-color:#dfded8;color:#69696d;padding-bottom:20px}
#tb-signage .sg-hero-grid{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:54px;padding:20px 0;align-items:center}
#tb-signage .sg-hero .sg-kicker{color:#7b55be;letter-spacing:.15em;font-size:12px}
#tb-signage h1{font-size:clamp(44px,4.7vw,70px);color:#242628;letter-spacing:-.055em;line-height:1.05;margin-bottom:25px}
#tb-signage h1 em{color:#7846cf;background:none}
#tb-signage .sg-tagline{font-size:27px;color:#242628;line-height:1.3;margin-bottom:20px}
#tb-signage .sg-tagline span{color:#242628}
#tb-signage .sg-lead{color:#69696d;font-size:16px;max-width:460px}
#tb-signage .sg-actions{gap:18px;margin-top:26px}
#tb-signage .sg-btn{background:linear-gradient(110deg,#ffb14b,#ff743e);border-radius:10px;box-shadow:0 5px 16px #ff8e3b20}
#tb-signage .sg-hero .sg-textlink{color:#565459;text-decoration-color:#aaa6af}
#tb-signage .sg-trust{color:#69696d;font-size:12px;gap:8px 14px}
#tb-signage .sg-trust li:before{color:#8052c4}
#tb-signage .sg-lab{width:100%;max-width:none;margin:0;min-width:0}
#tb-signage .sg-lab-top{color:#69696d;margin-bottom:12px;letter-spacing:.09em;font-size:12px}
#tb-signage .sg-scene{height:auto;aspect-ratio:3/2;width:100%;background:#333;border:0;border-radius:18px;perspective:none;isolation:isolate;box-shadow:0 20px 40px #22222210}
#tb-signage .sg-scene-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .45s;display:block}
#tb-signage .sg-scene-photo-day{opacity:0}
#tb-signage .sg-scene[data-time=day] .sg-scene-photo-day{opacity:1}
#tb-signage .sg-scene[data-time=day] .sg-scene-photo-night{opacity:0}
#tb-signage .sg-signboard{position:absolute;left:13%;top:16%;width:74%;height:14%;margin:0;padding:0 1%;display:flex;align-items:center;justify-content:center;text-align:center;z-index:2}
#tb-signage #sg-sign-text,#tb-signage #sg-sign-text.sg-long-name{font-family:Onest-Bold,Arial,sans-serif;font-size:clamp(23px,3.3vw,51px);line-height:1.12;letter-spacing:.035em;white-space:nowrap;overflow-wrap:normal;color:var(--sign-color);text-shadow:1px 1px #605e5c,2px 2px #373532,3px 3px #292725,5px 6px 5px #0008,0 0 8px var(--sign-color),0 0 20px color-mix(in srgb,var(--sign-color) 55%,transparent);filter:none;transition:color .2s,text-shadow .2s}
#tb-signage .sg-scene[data-time=day] #sg-sign-text,#tb-signage .sg-scene[data-kind=plain] #sg-sign-text{color:var(--sign-color);text-shadow:1px 1px #817c75,2px 2px #57524c,3px 3px #322f2b,5px 6px 4px #0008}
#tb-signage .sg-scene[data-kind=halo] #sg-sign-text{color:#c9c4ba;text-shadow:1px 1px #4f4b45,2px 2px #393631,3px 3px #222,0 0 6px var(--sign-color),0 0 16px var(--sign-color),0 0 28px var(--sign-color)}
#tb-signage .sg-scene[data-kind=halo][data-time=day] #sg-sign-text{color:#c9c4ba;text-shadow:1px 1px #4f4b45,2px 2px #393631,4px 5px 5px #0009}
#tb-signage .sg-scene[data-kind=box] .sg-signboard{top:15%;height:17%;margin:0;border:2px solid #aaa59b;background:var(--sign-color);border-radius:2px;box-shadow:2px 3px #24231f,0 0 12px #fff5;padding:0 3%}
#tb-signage .sg-scene[data-kind=box] #sg-sign-text{font-size:clamp(23px,3vw,45px);color:var(--sign-ink,#222);text-shadow:none}
#tb-signage .sg-scene[data-color-dark=true][data-kind=letters] #sg-sign-text{color:var(--sign-color);text-shadow:1px 1px #928a7e,2px 2px #5c554c,4px 5px 4px #0009}
#tb-signage .sg-daynight{top:auto;bottom:13px;right:13px;background:#171b1fca;backdrop-filter:blur(8px);border:1px solid #fff3}
#tb-signage .sg-daynight button{color:#e1e2e2;font-size:12px;padding:8px 13px}
#tb-signage .sg-daynight button[aria-pressed=true]{color:#242628;background:#fff}
#tb-signage .sg-controls{background:#fff;color:#252629;border:1px solid #e3e0da;border-radius:14px;padding:18px 20px;gap:13px 16px;margin-top:15px;box-shadow:0 8px 22px #18181804}
#tb-signage .sg-controls label{color:#57565b;font-size:12px}
#tb-signage .sg-controls input{background:#faf9f6;border-color:#dedbd6;color:#242628;padding:10px 12px;font-size:16px}
#tb-signage .sg-controls input::placeholder{color:#979498}
#tb-signage .sg-switches{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
#tb-signage .sg-switches button{background:#fff;border:1px solid #dfdbe4;color:#68636e;font-size:12px;padding:10px 5px;white-space:normal;min-height:36px}
#tb-signage .sg-switches button[aria-pressed=true]{color:#6736ad;border-color:#9c79cc;background:#f3edf9}
#tb-signage .sg-color-row{display:grid;grid-template-columns:auto 1fr;gap:10px 14px;color:#65616b;font-size:12px}
#tb-signage .sg-color-row>div{display:flex;flex-wrap:wrap;gap:9px;grid-column:1/-1;grid-row:2}
#tb-signage [data-color]{width:29px;height:29px;border:1px solid #0002;border-radius:50%;outline-offset:3px;transition:transform .2s;flex:none}
#tb-signage [data-color]:hover{transform:scale(1.1)}
#tb-signage [data-color][aria-pressed=true]{outline:2px solid #7046a7;outline-offset:3px}
#tb-signage #sg-color-label{font-size:12px;margin-left:auto}
#tb-signage .sg-disclaimer{color:#8b8790;font-size:12px;line-height:1.5;max-width:620px;margin-top:10px}
#tb-signage .sg-hero-bottom{color:#85808b;border-color:#dedbd5}
#tb-signage .sg-editorial{border-top:1px solid #e3dfd8}
#tb-signage .sg-editorial>p{max-width:960px;color:var(--muted);margin-top:22px}
#tb-signage .sg-editorial-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:30px}
#tb-signage .sg-editorial-card{background:#fff;border:1px solid #e5e1da;border-radius:16px;padding:28px}
#tb-signage .sg-editorial-card h3{font-size:23px;line-height:1.25;margin-bottom:15px}
#tb-signage .sg-editorial-card p,#tb-signage .sg-editorial li{font-size:15px;line-height:1.7;color:var(--muted)}
#tb-signage .sg-editorial p+p{margin-top:16px}
#tb-signage .sg-editorial a{color:#7445b6;text-decoration:underline;text-underline-offset:3px}
#tb-signage .sg-editorial ul{padding-left:20px}
#tb-signage .sg-work-filters{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 25px}
#tb-signage [data-work-filter]{border:1px solid #ded9e5;border-radius:24px;background:white;padding:10px 17px;color:#67616e;cursor:pointer;font-size:13px}
#tb-signage [data-work-filter][aria-pressed=true]{background:#28232e;color:#fff;border-color:#28232e}
#tb-signage [hidden]{display:none!important}
#tb-signage .sg-work-grid{gap:28px 22px}
#tb-signage .sg-work-grid figure{min-width:0}
#tb-signage .sg-work-grid img{aspect-ratio:4/3}
#tb-signage .sg-work-grid figcaption h3{font-size:19px}
#tb-signage .sg-work-grid figcaption p{font-size:13px}
@media(max-width:1150px){#tb-signage .sg-hero{padding:16px 0 30px}#tb-signage .sg-hero-grid{gap:28px;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}#tb-signage h1{font-size:clamp(40px,4.8vw,60px)}#tb-signage .sg-tagline{font-size:23px}#tb-signage .sg-color-row>div{gap:8px}#tb-signage [data-color]{width:26px;height:26px}}
@media(max-width:850px){#tb-signage .sg-hero-grid{grid-template-columns:1fr;gap:30px;padding:10px 0 20px}#tb-signage .sg-copy{max-width:700px}#tb-signage h1{font-size:60px}#tb-signage .sg-lab{max-width:none}#tb-signage .sg-scene{height:auto}#tb-signage #sg-sign-text,#tb-signage #sg-sign-text.sg-long-name,#tb-signage .sg-scene[data-kind=box] #sg-sign-text{font-size:clamp(24px,6vw,49px)}#tb-signage .sg-editorial-grid{gap:18px}#tb-signage .sg-editorial-card{padding:22px}}
@media(max-width:560px){#tb-signage .sg-hero{padding:10px 0 25px;border-radius:0}#tb-signage h1{font-size:clamp(38px,10.3vw,55px);margin-bottom:18px}#tb-signage .sg-hero .sg-kicker{font-size:12px;margin-bottom:14px}#tb-signage .sg-tagline{font-size:22px;margin-bottom:14px}#tb-signage .sg-lead{font-size:14px}#tb-signage .sg-trust{font-size:12px;gap:7px 12px;margin-top:19px}#tb-signage .sg-lab-top{font-size:12px}#tb-signage .sg-scene{border-radius:12px}#tb-signage .sg-controls{padding:15px;grid-template-columns:1fr;gap:11px}#tb-signage .sg-switches{grid-template-columns:1fr 1fr}#tb-signage .sg-switches button{font-size:12px;padding:9px}#tb-signage .sg-color-row{gap:10px}#tb-signage .sg-color-row>div{display:grid;grid-template-columns:repeat(6,1fr);gap:12px 8px}#tb-signage [data-color]{width:30px;height:30px;justify-self:center}#tb-signage .sg-daynight button{font-size:12px;padding:6px 10px}#tb-signage .sg-daynight{bottom:9px;right:9px}#tb-signage .sg-disclaimer{font-size:12px}#tb-signage .sg-editorial-grid{grid-template-columns:1fr}#tb-signage .sg-editorial-card h3{font-size:21px}#tb-signage .sg-editorial-card p,#tb-signage .sg-editorial li{font-size:14px}#tb-signage .sg-work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}#tb-signage .sg-work-grid figcaption h3{font-size:15px}#tb-signage .sg-work-grid figcaption p{font-size:12px}#tb-signage .sg-work-grid figure>a{border-radius:12px}#tb-signage .sg-expand{width:25px;height:25px;bottom:8px;right:8px;font-size:17px}#tb-signage [data-work-filter]{font-size:12px;padding:9px 12px}#tb-signage .sg-work-filters{gap:7px}}
#tb-signage .sg-editorial{padding:64px 0;scroll-margin-top:120px}
#tb-signage .sg-hero-hint{font-size:12px;color:#8a7a98;margin-top:26px}
#tb-signage .sg-hero-hint span{color:#e78140;margin-right:8px}
#tb-signage .sg-scene-label{top:auto;bottom:18px;left:17px;color:#fff9;font-size:12px;letter-spacing:.09em;max-width:52%;text-shadow:0 1px 4px #000}
#tb-signage .sg-work-footer{display:flex;gap:22px;flex-wrap:wrap;align-items:center;margin-top:20px}
@media(max-width:560px){#tb-signage .sg-editorial{padding:40px 0}#tb-signage .sg-hero-hint{font-size:12px;margin-top:18px}#tb-signage .sg-scene-label{font-size:12px;bottom:17px;left:10px}#tb-signage .sg-work-footer .sg-btn{width:100%}}
/* Keep the hero aligned with the site's header and the complete city phrase. */
#tb-signage .sg-wrap{max-width:1280px}
#tb-signage .sg-hero-grid{align-items:start}
#tb-signage .sg-copy{padding-top:25px}
#tb-signage h1 em{display:block}
@media(max-width:850px){#tb-signage .sg-copy{padding-top:0}}

/* v5: local portfolio preview, light drafting graphics and responsive motion. */
#tb-signage{position:relative;overflow:clip}
#tb-signage:before{content:"";position:absolute;inset:0 0 auto;height:1400px;pointer-events:none;background:radial-gradient(ellipse at 0 28%,#b392f022,transparent 28%),radial-gradient(ellipse at 100% 47%,#ffb3641d,transparent 28%);z-index:0}
#tb-signage .sg-wrap{position:relative;z-index:1}
#tb-signage .sg-edge-art{position:absolute;pointer-events:none;width:clamp(90px,calc((100vw - 1280px)/2),170px);top:220px;color:#9871c0;opacity:.24;z-index:0}
#tb-signage .sg-edge-art svg{width:100%;height:auto;stroke:currentColor;stroke-width:1.3}
#tb-signage .sg-edge-left{left:-16px}
#tb-signage .sg-edge-right{right:-16px;top:380px;color:#cf8b4b;transform:scaleX(-1)}
#tb-signage .sg-hero{overflow:visible}
#tb-signage .sg-copy{padding-top:18px}
#tb-signage .sg-hero h1{font-size:clamp(44px,4.5vw,65px);margin-bottom:20px}
#tb-signage .sg-tagline{font-size:25px;margin-bottom:15px}
#tb-signage .sg-actions{margin-top:22px}
#tb-signage .sg-hero-proof{margin-top:22px;max-width:510px}
#tb-signage .sg-proof-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;margin-bottom:10px;color:#48404f}
#tb-signage .sg-proof-heading>span{font-family:Onest-Bold,Arial,sans-serif}
#tb-signage .sg-proof-heading a{color:#8052b4;font-size:12px}
#tb-signage .sg-proof-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
#tb-signage .sg-proof-card{display:block;min-width:0;border:1px solid #e6e0db;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 3px 12px #2c183405;transition:transform .25s,box-shadow .25s}
#tb-signage .sg-proof-card img{display:block;width:100%;height:auto;aspect-ratio:1.65;object-fit:cover;transition:transform .45s}
#tb-signage .sg-proof-card>span{display:flex;justify-content:space-between;align-items:center;gap:3px;color:#4b454f;font-size:12px;line-height:1.35;padding:8px 7px;min-height:40px}
#tb-signage .sg-proof-card b{font-size:14px;color:#8150b4}
#tb-signage .sg-hero .sg-trust{margin-top:17px}
#tb-signage .sg-hero-hint{margin-top:17px}
#tb-signage :is(button,.sg-btn,.sg-textlink,.sg-proof-heading a,.sg-type-card,.sg-jump a){transition:transform .22s,box-shadow .22s,background-color .22s,border-color .22s,color .22s}
#tb-signage .sg-btn{position:relative;isolation:isolate;overflow:hidden}
#tb-signage .sg-btn:after{content:"";position:absolute;inset:-20% auto -20% -60%;width:38%;background:linear-gradient(100deg,transparent,#fff6,transparent);transform:translateX(-100%) skewX(-18deg);pointer-events:none;animation:sg-v5-sheen 7s ease-in-out infinite}
#tb-signage .sg-btn span{transition:transform .22s}
#tb-signage button:active,#tb-signage .sg-btn:active{transform:scale(.97)}
#tb-signage button:focus-visible,#tb-signage .sg-btn:focus-visible{box-shadow:0 0 0 5px #a57acd24}
#tb-signage .sg-faq summary span{transition:transform .2s}
#tb-signage .sg-faq details[open] summary span{transform:rotate(45deg)}
@keyframes sg-v5-sheen{0%,68%{transform:translateX(-100%) skewX(-18deg)}86%,100%{transform:translateX(550%) skewX(-18deg)}}
@media(hover:hover){
 #tb-signage button:not([data-color]):hover{transform:translateY(-2px);box-shadow:0 5px 12px #8052b418}
 #tb-signage .sg-btn:hover{transform:translateY(-3px);box-shadow:0 10px 24px #f18c3a38}
 #tb-signage .sg-btn:hover span{transform:translate(3px,-2px)}
 #tb-signage :is(.sg-textlink,.sg-proof-heading a,.sg-jump a):hover{transform:translateY(-2px);color:#8248c9}
 #tb-signage .sg-proof-card:hover{transform:translateY(-3px);box-shadow:0 9px 20px #51305b17}
 #tb-signage .sg-proof-card:hover img{transform:scale(1.045)}
}
@media(max-width:1350px){#tb-signage .sg-edge-art{opacity:.13;width:100px}#tb-signage .sg-edge-left{left:-52px}#tb-signage .sg-edge-right{right:-52px}}
@media(max-width:850px){#tb-signage .sg-edge-art{display:none}#tb-signage .sg-copy{padding-top:0}#tb-signage .sg-hero-proof{max-width:600px}#tb-signage .sg-hero h1{font-size:60px}}
@media(max-width:560px){#tb-signage .sg-hero h1{font-size:clamp(37px,10.2vw,54px);margin-bottom:16px}#tb-signage .sg-tagline{font-size:21px;margin-bottom:13px}#tb-signage .sg-hero-proof{margin-top:19px}#tb-signage .sg-proof-grid{gap:8px}#tb-signage .sg-proof-card{border-radius:9px}#tb-signage .sg-proof-card img{aspect-ratio:1.4}#tb-signage .sg-proof-card>span{font-size:12px;padding:6px;min-height:37px}#tb-signage .sg-proof-heading{font-size:12px}#tb-signage .sg-hero .sg-trust{font-size:12px;gap:6px 9px}#tb-signage .sg-hero-hint{font-size:12px}#tb-signage:before{height:1250px;background:radial-gradient(ellipse at 0 15%,#b392f019,transparent 35%),radial-gradient(ellipse at 100% 55%,#ffb3641b,transparent 32%)}}
@media(prefers-reduced-motion:reduce){#tb-signage *,#tb-signage *:before,#tb-signage *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Keep proof close to the CTA on shorter desktop displays. */
@media(min-width:851px) and (max-height:900px){
 #tb-signage .sg-crumbs{padding-top:16px;padding-bottom:16px}
 #tb-signage .sg-hero{padding-top:8px}
 #tb-signage .sg-hero-grid{padding-top:5px;padding-bottom:10px}
 #tb-signage .sg-copy{padding-top:7px}
 #tb-signage .sg-hero .sg-kicker{margin-bottom:12px}
 #tb-signage .sg-hero h1{font-size:clamp(42px,4.2vw,60px);margin-bottom:16px}
 #tb-signage .sg-tagline{font-size:23px;margin-bottom:12px}
 #tb-signage .sg-actions{margin-top:18px}
 #tb-signage .sg-hero-proof{margin-top:16px}
}

/* v6: trust and production blocks, isolated to this landing. */
#tb-signage .sg-factory-gallery{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:14px;margin:30px 0}
#tb-signage .sg-factory-gallery figure{min-width:0;position:relative;overflow:hidden;border-radius:18px;background:#24202a}
#tb-signage .sg-factory-gallery figure:first-child{grid-column:span 2;grid-row:span 2}
#tb-signage .sg-factory-gallery a{display:block;height:100%;position:relative}
#tb-signage .sg-factory-gallery img{display:block;width:100%;height:100%;min-height:190px;object-fit:cover;aspect-ratio:1.9}
#tb-signage .sg-factory-gallery figure:first-child img{aspect-ratio:1.6}
#tb-signage .sg-factory-gallery figcaption{position:absolute;inset:auto 0 0;padding:38px 20px 18px;background:linear-gradient(transparent,#17131bdd);color:#fff;font-size:14px;pointer-events:none}
#tb-signage .sg-factory-gallery a>span{position:absolute;top:15px;right:15px;width:32px;height:32px;border:1px solid #fff7;border-radius:50%;display:grid;place-items:center;color:white;background:#211d2a55}
#tb-signage .sg-factory-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin:28px 0}
#tb-signage .sg-factory-notes article{border-top:1px solid #dbd3e4;padding-top:22px}
#tb-signage .sg-factory-notes article>span{font-size:12px;letter-spacing:.1em;color:#8d5cc4}
#tb-signage .sg-factory-notes h3{font-size:21px;line-height:1.3;margin:12px 0}
#tb-signage .sg-factory-notes p{font-size:15px;color:var(--muted)}
#tb-signage .sg-manager{display:grid;grid-template-columns:.7fr 1.3fr;gap:38px 60px;background:linear-gradient(135deg,#eee7f8,#fff);border:1px solid #e5dbef;border-radius:26px;padding:50px;align-items:center}
#tb-signage .sg-manager-person{text-align:center;align-self:center}
#tb-signage .sg-person-photo{width:184px;max-width:100%;margin:0 auto 20px;min-height:240px;border-radius:22px;display:flex;align-items:flex-end;justify-content:center;background:#fff;overflow:hidden}
#tb-signage .sg-person-photo img{display:block;width:184px;height:240px;object-fit:contain}
#tb-signage .sg-manager-person>strong{display:block;font-size:26px;margin-bottom:5px}
#tb-signage .sg-manager-person>span{font-size:14px;color:#775991}
#tb-signage .sg-manager-person>p{max-width:260px;margin:14px auto 0;font-size:13px;color:var(--muted)}
#tb-signage .sg-manager-copy>p:not(.sg-kicker){margin:22px 0;color:var(--muted)}
#tb-signage .sg-manager-copy .sg-checks{margin:20px 0 28px}
#tb-signage .sg-project-team{grid-column:1/-1;border-top:1px solid #ddd1e9;display:grid;grid-template-columns:1.1fr repeat(3,1fr);gap:20px;padding-top:24px;align-items:center}
#tb-signage .sg-project-team p{font-size:14px;color:var(--muted)}
#tb-signage .sg-project-team strong,#tb-signage .sg-project-team span{display:block}
#tb-signage .sg-project-team strong{font-size:16px;margin-bottom:5px}
#tb-signage .sg-project-team span{font-size:12px;color:var(--muted);line-height:1.4}
#tb-signage .sg-review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:30px}
#tb-signage .sg-review-card{background:#fff;border:1px solid #e4deec;border-radius:22px;padding:28px;display:flex;flex-direction:column;min-width:0}
#tb-signage .sg-review-author{display:flex;gap:12px;align-items:center}
#tb-signage .sg-review-author>span{flex:none;width:42px;height:42px;background:#f0e8fc;color:#8150bd;border-radius:50%;display:grid;place-items:center;font-size:12px}
#tb-signage .sg-review-author strong{font-size:14px;line-height:1.4;display:block}
#tb-signage .sg-review-author time{font-size:12px;display:block;color:#817489;margin-top:6px}
#tb-signage .sg-review-card blockquote{margin:24px 0;flex:1}
#tb-signage .sg-review-card blockquote p{font-size:15px;line-height:1.75}
#tb-signage .sg-review-card figcaption{font-size:12px;color:#88679f;border-top:1px solid #eee9f3;padding-top:16px}
#tb-signage .sg-review-source{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:22px}
#tb-signage .sg-review-source p{font-size:12px;color:var(--muted);max-width:520px}
#tb-signage .sg-review-source a{white-space:nowrap}
#tb-signage .sg-prepared{margin:8px 0 22px;padding:0;border:0;min-width:0}
#tb-signage .sg-prepared legend{font-size:14px;margin-bottom:12px}
#tb-signage .sg-prepared legend>span{font-size:12px;color:var(--muted);margin-left:6px}
#tb-signage .sg-prepared>div{display:flex;flex-wrap:wrap;gap:8px}
#tb-signage .sg-prepared label{position:relative;margin:0;cursor:pointer;display:inline-flex}
#tb-signage .sg-prepared input{position:absolute;opacity:0;width:1px;height:1px;margin:0;padding:0}
#tb-signage .sg-prepared label>span{display:block;border:1px solid #d6cce1;border-radius:9px;padding:9px 12px;font-size:13px;background:#fff;color:#574a65;transition:background .2s,border-color .2s}
#tb-signage .sg-prepared input:checked+span{background:#ede3fc;color:#653aa4;border-color:#9560d8}
#tb-signage .sg-prepared input:checked+span:before{content:'✓ ';}
#tb-signage .sg-prepared input:focus-visible+span{outline:3px solid #9f7bdd;outline-offset:3px}
#tb-signage .sg-prepared p{font-size:12px;line-height:1.5;color:var(--muted);margin-top:12px}
#tb-signage .sg-consult{display:grid;grid-template-columns:1.25fr .75fr;gap:25px;align-items:center;border-radius:28px;padding:55px;background:radial-gradient(ellipse at 95% 5%,#603e78,transparent 70%),#25182f;color:#fff;overflow:hidden}
#tb-signage .sg-consult .sg-kicker{color:#ccb5e7}
#tb-signage .sg-consult h2{font-size:clamp(30px,3.2vw,49px)}
#tb-signage .sg-consult h2 em{color:#ffbc87}
#tb-signage .sg-consult-copy>p:not(.sg-kicker){color:#d0c3db;margin-top:23px;font-size:16px;max-width:610px}
#tb-signage .sg-consult-result{margin:24px 0 30px;border-left:2px solid #ac83d4;padding-left:20px}
#tb-signage .sg-consult-result>span{font-size:12px;letter-spacing:.09em;text-transform:uppercase;color:#bd9ed8}
#tb-signage .sg-consult-result ul{padding:0;margin:10px 0 0;list-style:none;display:grid;gap:9px;font-size:14px;line-height:1.5}
#tb-signage .sg-consult-result li:before{content:'✓';margin-right:9px;color:#ffb679}
#tb-signage .sg-consult-copy>p.sg-consult-note{font-size:12px;margin-top:15px}
#tb-signage .sg-consult-person{text-align:center;min-width:0}
#tb-signage .sg-consult-person img{display:block;width:100%;max-width:380px;height:auto;aspect-ratio:1;border-radius:50%;margin:0 auto 24px;box-shadow:0 20px 60px #140d2466}
#tb-signage .sg-consult-person strong{display:block;font-size:25px;margin-bottom:6px}
#tb-signage .sg-consult-person figcaption>span{font-size:13px;color:#c8b4d9}
@media(max-width:1000px){#tb-signage .sg-manager{padding:32px;gap:30px;grid-template-columns:.65fr 1.35fr}#tb-signage .sg-review-grid{gap:12px}#tb-signage .sg-review-card{padding:20px}#tb-signage .sg-consult{padding:35px}#tb-signage .sg-factory-notes{gap:20px}}
@media(max-width:700px){#tb-signage .sg-factory-gallery{grid-template-columns:1fr 1fr;gap:10px}#tb-signage .sg-factory-gallery figure:first-child{grid-column:1/-1;grid-row:auto}#tb-signage .sg-factory-gallery img{min-height:140px;aspect-ratio:1.3}#tb-signage .sg-factory-gallery figure:first-child img{aspect-ratio:1.5}#tb-signage .sg-factory-gallery figcaption{font-size:12px;padding:35px 12px 12px}#tb-signage .sg-factory-notes{grid-template-columns:1fr;gap:22px}#tb-signage .sg-factory-notes h3{font-size:20px}#tb-signage .sg-manager{grid-template-columns:1fr;padding:26px 20px;gap:28px}#tb-signage .sg-manager-person{display:grid;grid-template-columns:100px 1fr;text-align:left;column-gap:18px;align-items:center}#tb-signage .sg-person-photo{grid-row:1/4;width:100px;min-height:130px;margin:0;border-radius:55px 55px 15px 15px}#tb-signage .sg-person-photo img{width:100px;height:auto}#tb-signage .sg-manager-person>strong{font-size:22px;align-self:end}#tb-signage .sg-manager-person>span{font-size:12px}#tb-signage .sg-manager-person>p{margin:0;font-size:12px;line-height:1.45;align-self:start}#tb-signage .sg-project-team{grid-template-columns:repeat(3,1fr);gap:12px}#tb-signage .sg-project-team>p{grid-column:1/-1}#tb-signage .sg-project-team span{font-size:12px}#tb-signage .sg-project-team strong{font-size:14px}#tb-signage .sg-review-grid{grid-template-columns:1fr;gap:14px}#tb-signage .sg-review-card{padding:24px}#tb-signage .sg-review-source{align-items:flex-start;flex-direction:column}#tb-signage .sg-consult{grid-template-columns:1fr;padding:30px 22px;gap:30px}#tb-signage .sg-consult h2{font-size:32px}#tb-signage .sg-consult-person{display:flex;align-items:center;gap:18px;text-align:left;border-top:1px solid #ffffff25;padding-top:24px}#tb-signage .sg-consult-person img{width:100px;max-width:100px;flex:none;margin:0}#tb-signage .sg-consult-person strong{font-size:22px}#tb-signage .sg-consult-person figcaption>span{font-size:12px}#tb-signage .sg-consult .sg-btn,#tb-signage .sg-manager .sg-btn{width:100%}}
#tb-signage #sg-order-form .sg-prepared input[type=checkbox]{position:absolute;opacity:0;width:1px;height:1px;padding:0;margin:0;border:0;min-width:0}
#tb-signage .sg-order .sg-prepared legend>span,#tb-signage .sg-order .sg-prepared p{color:#c0b0ce;font-size:12px}
@media(max-width:560px){#tb-signage .sg-factory h2{font-size:28px}}
/* v7: less friction, explicit customer choices and readable forms. */
#tb-signage [hidden],.sg-form-enhanced [hidden]{display:none!important}
#tb-signage #sg-sketch,#tb-signage #sg-cost-guide,#tb-signage #sg-materials-guide,#tb-signage #sg-business-guide{scroll-margin-top:130px}
#tb-signage .sg-photo-link{font-size:14px;line-height:1.5;text-decoration:underline;text-underline-offset:5px;color:inherit}
#tb-signage .sg-start-note{font-size:13px;color:#d4c9dd;margin-top:14px;line-height:1.5}
#tb-signage .sg-actions{gap:16px;align-items:flex-start;flex-direction:column}
#tb-signage .sg-sketch-cta{display:flex;margin-top:15px;min-height:48px;font-size:14px;padding:12px 15px}
#tb-signage .sg-disclaimer{font-size:12px;line-height:1.5}
#tb-signage .sg-choice-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:24px}
#tb-signage .sg-choice-card{background:#fff;border:1px solid #e5dfea;border-radius:19px;padding:25px;display:flex;flex-direction:column;gap:15px}
#tb-signage .sg-choice-icon{width:45px;height:45px;border-radius:14px;background:#f0e8fd;color:#8b56c7;font-size:28px;display:grid;place-items:center}
#tb-signage .sg-choice-card h3{font-size:21px;line-height:1.3}
#tb-signage .sg-choice-card p{font-size:15px;line-height:1.6;color:#655b70;flex:1}
#tb-signage .sg-choice-card>a{font-size:13px;color:#7543b2;text-decoration:underline;text-underline-offset:4px}
#tb-signage .sg-type-explainer{margin:27px 0;padding:25px;border:1px solid #e4dce9;border-radius:18px}
#tb-signage .sg-type-explainer p{font-size:15px;color:#655b70}
#tb-signage .sg-service-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
#tb-signage .sg-service-links a{background:#f0ebf7;padding:9px 12px;border-radius:8px;font-size:13px;color:#5d3d89}
#tb-signage .sg-help-choice{font-size:15px}
#tb-signage .sg-estimate-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:30px 0}
#tb-signage .sg-estimate-grid article{padding:24px;border:1px solid #e4dce9;border-radius:18px}
#tb-signage .sg-estimate-grid h3{font-size:20px;line-height:1.35;margin-bottom:13px}
#tb-signage .sg-estimate-grid p{font-size:15px;color:#655b70}
#tb-signage .sg-price small:last-child{max-width:110px;line-height:1.3}
#tb-signage .sg-more-works{display:block;margin:30px auto 0;padding:14px 28px;border:1px solid #9b7aba;background:#f3eafd;color:#553378;border-radius:12px;font:inherit;font-size:15px;cursor:pointer}
#tb-signage .sg-work-select{margin-top:15px;border:1px solid #d6c7e5;border-radius:9px;background:#f5effb;color:#684398;font:inherit;font-size:14px;padding:11px 15px;cursor:pointer;text-align:left}
#tb-signage .sg-work-select[aria-pressed=true]{border-color:#8652bc;background:#e8daf8}
#tb-signage .sg-picked-work{border:1px solid #9779b4;border-radius:12px;padding:18px;margin:20px 0}
#tb-signage .sg-picked-work>span{display:block;font-size:12px;color:#cfb8e6;letter-spacing:.08em;margin-bottom:8px}
#tb-signage .sg-picked-work strong{display:block;font-size:17px;line-height:1.5}
#tb-signage #sg-clear-work{display:block;padding:7px 0;background:transparent;border:0;color:#e2d4ef;font:inherit;font-size:13px;text-decoration:underline;cursor:pointer;margin-top:8px}
#tb-signage .sg-edit-sketch{display:block;font-size:14px;text-decoration:underline;text-underline-offset:4px;color:#e4d2f9;margin-top:14px}
#tb-signage .sg-order .sg-photo-link{display:inline-block;margin-top:24px;color:#eddefb}
#tb-signage .sg-order .sg-small{font-size:13px;line-height:1.6;margin-top:12px}
#tb-signage #sg-order-form label{font-size:14px;color:#eee2f8;line-height:1.4}
#tb-signage .sg-optional{font-size:12px;color:#c1b0cf;margin-left:6px}
#tb-signage #sg-order-form input,#tb-signage #sg-order-form textarea{scroll-margin-top:140px}
#tb-signage #sg-order-form .sg-consent{font-size:12px;color:#cfc0dc;line-height:1.55}
#tb-signage #sg-order-form :is(input,textarea)[aria-invalid=true]{border-color:#ffb2a6;box-shadow:0 0 0 1px #ffb2a6}
.sg-form-enhanced .sg-field-error{font:14px/1.45 Arial,sans-serif;color:#a32222;margin:5px 0 12px}
#tb-signage .sg-field-error{font-size:14px;color:#ffd3cb;margin:0 0 12px;line-height:1.45}
.sg-form-enhanced .sg-form-status{font:15px/1.55 Arial,sans-serif;padding:15px;border-radius:10px;border:1px solid #d4c6e5;background:#f4eefb;color:#3f285b;margin-top:15px;scroll-margin-top:110px}
.sg-form-enhanced .sg-form-status[data-state=error]{border-color:#dc8982;background:#fff0ee;color:#8b2720}
.sg-form-enhanced .sg-form-status[data-state=success]{border-color:#82b696;background:#e9f7ef;color:#24583b}
.sg-form-enhanced .sg-form-messenger{display:block;margin:15px 0;color:#7044a3;text-decoration:underline;text-underline-offset:4px;font-size:14px;line-height:1.5}
#tb-signage .sg-form-messenger{color:#f0ddff}
.sg-form-enhanced .sg-send-again{display:inline-block;border:1px solid #c9b3e1;border-radius:8px;padding:10px 14px;background:#f5effa;color:#563879;font:14px/1.4 Arial,sans-serif;cursor:pointer}
.sg-form-enhanced button:disabled{opacity:.65;cursor:wait}
.sg-form-enhanced :is(a,button,input,textarea):focus-visible{outline:3px solid #ad87e0;outline-offset:4px}
.popup-form.sg-form-enhanced .offer__form{display:flex;flex-direction:column;gap:8px}
.popup-form.sg-form-enhanced .default-form-parent-input{width:100%;max-width:none;margin:0}
.popup-form.sg-form-enhanced .sg-form-label{display:block;text-align:left;font-size:14px;line-height:1.4;margin:8px 0;color:#51485b}
.popup-form.sg-form-enhanced input,.popup-form.sg-form-enhanced textarea{font-size:16px!important;max-width:100%;scroll-margin-top:110px}
.popup-form.sg-form-enhanced .default-form-parent-input svg,.popup-form.sg-form-enhanced .default-form-parent-input:before{display:none}
.popup-form.sg-form-enhanced .default-form-input{padding:14px 16px!important;height:auto;min-height:48px;margin:0}
.popup-form.sg-form-enhanced .popup-form__policy{font-size:12px;line-height:1.5}
@media(max-width:1050px){#tb-signage .sg-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1001px) and (max-height:850px){#tb-signage .sg-hero{padding-top:18px;padding-bottom:18px}#tb-signage .sg-hero-grid{padding:18px 0;gap:28px}#tb-signage h1{font-size:clamp(39px,4.3vw,61px);margin-bottom:14px}#tb-signage .sg-tagline{font-size:25px;margin-bottom:15px}#tb-signage .sg-actions{margin-top:20px}#tb-signage .sg-scene{height:auto}#tb-signage .sg-hero-proof{margin-top:20px}}
@media(max-width:560px){#tb-signage #sg-sketch{scroll-margin-top:95px}#tb-signage .sg-photo-link{font-size:13px}#tb-signage .sg-start-note{font-size:12px}#tb-signage .sg-hero-grid{padding-top:10px;gap:25px}#tb-signage .sg-tagline{font-size:21px}#tb-signage .sg-trust{font-size:12px;gap:8px}#tb-signage .sg-choice-grid{gap:10px}#tb-signage .sg-choice-card{padding:17px 14px;gap:12px}#tb-signage .sg-choice-card h3{font-size:18px}#tb-signage .sg-choice-card p{font-size:13px}#tb-signage .sg-choice-card>a{font-size:12px}#tb-signage .sg-type-explainer{padding:20px 16px}#tb-signage .sg-type-explainer p{font-size:14px}#tb-signage .sg-service-links a{font-size:12px}#tb-signage .sg-estimate-grid{grid-template-columns:1fr;gap:12px}#tb-signage .sg-estimate-grid article{padding:20px}#tb-signage .sg-estimate-grid p{font-size:14px}#tb-signage .sg-help-choice{font-size:14px;width:100%}#tb-signage [data-color]{width:32px;height:32px}#tb-signage .sg-color-row>div{gap:12px}#tb-signage .sg-switches button{font-size:12px;min-height:44px;padding:9px 5px}#tb-signage .sg-disclaimer{font-size:12px}#tb-signage .sg-sketch-cta{font-size:13px}#tb-signage .sg-order{padding:25px 16px}#tb-signage #sg-order-form{padding:20px 16px}#tb-signage #sg-order-form .sg-consent{font-size:12px}#tb-signage .sg-order .sg-small{font-size:12px}.popup-form.sg-form-enhanced{padding:30px 20px!important}.popup-form.sg-form-enhanced .popup-form__title{font-size:22px!important}.popup-form.sg-form-enhanced .sg-form-label{font-size:13px}}
@media(max-width:1000px){body.sg-form-editing .header__bottom,body.sg-form-in-view .header__bottom{display:none!important}}
@media(prefers-reduced-motion:reduce){#tb-signage .sg-more-works,#tb-signage .sg-work-select{transition:none}}

/* The legacy callback background contains an unconfirmed five-minute promise. */
#popup-form-call.sg-form-enhanced{background-image:url('https://surgut.totobi.ru/wp-content/themes/adv-agency/assets/signage/oleg-consultation-v6.webp');background-size:48% auto;background-position:right bottom;background-repeat:no-repeat;background-color:#fff}
@media(max-width:767px){#popup-form-call.sg-form-enhanced{background-image:none}}
#tb-signage .sg-hero .sg-start-note{color:#62596e}

/* v8: readable captions without changing shared typography. */
#tb-signage .sg-scene-label{font-size:12px;color:#fff;background:#19171f88;border-radius:4px;padding:3px 5px;left:10px;bottom:10px;max-width:46%;letter-spacing:0;line-height:1.3}
#tb-signage .sg-price-explain{font-size:clamp(20px,2.2vw,30px);line-height:1.2}
#tb-signage .sg-terms-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px 36px;margin-top:26px}
#tb-signage .sg-terms-grid h3{font-size:20px;margin:0 0 10px}
#tb-signage .sg-terms-grid p{margin:0;font-size:16px;line-height:1.65}
#tb-signage .sg-process-compact{padding-top:36px;scroll-margin-top:150px}
#tb-signage .sg-process-compact h2{font-size:clamp(26px,3vw,38px)}
#tb-signage .sg-night-status{font-size:13px;color:#6d3d27;margin:6px 0}
@media(max-width:560px){#tb-signage .sg-terms-grid{grid-template-columns:1fr;gap:22px}#tb-signage .sg-terms-grid p{font-size:14px}#tb-signage .sg-lab-top{font-size:11px;gap:8px}#tb-signage .sg-proof-card>span{font-size:12px;min-height:48px}#tb-signage .sg-scene-label{font-size:11px}#tb-signage .sg-work-select{font-size:12px}}

/* v9: independent contact channels, page-scoped hours and iPhone bottom inset. */
#tb-signage .sg-message-choice{display:flex;align-items:center;flex-wrap:wrap;gap:4px 18px;font-size:13px;line-height:1.6}
#tb-signage .sg-message-choice>span{flex-basis:100%;color:inherit}
#tb-signage .sg-message-choice a{display:inline-flex;align-items:center;min-height:44px;border-bottom:1px solid currentColor;text-decoration:none}
#tb-signage .sg-actions .sg-message-choice{width:100%}
#tb-signage .sg-order .sg-message-choice{margin-top:20px;color:#eddefb}
#tb-signage .sg-order .sg-small{margin-top:8px}
.sg-form-enhanced .sg-after-send-note{font-size:13px;line-height:1.5;color:inherit}
body.sg-office-closed .header__content-text--desc,body.sg-office-closed .footer__contacts-desc{color:#6b6872}
body.sg-office-closed .header__content-text--desc:before{background:#a3a0a8}
@media(max-width:1000px){body.sg-hours-page .header__bottom{padding-bottom:calc(8px + env(safe-area-inset-bottom,0px))!important}body.sg-keyboard-open .header__bottom{display:none!important}}
@media(max-width:560px){#tb-signage .sg-actions{margin-top:18px;gap:10px}#tb-signage .sg-order{gap:22px}#tb-signage .sg-message-choice{font-size:13px;gap:0 18px}}

/* Calculation messenger buttons: scoped to this landing and this block. */
#tb-signage #sg-order .sg-message-choice{gap:10px}
#tb-signage #sg-order .sg-message-choice a{box-sizing:border-box;justify-content:center;min-height:48px;min-width:112px;padding:11px 18px;border:1px solid rgba(232,210,255,.48);border-radius:12px;background:rgba(223,196,255,.13);color:#fff;font-weight:650;text-decoration:none;line-height:1.35;transition:background .18s,border-color .18s}
#tb-signage #sg-order .sg-message-choice a:hover{background:rgba(223,196,255,.24);border-color:#e8d2ff}
#tb-signage #sg-order .sg-message-choice a:focus-visible{outline:3px solid #ffc582;outline-offset:3px}

/* source: experience-v13.css */
/* Signage Surgut: scoped editorial graphics, native carousels and short forms. */
#tb-signage .sg-edge-art{display:none}
#tb-signage:before{inset:0;height:auto;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 130 900' fill='none' stroke='%238950cf' stroke-width='1.4' opacity='.18'%3E%3Cpath d='M15 75h100M22 65v20m85-20v20M20 120l80-20 10 45-80 20zM42 130l43-11M10 440h100v64H10zM30 457h58M35 476h46M65 620v80m-40-40h80'/%3E%3Ccircle cx='15' cy='295' r='48'/%3E%3Ccircle cx='15' cy='295' r='33'/%3E%3Cpath stroke='%23ef8c3d' d='m15 760 30-18 40 24v54l-30 18-40-24zm0 0 40 24 30-18M55 784v54'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 130 900' fill='none' stroke='%23db914e' stroke-width='1.4' opacity='.18'%3E%3Cpath d='M20 90h82v125H20zM30 105h62v24H30zM35 153h24v62m12-62h18v27H71zM114 75v151m-5-151h10m-10 151h10M18 525l38-22 54 32-38 22zM18 540l54 32 38-22M18 555l54 32 38-22'/%3E%3Ccircle cx='110' cy='360' r='40'/%3E%3Cpath stroke='%238950cf' d='M33 750v-55h67v55M33 705h67M44 718h43M66 740v45m-18 0h36'/%3E%3C/svg%3E");background-size:clamp(46px,calc((100vw - 1440px)/2),130px) 850px,clamp(46px,calc((100vw - 1440px)/2),130px) 850px;background-position:left 220px,right 510px;background-repeat:repeat-y;pointer-events:none}
#tb-signage .sg-quick-form{width:100%;max-width:510px;display:grid;grid-template-columns:1fr;gap:9px;margin:0}
#tb-signage .sg-quick-form label{font-size:13px;font-family:Onest-Bold,Arial,sans-serif;color:var(--ink)}
#tb-signage .sg-quick-form input[type=tel]{display:block;width:100%;min-width:0;height:54px;padding:14px 17px;border:1px solid #d5cbe0;border-radius:13px;background:#fff;color:#211d2a;font-size:16px;line-height:1.3;box-shadow:0 3px 12px #2d174004}
#tb-signage .sg-quick-form input::placeholder{color:#817687;opacity:1}
#tb-signage .sg-quick-form .sg-btn{width:100%;min-height:54px;margin:0}
#tb-signage .sg-quick-form .sg-consent{font-size:11px;line-height:1.45;color:#756b7e;margin:0}
#tb-signage .sg-quick-form .sg-consent a{text-decoration:underline;text-underline-offset:2px}
#tb-signage .sg-quick-form .sg-field-error{font-size:13px;color:#a72835;line-height:1.4;margin:0}
#tb-signage .sg-quick-form .sg-form-status{font-size:14px;line-height:1.5}
#tb-signage .sg-hero .sg-actions{display:flex;flex-direction:column;align-items:stretch;gap:13px;max-width:510px;margin-top:18px}
#tb-signage .sg-hero .sg-message-choice{margin:0;gap:8px}
#tb-signage .sg-hero .sg-message-choice>span{font-size:12px;width:auto}
#tb-signage .sg-hero .sg-message-choice a{min-height:44px;padding:10px 14px;font-size:13px}
#tb-signage .sg-hero .sg-start-note{font-size:12px;margin-top:10px}
#tb-signage .sg-hero-grid{align-items:start}
#tb-signage .sg-carousel-track{display:flex;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scroll-padding-inline:2px;scrollbar-width:thin;scrollbar-color:#ba9edf #f0eaf6;min-width:0;max-width:100%;padding:3px 2px 12px;gap:20px}
#tb-signage .sg-carousel-track>*{scroll-snap-align:start;flex-shrink:0;min-width:0}
#tb-signage .sg-carousel-track>[hidden]{display:none!important}
#tb-signage .sg-work-grid>figure{flex:0 0 calc(50% - 10px);margin:0;border-radius:24px;overflow:hidden;display:flex;flex-direction:column;background:#fff;border:1px solid #e5dced}
#tb-signage .sg-work-grid>figure>a{display:block;position:relative;overflow:hidden}
#tb-signage .sg-work-grid img{width:100%;height:auto;aspect-ratio:1.55;object-fit:cover;display:block;transition:transform .45s}
#tb-signage .sg-work-grid figcaption{padding:22px;display:flex;flex-direction:column;flex:1}
#tb-signage .sg-work-grid h3{font-size:24px;line-height:1.25;margin-bottom:8px}
#tb-signage .sg-work-grid figcaption p{font-size:15px;line-height:1.55}
#tb-signage .sg-work-select{margin-top:18px;min-height:46px;text-align:left}
#tb-signage .sg-carousel-controls{display:flex;align-items:center;gap:10px;margin-top:16px}
#tb-signage .sg-carousel-controls>span{margin-right:auto;font-size:13px;color:#75647f}
#tb-signage .sg-carousel-controls button{display:grid;place-items:center;flex:none;width:48px;height:48px;border:1px solid #d8c9e8;border-radius:50%;background:#fff;color:#7946b7;font-size:24px;cursor:pointer}
#tb-signage .sg-carousel-controls button:disabled{opacity:.32;cursor:default}
#tb-signage .sg-carousel-controls button:not(:disabled):hover{background:#8250ec;color:#fff;transform:translateY(-2px)}
#tb-signage .sg-proof-grid{gap:10px;padding-bottom:8px}
#tb-signage .sg-proof-grid .sg-proof-card{flex:0 0 calc(50% - 5px)}
#tb-signage .sg-proof-card img{aspect-ratio:1.85}
#tb-signage .sg-proof-controls{margin-top:6px}
#tb-signage .sg-proof-controls button{width:44px;height:44px;font-size:21px}
#tb-signage .sg-proof-controls>span{font-size:12px}
#tb-signage #sg-works .sg-section-head,#tb-signage #sg-production>.sg-section-head{grid-template-columns:1.4fr .7fr;gap:40px;align-items:end}
#tb-signage #sg-works h2,#tb-signage #sg-production>.sg-section-head h2{font-size:clamp(39px,4.6vw,70px);line-height:1.07;letter-spacing:-.045em}
#tb-signage .sg-steps{gap:18px;counter-reset:none}
#tb-signage .sg-steps li{position:relative;padding:26px 22px!important;border:1px solid #e5dced;border-radius:24px;background:linear-gradient(145deg,#fff,#f5effa);overflow:hidden}
#tb-signage .sg-steps li>span{position:absolute;right:22px;top:26px;font-size:15px;color:#9a82af;border:1px solid #ddcce9;padding:7px 10px;border-radius:50%}
#tb-signage .sg-step-art{width:125px;height:110px;margin-bottom:28px}
#tb-signage .sg-step-art svg{width:100%;height:100%;stroke:#9461c3;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#tb-signage .sg-step-art .sg-svg-accent{fill:#ffd8ae;stroke:#d38b4c}
#tb-signage .sg-steps li:hover .sg-step-art{transform:translateY(-4px) rotate(-2deg)}
#tb-signage .sg-step-art{transition:transform .35s}
#tb-signage .sg-steps h3{font-size:21px;line-height:1.3}
#tb-signage .sg-steps p{font-size:14px;line-height:1.65}
#tb-signage .sg-person-photo{width:154px;height:154px;min-height:0;border-radius:50%;overflow:hidden;background:linear-gradient(140deg,#f1dfff,#fff0dd);margin:0 auto 22px;border:6px solid #fff;box-shadow:0 10px 30px #62477715}
#tb-signage .sg-person-photo img{width:100%;height:100%;object-fit:cover;object-position:center 16%;display:block}
#tb-signage .sg-project-team{grid-template-columns:1fr repeat(3,1.2fr)}
#tb-signage .sg-teammate{display:flex;align-items:center;gap:13px}
#tb-signage .sg-teammate img{width:64px;height:64px;object-fit:cover;object-position:50% 15%;border-radius:50%;background:#f0e4fc;border:3px solid #fff;flex:none}
#tb-signage .sg-design-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:45px;padding:42px;border:1px solid #e7ddef;border-radius:28px;background:#fffaf5}
#tb-signage .sg-design-art img{display:block;width:100%;height:auto;border-radius:20px}
#tb-signage .sg-design-art figcaption{font-size:11px;color:#887785;text-align:center;margin-top:12px;line-height:1.45}
#tb-signage .sg-design-section h2{font-size:clamp(32px,3.5vw,52px);margin-bottom:26px}
#tb-signage .sg-design-section h3{font-size:17px;margin-bottom:12px}
#tb-signage .sg-design-section p{font-size:15px;line-height:1.65}
#tb-signage .sg-design-section .sg-btn{margin:22px 0 14px}
#tb-signage .sg-design-section .sg-inline-links{font-size:13px}
#tb-signage .sg-yandex-rating{display:flex;flex-direction:column;align-items:flex-start;gap:9px;justify-self:end;background:#fff;border:1px solid #eadfea;padding:25px 32px;border-radius:24px;min-width:220px;box-shadow:0 14px 38px #59387108}
#tb-signage .sg-yandex-rating strong{font-size:64px;letter-spacing:-.06em;line-height:1}
#tb-signage .sg-yandex-rating small{font-size:23px;color:#aa99b7;letter-spacing:0}
#tb-signage .sg-stars{font-size:23px;color:#f5b900;letter-spacing:3px;line-height:1.4}
#tb-signage .sg-yandex-rating>span:last-child{font-size:14px;color:#776083}
#tb-signage .sg-reviews-intro{font-size:15px;color:var(--muted)}
#tb-signage .sg-review-grid{align-items:stretch}
#tb-signage .sg-review-card{flex:0 0 calc(33.333% - 14px);margin:0;padding:27px}
#tb-signage .sg-review-card .sg-stars{margin-top:22px;font-size:19px}
#tb-signage .sg-review-card blockquote{margin:15px 0 22px}
#tb-signage .sg-review-author>.sg-review-avatar{width:56px;height:56px;min-width:56px;font-size:24px;border:1px solid #ede1ee;overflow:hidden;background-color:#f5e9f4;background-repeat:no-repeat}
#tb-signage .sg-review-author>.sg-avatar-kseniya{background-image:url('https://surgut.totobi.ru/wp-content/uploads/sites/2/2026/10/review-kseniya-source.webp');background-size:950.25px 288.75px;background-position:-33.25px -21.875px}
#tb-signage .sg-review-author>.sg-avatar-yana{background-image:url('https://surgut.totobi.ru/wp-content/uploads/sites/2/2026/10/review-yana-source.webp');background-size:878.5px 199.5px;background-position:-26.25px -28px}
#tb-signage .sg-review-author>.sg-avatar-sergey{background-image:url('https://surgut.totobi.ru/wp-content/uploads/sites/2/2026/10/review-sergey-source.webp');background-size:857.5px 192.5px;background-position:-40.25px -7px}
#tb-signage .sg-review-author strong{font-size:15px}
#tb-signage .sg-review-card blockquote p{font-size:15px;line-height:1.65}
#tb-signage .sg-terms-heading{display:grid;grid-template-columns:1fr 280px;align-items:center;gap:30px;margin-bottom:30px}
#tb-signage .sg-terms-art{height:205px;position:relative;display:grid;place-items:center}
#tb-signage .sg-terms-sheet{width:190px;transform:rotate(-9deg);border:1px solid #e1d2ed;border-radius:16px;background:#fff;padding:21px;box-shadow:14px 14px 0 #eee1fa;display:flex;flex-direction:column;gap:10px}
#tb-signage .sg-terms-sheet>span{font-size:8px;letter-spacing:.1em;color:#936dae}
#tb-signage .sg-terms-sheet b{font-size:17px}
#tb-signage .sg-terms-sheet i{width:100%;height:3px;background:#e8deef;border-radius:3px;margin:0}
#tb-signage .sg-terms-sheet i:nth-of-type(2){width:72%}
#tb-signage .sg-terms-sheet strong{font-size:10px;color:#8250bc;margin-top:7px}
#tb-signage .sg-terms-seal{position:absolute;right:4px;bottom:5px;background:#ffd1a6;border:5px solid #fff8f0;border-radius:50%;width:95px;height:95px;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:35px;line-height:1;font-family:Onest-Bold,Arial,sans-serif;transform:rotate(8deg);color:#6e4129}
#tb-signage .sg-terms-seal small{font-size:8px;margin-top:7px;letter-spacing:.02em}
#tb-signage .sg-faq{align-items:start;gap:55px}
#tb-signage .sg-faq-contact{border:1px solid #e3d6ee;border-radius:24px;background:linear-gradient(140deg,#fff,#f1e8fb);padding:26px;margin-top:30px}
#tb-signage .sg-faq-person{display:flex;align-items:center;gap:17px;margin-bottom:18px}
#tb-signage .sg-faq-person img{width:94px;height:94px;border-radius:50%;object-fit:cover;background:#ead8f7;flex:none}
#tb-signage .sg-faq-person strong{font-size:21px;line-height:1.2;display:block}
#tb-signage .sg-faq-person span{display:block;font-size:12px;color:#81688f;margin-top:8px;line-height:1.4}
#tb-signage .sg-faq-contact>p{font-size:14px;line-height:1.6;margin-bottom:20px}
#tb-signage .sg-request-intent{padding:14px 16px;border-radius:12px;background:#f3e5fb;margin:18px 0;display:flex;justify-content:space-between;gap:14px;font-size:14px}
#tb-signage .sg-request-intent[hidden]{display:none}
#tb-signage #sg-clear-intent{border:0;background:transparent;text-decoration:underline;color:#75508a;min-height:44px}
@media(min-width:1200px){#tb-signage .sg-manager{grid-template-columns:240px 1fr}}
@media(max-width:1100px){#tb-signage .sg-steps{grid-template-columns:repeat(2,minmax(0,1fr))}#tb-signage .sg-design-section{padding:28px;gap:26px}#tb-signage .sg-review-card{flex-basis:calc(50% - 10px)}#tb-signage .sg-project-team{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}#tb-signage .sg-project-team>p{grid-column:1/-1}#tb-signage .sg-teammate{min-width:0;align-items:flex-start}#tb-signage .sg-teammate>div{min-width:0;max-width:100%;overflow-wrap:anywhere}}
@media(max-width:850px){#tb-signage .sg-hero .sg-actions,#tb-signage .sg-quick-form{max-width:none}#tb-signage #sg-works .sg-section-head,#tb-signage #sg-production>.sg-section-head{grid-template-columns:1fr;gap:22px}#tb-signage .sg-work-grid>figure{flex-basis:78%}#tb-signage .sg-design-section{grid-template-columns:1fr}#tb-signage .sg-design-art{max-width:600px;margin:auto}#tb-signage .sg-faq{gap:30px}}
@media(max-width:700px){#tb-signage:before{background-size:26px 780px;opacity:.45}#tb-signage #sg-works h2,#tb-signage #sg-production>.sg-section-head h2{font-size:clamp(33px,8.7vw,44px)}#tb-signage .sg-person-photo{width:90px;height:90px;min-height:0;margin:0;border-width:3px}#tb-signage .sg-person-photo img{width:100%;height:100%}#tb-signage .sg-teammate{flex-direction:column;align-items:flex-start;gap:10px}#tb-signage .sg-teammate img{width:60px;height:60px}#tb-signage .sg-review-card{flex-basis:88%;padding:23px}#tb-signage .sg-yandex-rating{justify-self:start;min-width:0;display:grid;grid-template-columns:auto 1fr;gap:4px 20px;width:100%;padding:22px}#tb-signage .sg-yandex-rating strong{grid-row:1/3;font-size:57px}#tb-signage .sg-yandex-rating small{font-size:17px}#tb-signage .sg-reviews .sg-section-head{gap:24px}#tb-signage .sg-terms-heading{grid-template-columns:1fr;gap:12px}#tb-signage .sg-terms-art{width:260px;justify-self:center}#tb-signage .sg-faq-contact{padding:23px 20px}#tb-signage .sg-faq h2{font-size:32px}#tb-signage .sg-design-section{padding:22px 17px;gap:24px}#tb-signage .sg-design-section .sg-btn{width:100%;font-size:14px}#tb-signage .sg-carousel-controls>span{font-size:12px}#tb-signage .sg-work-grid h3{font-size:22px}#tb-signage .sg-work-grid figcaption{padding:18px}}
@media(max-width:480px){#tb-signage .sg-steps{grid-template-columns:1fr}#tb-signage .sg-steps li{padding:22px!important;display:grid;grid-template-columns:72px 1fr;gap:0 15px}#tb-signage .sg-step-art{width:72px;height:75px;grid-row:1/3;margin:0}#tb-signage .sg-steps li>span{right:14px;top:12px;font-size:10px;padding:5px 7px}#tb-signage .sg-steps h3{font-size:19px;padding-right:16px;margin-bottom:9px}#tb-signage .sg-steps p{font-size:13px;line-height:1.6}#tb-signage .sg-hero .sg-message-choice{flex-wrap:wrap}#tb-signage .sg-proof-card>span{font-size:12px}#tb-signage .sg-work-grid>figure{flex-basis:89%}#tb-signage .sg-carousel-controls button{width:44px;height:44px}#tb-signage .sg-faq-person strong{font-size:19px}#tb-signage .sg-faq-person img{width:78px;height:78px}}
@media(prefers-reduced-motion:reduce){#tb-signage .sg-step-art,#tb-signage .sg-carousel-track,#tb-signage .sg-work-grid img{transition:none;scroll-behavior:auto}#tb-signage .sg-steps li:hover .sg-step-art{transform:none}}

#tb-signage .sg-design-section{margin-top:42px}
#tb-signage .sg-editorial .sg-btn{color:#211d2a;text-decoration:none}
#tb-signage .sg-review-grid{align-items:start}
#tb-signage .sg-review-card{min-height:360px}

/* Carousel tracks must not impose their min-content width on a mobile grid. */
#tb-signage .sg-hero-grid>*,#tb-signage .sg-faq>*,#tb-signage .sg-design-section>*{min-width:0}
#tb-signage .sg-copy,#tb-signage .sg-hero-proof,#tb-signage .sg-quick-form{min-width:0;max-width:100%}

/* v12 — messenger actions, wide moving proof strip and denser portfolio. */
#tb-signage .sg-message-choice{flex-wrap:wrap}
#tb-signage .sg-message-choice>span{flex-basis:100%}
#tb-signage .sg-message-choice a.sg-messenger-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:12px 16px;border:1px solid #d8ceeb;border-radius:13px;background:#f1eafa;color:#5e32a5;text-decoration:none;box-shadow:0 4px 12px #5e32a509;font:14px/1.3 Onest-Bold,Arial,sans-serif;flex:1;white-space:nowrap}
#tb-signage .sg-message-choice a.sg-telegram{background:#eaf7fe;border-color:#c6e7f7;color:#137ca5}
#tb-signage .sg-messenger-btn svg{width:23px;height:23px;flex:none}
#tb-signage .sg-messenger-btn b{font:20px/1 Arial;margin-left:auto}
#tb-signage .sg-messenger-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #55387818}
#tb-signage .sg-hero-proof{position:relative;left:50%;transform:translateX(-50%);width:var(--sg-viewport,100%);max-width:none;margin:32px 0 0;padding:28px clamp(14px,4vw,72px);background:linear-gradient(180deg,#f0eaf680,#fff8f100);border-top:1px solid #e8dfed;border-bottom:1px solid #e8dfed}
#tb-signage .sg-proof-heading{margin-bottom:18px}
#tb-signage .sg-proof-heading>span{font-size:clamp(21px,2vw,30px);letter-spacing:-.025em;color:var(--ink)}
#tb-signage .sg-proof-heading a{font-size:14px;white-space:nowrap}
#tb-signage .sg-proof-grid{gap:16px;scroll-snap-type:none;scroll-behavior:auto;scrollbar-width:none}
#tb-signage .sg-proof-grid::-webkit-scrollbar{display:none}
#tb-signage .sg-proof-grid .sg-proof-card{flex:0 0 calc((100% - 48px)/4);border-radius:17px}
#tb-signage .sg-proof-card img{aspect-ratio:1.5}
#tb-signage .sg-proof-card>span{padding:12px;font-size:14px;min-height:48px}
#tb-signage .sg-proof-controls{margin-top:14px}
#tb-signage .sg-proof-controls button.sg-auto-toggle{width:auto;border-radius:22px;padding:0 18px;font-size:13px;font-family:Onest-Bold,Arial,sans-serif}
#tb-signage .sg-work-grid{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-template-rows:repeat(2,auto);grid-auto-columns:calc((100% - 36px)/3);gap:22px 18px;align-items:stretch}
#tb-signage .sg-work-grid>figure{min-width:0;width:auto;border-radius:20px}
#tb-signage .sg-work-grid figcaption{padding:17px}
#tb-signage .sg-work-grid h3{font-size:21px}
#tb-signage .sg-work-grid figcaption p{font-size:13px;line-height:1.5;margin-bottom:15px}
#tb-signage .sg-work-grid img{aspect-ratio:1.6}
#tb-signage .sg-work-select{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:68px;margin-top:auto;padding:13px 14px;background:linear-gradient(115deg,#392443,#7245b7);border:1px solid #674590;border-radius:13px;color:#fff;text-align:left;font:13px/1.4 Onest-Bold,Arial,sans-serif;box-shadow:0 7px 16px #502a7715;transition:transform .22s,box-shadow .22s}
#tb-signage .sg-work-select small{display:block;color:#d8c6ef;font:11px/1.4 Onest,Arial,sans-serif;margin-bottom:4px}
#tb-signage .sg-work-select b{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;background:#ffb26b;color:#241a2b;font:23px/1 Arial}
#tb-signage .sg-work-select:hover,#tb-signage .sg-work-select[aria-pressed=true]{background:linear-gradient(115deg,#60369a,#8756cf);color:#fff;transform:translateY(-2px);box-shadow:0 10px 22px #502a7730}
#tb-signage #sg-process{margin-top:54px;padding:38px;border-radius:28px;background:radial-gradient(ellipse at 100% 0,#8254b755,transparent 60%),#241b2d;position:relative;isolation:isolate;overflow:hidden}
#tb-signage #sg-process:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.18;background-image:linear-gradient(#cdb3e333 1px,transparent 1px),linear-gradient(90deg,#cdb3e333 1px,transparent 1px);background-size:42px 42px;pointer-events:none}
#tb-signage #sg-process>.sg-kicker{color:#cfb8ed}
#tb-signage #sg-process>h2{color:#fff;font-size:clamp(34px,3.8vw,54px);max-width:840px}
#tb-signage #sg-process>h2 em{color:#ffc48c}
#tb-signage .sg-steps{position:relative;margin-top:40px;gap:18px}
#tb-signage .sg-steps:before{content:"";position:absolute;top:76px;left:5%;right:5%;border-top:2px dashed #c4a8e4;opacity:.6}
#tb-signage .sg-steps li{border:0;border-radius:19px;background:#fff;padding:24px 20px!important;box-shadow:0 12px 25px #13081e17}
#tb-signage .sg-steps li>span{border:0;right:17px;top:15px;color:#b4a4c1;font:30px/1 Onest-Bold,Arial,sans-serif;padding:0}
#tb-signage .sg-step-art{width:105px;height:105px;padding:11px;border:1px solid #e6daee;border-radius:25px;background:linear-gradient(135deg,#f3eaff,#fff1df);box-shadow:0 8px 20px #7845940d;margin-bottom:28px;transform:rotate(-4deg)}
#tb-signage .sg-step-art svg{stroke-width:2}
#tb-signage .sg-steps li:nth-child(even) .sg-step-art{transform:rotate(4deg)}
#tb-signage .sg-steps h3{font-size:21px;line-height:1.25}
#tb-signage .sg-steps p{font-size:14px;line-height:1.65}
#tb-signage #sg-design-form{max-width:100%;margin-top:24px;padding:20px;background:#fff;border:1px solid #eadced;border-radius:18px}
#tb-signage #sg-design-form .sg-btn{font-size:16px;white-space:normal}
#tb-signage .sg-design-messengers{margin-top:18px;display:flex;gap:10px}
#tb-signage .sg-design-messengers>span{font-size:13px}
#tb-signage .sg-yandex-rating{cursor:default}
@media(max-width:1100px){#tb-signage .sg-work-grid{grid-auto-columns:calc((100% - 18px)/2)}#tb-signage #sg-process{padding:28px}#tb-signage .sg-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){#tb-signage .sg-proof-grid .sg-proof-card{flex-basis:43%}#tb-signage .sg-hero-proof{margin-top:18px}#tb-signage .sg-proof-heading>span{max-width:65%}}
@media(max-width:560px){#tb-signage .sg-hero-proof{padding-block:22px}#tb-signage .sg-proof-grid{gap:12px}#tb-signage .sg-proof-grid .sg-proof-card{flex-basis:80%}#tb-signage .sg-proof-heading{align-items:start;gap:10px}#tb-signage .sg-proof-heading>span{font-size:23px;line-height:1.15}#tb-signage .sg-proof-heading a{font-size:12px;white-space:normal;max-width:90px;text-align:right}#tb-signage .sg-proof-controls>span{font-size:11px;max-width:100px}#tb-signage .sg-proof-controls{gap:7px}#tb-signage .sg-proof-controls button.sg-auto-toggle{padding:0 12px;font-size:12px}#tb-signage .sg-work-grid{grid-auto-columns:87%;gap:16px 12px}#tb-signage .sg-work-grid h3{font-size:20px}#tb-signage .sg-work-select{font-size:13px;min-height:66px}#tb-signage .sg-message-choice a.sg-messenger-btn{padding:12px 10px;font-size:13px;gap:7px}#tb-signage .sg-messenger-btn svg{width:20px;height:20px}#tb-signage #sg-process{padding:24px 17px;border-radius:23px;margin-top:35px}#tb-signage .sg-steps{grid-template-columns:1fr;gap:15px;margin-top:28px}#tb-signage .sg-steps:before{display:none}#tb-signage .sg-steps li{display:grid;grid-template-columns:68px minmax(0,1fr);gap:0 14px;padding:20px 15px!important}#tb-signage .sg-step-art{width:68px;height:72px;padding:6px;grid-row:1/3;margin:0;border-radius:18px}#tb-signage .sg-steps li>span{font-size:20px;top:10px;right:10px}#tb-signage .sg-steps h3{font-size:19px;padding-right:20px}#tb-signage .sg-steps p{font-size:13px}#tb-signage #sg-design-form{padding:16px}#tb-signage #sg-design-form .sg-btn{font-size:14px}}
@media(prefers-reduced-motion:reduce){#tb-signage .sg-work-select,#tb-signage .sg-step-art,#tb-signage .sg-messenger-btn{transition:none}}

/* v13 — compact hero and mobile order, scoped to this landing. */
#tb-signage .sg-copy{padding-top:0}
#tb-signage .sg-hero{padding-top:5px}
#tb-signage .sg-hero-grid{padding-top:5px;gap:36px}
#tb-signage .sg-hero h1{font-size:clamp(40px,4vw,57px);line-height:1.06;margin-bottom:12px}
#tb-signage .sg-tagline{font-size:24px;margin-bottom:10px}
#tb-signage .sg-lead{font-size:16px;line-height:1.5;max-width:460px}
#tb-signage .sg-hero .sg-kicker{margin-bottom:12px}
#tb-signage .sg-hero .sg-trust{margin-top:12px;gap:8px 13px;font-size:12px}
#tb-signage .sg-hero .sg-actions{margin-top:13px;gap:10px}
#tb-signage .sg-price-example{display:grid;grid-template-columns:1fr 240px;gap:24px;align-items:center;margin-top:20px;padding:22px 24px;border:1px solid #e4d8ef;border-radius:18px;background:#f4eefb}
#tb-signage .sg-price-example p{font-size:14px;line-height:1.65;margin:0}
#tb-signage .sg-price-example>span{font:14px/1.5 Onest-Bold,Arial,sans-serif;border-left:2px solid #b69ad8;padding-left:20px}
#tb-signage .sg-faq{display:grid;grid-template-columns:.85fr 1.15fr;column-gap:55px;row-gap:0;align-items:start}
#tb-signage .sg-faq-heading{grid-column:1;grid-row:1}
#tb-signage .sg-faq-contact{grid-column:1;grid-row:2;margin-top:25px}
#tb-signage .sg-faq-questions{grid-column:2;grid-row:1/3}
#tb-signage #sg-works>.sg-carousel-controls,#tb-signage #sg-reviews>.sg-carousel-controls{margin:20px 0 16px}
#tb-signage .sg-design-start{padding:14px 16px;border-left:3px solid #ae88db;background:#f4eaf9;border-radius:0 12px 12px 0;margin-top:18px}
body.sg-hours-page .header__bottom a.sg-panel-calculate{display:flex;align-items:center;justify-content:center;min-height:44px;text-decoration:none}
@media(max-width:850px){
 #tb-signage .sg-faq{grid-template-columns:1fr;gap:20px}
 #tb-signage .sg-faq-heading,#tb-signage .sg-faq-contact,#tb-signage .sg-faq-questions{grid-column:1;grid-row:auto}
 #tb-signage .sg-faq-heading{order:0}#tb-signage .sg-faq-questions{order:1}#tb-signage .sg-faq-contact{order:2;margin-top:0}
 #tb-signage .sg-work-grid{grid-template-rows:auto;grid-auto-flow:column}
 #tb-signage .sg-price-example{grid-template-columns:1fr;gap:12px;padding:18px}
}
@media(max-width:560px){
 #tb-signage .sg-crumbs{padding:10px 0;font-size:11px;line-height:1.4}
 #tb-signage .sg-hero{padding-top:0}
 #tb-signage .sg-hero-grid{padding-top:0;gap:24px}
 #tb-signage .sg-hero .sg-kicker{font-size:10px;letter-spacing:.08em;margin-bottom:8px}
 #tb-signage .sg-hero h1{font-size:clamp(32px,8.9vw,39px);line-height:1.06;margin-bottom:9px}
 #tb-signage .sg-tagline{font-size:19px;line-height:1.3;margin-bottom:8px}
 #tb-signage .sg-lead{font-size:14px;line-height:1.45}
 #tb-signage .sg-hero .sg-trust{font-size:11px;line-height:1.35;gap:5px 11px;margin-top:10px}
 #tb-signage .sg-hero .sg-actions{margin-top:11px}
 #tb-signage #sg-hero-form{gap:7px}
 #tb-signage #sg-hero-form label{font-size:12px}
 #tb-signage #sg-hero-form input{height:48px}
 #tb-signage #sg-hero-form .sg-btn{min-height:48px;padding:12px 10px;font-size:14px}
 #tb-signage .sg-faq h2{font-size:29px}
 #tb-signage .sg-faq{scroll-margin-top:90px;padding-top:25px}
 #tb-signage .sg-faq-heading .sg-kicker{margin-bottom:8px}
 #tb-signage .sg-faq-heading h2{margin-bottom:8px}
 #tb-signage .sg-work-grid{grid-auto-columns:87%;grid-template-rows:auto;gap:12px}
}

#tb-signage #sg-order-form{scroll-margin-top:110px}

/* source: forms-v16.css */
/* Only the first-screen conversion block, Surgut signage landing. */
#tb-signage .sg-hero .sg-actions{gap:14px}
#tb-signage #sg-hero-form{gap:11px;max-width:510px}
#tb-signage #sg-hero-form>label{font:13px/1.3 Onest-Bold,Arial,sans-serif;margin:0}
#tb-signage #sg-hero-form .sg-hero-phone-field{position:relative;min-width:0;width:100%}
#tb-signage #sg-hero-form .sg-phone-prefix{position:absolute;left:17px;top:20px;height:22px;padding-right:13px;border-right:1px solid #ddd8e2;color:#37313e;font:19px/22px Onest,Arial,sans-serif;pointer-events:none}
#tb-signage #sg-hero-form #sg-hero-phone{height:62px;width:100%;min-width:0;padding:17px 15px 17px 66px;border:1px solid #d9d4de;border-radius:15px;background:#fff;font:19px/1.3 Onest,Arial,sans-serif;letter-spacing:.01em;color:#28232e;box-shadow:none;outline:none;transition:border-color .18s,box-shadow .18s}
#tb-signage #sg-hero-form #sg-hero-phone::placeholder{font:19px/1.3 Onest,Arial,sans-serif;color:#8c8592;opacity:1}
#tb-signage #sg-hero-form #sg-hero-phone:focus{border-color:#9d76c8;box-shadow:0 0 0 3px #8550b40d;outline:none}
#tb-signage #sg-hero-form #sg-hero-phone[aria-invalid=true]{border-color:#bf7b82}
#tb-signage #sg-hero-form .sg-hero-phone-field .sg-field-error{padding-top:7px}
#tb-signage #sg-hero-form>button[type=submit]{min-height:60px;width:100%;padding:15px 18px;font:16px/1.3 Onest-Bold,Arial,sans-serif;border-radius:15px;gap:12px;justify-content:space-between;white-space:normal}
#tb-signage #sg-hero-form>button[type=submit]>span{flex:none;font-size:22px}
#tb-signage #sg-hero-form .sg-hero-result{font-size:13px;line-height:1.45;color:#655d6b;margin:0}
#tb-signage #sg-hero-form .sg-consent{font-size:11px;line-height:1.45;color:#89828e;margin:0}
#tb-signage #sg-hero-form .sg-consent a{color:inherit;text-decoration:underline;text-underline-offset:2px}
@media(max-width:560px){#tb-signage #sg-hero-form>button[type=submit]{font-size:15px;padding-inline:13px}#tb-signage #sg-hero-form .sg-hero-result{font-size:12px}#tb-signage .sg-hero .sg-actions{gap:12px}}
@media(prefers-reduced-motion:reduce){#tb-signage #sg-hero-form #sg-hero-phone{transition:none}}
/* The same field presentation in all lead forms on this page, including popups. */
body.sg-phone-page .sg-phone-field{position:relative;width:100%;min-width:0;flex:1}
body.sg-phone-page .sg-phone-field .sg-phone-prefix{position:absolute;left:17px;top:20px;height:22px;padding-right:13px;border-right:1px solid #ddd8e2;color:#37313e;font:19px/22px Onest,Arial,sans-serif;pointer-events:none;z-index:1}
#tb-signage :is(#sg-hero-form,#sg-order-form,#sg-design-form,#sg-faq-form) .sg-phone-field input[name=phone],body.sg-phone-page .sg-form-enhanced .sg-phone-field input[name=phone],body.sg-phone-page #td-form .sg-phone-field input[name=phone]{display:block;height:62px;width:100%;min-width:0;margin:0;padding:17px 15px 17px 66px;border:1px solid #d9d4de;border-radius:15px;background:#fff;font:19px/1.3 Onest,Arial,sans-serif;letter-spacing:.01em;color:#28232e;box-shadow:none;outline:none;transition:border-color .18s,box-shadow .18s}
body.sg-phone-page .sg-phone-field input[name=phone]::placeholder{font:19px/1.3 Onest,Arial,sans-serif;color:#8c8592;opacity:1}
#tb-signage :is(#sg-hero-form,#sg-order-form,#sg-design-form,#sg-faq-form) .sg-phone-field input[name=phone]:focus,body.sg-phone-page .sg-form-enhanced .sg-phone-field input[name=phone]:focus,body.sg-phone-page #td-form .sg-phone-field input[name=phone]:focus{border-color:#9d76c8;box-shadow:0 0 0 3px #8550b40d;outline:none}
#tb-signage :is(#sg-hero-form,#sg-order-form,#sg-design-form,#sg-faq-form) .sg-phone-field input[name=phone][aria-invalid=true],body.sg-phone-page .sg-form-enhanced .sg-phone-field input[name=phone][aria-invalid=true],body.sg-phone-page #td-form .sg-phone-field input[name=phone][aria-invalid=true]{border-color:#bf7b82}
body.sg-phone-page .sg-phone-parent:before,body.sg-phone-page .sg-phone-parent:after,body.sg-phone-page .td-input.sg-phone-parent>svg{display:none}
body.sg-phone-page .sg-phone-field .sg-field-error{padding-top:7px}
#tb-signage #sg-design-form>.sg-phone-field{grid-column:1;grid-row:2}
#tb-signage #sg-design-form>button[type=submit]{min-height:62px}
@media(max-width:1100px){#tb-signage #sg-design-form>.sg-phone-field{grid-column:1;grid-row:auto}}
@media(prefers-reduced-motion:reduce){body.sg-phone-page .sg-phone-field input[name=phone]{transition:none}}
/* Preserve the existing two-column design form without overlapping its CTA. */
#tb-signage #sg-facade-guide #sg-design-form>.sg-phone-field{grid-column:1;grid-row:2}
#tb-signage #sg-facade-guide #sg-design-form .sg-phone-field input[type=tel]{height:62px}
#tb-signage #sg-facade-guide #sg-design-form>button[type=submit]{min-height:62px}
@media(max-width:1100px){#tb-signage #sg-facade-guide #sg-design-form>.sg-phone-field{grid-column:1;grid-row:auto}}
body.sg-phone-page .popup-form.sg-form-enhanced .sg-phone-field .default-form-input{padding:17px 15px 17px 66px!important;font-size:19px!important;line-height:1.3}
body.sg-phone-page #totobi-discount #td-form .sg-phone-field input[name=phone]{height:62px;border:1px solid #d9d4de;border-radius:15px;background:#fff;box-shadow:none;outline:none}
body.sg-phone-page #totobi-discount #td-form .sg-phone-field input[name=phone]:focus{border-color:#9d76c8;box-shadow:0 0 0 3px #8550b40d;outline:none}
body.sg-phone-page #totobi-discount #td-form .sg-phone-field input[name=phone][aria-invalid=true]{border-color:#bf7b82}
/* Narrow cards need room for the full national-number placeholder. */
@media(max-width:360px){
 body.sg-phone-page .sg-phone-field .sg-phone-prefix{left:14px;padding-right:10px;font-size:18px}
 body.sg-phone-page .sg-phone-field input[name=phone],body.sg-phone-page .popup-form.sg-form-enhanced .sg-phone-field input[name=phone]{padding-left:58px!important;padding-right:12px!important;font-size:18px!important}
 body.sg-phone-page .sg-phone-field input[name=phone]::placeholder{font-size:18px!important}
}

/* Signage lead offer, 2026-10-01. Form actions and transport are unchanged. */
#tb-signage .sg-form-enhanced .sg-discount-offer,
.popup-form.sg-form-enhanced .sg-discount-offer {
  box-sizing: border-box;
  display: block;
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 11px 13px;
  border: 1px solid #f5d8bc;
  border-radius: 11px;
  background: #fff7ef;
  color: #483324;
  font: 14px/1.45 Onest, Arial, sans-serif;
  text-align: left;
  text-transform: none;
  letter-spacing: normal;
  overflow-wrap: break-word;
}
#tb-signage .sg-form-enhanced .sg-discount-offer strong,
.popup-form.sg-form-enhanced .sg-discount-offer strong {
  color: #9c4307;
  font-weight: 700;
  white-space: nowrap;
}
#tb-signage #sg-design-form > .sg-discount-offer {
  grid-column: 1 / -1;
  grid-row: auto;
}
.popup-form.sg-form-enhanced .sg-discount-offer { margin: 12px 0; }

/* source: design-v14.css */
/* v14: only the free-mockup section. Existing lead markup and sender preserved. */
#tb-signage #sg-facade-guide{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:32px;padding:28px 32px;margin-top:42px;background:linear-gradient(110deg,#faf5ff,#fffaf4 67%);overflow:visible;position:relative}
#tb-signage #sg-facade-guide .sg-design-art{position:relative;isolation:isolate;align-self:center;max-width:none;width:100%;margin:0;min-width:0}
#tb-signage #sg-facade-guide .sg-design-art:before{content:"";position:absolute;inset:15% 5% 12%;border:1px solid #dcccee;border-radius:34px;background:radial-gradient(ellipse at 65% 15%,#fff8ed,#eadcf6 72%);transform:rotate(-5deg);box-shadow:0 20px 35px #7a519515;z-index:-1}
#tb-signage #sg-facade-guide .sg-design-art img{position:relative;width:calc(100% + 30px);max-width:none;margin:-28px -15px -10px;height:auto;max-height:540px;object-fit:contain;border-radius:0;filter:drop-shadow(0 16px 16px #4c286420);z-index:1}
#tb-signage #sg-facade-guide .sg-design-art figcaption{margin-top:0;font-size:11px;letter-spacing:.04em;color:#8d799c}
#tb-signage #sg-facade-guide .sg-kicker{font-size:11px;margin-bottom:12px}
#tb-signage #sg-facade-guide h2{font-size:clamp(32px,3.1vw,46px);line-height:1.08;margin-bottom:18px}
#tb-signage #sg-facade-guide .sg-design-tips{border-top:1px solid #ded3e7;border-bottom:1px solid #ded3e7;padding:0;margin:0 0 13px}
#tb-signage #sg-facade-guide .sg-design-tips summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;cursor:pointer;list-style:none;padding:10px 0}
#tb-signage #sg-facade-guide .sg-design-tips summary::-webkit-details-marker{display:none}
#tb-signage #sg-facade-guide .sg-design-tips h3{font-size:14px;line-height:1.4;margin:0}
#tb-signage #sg-facade-guide .sg-design-tips summary>span{color:#8750cc;flex:none;font-size:23px;line-height:1}
#tb-signage #sg-facade-guide .sg-design-tips[open] summary>span{transform:rotate(45deg)}
#tb-signage #sg-facade-guide .sg-design-tips>div{padding:4px 0 16px}
#tb-signage #sg-facade-guide .sg-design-tips p{font-size:14px;line-height:1.6;margin:0 0 12px}
#tb-signage #sg-facade-guide .sg-design-tips p:last-child{margin-bottom:0}
#tb-signage #sg-facade-guide .sg-design-start{font-size:14px;line-height:1.5;padding:11px 14px;margin:0}
#tb-signage #sg-facade-guide #sg-design-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.17fr);gap:8px 10px;padding:16px;margin-top:14px;border-radius:17px}
#tb-signage #sg-facade-guide #sg-design-form>*{grid-column:1/-1}
#tb-signage #sg-facade-guide #sg-design-form input[type=tel]{grid-column:1;grid-row:2;height:52px}
#tb-signage #sg-facade-guide #sg-design-form button[type=submit]{grid-column:2;grid-row:2;font-size:14px;line-height:1.3;min-height:52px;padding:11px 14px;margin:0;gap:12px;white-space:normal}
#tb-signage #sg-facade-guide #sg-design-form label{font-size:12px}
#tb-signage #sg-facade-guide #sg-design-form .sg-consent{font-size:12px;line-height:1.5;margin-top:4px}
#tb-signage #sg-facade-guide .sg-design-messengers{margin-top:13px;gap:7px 10px}
#tb-signage #sg-facade-guide .sg-design-messengers>span{font-size:12px}
#tb-signage #sg-facade-guide .sg-messenger-btn{min-height:44px;padding:9px 13px;font-size:13px}
#tb-signage #sg-facade-guide .sg-inline-links{font-size:12px;margin-top:10px}
@media(max-width:1100px){#tb-signage #sg-facade-guide{padding:25px;gap:25px}#tb-signage #sg-facade-guide #sg-design-form{grid-template-columns:1fr}#tb-signage #sg-facade-guide #sg-design-form input[type=tel],#tb-signage #sg-facade-guide #sg-design-form button[type=submit]{grid-column:1;grid-row:auto}}
@media(max-width:850px){#tb-signage #sg-facade-guide{grid-template-columns:1fr;gap:18px}#tb-signage #sg-facade-guide .sg-design-art{max-width:350px;margin:0 auto}#tb-signage #sg-facade-guide .sg-design-art img{max-height:330px}#tb-signage #sg-facade-guide h2{font-size:34px;margin-bottom:15px}}
@media(max-width:560px){#tb-signage #sg-facade-guide{padding:20px 17px;gap:20px;border-radius:23px}#tb-signage #sg-facade-guide .sg-design-art{max-width:270px}#tb-signage #sg-facade-guide .sg-design-art img{width:100%;margin:-20px 0 -4px;max-height:260px}#tb-signage #sg-facade-guide .sg-design-art:before{border-radius:24px}#tb-signage #sg-facade-guide h2{font-size:31px}#tb-signage #sg-facade-guide .sg-design-tips h3{font-size:13px}#tb-signage #sg-facade-guide .sg-design-start{font-size:13px}#tb-signage #sg-facade-guide #sg-design-form{padding:14px}#tb-signage #sg-facade-guide #sg-design-form .sg-consent{font-size:11px}#tb-signage #sg-facade-guide .sg-design-messengers{gap:8px}#tb-signage #sg-facade-guide .sg-messenger-btn{font-size:12px;padding:9px 10px}}

/* source: polish-v17.css */
/* v17: illustrative depth, compact reviews, clearer portfolio actions. Surgut landing only. */
#tb-signage .sg-object{display:block;width:100%;aspect-ratio:1;background-image:url('https://surgut.totobi.ru/wp-content/uploads/sites/2/2026/10/objects-3d-v17.webp');background-repeat:no-repeat;background-size:300% 300%;filter:drop-shadow(0 12px 10px #44235e15);pointer-events:none}
#tb-signage .sg-object-0{background-position:0 0}#tb-signage .sg-object-1{background-position:50% 0}#tb-signage .sg-object-2{background-position:100% 0}#tb-signage .sg-object-3{background-position:0 50%}#tb-signage .sg-object-4{background-position:50% 50%}#tb-signage .sg-object-5{background-position:100% 50%}#tb-signage .sg-object-6{background-position:0 98.5%}#tb-signage .sg-object-7{background-position:50% 100%}#tb-signage .sg-object-8{background-position:100% 100%}
#tb-signage:before{background-image:radial-gradient(ellipse at 0 28%,#b392f018,transparent 25%),radial-gradient(ellipse at 100% 58%,#ffb36414,transparent 25%);background-size:100% 1800px;background-repeat:repeat-y}
#tb-signage .sg-edge-art{display:flex;flex-direction:column;justify-content:space-between;position:absolute;top:980px;bottom:1100px;width:clamp(28px,calc((100vw - 1280px)/2 - 8px),190px);opacity:.62;z-index:0;pointer-events:none}
#tb-signage .sg-edge-left{left:0}#tb-signage .sg-edge-right{right:0}
#tb-signage .sg-edge-art>.sg-object{transform:rotate(-12deg)}#tb-signage .sg-edge-right>.sg-object{transform:rotate(13deg)}
#tb-signage .sg-choice-grid{gap:16px}
#tb-signage .sg-choice-card{padding:0 22px 23px;gap:13px;border-radius:24px;background:linear-gradient(150deg,#fff 40%,#f6f1fc);box-shadow:0 10px 35px #3d245909;overflow:hidden;transition:box-shadow .25s,transform .25s}
#tb-signage .sg-choice-visual{height:160px;margin:0 -22px 3px;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 55%,#e5d8f599,transparent 68%);border-bottom:1px solid #ede5f5}
#tb-signage .sg-choice-visual .sg-object{width:190px;max-width:100%;margin-top:-10px}
#tb-signage .sg-choice-card h3{font-size:21px;line-height:1.2;letter-spacing:-.025em}
#tb-signage .sg-choice-card p{font-size:14px;line-height:1.6}
#tb-signage .sg-choice-card>a{display:flex;align-items:center;justify-content:space-between;min-height:44px;margin-top:auto;padding:10px 0 0;border-top:1px solid #e7dcef;text-decoration:none;font-family:Onest-Bold,Arial,sans-serif;font-size:13px;color:#7146b3}
#tb-signage .sg-choice-card:hover{box-shadow:0 17px 35px #3d245915;transform:translateY(-3px)}
#tb-signage .sg-work-select{position:relative;isolation:isolate;overflow:hidden;min-height:72px;padding:13px 16px;border-radius:16px;border:1px solid #ffd19f;background:linear-gradient(115deg,#ffba65,#ff8b3a);color:#2e1b36;box-shadow:0 4px 0 #dd792933,0 9px 20px #d57a2120;gap:12px;transition:transform .22s,box-shadow .22s,background .22s}
#tb-signage .sg-work-select small{color:#6c422a;font:10px/1.35 Onest,Arial,sans-serif;letter-spacing:.025em;margin-bottom:5px}
#tb-signage .sg-work-select>span{font-size:13px;line-height:1.3}
#tb-signage .sg-work-select b{width:38px;height:38px;background:#fff9ed;border:1px solid #fff;color:#583873;box-shadow:0 3px 9px #90460914;transition:transform .22s}
#tb-signage .sg-work-select:hover,#tb-signage .sg-work-select[aria-pressed=true]{background:linear-gradient(115deg,#ffd294,#ff9b50);color:#2e1b36;box-shadow:0 4px 0 #dd792933,0 12px 26px #d57a2133;transform:translateY(-2px)}
#tb-signage .sg-work-select:hover b{transform:rotate(45deg)}
#tb-signage .sg-work-select:focus-visible,#tb-signage .sg-review-more:focus-visible{outline:3px solid #8750e5;outline-offset:4px}
#tb-signage #sg-process{background:radial-gradient(ellipse at 92% 0,#70428c55,transparent 60%),linear-gradient(120deg,#241b2f,#35213f);padding:32px;border-radius:28px;margin-top:38px;position:relative;overflow:hidden}
#tb-signage #sg-process h2{font-size:clamp(32px,3.4vw,50px);max-width:760px;margin-bottom:24px;color:#fff}
#tb-signage #sg-process h2 em{color:#ffbf80}
#tb-signage #sg-process .sg-steps{gap:14px;position:relative}
#tb-signage #sg-process .sg-steps:before{content:'';position:absolute;top:83px;left:5%;right:5%;height:1px;background:linear-gradient(90deg,#a382bf,#ffc181,#a382bf);opacity:.4}
#tb-signage #sg-process .sg-steps li{padding:16px 20px 23px!important;border-radius:21px;background:linear-gradient(165deg,#fff,#fff9f4);border:1px solid #ffffff70;box-shadow:0 8px 20px #10081618}
#tb-signage #sg-process .sg-steps li>span{top:19px;right:18px;border:0;background:#eee5f6;color:#765593;font-size:12px;font-family:Onest-Bold,Arial,sans-serif;width:32px;height:32px;display:grid;place-items:center;padding:0}
#tb-signage #sg-process .sg-step-art{width:148px;height:139px;margin:0 0 13px -15px;background:none;border:0;border-radius:0;transform:none;box-shadow:none}
#tb-signage #sg-process .sg-steps h3{font-size:20px;line-height:1.25;margin-bottom:12px;color:#28212f}
#tb-signage #sg-process .sg-steps p{font-size:13px;line-height:1.6;color:#736878}
#tb-signage #sg-process .sg-step-art .sg-object{transition:transform .35s}
#tb-signage #sg-process li:hover .sg-object{transform:translateY(-5px) rotate(-3deg)}
#tb-signage #sg-regional-guide{padding:34px;border:1px solid #e8dfee;border-radius:28px;background:linear-gradient(140deg,#fffaf4,#f5f0fc);box-shadow:0 15px 45px #45275b08}
#tb-signage .sg-terms-heading{grid-template-columns:1fr 200px;margin-bottom:10px;gap:20px}
#tb-signage .sg-terms-heading h2{font-size:clamp(32px,3.4vw,50px);margin-bottom:0}
#tb-signage .sg-terms-art{height:180px;width:200px}
#tb-signage .sg-terms-art>.sg-object{width:200px;transform:rotate(-8deg)}
#tb-signage .sg-terms-seal{width:69px;height:69px;border:3px solid #fff6ec;right:0;bottom:6px;font-size:27px;box-shadow:0 8px 20px #b8652325;background:linear-gradient(145deg,#ffd6a1,#ffab61)}
#tb-signage .sg-terms-seal small{font-size:6px;margin-top:5px}
#tb-signage .sg-terms-grid{gap:14px;margin-top:12px}
#tb-signage .sg-terms-grid>article{display:grid;grid-template-columns:85px 1fr;gap:16px;align-items:start;padding:23px 22px;border:1px solid #eadff0;border-radius:20px;background:#ffffffd9;box-shadow:0 7px 19px #3c244205}
#tb-signage .sg-term-visual{width:100px;margin:-7px -8px}
#tb-signage .sg-terms-grid h3{font-size:20px;margin:0 0 9px}
#tb-signage .sg-terms-grid p{font-size:14px;line-height:1.65}
#tb-signage #sg-reviews{padding-top:45px;padding-bottom:40px}
#tb-signage #sg-reviews .sg-section-head{grid-template-columns:1fr auto;align-items:center;gap:25px;margin-bottom:13px}
#tb-signage #sg-reviews h2{font-size:clamp(32px,3.2vw,46px);line-height:1.12;letter-spacing:-.035em;max-width:800px;margin:0}
#tb-signage #sg-reviews .sg-yandex-rating{display:grid;grid-template-columns:auto auto;align-items:center;gap:4px 15px;min-width:0;padding:17px 22px;border-radius:19px}
#tb-signage #sg-reviews .sg-yandex-rating strong{font-size:42px;line-height:1.1;grid-row:1/3}
#tb-signage #sg-reviews .sg-yandex-rating strong small{font-size:15px}
#tb-signage #sg-reviews .sg-yandex-rating>.sg-stars{font-size:20px;margin:0}
#tb-signage #sg-reviews .sg-yandex-rating>span:last-child{font-size:11px}
#tb-signage #sg-reviews .sg-reviews-intro{font-size:14px;margin:0}
#tb-signage #sg-reviews>.sg-carousel-controls{margin:15px 0 12px}
#tb-signage #sg-reviews .sg-review-grid{align-items:start;gap:16px;padding-bottom:10px}
#tb-signage #sg-reviews .sg-review-card{flex-basis:calc((100% - 32px)/3);min-height:0;padding:20px;border-radius:20px;box-shadow:0 6px 15px #3c244205}
#tb-signage #sg-reviews .sg-review-avatar{width:45px;height:45px;min-width:45px;font-size:20px}
/* Source-backed photo crops retain their original 56px scaling inside the avatar. */
#tb-signage #sg-reviews .sg-avatar-kseniya,#tb-signage #sg-reviews .sg-avatar-yana,#tb-signage #sg-reviews .sg-avatar-sergey{width:56px;height:56px;min-width:56px}
#tb-signage #sg-reviews .sg-review-author strong{font-size:14px}
#tb-signage #sg-reviews .sg-review-author time{font-size:11px}
#tb-signage #sg-reviews .sg-review-card>.sg-stars{margin-top:14px;font-size:17px}
#tb-signage #sg-reviews .sg-review-card blockquote{flex:none;margin:11px 0 14px}
#tb-signage #sg-reviews .sg-review-card blockquote p{font-size:14px;line-height:1.6;margin:0}
#tb-signage #sg-reviews .sg-review-collapsed blockquote p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}
#tb-signage .sg-review-more{display:inline-flex;align-self:flex-start;align-items:center;gap:8px;min-height:44px;padding:6px 13px;background:#f4ecfc;border:1px solid #e3d4f0;border-radius:11px;color:#7548aa;font:12px/1.3 Onest-Bold,Arial,sans-serif;margin:-5px 0 12px;cursor:pointer}
#tb-signage .sg-review-more:after{content:'↓';font-size:16px}#tb-signage .sg-review-more[aria-expanded=true]:after{content:'↑'}
#tb-signage #sg-reviews .sg-review-card figcaption{font-size:10px;padding-top:11px}
#tb-signage #sg-reviews .sg-review-source{margin-top:10px;font-size:11px}
@media(max-width:1300px){#tb-signage .sg-edge-art{display:none}}
@media(max-width:1100px){#tb-signage .sg-choice-visual{height:145px}#tb-signage #sg-reviews .sg-review-card{flex-basis:calc(50% - 8px)}#tb-signage .sg-terms-grid>article{grid-template-columns:65px 1fr;padding:20px 16px;gap:12px}#tb-signage .sg-term-visual{width:80px}}
@media(max-width:700px){#tb-signage #sg-process,#tb-signage #sg-regional-guide{padding:24px 18px;border-radius:22px}#tb-signage #sg-process h2,#tb-signage .sg-terms-heading h2{font-size:32px}#tb-signage .sg-terms-heading{grid-template-columns:1fr 95px;gap:12px}#tb-signage .sg-terms-art{width:100px;height:115px}#tb-signage .sg-terms-art>.sg-object{width:115px}#tb-signage .sg-terms-seal{width:49px;height:49px;font-size:20px;right:-4px}#tb-signage .sg-terms-seal small{font-size:5px}#tb-signage #sg-reviews .sg-section-head{grid-template-columns:1fr;gap:15px}#tb-signage #sg-reviews .sg-yandex-rating{justify-self:start;width:auto;padding:13px 18px}#tb-signage #sg-reviews h2{font-size:32px}#tb-signage #sg-reviews .sg-review-card{flex-basis:88%;padding:18px}#tb-signage #sg-reviews{padding-top:30px;padding-bottom:28px}}
@media(max-width:560px){#tb-signage .sg-choice-grid{grid-template-columns:1fr;gap:14px}#tb-signage .sg-choice-card{display:grid;grid-template-columns:90px 1fr;column-gap:14px;padding:19px 16px;overflow:visible}#tb-signage .sg-choice-visual{grid-row:1/4;width:95px;height:105px;margin:0 0 0 -4px;border:0;align-self:center;background:none}#tb-signage .sg-choice-visual .sg-object{width:112px;max-width:none;margin:0}#tb-signage .sg-choice-card h3{font-size:20px;margin:0}#tb-signage .sg-choice-card p{font-size:13px;margin:0}#tb-signage .sg-choice-card>a{font-size:12px;padding-top:8px}#tb-signage #sg-process .sg-steps{grid-template-columns:1fr;gap:12px}#tb-signage #sg-process .sg-steps:before{display:none}#tb-signage #sg-process .sg-steps li{padding:19px 17px!important;display:grid;grid-template-columns:72px 1fr;gap:10px 12px}#tb-signage #sg-process .sg-step-art{grid-row:1/3;width:90px;height:90px;margin:-4px 0 0 -10px}#tb-signage #sg-process .sg-steps li>span{top:auto;bottom:12px;left:25px;right:auto;width:27px;height:27px;font-size:10px}#tb-signage #sg-process .sg-steps h3{font-size:19px;margin:0}#tb-signage #sg-process .sg-steps p{font-size:13px;margin:0}#tb-signage .sg-terms-heading{grid-template-columns:1fr}#tb-signage .sg-terms-art{display:none}#tb-signage .sg-terms-grid{grid-template-columns:1fr;gap:12px}#tb-signage .sg-terms-grid>article{grid-template-columns:55px 1fr;padding:19px 15px;gap:13px}#tb-signage .sg-term-visual{width:70px}#tb-signage .sg-terms-grid h3{font-size:19px}#tb-signage .sg-terms-grid p{font-size:13px}#tb-signage .sg-work-select{min-height:72px;padding:12px 14px}#tb-signage .sg-work-select>span{font-size:13px}}
@media(prefers-reduced-motion:reduce){#tb-signage .sg-choice-card,#tb-signage .sg-work-select,#tb-signage .sg-work-select b,#tb-signage #sg-process .sg-step-art .sg-object{transition:none;transform:none}}
/* Keep adjacent atlas cells out of the drawing's transparent gutter. */
#tb-signage .sg-object-5{clip-path:inset(0 0 10% 0)}

/* Hero rating: scoped to the Surgut signage page. */
#tb-signage .sg-hero-rating{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) 138px;align-items:center;gap:14px;width:100%;max-width:510px;margin-top:25px;padding:20px 22px;border:1px solid #e5d9ef;border-radius:24px;background:radial-gradient(ellipse at 100% 30%,#fff0d9 0,transparent 65%),linear-gradient(125deg,#fff,#f6f0fc);box-shadow:0 12px 32px #7044a10b,inset 0 1px 0 #fff;color:#25212b;text-decoration:none}
#tb-signage .sg-hero-rating-copy{display:flex;flex-direction:column;align-items:flex-start;gap:9px;min-width:0}
#tb-signage .sg-hero-rating-source{display:inline-flex;align-items:center;gap:7px;font:14px/1.3 Onest-Bold,Arial,sans-serif}
#tb-signage .sg-hero-rating-source svg{width:17px;height:20px;flex:none}
#tb-signage .sg-hero-rating-score{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
#tb-signage .sg-hero-rating-score strong{font:52px/1 Onest-Bold,Arial,sans-serif;letter-spacing:-.05em}
#tb-signage .sg-hero-rating-stars{color:#b9760c;font:20px/1.2 Arial,sans-serif;letter-spacing:1px;white-space:nowrap}
#tb-signage .sg-hero-rating-caption{color:#735092;font:13px/1.4 Onest,Arial,sans-serif}
#tb-signage .sg-hero-rating-art{display:block;width:138px;height:138px;max-width:100%;object-fit:contain;filter:drop-shadow(0 7px 8px #8e5eaa12)}
@media(max-width:850px){#tb-signage .sg-hero-rating{max-width:none}}
@media(max-width:560px){#tb-signage .sg-hero-rating{grid-template-columns:minmax(0,1fr) 108px;padding:17px 18px;gap:8px;margin-top:20px;border-radius:20px}#tb-signage .sg-hero-rating-art{width:108px;height:108px}#tb-signage .sg-hero-rating-score{gap:9px}#tb-signage .sg-hero-rating-score strong{font-size:42px}#tb-signage .sg-hero-rating-stars{font-size:16px;letter-spacing:0}#tb-signage .sg-hero-rating-source{font-size:13px}#tb-signage .sg-hero-rating-caption{font-size:12px}}
@media(max-width:360px){#tb-signage .sg-hero-rating{grid-template-columns:minmax(0,1fr) 84px;padding:15px 14px}#tb-signage .sg-hero-rating-art{width:84px;height:100px}#tb-signage .sg-hero-rating-score{gap:7px}#tb-signage .sg-hero-rating-score strong{font-size:38px}#tb-signage .sg-hero-rating-stars{font-size:14px}}

/* Order form studio v3 2026-10-01. */
/* Order studio v3: isolated to this section, with an earlier mobile form. */
#tb-signage #sg-order.sg-order-studio{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);align-items:center;gap:clamp(28px,3.8vw,54px);position:relative;isolation:isolate;padding:clamp(30px,3.8vw,52px);border:1px solid #5f467b;border-radius:36px;background:radial-gradient(ellipse at 14% 55%,#72459970,transparent 62%),radial-gradient(ellipse at 0 0,#75509555,transparent 47%),linear-gradient(125deg,#352044,#251830 77%);box-shadow:0 26px 60px #30203b15;color:#fff;overflow:hidden}
#tb-signage #sg-order.sg-order-studio .sg-studio-copy{position:relative;min-width:0}
#tb-signage #sg-order.sg-order-studio .sg-kicker{display:flex;align-items:center;gap:10px;font:10px/1.45 Onest-Bold,Arial,sans-serif;letter-spacing:.14em;color:#d6bce9;margin:0 0 22px}
#tb-signage #sg-order.sg-order-studio .sg-kicker:before{content:'';width:22px;height:2px;background:#ffb46f;flex:none}
#tb-signage #sg-order.sg-order-studio h2{font:clamp(40px,4.35vw,62px)/1.06 Onest-Bold,Arial,sans-serif;letter-spacing:-.052em;color:#fff;margin:0 0 21px}
#tb-signage #sg-order.sg-order-studio h2 em{color:#d3b3f4;font-style:normal}
#tb-signage #sg-order.sg-order-studio .sg-studio-intro{font:15px/1.65 Onest,Arial,sans-serif;color:#d4c4df;max-width:410px;margin:0}
#tb-signage #sg-order.sg-order-studio .sg-studio-scene{position:relative;isolation:isolate;margin:17px -22px 22px;min-width:0}
#tb-signage #sg-order.sg-order-studio .sg-studio-scene img{position:relative;display:block;width:100%;height:auto;max-height:367px;object-fit:contain;filter:drop-shadow(0 18px 20px #10081730)}
#tb-signage #sg-order.sg-order-studio .sg-studio-orbit{position:absolute;z-index:-1;width:81%;height:66%;top:17%;left:10%;border:1px solid #d5b3ed1f;border-radius:50%;background:radial-gradient(ellipse,#b877bc24,transparent 67%);transform:rotate(-16deg);pointer-events:none}
#tb-signage #sg-order.sg-order-studio .sg-studio-orbit:after{content:'';position:absolute;inset:-15px;border:1px solid #d5b3ed0d;border-radius:inherit}
#tb-signage #sg-order.sg-order-studio .sg-studio-scene figcaption{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:12px 22px 0;padding:0;font:11px/1.4 Onest,Arial,sans-serif;color:#e0c9ee}
#tb-signage #sg-order.sg-order-studio .sg-studio-scene figcaption span{font-size:9px;color:#bca5cc}
#tb-signage #sg-order.sg-order-studio .sg-studio-benefits{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding-top:22px;border-top:1px solid #e6cff421}
#tb-signage #sg-order.sg-order-studio .sg-studio-benefits>div{display:flex;align-items:center;gap:12px;min-width:0}
#tb-signage #sg-order.sg-order-studio .sg-studio-benefits>div>span{display:grid;place-items:center;width:33px;height:33px;flex:none;border:1px solid #dcb9f243;border-radius:50%;color:#ffbe83;font:18px/1 Onest,Arial,sans-serif}
#tb-signage #sg-order.sg-order-studio .sg-studio-benefits p{display:flex;flex-direction:column;gap:5px;margin:0}
#tb-signage #sg-order.sg-order-studio .sg-studio-benefits strong{font:12px/1.4 Onest-Bold,Arial,sans-serif;color:#f6eafa}
#tb-signage #sg-order.sg-order-studio .sg-studio-benefits small{font:11px/1.4 Onest,Arial,sans-serif;color:#c9addc}
#tb-signage #sg-order.sg-order-studio .sg-studio-right{min-width:0;position:relative;z-index:1}
#tb-signage #sg-order.sg-order-studio #sg-order-form{position:relative;display:flex;flex-direction:column;gap:11px;padding:31px;border:1px solid #fff;border-radius:27px;background:linear-gradient(145deg,#fff,#fffdfa 83%);box-shadow:0 22px 45px #10081730,0 2px 0 #fff5 inset;color:#302735;min-width:0}
#tb-signage #sg-order.sg-order-studio .sg-studio-form-head{margin-bottom:7px}
#tb-signage #sg-order.sg-order-studio .sg-studio-form-head>span{display:block;margin:0 0 13px;color:#8a619c;font:9px/1.4 Onest-Bold,Arial,sans-serif;letter-spacing:.14em}
#tb-signage #sg-order.sg-order-studio .sg-studio-form-head h3{font:clamp(27px,2.7vw,36px)/1.12 Onest-Bold,Arial,sans-serif;letter-spacing:-.035em;color:#302435;margin:0 0 12px}
#tb-signage #sg-order.sg-order-studio .sg-studio-form-head p{font:13px/1.6 Onest,Arial,sans-serif;color:#786d7d;margin:0;max-width:330px}
#tb-signage #sg-order.sg-order-studio .sg-studio-result{display:flex;flex-wrap:wrap;gap:7px 15px;padding:15px 0 0;margin:0;list-style:none}
#tb-signage #sg-order.sg-order-studio .sg-studio-result li{display:flex;align-items:center;gap:5px;padding:0;margin:0;color:#705382;font:11px/1.4 Onest,Arial,sans-serif}
#tb-signage #sg-order.sg-order-studio .sg-studio-result li:before{content:'✓';position:static;display:inline;color:#a873be;font:12px/1 Arial,sans-serif;width:auto;height:auto;background:none}
#tb-signage #sg-order.sg-order-studio #sg-order-form label{font:12px/1.5 Onest-Bold,Arial,sans-serif;color:#44374c;margin:0}
#tb-signage #sg-order.sg-order-studio #sg-order-form .sg-optional{font:10px/1.5 Onest,Arial,sans-serif;color:#8b7b95;margin-left:5px}
#tb-signage #sg-order.sg-order-studio #sg-order-form :is(input:not([type=hidden]),textarea){width:100%;min-width:0;border:1px solid #e3d9e8;border-radius:12px;padding:13px 14px;background:#f9f6fb;color:#34243e;font:16px/1.45 Onest,Arial,sans-serif;outline:none;margin:0}
#tb-signage #sg-order.sg-order-studio #sg-order-form :is(input:not([type=hidden]),textarea)::placeholder{color:#978c9e;opacity:1}
#tb-signage #sg-order.sg-order-studio #sg-order-form .sg-phone-field{--sg-phone-country:#46334f}
#tb-signage #sg-order.sg-order-studio #sg-order-form .sg-phone-field input[name=phone]{height:64px;padding:17px 13px 17px 65px;background:#f7f3fa;border-color:#d6c4e3;color:#31243d;font-size:20px;box-shadow:0 2px 6px #5d317106 inset}
#tb-signage #sg-order.sg-order-studio #sg-order-form :is(input:not([type=hidden]),textarea):focus{border-color:#9b6bc9;box-shadow:0 0 0 3px #9b6bc918;background:#fff}
#tb-signage #sg-order.sg-order-studio #sg-order-form :is(input,textarea)[aria-invalid=true]{border-color:#b83c53;box-shadow:0 0 0 1px #b83c5325}
#tb-signage #sg-order.sg-order-studio #sg-order-form textarea{min-height:88px;resize:vertical}
#tb-signage #sg-order.sg-order-studio .sg-studio-details{margin:0 0 3px;border:0}
#tb-signage #sg-order.sg-order-studio .sg-studio-details summary{display:flex;align-items:center;gap:10px;list-style:none;cursor:pointer;min-height:44px;padding:4px 0;color:#8b7399;font:12px/1.4 Onest,Arial,sans-serif}
#tb-signage #sg-order.sg-order-studio .sg-studio-details summary::-webkit-details-marker{display:none}
#tb-signage #sg-order.sg-order-studio .sg-studio-details summary b{display:grid;place-items:center;width:24px;height:24px;margin-left:auto;border-radius:50%;background:#f2ebf7;color:#8d63a6;font:20px/1 Arial,sans-serif;font-weight:400;flex:none}
#tb-signage #sg-order.sg-order-studio .sg-studio-details[open] summary b{transform:rotate(45deg)}
#tb-signage #sg-order.sg-order-studio .sg-studio-details summary:focus-visible{outline:2px solid #8750c4;outline-offset:3px;border-radius:4px}
#tb-signage #sg-order.sg-order-studio .sg-studio-details-fields{display:flex;flex-direction:column;gap:9px;padding:8px 0 15px}
#tb-signage #sg-order.sg-order-studio #sg-order-form .sg-btn{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:62px;margin:0;padding:17px 18px;border:1px solid #ffb269;border-radius:13px;background:linear-gradient(105deg,#ffbe70,#ff8a42);box-shadow:0 4px 0 #dc813b26,0 10px 21px #ed86331c;color:#3f271f;font:15px/1.4 Onest-Bold,Arial,sans-serif;transition:box-shadow .2s,transform .2s,filter .2s}
#tb-signage #sg-order.sg-order-studio #sg-order-form .sg-btn>span{font-size:24px;line-height:1}
#tb-signage #sg-order.sg-order-studio #sg-order-form .sg-btn:hover{transform:translateY(-2px);box-shadow:0 5px 0 #dc813b26,0 14px 23px #ed86332b;filter:brightness(1.035)}
#tb-signage #sg-order.sg-order-studio #sg-order-form .sg-btn:disabled{transform:none;filter:none;cursor:wait}
#tb-signage #sg-order.sg-order-studio #sg-order-form .sg-btn:focus-visible{outline:3px solid #8f61b8;outline-offset:4px}
#tb-signage #sg-order.sg-order-studio #sg-order-form .sg-consent{font:10px/1.6 Onest,Arial,sans-serif;text-align:left;color:#897d91;margin:5px 0 0}
#tb-signage #sg-order.sg-order-studio #sg-order-form .sg-consent a{color:#796184;text-underline-offset:2px}
#tb-signage #sg-order.sg-order-studio .sg-studio-person{display:flex;align-items:center;gap:13px;margin:11px -4px -4px;padding:17px 4px 0;border-top:1px solid #eae1ef}
#tb-signage #sg-order.sg-order-studio .sg-studio-person img{display:block;width:56px;height:62px;object-fit:cover;object-position:50% 4%;background:#f0e6f5;border:1px solid #e8d8ef;border-radius:18px;flex:none}
#tb-signage #sg-order.sg-order-studio .sg-studio-person strong{display:flex;align-items:center;flex-wrap:wrap;gap:5px 9px;color:#47344f;font:12px/1.4 Onest-Bold,Arial,sans-serif}
#tb-signage #sg-order.sg-order-studio .sg-studio-person strong span{font:10px/1.4 Onest,Arial,sans-serif;color:#9983a5}
#tb-signage #sg-order.sg-order-studio .sg-studio-person p{font:11px/1.6 Onest,Arial,sans-serif;color:#88758f;margin:5px 0 0}
#tb-signage #sg-order.sg-order-studio .sg-message-choice{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:20px 4px 0}
#tb-signage #sg-order.sg-order-studio .sg-message-choice>span{grid-column:1/-1;font:11px/1.5 Onest,Arial,sans-serif;color:#cfb9dd;margin-bottom:1px}
#tb-signage #sg-order.sg-order-studio .sg-message-choice a{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:46px;padding:11px 13px;border:1px solid #b48bc23b;border-radius:12px;background:#ffffff08;color:#e4d1ec;font:12px/1.5 Onest-Bold,Arial,sans-serif;text-decoration:none}
#tb-signage #sg-order.sg-order-studio .sg-message-choice a:hover{filter:brightness(1.04)}
#tb-signage #sg-order.sg-order-studio .sg-message-choice a.sg-contact-phone{grid-column:1/-1;min-height:44px;justify-content:center;border:0;border-radius:0;background:none;padding:4px;color:#d3bfdc;font:12px/1.5 Onest,Arial,sans-serif}
#tb-signage #sg-order.sg-order-studio .sg-message-choice>a.sg-contact-phone:before{content:'Позвонить';color:#ac91bf;font-size:10px;margin-right:3px}
#tb-signage #sg-order.sg-order-studio .sg-small{font:10px/1.55 Onest,Arial,sans-serif;color:#b49bc5;margin:8px 4px 0;text-align:center}
#tb-signage #sg-order.sg-order-studio :is(.sg-brief,.sg-picked-work){background:#ffffff08;border-color:#cfafe333;color:#f0e1fa;margin-top:17px}
#tb-signage #sg-order.sg-order-studio :is(.sg-brief,.sg-picked-work)>span{color:#c2a0db}
#tb-signage #sg-order.sg-order-studio :is(.sg-edit-sketch,#sg-clear-work,#sg-clear-intent){color:#edc399}
#tb-signage #sg-order.sg-order-studio .sg-request-intent{background:#5e396b;color:#f3e4fc;border-color:#9471a2;margin-top:17px}
#tb-signage #sg-order.sg-order-studio #sg-order-form .sg-field-error{color:#ad3148}
#tb-signage #sg-order.sg-order-studio #sg-order-form .sg-form-messenger{color:#77508f}
#tb-signage #sg-order.sg-order-studio #sg-order-form .sg-after-send-note{color:#84708d}
@media(max-width:1100px){#tb-signage #sg-order.sg-order-studio{grid-template-columns:minmax(0,1fr) minmax(0,.98fr);gap:28px;padding:30px}#tb-signage #sg-order.sg-order-studio h2{font-size:45px}#tb-signage #sg-order.sg-order-studio #sg-order-form{padding:25px}#tb-signage #sg-order.sg-order-studio .sg-studio-form-head h3{font-size:30px}#tb-signage #sg-order.sg-order-studio .sg-studio-benefits{gap:12px}#tb-signage #sg-order.sg-order-studio .sg-studio-benefits>div{gap:8px}#tb-signage #sg-order.sg-order-studio .sg-studio-benefits strong{font-size:11px}#tb-signage #sg-order.sg-order-studio .sg-studio-benefits small{font-size:10px}}
@media(max-width:850px){#tb-signage #sg-order.sg-order-studio{grid-template-columns:minmax(0,1fr);padding:32px;gap:0}#tb-signage #sg-order.sg-order-studio .sg-studio-copy{display:contents}#tb-signage #sg-order.sg-order-studio .sg-kicker{order:0;margin-bottom:18px}#tb-signage #sg-order.sg-order-studio h2{order:1;font-size:46px;margin-bottom:16px}#tb-signage #sg-order.sg-order-studio .sg-studio-intro{order:2;max-width:510px}#tb-signage #sg-order.sg-order-studio :is(.sg-request-intent,.sg-brief,.sg-picked-work){order:3}#tb-signage #sg-order.sg-order-studio .sg-studio-right{order:4;margin-top:26px;width:100%}#tb-signage #sg-order.sg-order-studio .sg-studio-scene{order:5;margin:25px auto 0;width:100%;max-width:560px}#tb-signage #sg-order.sg-order-studio .sg-studio-scene img{max-height:330px}#tb-signage #sg-order.sg-order-studio .sg-studio-benefits{order:6;margin-top:22px}#tb-signage #sg-order.sg-order-studio #sg-order-form{padding:30px}#tb-signage #sg-order.sg-order-studio .sg-studio-form-head h3 br{display:none}#tb-signage #sg-order.sg-order-studio .sg-studio-form-head p{max-width:none}#tb-signage #sg-order.sg-order-studio .sg-studio-person p br{display:none}}
@media(max-width:560px){#tb-signage #sg-order.sg-order-studio{padding:25px 18px 23px;border-radius:27px}#tb-signage #sg-order.sg-order-studio .sg-kicker{font-size:8px;letter-spacing:.12em;margin-bottom:16px;gap:8px}#tb-signage #sg-order.sg-order-studio .sg-kicker:before{width:18px}#tb-signage #sg-order.sg-order-studio h2{font-size:35px;letter-spacing:-.045em;margin-bottom:13px}#tb-signage #sg-order.sg-order-studio .sg-studio-intro{font-size:12px;line-height:1.6}#tb-signage #sg-order.sg-order-studio .sg-studio-right{margin-top:23px}#tb-signage #sg-order.sg-order-studio #sg-order-form{padding:24px 18px;border-radius:21px;gap:10px}#tb-signage #sg-order.sg-order-studio .sg-studio-form-head>span{font-size:8px;margin-bottom:11px}#tb-signage #sg-order.sg-order-studio .sg-studio-form-head h3{font-size:28px;line-height:1.12;margin-bottom:11px}#tb-signage #sg-order.sg-order-studio .sg-studio-form-head h3 br{display:block}#tb-signage #sg-order.sg-order-studio .sg-studio-form-head p{font-size:12px;line-height:1.6}#tb-signage #sg-order.sg-order-studio .sg-studio-result{gap:7px 12px;padding-top:13px}#tb-signage #sg-order.sg-order-studio .sg-studio-result li{font-size:10px;gap:4px}#tb-signage #sg-order.sg-order-studio .sg-studio-form-head{margin-bottom:7px}#tb-signage #sg-order.sg-order-studio #sg-order-form .sg-phone-field input[name=phone]{height:62px;font-size:19px}#tb-signage #sg-order.sg-order-studio .sg-studio-details summary{font-size:11px}#tb-signage #sg-order.sg-order-studio #sg-order-form .sg-btn{font-size:13px;min-height:59px;padding:16px 13px;gap:8px}#tb-signage #sg-order.sg-order-studio #sg-order-form .sg-consent{font-size:10px}#tb-signage #sg-order.sg-order-studio .sg-studio-person{padding-top:15px;margin-top:10px;gap:10px}#tb-signage #sg-order.sg-order-studio .sg-studio-person img{width:49px;height:58px;border-radius:15px}#tb-signage #sg-order.sg-order-studio .sg-studio-person strong{font-size:11px;gap:2px 7px}#tb-signage #sg-order.sg-order-studio .sg-studio-person strong span{font-size:10px}#tb-signage #sg-order.sg-order-studio .sg-studio-person p{font-size:11px}#tb-signage #sg-order.sg-order-studio .sg-message-choice{margin:19px 2px 0;gap:8px}#tb-signage #sg-order.sg-order-studio .sg-message-choice a{font-size:11px;padding:10px}#tb-signage #sg-order.sg-order-studio .sg-message-choice a b{display:none}#tb-signage #sg-order.sg-order-studio .sg-small{font-size:9px}#tb-signage #sg-order.sg-order-studio .sg-studio-scene{margin-top:23px}#tb-signage #sg-order.sg-order-studio .sg-studio-scene img{max-height:230px}#tb-signage #sg-order.sg-order-studio .sg-studio-scene figcaption{margin:12px 0 0;font-size:10px;gap:8px}#tb-signage #sg-order.sg-order-studio .sg-studio-scene figcaption span{font-size:8px}#tb-signage #sg-order.sg-order-studio .sg-studio-benefits{padding-top:18px;margin-top:19px;gap:10px}#tb-signage #sg-order.sg-order-studio .sg-studio-benefits>div>span{width:27px;height:27px;font-size:16px}#tb-signage #sg-order.sg-order-studio .sg-studio-benefits strong{font-size:10px}#tb-signage #sg-order.sg-order-studio .sg-studio-benefits small{font-size:9px}}
@media(max-width:360px){#tb-signage #sg-order.sg-order-studio{padding:23px 14px}#tb-signage #sg-order.sg-order-studio h2{font-size:30px}#tb-signage #sg-order.sg-order-studio #sg-order-form{padding:22px 14px}#tb-signage #sg-order.sg-order-studio .sg-studio-form-head h3{font-size:26px}#tb-signage #sg-order.sg-order-studio #sg-order-form .sg-phone-field input[name=phone],#tb-signage #sg-order.sg-order-studio #sg-order-form .sg-phone-field input[name=phone]::placeholder{font-size:16px!important}#tb-signage #sg-order.sg-order-studio #sg-order-form .sg-phone-field input[name=phone]{padding-left:58px}#tb-signage #sg-order.sg-order-studio .sg-studio-result{gap:6px 8px}#tb-signage #sg-order.sg-order-studio .sg-studio-result li{font-size:9px}#tb-signage #sg-order.sg-order-studio .sg-studio-details summary{font-size:10px}#tb-signage #sg-order.sg-order-studio #sg-order-form .sg-btn{font-size:12px}}
@media(max-width:360px){#tb-signage #sg-order.sg-order-studio .sg-message-choice>a span{min-width:0;white-space:normal}}
@media(prefers-reduced-motion:reduce){#tb-signage #sg-order.sg-order-studio #sg-order-form .sg-btn{transition:none;transform:none}}

/* Match the hero messenger palette throughout the Surgut signage landing. */
#tb-signage #sg-order .sg-message-choice a.sg-max,
#tb-signage .sg-message-choice a.sg-max,
#tb-signage .sg-form-contact-options>a.sg-contact-max {
 background:#f1eafa;border-color:#d8ceeb;color:#5e32a5;
}
#tb-signage #sg-order .sg-message-choice a.sg-telegram,
#tb-signage .sg-message-choice a.sg-telegram,
#tb-signage .sg-form-contact-options>a.sg-contact-telegram {
 background:#eaf7fe;border-color:#c6e7f7;color:#137ca5;
}

/* Mobile order v4: one illustrated header and a compact, readable form. */
@media(max-width:560px){
#tb-signage #sg-order.sg-order-studio{grid-template-columns:minmax(0,1fr);gap:0;padding:24px 18px 20px;border-radius:26px;background:radial-gradient(ellipse at 100% 8%,#9963ba45,transparent 46%),linear-gradient(150deg,#40264f,#251830 65%)}
#tb-signage #sg-order.sg-order-studio .sg-kicker{grid-column:1/-1;order:0;font-size:9px;letter-spacing:.1em;margin:0 0 17px}
#tb-signage #sg-order.sg-order-studio h2{grid-column:1;grid-row:auto;order:1;font-size:32px;line-height:1.08;letter-spacing:-.045em;margin:0;align-self:center;position:relative;z-index:2}
#tb-signage #sg-order.sg-order-studio .sg-studio-intro{display:none}
#tb-signage #sg-order.sg-order-studio .sg-studio-scene{grid-column:1;grid-row:auto;order:2;align-self:center;width:100%;max-width:none;margin:8px 0 -5px}
#tb-signage #sg-order.sg-order-studio .sg-studio-scene img{width:100%;height:160px;max-height:none;object-fit:contain;filter:drop-shadow(0 8px 10px #10081733)}
#tb-signage #sg-order.sg-order-studio .sg-studio-scene figcaption{display:block;position:absolute;right:0;bottom:8px;margin:0;text-align:right;font-size:0;line-height:1}
#tb-signage #sg-order.sg-order-studio .sg-studio-scene figcaption span{font-size:8px;color:#c4aed1}
#tb-signage #sg-order.sg-order-studio .sg-studio-orbit{top:17%;height:65%;width:95%;left:0}
#tb-signage #sg-order.sg-order-studio :is(.sg-request-intent,.sg-brief,.sg-picked-work){grid-column:1/-1;order:3}
#tb-signage #sg-order.sg-order-studio .sg-studio-right{grid-column:1/-1;order:4;margin-top:14px}
#tb-signage #sg-order.sg-order-studio #sg-order-form{padding:22px 18px 19px;gap:10px;border-radius:21px;box-shadow:0 12px 30px #10081722}
#tb-signage #sg-order.sg-order-studio .sg-studio-form-head{margin:0 0 7px}
#tb-signage #sg-order.sg-order-studio .sg-studio-form-head>span,#tb-signage #sg-order.sg-order-studio .sg-studio-form-head h3{display:none}
#tb-signage #sg-order.sg-order-studio .sg-studio-form-head p{font-size:14px;line-height:1.5;color:#716277;max-width:300px}
#tb-signage #sg-order.sg-order-studio .sg-studio-result{display:none}
#tb-signage #sg-order.sg-order-studio #sg-order-form label{font-size:13px}
#tb-signage #sg-order.sg-order-studio #sg-order-form .sg-phone-field input[name=phone]{height:58px;font-size:19px;padding-top:14px;padding-bottom:14px}
#tb-signage #sg-order.sg-order-studio .sg-studio-details{margin:0}
#tb-signage #sg-order.sg-order-studio .sg-studio-details summary{font-size:12px;min-height:44px;color:#765684}
#tb-signage #sg-order.sg-order-studio #sg-order-form .sg-btn{font-size:14px;min-height:56px;padding:14px;box-shadow:0 3px 0 #dc813b20,0 6px 15px #ed863318}
#tb-signage #sg-order.sg-order-studio #sg-order-form .sg-consent{font-size:12px;line-height:1.5;margin-top:3px;color:#786780}
#tb-signage #sg-order.sg-order-studio .sg-studio-person{gap:10px;margin-top:6px;padding-top:13px}
#tb-signage #sg-order.sg-order-studio .sg-studio-person img{width:42px;height:48px;border-radius:13px}
#tb-signage #sg-order.sg-order-studio .sg-studio-person strong{font-size:12px}
#tb-signage #sg-order.sg-order-studio .sg-studio-person strong span{font-size:11px;color:#786780}
#tb-signage #sg-order.sg-order-studio .sg-studio-person p{font-size:12px;line-height:1.4;margin-top:3px;color:#786780}
#tb-signage #sg-order.sg-order-studio .sg-message-choice{margin:20px 0 0;gap:8px}
#tb-signage #sg-order.sg-order-studio .sg-message-choice>span{font-size:12px;margin:0 0 2px}
#tb-signage #sg-order.sg-order-studio .sg-message-choice>a{font-size:12px;min-height:48px;padding:10px 12px;gap:8px}
#tb-signage #sg-order.sg-order-studio .sg-message-choice>a span{min-width:0;white-space:normal}
#tb-signage #sg-order.sg-order-studio .sg-small{font-size:10px;line-height:1.5;margin:10px 4px 0}
#tb-signage #sg-order.sg-order-studio .sg-studio-benefits{grid-column:1/-1;order:5;margin:18px 0 0;padding-top:17px;gap:12px}
#tb-signage #sg-order.sg-order-studio .sg-studio-benefits strong{font-size:11px}
#tb-signage #sg-order.sg-order-studio .sg-studio-benefits small{font-size:10px;line-height:1.4}
}
@media(max-width:360px){
#tb-signage #sg-order.sg-order-studio{padding:22px 14px 19px}
#tb-signage #sg-order.sg-order-studio h2{font-size:27px}
#tb-signage #sg-order.sg-order-studio .sg-studio-scene img{height:142px}
#tb-signage #sg-order.sg-order-studio #sg-order-form{padding:20px 14px 17px}
#tb-signage #sg-order.sg-order-studio .sg-studio-form-head p{font-size:13px}
#tb-signage #sg-order.sg-order-studio #sg-order-form .sg-btn{font-size:12px}
#tb-signage #sg-order.sg-order-studio .sg-message-choice>a{font-size:11px;padding:10px}
#tb-signage #sg-order.sg-order-studio .sg-studio-benefits>div>span{display:none}
}

/* Real portfolio, 2026-10-01. Scoped to the Surgut signage gallery. */
#tb-signage #sg-works.sg-portfolio .sg-section-head{align-items:end;gap:40px;margin-bottom:28px}
#tb-signage #sg-works.sg-portfolio .sg-section-head>p{max-width:470px;font-size:17px;line-height:1.6}
#tb-signage #sg-works.sg-portfolio .sg-work-filters{gap:8px;flex-wrap:wrap;margin-bottom:18px;scroll-margin-top:110px}
#tb-signage #sg-works.sg-portfolio .sg-work-filters button{min-height:44px;padding:11px 17px;white-space:nowrap}
#tb-signage #sg-works.sg-portfolio .sg-carousel-controls{gap:10px;margin:0 0 18px;align-items:center}
#tb-signage #sg-works.sg-portfolio #sg-work-count{font-size:15px;color:#37303f;font-weight:700;margin-right:auto}
#tb-signage #sg-works.sg-portfolio .sg-work-scroll-hint{font-size:13px;color:#82649a;margin-right:12px}
#tb-signage #sg-works.sg-portfolio .sg-carousel-controls button{width:48px;height:48px;border-radius:50%;border:1px solid #e4d9f0;background:#fff;color:#7540bd;font-size:25px;flex:none}
#tb-signage #sg-works.sg-portfolio .sg-carousel-controls button[data-carousel-next]{background:#7a43dc;border-color:#7a43dc;color:white;box-shadow:0 5px 14px #7845d026}
#tb-signage #sg-works.sg-portfolio .sg-carousel-controls button:disabled{opacity:.3;box-shadow:none;cursor:default}
#tb-signage #sg-works.sg-portfolio #sg-work-track{display:grid;grid-auto-flow:column;grid-template-columns:none;grid-template-rows:repeat(2,auto);grid-auto-columns:calc((100% - 60px)/4.15);gap:16px;padding:4px 0 18px;scroll-padding:0;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#a779e6 #ece6f4;align-items:stretch}
#tb-signage #sg-works.sg-portfolio #sg-work-track>figure{position:relative;isolation:isolate;aspect-ratio:4/5;margin:0;width:auto;min-width:0;height:auto;display:block;overflow:hidden;border:0;border-radius:20px;background:#28252e;scroll-snap-align:start;box-shadow:none}
#tb-signage #sg-works.sg-portfolio #sg-work-track>figure>a{position:absolute;inset:0;height:100%;display:block;overflow:hidden;background:#28252e}
#tb-signage #sg-works.sg-portfolio #sg-work-track img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:var(--work-position,50% 45%);transition:transform .35s;position:relative;z-index:1}
#tb-signage #sg-works.sg-portfolio #sg-work-track .sg-work-wide>a:before{content:"";position:absolute;inset:-25px;background-image:var(--work-photo);background-position:center;background-size:cover;filter:blur(18px);opacity:.45}
#tb-signage #sg-works.sg-portfolio #sg-work-track .sg-work-wide img{object-fit:contain;padding-bottom:88px}
#tb-signage #sg-works.sg-portfolio #sg-work-track figure:after{content:"";position:absolute;inset:35% 0 0;pointer-events:none;background:linear-gradient(transparent,rgba(12,9,19,.2) 30%,rgba(12,9,19,.88));z-index:2}
#tb-signage #sg-works.sg-portfolio #sg-work-track figcaption{position:absolute;bottom:0;left:0;right:0;padding:19px;display:flex;gap:11px;z-index:3;pointer-events:none}
#tb-signage #sg-works.sg-portfolio #sg-work-track h3{color:#fff;font-family:Onest-Bold,Arial,sans-serif;font-size:19px;line-height:1.22;margin:0;text-shadow:0 1px 8px #0005}
#tb-signage #sg-works.sg-portfolio #sg-work-track figcaption>p{display:none}
#tb-signage #sg-works.sg-portfolio #sg-work-track .sg-work-select{pointer-events:auto;display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:45px;width:100%;padding:10px 15px;margin:0;border:1px solid #b797ed70;border-radius:11px;color:white;background:#8046e5;box-shadow:none;font-family:Onest-Bold,Arial,sans-serif;font-size:13px;line-height:1.2;transform:none;transition:background .2s}
#tb-signage #sg-works.sg-portfolio #sg-work-track .sg-work-select>span{font-size:13px;line-height:1.2}
#tb-signage #sg-works.sg-portfolio #sg-work-track .sg-work-select>b{display:block;width:auto;height:auto;padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:white;font-size:20px;line-height:1;transform:none}
#tb-signage #sg-works.sg-portfolio #sg-work-track .sg-work-select:hover,#tb-signage #sg-works.sg-portfolio #sg-work-track .sg-work-select[aria-pressed=true]{background:#9259ef}
#tb-signage #sg-works.sg-portfolio #sg-work-track .sg-expand{position:absolute;top:13px;right:13px;bottom:auto;z-index:3;display:grid;place-items:center;width:34px;height:34px;border:1px solid #ffffff60;border-radius:50%;background:#231d2d55;color:white;font-size:20px;backdrop-filter:blur(8px)}
#tb-signage #sg-works.sg-portfolio .sg-work-footer{gap:18px;flex-wrap:wrap;margin-top:22px}
#tb-signage #sg-works.sg-portfolio .sg-work-show-all{border:1px solid #d6c6e9;border-radius:13px;padding:13px 20px;min-height:48px;background:white;color:#643ba0;font-family:Onest-Bold,Arial,sans-serif;font-size:14px;cursor:pointer}
#tb-signage #sg-works.sg-portfolio button:focus-visible,#tb-signage #sg-works.sg-portfolio #sg-work-track a:focus-visible{outline:3px solid #c195ff;outline-offset:-4px}
#tb-signage #sg-works.sg-portfolio.sg-portfolio-expanded #sg-work-track{grid-auto-flow:row;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:none;grid-auto-columns:auto;overflow:visible}
#tb-signage #sg-works.sg-portfolio.sg-portfolio-expanded .sg-carousel-controls button,#tb-signage #sg-works.sg-portfolio.sg-portfolio-expanded .sg-work-scroll-hint{display:none}
@media(max-width:1200px){#tb-signage #sg-works.sg-portfolio #sg-work-track{grid-auto-columns:calc((100% - 44px)/3.15)}#tb-signage #sg-works.sg-portfolio.sg-portfolio-expanded #sg-work-track{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:850px){#tb-signage #sg-works.sg-portfolio .sg-section-head{gap:15px}#tb-signage #sg-works.sg-portfolio #sg-work-track{grid-auto-columns:calc((100% - 28px)/2.15)}#tb-signage #sg-works.sg-portfolio.sg-portfolio-expanded #sg-work-track{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){
 #tb-signage #sg-works.sg-portfolio .sg-section-head{margin-bottom:22px;gap:14px}
 #tb-signage #sg-works.sg-portfolio .sg-section-head>p{font-size:14px;line-height:1.55}
 #tb-signage #sg-works.sg-portfolio .sg-work-filters{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}
 #tb-signage #sg-works.sg-portfolio .sg-work-filters button{width:100%;min-width:0;min-height:43px;padding:9px 8px;font-size:12px;letter-spacing:0}
 #tb-signage #sg-works.sg-portfolio #sg-work-count{font-size:12px}
 #tb-signage #sg-works.sg-portfolio .sg-work-scroll-hint{font-size:11px;margin:0}
 #tb-signage #sg-works.sg-portfolio .sg-carousel-controls{gap:7px;margin-bottom:13px}
 #tb-signage #sg-works.sg-portfolio .sg-carousel-controls button{width:44px;height:44px}
 #tb-signage #sg-works.sg-portfolio #sg-work-track{grid-template-rows:auto;grid-auto-columns:84%;gap:12px;padding-bottom:16px}
 #tb-signage #sg-works.sg-portfolio #sg-work-track>figure{border-radius:18px;aspect-ratio:4/5}
 #tb-signage #sg-works.sg-portfolio #sg-work-track figcaption{padding:18px;gap:12px}
 #tb-signage #sg-works.sg-portfolio #sg-work-track h3{font-size:21px}
 #tb-signage #sg-works.sg-portfolio #sg-work-track .sg-work-select{min-height:47px;padding:12px 15px}
 #tb-signage #sg-works.sg-portfolio .sg-work-footer{display:flex;gap:18px;justify-content:center;margin-top:18px}
 #tb-signage #sg-works.sg-portfolio .sg-work-show-all{width:100%}
 #tb-signage #sg-works.sg-portfolio .sg-work-footer>.sg-btn{display:none}
 #tb-signage #sg-works.sg-portfolio.sg-portfolio-expanded #sg-work-track{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}
 #tb-signage #sg-works.sg-portfolio.sg-portfolio-expanded #sg-work-track>figure{aspect-ratio:3/4}
 #tb-signage #sg-works.sg-portfolio.sg-portfolio-expanded #sg-work-track figcaption{padding:9px;gap:8px}
 #tb-signage #sg-works.sg-portfolio.sg-portfolio-expanded #sg-work-track h3{font-size:13px}
 #tb-signage #sg-works.sg-portfolio.sg-portfolio-expanded #sg-work-track .sg-work-select{padding:8px;gap:4px;min-height:44px}
 #tb-signage #sg-works.sg-portfolio.sg-portfolio-expanded #sg-work-track .sg-work-select>span{font-size:11px}
 #tb-signage #sg-works.sg-portfolio.sg-portfolio-expanded #sg-work-track .sg-work-select>b{font-size:16px}
}
@media(max-width:360px){#tb-signage #sg-works.sg-portfolio .sg-work-scroll-hint{display:none}#tb-signage #sg-works.sg-portfolio #sg-work-track h3{font-size:19px}}
@media(prefers-reduced-motion:reduce){#tb-signage #sg-works.sg-portfolio #sg-work-track img,#tb-signage #sg-works.sg-portfolio #sg-work-track .sg-work-select{transition:none}}

/* Safari/WebKit: reserve card height with in-flow content, not an empty
   aspect-ratio grid item whose children are all absolutely positioned. */
#tb-signage #sg-works.sg-portfolio #sg-work-track>figure,
#tb-signage #sg-works.sg-portfolio.sg-portfolio-expanded #sg-work-track>figure{
  width:100%;
  height:auto;
  aspect-ratio:auto;
}
#tb-signage #sg-works.sg-portfolio #sg-work-track>figure::before{
  content:"";
  display:block;
  padding-top:125%;
  pointer-events:none;
}
@media(max-width:560px){
  #tb-signage #sg-works.sg-portfolio.sg-portfolio-expanded #sg-work-track>figure::before{
    padding-top:133.333333%;
  }
}


/* V2 applies only after the Surgut-only presentation enhancement succeeds. */
#tb-signage #sg-sketch.sg-sketch-v2 {
  container-type: inline-size;
  --sketch-accent: #7441bb;
  --sketch-ink: #34293e;
  --sketch-muted: #786d82;
}
#tb-signage #sg-sketch.sg-sketch-v2 .sg-sketch-shell {
  background: #fff;
  border: 1px solid #e1d9e9;
  border-radius: 23px;
  overflow: hidden;
  box-shadow: 0 18px 48px #4c2a6710, 0 2px 6px #4c2a6704;
}
#tb-signage #sg-sketch.sg-sketch-v2 .sg-lab-top {
  align-items: center;
  gap: 14px;
  margin: 0;
  padding: 17px 20px;
  color: var(--sketch-ink);
  letter-spacing: -.02em;
  font-family: Onest-Bold, Arial, sans-serif;
  font-size: 18px;
  line-height: 1.3;
}
#tb-signage #sg-sketch.sg-sketch-v2 .sg-live {
  flex: none;
  gap: 6px;
  font-family: Onest, Arial, sans-serif;
  font-size: 11px;
  letter-spacing: 0;
  color: #6c6374;
  white-space: normal;
}
#tb-signage #sg-sketch.sg-sketch-v2 .sg-live i {
  width: 6px;
  height: 6px;
  background: #70a785;
  box-shadow: 0 0 0 4px #70a78512;
}
#tb-signage #sg-sketch.sg-sketch-v2 .sg-scene {
  border-radius: 0;
  box-shadow: none;
}
#tb-signage #sg-sketch.sg-sketch-v2 .sg-scene-label {
  max-width: calc(100% - 184px);
  left: 15px;
  bottom: 17px;
  padding: 6px 8px;
  border: 1px solid #ffffff26;
  border-radius: 7px;
  color: #fff;
  background: #29232fd9;
  font-size: 10px;
  line-height: 1.4;
  letter-spacing: .015em;
}
#tb-signage #sg-sketch.sg-sketch-v2 .sg-daynight {
  right: 12px;
  bottom: 12px;
  padding: 4px;
  gap: 2px;
  border: 1px solid #ffffff59;
  background: #29232fec;
  border-radius: 999px;
  box-shadow: 0 4px 14px #0003;
}
#tb-signage #sg-sketch.sg-sketch-v2 .sg-daynight button {
  min-height: 44px;
  min-width: 64px;
  padding: 7px 10px;
  color: #fff;
  border-radius: 999px;
  font-size: 12px;
  line-height: 1.2;
}
#tb-signage #sg-sketch.sg-sketch-v2 .sg-daynight button[aria-pressed=true] { color: #33293e; background: #fff; }
#tb-signage #sg-sketch.sg-sketch-v2 .sg-controls {
  display: flex;
  flex-direction: column;
  gap: 17px;
  margin: 0;
  padding: 20px;
  border: 0;
  border-radius: 0;
  background: #fff;
  box-shadow: none;
}
#tb-signage #sg-sketch.sg-sketch-v2 .sg-config-name,
#tb-signage #sg-sketch.sg-sketch-v2 .sg-config-types { width: 100%; min-width: 0; }
#tb-signage #sg-sketch.sg-sketch-v2 .sg-config-heading { display: flex; justify-content: space-between; align-items: center; gap: 8px; margin-bottom: 9px; }
#tb-signage #sg-sketch.sg-sketch-v2 .sg-config-label {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  color: #40334a;
  font-size: 12px;
  font-family: Onest-Bold, Arial, sans-serif;
  line-height: 1.4;
}
#tb-signage #sg-sketch.sg-sketch-v2 .sg-config-step {
  display: inline-grid;
  place-items: center;
  width: 23px;
  height: 23px;
  flex: none;
  border-radius: 7px;
  color: #8055ad;
  background: #f3eef8;
  font-family: Onest, Arial, sans-serif;
  font-size: 10px;
  font-variant-numeric: tabular-nums;
}
#tb-signage #sg-sketch.sg-sketch-v2 .sg-config-count {
  color: #887e91;
  font-size: 11px;
  font-variant-numeric: tabular-nums;
}
#tb-signage #sg-sketch.sg-sketch-v2 #sg-brand {
  width: 100%;
  min-width: 0;
  height: 48px;
  padding: 11px 14px;
  border: 1px solid #dcd3e5;
  border-radius: 10px;
  color: #32273b;
  background: #fbf9fd;
  font-size: 16px;
  line-height: 1.5;
  transition: border-color .18s, box-shadow .18s;
}
#tb-signage #sg-sketch.sg-sketch-v2 #sg-brand::placeholder { color: #8b8094; opacity: 1; }
#tb-signage #sg-sketch.sg-sketch-v2 #sg-brand:focus-visible { outline: none; border-color: #8959c5; box-shadow: 0 0 0 3px #8959c515; }
#tb-signage #sg-sketch.sg-sketch-v2 .sg-switches { margin-top: 9px; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 7px; }
#tb-signage #sg-sketch.sg-sketch-v2 .sg-switches button {
  display: grid;
  grid-template-columns: 20px minmax(0,1fr);
  grid-template-rows: 1fr auto;
  align-items: center;
  gap: 3px 7px;
  min-height: 61px;
  padding: 10px 8px;
  border: 1px solid #e5deec;
  border-radius: 10px;
  background: #fff;
  color: #554661;
  text-align: left;
  font-size: 12px;
  line-height: 1.25;
  transition: border-color .18s, background .18s, box-shadow .18s;
}
#tb-signage #sg-sketch.sg-sketch-v2 .sg-type-name { font-family: Onest-Bold,Arial,sans-serif; grid-column: 2; grid-row: 1; align-self: end; }
#tb-signage #sg-sketch.sg-sketch-v2 .sg-switches button::before {
  content: '';
  width: 20px;
  height: 23px;
  grid-column: 1;
  grid-row: 1 / 3;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  opacity: .7;
}
#tb-signage #sg-sketch.sg-sketch-v2 .sg-switches button::after {
  content: attr(data-hint);
  grid-column: 2;
  grid-row: 2;
  color: #81728c;
  font-size: 10px;
  line-height: 1.35;
}
#tb-signage #sg-sketch.sg-sketch-v2 .sg-switches button[aria-pressed=true] {
  border-color: #9062c8;
  background: linear-gradient(145deg,#faf7fe,#efe7f8);
  color: #66369d;
  box-shadow: inset 0 0 0 1px #9062c8;
}
#tb-signage #sg-sketch.sg-sketch-v2 .sg-switches button[aria-pressed=true]::before { opacity: 1; }
#tb-signage #sg-sketch.sg-sketch-v2 .sg-switches button[aria-pressed=true]::after { color: #7c5b9d; }
#tb-signage #sg-sketch.sg-sketch-v2 .sg-color-row { width: 100%; margin: 0; gap: 8px; padding: 0; font-size: 12px; align-items: center; }
#tb-signage #sg-sketch.sg-sketch-v2 #sg-color-label { justify-self: end; grid-column: 2; grid-row: 1; padding: 4px 8px; border-radius: 6px; color: #77518e; background: #f5f0f8; font-size: 11px; }
#tb-signage #sg-sketch.sg-sketch-v2 .sg-color-row > div { display: grid; grid-template-columns: repeat(12,minmax(0,1fr)); gap: 0; justify-content: space-between; padding: 0; width: 100%; }
#tb-signage #sg-sketch.sg-sketch-v2 [data-color] { position: relative; width: 44px; height: 44px; margin: 0; padding: 0; border: 7px solid transparent; border-radius: 50%; background: var(--swatch); background-clip: padding-box; box-shadow: none; outline: none; transform: none; justify-self: center; }
#tb-signage #sg-sketch.sg-sketch-v2 [data-color]::before { content: ''; position: absolute; inset: 0; border: 1px solid #36234229; border-radius: 50%; }
#tb-signage #sg-sketch.sg-sketch-v2 [data-color][aria-pressed=true] { outline: 2px solid #8351b5; outline-offset: -3px; }
#tb-signage #sg-sketch.sg-sketch-v2 [data-color][aria-pressed=true]::after { content: ''; position: absolute; inset: 0; background: center/14px 14px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='m5 10 3.5 3.5L15.5 6' stroke='%2334273e' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
#tb-signage #sg-sketch.sg-sketch-v2 [data-color="#343942"][aria-pressed=true]::after { filter: brightness(0) invert(1); }
#tb-signage #sg-sketch.sg-sketch-v2 .sg-sketch-footer { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 16px; padding: 15px 20px; border-top: 1px solid #e9e0f0; background: #f8f5fb; }
#tb-signage #sg-sketch.sg-sketch-v2 .sg-config-summary { min-width: 0; display: grid; gap: 4px; }
#tb-signage #sg-sketch.sg-sketch-v2 .sg-config-summary > span { color: #8c7d96; font-size: 10px; letter-spacing: .025em; }
#tb-signage #sg-sketch.sg-sketch-v2 .sg-config-summary-value { color: #54405f; font-family: Onest,Arial,sans-serif; font-weight: 400; font-size: 12px; line-height: 1.35; overflow-wrap: anywhere; }
#tb-signage #sg-sketch.sg-sketch-v2 .sg-sketch-cta { justify-content: space-between; gap: 18px; min-height: 50px; margin: 0; padding: 12px 17px; border-radius: 10px; color: #39231d; font-size: 13px; line-height: 1.3; box-shadow: 0 4px 10px #ff873f18; }
#tb-signage #sg-sketch.sg-sketch-v2 .sg-config-arrow { font-size: 20px; line-height: 1; }
#tb-signage #sg-sketch.sg-sketch-v2 .sg-disclaimer { margin: 12px 3px 0; color: #7b7083; font-size: 12px; line-height: 1.5; }
#tb-signage #sg-sketch.sg-sketch-v2 button:focus-visible,
#tb-signage #sg-sketch.sg-sketch-v2 .sg-sketch-cta:focus-visible { outline: 2px solid #7441bb; outline-offset: 3px; }
#tb-signage #sg-sketch.sg-sketch-v2 [data-color]:focus-visible { outline-offset: 0; }
@media (hover:hover) {
  #tb-signage #sg-sketch.sg-sketch-v2 .sg-switches button:hover { border-color: #ac8ccf; background: #faf7fd; }
  #tb-signage #sg-sketch.sg-sketch-v2 .sg-switches button[aria-pressed=true]:hover { background: #eee4f8; }
  #tb-signage #sg-sketch.sg-sketch-v2 [data-color]:hover::before { border-color: #745883; }
  #tb-signage #sg-sketch.sg-sketch-v2 .sg-sketch-cta:hover { box-shadow: 0 6px 16px #ff873f30; }
}
@container (max-width:650px) {
  #tb-signage #sg-sketch.sg-sketch-v2 .sg-color-row > div { grid-template-columns: repeat(6,minmax(0,1fr)); gap: 2px 0; }
  #tb-signage #sg-sketch.sg-sketch-v2 .sg-switches { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@container (max-width:510px) {
  #tb-signage #sg-sketch.sg-sketch-v2 .sg-lab-top { font-size: 16px; padding: 14px; }
  #tb-signage #sg-sketch.sg-sketch-v2 .sg-live { font-size: 10px; }
  #tb-signage #sg-sketch.sg-sketch-v2 .sg-controls { padding: 14px; gap: 14px; }
  #tb-signage #sg-sketch.sg-sketch-v2 .sg-sketch-footer { grid-template-columns: 1fr; gap: 10px; padding: 12px 14px 14px; }
  #tb-signage #sg-sketch.sg-sketch-v2 .sg-config-summary { display: flex; align-items: baseline; flex-wrap: wrap; gap: 5px 8px; }
  #tb-signage #sg-sketch.sg-sketch-v2 .sg-sketch-cta { width: 100%; }
}
@media(max-width:560px) {
  #tb-signage #sg-sketch.sg-sketch-v2 .sg-lab-top { align-items: start; }
  #tb-signage #sg-sketch.sg-sketch-v2 .sg-live { max-width: 108px; line-height: 1.5; }
  #tb-signage #sg-sketch.sg-sketch-v2 .sg-live i { margin-top: 4px; }
  #tb-signage #sg-sketch.sg-sketch-v2 .sg-sketch-shell { border-radius: 17px; }
  #tb-signage #sg-sketch.sg-sketch-v2 .sg-controls { padding: 14px 10px; }
  #tb-signage #sg-sketch.sg-sketch-v2 .sg-switches button { min-height: 57px; padding: 9px 7px; gap: 3px 6px; grid-template-columns: 18px minmax(0,1fr); }
  #tb-signage #sg-sketch.sg-sketch-v2 .sg-switches button::before { width: 18px; height: 22px; }
  #tb-signage #sg-sketch.sg-sketch-v2 .sg-scene-label { font-size: 9px; left: 8px; bottom: 11px; padding: 5px; max-width: calc(100% - 148px); }
  #tb-signage #sg-sketch.sg-sketch-v2 .sg-daynight { right: 7px; bottom: 7px; padding: 3px; }
  #tb-signage #sg-sketch.sg-sketch-v2 .sg-daynight button { min-width: 55px; padding: 6px 8px; font-size: 11px; }
  #tb-signage #sg-sketch.sg-sketch-v2 .sg-disclaimer { font-size: 12px; }
}
@media(prefers-reduced-motion:reduce) {
  #tb-signage #sg-sketch.sg-sketch-v2 #sg-brand,
  #tb-signage #sg-sketch.sg-sketch-v2 .sg-switches button { transition: none; }
}

#tb-signage #sg-sketch.sg-sketch-v2 .sg-switches [data-kind=letters]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 24' fill='none' stroke='%237441bb' stroke-width='1.5'%3E%3Cpath d='m4 19 6-14 6 14M6 14h8M10 1v2M1 10h2M17 10h2M3 3l2 2M15 5l2-2'/%3E%3C/svg%3E");
}
#tb-signage #sg-sketch.sg-sketch-v2 .sg-switches [data-kind=halo]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 24' fill='none' stroke='%237441bb' stroke-width='1.5'%3E%3Cpath d='m4 20 6-14 6 14M6 15h8'/%3E%3Cpath d='M2 19 10 2l8 17' opacity='.35' stroke-width='3'/%3E%3C/svg%3E");
}
#tb-signage #sg-sketch.sg-sketch-v2 .sg-switches [data-kind=box]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 24' fill='none' stroke='%237441bb' stroke-width='1.5'%3E%3Crect x='1.5' y='5' width='17' height='14' rx='2'/%3E%3Cpath d='m6 16 4-8 4 8M8 13h4'/%3E%3C/svg%3E");
}
#tb-signage #sg-sketch.sg-sketch-v2 .sg-switches [data-kind=plain]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 24' fill='none' stroke='%237441bb' stroke-width='1.5'%3E%3Cpath d='m4 19 6-14 6 14M6 14h8'/%3E%3C/svg%3E");
}

/* source: related-v23.css */
#tb-signage .sg-related{padding:32px 24px 28px;margin-top:48px;border:0;border-radius:26px;background:#fff}
#tb-signage .sg-related-heading{display:block;margin-bottom:26px;text-align:center}
#tb-signage .sg-related-heading h2{margin:0;color:#393939;font-family:Onest-Bold,Arial,sans-serif;font-size:clamp(30px,3.2vw,42px);font-weight:700;font-style:normal;line-height:1.15;letter-spacing:-.7px}
#tb-signage .sg-related-links{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px;list-style:none;margin:0;padding:0}
#tb-signage .sg-related-links li{min-width:0;margin:0;padding:0}
#tb-signage .sg-related-links a{display:flex;flex-direction:column;box-sizing:border-box;height:100%;overflow:hidden;border:2px solid #efefef;border-radius:17px;background:#fff;color:#393939;text-decoration:none;transition:border-color .18s,box-shadow .18s}
#tb-signage .sg-related-image{display:block;flex:none;width:100%;aspect-ratio:780/483;overflow:hidden;background:#fff}
#tb-signage .sg-related-image img{display:block;width:100%;height:100%;margin:0;object-fit:cover}
#tb-signage .sg-related-name{display:flex;flex:1;align-items:center;justify-content:center;min-height:68px;padding:10px 7px;box-sizing:border-box;text-align:center;font-family:Onest-Bold,Arial,sans-serif;font-size:14px;font-weight:700;line-height:1.3;overflow-wrap:break-word}
#tb-signage .sg-related-links a:hover{border-color:#c6afe5;box-shadow:0 6px 18px #6934a010}
#tb-signage .sg-related-links a:focus-visible{outline:3px solid #9662cc;outline-offset:3px}
@media(max-width:1100px){#tb-signage .sg-related-links{grid-template-columns:none;grid-template-rows:1fr;grid-auto-flow:column;grid-auto-columns:146px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding:5px;padding:5px 5px 12px;margin:-5px;scrollbar-width:thin;scrollbar-color:#cbb4e2 #f5f0fa}#tb-signage .sg-related-links li{scroll-snap-align:start}#tb-signage .sg-related-links::-webkit-scrollbar{height:5px}#tb-signage .sg-related-links::-webkit-scrollbar-track{background:#f5f0fa;border-radius:10px}#tb-signage .sg-related-links::-webkit-scrollbar-thumb{background:#cbb4e2;border-radius:10px}}
@media(max-width:560px){#tb-signage .sg-related{padding:26px 14px 22px;margin-top:35px;border-radius:22px}#tb-signage .sg-related-heading{margin-bottom:22px}#tb-signage .sg-related-heading h2{font-size:30px;letter-spacing:-.6px}#tb-signage .sg-related-links{gap:10px}#tb-signage .sg-related-name{font-size:14px}}
@media(max-width:360px){#tb-signage .sg-related-heading h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){#tb-signage .sg-related-links a{transition:none}}

/* source: prices-v18.css */
/* v18: product illustrations and clearer pricing hierarchy. This section only. */
#tb-signage #sg-prices .sg-section-head{margin-bottom:28px}
#tb-signage #sg-prices .sg-prices{gap:18px;align-items:stretch}
#tb-signage #sg-prices .sg-price-card{position:relative;display:flex;flex-direction:column;min-width:0;gap:0;padding:24px;border:1px solid #e6daf1;border-radius:24px;background:linear-gradient(155deg,#fff 55%,#f8f3fc);box-shadow:0 12px 32px #4c295d09;overflow:visible;transition:transform .25s,box-shadow .25s}
#tb-signage #sg-prices .sg-price-card:nth-child(2){background:linear-gradient(155deg,#fff 55%,#fff6ed);border-color:#eedecf}
#tb-signage #sg-prices .sg-price-card-head{display:grid;grid-template-columns:minmax(0,1fr) 134px;align-items:center;gap:4px;min-height:132px;margin-bottom:12px}
#tb-signage #sg-prices .sg-price-tag{display:block;margin:0 0 13px;font-size:10px;line-height:1.5;letter-spacing:.065em;color:#8d68ad}
#tb-signage #sg-prices .sg-price-card h3{font-size:22px;line-height:1.2;letter-spacing:-.025em;margin:0;color:#2c2632}
#tb-signage #sg-prices .sg-price-visual{position:relative;display:grid;place-items:center;width:150px;height:138px;margin:0 -13px 0 -3px;border-radius:50%;background:radial-gradient(ellipse,#e9ddf6aa,transparent 66%);pointer-events:none}
#tb-signage #sg-prices .sg-price-visual .sg-object{width:150px;filter:drop-shadow(0 10px 8px #41275222);transition:transform .35s}
#tb-signage #sg-prices .sg-price-visual-1{background:radial-gradient(ellipse,#ffd5a888,transparent 67%)}
#tb-signage #sg-prices .sg-price-visual img{display:block;position:static;width:150px;max-width:none;height:auto;aspect-ratio:768/375;object-fit:contain;filter:drop-shadow(0 12px 8px #41275226);transform:rotate(-6deg);transition:transform .35s}
#tb-signage #sg-prices .sg-price-card>.sg-price{width:100%;box-sizing:border-box;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;min-height:64px;margin:0 0 17px;padding:11px 14px;border:1px solid #eee5f5;border-radius:14px;background:#f5effb;color:#30243e;font:43px/1 Onest-ExtraBold,Arial,sans-serif;letter-spacing:-.025em}
#tb-signage #sg-prices .sg-price-card:nth-child(2)>.sg-price{border-color:#f6e4cf;background:#fff2e3}
#tb-signage #sg-prices .sg-price-card>.sg-price small{font:14px/1.3 Onest,Arial,sans-serif;letter-spacing:0;color:#73627f}
#tb-signage #sg-prices .sg-price-card>.sg-price-explain{font-size:25px;line-height:1.15;letter-spacing:-.02em;align-items:center}
#tb-signage #sg-prices .sg-price-card>p:not(.sg-price){font-size:14px;line-height:1.65;margin:0 0 23px;color:#756e7d}
#tb-signage #sg-prices .sg-price-card>a{display:flex;align-items:center;justify-content:space-between;min-height:46px;margin-top:auto;padding:12px 15px;border:1px solid #e5d7f1;border-radius:12px;background:#fff;color:#7847b8;text-decoration:none;font:13px/1.35 Onest-Bold,Arial,sans-serif;box-shadow:0 3px 8px #45206006;transition:background .2s,border-color .2s}
#tb-signage #sg-prices .sg-price-card>a:hover{background:#f0e5fc;border-color:#c4a9e5}
#tb-signage #sg-prices .sg-price-card:hover{transform:translateY(-3px);box-shadow:0 16px 32px #4c295d14}
#tb-signage #sg-prices .sg-price-card:hover .sg-object{transform:translateY(-4px) rotate(-3deg)}
#tb-signage #sg-prices .sg-price-card:hover img{transform:translateY(-4px) rotate(-3deg)}
#tb-signage #sg-prices a:focus-visible{outline:3px solid #8750e5;outline-offset:4px}
#tb-signage #sg-prices .sg-price-example{position:relative;border-radius:18px;border-color:#e3d4ef;background:linear-gradient(110deg,#f0e5fb,#fff8f1);box-shadow:inset 4px 0 #aa80dc;padding:19px 24px;margin-top:20px;gap:22px}
#tb-signage #sg-prices .sg-price-example>span{border-left:0;padding:12px 15px;background:#ffffffb3;border:1px solid #e7d7f0;border-radius:12px;font-size:13px;color:#644984}
#tb-signage #sg-prices .sg-estimate-grid{gap:18px;margin-top:22px}
#tb-signage #sg-prices .sg-estimate-grid>article{padding:22px 24px;border:1px solid #e7dded;border-radius:19px;background:#ffffff99}
#tb-signage #sg-prices .sg-estimate-grid h3{font-size:20px;margin-bottom:10px}
#tb-signage #sg-prices .sg-estimate-grid p{font-size:14px;line-height:1.65}
#tb-signage #sg-prices .sg-price-note{margin-top:24px}
@media(max-width:1100px) and (min-width:701px){#tb-signage #sg-prices .sg-price-card{padding:20px}#tb-signage #sg-prices .sg-price-card-head{grid-template-columns:1fr;min-height:0}#tb-signage #sg-prices .sg-price-visual{grid-row:1;width:100%;height:110px;margin:0 0 10px}#tb-signage #sg-prices .sg-price-visual .sg-object{width:135px}#tb-signage #sg-prices .sg-price-card h3{min-height:54px;font-size:22px}#tb-signage #sg-prices .sg-price-card>.sg-price{font-size:38px}#tb-signage #sg-prices .sg-price-card>.sg-price-explain{font-size:24px}}
@media(max-width:700px){#tb-signage #sg-prices .sg-prices{grid-template-columns:1fr;gap:16px}#tb-signage #sg-prices .sg-price-card{padding:20px;border-radius:21px}#tb-signage #sg-prices .sg-price-card-head{grid-template-columns:minmax(0,1fr) 115px;min-height:115px;margin-bottom:12px}#tb-signage #sg-prices .sg-price-visual{width:132px;height:118px;margin:0 -12px 0 -5px}#tb-signage #sg-prices .sg-price-visual .sg-object{width:132px}#tb-signage #sg-prices .sg-price-visual img{width:132px}#tb-signage #sg-prices .sg-price-card h3{font-size:23px}#tb-signage #sg-prices .sg-price-tag{margin-bottom:9px;font-size:9px}#tb-signage #sg-prices .sg-price-card>.sg-price{font-size:42px;margin-bottom:15px}#tb-signage #sg-prices .sg-price-card>.sg-price-explain{font-size:25px}#tb-signage #sg-prices .sg-price-card>p:not(.sg-price){margin-bottom:18px}#tb-signage #sg-prices .sg-price-example{padding:19px;gap:12px}#tb-signage #sg-prices .sg-estimate-grid{grid-template-columns:1fr;gap:12px}#tb-signage #sg-prices .sg-estimate-grid>article{padding:19px}}
@media(max-width:360px){#tb-signage #sg-prices .sg-price-card{padding:18px}#tb-signage #sg-prices .sg-price-card-head{grid-template-columns:minmax(0,1fr) 94px;gap:2px}#tb-signage #sg-prices .sg-price-visual{width:112px;height:108px;margin-left:-6px}#tb-signage #sg-prices .sg-price-visual .sg-object{width:115px}#tb-signage #sg-prices .sg-price-visual img{width:114px}#tb-signage #sg-prices .sg-price-card h3{font-size:21px}#tb-signage #sg-prices .sg-price-card>.sg-price{font-size:39px;padding:11px 12px}#tb-signage #sg-prices .sg-price-card>.sg-price small{font-size:13px}#tb-signage #sg-prices .sg-price-card>.sg-price-explain{font-size:23px}}
@media(prefers-reduced-motion:reduce){#tb-signage #sg-prices .sg-price-card:hover,#tb-signage #sg-prices .sg-price-card:hover .sg-object,#tb-signage #sg-prices .sg-price-card:hover img{transform:none}#tb-signage #sg-prices .sg-price-card,#tb-signage #sg-prices .sg-price-visual img,#tb-signage #sg-prices .sg-price-visual .sg-object,#tb-signage #sg-prices .sg-price-card>a{transition:none;transform:none}}

/* source: cta-v19.css */
/* Only portfolio CTAs and the existing bottom panel of the Surgut signage page. */
#tb-signage #sg-works .sg-work-select {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  width: fit-content; max-width: 100%; min-height: 54px; height: 54px;
  margin-top: auto; padding: 0 18px; border: 1px solid #ed9c5f;
  border-radius: 15px; background: #ffb06c; color: #30232b;
  font: 600 16px/1.2 Onest, Arial, sans-serif; white-space: nowrap;
  box-shadow: none; transform: none; text-align: center;
  transition: background-color .18s ease, border-color .18s ease;
}
#tb-signage #sg-works .sg-work-select > span {font: inherit; min-width: 0;}
#tb-signage #sg-works .sg-work-select .sg-cta-mobile,
#tb-signage #sg-works .sg-work-select .sg-cta-narrow {display: none;}
#tb-signage #sg-works .sg-work-footer {display: grid; grid-template-columns: 1fr 360px 1fr;}
#tb-signage #sg-works .sg-work-select b,
#tb-signage #sg-works .sg-work-footer .sg-btn > span {
  display: inline-block; flex: none; width: auto; height: auto; padding: 0;
  border: 0; border-radius: 0; background: none; box-shadow: none;
  color: inherit; font: 400 20px/1 Arial, sans-serif;
  transform: none; transition: transform .18s ease;
}
#tb-signage #sg-works .sg-work-select::before,
#tb-signage #sg-works .sg-work-select::after,
#tb-signage #sg-works .sg-work-footer .sg-btn::before,
#tb-signage #sg-works .sg-work-footer .sg-btn::after {content: none; animation: none;}
#tb-signage #sg-works .sg-work-select[aria-pressed=true] {
  background: #f79a52; border-color: #ba692c; box-shadow: inset 0 0 0 1px #ba692c;
  color: #30232b; transform: none;
}
#tb-signage #sg-works .sg-work-footer .sg-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 12px;
  width: 360px; max-width: 100%; min-height: 60px; height: 60px;
  margin-inline: auto; padding: 0 22px; border: 0; border-radius: 17px;
  background: linear-gradient(110deg, #ffb14b, #ff8649); color: #30232b;
  font: 700 18px/1.2 Onest, Arial, sans-serif; white-space: nowrap;
  text-align: center; box-shadow: 0 3px 10px #a0521010; transform: none;
  transition: filter .18s ease;
}
@media (hover:hover) {
  #tb-signage #sg-works .sg-work-select:hover {background: #ffa45b; color: #30232b; box-shadow: none; transform: none;}
  #tb-signage #sg-works .sg-work-footer .sg-btn:hover {filter: brightness(.97); box-shadow: 0 3px 10px #a0521010; transform: none;}
  #tb-signage #sg-works .sg-work-select:hover b,
  #tb-signage #sg-works .sg-work-footer .sg-btn:hover > span {transform: translateX(3px);}
}
#tb-signage #sg-works .sg-work-select:active,
#tb-signage #sg-works .sg-work-footer .sg-btn:active {transform: none;}
#tb-signage #sg-works .sg-work-select:focus-visible,
#tb-signage #sg-works .sg-work-footer .sg-btn:focus-visible {outline: 3px solid #8a4e26; outline-offset: 3px;}
@media (max-width:850px) {
  #tb-signage #sg-works .sg-work-footer {grid-template-columns: 1fr;}
}
@media (max-width:560px) {
  #tb-signage #sg-works .sg-work-footer {grid-template-columns: 1fr;}
  #tb-signage #sg-works .sg-work-select {width: 100%; height: 56px; min-height: 56px; padding-inline: 18px; font-size: 16px;}
  #tb-signage #sg-works .sg-work-footer .sg-btn {width: 100%; max-width: calc(100vw - 44px); height: 62px; min-height: 62px; padding-inline: 14px; gap: 8px; font-size: 17px;}
}
/* Keep readable type and one line within the existing carousel cards. */
@media (max-width:430px) {
  #tb-signage #sg-works .sg-work-select .sg-cta-full {display: none;}
  #tb-signage #sg-works .sg-work-select .sg-cta-mobile {display: inline;}
}
@media (max-width:360px) {
  #tb-signage #sg-works .sg-work-select .sg-cta-mobile {display: none;}
  #tb-signage #sg-works .sg-work-select .sg-cta-narrow {display: inline;}
}
/* Use the shared header panel, as on the homepage. */
@media (max-width:1100px) {
  body:has(#tb-signage) {padding-bottom: calc(64px + env(safe-area-inset-bottom, 0px));}
  body:has(#tb-signage) .header__bottom {padding-bottom: calc(4px + env(safe-area-inset-bottom, 0px)) !important;}
  body:has(#tb-signage).sg-form-editing .header__bottom,
  body:has(#tb-signage).sg-form-in-view .header__bottom,
  body:has(#tb-signage).sg-keyboard-open .header__bottom {display: none !important;}
}
@media (prefers-reduced-motion:reduce) {
  #tb-signage #sg-works .sg-work-select,
  #tb-signage #sg-works .sg-work-select b,
  #tb-signage #sg-works .sg-work-footer .sg-btn,
  #tb-signage #sg-works .sg-work-footer .sg-btn > span {transition: none; transform: none !important;}
}

/* source: consult-v19.css */
/* Consultation only; existing CTA and lead transport unchanged. */
#tb-signage #sg-consult{position:relative;isolation:isolate;grid-template-columns:minmax(0,1.35fr) minmax(0,.8fr);gap:36px;padding:44px 42px;border:1px solid #785b944f;background:radial-gradient(ellipse at 100% 0,#6e488070,transparent 65%),linear-gradient(125deg,#24182f,#35233f 75%,#24182f);box-shadow:0 20px 45px #34214410}
#tb-signage #sg-consult:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(#c9a5ee06 1px,transparent 1px),linear-gradient(90deg,#c9a5ee06 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(90deg,transparent,#000)}
#tb-signage #sg-consult .sg-kicker{font-size:11px;letter-spacing:.09em;line-height:1.5;margin:0 0 20px}
#tb-signage #sg-consult h2{font-size:clamp(30px,3.05vw,44px);line-height:1.13;letter-spacing:-.035em;margin:0}
#tb-signage #sg-consult .sg-consult-copy>p:not(.sg-kicker){font-size:15px;line-height:1.65;margin-top:18px}
#tb-signage #sg-consult .sg-consult-result{border:0;padding:0;margin:22px 0}
#tb-signage #sg-consult .sg-consult-result>span{font-size:10px;letter-spacing:.12em}
#tb-signage #sg-consult .sg-consult-result ul{gap:8px;counter-reset:consult;margin:10px 0 0}
#tb-signage #sg-consult .sg-consult-result li{display:flex;align-items:center;gap:12px;padding:9px 12px;border:1px solid #d7b6fb19;background:#ffffff05;border-radius:12px;font-size:13px;line-height:1.45;counter-increment:consult}
#tb-signage #sg-consult .sg-consult-result li:before{content:'0' counter(consult);display:grid;place-items:center;flex:0 0 28px;height:28px;margin:0;color:#ffbf8c;background:linear-gradient(145deg,#78549b55,#392646);border:1px solid #ac7ed833;border-radius:8px;font-size:10px;box-shadow:2px 3px 0 #180f2460}
#tb-signage #sg-consult .sg-btn{min-height:58px;box-shadow:0 7px 0 #bf59322b,0 15px 30px #130b201a}
#tb-signage #sg-consult .sg-consult-copy>p.sg-consult-note{font-size:12px;margin-top:14px}
#tb-signage #sg-consult .sg-consult-art{position:relative;height:405px;min-width:0;perspective:900px;pointer-events:none}
#tb-signage #sg-consult .sg-consult-orbit{position:absolute;inset:20px -5px 35px;border:1px solid #c3a2ed25;border-radius:50%;transform:rotate(-25deg)}
#tb-signage #sg-consult .sg-consult-orbit:after{content:'';position:absolute;width:10px;height:10px;top:15%;left:10%;background:#ffba7d;border:3px solid #78506c;border-radius:50%;box-shadow:0 0 0 8px #ffba7d0a}
#tb-signage #sg-consult .sg-consult-person{position:absolute;right:8px;top:10px;width:245px;margin:0;padding:20px 18px 22px;display:block;text-align:center;border:1px solid #b692d65c;border-radius:26px;background:linear-gradient(135deg,#80619870,#49345b);transform:rotate(4deg);box-shadow:8px 10px 0 #201329,18px 25px 45px #140b254f}
#tb-signage #sg-consult .sg-consult-person img{width:174px;max-width:100%;margin:0 auto 15px;border:4px solid #c4a1ed38;box-shadow:0 10px 30px #1b102846}
#tb-signage #sg-consult .sg-consult-person strong{font-size:24px;margin-bottom:5px}
#tb-signage #sg-consult .sg-consult-person figcaption>span{font-size:12px;color:#e3d5ef;line-height:1.5;display:block}
#tb-signage #sg-consult .sg-consult-blueprint{position:absolute;left:0;bottom:26px;width:225px;height:155px;border:1px solid #d4b7f36b;border-radius:18px;background:linear-gradient(145deg,#f6ebff,#d5b5ef);box-shadow:5px 8px 0 #9c71be55,18px 22px 36px #160d282f;transform:rotate(-9deg);padding:17px;color:#5c3681}
#tb-signage #sg-consult .sg-consult-blueprint:before{content:'';position:absolute;inset:17px;border:1px solid #7854a52b;border-radius:9px;background:linear-gradient(#9676b512 1px,transparent 1px),linear-gradient(90deg,#9676b512 1px,transparent 1px);background-size:16px 16px}
#tb-signage #sg-consult .sg-consult-blueprint .sg-object{position:absolute;width:190px;height:190px;left:18px;top:-40px;transform:rotate(4deg);filter:drop-shadow(0 15px 12px #45246325)}
#tb-signage #sg-consult .sg-consult-blueprint small{position:absolute;bottom:15px;left:20px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;font-weight:700}
#tb-signage #sg-consult .sg-consult-arrow{position:absolute;left:2px;top:78px;color:#f3c49c;font-size:45px;transform:rotate(16deg);opacity:.75}
@media(max-width:1050px){#tb-signage #sg-consult{padding:34px 28px;gap:24px;grid-template-columns:minmax(0,1.25fr) minmax(0,.8fr)}#tb-signage #sg-consult .sg-consult-person{width:210px;right:0}#tb-signage #sg-consult .sg-consult-blueprint{width:190px;left:0}#tb-signage #sg-consult .sg-consult-blueprint .sg-object{width:165px;height:165px;left:12px;top:-20px}}
@media(max-width:900px){#tb-signage #sg-consult{grid-template-columns:1fr;padding:28px 22px;gap:16px}#tb-signage #sg-consult h2{font-size:32px}#tb-signage #sg-consult .sg-consult-art{height:290px;width:350px;max-width:100%;justify-self:center}#tb-signage #sg-consult .sg-consult-person{width:185px;top:8px;right:8px;padding:16px 12px}#tb-signage #sg-consult .sg-consult-person img{width:120px;margin-bottom:12px}#tb-signage #sg-consult .sg-consult-person strong{font-size:22px}#tb-signage #sg-consult .sg-consult-person figcaption>span{font-size:11px}#tb-signage #sg-consult .sg-consult-blueprint{width:165px;height:120px;bottom:14px;left:3px}#tb-signage #sg-consult .sg-consult-blueprint .sg-object{width:135px;height:135px;top:-26px}#tb-signage #sg-consult .sg-consult-blueprint small{font-size:8px;left:15px;bottom:12px}#tb-signage #sg-consult .sg-consult-arrow{font-size:32px;top:34px;left:20px}#tb-signage #sg-consult .sg-btn{width:100%}#tb-signage #sg-consult .sg-consult-orbit{inset:20px 0 10px}}
@media(max-width:380px){#tb-signage #sg-consult{padding:25px 18px}#tb-signage #sg-consult h2{font-size:28px}#tb-signage #sg-consult .sg-consult-copy>p:not(.sg-kicker){font-size:14px}#tb-signage #sg-consult .sg-consult-result li{font-size:12px;padding:8px;gap:9px}#tb-signage #sg-consult .sg-consult-art{height:270px}#tb-signage #sg-consult .sg-consult-person{width:170px;right:2px}#tb-signage #sg-consult .sg-consult-blueprint{width:145px;height:110px;left:2px;bottom:4px}#tb-signage #sg-consult .sg-consult-blueprint .sg-object{width:125px;height:125px;left:8px}#tb-signage #sg-consult .sg-consult-person img{width:108px}}
@media(prefers-reduced-motion:reduce){#tb-signage #sg-consult .sg-btn{transition:none}}
/* Keep the director's caption clear of the decorative sketch. */
#tb-signage #sg-consult .sg-consult-blueprint{width:190px;left:-5px}
#tb-signage #sg-consult .sg-consult-blueprint .sg-object{width:170px;height:170px;left:10px;top:-22px}
@media(max-width:1050px) and (min-width:901px){#tb-signage #sg-consult .sg-consult-blueprint{width:160px}#tb-signage #sg-consult .sg-consult-blueprint .sg-object{width:145px;height:145px;left:5px;top:-8px}}
@media(max-width:900px){#tb-signage #sg-consult .sg-consult-art{height:290px}#tb-signage #sg-consult .sg-consult-person{top:8px;right:5px;width:calc(100% - 10px);display:grid;grid-template-columns:94px minmax(0,1fr);gap:14px;align-items:center;text-align:left;padding:15px;transform:rotate(2deg);border-radius:20px}#tb-signage #sg-consult .sg-consult-person img{width:94px;margin:0}#tb-signage #sg-consult .sg-consult-person strong{font-size:22px}#tb-signage #sg-consult .sg-consult-person figcaption>span{font-size:12px}#tb-signage #sg-consult .sg-consult-blueprint{width:185px;height:120px;bottom:10px;left:18px}#tb-signage #sg-consult .sg-consult-blueprint .sg-object{width:155px;height:155px;left:15px;top:-32px}#tb-signage #sg-consult .sg-consult-blueprint small{font-size:9px;left:17px}#tb-signage #sg-consult .sg-consult-arrow{left:auto;right:15px;top:185px;font-size:35px}}
@media(max-width:380px){#tb-signage #sg-consult .sg-consult-person{grid-template-columns:75px minmax(0,1fr);padding:12px;gap:11px}#tb-signage #sg-consult .sg-consult-person img{width:75px}#tb-signage #sg-consult .sg-consult-person figcaption>span{font-size:11px}#tb-signage #sg-consult .sg-consult-art{height:265px}#tb-signage #sg-consult .sg-consult-blueprint{width:165px;height:115px;left:12px}#tb-signage #sg-consult .sg-consult-blueprint .sg-object{width:135px;height:135px;left:13px;top:-23px}#tb-signage #sg-consult .sg-consult-arrow{top:168px;right:2px}}
#tb-signage #sg-consult .sg-consult-copy{min-width:0}
#tb-signage #sg-consult .sg-consult-person figcaption{padding:0;margin:0}
#tb-signage #sg-consult .sg-consult-blueprint{left:-18px;width:175px}
#tb-signage #sg-consult .sg-consult-blueprint .sg-object{width:155px;height:155px;left:8px;top:-12px}
@media(max-width:1050px) and (min-width:901px){#tb-signage #sg-consult{grid-template-columns:minmax(0,1.25fr) minmax(250px,.8fr)}#tb-signage #sg-consult .sg-consult-blueprint{width:145px;left:-20px;bottom:-25px;height:125px}#tb-signage #sg-consult .sg-consult-blueprint .sg-object{width:130px;height:130px;left:4px;top:-16px}#tb-signage #sg-consult .sg-consult-blueprint small{font-size:8px;left:12px}}
@media(max-width:900px){#tb-signage #sg-consult{grid-template-columns:minmax(0,1fr)}#tb-signage #sg-consult .sg-btn{white-space:normal;font-size:14px;padding:14px 15px;gap:12px;min-width:0}#tb-signage #sg-consult .sg-consult-art{width:100%;max-width:350px}#tb-signage #sg-consult .sg-consult-blueprint{width:185px;left:18px;bottom:10px;height:120px}#tb-signage #sg-consult .sg-consult-blueprint .sg-object{width:155px;height:155px;left:15px;top:-32px}}
@media(max-width:380px){#tb-signage #sg-consult .sg-consult-blueprint{width:165px;left:12px;height:115px}#tb-signage #sg-consult .sg-consult-blueprint .sg-object{width:135px;height:135px;left:13px;top:-23px}}

/* source: popup-layout-v23.css */
/* Surgut signage: isolate the standard popup artwork from the growing form. */
body.sg-phone-page #popup-form-request.popup-form {
  box-sizing:border-box;width:880px;max-width:100%;
  padding:38px 40px;background:#fff;border-radius:24px;
  isolation:isolate;overflow:hidden;
}
body.sg-phone-page #popup-form-request::before {
  content:"";position:absolute;z-index:-1;inset:0 0 0 auto;
  width:360px;max-width:42%;pointer-events:none;
  background:url(https://surgut.totobi.ru/wp-content/themes/adv-agency/assets/images/popups/popup-bg-4.jpg.webp) right center / auto 700px no-repeat;
}
body.sg-phone-page #popup-form-request .popup-form__box {
  position:relative;box-sizing:border-box;width:390px;max-width:50%;
  background:#fff;
}
body.sg-phone-page #popup-form-request .popup-form__title {
  max-width:100%;margin:0 0 22px;text-align:left;font-size:24px;line-height:1.25;
}
body.sg-phone-page #popup-form-request .offer__form {
  display:flex;flex-direction:column;gap:12px;margin:0;
}
body.sg-phone-page #popup-form-request .default-form-parent-input {
  width:100%;min-width:0;margin:0;
}
body.sg-phone-page #popup-form-request .sg-form-label {
  display:block;margin:0 0 7px;font-size:13px;line-height:1.4;
}
body.sg-phone-page #popup-form-request input[name=name] {
  box-sizing:border-box;width:100%;height:54px;padding:14px 16px;
  border:1px solid #d9d4de;border-radius:15px;font-size:17px;
}
body.sg-phone-page #popup-form-request .popup-form__btn {
  width:100%;min-height:60px;margin:0;padding:16px;font-size:16px;
}
body.sg-phone-page #popup-form-request .sg-form-contact-options {margin-top:16px}
body.sg-phone-page #popup-form-request .popup-form__notify {
  margin:16px 0 0;text-align:left;font-size:11px;line-height:1.5;color:#817a89;
}
body.sg-phone-page #popup-form-request .popup-form__notify br {display:none}
body.sg-phone-page #popup-form-request .popup-form__close {
  z-index:2;top:10px;right:10px;transform:none;width:44px;height:44px;
  display:flex;align-items:center;justify-content:center;
  border-radius:50%;background:#ffffffeb;
}
body.sg-phone-page #popup-form-request .popup-form__close svg path {stroke:#655d70}
body.sg-phone-page #popup-form-request>.fancybox-close-small {display:none}
@media(max-width:900px) {
  body.sg-phone-page #popup-form-request.popup-form {
    width:420px;max-width:100%;padding:58px 20px 24px!important;border-radius:20px;
  }
  body.sg-phone-page #popup-form-request::before {display:none}
  body.sg-phone-page #popup-form-request .popup-form__box {width:100%;max-width:100%}
  body.sg-phone-page #popup-form-request .popup-form__title {font-size:22px;margin-bottom:20px}
  body.sg-phone-page #popup-form-request .sg-form-contact-options>a {flex:1 1 0;padding-inline:8px}
  body.sg-phone-page #popup-form-request .sg-form-contact-options>a.sg-contact-phone {flex-basis:100%}
}

/* Surgut signage only: compact mobile automatic discount popup. */
@media (max-width:700px) {
  body.sg-phone-page .td-fancybox .fancybox-slide {padding:12px}
  body.sg-phone-page #totobi-discount.td-popup {
    width:410px;max-width:calc(100vw - 24px);
    max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);
    border:1px solid #eee8f3;border-radius:22px;
    overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;
    scrollbar-width:thin;scrollbar-color:#ccb8e5 transparent;
    color:#29232f;box-shadow:0 22px 70px #1e10274d;
  }
  body.sg-phone-page #totobi-discount .td-close {
    position:sticky;align-self:flex-end;flex-shrink:0;
    top:10px;right:auto;margin:10px 10px -54px auto;
    width:44px;height:44px;z-index:3;
    color:#51415f;background:#fffffff5;border:1px solid #e9e2ed;
    box-shadow:0 4px 16px #34203b1a;
  }
  body.sg-phone-page #totobi-discount .td-close svg {width:22px;height:22px}
  body.sg-phone-page #totobi-discount .td-photo {
    width:100%;height:102px;min-height:102px;
    background:#eee7f1;flex-shrink:0;
  }
  body.sg-phone-page #totobi-discount .td-photo img {object-position:35% 44%}
  body.sg-phone-page #totobi-discount .td-photo::after {
    content:"";position:absolute;inset:0;pointer-events:none;
    background:linear-gradient(0deg,#40224b20,transparent 65%);
  }
  body.sg-phone-page #totobi-discount .td-content {width:100%;padding:18px 20px 20px}
  body.sg-phone-page #totobi-discount #td-title {
    margin:0 0 12px;color:#29232f;
    font-family:"Onest-Bold",Arial,sans-serif;
    font-size:22px;font-weight:700;line-height:1.18;letter-spacing:-.45px;
  }
  body.sg-phone-page #totobi-discount #td-title br:nth-of-type(2) {display:none}
  body.sg-phone-page #totobi-discount #td-title span {
    color:#7b48e8;font-size:31px;white-space:nowrap;letter-spacing:-.65px;
  }
  body.sg-phone-page #totobi-discount #td-title span::before {content:" "}
  body.sg-phone-page #totobi-discount #td-description {
    margin:0 0 16px;font-size:14px;line-height:1.45;color:#645b6d;
  }
  body.sg-phone-page #totobi-discount label {
    font-size:12px;font-weight:600;line-height:1.4;color:#54475f;margin-bottom:6px;
  }
  body.sg-phone-page #totobi-discount .td-input {
    padding:0 14px;gap:10px;border-color:#ddd4e6;border-radius:14px;margin-bottom:12px;
  }
  body.sg-phone-page #totobi-discount .td-input:focus-within {border-color:#9564d2;box-shadow:0 0 0 3px #9564d212}
  body.sg-phone-page #totobi-discount .td-input>svg {width:21px;height:21px;color:#82728f}
  /* Keep the live permanent +7 wrapper and the existing input node. */
  body.sg-phone-page #totobi-discount .td-input.sg-phone-parent {padding:0;gap:0;border:0;background:transparent}
  body.sg-phone-page #totobi-discount .td-input.sg-phone-parent:focus-within {box-shadow:none}
  body.sg-phone-page #totobi-discount #td-form .sg-phone-field {border:1px solid #ddd4e6;border-radius:14px;background:#fff}
  body.sg-phone-page #totobi-discount #td-form .sg-phone-field:focus-within {border-color:#9564d2;box-shadow:0 0 0 3px #9564d212}
  body.sg-phone-page #totobi-discount #td-form .sg-phone-field input[name=phone] {
    height:60px;padding:16px 12px 16px 61px;border:0!important;border-radius:14px;
    background:transparent;font-size:18px;color:#302538;
  }
  body.sg-phone-page #totobi-discount #td-form .sg-phone-field input[name=phone]:focus {box-shadow:none!important}
  body.sg-phone-page #totobi-discount #td-form .sg-phone-field input[name=phone]::placeholder {font-size:18px}
  body.sg-phone-page #totobi-discount #td-form .sg-phone-prefix {top:19px;left:16px;font-size:18px;padding-right:10px}

  body.sg-phone-page #totobi-discount .td-submit {
    min-height:56px;border-radius:14px;padding:14px 10px;
    font-family:"Onest-Bold",Arial,sans-serif;font-size:17px;font-weight:700;
    color:#2c2034;background-image:linear-gradient(115deg,#ffab45,#ff9140 35%,#ffb665 55%,#ff7738);
    box-shadow:0 6px 18px #ff914021;
  }
  body.sg-phone-page #totobi-discount .td-error {font-size:12px;line-height:1.4;margin:0 0 10px}
  body.sg-phone-page #totobi-discount .td-error:empty {display:none}
  body.sg-phone-page #totobi-discount .td-privacy {font-size:11px;line-height:1.45;color:#756b80;margin:10px 0 0}
  body.sg-phone-page #totobi-discount .sg-form-contact-options {margin-top:14px;gap:7px;font:12px/1.4 "Onest-Regular",Arial,sans-serif}
  body.sg-phone-page #totobi-discount .sg-form-contact-options>a {flex:1 1 0;min-height:44px;padding:9px 8px;border-radius:12px;font-size:12px}
  body.sg-phone-page #totobi-discount .sg-contact-call {padding:9px 12px;gap:9px;grid-template-columns:30px minmax(0,1fr) 16px;border-radius:12px;min-height:52px}
  body.sg-phone-page #totobi-discount .sg-call-icon {width:30px;height:30px;border-radius:10px}
  body.sg-phone-page #totobi-discount .sg-call-icon svg {width:19px;height:19px}
  body.sg-phone-page #totobi-discount .sg-call-label {font-size:10px;margin-bottom:1px}
  body.sg-phone-page #totobi-discount .sg-contact-call a.sg-contact-phone {font-size:15px}
  body.sg-phone-page #totobi-discount .td-benefits {
    margin:16px 0 0;padding:14px 0 0;border-top:1px solid #eee7f3;gap:8px;
  }
  body.sg-phone-page #totobi-discount .td-benefits li {font-size:11px;line-height:1.35;color:#756b80}
  body.sg-phone-page #totobi-discount .td-benefits svg {width:21px;height:21px;margin:0 auto 5px;color:#9671bc}
  body.sg-phone-page #totobi-discount .td-success {padding:6px 0;text-align:center}
  body.sg-phone-page #totobi-discount .td-success>svg {width:52px;height:52px;margin:0 auto 16px;color:#7b48e8}
  body.sg-phone-page #totobi-discount #td-success-title {
    font-family:"Onest-Bold",Arial,sans-serif;font-size:27px;font-weight:700;line-height:1.15;letter-spacing:-.4px;margin-bottom:12px;color:#29232f;
  }
  body.sg-phone-page #totobi-discount .td-success p {font-size:14px;line-height:1.5;color:#645b6d;margin:0}
}
@media (max-width:360px) {
  body.sg-phone-page #totobi-discount .td-content {padding:16px}
  body.sg-phone-page #totobi-discount #td-title {font-size:20px}
  body.sg-phone-page #totobi-discount #td-title span {font-size:27px}
  body.sg-phone-page #totobi-discount .td-benefits {gap:5px}
}
@media (max-height:700px) and (max-width:700px) {
  body.sg-phone-page #totobi-discount .td-photo {height:82px;min-height:82px}
}

/* source: proof-v27.css */
#tb-signage .sg-hero-proof.sg-proof-showcase{margin-top:56px;padding:34px 0 0;border-top:1px solid #ded6e6;overflow:hidden;scroll-margin-top:100px}
#tb-signage .sg-proof-showcase .sg-proof-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:0 0 24px;padding:0 clamp(18px,4vw,64px);box-sizing:border-box}
#tb-signage .sg-proof-showcase .sg-proof-eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 12px;font-size:11px;letter-spacing:.12em;font-weight:700;color:#8150bd}
#tb-signage .sg-proof-eyebrow i{width:7px;height:7px;border-radius:50%;background:#8150bd}
#tb-signage .sg-proof-showcase h2{margin:0;font-size:clamp(29px,3.1vw,43px);line-height:1.1;letter-spacing:-.035em;color:#28242d;font-weight:750}
#tb-signage .sg-proof-showcase .sg-proof-intro{margin:12px 0 0;font-size:15px;line-height:1.5;color:#736b7b}
#tb-signage .sg-proof-showcase .sg-proof-all{display:flex;align-items:center;gap:14px;flex-shrink:0;width:auto;max-width:none;white-space:normal;padding:12px 17px;border:1px solid #dacee9;border-radius:14px;color:#7544b6;font-size:14px;line-height:1.3;font-weight:600;background:#fff;text-decoration:none}
#tb-signage .sg-proof-all strong{font-size:27px;line-height:1;font-weight:750;letter-spacing:-.05em}
#tb-signage .sg-proof-all span{max-width:92px;white-space:normal}
#tb-signage .sg-proof-all b{font-size:22px;font-weight:400}
#tb-signage .sg-proof-all:hover{background:#f1eafb;border-color:#ad88d7}
#tb-signage .sg-proof-lanes{display:grid;gap:14px}
#tb-signage .sg-proof-row{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;touch-action:pan-y;position:relative;border-radius:16px}
#tb-signage .sg-proof-row::-webkit-scrollbar{display:none}
#tb-signage .sg-proof-showcase[data-proof-ready] .sg-proof-row{overflow:hidden}
#tb-signage .sg-proof-belt{display:flex;gap:14px;width:max-content;will-change:transform}
#tb-signage .sg-proof-tile{position:relative;flex:0 0 auto;width:clamp(250px,22.2vw,350px);height:clamp(168px,13.5vw,220px);border-radius:16px;overflow:hidden;background:#e2dce8;isolation:isolate}
#tb-signage .sg-proof-photo{position:absolute;inset:0;display:block;text-decoration:none}
#tb-signage .sg-proof-tile img{display:block;width:100%;height:100%;object-fit:cover;transition:filter .22s ease;max-width:none}
#tb-signage .sg-proof-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(18,13,24,.18) 63%,rgba(18,13,24,.84));pointer-events:none}
#tb-signage .sg-proof-caption{position:absolute;bottom:17px;left:18px;right:43px;font-size:16px;line-height:1.25;font-weight:600;color:#fff;z-index:1;text-shadow:0 1px 8px #0005}
#tb-signage .sg-proof-expand{position:absolute;bottom:17px;right:17px;color:white;font-size:20px;line-height:1;z-index:1}
#tb-signage .sg-proof-pick{position:absolute;left:50%;top:43%;transform:translate(-50%,-50%);z-index:2;white-space:nowrap;display:flex;gap:17px;align-items:center;background:#fff;color:#68409c;border:0;border-radius:12px;min-height:44px;padding:12px 16px;font-family:inherit;font-size:14px;line-height:1.2;font-weight:600;box-shadow:0 8px 32px #11052130;cursor:pointer;opacity:0;visibility:hidden;transition:opacity .18s ease,background .18s ease}
#tb-signage .sg-proof-pick b{font-size:20px;font-weight:400}
#tb-signage .sg-proof-tile:hover .sg-proof-pick,#tb-signage .sg-proof-tile:focus-within .sg-proof-pick{opacity:1;visibility:visible}
#tb-signage .sg-proof-tile:hover img,#tb-signage .sg-proof-tile:focus-within img{filter:brightness(.8)}
#tb-signage .sg-proof-pick:hover{background:#eee5fc}
#tb-signage .sg-proof-pick:focus-visible,#tb-signage .sg-proof-photo:focus-visible,#tb-signage .sg-proof-toolbar button:focus-visible{outline:3px solid #b995e5;outline-offset:-3px}
#tb-signage .sg-proof-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px;padding:0 clamp(18px,4vw,64px);box-sizing:border-box}
#tb-signage .sg-proof-toolbar p{margin:0;font-size:13px;line-height:1.45;color:#7d7387}
#tb-signage .sg-proof-buttons{display:flex;align-items:center;gap:8px;flex-shrink:0}
#tb-signage .sg-proof-toolbar button{display:inline-flex;justify-content:center;align-items:center;gap:7px;height:40px;min-height:40px;padding:9px 13px;border:1px solid #d7c7e7;border-radius:12px;background:#fff;color:#7b4cb3;font-size:13px;line-height:1;font-weight:600;cursor:pointer;box-shadow:none}
#tb-signage .sg-proof-toolbar button[data-proof-step]{width:40px;padding:8px;font-size:23px;font-weight:400}
#tb-signage .sg-proof-toolbar button:hover{background:#eee5fc;border-color:#b393d5}
#tb-signage .sg-proof-toolbar button:disabled{opacity:.6;cursor:default}
@media(max-width:760px){
 #tb-signage .sg-hero-proof.sg-proof-showcase{margin-top:34px;padding-top:26px;scroll-margin-top:76px}
 #tb-signage .sg-proof-showcase .sg-proof-heading{align-items:flex-start;gap:16px;margin-bottom:19px}
 #tb-signage .sg-proof-showcase h2{font-size:30px;max-width:430px}
 #tb-signage .sg-proof-showcase .sg-proof-intro{font-size:13px;max-width:330px}
 #tb-signage .sg-proof-showcase .sg-proof-all{padding:10px 12px;gap:10px}
 #tb-signage .sg-proof-all strong{font-size:24px}
 #tb-signage .sg-proof-all span{font-size:11px;max-width:66px}
 #tb-signage .sg-proof-all b{display:none}
 #tb-signage .sg-proof-tile{width:260px;height:182px}
 #tb-signage .sg-proof-lanes,#tb-signage .sg-proof-belt{gap:10px}
 #tb-signage .sg-proof-toolbar{align-items:flex-start}
 #tb-signage .sg-proof-toolbar p{max-width:260px;font-size:12px}
 #tb-signage .sg-proof-pick{opacity:1;visibility:visible;top:auto;bottom:12px;left:12px;transform:none;min-height:40px;padding:10px 12px;font-size:12px;gap:12px}
 #tb-signage .sg-proof-caption{display:none}
 #tb-signage .sg-proof-tile img{filter:none}
}
@media(max-width:480px){
 #tb-signage .sg-proof-showcase .sg-proof-heading{display:block;position:relative}
 #tb-signage .sg-proof-showcase h2{font-size:29px;max-width:320px}
 #tb-signage .sg-proof-showcase .sg-proof-eyebrow{margin-bottom:10px;font-size:10px}
 #tb-signage .sg-proof-showcase .sg-proof-intro{margin:10px 0 14px;max-width:290px}
 #tb-signage .sg-proof-showcase .sg-proof-all{display:inline-flex;min-height:36px;padding:6px 10px;gap:8px;border-radius:10px}
 #tb-signage .sg-proof-all strong{font-size:18px}
 #tb-signage .sg-proof-all span{max-width:none;font-size:12px}
 #tb-signage .sg-proof-all b{display:block;font-size:16px}
 #tb-signage .sg-proof-tile{width:238px;height:166px;border-radius:13px}
 #tb-signage .sg-proof-row{border-radius:13px}
 #tb-signage .sg-proof-caption{font-size:13px;bottom:12px;left:13px;right:34px}
 #tb-signage .sg-proof-expand{bottom:11px;right:12px;font-size:18px}
 #tb-signage .sg-proof-pick{top:auto;min-height:40px;padding:10px 12px;font-size:12px;border-radius:10px;gap:12px}
 #tb-signage .sg-proof-toolbar{margin-top:14px;gap:12px;flex-wrap:wrap}
 #tb-signage .sg-proof-toolbar p{max-width:none;flex:1 1 140px}
 #tb-signage .sg-proof-toolbar button{min-height:38px;padding:8px 10px;font-size:12px}
 #tb-signage .sg-proof-toolbar button[data-proof-step]{width:36px}
}
@media(hover:none),(pointer:coarse){#tb-signage .sg-proof-pick{opacity:1;visibility:visible;background:#ffffffed}#tb-signage .sg-proof-tile img{filter:none}}
@media(prefers-reduced-motion:reduce){#tb-signage .sg-proof-belt{will-change:auto}#tb-signage .sg-proof-tile img,#tb-signage .sg-proof-pick{transition:none}}

/* source: benefits-v28.css */
/* Scoped additions for the Surgut signage page. Reuse the existing CTA and type system. */
#tb-signage .sg-benefit{position:relative;isolation:isolate;display:grid;grid-template-columns:1.15fr 1fr;border:1px solid #e8def1;border-radius:30px;overflow:hidden;background:#f5f0fa;padding:0;font-family:Onest,Arial,sans-serif}
#tb-signage .sg-benefit-copy{position:relative;z-index:2;padding:46px;align-self:center;min-width:0}
#tb-signage .sg-benefit .sg-kicker,#tb-signage .sg-benefit-quality .sg-kicker{margin:0 0 17px;font-size:12px;line-height:1.4;letter-spacing:.12em;color:#8650cc}
#tb-signage .sg-benefit h2,#tb-signage .sg-benefit h3{font-family:Onest-Bold,Arial,sans-serif;font-size:clamp(28px,3.1vw,44px);line-height:1.14;letter-spacing:-.04em;margin:0 0 20px;color:#242628}
#tb-signage .sg-benefit h2 em,#tb-signage .sg-benefit h3 em,#tb-signage .sg-quality-card h2 em{font-style:normal;color:#804acf}
#tb-signage .sg-benefit-copy>p:not(.sg-kicker){font-size:16px;line-height:1.65;max-width:510px;color:#746e7a;margin:0 0 24px}
#tb-signage .sg-benefit .sg-btn{width:fit-content;max-width:100%;min-height:56px;gap:28px;padding:17px 24px;font-size:16px}
#tb-signage .sg-benefit-measure{background:linear-gradient(115deg,#fffaf4,#f7f1fd 68%,#ece0fc);margin-top:40px;margin-bottom:40px}
#tb-signage .sg-benefit-tags{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 27px;padding:0;list-style:none}
#tb-signage .sg-benefit-tags li{padding:7px 10px;border:1px solid #e5d8f1;border-radius:99px;font-size:12px;line-height:1.4;color:#715c83;background:#ffffff96}
#tb-signage .sg-measure-person{position:relative;align-self:end;margin:0;min-width:0;padding:22px 12px 0 0}
#tb-signage .sg-measure-person:before{content:"";position:absolute;width:85%;aspect-ratio:1;border-radius:50%;left:6%;bottom:-18%;background:linear-gradient(145deg,#caa7fa,#9360dd);z-index:-1}
#tb-signage .sg-measure-person>img{display:block;width:100%;max-height:460px;height:auto;object-fit:contain;object-position:bottom}
#tb-signage .sg-measure-person figcaption{position:absolute;left:12%;bottom:23px;display:flex;align-items:center;gap:12px;margin:0;padding:12px 20px;border:1px solid #ffffffcc;border-radius:16px;background:#fffffff0;box-shadow:0 10px 35px #422b6b14}
#tb-signage .sg-measure-person figcaption strong,#tb-signage .sg-measure-person figcaption span{display:block}
#tb-signage .sg-measure-person figcaption strong{font-family:Onest-Bold,Arial,sans-serif;font-size:17px;color:#29232f}
#tb-signage .sg-measure-person figcaption div>span{font-size:12px;color:#887b94;margin-top:3px}
#tb-signage .sg-person-dot{width:10px;height:10px;border-radius:50%;background:#9054dd;box-shadow:0 0 0 6px #efe4fc}
#tb-signage .sg-benefit-production{grid-template-columns:1fr 1.15fr;background:linear-gradient(135deg,#f1e8fb,#f8f4fb 52%,#fff5e8);margin:0 0 28px}
#tb-signage .sg-benefit-production .sg-benefit-copy{padding:36px}
#tb-signage .sg-benefit-production h2{font-size:clamp(26px,2.7vw,37px)}
#tb-signage .sg-production-art{margin:0;align-self:end;min-width:0}
#tb-signage .sg-production-art img{display:block;width:120%;max-width:none;height:auto;margin-left:-15%;position:relative;z-index:1}
#tb-signage .sg-production-note{display:flex;align-items:center;gap:11px;font-size:13px;line-height:1.5;color:#72568b;max-width:330px}
#tb-signage .sg-production-note>span{display:grid;place-items:center;background:#fff;border:1px solid #e3d4f0;width:35px;height:35px;flex:none;border-radius:50%;font-size:21px}
#tb-signage .sg-benefit-quality{display:grid;grid-template-columns:1fr 1fr;gap:22px;font-family:Onest,Arial,sans-serif}
#tb-signage .sg-quality-card{min-width:0;display:flex;flex-direction:column;position:relative;overflow:hidden;border-radius:28px;border:1px solid #e7dcef;background:linear-gradient(145deg,#fff,#f8f4fd)}
#tb-signage .sg-quality-copy{padding:34px 36px 0;position:relative;z-index:1}
#tb-signage .sg-quality-card h2{font-family:Onest-Bold,Arial,sans-serif;font-size:clamp(26px,2.6vw,36px);line-height:1.15;letter-spacing:-.035em;margin:0 0 16px}
#tb-signage .sg-quality-copy>p:not(.sg-kicker){font-size:15px;line-height:1.6;margin:0;color:#817686;max-width:430px}
#tb-signage .sg-quality-art{margin:22px 24px 0;text-align:center;flex:none}
#tb-signage .sg-quality-art img{display:block;width:100%;height:380px;object-fit:contain}
#tb-signage .sg-quality-art figcaption{font-size:11px;color:#9786a0;margin:5px 0 0}
#tb-signage .sg-material-tags{list-style:none;padding:0;margin:20px 26px 28px;display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
#tb-signage .sg-material-tags li{font-size:11px;line-height:1.4;padding:6px 9px;border-radius:30px;border:1px solid #e7def0;background:#fff;color:#7a678b}
#tb-signage .sg-certified{background:linear-gradient(160deg,#faf6ff 40%,#f0e6fb)}
#tb-signage .sg-cert-art{margin:35px -18% 0 9%;min-width:0;flex:1;display:flex;align-items:end}
#tb-signage .sg-cert-art img{width:100%;height:310px;object-fit:cover;object-position:left top;display:block}
#tb-signage .sg-cert-documents{position:relative;z-index:2;display:flex;align-items:center;gap:18px;margin:0 26px 26px;padding:16px 20px;border:1px solid #ffffffaa;border-radius:18px;background:#ffffffed;box-shadow:0 12px 24px #5b34780a}
#tb-signage .sg-cert-thumbnails{display:flex;gap:5px;flex:none}
#tb-signage .sg-cert-thumbnails img{width:42px;height:60px;object-fit:contain;border-radius:2px}
#tb-signage .sg-cert-documents p{font-size:13px;line-height:1.55;color:#8a7b94;margin:0}
#tb-signage .sg-cert-documents strong{color:#604174;font-weight:600}
#tb-signage .sg-benefit-delivery{grid-template-columns:1fr 1.25fr;margin:30px 0;background:linear-gradient(115deg,#faf6ff,#f6f0fd 70%,#fff5e9)}
#tb-signage .sg-benefit-delivery .sg-benefit-copy{padding:36px 0 36px 36px}
#tb-signage .sg-benefit-delivery h3{font-size:clamp(27px,2.9vw,40px)}
#tb-signage .sg-benefit-delivery .sg-benefit-copy>p:not(.sg-kicker){margin-bottom:0;max-width:370px}
#tb-signage .sg-delivery-art{margin:0;min-width:0;align-self:end;padding-top:35px}
#tb-signage .sg-delivery-art img{display:block;width:130%;max-width:none;height:auto}
@media(max-width:900px){
 #tb-signage .sg-benefit-copy{padding:30px}
 #tb-signage .sg-benefit-measure{grid-template-columns:1.2fr 1fr}
 #tb-signage .sg-benefit-quality{gap:16px}
 #tb-signage .sg-quality-copy{padding:28px 24px 0}
 #tb-signage .sg-quality-art img{height:260px}
 #tb-signage .sg-cert-documents{gap:12px;padding:13px;margin:0 16px 20px}
 #tb-signage .sg-cert-thumbnails img{width:33px;height:47px}
 #tb-signage .sg-cert-documents p{font-size:12px}
}
@media(max-width:700px){
 #tb-signage .sg-benefit{grid-template-columns:1fr;border-radius:23px}
 #tb-signage .sg-benefit-copy,#tb-signage .sg-benefit-production .sg-benefit-copy,#tb-signage .sg-benefit-delivery .sg-benefit-copy{padding:27px 24px}
 #tb-signage .sg-benefit h2,#tb-signage .sg-benefit h3{font-size:31px;line-height:1.13;margin-bottom:16px}
 #tb-signage .sg-benefit .sg-kicker,#tb-signage .sg-benefit-quality .sg-kicker{font-size:10px;margin-bottom:14px}
 #tb-signage .sg-benefit-copy>p:not(.sg-kicker){font-size:14px;line-height:1.65;margin-bottom:18px}
 #tb-signage .sg-benefit-measure .sg-benefit-copy{padding-bottom:12px}
 #tb-signage .sg-benefit-tags{gap:6px;margin-bottom:20px}
 #tb-signage .sg-benefit-tags li{font-size:10px;padding:6px 9px}
 #tb-signage .sg-benefit .sg-btn{width:100%;font-size:14px;min-height:53px;padding:15px 17px;justify-content:space-between;gap:10px}
 #tb-signage .sg-measure-person{padding:0;width:85%;max-width:350px;justify-self:center}
 #tb-signage .sg-measure-person>img{max-height:280px}
 #tb-signage .sg-measure-person figcaption{bottom:16px;left:9%;padding:10px 16px}
 #tb-signage .sg-measure-person figcaption strong{font-size:15px}
 #tb-signage .sg-benefit-production{margin-bottom:20px}
 #tb-signage .sg-production-art img{width:112%;margin-left:-4%}
 #tb-signage .sg-production-note{font-size:12px}
 #tb-signage .sg-benefit-quality{grid-template-columns:1fr;gap:18px}
 #tb-signage .sg-quality-card{border-radius:23px}
 #tb-signage .sg-quality-copy{padding:27px 24px 0}
 #tb-signage .sg-quality-card h2{font-size:29px}
 #tb-signage .sg-quality-copy>p:not(.sg-kicker){font-size:14px}
 #tb-signage .sg-quality-art{margin:18px 20px 0}
 #tb-signage .sg-quality-art img{height:270px}
 #tb-signage .sg-material-tags{margin:15px 16px 23px}
 #tb-signage .sg-material-tags li{font-size:10px}
 #tb-signage .sg-cert-art{margin:20px -12% 0 5%}
 #tb-signage .sg-cert-art img{height:auto}
 #tb-signage .sg-cert-documents{margin:0 20px 23px;padding:15px;gap:16px}
 #tb-signage .sg-cert-thumbnails img{width:38px;height:54px}
 #tb-signage .sg-delivery-art{padding-top:0}
 #tb-signage .sg-delivery-art img{width:115%}
}
@media(prefers-reduced-motion:reduce){#tb-signage .sg-benefit a{scroll-behavior:auto}}

/* source: benefits-v29.css */
/* Surgut signage: revised benefit artwork and copy. All selectors stay local. */
#tb-signage .sg-benefit-v29{grid-template-columns:1.04fr 1fr;background:linear-gradient(120deg,#fffaf5 5%,#faf7fd 58%,#ede1fc);border-color:#e6d8f2;box-shadow:0 18px 60px #45305206}
#tb-signage .sg-benefit-v29 .sg-benefit-copy{padding:44px 12px 44px 44px}
#tb-signage .sg-benefit-v29 h2{font-size:clamp(30px,3.3vw,45px)}
#tb-signage .sg-benefit-v29 .sg-benefit-copy>p:not(.sg-kicker){max-width:470px}
#tb-signage .sg-measure-stage{position:relative;isolation:isolate;display:grid;align-items:end;min-width:0;min-height:500px}
#tb-signage .sg-measure-halo{position:absolute;inset:12% 3% 0 11%;border-radius:45% 45% 18% 18%;background:linear-gradient(135deg,#f3e8ff,#ba86f6 56%,#8c49d9);border:13px solid #e9d7ff;box-shadow:inset 8px 7px 20px #fff9,inset -9px -10px 30px #6c30af52,16px 20px 35px #8b5da630;transform:rotate(-7deg);z-index:-2}
#tb-signage .sg-measure-stage .sg-measure-person{width:91%;padding:18px 0 0;margin:0 0 0 7%;align-self:end;position:relative;z-index:2}
#tb-signage .sg-measure-stage .sg-measure-person:before{display:none}
#tb-signage .sg-measure-stage .sg-measure-person>img{max-height:515px;width:100%;filter:drop-shadow(0 12px 16px #21102e18)}
#tb-signage .sg-measure-stage .sg-measure-person figcaption{left:0;bottom:26px;padding:13px 22px;box-shadow:0 8px 0 #e2d5ee,0 22px 36px #35165023;transform:rotate(-3deg);border-color:#fff;background:#fff}
#tb-signage .sg-measure-zero{position:absolute;z-index:3;right:3%;top:9%;padding:17px 22px;border-radius:23px;background:linear-gradient(135deg,#fff4e5,#ffd099);border:1px solid #fff1d8;box-shadow:3px 8px 0 #e39959,7px 21px 30px #8b572330;transform:rotate(9deg);text-align:center;color:#563117}
#tb-signage .sg-measure-zero strong{display:block;font-family:Onest-Bold,Arial,sans-serif;font-size:37px;line-height:1.1;letter-spacing:-.04em}
#tb-signage .sg-measure-zero span{font-size:10px;display:block;margin-top:5px}
#tb-signage .sg-measure-ruler{position:absolute;z-index:1;width:64%;height:49px;left:0;bottom:21%;border-radius:11px;background:repeating-linear-gradient(90deg,transparent 0 12px,#8e621c 12px 13px,transparent 13px 22px),linear-gradient(#fff2b1,#ffce6b);background-size:100% 13px,100% 100%;background-repeat:no-repeat;border:2px solid #ffeab7;box-shadow:0 7px 0 #dca345,0 18px 25px #68361320;transform:rotate(-21deg)}
#tb-signage .sg-measure-samples{position:absolute;left:5%;top:15%;width:85px;height:100px;transform:rotate(-14deg);z-index:1}
#tb-signage .sg-measure-samples i{position:absolute;width:60px;height:70px;border-radius:10px;border:2px solid #ffffff9c;box-shadow:4px 6px 0 #5c347766,8px 17px 24px #40284b22;background:linear-gradient(135deg,#fff,#d8c5ef)}
#tb-signage .sg-measure-samples i:nth-child(2){left:17px;top:17px;background:linear-gradient(135deg,#a66af2,#6733ac)}
#tb-signage .sg-measure-samples i:nth-child(3){left:34px;top:34px;background:linear-gradient(135deg,#ffc46b,#ff763d)}
#tb-signage .sg-art-note{position:absolute;right:15px;bottom:9px;z-index:4;font-size:9px;color:#665573;background:#ffffffe8;padding:3px 7px;border-radius:5px;line-height:1.3}
#tb-signage .sg-quality-v29{gap:24px;align-items:stretch}
#tb-signage .sg-quality-v29 .sg-quality-card{border-radius:30px;box-shadow:0 15px 45px #32213d06}
#tb-signage .sg-quality-v29 .sg-quality-copy{padding:37px 36px 0}
#tb-signage .sg-quality-v29 .sg-quality-copy>p:not(.sg-kicker){font-size:15px;line-height:1.65;max-width:440px}
#tb-signage .sg-quality-v29 h2{font-size:clamp(25px,2.5vw,33px);line-height:1.16;letter-spacing:-.04em}
#tb-signage .sg-quality-v29 .sg-warranty{background:radial-gradient(ellipse at 75% 62%,#74489c77,transparent 53%),linear-gradient(140deg,#392345,#211728);border-color:#5f3c76;color:#fff}
#tb-signage .sg-quality-v29 .sg-warranty h2{color:#fff;font-size:27px}
#tb-signage .sg-quality-v29 .sg-warranty .sg-kicker{color:#c4a1ed}
#tb-signage .sg-quality-v29 .sg-warranty .sg-quality-copy>p:not(.sg-kicker){color:#d1c5d9}
#tb-signage .sg-warranty-number{display:block;font-size:112px;letter-spacing:-.065em;line-height:.95;margin:5px 0 15px;color:#ffbb75;text-shadow:1px 2px 0 #de854a,2px 4px 0 #b86842,4px 7px 0 #82483c,8px 15px 20px #11091d4f}
#tb-signage .sg-warranty-number small{font-size:35px;letter-spacing:-.03em;text-shadow:none}
#tb-signage .sg-quality-v29 .sg-quality-art{margin:10px 5px 0;flex:1;display:flex;flex-direction:column;justify-content:end;min-width:0}
#tb-signage .sg-quality-v29 .sg-quality-art img{width:100%;height:280px;object-fit:contain;filter:drop-shadow(0 18px 20px #140b1840)}
#tb-signage .sg-quality-v29 .sg-quality-art figcaption{font-size:9px;color:#b49ec4;margin:0 0 17px}
#tb-signage .sg-quality-footer{display:flex;align-items:center;gap:11px;border-top:1px solid #ffffff1e;margin:0 30px;padding:18px 0 25px;color:#e1d5e9;font-size:12px}
#tb-signage .sg-quality-check{display:grid;place-items:center;width:24px;height:24px;background:#ffffff0d;border:1px solid #bb8add55;border-radius:50%;color:#eec59a;flex:none}
#tb-signage .sg-quality-v29 .sg-certified{background:radial-gradient(ellipse at 65% 57%,#e6d5fa,transparent 62%),linear-gradient(140deg,#fcfaff,#f4edf9)}
#tb-signage .sg-quality-v29 .sg-cert-art{margin:8px 0 0;display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex:1;min-height:280px}
#tb-signage .sg-quality-v29 .sg-cert-art img{width:100%;height:310px;object-fit:contain;object-position:center}
#tb-signage .sg-quality-v29 .sg-cert-art figcaption{text-align:center;font-size:10px;line-height:1.5;color:#85718f;margin:0 20px 20px}
#tb-signage .sg-quality-v29 .sg-cert-documents{margin:0 27px 27px;padding:18px;gap:17px;box-shadow:0 6px 0 #e6d9ef,0 17px 26px #5632770d;transform:rotate(-1deg);background:#fff;border:1px solid #fff}
#tb-signage .sg-quality-v29 .sg-cert-documents strong,#tb-signage .sg-quality-v29 .sg-cert-documents span{display:block}
#tb-signage .sg-quality-v29 .sg-cert-documents strong{font-family:Onest-Bold,Arial,sans-serif;font-size:13px;line-height:1.35;color:#574369}
#tb-signage .sg-quality-v29 .sg-cert-documents span{font-size:11px;line-height:1.4;margin-top:4px}
#tb-signage .sg-quality-v29 .sg-cert-thumbnails img{width:35px;height:50px}
#tb-signage .sg-delivery-v29{grid-template-columns:1fr 1.1fr;background:radial-gradient(ellipse at 83% 65%,#dcc5f3,transparent 50%),linear-gradient(120deg,#fff9f1,#f8f3ff);border-color:#e6d8f0}
#tb-signage .sg-delivery-v29 .sg-benefit-copy{padding:39px 0 39px 35px}
#tb-signage .sg-delivery-v29 h3{font-size:clamp(27px,2.9vw,39px)}
#tb-signage .sg-delivery-v29 .sg-delivery-art{position:relative;isolation:isolate;align-self:center;padding:25px 0 15px;margin:0}
#tb-signage .sg-delivery-v29 .sg-delivery-art img{position:relative;z-index:2;display:block;width:100%;max-width:none;margin-left:0;height:auto;filter:drop-shadow(0 20px 17px #44315724)}
#tb-signage .sg-delivery-orbit{position:absolute;inset:22% 8% 5%;border:2px solid #fff8;border-radius:50%;transform:rotate(-12deg);box-shadow:0 0 0 20px #fff2,0 0 0 40px #fff1;z-index:-1}
#tb-signage .sg-delivery-label{margin-top:24px;display:flex;align-items:center;gap:10px;font-size:12px;line-height:1.5;color:#7a5a94}
#tb-signage .sg-delivery-label span{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:#fff;box-shadow:0 4px 0 #e5d6f0;font-size:21px;flex:none}
#tb-signage .sg-delivery-v29 figcaption{font-size:9px;text-align:right;color:#887491;padding-right:22px}
@media(max-width:1000px){
 #tb-signage .sg-benefit-v29 .sg-benefit-copy{padding:32px 10px 32px 30px}
 #tb-signage .sg-benefit-v29 h2{font-size:34px}
 #tb-signage .sg-measure-stage{min-height:450px}
 #tb-signage .sg-measure-zero{right:3%;top:13%;padding:13px 15px}
 #tb-signage .sg-measure-zero strong{font-size:30px}
 #tb-signage .sg-measure-stage .sg-measure-person figcaption{left:-6%;bottom:25px;padding:10px 15px}
 #tb-signage .sg-quality-v29 .sg-quality-copy{padding:28px 25px 0}
 #tb-signage .sg-quality-v29 h2,#tb-signage .sg-quality-v29 .sg-warranty h2{font-size:26px}
 #tb-signage .sg-warranty-number{font-size:94px}
 #tb-signage .sg-quality-v29 .sg-cert-documents{margin:0 19px 25px;gap:10px;padding:12px}
 #tb-signage .sg-quality-v29 .sg-cert-thumbnails img{width:27px;height:39px}
 #tb-signage .sg-quality-v29 .sg-quality-art img{height:250px}
 #tb-signage .sg-quality-v29 .sg-cert-art img{height:260px}
 #tb-signage .sg-delivery-v29 .sg-benefit-copy{padding:30px 0 30px 27px}
}
@media(max-width:700px){
 #tb-signage .sg-benefit-v29,#tb-signage .sg-delivery-v29{grid-template-columns:1fr;border-radius:24px}
 #tb-signage .sg-benefit-v29 .sg-benefit-copy{padding:27px 24px 10px}
 #tb-signage .sg-benefit-v29 h2{font-size:31px}
 #tb-signage .sg-measure-stage{min-height:0;width:100%;max-width:410px;margin:0 auto}
 #tb-signage .sg-measure-stage .sg-measure-person{width:75%;max-width:300px;justify-self:center;margin:0;padding:22px 0 0}
 #tb-signage .sg-measure-stage .sg-measure-person>img{height:auto;max-height:320px}
 #tb-signage .sg-measure-halo{inset:17% 11% -4%;border-width:10px}
 #tb-signage .sg-measure-stage .sg-measure-person figcaption{left:-4%;bottom:20px;padding:10px 15px}
 #tb-signage .sg-measure-zero{right:6%;top:15%;padding:11px 13px;border-radius:15px}
 #tb-signage .sg-measure-zero strong{font-size:27px}
 #tb-signage .sg-measure-zero span{font-size:8px}
 #tb-signage .sg-measure-samples{top:24%;left:11%;transform:rotate(-15deg) scale(.6);transform-origin:left top}
 #tb-signage .sg-measure-ruler{width:46%;height:35px;left:5%;bottom:23%}
 #tb-signage .sg-art-note{font-size:7px;bottom:4px;right:10px}
 #tb-signage .sg-quality-v29{gap:20px}
 #tb-signage .sg-quality-v29 .sg-quality-card{border-radius:24px}
 #tb-signage .sg-quality-v29 .sg-quality-copy{padding:28px 24px 0}
 #tb-signage .sg-quality-v29 h2,#tb-signage .sg-quality-v29 .sg-warranty h2{font-size:28px}
 #tb-signage .sg-quality-v29 .sg-quality-copy>p:not(.sg-kicker){font-size:14px}
 #tb-signage .sg-warranty-number{font-size:98px;margin:3px 0 14px}
 #tb-signage .sg-warranty-number small{font-size:31px}
 #tb-signage .sg-quality-v29 .sg-quality-art{margin:8px 0 0}
 #tb-signage .sg-quality-v29 .sg-quality-art img{height:auto;max-height:260px}
 #tb-signage .sg-quality-footer{margin:0 24px;padding:14px 0 23px;font-size:11px}
 #tb-signage .sg-quality-v29 .sg-cert-art{margin:10px 0 0;min-height:0}
 #tb-signage .sg-quality-v29 .sg-cert-art img{height:auto;max-height:310px}
 #tb-signage .sg-quality-v29 .sg-cert-art figcaption{font-size:9px;margin-bottom:17px}
 #tb-signage .sg-quality-v29 .sg-cert-documents{margin:0 20px 26px;padding:14px;gap:12px}
 #tb-signage .sg-quality-v29 .sg-cert-documents strong{font-size:12px}
 #tb-signage .sg-quality-v29 .sg-cert-documents span{font-size:10px}
 #tb-signage .sg-quality-v29 .sg-cert-thumbnails img{width:27px;height:39px}
 #tb-signage .sg-delivery-v29 .sg-benefit-copy{padding:27px 22px 0}
 #tb-signage .sg-delivery-v29 h3{font-size:30px}
 #tb-signage .sg-delivery-label{margin-top:19px;font-size:11px}
 #tb-signage .sg-delivery-v29 .sg-delivery-art{padding:15px 7px 12px}
 #tb-signage .sg-delivery-v29 .sg-delivery-art img{width:100%;margin:0}
 #tb-signage .sg-delivery-v29 figcaption{font-size:8px;padding-right:14px}
}
@media(max-width:360px){
 #tb-signage .sg-benefit-v29 .sg-benefit-copy{padding-left:20px;padding-right:20px}
 #tb-signage .sg-benefit-v29 h2,#tb-signage .sg-delivery-v29 h3{font-size:27px}
 #tb-signage .sg-quality-v29 h2,#tb-signage .sg-quality-v29 .sg-warranty h2{font-size:25px}
 #tb-signage .sg-quality-v29 .sg-cert-documents{flex-direction:column;align-items:flex-start;gap:10px}
 #tb-signage .sg-quality-v29 .sg-cert-thumbnails img{width:33px;height:47px}
}

/* source: refinement-v30.css */
/* Changes only within the Surgut signage template. */
#tb-signage .sg-quality-v30 .sg-quality-card{min-width:0}
#tb-signage .sg-quality-v30 .sg-quality-copy{padding:32px 32px 0}
#tb-signage .sg-quality-v30 .sg-real-sign{display:block;flex:none;margin:23px 25px 0;position:relative;overflow:hidden;border-radius:20px;background:#dedbd7}
#tb-signage .sg-quality-v30 .sg-real-sign img{display:block;width:100%;height:auto;aspect-ratio:1.5;object-fit:cover;filter:none}
#tb-signage .sg-quality-v30 .sg-real-sign figcaption{position:absolute;bottom:0;left:0;right:0;padding:24px 14px 12px;margin:0;color:#fff;font-size:10px;background:linear-gradient(transparent,#18131db3);text-align:left}
#tb-signage .sg-quality-v30 .sg-quality-footer{margin:20px 32px 0;margin-top:auto}
#tb-signage .sg-quality-v30 .sg-warranty-number{font-size:96px}
#tb-signage .sg-quality-v30 .sg-certified{background:radial-gradient(ellipse at 50% 57%,#e2ccf8,transparent 66%),linear-gradient(145deg,#fcfaff,#f3ecfa)}
#tb-signage .sg-quality-v30 .sg-certified .sg-kicker{font-size:11px;letter-spacing:.095em}
#tb-signage .sg-certificate-display{position:relative;margin:27px 26px 23px;padding:24px 18px 20px;border:1px solid #fff;border-radius:22px;background:linear-gradient(135deg,#ffffffd9,#fff8);box-shadow:0 8px 0 #e5d8ef,0 22px 32px #5c338417}
#tb-signage .sg-certificate-heading{display:flex;align-items:center;justify-content:center;gap:9px;color:#4d315e;font-size:16px;line-height:1.3;text-align:center}
#tb-signage .sg-certificate-heading>span{display:grid;place-items:center;flex:none;width:24px;height:24px;border-radius:50%;color:#8152c8;background:#ede3fa}
#tb-signage .sg-certificate-heading>strong{font-family:Onest-Bold,Arial,sans-serif}
#tb-signage .sg-certificate-papers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:center;padding:31px 4px 23px}
#tb-signage .sg-certificate-papers figure{margin:0;min-width:0;padding:6px;background:#fff;border:1px solid #e4dce9;border-radius:3px;box-shadow:2px 4px 0 #f2edf5,0 12px 22px #46285b26;transform:rotate(-5deg)}
#tb-signage .sg-certificate-papers figure:nth-child(2){transform:translateY(-7px);z-index:1}
#tb-signage .sg-certificate-papers figure:nth-child(3){transform:rotate(5deg)}
#tb-signage .sg-certificate-papers img{display:block;width:100%;height:auto;aspect-ratio:102/145;object-fit:contain}
#tb-signage .sg-certificate-scope{font-size:12px;color:#786487;line-height:1.5;text-align:center;margin:0}
#tb-signage .sg-certificate-bottom{display:flex;align-items:center;gap:15px;margin:auto 32px 0;padding:13px 0 25px}
#tb-signage .sg-certificate-bottom strong{display:block;font-family:Onest-Bold,Arial,sans-serif;font-size:16px;line-height:1.3;color:#3d2a4d}
#tb-signage .sg-certificate-bottom p{font-size:13px;line-height:1.5;color:#8a7995;margin:7px 0 0}
#tb-signage .sg-certificate-seal{display:grid;place-items:center;flex:none;width:52px;height:52px;color:#fff;font-size:25px;transform:rotate(-7deg);border-radius:17px;background:linear-gradient(135deg,#ad7bea,#7238bd);box-shadow:2px 5px 0 #51268a,4px 10px 18px #7238bd30;border:1px solid #cfa9ff}
#tb-signage .sg-factory-project{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;min-width:0;overflow:hidden;min-height:230px;border:1px solid #e3d2f6;border-radius:18px;background:radial-gradient(ellipse at 96% 60%,#d6b6f2,transparent 65%),linear-gradient(125deg,#f7f0ff,#f4e8fa);padding:22px 20px}
#tb-signage .sg-factory-project-copy{position:relative;z-index:2;max-width:69%}
#tb-signage .sg-factory-project .sg-kicker{font-size:8px;line-height:1.5;letter-spacing:.07em;margin:0 0 9px}
#tb-signage .sg-factory-project h3{font-family:Onest-Bold,Arial,sans-serif;font-size:22px;line-height:1.12;letter-spacing:-.045em;color:#2c1e39;margin:0 0 9px}
#tb-signage .sg-factory-project-copy>p:not(.sg-kicker){font-size:11px;line-height:1.5;color:#7c668d;margin:0;max-width:175px}
#tb-signage .sg-factory-gallery .sg-factory-project>img{position:absolute;z-index:1;width:64%;height:auto;min-height:0;aspect-ratio:auto;object-fit:contain;right:-15%;top:14%;transform:rotate(-8deg);filter:drop-shadow(0 14px 14px #71459426);pointer-events:none}
#tb-signage .sg-factory-gallery a.sg-factory-project-link{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;height:auto;margin-top:19px;padding:13px 12px;border:1px solid #e3d3f2;border-radius:10px;background:#fffffff2;color:#7344ad;font-family:Onest-Bold,Arial,sans-serif;font-size:11px;text-decoration:none}
#tb-signage .sg-factory-gallery a.sg-factory-project-link>span{position:static;display:inline;width:auto;height:auto;background:none;border:0;color:inherit;font-size:18px}
#tb-signage .sg-factory-project-link:hover{box-shadow:0 6px 18px #8059a223}
#tb-signage .sg-delivery-v30 .sg-delivery-art img{filter:drop-shadow(0 15px 18px #4431571c)}
#tb-signage .sg-delivery-v30 .sg-delivery-art{padding-top:10px}
@media(max-width:1000px){
 #tb-signage .sg-quality-v30 .sg-quality-copy{padding:27px 24px 0}
 #tb-signage .sg-quality-v30 .sg-real-sign{margin:20px 19px 0}
 #tb-signage .sg-quality-v30 .sg-warranty-number{font-size:86px}
 #tb-signage .sg-certificate-display{margin:25px 18px 20px;padding:20px 14px 17px}
 #tb-signage .sg-certificate-heading{font-size:14px}
 #tb-signage .sg-certificate-papers{gap:9px;padding:25px 0 20px}
 #tb-signage .sg-certificate-papers figure{padding:4px}
 #tb-signage .sg-certificate-bottom{margin:0 24px;padding-top:12px}
 #tb-signage .sg-certificate-bottom strong{font-size:14px}
 #tb-signage .sg-certificate-seal{width:42px;height:42px;font-size:22px;border-radius:14px}
 #tb-signage .sg-factory-project{padding:17px 14px}
 #tb-signage .sg-factory-project-copy{max-width:79%}
 #tb-signage .sg-factory-project h3{font-size:19px}
}
@media(max-width:700px){
 #tb-signage .sg-quality-v30 .sg-quality-copy{padding:28px 24px 0}
 #tb-signage .sg-quality-v30 .sg-real-sign{margin:20px 18px 15px;border-radius:15px}
 #tb-signage .sg-quality-v30 .sg-real-sign img{max-height:none}
 #tb-signage .sg-quality-v30 .sg-quality-footer{margin:0 24px;padding:15px 0 23px}
 #tb-signage .sg-certificate-display{margin:25px 20px 22px;padding:22px 15px 17px}
 #tb-signage .sg-certificate-papers{gap:12px;padding:28px 0 22px}
 #tb-signage .sg-certificate-bottom{padding:7px 0 25px;margin:0 24px}
 #tb-signage .sg-factory-project{grid-column:1/-1;min-height:210px;padding:23px}
 #tb-signage .sg-factory-project-copy{max-width:64%}
 #tb-signage .sg-factory-project h3{font-size:25px}
 #tb-signage .sg-factory-project .sg-kicker{font-size:9px}
 #tb-signage .sg-factory-project-copy>p:not(.sg-kicker){font-size:12px;max-width:210px}
 #tb-signage .sg-factory-gallery .sg-factory-project>img{width:55%;right:-9%;top:-3%}
 #tb-signage .sg-factory-gallery a.sg-factory-project-link{padding:13px 15px;font-size:12px}
}
@media(max-width:360px){
 #tb-signage .sg-certificate-display{margin-left:15px;margin-right:15px;padding-left:11px;padding-right:11px}
 #tb-signage .sg-certificate-papers{gap:8px}
 #tb-signage .sg-certificate-heading{font-size:13px}
 #tb-signage .sg-factory-project{padding:20px}
 #tb-signage .sg-factory-project-copy{max-width:70%}
}

/* source: manager-v31.css */
/* Kristina portrait: scoped to the manager section only. */
#tb-signage #sg-manager .sg-person-photo{
 position:relative;isolation:isolate;display:block;
 width:min(270px,100%);height:auto;aspect-ratio:4/5;min-height:0;
 margin:0 auto 24px;border:0;border-radius:0;overflow:visible;
 background:none;box-shadow:none;
}
#tb-signage #sg-manager .sg-person-photo::before{
 content:"";position:absolute;z-index:0;inset:48px 0 0;
 border-radius:145px 145px 32px 32px;
 background:radial-gradient(ellipse at 32% 16%,#e7d9ff 0,transparent 64%),linear-gradient(145deg,#d8c0ff,#a574e6 65%,#8b57d0);
 border:1px solid #ffffffb3;
 box-shadow:inset 0 2px 2px #ffffffa6,inset -8px -8px 18px #65359b20,12px 22px 35px #7046a32b;
 transform:none;
}
#tb-signage #sg-manager .sg-person-photo::after{
 content:"";position:absolute;z-index:0;left:15%;right:15%;bottom:-10px;height:16px;
 border-radius:50%;background:#74429b38;filter:blur(9px);
}
#tb-signage #sg-manager .sg-person-photo img{
 position:relative;z-index:1;display:block;width:100%;height:100%;max-width:100%;
 object-fit:contain;object-position:center bottom;
 filter:drop-shadow(7px 6px 9px #452e6338);transform:none;border-radius:0 0 32px 32px;
}
#tb-signage #sg-manager .sg-manager-portrait-note{
 display:block;margin:-7px 0 14px;color:#897696;font-size:10px;line-height:1.4;
}
@media(min-width:1200px){
 #tb-signage #sg-manager{grid-template-columns:270px minmax(0,1fr);column-gap:48px}
}
@media(max-width:700px){
 #tb-signage #sg-manager .sg-manager-person{display:flex;flex-direction:column;text-align:center;gap:0}
 #tb-signage #sg-manager .sg-person-photo{width:200px;height:auto;aspect-ratio:4/5;grid-row:auto;margin:0 auto 22px}
 #tb-signage #sg-manager .sg-person-photo::before{inset:35px 0 0;border-radius:110px 110px 24px 24px}
 #tb-signage #sg-manager .sg-person-photo img{border-radius:0 0 24px 24px}
 #tb-signage #sg-manager .sg-manager-person>strong{align-self:auto;font-size:26px;margin-bottom:5px}
 #tb-signage #sg-manager .sg-manager-person>span{font-size:14px}
 #tb-signage #sg-manager .sg-manager-person>p{align-self:auto;max-width:260px;margin:12px auto 0;font-size:13px}
 #tb-signage #sg-manager .sg-manager-portrait-note{font-size:10px;margin-bottom:12px}
}

/* source: certificates-v31.css */
/* Document previews: scoped to the Surgut signage template. */
#tb-signage .sg-certified .sg-certificate-link{display:block;position:relative;border-radius:2px;outline-offset:5px}
#tb-signage .sg-certified .sg-certificate-link:focus-visible{outline:2px solid #854cdd}
#tb-signage .sg-certified .sg-certificate-zoom{position:absolute;right:4px;bottom:4px;display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#ffffffed;color:#6538a8;font-size:18px;box-shadow:0 2px 8px #45255826}
#tb-signage .sg-certified .sg-certificate-archive{margin:8px 0 0;font-size:11px;line-height:1.5;text-align:center;color:#806d91}
@media(max-width:560px){#tb-signage .sg-certified .sg-certificate-archive{font-size:11px}}

/* source: prices-v30.css */
/* Prices v30: product-first comparison, existing rates and lead transport. */
#tb-signage .sg-prices-v30 .sg-section-head{grid-template-columns:1.2fr 1fr;gap:48px;margin-bottom:30px}
#tb-signage .sg-prices-v30 .sg-section-head>p{font-size:16px;line-height:1.65;max-width:470px;margin:0}
#tb-signage .sg-prices-v30 .p30-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
#tb-signage .sg-prices-v30 .p30-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:25px 26px 22px;border:1px solid #e5d9f0;border-radius:28px;background:linear-gradient(155deg,#fff 45%,#f7f0fc);box-shadow:0 10px 32px #43245208;overflow:hidden}
#tb-signage .sg-prices-v30 .p30-card-letters{color:#fff;border-color:#44334f;background:radial-gradient(ellipse at 80% 23%,#78519d70,transparent 42%),linear-gradient(140deg,#3c294a,#231a2a);box-shadow:0 14px 36px #3921431a}
#tb-signage .sg-prices-v30 .p30-card-box{background:radial-gradient(ellipse at 75% 23%,#ffe3c670,transparent 47%),linear-gradient(155deg,#fff 45%,#fff6ed);border-color:#efddcb}
#tb-signage .sg-prices-v30 .p30-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:30px;color:#8c61ac;font:10px/1.4 Onest-Bold,Arial,sans-serif;text-transform:uppercase;letter-spacing:.085em}
#tb-signage .sg-prices-v30 .p30-card-letters .p30-topline{color:#cdb3e5}
#tb-signage .sg-prices-v30 .p30-index{display:grid;place-items:center;flex:0 0 29px;height:29px;border:1px solid #bb9ad83d;border-radius:50%;font-size:10px;letter-spacing:0}
#tb-signage .sg-prices-v30 .p30-art{position:relative;display:grid;place-items:center;height:190px;margin:0 -12px 12px;isolation:isolate;pointer-events:none}
#tb-signage .sg-prices-v30 .p30-art:before{content:"";position:absolute;left:10%;right:10%;bottom:4px;height:38px;border:1px solid #cbb6df5e;border-radius:50%;background:linear-gradient(#ffffff14,#9c72cb16);transform:rotate(-5deg);z-index:-1}
#tb-signage .sg-prices-v30 .p30-card-letters .p30-art:before{border-color:#c09cdb38;background:linear-gradient(#f1dfff0a,#c092ff19)}
#tb-signage .sg-prices-v30 .p30-art .sg-object{width:210px;max-width:100%;filter:drop-shadow(0 13px 9px #34174427)}
#tb-signage .sg-prices-v30 .p30-art-box img{display:block;position:static;width:270px;max-width:96%;height:auto;aspect-ratio:768/375;object-fit:contain;transform:rotate(-5deg);filter:drop-shadow(0 17px 11px #67412426)}
#tb-signage .sg-prices-v30 .p30-art-panel .sg-object{width:200px;transform:rotate(4deg)}
#tb-signage .sg-prices-v30 .p30-card h3{min-height:58px;margin:8px 0 16px;color:#2b2530;font:26px/1.13 Onest-ExtraBold,Arial,sans-serif;letter-spacing:-.035em}
#tb-signage .sg-prices-v30 .p30-card-letters h3{color:#fff}
#tb-signage .sg-prices-v30 .p30-rate{min-height:100px;margin-bottom:19px;padding-bottom:18px;border-bottom:1px solid #d8c9e562}
#tb-signage .sg-prices-v30 .p30-rate>p{display:flex;align-items:baseline;gap:7px;margin:0 0 7px;color:#382740;line-height:1;white-space:nowrap}
#tb-signage .sg-prices-v30 .p30-rate>p>span{font-size:15px}
#tb-signage .sg-prices-v30 .p30-rate>p>strong{font:54px/.95 Onest-ExtraBold,Arial,sans-serif;letter-spacing:-.045em}
#tb-signage .sg-prices-v30 .p30-rate>p>b{font:25px/1 Onest-Bold,Arial,sans-serif}
#tb-signage .sg-prices-v30 .p30-rate>span{display:block;font-size:13px;line-height:1.4;color:#7f6d8b}
#tb-signage .sg-prices-v30 .p30-card-letters .p30-rate{border-bottom-color:#d6b8f32b}
#tb-signage .sg-prices-v30 .p30-card-letters .p30-rate>p{color:#ffc279}
#tb-signage .sg-prices-v30 .p30-card-letters .p30-rate>span{color:#d3bfdc}
#tb-signage .sg-prices-v30 .p30-rate-custom>p>strong{font-size:26px;line-height:1.08;letter-spacing:-.03em}
#tb-signage .sg-prices-v30 .p30-facts{margin-bottom:19px}
#tb-signage .sg-prices-v30 .p30-facts>p{margin:0 0 9px;color:#786781;font-size:12px;line-height:1.4}
#tb-signage .sg-prices-v30 .p30-facts ul{display:grid;gap:7px;margin:0;padding:0;list-style:none}
#tb-signage .sg-prices-v30 .p30-facts li{display:flex;align-items:baseline;gap:8px;color:#4e4258;font-size:13px;line-height:1.45;list-style:none}
#tb-signage .sg-prices-v30 .p30-facts li:before{content:"✓";flex:none;color:#9360c8;font-family:Onest-Bold,Arial,sans-serif}
#tb-signage .sg-prices-v30 .p30-card-letters .p30-facts>p{color:#bba8c7}
#tb-signage .sg-prices-v30 .p30-card-letters .p30-facts li{color:#ede4f4}
#tb-signage .sg-prices-v30 .p30-card-letters .p30-facts li:before{color:#ffbf79}
#tb-signage .sg-prices-v30 .p30-example{margin-top:auto;padding:13px 14px;border:1px solid #e0d3ed87;border-radius:14px;background:#ffffffb5}
#tb-signage .sg-prices-v30 .p30-example>span{display:block;margin-bottom:5px;color:#8b709d;font-size:10px;line-height:1.4;letter-spacing:.045em;text-transform:uppercase}
#tb-signage .sg-prices-v30 .p30-example>strong{display:block;color:#44334f;font:17px/1.35 Onest-Bold,Arial,sans-serif;letter-spacing:-.025em}
#tb-signage .sg-prices-v30 .p30-example>p{margin:5px 0 0;color:#86778d;font-size:11px;line-height:1.45}
#tb-signage .sg-prices-v30 .p30-card-letters .p30-example{border-color:#d8bae72e;background:#ffffff0a}
#tb-signage .sg-prices-v30 .p30-card-letters .p30-example>span{color:#c2a9d4}
#tb-signage .sg-prices-v30 .p30-card-letters .p30-example>strong{color:#fff0dd}
#tb-signage .sg-prices-v30 .p30-card-letters .p30-example>p{color:#c0afcb}
#tb-signage .sg-prices-v30 .p30-service{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;margin-top:16px;color:#7744ab;font:13px/1.4 Onest-Bold,Arial,sans-serif;text-decoration:none;border-top:1px solid #e5d9ee;padding-top:8px}
#tb-signage .sg-prices-v30 .p30-service>span{font-size:23px;transition:transform .2s}
#tb-signage .sg-prices-v30 .p30-service:hover>span{transform:translate(3px,-2px)}
#tb-signage .sg-prices-v30 .p30-card-letters .p30-service{color:#e3c6fa;border-color:#d8bbe428}
#tb-signage .sg-prices-v30 .p30-service:focus-visible{outline:3px solid #ba92df;outline-offset:4px;border-radius:4px}
#tb-signage .sg-prices-v30 .p30-art-note{margin:12px 0 0;color:#928499;font-size:11px;line-height:1.45;text-align:right}
#tb-signage .sg-prices-v30 .p30-estimate{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:48px;align-items:center;margin-top:26px;padding:30px 34px;border:1px solid #e3d5ee;border-radius:25px;background:radial-gradient(ellipse at 100% 100%,#ffe8d689,transparent 65%),linear-gradient(105deg,#eee3f7,#faf7fc)}
#tb-signage .sg-prices-v30 .p30-eyebrow{margin:0 0 12px;color:#9167af;font:10px/1.4 Onest-Bold,Arial,sans-serif;letter-spacing:.085em;text-transform:uppercase}
#tb-signage .sg-prices-v30 .p30-estimate-copy h3{margin:0 0 14px;font:28px/1.15 Onest-ExtraBold,Arial,sans-serif;letter-spacing:-.03em;color:#302536}
#tb-signage .sg-prices-v30 .p30-estimate-copy h3 em{font:inherit;font-style:normal;color:#8050b9}
#tb-signage .sg-prices-v30 .p30-estimate-copy>p:last-child{margin:0;color:#817088;font-size:13px;line-height:1.65;max-width:530px}
#tb-signage .sg-prices-v30 .p30-free{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:19px;color:#64506f}
#tb-signage .sg-prices-v30 .p30-free>strong{font:16px/1.2 Onest-Bold,Arial,sans-serif;color:#4d345f}
#tb-signage .sg-prices-v30 .p30-free ul{display:flex;gap:8px;flex-wrap:wrap;list-style:none;margin:0;padding:0}
#tb-signage .sg-prices-v30 .p30-free li{list-style:none;padding:6px 9px;border-radius:9px;background:#ffffffb3;font-size:12px;line-height:1.25;white-space:nowrap}
#tb-signage .sg-prices-v30 .p30-free li:before{content:"✓";color:#9965bd;margin-right:5px}
#tb-signage .sg-prices-v30 .p30-estimate-action .sg-btn{width:100%;min-height:62px;gap:20px;font-size:16px;border-radius:14px;text-decoration:none}
#tb-signage .sg-prices-v30 .p30-estimate-action>p{margin:12px 0 0;color:#887294;font-size:12px;line-height:1.45;text-align:center}
#tb-signage .sg-prices-v30 .p30-note{max-width:940px;margin:20px 0 0;color:#918a94;font-size:11px;line-height:1.65}
@media(max-width:1100px){
 #tb-signage .sg-prices-v30 .p30-card{padding:20px 19px 16px;border-radius:24px}
 #tb-signage .sg-prices-v30 .p30-products{gap:14px}
 #tb-signage .sg-prices-v30 .p30-card h3{font-size:24px;min-height:55px}
 #tb-signage .sg-prices-v30 .p30-rate>p>strong{font-size:48px}
 #tb-signage .sg-prices-v30 .p30-rate-custom>p>strong{font-size:23px}
 #tb-signage .sg-prices-v30 .p30-facts li{font-size:12px}
 #tb-signage .sg-prices-v30 .p30-example>strong{font-size:15px}
 #tb-signage .sg-prices-v30 .p30-service{font-size:12px}
 #tb-signage .sg-prices-v30 .p30-estimate{gap:28px;padding:27px}
}
@media(max-width:850px){
 #tb-signage .sg-prices-v30 .sg-section-head{grid-template-columns:1fr;gap:18px}
 #tb-signage .sg-prices-v30 .sg-section-head>p{max-width:580px;font-size:15px}
 #tb-signage .sg-prices-v30 .p30-products{grid-template-columns:1fr;gap:18px}
 #tb-signage .sg-prices-v30 .p30-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:25px;padding:24px}
 #tb-signage .sg-prices-v30 .p30-topline{grid-column:1;grid-row:1;align-self:start}
 #tb-signage .sg-prices-v30 .p30-art{grid-column:1;grid-row:2/5;height:215px;margin:0}
 #tb-signage .sg-prices-v30 .p30-card h3{grid-column:2;grid-row:1/3;min-height:0;margin:0 0 14px;font-size:25px}
 #tb-signage .sg-prices-v30 .p30-rate{grid-column:2;grid-row:3;min-height:0;margin-bottom:13px;padding-bottom:14px}
 #tb-signage .sg-prices-v30 .p30-facts{grid-column:2;grid-row:4;margin-bottom:15px}
 #tb-signage .sg-prices-v30 .p30-example{grid-column:1/3;grid-row:5;margin:10px 0 0}
 #tb-signage .sg-prices-v30 .p30-service{grid-column:1/3;grid-row:6;margin-top:12px}
 #tb-signage .sg-prices-v30 .p30-estimate{grid-template-columns:1fr;gap:23px}
 #tb-signage .sg-prices-v30 .p30-estimate-copy>p:last-child{max-width:none}
 #tb-signage .sg-prices-v30 .p30-free{justify-content:center}
}
@media(max-width:540px){
 #tb-signage .sg-prices-v30 .sg-section-head{margin-bottom:22px}
 #tb-signage .sg-prices-v30 .sg-section-head>p{font-size:14px}
 #tb-signage .sg-prices-v30 .p30-card{display:flex;padding:22px;gap:0}
 #tb-signage .sg-prices-v30 .p30-topline{align-self:stretch;font-size:10px}
 #tb-signage .sg-prices-v30 .p30-art{height:165px;margin:0 0 10px}
 #tb-signage .sg-prices-v30 .p30-art .sg-object{width:195px}
 #tb-signage .sg-prices-v30 .p30-art-box img{width:240px;max-width:92%}
 #tb-signage .sg-prices-v30 .p30-art-panel .sg-object{width:178px}
 #tb-signage .sg-prices-v30 .p30-card h3{min-height:0;margin:12px 0 17px;font-size:26px}
 #tb-signage .sg-prices-v30 .p30-card h3 br{display:none}
 #tb-signage .sg-prices-v30 .p30-rate{min-height:0;padding-bottom:17px;margin-bottom:16px}
 #tb-signage .sg-prices-v30 .p30-rate>p>strong{font-size:50px}
 #tb-signage .sg-prices-v30 .p30-rate-custom>p>strong{font-size:26px}
 #tb-signage .sg-prices-v30 .p30-rate-custom>p>strong br{display:none}
 #tb-signage .sg-prices-v30 .p30-rate-custom>p{white-space:normal}
 #tb-signage .sg-prices-v30 .p30-facts{margin-bottom:16px}
 #tb-signage .sg-prices-v30 .p30-facts li{font-size:13px}
 #tb-signage .sg-prices-v30 .p30-example{margin-top:0}
 #tb-signage .sg-prices-v30 .p30-example>strong{font-size:17px}
 #tb-signage .sg-prices-v30 .p30-service{font-size:13px;margin-top:14px}
 #tb-signage .sg-prices-v30 .p30-art-note{text-align:left;font-size:10px}
 #tb-signage .sg-prices-v30 .p30-estimate{padding:22px;border-radius:22px;margin-top:20px}
 #tb-signage .sg-prices-v30 .p30-estimate-copy h3{font-size:26px}
 #tb-signage .sg-prices-v30 .p30-estimate-action .sg-btn{font-size:14px;gap:14px;padding:17px 14px}
 #tb-signage .sg-prices-v30 .p30-free{justify-content:flex-start;gap:10px}
 #tb-signage .sg-prices-v30 .p30-free>strong{font-size:15px}
 #tb-signage .sg-prices-v30 .p30-free ul{gap:5px}
 #tb-signage .sg-prices-v30 .p30-free li{font-size:11px;padding:6px 8px}
}
@media(prefers-reduced-motion:reduce){#tb-signage .sg-prices-v30 .p30-service>span{transition:none}#tb-signage .sg-prices-v30 .p30-service:hover>span{transform:none}}

/* source: form-contacts-v22.css */
#tb-signage .sg-message-choice a.sg-contact-phone{flex:1 0 100%;box-sizing:border-box;min-width:0;max-width:100%;white-space:nowrap;background:#fff;color:#383044;border-color:#d8ceeb;font-variant-numeric:tabular-nums}
#tb-signage #sg-order .sg-message-choice a.sg-contact-phone{grid-column:1/-1;font-size:14px;background:#fff;color:#383044;border-color:#d8ceeb}
.sg-form-contact-options{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;width:100%;box-sizing:border-box;font:13px/1.4 Onest,Arial,sans-serif}
.sg-form-contact-options>span{flex-basis:100%;color:#655d70}
.sg-form-contact-options>a{display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:0;min-height:44px;flex:1 1 140px;padding:10px 12px;border:1px solid #d8ceeb;border-radius:12px;background:#f1eafa;color:#5e32a5;text-decoration:none;font-weight:600;white-space:nowrap}
.sg-form-contact-options>a.sg-contact-telegram{background:#eaf7fe;border-color:#c6e7f7;color:#137ca5}
.sg-form-contact-options>a.sg-contact-phone{flex-basis:100%;background:#fff;color:#383044;font-size:16px;font-variant-numeric:tabular-nums}
.sg-form-contact-options>a:focus-visible,#tb-signage .sg-message-choice a.sg-contact-phone:focus-visible{outline:3px solid #9655df;outline-offset:3px}

/* Phone numbers stay plain inside the tracking link; presentation surrounds it. */
#tb-signage .sg-message-choice .sg-contact-call,.sg-form-contact-options .sg-contact-call{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr) 20px;align-items:center;gap:12px;flex:1 0 100%;grid-column:1/-1;box-sizing:border-box;min-width:0;width:100%;padding:12px 15px;border:1px solid #e3ddea;border-radius:14px;background:linear-gradient(110deg,#fff,#f6f4fa);color:#383044;text-align:left;transition:background .18s,border-color .18s,box-shadow .18s}
#tb-signage .sg-message-choice .sg-contact-call:hover,.sg-form-contact-options .sg-contact-call:hover{border-color:#b9a3d6;box-shadow:0 5px 16px #63419012;background:#f7f4fc}
.sg-contact-call .sg-call-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#9161df,#7042bc);color:#fff}
.sg-contact-call .sg-call-icon svg{display:block;width:21px;height:21px}
.sg-contact-call .sg-call-copy{min-width:0}
.sg-contact-call .sg-call-label{display:block;margin-bottom:3px;font:500 12px/1.2 Onest,Arial,sans-serif;color:#756d80}
#tb-signage #sg-order .sg-message-choice .sg-contact-call a.sg-contact-phone,#tb-signage .sg-message-choice .sg-contact-call a.sg-contact-phone,.sg-form-contact-options .sg-contact-call a.sg-contact-phone{display:block;min-height:0;min-width:0;max-width:100%;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:#302735;font:700 17px/1.3 Onest,Arial,sans-serif;font-variant-numeric:tabular-nums;white-space:nowrap;text-align:left;text-decoration:none;transform:none;outline:none}
.sg-contact-call a.sg-contact-phone:after{content:"";position:absolute;inset:0;border-radius:14px}
.sg-contact-call:focus-within{outline:3px solid #a56dd6;outline-offset:3px}
.sg-contact-call .sg-call-arrow{justify-self:end;font:22px/1 Arial,sans-serif;color:#8659ba}
@media(max-width:360px){#tb-signage .sg-message-choice .sg-contact-call,.sg-form-contact-options .sg-contact-call{grid-template-columns:34px minmax(0,1fr) 16px;gap:9px;padding:11px 12px}.sg-contact-call .sg-call-icon{width:34px;height:34px}#tb-signage #sg-order .sg-message-choice .sg-contact-call a.sg-contact-phone,#tb-signage .sg-message-choice .sg-contact-call a.sg-contact-phone,.sg-form-contact-options .sg-contact-call a.sg-contact-phone{font-size:15px}}
@media(prefers-reduced-motion:reduce){#tb-signage .sg-message-choice .sg-contact-call,.sg-form-contact-options .sg-contact-call{transition:none}}

/* source: portraits-v32.css */
/* Existing photographs; depth is provided by framing, light and shadows. */
#tb-signage #sg-consult .sg-consult-art{height:500px;min-width:0;align-self:center}
#tb-signage #sg-consult .sg-consult-person{top:18px;right:2%;width:330px;max-width:95%;padding:22px 20px 25px;display:block;text-align:center;transform:rotate(2deg);border-radius:30px;background:linear-gradient(145deg,rgba(205,177,248,.24),rgba(93,60,120,.3));border:1px solid rgba(223,205,255,.3);box-shadow:10px 13px 0 #21142e,12px 15px 0 rgba(218,191,253,.17),0 30px 55px rgba(12,6,20,.38),inset 0 1px 0 rgba(255,255,255,.2)}
#tb-signage #sg-consult .sg-consult-person img{display:block;width:286px;height:auto;max-width:100%;margin:0 auto 19px;border-radius:50%;border:6px solid rgba(219,192,255,.26);box-shadow:0 12px 0 rgba(30,14,48,.55),0 24px 28px rgba(10,5,20,.3),inset 0 1px 0 #fff;aspect-ratio:1;object-fit:cover}
#tb-signage #sg-consult .sg-consult-person strong{font-size:30px;line-height:1.2}
#tb-signage #sg-consult .sg-consult-person span{font-size:14px;line-height:1.5;margin-top:8px;display:block}
#tb-signage #sg-consult .sg-consult-blueprint{left:-12px;bottom:0;width:152px;height:124px;z-index:2}
#tb-signage #sg-consult .sg-consult-blueprint .sg-object{width:138px;height:112px;left:7px;top:-22px}
#tb-signage #sg-consult .sg-consult-blueprint small{font-size:10px}
#tb-signage #sg-consult .sg-consult-arrow{top:0;left:0}
#tb-signage .sg-faq-person.sg-faq-person-maria{display:grid;grid-template-columns:174px minmax(0,1fr);gap:26px;align-items:center;margin:0 0 28px;padding-top:6px}
#tb-signage .sg-maria-portrait{position:relative;padding:7px;border:1px solid #d7c6ea;border-radius:26px;background:linear-gradient(145deg,#fff,#eadbf9);transform:rotate(-3deg);box-shadow:7px 9px 0 #d9c5ed,0 20px 30px rgba(76,43,106,.17);min-width:0}
#tb-signage .sg-faq-person.sg-faq-person-maria .sg-maria-portrait img{display:block;width:100%;height:auto;aspect-ratio:184/240;object-fit:cover;border-radius:19px;background:#ece4f6}
#tb-signage .sg-faq-person.sg-faq-person-maria strong{font-size:25px;line-height:1.2}
#tb-signage .sg-faq-person.sg-faq-person-maria span{font-size:14px;line-height:1.5;margin-top:12px}
@media(min-width:901px) and (max-width:1120px){#tb-signage #sg-consult .sg-consult-person{width:280px;padding:19px 16px}#tb-signage #sg-consult .sg-consult-art{height:450px}#tb-signage .sg-faq-person.sg-faq-person-maria{grid-template-columns:144px minmax(0,1fr);gap:20px}#tb-signage .sg-faq-person.sg-faq-person-maria strong{font-size:22px}}
@media(max-width:900px){#tb-signage #sg-consult .sg-consult-art{height:460px;width:100%;max-width:380px;margin:8px auto 0}#tb-signage #sg-consult .sg-consult-person{width:310px;right:calc((100% - 310px)/2);top:4px}#tb-signage #sg-consult .sg-consult-person img{width:260px}#tb-signage #sg-consult .sg-consult-blueprint{bottom:0;left:2px}#tb-signage .sg-faq-person.sg-faq-person-maria{grid-template-columns:174px minmax(0,1fr)}}
@media(max-width:480px){#tb-signage #sg-consult .sg-consult-art{height:425px;max-width:310px}#tb-signage #sg-consult .sg-consult-person{width:270px;max-width:calc(100% - 18px);right:9px;padding:17px 15px 23px}#tb-signage #sg-consult .sg-consult-person img{width:232px;margin-bottom:20px}#tb-signage #sg-consult .sg-consult-person strong{font-size:27px}#tb-signage #sg-consult .sg-consult-person span{font-size:13px}#tb-signage #sg-consult .sg-consult-blueprint{width:120px;height:98px;bottom:0;left:2px}#tb-signage #sg-consult .sg-consult-blueprint .sg-object{width:108px;height:90px;left:6px;top:-15px}#tb-signage #sg-consult .sg-consult-blueprint small{font-size:8px}#tb-signage .sg-faq-person.sg-faq-person-maria{grid-template-columns:1fr;gap:23px;text-align:center;margin-bottom:20px}#tb-signage .sg-faq-person.sg-faq-person-maria .sg-maria-portrait{width:180px;max-width:80%;justify-self:center}#tb-signage .sg-faq-person.sg-faq-person-maria strong{font-size:24px}#tb-signage .sg-faq-person.sg-faq-person-maria span{font-size:14px;margin-top:8px}}
@media(max-width:360px){#tb-signage #sg-consult .sg-consult-art{height:395px}#tb-signage #sg-consult .sg-consult-person{width:240px}#tb-signage #sg-consult .sg-consult-person img{width:204px}#tb-signage #sg-consult .sg-consult-person span{font-size:12px}}
/* Use Oleg's original rectangular team portrait, without the circular graphic. */
#tb-signage #sg-consult .sg-consult-art{height:540px}
#tb-signage #sg-consult .sg-consult-person{width:310px;max-width:95%;padding:16px 16px 22px;transform:rotate(1deg)}
#tb-signage #sg-consult .sg-consult-person img{width:276px;max-width:100%;height:auto;aspect-ratio:184/240;border-radius:22px;border:1px solid rgba(255,255,255,.36);margin:0 auto 22px;box-shadow:0 10px 0 rgba(30,14,48,.42),0 18px 25px rgba(10,5,20,.28)}
#tb-signage #sg-consult .sg-consult-blueprint{display:none}
@media(min-width:901px) and (max-width:1120px){#tb-signage #sg-consult .sg-consult-person{width:270px}#tb-signage #sg-consult .sg-consult-art{height:500px}}
@media(max-width:900px){#tb-signage #sg-consult .sg-consult-art{height:525px;max-width:350px}#tb-signage #sg-consult .sg-consult-person{width:290px;right:calc((100% - 290px)/2)}#tb-signage #sg-consult .sg-consult-person img{width:256px}}
@media(max-width:480px){#tb-signage #sg-consult .sg-consult-art{height:475px;max-width:310px}#tb-signage #sg-consult .sg-consult-person{width:260px;right:calc((100% - 260px)/2);padding:14px 14px 21px}#tb-signage #sg-consult .sg-consult-person img{width:230px}#tb-signage #sg-consult .sg-consult-person strong{font-size:27px}}
@media(max-width:360px){#tb-signage #sg-consult .sg-consult-art{height:440px}#tb-signage #sg-consult .sg-consult-person{width:240px;right:calc((100% - 240px)/2)}#tb-signage #sg-consult .sg-consult-person img{width:210px}}
#tb-signage #sg-consult .sg-consult-orbit,#tb-signage #sg-consult .sg-consult-arrow{display:none}

/* source: portraits-v33.css */
/* Cutout portraits with light and silhouette shadows. */
#tb-signage .sg-faq{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:28px 44px;align-items:stretch}
#tb-signage .sg-faq-heading{grid-column:1/-1;grid-row:1;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,.7fr);gap:12px 36px;align-items:end}
#tb-signage .sg-faq-heading .sg-kicker{grid-column:1/-1;margin:0}
#tb-signage .sg-faq-heading h2{font-size:clamp(34px,3.5vw,49px);margin:0;line-height:1.1}
#tb-signage .sg-faq-heading>p:not(.sg-kicker){margin:0;padding-bottom:5px;max-width:350px}
#tb-signage .sg-faq-contact{grid-column:1;grid-row:2;margin-top:0;align-self:stretch;padding-top:0;overflow:visible}
#tb-signage .sg-faq-questions{grid-column:2;grid-row:2;align-self:stretch;display:flex;flex-direction:column}
#tb-signage .sg-faq-questions details{flex:1;display:flex;flex-direction:column;justify-content:center;padding:18px 0}
#tb-signage .sg-faq-person.sg-faq-person-maria{grid-template-columns:minmax(0,230px) minmax(0,1fr);gap:16px;align-items:center;margin:0 -6px 15px;padding-top:0}
#tb-signage .sg-faq-person.sg-faq-person-maria .sg-maria-portrait{width:100%;padding:0;transform:none;border:0;box-shadow:none;border-radius:0;background:none;position:relative;isolation:isolate}
#tb-signage .sg-maria-portrait:before{content:"";position:absolute;inset:30% 8% 5%;background:linear-gradient(135deg,#eee2ff,#e3d1f7);border-radius:38% 44% 20px 20px;z-index:-1;box-shadow:0 16px 28px rgba(101,68,142,.1)}
#tb-signage .sg-faq-person.sg-faq-person-maria .sg-maria-portrait img{width:100%;height:auto;aspect-ratio:720/940;object-fit:contain;border-radius:0;border:0;background:none;position:relative;margin-top:-12px;filter:drop-shadow(10px 12px 9px rgba(55,23,88,.22))}
#tb-signage .sg-faq-person.sg-faq-person-maria strong{font-size:24px;line-height:1.15}
#tb-signage .sg-faq-person.sg-faq-person-maria span{font-size:14px;line-height:1.5;margin-top:12px}
#tb-signage #sg-consult .sg-consult-art{height:550px;max-width:430px;width:100%;justify-self:center;align-self:center;position:relative;isolation:isolate}
#tb-signage #sg-consult .sg-consult-art:before{content:"";position:absolute;inset:23% 8% 20%;background:radial-gradient(ellipse,rgba(147,102,204,.3),rgba(147,102,204,0) 72%);z-index:-1}
#tb-signage #sg-consult .sg-consult-person{position:relative;top:auto;right:auto;display:block;width:100%;max-width:none;margin:0;padding:0;text-align:center;transform:none;border:0;border-radius:0;background:none;box-shadow:none}
#tb-signage #sg-consult .sg-consult-person img{display:block;width:360px;max-width:100%;height:auto;aspect-ratio:720/940;object-fit:contain;border:0;border-radius:0;margin:0 auto;background:none;filter:drop-shadow(17px 20px 12px rgba(7,3,14,.43));box-shadow:none;position:relative;z-index:1}
#tb-signage #sg-consult .sg-consult-person figcaption{position:relative;z-index:2;padding:17px 12px 0;margin:0;transform:none;background:none;border:0;box-shadow:none}
#tb-signage #sg-consult .sg-consult-person strong{font-size:30px;line-height:1.2}
#tb-signage #sg-consult .sg-consult-person span{font-size:14px;margin-top:8px}
#tb-signage #sg-consult .sg-consult-orbit,#tb-signage #sg-consult .sg-consult-arrow,#tb-signage #sg-consult .sg-consult-blueprint{display:none}
@media(min-width:851px) and (max-width:1050px){#tb-signage .sg-faq{gap:24px 30px}#tb-signage .sg-faq-person.sg-faq-person-maria{grid-template-columns:minmax(0,190px) minmax(0,1fr);gap:10px}#tb-signage .sg-faq-person.sg-faq-person-maria strong{font-size:21px}}
@media(max-width:900px){#tb-signage #sg-consult .sg-consult-art{height:auto;margin:15px auto 0;max-width:360px}#tb-signage #sg-consult .sg-consult-person img{width:310px}}
@media(max-width:850px){#tb-signage .sg-faq{grid-template-columns:minmax(0,1fr);gap:24px}#tb-signage .sg-faq-heading{grid-column:1;grid-row:auto;order:0;display:block}#tb-signage .sg-faq-heading .sg-kicker{margin-bottom:12px}#tb-signage .sg-faq-heading h2{font-size:36px;margin-bottom:16px}#tb-signage .sg-faq-heading>p:not(.sg-kicker){max-width:none}#tb-signage .sg-faq-questions{grid-column:1;grid-row:auto;order:1;display:block}#tb-signage .sg-faq-questions details{display:block;padding:19px 0}#tb-signage .sg-faq-contact{grid-column:1;grid-row:auto;order:2;margin:10px 0 0}#tb-signage .sg-faq-person.sg-faq-person-maria{grid-template-columns:minmax(0,230px) minmax(0,1fr);max-width:600px;margin-left:auto;margin-right:auto}}
@media(max-width:480px){#tb-signage .sg-faq-heading h2{font-size:32px}#tb-signage .sg-faq-contact{padding:0 20px 23px}#tb-signage .sg-faq-person.sg-faq-person-maria{grid-template-columns:1fr;gap:12px;text-align:center;margin-bottom:20px}#tb-signage .sg-faq-person.sg-faq-person-maria .sg-maria-portrait{width:230px;max-width:94%;justify-self:center}#tb-signage .sg-faq-person.sg-faq-person-maria strong{font-size:24px}#tb-signage .sg-faq-person.sg-faq-person-maria span{margin-top:8px}#tb-signage #sg-consult .sg-consult-art{height:auto;max-width:300px}#tb-signage #sg-consult .sg-consult-person{width:100%;max-width:none;right:auto}#tb-signage #sg-consult .sg-consult-person img{width:290px}#tb-signage #sg-consult .sg-consult-person strong{font-size:27px}#tb-signage #sg-consult .sg-consult-person span{font-size:13px}}

/* source: portraits-v34.css */
/* Team portrait treatment: matching Kristina and Alexander. */
#tb-signage .sg-faq-person.sg-faq-person-maria{grid-template-columns:minmax(0,260px) minmax(0,1fr);gap:18px;margin:16px -6px 20px}
#tb-signage .sg-faq-person.sg-faq-person-maria .sg-maria-portrait{border-radius:0 0 26px 26px}
#tb-signage .sg-maria-portrait:before{inset:16% 3% 14px;border-radius:48% 48% 26px 26px;background:linear-gradient(140deg,#eee1ff 0%,#b78be9 55%,#824bce 100%);box-shadow:inset 2px 2px 0 rgba(255,255,255,.7),0 14px 22px rgba(80,43,122,.17)}
#tb-signage .sg-faq-person.sg-faq-person-maria .sg-maria-portrait img{aspect-ratio:800/1000;width:100%;height:auto;margin:0;border-radius:0 0 25px 25px;filter:drop-shadow(6px 8px 5px rgba(61,24,93,.19))}
#tb-signage .sg-maria-portrait .sg-portrait-note{position:relative;display:block;margin:6px 0 0;text-align:center;font-size:9px;line-height:1.35;color:#84728e}
#tb-signage #sg-consult .sg-consult-art{height:auto;width:100%;max-width:430px;align-self:center}
#tb-signage #sg-consult .sg-consult-art:before{display:none}
#tb-signage #sg-consult .sg-consult-person{padding:0;isolation:isolate}
#tb-signage #sg-consult .sg-consult-person:before{content:"";position:absolute;inset:14% 3% 64px;z-index:-1;border-radius:48% 48% 32px 32px;background:linear-gradient(140deg,#dcc1ff,#ac7ae1 50%,#8040c5);box-shadow:inset 2px 2px 0 rgba(255,255,255,.4),0 20px 35px rgba(12,4,21,.2)}
#tb-signage #sg-consult .sg-consult-person img{width:100%;height:auto;aspect-ratio:800/1000;border-radius:0 0 28px 28px;filter:drop-shadow(9px 12px 8px rgba(21,8,33,.3))}
#tb-signage #sg-consult .sg-consult-person figcaption{width:90%;margin:-14px auto 0;padding:17px 18px 16px;background:#fff;border-radius:20px;box-shadow:0 8px 0 #b79acf,0 17px 26px rgba(16,6,27,.16);text-align:left}
#tb-signage #sg-consult .sg-consult-person strong{color:#30213d;font-size:29px}
#tb-signage #sg-consult .sg-consult-person figcaption span{color:#7d6c8d;font-size:13px;line-height:1.5;margin-top:5px}
#tb-signage #sg-consult .sg-consult-person .sg-portrait-note{display:block;color:#c9b4dc;margin:18px 0 0;font-size:10px;line-height:1.4}
@media(min-width:851px) and (max-width:1050px){#tb-signage .sg-faq-person.sg-faq-person-maria{grid-template-columns:minmax(0,210px) minmax(0,1fr);gap:12px}#tb-signage .sg-faq-person.sg-faq-person-maria strong{font-size:21px}}
@media(max-width:900px){#tb-signage #sg-consult .sg-consult-art{max-width:350px;margin:24px auto 0}#tb-signage #sg-consult .sg-consult-person img{width:100%}}
@media(max-width:850px){#tb-signage .sg-faq-person.sg-faq-person-maria{grid-template-columns:minmax(0,260px) minmax(0,1fr);margin:16px auto 20px}}
@media(max-width:480px){#tb-signage .sg-faq-person.sg-faq-person-maria{grid-template-columns:1fr;gap:15px;margin:16px 0 20px}#tb-signage .sg-faq-person.sg-faq-person-maria .sg-maria-portrait{width:260px;max-width:100%}#tb-signage .sg-faq-person.sg-faq-person-maria strong{font-size:24px}#tb-signage #sg-consult .sg-consult-art{max-width:310px}#tb-signage #sg-consult .sg-consult-person figcaption{padding:14px 16px;border-radius:16px}#tb-signage #sg-consult .sg-consult-person strong{font-size:27px}#tb-signage #sg-consult .sg-consult-person figcaption span{font-size:12px}}
