.cs-hero{padding-block:clamp(4rem,9vw,7.5rem);position:relative;overflow:hidden}.cs-hero .cs-container{padding-inline:clamp(1.25rem,5vw,4rem)}.cs-hero__inner{z-index:1;grid-template-columns:1fr;align-items:center;gap:clamp(2.5rem,6vw,4rem);display:grid;position:relative}@media (width>=960px){.cs-hero__inner{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(3rem,5vw,5rem)}}.cs-hero__copy{max-width:44rem}.cs-hero__title{font-family:var(--font-display);font-weight:300;font-size:var(--text-display);letter-spacing:.01em;color:var(--color-text);margin:0;line-height:1.06}.cs-hero__title-line{display:block}.cs-hero__banner{margin:var(--space-4) 0 0;font-size:var(--text-sm);letter-spacing:.04em;color:var(--color-text-subtle)}.cs-hero__positioning{margin:var(--space-4) 0 0;max-width:42ch;color:var(--color-text);font-size:clamp(1.0625rem,1.8vw,1.3125rem);font-weight:500;line-height:1.55}.cs-hero__cta{margin-top:var(--space-6);gap:var(--space-3);flex-wrap:wrap;display:flex}.cs-hero__demo{position:relative}@media (width<=959.98px){.cs-hero__demo{width:min(100%,430px);margin-inline:auto}}.js .cs-hero__title-line{animation:.6s cubic-bezier(.22,.61,.36,1) backwards hero-rise}.js .cs-hero__title-line:nth-child(2){animation-delay:90ms}.js .cs-hero__banner{animation:.6s cubic-bezier(.22,.61,.36,1) .18s backwards hero-rise}.js .cs-hero__positioning{animation:.6s cubic-bezier(.22,.61,.36,1) .26s backwards hero-rise}.js .cs-hero__cta{animation:.6s cubic-bezier(.22,.61,.36,1) .38s backwards hero-rise}.js .cs-hero__demo{animation:.7s cubic-bezier(.22,.61,.36,1) .35s backwards hero-rise}@keyframes hero-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce),(print){.js .cs-hero__title-line,.js .cs-hero__banner,.js .cs-hero__positioning,.js .cs-hero__cta,.js .cs-hero__demo{animation:none}}.cs-matrix{z-index:0;pointer-events:none;--matrix-cell:clamp(24px, 2.3vw, 36px);background-image:repeating-linear-gradient(90deg, var(--color-border) 0 1px, transparent 1px var(--matrix-cell)), repeating-linear-gradient(180deg, var(--color-border) 0 1px, transparent 1px var(--matrix-cell));position:absolute;inset:0;overflow:hidden}.cs-matrix:after{content:"";background:linear-gradient(90deg, color-mix(in srgb, var(--color-bg) 88%, transparent) 0%, color-mix(in srgb, var(--color-bg) 42%, transparent) 46%, transparent 74%);position:absolute;inset:0}@media (width<=767px){.cs-matrix:after{background:linear-gradient(180deg, color-mix(in srgb, var(--color-bg) 30%, transparent), color-mix(in srgb, var(--color-bg) 62%, transparent))}}.cs-matrix__cell{left:calc(var(--matrix-cell) * var(--c));top:calc(var(--matrix-cell) * var(--r));width:var(--matrix-cell);height:var(--matrix-cell);background:var(--color-accent);opacity:0;position:absolute}.cs-matrix__cell.is-diamond{transform:rotate(45deg)scale(.82)}.cs-matrix__cell.is-breathe{animation:matrix-breathe var(--dur,5s) ease-in-out infinite;animation-delay:var(--del,0s)}.cs-matrix__cell.is-wave{animation:12s linear infinite matrix-converge;animation-delay:var(--del,0s)}@keyframes matrix-breathe{0%,to{opacity:0}50%{opacity:var(--peak,.3)}}@keyframes matrix-converge{0%{opacity:0}8%{opacity:var(--peak,.4)}18%{opacity:calc(var(--peak,.4) * .45)}26%,to{opacity:0}}.cs-matrix__core{left:calc(var(--matrix-cell) * var(--c));top:calc(var(--matrix-cell) * var(--r));width:calc(var(--matrix-cell) * 1.5);height:calc(var(--matrix-cell) * 1.5);border:1px solid var(--color-accent);background:color-mix(in srgb, var(--color-accent) 12%, transparent);box-shadow:0 0 24px color-mix(in srgb, var(--color-accent) 35%, transparent);animation:4.5s ease-in-out infinite matrix-core-pulse;position:absolute;transform:translate(-16.7%,-16.7%)rotate(45deg)}@keyframes matrix-core-pulse{0%,to{opacity:.55}50%{opacity:1}}@media (prefers-reduced-motion:reduce),(print){.cs-matrix__cell{opacity:0;animation:none}.cs-matrix__core{opacity:.85;animation:none}}.cs-graph{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);backdrop-filter:blur(var(--glass-blur));box-shadow:var(--shadow-md);margin:0;padding:clamp(1rem,2.5vw,1.5rem)}.cs-graph__svg{width:100%;height:auto;display:block}.cs-graph__edge{stroke:var(--color-accent);stroke-opacity:.38;stroke-width:1px;stroke-dasharray:4 4;fill:none}.cs-graph__edge--soft{stroke:var(--color-accent-secondary);stroke-opacity:.3}.cs-graph__edge-label{font-family:var(--font-mono);letter-spacing:.06em;fill:var(--color-text-subtle);font-size:10px}.cs-graph__record rect{fill:var(--color-surface-raised);stroke:var(--color-border-strong)}.cs-graph__record-kind{font-family:var(--font-mono);letter-spacing:.1em;fill:var(--color-accent);font-size:10px}.cs-graph__record-line{fill:var(--color-text-muted);font-size:12px}.cs-graph__diamond{fill:color-mix(in srgb, var(--color-accent) 12%, transparent);stroke:var(--color-accent);stroke-width:1.2px;transform-box:fill-box;transform-origin:50%}.cs-graph__diamond.is-core{animation:3.6s ease-in-out infinite graph-core}@keyframes graph-core{0%,58%,to{transform:scale(1)}72%{transform:scale(1.12)}}.cs-graph__concept-label{fill:var(--color-text);font-size:12.5px;font-weight:500}.cs-graph__pulse{fill:var(--color-accent);filter:drop-shadow(0 0 6px var(--color-accent));animation:3.6s cubic-bezier(.45,.05,.55,.95) infinite graph-pulse}@keyframes graph-pulse{0%{opacity:0;transform:translate(178px,136px)}10%{opacity:1}72%{opacity:1}84%,to{opacity:0;transform:translate(280px,90px)}}.cs-graph__caption{margin-top:var(--space-3);align-items:baseline;gap:var(--space-2) var(--space-4);font-size:var(--text-xs);color:var(--color-text-subtle);flex-wrap:wrap;display:flex}.cs-graph__caption-main{color:var(--color-text-muted)}.cs-graph__foot{font-family:var(--font-mono);letter-spacing:.02em}.cs-graph__link{color:var(--color-accent);margin-left:auto;text-decoration:none}.cs-graph__link:hover{text-decoration:underline}@media (prefers-reduced-motion:reduce),(print){.cs-graph__diamond.is-core,.cs-graph__pulse{animation:none}.cs-graph__pulse{opacity:0}}.cs-eg-section{background:var(--color-bg-elev);border-block:1px solid var(--color-border)}.cs-eg-section .cs-section__title-note{margin-top:var(--space-2);font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:.04em;color:var(--color-text-muted);font-weight:400;display:block}.cs-eg__steps{counter-reset:eg-step;grid-template-columns:1fr;gap:clamp(1.5rem,3vw,2.5rem);margin:0;padding:0;list-style:none;display:grid}@media (width>=720px){.cs-eg__steps{grid-template-columns:repeat(3,1fr)}}.cs-eg__step{gap:var(--space-3);flex-direction:column;display:flex}.cs-eg__step-label{align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent);display:inline-flex}.cs-eg__step-label:before{content:"";background:var(--color-accent);width:18px;height:1px}.cs-eg__device{background:var(--color-surface-solid,#10151c);border:1px solid var(--color-border-strong);width:min(100%,264px);box-shadow:var(--shadow-md,var(--shadow-sm));border-radius:34px;margin-inline:auto;padding:9px;position:relative}.cs-eg__device-media{background:var(--color-bg);border-radius:25px;display:block;overflow:hidden}.cs-eg__media-note{top:var(--space-2);left:var(--space-2);z-index:1;align-items:center;gap:var(--space-1);border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);background:var(--color-surface-raised);color:var(--color-text);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.04em;box-shadow:var(--shadow-sm);pointer-events:none;padding:.25rem .5rem;line-height:1;display:inline-flex;position:absolute}.cs-eg__device-media img{aspect-ratio:1260/2720;object-fit:cover;width:100%;height:auto;display:block}.cs-eg__hint{margin:var(--space-3) 0 0;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.04em;color:var(--color-text-muted)}.cs-eg__points{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.cs-eg__points li{font-size:var(--text-sm);color:var(--color-text-muted);padding-left:1.15em;line-height:1.6;position:relative}.cs-eg__points li:before{content:"✓";color:var(--color-accent);font-weight:600;position:absolute;left:0}.cs-eg__swipe-hint{display:none}@media (width<=719.98px){.cs-eg__steps{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding-bottom:var(--space-2);grid-template-columns:none;grid-auto-columns:min(76vw,300px);grid-auto-flow:column;overflow-x:auto}.cs-eg__step{scroll-snap-align:center}.cs-eg__swipe-hint{margin:var(--space-3) 0 0;text-align:center;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;color:var(--color-text-subtle);display:block}}.cs-eg__step-title{font-size:var(--text-xl);margin:0;font-weight:600;line-height:1.25}.cs-eg__step-desc{color:var(--color-text-muted);line-height:1.7;font-size:var(--text-base);margin:0}.cs-eg__actions{margin-top:var(--space-7)}.cs-how{padding-block:var(--section-y)}.cs-how__inner{gap:clamp(2.5rem,6vw,4.5rem);display:grid}@media (width>=960px){.cs-how__inner{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start}}.cs-how__head{max-width:48ch}.cs-how__list{border-top:1px solid var(--color-border);gap:0;margin:0;padding:0;list-style:none;display:grid}.cs-how__item{gap:var(--space-4);border-bottom:1px solid var(--color-border);padding-block:clamp(1.75rem,4vw,2.5rem);display:grid}@media (width>=720px){.cs-how__item{gap:var(--space-6)}}.cs-how__title{margin:0 0 var(--space-2);letter-spacing:-.01em;font-size:clamp(1.375rem,2.6vw,1.875rem);font-weight:600;line-height:1.25}.cs-how__title-en{margin-top:var(--space-1);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.02em;color:var(--color-text-subtle);font-weight:400;display:block}.cs-how__desc{margin:0 0 var(--space-3);color:var(--color-text-muted);max-width:60ch;line-height:1.75}.cs-how__case{font-size:var(--text-sm);color:var(--color-text);margin:0;line-height:1.65}.cs-how__case-label{margin-right:var(--space-2);margin-bottom:var(--space-1);padding:2px var(--space-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--color-accent);display:inline-block}.cs-cta{background:var(--color-bg-elev);padding-block:clamp(4rem,8vw,6.5rem);position:relative;overflow:hidden}.cs-cta__inner{gap:var(--space-6);grid-template-columns:1fr;align-items:end;display:grid;position:relative}@media (width>=880px){.cs-cta__inner{gap:var(--space-8);grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}}.cs-cta__title{margin:0 0 var(--space-3);letter-spacing:-.025em;font-size:clamp(1.875rem,4.6vw,3.5rem);font-weight:500;line-height:1.1}.cs-cta__title small{margin-top:var(--space-2);font-family:var(--font-mono);font-size:var(--text-base);color:var(--color-text-muted);letter-spacing:0;font-weight:400;display:block}.cs-cta__body{max-width:52ch;color:var(--color-text-muted);font-size:var(--text-lg);margin:0;line-height:1.7}.cs-cta__actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.cs-snap{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-solid);grid-template-columns:1fr;gap:0;margin:0;padding:0;list-style:none;display:grid;overflow:hidden}@media (width>=720px){.cs-snap{grid-template-columns:repeat(2,1fr)}}@media (width>=1080px){.cs-snap{grid-template-columns:repeat(3,1fr)}}.cs-snap__cell{padding:var(--space-5);border-top:1px solid var(--color-border);border-left:1px solid var(--color-border)}@media (width<=719px){.cs-snap__cell{border-left:0}.cs-snap__cell:first-child{border-top:0}}@media (width>=720px) and (width<=1079px){.cs-snap__cell:nth-child(odd){border-left:0}.cs-snap__cell:nth-child(-n+2){border-top:0}}@media (width>=1080px){.cs-snap__cell:nth-child(3n+1){border-left:0}.cs-snap__cell:nth-child(-n+3){border-top:0}}.cs-snap__label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-subtle);margin-bottom:var(--space-2);display:block}.cs-snap__value{font-size:var(--text-xl);color:var(--color-text);font-weight:600;line-height:1.3;display:block}.cs-snap__value-en{margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px dashed var(--color-border-strong);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.04em;color:var(--color-text-muted);display:block}.cs-snap__value.is-empty{color:var(--color-text-subtle);font-style:italic;font-weight:400}@media (width<=719px){.cs-hero__cta{flex-direction:column;align-items:stretch}.cs-hero__cta .cs-btn,.cs-eg__actions .cs-btn{width:100%}}@media (width<=374px){.cs-hero .cs-container{padding-inline:1rem}}