:root{--paper:#f6f3e9;--ink:#233d34;--muted:#526359;--line:#cbd0bf;--leaf:#254b3c;--warm:#d4ad71;--white:#fffdf7;font-synthesis:none;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-underline-offset:5px}button,input{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #ad572b;outline-offset:5px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Georgia,Times New Roman,serif;font-weight:400;line-height:1.1;letter-spacing:-.045em}h1{font-size:clamp(3rem,5.7vw,5.7rem);margin-bottom:28px}h2{font-size:clamp(2.2rem,3.6vw,3.5rem)}h3{font-size:1.6rem}p{margin-bottom:1.2rem}.wrap{width:min(1280px,calc(100% - 112px));margin-inline:auto}.skip-link{position:absolute;left:16px;top:-80px;padding:12px 20px;background:var(--ink);color:white;z-index:20}.skip-link:focus{top:10px}.site-header{height:116px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.wordmark{font-family:Georgia,serif;font-size:26px;text-decoration:none;letter-spacing:-.05em;white-space:nowrap}.brand-mark{display:inline-flex;font-family:serif;font-size:39px;margin-right:12px;color:#9d5b30;vertical-align:middle}.site-header nav{display:flex;gap:38px;align-items:center;font-size:14px}.site-header nav a{text-decoration:none}.nav-cta{border-bottom:1px solid var(--ink);padding:8px 0}.nav-cta span{margin-left:22px}.hero{display:grid;grid-template-columns:1.12fr 1fr;gap:50px;align-items:center;padding-block:78px 86px}.eyebrow{text-transform:uppercase;letter-spacing:.19em;font-size:11px;font-weight:700;line-height:1.6;margin-bottom:27px}.lede{font-size:18px;line-height:1.7;max-width:475px;color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:center;gap:42px;border:1px solid var(--leaf);background:var(--leaf);color:var(--white);padding:15px 23px;text-decoration:none;font-size:14px;cursor:pointer;min-height:52px;transition:background .15s}.button:hover{background:#153329}.hero .button{margin-top:13px}.small-note{font-size:12px;color:var(--muted);margin-top:14px;line-height:1.6}.landscape{height:485px;position:relative;overflow:hidden;border-radius:48% 48% 2px 2px;background:#dce3cd;isolation:isolate}.landscape:after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.12' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:multiply;pointer-events:none}.landscape-label{position:absolute;top:86px;left:0;right:0;text-align:center;font-size:9px;letter-spacing:.19em;text-transform:uppercase;z-index:2}.sun{top:130px;right:80px;border-radius:50%;height:73px;width:73px;background:#f3da9c}.hill,.sun{position:absolute}.hill{border-radius:50% 50% 0 0}.hill-back{background:#9eaf8a;width:150%;height:300px;left:-12%;top:220px;transform:rotate(-12deg)}.hill-front{background:#4d7156;width:140%;height:290px;left:-37%;top:270px;transform:rotate(12deg)}.lake{bottom:-100px;right:-60%;width:150%;height:290px;border-radius:50%;transform:rotate(-19deg);background:#a6bcb3;border:16px solid #b7c4ae}.lake,.lodge{position:absolute}.lodge{top:265px;left:33%;width:122px;height:64px;background:#e5d7b9;transform:skewY(-4deg);box-shadow:11px 5px 0 #c5b18d;z-index:2;display:flex;gap:12px;padding:20px 14px}.lodge:before{content:"";position:absolute;left:-10px;top:-28px;border-color:transparent transparent #713e29;border-style:solid;border-width:0 72px 34px}.lodge span{width:22px;height:26px;background:#2a483d}.tree{position:absolute;background:#284b3b;clip-path:polygon(50% 0,100% 85%,57% 85%,57% 100%,43% 100%,43% 85%,0 85%);z-index:3}.tree-one{left:11%;top:260px;width:46px;height:108px}.tree-two{left:18%;top:295px;width:35px;height:80px}.shore-line{position:absolute;height:1px;width:140px;background:#e8e8d8;right:9%;bottom:110px;transform:rotate(-15deg)}.landscape-caption{position:absolute;bottom:29px;left:27px;font-family:Georgia,serif;font-size:20px;color:#f6f3e9;z-index:3}.detail-strip{border-block:1px solid var(--line);font-size:11px;text-transform:uppercase;letter-spacing:.15em}.detail-strip .wrap{display:flex;justify-content:space-between;gap:20px;padding-block:23px}.detail-strip span:before{content:"✳";margin-right:13px;color:#916037}.intro{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-block:98px}.intro p:not(.eyebrow){max-width:510px;color:var(--muted);margin-top:8px}.text-link{display:inline-block;font-size:14px;margin-top:8px}.text-link span{margin-left:20px}.how-section{border-top:1px solid var(--line);padding-block:76px 90px}.section-title{max-width:650px}.section-title>p:last-child{color:var(--muted);max-width:520px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;list-style:none;padding:28px 0 0;margin:0}.steps li{border-top:1px solid var(--line);padding-top:21px}.steps li>span{font-size:11px;letter-spacing:.1em;color:#8c5732}.steps h3{margin-block:18px}.steps p{font-size:14px;color:var(--muted)}.closing{background:#e6e9dc;padding:55px 55px 60px;text-align:center;margin-bottom:75px}.closing h2{font-size:clamp(2rem,3vw,3rem);margin-bottom:30px}.site-footer{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:5px 40px;padding-block:30px 40px;font-size:12px;color:var(--muted)}.site-footer .wordmark{color:var(--ink);font-size:22px}.site-footer p{grid-row:2;margin:0}.site-footer>a:last-of-type{grid-column:2;grid-row:1}.site-footer>span{grid-column:2;grid-row:2}.content-page{padding-block:74px 90px}.content-page>.lede{max-width:680px}.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-block:50px}.package-card{background:#e8ebdf;padding:30px}.card-number{font-size:11px;color:#87522d}.package-card h2{font-size:30px;margin-top:30px}.package-card p{color:var(--muted);font-size:15px}.notice{border-block:1px solid var(--line);padding:30px 0;margin-block:35px;max-width:780px}.notice h2,.prose h2{font-size:28px;letter-spacing:-.025em}.prose{max-width:800px}.prose h2{margin-top:40px}.prose p{color:var(--muted)}.login-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.login-card{background:var(--white);border:1px solid var(--line);padding:34px}.login-card h2{font-size:32px}.login-card li,.login-card p{font-size:14px;color:var(--muted)}.login-card ul{padding-left:20px}.google-button{width:100%;gap:16px;margin-top:12px}.google-button>span{font-weight:700;font-size:19px}.status-message{border-left:3px solid #97632f;background:#f0e9d9;padding:12px 15px}@media(max-width:950px){.wrap{width:calc(100% - 56px)}.hero{gap:25px;padding-block:50px}.landscape{height:420px}.hero h1{font-size:4.1rem}.intro{gap:45px}.login-layout{gap:35px}.steps{gap:28px}.site-header nav{gap:24px}}@media(max-width:680px){.wrap{width:calc(100% - 40px)}.site-header{height:90px}.wordmark{font-size:23px}.brand-mark{font-size:30px;margin-right:7px}.site-header nav>a:first-child{display:none}.site-header nav{font-size:12px}.nav-cta span{margin-left:10px}.hero{grid-template-columns:1fr;gap:35px;padding-block:45px}.hero h1{font-size:3.6rem}.hero .lede{font-size:17px}.landscape{height:390px;max-width:440px;width:100%;margin:auto}.landscape-label{top:60px}.sun{top:103px}.hill-back{top:190px}.hill-front,.lodge,.tree-one{top:225px}.tree-two{top:260px}.landscape-caption{bottom:18px}.detail-strip .wrap{display:grid;grid-template-columns:1fr 1fr;gap:16px;font-size:9px;padding-block:20px}.detail-strip span:before{margin-right:8px}.intro{grid-template-columns:1fr;gap:10px;padding-block:55px}.how-section{padding-block:45px 55px}.steps{grid-template-columns:1fr;gap:16px;padding-top:15px}.steps h3{margin-block:10px}.closing{padding:35px 20px 40px;margin-bottom:45px}.closing .eyebrow{font-size:9px}.site-footer{grid-template-columns:1fr;gap:12px}.site-footer p,.site-footer>a:last-of-type,.site-footer>span{grid-column:1;grid-row:auto}.site-footer>span{display:none}.content-page{padding-block:45px 60px}.package-grid{grid-template-columns:1fr;margin-block:30px}.package-card h2{margin-top:18px}.login-layout{grid-template-columns:1fr;gap:20px}.login-card{padding:25px}.content-page h1,.prose h1{font-size:3.4rem}}@media(prefers-reduced-motion:reduce){*,:after,:before{transition:none!important;scroll-behavior:auto!important}}.landing{align-items:center}.landing .hero{padding-block:40px}.landing h1{font-size:clamp(3.2rem,5.4vw,5.4rem)}.landing .landscape{height:min(560px,72svh);min-height:340px}.landing-cta{border-radius:4px;transition:transform .18s,box-shadow .18s,background .18s}.landing-cta:hover{transform:translateY(-4px);box-shadow:0 9px 0 #d4ad714d;background:#17392d}.landing-cta:active{transform:translateY(-1px);box-shadow:0 3px 0 #d4ad714d}.simple-header{height:100px;display:flex;align-items:center}.text-button{background:none;border:0;padding:6px 0;text-decoration:underline;text-underline-offset:5px;min-height:40px}.secondary-button,.text-button{color:var(--ink);font:inherit;font-size:.85rem;cursor:pointer}.secondary-button{border:1px solid #63765f;background:transparent;padding:12px 20px;border-radius:4px;min-height:48px}button:disabled{cursor:not-allowed;opacity:.55}.button-row{gap:12px;flex-wrap:wrap}.button-row,.intro-toolbar{display:flex;align-items:center}.intro-toolbar{justify-content:space-between;padding-block:18px}.intro-toolbar .eyebrow{margin:0}.intro-panel{display:grid;gap:80px;align-items:center;min-height:560px}.intro-panel-copy{padding-block:24px}.intro-panel h1{font-size:clamp(2.8rem,4.3vw,4.6rem);margin-bottom:24px}.intro-panel h1:focus{outline:none}.intro-panel .lede{font-size:17px}.intro-controls{display:flex;justify-content:space-between;gap:20px;margin-top:38px}.intro-art{position:relative;padding-bottom:20px}.intro-art .landscape{height:420px;opacity:.85}.protocol-motif{position:absolute;inset:32% 9% auto;display:flex;align-items:center;justify-content:center;gap:12px;transform:rotate(-4deg)}.protocol-motif>span:not(.motif-line){width:86px;height:100px;display:grid;place-items:center;font-size:45px;background:#fffdf5;border:1px solid #b6bfa6;border-radius:18px;box-shadow:0 9px 0 #213d3518}.protocol-motif>span:last-child{background:#254b3c;color:#fffdf5;transform:translateY(35px) rotate(7deg)}.motif-line{width:45px;border-top:3px dotted #254b3c}.motif-access>span:first-child{border-radius:50% 50% 15px 15px;background:#dfc393}.motif-messages>span:not(.motif-line){border-radius:26px 26px 3px 26px}.motif-proposal>span:last-child{background:#dfc393;color:#233d34}.intro-badge{position:absolute;bottom:0;left:50%;transform:translateX(-50%);background:#fffdf5;border:1px solid #cbd0bf;border-radius:30px;padding:10px 20px;font-size:12px;white-space:nowrap}.panel-dots{display:flex;justify-content:center;gap:8px;margin-top:28px}.panel-dots button{border:0;background:transparent;padding:12px;cursor:pointer;min-height:44px}.panel-dots button:before{content:"";display:block;width:7px;height:7px;background:#aeb8a3;border-radius:50%}.panel-dots button[aria-current]:before{background:#254b3c;width:26px;border-radius:6px}.intro-footnote{text-align:center;font-size:11px;color:var(--muted);margin:18px 0 28px}.prompt-card label{font-size:12px;color:var(--muted)}.prompt-card textarea{display:block;width:100%;max-height:180px;resize:vertical;font:12px/1.6 Arial,sans-serif;background:#fffdf7;color:var(--ink);border:1px solid #aeb9a2;border-radius:4px;padding:14px;margin:8px 0 18px}.guidance-bubble{background:#e9eddf;border:1px solid #cbd2bc;border-radius:16px 16px 16px 3px;padding:14px 18px;font-size:.85rem;color:#334c3c}.permission-screen{padding-block:32px 60px}.permission-card{width:min(620px,100%);margin:55px auto 0;border:1px solid #ced4c2;background:#fffdf7;border-radius:20px;padding:40px}.permission-card h1{font-size:clamp(2.6rem,4.2vw,3.8rem);margin-block:28px}.permission-card h2{font-size:1.5rem}.permission-card code{overflow-wrap:anywhere;font-size:11px}.permission-card section{margin-block:30px;border-bottom:1px solid #d5daca;padding-bottom:25px}.permission-symbol{width:68px;height:68px;display:grid;place-items:center;background:#e6ebda;border-radius:22px;font-size:36px;margin-top:24px}.scope-badges{list-style:none;padding:0;display:grid;gap:12px;margin-block:24px}.scope-badges li{background:#edf0e4;border:1px solid #d1d8c3;border-radius:10px;padding:14px}@media(max-width:950px){.intro-panel{gap:36px;grid-template-columns:1fr 1.1fr}.intro-art .landscape{height:360px}.landing .hero{gap:32px}.landing h1{font-size:3.5rem}}@media(max-width:680px){.landing .hero{padding-block:45px;gap:36px}.landing .landscape{height:330px;min-height:0}.landing h1{font-size:3.1rem}.simple-header{height:82px}.intro-panel{grid-template-columns:1fr;gap:12px}.intro-art{max-width:330px;width:100%;margin:auto}.intro-art .landscape{height:230px}.protocol-motif{inset:20% 9% auto}.protocol-motif>span:not(.motif-line){width:64px;height:72px;font-size:32px}.intro-panel h1{font-size:2.7rem}.intro-controls{margin-top:24px}.permission-card{padding:24px;margin-top:30px}.intro-toolbar{gap:20px}.intro-toolbar .eyebrow{font-size:9px}}@media(prefers-reduced-motion:reduce){.landing-cta{transition:none}.landing-cta:active,.landing-cta:hover{transform:none;box-shadow:none}}.collection-notice{border-top:1px solid #d7dccb;margin-top:25px;padding-top:20px}.collection-notice p{font-size:12px;line-height:1.7}.permission-screen>.permission-card{margin-top:12px}.permission-card>.eyebrow{margin-top:25px;margin-bottom:0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.landing{min-height:100svh;display:grid;grid-template-rows:1fr auto}.landing .hero{padding-block:28px;gap:64px;align-self:center}.landing h1{font-size:clamp(3rem,5.4vw,5.4rem);line-height:1.04}.landing .landscape{height:min(530px,65svh);min-height:280px}.sdk-links{display:flex;gap:12px;margin-top:24px;font-size:12px}.sdk-links a{display:inline-flex;gap:14px;align-items:center;text-decoration:none;border:1px solid #c6ceba;border-radius:5px;padding:8px 12px;transition:background .18s}.sdk-links a:hover{background:#e7ebdc}.landing-credit{text-align:center;font-size:11px;color:var(--muted);padding:10px 0 18px}.simple-header{height:88px}.legal-page{max-width:760px;padding-bottom:64px}.legal-page h1{font-size:clamp(2.5rem,6vw,4rem)}.legal-page h2{margin-top:32px;font-size:1.4rem}.intro-flow{min-height:calc(100svh - 88px);display:grid;grid-template-rows:44px minmax(430px,1fr)44px 28px;padding-bottom:12px}.intro-toolbar{gap:16px;padding:0}.intro-toolbar button:disabled{visibility:hidden}.intro-panel{grid-template-columns:1fr 1.1fr;grid-template-rows:minmax(0,1fr)52px;column-gap:80px;row-gap:0;min-height:0;padding-block:16px}.intro-panel-copy{min-width:0;grid-column:2;grid-row:1;padding:0}.intro-content{animation:intro-appear .18s ease-out}.intro-content>.eyebrow{margin-bottom:16px}.intro-content h1{font-size:clamp(2.5rem,4.3vw,4.5rem);margin-bottom:20px;max-width:550px}.intro-content .lede{font-size:17px;max-width:460px;margin-bottom:0}.intro-controls{grid-column:2;align-items:center;gap:16px;margin:0}.intro-controls .button,.intro-controls .secondary-button{min-width:100px;min-height:44px;padding:10px 18px}.step-counter{font-size:11px;color:var(--muted)}.intro-art{grid-column:1;grid-row:1/3;min-width:0;padding:0;animation:intro-appear .18s ease-out}.protocol-art{position:relative;width:100%;max-width:490px;margin:auto}.protocol-art svg{width:100%;display:block;max-height:380px}.protocol-art text{font:14px Arial,sans-serif;fill:#233d34}.protocol-art text[fill="#fffdf7"]{fill:#fffdf7}.protocol-art .diagram-protocol{font:22px Georgia,serif}.protocol-art .diagram-title{font:23px Georgia,serif}.diagram-caption{text-align:center;font-size:11px;color:var(--muted);margin:12px 0 0}.agent-ecosystem{position:absolute;top:26.3%;left:4.4%;width:24.8%;height:46.8%;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;font-size:12px;line-height:1.2}.agent-ecosystem span{display:flex;align-items:center;gap:6px;white-space:nowrap}.panel-dots{align-items:center;margin:0}.panel-dots button{min-height:40px}.intro-footnote{margin:0;align-self:center}.prompt-card .prompt-instruction{font-size:14px;margin-bottom:12px;line-height:1.5}.setup-prompt{width:100%;font:13px/1.6 Arial,sans-serif;background:#fffdf7;color:var(--ink);border:1px solid #aeb9a2;border-radius:6px;padding:14px;margin:0 0 14px;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}.setup-prompt:focus-visible{outline:3px solid #ad572b;outline-offset:3px}.prompt-actions{display:grid;grid-template-columns:auto 1fr;gap:10px}.prompt-actions button{min-height:44px;font-size:12px;padding:11px 12px;white-space:nowrap}.copy-status{margin:8px 0 0;min-height:20px;font-size:11px}.recopy-intro{display:block;margin-top:8px}.manual-copy{font-size:11px;min-height:26px}.intro-content .returning-link{display:block;font-size:11px;color:var(--muted);margin-top:18px}.permission-screen{min-height:calc(100svh - 88px);display:grid;align-content:center;padding-block:20px 32px}.permission-card,.permission-screen>.permission-card{margin:0 auto;padding:30px}.permission-card h1{font-size:clamp(2.2rem,4.2vw,3.4rem);margin:18px 0}.permission-card section{margin-block:24px;padding-bottom:20px}.permission-symbol{width:48px;height:48px;border-radius:16px;font-size:28px;margin:0}.permission-card>.eyebrow{margin:18px 0 0}.scope-badges{gap:8px;margin-block:18px}.scope-badges li{padding:10px 12px}.sign-in-card{max-width:400px}.sign-in-card>.sign-in-links{font-size:12px;line-height:1.5;text-align:center;margin:18px 0 0}.sign-in-card .status-message{border-left:2px solid #b79a61;padding:0 0 0 10px;background:none}.sign-in-card .google-button{padding:12px 18px;min-height:44px;line-height:1.3;margin-top:0;background:#fff;color:var(--ink);border-color:#aeb9a2}.sign-in-card .google-button:hover{background:#f0f2eb}.sign-in-card .google-button>svg{flex:none}.intro-content h1,.permission-card h1{overflow-wrap:break-word}@keyframes intro-appear{0%{opacity:0}to{opacity:1}}@media(max-width:950px){.intro-panel{column-gap:24px}.landing .hero{gap:28px}.landing h1{font-size:3.4rem}.wrap{width:calc(100% - 64px)}.intro-content h1{font-size:2.8rem}}@media(max-width:680px){.wrap{width:calc(100% - 40px)}.simple-header{height:64px}.wordmark{font-size:23px}.brand-mark{font-size:31px;margin-right:8px}.landing .hero{padding-block:20px;gap:20px;grid-template-columns:1fr}.landing h1{font-size:2.9rem;margin-bottom:16px}.landing .lede{font-size:15px;line-height:1.55;margin-bottom:14px}.landing .landscape{height:clamp(140px,25svh,220px);min-height:0;max-width:440px;width:100%;margin:auto}.landing .button{min-height:44px;padding:11px 18px}.sdk-links{margin-top:16px}.landing-credit{padding-bottom:12px}.intro-flow{min-height:calc(100svh - 64px);grid-template-rows:36px minmax(440px,1fr)36px 24px;padding-bottom:8px}.intro-panel{grid-template-columns:1fr;grid-template-rows:180px minmax(230px,1fr)44px;gap:12px;padding:8px 0}.intro-art{grid-column:1;grid-row:1;max-width:none;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.protocol-art{max-width:260px}.protocol-art svg{max-height:158px}.diagram-caption{font-size:10px;margin-top:0}.agent-ecosystem{font-size:8px}.protocol-art text{font-size:15px}.intro-panel-copy{grid-column:1;grid-row:2;align-self:center}.intro-content h1{font-size:2.3rem;margin-bottom:12px;max-width:100%}.intro-content>.eyebrow{font-size:10px;margin-bottom:8px}.intro-content .lede{font-size:15px;line-height:1.6;max-width:100%}.intro-controls{grid-column:1;grid-row:3}.intro-toolbar .eyebrow{font-size:9px}.intro-toolbar .text-button{font-size:12px}.panel-dots button{min-height:32px;padding:10px}.intro-footnote{font-size:10px}.prompt-card .prompt-instruction{font-size:13px;margin-bottom:10px}.setup-prompt{font-size:12px;line-height:1.6;padding:12px;margin-bottom:10px}.prompt-actions{gap:8px}.prompt-actions button{font-size:11px;padding-inline:8px}.copy-status{font-size:10px}.permission-screen{min-height:calc(100svh - 64px);padding-block:10px 24px}.permission-card,.permission-screen>.permission-card{padding:24px}.permission-card h1{font-size:2.2rem}.permission-symbol{width:40px;height:40px;font-size:25px;border-radius:12px}.collection-notice{margin-block:14px;padding-top:12px}.collection-notice p{font-size:11px}.scope-badges li{padding:8px 10px}}@media(max-height:700px) and (min-width:681px){.simple-header{height:64px}.intro-flow{min-height:calc(100svh - 64px);grid-template-rows:36px minmax(290px,1fr)36px 24px}.intro-panel{padding-block:8px;column-gap:40px}.protocol-art{max-width:350px}.protocol-art svg{max-height:260px}.intro-content h1{font-size:2.7rem;margin-bottom:14px}.intro-content>.eyebrow{margin-bottom:10px}.intro-content .lede{font-size:15px}.permission-screen{min-height:calc(100svh - 64px);padding-block:10px 16px}.permission-card{padding:22px}.sign-in-card .permission-symbol{display:none}.landing .hero{gap:28px;padding-block:16px}.landing h1{font-size:3rem}.landing .landscape{min-height:0;height:65svh}.sdk-links{margin-top:14px}}@media(max-height:700px) and (max-width:680px){.intro-flow{grid-template-rows:32px minmax(340px,1fr)32px 20px}.intro-panel{grid-template-rows:110px minmax(190px,1fr)44px;gap:8px;padding-block:4px}.protocol-art{max-width:170px}.protocol-art svg{max-height:100px}.diagram-caption{font-size:9px;margin-top:0}.intro-content h1{font-size:1.95rem;margin-bottom:8px}.intro-content .lede{font-size:14px;line-height:1.5}.setup-panel{grid-template-rows:minmax(285px,1fr)44px}.setup-panel .intro-art{display:none}.setup-panel .intro-panel-copy{grid-row:1}.setup-panel .intro-controls{grid-row:2}.landing h1{font-size:2.4rem}.landing .hero{gap:16px}.landing .landscape{height:140px}.landing .lede{font-size:14px}.landing .hero .button{margin-top:0}.sdk-links{margin-top:12px}.permission-card,.permission-screen>.permission-card{padding:18px}.permission-card h1{font-size:1.9rem;margin-block:12px}.permission-card>.eyebrow{margin-top:12px}.permission-card>p{margin-bottom:12px}.sign-in-card .permission-symbol{display:none}.collection-notice p{line-height:1.5}.permission-screen{padding-bottom:16px}}@media(prefers-reduced-motion:reduce){.sdk-links a{transition:none}.intro-art,.intro-content{animation:none}}@media(max-height:500px) and (min-width:681px){.simple-header{height:48px}.intro-flow{min-height:calc(100svh - 48px);grid-template-rows:28px minmax(238px,1fr)28px 18px;padding-bottom:4px}.intro-panel{grid-template-rows:minmax(190px,1fr)40px;row-gap:8px;padding:0}.intro-controls .button,.intro-controls .secondary-button{min-height:40px;padding-block:8px}.intro-content h1{font-size:2.1rem;margin-bottom:8px}.intro-content>.eyebrow{font-size:9px;margin-bottom:6px}.intro-content .lede{font-size:14px;line-height:1.5}.protocol-art{max-width:270px}.protocol-art svg{max-height:200px}.diagram-caption{font-size:9px;margin-top:4px}.prompt-instruction{display:none}.setup-prompt{font-size:11px;line-height:1.5;padding:10px;margin-bottom:8px}.prompt-actions button{min-height:40px;font-size:11px;padding-block:8px}.copy-status{font-size:10px;min-height:15px;margin-top:6px}.panel-dots button{min-height:28px;padding:8px}.intro-footnote{font-size:10px}.landing h1{font-size:2.4rem;margin-bottom:16px}.landing .lede{font-size:15px;line-height:1.5;margin-bottom:12px}.landing .hero .button{margin-top:0;min-height:44px;padding:10px 18px}.landing .hero{padding-block:12px}.sdk-links{margin-top:12px}.landing-credit{padding-block:6px 10px}.permission-screen{min-height:calc(100svh - 48px);padding-block:8px}.setup-panel .intro-content h1{margin-bottom:6px}.copy-status{line-height:1.2;min-height:12px;margin-top:4px}.setup-prompt{padding:8px}.sign-in-card{width:min(780px,100%);padding:20px}.sign-in-card h1{font-size:2rem;margin-block:10px}.sign-in-card>.eyebrow{margin-top:0}.sign-in-card>p{margin-bottom:10px}}.intro-panel-copy{display:contents}.intro-content{grid-column:2;grid-row:1;align-self:center}.intro-controls{grid-column:1/-1;grid-row:2;justify-content:center}.intro-art{grid-row:1}@media(max-width:680px){.panel-dots{gap:4px}}@media(max-height:500px) and (min-width:681px){.protocol-art svg{max-height:190px}}.prompt-card-integrated{display:contents}.copy-status{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:30px;line-height:1.4}.copy-status p{font-size:11px;margin:0;line-height:1.4}.copy-status .copy-again{font-size:11px;min-height:30px;padding:0;white-space:nowrap}.copy-again:disabled{visibility:hidden}.prompt-actions{display:flex;justify-content:flex-end}.ecosystem-mobile{display:none}@media(max-width:680px){.intro-content{grid-column:1;grid-row:2}.intro-controls{grid-row:3}.copy-status p{font-size:10px}.diagram-discovery{max-width:300px}.diagram-discovery>svg{display:none}.ecosystem-mobile{display:grid;gap:8px}.ecosystem-agents{display:grid;grid-template-columns:1fr 1fr;gap:6px}.ecosystem-agents>div{display:flex;align-items:center;gap:8px;border:1px solid #c4cdb7;background:#fffdf7;border-radius:10px;padding:8px;font-size:12px;line-height:1.3}.ecosystem-agents svg{width:24px;height:24px;flex:none}.ecosystem-connection{display:flex;align-items:center;justify-content:center;gap:10px;font-size:12px}.ecosystem-poppy{border-radius:20px;background:#254b3c;color:#fffdf7;padding:5px 14px;font-family:Georgia,serif}.ecosystem-arrow{font-size:20px;color:#849676}.ecosystem-connection code{font-size:10px;color:#526359}.diagram-discovery .diagram-caption{margin-top:8px}}@media(max-width:680px) and (max-height:700px){.setup-panel .intro-content{grid-row:1}.setup-panel .intro-controls{grid-row:2}.ecosystem-agents{grid-template-columns:repeat(4,1fr);gap:4px}.ecosystem-agents>div{flex-direction:column;font-size:9px;gap:3px;padding:4px}.ecosystem-agents svg{width:16px;height:16px}.ecosystem-mobile{gap:6px}.ecosystem-connection{font-size:10px;gap:8px}.ecosystem-poppy{padding:3px 12px}.ecosystem-connection code{font-size:9px}.diagram-discovery .diagram-caption{margin-top:4px}}@media(max-height:500px) and (min-width:681px){.copy-status{min-height:26px}.copy-status .copy-again,.copy-status p{font-size:10px}.copy-status .copy-again{min-height:26px}}.agent-tabs{display:flex;gap:4px;margin:0 0 8px;border-bottom:1px solid #aeb9a2}.agent-tabs [role=tab]{background:none;color:var(--muted);border:0;border-bottom:3px solid transparent;border-radius:0;padding:8px 10px;font:inherit;font-size:12px;min-height:44px;cursor:pointer}.agent-tabs [aria-selected=true]{color:var(--ink);border-bottom-color:var(--ink);font-weight:700}.agent-tabs [role=tab]:focus-visible{outline:3px solid #ad572b;outline-offset:2px}