.cookiebanner[data-astro-cid-hq3mgpmn]{z-index:9999;background:var(--color-dark,#1a1a1a);max-width:44rem;color:var(--color-text-light,#f5f5f5);border-radius:.75rem;flex-wrap:wrap;align-items:center;gap:1rem;margin-inline:auto;padding:1rem 1.25rem;display:flex;position:fixed;bottom:1rem;left:1rem;right:1rem;box-shadow:0 10px 30px #00000040}.cookiebanner[data-astro-cid-hq3mgpmn][hidden]{display:none}.cookiebanner__text[data-astro-cid-hq3mgpmn]{flex:18rem;margin:0;font-size:.9375rem;line-height:1.5}.cookiebanner__text[data-astro-cid-hq3mgpmn] a[data-astro-cid-hq3mgpmn]{color:var(--color-accent,#ff6900)}.cookiebanner__actions[data-astro-cid-hq3mgpmn]{flex:none;gap:.5rem;display:flex}.cookiebanner__btn[data-astro-cid-hq3mgpmn]{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:.5rem;padding:.5rem 1.125rem;font-size:.9375rem}.cookiebanner__btn--ghost[data-astro-cid-hq3mgpmn]{color:inherit;background:0 0;border-color:#ffffff59}.cookiebanner__btn--accept[data-astro-cid-hq3mgpmn]{background:var(--color-accent,#ff6900);color:#fff;font-weight:600}@media (width<=30rem){.cookiebanner__actions[data-astro-cid-hq3mgpmn]{width:100%}.cookiebanner__btn[data-astro-cid-hq3mgpmn]{flex:1}}:root{--k-dark:#011d26;--k-dark-surface:#032530;--k-dark-elevated:#06303d;--k-light:#f1f6f6;--k-light-card:#fff;--k-accent:#ff6b35;--k-accent-hover:#ff8559;--k-accent-dim:#ff6b351f;--k-accent-glow:#ff6b350f;--k-blue:#005f9b;--k-text-dark:#011d26;--k-text-dark-muted:#011d2699;--k-text-light:#fff;--k-text-light-muted:#fff9;--k-border-light:#011d2614;--k-border-dark:#ffffff1a;--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:#fff;--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 #00000014, 0 1px 2px #0000000f;--shadow-md:0 4px 6px #00000012, 0 2px 4px #0000000f;--shadow-lg:0 10px 25px #0000001a, 0 4px 10px #00000014;--shadow-xl:0 20px 40px #00000026, 0 8px 20px #0000001a;--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);color:var(--k-text-dark);-webkit-font-smoothing:antialiased;background-color:#fff;line-height:1.6;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);padding-inline:var(--content-padding);margin-inline:auto}.container--narrow{width:100%;max-width:var(--content-narrow);padding-inline:var(--content-padding);margin-inline:auto}.container--wide{width:100%;max-width:var(--content-wide);padding-inline:var(--content-padding);margin-inline:auto}.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);letter-spacing:.1em;text-transform:uppercase;color:var(--k-accent);align-items:center;gap:8px;margin-bottom:16px;font-size:.85rem;font-weight:600;display:inline-flex}.katama-label:before{content:"";background:var(--k-accent);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite katama-pulse-dot}@keyframes katama-pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.label{font-size:var(--text-sm);letter-spacing:.1em;text-transform:uppercase;color:var(--k-accent);margin-bottom:var(--space-sm);font-weight:700;display:inline-block}.katama-section-header{margin-bottom:56px}.katama-section-header h2{letter-spacing:-.03em;margin-top:8px;font-size:clamp(1.8rem,4vw,2.6rem)!important;font-weight:800!important;line-height:1.12!important}.katama-section-header p{max-width:500px;margin-top:14px;font-size:1.05rem}h1,h2,h3,h4{font-family:var(--k-sans);font-weight:700;line-height:1.2}h1{font-size:var(--text-xxl);letter-spacing:-.02em;font-weight:800}h2{font-size:var(--text-xl);letter-spacing:-.02em;font-weight:800}h3{font-size:var(--text-lg)}h4{font-size:var(--text-md);font-weight:600}.katama-btn{font-family:var(--k-sans);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:10px;padding:14px 28px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex}.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{color:var(--k-accent);border:1.5px solid var(--k-accent);background:0 0}.katama-btn-outline:hover{background:var(--k-accent-dim);color:var(--k-accent);transform:translateY(-2px)}.katama-btn-ghost{color:var(--k-text-light-muted);border:1px solid var(--k-border-dark);background:0 0}.katama-btn-ghost:hover{color:var(--k-text-light);background:#ffffff0a;border-color:#ffffff40}.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{justify-content:center;align-items:center;gap:var(--space-sm);font-family:var(--k-sans);font-size:var(--text-base);cursor:pointer;transition:background-color var(--transition-base), color var(--transition-base), border-color var(--transition-base), transform var(--transition-fast);white-space:nowrap;border:2px solid #0000;border-radius:8px;padding:.75rem 1.75rem;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.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{color:#fff;background-color:#0000;border-color:#fff}.btn--secondary:hover{color:#fff;background-color:#ffffff1a}.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{color:var(--k-dark);background-color:#011d260f}.btn--outline{color:var(--k-text-dark);border-color:var(--k-text-dark);background-color:#0000}.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{border-radius:var(--k-radius-lg);padding:var(--space-xl);border:1px solid var(--k-border-light);transition:box-shadow var(--transition-base), transform var(--transition-base);background-color:#fff;box-shadow:0 4px 24px #0000000f}.card:hover{transform:translateY(-2px);box-shadow:0 8px 32px #0000001a}.card--dark{background-color:var(--k-dark-surface);border-color:var(--k-border-dark);color:var(--k-text-light)}.grid{gap:var(--space-xl);display:grid}.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 (width<=1024px){.grid--4,.grid--3{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.grid--2,.grid--3,.grid--4{grid-template-columns:1fr}}.feature-list{gap:var(--space-sm);flex-direction:column;list-style:none;display:flex}.feature-list li{align-items:flex-start;gap:var(--space-sm);display:flex}.feature-list li:before{content:"";background-color:var(--k-accent-dim);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-position:50%;background-repeat:no-repeat;background-size:12px;border-radius:50%;width:20px;min-width:20px;height:20px;margin-top:2px;display:inline-block}.number-badge{background-color:var(--k-blue);color:#fff;width:2.5rem;min-width:2.5rem;height:2.5rem;font-size:var(--text-sm);font-weight:800;font-family:var(--k-sans);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.badge--before{border-radius:var(--radius-pill);color:var(--color-red);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;background-color:#b821051a;padding:.25rem .75rem;font-weight:700;display:inline-block}.badge--after{border-radius:var(--radius-pill);color:var(--color-green);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;background-color:#13612e1a;padding:.25rem .75rem;font-weight:700;display:inline-block}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;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:translateY(28px)}.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;transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);transform:translateY(24px)}.scroll-fade.visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.katama-reveal,.scroll-fade{opacity:1!important;transition:none!important;transform: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}
