/* CSPLUS.ID v9.9.28 — Unified Design System & Visual Harmony */
:root{
  --cs-container:1240px;
  --cs-container-wide:1380px;
  --cs-page-gutter:24px;
  --cs-page-gutter-mobile:16px;
  --cs-bg-page:#f7f7f8;
  --cs-bg-surface:#fff;
  --cs-bg-soft:#f1f2f4;
  --cs-text-primary:#09090b;
  --cs-text-secondary:#5f6368;
  --cs-text-inverse:#fff;
  --cs-accent-primary:#09090b;
  --cs-accent-support:#0f766e;
  --cs-border-subtle:rgba(15,23,42,.09);
  --cs-border-strong:rgba(15,23,42,.16);
  --cs-radius-control:14px;
  --cs-radius-card:24px;
  --cs-radius-feature:32px;
  --cs-radius-hero:36px;
  --cs-radius-pill:999px;
  --cs-shadow-card:0 16px 48px rgba(15,23,42,.07);
  --cs-shadow-feature:0 28px 80px rgba(15,23,42,.10);
  --cs-space-1:4px;
  --cs-space-2:8px;
  --cs-space-3:12px;
  --cs-space-4:16px;
  --cs-space-5:20px;
  --cs-space-6:24px;
  --cs-space-8:32px;
  --cs-space-10:40px;
  --cs-space-12:48px;
  --cs-space-16:64px;
  --cs-space-20:80px;
  --cs-space-24:96px;
  --cs-display:clamp(44px,5.6vw,84px);
  --cs-h1:clamp(40px,4.5vw,64px);
  --cs-h2:clamp(30px,3.2vw,46px);
  --cs-h3:clamp(22px,2vw,30px);
  --cs-body-lg:18px;
  --cs-body:16px;
  --cs-small:14px;
  --cs-label:12px;
  --cs-control-height:52px;
  --cs-touch-min:44px;
  --cs-mobile-fixed-ui-height:calc(82px + env(safe-area-inset-bottom));
  --cs-ease:cubic-bezier(.2,.8,.2,1);
  --cs-duration:220ms;
}
*{box-sizing:border-box}
html{max-width:100%;overflow-x:clip;scroll-padding-top:92px}
body.cs-unified-v9928{margin:0;max-width:100%;overflow-x:clip;background:var(--cs-bg-page);color:var(--cs-text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.cs-unified-v9928 img{display:block;max-width:100%}
.cs-unified-v9928 a{color:inherit}
.cs-unified-v9928 main{min-width:0}
.cs-container,.cs-unified-container{width:min(var(--cs-container),calc(100% - (var(--cs-page-gutter) * 2)));margin-inline:auto}
.cs-container-wide,.cs-unified-container-wide,.cs-apple-shell{width:min(var(--cs-container-wide),calc(100% - (var(--cs-page-gutter) * 2)));margin-inline:auto}
.cs-unified-section{padding-block:var(--cs-space-20)}
.cs-unified-section--soft{background:var(--cs-bg-soft)}
.cs-unified-stack{display:grid;gap:var(--cs-space-6)}
.cs-unified-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--cs-space-6)}
.cs-unified-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.cs-unified-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.cs-unified-hero{padding:clamp(112px,11vw,164px) 0 var(--cs-space-20);background:linear-gradient(180deg,#fff 0%,var(--cs-bg-page) 92%)}
.cs-unified-hero__panel{display:grid;grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);gap:clamp(44px,7vw,96px);align-items:center;padding:clamp(34px,5vw,72px);border:1px solid var(--cs-border-subtle);border-radius:var(--cs-radius-hero);background:linear-gradient(135deg,#fff 0%,#fafafa 68%,#f1f2f4 100%);box-shadow:var(--cs-shadow-feature);overflow:hidden}
.cs-unified-hero__copy{min-width:0;display:grid;justify-items:start;gap:var(--cs-space-6)}
.cs-unified-eyebrow{display:inline-flex;align-items:center;min-height:32px;padding:7px 12px;border:1px solid var(--cs-border-subtle);border-radius:var(--cs-radius-pill);background:rgba(255,255,255,.86);color:#34383d;font-size:var(--cs-label);font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.cs-unified-display,.cs-unified-h1,.cs-unified-h2,.cs-unified-h3{margin:0;color:var(--cs-text-primary);font-weight:760;letter-spacing:-.055em;text-wrap:balance;overflow-wrap:anywhere}
.cs-unified-display{font-size:var(--cs-display);line-height:.96}
.cs-unified-h1{font-size:var(--cs-h1);line-height:1}
.cs-unified-h2{font-size:var(--cs-h2);line-height:1.04}
.cs-unified-h3{font-size:var(--cs-h3);line-height:1.08;letter-spacing:-.035em}
.cs-unified-lead,.cs-unified-copy,.cs-unified-small{margin:0;color:var(--cs-text-secondary)}
.cs-unified-lead{max-width:700px;font-size:var(--cs-body-lg);line-height:1.6}
.cs-unified-copy{font-size:var(--cs-body);line-height:1.7}
.cs-unified-small{font-size:var(--cs-small);line-height:1.55}
.cs-unified-actions{display:flex;flex-wrap:wrap;gap:var(--cs-space-3);align-items:center}
.cs-button,.cs-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:var(--cs-control-height);padding:0 22px;border:1px solid transparent;border-radius:var(--cs-radius-pill);font:inherit;font-size:15px;font-weight:800;line-height:1;text-decoration:none!important;cursor:pointer;white-space:nowrap;transition:transform var(--cs-duration) var(--cs-ease),box-shadow var(--cs-duration) var(--cs-ease),background var(--cs-duration) var(--cs-ease),border-color var(--cs-duration) var(--cs-ease)}
.cs-button:hover,.cs-btn:hover{transform:translateY(-2px)}
.cs-button--primary,.cs-btn-primary,.cs-btn-green{background:var(--cs-accent-primary)!important;color:var(--cs-text-inverse)!important;box-shadow:0 14px 32px rgba(9,9,11,.18)}
.cs-button--secondary,.cs-btn-outline{background:#fff!important;color:var(--cs-text-primary)!important;border-color:var(--cs-border-subtle)!important;box-shadow:none}
.cs-button--support{background:var(--cs-accent-support)!important;color:#fff!important}
.cs-button[data-arrow]::after,.cs-button--arrow::after{content:"";width:17px;height:17px;flex:none;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m13 6 6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform var(--cs-duration) var(--cs-ease)}
.cs-button[data-arrow]:hover::after,.cs-button--arrow:hover::after{transform:translateX(3px)}
.cs-unified-card,.cs-card{min-width:0;padding:var(--cs-space-6);border:1px solid var(--cs-border-subtle);border-radius:var(--cs-radius-card);background:var(--cs-bg-surface);box-shadow:var(--cs-shadow-card)}
.cs-unified-card--feature{padding:clamp(28px,4vw,44px);border-radius:var(--cs-radius-feature)}
.cs-unified-card--dark{background:var(--cs-text-primary);color:#fff;border-color:var(--cs-text-primary)}
.cs-unified-card--dark .cs-unified-h2,.cs-unified-card--dark .cs-unified-h3{color:#fff}
.cs-unified-card--dark .cs-unified-copy,.cs-unified-card--dark .cs-unified-small{color:rgba(255,255,255,.72)}
.cs-unified-visual{position:relative;display:grid;place-items:center;min-height:420px;padding:clamp(24px,4vw,52px);border:1px solid var(--cs-border-subtle);border-radius:var(--cs-radius-feature);background:radial-gradient(circle at 50% 34%,#fff 0,#f7f7f8 58%,#eceef0 100%);overflow:hidden}
.cs-unified-visual::after{content:"";position:absolute;left:12%;right:12%;bottom:6%;height:12%;border-radius:50%;background:rgba(15,23,42,.12);filter:blur(30px)}
.cs-unified-visual>*{position:relative;z-index:1}
.cs-unified-section-head{display:grid;gap:var(--cs-space-4);max-width:780px;margin-bottom:var(--cs-space-10)}
.cs-unified-section-head--center{justify-items:center;text-align:center;margin-inline:auto;margin-bottom:var(--cs-space-10)}
.cs-unified-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--cs-space-3);margin-top:var(--cs-space-8)}
.cs-unified-metric{padding:20px;border:1px solid var(--cs-border-subtle);border-radius:20px;background:rgba(255,255,255,.9)}
.cs-unified-metric strong,.cs-unified-metric span{display:block}
.cs-unified-metric strong{font-size:16px}
.cs-unified-metric span{margin-top:6px;color:var(--cs-text-secondary);font-size:13px;line-height:1.45}
.cs-unified-form{display:grid;gap:var(--cs-space-4)}
.cs-unified-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--cs-space-4)}
.cs-unified-field{display:grid;gap:8px;min-width:0}
.cs-unified-field--full{grid-column:1/-1}
.cs-unified-label{font-size:13px;font-weight:800;color:var(--cs-text-primary)}
.cs-unified-input,.cs-unified-select,.cs-unified-textarea,.cs-input,.cs-textarea{width:100%;min-height:var(--cs-control-height);padding:14px 15px;border:1px solid var(--cs-border-strong);border-radius:var(--cs-radius-control);background:#fff;color:var(--cs-text-primary);font:inherit;font-size:16px;outline:none;transition:border-color var(--cs-duration) var(--cs-ease),box-shadow var(--cs-duration) var(--cs-ease)}
.cs-unified-textarea,.cs-textarea{min-height:132px;resize:vertical}
.cs-unified-input:focus,.cs-unified-select:focus,.cs-unified-textarea:focus,.cs-input:focus,.cs-textarea:focus{border-color:var(--cs-text-primary);box-shadow:0 0 0 4px rgba(9,9,11,.08)}
.cs-unified-note{padding:16px 18px;border:1px solid var(--cs-border-subtle);border-radius:18px;background:var(--cs-bg-soft)}
.cs-unified-note--support{border-color:rgba(15,118,110,.2);background:rgba(15,118,110,.07)}
.cs-unified-chips{display:flex;flex-wrap:wrap;gap:10px}
.cs-unified-chip{display:inline-flex;align-items:center;min-height:40px;padding:8px 13px;border:1px solid var(--cs-border-subtle);border-radius:var(--cs-radius-pill);background:#fff;font-size:13px;font-weight:750}
.cs-unified-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--cs-space-4)}
.cs-unified-step{display:grid;gap:12px}
.cs-unified-step__number{display:grid;place-items:center;width:38px;height:38px;border-radius:14px;background:var(--cs-text-primary);color:#fff;font-weight:800}
.cs-unified-result-row{display:grid;gap:5px;padding-top:14px;border-top:1px solid var(--cs-border-subtle)}
.cs-unified-result-row small{color:var(--cs-text-secondary);font-weight:700}
.cs-unified-result-row strong{font-size:clamp(17px,2vw,21px);overflow-wrap:anywhere}
.cs-unified-alert{padding:15px 17px;border-radius:18px;background:#fff7ed;color:#9a3412;font-weight:750}
.cs-unified-faq{display:grid;gap:12px}
.cs-unified-faq details{padding:18px 20px;border:1px solid var(--cs-border-subtle);border-radius:20px;background:#fff}
.cs-unified-faq summary{min-height:var(--cs-touch-min);display:flex;align-items:center;font-weight:800;cursor:pointer}
.cs-unified-faq p{margin:12px 0 0;color:var(--cs-text-secondary);line-height:1.7}
.cs-unified-sticky{display:none}
.cs-unified-v9928 .cs-apple-header-wrap{width:100%}
.cs-unified-v9928 .cs-apple-header{width:min(var(--cs-container),calc(100% - (var(--cs-page-gutter) * 2)));margin-inline:auto}
.cs-unified-v9928 .cs-apple-black-pill{min-height:48px;background:var(--cs-text-primary)!important}
.cs-unified-v9928 .cs-apple-footer-grid{width:min(var(--cs-container),calc(100% - (var(--cs-page-gutter) * 2)))}
.cs-unified-v9928 :focus-visible{outline:3px solid rgba(15,118,110,.35);outline-offset:3px}
@media(max-width:1200px){
  :root{--cs-page-gutter:20px}
  .cs-unified-hero__panel{grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);gap:42px;padding:44px}
  .cs-unified-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cs-unified-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  html{scroll-padding-top:78px}
  .cs-unified-hero{padding:104px 0 56px}
  .cs-unified-hero__panel{grid-template-columns:1fr;gap:32px;padding:36px}
  .cs-unified-visual{min-height:300px}
  .cs-unified-section{padding-block:64px}
  .cs-unified-grid,.cs-unified-grid--2,.cs-unified-grid--4,.cs-unified-steps,.cs-unified-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cs-unified-form-grid{grid-template-columns:1fr}
  .cs-unified-field--full{grid-column:auto}
}
@media(max-width:640px){
  :root{--cs-page-gutter:var(--cs-page-gutter-mobile);--cs-mobile-fixed-ui-height:calc(94px + env(safe-area-inset-bottom))}
  body.cs-unified-v9928{padding-bottom:var(--cs-mobile-fixed-ui-height)}
  .cs-container,.cs-unified-container,.cs-container-wide,.cs-unified-container-wide,.cs-apple-shell{width:calc(100% - (var(--cs-page-gutter) * 2))}
  .cs-unified-hero{padding:88px 0 40px}
  .cs-unified-hero__panel{padding:28px 20px;border-radius:28px;gap:26px}
  .cs-unified-display{font-size:clamp(39px,12.2vw,56px)}
  .cs-unified-h1{font-size:clamp(34px,10.8vw,48px)}
  .cs-unified-h2{font-size:clamp(28px,8.6vw,38px)}
  .cs-unified-lead{font-size:16px;line-height:1.62}
  .cs-unified-copy{font-size:15px;line-height:1.65}
  .cs-unified-actions{display:grid;grid-template-columns:1fr;width:100%}
  .cs-button,.cs-btn{width:100%;min-height:var(--cs-control-height)}
  .cs-unified-visual{min-height:240px;border-radius:24px;padding:20px}
  .cs-unified-section{padding-block:52px}
  .cs-unified-grid,.cs-unified-grid--2,.cs-unified-grid--4,.cs-unified-steps,.cs-unified-metrics{grid-template-columns:1fr;gap:14px}
  .cs-unified-card,.cs-card{padding:20px;border-radius:22px}
  .cs-unified-card--feature{padding:24px 20px;border-radius:26px}
  .cs-unified-section-head,.cs-unified-section-head--center{margin-bottom:28px}
  .cs-unified-sticky{position:fixed;z-index:9997;display:flex;left:14px;right:14px;bottom:calc(72px + env(safe-area-inset-bottom));min-height:52px}
  .cs-unified-v9928 .cs-apple-header{width:calc(100% - 24px)}
  .cs-unified-v9928 .cs-apple-footer{padding-bottom:calc(var(--cs-mobile-fixed-ui-height) + 36px)}
}
@media(prefers-reduced-motion:reduce){.cs-unified-v9928 *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}