/* Phone layout of the existing site. Desktop rules and all page content stay intact. */
@media(max-width:680px){
 .site-header{padding:12px 20px 10px;gap:8px 12px;min-height:0}
 .site-header .brand{gap:4px;min-height:44px;justify-content:center}
 .brand-tagline{font-size:10px;line-height:1.4}
 /* Whole words, whole items: the menu never breaks "Business Agents" over two lines. Where the row is too narrow, the Download button takes the next row, at the right. */
 .site-nav{font-size:12px;padding-top:6px;gap:6px 8px;flex-wrap:wrap}
 .site-nav a{white-space:nowrap}
 .site-nav .button{padding:10px 12px;margin-left:auto}
 .site-theme-toggle{min-width:68px}
 .wrap{width:calc(100% - 40px)}
 .home-journey{width:calc(100% - 40px);padding-bottom:80px}
 .home-hero{min-height:calc(100svh - 120px);padding:32px 0 128px}.home-hero h1{font-size:44px;line-height:1.08}.scroll-cue{bottom:40px}
 .journey-block,.journey-center,.journey-left,.journey-right{width:auto;margin-left:0;margin-right:0;padding:0 0 0 32px;background:none;font-size:22px;line-height:1.6}
 .journey-block+.journey-block{margin-top:96px}
 .journey-block .letter-button{font-size:17px;padding:4px 9px}
 .journey-statement{font-size:28px;line-height:1.25;text-align:left;padding-top:0;padding-bottom:0}
 .hero-lead{margin-top:24px;font-size:19px;line-height:1.5}.hero-doors{margin-top:28px;gap:12px}.hero-doors .button{flex:1 1 150px}
 .end-card{padding:16px 20px 40px}.end-copy h2{font-size:42px;line-height:1.08}
 .doors{grid-template-columns:minmax(0,1fr);gap:16px;margin-top:32px}.door{padding:22px 20px 24px}.door h3{font-size:24px}.door p{font-size:16px}.door .button{width:100%}
 .end-where{margin-top:28px;font-size:14px}
 .transport{min-height:60px;padding:8px 4px;gap:14px}.play{min-height:44px}
 .page-ending .site-footer,.site-footer{padding:24px 20px 28px}
 .foot-signoff{padding:16px 4px 38px}.foot-signoff p{font-size:40px;line-height:1.08}
 .foot-signoff .button{margin-top:24px}
 .foot-scene-static{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;max-width:none;margin:12px auto 0;align-items:end}
 .foot-scene-static .foot-mail{grid-column:1/-1;grid-row:1;justify-self:start;align-self:start;font-size:28px;margin:0 0 26px;min-height:44px;display:flex;align-items:center}
 .foot-city-drawing{min-width:0;align-self:end}
 .foot-city-drawing:first-child{grid-column:1;grid-row:2}
 .foot-city-drawing:last-child{grid-column:2;grid-row:2}
 .foot-city-drawing>svg{width:100%;height:auto;aspect-ratio:470/242;display:block}
 .foot-city-drawing figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:0 5px;margin-top:6px;font-size:11px;line-height:1.6;text-align:left;padding-right:12px}
 .foot-city-drawing:last-child figcaption{padding-right:0;padding-left:12px}
 .foot-country{display:none}.foot-city{font-size:12px}.foot-time{font-size:11px;margin-left:0;color:var(--at-text-muted)}
 .foot-scene-static .foot-line{stroke-width:1.65}.foot-scene-static .foot-part{stroke-width:.8}
 .foot-base{display:flex;flex-direction:column;gap:24px;margin-top:28px;padding-top:24px;border-top:1px solid var(--at-line)}
 .foot-legal{font-size:12px;line-height:1.75;max-width:100%;overflow-wrap:anywhere}
 .foot-role{position:static;margin:0 0 5px;font-size:11px}
 .foot-base .foot-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;width:100%;font-size:12px;border-top:1px solid var(--at-line);padding-top:12px}
 .foot-links a,.foot-cookie{min-height:44px;display:flex;align-items:center}
 .site-contact{max-width:100%;width:100%;margin-left:auto;margin-right:auto}
 .contact-form,.request-form{min-width:0}.contact-fields input,.contact-fields textarea,.request-fields input,.request-fields textarea{font-size:16px}
 .contact-policy-row{align-items:flex-start}.contact-policy label{flex:1;min-width:0}
 .site-contact header h2{font-size:32px;line-height:1.15}
 .download-page{padding:40px 0 64px}
 .platforms{display:grid;grid-template-columns:1fr 1fr;gap:12px}
 .platforms>.platform-mac{grid-column:1/-1;min-height:56px}
 .platforms>.platform-inactive{min-height:52px;font-size:12px;gap:8px}.platforms .platform-logo{width:22px;height:22px}
 .version-date{gap:6px 16px;font-size:12px}.download-intro{margin-top:56px;text-align:left}.download-intro .intro-lead{font-size:27px;line-height:1.25}
 .download-intro p:not(.intro-lead){font-size:17px;line-height:1.65}.intro-button{font-size:16px}
 .request{max-width:100%;width:100%;margin:24px 0 0;padding-bottom:24px}.request h2{font-size:32px;line-height:1.2}
 .request-fields{grid-template-columns:1fr;gap:20px}.request-send{width:100%;margin-top:24px}
 .download-story{margin-top:64px}.download-story .story-head h2{font-size:38px}
 .privacy-page,.terms-page{padding-top:36px;padding-bottom:56px}
 .privacy-page h1,.terms-page h1{font-size:40px}
 .solutions-page{padding-top:36px;padding-bottom:56px}.solutions-page h1{font-size:40px;margin-bottom:20px}.solutions-lead{font-size:24px;line-height:1.5}
 .privacy-page a,.terms-page a{overflow-wrap:anywhere}
}
@media(max-width:350px){
 .site-header{padding-left:16px;padding-right:16px}.site-nav{font-size:12px;gap:8px}
 .brand-tagline{font-size:9px}.site-header .brand img{height:29px}
 .wrap{width:calc(100% - 32px)}.home-journey{width:calc(100% - 32px)}.home-hero h1{font-size:38px}.journey-block{font-size:20px}
 .end-copy h2,.foot-signoff p{font-size:36px}.foot-scene-static .foot-mail{font-size:26px}
 .site-footer,.page-ending .site-footer{padding-left:16px;padding-right:16px}
 .foot-city{font-size:11px}.foot-city-drawing figcaption{padding-right:6px}.foot-city-drawing:last-child figcaption{padding-left:6px}
}

