.sdp-page{--sdp-ink: #182331;--sdp-muted: #61707e;--sdp-line: #d9e2ea;--sdp-paper: #ffffff;--sdp-soft: #eff5f4;--sdp-shadow: 0 20px 50px rgba(16, 24, 40, .1);--sdp-radius-xl: 28px;--sdp-radius-lg: 22px}.sdp-page .container{position:relative;z-index:1}.sdp-page h2{margin:0;color:var(--sdp-ink);font-size:clamp(30px,3.2vw,40px);line-height:1.08}.sdp-section-head{margin-bottom:24px}.sdp-hero{position:relative;overflow:hidden;padding:88px 0 44px;background:radial-gradient(circle at 12% 12%,rgba(241,115,31,.14),transparent 30%),radial-gradient(circle at 88% 18%,rgba(76,170,156,.18),transparent 28%),linear-gradient(180deg,#f6fafb,#edf3f1)}.sdp-hero:before{content:"";position:absolute;left:-10%;bottom:-18%;width:34vw;height:34vw;min-width:280px;min-height:280px;border-radius:50%;background:radial-gradient(circle,rgba(110,138,255,.12),transparent 66%);pointer-events:none}.sdp-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(24,35,49,.025) 1px,transparent 1px),linear-gradient(180deg,rgba(24,35,49,.025) 1px,transparent 1px);background-size:76px 76px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.5),transparent 82%);mask-image:linear-gradient(180deg,rgba(0,0,0,.5),transparent 82%);pointer-events:none}.sdp-hero__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.94fr);gap:34px;align-items:center}.sdp-eyebrow{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border-radius:999px;background:#ffffffd6;border:1px solid rgba(255,255,255,.78);box-shadow:0 14px 28px #121a230f;color:#9a4d10;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.sdp-hero__title{max-width:12ch;margin:18px 0 14px;color:var(--sdp-ink);font-size:clamp(38px,5vw,66px);line-height:.96;letter-spacing:-.04em}.sdp-hero__subtitle{max-width:58ch;margin:0;color:var(--sdp-muted);font-size:clamp(18px,2vw,21px);line-height:1.68}.sdp-hero__ctas{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.sdp-hero__highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:24px;max-width:720px}.sdp-highlight{display:grid;gap:8px;padding:16px 18px;border-radius:18px;background:#ffffffb8;border:1px solid rgba(255,255,255,.8);box-shadow:0 16px 28px #121a230d}.sdp-highlight__number{color:#ef7c2d;font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.sdp-highlight__text{color:var(--sdp-ink);font-size:14px;font-weight:800;line-height:1.45}.sdp-page .btn-primary,.sdp-page .btn-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 20px;border-radius:14px;font-weight:800;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease}.sdp-page .btn-primary{background:linear-gradient(180deg,#ef7c2d,#e86816);color:#fff;box-shadow:0 18px 30px #e8681638}.sdp-page .btn-secondary{background:#ffffffd1;color:var(--sdp-ink);border:1px solid rgba(24,35,49,.08);box-shadow:0 14px 28px #121a230f}.sdp-page .btn-primary:hover,.sdp-page .btn-primary:focus-visible,.sdp-page .btn-secondary:hover,.sdp-page .btn-secondary:focus-visible{transform:translateY(-1px)}.sdp-console__panel{position:relative;overflow:hidden;border-radius:var(--sdp-radius-xl);background:linear-gradient(180deg,#121c28fa,#192738fa),linear-gradient(180deg,#ffffff0a,#fff0);box-shadow:var(--sdp-shadow)}.sdp-console__panel:before{content:"";position:absolute;inset:auto -44px -70px auto;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(76,170,156,.18),transparent 70%);pointer-events:none}.sdp-console__bar{display:flex;gap:8px;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.06)}.sdp-console__bar span{width:10px;height:10px;border-radius:50%;background:#ffffff4d}.sdp-console__bar span:first-child{background:#ef7c2d}.sdp-console__bar span:nth-child(2){background:#f2b04f}.sdp-console__bar span:nth-child(3){background:#4daa9c}.sdp-console__code{padding:20px 20px 8px}.sdp-console__code pre{margin:0;padding:18px 18px 16px;border-radius:18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);color:#e9eef4;overflow-x:auto}.sdp-console__code code,.step pre code{display:block;white-space:pre-wrap;word-break:break-word;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:13px;line-height:1.6}.sdp-console__chips{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 20px 20px}.sdp-chip{min-height:92px;padding:14px 14px 12px;border-radius:16px;background:#ffffff0f;border:1px solid rgba(255,255,255,.07);color:#e8eff4d6;font-size:13px;font-weight:700;line-height:1.5}.sdp-features{padding:34px 0 20px}.sdp-setup,.sdp-compare{padding:28px 0 20px}.feat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.feat-card{position:relative;display:grid;grid-template-columns:18px minmax(0,1fr);gap:14px;align-items:start;padding:20px 20px 18px;border-radius:var(--sdp-radius-lg);background:linear-gradient(180deg,#fff,#f7fafc);border:1px solid rgba(24,35,49,.07);box-shadow:var(--sdp-shadow);transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}.feat-card:after{content:"";position:absolute;inset:auto 18px 0;height:3px;border-radius:999px;background:linear-gradient(90deg,#ef7c2db3,#4caa9c52);opacity:0;transition:opacity .24s ease}.feat-card:hover{transform:translateY(-2px);box-shadow:0 24px 46px #1018281f;border-color:#ef7c2d2e}.feat-card:hover:after{opacity:1}.feat-card__icon{width:18px;height:18px;margin-top:2px;border-radius:6px;background:linear-gradient(180deg,#ef7c2d38,#ef7c2d14);border:1px solid rgba(239,124,45,.22)}.feat-card p{margin:0;color:var(--sdp-ink);font-size:15px;font-weight:700;line-height:1.6}.setup-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:18px}.sdp-setup .container{padding:32px;border-radius:34px;background:radial-gradient(circle at top right,rgba(241,115,31,.12),transparent 24%),linear-gradient(180deg,#f7fafb,#eef4f2);box-shadow:inset 0 1px #fffc}.step{position:relative;display:flex;flex-direction:column;padding:24px;border-radius:var(--sdp-radius-xl);background:linear-gradient(180deg,#fff,#f6faf9);border:1px solid rgba(24,35,49,.07);box-shadow:var(--sdp-shadow)}.step--code{background:linear-gradient(180deg,#151f2cfa,#1b293afa),linear-gradient(180deg,#ffffff0a,#fff0);color:#fff}.step__number{width:fit-content;min-height:34px;padding:0 12px;border-radius:999px;background:#17202d0f;color:var(--sdp-muted);font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.step--code .step__number{background:#ffffff1a;color:#f7fafcd1}.step h3{margin:18px 0 10px;color:var(--sdp-ink);font-size:24px;line-height:1.08}.step--code h3{color:#fff}.step p{margin:0;color:var(--sdp-muted);font-size:16px;line-height:1.7}.step--code p{color:#e7eef4c2}.step pre{margin:18px 0 0;padding:16px;border-radius:18px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:#e9eef4;overflow-x:auto}.compare-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}.cmp{min-height:240px;padding:24px;border-radius:var(--sdp-radius-xl);background:linear-gradient(180deg,#fff,#f7fafc);border:1px solid rgba(24,35,49,.07);box-shadow:var(--sdp-shadow);transition:transform .24s ease,box-shadow .24s ease}.cmp--featured{background:radial-gradient(circle at top right,rgba(241,115,31,.18),transparent 28%),linear-gradient(180deg,#182331,#223249);border-color:#ffffff0f;transform:translateY(-12px);box-shadow:0 26px 56px #1018282e}.cmp:hover{transform:translateY(-3px)}.cmp--featured:hover{transform:translateY(-14px)}.cmp h3{margin:0 0 10px;color:var(--sdp-ink);font-size:28px;line-height:1.04}.cmp--featured h3{color:#fff}.cmp p{margin:0;color:var(--sdp-muted);font-size:16px;line-height:1.72}.cmp--featured p{color:#e8eff4cc}.sdp-cta{padding:10px 0 64px}.panel{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:center;padding:30px;border-radius:calc(var(--sdp-radius-xl) + 4px);background:radial-gradient(circle at top right,rgba(255,255,255,.16),transparent 24%),linear-gradient(135deg,#eb6d1b,#ee8a3d 54%,#f4a363);box-shadow:0 28px 52px #e8681638;overflow:hidden}.panel:after{content:"";position:absolute;right:-52px;top:-48px;width:210px;height:210px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 70%);pointer-events:none}.panel h2{color:#fff}.panel p{max-width:56ch;margin:12px 0 0;color:#fff6efeb;font-size:17px;line-height:1.7}.panel .btn-primary{margin-top:22px;background:#fff;color:#d56010;box-shadow:0 16px 28px #82340524}.panel__badges{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.panel__badges span{display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border-radius:999px;background:#ffffff29;border:1px solid rgba(255,255,255,.22);color:#fff9f5;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}@media(max-width:1100px){.sdp-hero__grid,.setup-grid,.compare-grid,.panel{grid-template-columns:1fr}.panel__badges{justify-content:flex-start}.cmp--featured,.cmp--featured:hover{transform:none}}@media(max-width:860px){.feat-grid,.sdp-hero__highlights,.sdp-console__chips{grid-template-columns:1fr}.sdp-hero{padding-top:60px}.sdp-console__panel,.step,.cmp,.panel{padding:22px}.sdp-setup .container{padding:24px}}@media(max-width:640px){.sdp-page .btn-primary,.sdp-page .btn-secondary{width:100%}.sdp-hero__ctas{flex-direction:column;align-items:stretch}.sdp-hero__title{max-width:none}}