.design-style-split_screen_design_network_wonders_blockchain_application_development_8op{--bg:oklch(0.15 0.03 226);--surface:oklch(0.21 0.045 226);--primary:oklch(0.72 0.11 226);--secondary:oklch(0.62 0.11 195);--accent:oklch(0.78 0.13 16);--accent-2:oklch(0.90 0.09 16);--text:oklch(0.94 0.02 226);--muted:oklch(0.62 0.03 226);--line:oklch(0.32 0.04 226);--container:1120px;--container-lg:1360px;--container-xl:1600px;--gutter:clamp(14px,2vw,28px);--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:44px;--sp-8:60px;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-pill:999px;--sh-1:0 1px 0 rgba(255,255,255,.05) inset,0 2px 8px rgba(0,0,0,.35);--sh-2:0 1px 0 rgba(255,255,255,.06) inset,0 10px 26px rgba(0,0,0,.44);--sh-3:0 1px 0 rgba(255,255,255,.08) inset,0 22px 54px rgba(0,0,0,.54);--fs-xs:clamp(.72rem,.7rem + .1vw,.78rem);--fs-sm:clamp(.82rem,.8rem + .15vw,.9rem);--fs-md:clamp(.95rem,.9rem + .25vw,1.06rem);--fs-lg:clamp(1.15rem,1.05rem + .5vw,1.4rem);--fs-xl:clamp(1.5rem,1.3rem + 1vw,2rem);--fs-2xl:clamp(1.9rem,1.5rem + 2vw,2.9rem);--fs-3xl:clamp(2.4rem,1.8rem + 3vw,3.6rem);--lh-tight:1.12;--lh-snug:1.32;--lh-body:1.62;--ease:cubic-bezier(.4,0,.2,1);--ease-out:cubic-bezier(.16,1,.3,1);--t-fast:.15s;--t-base:.25s;--t-slow:.45s;background:var(--bg);color:var(--text);font-family:Inter,'Helvetica Neue',system-ui,-apple-system,'PingFang SC','Microsoft YaHei',sans-serif;line-height:var(--lh-body);overflow-wrap:break-word;font-synthesis:none;-webkit-font-smoothing:antialiased;position:relative;isolation:isolate}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op *,.design-style-split_screen_design_network_wonders_blockchain_application_development_8op *::before,.design-style-split_screen_design_network_wonders_blockchain_application_development_8op *::after{box-sizing:border-box;min-width:0}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op img{max-width:100%;height:auto;display:block}

/* ===== Notice Bar ===== */
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-notice{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--gutter);background:oklch(0.19 0.05 226);border-bottom:1px solid var(--line);font-size:var(--fs-xs);letter-spacing:.02em}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-notice-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px oklch(0.78 0.13 16/.18);flex:0 0 auto;animation:ssd-pulse 2.4s var(--ease) infinite}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-notice-txt{color:var(--text);font-weight:600}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-notice-tag{margin-left:auto;color:var(--muted);font-size:var(--fs-xs);white-space:nowrap;overflow-wrap:break-word}
@keyframes ssd-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.78)}}

/* ===== Shell / Split Layout ===== */
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-shell>*{min-width:0}

