/* Shared presentation for the remaining service pages. Home-page grid is in service-grid.css. */
.studio-page{--sp-edge:#abb9d23b;--sp-glass:linear-gradient(135deg,#ffffffdb,#edf2f7c7);--sp-muted:#697588}
.studio-page .sv-wrap{max-width:1200px;padding-inline:32px}
.studio-page .sv-section{padding-block:56px}
.studio-page .sv-section h2{font-size:30px;line-height:1.2;margin:0 0 28px}
.studio-page .sv-hero{isolation:isolate;background:radial-gradient(ellipse at 88% 15%,#b8c9ef24,transparent 55%),radial-gradient(ellipse at 12% 88%,#d6c5ef1a,transparent 50%),var(--color-surface)}
.studio-page .sv-hero-grid{position:relative;z-index:1}
.studio-page .sv-intro :is(h1:not(.page-name),.page-hero-title){max-width:19ch}
.studio-page .sv-intro .sv-lead{margin:28px 0 24px}
.studio-page .sv-facts{background:var(--sp-glass);border-color:var(--sp-edge);box-shadow:inset 0 1px 0 #fff,0 10px 26px #2537500b;backdrop-filter:blur(16px)}
.studio-page .sv-facts>div{font-size:13px}
.studio-page .sv-facts small{font-size:11px;line-height:1.4;margin-top:6px}
.sp-ambient{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.sp-ambient i{position:absolute;display:block;animation:sp-drift 18s ease-in-out infinite alternate;pointer-events:none}
.sp-ambient i:nth-child(1){width:310px;height:310px;border:1px solid #90a8d326;border-radius:50%;left:calc(50% - 790px);top:100px;box-shadow:0 0 0 24px #829bc408}
.sp-ambient i:nth-child(2){width:120px;height:120px;left:47%;top:45px;border:1px solid #a395c92e;border-radius:50%;animation-delay:-7s}
.sp-ambient i:nth-child(3){width:80px;height:80px;left:43%;bottom:45px;border:1px solid #b0a0d532;background:linear-gradient(135deg,#a0b7e415,#c5b4df08);border-radius:22px;rotate:25deg;animation-delay:-11s}
.sp-ambient i:nth-child(4){width:9px;height:9px;left:12%;top:15%;background:#8594ca80;border-radius:50%;animation-delay:-4s}
.studio-page .sv-hero .sp-planner{display:flex;flex-direction:column;min-width:0;border:1px solid var(--sp-edge);border-radius:24px;background:var(--sp-glass);box-shadow:inset 0 1px 0 #fff,0 18px 50px #25374c16;backdrop-filter:blur(24px);overflow:hidden}
.sp-planner-head{padding:18px 20px 14px;flex-shrink:0;color:#eef2ff;background:radial-gradient(ellipse at 90% 5%,#8066b449,transparent 70%),linear-gradient(130deg,#222e45,#302b49)}
.sp-caption{display:flex;align-items:center;gap:9px;font-size:12px;line-height:1.3;font-weight:500}
.sp-symbol{color:#b8c8f5;font-size:20px;line-height:1}
.sp-tag{font-size:9px;border:1px solid #afbfdb38;border-radius:99px;padding:3px 8px;margin-left:auto;color:#bdc9e2;flex:none}
.sp-planner-head>p{font-size:11px;line-height:1.45;margin:10px 0 0;color:#c3cce0;max-width:390px}
.sp-art{height:118px;margin:16px 0 6px;position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;align-items:center;isolation:isolate}
.sp-art-node{position:relative;font-size:9px;color:#d9e1f4;text-align:center;min-width:0}
.sp-art-node i{display:block;position:relative;border-radius:12px;border:1px solid #ccd8ff38;background:linear-gradient(140deg,#bacdff20,#a6a0d515);box-shadow:inset 0 1px 0 #ffffff20,0 6px 15px #11182c15;margin:0 auto 8px;width:100%;height:62px}
.sp-art-node:nth-child(2) i{background:linear-gradient(140deg,#8ca9f345,#b0a3eb24)}
.sp-art-node:nth-child(3) i{background:linear-gradient(140deg,#a99fec45,#9f8dda24)}
.sp-art-node:nth-child(4) i{background:linear-gradient(140deg,#c0a6dc45,#b291c224)}
.sp-art-node i:after{content:'';position:absolute;width:22px;height:22px;border:1px solid #d5dfff80;border-radius:6px;left:50%;top:50%;transform:translate(-50%,-50%)}
.sp-art-pipeline .sp-art-node i{height:78px;border-radius:9px}
.sp-art-pipeline .sp-art-node i:before{content:'';position:absolute;left:10px;right:10px;top:12px;height:4px;background:#cad8ff6e;border-radius:8px;box-shadow:0 13px 0 #cad8ff26,0 26px 0 #cad8ff26}
.sp-art-pipeline .sp-art-node i:after{width:5px;height:5px;border:0;border-radius:50%;left:15px;top:auto;bottom:12px;background:#d4c4ed;transform:none}
.sp-art-funnel{align-items:end;padding:0 4px 5px}
.sp-art-funnel .sp-art-node i{height:86px;border-radius:10px 10px 4px 4px}
.sp-art-funnel .sp-art-node:nth-child(2) i{height:69px}.sp-art-funnel .sp-art-node:nth-child(3) i{height:51px}.sp-art-funnel .sp-art-node:nth-child(4) i{height:35px}
.sp-art-funnel .sp-art-node i:after{width:1px;height:65%;border:0;border-radius:0;background:#e1e7ff30}
.sp-art-workspace,.sp-art-modules{grid-template-columns:repeat(2,1fr);gap:8px}
.sp-art-workspace .sp-art-node,.sp-art-modules .sp-art-node{display:flex;align-items:center;gap:9px;padding:9px;border:1px solid #c2d1f32b;border-radius:11px;background:#afc2ee0d;text-align:left}
.sp-art-workspace .sp-art-node i,.sp-art-modules .sp-art-node i{width:28px;height:28px;margin:0;flex:none;border-radius:7px}
.sp-art-workspace .sp-art-node i:after,.sp-art-modules .sp-art-node i:after{width:12px;height:12px;border-radius:3px}
.sp-art-modules:after{content:'';position:absolute;inset:20px 30px;border:1px dashed #c4cffa35;z-index:-1}
.sp-art-identity{align-items:center;grid-template-columns:1.35fr 1fr 1fr 1fr}
.sp-art-identity .sp-art-node:first-child i{height:79px;display:grid;place-items:center}
.sp-art-identity .sp-art-node:first-child i:after{width:38px;height:38px;border-radius:4px 18px 4px 18px;transform:translate(-50%,-50%) rotate(45deg);left:50%;top:50%;background:linear-gradient(135deg,#b0c6ff,#dcbcec);border:0}
.sp-art-identity .sp-art-node:nth-child(2) i{background:linear-gradient(180deg,#91a9ef 0 33%,#aca0da 33% 66%,#c8acd6 66%);border:0}
.sp-art-identity .sp-art-node:nth-child(2) i:after{display:none}
.sp-art-identity .sp-art-node:nth-child(3) i:after{content:'Aa';border:0;color:#e1e4ff;font:28px Georgia,serif;width:auto;height:auto;top:48%}
.sp-art-browser{border:1px solid #c3d1f32b;border-radius:12px;padding:25px 12px 9px;gap:7px;background:#b2c6f20b}
.sp-art-browser:before{content:'•••';position:absolute;left:12px;top:0;color:#b7c6e4;font-size:18px;letter-spacing:3px}
.sp-art-browser .sp-art-node i{height:50px;border-radius:6px}.sp-art-browser .sp-art-node i:after{width:65%;height:2px;border:0;background:#d4dfff60;box-shadow:0 7px 0 #d4dfff30}
.sp-art-catalog .sp-art-node i{height:50px;border-radius:8px}
.sp-art-catalog:before{content:'';position:absolute;left:10%;right:10%;top:10px;height:28px;border:1px solid #c3d1f344;border-bottom:0;border-radius:9px 9px 0 0;z-index:-1}
.sp-art-catalog .sp-art-node:nth-child(odd){translate:0 12px}
.sp-art-product .sp-art-node i{border-radius:10px;height:73px}
.sp-art-product .sp-art-node i:after{width:27px;height:36px;border-radius:6px 6px 10px 10px;background:linear-gradient(110deg,#c8d7ff40,#a4b5e110);box-shadow:3px 3px 9px #101b3533}
.sp-art-reputation .sp-art-node i:after{width:28px;height:21px;border-radius:7px 7px 7px 0}
.sp-art-reputation .sp-art-node:nth-child(2) i:after{border-radius:50% 50% 50% 0;rotate:-45deg;width:20px;height:20px;top:28%;left:30%;transform:none}
.sp-art-reputation .sp-art-node:nth-child(3) i:after{content:'★';border:0;font-style:normal;font-size:25px;line-height:1;color:#c7c5ff}
.sp-planner-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:10px;flex:1;min-height:0}
.studio-page .sp-planner .sv-plan-options{border:0;padding:0;margin:0;display:grid;gap:3px;min-width:0}
.sp-planner .sv-plan-options legend{font-size:12px;font-weight:600;padding:0;margin-bottom:8px}
.sp-planner .sv-plan-options label{padding:7px 8px;font-size:12px;line-height:1.2;gap:8px;transition:background .2s}
.sp-planner .sv-plan-options label:hover{background:#8195bd12}
.sp-planner .sv-plan-options small{font-size:11px}
.sp-planner .sv-plan-options input{width:15px;height:15px}
.sp-summary{padding:12px 13px;border:1px solid var(--sp-edge);border-radius:13px;background:#ffffff42;margin-top:auto;min-height:139px}
.sp-summary>div:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:9px}
.sp-summary strong{font-size:13px;font-weight:600;line-height:1.3}
.sp-summary [data-plan-description]{font-size:10px;color:var(--sp-muted);text-align:right;max-width:46%}
.sp-summary ul{list-style:none;display:grid;gap:3px;padding:0;margin:8px 0;font-size:11px;line-height:1.35;color:var(--sp-muted)}
.sp-summary li:before{content:'—';margin-right:6px;color:#738bc2}
.sp-price{display:flex;align-items:baseline;gap:8px}
.sp-price b{font-size:25px;font-weight:600;letter-spacing:-.035em;line-height:1.2}
.sp-price small{font-size:11px;color:var(--sp-muted)}
.sp-planner-body>.sv-secondary{flex:none;min-height:44px;padding:8px 12px;font-size:13px;gap:12px;background:#e9eefb;color:#3b5894;border-color:#c3d0f1}
.sp-planner-body>.sv-rate-link{margin:0;font-size:10px}
.sp-panorama{padding:30px 0;background:linear-gradient(110deg,#13243a42,#29334b12),url('/assets/stats-krasnodar-bright.webp') center/cover}
.sp-panorama-glass{border:1px solid #ffffff61;border-radius:26px;padding:26px 28px;background:linear-gradient(120deg,#d3e0e72b,#f2e5d213);backdrop-filter:blur(3px);box-shadow:inset 0 1px 0 #ffffff27,0 12px 35px #101c3320;color:white}
.sp-panorama .sv-eyebrow{color:#edf1ff;font-size:10px;opacity:.85}
.studio-page .sp-panorama h2{font-size:30px;color:#fff;background:none;-webkit-text-fill-color:#fff;text-shadow:0 2px 8px #0e213770;margin:0 0 24px;line-height:1.2}
.sp-pillars{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ffffff3d;padding-top:21px;gap:25px}
.sp-pillars>div+div{border-left:1px solid #ffffff3d;padding-left:25px}
.sp-pillars strong{display:block;font-size:25px;font-weight:600;letter-spacing:-.025em;line-height:1.2}
.sp-pillars span{display:block;font-size:12px;margin-top:5px}
.studio-page #service-scope .sv-card{background:var(--sp-glass);border-color:var(--sp-edge);box-shadow:inset 0 1px 0 #ffffff9c,0 8px 25px #192c4908;backdrop-filter:blur(14px)}
.studio-page .sv-card:hover{transform:translateY(-4px);border-color:#8da5d1;box-shadow:0 14px 32px #192c4914}
.studio-page .sv-card h3{font-size:21px;margin:18px 0 12px}
.studio-page .sv-card p{font-size:14px;line-height:1.6;margin:0;color:var(--sp-muted)}
.sp-result-section{background:var(--color-bg)}
.sp-result{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:54px;padding:38px;border:1px solid #8696c24a;border-radius:28px;background:radial-gradient(ellipse at top right,#78579c40,transparent 60%),linear-gradient(135deg,#222d40,#312b47);color:#e7edf9;box-shadow:0 16px 36px #23345318}
.sp-result .sv-eyebrow{color:#b7c6e7}
.studio-page .sp-result h2{background:linear-gradient(110deg,#aec7ff,#cfb4f4 60%,#efb8d8);background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:20px}
.sp-result p{font-size:15px;line-height:1.65;color:#c2cede}
.sp-result .sv-secondary{margin-top:10px}
.sp-deliverables-label{display:block;font-size:11px;letter-spacing:.05em;color:#c0c8df;margin-bottom:14px}
.sp-deliverables>div{display:flex;align-items:center;gap:14px;margin-top:10px;padding:21px 18px;border:1px solid #c1cbe02b;border-radius:16px;background:linear-gradient(120deg,#a7bde615,#c3abd91a);box-shadow:inset 0 1px 0 #ffffff08;backdrop-filter:blur(16px)}
.sp-deliverables>div>span{font-size:11px;color:#a9b9dc}.sp-deliverables strong{font-size:15px;font-weight:500;line-height:1.4}.sp-deliverables i{font-style:normal;color:#b8b8dc;margin-left:auto}
.sp-price-note{font-size:12px;line-height:1.6;color:var(--sp-muted);margin:18px 0 0;max-width:850px}
.studio-page .package-card{min-height:290px}.studio-page .package-card li{font-size:13px;line-height:1.45;margin-bottom:10px}
.studio-page .sv-steps h3{font-size:21px}.studio-page .sv-steps p{font-size:14px;color:var(--sp-muted)}
.studio-page .sv-banner h2{margin-bottom:16px}.studio-page .sv-banner .sv-eyebrow{color:#b8c8e5}
.sp-connect{padding-top:8px!important}.sp-related{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:22px}.sp-related a{font-size:12px;color:#bacef1;text-decoration:none}.sp-related a:hover{color:#fff}
.studio-page .sv-dialog h2{color:var(--color-text);font-size:28px}
html[data-theme=dark] .studio-page{--sp-edge:#8195b331;--sp-glass:linear-gradient(135deg,#263142e8,#242a38e8);--sp-muted:#b5c2d5}
html[data-theme=dark] .studio-page .sv-hero{background:radial-gradient(ellipse at 85% 5%,#7279ad18,transparent 50%),var(--color-bg)}
html[data-theme=dark] .studio-page .sp-planner{box-shadow:0 18px 48px #0003!important;border-color:#4a56723b!important}
html[data-theme=dark] .sp-summary{background:#18233438}
html[data-theme=dark] .sp-panorama{background-image:linear-gradient(110deg,#121c3024,#151c2712),url('/assets/stats-krasnodar-night.png')}
html[data-theme=dark] .sp-panorama-glass{background:linear-gradient(125deg,#1721367a,#19233b38);border-color:#aabde331;box-shadow:0 12px 35px #0003}
html[data-theme=dark] .studio-page #service-scope .sv-card{box-shadow:inset 0 1px 0 #ffffff05,0 8px 25px #0002}
@keyframes sp-drift{to{translate:15px 17px;rotate:5deg}}
@media(min-width:1000px){.studio-page .sp-planner-head{height:224px}.studio-page .sp-planner-body{gap:8px}.studio-page .sv-hero-grid{padding-block:24px}.studio-page .sp-summary{min-height:139px}.studio-page:has(.sv-plan-options label:nth-of-type(4)) .sp-planner-head{height:201px}.studio-page:has(.sv-plan-options label:nth-of-type(4)) .sp-art{height:101px;margin-top:9px}}
@media(max-width:999px){.studio-page .sp-planner{width:100%;max-width:540px;justify-self:center}.studio-page .sp-planner-body{gap:14px;padding:18px}.studio-page .sp-summary{margin-top:0}.studio-page .sv-hero{height:auto}.sp-result{gap:28px;padding:28px}.sp-planner .sv-plan-options label{padding-block:10px}}
@media(max-width:700px){.studio-page .sv-wrap{padding-inline:20px}.studio-page .sv-section{padding-block:40px}.studio-page .sv-section h2,.studio-page .sp-panorama h2{font-size:26px}.studio-page .sv-intro .sv-lead{margin:22px 0}.studio-page .sv-facts>div{padding-inline:8px;font-size:12px}.studio-page .sv-facts b{font-size:24px}.studio-page .sv-facts small{font-size:10px}.studio-page .sv-intro>.sv-button{font-size:13px;gap:12px;padding-inline:18px}.sp-caption{font-size:11px}.sp-planner-head{padding:18px 16px 14px}.sp-art{gap:6px}.sp-art-node{font-size:8px}.sp-panorama{padding-block:24px}.sp-panorama-glass{padding:23px 22px}.sp-pillars{grid-template-columns:1fr;gap:14px;padding-top:17px}.sp-pillars>div+div{padding:14px 0 0;border-left:0;border-top:1px solid #ffffff30}.sp-pillars strong{font-size:23px}.sp-result{grid-template-columns:1fr;gap:25px;padding:25px 22px;border-radius:24px}.sp-deliverables>div{padding:18px 15px}.studio-page .package-card{min-height:0}.sp-summary>div:first-child{gap:6px}.sp-summary [data-plan-description]{font-size:9px}.sp-ambient i:nth-child(1){left:-240px}.sp-ambient i:nth-child(2){left:85%;top:20px}.sp-ambient i:nth-child(3){display:none}.sp-art-workspace,.sp-art-modules{gap:6px}.sp-art-workspace .sp-art-node,.sp-art-modules .sp-art-node{font-size:10px}}
@media(prefers-reduced-motion:reduce){.studio-page *, .studio-page *:before{animation:none!important;transition:none!important}}
.sp-focus{font-size:10px;color:var(--sp-muted);margin-top:4px}.sp-focus>span{font-weight:600;display:block;margin-bottom:7px}.sp-focus>div{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.sp-focus>div>span{padding:7px 8px;border:1px solid var(--sp-edge);border-radius:8px;line-height:1.35;background:#91a7cc08}
.studio-page .sv-card p,.studio-page .sv-steps p{opacity:1}