/* BizSite PH: a consistent navy-and-gold system for the existing three pages. */
:root{--bg:#f6f8fb;--bg-2:#edf2f8;--surface:#fff;--surface-2:#f1f5f9;--line:#dbe2eb;--ink:#172b47;--ink-soft:#415269;--soft:#415269;--muted:#53647a;--muted-2:#65758a;--brand:#1f3a5f;--brand-soft:#e9eff7;--brand-2:#9b772c;--accent:#9b772c;--maxw:1248px;--promo-height:42px;--nav-height:84px}
body{font-family:'Instrument Sans',system-ui,sans-serif;font-size:1rem;line-height:1.65}
button,input,textarea,select{font:inherit}
button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}
img{max-width:100%}
:focus-visible{outline:3px solid #916917;outline-offset:4px}
input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:2px}
.skip-link{position:fixed;left:16px;top:12px;z-index:300;transform:translateY(-180%);padding:12px 18px;border-radius:8px;background:#fff;color:#172b47;font-weight:700;box-shadow:0 4px 20px #172b4733}
.skip-link:focus{transform:none}
.btn{border-radius:10px;min-height:46px;line-height:1.4;white-space:normal;text-align:center;justify-content:center;transition:background .2s,box-shadow .2s,transform .2s}
.btn-primary{background:var(--brand);color:#fff}
.btn-primary:hover{background:#132c4c;box-shadow:0 8px 22px #1f3a5f25;transform:translateY(-1px)}
.btn-ghost{background:#fff;border-color:#bbc8d8}
.btn-gold,.btn.gold{background:#9b772c;color:#fff}
.btn:disabled{transform:none;cursor:wait}
.form-status{font-size:.875rem;color:var(--brand);margin-top:12px!important;margin-bottom:0!important}
.home-page main section{scroll-margin-top:calc(var(--promo-height) + var(--nav-height) + 18px)}
.home-page .promo-bar{background:#172f4d;color:#fff;font-size:.875rem;padding:9px 24px;line-height:1.6}
.home-page #header{background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);top:var(--promo-height);backdrop-filter:blur(16px)}
.home-page .nav{gap:20px;height:var(--nav-height)}
.home-page .logo{font-size:1.125rem;gap:10px;flex-shrink:0}
.home-page .logo small{font-size:.75rem;letter-spacing:0;line-height:1.5}
.home-page .nav-links{gap:20px}
.home-page .nav-links a{font-size:.875rem;color:#415269;padding:10px 0}
.home-page .nav-links a:hover,.home-page .nav-links a[aria-current="location"]{color:#172b47;text-decoration:underline;text-decoration-color:#b08d3f;text-underline-offset:7px}
.home-page .nav>.btn{padding:11px 20px!important;font-size:.875rem;flex-shrink:0}
.home-page .hero{padding:calc(var(--nav-height) + 62px) 0 0;background:linear-gradient(120deg,#fff 30%,#eff4fa);overflow:hidden}
.home-page .hero::before,.home-page .hero::after{display:none}
.hero-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:56px;align-items:center}
.hero-copy{min-width:0;padding-bottom:8px}
.home-page .hero-tag{font-size:.875rem;margin-bottom:24px;color:#526178;letter-spacing:.015em;display:flex;gap:12px;align-items:center}
.home-page .hero-tag::before{content:'';width:28px;height:2px;flex-shrink:0;background:#b08d3f}
.home-page .hero h1{font-size:clamp(2.7rem,5.1vw,4.4rem);line-height:1.11;letter-spacing:-.05em;font-weight:700;color:#193453}
.home-page .hero h1 em{font-family:'Instrument Serif',Georgia,serif;font-weight:400;color:#957025;letter-spacing:-.015em;font-size:1.22em;line-height:1.1}
.home-page .hero-sub{font-size:1.125rem;line-height:1.7;max-width:43ch;margin:24px 0 28px}
.home-page .hero-actions{gap:12px}
.home-page .hero-actions .btn{padding:15px 21px;font-size:1rem}
.hero-terms{margin-top:24px;font-size:.875rem;color:var(--ink-soft);line-height:1.8}
.hero-terms strong{color:var(--brand)}
.hero-terms>span{color:var(--muted)}
.hero-showcase{background:#1a3454;color:#fff;border-radius:18px;padding:24px;box-shadow:0 24px 60px -30px #132c4c77;min-width:0;position:relative}
.showcase-heading{display:flex;align-items:center;justify-content:space-between;font-size:.875rem;gap:20px;margin-bottom:20px;color:#e2eaf3}
.showcase-heading img{border-radius:50%;background:#fff;padding:5px;width:36px;height:36px;object-fit:contain}
.showcase-preview{display:block;border:5px solid #fff;border-radius:9px;overflow:hidden;transform:rotate(-2deg);box-shadow:0 12px 24px #07172545;transition:transform .25s}
.showcase-preview:hover{transform:rotate(0)}
.showcase-preview img{display:block;width:100%;height:auto}
.showcase-plan{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:30px;padding-bottom:24px;border-bottom:1px solid #ffffff25}
.plan-eyebrow{font-size:.75rem;letter-spacing:.09em;color:#cfdae7}
.showcase-price{font-family:'Sora',system-ui,sans-serif;font-weight:700;font-size:2.625rem;line-height:1.4;letter-spacing:-.04em;margin-top:2px}
.showcase-price>span{font-family:'Instrument Sans',system-ui,sans-serif;font-size:1rem;color:#d1dce8;letter-spacing:0;font-weight:400;margin-left:5px}
.plan-build{color:#e8c574;font-size:.875rem;line-height:1.7;border-left:1px solid #ffffff30;padding-left:20px}
.plan-build strong{font-weight:600}
.showcase-bottom{display:flex;justify-content:space-between;gap:16px;padding-top:16px;font-size:.75rem;color:#d1dce8}
.home-page .serve{margin-top:62px;padding:21px 0;background:#fff;border-top:1px solid var(--line);border-bottom:0;mask-image:none;-webkit-mask-image:none}
.serve-list{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px 24px;font-size:.9375rem;color:#53647a;font-weight:600}
.serve-label{font-size:.75rem;letter-spacing:.12em;color:#697990}
.home-page .statband{background:var(--brand);color:#fff;padding:30px 0;border:0}
.home-page .statband-grid{gap:28px}
.home-page .sb{border-color:#ffffff25}
.home-page .sb .n{color:#fff;font-size:2rem}
.home-page .sb .n em{color:#e6c574}
.home-page .sb .l{color:#d4dfed;font-size:.875rem;max-width:23ch}
.home-page .section{padding:84px 0}
.home-page .section-intro{margin-bottom:36px}
.home-page .kicker{font-size:.875rem;font-weight:600;letter-spacing:.03em;margin-bottom:18px!important}
.home-page .statement{max-width:23ch;font-size:clamp(2rem,3.7vw,3.125rem);line-height:1.15;letter-spacing:-.035em;font-weight:700}
.home-page .statement .b{color:#667990}
.home-page .statement em{font-style:normal}
.home-page #samples{background:#fff}
.home-page .gal-grid{gap:24px}
.home-page .gal-card{border-color:var(--line);border-radius:12px;box-shadow:0 12px 24px -24px #1f3a5f70}
.home-page .gal-card .shot{padding-top:64%;border-bottom-color:var(--line)}
.home-page .gal-card .cap{padding:20px}
.home-page .gal-card .cap b{font-family:'Sora',system-ui,sans-serif;font-size:1rem;margin-bottom:5px}
.home-page .gal-card .cap span{font-size:.875rem;line-height:1.6;display:block}
.home-page .gal-note{font-size:.9375rem;max-width:75ch;margin-top:26px}
.home-page .gal-cta{background:var(--brand);border-radius:9px;font-size:.875rem;padding:13px 20px}
.home-page .about-grid{gap:60px}
.home-page .about-text h2{font-size:clamp(2rem,3.6vw,3rem);line-height:1.15}
.home-page .about-card{border-radius:14px;background:#fff}
.home-page .about-card .row span{font-size:.875rem}
.home-page .srow{padding:40px 0;gap:56px;grid-template-columns:1.4fr 1fr}
.home-page .srow h3{font-size:clamp(1.6rem,2.5vw,2rem);line-height:1.2}
.home-page .srow-visual{aspect-ratio:16/9;border-radius:14px;box-shadow:none}
.home-page .srow-visual .glyph{width:27%;height:55%}
.home-page .srow li{font-size:.875rem}
.home-page .trust-grid,.home-page .flow,.home-page .tmonial-grid{gap:20px}
.home-page .tcard,.home-page .fcard,.home-page .tmonial{border-radius:12px;padding:28px}
.home-page .tcard h3{line-height:1.3}
.home-page .fcard h4{line-height:1.3;font-size:1.1875rem}
.home-page .fcard .fstage{font-size:.75rem}
.home-page .tmonial .quote{font-size:1rem}
.home-page .tmonial .who .rl,.home-page .rely .r span{font-size:.875rem}
.home-page .flow-line{margin-top:30px;font-size:.875rem}
.home-page .price-band{padding:44px;border-radius:16px;border-top:3px solid #b08d3f;gap:36px;grid-template-columns:minmax(0,1fr) minmax(240px,.65fr)}
.home-page .price-left h3{font-size:2rem;line-height:1.2}
.home-page .price-left h3 em{font-style:normal}
.home-page .price-left p{max-width:52ch}
.home-page .price-right{padding-left:36px}
.home-page .price-right .amt{color:var(--brand);font-size:4.5rem}
.home-page .price-feats{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}
.home-page .price-feats span{font-size:.875rem;align-items:flex-start}
.home-page .price-feats svg{flex-shrink:0;margin-top:4px}
.home-page .promo-card{background:#fff9ea;border:1px solid #dac48f;border-left:4px solid #b08d3f;border-radius:12px;padding:26px}
.home-page .promo-card p{font-size:1rem}
.home-page .promo-card .cond{font-size:.875rem}
.home-page .promo-card .cta-mini{background:var(--brand);border-radius:8px;font-size:.875rem}
.home-page .plan-details .pd{border-radius:12px}
.home-page .faq-q{font-family:'Instrument Sans',system-ui,sans-serif;font-size:1.125rem;padding:24px 0;line-height:1.5}
.home-page details.faq summary{list-style:none}
.home-page details.faq summary::-webkit-details-marker{display:none}
.home-page details.faq summary .ic{font-size:1.6rem;font-weight:400}
.home-page details.faq[open] summary .ic{transform:rotate(45deg)}
.home-page details.faq .faq-a{max-height:none;overflow:visible;font-size:1rem}
.home-page details.faq .faq-a p{padding-bottom:24px;max-width:78ch}
.home-page .final{padding:84px 0;background:linear-gradient(135deg,#e9f0f8,#f6f8fb)}
.home-page .final h2{font-size:clamp(2.3rem,4.5vw,3.5rem);line-height:1.15;margin-bottom:22px}
.home-page .final> .wrap>p{font-size:1.125rem}
.home-page .inq{max-width:650px;padding:32px;border-radius:14px;box-shadow:0 18px 36px -32px #1f3a5f60}
.home-page .field label{font-size:.875rem;font-weight:600}
.home-page .field input,.home-page .field textarea{font-size:1rem;background:#fff;border-color:#c7d2df;border-radius:8px;min-height:48px}
.home-page .inq-note{font-size:.875rem;line-height:1.65;margin-bottom:0}
.home-page .final-contact{gap:20px 32px}
.home-page .final-contact a{overflow-wrap:anywhere;min-width:0}
.home-page footer{padding:56px 0 32px;background:#fff}
.home-page .foot-col h5{font-size:.75rem;color:#52647a}
.home-page .foot-bot{margin-top:40px;color:#52647a}
.home-page .mcta{visibility:hidden;pointer-events:none;background:#172f4d;border-radius:12px;bottom:max(12px,env(safe-area-inset-bottom));transform:translateY(calc(100% + 30px))}
.home-page .mcta.show{visibility:visible;pointer-events:auto;transform:translateY(0)}
.home-page .mcta a{border-radius:8px;background:#e8c574;color:#172b47;font-size:.875rem;min-height:44px;display:flex;align-items:center;justify-content:center;padding:10px 12px;white-space:normal}
.home-page .mcta .p{font-size:.875rem}
.home-page .msgr-fab{z-index:125;transition:bottom .2s,transform .2s}
.home-page .reveal{opacity:1!important;transform:none!important}

/* Customer setup: a readable, continuous form with familiar selection controls. */
.start-page{padding:40px 20px 60px;background:#f3f6fb}
.start-page .wrap{max-width:880px}
.start-page header{margin-bottom:32px;text-align:left;border-bottom:1px solid var(--line);padding-bottom:28px}
.start-page .logo{font-size:1.25rem}
.start-page header h1{font-size:clamp(1.7rem,4vw,2.4rem);line-height:1.25;margin-top:24px;letter-spacing:-.035em}
.start-page header p{max-width:62ch;font-size:1rem;margin-top:12px}
.start-page .card{padding:28px 30px;border-radius:12px;border-color:var(--line);box-shadow:0 8px 16px -18px #1f3a5f50;margin-bottom:20px}
.start-page .card h2{font-size:1.125rem;line-height:1.45;letter-spacing:-.02em}
.start-page .card .q{font-size:1rem;margin-top:6px;margin-bottom:18px}
.start-page .gallery{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.start-page .tpl{border-color:var(--line);border-radius:10px;position:relative}
.start-page .tpl .sw{height:62px}
.start-page .tpl .nm{display:block;font-size:.875rem;padding:12px 10px;line-height:1.4}
.start-page .tpl .nm small{font-size:.75rem;line-height:1.4;margin-top:5px;min-height:2.8em}
.start-page .tpl.sel{border-color:var(--brand);box-shadow:0 0 0 2px #1f3a5f20}
.start-page .tpl.sel::after{content:'✓';position:absolute;top:8px;right:8px;display:grid;place-items:center;width:24px;height:24px;background:#fff;color:#1f3a5f;border-radius:50%;font-weight:700}
.start-page label{font-size:.875rem}
.start-page input,.start-page textarea,.start-page select{font-size:1rem;min-height:48px;border:1px solid #bcc9d8;background:#fff;line-height:1.5;border-radius:8px}
.start-page textarea{min-height:100px}
.start-page .seg button{font-size:.875rem;min-height:44px;border-radius:8px;background:#f8fafd;border:1px solid #c6d2df;padding:10px 15px}
.start-page .seg button.on{background:var(--brand);border-color:var(--brand);color:#fff}
.start-page .hint{font-size:.875rem;line-height:1.6;margin-top:12px}
.start-page #submitBtn{border-radius:10px;font-size:1rem;min-height:54px}
.start-page .err{font-size:1rem;line-height:1.6;margin-top:16px}
.start-page .err a{text-decoration:underline}
.start-page .foot{font-size:.875rem}
.start-page .done{padding:40px}

/* Staff studio: visual and sign-in improvements preserve the existing workspace. */
.studio-page .bar{padding:16px 24px;background:#193453;color:#fff;min-height:76px}
.studio-page .bar .sub{color:#d2deec;font-size:.875rem}
.studio-page .bar .btn.ghost{background:transparent;color:#fff;border-color:#ffffff60}
.studio-page .login{max-width:430px;margin:64px auto;border-radius:14px;padding:32px;box-shadow:0 16px 40px -30px #1f3a5f55;border-top:3px solid #b08d3f}
.studio-page .login h1{font-size:1.5rem;line-height:1.3}
.studio-page .login p{font-size:1rem}
.studio-page .login label{display:block;font-size:.875rem;font-weight:600;margin:12px 0 6px}
.studio-page .login input{font-size:1rem;background:#fff;min-height:48px}
.studio-page .err{font-size:.875rem}
.studio-page .hub-tabs{gap:8px;padding:0 24px;overflow-x:auto;flex-wrap:nowrap}
.studio-page .hub-tab{font-family:inherit;font-size:.9375rem;white-space:nowrap;background:transparent;border:0;border-bottom:3px solid transparent;min-height:54px;border-radius:0}
.studio-page .hub-tab.active{border-bottom-color:var(--brand-2);color:var(--brand)}
.studio-page .hub-tab .tab-badge{font-size:.75rem;background:var(--brand-soft);color:var(--brand)}
.studio-page .hub-tab.active .tab-badge{background:var(--brand);color:#fff}
.studio-page .side{padding:24px}
.studio-page .side h2{font-size:.9375rem}
.studio-page .drop,.studio-page .rec{font-size:.9375rem;line-height:1.6}
.studio-page .note{font-size:.875rem}
.studio-page .prev{background:#e1e8f1}
.studio-page .ws{height:calc(100dvh - 134px)}
.studio-page .search input,.studio-page .field input,.studio-page .field select,.studio-page .field textarea{font-size:1rem}

@media(max-width:1120px){
  .home-page .nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;gap:0;padding:12px 24px 20px;border-bottom:1px solid var(--line);box-shadow:0 14px 20px #172b4710;max-height:calc(100dvh - var(--promo-height) - var(--nav-height));overflow-y:auto}
  .home-page .nav-links.open{display:flex}
  .home-page .nav-links a{padding:12px;font-size:1rem;border-radius:7px}
  .home-page .nav-links a:hover{background:var(--brand-soft)}
  .home-page .burger{display:block;min-width:44px;min-height:44px}
  .home-page .nav>.btn{margin-left:auto}
  .hero-grid{gap:32px}
}
@media(max-width:860px){
  :root{--nav-height:76px}
  .home-page .hero{padding-top:calc(var(--nav-height) + 40px)}
  .hero-grid{grid-template-columns:1fr;gap:36px}
  .hero-copy{max-width:650px}
  .home-page .hero h1{font-size:clamp(2.6rem,8vw,4rem)}
  .home-page .hero h1 br:nth-of-type(2){display:none}
  .home-page .hero h1 em::before{content:' '}
  .hero-showcase{max-width:620px;width:100%;margin:0 auto}
  .home-page .serve{margin-top:40px}
  .serve-list{justify-content:center}
  .home-page .section{padding:64px 0}
  .home-page .srow{grid-template-columns:1fr;gap:24px}
  .home-page .srow-visual{max-width:480px;width:100%}
  .home-page .about-grid{gap:32px}
  .home-page .price-band{grid-template-columns:1fr;text-align:left;padding:32px;gap:28px}
  .home-page .price-left p{margin-inline:0}
  .home-page .price-right{border-left:0;padding:28px 0 0;border-top:1px solid var(--line)}
  .home-page .price-right .btn{max-width:360px;margin-inline:auto}
  .start-page .gallery{grid-template-columns:repeat(3,minmax(0,1fr))}
  .studio-page .ws{height:auto}
  .studio-page .prev{height:70dvh;min-height:360px}
}
@media(max-width:720px){
  .home-page .msgr-fab{bottom:var(--floating-clearance,18px)}
  .home-page .statband-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
  .home-page .sb{border-right:0;padding:0}
  .home-page .sb .n{font-size:1.8rem}
  .home-page .statband{padding:28px 0}
  .home-page .mcta{gap:10px;padding:12px}
  .home-page .mcta .p{flex:1;min-width:0}
  .home-page .mcta a{flex:0 1 42%}
  .home-page footer{padding-bottom:105px}
  .home-page .gal-grid{grid-template-columns:1fr}
  .home-page .gal-card .shot{padding-top:63.33%}
}
@media(max-width:560px){
  .home-page .wrap{padding:0 20px}
  .home-page .promo-bar{font-size:.75rem;padding:8px 14px}
  .home-page .logo small{display:none}
  .home-page .logo{font-size:1rem;gap:6px}
  .home-page .logo .mk,.home-page .logo .mk img{width:34px;height:34px}
  .home-page .nav{gap:8px}
  .home-page .nav>.btn{padding:10px 12px!important;font-size:.8125rem;min-height:42px}
  .home-page .hero-tag{font-size:.8125rem;margin-bottom:20px}
  .home-page .hero-sub{font-size:1rem;line-height:1.75}
  .home-page .hero-actions{display:grid;grid-template-columns:1fr 1fr}
  .home-page .hero-actions .btn{padding:14px 12px;font-size:.9375rem}
  .home-page .hero-terms{font-size:.875rem}
  .hero-showcase{padding:20px;border-radius:12px}
  .showcase-heading{font-size:.8125rem;gap:8px}
  .showcase-plan{margin-top:24px;gap:12px;flex-wrap:wrap}
  .showcase-price{font-size:2.25rem}
  .showcase-price>span{font-size:.875rem}
  .plan-build{font-size:.8125rem;padding-left:12px}
  .showcase-bottom{flex-wrap:wrap;gap:4px 14px}
  .serve-list{gap:10px 18px;font-size:.875rem}
  .serve-label{width:100%;text-align:center}
  .home-page .section{padding:54px 0}
  .home-page .statement{font-size:2rem;line-height:1.2}
  .home-page .section-intro{margin-bottom:28px}
  .home-page .trust-grid,.home-page .tmonial-grid{grid-template-columns:1fr}
  .home-page .price-band{padding:26px 22px}
  .home-page .price-left h3{font-size:1.625rem}
  .home-page .price-feats{grid-template-columns:1fr}
  .home-page .promo-card{padding:22px}
  .home-page .promo-card h4{font-size:1.25rem;line-height:1.4}
  .home-page .inq{padding:24px 20px}
  .home-page .final{padding:58px 0}
  .home-page .final-actions{flex-direction:column}
  .home-page .final-actions .btn{width:100%}
  .home-page .final-contact{display:grid;justify-items:center;font-size:.875rem}
  .home-page .foot-cols{gap:36px}
  .start-page{padding:24px 14px 40px}
  .start-page .card{padding:22px 18px}
  .start-page .gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
  .start-page .tpl .sw{height:54px}
  .start-page .seg{gap:8px}
  .start-page .seg button{flex:1 1 auto}
  .studio-page .bar{padding:14px;flex-wrap:wrap}
  .studio-page .login{margin:32px 16px;padding:26px 22px}
  .studio-page .hub-tabs{padding:0 14px}
  .studio-page .hub-tab{padding:12px 14px}
  .studio-page .side{padding:18px}
  .studio-page .dash-wrap{padding:0 16px}
}
@media(max-width:360px){
  .home-page .nav>.btn{display:none}
  .home-page .burger{margin-left:auto}
  .home-page .hero h1{font-size:2.4rem}
  .home-page .hero-actions{grid-template-columns:1fr}
  .showcase-plan{align-items:flex-start}
  .plan-build{border-left:0;padding-left:0}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}
  .showcase-preview{transform:none}
}