:root{--bg-primary:#0a0a0f;--bg-surface:#111118;--bg-surface-2:#1a1a24;--bg-surface-3:#22222e;--text-primary:#f9fafb;--text-secondary:#9ca3af;--text-tertiary:#6b7280;--border-color:#1f2937;--border-subtle:#161620;--accent-brand:#ff7226;--primary-hover:#ff9a5c;--primary-glow:#ff722626;--accent-soft:#ff72261a;--success:#10b981;--danger:#ef4444;--gradient-text:linear-gradient(135deg,#ff9a5c 0%,#ffcba4 100%);--header-bg:#0a0a0fcc;--code-shadow:0 20px 60px #0006,0 0 40px #ff72261f;--font-sans:"Inter","Pretendard",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--ease-out:cubic-bezier(.16,1,.3,1);--duration-fast:.15s;--duration-normal:.3s;--duration-slow:.5s;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--space-4xl:96px;--space-5xl:128px}[data-theme=light]{--bg-primary:#fafafa;--bg-surface:#fff;--bg-surface-2:#f3f4f6;--bg-surface-3:#e5e7eb;--text-primary:#111827;--text-secondary:#4b5563;--text-tertiary:#9ca3af;--border-color:#e5e7eb;--border-subtle:#f3f4f6;--primary-hover:#e5631e;--primary-glow:#ff72261a;--header-bg:#ffffffd9;--code-shadow:0 20px 60px #00000014,0 0 40px #ff72260f}.landing-page{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);transition:background var(--duration-normal),color var(--duration-normal);line-height:1.6;overflow-x:hidden}.landing-container{max-width:1200px;padding:0 var(--space-lg);margin:0 auto}.landing-section{padding:140px 0;position:relative}.section-label{letter-spacing:.1em;text-transform:uppercase;color:var(--accent-brand);margin-bottom:var(--space-md);font-size:14px;font-weight:600}.section-title{letter-spacing:-.02em;margin-bottom:var(--space-md);font-size:clamp(28px,4vw,40px);font-weight:700;line-height:1.2}.section-desc{color:var(--text-secondary);font-size:18px;line-height:1.7}.text-gradient{background:var(--gradient-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.fade-in{opacity:0;transition:opacity var(--duration-slow)var(--ease-out),transform var(--duration-slow)var(--ease-out);transform:translateY(24px)}.fade-in.visible{opacity:1;transform:translateY(0)}.landing-header{z-index:100;background:var(--header-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);height:56px;transition:background var(--duration-normal),border-color var(--duration-normal);position:fixed;top:0;left:0;right:0}.header-inner{max-width:1200px;height:100%;padding:0 var(--space-lg);align-items:center;gap:32px;margin:0 auto;display:flex}.logo{white-space:nowrap;color:inherit;flex-shrink:0;align-items:center;gap:8px;text-decoration:none;display:flex}.logo-icon-wrap{background:var(--accent-brand);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.logo-icon-wrap svg{fill:#fff;width:16px;height:16px}.logo-name{color:var(--text-primary);letter-spacing:-.01em;font-size:16px;font-weight:800}.logo-badge{background:var(--accent-brand);color:#fff;border-radius:var(--radius-full);align-items:center;padding:2px 10px;font-size:14px;font-weight:700;line-height:1.5;display:inline-flex}.header-nav{flex:1;align-items:center;gap:32px;display:flex}.header-nav-link{color:var(--text-secondary);transition:color var(--duration-fast);font-size:14px;font-weight:500;text-decoration:none}.header-nav-link:hover{color:var(--text-primary)}.nav-right{flex-shrink:0;align-items:center;gap:16px;margin-left:auto;display:flex}.theme-toggle{border:1px solid var(--border-color);width:30px;height:30px;color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast);background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;display:flex}.theme-toggle:hover{border-color:var(--accent-brand);color:var(--accent-brand)}.btn-login{background:var(--accent-brand);color:#fff;border-radius:var(--radius-sm);transition:all var(--duration-fast);white-space:nowrap;align-items:center;gap:4px;padding:7px 18px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.btn-login:hover{opacity:.9;box-shadow:0 2px 12px #ff72264d}.btn{align-items:center;gap:var(--space-sm);border-radius:var(--radius-md);transition:all var(--duration-fast)var(--ease-out);white-space:nowrap;cursor:pointer;border:none;padding:10px 20px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--accent-brand);color:#fff}.btn-primary:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 2px 12px #ff72264d}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border-color);background:0 0}.btn-ghost:hover{color:var(--text-primary);border-color:var(--text-tertiary);background:var(--bg-surface)}.btn-lg{padding:14px 28px;font-size:16px}.btn-icon{transition:transform var(--duration-fast);font-size:16px}.btn:hover .btn-icon{transform:translate(2px)}.hero-wrap{flex-direction:column;min-height:100vh;padding-top:56px;display:flex}.hero{text-align:center;padding:0 var(--space-lg);flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#ff722614 0%,#0000 70%);width:800px;height:800px;position:absolute;top:-200px;left:50%;transform:translate(-50%)}.hero-eyebrow{align-items:center;gap:var(--space-sm);background:var(--primary-glow);border-radius:var(--radius-full);color:var(--primary-hover);margin-bottom:var(--space-xl);border:1px solid #ff722633;padding:6px 16px;font-size:14px;font-weight:500;display:inline-flex}.hero-eyebrow-dot{background:var(--success);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.hero h1{letter-spacing:-.03em;margin-bottom:var(--space-lg);font-size:clamp(40px,6vw,72px);font-weight:800;line-height:1.05}.hero-cube-wrapper{vertical-align:bottom;height:1.15em;display:inline-grid;position:relative;overflow:hidden}.hero-cube-wrapper .hero-cube-sizer{visibility:hidden;white-space:nowrap;grid-area:1/1}.hero-cubespinner{transform-style:preserve-3d;grid-area:1/1;animation:5s ease-in-out infinite heroSpinCube;position:relative}.hero-cube-face{backface-visibility:hidden;color:#ff7226;white-space:nowrap;align-items:center;display:flex;position:absolute;inset:0}.hero-cube-face:first-child{animation:5s ease-in-out infinite heroFade1;transform:rotateX(0)translateZ(.575em)}.hero-cube-face:nth-child(2){animation:5s ease-in-out infinite heroFade2;transform:rotateX(180deg)translateZ(.575em)}@keyframes heroSpinCube{0%,30%{transform:rotateX(0)}50%,80%{transform:rotateX(-180deg)}to{transform:rotateX(-360deg)}}@keyframes heroFade1{0%,25%{opacity:1}35%,85%{opacity:0}95%,to{opacity:1}}@keyframes heroFade2{0%,25%{opacity:0}45%,75%{opacity:1}85%,to{opacity:0}}.hero-subtitle{color:var(--text-secondary);max-width:560px;margin:0 auto var(--space-2xl);font-size:clamp(16px,2vw,20px);line-height:1.6}.hero-ctas{justify-content:center;align-items:center;gap:var(--space-md);display:flex}.runtimes{padding:var(--space-lg)0;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);transition:border-color var(--duration-normal);flex-shrink:0}.runtimes-label{text-align:center;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-brand);margin-bottom:var(--space-xs);font-size:14px;font-weight:600}.runtimes-desc{text-align:center;color:var(--text-secondary);margin-bottom:var(--space-md);font-size:18px}.marquee-container{position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.marquee-track{align-items:center;gap:var(--space-2xl);width:max-content;animation:30s linear infinite marqueeScroll;display:flex}.marquee-container:hover .marquee-track{animation-play-state:paused}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.runtime-item{align-items:center;gap:var(--space-sm);border-radius:var(--radius-md);color:var(--text-tertiary);transition:all var(--duration-normal);white-space:nowrap;border:1px solid #0000;flex-shrink:0;padding:10px 20px;font-size:15px;font-weight:500;display:flex}.runtime-item:hover{color:var(--text-primary);background:var(--bg-surface);border-color:var(--border-color)}.runtime-icon{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex;overflow:hidden}.runtime-icon svg{width:20px;height:20px}.ri-claude{background:#d4a574}.ri-claude svg{fill:#1a1a1a}.ri-gemini{background:#1a1a2e}.ri-gemini svg{fill:#4285f4}.ri-codex{background:#1a1a1a}.ri-codex svg{fill:#fff}.ri-ollama{background:#fff;border:1px solid #333}.ri-ollama svg{fill:#1a1a1a}.ri-cursor{background:#1a1a1a}.ri-cursor svg{fill:#fff}.ri-lm{background:#1a1a2e}.ri-lm svg{fill:#22c55e}[data-theme=light] .ri-claude{background:#d4a574}[data-theme=light] .ri-claude svg{fill:#fff}[data-theme=light] .ri-gemini{background:#e8f0fe}[data-theme=light] .ri-codex{background:#f3f4f6}[data-theme=light] .ri-codex svg{fill:#1a1a1a}[data-theme=light] .ri-ollama{background:#f3f4f6;border-color:#e5e7eb}[data-theme=light] .ri-cursor{background:#f3f4f6}[data-theme=light] .ri-cursor svg{fill:#1a1a1a}[data-theme=light] .ri-lm{background:#ecfdf5}[data-theme=light] .ri-lm svg{fill:#059669}.comparison-grid{margin-top:var(--space-2xl);margin-bottom:var(--space-2xl);grid-template-columns:1fr 1fr;gap:32px;display:grid}.comparison-card{border-radius:16px;padding:36px 32px 32px;transition:transform .35s,box-shadow .35s;position:relative;overflow:hidden}.comparison-card:hover{transform:translateY(-4px)}.card-old{background:#ef444408;border:1px solid #ef44441f}.card-old:hover{box-shadow:0 12px 40px #ef444414}.card-new{background:#10b98108;border:1px solid #10b98133}.card-new:before{content:"";opacity:0;pointer-events:none;z-index:0;background:linear-gradient(135deg,#10b9814d,#0000 60%);border-radius:16px;transition:opacity .35s;position:absolute;inset:0}.card-new:hover:before{opacity:1}.card-new>*{z-index:1;position:relative}.card-new:hover{box-shadow:0 12px 40px #10b98114}.badge{letter-spacing:.04em;border-radius:20px;margin-bottom:16px;padding:4px 12px;font-size:14px;font-weight:600;display:inline-block}.badge-red{color:#f87171;background:#ef44441a}.badge-green{color:#34d399;background:#10b9811a}.comp-card-title{color:var(--text-primary);margin-bottom:10px;font-size:20px;font-weight:700}.comp-card-desc{color:var(--text-secondary);margin-bottom:24px;font-size:15px;line-height:1.65}.mini-flow{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;display:flex}.flow-arrow{color:var(--text-tertiary);flex-shrink:0;font-size:16px}.fn{white-space:nowrap;border-radius:8px;padding:6px 14px;font-size:14px;font-weight:600}.fn-gray{background:var(--bg-surface-3);color:var(--text-secondary)}.fn-red{color:#f87171;background:#ef44441a}.fn-green{color:#34d399;background:#10b9811a}.owner-badge{color:var(--text-tertiary);margin-left:4px;font-size:14px;font-weight:500}.card-sub{color:var(--text-tertiary);font-size:14px;line-height:1.6}.key-diff{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:16px;justify-content:center;align-items:center;gap:32px;padding:28px 40px;display:flex;position:relative;overflow:hidden}.key-diff:before{content:"";background:linear-gradient(to bottom,transparent,var(--accent-brand),transparent);opacity:.2;pointer-events:none;width:1px;position:absolute;top:10%;bottom:10%;left:50%;transform:translate(-50%)}.diff-side{text-align:center;flex-direction:column;flex:1;align-items:center;gap:6px;display:flex}.diff-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-size:14px;font-weight:500}.diff-text-red{color:#f87171;font-size:16px;font-weight:600}.diff-text-green{color:#34d399;font-size:16px;font-weight:600}.diff-arrow{color:var(--text-tertiary);flex-shrink:0;font-size:24px}.stagger-children .stagger-child{opacity:0;transition:opacity .45s,transform .45s;transform:translateY(16px)}.stagger-children.visible .stagger-child{opacity:1;transform:translateY(0)}.stagger-children.visible .stagger-child:first-child{transition-delay:0s}.stagger-children.visible .stagger-child:nth-child(2){transition-delay:60ms}.stagger-children.visible .stagger-child:nth-child(3){transition-delay:.12s}.stagger-children.visible .stagger-child:nth-child(4){transition-delay:.18s}.stagger-children.visible .stagger-child:nth-child(5){transition-delay:.24s}.arch-flow{margin-bottom:32px;margin-top:var(--space-2xl);grid-template-columns:1fr 60px 1.4fr 60px 1fr;align-items:stretch;gap:0;display:grid;position:relative}.arch-flow:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(#ff72260f 0%,#0000 70%);width:500px;height:400px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.arch-card{z-index:1;opacity:0;transition:opacity .7s var(--ease-out),transform .7s var(--ease-out);border-radius:16px;flex-direction:column;padding:28px 24px;display:flex;position:relative;transform:translateY(24px)}.arch-card.visible{opacity:1;transform:translateY(0)}.arch-card.d1{transition-delay:0s}.arch-card.d2{transition-delay:.15s}.arch-card.d3{transition-delay:.3s}.card-side{background:#ffffff05;border:1px solid #ffffff0f}[data-theme=light] .card-side{background:var(--bg-surface);border:1px solid var(--border-color)}.card-hero-arch{background:linear-gradient(165deg,#ff72261a 0%,#ff722608 100%);border:2px solid #ff722680;animation:5s ease-in-out infinite heroBreath;box-shadow:0 0 40px #ff722614,0 0 80px #ff72260a,inset 0 1px #ff72261a}@keyframes heroBreath{0%,to{border-color:#ff722680;box-shadow:0 0 40px #ff722614,0 0 80px #ff72260a,inset 0 1px #ff72261a}50%{border-color:#ff7226b3;box-shadow:0 0 50px #ff722624,0 0 100px #ff722612,inset 0 1px #ff722626}}.arch-card-header{border-bottom:1px solid #ffffff0f;margin-bottom:20px;padding-bottom:16px}.card-hero-arch .arch-card-header{border-bottom-color:#ff72261f}.arch-card-label{text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px;font-size:14px;font-weight:600}.card-side .arch-card-label{color:#6b7280}.card-hero-arch .arch-card-label{color:#eee}[data-theme=light] .card-side .arch-card-label{color:var(--text-tertiary)}.arch-card-name{color:#f9fafb;font-size:18px;font-weight:700}[data-theme=light] .arch-card-name{color:var(--text-primary)}.card-hero-arch .arch-card-name{color:#ff7226;font-size:20px}.card-items{flex-direction:column;flex:1;gap:8px;display:flex}.card-item{border-radius:8px;align-items:center;gap:10px;padding:10px 14px;font-size:14px;font-weight:500;transition:background .2s,border-color .2s;display:flex}.card-side .card-item{color:#d1d5db;background:#ffffff08;border:1px solid #ffffff0d}.card-side .card-item:hover{background:#ffffff0d;border-color:#ffffff1a}[data-theme=light] .card-side .card-item{background:var(--bg-surface-2);border-color:var(--border-color);color:var(--text-secondary)}.card-hero-arch .card-item{color:#ffcba4;background:#ff72260f;border:1px solid #ff72261a}.card-hero-arch .card-item:hover{background:#ff72261f;border-color:#ff722638}.item-icon{text-align:center;flex-shrink:0;width:20px;font-size:15px}.card-hero-arch .item-icon{font-size:17px}.item-text{font-family:var(--font-mono);font-size:14px}.arch-card-footer{color:#6b7280;border-top:1px solid #ffffff0d;margin-top:16px;padding-top:14px;font-size:14px;line-height:1.5}.card-hero-arch .arch-card-footer{color:#9ca3af;border-top-color:#ff72261a}.arrow-col{z-index:1;opacity:0;flex-direction:column;justify-content:center;align-items:center;gap:24px;transition:opacity .6s .4s;display:flex}.arrow-col.visible{opacity:1}.arrow-group{flex-direction:column;align-items:center;gap:3px;display:flex}.arrow-label{letter-spacing:.06em;font-size:14px;font-weight:600;font-family:var(--font-mono)}.lbl-request{color:#6b7280}.lbl-response{color:#4b5563}.arrow-line-wrap{border-radius:1px;width:40px;height:2px;position:relative;overflow:hidden}.arrow-line-wrap:before{content:"";border-radius:1px;width:200%;height:100%;position:absolute;top:0;left:0}.arrow-fwd .arrow-line-wrap:before{background:repeating-linear-gradient(90deg,#ff7226 0 4px,#0000 4px 8px);animation:1.5s linear infinite dashRight}.arrow-rev .arrow-line-wrap:before{background:repeating-linear-gradient(90deg,#4b5563 0 4px,#0000 4px 8px);animation:2s linear infinite dashLeft}@keyframes dashRight{0%{transform:translate(-8px)}to{transform:translate(0)}}@keyframes dashLeft{0%{transform:translate(0)}to{transform:translate(-8px)}}.arrow-dot{border-radius:50%;flex-shrink:0;width:5px;height:5px}.arrow-fwd .arrow-dot{background:#ff7226;box-shadow:0 0 6px #ff722680}.arrow-rev .arrow-dot{background:#4b5563}.arrow-row{align-items:center;gap:4px;display:flex}.flow-bar{text-align:center;opacity:0;background:#ffffff05;border:1px solid #ffffff0f;border-radius:12px;justify-content:center;align-items:center;height:80px;transition:opacity .6s .6s,transform .6s .6s;display:flex;transform:translateY(16px)}.flow-bar.visible{opacity:1;transform:translateY(0)}[data-theme=light] .flow-bar{background:var(--bg-surface);border-color:var(--border-color)}.flow-bar p{color:#9ca3af;font-size:16px;line-height:1.7}.flow-bar .step{color:#d1d5db;font-weight:500}.flow-bar .highlight{color:#f9fafb;font-size:18px;font-weight:600}.flow-bar .arr{color:#ff7226;margin:0 2px;font-weight:600}[data-theme=light] .flow-bar .step{color:var(--text-primary)}.cap-tabs{border-bottom:1px solid var(--border-color);gap:4px;margin:40px 0 28px;display:flex}.cap-tab-btn{font-size:16px;font-weight:500;font-family:var(--font-sans);color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 20px;transition:color .2s;position:relative}.cap-tab-btn:hover{color:var(--text-secondary)}.cap-tab-btn.active{color:var(--text-primary);border-bottom-color:var(--accent-brand)}.cap-panel{display:none}.cap-panel.active{animation:.25s ease-out capFadeUp;display:block}@keyframes capFadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.cap-panel-title{margin-bottom:4px;font-size:17px;font-weight:600}.cap-panel-sub{color:var(--text-secondary);margin-bottom:20px;font-size:14px}.cap-step-flow{align-items:stretch;gap:0;margin-bottom:16px;display:flex}.cap-step{text-align:center;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);flex-direction:column;flex:1;justify-content:center;min-height:64px;padding:14px 12px;transition:border-color .2s;display:flex}.cap-step:hover{border-color:#ff722633}.cap-step-label{color:var(--text-tertiary);letter-spacing:.02em;margin-bottom:2px;font-size:14px;font-weight:500}.cap-step-name{color:var(--text-primary);font-size:14px;font-weight:600}.cap-step.accent{background:var(--accent-soft);border-color:#ff722640}.cap-step.accent .cap-step-label{color:var(--accent-brand)}.cap-arrow{color:var(--text-tertiary);font-size:14px;font-family:var(--font-mono);flex-shrink:0;align-items:center;padding:0 6px;display:flex}.cap-sub-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px;display:grid}.cap-sub-grid .cap-step{min-height:52px;padding:10px}.cap-result{border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-surface);color:var(--text-secondary);padding:16px 20px;font-size:14px;line-height:1.8}.cap-result em{color:var(--text-primary);font-style:normal;font-weight:500}.cap-result .divider{background:var(--border-color);width:32px;height:1px;margin:10px 0;display:block}.cap-tech-note{font-size:14px;font-family:var(--font-mono);color:var(--text-tertiary);background:var(--bg-surface-2);border-radius:var(--radius-sm);margin-top:10px;padding:4px 10px;display:inline-block}.cap-tags{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.cap-tag{background:var(--bg-surface-2);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:20px;padding:2px 10px;font-size:14px;font-weight:500}.case-grid{margin-bottom:16px;margin-top:var(--space-2xl);grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.case-card{border:1px solid var(--border-color);cursor:pointer;text-align:center;-webkit-user-select:none;user-select:none;background:0 0;border-radius:10px;padding:14px 12px;transition:all .15s}.case-card:hover{background:#ffffff08}[data-theme=light] .case-card:hover{background:var(--bg-surface-2)}.case-card.active{background:#ffffff0a;border-color:#ffffff1f}[data-theme=light] .case-card.active{background:var(--bg-surface);border-color:var(--border-color);box-shadow:0 2px 8px #0000000f}.case-card .ctitle{color:var(--text-tertiary);font-size:14px;font-weight:500;line-height:1.4;transition:color .15s}.case-card.active .ctitle{color:var(--text-primary)}.case-card:hover .ctitle{color:var(--text-secondary)}.detail-box{border:1px solid var(--border-color);background:var(--bg-surface);transition:background var(--duration-normal),border-color var(--duration-normal);border-radius:14px;padding:28px 24px;display:none}.detail-box.active{animation:.25s panelIn;display:block}@keyframes panelIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.dtitle{color:var(--text-primary);margin-bottom:2px;font-size:16px;font-weight:700}.dsub{color:var(--text-tertiary);margin-bottom:22px;font-size:14px}.step-row{align-items:stretch;gap:0;margin-bottom:18px;display:flex;overflow-x:auto}.sbox{text-align:center;background:var(--bg-surface-2);border:1px solid var(--border-color);border-radius:8px;flex:1;min-width:0;padding:10px 6px}.sbox .sl{color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:3px;font-size:14px;font-weight:500;overflow:hidden}.sbox .st{color:var(--text-primary);font-size:14px;font-weight:600;line-height:1.3}.sbox.sc{background:#ff72260f;border-color:#ff722626}.sbox.sc .sl{color:#ff9a5c}.sbox.sc .st{color:#ffcba4}[data-theme=light] .sbox.sc{background:#ff722614;border-color:#ff722633}[data-theme=light] .sbox.sc .sl{color:var(--accent-brand)}[data-theme=light] .sbox.sc .st{color:#c2410c}.uc-arr{color:var(--text-tertiary);flex-shrink:0;align-items:center;padding:0 5px;font-size:14px;display:flex}.desc-box{background:var(--bg-surface-2);color:var(--text-secondary);border-radius:10px;padding:14px 16px;font-size:14px;line-height:1.8}.desc-box strong{color:var(--text-primary);font-weight:600}.tags{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.tag{background:var(--bg-surface-3);color:var(--text-tertiary);font-size:14px;font-weight:500;font-family:var(--font-mono);border-radius:4px;padding:2px 9px}.sdk-section{padding:140px 0}.sec-block{margin-bottom:44px}.sec-header{align-items:center;gap:16px;margin-top:20px;margin-bottom:20px;display:flex}.sec-title-text{color:var(--text-primary);white-space:nowrap;font-size:15px;font-weight:500}.lang-row{border:.5px solid var(--border-color);border-radius:var(--radius-md);gap:0;width:fit-content;display:flex;overflow:hidden}.lang-item{color:var(--text-primary);border-right:.5px solid var(--border-color);background:var(--bg-primary);align-items:center;gap:10px;padding:14px 24px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.lang-item:last-child{border-right:none}.lang-item.off{color:var(--text-tertiary);background:var(--bg-surface)}.ldot{background:#1d9e75;border-radius:50%;flex-shrink:0;width:7px;height:7px}.ldot.off{background:var(--border-color)}.lbadge{color:#34d399;background:#10b9811a;border-radius:20px;margin-left:4px;padding:3px 10px;font-size:14px;font-weight:500}.lbadge.off{background:var(--bg-surface);color:var(--text-tertiary)}.int-grid{border:.5px solid var(--border-color);border-radius:12px;grid-template-columns:repeat(4,1fr);gap:0;display:grid;overflow:hidden}.int-cell{background:var(--bg-primary);border-right:.5px solid var(--border-color);color:inherit;flex-direction:column;padding:28px 24px;text-decoration:none;display:flex}.int-cell:last-child{border-right:none}.int-num{color:var(--text-tertiary);margin-bottom:20px;font-size:14px;font-weight:500}.int-name{color:var(--text-primary);margin-bottom:8px;font-size:17px;font-weight:600}.int-when{color:var(--text-secondary);background:var(--bg-surface);border-radius:20px;margin-bottom:14px;padding:4px 12px;font-size:14px;font-weight:500;display:inline-block}.int-d{color:var(--text-secondary);font-size:14px;line-height:1.7}.int-code{font-family:var(--font-mono);color:var(--text-tertiary);border-top:.5px solid var(--border-color);margin-top:auto;padding-top:14px;font-size:14px}.int-code b{color:var(--text-primary);font-weight:500}.final-cta{padding:var(--space-5xl)0 var(--space-4xl);text-align:center;border-top:1px solid var(--border-subtle);position:relative;overflow:hidden}.final-cta h2{font-family:"Pretendard",var(--font-sans);letter-spacing:-.03em;margin-bottom:var(--space-lg);font-size:clamp(32px,5vw,48px);font-weight:700;line-height:1.15}.final-cta-desc{color:var(--text-secondary);margin-bottom:var(--space-2xl);font-size:17px;line-height:1.7}.final-cta-buttons{justify-content:center;align-items:center;gap:var(--space-md);margin-bottom:var(--space-2xl);display:flex}.final-cta-arrow{flex-direction:column;align-items:center;gap:6px;display:flex}.final-cta-arrow svg{color:var(--text-tertiary);opacity:.5}.final-cta-arrow-text{color:var(--text-tertiary);font-size:14px;font-style:italic}.final-cta-arrow-text a{color:var(--accent-brand);transition:color var(--duration-fast);font-style:normal;font-weight:600;text-decoration:none}.final-cta-arrow-text a:hover{color:var(--primary-hover);text-decoration:underline}.site-footer{background:var(--bg-surface);border-top:1px solid var(--border-color);transition:background var(--duration-normal),border-color var(--duration-normal);padding:64px 0 0}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:48px;padding-bottom:48px;display:grid}.footer-brand-logo{align-items:center;gap:10px;margin-bottom:12px;display:flex}.footer-brand-icon{background:var(--accent-brand);border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.footer-brand-icon svg{fill:#fff;width:14px;height:14px}.footer-brand-name{color:var(--text-primary);font-size:18px;font-weight:700}.footer-brand-desc{color:var(--text-tertiary);max-width:260px;margin-bottom:20px;font-size:14px;line-height:1.6}.footer-social{gap:10px;display:flex}.footer-social-icon{border:1px solid var(--border-color);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:600;text-decoration:none;transition:border-color .3s,color .3s;display:flex}.footer-social-icon:hover{border-color:var(--accent-brand);color:var(--accent-brand)}.footer-col h5{text-transform:uppercase;letter-spacing:1.5px;color:var(--text-tertiary);margin-bottom:16px;font-size:14px;font-weight:700}.footer-col ul{margin:0;padding:0;list-style:none}.footer-col ul li{margin-bottom:10px}.footer-col ul li a{color:var(--text-secondary);font-size:14px;text-decoration:none;transition:color .2s}.footer-col ul li a:hover{color:var(--text-primary)}.footer-bottom{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:20px 0;display:flex}.footer-copy{color:var(--text-tertiary);font-size:14px}.footer-legal{color:var(--text-tertiary);gap:6px;font-size:14px;display:flex}.footer-legal a{text-decoration:none;transition:color .2s}.footer-legal a:hover{color:var(--text-secondary)}.footer-legal .sep{margin:0 2px}[data-theme=light] .card-old{background:#ef44440a;border-color:#ef444426}[data-theme=light] .card-new{background:#10b9810a;border-color:#10b98133}[data-theme=light] .card-new:before{background:linear-gradient(135deg,#10b98126,#0000 60%)}[data-theme=light] .fn-gray{color:#4b5563;background:#f3f4f6}[data-theme=light] .fn-red{color:#dc2626;background:#ef444414}[data-theme=light] .fn-green{color:#059669;background:#10b98114}[data-theme=light] .badge-red{color:#dc2626;background:#ef444414}[data-theme=light] .badge-green{color:#059669;background:#10b98114}[data-theme=light] .key-diff{background:#fff;border-color:#e5e7eb}[data-theme=light] .diff-text-red{color:#dc2626}[data-theme=light] .diff-text-green{color:#059669}[data-theme=light] .card-hero-arch{box-shadow:none;background:#ff722608;border-color:#ff722666;animation:none}[data-theme=light] .card-hero-arch .arch-card-label{color:#4b5563}[data-theme=light] .card-hero-arch .card-item{color:#9a3412;background:#ff72260d;border-color:#ff72261a}[data-theme=light] .card-hero-arch .arch-card-footer{color:#6b7280;border-top-color:#e5e7eb}[data-theme=light] .arch-flow:before{display:none}[data-theme=light] .cap-tab-btn{color:#9ca3af}[data-theme=light] .cap-tab-btn.active{color:#111827;border-bottom-color:#ff7226}[data-theme=light] .cap-tabs{border-bottom-color:#e5e7eb}[data-theme=light] .cap-step{background:#fff;border-color:#e5e7eb}[data-theme=light] .cap-step.accent{background:#ff72260d;border-color:#ff722633}[data-theme=light] .cap-result{background:#fff;border-color:#e5e7eb}[data-theme=light] .cap-tech-note{color:#6b7280;background:#f3f4f6}[data-theme=light] .cap-tag{color:#4b5563;background:#f3f4f6;border-color:#e5e7eb}[data-theme=light] .case-card{border-color:#e5e7eb}[data-theme=light] .case-card.active{background:#ff72260a;border-color:#ff72264d}[data-theme=light] .case-card .ctitle{color:#4b5563}[data-theme=light] .case-card.active .ctitle{color:#9a3412}[data-theme=light] .detail-box{background:#fff;border-color:#e5e7eb}[data-theme=light] .sbox{background:#f9fafb;border-color:#e5e7eb}[data-theme=light] .desc-box{background:#f9fafb}[data-theme=light] .lang-row{border-color:#e5e7eb}[data-theme=light] .lang-item{color:#111827;background:#fff;border-right-color:#e5e7eb}[data-theme=light] .lang-item.off{color:#9ca3af;background:#f9fafb}[data-theme=light] .ldot{background:#059669}[data-theme=light] .ldot.off{background:#d1d5db}[data-theme=light] .lbadge{color:#059669;background:#10b98114}[data-theme=light] .lbadge.off{color:#9ca3af;background:#f3f4f6}[data-theme=light] .int-grid{border-color:#e5e7eb}[data-theme=light] .int-cell{background:#fff;border-right-color:#e5e7eb}[data-theme=light] .int-when{color:#4b5563;background:#f3f4f6}[data-theme=light] .int-code{color:#9ca3af;border-top-color:#e5e7eb}[data-theme=light] .int-code b{color:#111827}[data-theme=light] .final-cta{border-top-color:#e5e7eb}[data-theme=light] .site-footer{background:#fff;border-top-color:#e5e7eb}[data-theme=light] .footer-social-icon{color:#6b7280;border-color:#e5e7eb}[data-theme=light] .footer-bottom{border-top-color:#e5e7eb}@media (max-width:960px){.int-grid{grid-template-columns:repeat(2,1fr)}.int-cell:nth-child(2){border-right:none}.int-cell:first-child,.int-cell:nth-child(2){border-bottom:.5px solid var(--border-color)}.lang-row{flex-wrap:wrap}}@media (max-width:860px){.arch-flow{grid-template-columns:1fr;gap:0;max-width:400px;margin-left:auto;margin-right:auto}.arrow-col{flex-direction:row;justify-content:center;gap:32px;padding:16px 0}.arrow-group{flex-direction:row;align-items:center;gap:6px}.arrow-line-wrap{width:2px;height:28px}.arrow-fwd .arrow-line-wrap:before{background:repeating-linear-gradient(#ff7226 0 4px,#0000 4px 8px);width:100%;height:200%;animation:1.5s linear infinite dashDown}.arrow-rev .arrow-line-wrap:before{background:repeating-linear-gradient(#4b5563 0 4px,#0000 4px 8px);width:100%;height:200%;animation:2s linear infinite dashUp}@keyframes dashDown{0%{transform:translateY(-8px)}to{transform:translateY(0)}}@keyframes dashUp{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.arrow-row{flex-direction:column}}@media (max-width:768px){.comparison-grid{grid-template-columns:1fr}.key-diff{flex-direction:column;gap:20px;padding:24px 20px}.key-diff:before{display:none}.hero-ctas{flex-direction:column}.case-grid{grid-template-columns:repeat(2,1fr)}.final-cta-buttons,.cap-step-flow{flex-direction:column}.cap-arrow{justify-content:center;padding:3px 0;transform:rotate(90deg)}.cap-sub-grid{grid-template-columns:1fr}.cap-tab-btn{padding:8px 14px;font-size:14px}.footer-grid{grid-template-columns:repeat(2,1fr);gap:32px}.footer-brand-col{grid-column:span 2}.header-nav{display:none}}@media (max-width:640px){.int-grid{grid-template-columns:1fr}.int-cell{border-right:none;border-bottom:.5px solid var(--border-color)}.int-cell:last-child{border-bottom:none}.lang-row{width:100%}.lang-item{flex:1;justify-content:center;padding:14px 12px}}@media (max-width:600px){.sbox{min-width:64px;padding:8px 4px}.uc-arr{padding:0 3px;font-size:14px}.detail-box{padding:20px 16px}}@media (max-width:480px){.footer-grid{grid-template-columns:1fr}.footer-brand-col{grid-column:span 1}.footer-bottom{text-align:center;flex-direction:column;gap:12px}}