/* Mobile-first safety layer shared by the public website and account pages. */
html{max-width:100%;overflow-x:hidden}body{max-width:100%;overflow-x:clip}img,video,svg,canvas{max-width:100%;height:auto}input,select,textarea,button{max-width:100%}
@media(max-width:768px){
  :root{--radius:21px}
  .ambient{max-width:80vw}
  .topbar{top:max(8px,env(safe-area-inset-top));width:calc(100% - 18px);height:60px;margin:8px auto -68px;padding:0 10px 0 13px;border-radius:18px}
  .topbar .brand{min-width:0;gap:7px;font-size:15px}.topbar .brand-fruit{width:31px;height:31px;border-radius:10px}.topbar .brand small{display:none}
  .topbar nav{min-width:0;gap:5px}.topbar nav>a:not(.button),.topbar nav form,.topbar .motion-toggle{display:none}.topbar nav .button{min-height:36px;padding:0 12px;border-radius:11px;font-size:11px;white-space:nowrap}
  .section-wrap{width:calc(100% - 24px);max-width:100%}
  .hero-section{min-height:auto;padding:116px 0 60px;grid-template-columns:minmax(0,1fr);gap:38px}.hero-copy{text-align:center}.hero-copy h1{margin:14px 0 18px;font-size:clamp(39px,12vw,54px);letter-spacing:-.055em}.hero-copy>p{margin-inline:auto;font-size:14px;line-height:1.75}.hero-actions{display:grid;grid-template-columns:1fr;gap:9px;margin:24px 0 18px}.hero-actions .button{width:100%;min-height:50px}.hero-notes{justify-content:center;gap:7px 12px;font-size:10px}
  .hero-stage{width:100%;min-width:0}.stage-window{max-width:100%;border-radius:22px;transform:none;animation:none}.window-head{height:43px;padding:0 12px}.window-body{min-height:292px;grid-template-columns:62px minmax(0,1fr)}.window-body aside{min-width:0;padding:12px 5px;gap:7px}.window-body aside b{font-size:9px}.window-body aside span{padding:9px 3px;font-size:8px;text-align:center}.mini-canvas{min-width:0;margin:10px;padding:26px 8px}.mini-cloud{font-size:25px}.mini-canvas h3{margin:9px 0;font-size:clamp(20px,7vw,28px)}.mini-canvas p{font-size:10px}.mini-tags{gap:4px}.mini-tags span{padding:5px 7px}.float-sticker{display:none}
  .marquee{font-size:11px}
  .feature-section,.template-section,.price-section{padding:68px 0}.section-heading{margin-bottom:27px}.section-heading h2,.love-copy h2,.loading-show h2,.price-copy h2,.final-cta h2,.page-hero h1{font-size:clamp(29px,9vw,40px);overflow-wrap:anywhere}.section-heading p{font-size:13px}
  .feature-grid,.template-grid{grid-template-columns:minmax(0,1fr);gap:13px}.feature-card{min-height:235px;padding:25px}.feature-card h3{margin-top:20px}.feature-card b{bottom:24px}
  .row-heading{display:block}.row-heading>a{display:inline-block;margin-top:8px}
  .template-card{min-width:0}.template-preview{min-height:235px;margin:8px;padding:24px}.template-preview h3{margin-top:42px}.template-meta{gap:10px;padding:9px 16px 16px}.template-meta>div{min-width:0}.template-meta small{max-width:68vw}
  .love-section{width:calc(100% - 24px);padding:47px 16px;display:flex;flex-direction:column;gap:22px;border-radius:30px;overflow:hidden}.love-demo{width:100%;min-height:300px;margin:0!important;transform:none!important}.photo{width:155px;height:190px;border-width:8px;border-bottom-width:32px;font-size:40px}.photo.one{left:3%;top:15px}.photo.two{left:auto;right:2%;top:64px}.love-heart{left:50%;top:8px;font-size:50px;transform:translateX(-50%)}.days{left:50%;bottom:2px;width:max-content;max-width:90%;padding:12px 18px;transform:translateX(-50%)}.days strong{font-size:34px}.love-copy{text-align:center}.love-copy p{font-size:13px}.love-copy ul{grid-template-columns:1fr;padding:0}.love-copy li{text-align:left}
  .loading-show{width:calc(100% - 24px);margin-top:65px;padding:38px 16px;grid-template-columns:minmax(0,1fr);gap:24px;border-radius:28px;text-align:center}.loader-demo{min-height:260px;padding:20px}.loader-demo b{font-size:13px}.orbit{right:25px}
  .price-card{padding:28px 15px;grid-template-columns:minmax(0,1fr);gap:25px;border-radius:28px}.price-copy{text-align:center}.price-box{width:100%;min-width:0;padding:25px 20px}.price-box strong{font-size:60px}
  .final-cta{padding:58px 6px 80px}.final-cta .button{width:100%}
  .page-hero{padding:116px 0 45px}.page-hero p{font-size:13px}.filter-pills{justify-content:flex-start;flex-wrap:nowrap;margin-bottom:25px;padding:2px 0 8px;overflow-x:auto;scrollbar-width:none}.filter-pills button{flex:0 0 auto}
  .auth-shell{min-height:100dvh;padding:105px 0 55px;grid-template-columns:minmax(0,1fr)}.auth-card,.auth-card.standalone{width:calc(100% - 24px);margin:105px auto 60px;padding:25px 18px;border-radius:23px}.auth-shell .auth-card{width:100%;margin:0}.auth-card h2{font-size:27px}
  .create-card{width:100%;padding:22px 15px;margin-bottom:85px}.type-option{width:100%}.type-option span{min-height:100px}
  .workspace{min-width:0;padding:9px}.workspace-main{min-width:0;padding:23px 3px calc(88px + env(safe-area-inset-bottom))}.workspace-head{align-items:flex-start;gap:12px}.workspace-head h1{font-size:27px;overflow-wrap:anywhere}.workspace-head .button{flex:0 0 auto;padding-inline:12px;font-size:11px}.stat-row{grid-template-columns:1fr 1fr;gap:9px}.site-item{min-width:0;padding:11px;grid-template-columns:70px minmax(0,1fr);gap:11px}.site-info{min-width:0}.site-info h3,.site-info p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-actions{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,1fr)}.site-actions a,.site-actions button{text-align:center}
  .workspace>.side-nav{left:8px;right:8px;bottom:max(7px,env(safe-area-inset-bottom));height:64px}.side-nav nav{overflow-x:auto;overscroll-behavior-x:contain}.side-nav nav a{min-width:48px}
  .settings-grid{grid-template-columns:1fr}.settings-card{padding:20px 14px}.agent-link{padding:18px 13px}.agent-link>div{flex-direction:column}
  .footer{padding-bottom:calc(28px + env(safe-area-inset-bottom))}
}
@media(max-width:380px){
  .topbar nav .button{padding:0 9px}.hero-copy h1{font-size:38px}.window-body{grid-template-columns:53px minmax(0,1fr)}.mini-canvas{padding-inline:5px}.mini-tags span:last-child{display:none}.photo{width:140px;height:176px}.template-meta small{max-width:58vw}.stat-row{grid-template-columns:1fr}.workspace-head{display:block}.workspace-head .button{margin-top:10px}
}