/* ===== Left Rail Nav (asymmetric split) ===== */
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-rail{position:sticky;top:0;align-self:stretch;background:linear-gradient(180deg,oklch(0.18 0.045 226),oklch(0.15 0.03 226));border-right:1px solid var(--line);padding:var(--sp-6) var(--sp-5) var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-5);overflow:hidden}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-rail::before{content:'';position:absolute;width:340px;height:340px;top:-120px;left:-140px;background:radial-gradient(circle at 40% 40%,oklch(0.72 0.11 226/.28),transparent 68%);border-radius:52% 48% 63% 37%/45% 58% 42% 55%;filter:blur(6px);pointer-events:none;z-index:0}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-rail::after{content:'';position:absolute;width:220px;height:220px;bottom:-70px;right:-80px;background:radial-gradient(circle at 60% 40%,oklch(0.78 0.13 16/.20),transparent 70%);border-radius:63% 37% 45% 55%/58% 42% 58% 42%;filter:blur(8px);pointer-events:none;z-index:0}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-brand{display:flex;align-items:center;gap:var(--sp-3);position:relative;z-index:1;min-width:0}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-brand-mark{width:38px;height:38px;flex:0 0 auto;border-radius:var(--r-md);background:linear-gradient(140deg,var(--primary),var(--secondary));display:grid;place-items:center;box-shadow:var(--sh-2);color:oklch(0.16 0.03 226);font-weight:800;font-size:var(--fs-sm)}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-brand-name{font-size:var(--fs-md);font-weight:800;letter-spacing:.01em;line-height:1.1;min-width:0}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-brand-sub{display:block;font-size:var(--fs-xs);color:var(--muted);font-weight:500;letter-spacing:.14em;text-transform:uppercase}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-nav{display:flex;flex-direction:column;gap:var(--sp-1);position:relative;z-index:1}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-nav a{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-3);border-radius:var(--r-sm);color:var(--muted);text-decoration:none;font-size:var(--fs-sm);font-weight:600;border:1px solid transparent;transition:color var(--t-base) var(--ease),background var(--t-base) var(--ease),border-color var(--t-base) var(--ease),transform var(--t-base) var(--ease);min-width:0}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-nav a:hover,.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-nav a:focus-visible{color:var(--text);background:oklch(0.72 0.11 226/.10);border-color:oklch(0.72 0.11 226/.35);transform:translateX(3px);outline:none}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-nav a .ssd-nav-dot{width:6px;height:6px;border-radius:50%;background:var(--muted);flex:0 0 auto;transition:background var(--t-base) var(--ease),box-shadow var(--t-base) var(--ease)}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-nav a:hover .ssd-nav-dot{background:var(--accent);box-shadow:0 0 0 3px oklch(0.78 0.13 16/.2)}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-rail-foot{margin-top:auto;position:relative;z-index:1;padding:var(--sp-4);border:1px solid var(--line);border-radius:var(--r-md);background:oklch(0.21 0.045 226/.6);box-shadow:var(--sh-1)}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-rail-foot b{display:block;font-size:var(--fs-xs);color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:var(--sp-2)}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-rail-foot span{font-size:var(--fs-sm);color:var(--text);line-height:var(--lh-snug)}

/* ===== Right Stream ===== */
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-stream{min-width:0;padding:0 var(--gutter) var(--sp-7)}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-wrap{max-width:var(--container);margin:0 auto;display:flex;flex-direction:column;gap:var(--sp-6);min-width:0}

