/* Consistent vector navigation, with compact mobile presentation. */
.link-icon{width:18px;height:18px;display:inline-block;flex:0 0 18px;vertical-align:middle;margin-left:6px}
.rotate-back{transform:rotate(180deg)}.rotate-down{transform:rotate(90deg)}.rotate-up{transform:rotate(-90deg)}
.nav-controls{display:none}
@media(max-width:650px){
 html{scroll-padding-top:152px}
 .header-top{min-height:72px!important;padding:10px 16px!important;gap:10px!important}
 .header-top .brand-logo{width:42px!important;height:42px!important}
 .header-top .wordmark{font-size:14px!important;letter-spacing:.6px}
 .header-top .wordmark small{font-size:7px!important;letter-spacing:2.5px!important}
 .header-actions .button{font-size:0!important;min-height:44px;padding:10px 12px!important;border-radius:7px;gap:6px!important}
 .header-actions .button:before{content:'Plan your event';font-size:11px;font-weight:700}
 .header-actions .button .link-icon{width:15px;height:15px;flex-basis:15px;margin:0}
 .expanded-header .page-nav{padding:0!important;scrollbar-width:none}
 .page-nav::-webkit-scrollbar{display:none}
 .page-nav .nav-inner>a{min-width:122px!important;min-height:58px!important;padding:12px 16px!important;gap:4px}
 .page-nav .nav-inner>a span{font-size:12px}.page-nav .nav-inner>a small{font-size:10px}
 .header-hint{display:none!important}
 .nav-controls{display:flex;align-items:center;justify-content:space-between;padding:4px 16px;border-top:1px solid #292e45;background:#101426;gap:12px}
 .nav-controls span{font-size:10px;color:#bbc8df;letter-spacing:.3px}
 .nav-controls button{display:flex;align-items:center;justify-content:center;background:transparent;color:#a9eaff;border:1px solid #3f4a68;border-radius:6px;width:44px;height:32px;cursor:pointer}
 .nav-controls button:disabled{opacity:.3;cursor:default}.nav-controls .link-icon{margin:0}
 .hero{min-height:0;padding:48px 20px 56px!important}
 .hero h1,h1{font-size:clamp(44px,11.2vw,70px)!important;letter-spacing:-.6px;line-height:1.02;overflow-wrap:break-word}
 .hero .eyebrow{font-size:9px;letter-spacing:1px;margin-bottom:22px}
 .hero p{font-size:15px;line-height:1.7;margin:22px 0}
 .hero-actions{display:grid;grid-template-columns:1fr;gap:12px;max-width:400px}
 .button{min-height:48px;border-radius:7px;gap:12px!important;padding:15px 18px!important;line-height:1.4}
 .section,.about{padding:48px 20px!important}
 h2{font-size:clamp(36px,9.5vw,54px)!important;line-height:1.05}
 h3{font-size:29px;line-height:1.1}
 .page-hero{padding:40px 20px!important}.page-hero h1{margin:20px 0}
 p{font-size:15px;line-height:1.7}
 .section-head{margin-bottom:28px}.section-head p{margin-top:18px}
 .services,.pricing,.details,.contact,.preview-grid{grid-template-columns:minmax(0,1fr)!important}
 .service{padding:24px;min-height:0}.service .number{margin-bottom:24px}.service p{font-size:14px}
 .service-link .more{font-size:12px;display:flex;align-items:center;margin-top:24px}
 .price-card{padding:24px;border-radius:10px}.details{gap:24px}.pricing{gap:16px}
 .feature-copy{padding:40px 20px!important}.feature-image{min-height:240px}
 .process{gap:24px 18px}.step h3{font-size:26px;margin-top:20px}
 .ticker{padding:18px 20px;gap:12px;font-size:9px}.ticker span:not(:last-child):after{content:none}
 input,select,textarea{font-size:16px!important;min-height:48px;border-radius:6px}
 .contact .button{margin:0 0 12px;width:100%;max-width:400px}
 footer{padding:28px 20px;display:grid;grid-template-columns:1fr 1fr;gap:12px}
 footer .brand,footer p{grid-column:1/-1}footer>a:not(.brand){display:flex;align-items:center;min-height:44px;font-size:12px}
 footer p{font-size:11px}.contact-email{font-size:15px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}