:root { --navy:#073764; --navy-deep:#062947; --orange:#ef7108; --cream:#fffaf3; --pale:#edf7ff; --ink:#123253; --muted:#53667a; --line:#d7e2ec; --shadow:0 18px 45px rgba(7,55,100,.10); --radius:18px; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color:var(--ink); background:#fff; line-height:1.5; } button, input, textarea { font:inherit; } button { cursor:pointer; } a { color:inherit; text-decoration:none; } .shell { width:min(1180px, calc(100% - 48px)); margin:0 auto; } .sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }.skip-link { position:fixed; left:16px; top:-70px; z-index:99; background:#fff; color:var(--navy); padding:10px 14px; border-radius:8px; font-weight:700; }.skip-link:focus { top:16px; }
.site-header { height:88px; display:flex; align-items:center; background:#fff; position:sticky; top:0; z-index:50; box-shadow:0 1px 0 rgba(7,55,100,.07); }.nav-wrap { display:flex; align-items:center; gap:28px; }.brand { width:172px; height:70px; display:block; flex:none; overflow:hidden; border-radius:8px; }.brand-logo { display:block; width:100%; height:100%; object-fit:cover; object-position:center; }.main-nav { display:flex; align-items:center; justify-content:center; gap:29px; margin-left:auto; font-size:.84rem; color:#263f58; }.main-nav a { padding:10px 0; position:relative; }.main-nav a::after { content:""; position:absolute; height:2px; bottom:3px; left:0; right:0; background:var(--orange); transform:scaleX(0); transform-origin:left; transition:transform .25s ease; }.main-nav a:hover::after,.main-nav a.active::after { transform:scaleX(1); }.nav-mobile-cta { display:none; }.button { display:inline-flex; align-items:center; justify-content:center; gap:12px; border:0; border-radius:999px; background:var(--orange); color:#fff; font-weight:800; font-size:.94rem; padding:15px 24px; box-shadow:0 8px 20px rgba(239,113,8,.22); transition:transform .25s, box-shadow .25s, background .25s; }.button:hover { transform:translateY(-3px); box-shadow:0 12px 25px rgba(239,113,8,.3); background:#d75f00; }.button-small { padding:12px 20px; font-size:.82rem; }.menu-toggle { display:none; }.nav-backdrop { display:none; }
.hero { min-height:480px; position:relative; overflow:hidden; display:grid; align-items:center; }.hero-image { position:absolute; inset:0; background:linear-gradient(90deg, rgba(255,255,255,.96) 0%, rgba(255,255,255,.85) 32%, rgba(255,255,255,.08) 62%), url("assets/hero-study-room.png") center/cover no-repeat; transform:scale(1.02); animation:heroIn 1.2s ease both; }.hero-content { position:relative; padding:75px 0 62px; max-width:1180px; }.eyebrow { margin:0 0 10px; color:var(--orange); letter-spacing:.14em; font-size:.73rem; font-weight:800; }.hero h1 { color:var(--navy); font-size:clamp(3rem, 5.8vw, 5.4rem); line-height:.98; letter-spacing:-.065em; margin:0 0 20px; max-width:610px; }.hero-copy { max-width:480px; margin:0 0 25px; color:#384e65; font-size:1.03rem; }
.services { position:relative; z-index:2; display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:-28px; }.service-card { background:#fff; border-radius:var(--radius); padding:30px 32px 27px; min-height:290px; box-shadow:var(--shadow); border:1px solid rgba(7,55,100,.04); transition:transform .3s ease, box-shadow .3s ease; }.service-card:hover { transform:translateY(-9px); box-shadow:0 24px 50px rgba(7,55,100,.16); }.service-icon { display:grid; place-items:center; width:76px; height:76px; margin-bottom:19px; color:var(--navy); border-radius:50%; background:#fff0e3; font-size:2.2rem; font-weight:700; }.service-card:nth-child(2) .service-icon { background:#eaf6ff; }.service-card h2 { font-size:1.5rem; line-height:1.05; letter-spacing:-.045em; margin:0 0 11px; }.service-card p { color:#526274; margin:0; font-size:.94rem; min-height:88px; }.text-link { display:inline-flex; gap:8px; margin-top:16px; color:var(--orange); font-weight:800; font-size:.86rem; }.text-link span { transition:transform .2s; }.text-link:hover span { transform:translateX(5px); }
.impact { margin-top:72px; padding:25px 0; background:linear-gradient(100deg,#f3faff,#e6f3fd); }.impact-grid { display:grid; grid-template-columns:repeat(4,1fr); }.impact-item { padding:0 25px; text-align:center; border-right:1px solid #c9deec; }.impact-item:last-child { border:0; }.impact-symbol { display:block; height:31px; color:var(--orange); font-size:1.45rem; letter-spacing:-4px; font-weight:900; }.impact-symbol.chart { letter-spacing:-2px; }.impact-item strong { display:block; color:var(--navy); font-size:1.1rem; line-height:1.2; }.impact-item p { margin:2px 0 0; color:#526d85; font-size:.79rem; }
.space-section { padding:88px 0; }.section-heading { max-width:650px; }.section-heading h2,.about h2,.contact-copy h2 { color:var(--navy); font-size:clamp(2.1rem,4vw,3.3rem); letter-spacing:-.06em; line-height:1; margin:0 0 12px; }.section-heading > p:last-child { margin:0; color:var(--muted); max-width:610px; }.gallery { display:grid; grid-template-columns:1.55fr 1fr 1.55fr 1fr; gap:15px; margin-top:30px; }.gallery-item { min-height:220px; border:0; border-radius:12px; position:relative; overflow:hidden; background-image:linear-gradient(0deg,rgba(2,32,55,.63),rgba(2,32,55,0) 55%); background-size:cover; box-shadow:inset 0 0 0 1px rgba(255,255,255,.3); transition:transform .35s, filter .35s; }.gallery-item:hover { transform:translateY(-7px); filter:saturate(1.15); }.gallery-item span { color:#fff; position:absolute; bottom:15px; left:16px; font-size:.85rem; font-weight:800; opacity:0; transform:translateY(9px); transition:.25s; }.gallery-item:hover span { opacity:1; transform:none; }.g1{background-image:linear-gradient(0deg,rgba(2,32,55,.63),rgba(2,32,55,0) 55%),url("assets/space-reception.jpeg");background-position:center}.g2{background-image:linear-gradient(0deg,rgba(2,32,55,.63),rgba(2,32,55,0) 55%),url("assets/space-waiting-area.jpeg");background-position:center}.g3{background-image:linear-gradient(0deg,rgba(2,32,55,.63),rgba(2,32,55,0) 55%),url("assets/space-corridor.jpeg");background-position:center}.g4{background-image:linear-gradient(0deg,rgba(2,32,55,.63),rgba(2,32,55,0) 55%),url("assets/space-details.jpeg");background-position:center}
.about { padding:0 0 94px; display:grid; grid-template-columns:.95fr 1.05fr; gap:80px; align-items:center; }.about-art { min-height:310px; border-radius:18px; position:relative; overflow:hidden; display:grid; place-items:center; background:linear-gradient(135deg, rgba(7,55,100,.2), rgba(239,113,8,.18)), url("assets/hero-study-room.png") 80% center/cover; }.about-art::before { content:""; position:absolute; inset:14px; border:1px solid rgba(255,255,255,.7); border-radius:11px; }.about-art span { color:#fff; text-align:center; font-size:clamp(2rem,4vw,3.6rem); font-weight:800; letter-spacing:-.07em; line-height:.95; position:relative; }.about-copy p:not(.eyebrow) { color:var(--muted); max-width:510px; }.about-copy .text-link { margin-top:5px; }
.testimonial-section { padding:0 0 92px; }.testimonial { margin-top:27px; background:linear-gradient(110deg,#fff,#fdf9f3 75%, rgba(255,234,209,.65)); min-height:220px; border-radius:16px; padding:40px 80px 33px 112px; position:relative; overflow:hidden; border:1px solid #f3ece3; }.testimonial::after { content:""; position:absolute; width:270px; height:270px; border-radius:50%; background:rgba(239,113,8,.09); right:-90px; top:-90px; }.quote-mark { position:absolute; left:36px; top:10px; color:#b8dcf1; font:900 7rem Georgia,serif; }.quote { display:none; margin:0; position:relative; z-index:1; }.quote.active { display:block; animation:fadeUp .4s ease; }.quote blockquote { margin:0; max-width:690px; font-size:1.13rem; color:#42576b; font-style:italic; }.quote figcaption { margin-top:16px; font-size:.8rem; color:var(--navy); font-weight:800; }.slider-controls { position:absolute; right:38px; bottom:34px; z-index:2; display:flex; gap:8px; }.slider-dot { width:9px; height:9px; border:0; border-radius:50%; background:#b7c7d2; padding:0; }.slider-dot.active { width:27px; border-radius:10px; background:var(--orange); }
.faq-section { padding:0 0 92px; }.faq-list { display:grid; gap:11px; margin-top:28px; max-width:880px; }.faq-list details { border:1px solid #dce8f1; border-radius:12px; padding:0 22px; background:#fff; transition:box-shadow .25s,border-color .25s; }.faq-list details[open] { border-color:#b7d9ed; box-shadow:0 10px 22px rgba(7,55,100,.07); }.faq-list summary { display:flex; align-items:center; justify-content:space-between; gap:20px; min-height:64px; list-style:none; color:var(--navy); font-weight:800; cursor:pointer; }.faq-list summary::-webkit-details-marker { display:none; }.faq-list summary::after { content:"+"; color:var(--orange); font-size:1.55rem; font-weight:400; }.faq-list details[open] summary::after { content:"−"; }.faq-list p { max-width:700px; color:var(--muted); margin:0 0 20px; }
.contact-section { padding:75px 0 42px; background:linear-gradient(115deg,#0b416e,#052c50); color:#fff; }.contact-grid { display:grid; grid-template-columns:1.05fr .95fr; gap:70px; align-items:center; }.light { color:#ff9d48; }.contact-copy h2 { color:#fff; font-size:clamp(3rem,5vw,4.2rem); }.contact-copy > p:not(.eyebrow) { max-width:485px; margin-top:0; color:#e7f2fc; }.contact-details { display:flex; gap:30px; margin-top:30px; }.contact-details > * { display:flex; align-items:center; gap:9px; color:#fff; }.contact-icon { flex:none; display:grid; place-items:center; height:39px; width:39px; border-radius:50%; color:var(--orange); background:#fff; font-weight:900; }.contact-details small,.contact-details b { display:block; font-size:.72rem; }.contact-details b { font-size:.83rem; }.contact-form { background:#fff; border-radius:16px; padding:22px; color:var(--ink); box-shadow:0 18px 32px rgba(0,0,0,.18); }.form-row { display:grid; grid-template-columns:1fr 1fr; gap:10px; }.contact-form label { display:block; font-size:.72rem; color:#456078; font-weight:700; }.contact-form input,.contact-form textarea { width:100%; margin-top:5px; padding:12px 13px; background:#eff7fd; border:1px solid transparent; border-radius:8px; outline:0; color:var(--ink); resize:vertical; }.contact-form input:focus,.contact-form textarea:focus { background:#fff; border-color:#80bfe6; box-shadow:0 0 0 3px rgba(128,191,230,.23); }.consent { display:flex !important; gap:8px; align-items:flex-start; margin:12px 0 8px; line-height:1.32; }.consent input { width:15px; height:15px; margin:1px 0 0; flex:none; accent-color:var(--orange); }.inline-button,.footer-button { background:transparent; border:0; padding:0; color:inherit; text-decoration:underline; font:inherit; cursor:pointer; }.consent .inline-button { color:var(--navy); font-weight:800; }.form-error { min-height:18px; color:#bd1e1e; font-size:.75rem; margin:2px 0; }.form-submit { width:100%; padding:12px; font-size:.78rem; }
.site-footer { padding:29px 0 18px; background:#042641; color:#dce9f5; }.footer-main { display:grid; grid-template-columns:190px 1fr auto; align-items:center; gap:35px; padding-bottom:24px; border-bottom:1px solid rgba(255,255,255,.18); }.brand-footer { width:180px; height:78px; padding:4px; background:#fff; border-radius:9px; }.footer-main nav { display:flex; justify-content:center; gap:24px; font-size:.76rem; }.footer-main nav a:hover { color:#ff983f; }.socials { display:flex; gap:10px; }.socials a { display:grid; place-items:center; height:27px; width:27px; border-radius:50%; background:#fff; color:var(--navy); font-weight:900; font-size:.75rem; }.footer-legal { display:flex; justify-content:space-between; gap:15px; padding-top:15px; color:#b8cbdc; font-size:.66rem; }.footer-legal i { display:inline-block; height:10px; border-left:1px solid #8ca5b9; margin:0 10px -2px; }.footer-credit a { color:#ffb36d; font-weight:800; }.footer-credit a:hover { text-decoration:underline; }
.modal { width:min(660px, calc(100% - 32px)); border:0; border-radius:18px; padding:0; color:var(--ink); box-shadow:0 20px 70px rgba(0,0,0,.35); }.modal::backdrop { background:rgba(2,24,41,.65); backdrop-filter:blur(4px); }.modal article { padding:35px; position:relative; }.modal h2 { color:var(--navy); font-size:2rem; letter-spacing:-.05em; margin:0 0 14px; }.modal p { color:#53667a; }.modal-close { position:absolute; top:13px; right:16px; background:#eef5fa; color:var(--navy); border:0; border-radius:50%; font-size:1.7rem; height:34px; width:34px; line-height:1; }.gallery-modal article { padding:0 0 25px; }.gallery-modal h2 { margin:22px 25px 0; }.modal-gallery-image { height:330px; background:url("assets/hero-study-room.png") center/cover; }.gallery-modal .modal-close { z-index:2; background:#fff; }.preferences-modal { width:min(620px,calc(100% - 32px)); }.preference-row { display:flex; justify-content:space-between; gap:20px; align-items:center; padding:18px 0; border-top:1px solid #e2edf4; }.preference-row strong { display:block; color:var(--navy); font-size:.98rem; }.preference-row p { margin:3px 0 0; font-size:.82rem; line-height:1.4; }.preference-status { flex:none; padding:6px 9px; border-radius:999px; color:#32644b; background:#eaf7ef; font-size:.7rem; font-weight:800; }.preference-toggle { cursor:pointer; }.preference-toggle input { position:absolute; opacity:0; pointer-events:none; }.switch-control { flex:none; width:47px; height:27px; border-radius:999px; background:#b9c9d5; position:relative; transition:background .2s; }.switch-control::after { content:""; position:absolute; width:21px; height:21px; top:3px; left:3px; border-radius:50%; background:#fff; box-shadow:0 1px 4px rgba(0,0,0,.2); transition:transform .2s; }.preference-toggle input:checked + .switch-control { background:var(--orange); }.preference-toggle input:checked + .switch-control::after { transform:translateX(20px); }.preference-toggle input:focus-visible + .switch-control { outline:3px solid rgba(76,160,213,.45); outline-offset:3px; }.preference-toggle input:disabled + .switch-control { opacity:.45; cursor:not-allowed; }.preference-note { margin:0 0 18px; padding:11px 13px; border-radius:9px; color:#496177 !important; background:#f0f7fb; font-size:.8rem; }.cookie-banner[hidden] { display:none; }.cookie-banner { position:fixed; z-index:40; left:50%; bottom:18px; width:min(750px,calc(100% - 28px)); transform:translateX(-50%); display:flex; justify-content:space-between; gap:24px; align-items:center; padding:18px 20px; border:1px solid #cfdfeb; border-radius:14px; background:#fff; color:var(--ink); box-shadow:0 15px 48px rgba(2,37,65,.24); }.cookie-banner strong { color:var(--navy); }.cookie-banner p { margin:3px 0 0; color:var(--muted); font-size:.82rem; }.cookie-actions { display:flex; flex:none; gap:10px; align-items:center; }.cookie-reject { border:0; background:transparent; color:var(--navy); padding:11px; font-weight:800; }.cookie-settings { margin-top:10px; }
.reveal { opacity:0; transform:translateY(22px); transition:opacity .7s ease, transform .7s cubic-bezier(.2,.7,.2,1); }.reveal.visible { opacity:1; transform:none; }.delay-1 { transition-delay:.1s; }.delay-2 { transition-delay:.2s; }.delay-3 { transition-delay:.3s; } @keyframes heroIn { from { opacity:0; transform:scale(1.08); } to { opacity:1; transform:scale(1.02); } } @keyframes fadeUp { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:none; } }
@media (max-width:900px) { .main-nav { gap:16px; }.nav-cta { display:none; }.services { grid-template-columns:1fr; max-width:580px; }.service-card { min-height:auto; }.service-card p { min-height:0; }.impact-grid { grid-template-columns:repeat(2,1fr); gap:25px 0; }.impact-item:nth-child(2) { border-right:0; }.contact-grid { gap:35px; }.contact-details { flex-wrap:wrap; } }
@media (max-width:680px) { body.nav-open { overflow:hidden; }.shell { width:min(100% - 34px, 1180px); }.site-header { height:72px; }.brand { width:142px; height:58px; margin-right:auto; }.menu-toggle { display:grid; place-content:center; gap:5px; border:1px solid #dbe9f2; border-radius:13px; background:#f8fbfd; width:45px; height:45px; padding:0; box-shadow:0 5px 14px rgba(7,55,100,.07); transition:background .2s,border-color .2s,transform .2s; }.menu-toggle span:not(.sr-only) { display:block; width:21px; height:2px; background:var(--navy); border-radius:3px; transition:transform .25s ease,opacity .2s,background .2s; }.menu-toggle[aria-expanded="true"] { background:var(--navy); border-color:var(--navy); transform:rotate(90deg); }.menu-toggle[aria-expanded="true"] span:not(.sr-only) { background:#fff; }.menu-toggle[aria-expanded="true"] span:nth-child(1) { transform:translateY(7px) rotate(45deg); }.menu-toggle[aria-expanded="true"] span:nth-child(2) { opacity:0; }.menu-toggle[aria-expanded="true"] span:nth-child(3) { transform:translateY(-7px) rotate(-45deg); }.nav-backdrop { display:block; position:fixed; z-index:35; inset:72px 0 0; border:0; padding:0; background:rgba(4,32,55,.32); backdrop-filter:blur(5px); opacity:0; pointer-events:none; transition:opacity .25s ease; }.nav-open .nav-backdrop { opacity:1; pointer-events:auto; }.main-nav { position:fixed; z-index:40; top:84px; left:16px; right:16px; display:grid; gap:2px; padding:12px; border:1px solid rgba(211,229,240,.9); border-radius:20px; background:rgba(255,255,255,.98); box-shadow:0 24px 55px rgba(3,43,75,.24); transform:translateY(-18px) scale(.97); opacity:0; visibility:hidden; pointer-events:none; transition:transform .28s cubic-bezier(.2,.8,.2,1), opacity .2s, visibility .2s; }.main-nav.open { transform:none; opacity:1; visibility:visible; pointer-events:auto; }.main-nav a { display:flex; align-items:center; min-height:45px; padding:10px 12px; border-radius:10px; font-size:.95rem; font-weight:700; }.main-nav a::after { display:none; }.main-nav a:not(.nav-mobile-cta)::before { content:""; width:7px; height:7px; margin-right:12px; border-radius:50%; background:#d3e7f4; transition:background .2s,transform .2s; }.main-nav a.active,.main-nav a:hover { color:var(--navy); background:#f1f8fd; }.main-nav a.active::before,.main-nav a:hover::before { background:var(--orange); transform:scale(1.25); }.main-nav .nav-mobile-cta { display:flex; justify-content:space-between; margin-top:7px; min-height:53px; padding:13px 15px; color:#fff; background:var(--orange); box-shadow:0 8px 18px rgba(239,113,8,.22); }.nav-mobile-cta b { font-size:1.3rem; }.hero { min-height:540px; align-items:end; }.hero-image { background:linear-gradient(0deg,rgba(255,255,255,.98) 4%,rgba(255,255,255,.83) 48%,rgba(255,255,255,.08) 100%),url("assets/hero-study-room.png") 65% center/cover; }.hero-content { padding:38px 0; }.hero h1 { font-size:3.45rem; }.hero-copy { font-size:.92rem; }.services { margin-top:-15px; gap:15px; }.service-card { padding:24px; }.service-icon { width:62px; height:62px; margin-bottom:12px; }.impact { margin-top:48px; }.impact-grid { gap:27px 0; }.impact-item { padding:0 12px; }.space-section { padding:66px 0; }.gallery { grid-template-columns:1fr 1fr; }.gallery-item { min-height:155px; }.about { grid-template-columns:1fr; gap:30px; padding-bottom:66px; }.about-art { min-height:220px; }.testimonial-section,.faq-section { padding-bottom:65px; }.testimonial { padding:38px 30px 55px 74px; }.quote-mark { left:20px; font-size:5.6rem; }.quote blockquote { font-size:1rem; }.slider-controls { left:75px; bottom:22px; right:auto; }.contact-section { padding:60px 0 30px; }.contact-grid { grid-template-columns:1fr; }.contact-copy h2 { font-size:3.4rem; }.contact-details { display:grid; grid-template-columns:1fr; gap:15px; }.footer-main { grid-template-columns:1fr; justify-items:start; gap:16px; }.footer-main nav { justify-content:start; flex-wrap:wrap; gap:10px 18px; }.footer-legal { flex-direction:column; }.form-row { grid-template-columns:1fr; gap:0; }.cookie-banner { bottom:10px; flex-direction:column; align-items:stretch; gap:12px; }.cookie-actions { justify-content:flex-end; } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; scroll-behavior:auto !important; transition-duration:.01ms !important; } .reveal { opacity:1; transform:none; } }

/* Avaliações verificadas e navegação desktop. */
.gallery { grid-template-columns:repeat(4,minmax(0,1fr)); align-items:stretch; }
.gallery-item { display:block; min-height:0; aspect-ratio:4 / 3; padding:0; overflow:hidden; background:none; line-height:0; }
.gallery-item img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .35s ease; }
.gallery-item:hover { filter:none; }
.gallery-item:hover img { transform:scale(1.018); }
.gallery-modal article { padding:0; background:#f6fafc; }
.modal-gallery-image { display:block; width:100%; height:auto; max-height:78vh; object-fit:contain; background:#f6fafc; }
@media (max-width:680px) { .gallery { grid-template-columns:repeat(2,minmax(0,1fr)); } }
.google-rating { display:grid; grid-template-columns:auto auto 1fr auto; gap:20px; align-items:center; margin-top:27px; padding:27px 31px; border:1px solid #dce8f1; border-radius:18px; background:linear-gradient(110deg,#fff,#f9fcff); box-shadow:0 16px 38px rgba(7,55,100,.08); transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease; }
.google-rating:hover { transform:translateY(-4px); border-color:#a9d1e9; box-shadow:0 22px 42px rgba(7,55,100,.14); }
.google-rating-mark { display:grid; place-items:center; width:52px; height:52px; border-radius:15px; background:#fff; color:#4285f4; box-shadow:0 7px 18px rgba(7,55,100,.12); font-weight:900; font-size:1.7rem; }
.google-rating-score { display:grid; gap:1px; border-right:1px solid #dce8f1; padding-right:20px; }.google-rating-score strong { color:var(--navy); font-size:2rem; line-height:1; letter-spacing:-.06em; }.rating-stars { color:#f6a609; font-size:.98rem; letter-spacing:1px; }.google-rating-copy { display:grid; gap:3px; }.google-rating-copy b { color:var(--navy); font-size:1rem; }.google-rating-copy small { color:var(--muted); font-size:.84rem; }.google-rating-link { color:var(--orange); font-weight:800; font-size:.85rem; white-space:nowrap; }.google-rating-link b { margin-left:5px; font-size:1.1rem; }.rating-disclosure { margin:12px 0 0; color:#6a7d8f; font-size:.72rem; }
.form-error.success { color:#157347; }
@media (min-width:901px) { .site-header { height:102px; background:rgba(255,255,255,.86); backdrop-filter:blur(18px); box-shadow:0 1px 0 rgba(7,55,100,.07); }.nav-wrap { width:min(1210px,calc(100% - 48px)); gap:15px; padding:10px 12px 10px 6px; border:1px solid rgba(215,226,236,.8); border-radius:20px; background:rgba(255,255,255,.92); box-shadow:0 10px 28px rgba(7,55,100,.07); }.brand { width:154px; height:70px; border-radius:13px; }.main-nav { gap:2px; margin-left:auto; padding:4px; border:1px solid #e3edf4; border-radius:999px; background:#f6f9fb; font-size:.79rem; }.main-nav a { padding:9px 12px; border-radius:999px; transition:color .2s,background .2s,box-shadow .2s; }.main-nav a::after { display:none; }.main-nav a:hover { color:var(--navy); background:#fff; box-shadow:0 3px 10px rgba(7,55,100,.09); }.main-nav a.active { color:var(--navy); background:#fff; box-shadow:0 3px 10px rgba(7,55,100,.1); }.main-nav a.active::before { content:""; display:inline-block; width:6px; height:6px; margin:0 6px 1px 0; border-radius:50%; background:var(--orange); }.nav-cta { margin-left:3px; white-space:nowrap; } }
@media (max-width:680px) { .google-rating { grid-template-columns:auto 1fr; gap:14px; padding:21px; }.google-rating-score { border:0; padding:0; }.google-rating-copy { grid-column:1 / -1; }.google-rating-link { grid-column:1 / -1; padding-top:3px; } }