/* ===== Hero (asymmetric, blob motif) ===== */
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-hero{position:relative;padding-top:var(--sp-6);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:var(--sp-5);align-items:center}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-hero-blob{position:absolute;inset:auto -60px -40px auto;width:min(420px,60%);height:320px;background:radial-gradient(circle at 35% 35%,oklch(0.72 0.11 226/.22),transparent 65%),radial-gradient(circle at 70% 70%,oklch(0.78 0.13 16/.16),transparent 60%);border-radius:58% 42% 39% 61%/48% 55% 45% 52%;filter:blur(4px);z-index:0;animation:ssd-blob 14s var(--ease) infinite alternate;pointer-events:none}
@keyframes ssd-blob{0%{border-radius:58% 42% 39% 61%/48% 55% 45% 52%;transform:rotate(0deg)}100%{border-radius:42% 58% 61% 39%/55% 44% 56% 45%;transform:rotate(9deg)}}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-hero-copy{position:relative;z-index:1;display:flex;flex-direction:column;gap:var(--sp-4);min-width:0}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-kicker{display:inline-flex;align-items:center;gap:var(--sp-2);align-self:flex-start;padding:var(--sp-1) var(--sp-3);border:1px solid oklch(0.78 0.13 16/.4);border-radius:var(--r-pill);font-size:var(--fs-xs);font-weight:700;color:var(--accent-2);letter-spacing:.08em;background:oklch(0.78 0.13 16/.08)}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-hero h1{margin:0;font-size:var(--fs-3xl);line-height:var(--lh-tight);font-weight:800;letter-spacing:-.01em;text-wrap:balance}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-hero h1 em{font-style:normal;color:var(--primary)}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-hero p{margin:0;color:var(--muted);font-size:var(--fs-md);max-width:56ch}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-hero-cta{display:flex;flex-wrap:wrap;gap:var(--sp-3);align-items:center;margin-top:var(--sp-1)}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-5);border-radius:var(--r-md);font-size:var(--fs-sm);font-weight:700;text-decoration:none;border:1px solid transparent;transition:transform var(--t-base) var(--ease-out),box-shadow var(--t-base) var(--ease),background var(--t-base) var(--ease),border-color var(--t-base) var(--ease),color var(--t-base) var(--ease);cursor:pointer;min-width:0;text-align:center}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-btn-primary{background:var(--accent);color:oklch(0.17 0.04 16);box-shadow:var(--sh-2)}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-btn-primary:hover,.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-btn-primary:focus-visible{transform:translateY(-2px);box-shadow:0 0 0 1px oklch(0.90 0.09 16/.6),var(--sh-3);outline:none}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-btn-ghost{background:transparent;color:var(--text);border-color:var(--line)}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-btn-ghost:hover,.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-btn-ghost:focus-visible{border-color:var(--primary);color:var(--primary);transform:translateY(-2px);box-shadow:var(--sh-1);outline:none}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-hero-media{position:relative;z-index:1;min-width:0}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-hero-frame{position:relative;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line);box-shadow:var(--sh-3);aspect-ratio:4/3;background:var(--surface)}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-hero-frame img{width:100%;height:100%;object-fit:cover}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-hero-badge{position:absolute;left:var(--sp-3);bottom:var(--sp-3);display:flex;gap:var(--sp-3);align-items:center;padding:var(--sp-2) var(--sp-4);border-radius:var(--r-pill);background:oklch(0.17 0.04 226/.82);border:1px solid var(--line);box-shadow:var(--sh-2);-webkit-backdrop-filter:blur(8px);
backdrop-filter:blur(8px);max-width:calc(100% - var(--sp-5))}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-hero-badge b{font-size:var(--fs-lg);color:var(--accent-2);font-variant-numeric:tabular-nums}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-hero-badge span{font-size:var(--fs-xs);color:var(--muted);max-width:16ch;line-height:1.3}

/* ===== Section base ===== */
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-sec{display:flex;flex-direction:column;gap:var(--sp-5);min-width:0}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-sec-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--sp-5);align-items:end;padding-bottom:var(--sp-4);border-bottom:1px solid var(--line)}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-sec-head h2{margin:0;font-size:var(--fs-xl);font-weight:800;line-height:var(--lh-snug);letter-spacing:-.005em;min-width:0;text-wrap:balance}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-sec-head p{margin:0;color:var(--muted);font-size:var(--fs-sm);min-width:0}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-eyebrow{font-size:var(--fs-xs);font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--secondary);display:block;margin-bottom:var(--sp-2)}

