.flow-menu-button{min-height:44px;padding:8px 12px;border:1px solid #bba7e540;border-radius:10px;background:#151724;color:#e4dbf3;font:500 .8rem "DM Sans",sans-serif;cursor:pointer}
.mobile-nav-toggle{display:none}
.agent-dialog>.flow-menu-button{position:absolute;left:12px;bottom:4px;min-height:42px;padding-inline:10px;font-size:.7rem;z-index:19}
.flow-dialog{width:min(540px,calc(100% - 28px));max-height:calc(100svh - 28px);overflow:auto;padding:24px;border:1px solid #b7a0db66;border-radius:24px;background:radial-gradient(ellipse at top right,#302442,#111923 70%);color:#f2f2f8;box-shadow:0 36px 100px #000b}
.flow-dialog::backdrop{background:#030610bd;backdrop-filter:blur(10px)}
.flow-dialog header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
.flow-dialog .flow-brand{font:1.5rem Georgia,serif;letter-spacing:.15em;color:#d1e6e8}
.flow-close{width:44px;height:44px;flex:none;border:1px solid #bcacd044;border-radius:50%;background:#252638;color:#f5edff;font-size:1.4rem;cursor:pointer}
.flow-dialog h2{font:600 clamp(1.6rem,6vw,2.2rem)/1.15 "Playfair Display",Georgia,serif;margin:0 0 16px}
.flow-dialog p{color:#bcc6d4;font-size:.88rem;line-height:1.6}
.flow-links{display:grid;gap:4px}
.flow-links a{padding:15px 8px;border-bottom:1px solid #b7a0db25;font-size:1.05rem}
.flow-links a:hover,.flow-links a[aria-current]{color:#d4b9ff;background:#b7a0db0d}
.flow-dialog form{display:grid;gap:16px;margin-top:20px}
.flow-dialog label{display:grid;gap:7px;color:#dce3ed;font-size:.85rem}
.flow-dialog input,.flow-dialog textarea{width:100%;min-width:0;padding:12px;border:1px solid #acb4cc55;border-radius:10px;background:#101722;color:#fff;font:inherit;line-height:1.5}
.flow-dialog textarea{min-height:110px;resize:vertical}
.flow-submit,.team-contact-button{min-height:46px;padding:12px 15px;border:1px solid #b6a1e066;border-radius:10px;background:linear-gradient(110deg,#65509b,#414a71);color:#fff;font:600 .85rem "DM Sans",sans-serif;cursor:pointer}
.team-contact-button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin-top:18px}
.team-contact-button:disabled{opacity:.45;cursor:not-allowed}
.team-contact-button:focus-visible{outline:2px solid #cdb8ff;outline-offset:3px}
.flow-selected{padding-left:12px;border-left:2px solid #a98cdb;overflow-wrap:anywhere}
.flow-dialog [role=status]{margin:0;color:#a5e9cf}
.flow-dialog :focus-visible,.flow-menu-button:focus-visible,.primary-nav a:focus-visible,.category-bar a:focus-visible,.liyrra-brand:focus-visible,.hire-button:focus-visible,.explore-button:focus-visible{outline:2px solid #cdb8ff;outline-offset:3px}
.team-builder-bar .flow-menu-button{margin-left:auto;margin-right:12px}
#pricing{scroll-margin-top:84px}
@media(max-width:850px){
 .site-header{grid-template-columns:1fr auto;gap:10px}
 .site-header .primary-nav{display:none}
 .site-header .mobile-nav-toggle{display:block;grid-column:2;grid-row:1}
 .site-header .liyrra-brand{grid-column:1;grid-row:1;justify-self:start;left:0}
 .site-header .hire-button{grid-column:1/-1;grid-row:2;justify-self:center}
}
@media(max-width:360px){.flow-dialog{padding:20px 16px}.agent-dialog>.flow-menu-button{left:6px;padding-inline:7px}}
/* Preserve readable separation when the header CTA uses its tablet width. */
.site-header .hire-button{gap:12px}
/* Route focus keeps the agents section accessible without framing the whole grid. */
.agents-section[tabindex="-1"]:focus{outline:none}

/* Shared menu and inquiry use the same light materials as the garden pavilion. */
.flow-dialog{border-color:#d1daca;border-top-color:#fffef7;border-radius:24px;background:linear-gradient(135deg,#fffdf5,#edf0e2);color:#2d4734;color-scheme:light;font-family:"Segoe UI",Arial,sans-serif;box-shadow:inset 0 1px #fff,0 26px 85px #1d362740;overscroll-behavior:contain;scroll-behavior:auto}
.flow-dialog::backdrop{background:#20372e75;backdrop-filter:blur(8px)}
.flow-dialog .flow-brand{padding:8px 12px;border:1px solid #d5e1d229;border-radius:13px;background:linear-gradient(140deg,#354641,#18343a);box-shadow:inset 0 1px #ffffff21,0 4px 12px #2d462416}
.flow-dialog h2{font:750 clamp(1.6rem,6vw,2.1rem)/1.13 "Segoe UI",Arial,sans-serif;letter-spacing:-.035em;color:#2c4834}
.flow-dialog p{color:#63775c}
.flow-dialog .flow-close{display:grid;place-items:center;padding:0;border-color:#c2d0b8;border-top-color:#fffef8;background:linear-gradient(180deg,#fffdf7,#e3ebd9);color:#456341;box-shadow:inset 0 1px #fff,0 3px 8px #344c2712}
.flow-dialog .flow-close:hover{background:#dde8d1;border-color:#8fa884}
.flow-dialog .flow-links a{min-height:49px;padding:15px 12px;border-bottom-color:#d3ddc8;border-radius:9px;color:#39563c;font-size:1rem;font-weight:650}
.flow-dialog .flow-links a:hover,.flow-dialog .flow-links a[aria-current]{background:#dde8d280;color:#244e2d}
.flow-dialog label{color:#42613f;font-size:.88rem;font-weight:650}
.flow-dialog input,.flow-dialog textarea{border-color:#c3d0b8;border-radius:11px;background:#fffef8;color:#2d4932;box-shadow:inset 0 2px 4px #304a2b06;font-family:"Segoe UI",Arial,sans-serif}
.flow-dialog :is(input,textarea)::placeholder{color:#849278}
.flow-dialog .flow-submit{border-color:#2b4730;border-top-color:#778c6c;background:linear-gradient(180deg,#425d43,#2c4431);color:#fffdf5;box-shadow:inset 0 1px #ffffff20,0 4px 10px #30462a21;font:700 .91rem/1.4 "Segoe UI",Arial,sans-serif}
.flow-dialog .flow-submit:hover{background:linear-gradient(180deg,#4e6e4d,#365437)}
.flow-dialog .flow-selected{border-left-color:#87a978;color:#527349}
.flow-dialog [role=status]{color:#3e7447;overflow-wrap:anywhere}
.flow-dialog :focus-visible{outline:3px solid #426e55;outline-offset:3px}
.flow-menu-button{border-color:#c6d2bd;border-top-color:#fffef7;background:linear-gradient(180deg,#fffdf5,#e5ecdb);color:#405e3e;box-shadow:inset 0 1px #fff9;font-family:"Segoe UI",Arial,sans-serif;font-weight:650}
.flow-menu-button:hover{border-color:#93ab85;background:#e1ead6}
.flow-menu-button:focus-visible{outline:3px solid #426e55;outline-offset:3px}

/* The shared agent rail remains reachable by touch on phones and tablets. */
.agent-dialog>.flow-menu-button{min-width:58px;min-height:44px}