/* Public navigation, pricing, and legal pages. */
.reference-design .reference-nav{display:flex;align-items:center;gap:32px;padding:20px clamp(20px,4vw,72px)}
.reference-design .reference-links{display:flex!important;flex:1;justify-content:flex-end;margin:0;gap:28px}
.reference-design .reference-links>a{font-size:18px}
.reference-design .reference-actions{display:flex;gap:0}
.reference-design .login-button{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:13px 22px;border:1px solid #00849a;border-radius:12px;background:linear-gradient(135deg,#008fa6,#00667e);box-shadow:0 4px 12px #007f9826;color:white;font-size:18px;font-weight:600;white-space:nowrap;transition:background .2s,box-shadow .2s}
.reference-design .login-button:hover{background:#00667e;box-shadow:0 6px 18px #007f9840}
.reference-design a:focus-visible{outline:3px solid #36c1ce;outline-offset:5px}
.reference-design .feature-tour-anchor{padding-top:0;scroll-margin-top:115px}
.reference-design .work-home-heading{font-size:clamp(34px,4vw,56px);margin:0 0 40px;line-height:1.15}
.reference-design .walk-caption{max-width:100%;font-size:16px}
.reference-design .walk-controls{min-height:48px}
.reference-design .pricing-section{background:#f1f8fa;scroll-margin-top:90px}
.reference-design .pricing-section>h2,.reference-design .faq-grid h2{font-size:clamp(36px,4vw,56px);margin:0 0 40px;line-height:1.15}
.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:1440px;margin:auto}
.pricing-card{display:flex;flex-direction:column;align-items:stretch;padding:32px;border:1px solid #c9dfe4;border-radius:20px;background:#fff;color:#10313f;text-align:left}
.pricing-card.standard{border:2px solid #00849a;padding:31px;box-shadow:0 12px 32px #006a8010}
.pricing-card h3{font-size:23px;margin:0 0 28px;letter-spacing:0}
.pricing-card .plan-price{font-size:clamp(32px,3.2vw,46px);font-weight:700;line-height:1.2;letter-spacing:-.04em;color:#10313f;margin:0 0 12px;white-space:nowrap}
.pricing-card .plan-unit{font-size:17px;line-height:1.5;color:#516a76;margin:0;min-height:52px}
.pricing-card ul{padding:24px 0;margin:20px 0 24px;list-style:none;border-top:1px solid #e0eaee;flex:1}
.pricing-card li{font-size:17px;line-height:1.5;padding:8px 0 8px 25px;position:relative}
.pricing-card li::before{content:'✓';position:absolute;left:0;color:#007f98;font-weight:700}
.pricing-card .plan-link{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #a4c7d0;border-radius:10px;padding:15px 18px;font-size:17px;font-weight:600;color:#006d83;text-decoration:none}
.pricing-card.standard .plan-link{background:#007f98;color:white;border-color:#007f98}
.pricing-card .plan-link:hover{box-shadow:0 4px 14px #007f9820}
.pricing-note{font-size:16px!important;line-height:1.6;color:#526b76;margin:26px 0 0!important;text-align:center}
.reference-design .closing{padding:72px 24px}
.reference-design .closing h2{font-size:clamp(36px,4.5vw,64px);margin:0 0 28px}
.reference-design .closing .btn{font-size:18px;padding:16px 28px}
.reference-design .footer{display:grid;grid-template-columns:auto 1fr;gap:28px 48px;align-items:center;padding:40px clamp(24px,4vw,72px);padding-bottom:32px}
.reference-design .footer .direction-lockup{width:280px}
.reference-design .footer nav{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:20px 28px;margin:0}
.reference-design .footer nav a{font-size:16px;line-height:1.5;white-space:nowrap;color:#c4d6dd}
.reference-design .footer>p{grid-column:1/-1;margin:0;padding-top:22px;border-top:1px solid #ffffff20;font-size:16px;color:#9fb8c3}
.legal-main{max-width:850px;margin:0 auto;padding:64px 24px 88px;color:#173341;font-size:18px;line-height:1.75}
.legal-main h1{font-size:clamp(36px,5vw,56px);line-height:1.15;margin:0 0 20px;letter-spacing:-.04em}
.legal-main h2{font-size:25px;line-height:1.3;margin:38px 0 12px;letter-spacing:-.02em}
.legal-main p{font-size:18px;line-height:1.75;margin:12px 0}
.legal-main a{color:#006e83;text-decoration:underline;overflow-wrap:anywhere}
.legal-status{padding:18px 22px;background:#eaf5f7;border:1px solid #c6dfe5;border-radius:12px;margin:24px 0 32px}
.legal-status p{margin:0}
@media(max-width:1000px){.pricing-grid{gap:16px}.pricing-card{padding:24px}.pricing-card.standard{padding:23px}.reference-design .footer{grid-template-columns:1fr}.reference-design .footer nav{justify-content:flex-start}.reference-design .footer .direction-footer-brand{justify-self:start}}
@media(max-width:760px){.pricing-grid{grid-template-columns:1fr}.pricing-card .plan-unit{min-height:0}.pricing-card h3{margin-bottom:20px}.reference-design .reference-nav{gap:18px;padding:16px 20px}.reference-design .reference-links>a{font-size:16px}.reference-design .login-button{font-size:16px;padding:11px 15px;gap:12px}.reference-design .reference-brand .direction-logo{width:115px}.reference-design .reference-links{gap:0}.reference-design .footer{gap:26px;padding:32px 24px}.reference-design .footer .direction-lockup{width:260px}.reference-design .footer nav{gap:16px 22px}.legal-main{padding-top:40px}}
@media(prefers-reduced-motion:reduce){.reference-design .login-button{transition:none}}
.reference-design .reference-links>a{display:inline-flex}
@media(max-width:380px){.reference-design .reference-nav{gap:12px;padding:14px 16px}.reference-design .reference-brand .direction-logo{width:102px}.reference-design .login-button{gap:8px;padding:10px 12px}}
.pricing-page main{min-height:calc(100svh - 260px);background:#f1f8fa}
.reference-design .pricing-section>h1{font-size:clamp(36px,4vw,56px);margin:0 0 40px;line-height:1.15;letter-spacing:-.04em}
.reference-design .faq-list summary{font-size:18px;line-height:1.5}
.reference-design .faq-list details p{font-size:17px;line-height:1.7}