:root{color-scheme:light dark;--bg:#f7f9fc;--surface:#fff;--text:#13233b;--muted:#46566e;--accent:#0754c9;--on-accent:#fff;--border:#cbd5e3;--soft:#e9f1fd;--focus:#8338be;--shadow:0 20px 65px #123a6912}
@media(prefers-color-scheme:dark){:root{--bg:#0b1220;--surface:#121e31;--text:#edf3fd;--muted:#b4c3d9;--accent:#86bfff;--on-accent:#071a33;--border:#40536d;--soft:#182c47;--focus:#edb2ff;--shadow:0 20px 65px #0003}}
*{box-sizing:border-box}html{scroll-padding-top:1rem}body{margin:0;background:var(--bg);color:var(--text);font:1rem/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:var(--accent);text-underline-offset:.25em}a:hover{text-decoration-thickness:2px}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--focus);outline-offset:5px}main:focus{outline:none}.wrap{width:min(1120px,100% - 48px);margin-inline:auto}.skip{position:absolute;top:12px;left:12px;z-index:10;transform:translateY(-180%);padding:12px 20px;background:var(--surface);border:2px solid var(--accent)}.skip:focus{transform:translateY(0)}.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:26px;border-bottom:1px solid var(--border)}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--text);font-size:1.25rem;font-weight:750;text-decoration:none}.brand img{flex:none}.site-header nav,footer nav{display:flex;align-items:center;flex-wrap:wrap;gap:8px 24px}.site-header nav a{font-size:.9375rem;color:var(--text);text-decoration:none;padding-block:10px}.site-header nav a:hover,.site-header nav a[aria-current]{color:var(--accent);text-decoration:underline}.language{border:1px solid var(--border);border-radius:8px;padding-inline:12px}.hero{display:grid;grid-template-columns:1.6fr 1fr;align-items:center;gap:48px;padding-block:88px 64px}.eyebrow{font-size:.75rem;font-weight:750;letter-spacing:.13em;text-transform:uppercase;color:var(--accent)}h1,h2,h3{line-height:1.15;letter-spacing:-.035em;text-wrap:balance;overflow-wrap:anywhere}h1{font-size:clamp(2.4rem,5.3vw,4.25rem);margin:18px 0 24px;max-width:760px}h2{font-size:clamp(1.65rem,3vw,2.3rem);margin:0 0 20px}h3{font-size:1.2rem;margin:0 0 12px}p{margin:0 0 20px}.lead{font-size:1.15rem;color:var(--muted);max-width:720px}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px}.button{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:11px 20px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font:inherit;font-weight:650;text-decoration:none}.button.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.button:hover{box-shadow:var(--shadow);text-decoration:underline}.button:disabled{background:var(--soft);border-color:var(--border);color:var(--muted);cursor:not-allowed;box-shadow:none;text-decoration:none}.platform-note{font-size:.85rem;color:var(--muted);margin:20px 0 0}.hero-art{display:flex;flex-direction:column;align-items:center;gap:24px;padding:40px 12px;border:1px solid var(--border);border-radius:36px;background:radial-gradient(ellipse at 50% 30%,var(--soft),var(--surface));box-shadow:var(--shadow)}.hero-art img{width:min(100%,256px);height:auto;filter:drop-shadow(0 12px 15px #001c5530)}.art-label{font-size:.65rem;letter-spacing:.15em;color:var(--muted);font-weight:700}.workflow{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:24px 0;margin:0;border-block:1px solid var(--border);gap:24px}.workflow p{margin:8px 0 0;font-weight:600}.section{padding-block:64px}.section-intro{color:var(--muted);max-width:660px}.section .next{margin-top:48px}.section ul{color:var(--muted);max-width:800px;padding-left:1.2em}.section li{margin-bottom:8px}.section li strong{color:var(--text)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:30px}.card{padding:26px;background:var(--surface);border:1px solid var(--border);border-radius:16px}.card p{margin:0;color:var(--muted);font-size:.9375rem}.panel{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:40px;margin-bottom:48px}.panel h2{margin-top:12px}.panel p{color:var(--muted);margin-bottom:0}.agent{background:var(--soft)}blockquote{margin:0;border-left:3px solid var(--accent);padding:0 0 0 24px}blockquote code{display:block;margin-top:20px;font-size:.8rem;overflow-wrap:anywhere}.beta .actions{flex-direction:column;align-items:flex-start}.page-intro{padding:64px 0 32px}.page-intro h1{font-size:clamp(2.25rem,5vw,3.5rem)}.notice{padding:24px;border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:8px;background:var(--soft);color:var(--text);margin-bottom:40px}.details,.faq{max-width:800px;margin-bottom:64px}.details section,.faq section{padding-block:28px;border-bottom:1px solid var(--border)}.details h2,.faq h2{font-size:1.5rem}.details p,.faq p{color:var(--muted);margin-bottom:0}.legal-placeholder,.legal{max-width:800px;margin-bottom:80px}.legal-placeholder h2{font-size:1.5rem}.legal h2{font-size:1.25rem;margin-top:36px;margin-bottom:12px}.legal p{color:var(--muted)}pre{max-width:100%;overflow-x:auto;padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:12px;font-size:.875rem;tab-size:2}footer{border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:24px;padding-block:32px 48px;color:var(--muted)}footer p{margin:4px 0}footer nav{align-self:start}small{font-size:.8rem}img{max-width:100%}main{min-height:55vh}button{max-width:100%}
.feedback-form{display:grid;gap:22px;margin-top:24px}.feedback-form .field{display:grid;gap:6px}.feedback-form label,.feedback-form legend{font-weight:650;color:var(--text)}.feedback-form fieldset{margin:0;padding:0;border:0;display:grid;gap:6px}.feedback-form .choice{display:flex;align-items:flex-start;gap:10px;font-weight:400}.feedback-form .choices{display:flex;flex-wrap:wrap;gap:6px 24px}.feedback-form input[type=text],.feedback-form input[type=email],.feedback-form select,.feedback-form textarea{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--muted);border-radius:8px;background:var(--surface);color:var(--text);font:inherit}.feedback-form textarea{resize:vertical}.feedback-form input[type=radio],.feedback-form input[type=checkbox]{width:20px;height:20px;margin:3px 0 0;flex:none;accent-color:var(--accent)}.feedback-form input:focus-visible,.feedback-form select:focus-visible,.feedback-form textarea:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.feedback-form .hint{font-size:.875rem;color:var(--muted);margin:0}.feedback-form .button{justify-self:start;cursor:pointer}.form-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.form-error{display:none;margin:20px 0 0;padding:16px 20px;border:1px solid var(--border);border-left:4px solid var(--focus);border-radius:8px;background:var(--soft);color:var(--text)}.form-error:target{display:block}.form-error:focus{outline:3px solid var(--focus);outline-offset:2px}.details .form-error p{color:var(--text)}
.shots-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:30px}.shots figure{margin:0}.shots img{display:block;width:100%;height:auto;border-radius:14px}.shots figcaption{margin-top:12px;color:var(--muted);font-size:.9375rem}.shots figcaption strong{color:var(--text)}@media(max-width:850px){.shots-grid{grid-template-columns:1fr}}
@media(max-width:850px){.hero{gap:24px;padding-top:56px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{grid-template-columns:1fr;gap:28px}.site-header{align-items:flex-start;flex-wrap:wrap}.hero-art{padding:24px 12px}}
@media(max-width:580px){.wrap{width:calc(100% - 32px)}.site-header{gap:16px;padding-block:20px}.site-header nav{width:100%;justify-content:space-between;gap:6px}.hero{grid-template-columns:1fr;gap:32px;padding-block:40px}.hero-art{max-width:300px;width:100%;justify-self:center}.hero-art img{width:180px}.grid,.workflow{grid-template-columns:1fr}.workflow{gap:18px}.grid{gap:16px}.section{padding-block:40px}.panel{padding:24px;margin-bottom:32px}.card{padding:24px}footer{flex-direction:column}.page-intro{padding-top:40px}}
@media(forced-colors:active){.button,.card,.panel,.hero-art,.notice,.form-error{border:1px solid CanvasText}.button:disabled{color:GrayText}}