*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--brand-background);color:var(--brand-text);font-family:Inter,system-ui,PingFang TC,Microsoft JhengHei,Thonburi,Leelawadee UI,sans-serif;line-height:1.65;min-height:100dvh}h1,h2,.footer-brand{font-family:Space Grotesk,system-ui,PingFang TC,Microsoft JhengHei,Thonburi,sans-serif}h1,h2,p,figure{margin:0}h1{font-size:clamp(2.6rem,5vw,4.5rem);line-height:1.12;letter-spacing:-.055em;text-wrap:balance;max-width:12ch}h2{font-size:clamp(1.65rem,2.8vw,2.6rem);line-height:1.2;letter-spacing:-.035em;text-wrap:balance}p{color:var(--brand-text-muted);max-width:62ch}a{color:var(--brand-primary);text-underline-offset:.25em}button,select,textarea{font:inherit;color:var(--brand-text);background:var(--brand-surface);border:1px solid var(--brand-control-border);border-radius:12px}button,select{min-height:44px;padding:.45rem .75rem}button{cursor:pointer}a:focus-visible,button:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--brand-focus);outline-offset:4px}.container{max-width:1200px;margin-inline:auto;padding-inline:32px}header{height:80px;display:flex;align-items:center;gap:36px}header nav{display:flex;gap:28px;margin-right:auto}header nav a{text-decoration:none;color:var(--brand-text)}.controls{display:flex;gap:10px}.logo img{display:block;max-width:100%;height:auto}.dark-logo,[data-theme=dark] .light-logo{display:none!important}[data-theme=dark] .dark-logo{display:block!important}.hero{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:40px;padding-block:64px 88px}.hero-copy{display:grid;gap:22px}.lead{font-size:1.25rem;color:var(--brand-text);line-height:1.5}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:24px}.primary{display:inline-flex;justify-content:center;align-items:center;text-align:center;text-decoration:none;padding:.85rem 1.25rem;min-height:48px;border:0;border-radius:12px;background:var(--brand-primary);color:var(--brand-primary-text);font-weight:600;transition:background .15s}.primary:hover{background:var(--brand-primary-hover)}.text-link{font-weight:600}.relay-art{background:var(--brand-accent-tint);border-radius:32px;min-height:410px;display:grid;place-content:center;justify-items:center;gap:16px;transform:rotate(-3deg)}.relay-art img{width:min(80%,300px);height:auto}.relay-art figcaption{font-family:Space Grotesk,sans-serif;font-size:1.8rem;letter-spacing:-.04em;color:var(--brand-accent-text)}.product{display:grid;gap:32px;padding-block:44px 64px}.product>div{display:grid;gap:18px;max-width:760px}.product figure{background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:20px;padding:12px;overflow:hidden}.product img{display:block;width:100%;height:auto;border-radius:12px}.rules{display:grid;grid-template-columns:1fr 1fr;gap:72px;padding-block:64px}.rules article{display:grid;align-content:start;gap:20px}.retention{display:flex;gap:16px;margin-top:12px}.retention span{border-top:3px solid var(--brand-primary);padding-top:12px;font-size:1.8rem;flex:1}.agent-intro{display:grid;grid-template-columns:120px 1fr;gap:32px;padding-block:64px 100px}.agent-intro>div{display:grid;gap:20px}.agent-intro img{margin-top:4px}footer{padding-block:34px;border-top:1px solid var(--brand-border);display:grid;gap:18px}.footer-brand{font-weight:700;font-size:1.4rem;color:var(--brand-text);text-decoration:none}footer nav{display:flex;flex-wrap:wrap;gap:28px}footer small{color:var(--brand-text-muted);max-width:80ch}.page-head{padding-block:64px 44px;display:grid;gap:24px}.page-head h1{max-width:20ch}.setup{display:grid;grid-template-columns:.8fr 1.3fr;gap:64px;align-items:start;padding-bottom:64px}.setup ol{padding-left:24px;margin:0 0 28px;display:grid;gap:20px}.prompt-panel{display:grid;gap:16px;background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:20px;padding:24px}.prompt-panel textarea{resize:vertical;width:100%;min-height:280px;padding:16px;font-size:.95rem;line-height:1.6}.prompt-panel button{justify-self:start}.security{padding-block:32px 80px;display:grid;gap:20px}.policy{max-width:900px;padding-block:64px 100px;display:grid;gap:28px}.policy h1{max-width:20ch}.policy p{font-size:1.05rem;max-width:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;top:-100px;left:16px;background:var(--brand-surface);padding:12px;z-index:3}.skip:focus{top:12px}@media(max-width:760px){.container{padding-inline:20px}header{height:auto;min-height:80px;flex-wrap:wrap;gap:12px 20px;padding-block:16px}header nav{order:3;width:100%;gap:24px}.logo{margin-right:auto}.controls{gap:6px}.controls select{max-width:125px}.hero{grid-template-columns:1fr;padding-block:32px 56px;gap:40px}h1{font-size:2.8rem;max-width:16ch}.relay-art{min-height:260px;transform:rotate(-2deg)}.relay-art img{max-width:170px}.rules{grid-template-columns:1fr;gap:48px;padding-block:40px}.agent-intro{grid-template-columns:1fr;gap:20px;padding-block:40px 60px}.setup{grid-template-columns:1fr;gap:32px}.page-head{padding-top:36px}.prompt-panel{padding:16px}.actions{gap:16px}.policy{padding-block:40px 64px}footer nav{gap:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}footer .footer-credit{font-size:.8rem;display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem;margin:0;max-width:none}.footer-credit>span{white-space:nowrap}