:root{--ink:#141126;--muted:#6d6980;--purple:#6750eb;--purple2:#8b6cff;--paper:#faf9ff;--line:#e6e2f0;--dark:#171329;--green:#16a276}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}button,input,select{font:inherit}a{color:inherit;text-decoration:none}.nav{height:72px;display:flex;align-items:center;padding:0 max(24px,calc((100vw - 1180px)/2));gap:40px;border-bottom:1px solid var(--line);background:rgba(250,249,255,.88);backdrop-filter:blur(14px);position:sticky;top:0;z-index:20}.logo{font-size:20px;font-weight:850;display:flex;align-items:center;gap:9px}.logo span{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;color:white;background:linear-gradient(145deg,var(--purple),#a078ff)}.nav nav{display:flex;gap:28px;color:var(--muted);font-weight:650}.nav-actions{margin-left:auto;display:flex;gap:9px}.primary,.ghost{border:0;border-radius:10px;padding:11px 17px;font-weight:750;cursor:pointer}.primary{background:var(--purple);color:white;box-shadow:0 8px 22px #6750eb33}.primary:hover{background:#5842d9}.ghost{background:white;color:var(--ink);border:1px solid var(--line)}.large{padding:14px 21px}.hero{max-width:1180px;margin:auto;min-height:620px;display:grid;grid-template-columns:1.05fr .95fr;gap:65px;align-items:center;padding:82px 24px}.badge{display:inline-flex;gap:8px;align-items:center;border:1px solid #dcd7ef;background:white;border-radius:99px;padding:7px 12px;color:var(--muted);font-size:12px;font-weight:750}.badge i{width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 0 4px #16a27618}.hero h1{font-size:clamp(48px,6vw,78px);line-height:.98;letter-spacing:-4px;margin:25px 0}.hero h1 em{font-style:normal;color:var(--purple)}.hero-copy>p{font-size:19px;color:var(--muted);max-width:620px}.hero-actions{display:flex;gap:12px;margin:30px 0 20px}.trust{display:flex;gap:18px;color:var(--muted);font-size:12px}.trust span:before{content:"✓ ";color:var(--green);font-weight:900}.terminal{background:var(--dark);color:#d9d2f3;border-radius:18px;overflow:hidden;box-shadow:0 28px 70px #20184b38;transform:rotate(1deg)}.terminal-top{height:45px;background:#211c38;display:flex;align-items:center;gap:7px;padding:0 16px}.terminal-top span{width:9px;height:9px;border-radius:50%;background:#5e5874}.terminal-top small{margin:auto;color:#817a98}.terminal pre{margin:0;padding:30px;overflow:auto;min-height:300px;line-height:1.8}.terminal b{color:#c7baff}.terminal i{color:#8de7c1}.terminal strong{color:#ffd57e}.terminal-result{border-top:1px solid #312b49;padding:13px 20px;color:#8de7c1;font-size:12px}.metrics{max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:16px;background:white}.metrics div{padding:23px 30px;border-right:1px solid var(--line)}.metrics div:last-child{border:0}.metrics strong{font-size:27px;display:block}.metrics span{color:var(--muted);font-size:12px}.section{max-width:1180px;margin:auto;padding:110px 24px}.section-head{max-width:690px;margin-bottom:45px}.section-head>span,.workflow>div>span,.key-section>div>span{font-size:12px;font-weight:850;letter-spacing:1.6px;color:var(--purple)}h2{font-size:42px;line-height:1.1;letter-spacing:-1.8px;margin:12px 0}p{color:var(--muted)}.engine-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.engine-grid article{background:white;border:1px solid var(--line);border-radius:14px;padding:22px;min-height:180px;transition:.2s}.engine-grid article:hover{transform:translateY(-3px);border-color:#cfc6ff;box-shadow:0 16px 35px #30236b12}.engine-grid article>b{color:var(--purple);font-size:24px}.engine-grid h3{margin:18px 0 4px}.engine-grid p{font-size:13px;margin:0}.workflow{background:var(--dark);color:white;padding:85px max(24px,calc((100vw - 1132px)/2));display:grid;grid-template-columns:.85fr 1.6fr;gap:70px}.workflow h2{max-width:380px}.workflow ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.workflow li{border-left:1px solid #37314c;padding-left:20px}.workflow li>b{color:#a99bff}.workflow li p{color:#aaa4ba}.console{border:1px solid var(--line);background:white;border-radius:18px;overflow:hidden;box-shadow:0 18px 55px #3223710c}.console form{display:grid;grid-template-columns:190px 1fr 100px auto;align-items:end;gap:12px;padding:20px}.console label,dialog label{font-size:12px;font-weight:750}.console input,.console select,dialog input{display:block;width:100%;height:48px;border:1px solid var(--line);border-radius:9px;background:#fbfaff;padding:0 13px;margin-top:6px;color:var(--ink)}.console form button{height:48px}.request{display:flex;align-items:center;gap:13px;padding:13px 20px;background:#f5f3fb;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:12px;overflow:auto}.request>span{color:var(--green);font-weight:900}.request code{white-space:nowrap}.request small{margin-left:auto;color:var(--muted)}.response{height:440px;overflow:auto;background:var(--dark);padding:22px;color:#eee}.response-placeholder{height:100%;display:grid;place-items:center;color:#847e98}.text-results{display:grid;gap:12px}.text-results article{padding:16px;background:#211c38;border:1px solid #39324d;border-radius:10px}.text-results a{color:#c9beff;font-weight:700}.text-results p{margin:7px 0 0;color:#afa9bd}.key-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;align-items:start}.key-card{background:white;border:1px solid var(--line);border-radius:18px;padding:26px;box-shadow:0 18px 50px #3223710c}.key-card>div:first-child{display:inline-block}.credential-actions{float:right;display:flex;gap:8px}.key-notice{clear:both;margin:20px 0;padding:16px;background:#f4f1ff;border:1px solid #ddd6ff;border-radius:10px;display:flex;justify-content:space-between}.key-notice code,.key-notice small{display:block}.hidden{display:none!important}.empty-state{clear:both;margin-top:22px;padding:25px;text-align:center;border:1px dashed var(--line);border-radius:10px;color:var(--muted)}.key-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:14px;padding:14px;border-top:1px solid var(--line)}.key-main{display:flex;gap:10px}.key-main strong,.key-main code{display:block}.revoke{color:#b22954;border:0;background:none;cursor:pointer}.quota{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.quota strong{display:block;font-size:34px}.quota small{color:var(--muted)}footer{border-top:1px solid var(--line);display:flex;align-items:center;gap:28px;padding:34px max(24px,calc((100vw - 1180px)/2));background:white}footer p{margin-right:auto}footer>div{display:flex;gap:22px;color:var(--muted)}dialog{width:min(575px,calc(100% - 32px));border:0;border-radius:18px;padding:0;box-shadow:0 25px 90px #1a123f55}dialog::backdrop{background:#17132999;backdrop-filter:blur(4px)}dialog form{padding:28px}dialog header{display:flex;justify-content:space-between;align-items:start}dialog h2{font-size:30px}dialog header button{border:0;background:none;font-size:28px}dialog form>div:last-child{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);opacity:0;background:var(--dark);color:white;border-radius:10px;padding:11px 18px;transition:.2s;z-index:99}#toast.show{opacity:1;transform:translate(-50%,0)}.image-results{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.image-result{background:#211c38;border:1px solid #39324d;border-radius:10px;overflow:hidden}.image-result img{width:100%;height:160px;object-fit:cover;background:#2a2540}.image-result>div{padding:12px}.image-result strong,.image-result a{display:block}.download-photo{margin-top:10px;background:var(--purple);padding:8px;text-align:center;border-radius:7px;color:white}.response-error{color:#ffb5c7;padding:20px}pre{white-space:pre-wrap}
@media(max-width:900px){.nav nav{display:none}.hero{grid-template-columns:1fr;padding-top:55px}.terminal{transform:none}.engine-grid{grid-template-columns:repeat(2,1fr)}.workflow,.key-section{grid-template-columns:1fr}.console form{grid-template-columns:1fr 1fr}.console .grow{grid-column:1/-1}.metrics{margin:0 16px;grid-template-columns:1fr 1fr}.metrics div:nth-child(2){border-right:0}.metrics div:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media(max-width:600px){.nav{padding:0 15px}.nav-actions .ghost{display:none}.hero{padding:48px 18px}.hero h1{font-size:48px;letter-spacing:-2.6px}.hero-actions,.trust{flex-direction:column}.terminal pre{padding:20px;font-size:11px}.section{padding:75px 16px}.engine-grid{grid-template-columns:1fr}.workflow{padding:65px 20px}.workflow ol{grid-template-columns:1fr}.console form{grid-template-columns:1fr}.console .grow{grid-column:auto}.response{height:500px}.image-results{grid-template-columns:1fr}.metrics strong{font-size:22px}.key-section{gap:25px}.credential-actions{float:none;margin-top:15px}.key-notice{display:block}footer{align-items:flex-start;flex-direction:column}footer>div{flex-wrap:wrap}}
html,body{max-width:100%;overflow-x:hidden}main,section,.key-section>*,.console,.request,.key-card,.key-main{min-width:0}.key-card{overflow:hidden}.key-row{grid-template-columns:minmax(0,1fr) auto auto}.key-main code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}