*,*::before,*::after{box-sizing:border-box}:root{--blue-50:#f0f6ff;--blue-100:#dcebff;--blue-200:#b5d7ff;--blue-300:#9bc5f5;--blue-400:#7db0ee;--blue-500:#5a97e4;--blue-600:#3d7ed1;--blue-700:#2a63ad;--blue-800:#1c4578;--blue-900:#0d2847;--brand:var(--blue-200);--brand-hover:var(--blue-300);--brand-active:var(--blue-400);--brand-strong:var(--blue-500);--on-brand:var(--blue-900);--glow:181, 215, 255;--accent:var(--blue-200);--accent-hover:var(--blue-300);--brand-text:var(--blue-700);--icon:var(--blue-500);--bg:#ffffff;--bg-card:#f5f5f7;--border:#e5e5ea;--border-light:#ececf0;--text:#1d1d1f;--text-muted:#5f5f66;--text-dim:#8a8a90;--text-dimmer:#aeaeb2;--warn-text:#8a6a00}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--brand-text:var(--blue-200);--icon:var(--blue-200);--bg:#161618;--bg-card:#1f1f22;--border:#2c2c30;--border-light:#2e2e32;--text:#f5f5f7;--text-muted:#a1a1a6;--text-dim:#8e8e93;--text-dimmer:#6a6a6f;--warn-text:#ffcc00}}:root[data-theme=dark]{--brand-text:var(--blue-200);--icon:var(--blue-200);--bg:#161618;--bg-card:#1f1f22;--border:#2c2c30;--border-light:#2e2e32;--text:#f5f5f7;--text-muted:#a1a1a6;--text-dim:#8e8e93;--text-dimmer:#6a6a6f;--warn-text:#ffcc00}:root[data-theme=light]{--brand-text:var(--blue-700);--icon:var(--blue-500);--bg:#ffffff;--bg-card:#f5f5f7;--border:#e5e5ea;--border-light:#ececf0;--text:#1d1d1f;--text-muted:#5f5f66;--text-dim:#8a8a90;--text-dimmer:#aeaeb2;--warn-text:#8a6a00}::selection{background:var(--brand);color:var(--on-brand)}:focus-visible{outline:2px solid var(--brand-strong);outline-offset:3px;border-radius:6px}html{overflow-y:scroll}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);display:flex;justify-content:center;line-height:1.5;-webkit-font-smoothing:antialiased;transition:background-color .3s ease,color .3s ease}.container{max-width:820px;width:100%;padding:32px 20px 80px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:48px}.logo-area{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text);transition:opacity .2s}.logo-area:hover{opacity:.8}.logo-img{width:28px;height:28px;border-radius:7px}h1{font-size:18px;font-weight:600;margin:0;letter-spacing:-.2px}nav{display:flex;align-items:center;gap:18px}.nav-link{text-decoration:none;color:var(--text-dim);font-size:14px;transition:color .2s}.nav-link:hover,.nav-link.active{color:var(--brand-text)}.nav-link.helper-link::after{content:'NEW';font-size:9px;font-weight:600;background:var(--brand);color:var(--on-brand);padding:2px 5px;border-radius:4px;margin-left:6px;vertical-align:middle}.coma-link{display:flex;align-items:center;gap:4px}.coma-link span:first-child{color:var(--text);transition:color .2s}.coma-link:hover span:first-child{color:var(--brand-text)}.hero{text-align:center;margin-bottom:64px}.hero-logo{width:96px;height:96px;margin-bottom:24px}.hero h2{font-size:48px;font-weight:700;margin:0 0 16px;letter-spacing:-1px;line-height:1.1}.hero p{font-size:20px;color:var(--text-muted);margin:0 auto 32px;max-width:540px;font-weight:400}.btn-group{display:flex;gap:12px;justify-content:center;margin-bottom:16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 26px;border-radius:99px;font-size:15px;font-weight:600;text-decoration:none;transition:background .2s;cursor:pointer;border:none}.btn-primary{background:var(--brand);color:var(--on-brand);transition:transform .2s,box-shadow .3s,background .2s;box-shadow:none}.btn-primary:hover{background:var(--brand-hover);transform:scale(1.02);box-shadow:rgba(var(--glow),.4)3px 3px,rgba(var(--glow),.3)6px 6px,rgba(var(--glow),.2)9px 9px,rgba(var(--glow),.1)12px 12px}.btn-primary:active{background:var(--brand-active);transform:scale(.99)}.btn-secondary{background:color-mix(in srgb,var(--brand) 16%,transparent);color:var(--text)}.btn-secondary:hover{background:color-mix(in srgb,var(--brand) 28%,transparent)}.sub-text{font-size:13px;color:var(--text-dimmer)}.section-title{font-size:22px;font-weight:700;letter-spacing:-.4px;margin:0 0 22px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:64px}.grid.two-col{grid-template-columns:repeat(2,1fr)}.card{background:var(--bg-card);border-radius:16px;padding:24px;border:1px solid var(--border);transition:border-color .2s}.card:hover{border-color:var(--brand)}.feat-icon{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:13px;margin-bottom:16px;color:var(--icon);background:color-mix(in srgb,var(--brand) 24%,transparent)}.card h3{font-size:16px;font-weight:600;margin:0 0 8px;color:var(--text)}.card p{font-size:14px;color:var(--text-muted);margin:0;line-height:1.6}.faq-list{display:flex;flex-direction:column;gap:14px;margin-bottom:56px}.faq-item{background:var(--bg-card);border-radius:14px;padding:20px 24px;border:1px solid var(--border)}.question{font-size:16px;font-weight:600;margin-bottom:8px;color:var(--text)}.answer{font-size:15px;color:var(--text-muted);line-height:1.6}code{font-family:sf mono,ui-monospace,Menlo,monospace;font-size:12.5px;padding:2px 7px;border-radius:6px;background:color-mix(in srgb,var(--brand) 18%,transparent);color:var(--brand-text)}.highlight-link{color:var(--brand-text);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--brand-text) 35%,transparent);text-underline-offset:2px}.highlight-link:hover{text-decoration-color:var(--brand-text)}.contact-hero{text-align:center;margin:8px 0 60px}.contact-hero h2{font-size:40px;font-weight:800;letter-spacing:-1px;margin:0 0 16px}.contact-hero p{font-size:18px;color:var(--text-muted);max-width:460px;margin:0 auto 32px}.contact-hero .btn{min-width:168px}.screenshot-container{text-align:center;margin-bottom:60px}.screenshot-thumb{max-width:100%;width:800px;border-radius:12px;border:1px solid var(--border-light);cursor:pointer;transition:transform .2s,box-shadow .3s;box-shadow:none}.screenshot-thumb:hover{transform:scale(1.01);box-shadow:rgba(var(--glow),.4)5px 5px,rgba(var(--glow),.3)10px 10px,rgba(var(--glow),.2)15px 15px,rgba(var(--glow),.1)20px 20px,rgba(var(--glow),.05)25px 25px}.lightbox{display:none;position:fixed;inset:0;background:rgba(0,0,0,.9);z-index:1000;justify-content:center;align-items:center;cursor:zoom-out}.lightbox.active{display:flex}.lightbox img{max-width:90vw;max-height:90vh;border-radius:12px}.warning-banner{background:rgba(255,204,0,.1);border:1px solid rgba(255,204,0,.3);border-radius:12px;padding:12px 16px;margin-bottom:24px;font-size:14px;color:var(--warn-text)}accent-border.hero-box:not(:defined){display:block;height:1200px;padding:40px}@media(max-width:600px){header{flex-direction:column;gap:20px}.grid,.grid.two-col{grid-template-columns:1fr}.hero h2{font-size:28px}.hero p{font-size:16px}.contact-hero h2{font-size:30px}.hero-box{padding-left:20px!important;padding-right:20px!important}.btn-group{flex-direction:column;gap:10px}.btn{width:100%}}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;margin:0;border:1px solid var(--border);border-radius:9px;background:var(--bg-card);color:var(--text-muted);cursor:pointer;transition:color .2s,border-color .2s,background .2s}.theme-toggle:hover{color:var(--brand-text);border-color:var(--brand)}.theme-toggle svg{width:18px;height:18px;display:block}.theme-toggle .icon-sun{display:none}.theme-toggle .icon-moon{display:block}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .theme-toggle .icon-sun{display:block}:root:not([data-theme=light]) .theme-toggle .icon-moon{display:none}}:root[data-theme=dark] .theme-toggle .icon-sun{display:block}:root[data-theme=dark] .theme-toggle .icon-moon{display:none}:root[data-theme=light] .theme-toggle .icon-sun{display:none}:root[data-theme=light] .theme-toggle .icon-moon{display:block}@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}