:root{--ink:#101114;--mut:#6d7179;--line:#e7e8ed;--paper:#fff;--soft:#f6f7f9;--vio:#665cff;--vio2:#8b5cf6;--blue:#08abc4;--green:#16a36a;--red:#d34455;--amber:#b87412;--shadow:0 24px 80px rgba(22,22,35,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}button{color:inherit}.wrap{width:min(1200px,calc(100% - 34px));margin:auto}.site-nav{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(233,233,238,.88)}.nav-inner{min-height:78px;display:flex;align-items:center;gap:18px}.brand{display:flex;align-items:center;margin-right:auto}.brand img{width:172px;height:60px;object-fit:contain}.nav-links{display:flex;gap:24px;color:#565a63;font-size:14px}.nav-links a:hover{color:#111}.nav-btn,.btn{border:0;border-radius:13px;padding:13px 18px;font-weight:850;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.nav-btn{background:#111216;color:#fff}.ghost-btn{background:#fff;color:#333;border:1px solid var(--line);margin-left:4px}.primary{background:#111216;color:#fff}.secondary{border:1px solid var(--line);background:#fff;color:#222}.light{background:#fff;color:#16171b}.small{padding:10px 14px;font-size:13px}.wide{width:100%}.flash{padding:13px 16px;border-radius:12px;margin-top:16px;font-size:14px}.flash.success{background:#eaf8f1;color:#14764e}.flash.error{background:#fff0f2;color:#a83242}.flash.info{background:#eef3ff;color:#3659a6}
.hero{padding:78px 0 62px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:54px;align-items:center}.tag{display:inline-flex;padding:8px 12px;border:1px solid #dedcff;background:#f7f6ff;color:#5548ed;border-radius:99px;font-size:13px;font-weight:850}.hero h1{font-size:clamp(51px,6.5vw,86px);line-height:.96;letter-spacing:-5.5px;margin:20px 0}.grad{background:linear-gradient(100deg,#0aacc6,#665cff);-webkit-background-clip:text;color:transparent}.lead{font-size:19px;line-height:1.65;color:var(--mut);max-width:650px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.actions .btn{padding:16px 21px}.checks{display:flex;gap:17px;flex-wrap:wrap;margin-top:25px;font-size:13px;color:#666b74}.checks b{color:#15161a}.stage{position:relative}.orb{position:absolute;width:430px;height:430px;border-radius:50%;background:#dff8fb;filter:blur(70px);opacity:.8;z-index:-1;right:-70px;top:-40px}.window{border:1px solid var(--line);background:#fff;border-radius:25px;box-shadow:var(--shadow);overflow:hidden;transform:perspective(900px) rotateY(-4deg) rotateX(2deg)}.windowbar{height:45px;background:#f6f6f8;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:6px;padding:0 15px}.windowbar i{width:8px;height:8px;border-radius:50%;background:#c9cad0}.dash{padding:17px;background:#fafafd;display:grid;grid-template-columns:90px 1fr;gap:12px}.dash-side,.dash-screen{background:#fff;border:1px solid #ededf2;border-radius:16px}.dash-side{display:grid;place-items:start center;padding-top:18px}.dash-side img{width:46px;height:46px;object-fit:contain}.dash-screen{padding:18px}.hello{height:126px;border-radius:14px;background:linear-gradient(135deg,#15151b,#0caac3);color:#fff;padding:20px;display:flex;flex-direction:column;gap:7px}.hello b{font-size:22px}.hello span{font-size:12px;opacity:.75;margin-top:auto}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:9px}.mini-stats>div{height:74px;border:1px solid #eeeef2;border-radius:12px;padding:10px}.mini-stats small{color:#8b8e96}.mini-stats b{display:block;font-size:17px;margin-top:9px}.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0}.strip .wrap{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;color:#999ca4;font-size:13px;font-weight:900;letter-spacing:.04em}
section{padding:92px 0}.ey{font-size:12px;text-transform:uppercase;letter-spacing:.14em;color:#0a9db4;font-weight:950}.title{font-size:clamp(36px,5vw,58px);line-height:1.03;letter-spacing:-3px;margin:11px 0}.desc{font-size:17px;line-height:1.7;color:var(--mut);max-width:720px}.services{display:grid;grid-template-columns:repeat(12,1fr);gap:14px;margin-top:36px}.service{border:1px solid var(--line);border-radius:22px;padding:25px;min-height:215px;position:relative;overflow:hidden;background:#fff}.service:nth-child(1),.service:nth-child(4){grid-column:span 7}.service:nth-child(2),.service:nth-child(3){grid-column:span 5}.sicon{width:46px;height:46px;border-radius:14px;background:#eafbfd;display:grid;place-items:center;font-size:21px}.service h3{font-size:22px;margin:35px 0 8px}.service p{color:var(--mut);line-height:1.55;margin:0;max-width:500px}.price-pill{position:absolute;right:18px;top:18px;border-radius:99px;padding:7px 10px;background:#f5f5f7;font-size:12px;font-weight:850}
.clients-sec{background:#101114;color:#fff}.clients-sec .desc{color:#aeb1b9}.client-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:36px}.client-tile{background:#fff;border:1px solid #2b2d32;border-radius:19px;padding:17px;color:#121317;min-height:140px;display:flex;flex-direction:column;transition:.2s}.client-tile:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(0,0,0,.22)}.client-tile>div{flex:1;display:grid;place-items:center;min-height:70px;padding:5px}.client-tile img{max-width:100%;max-height:65px;object-fit:contain}.client-tile b{font-size:19px;text-align:center}.client-tile>span{border-top:1px solid #ececf0;padding-top:10px;color:#777b84;font-size:12px}
.builder-sec{background:#f6f6f8}.builder{display:grid;grid-template-columns:1.15fr .72fr;gap:18px;margin-top:38px}.box{background:#fff;border:1px solid #e5e5ea;border-radius:24px;padding:25px}.progress{display:flex;gap:7px;margin-bottom:25px}.progress i{height:5px;flex:1;background:#ececf0;border-radius:99px}.progress i.on{background:linear-gradient(90deg,#0aaec7,#665cff)}.step{display:none}.step.on{display:block}.step h3{font-size:25px;letter-spacing:-.7px;margin:0 0 6px}.step>p{color:var(--mut);margin:0 0 21px}.options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.opt{border:1.5px solid var(--line);border-radius:16px;padding:16px;text-align:left;background:#fff;cursor:pointer;transition:.18s}.opt:hover{transform:translateY(-2px);border-color:#8cced8}.opt.on{border-color:#0bacc4;background:#f0fbfc;box-shadow:0 0 0 3px #e2f6f9}.opt b{display:block;font-size:15px}.opt small{display:block;color:#888c95;margin-top:5px;line-height:1.4}.opt strong{display:block;margin-top:14px;color:#078da2}.navsteps{display:flex;justify-content:space-between;margin-top:22px}.step-btn{border:1px solid var(--line);background:#fff;padding:12px 16px;border-radius:12px;font-weight:850;cursor:pointer}.step-btn.next{background:#111216;color:#fff;border-color:#111216;margin-left:auto}.lang-row{display:flex;justify-content:space-between;align-items:center;padding:18px;border:1px solid var(--line);border-radius:16px}.lang-row>div:first-child{display:flex;flex-direction:column;gap:4px}.lang-row span{color:#92959c;font-size:13px}.counter{display:flex;border:1px solid var(--line);border-radius:11px;overflow:hidden}.counter button{width:40px;height:40px;border:0;background:#f6f6f8;cursor:pointer}.counter span{width:45px;display:grid;place-items:center;font-weight:950;color:#111}.addons{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.addon{border:1px solid var(--line);border-radius:14px;padding:13px;display:flex;align-items:flex-start;gap:10px;cursor:pointer}.addon:has(input:checked){border-color:#0baac1;background:#f0fbfc}.addon input,.ad-option input{margin-top:3px;accent-color:#0baac1}.addon b,.addon small{display:block}.addon b{font-size:14px}.addon small{color:#92959c;margin-top:4px}.ad-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ad-option{border:1px solid var(--line);border-radius:18px;padding:18px;cursor:pointer;min-height:155px;display:flex;gap:9px}.ad-option:has(input:checked){border-color:#0baac1;background:#f0fbfc;box-shadow:0 0 0 3px #e2f6f9}.ad-option span{display:flex;flex-direction:column;flex:1}.ad-option b{font-size:18px}.ad-option small{color:var(--mut);line-height:1.45;margin-top:7px}.ad-option strong{font-size:25px;margin-top:auto}.ad-option em{font-style:normal;font-size:12px;color:var(--mut)}.final-card{padding:22px;border:1px solid var(--line);border-radius:17px;background:#fafafd}.final-card>b{font-size:21px}.final-card div{margin-top:10px;color:#737780;line-height:1.75}.sum{position:sticky;top:96px;height:max-content}.sum-top{padding-bottom:18px;border-bottom:1px solid var(--line)}.sum h3{margin:7px 0 0;font-size:20px}.big-price{font-size:54px;letter-spacing:-3.5px;font-weight:950;margin:16px 0 3px}.big-price small{font-size:14px;color:var(--mut);letter-spacing:0}.sum-line{display:flex;justify-content:space-between;gap:15px;padding:11px 0;border-bottom:1px dashed #e4e4e8;color:#646872}.sum-line b{color:#17181c;text-align:right}.recurring{background:#effbfc;border-radius:13px;padding:13px;margin-top:14px;display:flex;justify-content:space-between;gap:15px;font-size:13px}.recurring b{color:#078da2}.hosting{background:#f3f2ff;color:#5047d9;border-radius:13px;padding:13px;margin:10px 0 15px;font-size:13px;line-height:1.5}.fine{font-size:11px;color:#999da6;text-align:center;line-height:1.45;margin:10px 0 0}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:34px}.process article{padding:22px;border-top:1px solid #dfe0e5}.process article>span{font-size:12px;color:#0a9db4;font-weight:950}.process h3{margin:30px 0 8px}.process p{color:var(--mut);line-height:1.55;font-size:14px}.portal-sec{padding-top:18px}.portal{background:#111216;color:#fff;border-radius:30px;padding:48px;display:grid;grid-template-columns:1fr .9fr;gap:45px;align-items:center}.portal .desc{color:#adb0ba}.portal-mock{background:#fff;color:#17181c;border-radius:20px;padding:15px}.ticket{border:1px solid #ededf1;border-radius:13px;padding:13px;margin-top:9px;display:flex;justify-content:space-between}.ticket div{display:flex;flex-direction:column;gap:5px}.ticket span{font-size:12px;color:#888}.ticket em{font-size:11px;padding:5px 8px;background:#eaf8f1;color:#148154;border-radius:99px;height:max-content;font-style:normal}.cta{text-align:center;padding:110px 0}.cta .desc{margin:0 auto 24px}footer{padding:30px 0 46px;border-top:1px solid var(--line);color:#777b84}.foot{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.foot img{width:155px;height:58px;object-fit:contain}.foot b{color:#24262b}.mobile-cta{display:none}
/* order and auth */
.order-page{background:#f7f7f9}.order-page footer,.auth-page footer{background:#fff}.order-wrap{display:grid;grid-template-columns:1.05fr .7fr;gap:30px;padding-top:62px;padding-bottom:90px}.order-wrap h1{font-size:50px;letter-spacing:-3px;margin:10px 0}.order-form{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;margin-top:28px;display:flex;flex-direction:column;gap:17px}.form-stack{display:flex;flex-direction:column;gap:15px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}label{font-size:13px;font-weight:750;color:#4b4f57;display:flex;flex-direction:column;gap:7px}label small{font-weight:500;color:#92959c}input,textarea,select{width:100%;border:1px solid #dfe0e5;background:#fff;border-radius:11px;padding:12px 13px;outline:none}input:focus,textarea:focus,select:focus{border-color:#0aa9c0;box-shadow:0 0 0 3px #e4f7f9}textarea{resize:vertical}.checkline{display:flex;flex-direction:row;align-items:center;gap:9px;font-weight:550}.checkline input{width:auto}.signed-as{border:1px solid #d9f1f4;background:#f2fbfc;border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:4px}.signed-as span{font-size:13px;color:var(--mut)}.order-summary{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;height:max-content;position:sticky;top:100px}.order-summary h2{font-size:26px;margin:9px 0 20px}.summary-line,.total-line{display:flex;justify-content:space-between;gap:15px;padding:10px 0;border-bottom:1px dashed var(--line);font-size:14px}.summary-line span{color:var(--mut)}.total-line{font-size:18px;border-bottom:0;margin-top:8px}.total-line.monthly{color:#078da2}.back-link{display:inline-block;color:#5f6570;font-size:13px;margin-top:18px}.auth-page{background:#f6f7f9}.auth-wrap{min-height:calc(100vh - 210px);display:grid;place-items:center;padding:60px 16px}.auth-card{background:#fff;border:1px solid var(--line);border-radius:26px;padding:35px;width:min(480px,100%);box-shadow:var(--shadow)}.auth-logo{width:190px;height:72px;object-fit:contain;margin-bottom:22px}.auth-card h1{font-size:38px;letter-spacing:-2px;margin:10px 0}.auth-card>p{color:var(--mut);line-height:1.6;margin:0 0 24px}
/* panel */
.panel-body{background:#f3f4f6}.panel-shell{min-height:100vh;display:grid;grid-template-columns:255px 1fr}.panel-side{position:sticky;top:0;height:100vh;background:#111216;color:#fff;padding:24px 18px;display:flex;flex-direction:column}.panel-logo{background:#fff;border-radius:14px;padding:6px 10px;margin-bottom:25px}.panel-logo img{display:block;width:100%;height:64px;object-fit:contain}.panel-side nav{display:flex;flex-direction:column;gap:5px}.panel-side nav a{padding:12px 14px;border-radius:11px;color:#adb1bb;font-size:14px}.panel-side nav a:hover,.panel-side nav a.on{background:#25272d;color:#fff}.side-user{margin-top:auto;padding:14px;border-top:1px solid #2d2f35;display:flex;flex-direction:column;gap:4px}.side-user small{color:#8f939d}.link-button{border:0;background:none;color:#9fdce5;padding:8px 0 0;text-align:left;cursor:pointer}.panel-main{padding:26px 30px 60px;min-width:0}.panel-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.panel-top>div{margin-right:auto}.panel-top span{font-size:12px;color:#858a94;text-transform:uppercase;letter-spacing:.1em}.panel-top h1{margin:3px 0 0;font-size:31px;letter-spacing:-1.4px}.side-toggle{display:none;border:0;background:#fff;border-radius:10px;padding:10px}.welcome-card{padding:34px;background:linear-gradient(135deg,#111216,#0b9db3);color:#fff;border-radius:24px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.welcome-card .ey{color:#9feaf4}.welcome-card h2{font-size:34px;letter-spacing:-1.7px;margin:8px 0}.welcome-card p{color:#c7d3d7;margin:0}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.stats-grid article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px}.stats-grid span{color:#858a94;font-size:13px}.stats-grid b{display:block;font-size:29px;margin-top:14px}.panel-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;margin-bottom:18px}.panel-card h2,.panel-card h3{margin:6px 0 18px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:12px}.card-head h2,.card-head h3{margin:5px 0 0}.order-cards{display:flex;flex-direction:column}.order-cards>a{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 4px;border-bottom:1px solid #eff0f3}.order-cards>a:last-child{border-bottom:0}.order-cards>a>div{display:flex;flex-direction:column;gap:4px}.order-cards span{font-size:12px;color:#858a94}.status{display:inline-flex;width:max-content;border-radius:99px;padding:6px 9px;font-size:11px!important;font-weight:800}.status.success{background:#eaf8f1;color:#148154}.status.danger{background:#fff0f2;color:#ac3545}.status.info{background:#e9f6fb;color:#147690}.status.warning{background:#fff6e7;color:#986115}.empty{text-align:center;color:#91959e;padding:35px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:660px}th,td{text-align:left;padding:14px 10px;border-bottom:1px solid #eff0f3;font-size:13px}th{color:#858a94;font-weight:650}td b,td small{display:block}td small{color:#8b8f97;margin-top:4px}.table-link{color:#078fa5;font-weight:800;white-space:nowrap}.panel-grid{display:grid;grid-template-columns:1.15fr .7fr;gap:18px}.users-grid{grid-template-columns:1.35fr .65fr}.page-actions{margin-bottom:14px}.order-hero{padding:28px;background:linear-gradient(135deg,#111216,#263238);color:#fff;border-radius:22px;display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.order-hero h2{font-size:33px;letter-spacing:-1.4px;margin:12px 0 4px}.order-hero p{color:#acb0b8;margin:0}.order-hero>div:last-child{display:flex;flex-direction:column;align-items:flex-end}.order-hero>div:last-child b{font-size:24px;margin-top:8px}.order-hero>div:last-child small{color:#aeb2b9}.detail-list>div{display:flex;justify-content:space-between;gap:18px;padding:12px 0;border-bottom:1px dashed var(--line)}.detail-list span{color:#777c85}.note-box{margin-top:18px;padding:15px;background:#f7f7f9;border-radius:13px}.note-box p{color:#686d75;line-height:1.55;margin-bottom:0}.contact-card{display:flex;flex-direction:column;gap:6px;border:1px solid var(--line);border-radius:13px;padding:14px;margin-bottom:18px}.contact-card a{color:#078fa5;font-size:13px}.compact{border-top:1px solid var(--line);padding-top:16px}.support-card{margin-top:2px}.messages{display:flex;flex-direction:column;gap:12px;margin:18px 0}.message{max-width:78%;background:#f2f3f5;border-radius:15px;padding:13px 15px}.message.own{margin-left:auto;background:#e9f8fa}.message header{display:flex;gap:10px;align-items:center;justify-content:space-between}.message header span{color:#888d96;font-size:11px}.message p{line-height:1.55;margin:9px 0 0}.support-form{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end}.support-form textarea{min-height:80px}.catalog{padding-bottom:10px}.catalog-list{display:flex;flex-direction:column}.catalog-row{display:grid;grid-template-columns:1fr auto;gap:14px;border-top:1px solid #eff0f3;padding:13px 0}.catalog-main{display:grid;grid-template-columns:minmax(150px,.65fr) minmax(180px,1fr) 70px;gap:8px}.catalog-main input{padding:9px}.catalog-main .mini-input{width:70px}.catalog-controls{display:flex;align-items:end;gap:8px}.catalog-controls label{width:80px}.catalog-controls .checkline{width:auto;padding-bottom:9px}.catalog-controls input{padding:9px}.add-row{display:none;background:#f6fbfc;padding:13px;border-radius:13px}.add-row.on{display:grid}.settings-card{max-width:800px}.panel-lead{color:var(--mut);margin:-6px 0 22px}
@media(max-width:1000px){.nav-links{display:none}.hero-grid,.builder,.portal,.order-wrap,.panel-grid,.users-grid{grid-template-columns:1fr}.client-grid{grid-template-columns:repeat(3,1fr)}.sum,.order-summary{position:static}.panel-shell{grid-template-columns:1fr}.panel-side{position:fixed;z-index:50;left:-280px;width:255px;transition:.2s}.panel-side.open{left:0;box-shadow:20px 0 60px rgba(0,0,0,.24)}.side-toggle{display:block}.panel-main{padding:20px}.catalog-row{grid-template-columns:1fr}.catalog-controls{flex-wrap:wrap}.services{grid-template-columns:1fr}.service:nth-child(n){grid-column:auto}.process{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.wrap{width:calc(100% - 22px)}.site-nav .nav-btn.ghost-btn{display:none}.brand img{width:145px}.nav-inner{min-height:70px}.hero{padding-top:50px}.hero h1{font-size:47px;letter-spacing:-3.5px}.lead{font-size:17px}.stage{margin-top:20px}.window{transform:none}.dash{grid-template-columns:1fr}.dash-side{display:none}.options,.addons,.ad-options,.process,.client-grid,.stats-grid,.form-grid{grid-template-columns:1fr}.portal{padding:25px}.title{letter-spacing:-2px}.checks{gap:10px}.big-price{font-size:48px}.mobile-cta{display:block;position:fixed;left:0;right:0;bottom:0;padding:9px 14px;background:rgba(255,255,255,.93);backdrop-filter:blur(15px);z-index:40;border-top:1px solid var(--line)}.mobile-cta .btn{display:flex}.home-page{padding-bottom:70px}.order-wrap h1{font-size:40px}.panel-main{padding:14px}.panel-top .secondary{display:none}.welcome-card{padding:24px;align-items:flex-start;flex-direction:column}.welcome-card h2{font-size:28px}.order-hero{align-items:flex-start;flex-direction:column}.order-hero>div:last-child{align-items:flex-start}.message{max-width:92%}.support-form{grid-template-columns:1fr}.catalog-main{grid-template-columns:1fr}.catalog-controls{align-items:center}.foot{flex-direction:column;text-align:center}.site-nav .nav-btn{padding:10px 12px;font-size:12px}.auth-card{padding:25px}}
.final-card div{white-space:pre-line}
.addon[hidden]{display:none}.included-addon{border-color:#9bdcc0;background:#f1fbf6;cursor:default}.included-addon:has(input:checked){border-color:#46b983;background:#edfaf3;box-shadow:0 0 0 3px #ddf5e9}.included-badge{display:inline-flex;font-style:normal;font-size:10px;line-height:1;border-radius:99px;padding:5px 7px;background:#dff6e9;color:#12744b;margin-left:6px;vertical-align:middle;white-space:nowrap}
.clients-sec{background:#101114;color:#fff}.client-grid{grid-template-columns:repeat(3,1fr);gap:16px}.client-tile{background:#1b1c21;border-color:#2d2f35;padding:10px;min-height:260px;color:#fff}.client-tile>.site-window{display:block;min-height:205px;padding:0;overflow:hidden;border-radius:13px;background:#fff}.site-windowbar{height:34px;background:#f2f3f5;display:flex;align-items:center;gap:5px;padding:0 10px}.site-windowbar i{width:6px;height:6px;border-radius:50%;background:#c6c8cd}.site-windowbar span{margin-left:7px;color:#9a9da5;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-visual{height:171px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:20px;color:#fff;background:linear-gradient(135deg,#13151a,#08a9c2)}.site-visual small{font-size:9px;letter-spacing:.13em;opacity:.7}.site-visual b{font-size:26px;letter-spacing:-1px;margin-top:5px}.site-visual em{font-style:normal;font-size:11px;opacity:.72;margin-top:4px}.tone-2 .site-visual{background:linear-gradient(135deg,#34166d,#8d5cf6)}.tone-3 .site-visual{background:linear-gradient(135deg,#12291f,#19a067)}.tone-4 .site-visual{background:linear-gradient(135deg,#451518,#e65347)}.tone-5 .site-visual{background:linear-gradient(135deg,#132a4e,#3478de)}.tone-6 .site-visual{background:linear-gradient(135deg,#3c2b08,#e4a620)}.client-tile>.site-meta{display:flex;min-height:auto;place-items:unset;align-items:center;justify-content:space-between;padding:12px 5px 4px}.site-meta span{border:0;padding:0;color:#d4d6dc;font-size:12px}.site-meta b{font-size:18px;color:#72d8e7}.client-tile:hover{transform:translateY(-5px);border-color:#4b4e58}
.scope-picker{grid-column:1/-1;border:1px solid var(--line);border-radius:10px;padding:9px 11px;background:#fafafd}.scope-picker summary{cursor:pointer;font-size:12px;color:#6c717a;font-weight:750}.scope-picker>div{display:grid;grid-template-columns:repeat(3,minmax(140px,1fr));gap:7px;margin-top:10px}.scope-picker .checkline{font-size:11px;padding:4px}.scope-picker .checkline input{width:auto}
@media(max-width:1000px){.client-grid{grid-template-columns:repeat(2,1fr)}.scope-picker>div{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.client-grid,.scope-picker>div{grid-template-columns:1fr}.client-tile{min-height:240px}}

/* v3 constructor clarity */
.addon[hidden],.addon-group[hidden]{display:none!important}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.included-options{margin-top:12px}.included-addon{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:76px;padding:14px 15px;border:1px solid #b9e4e9;border-radius:16px;background:linear-gradient(135deg,#f3fcfd,#ebf9fb);cursor:default;color:#1d3034;box-shadow:none}.included-addon:has(input:checked){border-color:#9ed9e1;background:linear-gradient(135deg,#f3fcfd,#e8f8fa);box-shadow:none}.included-check{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#0aaac1;color:#fff;font-size:14px;font-weight:950;box-shadow:0 6px 14px rgba(10,170,193,.18)}.addon-copy{min-width:0}.addon-copy b{font-size:15px}.addon-copy small{font-size:12px;line-height:1.45;color:#72868b}.included-note{justify-self:end;border:1px solid #9ed9e1;border-radius:99px;padding:6px 9px;background:#fff;color:#087f91;font-size:10px;font-style:normal;font-weight:900;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap}.addon-group{margin-top:20px}.addon-group-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px;padding:0 2px}.addon-group-head b{font-size:13px;color:#3d424a}.addon-count{font-size:11px;color:#969aa3}.addons{margin-top:0}.addon{min-height:76px}.addon>span{min-width:0}

/* v3 compact moving portfolio */
.clients-sec{padding:84px 0 92px;overflow:hidden;background:#101114;color:#fff}.portfolio-head{display:flex;align-items:end;justify-content:space-between;gap:28px}.portfolio-head .title{margin-bottom:0}.portfolio-head .desc{max-width:350px;margin:0;text-align:right;color:#aeb1b9}.portfolio-marquee{margin-top:34px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.portfolio-track{display:flex;width:max-content;will-change:transform;animation:portfolioFlow 42s linear infinite}.portfolio-group{display:flex;flex:none;gap:13px;padding-right:13px}.portfolio-card{--accent:#0aaec7;--deep:#07262c;display:block;flex:none;width:228px;padding:8px;border:1px solid #2b2e34;border-radius:17px;background:#181a1f;color:#fff;transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease}.portfolio-browser{overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:11px;background:#fff}.portfolio-bar{height:25px;padding:0 8px;display:flex;align-items:center;justify-content:space-between;gap:8px;background:#f1f2f4;color:#9b9ea5}.portfolio-bar>span{display:flex;gap:4px}.portfolio-bar i{display:block;width:5px;height:5px;border-radius:50%;background:#c1c4ca}.portfolio-bar em{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px;font-style:normal}.portfolio-preview{height:102px;padding:10px 12px 11px;display:flex;flex-direction:column;color:#fff;background:radial-gradient(circle at 85% 18%,rgba(255,255,255,.22),transparent 24%),linear-gradient(135deg,var(--deep),var(--accent))}.preview-nav{height:17px;display:flex;align-items:center;gap:5px}.preview-nav b{width:17px;height:17px;border-radius:5px;display:grid;place-items:center;background:#fff;color:var(--deep);font-size:8px}.preview-nav span{width:23px;height:3px;border-radius:99px;background:rgba(255,255,255,.28)}.preview-copy{display:grid;grid-template-columns:1fr auto;align-items:end;column-gap:8px;margin-top:auto}.preview-copy small{grid-column:1/-1;text-transform:uppercase;letter-spacing:.1em;font-size:6px;opacity:.66}.preview-copy strong{font-size:16px;line-height:1.05;letter-spacing:-.45px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-copy i{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.16);font-size:10px;font-style:normal}.preview-lines{display:flex;gap:4px;margin-top:8px}.preview-lines span{height:3px;border-radius:99px;background:rgba(255,255,255,.24);flex:1}.preview-lines span:nth-child(2){flex:.65}.preview-lines span:nth-child(3){flex:.4}.portfolio-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 4px 3px}.portfolio-meta>span{min-width:0}.portfolio-meta b,.portfolio-meta small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.portfolio-meta b{font-size:13px}.portfolio-meta small{margin-top:2px;color:#8f949e;font-size:9px}.portfolio-meta em{flex:none;color:#77dbe8;font-size:9px;font-style:normal;font-weight:850}.portfolio-card:hover,.portfolio-card:focus-visible{transform:translateY(-4px);border-color:#535861;background:#1d2026;box-shadow:0 16px 34px rgba(0,0,0,.25);outline:0}.portfolio-marquee:hover .portfolio-track,.portfolio-marquee:focus-within .portfolio-track{animation-play-state:paused}.tone-2{--accent:#7f59e8;--deep:#241346}.tone-3{--accent:#22a66b;--deep:#0d2b1e}.tone-4{--accent:#e15c4c;--deep:#401519}.tone-5{--accent:#3d83df;--deep:#10294a}.tone-6{--accent:#dca82c;--deep:#3c2a06}@keyframes portfolioFlow{to{transform:translateX(-50%)}}

@media(max-width:700px){.included-addon{grid-template-columns:30px minmax(0,1fr);gap:10px}.included-note{grid-column:2;justify-self:start;margin-top:-4px}.clients-sec{padding:64px 0 68px}.portfolio-head{display:block}.portfolio-head .desc{margin-top:12px;text-align:left}.portfolio-marquee{margin-top:26px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}.portfolio-card{width:202px}.portfolio-preview{height:92px}.portfolio-track{animation-duration:34s}}
@media(prefers-reduced-motion:reduce){.portfolio-marquee{overflow-x:auto;-webkit-mask-image:none;mask-image:none;scrollbar-width:thin}.portfolio-track{animation:none}.portfolio-group[aria-hidden="true"]{display:none}.portfolio-card{transition:none}}