/* ===== Scenarios (split alternating rows) ===== */
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-scene{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--sp-5);align-items:stretch;padding:var(--sp-5);border:1px solid var(--line);border-radius:var(--r-lg);background:linear-gradient(135deg,oklch(0.21 0.045 226),oklch(0.175 0.035 226));box-shadow:var(--sh-1);transition:transform var(--t-base) var(--ease-out),box-shadow var(--t-base) var(--ease),border-color var(--t-base) var(--ease)}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-scene:hover{transform:translateY(-4px);box-shadow:var(--sh-3);border-color:oklch(0.72 0.11 226/.45)}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-scene.flip .ssd-scene-media{order:2}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-scene-media{border-radius:var(--r-md);overflow:hidden;border:1px solid var(--line);aspect-ratio:16/11;background:var(--surface);min-width:0}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-scene-media img{width:100%;height:100%;object-fit:cover;transition:transform var(--t-slow) var(--ease-out)}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-scene:hover .ssd-scene-media img{transform:scale(1.04)}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-scene-body{display:flex;flex-direction:column;gap:var(--sp-3);justify-content:center;min-width:0}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-scene-body h3{margin:0;font-size:var(--fs-lg);font-weight:800;line-height:var(--lh-snug);letter-spacing:-.005em}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-scene-body p{margin:0;color:var(--muted);font-size:var(--fs-sm)}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-metrics{display:flex;flex-wrap:wrap;gap:var(--sp-3);margin-top:var(--sp-1)}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-metrics div{border-left:2px solid var(--accent);padding-left:var(--sp-3);min-width:0}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-metrics b{display:block;font-size:var(--fs-md);color:var(--accent-2);font-variant-numeric:tabular-nums;line-height:1.1}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-metrics span{font-size:var(--fs-xs);color:var(--muted)}

/* ===== Testimonials ===== */
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-quotes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-4)}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-quote{padding:var(--sp-5);border:1px solid var(--line);border-radius:var(--r-lg);background:oklch(0.21 0.045 226/.55);box-shadow:var(--sh-1);display:flex;flex-direction:column;gap:var(--sp-3);transition:transform var(--t-base) var(--ease-out),box-shadow var(--t-base) var(--ease),border-color var(--t-base) var(--ease);min-width:0}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-quote:hover{transform:translateY(-3px);box-shadow:var(--sh-2);border-color:oklch(0.62 0.11 195/.45)}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-quote-mark{font-size:var(--fs-xl);color:var(--secondary);line-height:1;font-weight:800}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-quote p{margin:0;font-size:var(--fs-sm);color:var(--text);line-height:var(--lh-body)}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-quote footer{margin-top:auto;display:flex;align-items:center;gap:var(--sp-3);padding-top:var(--sp-3);border-top:1px solid var(--line);min-width:0}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-avatar{width:34px;height:34px;border-radius:50%;overflow:hidden;flex:0 0 auto;border:1px solid var(--line)}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-avatar img{width:100%;height:100%;object-fit:cover}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-quote footer b{display:block;font-size:var(--fs-sm);color:var(--text)}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-quote footer span{font-size:var(--fs-xs);color:var(--muted)}

/* ===== KPI strip (counter gauges) ===== */
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-4);padding:var(--sp-5);border:1px solid var(--line);border-radius:var(--r-lg);background:linear-gradient(120deg,oklch(0.19 0.04 226),oklch(0.155 0.03 226));box-shadow:var(--sh-2)}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-kpi{min-width:0;display:flex;flex-direction:column;gap:var(--sp-2)}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-kpi-num{font-size:var(--fs-2xl);font-weight:800;line-height:1;font-variant-numeric:tabular-nums;color:var(--text);letter-spacing:-.02em}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-kpi-num small{font-size:.5em;color:var(--accent);font-weight:800;margin-left:2px}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-kpi-bar{height:4px;border-radius:var(--r-pill);background:oklch(0.32 0.04 226);overflow:hidden}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-kpi-bar i{display:block;height:100%;border-radius:var(--r-pill);background:linear-gradient(90deg,var(--secondary),var(--primary));animation:ssd-grow 1.6s var(--ease-out) both;transform-origin:left}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-kpi:nth-child(2) .ssd-kpi-bar i{animation-delay:.12s;width:78%}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-kpi:nth-child(3) .ssd-kpi-bar i{animation-delay:.24s;width:64%}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-kpi:nth-child(4) .ssd-kpi-bar i{animation-delay:.36s;width:88%}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-kpi:first-child .ssd-kpi-bar i{width:92%}
@keyframes ssd-grow{from{transform:scaleX(0);transform-origin:left}to{transform:scaleX(1);transform-origin:left}}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-kpi span{font-size:var(--fs-xs);color:var(--muted)}

