.landing-page{--color-bg:#fff;--color-bg-subtle:#f8faf9;--color-bg-muted:#f1f5f3;--color-text:#1a1a1a;--color-text-secondary:#4a5568;--color-text-muted:#718096;--color-accent:#10b981;--color-accent-light:#34d399;--color-accent-dark:#059669;--color-accent-bg:#ecfdf5;--color-border:#e2e8f0;--color-border-light:#f1f5f9;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 24px #0000001f;--shadow-xl:0 16px 48px #00000029;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--font-sans:"DM Sans",system-ui,-apple-system,sans-serif;--font-display:"Fraunces",Georgia,serif;--font-mono:"JetBrains Mono","Courier New",monospace;font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}[data-theme=dark] .landing-page{--color-bg:#0f172a;--color-bg-subtle:#1e293b;--color-bg-muted:#334155;--color-text:#f8fafc;--color-text-secondary:#cbd5e1;--color-text-muted:#94a3b8;--color-accent-bg:#10b9811a;--color-border:#334155;--color-border-light:#1e293b;--shadow-sm:0 1px 2px #0003;--shadow-md:0 4px 12px #0000004d;--shadow-lg:0 8px 24px #0006;--shadow-xl:0 16px 48px #00000080}.landing-page .main-content--no-navbar{padding-top:0}.landing-page .hero{padding:var(--space-16)var(--space-6)var(--space-20);background:linear-gradient(180deg,var(--color-bg-subtle)0%,var(--color-bg)100%)}.landing-page .hero-container{gap:var(--space-12);grid-template-columns:1fr;align-items:center;max-width:1200px;margin:0 auto;display:grid}@media (min-width:768px){.landing-page .hero-container{gap:var(--space-16);grid-template-columns:1fr 1fr}}.landing-page .hero-content{text-align:center}@media (min-width:768px){.landing-page .hero-content{text-align:left}}.landing-page .hero-brand{align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);justify-content:center;display:flex}@media (min-width:768px){.landing-page .hero-brand{justify-content:flex-start}}.landing-page .hero-brand__icon{flex-shrink:0;width:48px;height:48px}.landing-page .hero-brand__name{font-family:var(--font-display);color:var(--color-text);letter-spacing:-.02em;font-size:1.5rem;font-weight:600}.landing-page .hero-title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--color-text);margin-bottom:var(--space-6);font-size:clamp(2.5rem,5vw,3.5rem);font-weight:600;line-height:1.1}.landing-page .text-accent{color:var(--color-accent)}.landing-page .hero-description{color:var(--color-text-secondary);margin-bottom:var(--space-8);max-width:480px;font-size:1.125rem;line-height:1.7}@media (min-width:768px){.landing-page .hero-description{margin-left:0;margin-right:auto}}.landing-page .hero-cta{align-items:center;gap:var(--space-4);flex-direction:column;display:flex}@media (min-width:768px){.landing-page .hero-cta{align-items:flex-start}}.landing-page .hero-soon{color:var(--color-text-muted);font-size:.875rem}.landing-page .btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-6);font-family:var(--font-sans);border-radius:var(--radius-md);cursor:pointer;border:none;font-size:1rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.landing-page .btn svg{width:20px;height:20px}.landing-page .btn-primary{background:var(--color-accent);color:#fff;box-shadow:0 4px 14px #10b9814d}.landing-page .btn-primary:hover{background:var(--color-accent-dark);transform:translateY(-1px);box-shadow:0 6px 20px #10b98166}.landing-page .btn-primary:active{transform:translateY(0)}.landing-page .apk-expandable{border-radius:var(--radius-md);flex-direction:column;transition:box-shadow .35s;display:inline-flex;position:relative;overflow:hidden}.landing-page .apk-expandable--open{box-shadow:var(--shadow-lg);border-radius:var(--radius-lg)}.landing-page .apk-expandable__trigger{z-index:2;border-radius:var(--radius-md);white-space:nowrap;position:relative}.landing-page .apk-expandable--open .apk-expandable__trigger{border-radius:var(--radius-md)var(--radius-md)0 0}.landing-page .apk-expandable__chevron{margin-left:var(--space-1);opacity:.7;transition:transform .3s;width:16px!important;height:16px!important}.landing-page .apk-expandable--open .apk-expandable__chevron{transform:rotate(180deg)}.landing-page .apk-expandable__panel{background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:0 0 var(--radius-lg)var(--radius-lg);opacity:0;max-height:0;padding:0 var(--space-5);border-top:none;transition:max-height .4s cubic-bezier(.4,0,.2,1),padding .4s cubic-bezier(.4,0,.2,1),opacity .3s;overflow:hidden}.landing-page .apk-expandable--open .apk-expandable__panel{max-height:300px;padding:var(--space-5);opacity:1}.landing-page .apk-expandable__disclaimer{gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.landing-page .apk-expandable__disclaimer-icon{width:20px;height:20px;color:var(--color-accent);flex-shrink:0;margin-top:2px}.landing-page .apk-expandable__disclaimer-title{font-family:var(--font-display);color:var(--color-accent-dark);margin-bottom:var(--space-1);font-size:.875rem;font-weight:600}[data-theme=dark] .landing-page .apk-expandable__disclaimer-title{color:var(--color-accent-light)}.landing-page .apk-expandable__disclaimer-text{color:var(--color-text-secondary);font-size:.8125rem;line-height:1.5}.landing-page .apk-expandable__download{border-radius:var(--radius-sm);width:100%;padding:var(--space-3)var(--space-4);font-size:.9375rem}.landing-page .hero-mockup{justify-content:center;display:flex}.landing-page .phone-frame{width:280px;box-shadow:var(--shadow-xl),0 0 0 1px #ffffff1a inset;background:#1a1a1a;border-radius:40px;padding:12px;position:relative}[data-theme=dark] .landing-page .phone-frame{box-shadow:var(--shadow-xl),0 0 0 1px #ffffff0d inset;background:#0a0a0a}.landing-page .phone-notch{z-index:10;background:#1a1a1a;border-radius:0 0 16px 16px;width:100px;height:28px;position:absolute;top:12px;left:50%;transform:translate(-50%)}[data-theme=dark] .landing-page .phone-notch{background:#0a0a0a}.landing-page .phone-screen{border-radius:28px;width:100%;display:block}.landing-page .section-container{max-width:1200px;padding:0 var(--space-6);margin:0 auto}.landing-page .section-header{text-align:center;margin-bottom:var(--space-12)}.landing-page .section-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-text);margin-bottom:var(--space-4);font-size:clamp(1.75rem,4vw,2.25rem);font-weight:600}.landing-page .section-subtitle{color:var(--color-text-secondary);max-width:560px;margin:0 auto;font-size:1.0625rem}.landing-page .features{padding:var(--space-20)0;background:var(--color-bg)}.landing-page .features-grid{gap:var(--space-6);grid-template-columns:1fr;display:grid}@media (min-width:640px){.landing-page .features-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.landing-page .features-grid{grid-template-columns:repeat(3,1fr)}}.landing-page .feature-card{padding:var(--space-6);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color .2s,box-shadow .2s}.landing-page .feature-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md)}.landing-page .feature-icon{width:40px;height:40px;color:var(--color-accent);margin-bottom:var(--space-4)}.landing-page .feature-title{font-family:var(--font-display);color:var(--color-text);margin-bottom:var(--space-2);font-size:1.125rem;font-weight:600}.landing-page .feature-text{color:var(--color-text-secondary);font-size:.9375rem;line-height:1.6}.landing-page .screenshots{padding:var(--space-20)0;background:var(--color-bg-subtle)}.landing-page .screenshots-grid{gap:var(--space-8);grid-template-columns:1fr;display:grid}@media (min-width:640px){.landing-page .screenshots-grid{grid-template-columns:repeat(3,1fr)}}.landing-page .screenshot-card{background:var(--color-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);transition:transform .3s,box-shadow .3s;overflow:hidden}.landing-page .screenshot-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.landing-page .screenshot-card img{width:100%;height:auto;display:block}.landing-page .screenshot-caption{padding:var(--space-4);text-align:center;color:var(--color-text-secondary);background:var(--color-bg);border-top:1px solid var(--color-border-light);font-size:.875rem;font-weight:500}.landing-page .karton-privacy-link{text-align:center;padding:var(--space-8)var(--space-6)}.landing-page .karton-privacy-link a{color:var(--color-text-muted);font-size:.875rem;text-decoration:none;transition:color .2s}.landing-page .karton-privacy-link a:hover{color:var(--color-accent)}.landing-page .privacy-content{padding:var(--space-16)var(--space-6)}.landing-page .privacy-article{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);max-width:720px;padding:var(--space-8)var(--space-6);margin:0 auto}@media (min-width:640px){.landing-page .privacy-article{padding:var(--space-12)var(--space-10)}}.landing-page .privacy-article h1{font-family:var(--font-display);margin-bottom:var(--space-2);color:var(--color-text);font-size:2rem;font-weight:600}.landing-page .privacy-article .last-update{color:var(--color-text-muted);margin-bottom:var(--space-8);font-size:.875rem}.landing-page .privacy-article .intro{color:var(--color-text-secondary);margin-bottom:var(--space-8);font-size:1.0625rem;line-height:1.7}.landing-page .privacy-article section{margin-bottom:var(--space-8)}.landing-page .privacy-article h2{font-family:var(--font-display);color:var(--color-accent);margin-bottom:var(--space-4);font-size:1.25rem;font-weight:600}.landing-page .privacy-article h3{margin-top:var(--space-6);margin-bottom:var(--space-2);font-size:1rem;font-weight:600}.landing-page .privacy-article p{color:var(--color-text-secondary);margin-bottom:var(--space-4);line-height:1.7}.landing-page .privacy-article ul{margin-left:var(--space-6);color:var(--color-text-secondary);line-height:1.7;list-style:outside}.landing-page .privacy-article ul li{margin-bottom:var(--space-2)}.landing-page .privacy-article a{color:var(--color-accent);text-decoration:underline}.landing-page .privacy-article a:hover{color:var(--color-accent-dark)}.landing-page .privacy-article .back-link{margin-top:var(--space-10);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.landing-page .theme-pill-wrapper{margin-top:var(--space-8);justify-content:center;display:flex}.landing-page .theme-pill{align-items:center;gap:var(--space-3);height:44px;padding:0 var(--space-4);cursor:pointer;font-family:var(--font-sans);background:var(--color-bg-muted);border:none;border-radius:22px;transition:background .3s,box-shadow .3s;display:inline-flex;box-shadow:inset 0 2px 4px #00000014,0 1px 3px #ffffffb3,0 4px 8px #0000000f}.landing-page .theme-pill:hover{box-shadow:inset 0 2px 4px #00000014,0 1px 3px #ffffffb3,0 6px 14px #0000001a}[data-theme=dark] .landing-page .theme-pill{background:var(--color-bg-muted);box-shadow:inset 0 2px 6px #00000080,0 1px #ffffff0a,0 4px 8px #0000004d}[data-theme=dark] .landing-page .theme-pill:hover{box-shadow:inset 0 2px 6px #00000080,0 1px #ffffff0a,0 6px 14px #0006}.landing-page .theme-pill__track{background:var(--color-bg);border-radius:14px;flex-shrink:0;width:48px;height:28px;transition:background .3s,box-shadow .3s;position:relative;box-shadow:inset 0 2px 6px #0000001f,inset 0 -1px 2px #ffffff80}[data-theme=dark] .landing-page .theme-pill__track{background:var(--color-bg);box-shadow:inset 0 2px 8px #0009,inset 0 -1px 2px #ffffff08}.landing-page .theme-pill__knob{background:linear-gradient(145deg,#fff,#e6e6e6);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:left .35s cubic-bezier(.4,0,.2,1),background .3s,box-shadow .3s;display:flex;position:absolute;top:2px;left:2px;box-shadow:0 2px 6px #00000026,0 1px 2px #0000001a,inset 0 1px #fffc}.landing-page .theme-pill--dark .theme-pill__knob{background:linear-gradient(145deg,#475569,#334155);left:calc(100% - 26px);box-shadow:0 2px 6px #0006,0 1px 2px #0000004d,inset 0 1px #ffffff14}.landing-page .theme-pill__knob svg{width:14px;height:14px;color:var(--color-accent)}.landing-page .theme-pill__label{color:var(--color-text);white-space:nowrap;-webkit-user-select:none;user-select:none;font-size:.8125rem;font-weight:600;line-height:1}.landing-page a:focus-visible,.landing-page button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){.landing-page *,.landing-page :before,.landing-page :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}