@font-face {
  font-family: ShabnamYekan;
  src: url('./YekanBakhFaNum-VF.woff2') format('woff2');
  font-weight: 100 900;
  font-display: swap;
}
:root {
  color-scheme: dark;
  --shcd-bg: #100b20;
  --shcd-panel: #1b1332;
  --shcd-panel2: #251943;
  --shcd-text: #fbf8ff;
  --shcd-muted: #c9bddc;
  --shcd-border: #ad88e52e;
  --shcd-purple: #c9a5ff;
  --shcd-pink: #efa8e6;
  --shcd-cyan: #9fdde3;
  --shcd-font: ShabnamYekan, Tahoma, system-ui, sans-serif;
  --shcd-ease: cubic-bezier(.2,.7,.25,1);
}
html { scroll-padding-top: 24px; }
.shcd-preview, html.shcd-theme body.shcd-site {
  margin: 0;
  background: radial-gradient(ellipse at 90% 7%, #6624a52b, transparent 40%), radial-gradient(ellipse at 0 34%, #812a8a17, transparent 40%), #100b20 !important;
  color: var(--shcd-text);
  font: 450 17px/1.9 var(--shcd-font);
  -webkit-font-smoothing: antialiased;
  overflow-x: clip;
  text-align: start;
}
.shcd-preview *, .shcd-site * { box-sizing: border-box; }
.shcd-preview [hidden], .shcd-site [hidden] { display: none !important; }
.shcd-preview a, .shcd-site a { text-decoration: none; }
.shcd-preview a { color: inherit; }
.shcd-preview button, .shcd-preview input, .shcd-preview select,
.shcd-site .shcd-public button, .shcd-site .shcd-public input, .shcd-site .shcd-language select { font: inherit; }
.shcd-preview button, .shcd-site button { cursor: pointer; }
.shcd-preview h1, .shcd-preview h2, .shcd-preview h3, .shcd-preview p,
.shcd-site .shcd-public h1, .shcd-site .shcd-public h2, .shcd-site .shcd-public h3, .shcd-site .shcd-public p { margin: 0; }
.shcd-site .shcd-public svg, .shcd-preview svg, .shcd-site .shcd-header svg,
.shcd-site .shcd-support-toggle svg, .shcd-site .shcd-support-panel svg {
  width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.7;
  stroke-linecap: round; stroke-linejoin: round; flex-shrink: 0;
}
.shcd-preview :focus-visible, html.shcd-theme .shcd-site :focus-visible { outline: 3px solid #ba8cf4; outline-offset: 4px; }
.shcd-wrap { width: min(1240px, calc(100% - 80px)); margin-inline: auto; }
.shcd-sr { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.shcd-skip { position: fixed; top: -100px; inset-inline-start: 20px; z-index: 99999; background: #e1c9ff; color: #291244 !important; padding: 10px 20px; border-radius: 10px; }
.shcd-skip:focus { top: 12px; }
.shcd-topbar { border-bottom: 1px solid var(--shcd-border); background: #100b20; color: #c6badb; font-size: 13px; }
.shcd-topbar > .shcd-wrap { min-height: 38px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.shcd-toplinks { display: flex; gap: 20px; align-items: center; }
.shcd-toplinks a { font: 13px system-ui; direction: ltr; color: #e1c5ff; }
.shcd-header { min-height: 100px; border-bottom: 1px solid var(--shcd-border); background: #160e28f5; position: relative; z-index: 50; }
.shcd-nav { min-height: 100px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.shcd-brand { display: inline-flex; align-items: center; gap: 12px; flex-shrink: 0; color: #f3e6ff !important; }
.shcd-brand img { border-radius: 15px; object-fit: contain; width: 52px; height: 52px; transition: transform .25s var(--shcd-ease); }
.shcd-brand:hover img { transform: rotate(-4deg) scale(1.04); }
.shcd-brand strong { display: block; font-size: 23px; font-weight: 850; line-height: 1.5; }
.shcd-brand small { display: block; font-size: 12px; color: #c0afd6; line-height: 1.8; }
.shcd-menu { display: flex; align-items: center; gap: 5px; font-size: 16px; font-weight: 600; }
.shcd-menu a { color: #e0d4ed; position: relative; padding: 10px 13px; border: 1px solid transparent; border-radius: 11px; white-space: nowrap; transition: color .2s, background .2s, border-color .2s; }
.shcd-menu a:hover, .shcd-menu a:focus-visible { color: #fff; background: #c28cfa14; border-color: #c28cfa30; }
.shcd-menu a[aria-current=page] { color: #eddaff; background: #b778ed1c; border-color: #c28cfa42; }
.shcd-menu a[aria-current=page]:after { content: ''; position: absolute; inset-inline: 34%; height: 2px; border-radius: 2px; bottom: 3px; background: #c990ff; }
.shcd-actions { display: flex; align-items: center; gap: 12px; }
.shcd-language { display: flex; align-items: center; gap: 4px; color: #d4c3e7; margin: 0; }
.shcd-language svg { width: 18px !important; height: 18px !important; }
.shcd-language select { min-height: 44px; width: 48px; border: 0; background: transparent; color: #eadcf9; font-size: 14px; cursor: pointer; border-radius: 8px; }
.shcd-language option { background: #25183c; color: #fff; }
.shcd-cart-link { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 10px; color: #e0ceef !important; transition: background .2s; }
.shcd-cart-link:hover { background: #bd88ef1c; }
.shcd-site .shcd-btn, .shcd-preview .shcd-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 50px;
  border-radius: 12px; padding: 11px 23px; font: 650 16px/1.75 var(--shcd-font);
  border: 1px solid transparent; white-space: nowrap; text-decoration: none !important;
  box-shadow: none !important; text-shadow: none !important; filter: none !important;
  transition: transform .22s var(--shcd-ease), background .22s, border-color .22s, color .22s;
}
.shcd-site .shcd-btn-primary, .shcd-preview .shcd-btn-primary { color: #fff !important; background: linear-gradient(110deg, #7130bf, #963aca) !important; border-color: #bd7bea70; }
.shcd-site .shcd-btn-primary:hover, .shcd-preview .shcd-btn-primary:hover { background: linear-gradient(110deg, #6322af, #8630b8) !important; border-color: #d2a3f2; transform: translateY(-2px); }
.shcd-site .shcd-btn-quiet, .shcd-preview .shcd-btn-quiet { color: #f0e3ff !important; background: #ac78d20b !important; border-color: #c09cde50; }
.shcd-site .shcd-btn-quiet:hover, .shcd-preview .shcd-btn-quiet:hover { background: #bd8ee223 !important; border-color: #cba5f0; transform: translateY(-2px); }
.shcd-site .shcd-btn-login, .shcd-preview .shcd-btn-login { min-height: 44px; padding: 8px 15px; font-size: 15px; gap: 8px; color: #e7d2ff !important; background: #25163c !important; border-color: #ac70e15c; }
.shcd-site .shcd-btn-login:hover, .shcd-preview .shcd-btn-login:hover { background: #35204f !important; border-color: #c18af4; }
.shcd-site .shcd-btn-white, .shcd-preview .shcd-btn-white { color: #411964 !important; background: #f3e6ff !important; border-color: #fff6; }
.shcd-site .shcd-btn-white:hover, .shcd-preview .shcd-btn-white:hover { background: #fff !important; transform: translateY(-2px); }
.shcd-site .shcd-btn:active, .shcd-preview .shcd-btn:active { transform: translateY(0); }
.shcd-site .shcd-btn:disabled, .shcd-preview .shcd-btn:disabled { opacity: .65; cursor: not-allowed; transform: none; }
.shcd-mobile-toggle { display: none; place-items: center; width: 44px; height: 44px; border: 1px solid #b88ce444; border-radius: 10px; background: #25163c; color: #f1dfff; }
#shcd-progress { position: fixed; top: 0; inset-inline-start: 0; width: 65%; height: 3px; z-index: 99999; background: linear-gradient(90deg, #af69ed, #ed9bdc); animation: shcd-progress 1.2s ease infinite; }
.shcd-public { color: #fbf8ff; }
.shcd-hero { display: grid; grid-template-columns: 1.08fr 1fr; gap: 32px; align-items: center; min-height: 590px; position: relative; padding-block: 66px 54px; }
.shcd-hero:before { content: ''; position: absolute; z-index: 0; inset: -1px -80px 0; background: radial-gradient(ellipse at 75% 25%, #6f2caa24, transparent 60%); pointer-events: none; }
.shcd-hero-copy { position: relative; z-index: 2; padding-block: 12px; }
.shcd-eyebrow { display: flex; align-items: center; gap: 11px; color: #d3b7f1; font-size: 15px; font-weight: 550; margin-bottom: 24px; }
.shcd-eyebrow-line { width: 48px; height: 1px; background: #aa70d960; }
.shcd-mini-orbit { width: 8px; height: 8px; border: 2px solid #cc91ff; border-radius: 50%; box-shadow: 0 0 0 5px #bb6bec16; }
.shcd-public .shcd-hero h1, .shcd-preview .shcd-hero h1 { font-size: clamp(36px, 4vw, 56px); font-weight: 850; line-height: 1.65; letter-spacing: -.6px; margin-bottom: 22px; color: #fbf8ff !important; }
.shcd-gradient { color: #d8b4ff; background: linear-gradient(110deg, #f4b4e8, #d1a3ff 70%, #b99bff); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.shcd-lead { max-width: 510px; font-size: 18px; line-height: 2; color: #d0c3df; margin-bottom: 30px !important; }
.shcd-hero-buttons { display: flex; flex-wrap: wrap; gap: 12px; }
.shcd-hero-buttons svg { width: 20px !important; height: 20px !important; }
.shcd-hero-points { display: flex; flex-wrap: wrap; gap: 13px 21px; margin-top: 26px; font-size: 14px; color: #c5b4d9; }
.shcd-hero-points > span { display: flex; align-items: center; gap: 7px; }
.shcd-hero-points svg { width: 17px !important; height: 17px !important; color: #d6a8f2; }
.shcd-infrastructure{height:450px;position:relative;direction:ltr;isolation:isolate}.shcd-infrastructure:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 49% 45%,#7541b632,transparent 68%);z-index:-1}.shcd-infrastructure:after{content:'';position:absolute;inset:0;background-image:radial-gradient(#bca1ec35 .7px,transparent .7px);background-size:21px 21px;mask-image:radial-gradient(ellipse,#000 10%,transparent 70%);z-index:-1}.shcd-orbit{border:1px solid #9585d51c;border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-22deg)}.shcd-orbit-one{width:420px;height:270px}.shcd-orbit-two{width:505px;height:330px}.shcd-orbit-three{width:350px;height:430px;transform:translate(-50%,-50%) rotate(36deg);border-color:#b19ad811}.shcd-orbit-dot{position:absolute;width:5px;height:5px;border-radius:50%;background:#b899ff;box-shadow:0 0 13px #b899ff}.dot-a{left:12%;top:49%}.dot-b{left:81%;top:27%;background:#d697d5}.dot-c{left:74%;top:86%;background:#7cbfc4}.shcd-art-label{font:8px/1.5 system-ui;letter-spacing:2px;color:#68677f;position:absolute;top:8px;left:65px}.shcd-server-stage{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);width:340px;height:300px}.shcd-platform{position:absolute;bottom:-15px;left:35px;width:280px;height:115px;background:linear-gradient(160deg,#59348b2b,#121b2d);transform:rotate(-22deg) skewX(25deg);border:1px solid #9572c14a;border-radius:21px;box-shadow:0 15px 0 #0c1020,0 16px 0 #a27cd229,0 32px 45px #0006}.shcd-platform:after{content:'';position:absolute;inset:20px;border:1px solid #a27cd21f;border-radius:12px}.shcd-rack{position:absolute;width:155px;border-radius:12px;transform:rotate(-8deg) skewY(6deg);background:linear-gradient(90deg,#36314d,#1b2032 92%);border:1px solid #8470ae75;box-shadow:10px 12px 0 #121525,11px 13px 0 #5d4d82a1,25px 25px 32px #0005;padding:12px}.rack-back{left:167px;top:39px;transform:rotate(7deg) skewY(-5deg);filter:brightness(.7);width:137px}.rack-front{left:60px;top:70px;width:171px}.rack-top{height:24px;display:flex;align-items:center;justify-content:space-between;padding-inline:7px;font:7px/1 monospace;letter-spacing:2px;color:#b2a3ce}.rack-top i{width:6px;height:6px;border:1px solid #9eddd1;border-radius:50%;box-shadow:0 0 8px #9eddd180}.rack-row{height:31px;margin:6px 0;background:linear-gradient(100deg,#171d31,#1e2238);border:1px solid #51436765;border-radius:5px;display:flex;align-items:center;padding:7px;gap:4px;box-shadow:inset 0 2px 4px #0004}.rack-row i{width:5px;height:5px;background:#b5a2fb;border-radius:50%;box-shadow:0 0 6px #bc9fff;margin-right:8px}.rack-row b{height:11px;width:3px;border-radius:1px;background:#72698266}.rack-row em{margin-left:auto;font:6px monospace;color:#75778f}.rack-row:nth-child(2) i{background:#8fcecb}.rack-row:nth-child(3) i{background:#db9dd4}.rack-base{font:5px/1.5 monospace;letter-spacing:.5px;margin-top:14px;color:#88819c;display:flex;justify-content:space-between}.rack-base span{color:#8d7ac5;font-size:5px}.shcd-core{width:92px;height:92px;position:absolute;left:145px;top:-4px;padding:9px;border:1px solid #c4a4f967;border-radius:26px;background:linear-gradient(140deg,#4a2a70c9,#1b1735);box-shadow:0 0 50px #a868ee27,0 15px 45px #0005;transform:rotate(6deg)}.shcd-core img{border-radius:19px;width:100%;height:100%}.shcd-floating{position:absolute;border:1px solid #a098c628;border-radius:12px;background:linear-gradient(130deg,#1a1d30f5,#121728f5);box-shadow:0 12px 30px #0003;backdrop-filter:blur(12px)}.shcd-float-code{top:68px;left:5px;padding:13px 16px;width:208px;transform:rotate(-5deg)}.code-dots{display:flex;gap:4px;margin-bottom:13px}.code-dots i{width:5px;height:5px;border-radius:50%;background:#c288a0}.code-dots i:nth-child(2){background:#d3b97b}.code-dots i:nth-child(3){background:#8fbeae}.shcd-float-code code{font:9px/2 monospace;color:#d8d0e6}.shcd-float-code code span,.shcd-float-code code b{color:#c29bfc;font-weight:400}.shcd-float-code code em{color:#93d4d1;font-style:normal}.shcd-float-code code small{color:#767e99;font-size:8px}.shcd-float-cloud{right:0;bottom:57px;padding:14px;display:flex;align-items:center;gap:10px;transform:rotate(3deg)}.shcd-icon-box{display:grid;place-items:center;width:37px;height:37px;border-radius:10px;color:#b39bf0;background:#a383f217}.shcd-float-cloud strong{display:block;font:600 12px var(--shcd-font);color:#e0d9f7}.shcd-float-cloud small{font:6px/2.5 system-ui;letter-spacing:.8px;color:#7e819b}.shcd-art-caption{position:absolute;bottom:12px;left:30%;font:8px/1.5 monospace;letter-spacing:2px;color:#7a7394}
/* The rack artwork above is decorative; user-facing text uses the reading scale below. */
.shcd-infrastructure:before { background: radial-gradient(ellipse at 49% 45%, #923dd54d, transparent 68%); }
.shcd-float-cloud strong { font-size: 15px; color: #f3dfff; }
.shcd-float-cloud small { font-size: 9px; color: #c1acd8; }
.shcd-art-label, .shcd-art-caption { color: #c0a8db; font-size: 10px; }
.shcd-core { border-color: #d1a4f8; background: linear-gradient(140deg, #7545a0, #211538); }
.shcd-domain { display: grid; grid-template-columns: .95fr 1.25fr; gap: 40px; align-items: center; border: 1px solid #c796f347; background: radial-gradient(ellipse at 95% 0, #7534a935, transparent 75%), linear-gradient(120deg, #241738, #191128); border-radius: 22px; padding: 32px 36px; position: relative; }
.shcd-domain:before { content: ''; position: absolute; inset-inline: 22%; top: -1px; height: 1px; background: linear-gradient(90deg, transparent, #dda6ffb3, transparent); }
.shcd-tiny-label { font: 11px/1.7 system-ui; letter-spacing: 1.7px; color: #c4a6dd; display: block; margin-bottom: 7px; }
.shcd-domain h2 { font-size: 25px; font-weight: 750; line-height: 1.7; color: #f8eeff; }
.shcd-domain p { font-size: 15px; color: #ccbbdd; margin: 6px 0 0 !important; }
.shcd-domain-form { display: flex; align-items: center; background: #100c1b; border: 1px solid #ab7fd65c; border-radius: 13px; direction: ltr; padding: 6px; gap: 8px; min-width: 0; transition: border-color .2s; }
.shcd-domain-www { color: #b19ac7; font: 16px system-ui; padding-left: 12px; }
.shcd-domain-form input:not([type=hidden]) { background: transparent !important; border: 0; border-radius: 5px; color: #f2e9ff !important; flex: 1; width: 80px; min-width: 0; min-height: 44px; padding: 7px 0; font: 16px system-ui; box-shadow: none !important; }
.shcd-domain-form input::placeholder { color: #b6a0cc; opacity: 1; }
.shcd-domain-form:focus-within { border-color: #c89af6; }
.shcd-domain-form .shcd-btn { min-height: 46px; padding: 9px 17px; font-size: 15px; direction: rtl; }
.shcd-tlds { display: flex; align-items: center; flex-wrap: wrap; gap: 14px; margin-top: 14px; direction: ltr; font: 14px system-ui; color: #dbc4ed; }
.shcd-tlds i { width: 1px; height: 12px; background: #b78bd145; }
.shcd-tlds small { margin-inline-start: auto; font: 13px/1.8 var(--shcd-font); color: #c1afd3; text-align: end; }
.shcd-services { padding-block: 78px 72px; position: relative; }
.shcd-section-top { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 30px; }
.shcd-section-kicker { display: flex; align-items: center; gap: 9px; font-size: 14px; font-weight: 550; color: #d4a7f3; margin-bottom: 10px; }
.shcd-section-kicker > span:first-child { width: 22px; height: 2px; background: #ba77ec; border-radius: 2px; }
.shcd-section-top h2, .shcd-unified h2, .shcd-faq h2 { font-size: clamp(27px, 2.7vw, 34px); font-weight: 800; line-height: 1.7; color: #f6edff; }
.shcd-section-top p { font-size: 17px; color: #c7b8d8; margin-top: 9px !important; }
.shcd-text-link { display: inline-flex; align-items: center; gap: 12px; min-height: 44px; color: #ddb7ff !important; font-size: 15px; font-weight: 650; white-space: nowrap; padding-block: 7px; transition: color .2s, gap .2s; }
.shcd-text-link:hover { color: #f5dcff !important; gap: 17px; }
.shcd-service-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; }
.shcd-service-card { border: 1px solid #af83d63b; border-radius: 20px; background: radial-gradient(ellipse at 95% 0, #9958c618, transparent 70%), linear-gradient(135deg, #21162f, #191126); padding: 30px; position: relative; transition: transform .25s var(--shcd-ease), border-color .25s, background .25s; }
.shcd-service-card:hover, .shcd-service-card:focus-within { transform: translateY(-5px); border-color: #bc86eea6; background: radial-gradient(ellipse at 95% 0, #ad5ee52c, transparent 75%), #241735; }
.shcd-card-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 23px; }
.shcd-service-icon { display: inline-flex; align-items: center; justify-content: center; width: 54px; height: 54px; color: #d3a3ff; background: #b56ae415; border: 1px solid #bf84e83b; border-radius: 15px; transition: background .25s, color .25s, transform .25s; }
.shcd-service-icon svg { width: 28px !important; height: 28px !important; fill: none !important; stroke: currentColor !important; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.shcd-service-card:hover .shcd-service-icon { background: #ad5be72b; color: #f1cbff; transform: translateY(-2px); }
.shcd-card-number { font: 14px monospace; color: #b29ac5; }
.shcd-service-card h3 { font-size: 25px; font-weight: 750; line-height: 1.7; margin-bottom: 12px !important; color: #f8f0ff; }
.shcd-service-card > p { color: #cdbedc; font-size: 17px; line-height: 1.95; min-height: 65px; }
.shcd-card-bottom { display: flex; align-items: center; justify-content: space-between; margin-top: 27px; padding-top: 20px; border-top: 1px solid #ac80c52b; font-size: 14px; color: #cdb7df; gap: 12px; }
.shcd-round-arrow { width: 44px; height: 44px; display: grid; place-items: center; border: 1px solid #bf91e15c; border-radius: 13px; font: 22px system-ui; color: #e6c5ff !important; flex-shrink: 0; transition: background .22s, transform .22s; }
.shcd-round-arrow:hover { background: #b77ce32b; transform: translate(-2px,-2px); }
.shcd-card-featured { background: radial-gradient(ellipse at 50% 0, #8f39aa46, transparent 80%), #261737; border-color: #bc7ce67d; }
.shcd-card-featured:before { content: ''; position: absolute; inset-inline: 20%; top: -1px; height: 2px; background: linear-gradient(90deg, transparent, #e2b9ff, transparent); }
.shcd-small-badge { border: 1px solid #c893ef50; background: #ba72e81a; color: #edcfff; font-size: 13px; padding: 4px 10px; border-radius: 7px; }
.icon-cyan { color: #deadef; background: #aa5dd914; border-color: #c087df40; }
.shcd-unified { display: grid; grid-template-columns: 1fr 1.35fr; gap: 56px; align-items: center; padding: 42px 36px; border: 1px solid #b486dc35; border-radius: 22px; background: radial-gradient(ellipse at 0 100%, #682e8d26, transparent 75%), #1a1229; }
.shcd-unified h2 { font-size: 30px; }
.shcd-unified-copy > p { color: #c9bada; font-size: 17px; margin-block: 12px 10px !important; }
.shcd-workflow { display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; }
.shcd-workflow > div { position: relative; }
.shcd-workflow > div:after { content: ''; position: absolute; top: 26px; inset-inline-start: 64px; width: calc(100% - 48px); border-top: 1px dashed #bd8ad34a; }
.shcd-workflow > div:last-child:after { display: none; }
.shcd-workflow span { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 15px; font: 700 17px var(--shcd-font); color: #e3baff; border: 1px solid #ba7ce259; background: #332047; margin-bottom: 19px; }
.shcd-workflow strong { display: block; font-size: 17px; font-weight: 650; margin-bottom: 6px; color: #f1e5fc; }
.shcd-workflow small { display: block; color: #c5b3d6; font-size: 15px; line-height: 1.9; }
.shcd-faq { display: grid; grid-template-columns: .8fr 1.4fr; gap: 65px; padding-block: 76px; }
.shcd-faq-intro > p { color: #c7b5d8; font-size: 17px; margin-block: 12px 18px !important; max-width: 350px; }
.shcd-faq-list details { border: 1px solid #ac7bcd35; border-radius: 13px; padding: 18px 22px; margin-bottom: 12px; background: #21162d88; transition: border-color .2s, background .2s; }
.shcd-faq-list details[open] { background: linear-gradient(120deg, #291a39, #21142f); border-color: #be87e263; }
.shcd-faq-list details:hover { border-color: #c391e7a3; }
.shcd-faq-list summary { list-style: none; cursor: pointer; font-weight: 650; font-size: 17px; display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 30px; color: #f2e5ff; }
.shcd-faq-list summary::-webkit-details-marker { display: none; }
.shcd-faq-list summary:after { content: '+'; color: #dbb1f4; font: 25px/1.3 system-ui; }
.shcd-faq-list details[open] summary:after { content: '−'; }
.shcd-faq-list details p { font-size: 16px; color: #d2c0df; line-height: 2; margin-top: 16px !important; padding-inline-end: 26px; }
.shcd-cta { border: 1px solid #cb91ef59; border-radius: 24px; padding: 40px; display: flex; align-items: center; justify-content: space-between; gap: 28px; background: radial-gradient(ellipse at 15% 40%, #a547aa38, transparent 62%), linear-gradient(115deg, #3b2053, #231436); position: relative; overflow: hidden; }
.shcd-cta:after { content: ''; height: 360px; width: 360px; border: 1px solid #d9a5ed1c; border-radius: 50%; position: absolute; inset-inline-end: 90px; top: -100px; pointer-events: none; }
.shcd-cta h2 { font-size: 31px; font-weight: 800; color: #fbf1ff; }
.shcd-cta p { font-size: 17px; color: #dcc5ed; margin-top: 8px !important; }
.shcd-footer { margin-top: 76px; border-top: 1px solid #bb87d734; padding-top: 46px; background: #0d081a; color: #c9b8dc; }
.shcd-footer-grid { display: grid; grid-template-columns: 1.6fr 1fr 1fr 1fr; gap: 48px; padding-bottom: 38px; }
.shcd-footer .shcd-brand strong { font-size: 23px; }
.shcd-footer .shcd-brand small { font: 10px/2 system-ui; letter-spacing: .5px; }
.shcd-footer-brand p { font-size: 16px; color: #c5b3d5; max-width: 320px; margin-top: 18px; line-height: 2; }
.shcd-footer h2 { font-size: 17px; font-weight: 700; margin: 0 0 15px; color: #f1e2ff; }
.shcd-footer-grid > div > a:not(.shcd-brand) { display: block; font-size: 16px; color: #cbb6de; padding: 7px 0; transition: color .2s, padding .2s; }
.shcd-footer-grid > div > a:hover { color: #f4d5ff; padding-inline-start: 4px; }
.shcd-footer-connect a { font-family: system-ui; direction: ltr; text-align: start; }
.shcd-footer-signature { display: block; font: 10px/1.8 system-ui; letter-spacing: .5px; color: #b59ac9; margin-top: 20px; }
.shcd-footer-bottom { border-top: 1px solid #ba86d826; display: flex; align-items: center; justify-content: space-between; gap: 20px; font-size: 14px; color: #c2acd6; padding-block: 22px; }
.shcd-footer-bottom > span:last-child { font: 11px/1.5 system-ui; letter-spacing: .7px; display: flex; align-items: center; gap: 7px; }
.shcd-footer-bottom i { display: inline-block; width: 5px; height: 5px; background: #be7be7; border-radius: 50%; }
.shcd-support-toggle { position: fixed; inset-inline-end: 25px; bottom: 24px; border: 1px solid #c58cee70; border-radius: 16px; display: flex; align-items: center; justify-content: center; gap: 10px; min-height: 48px; padding: 10px 18px; background: #39204f; color: #f1dcff; font: 600 15px var(--shcd-font); z-index: 90; box-shadow: 0 5px 16px #0a061b26 !important; transition: background .2s, transform .2s; }
.shcd-support-toggle:hover { background: #51276b; transform: translateY(-2px); }
.shcd-support-panel { position: fixed; inset-inline-end: 25px; bottom: 88px; width: 340px; max-width: calc(100vw - 32px); border: 1px solid #be85e470; border-radius: 20px; padding: 25px; background: linear-gradient(140deg, #2a193c, #1e132d); color: #f3e7ff; z-index: 89; box-shadow: 0 12px 36px #07041138; }
.shcd-support-head { display: flex; align-items: center; gap: 13px; margin-bottom: 20px; }
.shcd-support-panel h2 { font: 750 20px var(--shcd-font); margin: 0 0 8px; color: #f8edff; }
.shcd-support-panel p { font: 450 15px var(--shcd-font); color: #d2bfdf; margin: 0; }
.shcd-support-panel > .shcd-btn { width: 100%; margin-top: 10px; }
.shcd-support-panel > small { display: block; color: #cdb9dd; font-size: 14px; margin-top: 17px; line-height: 1.9; }
.shcd-preview-note { background: #29183b; color: #dfc7f2; font-size: 14px; text-align: center; padding: 8px 20px; border-bottom: 1px solid #b786d43d; }
.shcd-preview-note a { color: #f1d8ff; text-decoration: underline; margin-inline-start: 12px; }
.shcd-page-header { padding: 55px 0 30px; text-align: center; }
.shcd-page-header .shcd-section-kicker { justify-content: center; }
.shcd-page-header h1 { font-size: 42px; font-weight: 850; line-height: 1.7; color: #f7eeff; }
.shcd-page-header > p { font-size: 18px; color: #cbb9dd; max-width: 680px; margin: 14px auto 0; }
.shcd-catalog-controls { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-block: 20px 32px; }
.shcd-tabs { display: flex; gap: 6px; padding: 5px; border: 1px solid #bb86e04d; background: #21142f; border-radius: 13px; }
.shcd-tabs button { min-height: 44px; border: 0; background: transparent; color: #d1b8e6; border-radius: 9px; padding: 8px 18px; font: 600 16px var(--shcd-font); transition: background .2s, color .2s; }
.shcd-tabs button:hover { background: #ad64d51a; color: #fff; }
.shcd-tabs button[aria-pressed=true] { background: #56316c; color: #f7eaff; }
.shcd-filter { width: 270px; min-height: 48px; background: #1f142d; border: 1px solid #bc89e45c; border-radius: 12px; padding: 11px 16px; color: #f1e5ff; font: 16px var(--shcd-font); }
.shcd-filter::placeholder { color: #c6afd9; opacity: 1; }
.shcd-catalog-notice { font-size: 15px; line-height: 1.9; color: #d1bbdf; margin-bottom: 24px !important; padding: 16px 20px; background: #ad69d20c; border: 1px solid #b789d33b; border-radius: 12px; }
.shcd-product-card { display: flex; flex-direction: column; min-width: 0; }
.shcd-product-card h2 { font-size: 27px; line-height: 1.6; font-weight: 750; }
.shcd-product-card .shcd-price-note { font-size: 20px; font-weight: 750; color: #e8c6ff; margin-top: 22px; }
.shcd-product-card .shcd-btn { margin-top: 24px; }
.shcd-catalog-grid { padding-bottom: 56px; }
.shcd-product-note { font-size: 15px; line-height: 1.9; color: #c6afd9; display: block; margin-top: 8px; }
.shcd-search-empty { text-align: center; color: #d7bfeb; padding: 38px; border: 1px dashed #b786d870; border-radius: 16px; grid-column: 1/-1; }
.shcd-account-preview { max-width: 960px; min-height: 55vh; margin-block: 24px 64px; padding: 36px; background: #1c1229; border: 1px solid var(--shcd-border); border-radius: 20px; }
.shcd-account-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; margin-block: 28px; }
.shcd-account-grid > a { padding: 26px 20px; background: #291a3b; border: 1px solid #bd82df3b; border-radius: 15px; transition: border-color .2s; }
.shcd-account-grid > a:hover { border-color: #c28aea; }
.shcd-account-grid h2 { font-size: 20px; margin-bottom: 10px; }
.shcd-account-grid p { font-size: 16px; color: #cbb7dd; }
.shcd-account-grid svg { color: #d5a2f7; margin-bottom: 16px; width: 28px !important; height: 28px !important; }
.shcd-account-actions { display: flex; gap: 12px; justify-content: center; }
.shcd-help-main { max-width: 960px; margin-bottom: 74px; }
.shcd-help-main .shcd-faq-list { padding-block: 26px; }
.shcd-help-main .shcd-search-empty { margin-top: 25px; }
.shcd-orderform { font-family: var(--shcd-font); padding-block: 18px; }
.shcd-orderform .shcd-section-top { margin-bottom: 30px; }
.shcd-product-description { font-size: 16px; line-height: 2; overflow-wrap: anywhere; }
.shcd-product-description ul { padding-inline-start: 22px; margin-top: 10px; }
.shcd-orderform .shcd-product-price { font-size: 28px; font-weight: 800; margin-top: auto; padding-top: 24px; }
.shcd-group-links { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 26px; }
.shcd-group-links a { padding: 9px 14px; border: 1px solid var(--shcd-border); border-radius: 10px; color: #dec0f5; font-size: 15px; }
[dir=ltr] .shcd-hero-buttons svg, [dir=ltr] .shcd-text-link > span:last-child { transform: scaleX(-1); }
@keyframes shcd-progress { from { transform: translateX(-100%); } to { transform: translateX(160%); } }
@media (max-width: 1150px) {
  .shcd-wrap { width: min(1240px, calc(100% - 48px)); }
  .shcd-menu { font-size: 15px; gap: 0; }
  .shcd-menu a { padding-inline: 9px; }
  .shcd-actions { gap: 6px; }
  .shcd-brand small { max-width: 140px; font-size: 11px; }
  .shcd-service-card { padding: 25px; }
  .shcd-footer-grid { gap: 32px; }
}
@media (max-width: 1000px) {
  .shcd-menu { position: absolute; top: 100%; inset-inline: 24px; background: #241533; border: 1px solid #b786df5c; border-radius: 16px; padding: 10px; flex-direction: column; align-items: stretch; display: none; box-shadow: 0 12px 28px #09051138; }
  .shcd-menu.shcd-open { display: flex; }
  .shcd-menu a { padding: 12px 16px; font-size: 17px; }
  .shcd-menu a[aria-current=page]:after { display: none; }
  .shcd-mobile-toggle { display: grid; }
  .shcd-nav, .shcd-header { min-height: 88px; }
  .shcd-hero { min-height: 520px; gap: 16px; }
  .shcd-hero h1 { font-size: 40px !important; }
  .shcd-lead { font-size: 17px; }
  .shcd-infrastructure { transform: scale(.8); width: 400px; justify-self: center; }
  .shcd-domain { grid-template-columns: 1fr; gap: 22px; }
  .shcd-unified { grid-template-columns: 1fr; gap: 36px; }
  .shcd-faq { grid-template-columns: 1fr 1.4fr; gap: 30px; }
  .shcd-service-grid { gap: 16px; }
  .shcd-service-card { padding: 22px; }
  .shcd-service-card h3 { font-size: 22px; }
  .shcd-service-card > p { font-size: 16px; }
  .shcd-footer-grid { grid-template-columns: 1.5fr 1fr 1fr; }
  .shcd-footer-connect { grid-column: 1/-1; display: flex; align-items: center; gap: 24px; flex-wrap: wrap; }
  .shcd-footer-connect h2 { margin: 0; }
  .shcd-footer-signature { margin: 0; }
  .shcd-cta h2 { font-size: 27px; }
}
@media (max-width: 740px) {
  .shcd-wrap { width: calc(100% - 36px); }
  .shcd-topbar > .shcd-wrap { min-height: 34px; justify-content: center; font-size: 12px; }
  .shcd-toplinks { display: none; }
  .shcd-nav { gap: 12px; }
  .shcd-brand { gap: 9px; }
  .shcd-brand img { width: 44px; height: 44px; border-radius: 12px; }
  .shcd-brand strong { font-size: 21px; }
  .shcd-brand small { font-size: 11px; }
  .shcd-actions { gap: 7px; }
  .shcd-actions .shcd-btn-login { display: none; }
  .shcd-language svg { display: none; }
  .shcd-language select { width: 43px; }
  .shcd-hero { grid-template-columns: 1fr; padding-block: 38px 20px; gap: 0; min-height: 0; }
  .shcd-hero-copy { max-width: 620px; }
  .shcd-hero h1 { font-size: clamp(32px, 6.3vw, 43px) !important; line-height: 1.65; }
  .shcd-eyebrow { font-size: 14px; margin-bottom: 18px; }
  .shcd-lead { font-size: 17px; max-width: 100%; }
  .shcd-infrastructure { width: 430px; max-width: 100%; height: 370px; transform: scale(.88); margin-block: -6px -15px; }
  .shcd-domain { padding: 26px 20px; border-radius: 18px; }
  .shcd-domain h2 { font-size: 23px; }
  .shcd-domain-form { flex-wrap: wrap; padding: 8px; }
  .shcd-domain-form .shcd-btn { width: 100%; }
  .shcd-domain-form input:not([type=hidden]) { min-width: calc(100% - 90px); }
  .shcd-tlds small { flex-basis: 100%; text-align: start; }
  .shcd-services { padding-block: 48px; }
  .shcd-section-top { flex-wrap: wrap; gap: 10px; margin-bottom: 24px; }
  .shcd-section-top h2, .shcd-unified h2, .shcd-faq h2 { font-size: 28px; }
  .shcd-service-grid { grid-template-columns: 1fr; gap: 18px; }
  .shcd-service-card { padding: 27px; }
  .shcd-service-card h3 { font-size: 25px; }
  .shcd-service-card > p { min-height: 0; font-size: 17px; }
  .shcd-card-bottom { margin-top: 20px; }
  .shcd-unified { padding: 28px 23px; border-radius: 18px; }
  .shcd-workflow { grid-template-columns: 1fr; gap: 22px; }
  .shcd-workflow > div { display: grid; grid-template-columns: 48px 1fr; column-gap: 17px; }
  .shcd-workflow span { width: 48px; height: 48px; grid-row: span 2; margin: 0; }
  .shcd-workflow > div:after { display: none; }
  .shcd-faq { grid-template-columns: 1fr; padding-block: 48px; gap: 24px; }
  .shcd-faq-intro > p { max-width: 100%; }
  .shcd-faq-list details { padding: 17px 19px; }
  .shcd-faq-list summary { font-size: 17px; }
  .shcd-faq-list details p { padding-inline-end: 0; }
  .shcd-cta { padding: 28px 24px; flex-direction: column; align-items: stretch; border-radius: 18px; }
  .shcd-cta h2 { font-size: 28px; }
  .shcd-footer { margin-top: 48px; padding-top: 32px; }
  .shcd-footer-grid { grid-template-columns: 1fr 1fr; gap: 28px 22px; }
  .shcd-footer-brand { grid-column: 1/-1; }
  .shcd-footer-brand p { max-width: 100%; }
  .shcd-footer-connect { gap: 16px; }
  .shcd-footer-connect h2 { flex-basis: 100%; }
  .shcd-footer-signature { display: none; }
  .shcd-footer-bottom { flex-wrap: wrap; font-size: 13px; gap: 9px; padding-block: 20px 85px; }
  .shcd-support-toggle { inset-inline-end: 16px; bottom: 16px; font-size: 14px; }
  .shcd-support-panel { inset-inline-end: 16px; bottom: 78px; }
  .shcd-page-header { padding-top: 35px; }
  .shcd-page-header h1 { font-size: 32px; }
  .shcd-catalog-controls { flex-direction: column; align-items: stretch; gap: 14px; }
  .shcd-tabs { justify-content: space-between; }
  .shcd-tabs button { flex: 1; padding-inline: 12px; font-size: 15px; }
  .shcd-filter { width: 100%; }
  .shcd-account-preview { padding: 24px; }
  .shcd-account-grid { grid-template-columns: 1fr; }
  .shcd-account-actions { flex-direction: column; }
}
@media (max-width: 380px) {
  .shcd-wrap { width: calc(100% - 28px); }
  .shcd-brand small { display: none; }
  .shcd-actions { gap: 2px; }
  .shcd-hero-buttons { flex-direction: column; align-items: stretch; }
  .shcd-hero h1 { font-size: 32px !important; }
  .shcd-infrastructure { transform: scale(.72); margin-block: -30px -42px; }
}
@media (prefers-reduced-motion: reduce) {
  .shcd-site *, .shcd-preview * { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}
/* Individual service pages: distinct narratives, shared brand and reading scale. */
.shcd-service-hero { padding-block: 56px; }
.shcd-service-hero h1 { font-size: clamp(34px,3.3vw,48px) !important; }
.shcd-service-page .shcd-lead { max-width: 560px; }
.shcd-service-choices { padding-block: 34px 56px; }
.shcd-service-choices > .shcd-text-link { margin-top: 24px; }
.shcd-service-choice-marker { font: 650 18px var(--shcd-font); color: #cea1ed; display: grid; place-items: center; width: 44px; height: 44px; background: #bc75e312; border-radius: 12px; margin-bottom: 20px; }
.shcd-service-details { display: grid; grid-template-columns: .85fr 1.4fr; gap: 46px; align-items: start; background: radial-gradient(ellipse at 95% 0,#8445a326,transparent 70%),#20132f; border: 1px solid #b582d635; border-radius: 23px; padding: 36px; }
.shcd-service-details h2,.shcd-domain-hero h1 { font-size: 30px; font-weight: 800; line-height: 1.75; color: #fbf1ff; }
.shcd-service-details-intro > p { font-size: 17px; line-height: 2; color: #d0bbdf; margin-top: 14px; }
.shcd-detail-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; }
.shcd-detail-item h3 { color: #f1dfff; font-size: 21px; font-weight: 700; margin-bottom: 10px; }
.shcd-detail-item p { color: #d6c0e6; font-size: 16px; line-height: 2; }
.shcd-detail-marker { display: block; width: 25px; height: 3px; border-radius: 3px; background: #b779dc; margin-bottom: 14px; }
.shcd-service-steps { padding-block: 62px 18px; }
.shcd-service-steps .shcd-workflow { gap: 36px; }
.shcd-service-steps .shcd-workflow > div { padding-inline-end: 28px; }
.shcd-service-steps .shcd-workflow > div:after { width: calc(100% - 56px); }
.shcd-service-faq { padding-block: 62px; }
.shcd-sms-page .shcd-service-steps { background: linear-gradient(135deg,#28173e,#21132f); border: 1px solid #b782d73d; border-radius: 23px; padding: 35px; margin-bottom: 32px; }
.shcd-message-art { height: 450px; position: relative; direction: ltr; isolation: isolate; }
.shcd-message-art:before { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse,#8737b43b,transparent 68%); z-index: -1; }
.shcd-message-orbit { position: absolute; width: 375px; height: 375px; border: 1px solid #b685d535; border-radius: 50%; inset-inline-start: calc(50% - 188px); top: 35px; }
.shcd-message-orbit.orbit-alt { width: 455px; height: 270px; inset-inline-start: calc(50% - 228px); top: 90px; transform: rotate(-28deg); border-color: #b685d51f; }
.shcd-message-phone { position: absolute; width: 224px; height: 358px; left: calc(50% - 112px); top: 40px; border: 1px solid #a774cd8c; border-radius: 30px; background: linear-gradient(150deg,#3e2454,#20142e); transform: rotate(-6deg); box-shadow: 12px 14px 0 #140b21; padding: 36px 18px 25px; display: flex; align-items: center; flex-direction: column; }
.shcd-phone-speaker { position: absolute; width: 56px; height: 5px; border-radius: 10px; top: 15px; left: calc(50% - 28px); background: #9b75ba6b; }
.shcd-message-phone > img { border-radius: 16px; margin-bottom: 14px; }
.shcd-message-phone > strong { font: 11px/1.8 system-ui; letter-spacing: 1.4px; color: #d9bbea; }
.shcd-message-bubble { border: 1px solid #a56dcc4d; background: #a559cf1a; padding: 15px; width: 153px; height: 59px; border-radius: 14px 14px 14px 4px; display: flex; flex-direction: column; gap: 7px; margin-top: 18px; align-self: flex-start; }
.shcd-message-bubble.bubble-b { align-self: flex-end; width: 140px; background: #71479533; border-radius: 14px 14px 4px 14px; }
.shcd-message-bubble i { position: absolute; width: 5px; height: 5px; border-radius: 50%; background: #ce9bed; }
.shcd-message-bubble b { height: 4px; width: 75%; border-radius: 3px; margin-left: 13px; background: #bd9aca8c; }
.shcd-message-bubble b:last-child { width: 55%; }
.shcd-message-dots { display: flex; align-self: flex-start; gap: 5px; margin: 18px 7px 0; }
.shcd-message-dots i { width: 5px; height: 5px; background: #cc9de6; border-radius: 50%; }
.shcd-phone-home { width: 53px; height: 4px; background: #9676aa; border-radius: 4px; position: absolute; bottom: 12px; left: calc(50% - 26px); }
.shcd-message-float { display: flex; align-items: center; gap: 13px; position: absolute; background: #2d1c3ff5; color: #e6cef7; border: 1px solid #c28eeb4d; border-radius: 15px; padding: 17px 20px; }
.shcd-message-float.float-a { top: 80px; left: 0; width: 215px; transform: rotate(-4deg); }
.shcd-message-float.float-a > span { font: 10px/1.8 system-ui; letter-spacing: 1.1px; }
.shcd-message-float.float-b { right: 0; bottom: 75px; transform: rotate(5deg); }
.shcd-message-float.float-b > span { font: 700 19px system-ui; color: #dab0f5; }
.shcd-message-float.float-b > i { width: 45px; height: 1px; background: #a776c6; }
.shcd-message-float.float-b > code { font: 16px monospace; color: #f1dbff; }
.shcd-domain-hero { text-align: center; padding-block: 64px 32px; }
.shcd-domain-hero .shcd-eyebrow { justify-content: center; }
.shcd-domain-hero h1 { font-size: clamp(34px,3.8vw,52px); font-weight: 850; }
.shcd-domain-hero .shcd-lead { margin: 22px auto 30px !important; max-width: 790px; }
.shcd-domain-hero .shcd-domain-form { max-width: 780px; margin-inline: auto; text-align: start; }
.shcd-domain-art { display: flex; justify-content: center; align-items: center; gap: 24px; padding-block: 35px 8px; direction: ltr; }
.shcd-domain-art > img { border-radius: 19px; }
.shcd-domain-art > span { min-width: 79px; border: 1px solid #b885d647; border-radius: 13px; padding: 9px 15px; background: #2b1a3f; color: #e1c0f8; font: 650 20px/1.7 system-ui; }
/* Transform-only motion. No animated blur, giant shadows or layout changes. */
[data-shcd-art] .shcd-server-stage { animation: shcd-rack-drift 8s ease-in-out infinite; }
[data-shcd-art] .shcd-float-code { animation: shcd-code-drift 7s ease-in-out infinite; }
[data-shcd-art] .shcd-float-cloud { animation: shcd-cloud-drift 9s ease-in-out infinite; }
[data-shcd-art] .shcd-core { animation: shcd-core-drift 6s ease-in-out infinite; }
[data-shcd-art] .shcd-orbit-two { animation: shcd-orbit-turn 55s linear infinite; }
[data-shcd-art] .shcd-orbit-dot { animation: shcd-dot-breathe 5s ease-in-out infinite; }
[data-shcd-art] .dot-b { animation-delay: -1.5s; }
[data-shcd-art] .dot-c { animation-delay: -3s; }
.shcd-message-phone { animation: shcd-phone-drift 8s ease-in-out infinite; }
.shcd-message-float.float-a { animation: shcd-code-drift 7s ease-in-out infinite; }
.shcd-message-float.float-b { animation: shcd-cloud-drift 9s ease-in-out infinite; }
.shcd-message-dots i { animation: shcd-dot-breathe 2s ease-in-out infinite; }
.shcd-message-dots i:nth-child(2) { animation-delay: -.4s; }
.shcd-message-dots i:nth-child(3) { animation-delay: -.8s; }
.shcd-domain-art > span { animation: shcd-domain-drift 7s ease-in-out infinite; }
.shcd-domain-art > span:nth-child(2n) { animation-delay: -3.5s; }
[data-shcd-art][data-motion-paused=true] *, .shcd-motion-paused [data-shcd-art] * { animation-play-state: paused !important; }
@keyframes shcd-rack-drift { 0%,100% { transform: translate(-50%,-50%) translateY(0); } 50% { transform: translate(-50%,-50%) translateY(-9px); } }
@keyframes shcd-code-drift { 0%,100% { transform: rotate(-5deg) translateY(0); } 50% { transform: rotate(-4deg) translateY(-7px); } }
@keyframes shcd-cloud-drift { 0%,100% { transform: rotate(3deg) translateY(0); } 50% { transform: rotate(4deg) translateY(8px); } }
@keyframes shcd-core-drift { 0%,100% { transform: rotate(6deg) scale(1); } 50% { transform: rotate(3deg) scale(1.025); } }
@keyframes shcd-orbit-turn { from { transform: translate(-50%,-50%) rotate(-22deg); } to { transform: translate(-50%,-50%) rotate(338deg); } }
@keyframes shcd-dot-breathe { 0%,100% { opacity: .5; } 50% { opacity: 1; } }
@keyframes shcd-phone-drift { 0%,100% { transform: rotate(-6deg) translateY(0); } 50% { transform: rotate(-4deg) translateY(-9px); } }
@keyframes shcd-domain-drift { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-6px); } }
@media(max-width:1000px) {
 .shcd-service-details { grid-template-columns: 1fr; gap: 30px; }
 .shcd-message-art { transform: scale(.85); width: 400px; justify-self: center; }
}
@media(max-width:740px) {
 .shcd-service-hero { padding-block: 34px 18px; }
 .shcd-service-hero h1 { font-size: 34px !important; }
 .shcd-service-choices { padding-block: 26px 38px; }
 .shcd-service-details { padding: 27px 23px; border-radius: 18px; }
 .shcd-service-details h2 { font-size: 27px; }
 .shcd-detail-grid { grid-template-columns: 1fr; gap: 25px; }
 .shcd-service-steps { padding-block: 42px 10px; }
 .shcd-service-steps .shcd-workflow > div { padding: 0; }
 .shcd-sms-page .shcd-service-steps { padding: 27px 23px; border-radius: 18px; }
 .shcd-service-faq { padding-block: 42px; }
 .shcd-message-art { max-width: 100%; height: 420px; transform: scale(.85); margin-block: -5px -20px; }
 .shcd-message-float.float-a { left: -13px; }
 .shcd-domain-hero { padding-block: 34px 16px; }
 .shcd-domain-hero h1 { font-size: 34px; }
 .shcd-domain-art { gap: 10px; flex-wrap: wrap; padding-top: 24px; }
 .shcd-domain-art > span { min-width: 51px; font-size: 16px; padding: 8px 10px; }
 .shcd-domain-art > img { width: 48px; height: 48px; border-radius: 15px; }
}
@media(max-width:380px) { .shcd-message-art { transform: scale(.72); margin-block: -28px -40px; } .shcd-service-hero h1,.shcd-domain-hero h1 { font-size: 31px !important; } }
@media(prefers-reduced-motion:reduce) { [data-shcd-art], [data-shcd-art] * { animation: none !important; } }