
:root{--bg:#050505;--sf:#0d0f0e;--fg:#e8ede9;--mut:#7d8a82;--line:#1f2622;--acc:#2196f3;--acc2:#2ee6a6;--warn:#ffb84d;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);color-scheme:dark}
@media (prefers-color-scheme:light){:root:not([data-theme="dark"]){--bg:#f4f6f4;--sf:#fff;--fg:#0c1210;--mut:#58645d;--line:#d5dcd7;--acc:#1565c0;--acc2:#0b9b6b;--warn:#a85d00;color-scheme:light}}
:root[data-theme="dark"]{--bg:#050505;--sf:#0d0f0e;--fg:#e8ede9;--mut:#7d8a82;--line:#1f2622;--acc:#2196f3;--acc2:#2ee6a6;--warn:#ffb84d;color-scheme:dark}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:14px/1.55 'JetBrains Mono',ui-monospace,monospace;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);background:var(--bg);z-index:10}
h1,h2{font-family:'Space Grotesk',system-ui,sans-serif;margin:0;font-weight:700}
.bar{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:8px 20px;border-bottom:1px solid var(--line);color:var(--mut);font-size:12px;flex-wrap:wrap}
.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--acc2);margin-right:8px;animation:p 2s infinite}
@keyframes p{50%{opacity:.25}}
.tick{overflow:hidden;border-bottom:1px solid var(--line);white-space:nowrap;color:var(--mut);font-size:12px;padding:6px 0}
.tick div{display:inline-block;animation:m 40s linear infinite}
@keyframes m{to{transform:translateX(-50%)}}
nav{display:flex;gap:6px}
nav button{background:none;border:1px solid var(--line);color:var(--mut);padding:3px 8px;font:inherit;cursor:pointer;border-radius:4px}
nav button[aria-pressed=true]{color:var(--bg);background:var(--acc);border-color:var(--acc)}
button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
main{max-width:1120px;margin:0 auto;padding:0 20px 60px}
.hero{position:relative;padding:28px 0 36px;display:grid;grid-template-columns:1.5fr 1fr;gap:32px;align-items:start}
.hero>div{position:relative;z-index:1}
#net{position:absolute;inset:0 -20px;width:calc(100% + 40px);height:100%;pointer-events:none;z-index:0}
.hero>div:first-child{container-type:inline-size}
h1{font:italic 800 clamp(22px,7cqi,48px)/.88 'Barlow Condensed','Arial Narrow',sans-serif;text-transform:uppercase;letter-spacing:-.01em;background:repeating-linear-gradient(0deg,#f2efe9 0 3px,#bdb9b1 3px 4px);-webkit-background-clip:text;background-clip:text;color:transparent}
.w{display:block}.rot{display:block;position:relative;height:.94em;overflow:hidden}
.rot i{display:block;position:absolute;left:0;top:0;white-space:nowrap;padding-right:.15em;font-style:italic;background:repeating-linear-gradient(0deg,var(--acc) 0 3px,color-mix(in srgb,var(--acc) 70%,#000) 3px 4px);-webkit-background-clip:text;background-clip:text;color:transparent;transition:transform .65s cubic-bezier(.7,0,.2,1)}
.sub{color:var(--mut);max-width:46ch;margin:14px 0 18px}
.big{font:700 clamp(44px,8vw,84px)/1 'Space Grotesk',sans-serif;color:var(--acc2)}
.sc{margin-top:16px;display:grid;gap:10px}
.sc div{display:grid;grid-template-columns:70px 1fr 80px;gap:10px;align-items:center;font-size:12px}
.sc i{display:block;height:6px;background:var(--line);border-radius:3px;overflow:hidden}
.sc b{display:block;height:100%;width:0;background:var(--acc);transition:width .8s cubic-bezier(.2,.8,.2,1)}
.sc div:nth-child(2) b{background:var(--acc2)}.sc div:nth-child(3) b{background:linear-gradient(90deg,var(--acc),var(--acc2))}
.cap{border:1px dashed var(--mut);border-radius:10px;padding:16px;background:color-mix(in srgb,var(--sf) 88%,transparent);backdrop-filter:blur(6px);transition:.2s}
.cap.on{border-color:var(--acc);background:color-mix(in srgb,var(--acc) 10%,var(--sf))}
.cb{display:flex;gap:10px;flex-wrap:wrap}
.btn{background:var(--acc);color:var(--bg);border:0;padding:12px 18px;font:600 13px 'JetBrains Mono',monospace;border-radius:4px;cursor:pointer}
.btn.big2{flex:1 1 220px;font-size:15px;padding:16px 18px}
.btn.g{background:none;color:var(--acc2);border:1px solid var(--acc2)}
.btn:disabled{opacity:.5}
.qe{display:flex;gap:8px;margin-top:12px;align-items:center;flex-wrap:wrap}
.qe select,.qe input{background:var(--bg);color:var(--fg);border:1px solid var(--line);border-radius:4px;padding:10px;font:inherit;min-width:0}
.qe select{flex:1 1 170px}.qe input{width:120px}
.log{margin-top:10px;font-size:12px;color:var(--mut);min-height:18px}
.pg{height:3px;background:var(--line);margin-top:6px;border-radius:2px;overflow:hidden}.pg b{display:block;height:100%;width:0;background:var(--acc2);transition:width .5s}
section{border-top:1px solid var(--line);padding:30px 0}
h2{font-size:26px;margin-bottom:16px}
.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.dg{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;margin-top:14px}
.dg figure{margin:0;border:1px solid var(--line);border-radius:6px;background:var(--sf);overflow:hidden;position:relative;font-size:11px;color:var(--mut)}
.dg img,.dg .pdf{display:block;width:100%;height:84px;object-fit:cover}.dg .pdf{display:grid;place-items:center;color:var(--acc);font-weight:600}
.dg figcaption{padding:4px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dg button{position:absolute;top:2px;right:2px;background:var(--bg);border:0;color:var(--mut);cursor:pointer;border-radius:3px}
.sh{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.sh a,.sh button{border:1px solid var(--line);color:var(--fg);background:var(--sf);padding:8px 12px;border-radius:4px;text-decoration:none;font:inherit;cursor:pointer}
.sh[hidden]{display:none}
.note{color:var(--mut);font-size:12px;margin-top:8px}
.tw{overflow-x:auto;border:1px solid var(--line);border-radius:8px;background:var(--sf)}
table{width:100%;border-collapse:collapse;min-width:720px}
th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);font-size:12.5px}
th{color:var(--mut);font-weight:400}
td input,td select{background:var(--bg);color:var(--fg);border:1px solid var(--line);border-radius:4px;padding:5px 7px;font:inherit;width:100%}
td input[type=number]{max-width:110px}
.tag{padding:2px 7px;border-radius:3px;border:1px solid var(--line);color:var(--mut)}
.ai{color:var(--warn)}.dn{color:var(--mut);font-size:11px}
tr.new{animation:f 1.6s}
@keyframes f{from{background:color-mix(in srgb,var(--acc) 25%,transparent)}}
.x{background:none;border:0;color:var(--mut);cursor:pointer;font:inherit}
.trail{display:grid;gap:8px}
.trail div{border-left:2px solid var(--acc2);padding:4px 12px;background:var(--sf);font-size:12px}
.trail span{color:var(--mut)}
.cm{position:fixed;inset:0;background:rgba(0,0,0,.88);z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:16px}
.cm[hidden]{display:none}.cm video{max-width:100%;max-height:70vh;border-radius:8px;background:#000}
footer{color:var(--mut);font-size:12px;border-top:1px solid var(--line);padding-top:20px}
@media(max-width:800px){.hero{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.sovereign{margin:28px 0 12px;padding:28px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(130deg,var(--sf),var(--bg))}
.eyebrow{color:var(--acc2);font-size:11px;letter-spacing:.12em;text-transform:uppercase;margin:0 0 12px}
.sovereign h2{font-size:clamp(30px,5vw,58px);line-height:1.06;max-width:18ch;letter-spacing:-.04em}
.privacy-intro{font:17px/1.65 system-ui,sans-serif;max-width:70ch;color:var(--mut)}
.privacy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:26px 0}
.privacy-grid article{border-top:2px solid var(--acc2);padding-top:15px}.privacy-grid b{font:600 18px system-ui,sans-serif}.privacy-grid p{color:var(--mut);font:14px/1.65 system-ui,sans-serif}
.sovereign details{margin:20px 0;color:var(--mut);font:14px/1.7 system-ui,sans-serif}.sovereign summary{cursor:pointer;color:var(--fg)}a{color:var(--acc2)}
.sovereign label{display:flex;gap:8px;align-items:center;flex:1;font-size:12px}.sovereign input{width:18px;height:18px;accent-color:var(--acc2)}
@media(max-width:650px){.privacy-grid{grid-template-columns:1fr;gap:12px}.sovereign{padding:20px}.bar{padding:12px}.qe input{width:95px}.btn{min-height:44px}nav button{min-height:36px}}
@media print{body{background:white;color:black}.bar,.tick,.cap,#net,.sovereign,.row,.sh,.cm,.dg,nav{display:none!important}main{max-width:none;padding:0}h1{background:none;color:black;font:700 26px system-ui}.hero{display:block}section{break-inside:avoid}td,th{color:black;border-color:#aaa}input,select{appearance:none;color:black!important;background:white!important;border:0!important}table{min-width:0}.x{display:none}.big{font-size:32px;color:black}.trail div{background:white}footer{color:black}}
#custom-name{flex:1 1 100%;width:100%}td .custom-label{display:block;max-width:none;margin-top:6px}nav{flex-wrap:wrap}.rot{height:1.08em}.rot i{font-size:inherit}h1{overflow-wrap:anywhere}
.template-tools{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.template-tools select{width:100%;background:var(--bg);color:var(--fg);border:1px solid var(--line);padding:10px;font:inherit;border-radius:4px}.template-tools [hidden]{display:none}.template-tools button{font-size:11px;padding:9px 11px}.btn:disabled{cursor:default}
.own-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.own-fields[hidden]{display:none}.own-fields input,.own-fields select{width:100%;min-width:0;padding:10px;background:var(--bg);color:var(--fg);border:1px solid var(--line);border-radius:4px;font:inherit}.own-fields input:last-child{grid-column:1/-1}@media(max-width:450px){.own-fields{grid-template-columns:1fr}}
.account-bar{display:flex;gap:6px;flex-wrap:wrap;margin-left:auto}.account-button{background:var(--sf);color:var(--fg);border:1px solid var(--line);border-radius:5px;padding:8px 10px;font:inherit;font-size:11px;cursor:pointer}.auth-card{max-width:480px;padding:28px;background:var(--sf);border:1px solid var(--line);border-radius:12px}.detected-values article{border:1px solid var(--line);border-radius:6px;padding:12px;margin-top:10px}.detected-values p{overflow-wrap:anywhere;font-size:12px}.detected-values input,.detected-values select{max-width:100%;padding:8px;color:var(--fg);background:var(--bg);border:1px solid var(--line);margin:4px 0;font:inherit}

#standalone-ai textarea{border-color:rgba(255,255,255,.78);box-shadow:0 0 0 1px #ffffff1f,0 0 12px #ffffff2e}#standalone-ai textarea:hover{border-color:#fff}#standalone-ai textarea:focus-visible{outline:2px solid #fff;border-color:#fff;box-shadow:0 0 16px #ffffff47}

.ai-input-shell{position:relative;isolation:isolate;overflow:hidden;padding:2px;border-radius:8px;background:rgba(255,255,255,.18)}
.ai-input-shell::before{content:"";position:absolute;z-index:-1;inset:-300%;background:conic-gradient(from 0deg,transparent 0deg,transparent 240deg,rgba(255,255,255,.15) 285deg,#fff 325deg,transparent 350deg);animation:ai-border-run 4s linear infinite}
#ai-assistant .ai-input-shell textarea,#standalone-ai .ai-input-shell textarea{position:relative;display:block;width:100%;margin:0;border:0;border-radius:6px;box-shadow:none;background:var(--bg)}
#ai-assistant .ai-input-shell textarea:focus-visible,#standalone-ai .ai-input-shell textarea:focus-visible{outline:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.65)}
.ai-input-shell:focus-within{box-shadow:0 0 12px rgba(255,255,255,.14)}
@keyframes ai-border-run{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.ai-input-shell::before{animation:none;background:rgba(255,255,255,.65)}}

#standalone-ai{border-color:rgba(220,224,228,.55);box-shadow:0 0 0 1px #ffffff0a,0 0 18px #ffffff12}#standalone-ai:focus-within{border-color:rgba(255,255,255,.85);box-shadow:0 0 20px #ffffff1f}


.headline-copy{display:flex;align-items:center;gap:24px;margin-top:26px}.headline-copy h1{flex:1.2;min-width:0;margin:0!important;font-size:clamp(25px,7cqw,46px)}.headline-copy .sub{flex:1;min-width:0;margin:0;font-size:12px;line-height:1.7;overflow-wrap:anywhere}
@media(max-width:550px){.headline-copy{gap:16px}.headline-copy h1{font-size:clamp(23px,7cqw,38px)}.headline-copy .sub{font-size:11px}}


.bar .brand-lockup{display:flex;flex-direction:column;align-items:flex-start;gap:4px;flex-shrink:0}.brand-home{display:inline-flex;align-items:center;color:var(--fg);text-decoration:none;font:700 23px/1.2 system-ui,sans-serif;letter-spacing:-.6px}.brand-home img{width:34px;height:34px}.brand-lockup small{font:11px/1.4 system-ui,sans-serif;color:var(--mut);padding-left:42px}.brand-home:hover .brand-name{color:var(--acc2)}.brand-home:focus-visible{outline:2px solid var(--acc);outline-offset:4px;border-radius:4px}@media(max-width:550px){.brand-home{font-size:21px}.bar #clk{font-size:9px}}

.brand-home .brand-name{color:var(--acc)}.brand-home:hover .brand-name{color:var(--acc)}
.site-legal-footer,.legal-links{display:flex;gap:20px;flex-wrap:wrap;align-items:center;padding:24px 0 16px;border-top:1px solid var(--line);margin-top:32px;font:14px/1.5 system-ui,sans-serif}.site-legal-footer a,.legal-links a{color:var(--fg);text-decoration:underline;text-underline-offset:4px}.site-legal-footer a:hover,.legal-links a:hover{color:var(--acc)}

.hero>div{min-width:0}.ai-card{min-width:0;max-width:100%;scroll-margin-top:85px}.ai-card p,.ai-card label,.ai-suggestions button{white-space:normal;overflow-wrap:anywhere}.ai-suggestions button{max-width:100%}.ai-card .ai-answer{min-height:115px;border:1px solid var(--line);border-radius:6px;background:var(--bg);padding:12px}.ai-card h3{font:600 14px system-ui;margin:20px 0 8px}.account-bar a{text-decoration:none;display:inline-flex;align-items:center}.ai-suggestions{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0}.ai-suggestions button{font-size:11px;text-align:left}.ai-history article{border-left:2px solid var(--acc);padding:2px 12px 14px;margin:18px 0;font:14px/1.7 system-ui,sans-serif;white-space:pre-wrap;overflow-wrap:anywhere}.ai-history{max-height:460px;overflow:auto}.ai-card label{display:block;font-size:12px;margin:12px 0 8px}.owner-card label{display:block;font-size:12px;margin:12px 0 8px}.ai-card button:disabled{opacity:.5;cursor:wait}
nav a{border:1px solid var(--line);padding:7px 9px;border-radius:4px;color:var(--mut);text-decoration:none}nav a[aria-current=page]{background:var(--acc);color:var(--bg)}
.ai-card{border:1px solid var(--line);border-radius:10px;padding:18px;margin-top:28px;background:var(--sf)}.ai-card h2{font-size:23px}.ai-card textarea{width:100%;resize:vertical;min-height:95px;padding:12px;background:var(--bg);color:var(--fg);border:1px solid var(--line);border-radius:6px;font:inherit}.ai-answer{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.7 system-ui,sans-serif;margin-top:12px}.quota{font-size:12px;color:var(--acc2);padding:10px 0}.legal-links{display:flex;gap:16px;flex-wrap:wrap;margin:18px 0}.owner-card input{width:100%;margin-bottom:12px;padding:12px;border:1px solid var(--line);background:var(--bg);color:var(--fg);font:inherit}.owner-card{width:100%}.owner-card h3{font:600 18px system-ui}.source-record{border-left:2px solid var(--acc2);padding:10px 16px;margin:12px 0}.source-record p{overflow-wrap:anywhere}.copy{font:16px/1.75 system-ui,sans-serif;max-width:80ch}.copy h2{font-size:25px;margin-top:25px}.legal-page{max-width:900px;margin:auto;padding:32px 24px}textarea:focus-visible{outline:2px solid var(--acc);outline-offset:2px}.language-list{display:flex;gap:14px;flex-wrap:wrap;margin:26px 0}.language-list a{padding:12px 16px;border:1px solid var(--acc2);border-radius:5px;text-decoration:none}@media print{.ai-card,.quota,.account-bar,.owner-card,.legal-links{display:none!important}}

.ai-compact{padding:16px;margin-top:20px}.ai-compact h2{font-size:19px;margin:0 0 12px}.ai-compact textarea{min-height:62px;padding:10px;font-size:13px}.ai-compact .ai-controls{display:flex;align-items:center;gap:8px;margin-top:8px;flex-wrap:wrap}.ai-controls .btn{padding:9px 12px;font-size:11px}.ai-controls .note{margin-left:auto;font-size:10px}.ai-compact>.note{font-size:10px;line-height:1.5;margin:8px 0}.ai-compact .ai-answer{min-height:0;border:0;background:none;padding:0;margin:8px 0;font-size:12px}.ai-compact .ai-answer:empty,.ai-compact .ai-history:empty{display:none}.ai-compact .ai-history{max-height:300px;margin-bottom:10px}.ai-compact .ai-history article{font-size:13px;margin:8px 0;padding:0 10px 8px}.ai-history article p{margin:6px 0;white-space:pre-wrap}.ai-history article .btn{font-size:10px;padding:5px 8px}.ai-details summary{font-size:11px;color:var(--mut);cursor:pointer}.ai-details .note{font-size:11px}.ai-compact .ai-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}

#ai-question{border:1px solid rgba(255,255,255,.78);box-shadow:0 0 0 1px rgba(255,255,255,.12),0 0 12px rgba(255,255,255,.18);transition:border-color .18s ease,box-shadow .18s ease}
#ai-question:hover{border-color:#fff}
#ai-assistant{border-color:rgba(220,224,228,.55);box-shadow:0 0 0 1px rgba(255,255,255,.04),0 0 18px rgba(255,255,255,.07)}
#ai-assistant:focus-within{border-color:rgba(255,255,255,.85);box-shadow:0 0 20px rgba(255,255,255,.12)}
#ai-question:focus-visible{outline:2px solid #fff;outline-offset:2px;border-color:#fff;box-shadow:0 0 16px rgba(255,255,255,.28)}

.ai-input-shell{position:relative;isolation:isolate;overflow:hidden;padding:2px;border-radius:8px;background:rgba(255,255,255,.18)}
.ai-input-shell::before{content:"";position:absolute;z-index:-1;inset:-300%;background:conic-gradient(from 0deg,transparent 0deg,transparent 240deg,rgba(255,255,255,.15) 285deg,#fff 325deg,transparent 350deg);animation:ai-border-run 4s linear infinite}
#ai-assistant .ai-input-shell textarea,#standalone-ai .ai-input-shell textarea{position:relative;display:block;width:100%;margin:0;border:0;border-radius:6px;box-shadow:none;background:var(--bg)}
#ai-assistant .ai-input-shell textarea:focus-visible,#standalone-ai .ai-input-shell textarea:focus-visible{outline:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.65)}
.ai-input-shell:focus-within{box-shadow:0 0 12px rgba(255,255,255,.14)}
@keyframes ai-border-run{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.ai-input-shell::before{animation:none;background:rgba(255,255,255,.65)}}

#ibm-region{display:block;width:100%;margin-bottom:12px;padding:12px;border:1px solid var(--line);background:var(--bg);color:var(--fg);font:inherit}
