:root{--bg: #1F2A24;--surface: #26352E;--divider: #31423A;--text-primary: #F5F4EA;--text-secondary: #A8B2A9;--text-muted: #7F8A83;--accent: #6F8A78;--danger: #C96A4A;--max-width: 720px;--radius: 10px;--radius-sm: 6px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}img,svg{display:block;max-width:100%}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}ul{list-style:none}body{background-color:var(--bg);color:var(--text-primary);font-family:EB Garamond,Georgia,Times New Roman,serif;font-size:1.25rem;line-height:1.65;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:IBM Plex Sans,Helvetica Neue,Arial,sans-serif;color:var(--text-primary);line-height:1.2;font-weight:600}h1{font-size:clamp(2rem,5vw,3rem);font-weight:700}h2{font-size:clamp(1.5rem,3.5vw,2rem)}h3{font-size:1.25rem}p{color:var(--text-secondary);max-width:60ch}.container{width:100%;max-width:var(--max-width);margin-inline:auto;padding-inline:24px}section{padding-block:80px}section+section{border-top:1px solid var(--divider)}.site-nav{position:sticky;top:0;z-index:100;background-color:var(--bg);border-bottom:1px solid var(--divider);padding-block:16px}.site-nav .container{display:flex;align-items:center;justify-content:space-between}.nav-logo{font-family:IBM Plex Sans,sans-serif;font-weight:700;font-size:1.25rem;color:var(--text-primary);text-decoration:none;letter-spacing:-.01em}.nav-logo:hover{text-decoration:none;color:var(--text-primary)}.nav-links{display:flex;gap:4px;align-items:center}.nav-links a{font-family:IBM Plex Sans,sans-serif;font-size:.875rem;font-weight:500;color:var(--text-secondary);padding:5px 10px;border-radius:6px;transition:background-color .2s ease,color .2s ease}.nav-links a:hover{color:var(--text-primary);background-color:var(--surface);text-decoration:none}.nav-links a.nav-active{color:var(--text-primary);background-color:var(--surface)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:12px 24px;border-radius:22px;font-family:IBM Plex Sans,sans-serif;font-size:.9375rem;font-weight:500;cursor:pointer;border:none;text-decoration:none;transition:opacity .15s ease}.btn:hover{opacity:.85;text-decoration:none}.btn-primary{background-color:var(--accent);color:var(--bg)}.btn-secondary{background-color:transparent;color:var(--text-secondary);border:1px solid var(--divider)}.app-store-badge{display:inline-block;transition:opacity .15s ease}.app-store-badge:hover{opacity:.85;text-decoration:none}.app-store-badge img{height:44px;width:auto}.hero{padding-block:96px 80px}.hero .container{display:grid;grid-template-columns:1fr auto;gap:48px;align-items:center}.hero-content{display:flex;flex-direction:column;gap:20px}.hero-logo-wrap{display:flex;flex-direction:column;align-items:center;gap:28px}.hero-logo-link{display:flex;flex-direction:column;align-items:center;gap:10px;text-decoration:none}.hero-logo{width:200px;height:200px;transition:transform .4s ease;will-change:transform}.hero-logo-link:hover .hero-logo{transform:scale(1.1)}.hero-logo-label{font-family:IBM Plex Sans,sans-serif;font-weight:700;font-size:1.25rem;letter-spacing:-.01em;color:var(--text-primary)}.hero-eyebrow{font-family:IBM Plex Sans,sans-serif;font-size:.8125rem;font-weight:500;color:var(--accent);letter-spacing:.08em;text-transform:uppercase}.hero h1{color:var(--text-primary)}.hero-sub{font-size:1.125rem;color:var(--text-secondary);max-width:44ch}.hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}.problem{text-align:center}.problem .container{display:flex;flex-direction:column;align-items:center;gap:20px}.section-label{font-family:IBM Plex Sans,sans-serif;font-size:.8125rem;font-weight:500;color:var(--accent);letter-spacing:.08em;text-transform:uppercase}.problem h2{max-width:22ch}.problem p{max-width:52ch;text-align:center;margin-inline:auto}.how-it-works .container{display:flex;flex-direction:column;gap:48px}.how-it-works-header{display:flex;flex-direction:column;gap:12px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.step{display:flex;flex-direction:column;gap:12px}.step-number{font-family:IBM Plex Sans,sans-serif;font-size:.8125rem;font-weight:600;color:var(--accent);letter-spacing:.05em}.step h3{font-size:1.0625rem;font-weight:600;color:var(--text-primary)}.step p{font-size:1rem;color:var(--text-secondary);max-width:none}.step-connector{display:none}.product-view .container{display:flex;flex-direction:column;gap:48px;max-width:1100px}.product-view-header{display:flex;flex-direction:column;gap:12px}.screenshots{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;align-items:start}.screenshot-frame{display:flex;flex-direction:column;gap:16px}.screenshot-img{width:100%;height:auto;border-radius:22px;border:2px solid rgba(255,255,255,.75);display:block}.screenshot-caption{font-family:IBM Plex Sans,sans-serif;font-size:.875rem;color:var(--text-secondary);text-align:center;max-width:none}.scope .container{display:flex;flex-direction:column;gap:40px}.scope-header{display:flex;flex-direction:column;gap:12px}.scope-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.scope-column{background-color:var(--surface);border-radius:var(--radius);border:1px solid var(--divider);padding:28px;display:flex;flex-direction:column;gap:20px}.scope-column-title{font-family:IBM Plex Sans,sans-serif;font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.scope-column.is .scope-column-title{color:var(--accent)}.scope-column.is-not .scope-column-title{color:var(--text-muted)}.scope-list{display:flex;flex-direction:column;gap:12px}.scope-list li{display:flex;align-items:flex-start;gap:10px;font-size:1rem;color:var(--text-secondary);line-height:1.4}.scope-list li:before{flex-shrink:0;margin-top:1px;font-family:IBM Plex Sans,sans-serif;font-size:.875rem;font-weight:600}.scope-column.is .scope-list li:before{content:"✓";color:var(--accent)}.scope-column.is-not .scope-list li:before{content:"—";color:var(--text-muted)}.privacy-section{text-align:center}.privacy-section .container{display:flex;flex-direction:column;align-items:center;gap:40px}.privacy-header{display:flex;flex-direction:column;gap:12px;align-items:center}.privacy-header h2{max-width:22ch}.privacy-statements{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;width:100%}.privacy-statement{background-color:var(--surface);border-radius:var(--radius);border:1px solid var(--divider);padding:24px;display:flex;flex-direction:column;gap:10px;text-align:left}.privacy-statement h3{font-size:.9375rem;font-weight:600;color:var(--text-primary)}.privacy-statement p{font-size:.9375rem;color:var(--text-secondary);max-width:none}.faq .container{display:flex;flex-direction:column;gap:40px}.faq-header{display:flex;flex-direction:column;gap:12px}.faq-list{display:flex;flex-direction:column;gap:0;border-top:1px solid var(--divider)}details.faq-item{border-bottom:1px solid var(--divider)}details.faq-item summary{font-family:IBM Plex Sans,sans-serif;font-size:1rem;font-weight:500;color:var(--text-primary);padding:20px 0;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:44px}details.faq-item summary::-webkit-details-marker{display:none}details.faq-item summary:after{content:"+";font-family:IBM Plex Sans,sans-serif;font-size:1.25rem;font-weight:400;color:var(--text-muted);flex-shrink:0;transition:transform .15s ease}details.faq-item[open] summary:after{content:"−"}.faq-answer{font-size:1rem;color:var(--text-secondary);padding-bottom:20px;max-width:60ch}.site-footer{border-top:1px solid var(--divider);padding-block:48px}.site-footer .container{display:flex;flex-direction:column;gap:24px;align-items:center;text-align:center}.footer-links{display:flex;gap:24px;flex-wrap:wrap;justify-content:center}.footer-links a{font-family:IBM Plex Sans,sans-serif;font-size:.875rem;color:var(--text-secondary)}.footer-links a:hover{color:var(--text-primary);text-decoration:none}.footer-copyright{font-family:IBM Plex Sans,sans-serif;font-size:.8125rem;color:var(--text-muted);max-width:none}.simple-page{padding-block:80px}.simple-page .container{display:flex;flex-direction:column;gap:40px;max-width:640px}.simple-page h1{font-size:clamp(1.75rem,4vw,2.5rem)}.simple-page .page-intro{font-size:1.0625rem;color:var(--text-secondary);max-width:none}.simple-page h2{font-size:1.25rem;margin-bottom:8px}.prose{display:flex;flex-direction:column;gap:32px}.prose-section{display:flex;flex-direction:column;gap:12px}.prose-section p{max-width:none}.prose-section ul{display:flex;flex-direction:column;gap:8px;padding-left:20px}.prose-section ul li{list-style:disc;color:var(--text-secondary);font-size:1rem}.back-link{font-family:IBM Plex Sans,sans-serif;font-size:.875rem;color:var(--text-secondary);display:inline-flex;align-items:center;gap:6px}.back-link:hover{color:var(--text-primary);text-decoration:none}.blog-list{display:flex;flex-direction:column;gap:32px}.blog-card{background-color:var(--surface);border-radius:var(--radius);border:1px solid var(--divider);padding:28px;display:flex;flex-direction:column;gap:12px}.blog-card h2{font-size:1.25rem}.blog-card h2 a{color:var(--text-primary)}.blog-card h2 a:hover{color:var(--accent);text-decoration:none}.blog-card time{font-family:IBM Plex Sans,sans-serif;font-size:.8125rem;color:var(--text-muted)}.blog-card p{font-size:1rem;color:var(--text-secondary);max-width:none}.blog-prose{display:flex;flex-direction:column;gap:20px}.blog-prose h2{font-size:1.25rem;margin-top:12px;margin-bottom:0}.blog-prose h3{font-size:1.125rem;margin-top:8px}.blog-prose p{max-width:none}.blog-prose ul,.blog-prose ol{display:flex;flex-direction:column;gap:8px;padding-left:20px}.blog-prose ul li{list-style:disc;color:var(--text-secondary);font-size:1rem}.blog-prose ol li{list-style:decimal;color:var(--text-secondary);font-size:1rem}.blog-prose strong{color:var(--text-primary);font-weight:600}.blog-prose a{color:var(--accent)}.blog-meta{display:flex;flex-direction:column;gap:8px;padding-bottom:24px;border-bottom:1px solid var(--divider);margin-bottom:16px}.blog-meta time{font-family:IBM Plex Sans,sans-serif;font-size:.8125rem;color:var(--text-muted)}.blog-preview .container{display:flex;flex-direction:column;gap:32px}.blog-preview-header{display:flex;flex-direction:column;gap:12px}.blog-preview-list{display:flex;flex-direction:column;gap:0;border-top:1px solid var(--divider)}.blog-preview-item{display:flex;align-items:baseline;justify-content:space-between;gap:24px;padding:18px 0;border-bottom:1px solid var(--divider)}.blog-preview-title{font-family:IBM Plex Sans,sans-serif;font-size:1rem;font-weight:500;color:var(--text-primary);flex:1}.blog-preview-title:hover{color:var(--accent);text-decoration:none}.blog-preview-date{font-family:IBM Plex Sans,sans-serif;font-size:.8125rem;color:var(--text-muted);flex-shrink:0}.notify-modal{border:1px solid var(--divider);border-radius:var(--radius);background-color:var(--surface);color:var(--text-primary);padding:0;max-width:420px;width:calc(100% - 48px);box-shadow:0 24px 64px #00000080}.notify-modal::backdrop{background-color:#0009;backdrop-filter:blur(4px)}.notify-modal-inner{position:relative;padding:40px;display:flex;flex-direction:column;gap:16px}.notify-modal-inner h2{font-size:1.375rem;color:var(--text-primary)}.notify-modal-inner p{font-size:1rem;color:var(--text-secondary);max-width:none}.notify-modal-close{position:absolute;top:16px;right:16px;background:none;border:none;color:var(--text-muted);font-size:1.5rem;line-height:1;cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm);transition:color .15s ease,background-color .15s ease}.notify-modal-close:hover{color:var(--text-primary);background-color:var(--divider)}.notify-form{display:flex;flex-direction:column;gap:12px;margin-top:4px}.notify-form input[type=email]{width:100%;background-color:var(--bg);border:1px solid var(--divider);border-radius:var(--radius-sm);color:var(--text-primary);font-family:IBM Plex Sans,sans-serif;font-size:.9375rem;padding:12px 16px;outline:none;transition:border-color .15s ease}.notify-form input[type=email]::placeholder{color:var(--text-muted)}.notify-form input[type=email]:focus{border-color:var(--accent)}.notify-form .btn-primary{width:100%}#notify-success{font-size:1rem;color:var(--accent);max-width:none;padding:4px 0}@media(max-width:768px){section{padding-block:56px}.hero{padding-block:64px 56px}.hero .container{grid-template-columns:1fr}.hero-logo-wrap{display:none}.steps,.screenshots{grid-template-columns:1fr 1fr}.scope-columns,.privacy-statements{grid-template-columns:1fr}.nav-links{gap:20px}}@media(max-width:480px){body{font-size:1.125rem}.steps{grid-template-columns:1fr}.screenshots{grid-template-columns:1fr;max-width:240px;margin-inline:auto}.screenshots .screenshot-frame:nth-child(n+2){display:none}.nav-links a[href="#"]{display:none}}