:root{--k-dark: #011D26;--k-dark-surface: #032530;--k-dark-elevated: #06303d;--k-light: #F1F6F6;--k-light-card: #ffffff;--k-accent: #FF6B35;--k-accent-hover: #ff8559;--k-accent-dim: rgba(255, 107, 53, .12);--k-accent-glow: rgba(255, 107, 53, .06);--k-blue: #005F9B;--k-text-dark: #011D26;--k-text-dark-muted: rgba(1, 29, 38, .6);--k-text-light: #ffffff;--k-text-light-muted: rgba(255, 255, 255, .6);--k-border-light: rgba(1, 29, 38, .08);--k-border-dark: rgba(255, 255, 255, .1);--k-radius: 12px;--k-radius-lg: 20px;--k-radius-xl: 28px;--k-mono: "IBM Plex Mono", monospace;--k-sans: "Inter", -apple-system, sans-serif;--color-dark: var(--k-dark);--color-dark-surface: var(--k-dark-surface);--color-dark-elevated: var(--k-dark-elevated);--color-light: var(--k-light);--color-white: #ffffff;--color-accent: var(--k-accent);--color-accent-hover: var(--k-accent-hover);--color-accent-dim: var(--k-accent-dim);--color-blue: var(--k-blue);--color-text-dark: var(--k-text-dark);--color-text-dark-muted: var(--k-text-dark-muted);--color-text-light: var(--k-text-light);--color-text-light-muted: var(--k-text-light-muted);--color-border-light: var(--k-border-light);--color-border-dark: var(--k-border-dark);--color-green: #13612e;--color-red: #b82105;--font-body: var(--k-sans);--font-heading: var(--k-sans);--text-sm: clamp(.8rem, .73rem + .217vw, .9rem);--text-base: 1rem;--text-md: clamp(1.1rem, .995rem + .326vw, 1.25rem);--text-lg: clamp(1.75rem, 1.576rem + .543vw, 2rem);--text-xl: clamp(2.25rem, 1.728rem + 1.63vw, 3rem);--text-xxl: clamp(2.5rem, 1.456rem + 3.26vw, 4rem);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--space-section: clamp(4rem, 2rem + 5vw, 7rem);--content-width: 1200px;--content-wide: 1430px;--content-narrow: 842px;--content-padding: 1.5rem;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-pill: 50px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07), 0 2px 4px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .1), 0 4px 10px rgba(0, 0, 0, .08);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .15), 0 8px 20px rgba(0, 0, 0, .1);--transition-fast: .15s ease;--transition-base: .25s ease}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-mono-400.woff2) format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/ibm-plex-mono-600.woff2) format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/ibm-plex-mono-700.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter-400.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/inter-500.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/inter-600.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/inter-700.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/inter-800.woff2) format("woff2")}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--k-sans);font-size:var(--text-base);line-height:1.6;color:var(--k-text-dark);background-color:#fff;-webkit-font-smoothing:antialiased;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}.container{width:100%;max-width:var(--content-width);margin-inline:auto;padding-inline:var(--content-padding)}.container--narrow{width:100%;max-width:var(--content-narrow);margin-inline:auto;padding-inline:var(--content-padding)}.container--wide{width:100%;max-width:var(--content-wide);margin-inline:auto;padding-inline:var(--content-padding)}.katama-container{max-width:1200px;margin:0 auto;padding:0 clamp(20px,5vw,48px)}.section{padding-block:var(--space-section);background-color:#fff}.section--dark{padding-block:var(--space-section);background-color:var(--k-dark);color:var(--k-text-light)}.section--light{padding-block:var(--space-section);background-color:var(--k-light)}.katama-section{padding:clamp(80px,12vw,130px) 0;position:relative}.katama-label{font-family:var(--k-mono);font-size:.85rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--k-accent);display:inline-flex;align-items:center;gap:8px;margin-bottom:16px}.katama-label:before{content:"";width:8px;height:8px;background:var(--k-accent);border-radius:50%;animation:katama-pulse-dot 2s ease-in-out infinite}@keyframes katama-pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.label{display:inline-block;font-size:var(--text-sm);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--k-accent);margin-bottom:var(--space-sm)}.katama-section-header{margin-bottom:56px}.katama-section-header h2{font-size:clamp(1.8rem,4vw,2.6rem)!important;font-weight:800!important;letter-spacing:-.03em;line-height:1.12!important;margin-top:8px}.katama-section-header p{font-size:1.05rem;margin-top:14px;max-width:500px}h1,h2,h3,h4{font-family:var(--k-sans);line-height:1.2;font-weight:700}h1{font-size:var(--text-xxl);font-weight:800;letter-spacing:-.02em}h2{font-size:var(--text-xl);font-weight:800;letter-spacing:-.02em}h3{font-size:var(--text-lg)}h4{font-size:var(--text-md);font-weight:600}.katama-btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--k-sans);font-weight:600;font-size:.95rem;padding:14px 28px;border-radius:8px;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);cursor:pointer;border:none}.katama-btn-primary{background:var(--k-accent);color:var(--k-dark)}.katama-btn-primary:hover{background:var(--k-accent-hover);color:var(--k-dark);transform:translateY(-2px);box-shadow:0 8px 24px #ff6b354d}.katama-btn-outline{background:transparent;color:var(--k-accent);border:1.5px solid var(--k-accent)}.katama-btn-outline:hover{background:var(--k-accent-dim);color:var(--k-accent);transform:translateY(-2px)}.katama-btn-ghost{background:transparent;color:var(--k-text-light-muted);border:1px solid var(--k-border-dark)}.katama-btn-ghost:hover{color:var(--k-text-light);border-color:#ffffff40;background:#ffffff0a}.katama-btn-dark{background:var(--k-dark);color:#fff}.katama-btn-dark:hover{color:#fff;transform:translateY(-2px);box-shadow:0 8px 24px #011d264d}.katama-btn-arrow:after{content:" →";transition:transform .2s}.katama-btn-arrow:hover:after{transform:translate(4px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:.75rem 1.75rem;font-family:var(--k-sans);font-size:var(--text-base);font-weight:600;line-height:1;border-radius:8px;border:2px solid transparent;cursor:pointer;transition:background-color var(--transition-base),color var(--transition-base),border-color var(--transition-base),transform var(--transition-fast);text-decoration:none;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn--primary{background-color:var(--k-accent);color:var(--k-dark);border-color:var(--k-accent)}.btn--primary:hover{background-color:var(--k-accent-hover);border-color:var(--k-accent-hover);color:var(--k-dark)}.btn--secondary{background-color:transparent;color:#fff;border-color:#fff}.btn--secondary:hover{background-color:#ffffff1a;color:#fff}.hero--light .btn--secondary,.section--light .btn--secondary,.blog-post__body .btn--secondary{color:var(--k-dark);border-color:var(--k-dark)}.hero--light .btn--secondary:hover,.section--light .btn--secondary:hover,.blog-post__body .btn--secondary:hover{background-color:#011d260f;color:var(--k-dark)}.btn--outline{background-color:transparent;color:var(--k-text-dark);border-color:var(--k-text-dark)}.btn--outline:hover{background-color:var(--k-text-dark);color:#fff}.btn--accent{background-color:var(--k-accent);color:var(--k-dark);border-color:var(--k-accent)}.btn--accent:hover{background-color:var(--k-accent-hover);border-color:var(--k-accent-hover);color:var(--k-dark)}.card{background-color:#fff;border-radius:var(--k-radius-lg);padding:var(--space-xl);border:1px solid var(--k-border-light);box-shadow:0 4px 24px #0000000f;transition:box-shadow var(--transition-base),transform var(--transition-base)}.card:hover{box-shadow:0 8px 32px #0000001a;transform:translateY(-2px)}.card--dark{background-color:var(--k-dark-surface);border-color:var(--k-border-dark);color:var(--k-text-light)}.grid{display:grid;gap:var(--space-xl)}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}@media(max-width:1024px){.grid--4,.grid--3{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.grid--2,.grid--3,.grid--4{grid-template-columns:1fr}}.feature-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-sm)}.feature-list li{display:flex;align-items:flex-start;gap:var(--space-sm)}.feature-list li:before{content:"";display:inline-block;width:20px;height:20px;min-width:20px;background-color:var(--k-accent-dim);border-radius:50%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23FF6B35'%3E%3Cpath fill-rule='evenodd' d='M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z' clip-rule='evenodd'/%3E%3C/svg%3E");background-size:12px;background-repeat:no-repeat;background-position:center;margin-top:2px}.number-badge{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;min-width:2.5rem;border-radius:50%;background-color:var(--k-blue);color:#fff;font-size:var(--text-sm);font-weight:800;font-family:var(--k-sans)}.badge--before{display:inline-block;padding:.25rem .75rem;border-radius:var(--radius-pill);background-color:#b821051a;color:var(--color-red);font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.badge--after{display:inline-block;padding:.25rem .75rem;border-radius:var(--radius-pill);background-color:#13612e1a;color:var(--color-green);font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.05em}hr{border:none;border-top:1px solid var(--k-border-light);margin-block:var(--space-xl)}.section--dark hr{border-top-color:var(--k-border-dark)}.katama-reveal{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.katama-reveal.visible{opacity:1;transform:translateY(0)}.katama-reveal-delay-1{transition-delay:.1s}.katama-reveal-delay-2{transition-delay:.2s}.katama-reveal-delay-3{transition-delay:.3s}.katama-reveal-delay-4{transition-delay:.4s}.scroll-fade{opacity:0;transform:translateY(24px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}.scroll-fade.visible{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.katama-reveal,.scroll-fade{opacity:1!important;transform:none!important;transition:none!important}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--k-dark)}::-webkit-scrollbar-thumb{background:#ff6b354d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ff6b3580}