.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.step{position:relative;background:#100c0d;border:1px solid var(--line);border-radius:14px;padding:23px}.step b{display:block;color:var(--red2);font-size:13px;margin-bottom:20px}.step h3{font-size:18px;margin:0 0 7px}.step p{font-size:14px;color:#93878b;margin:0}.pay{margin-top:24px;padding:18px 22px;border:1px solid #512c35;background:#170e11;border-radius:12px;color:#c6b9bd}.faq{display:grid;gap:10px;max-width:900px}.faq details{border:1px solid var(--line);background:#100c0d;border-radius:12px;padding:18px 20px}.faq summary{cursor:pointer;font-weight:700}.faq p{color:#9e9195;margin:12px 0 2px}.legal{display:flex;gap:18px;flex-wrap:wrap}.legal a:hover{color:#fff}.privacy{max-width:850px;padding:70px 0 100px}.privacy h1{font-size:45px}.privacy h2{margin-top:35px}.privacy p,.privacy li{color:#b2a6aa}.back{color:var(--red2)}@media(max-width:900px){.steps{grid-template-columns:1fr 1fr}}@media(max-width:600px){.steps{grid-template-columns:1fr}.privacy h1{font-size:36px}}
.consent{display:flex;align-items:flex-start;gap:9px;color:#998d91;font-size:12px;margin:13px 0}.consent input{margin-top:4px}.consent a{color:#ff7183}
.hero-photo{margin:0;overflow:hidden;aspect-ratio:1.04;border:1px solid #482831;border-radius:24px;box-shadow:0 35px 90px #0009,0 0 75px #e31b3618;background:#181114}.hero-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:49% center}@media(max-width:900px){.hero-photo{width:100%;max-width:620px;aspect-ratio:1.15}}

/* Service detail sections, extending the established Proton palette. */
.workflow-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.workflow-card{padding:30px 32px;border-left:3px solid var(--red);background:#120e10;border-radius:0 14px 14px 0}
.workflow-card h3,.operation h3,.price-card h3,.crm-band h3{font-size:1.25rem;margin:0 0 12px;line-height:1.4}
.workflow-card p,.operation p,.price-card p,.crm-band p{margin:0;color:#b9adb1;font-size:1rem;line-height:1.7}
.operations{background:#100b0d;border-block:1px solid var(--line)}
.operations .head h2{margin-top:14px}.operations .head>div{max-width:680px}
.operations-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.operation{border-top:1px solid #77303f;padding-top:24px}
.crm-band{display:grid;grid-template-columns:1fr .8fr;gap:42px;align-items:center;margin-top:46px;padding-top:36px;border-top:1px solid var(--line)}
.crm-names{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.crm-names li{border:1px solid #513039;border-radius:9px;padding:14px 16px;text-align:center;font-size:1rem;color:#e3d9dc}
.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.price-card{padding:30px;border:1px solid #64303d;border-radius:16px;background:linear-gradient(150deg,#251219,#110c0e)}
.price-card h3{min-height:56px}.price-value{font-size:2.6rem;line-height:1.2;font-weight:700;letter-spacing:-.04em;overflow-wrap:anywhere}
.price-unit{color:#ff8495;font-size:.9rem;margin:8px 0 22px}
.pricing-bottom{display:flex;align-items:center;gap:28px;margin-top:28px}.pricing-bottom .btn{flex-shrink:0}
.pricing-bottom p{font-size:.875rem;color:#afa2a7;margin:0 0 5px}.pricing-bottom a:not(.btn){font-size:.875rem;color:#ff8495;text-decoration:underline;text-underline-offset:3px}
section[id]{scroll-margin-top:96px}.card p,.step p{font-size:1rem}.facts,.tag{font-size:.875rem}
@media(max-width:1100px){.nav{gap:14px}}
@media(max-width:900px){.operations-grid,.pricing-grid{grid-template-columns:1fr}.price-card h3{min-height:0}.crm-band{grid-template-columns:1fr}.pricing-bottom{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.workflow-grid{grid-template-columns:1fr}.workflow-card{padding:24px}.operations-grid{gap:26px}.crm-band{gap:24px}.price-card{padding:25px}.price-value{font-size:2.3rem}.pricing-bottom .btn{width:100%}}

.crm-band{grid-template-columns:1fr}.crm-band>div{max-width:850px}.price-value{font-size:2rem}

/* Vertical onboarding sequence: heading and description stay together. */
.onboarding>.wrap{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:80px;align-items:start}
.onboarding .head{display:block;margin:0}.onboarding .head h2{max-width:360px}.onboarding .head p{margin-top:22px;font-size:1rem;line-height:1.75;max-width:350px}
.steps.onboarding-timeline{display:block;position:relative;border:0}
.onboarding-timeline:before{content:"";position:absolute;left:0;top:9px;bottom:36px;width:1px;background:linear-gradient(#e31b36,#493039)}
.onboarding-timeline .step{display:grid;grid-template-columns:1fr;gap:0;position:relative;padding:0 0 40px 30px;background:none;border:0;border-radius:0}
.onboarding-timeline .step:last-child{padding-bottom:0}
.onboarding-timeline .step:before{content:"";position:absolute;left:-3px;top:8px;width:7px;height:7px;border-radius:50%;background:#ff5066}
.onboarding-timeline .step b{display:block;margin:0 0 9px;font-size:.875rem;letter-spacing:.1em;font-weight:600;color:#ff7183}
.onboarding-timeline .step h3{font-size:1.5rem;line-height:1.35;letter-spacing:-.025em;margin:0 0 10px;font-weight:600}
.onboarding-timeline .step p{font-size:1rem;line-height:1.75;color:#b9acb1;margin:0;max-width:530px}
@media(max-width:900px){.onboarding>.wrap{grid-template-columns:1fr;gap:42px}.onboarding .head h2,.onboarding .head p{max-width:650px}.steps.onboarding-timeline{max-width:680px}}
@media(max-width:600px){.onboarding-timeline{margin-left:4px}.onboarding-timeline .step{padding-left:23px;padding-bottom:32px}.onboarding-timeline .step h3{font-size:1.25rem}.onboarding .head p{margin-top:17px}.onboarding>.wrap{gap:34px}}

.pricing .head h2{max-width:680px}.pricing .price-card{display:flex;flex-direction:column}.pricing .price-value{font-size:2.8rem}.pricing .price-card h3{min-height:56px}
.rate-list{list-style:none;padding:0;margin:26px 0 0;border-top:1px solid #52313b}.rate-list li{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:11px 0;border-bottom:1px solid #36232a;font-size:1rem}.rate-list li>span:last-child{color:#f5e9ed;white-space:nowrap;font-weight:600}.rate-list small{display:block;color:#ac9aa1;font-size:.875rem;line-height:1.5;margin-top:2px}.price-coverage{font-size:.875rem;color:#ff8998;margin-top:16px}.pricing .price-card p.did-price-note{margin-top:24px;padding-top:20px;border-top:1px solid #52313b;color:#f3e3e8}
@media(max-width:900px){.pricing .price-card h3{min-height:0}}

/* Unified service cards and a clear API panel. */
.operations .head{display:block;margin-bottom:36px}.operations .head>div{max-width:820px}.operations .head h2{max-width:820px;font-size:clamp(2rem,3.6vw,2.8rem);line-height:1.2;letter-spacing:-.035em}.operations .head p{max-width:710px;margin-top:20px;font-size:1rem;line-height:1.75}
.operations-grid{gap:18px;align-items:stretch}.operation{padding:28px;background:#160f12;border:1px solid #3d262e;border-radius:16px}.operation-icon{display:flex;align-items:center;justify-content:center;width:46px;height:46px;background:#2b141c;border:1px solid #68303f;border-radius:12px;color:#ff7f91;margin-bottom:24px}.operation-icon svg{width:24px;height:24px}.operation h3{font-size:1.25rem;margin-bottom:12px}.operation p{font-size:1rem;line-height:1.75;color:#c0b1b7}
.operations .crm-band{display:grid;grid-template-columns:64px minmax(0,1fr);gap:24px;align-items:center;margin-top:20px;padding:30px 32px;border:1px solid #703043;border-radius:16px;background:linear-gradient(110deg,#29121c,#160e12 75%)}
.api-mark{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:16px;color:#ff8a9c;background:#371925;border:1px solid #824055}.api-mark svg{width:30px;height:30px}.api-copy{max-width:850px}.api-copy h3{margin:0 0 8px;font-size:1.35rem;line-height:1.4}.api-copy p{margin:0;color:#cdbdc4;font-size:1rem;line-height:1.75}
@media(max-width:900px){.operations-grid{grid-template-columns:1fr}.operation{padding:26px}.operation-icon{margin-bottom:18px}}
@media(max-width:600px){.operations .crm-band{grid-template-columns:1fr;gap:18px;padding:25px}.api-mark{width:48px;height:48px;border-radius:12px}.api-mark svg{width:24px;height:24px}.api-copy h3{font-size:1.25rem}}

/* Pricing columns separated by red rules, without card surfaces. */
.pricing .pricing-grid{gap:0}
.pricing .price-card{border:0;border-radius:0;background:none;box-shadow:none;padding:8px 32px}
.pricing .price-card:first-child{padding-left:0}
.pricing .price-card:last-child{padding-right:0}
.pricing .price-card+.price-card{border-left:1px solid #71313e}
@media(max-width:900px){.pricing .price-card,.pricing .price-card:first-child,.pricing .price-card:last-child{padding:30px 0}.pricing .price-card:first-child{padding-top:0}.pricing .price-card:last-child{padding-bottom:0}.pricing .price-card+.price-card{border-left:0;border-top:1px solid #71313e}}