@media(max-width:680px){.talks{padding:40px 0 64px}.talks h1{font-size:42px;margin-bottom:22px}.talks-lede{font-size:18px;line-height:1.6}.talk-list{margin-top:40px}.talk{grid-template-columns:minmax(0,1fr);gap:16px;padding:28px 0 32px}.talk-when{flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:4px 12px}.talk-when time{font-size:18px}.talk h2{font-size:24px;line-height:1.25}.talk-where{font-size:15px}.talk-summary{font-size:17px;line-height:1.7}.talk-actions{gap:14px 20px}.talk-actions .button{width:100%}.talk-event{min-height:44px;display:inline-flex;align-items:center}}
@media(max-width:680px){.terminology{padding:40px 0 64px}.terminology h1{font-size:42px;margin-bottom:22px}.terms-lede{font-size:18px;line-height:1.6}.terms{margin-top:40px}.term{grid-template-columns:minmax(0,1fr);gap:12px;padding:24px 0}.term dt{font-size:20px}.term dd{font-size:17px;line-height:1.7;overflow-wrap:anywhere}}

/* Equal reading gutters around enquiry forms, including AI Native's nested form. */
@media(max-width:820px){
 .ai-story .site-contact.ai-contact,.system-story .site-contact.story-contact{width:100%;max-width:100%;margin-left:auto;margin-right:auto}
 .site-contact,.contact-form,.contact-fields{min-width:0}
 .contact-fields>div{min-width:0}
}