:root{--page-head-display:clamp(2.75rem, 6.4vw, 5rem);--section-y:clamp(3.5rem, 7vw, 6rem)}.cs-section__head{max-width:64rem}.cs-section__lead{max-width:60ch;line-height:1.7}.cs-page-head{isolation:isolate;padding-block:clamp(3.5rem,7vw,6rem) clamp(2.5rem,5vw,4rem);position:relative}.cs-page-head:before{content:"";z-index:-1;background-image:linear-gradient(90deg,#f2f5f90a 1px,#0000 1px);background-size:56px 100%;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 30% 30%,#000 50%,#0000 100%);mask-image:radial-gradient(70% 60% at 30% 30%,#000 50%,#0000 100%)}.cs-page-head__inner{gap:var(--space-4);max-width:64rem;display:grid}.cs-page-head__eyebrow{align-items:center;gap:var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.18em;text-transform:uppercase;color:var(--color-accent);width:max-content;display:inline-flex}.cs-page-head__eyebrow:before{content:"";background:var(--color-accent);width:28px;height:1px}.cs-page-head__title{font-size:var(--page-head-display);letter-spacing:-.02em;color:var(--color-text);margin:0;font-weight:700;line-height:1.05}.cs-page-head__sub{font-family:var(--font-mono);font-size:clamp(var(--text-sm), 1.6vw, var(--text-lg));letter-spacing:.04em;color:var(--color-text-muted);margin:0}.cs-page-head__lead{margin:var(--space-2) 0 0;max-width:56ch;color:var(--color-text-muted);font-size:var(--text-lg);line-height:1.7}.cs-page-head__line{background:var(--color-border);height:1px;margin-top:clamp(2rem,4vw,3rem)}.cs-eg-case__panel{gap:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-md);background:linear-gradient(135deg, #2c9e5f0f, transparent 55%), var(--color-surface-raised);isolation:isolate;grid-template-columns:1fr;padding:clamp(1.75rem,4vw,2.75rem);display:grid;position:relative;overflow:hidden}@media (width>=960px){.cs-eg-case__panel{gap:var(--space-7);grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:start}}.cs-eg-case__panel:before{content:"";z-index:-1;background:radial-gradient(circle,#2c9e5f1f,#0000 70%);border-radius:50%;width:360px;height:360px;position:absolute;top:-40%;right:-10%}.cs-eg-case__panel:after{content:"";background:linear-gradient(to right, transparent, var(--color-accent));transform-origin:100%;width:80px;height:1px;position:absolute;top:0;right:0;transform:rotate(-45deg)translate(28px,-28px)}.cs-eg-case__copy{gap:var(--space-4);display:grid}.cs-eg-case__eyebrow{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--color-accent)}.cs-eg-case__name{letter-spacing:-.015em;margin:0;font-size:clamp(2rem,4.4vw,3rem);font-weight:700;line-height:1.05}.cs-eg-case__name .divider{margin-inline:var(--space-3);color:var(--color-accent);font-weight:400;display:inline-block}.cs-eg-case__tagline{font-size:var(--text-lg);color:var(--color-text);margin:0}.cs-eg-case__positioning{color:var(--color-text-muted);max-width:56ch;margin:0;line-height:1.75}.cs-eg-case__method{margin:var(--space-3) 0 0;padding-top:var(--space-5);border-top:1px solid var(--color-border);gap:var(--space-4);display:grid}.cs-eg-case__method-head{gap:var(--space-1);display:grid}.cs-eg-case__method-label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-subtle)}.cs-eg-case__method-sub{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.04em;color:var(--color-text-muted)}.cs-eg-case__flow{gap:var(--space-3);grid-template-columns:1fr;margin:0;padding:0;list-style:none;display:grid}@media (width>=720px){.cs-eg-case__flow{gap:var(--space-2);grid-template-columns:repeat(4,1fr)}}.cs-eg-case__step{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);gap:var(--space-2);min-height:100%;display:grid;position:relative}@media (width>=720px){.cs-eg-case__step:not(:last-child):after{content:"";top:50%;right:calc(var(--space-2) * -1);width:var(--space-2);background:var(--color-border);height:1px;position:absolute}}.cs-eg-case__step-no{font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:.14em;color:var(--color-accent)}.cs-eg-case__step-label{font-size:var(--text-base);margin:0;font-weight:600}.cs-eg-case__step-desc{font-size:var(--text-xs);color:var(--color-text-muted);margin:0;line-height:1.65}.cs-eg-case__cta-row{align-items:center;gap:var(--space-3);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.cs-eg-case__cta-note{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.04em;color:var(--color-text-subtle)}.cs-eg-case__visual{aspect-ratio:4/5;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);position:relative;overflow:hidden}@media (width>=960px){.cs-eg-case__visual{aspect-ratio:5/6;min-height:100%}}.cs-eg-case__visual svg{width:100%;height:100%;display:block}.cs-tech-grid{gap:var(--space-4);grid-template-columns:1fr;margin:0;padding:0;list-style:none;display:grid}@media (width>=720px){.cs-tech-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1080px){.cs-tech-grid{grid-template-columns:repeat(3,1fr)}}.cs-tech{gap:var(--space-3);min-height:100%;padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);transition:border-color var(--reveal-duration) var(--reveal-ease), background-color var(--reveal-duration) var(--reveal-ease), transform var(--reveal-duration) var(--reveal-ease);flex-direction:column;display:flex;position:relative}.cs-tech:hover{background:var(--color-surface-raised);border-color:#38e0d459;transform:translateY(-2px)}.cs-tech:before{content:"";pointer-events:none;opacity:0;transition:opacity var(--reveal-duration) var(--reveal-ease);background-image:linear-gradient(90deg,#f2f5f908 1px,#0000 1px),linear-gradient(#f2f5f908 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0}.cs-tech:hover:before{opacity:1}.cs-tech__no{font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:.12em;color:var(--color-accent)}.cs-tech__title{font-size:var(--text-xl);margin:0;font-weight:600;line-height:1.3}.cs-tech__title-en{margin-top:var(--space-1);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-subtle);font-weight:400;display:block}.cs-tech__desc{color:var(--color-text-muted);font-size:var(--text-sm);margin:0;line-height:1.7}.cs-tech__tags{gap:var(--space-2);padding:0;padding-top:var(--space-3);border-top:1px dashed var(--color-border);flex-wrap:wrap;margin:auto 0 0;list-style:none;display:flex}.cs-tech__tag{padding:4px var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.04em;color:var(--color-text-muted);background:var(--color-bg);display:inline-block}.cs-modes{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);gap:0;margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.cs-mode{gap:var(--space-4);padding:var(--space-6);border-top:1px solid var(--color-border);grid-template-columns:1fr;display:grid;position:relative}.cs-mode:first-child{border-top:0}@media (width>=960px){.cs-mode{gap:var(--space-7);padding:var(--space-7);grid-template-columns:minmax(0,9rem) minmax(0,1fr);align-items:start}}.cs-mode__head{gap:var(--space-2);display:grid}.cs-mode__no{font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:.14em;color:var(--color-accent)}.cs-mode__title{letter-spacing:-.005em;margin:0;font-size:clamp(1.375rem,2.4vw,1.75rem);font-weight:600;line-height:1.25}.cs-mode__title-en{margin-top:var(--space-1);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-subtle);font-weight:400;display:block}.cs-mode__body{gap:var(--space-4);display:grid}.cs-mode__desc{color:var(--color-text-muted);max-width:60ch;margin:0;line-height:1.75}.cs-mode__meta{gap:var(--space-3);padding-top:var(--space-4);border-top:1px dashed var(--color-border);display:grid}@media (width>=600px){.cs-mode__meta{gap:var(--space-5);grid-template-columns:repeat(2,1fr)}}.cs-mode__meta-row{gap:var(--space-1);display:grid}.cs-mode__meta-label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-subtle)}.cs-mode__meta-value{color:var(--color-text);font-size:var(--text-sm);margin:0;line-height:1.65}.cs-mode__meta-value-en{margin-top:var(--space-1);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);letter-spacing:.02em;display:block}@media (width<=720px){.cs-page-head__title{font-size:clamp(2.25rem,9vw,3.25rem)}.cs-eg-case__name{font-size:clamp(1.75rem,7vw,2.25rem)}.cs-eg-case__name .divider{margin-inline:var(--space-2)}.cs-mode{padding:var(--space-5)}}