/* ===== Partners wall ===== */
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-partners{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--sp-3)}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-partner{display:flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-4) var(--sp-3);border:1px solid var(--line);border-radius:var(--r-md);background:oklch(0.21 0.045 226/.45);font-size:var(--fs-sm);font-weight:700;color:var(--muted);text-align:center;transition:color var(--t-base) var(--ease),border-color var(--t-base) var(--ease),transform var(--t-base) var(--ease-out),box-shadow var(--t-base) var(--ease);min-width:0;overflow-wrap:break-word}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-partner:hover{color:var(--text);border-color:oklch(0.72 0.11 226/.5);transform:translateY(-3px);box-shadow:var(--sh-2)}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-partner svg{width:18px;height:18px;flex:0 0 auto;stroke:var(--secondary);fill:none;stroke-width:1.6}

/* ===== Guidance checklist ===== */
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-guide{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--sp-4)}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-step{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--sp-4);padding:var(--sp-4);border:1px solid var(--line);border-radius:var(--r-md);background:oklch(0.21 0.045 226/.5);transition:border-color var(--t-base) var(--ease),transform var(--t-base) var(--ease-out),box-shadow var(--t-base) var(--ease);min-width:0}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-step:hover{border-color:oklch(0.78 0.13 16/.45);transform:translateX(3px);box-shadow:var(--sh-1)}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-step-no{width:30px;height:30px;border-radius:var(--r-sm);display:grid;place-items:center;font-size:var(--fs-sm);font-weight:800;color:var(--accent-2);background:oklch(0.78 0.13 16/.12);border:1px solid oklch(0.78 0.13 16/.35);font-variant-numeric:tabular-nums;flex:0 0 auto}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-step h4{margin:0 0 var(--sp-1);font-size:var(--fs-md);font-weight:700;line-height:var(--lh-snug)}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-step p{margin:0;font-size:var(--fs-sm);color:var(--muted)}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-step code{font-size:var(--fs-xs);color:var(--accent-2);background:oklch(0.78 0.13 16/.1);padding:1px var(--sp-1);border-radius:var(--r-sm);border:1px solid oklch(0.78 0.13 16/.2);overflow-wrap:break-word}

/* ===== Feature (radial center) ===== */
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-radial{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--sp-4);align-items:stretch}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-radial-core{grid-column:3/5;grid-row:1/3;display:flex;flex-direction:column;justify-content:center;gap:var(--sp-3);padding:var(--sp-5);border-radius:var(--r-lg);background:linear-gradient(150deg,oklch(0.26 0.06 226),oklch(0.19 0.045 226));border:1px solid oklch(0.72 0.11 226/.4);box-shadow:var(--sh-3);text-align:center;position:relative;overflow:hidden;min-width:0}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-radial-core::before{content:'';position:absolute;width:200px;height:200px;top:-90px;right:-70px;background:radial-gradient(circle,oklch(0.62 0.11 195/.35),transparent 70%);border-radius:55% 45% 40% 60%/50% 55% 45% 50%;filter:blur(4px);pointer-events:none}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-radial-core strong{font-size:var(--fs-xl);font-weight:800;position:relative;z-index:1;line-height:var(--lh-snug)}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-radial-core p{margin:0;font-size:var(--fs-sm);color:var(--muted);position:relative;z-index:1}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-radial-core .ssd-core-num{font-size:var(--fs-3xl);font-weight:800;color:var(--primary);line-height:1;font-variant-numeric:tabular-nums;position:relative;z-index:1}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-feat{padding:var(--sp-4);border:1px solid var(--line);border-radius:var(--r-md);background:oklch(0.21 0.045 226/.55);display:flex;flex-direction:column;gap:var(--sp-2);transition:transform var(--t-base) var(--ease-out),box-shadow var(--t-base) var(--ease),border-color var(--t-base) var(--ease);min-width:0}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-feat:hover{transform:translateY(-4px);box-shadow:var(--sh-2);border-color:oklch(0.62 0.11 195/.5)}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-feat .ssd-feat-ico{width:28px;height:28px;border-radius:var(--r-sm);display:grid;place-items:center;background:oklch(0.72 0.11 226/.14);border:1px solid oklch(0.72 0.11 226/.35);flex:0 0 auto}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-feat .ssd-feat-ico svg{width:16px;height:16px;stroke:var(--primary);fill:none;stroke-width:1.7}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-feat h4{margin:0;font-size:var(--fs-sm);font-weight:700;line-height:var(--lh-snug)}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-feat p{margin:0;font-size:var(--fs-xs);color:var(--muted);line-height:var(--lh-snug)}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-feat-1{grid-column:1/3}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-feat-2{grid-column:5/7}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-feat-3{grid-column:1/3;grid-row:2}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-feat-4{grid-column:5/7;grid-row:2}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-feat-5{grid-column:3/5;grid-row:3}

