:root{--wb-bg:#071012;--wb-panel:#0d181b;--wb-card:#112126;--wb-line:#244047;--wb-text:#ecf9fb;--wb-muted:#8ea5aa;--wb-accent:#42e2e7;--wb-accent2:#9cf8f4;--wb-danger:#ff7777;--wb-radius:18px}*{box-sizing:border-box}.wb-page{background:#050b0d;color:var(--wb-text);min-height:100vh}.wb-shell{width:min(1480px,calc(100% - 36px));margin:auto}.wb-intro{padding:72px 0 54px;background:radial-gradient(circle at 76% 20%,rgba(66,226,231,.18),transparent 34%),linear-gradient(135deg,#050a0c,#0a1518 60%,#071012)}.wb-intro-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);gap:48px;align-items:center}.wb-kicker,.wb-intro-card>span,.wb-pricing header>span{font-size:.78rem;letter-spacing:.18em;color:var(--wb-accent);font-weight:800}.wb-intro h1,.wb-pricing h2{font-size:clamp(3rem,7vw,7.5rem);line-height:.86;margin:14px 0 24px;letter-spacing:-.055em}.wb-intro h1 em,.wb-pricing h2 em{font-style:normal;color:var(--wb-accent)}.wb-intro p{max-width:760px;font-size:1.08rem;line-height:1.7;color:#b9c9cc}.wb-intro-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.wb-btn{appearance:none;border:1px solid #315157;background:#0c171a;color:#e9fbfd;padding:13px 18px;border-radius:999px;font-weight:800;letter-spacing:.03em;text-decoration:none;cursor:pointer}.wb-btn:hover{border-color:var(--wb-accent)}.wb-btn-primary{background:var(--wb-accent);color:#001013;border-color:var(--wb-accent);box-shadow:0 0 24px rgba(66,226,231,.18)}.wb-full{width:100%}.wb-intro-card{border:1px solid var(--wb-line);background:linear-gradient(180deg,rgba(19,39,43,.9),rgba(8,18,21,.92));border-radius:28px;padding:28px;box-shadow:0 30px 70px rgba(0,0,0,.38)}.wb-intro-card strong{display:block;font-size:clamp(2rem,3vw,3.7rem);line-height:.92;margin:16px 0 22px}.wb-intro-card ul{list-style:none;padding:0;margin:0;display:grid;gap:10px;color:#c6d8db}.wb-intro-card li:before{content:'✓';color:var(--wb-accent);margin-right:10px}.wb-builder{border-top:1px solid #183036;background:#081012}.wb-builder-topbar{min-height:66px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;padding:10px 18px;border-bottom:1px solid var(--wb-line);position:sticky;top:0;background:rgba(5,12,14,.96);backdrop-filter:blur(12px);z-index:30}.wb-brand{display:flex;align-items:baseline;gap:9px}.wb-brand b{font-size:1rem}.wb-brand span{font-size:.72rem;letter-spacing:.16em;color:var(--wb-accent)}.wb-device-switcher,.wb-toolbar{display:flex;gap:6px}.wb-device-switcher button,.wb-toolbar button{border:1px solid #263f44;background:#0f1b1e;color:#bcd0d3;padding:9px 12px;border-radius:10px;cursor:pointer}.wb-device-switcher button.is-active,.wb-toolbar .wb-toolbar-accent{color:#061012;background:var(--wb-accent);border-color:var(--wb-accent)}.wb-toolbar{justify-content:flex-end}.wb-workspace{display:grid;grid-template-columns:280px minmax(0,1fr) 320px;min-height:820px}.wb-library,.wb-summary{background:#091315;padding:16px;border-color:var(--wb-line)}.wb-library{border-right:1px solid var(--wb-line)}.wb-summary{border-left:1px solid var(--wb-line)}.wb-library-head,.wb-summary-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.wb-library-head{display:grid}.wb-library-head span,.wb-summary-head span{font-size:.73rem;letter-spacing:.16em;color:#94abb0;font-weight:800}.wb-library-head input,.wb-summary input,.wb-summary select,.wb-form-grid input,.wb-form-grid textarea{width:100%;border:1px solid #274148;background:#0e1b1e;color:#eaf9fa;border-radius:11px;padding:11px 12px;outline:none}.wb-library-head input:focus,.wb-summary input:focus,.wb-summary select:focus,.wb-form-grid input:focus,.wb-form-grid textarea:focus{border-color:var(--wb-accent)}.wb-category-tabs{display:flex;gap:6px;overflow:auto;padding-bottom:10px}.wb-category-tabs button{white-space:nowrap;border:1px solid #223a40;background:#0d1a1d;color:#9db3b7;border-radius:999px;padding:7px 10px;font-size:.7rem;cursor:pointer}.wb-category-tabs button.is-active{color:#031113;background:var(--wb-accent);border-color:var(--wb-accent)}.wb-component-list{display:grid;gap:9px;max-height:690px;overflow:auto;padding-right:2px}.wb-component{border:1px solid #243d43;background:#0d1b1e;border-radius:14px;padding:11px;cursor:grab;user-select:none;transition:.18s transform,.18s border-color}.wb-component:hover{transform:translateY(-1px);border-color:#4e8d94}.wb-component:active{cursor:grabbing}.wb-component-preview{height:86px;border-radius:9px;background:linear-gradient(145deg,#172b30,#0b1518);padding:9px;overflow:hidden;display:flex;flex-direction:column;gap:5px}.wb-component-preview i{display:block;height:7px;border-radius:4px;background:#31535a}.wb-component-preview i:first-child{width:56%;background:#5ccfd2}.wb-component-preview i:nth-child(2){width:90%}.wb-component-preview i:nth-child(3){width:72%}.wb-component-meta{padding-top:8px}.wb-component-meta strong{display:block;font-size:.9rem}.wb-component-meta span{font-size:.72rem;color:#81999d}.wb-stage-wrap{background:radial-gradient(circle at 50% 20%,#17282d 0,#0b1417 43%,#071012 100%);padding:20px 28px 60px;overflow:auto}.wb-stage-hint{display:flex;justify-content:space-between;gap:20px;max-width:1220px;margin:0 auto 12px;color:#89a0a4;font-size:.72rem}.wb-stage-hint span{color:var(--wb-accent);font-weight:900;letter-spacing:.14em}.wb-device{max-width:1220px;margin:auto;transition:max-width .25s ease}.wb-device-tablet{max-width:820px}.wb-device-mobile{max-width:430px}.wb-browser-chrome{height:38px;border:1px solid #344b50;border-bottom:0;border-radius:14px 14px 0 0;background:#111d20;display:flex;align-items:center;gap:6px;padding:0 10px}.wb-browser-chrome i{width:8px;height:8px;border-radius:50%;background:#456168}.wb-browser-chrome div{margin-left:10px;background:#091214;border:1px solid #243a3f;color:#617d82;height:23px;line-height:21px;border-radius:7px;width:min(420px,50%);font-size:.65rem;text-align:center}.wb-canvas{min-height:680px;background:#f4f7f8;color:#101719;border:1px solid #344b50;border-radius:0 0 14px 14px;overflow:hidden;box-shadow:0 35px 80px rgba(0,0,0,.46);position:relative}.wb-canvas.is-dragover{outline:3px solid var(--wb-accent);outline-offset:4px}.wb-empty{min-height:680px;display:grid;place-content:center;text-align:center;padding:30px;color:#65777a}.wb-empty b{font-size:3rem;font-weight:300;color:#45bfc4}.wb-empty strong{font-size:1.3rem;color:#203236}.wb-empty span{max-width:420px;line-height:1.5;margin:8px 0 18px}.wb-empty button{justify-self:center;border:0;background:#12282c;color:white;border-radius:999px;padding:12px 16px;font-weight:800;cursor:pointer}.wb-block{position:relative;border:2px solid transparent}.wb-block:hover,.wb-block.is-selected{border-color:#27cfd5}.wb-block-toolbar{position:absolute;right:8px;top:8px;z-index:8;display:none;gap:4px}.wb-block:hover .wb-block-toolbar,.wb-block.is-selected .wb-block-toolbar{display:flex}.wb-block-toolbar button{width:30px;height:30px;border:0;border-radius:8px;background:rgba(4,17,20,.91);color:white;cursor:pointer}.wb-block-toolbar button:hover{background:#21cbd1;color:#061113}.wb-drop-marker{height:8px;background:var(--wb-accent);box-shadow:0 0 16px rgba(66,226,231,.7)}.wb-demo-nav{display:flex;align-items:center;justify-content:space-between;padding:18px 5%;background:#fff}.wb-demo-nav.dark{background:#101719;color:white}.wb-demo-logo{font-weight:950;letter-spacing:-.04em}.wb-demo-links{display:flex;gap:20px;font-size:.65rem;font-weight:800;text-transform:uppercase}.wb-device-mobile .wb-demo-links{display:none}.wb-demo-hero{min-height:290px;display:grid;place-items:center;text-align:center;padding:48px 8%;background:linear-gradient(135deg,#0d2327,#28585f);color:white}.wb-demo-hero.light{background:linear-gradient(135deg,#dff6f6,#fff);color:#10272b}.wb-demo-hero.split{grid-template-columns:1fr 1fr;text-align:left}.wb-device-mobile .wb-demo-hero.split{grid-template-columns:1fr}.wb-demo-hero h2{font-size:clamp(2rem,5vw,4.8rem);line-height:.9;margin:0}.wb-demo-hero p{max-width:600px;opacity:.75;line-height:1.5}.wb-demo-cta{display:inline-block;background:#42dfe4;color:#072025;padding:10px 16px;border-radius:999px;font-weight:900;font-size:.72rem;margin-top:12px}.wb-demo-image{min-height:170px;border-radius:14px;background:linear-gradient(135deg,#8ecdd0,#18383d);box-shadow:0 20px 50px rgba(0,0,0,.18)}.wb-demo-section{padding:44px 6%;background:#fff}.wb-demo-section.alt{background:#edf3f4}.wb-demo-title{font-size:clamp(1.5rem,3vw,2.7rem);margin:0 0 10px}.wb-demo-copy{color:#66787c;line-height:1.6;max-width:680px}.wb-demo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}.wb-device-mobile .wb-demo-grid{grid-template-columns:1fr}.wb-demo-card{min-height:110px;padding:18px;background:#f2f6f6;border-radius:12px}.wb-demo-card b{display:block}.wb-demo-card span{font-size:.78rem;color:#6e8185}.wb-demo-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:18px}.wb-demo-gallery i{aspect-ratio:1;background:linear-gradient(135deg,#91c9cc,#244c52);border-radius:8px}.wb-device-mobile .wb-demo-gallery{grid-template-columns:repeat(2,1fr)}.wb-demo-form{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}.wb-demo-form i{height:38px;background:#f0f4f5;border:1px solid #d7e0e2;border-radius:8px}.wb-demo-form i:last-child{grid-column:1/-1;height:80px}.wb-demo-footer{padding:35px 6%;background:#0f1b1e;color:#d9e9eb;display:flex;justify-content:space-between;gap:20px}.wb-device-mobile .wb-demo-footer{display:block}.wb-summary label{display:grid;gap:6px;margin:14px 0;font-size:.74rem;color:#a8bdc1}.wb-summary-count{display:flex;justify-content:space-between;border-top:1px solid #243c42;border-bottom:1px solid #243c42;padding:13px 0;margin-top:14px}.wb-summary-count strong{color:var(--wb-accent)}.wb-selected-list{max-height:245px;overflow:auto;padding:10px 0}.wb-selected-list p{font-size:.78rem;color:#789095}.wb-selected-item{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid #162a2f;font-size:.78rem}.wb-selected-item small{color:#6e898e}.wb-estimate{background:#102125;border:1px solid #28484f;border-radius:14px;padding:16px;margin:12px 0 15px}.wb-estimate span{display:block;font-size:.67rem;letter-spacing:.14em;color:#86a5aa}.wb-estimate strong{display:block;font-size:2rem;color:var(--wb-accent);margin:6px 0}.wb-estimate small{display:block;color:#789398;line-height:1.4}.wb-pricing{padding:80px 0;background:#071012;border-top:1px solid #1c363b}.wb-pricing header{max-width:920px}.wb-pricing h2{font-size:clamp(2.4rem,5vw,5.3rem)}.wb-pricing header p{color:#9cb2b6;line-height:1.65}.wb-price-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:34px}.wb-price-grid article{background:#0b171a;border:1px solid #213d43;border-radius:18px;padding:23px}.wb-price-grid article.is-featured{border-color:var(--wb-accent);box-shadow:0 0 30px rgba(66,226,231,.08)}.wb-price-grid small{color:var(--wb-accent);letter-spacing:.12em}.wb-price-grid h3{font-size:1.35rem}.wb-price-grid strong{font-size:1.7rem}.wb-price-grid p,.wb-price-grid li{color:#8da5aa;line-height:1.5}.wb-price-grid ul{padding-left:18px}.wb-addons{margin-top:18px;display:grid;grid-template-columns:1.3fr repeat(6,1fr);border:1px solid #213d43;border-radius:16px;overflow:hidden}.wb-addons>span,.wb-addons>div{padding:15px;border-right:1px solid #213d43}.wb-addons>span{font-size:.72rem;letter-spacing:.13em;color:#91a8ac}.wb-addons b,.wb-addons small{display:block}.wb-addons small{color:#6f898e;margin-top:4px}.wb-modal{width:min(1000px,calc(100% - 28px));max-height:92vh;padding:0;border:1px solid #28464c;border-radius:20px;background:#071113;color:#eaf8fa;box-shadow:0 35px 100px rgba(0,0,0,.65)}.wb-modal::backdrop{background:rgba(0,0,0,.75);backdrop-filter:blur(6px)}.wb-modal-card{padding:22px;margin:0}.wb-modal-head{display:flex;justify-content:space-between;gap:20px;align-items:start}.wb-modal-head span{font-size:.68rem;color:var(--wb-accent);letter-spacing:.15em}.wb-modal-head h2{margin:4px 0 15px}.wb-modal-head>button{border:0;background:#132429;color:white;width:34px;height:34px;border-radius:9px;font-size:1.4rem;cursor:pointer}.wb-template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.wb-template{border:1px solid #274349;background:#0e1b1f;border-radius:14px;padding:15px;color:white;text-align:left;cursor:pointer}.wb-template:hover{border-color:var(--wb-accent)}.wb-template-preview{height:120px;border-radius:9px;background:linear-gradient(145deg,#dceced,#fff);padding:8px;margin-bottom:10px}.wb-template-preview i{height:10px;background:#26484f;display:block;margin-bottom:7px;border-radius:4px}.wb-template-preview i:nth-child(2){height:38px;background:#5fc8cc}.wb-template-preview i:nth-child(3){width:75%}.wb-template b{display:block}.wb-template small{color:#7e989d}.wb-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.wb-form-grid label{display:grid;gap:6px;font-size:.75rem;color:#9cb3b7}.wb-span-2{grid-column:1/-1}.wb-checks{display:flex;gap:15px;flex-wrap:wrap}.wb-checks label{display:flex;align-items:center;gap:6px}.wb-checks input{width:auto}.wb-form-grid fieldset{border:1px solid #284248;border-radius:12px;padding:12px}.wb-form-grid legend{font-size:.75rem;color:#9cb3b7}.wb-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.wb-modal-note{color:#91a9ad;font-size:.78rem}.wb-proposal-preview{background:white;color:#162427;border-radius:14px;max-height:62vh;overflow:auto;padding:28px}.wb-proposal-sheet{font-family:Arial,sans-serif}.wb-proposal-header{display:flex;justify-content:space-between;gap:20px;border-bottom:4px solid #1ebfc6;padding-bottom:17px}.wb-proposal-header h3{font-size:2rem;margin:0}.wb-proposal-header span{color:#4e686c}.wb-proposal-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.wb-proposal-meta div{border:1px solid #d8e3e5;border-radius:9px;padding:10px}.wb-proposal-sheet h4{margin:24px 0 8px;font-size:1rem;color:#0c6e73}.wb-proposal-components{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.wb-proposal-components div{background:#eef5f5;padding:9px;border-radius:7px}.wb-proposal-price{font-size:2.1rem;font-weight:900}.wb-proposal-disclaimer{font-size:.75rem;color:#607477;line-height:1.5}.wb-proposal-mock{border:1px solid #d7e2e4;border-radius:10px;overflow:hidden}.wb-proposal-mock .wb-block-toolbar{display:none!important}@media(max-width:1200px){.wb-workspace{grid-template-columns:230px minmax(0,1fr)}.wb-summary{grid-column:1/-1;border-left:0;border-top:1px solid var(--wb-line);display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.wb-summary-head{grid-column:1/-1}.wb-selected-list{max-height:160px}.wb-price-grid{grid-template-columns:repeat(2,1fr)}.wb-addons{grid-template-columns:repeat(3,1fr)}.wb-addons>span{grid-column:1/-1}}@media(max-width:800px){.wb-intro-grid{grid-template-columns:1fr}.wb-builder-topbar{grid-template-columns:1fr;position:relative}.wb-device-switcher,.wb-toolbar{justify-content:flex-start;overflow:auto}.wb-workspace{display:block}.wb-library{border-right:0;border-bottom:1px solid var(--wb-line)}.wb-component-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:370px}.wb-stage-wrap{padding:14px 10px 34px}.wb-summary{display:block}.wb-stage-hint{display:block}.wb-stage-hint small{display:block;margin-top:6px}.wb-price-grid{grid-template-columns:1fr}.wb-template-grid{grid-template-columns:1fr 1fr}.wb-form-grid{grid-template-columns:1fr}.wb-span-2{grid-column:auto}.wb-addons{grid-template-columns:1fr 1fr}.wb-proposal-meta,.wb-proposal-components{grid-template-columns:1fr}}@media(max-width:520px){.wb-component-list,.wb-template-grid{grid-template-columns:1fr}.wb-intro{padding-top:45px}.wb-intro h1{font-size:3.2rem}.wb-device-switcher span{display:none}.wb-stage-wrap{padding-inline:5px}.wb-addons{grid-template-columns:1fr}.wb-addons>span{grid-column:auto}}
@media print{body *{visibility:hidden!important}.wb-proposal-preview,.wb-proposal-preview *{visibility:visible!important}.wb-proposal-preview{position:absolute;left:0;top:0;width:100%;max-height:none;overflow:visible;padding:0}.wb-proposal-mock{break-inside:avoid}.wb-modal::backdrop{display:none}}