*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth;hanging-punctuation:first last;scroll-padding-top:var(--space-16)}body{min-height:100dvh;line-height:1.6;font-family:var(--font-body, sans-serif);font-size:var(--text-base);color:var(--color-text);background-color:var(--color-bg)}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}ul[role=list],ol[role=list]{list-style:none}input,button,textarea,select{font:inherit;color:inherit}h1,h2,h3,h4,h5,h6{text-wrap:balance;line-height:1.15}p,li,figcaption{text-wrap:pretty;max-width:72ch}::selection{background:oklch(from var(--color-primary) l c h / .25);color:var(--color-text)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px;border-radius:var(--radius-sm)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}button{cursor:pointer;background:none;border:none}table{border-collapse:collapse;width:100%}a,button,[role=button],[role=link],input,textarea,select{transition:color var(--transition-interactive),background var(--transition-interactive),border-color var(--transition-interactive),box-shadow var(--transition-interactive)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:root{--text-xs: clamp(.75rem, .7rem + .25vw, .875rem);--text-sm: clamp(.875rem, .8rem + .35vw, 1rem);--text-base: clamp(1rem, .95rem + .25vw, 1.125rem);--text-lg: clamp(1.125rem, 1rem + .75vw, 1.5rem);--text-xl: clamp(1.5rem, 1.2rem + 1.25vw, 2.25rem);--text-2xl: clamp(2rem, 1.2rem + 2.5vw, 3.5rem);--text-3xl: clamp(2.5rem, 1rem + 4vw, 5rem);--text-hero: clamp(3rem, .5rem + 7vw, 8rem);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--transition-interactive: .18s cubic-bezier(.16, 1, .3, 1);--content-narrow: 640px;--content-default: 960px;--content-wide: 1200px;--content-full: 100%;--font-display: "Clash Display", "Plus Jakarta Sans", sans-serif;--font-body: "Inter", "DM Sans", sans-serif}:root,[data-theme=light]{--color-bg: #f5f5f3;--color-surface: #ffffff;--color-surface-2: #fafaf8;--color-surface-offset: #eeeeeb;--color-surface-offset-2: #e6e6e2;--color-surface-dynamic: #ddddd9;--color-divider: #d4d4cf;--color-border: #c8c8c2;--color-text: #1a1a2e;--color-text-muted: #6b6b7b;--color-text-faint: #a0a0ae;--color-text-inverse: #f5f5f3;--color-primary: #1e2a5e;--color-primary-hover: #162047;--color-primary-active: #101838;--color-primary-highlight: #d8dce8;--color-accent: #e85d4a;--color-accent-hover: #d14836;--color-accent-active: #b83a2b;--color-success: #2d7a3e;--color-success-hover: #1f5e2d;--color-success-highlight: #d4e8d8;--color-warning: #c47a1a;--color-warning-highlight: #f0e4cc;--color-error: #c4324a;--color-error-highlight: #f0d4d9;--shadow-sm: 0 1px 2px oklch(.2 .01 80 / .06);--shadow-md: 0 4px 12px oklch(.2 .01 80 / .08);--shadow-lg: 0 12px 32px oklch(.2 .01 80 / .12)}[data-theme=dark]{--color-bg: #0d1117;--color-surface: #131922;--color-surface-2: #1a2130;--color-surface-offset: #161d28;--color-surface-offset-2: #1f2738;--color-surface-dynamic: #283248;--color-divider: #1e2636;--color-border: #2a3448;--color-text: #e0e2e8;--color-text-muted: #8a90a0;--color-text-faint: #505870;--color-text-inverse: #0d1117;--color-primary: #7b8fcc;--color-primary-hover: #9aa8d9;--color-primary-active: #5c72b5;--color-primary-highlight: #1e2740;--color-accent: #f07060;--color-accent-hover: #f58878;--color-accent-active: #e05545;--color-success: #5aad6a;--color-success-hover: #4a9058;--color-success-highlight: #1a2e20;--color-warning: #e8a840;--color-warning-highlight: #2e2818;--color-error: #e05a6e;--color-error-highlight: #2e1a20;--shadow-sm: 0 1px 2px oklch(0 0 0 / .25);--shadow-md: 0 4px 12px oklch(0 0 0 / .35);--shadow-lg: 0 12px 32px oklch(0 0 0 / .45)}@media(prefers-color-scheme:dark){:root:not([data-theme]){--color-bg: #0d1117;--color-surface: #131922;--color-surface-2: #1a2130;--color-surface-offset: #161d28;--color-surface-offset-2: #1f2738;--color-surface-dynamic: #283248;--color-divider: #1e2636;--color-border: #2a3448;--color-text: #e0e2e8;--color-text-muted: #8a90a0;--color-text-faint: #505870;--color-text-inverse: #0d1117;--color-primary: #7b8fcc;--color-primary-hover: #9aa8d9;--color-primary-active: #5c72b5;--color-primary-highlight: #1e2740;--color-accent: #f07060;--color-accent-hover: #f58878;--color-accent-active: #e05545;--color-success: #5aad6a;--color-success-hover: #4a9058;--color-success-highlight: #1a2e20;--color-warning: #e8a840;--color-warning-highlight: #2e2818;--color-error: #e05a6e;--color-error-highlight: #2e1a20;--shadow-sm: 0 1px 2px oklch(0 0 0 / .25);--shadow-md: 0 4px 12px oklch(0 0 0 / .35);--shadow-lg: 0 12px 32px oklch(0 0 0 / .45)}}h1,h2,h3{font-family:var(--font-display);font-weight:600;color:var(--color-text)}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg);font-family:var(--font-body);font-weight:600}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-interactive)}a:hover{color:var(--color-primary-hover)}.container{max-width:var(--content-wide);margin-inline:auto;padding-inline:var(--space-4)}.container--narrow{max-width:var(--content-default)}.section{padding-block:clamp(var(--space-12),8vw,var(--space-24))}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;text-decoration:none;cursor:pointer;transition:background var(--transition-interactive),color var(--transition-interactive),box-shadow var(--transition-interactive),transform var(--transition-interactive);border:none}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.btn--primary{background:var(--color-primary);color:var(--color-text-inverse)}.btn--primary:hover{background:var(--color-primary-hover);color:var(--color-text-inverse)}.btn--accent{background:var(--color-accent);color:#fff}.btn--accent:hover{background:var(--color-accent-hover);color:#fff}.btn--secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.btn--secondary:hover{background:var(--color-surface-offset);border-color:var(--color-primary)}.btn--ghost{background:transparent;color:var(--color-text)}.btn--ghost:hover{background:var(--color-surface-offset)}.card{background:var(--color-surface);border:1px solid oklch(from var(--color-text) l c h / .08);border-radius:var(--radius-lg);padding:var(--space-6);transition:box-shadow var(--transition-interactive),transform var(--transition-interactive),border-color var(--transition-interactive)}.card--interactive{cursor:pointer}.card--interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-primary)}.card--interactive:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.header{position:sticky;top:0;z-index:50;background:oklch(from var(--color-bg) l c h / .92);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid oklch(from var(--color-text) l c h / .06);transition:box-shadow .3s cubic-bezier(.16,1,.3,1)}.header--scrolled{box-shadow:var(--shadow-sm)}.header__inner{display:flex;align-items:center;justify-content:space-between;padding-block:var(--space-3);max-width:var(--content-wide);margin-inline:auto;padding-inline:var(--space-4)}.header__logo{display:flex;align-items:center;gap:var(--space-2);text-decoration:none;color:var(--color-text);font-family:var(--font-display);font-weight:600;font-size:var(--text-lg)}.header__nav{display:flex;align-items:center;gap:var(--space-6)}.header__nav a{color:var(--color-text-muted);text-decoration:none;font-size:var(--text-sm);font-weight:450;transition:color var(--transition-interactive)}.header__nav a:hover,.header__nav a.active{color:var(--color-text)}.mobile-menu-btn{display:none;padding:var(--space-2);color:var(--color-text)}@media(max-width:768px){.header__nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-direction:column;padding:var(--space-4);gap:var(--space-4);box-shadow:var(--shadow-lg)}.header__nav.open{display:flex}.mobile-menu-btn{display:block}}.hero{position:relative;min-height:80vh;display:flex;align-items:center;overflow:hidden;background:var(--color-primary);color:var(--color-text-inverse)}.hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.15;background:radial-gradient(ellipse at 20% 50%,oklch(.55 .12 250) 0%,transparent 60%),radial-gradient(ellipse at 80% 20%,oklch(.4 .1 220) 0%,transparent 50%),radial-gradient(ellipse at 50% 80%,oklch(.3 .08 280) 0%,transparent 50%)}.hero__content{position:relative;z-index:1;max-width:var(--content-wide);margin-inline:auto;padding:var(--space-16) var(--space-4);width:100%}.hero__tagline{font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;letter-spacing:.1em;text-transform:uppercase;opacity:.7;margin-bottom:var(--space-4)}.hero h1{font-size:var(--text-3xl);color:inherit;max-width:18ch;margin-bottom:var(--space-6)}.hero__desc{font-size:var(--text-lg);max-width:52ch;opacity:.85;margin-bottom:var(--space-8);line-height:1.6}.hero__actions{display:flex;gap:var(--space-4);flex-wrap:wrap}.apps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:var(--space-6)}.app-card{display:flex;flex-direction:column;gap:var(--space-4)}.app-card__icon{width:64px;height:64px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:1.75rem;flex-shrink:0}.app-card__category{font-size:var(--text-xs);font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary);margin-bottom:var(--space-1)}.app-card__name{font-family:var(--font-body);font-weight:600;font-size:var(--text-lg);color:var(--color-text);margin-bottom:var(--space-2);line-height:1.3}.app-card__desc{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.5;margin-bottom:var(--space-3)}.app-card__features{list-style:none;padding:0;margin-bottom:var(--space-4)}.app-card__features li{font-size:var(--text-xs);color:var(--color-text-muted);padding:var(--space-1) 0;padding-left:var(--space-5);position:relative}.app-card__features li:before{content:"✓";position:absolute;left:0;color:var(--color-success);font-weight:600}.app-card__actions{display:flex;gap:var(--space-3);margin-top:auto}.store-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-surface-offset);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--color-text);font-weight:500;text-decoration:none;transition:background var(--transition-interactive),transform var(--transition-interactive)}.store-badge:hover{background:var(--color-surface-offset-2);color:var(--color-text);transform:translateY(-1px)}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-6);text-align:center}.stat__number{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;color:var(--color-primary);line-height:1.2}.stat__label{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-2)}.tool-container{max-width:var(--content-narrow);margin-inline:auto;padding:var(--space-8);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.tool-input-group{display:flex;gap:var(--space-3);margin-bottom:var(--space-6)}@media(max-width:480px){.tool-input-group{flex-direction:column}}.tool-input{flex:1;padding:var(--space-3) var(--space-4);border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-base);background:var(--color-bg);color:var(--color-text);transition:border-color var(--transition-interactive),box-shadow var(--transition-interactive)}.tool-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-highlight);outline:none}.tool-result{display:flex;flex-direction:column;align-items:center;gap:var(--space-6);padding:var(--space-8);background:var(--color-surface-offset);border-radius:var(--radius-lg);min-height:200px;justify-content:center}.ambigram-display{font-family:Playfair Display,Georgia,serif;font-size:clamp(2.5rem,1rem + 5vw,5rem);font-weight:700;color:var(--color-text);text-align:center;letter-spacing:.02em}.ambigram-flipped{transform:rotate(180deg)}.tool-actions{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:var(--space-6)}.blog-card__meta{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.blog-card__tag{font-size:var(--text-xs);font-weight:500;padding:var(--space-1) var(--space-3);background:var(--color-primary-highlight);color:var(--color-primary);border-radius:var(--radius-full)}.blog-card__time{font-size:var(--text-xs);color:var(--color-text-faint)}.blog-card__title{font-family:var(--font-body);font-weight:600;font-size:var(--text-lg);color:var(--color-text);line-height:1.3;margin-bottom:var(--space-3)}.blog-card__badge{display:inline-block;font-size:var(--text-xs);font-weight:600;padding:var(--space-1) var(--space-3);background:var(--color-surface-offset-2);color:var(--color-text-muted);border-radius:var(--radius-full)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8)}@media(max-width:768px){.contact-grid{grid-template-columns:1fr}}.contact-info__item{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4) 0;border-bottom:1px solid var(--color-divider)}.contact-info__item:last-child{border-bottom:none}.contact-info__label{font-size:var(--text-xs);font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-faint)}.contact-info__value{color:var(--color-text);text-decoration:none}a.contact-info__value:hover{color:var(--color-primary)}.form-group{margin-bottom:var(--space-4)}.form-group label{display:block;font-size:var(--text-sm);font-weight:500;margin-bottom:var(--space-2);color:var(--color-text)}.form-group input,.form-group textarea,.form-group select{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);font-size:var(--text-base);transition:border-color var(--transition-interactive),box-shadow var(--transition-interactive)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-highlight);outline:none}.form-group textarea{min-height:120px;resize:vertical}.footer{background:var(--color-surface);border-top:1px solid var(--color-divider);padding:var(--space-12) var(--space-4)}.footer__inner{max-width:var(--content-wide);margin-inline:auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--space-8)}@media(max-width:768px){.footer__inner{grid-template-columns:1fr 1fr;gap:var(--space-6)}}@media(max-width:480px){.footer__inner{grid-template-columns:1fr}}.footer__brand{max-width:32ch}.footer__brand p{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-3);line-height:1.6}.footer__col h4{font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-4);color:var(--color-text)}.footer__col ul{list-style:none;padding:0}.footer__col li{margin-bottom:var(--space-2)}.footer__col a{font-size:var(--text-sm);color:var(--color-text-muted);text-decoration:none;transition:color var(--transition-interactive)}.footer__col a:hover{color:var(--color-text)}.footer__bottom{max-width:var(--content-wide);margin-inline:auto;margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-divider);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-4)}.footer__bottom p,.footer__bottom a{font-size:var(--text-xs);color:var(--color-text-faint)}.footer__bottom a:hover{color:var(--color-text-muted)}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mt-4{margin-top:var(--space-4)}.mt-8{margin-top:var(--space-8)}.fade-in{opacity:1}@supports (animation-timeline: scroll()){.fade-in{opacity:0;animation:reveal-fade linear both;animation-timeline:view();animation-range:entry 0% entry 100%}}@keyframes reveal-fade{to{opacity:1}}.section-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--color-primary);margin-bottom:var(--space-3)}.section-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-4)}.section-desc{font-size:var(--text-base);color:var(--color-text-muted);max-width:60ch;line-height:1.6}.theme-toggle{padding:var(--space-2);color:var(--color-text-muted);border-radius:var(--radius-md);transition:color var(--transition-interactive),background var(--transition-interactive)}.theme-toggle:hover{color:var(--color-text);background:var(--color-surface-offset)}.subscribe-form{display:flex;gap:var(--space-3);max-width:440px}@media(max-width:480px){.subscribe-form{flex-direction:column}}.subscribe-form input{flex:1;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);font-size:var(--text-sm)}.seo-content{max-width:72ch;margin-inline:auto}.seo-content h2{font-size:var(--text-xl);margin-top:var(--space-10);margin-bottom:var(--space-4)}.seo-content h3{font-size:var(--text-lg);margin-top:var(--space-8);margin-bottom:var(--space-3)}.seo-content p{font-size:var(--text-base);color:var(--color-text-muted);line-height:1.7;margin-bottom:var(--space-4)}.seo-content ul{padding-left:var(--space-6);margin-bottom:var(--space-4)}.seo-content li{font-size:var(--text-base);color:var(--color-text-muted);margin-bottom:var(--space-2);line-height:1.6}.skip-link{position:absolute;top:-100%;left:var(--space-4);padding:var(--space-2) var(--space-4);background:var(--color-primary);color:var(--color-text-inverse);border-radius:var(--radius-md);z-index:100;font-size:var(--text-sm)}.skip-link:focus{top:var(--space-2)}.legal-content h1,.markdown-content h1{font-size:var(--text-2xl);font-weight:700;color:var(--color-text);margin-bottom:var(--space-6);padding-bottom:var(--space-3);border-bottom:2px solid var(--color-divider)}.legal-content h2,.markdown-content h2{font-size:var(--text-xl);font-weight:600;color:var(--color-text);margin-top:var(--space-10);margin-bottom:var(--space-4)}.legal-content h3,.markdown-content h3{font-size:var(--text-lg);font-weight:600;color:var(--color-text);margin-top:var(--space-8);margin-bottom:var(--space-3)}.legal-content p,.markdown-content p{font-size:var(--text-base);color:var(--color-text-muted);line-height:1.7;margin-bottom:var(--space-4)}.legal-content ul,.markdown-content ul{padding-left:var(--space-8);list-style:disc;margin-bottom:var(--space-4)}.legal-content li,.markdown-content li{font-size:var(--text-base);color:var(--color-text-muted);margin-bottom:var(--space-2);line-height:1.6}.legal-content a,.markdown-content a{color:var(--color-primary);text-decoration:underline;text-underline-offset:2px}.legal-content a:hover,.markdown-content a:hover{color:var(--color-primary-hover)}.legal-content strong,.markdown-content strong{font-weight:600;color:var(--color-text)}.grain:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.03;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.pattern-bg{position:relative}.pattern-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.03;background-image:linear-gradient(var(--color-primary) 1px,transparent 1px),linear-gradient(90deg,var(--color-primary) 1px,transparent 1px);background-size:40px 40px;pointer-events:none}