/* ===== Feature mixed media ===== */
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-mix{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:var(--sp-4)}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-mix-main{position:relative;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line);box-shadow:var(--sh-2);aspect-ratio:16/10;background:var(--surface);min-width:0;margin:0}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-mix-main img{width:100%;height:100%;object-fit:cover}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-mix-cap{position:absolute;inset:auto var(--sp-3) var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);background:oklch(0.16 0.035 226/.85);border:1px solid var(--line);box-shadow:var(--sh-1);-webkit-backdrop-filter:blur(6px);
backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-mix-cap b{display:block;font-size:var(--fs-sm);color:var(--text)}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-mix-cap span{font-size:var(--fs-xs);color:var(--muted)}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-mix-side{display:grid;grid-template-rows:repeat(2,minmax(0,1fr));gap:var(--sp-4);min-width:0}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-mix-side figure{margin:0;position:relative;border-radius:var(--r-md);overflow:hidden;border:1px solid var(--line);background:var(--surface);min-width:0}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-mix-side figure img{width:100%;height:100%;object-fit:cover;min-height:130px}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-mix-side figcaption{position:absolute;left:0;right:0;bottom:0;padding:var(--sp-2) var(--sp-3);font-size:var(--fs-xs);color:var(--text);background:linear-gradient(0deg,oklch(0.15 0.03 226/.9),transparent)}

/* ===== CTA band (inset, split) ===== */
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-cta{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:var(--sp-5);align-items:center;padding:var(--sp-6);border-radius:var(--r-lg);border:1px solid oklch(0.72 0.11 226/.35);background:linear-gradient(115deg,oklch(0.23 0.055 226),oklch(0.17 0.035 226));box-shadow:var(--sh-2);position:relative;overflow:hidden}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-cta::after{content:'';position:absolute;width:300px;height:300px;right:-100px;top:-120px;background:radial-gradient(circle,oklch(0.78 0.13 16/.18),transparent 70%);border-radius:56% 44% 48% 52%/52% 48% 55% 45%;filter:blur(6px);pointer-events:none}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-cta h2{margin:0 0 var(--sp-3);font-size:var(--fs-2xl);font-weight:800;line-height:var(--lh-tight);position:relative;z-index:1;text-wrap:balance;letter-spacing:-.01em}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-cta p{margin:0;color:var(--muted);font-size:var(--fs-sm);max-width:52ch;position:relative;z-index:1}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-cta-actions{display:flex;flex-direction:column;gap:var(--sp-3);position:relative;z-index:1;min-width:0}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-cta-note{font-size:var(--fs-xs);color:var(--muted);text-align:center}

