/*
Theme Name: Sergeev Studio — Plugin Demos
Version: 1.4.0
Description: Изолированный демостенд собственных WordPress-плагинов.
*/
@font-face{font-family:Manrope;src:url(fonts/manrope-cyrillic-wght-normal.woff2) format('woff2');font-weight:200 800;font-display:swap}@font-face{font-family:Manrope;src:url(fonts/manrope-latin-wght-normal.woff2) format('woff2');font-weight:200 800;font-display:swap;unicode-range:U+0000-00FF}@font-face{font-family:Unbounded;src:url(fonts/unbounded-cyrillic-wght-normal.woff2) format('woff2');font-weight:200 900;font-display:swap}@font-face{font-family:Unbounded;src:url(fonts/unbounded-latin-wght-normal.woff2) format('woff2');font-weight:200 900;font-display:swap;unicode-range:U+0000-00FF}
:root{--ink:#171717;--muted:#71717a;--mint:#25cbc2;--paper:#f8f9fa;--line:#e4e4e7;--heading:Unbounded,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Manrope,system-ui,sans-serif;background:var(--paper);color:var(--ink);line-height:1.6}a{color:inherit;text-underline-offset:4px}button,input,select{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #087f79;outline-offset:4px}.shell{max-width:1240px;margin:auto;padding:0 40px}.site-head{height:90px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{font-family:var(--heading);font-size:17px;text-decoration:none;letter-spacing:-1px}.brand b{font-weight:500}.brand span{color:#71717a;font-size:10px;letter-spacing:2px;display:block;font-family:Manrope}.nav{display:flex;gap:24px;align-items:center;font-size:13px}.nav a{text-decoration:none}.nav .portal{border:1px solid var(--line);padding:10px 16px;border-radius:99px}.eyebrow{display:flex;align-items:center;gap:9px;text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:700;color:#62626b}.live-dot{height:7px;width:7px;background:#25cbc2;border-radius:50%;box-shadow:0 0 0 4px #25cbc215}.hero{padding:76px 0 55px;display:grid;grid-template-columns:1.15fr 1fr;gap:55px;align-items:center}h1,h2,h3{font-family:var(--heading);font-weight:500;line-height:1.2;letter-spacing:-1.5px}h1{font-size:clamp(34px,4.5vw,62px);margin:25px 0}h1 em{font-style:normal;color:var(--ink);text-decoration:underline;text-decoration-color:var(--mint);text-decoration-thickness:5px;text-underline-offset:8px}p{margin:0 0 18px}.lead{font-size:16px;color:var(--muted);max-width:510px;line-height:1.8}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;gap:14px;align-items:center;justify-content:center;text-decoration:none;padding:13px 21px;border-radius:12px;border:1px solid var(--line);background:white;color:var(--ink);font-weight:650;font-size:13px}.btn-primary{background:var(--mint);border-color:var(--mint);color:#111;box-shadow:0 6px 20px #25cbc222}.btn-primary:hover{background:#1ae0cd;border-color:#1ae0cd}.btn-mint{background:var(--mint);border-color:var(--mint);color:#111}.micro{font-size:11px;color:var(--muted);margin-top:17px}.hero-art{height:440px;position:relative;display:grid;place-items:center;background:radial-gradient(ellipse,#25cbc225,transparent 68%)}.hero-card{height:350px;width:197px;border-radius:23px;border:6px solid white;box-shadow:0 22px 60px #17171725;position:absolute;object-fit:cover}.hero-card.back{transform:rotate(12deg) translate(72px,-5px);height:310px;width:175px}.hero-card.front{transform:rotate(-7deg) translate(-28px,5px)}.art-label{position:absolute;bottom:12px;right:5px;background:white;padding:14px 19px;border:1px solid var(--line);border-radius:16px;font-size:12px;box-shadow:0 8px 30px #17171708}.art-label strong{display:block}.section{padding:58px 0;border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:30px}.section-heading h2{font-size:27px;margin:0 0 12px}.section-heading p{color:var(--muted);max-width:540px;font-size:14px}.number{font:11px var(--heading);color:#71717a;letter-spacing:1px}.demo-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px}.demo-stage{border:1px solid var(--line);background:white;border-radius:20px;overflow:hidden}.stage-bar{padding:14px 22px;border-bottom:1px solid #ededf0;font-size:11px;color:#888891;display:flex;align-items:center;justify-content:space-between}.dots{display:flex;gap:5px}.dots i{width:6px;height:6px;border-radius:50%;background:#e4e4e7}.sample{padding:36px;min-height:330px;background:linear-gradient(120deg,#f8faf7,#ecf4ed)}.sample-brand{font-family:var(--heading);font-size:12px;letter-spacing:3px}.sample-content{display:flex;align-items:center;gap:28px;margin:30px 0}.sample-content h3{font-size:28px;max-width:330px;margin:0 0 14px}.sample-content p{font-size:12px;color:var(--muted);max-width:310px}.sample-art{width:130px;height:150px;flex-shrink:0;border-radius:55% 45% 30% 70%;background:radial-gradient(circle at 30% 25%,#d1efbd,transparent 55%),linear-gradient(120deg,#559b78,#183d33);box-shadow:inset -15px -15px 50px #172d3860;transform:rotate(12deg)}.stage-note{font-size:12px;border-top:1px solid var(--line);padding:18px 22px;display:flex;gap:12px;color:var(--muted)}.stage-note b{color:#087f79}.demo-controls{border:1px solid var(--line);border-radius:20px;background:#fff;padding:24px;align-self:start}.demo-controls h3{font-size:14px;margin:0 0 22px;letter-spacing:-.3px}.control{margin-bottom:18px}.control label{display:block;font-size:11px;font-weight:700;margin-bottom:7px;color:#62626b}.control select{width:100%;padding:10px 12px;border-radius:9px;border:1px solid var(--line);background:#fafafa;color:var(--ink);font-size:12px}.swatches{display:flex;gap:9px}.swatch{width:28px;height:28px;background:var(--swatch);border:3px solid white;border-radius:50%;outline:1px solid var(--line)}.swatch[aria-pressed=true]{outline:2px solid var(--ink)}.demo-controls .btn{width:100%;padding:10px;margin-top:8px;font-size:12px}.control-help{font-size:11px;color:var(--muted);margin:16px 0 0}.inline-stories[hidden]{display:none!important}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.how-grid article{border-top:2px solid #dedee3;padding-top:20px}.how-grid h3{font-family:Manrope;font-size:15px;letter-spacing:0;margin:12px 0}.how-grid p{font-size:13px;color:var(--muted)}.catalog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.catalog-card{display:grid;grid-template-columns:1fr 180px;gap:16px;text-decoration:none;background:white;border:1px solid var(--line);border-radius:22px;overflow:hidden;padding:32px;min-height:300px;transition:border-color .2s,transform .2s}.catalog-card:hover{border-color:#25cbc2;transform:translateY(-3px)}.catalog-card h2{font-size:26px;margin:24px 0 14px}.catalog-card p{font-size:13px;color:var(--muted)}.card-image{width:160px;height:250px;object-fit:cover;border-radius:16px;transform:rotate(8deg);align-self:center}.catalog-status{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#087f79;display:inline-flex;gap:8px;align-items:center}.catalog-next{padding:30px;border-radius:22px;border:1px dashed #d4d4d8;display:flex;flex-direction:column;justify-content:center}.catalog-next h3{font-size:20px;max-width:260px}.catalog-next p{font-size:13px;color:var(--muted)}.callout{background:#171717;color:white;border-radius:24px;padding:40px;display:flex;justify-content:space-between;gap:24px;align-items:center}.callout h2{font-size:25px;margin:0 0 12px}.callout p{font-size:13px;color:#c5c5cb;max-width:560px;margin:0}.foot{border-top:1px solid var(--line);padding:28px 0;margin-top:60px;color:var(--muted);font-size:11px;display:flex;justify-content:space-between;gap:20px}.foot a{text-decoration:none}.breadcrumb{font-size:11px;color:var(--muted);margin:26px 0 -40px}.demo-status{font-size:11px;color:#087f79;min-height:20px;margin-top:12px}.sst-widget{font-family:Manrope,system-ui,sans-serif}.sst-widget-title{font-size:13px}.sst-widget-launch{box-shadow:0 12px 48px #17171720!important}.demo-controls [disabled]{opacity:.45;cursor:default}
@media(max-width:900px){.shell{padding:0 24px}.hero{gap:20px}.hero-art{height:390px}.demo-grid{grid-template-columns:1fr}.demo-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px}.demo-controls h3,.control-help,.demo-status{grid-column:1/-1}.control{margin-bottom:5px}.catalog-grid{grid-template-columns:1fr}.catalog-card{min-height:280px}.callout{align-items:flex-start;flex-direction:column}}@media(max-width:600px){.shell{padding:0 20px}.site-head{height:76px}.brand{font-size:14px}.nav{gap:12px;font-size:11px}.nav .portal{padding:8px 10px}.nav a:first-child{display:none}.hero{padding:48px 0 35px;grid-template-columns:1fr;gap:8px}.hero h1{font-size:35px;letter-spacing:-1.5px}.lead{font-size:14px}.hero-art{height:350px}.hero-card{height:290px;width:163px}.hero-card.back{height:260px;width:146px;transform:rotate(12deg) translate(54px,-5px)}.art-label{bottom:0;right:0;font-size:11px}.section{padding:38px 0}.section-heading h2{font-size:23px}.section-heading .number{display:none}.sample{padding:24px;min-height:280px}.sample-content{gap:12px}.sample-content h3{font-size:22px}.sample-art{width:80px;height:110px}.demo-controls{padding:20px;gap:16px 12px}.demo-controls .btn{padding:10px 8px;font-size:11px}.how-grid{grid-template-columns:1fr;gap:20px}.how-grid article{padding-top:12px}.catalog-card{padding:24px;grid-template-columns:1fr 110px;gap:10px;min-height:260px}.catalog-card h2{font-size:21px}.card-image{width:110px;height:196px}.callout{padding:26px}.callout h2{font-size:22px}.foot{flex-direction:column;margin-top:35px;padding-bottom:155px}.breadcrumb{margin-bottom:-25px}.actions .btn{font-size:12px;padding:12px 15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.catalog-card{transition:none}}
.demo-stage{align-self:start}
body{padding-bottom:100px}.demo-dock{position:fixed;z-index:1000;left:50%;bottom:calc(18px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);display:flex;gap:6px;max-width:calc(100% - 24px);padding:7px;border:1px solid #e4e4e7;border-radius:20px;background:#ffffffed;box-shadow:0 10px 45px #17171725;backdrop-filter:blur(16px);font:650 13px/1.3 Manrope,system-ui,sans-serif}.demo-dock a{display:flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:11px 18px;border-radius:13px;color:#3f3f46;text-decoration:none;white-space:nowrap}.demo-dock a:hover{background:#e9fcfa}.demo-dock .demo-dock-cabinet{background:var(--mint);color:#111}.demo-dock .demo-dock-cabinet:hover{background:#1ae0cd}.demo-dock svg{flex-shrink:0}.demo-dock a:focus-visible{outline:2px solid #139e96;outline-offset:2px}.sst-widget{bottom:calc(94px + env(safe-area-inset-bottom,0px))!important}body:has(.sst-widget){padding-bottom:220px}
@media(max-width:600px){.demo-dock{bottom:calc(12px + env(safe-area-inset-bottom,0px));border-radius:18px}.demo-dock a{padding-inline:14px;font-size:12px;gap:7px}.foot{padding-bottom:28px}}
.studio-header{position:relative;z-index:20;background:#fff;border-bottom:1px solid var(--line)}.studio-header-inner{max-width:1240px;margin:auto;padding:18px 40px;display:flex;align-items:center;gap:26px;min-height:98px}.studio-logo{display:flex;flex-shrink:0;text-decoration:none}.studio-logo img{display:block;width:206px;height:54px}.studio-section{padding-left:26px;border-left:1px solid var(--line);font-size:14px;font-weight:750;text-decoration:none;line-height:1.5;white-space:nowrap}.studio-section span{display:block;font-size:10px;font-weight:450;color:var(--muted);margin-top:3px}.studio-nav{margin-left:auto;display:flex;align-items:center;gap:24px;font-size:12px;font-weight:600}.studio-nav a{text-decoration:none;white-space:nowrap;padding:10px 0}.studio-nav a:hover{color:#087f79}.studio-nav a[aria-current=page]{color:#087f79}.studio-nav .studio-contact{padding:10px 17px;border:1px solid var(--line);border-radius:10px;background:var(--paper)}#demos{scroll-margin-top:24px}
@media(max-width:1050px){.studio-header-inner{gap:20px;padding-inline:24px}.studio-section{padding-left:20px}.studio-section span{display:none}.studio-nav{gap:18px}.studio-logo img{width:183px;height:48px}}
@media(max-width:800px){.studio-header-inner{flex-wrap:wrap;gap:0;padding:17px 24px 0}.studio-logo img{width:168px;height:44px}.studio-section{margin-left:auto;padding-left:18px;font-size:12px}.studio-nav{width:100%;margin:13px 0 0;justify-content:space-between;border-top:1px solid var(--line);gap:12px;font-size:11px;padding:5px 0}.studio-nav .studio-contact{padding:8px 0;border:0;background:transparent}.studio-nav a{padding:8px 0}}
@media(max-width:600px){.studio-header-inner{padding-inline:20px}.studio-section{font-size:11px;padding-left:14px}.studio-logo img{width:158px;height:42px}}
.product-orbit{position:relative;height:370px;display:grid;place-items:center;background:radial-gradient(circle,color-mix(in srgb,var(--demo-accent) 14%,transparent),transparent 67%)}.product-orbit img{position:relative;z-index:1;width:140px;height:140px;filter:drop-shadow(0 20px 25px #17171720)}.orbit-ring{position:absolute;width:280px;height:280px;border:1px solid color-mix(in srgb,var(--demo-accent) 28%,transparent);border-radius:50%}.orbit-ring:before{content:"";position:absolute;inset:22px;border:1px dashed color-mix(in srgb,var(--demo-accent) 20%,transparent);border-radius:50%}.orbit-tag{position:absolute;bottom:10px;padding:9px 18px;border:1px solid var(--line);border-radius:99px;background:white;font-size:11px;color:var(--muted)}.catalog-plugin{grid-template-columns:1fr 120px}.catalog-icon{display:grid;place-items:center;border-radius:50%;align-self:center;height:130px;width:130px;background:color-mix(in srgb,var(--demo-accent) 8%,white)}.catalog-icon img{max-width:90px;max-height:90px;object-fit:contain}.demo-surface{padding:36px;border:1px solid var(--line);border-radius:20px;background:white;min-width:0}.demo-surface h3{font-size:26px;margin:20px 0 16px}.muted{font-size:14px;color:var(--muted)}.demo-surface label,.captcha-form-preview label{display:block;font-size:12px;font-weight:650;margin:12px 0 8px}.demo-surface input{width:100%;height:50px;border:1px solid #d4d4d8;border-radius:10px;padding:12px 14px;background:#fafafa;color:var(--ink);font:16px Manrope,system-ui,sans-serif;margin-bottom:16px}.demo-phone-form{max-width:400px;margin:24px 0}.demo-phone-form .epm-wrap input{margin-bottom:0}.demo-phone-form .btn{margin-top:18px}.demo-surface .demo-note{margin-top:24px}.demo-note{font-size:11px;color:var(--muted);line-height:1.7}.demo-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:18px;background:white;border:1px solid var(--line);border-radius:14px;padding:18px 22px;margin-bottom:24px}.demo-toolbar form{display:flex;align-items:center;gap:12px}.demo-toolbar label{display:block;font-size:11px;color:var(--muted);font-weight:650;margin-bottom:4px}.demo-toolbar select{font:13px Manrope,system-ui,sans-serif;padding:9px 12px;border:1px solid var(--line);border-radius:8px;background:var(--paper);max-width:100%}.demo-toolbar .demo-note{flex:1;min-width:200px}.review-live{padding:12px;min-width:0;--ssrev-accent:#25cbc2}.login-frame-wrap{height:710px;background:#e9e9ed;border:1px solid var(--line);padding:12px;border-radius:20px;display:flex;justify-content:center}.login-frame-wrap iframe{display:block;width:100%;height:100%;border:0;border-radius:12px;background:white}.login-frame-wrap.is-phone iframe{width:390px;max-width:100%}.totp-digits{font:500 37px/1.3 var(--heading);letter-spacing:3px;color:#087f79;margin:22px 0 10px}.totp-card .control-help{margin-top:16px}#totp-code{font-size:28px;letter-spacing:10px;max-width:280px}#totp-form .btn{display:flex}.code-preview{padding:26px;border-radius:18px;border:1px solid #3f3f46;background:#171717;color:#d7fff9;font:13px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;max-height:650px;overflow:auto}.demo-steps{padding-left:18px;font-size:12px;color:var(--muted);line-height:1.9}.demo-notice{padding:13px;background:#fff4de;border-radius:10px;font-size:12px;color:#8a6122}.captcha-form-preview input{opacity:.7}.captcha-form-preview button:disabled{opacity:.5;cursor:not-allowed}.demo-surface .demo-status{font-size:13px;overflow-wrap:anywhere;max-width:450px}.product-hero .lead{font-size:15px}
@media(max-width:900px){.product-orbit{height:300px}.demo-controls.totp-card{display:block}.demo-toolbar form{flex-wrap:wrap}.demo-toolbar .demo-note{flex-basis:100%}}
@media(max-width:600px){.product-hero{gap:12px}.product-orbit{height:270px}.product-orbit img{width:110px;height:110px}.orbit-ring{width:210px;height:210px}.catalog-plugin{grid-template-columns:1fr 85px}.catalog-icon{width:85px;height:85px}.catalog-icon img{width:65px;height:65px}.demo-surface{padding:24px}.demo-surface h3{font-size:23px}.demo-toolbar{padding:16px}.demo-toolbar form{gap:8px}.login-frame-wrap{height:640px;padding:5px;border-radius:12px}.review-live{padding:0}.code-preview{font-size:11px;padding:18px}.demo-controls .phone-example{grid-column:1/-1}.totp-digits{font-size:34px}.demo-controls h3{margin-bottom:6px}}