/* Responsive navigation and consistent touch surfaces, release 1.2. */
:root{--tap:48px}.mobile-menu-button{display:none}button,.button{line-height:1.3}.button,.primary,.quiet,.logout-button{min-height:var(--tap)}.button,.primary{box-shadow:inset 0 1px #ffffff60,0 3px 0 #ac410c,0 7px 14px #b64a1115}.panel,.stat,.feature-card{box-shadow:0 5px 20px #20322009;border-radius:16px}.page-guide{margin:0 0 22px;padding:14px 18px;border:1px solid #dfE6d7;border-radius:12px;background:#f2f6eb;font-size:13px;color:#43543e}.page-guide summary{font-weight:650;cursor:pointer;padding:3px 0;color:#344b31}.page-guide ol{margin:12px 0 4px;padding-left:22px}.page-guide li{padding:4px 0;line-height:1.6}.navigation-dialog{position:fixed;inset:0 0 0 auto;margin:0;width:min(360px,92vw);max-width:none;height:100dvh;max-height:100dvh;border:0;border-radius:22px 0 0 22px;padding:24px;box-shadow:-12px 0 60px #14261f30;overflow:auto;background:#fbfcf7;color:#233b2b}.navigation-dialog::backdrop{background:#13271d88;backdrop-filter:blur(3px)}.navigation-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.navigation-heading strong{font-size:22px;letter-spacing:-.7px}.navigation-heading button{background:#eaf0e3;border:1px solid #d4dfc8;color:#2e4829;min-width:48px;min-height:48px;border-radius:12px;font-size:20px}.navigation-dialog nav{display:grid;gap:8px}.navigation-dialog nav a,.navigation-dialog nav button{display:flex;align-items:center;text-align:left;gap:12px;padding:15px 17px;min-height:52px;border-radius:12px;border:1px solid #e0e7d8;background:white;color:#2c442b;font-size:15px;font-weight:600;text-decoration:none}.navigation-dialog nav a[aria-current=page]{background:#fff0e0;color:#a7460d;border-color:#ecb48a}.navigation-dialog p{font-size:13px;line-height:1.6;margin:22px 0;color:#63745a}.navigation-dialog .nav-dot{display:none}.navigation-dialog .button{color:white}.site-header .mobile-menu-button,.topbar .mobile-menu-button{background:#fff;border:1px solid #d9e2ce;border-radius:12px;color:#2f472c;padding:10px 15px;min-height:48px;font-weight:650;gap:8px;align-items:center}.site-header{position:relative;z-index:10}.experience-controls{z-index:15}.navigation-dialog~.experience-controls{z-index:15}.table-wrap{max-width:100%;overscroll-behavior-x:contain}.form-row>label{min-width:0}.page-heading>div{min-width:0}.stat>strong{overflow-wrap:anywhere}.feature-card p{font-size:14px;line-height:1.7}.hero-notes{font-size:12px;flex-wrap:wrap}.button{font-size:14px}.text-link{font-size:14px}.footer-links a{min-height:44px;display:inline-flex;align-items:center}.gate-card .wordmark{margin-bottom:20px}.gate-card [data-app-settings]{display:block;margin-bottom:22px;font-size:13px}.gate-card .eyebrow{margin-top:12px}
@media(max-width:900px){.has-mobile-menu .site-header nav,.has-mobile-menu .site-header .header-actions{display:none}.has-mobile-menu .site-header>.text-link{display:none}.site-header .mobile-menu-button{display:inline-flex}.site-header{padding:12px 20px;gap:12px;background:#fbfcf7;position:sticky;top:0;box-shadow:0 3px 16px #21381c08}.brand img{width:150px;height:52px}.hero{padding-top:40px}.hero h1{font-size:clamp(40px,8vw,64px);letter-spacing:-2px}.section{padding-top:56px;padding-bottom:56px}.wrap{padding-inline:22px}.feature-grid{grid-template-columns:1fr}.feature-card{padding:24px}.feature-card h3{font-size:23px}.feature-card p{max-width:60ch}.section-intro{display:block}.section-intro p{max-width:60ch;margin-top:20px}.business-grid{gap:30px}.announcement{font-size:12px;padding:10px 14px}.announcement a{display:inline-block;margin-left:5px}.download-copy h2{font-size:36px}.has-mobile-menu .sidebar{display:none}.has-mobile-menu .app-shell{margin-left:0}.has-mobile-menu .topbar .mobile-menu-button{display:inline-flex}.topbar{position:sticky;top:0;z-index:10;flex-wrap:wrap;gap:10px;padding:12px 16px;background:#ffffffed;backdrop-filter:blur(12px);height:auto}.topbar .breadcrumb{flex:1;font-size:12px}.topbar>div{width:100%;justify-content:flex-end;gap:8px}.topbar .live-dot,.topbar .avatar{display:none}.topbar form{margin-left:0}.topbar .logout-button{min-height:44px}.content{padding:24px 18px 90px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.two-column{grid-template-columns:minmax(0,1fr)}.panel{padding:20px}.page-heading{flex-wrap:wrap;gap:16px}.page-heading .button{font-size:13px;padding:13px 16px;gap:10px}.export-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-guide{font-size:13px}.panel-heading{flex-wrap:wrap}.filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.filters label{min-width:0}.login-form{padding:24px}.login-form>div{padding:28px}.stat{padding:20px}.stat small{line-height:1.5;display:block}}
@media(max-width:480px){.hero-actions{display:grid;gap:18px}.hero-actions .button{width:100%;min-height:54px}.hero-actions .text-link{min-height:44px;display:flex;align-items:center}.hero-intro{font-size:15px}.hero-bottom{margin-top:22px}.hero-notes{gap:10px}.section h2{font-size:32px;letter-spacing:-1px}.stat{padding:16px}.stat>strong{font-size:26px;margin:10px 0}.stat>span{font-size:12px}.stat:before{margin-bottom:12px}.export-grid,.filters{grid-template-columns:1fr}.form-row{flex-direction:column;gap:0}.panel{padding:18px}.login-form{padding:18px}.login-form>div{padding:24px 20px}.brand img{width:140px}.experience-controls summary{min-height:44px}.app-footer{line-height:1.7}}
.navigation-heading strong span{color:#d75916}
/* 1.3 spacing pass: consistent control groups and resilient card content. */
:root{--space-1:8px;--space-2:12px;--space-3:16px;--space-4:24px}.button{gap:12px;white-space:normal;text-align:center}.button span{margin-left:0}.hero-actions,.header-actions,.panel-heading,.page-heading{gap:16px}.feature-grid,.stats-grid,.export-grid{gap:16px}.feature-card{display:flex;flex-direction:column;min-width:0}.feature-card p{flex:1;margin-bottom:20px}.feature-card h3{line-height:1.3}.feature-mini,.mini-flow,.paper-tags{margin-top:auto;flex-wrap:wrap;gap:8px}.panel-heading h2,.cart-top h2{margin-bottom:0}.panel-heading{margin-bottom:20px}.panel form .button{margin-top:8px}.panel .form-row{gap:16px}.panel label{line-height:1.5}.stat{min-width:0}.stat>strong{line-height:1.2}.stat small{overflow-wrap:anywhere}.export-card{display:flex;flex-direction:column;gap:12px;padding:22px;min-width:0}.export-card span{margin:0}.export-card strong{padding-right:18px;overflow-wrap:anywhere}.table-wrap{margin-top:12px}.table-wrap table{margin:0}.table-wrap td{overflow-wrap:anywhere}.table-wrap td .button{margin:4px 0}.notice{overflow-wrap:anywhere}.navigation-dialog nav{gap:10px}.navigation-dialog nav a{line-height:1.4}.navigation-dialog nav button{line-height:1.4}.topbar>div{gap:10px}.topbar form{margin-left:0}.topbar .logout-button{padding:11px 14px}.login-form label{margin:20px 0}.login-form .button.full{margin-top:12px}.login-form .fine{margin-top:22px}.password-field{margin-top:8px}.password-field input{margin-top:0}.table-wrap:focus-visible{outline:2px solid #c66120;outline-offset:3px}.page-shortcuts{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 20px}.page-shortcuts a{padding:10px 14px;min-height:44px;background:#fff;border:1px solid #dfe5d8;border-radius:10px;font-size:13px;color:#40583b;display:flex;align-items:center}.page-shortcuts a:hover{background:#fff1df;border-color:#ebb991}
@media(max-width:600px){.feature-grid,.stats-grid{gap:12px}.page-heading{margin-bottom:20px}.page-heading .button{width:100%}.page-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.page-shortcuts a{font-size:12px;justify-content:center;text-align:center}.panel .form-row{gap:0}.panel-heading .subtle-link{min-height:44px;display:inline-flex;align-items:center}.panel table{font-size:12px}.panel td,.panel th{padding:12px 10px}.panel td small{font-size:11px}.form-row{margin:0}.stat{padding:18px 15px}.stat>span{min-height:36px}.stat>strong{font-size:25px}.topbar>div{gap:10px;justify-content:space-between}.topbar .logout-button{font-size:12px;min-height:44px}.button.small{min-height:46px}.login-form .password-toggle{min-height:40px}.feature-card{padding:24px}.site-header{padding:12px 18px}.hero-notes{row-gap:8px}.paper-tags span{margin:0}.export-card{padding:20px}.filters .button{width:100%}.navigation-dialog{padding:22px 18px}}
/* Decorative rings stay within the hero at intermediate desktop widths. */
.hero-visual .orbit{max-width:85%}
.hero-visual .orbit-two{width:min(440px,70%)}