/* ===== Footer ===== */
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-foot{border-top:1px solid var(--line);padding:var(--sp-6) 0 var(--sp-5);display:grid;grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr));gap:var(--sp-5)}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-foot-col h5{margin:0 0 var(--sp-3);font-size:var(--fs-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-foot-col a,.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-foot-col p{display:block;margin:0 0 var(--sp-2);font-size:var(--fs-sm);color:var(--muted);text-decoration:none;transition:color var(--t-base) var(--ease);overflow-wrap:break-word}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-foot-col a:hover,.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-foot-col a:focus-visible{color:var(--primary);outline:none}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-foot-brand p{max-width:40ch}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-copy{grid-column:1/-1;padding-top:var(--sp-4);border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:var(--sp-3);justify-content:space-between;font-size:var(--fs-xs);color:var(--muted)}

/* ===== Entrance animation (auto-play, default visible) ===== */
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-rise{animation:ssd-rise .7s var(--ease-out) both}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-rise.d1{animation-delay:.08s}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-rise.d2{animation-delay:.16s}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-rise.d3{animation-delay:.24s}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-rise.d4{animation-delay:.32s}
@keyframes ssd-rise{from{transform:translateY(14px)}to{transform:translateY(0)}}

/* ===== Responsive ===== */
@media (min-width:1600px){
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-wrap{max-width:var(--container-lg)}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-partners{grid-template-columns:repeat(5,minmax(0,1fr))}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-quotes{grid-template-columns:repeat(4,minmax(0,1fr))}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-guide{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width:2200px){
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-wrap{max-width:var(--container-xl)}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-quotes{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (max-width:1024px){
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-shell{grid-template-columns:minmax(0,1fr)}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-rail{position:static;border-right:none;border-bottom:1px solid var(--line);padding:var(--sp-5) var(--gutter)}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-nav{flex-direction:row;flex-wrap:wrap}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-nav a{flex:1 1 auto;justify-content:center}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-rail-foot{display:none}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-hero{grid-template-columns:minmax(0,1fr)}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-scene{grid-template-columns:minmax(0,1fr)}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-scene.flip .ssd-scene-media{order:0}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-sec-head{grid-template-columns:minmax(0,1fr);align-items:start}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-radial{grid-template-columns:repeat(2,minmax(0,1fr))}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-radial-core{grid-column:1/3;grid-row:auto;order:-1}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-feat-1,.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-feat-2,.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-feat-3,.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-feat-4,.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-feat-5{grid-column:auto;grid-row:auto}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-mix{grid-template-columns:minmax(0,1fr)}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-mix-side{grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr))}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-cta{grid-template-columns:minmax(0,1fr)}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-partners{grid-template-columns:repeat(3,minmax(0,1fr))}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-foot{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-notice{flex-wrap:wrap;gap:var(--sp-2)}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-notice-tag{display:none}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-quotes,.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-guide,.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-kpis{grid-template-columns:minmax(0,1fr)}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-radial{grid-template-columns:minmax(0,1fr)}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-radial-core{grid-column:1}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-mix-side{grid-template-columns:minmax(0,1fr)}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-partners{grid-template-columns:repeat(2,minmax(0,1fr))}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-foot{grid-template-columns:minmax(0,1fr)}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-hero-cta{flex-direction:column;align-items:stretch}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-btn{justify-content:center;min-height:44px}
}
@media (max-width:380px){
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op{--gutter:12px}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-stream{padding:0 var(--sp-3) var(--sp-6)}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-scene,.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-quote,.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-feat,.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-step{padding:var(--sp-3)}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-cta{padding:var(--sp-4)}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-sec-head h2,.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-hero h1{word-break:break-word;letter-spacing:-.015em}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-kpi-num{font-size:var(--fs-xl)}
}
@media (prefers-reduced-motion:reduce){
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op *,.design-style-split_screen_design_network_wonders_blockchain_application_development_8op *::before,.design-style-split_screen_design_network_wonders_blockchain_application_development_8op *::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-kpi-bar i{transform:none}
.design-style-split_screen_design_network_wonders_blockchain_application_development_8op .ssd-hero-blob{animation:none}
}