.cbc-page{color:#151b2b;background:#fff}.cbc-page *{box-sizing:border-box}.cbc-hero{padding:74px 0 66px;background:radial-gradient(circle at 84% 16%,#e2dcff 0,transparent 29%),linear-gradient(130deg,#f7f5ff 0,#f4f8ff 55%,#fff 100%)}.cbc-hero-grid{display:grid;grid-template-columns:.83fr 1.17fr;gap:58px;align-items:center}.cbc-breadcrumb{display:flex;gap:9px;align-items:center;margin-bottom:38px;font-size:12px;color:#7c8495}.cbc-breadcrumb a{color:#5d42d9}.cbc-kicker,.cbc-section-heading>span,.cbc-process-title>span,.cbc-final span{display:block;color:#7450e8;font-size:11px;font-weight:900;letter-spacing:.14em}.cbc-copy h1{font-size:58px;line-height:1.02;letter-spacing:-.055em;margin:14px 0 23px;max-width:560px}.cbc-lead{font-size:18px;line-height:1.75;color:#616a7c;max-width:560px}.cbc-proof{display:flex;flex-wrap:wrap;gap:18px;margin-top:28px;font-size:12px;font-weight:700;color:#444c5d}.cbc-tool{background:#fff;border:1px solid #e5e7ef;border-radius:24px;box-shadow:0 30px 80px rgba(46,37,104,.14);overflow:hidden}.cbc-tool-head{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:22px 24px;border-bottom:1px solid #ececf2}.cbc-tool-head strong{display:block;font-size:16px}.cbc-tool-head small{display:block;color:#8990a0;margin-top:4px;font-size:11px}.cbc-file-state{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:100px;background:#f1edff;color:#6943df;padding:7px 11px;font-size:10px;font-weight:800}.cbc-workspace{display:grid;grid-template-columns:1.18fr .82fr;min-height:390px}.cbc-canvas{position:relative;display:grid;place-items:center;min-height:390px;padding:22px;transition:background .2s;background:#fff}.cbc-canvas:before{content:"";position:absolute;inset:14px;border:1px dashed rgba(95,80,155,.28);border-radius:15px;pointer-events:none}.cbc-canvas img{position:relative;z-index:1;max-width:100%;max-height:345px;object-fit:contain}.cbc-drop{position:relative;z-index:2;text-align:center;cursor:pointer}.cbc-drop span{display:grid;place-items:center;width:52px;height:52px;margin:0 auto 16px;border-radius:15px;background:#7048e8;color:#fff;font-size:25px;box-shadow:0 10px 23px rgba(112,72,232,.25)}.cbc-drop strong,.cbc-drop small{display:block}.cbc-drop strong{font-size:17px}.cbc-drop small{color:#8a90a0;font-style:normal;margin:8px 0 18px}.cbc-drop em{display:inline-block;padding:10px 17px;border-radius:9px;background:#eee9ff;color:#6541d4;font-style:normal;font-size:12px;font-weight:800}.cbc-canvas input[type=file]{position:absolute;width:1px;height:1px;opacity:0}.cbc-controls{padding:23px;background:#f9f9fc;border-left:1px solid #ececf2}.cbc-control-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;font-weight:800;font-size:13px}.cbc-control-title button{border:0;background:none;color:#7654e8;font-size:11px;cursor:pointer}.cbc-swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.cbc-swatches button{aspect-ratio:1;border-radius:10px;border:2px solid #fff;box-shadow:0 0 0 1px #d9dbe4;cursor:pointer}.cbc-swatches button.active{box-shadow:0 0 0 2px #7654e8}.cbc-hex{display:grid;grid-template-columns:1fr 72px 38px;align-items:center;gap:7px;margin-top:20px;font-size:11px;font-weight:800}.cbc-hex input[type=text]{width:100%;padding:10px;border:1px solid #dfe1e8;border-radius:8px;font:inherit;color:#343a49}.cbc-hex input[type=color]{width:38px;height:38px;padding:2px;border:1px solid #dfe1e8;border-radius:8px;background:#fff}.cbc-tool-note,.cbc-status{font-size:10px;line-height:1.55;color:#747d8e;margin:17px 0}.cbc-primary{width:100%;padding:13px;border:0;border-radius:10px;background:#7048e8;color:#fff;font-weight:800;cursor:pointer}.cbc-primary:disabled{background:#d8d5e3;color:#8d8997;cursor:not-allowed}.cbc-status{padding:9px 10px;background:#edf8f0;color:#30714a;border-radius:8px}.cbc-jump{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.95);border-bottom:1px solid #ececf2;box-shadow:0 7px 18px rgba(30,35,50,.04);backdrop-filter:blur(10px)}.cbc-jump .site-shell{display:flex;align-items:center;gap:30px;min-height:61px;overflow:auto}.cbc-jump strong{font-size:12px;white-space:nowrap}.cbc-jump a{font-size:12px;color:#687083;white-space:nowrap}.cbc-section{padding:96px 0}.cbc-section-heading{text-align:center;max-width:720px;margin:0 auto 43px}.cbc-section-heading.left{text-align:left;margin-left:0}.cbc-section-heading h2,.cbc-process-title h2,.cbc-quality-panel h2,.cbc-faq h2{font-size:40px;line-height:1.12;letter-spacing:-.035em;margin:12px 0 14px}.cbc-section-heading p,.cbc-process-title p,.cbc-quality-panel>p,.cbc-faq-grid>div>p{font-size:16px;line-height:1.75;color:#697285}.cbc-example-grid{display:grid;grid-template-columns:1.28fr .86fr .86fr;gap:20px}.cbc-example-grid article{border:1px solid #e5e7ed;border-radius:20px;overflow:hidden;background:#fff}.cbc-example-grid img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}.cbc-example-grid article>div{padding:22px}.cbc-example-grid span{font-size:10px;letter-spacing:.12em;font-weight:900;color:#7550e8}.cbc-example-grid h3{font-size:19px;margin:9px 0}.cbc-example-grid p{font-size:13px;line-height:1.65;color:#6b7383}.cbc-feature-card img{aspect-ratio:16/8.7}.cbc-process{background:#171c2b;color:#fff}.cbc-process-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:92px}.cbc-process-title{padding-top:15px}.cbc-process-title p{color:#aab1c1}.cbc-steps{list-style:none;margin:0;padding:0}.cbc-steps li{display:grid;grid-template-columns:70px 1fr;gap:21px;padding:27px 0;border-bottom:1px solid rgba(255,255,255,.13)}.cbc-steps b{color:#8c70f2;font-size:12px}.cbc-steps h3{font-size:20px;margin:0 0 8px}.cbc-steps p{color:#aeb5c4;line-height:1.7;font-size:14px}.cbc-color-guide{background:#fafafe}.cbc-color-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.cbc-color-cards article{padding:27px;border:1px solid #e3e5ec;border-radius:17px;background:#fff}.cbc-color-cards i{display:block;width:42px;height:42px;border-radius:50%;margin-bottom:26px;box-shadow:0 0 0 7px #f4f4f7}.cbc-white i{background:#fff;border:1px solid #ddd}.cbc-soft i{background:#c5c9b9}.cbc-bold i{background:#5d45de}.cbc-dark i{background:#252a34}.cbc-color-cards h3{font-size:18px}.cbc-color-cards p{font-size:13px;line-height:1.65;color:#697183}.cbc-color-cards small{display:block;border-top:1px solid #ececf1;margin-top:18px;padding-top:16px;font-size:11px;line-height:1.55;color:#7a8190}.cbc-quality-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:70px;align-items:start}.cbc-quality-panel ul{margin:27px 0 0;padding:0;list-style:none}.cbc-quality-panel li{padding:13px 0 13px 30px;border-bottom:1px solid #ececf2;position:relative;color:#424a5b}.cbc-quality-panel li:before{content:"✓";position:absolute;left:0;color:#7048e8;font-weight:900}.cbc-checklist{border-radius:23px;background:#f2efff;padding:33px}.cbc-checklist h3{font-size:23px;margin:0 0 19px}.cbc-checklist div{display:grid;grid-template-columns:80px 1fr;gap:16px;padding:16px 0;border-top:1px solid rgba(93,69,222,.14)}.cbc-checklist span{font-weight:800;color:#5d45de}.cbc-checklist em{font-style:normal;font-size:12px;line-height:1.55;color:#626a7c}.cbc-uses{background:#f7f8fa}.cbc-use-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#dfe2e8;border:1px solid #dfe2e8}.cbc-use-row article{background:#fff;padding:31px}.cbc-use-row b{font-size:11px;color:#7753e8}.cbc-use-row h3{font-size:18px;margin:29px 0 10px}.cbc-use-row p{font-size:13px;line-height:1.65;color:#6a7281}.cbc-faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:90px}.cbc-accordions details{border-top:1px solid #dfe2e8;padding:20px 0}.cbc-accordions details:last-child{border-bottom:1px solid #dfe2e8}.cbc-accordions summary{font-size:16px;font-weight:800;cursor:pointer;list-style:none;display:flex;justify-content:space-between}.cbc-accordions summary:after{content:"+";color:#7654e8;font-size:20px}.cbc-accordions details[open] summary:after{content:"−"}.cbc-accordions p{max-width:700px;color:#687183;line-height:1.72;font-size:14px;padding-right:40px}.cbc-final{padding:58px 0;background:#7654e8;color:#fff}.cbc-final .site-shell{display:flex;justify-content:space-between;align-items:center;gap:30px}.cbc-final span{color:#ddd3ff}.cbc-final h2{font-size:35px;margin:8px 0 0}.cbc-final a{padding:14px 20px;border-radius:10px;background:#fff;color:#5f3bd1;font-weight:900;font-size:13px}@media(max-width:980px){.cbc-hero-grid,.cbc-process-grid,.cbc-quality-grid,.cbc-faq-grid{grid-template-columns:1fr;gap:42px}.cbc-copy h1{font-size:47px}.cbc-workspace{grid-template-columns:1fr}.cbc-controls{border-left:0;border-top:1px solid #ececf2}.cbc-example-grid{grid-template-columns:1fr 1fr}.cbc-feature-card{grid-column:1/-1}.cbc-color-cards,.cbc-use-row{grid-template-columns:1fr 1fr}}@media(max-width:640px){.cbc-hero{padding:45px 0}.cbc-copy h1{font-size:39px}.cbc-lead{font-size:15px}.cbc-workspace,.cbc-canvas{min-height:330px}.cbc-section{padding:68px 0}.cbc-section-heading h2,.cbc-process-title h2,.cbc-quality-panel h2,.cbc-faq h2{font-size:32px}.cbc-example-grid,.cbc-color-cards,.cbc-use-row{grid-template-columns:1fr}.cbc-feature-card{grid-column:auto}.cbc-jump .site-shell{gap:22px}.cbc-final .site-shell{align-items:flex-start;flex-direction:column}.cbc-proof{gap:11px}.cbc-tool-head{align-items:flex-start;flex-direction:column}}