/* Waylight: readable type, contained focus demo, and a compact phone route. */
:focus-visible{outline:2px solid var(--lime);outline-offset:4px}
[hidden]{display:none!important}
.shell{min-width:0}
.get-grid,.beyond-grid,.pricing-layout{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr)}
.reader-card{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}
.hero-stage{min-width:0;padding:25px 24px 22px}
.sentence-stack{color:#e5e6ed;font-size:clamp(21px,2vw,29px);line-height:1.35;gap:19px;padding:35px 12px 95px;min-height:390px;cursor:text}
.sentence-stack p{position:relative}
.rhythm{position:relative;gap:0;flex-wrap:nowrap;font-size:11px;margin:0 0 23px;min-height:80px}
.rhythm .example-bubble{position:absolute;right:calc(50% + 85px);flex:0 0 156px;width:156px;height:80px;padding:0;border:0;border-radius:0;background:none;color:#22211d;filter:drop-shadow(1px 3px 0 #0009);transition:transform .15s ease}
.example-cloud{display:block;width:100%;height:100%;pointer-events:none}
.example-label{position:absolute;top:29px;left:36px;font:700 9.5px/1.35 "Courier New",monospace;letter-spacing:-.25px;text-align:left;text-transform:uppercase;white-space:nowrap;pointer-events:none}
.rhythm .example-bubble:hover{transform:translateY(-2px)}
.rhythm .example-bubble:active{transform:translateY(1px)}
.rhythm .example-bubble:focus-visible{outline:2px dashed var(--lime);outline-offset:4px;border-radius:14px}
.rhythm-guide{display:flex;flex-direction:column;align-items:center;gap:9px;min-width:170px;padding-top:8px}
.rhythm-arrows{display:flex;align-items:center;justify-content:space-between;width:154px}
.rhythm-arrows button{min-width:40px;min-height:40px}
.rhythm-guide>span{font:11px/1.3 var(--mono);white-space:nowrap}
.hero h1{font-size:clamp(60px,6.2vw,90px)}
.hero-feature{padding:28px 24px}
.hero-stage-head .button{padding:0 14px;margin-left:12px;flex:none}
.hero-stage-head{line-height:1.5}
.hero-stage .control-strip{flex:none}
.mobile-welcome,.mobile-intro,.mobile-integrations{display:none}
:root{--pixel:WaylightPixel,ui-monospace,monospace}
#example-dialog{padding:0;border:1px solid var(--rule);width:min(1100px,94vw);height:min(850px,92vh);max-height:92vh;background:var(--panel);color:var(--ink)}
#example-dialog::backdrop{background:#000b}
.example-toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;font:13px/1 var(--mono)}
#example-dialog iframe{display:block;border:0;width:100%;height:calc(100% - 74px)}
.reader-shell{min-width:0;--reader-bg:#d4d8da;--reader-paper:#f3efe5;--reader-ink:#232222}
.reader-shell[data-theme=dark]{--reader-bg:#0b0f13;--reader-paper:#171c22;--reader-ink:#eae7df;color-scheme:dark}
.reader-top{z-index:100}
.reader-top .inner{width:calc(100% - 36px);height:auto;min-height:70px;flex-wrap:wrap;padding:12px 0}
.reader-top .logo{font-size:25px;margin-right:8px}
.reader-top button,.reader-top select{min-height:38px;text-transform:none;font-size:11px}
.reader-top button:disabled{opacity:.55;cursor:not-allowed}
.reader-settings{display:flex;align-items:center;gap:16px;flex-wrap:wrap;border-top:1px solid var(--rule);padding:9px 18px;color:#cbd0d3;font:11px/1.4 var(--mono)}
.reader-settings label{display:flex;align-items:center;gap:7px}
.reader-settings select{padding:0 7px;height:32px;min-height:32px}
.reader-settings input{accent-color:var(--lime)}
.reader-hint{color:#aaa5ff}
.reader-main{width:calc(100% - 36px);margin:20px auto}
.reader-main:has(#empty[hidden]){margin:8px auto}
.drop{padding:26px}.drop .pixel{font-size:clamp(34px,4vw,54px)!important}
.drop textarea{min-height:150px;max-width:780px}.drop #drop{padding:10px!important}
.document-view{background:var(--reader-bg);padding:30px 18px 100px;min-height:calc(100vh - 160px)}
.paper{width:min(var(--reader-width,760px),100%);background:var(--reader-paper);color:var(--reader-ink);padding:55px clamp(24px,6vw,80px);min-height:0;margin:0 auto 24px;scroll-margin-top:160px}
.paper article{font-size:var(--reader-size,21px);line-height:1.8;overflow-wrap:anywhere}
.paper-name{color:var(--reader-ink);opacity:.65;line-height:1.4}
.reader-frame{height:760px}
@media(max-width:1050px){
  .rhythm .example-bubble{position:relative;right:auto}.rhythm-guide{min-width:140px}.rhythm-arrows{width:130px}.rhythm-guide>span{font-size:9px}
  .shell{width:calc(100% - 36px)}
  .navlinks{margin-left:0}.navlinks a{padding:0 10px}
  .hero-title{padding:36px 24px}.hero-feature{padding:22px 18px}
  .hero-stage-head{font-size:9px}.hero-stage-head .button{font-size:10px}
  .hero-foot{grid-template-columns:1fr}.hero-feature+.hero-feature{border-left:0;border-top:1px solid var(--rule)}
  .browser-card{padding:22px}.browser-card .row .button{padding:0 14px}
  .beta-card{grid-template-columns:1fr}.beta-card .app-icon{display:none}
  .reader-card{grid-template-columns:1fr}.reader-preview{display:none}
  .tier{padding:16px 10px}.tier .button{padding:0 8px}
}
@media(max-width:700px){
  .mobile-welcome{display:block;padding:20px 8px 24px}.mobile-welcome h1{font:56px/.96 var(--pixel);margin:16px 0}.mobile-welcome p{font-size:16px;line-height:1.6;margin:0 0 18px}.mobile-welcome .button{min-height:44px;font-size:11px}.mobile-free{display:inline-block;font-size:12px;margin:12px 0 0 14px;text-underline-offset:4px}
  .shell{width:calc(100% - 28px)}
  .topbar{height:60px;margin-bottom:14px}.logo{padding:0 14px;font-size:25px}
  .navlinks{margin-left:auto}.navlinks a{font-size:10px;padding:0 12px}.navlinks a[href="#how"],.navlinks a[href="#get"],.nav-cta{display:none}
  .hero{display:block;min-height:0}.hero-title{padding:22px}.hero h1{font-size:50px;line-height:.96;margin-top:14px}.hero h1 br{display:none}
  .hero-copy{display:none}
  .hero-foot{display:block}.hero-feature{padding:20px 22px}.hero-feature:first-child{display:none}.hero-feature+.hero-feature{border:0}.hero-feature p{font-size:15px}
  .hero-stage{border-left:0;border-top:1px solid var(--rule);padding:14px}.hero-stage-head{display:none}
  .sentence-stack{min-height:220px;padding:8px 6px 70px;font-size:18px;gap:8px}
  .sentence-stack p:first-child,.sentence-stack p:nth-child(2){display:none}
  .rhythm{display:none}.rhythm-guide{min-width:0;flex:1;padding-top:0}.rhythm-guide>span{display:none}.rhythm-arrows{width:100%;max-width:125px}.rhythm-arrows button{min-width:44px;min-height:44px}
  .rhythm .mouse{display:none}.sentence-stack{touch-action:pan-y}
  .control-strip{height:54px;display:grid;grid-template-columns:1fr 1fr;margin-top:8px}.control-strip button,.control-strip select{font-size:10px;padding:0 10px;min-height:54px}.control-strip #demo-line{display:none}
  .mobile-intro{display:block;padding:30px 8px 10px}.mobile-intro h2{font:38px/1 var(--pixel);margin:10px 0 18px}.mobile-intro ol{padding-left:22px;margin:0 0 16px}.mobile-intro li{font-size:14px;line-height:1.6;padding-left:4px;margin-bottom:12px}.mobile-intro p{font-size:12px;line-height:1.6}.mobile-intro .row{gap:0;margin:18px 0 14px}.mobile-intro .button{font-size:11px;min-height:44px}.phone-setup{border-top:1px solid var(--rule);padding:14px 0;font-size:13px}.phone-setup summary{cursor:pointer}.phone-setup p{margin:12px 0 0}
  .section{padding-top:34px}.section-head{margin-bottom:18px}.section h2{font-size:38px;line-height:1}.section-lede{font-size:15px}.kicker{font-size:9px}
  #get{padding-top:16px}#get .section-head,#get .browser-art,#get .platforms,#get .side-card,#get .notice{display:none}
  .get-grid{display:block}.browser-card{min-height:0;padding:18px}.browser-card h3{font-size:24px;margin:0 0 7px}.browser-card p{font-size:13px}.browser-card .tag{float:right}.browser-card .row{gap:6px}.browser-card .row a{min-height:38px;padding:0 10px;font-size:9px}
  #beyond{padding-top:20px}#beyond>.section-head,#beyond>.beyond-grid,#beyond>.notice{display:none}.mobile-integrations{display:block;border:1px solid var(--rule);padding:18px;background:var(--panel)}.mobile-integrations p{margin:0;line-height:1.7}.mobile-integrations .small{margin-top:8px}.mobile-integrations a{color:#c4beff;text-underline-offset:3px}
  #reader .reader-frame{display:none}.reader-embed{padding:12px}.reader-embed-foot{display:block;min-height:0;padding:0;font-size:10px}.reader-embed-foot a{display:flex;margin-top:12px}.reader-embed-foot span{display:block}
  #reader .section-no,#pricing .section-no{display:none}#reader h2{font-size:30px}#reader .section-lede{font-size:13px}#reader .section-head{margin-bottom:12px}
  .pricing-layout{display:block}.tier-grid{grid-template-columns:1fr 1fr}.tier{min-height:0;padding:14px}.tier:nth-child(3){grid-column:1/-1;border-left:0;border-top:1px solid var(--rule);padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.tier:nth-child(3) h3{font-size:21px;margin:0}.tier:nth-child(3) .price,.tier:nth-child(3) p,.tier:nth-child(3) ul{display:none}.tier:nth-child(3) a{min-height:36px;padding:0 12px;font-size:10px}.tier h3{font-size:26px;margin:0}.price{font-size:42px;margin-top:12px}.tier .tag{margin-bottom:8px;font-size:8px}.tier ul{font-size:12px}.tier p{font-size:12px}.price-foot{font-size:8px;gap:12px;padding:10px;height:auto;line-height:1.4}.price-foot span:last-child{display:none}
  .faq-card{margin-top:14px;padding:18px}.faq-card h3{font-size:30px;margin:8px 0 14px}.faq-card summary{padding:12px;font-size:12px}.faq-card details p{font-size:12px}
  .faq-card>.kicker{display:none}.faq-card h3{font-size:26px}.tier ul{line-height:1.65}.tier .button{font-size:9px;min-height:44px}.tier p{min-height:0}
  footer{padding:18px 12px;display:block}.footer-links{margin-top:20px;gap:16px;flex-wrap:wrap}.footer-note{display:none}
  .page{padding:24px 20px;min-height:0}.page h1{font-size:44px}.page h2{font-size:30px}.conv{grid-template-columns:1fr}
  .reader-top .inner{width:calc(100% - 20px);gap:6px;padding:10px 0}.reader-top .logo{width:100%;font-size:25px;padding-bottom:4px}
  .reader-top button,.reader-top select{font-size:10px;padding:0 8px;min-height:36px;height:36px}.reader-top .spacer{display:none}
  .reader-settings{padding:10px;gap:10px;font-size:10px}.reader-settings select{font-size:10px}.reader-hint{display:none}
  .reader-main{width:calc(100% - 20px);margin:12px auto}.drop{padding:20px 14px}.drop .pixel{font-size:34px!important}.drop>p{font-size:14px}.drop .button,.drop .button-ghost{font-size:10px;padding:0 12px;min-height:42px}.drop textarea{min-height:125px}.drop #drop{display:none}.document-view{padding:12px 8px 100px}.paper{padding:30px 22px;scroll-margin-top:240px}.paper article{font-size:var(--reader-size,21px);line-height:1.8}
  #example-dialog{width:96vw;height:94vh;max-height:94vh}.example-toolbar{font-size:11px;padding:8px 12px}
  .mobile-reader #line-focus,.mobile-reader #line-previous,.mobile-reader #line-next{display:none}
  .mobile-reader .reader-settings label:has(#sensitivity),.mobile-reader .reader-settings label:has(#capture),.mobile-reader .reader-hint{display:none}
  .mobile-reader .reader-top .inner{display:grid;grid-template-columns:1fr 1fr}.mobile-reader .reader-top .logo{grid-column:1/-1}.mobile-reader #anchors,.mobile-reader #font{min-height:48px}.mobile-reader #new-file{grid-column:1/-1}.mobile-reader #previous,.mobile-reader #next,.mobile-reader #page-count{display:none}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}