/* Silicon Valley Driving School, homepage second half (Prototype 2, scoped component). Every rule is prefixed with #top #wrap_all #svds-sh. Generated by tools/make-component.py from the approved prototype. */ /* --- Isolation block (keeps host-theme CSS out; adds no visual change on a clean page) --- 1. The root restates the inherited text properties a clean page would give it, so a host theme's body/section typography cannot flow in. 2. Every element inside is rolled back to browser defaults at specificity (1,0,0). All component rules below have equal or higher specificity and come later, so they win exactly as they do in the approved prototype, while host rules on shared element or class names (h2, p, ul, button, input, .btn, .card ...) lose. SVG internals are excluded because their fill and stroke come from presentation attributes. */ #top #wrap_all #svds-sh{display:block;position:relative;isolation:isolate;width:100%;box-sizing:border-box;text-align:left;text-align-last:auto;text-transform:none;letter-spacing:normal;word-spacing:normal;text-indent:0;text-shadow:none;white-space:normal;visibility:visible;cursor:auto;direction:ltr;hyphens:manual;overflow-wrap:normal;word-break:normal;line-break:auto;tab-size:8;quotes:auto;font-kerning:auto;font-feature-settings:normal;font-variation-settings:normal;font-optical-sizing:auto;font-synthesis:weight style;text-rendering:auto;list-style:none;border-collapse:separate} #top #wrap_all #svds-sh :where(*:not(svg):not(svg *)),#top #wrap_all #svds-sh :where(*:not(svg):not(svg *))::before,#top #wrap_all #svds-sh :where(*:not(svg):not(svg *))::after{all:revert} #top #wrap_all #svds-sh :where(svg){border:0 none;padding:0;margin:0;vertical-align:baseline;background:none;box-shadow:none} @font-face{font-family:'SVSH Fraunces';font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/fraunces-latin-wght-normal.woff2) format('woff2')} @font-face{font-family:'SVSH Fraunces';font-style:italic;font-weight:100 900;font-display:swap;src:url(../fonts/fraunces-latin-wght-italic.woff2) format('woff2')} @font-face{font-family:'SVSH Amp';font-style:italic;font-weight:400;font-display:swap;src:url(../fonts/svds-amp-italic.woff2) format('woff2');unicode-range:U+0026} @font-face{font-family:'SVSH Instrument Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/instrument-sans-latin-wght-normal.woff2) format('woff2')} #top #wrap_all #svds-sh{ --pearl:#FBFCFE; --mist:#F0F5FC; --sky:#E3EDFB; --sky2:#D3E2F7; --line:#D3DFF2; --line2:#BFD0EA; --navy:#0F2D6B; --ink:#0B1B3F; --blue:#1A56C4; --muted:#434F73; --warm:#F5E9DC; --water:#B9D5F3; --shallow:#C9DFF7; --shore:#7FA8DC; --land:#F6F5F2; --urban:#E9E8E4; --road:#CFCDC6; --geo:#26417A; --serif:'SVSH Fraunces',Georgia,'Times New Roman',serif; --sans:'SVSH Instrument Sans',system-ui,-apple-system,'Segoe UI',sans-serif; --ease:cubic-bezier(.22,1,.36,1); --spring:cubic-bezier(.34,1.4,.5,1); --pad:max(24px,env(safe-area-inset-left),env(safe-area-inset-right)); --light:0 1px 2px rgba(15,45,107,.04), 0 14px 34px -22px rgba(15,45,107,.16); } #top #wrap_all #svds-sh *{box-sizing:border-box;margin:0} #top #wrap_all #svds-sh{-webkit-text-size-adjust:100%} #top #wrap_all #svds-sh{font:400 17px/1.6 var(--sans);color:var(--ink);background:var(--pearl);overflow-x:clip;-webkit-font-smoothing:antialiased} #top #wrap_all #svds-sh img,#top #wrap_all #svds-sh svg{display:block;max-width:100%} #top #wrap_all #svds-sh a{color:inherit} #top #wrap_all #svds-sh button,#top #wrap_all #svds-sh input{font:inherit;color:inherit} #top #wrap_all #svds-sh button{cursor:pointer;background:none;border:0;padding:0} #top #wrap_all #svds-sh em,#top #wrap_all #svds-sh i{font-family:var(--serif);font-style:italic;font-weight:300;color:var(--blue)} #top #wrap_all #svds-sh .sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap} #top #wrap_all #svds-sh .wrap{width:100%;max-width:1200px;margin-inline:auto;padding-inline:var(--pad)} #top #wrap_all #svds-sh :focus{outline:none} #top #wrap_all #svds-sh :focus-visible{outline:2px solid var(--blue);outline-offset:3px;box-shadow:0 0 0 7px var(--warm);border-radius:12px} #top #wrap_all #svds-sh .strip{height:120px;background:#FBFCFE} #top #wrap_all #svds-sh h2,#top #wrap_all #svds-sh h3{font-family:var(--serif);font-weight:300;letter-spacing:-.025em;line-height:1.08;color:var(--ink);text-wrap:balance} #top #wrap_all #svds-sh h2{font-size:clamp(38px,9.6vw,64px)} #top #wrap_all #svds-sh h2 em,#top #wrap_all #svds-sh h3 em{font-weight:300} #top #wrap_all #svds-sh .lede{font-size:19px;line-height:1.55;color:var(--muted);max-width:34em;text-wrap:pretty} #top #wrap_all #svds-sh .sec{padding-block:96px} #top #wrap_all #svds-sh .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:0 28px;border-radius:999px;background:var(--navy);color:#fff;text-decoration:none;font-weight:600;font-size:17px;letter-spacing:.005em;transition:background .35s var(--ease),transform .35s var(--spring),box-shadow .35s var(--ease);box-shadow:0 8px 18px -12px rgba(15,45,107,.4)} #top #wrap_all #svds-sh .btn:hover{background:#17408F;transform:translateY(-2px)} #top #wrap_all #svds-sh .btn:active{transform:translateY(0) scale(.98)} #top #wrap_all #svds-sh .btn.ghost{background:transparent;color:var(--navy);box-shadow:inset 0 0 0 1.5px var(--line2)} #top #wrap_all #svds-sh .btn.ghost:hover{background:var(--sky);} #top #wrap_all #svds-sh .tlink{display:inline-flex;align-items:center;min-height:44px;color:var(--blue);font-weight:600;text-decoration:underline;text-decoration-color:rgba(26,86,196,.35);text-underline-offset:5px;transition:text-decoration-color .3s} #top #wrap_all #svds-sh .tlink:hover{text-decoration-color:var(--blue)} /* reveal */ #top #wrap_all #svds-sh.svds-js [data-r]{opacity:0;transform:translateY(14px);transition:opacity .8s var(--ease) calc(var(--d,0)*1ms),transform .9s var(--ease) calc(var(--d,0)*1ms)} #top #wrap_all #svds-sh.svds-js [data-r].in{opacity:1;transform:none} /* ===== PRICING ===== */ #top #wrap_all #svds-sh #pricing{background:linear-gradient(180deg,var(--pearl) 0,var(--mist) 100%);position:relative} #top #wrap_all #svds-sh .pr-head{display:grid;gap:20px;margin-bottom:48px} #top #wrap_all #svds-sh .amp{font-family:var(--serif);font-style:italic;font-weight:300;color:var(--blue)} @keyframes svsh-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}} #top #wrap_all #svds-sh .list-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:56px 4px 12px} #top #wrap_all #svds-sh .list-head h3{font-size:26px;letter-spacing:-.015em} #top #wrap_all #svds-sh .list-head span{font-size:15px;color:var(--muted)} #top #wrap_all #svds-sh .inc{margin-top:56px;display:grid;gap:0} #top #wrap_all #svds-sh .inc h3{font-size:26px;letter-spacing:-.015em;margin:0 4px 8px} #top #wrap_all #svds-sh .inc ul{list-style:none;padding:0;display:grid} #top #wrap_all #svds-sh .inc li{display:flex;gap:16px;align-items:flex-start;padding:18px 4px;border-top:1px solid var(--line);font-size:17px} #top #wrap_all #svds-sh .inc li:last-child{border-bottom:1px solid var(--line)} #top #wrap_all #svds-sh .tick{flex:none;width:24px;height:24px;border-radius:50%;background:var(--sky);display:grid;place-items:center;margin-top:1px} #top #wrap_all #svds-sh .tick svg{width:12px;height:12px} /* ===== SERVICE AREA ===== */ #top #wrap_all #svds-sh #area{background:var(--pearl);position:relative;padding-top:96px} #top #wrap_all #svds-sh .area-grid{display:block} #top #wrap_all #svds-sh .area-panel{padding-inline:var(--pad);max-width:640px;margin-inline:auto;position:relative;z-index:3} #top #wrap_all #svds-sh .area-panel h2{margin-bottom:20px} #top #wrap_all #svds-sh .area-panel .lede{margin-bottom:32px} @keyframes svsh-conf{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}} #top #wrap_all #svds-sh .map{position:relative;height:500px;margin:32px 8px 0;border-radius:32px;overflow:hidden;background:var(--water);box-shadow:var(--light);touch-action:manipulation;-webkit-tap-highlight-color:transparent;isolation:isolate} #top #wrap_all #svds-sh .map svg{position:absolute;inset:0;width:100%;height:100%} #top #wrap_all #svds-sh .map-land{fill:var(--land);stroke:none} #top #wrap_all #svds-sh .map-sh1,#top #wrap_all #svds-sh .map-sh2{fill:none;stroke-linejoin:round} #top #wrap_all #svds-sh .map-sh1{stroke:var(--shallow);stroke-width:30px;opacity:.7} #top #wrap_all #svds-sh .map-sh2{stroke:#A6C7EE;stroke-width:10px;opacity:.8} #top #wrap_all #svds-sh .map-shore{fill:none;stroke:var(--shore);stroke-width:1px;stroke-linejoin:round} #top #wrap_all #svds-sh .map-urban{fill:var(--urban)} #top #wrap_all #svds-sh .map-road{fill:none;stroke:var(--road);stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round} #top #wrap_all #svds-sh .ov{position:absolute;inset:0;pointer-events:none;z-index:2} #top #wrap_all #svds-sh .pin{position:absolute;left:0;top:0;will-change:transform} #top #wrap_all #svds-sh .pin-in{position:relative;animation:svsh-pop .7s var(--spring) both;animation-delay:var(--pd,0s)} #top #wrap_all #svds-sh.svds-js .map:not(.in) .pin-in{animation:none;opacity:0;transform:scale(.4)} @keyframes svsh-pop{from{opacity:0;transform:scale(.3)}to{opacity:1;transform:none}} #top #wrap_all #svds-sh .dot{position:absolute;left:-6px;top:-6px;width:12px;height:12px;border-radius:50%;background:#fff;border:2.5px solid var(--blue);box-shadow:0 2px 6px rgba(15,45,107,.25);transition:transform .5s var(--spring),background .3s,border-color .3s} #top #wrap_all #svds-sh .lbl{position:absolute;left:0;top:0;white-space:nowrap;font:500 12.5px/1.2 var(--sans);color:var(--ink);padding:2px 0;text-shadow:0 0 3px var(--land),0 0 3px var(--land),0 0 6px var(--land);transition:opacity .35s,color .3s;transform:translate(var(--ox,10px),var(--oy,-9px))} #top #wrap_all #svds-sh .lbl.hide{opacity:0;visibility:hidden} #top #wrap_all #svds-sh .pin.sel{z-index:5}#top #wrap_all #svds-sh .pin.hov{z-index:4} #top #wrap_all #svds-sh .pin.sel .dot{transform:scale(1.5);background:var(--navy);border-color:#fff;box-shadow:0 0 0 2px var(--navy),0 6px 14px rgba(15,45,107,.4)} #top #wrap_all #svds-sh .pin.sel .lbl{background:var(--navy);color:#fff;text-shadow:none;padding:6px 12px;border-radius:999px;font-weight:600;font-size:14px;box-shadow:0 8px 20px -6px rgba(15,45,107,.5)} #top #wrap_all #svds-sh .pin.hov:not(.sel) .dot{transform:scale(1.35);border-color:var(--navy)} #top #wrap_all #svds-sh .pin.hov .lbl.hide{opacity:1;visibility:visible} #top #wrap_all #svds-sh .map.has-sel .pin:not(.sel):not(.hov):not(.office) .lbl{color:#2B3A62} #top #wrap_all #svds-sh .pin.sel .dot::after{content:"";position:absolute;inset:-9px;border-radius:50%;border:2px solid var(--blue);animation:svsh-ping 1.6s var(--ease) 1 both} @keyframes svsh-ping{from{transform:scale(.4);opacity:.9}to{transform:scale(2.6);opacity:0}} #top #wrap_all #svds-sh .office .dot{left:-10px;top:-10px;width:20px;height:20px;background:var(--navy);border:3px solid #fff;box-shadow:0 0 0 1.5px var(--navy),0 8px 18px rgba(15,45,107,.4)} #top #wrap_all #svds-sh .office .halo{position:absolute;left:-44px;top:-44px;width:88px;height:88px;border-radius:50%;background:radial-gradient(circle,rgba(26,86,196,.22),rgba(26,86,196,0) 70%)} #top #wrap_all #svds-sh .office .lbl{background:var(--navy);color:#fff;text-shadow:none;padding:6px 12px;border-radius:12px;font-weight:600;font-size:13px;line-height:1.25;box-shadow:0 8px 20px -6px rgba(15,45,107,.5)} #top #wrap_all #svds-sh .office .lbl small{display:none;font-weight:400;font-size:12px;opacity:.9} #top #wrap_all #svds-sh .ripple{position:absolute;left:0;top:0;width:0;height:0;pointer-events:none} #top #wrap_all #svds-sh .ripple::before{content:"";position:absolute;left:calc(var(--rr,300px)*-1);top:calc(var(--rr,300px)*-1);width:calc(var(--rr,300px)*2);height:calc(var(--rr,300px)*2);border-radius:50%;border:1.5px solid rgba(26,86,196,.35);opacity:0;transform:scale(0)} #top #wrap_all #svds-sh .map.in .ripple::before{animation:svsh-rip 1.7s cubic-bezier(.3,.6,.4,1) .15s 1 both} @keyframes svsh-rip{0%{transform:scale(.02);opacity:.8}100%{transform:scale(1);opacity:0}} #top #wrap_all #svds-sh .geo{position:absolute;left:0;top:0;white-space:nowrap;font-family:var(--serif);font-style:italic;font-weight:300;color:var(--geo);letter-spacing:.03em;transform:translate(-50%,-50%)} #top #wrap_all #svds-sh .geo.bay{font-size:19px}#top #wrap_all #svds-sh .geo.mtn{font-size:16px} #top #wrap_all #svds-sh .lm{position:absolute;left:0;top:0;pointer-events:none} #top #wrap_all #svds-sh .lm i{position:absolute;white-space:nowrap;font:italic 300 12.5px/1.2 var(--serif);color:var(--geo);text-shadow:0 0 3px var(--land),0 0 3px var(--land)} #top #wrap_all #svds-sh .lm::before{content:"";position:absolute;left:-3.5px;top:-3.5px;width:7px;height:7px;background:var(--geo);opacity:.65;transform:rotate(45deg)} #top #wrap_all #svds-sh .lm.hide{display:none} #top #wrap_all #svds-sh .map-reset{position:absolute;z-index:6;bottom:44px;right:14px;min-height:44px;padding:0 18px;border-radius:999px;background:#fff;color:var(--navy);font-weight:600;font-size:15px;box-shadow:0 10px 24px -10px rgba(15,45,107,.4);opacity:0;transform:translateY(6px);pointer-events:none;transition:opacity .4s var(--ease),transform .5s var(--spring)} #top #wrap_all #svds-sh .map.has-sel .map-reset{opacity:1;transform:none;pointer-events:auto} #top #wrap_all #svds-sh .map-reset:hover{background:var(--sky)} #top #wrap_all #svds-sh .map-cr{position:absolute;z-index:3;left:16px;bottom:10px;font-size:12px;color:#3A4A74;text-shadow:0 0 4px var(--land)} #top #wrap_all #svds-sh .index{padding-top:40px} #top #wrap_all #svds-sh .index h3{font-size:24px;letter-spacing:-.015em;margin-bottom:16px} #top #wrap_all #svds-sh .chips{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px} #top #wrap_all #svds-sh .chip{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:999px;background:var(--mist);box-shadow:inset 0 0 0 1px var(--line);font-size:16px;font-weight:500;color:var(--ink);transition:background .35s var(--ease),color .3s,transform .4s var(--spring),box-shadow .3s} #top #wrap_all #svds-sh .chip:hover{background:var(--sky);transform:translateY(-1px)} #top #wrap_all #svds-sh .chip[aria-pressed=true]{background:var(--navy);color:#fff;box-shadow:none} #top #wrap_all #svds-sh .area-end{padding-bottom:96px} /* ===== MISSION ===== */ #top #wrap_all #svds-sh #mission{background:radial-gradient(70% 60% at 85% 0%,#EAF2FD 0,rgba(234,242,253,0) 70%),var(--pearl);text-align:center;padding-block:112px 120px} #top #wrap_all #svds-sh .mission-in{max-width:980px;margin-inline:auto;padding-inline:var(--pad)} #top #wrap_all #svds-sh .stmt{font-family:var(--serif);font-weight:300;font-size:clamp(34px,8.8vw,68px);line-height:1.16;letter-spacing:-.025em;color:var(--ink);text-wrap:balance} #top #wrap_all #svds-sh .stmt .s{display:inline} #top #wrap_all #svds-sh.svds-js .stmt .s{opacity:0;transform:translateY(8px);display:inline-block;transition:opacity .9s var(--ease),transform 1s var(--ease)} #top #wrap_all #svds-sh.svds-js .stmt .s.b{transition-delay:.35s} #top #wrap_all #svds-sh.svds-js #mission.in .stmt .s{opacity:1;transform:none} #top #wrap_all #svds-sh .v{font-family:var(--serif);font-style:italic;font-weight:300;color:var(--ink);padding-bottom:.07em;background:linear-gradient(var(--blue),var(--blue)) no-repeat 0 100%/0% 1.5px;-webkit-box-decoration-break:clone;box-decoration-break:clone;transition:color 1s var(--ease),background-size 1.2s var(--ease);transition-delay:var(--vd,0s)} #top #wrap_all #svds-sh.svds-js #mission.in .v,#top #wrap_all #svds-sh:not(.svds-js) .v{color:var(--blue);background-size:100% 1.5px} #top #wrap_all #svds-sh .sign{margin-top:64px;display:grid;justify-items:center;gap:16px} #top #wrap_all #svds-sh .sign::before{content:"";width:48px;height:1px;background:var(--line2)} #top #wrap_all #svds-sh .logo{height:60px;width:auto;max-width:260px} #top #wrap_all #svds-sh .logo-fb{display:inline-flex;flex-direction:column;align-items:center;line-height:1;color:var(--navy)} #top #wrap_all #svds-sh .logo-fb b{font-family:var(--serif);font-weight:400;font-size:26px;letter-spacing:-.01em} #top #wrap_all #svds-sh .logo-fb span{font:600 10.5px/1 var(--sans);letter-spacing:.32em;margin-top:6px;text-indent:.32em} /* ===== FAQ ===== */ #top #wrap_all #svds-sh #faq{background:var(--mist)} /* ===== CONTACT ===== */ #top #wrap_all #svds-sh #contact{background:var(--pearl);padding-bottom:0} /* ===== FOOTER ===== */ #top #wrap_all #svds-sh footer{position:relative;background:radial-gradient(90% 70% at 100% 0%,rgba(54,104,214,.28) 0,rgba(54,104,214,0) 60%),linear-gradient(180deg,#0F2D6B 0,#0A1A3C 100%);color:rgba(255,255,255,.86);padding-block:88px 32px;font-size:16px;overflow:hidden} #top #wrap_all #svds-sh footer::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0))} #top #wrap_all #svds-sh .ft-band{display:grid;gap:36px;padding-bottom:64px} #top #wrap_all #svds-sh .ft-word{display:flex;flex-direction:column;gap:14px;color:#fff;line-height:1} #top #wrap_all #svds-sh .ft-word .w1{font-family:var(--serif);font-weight:300;font-size:clamp(52px,15.5vw,200px);letter-spacing:-.035em;line-height:.95;white-space:nowrap} #top #wrap_all #svds-sh .ft-word .w2{font:600 clamp(12px,3.1vw,20px)/1 var(--sans);letter-spacing:.42em;text-transform:uppercase;color:#BFD3F7;padding-left:.15em} #top #wrap_all #svds-sh .ft-lead{display:grid;gap:28px;justify-items:start} #top #wrap_all #svds-sh .ft-lead p{max-width:30em;font-family:var(--serif);font-weight:300;font-size:21px;line-height:1.45;letter-spacing:-.01em;color:#fff;text-wrap:pretty} #top #wrap_all #svds-sh .ft-lead .btn{background:#fff;color:var(--navy);box-shadow:none} #top #wrap_all #svds-sh .ft-lead .btn:hover{background:var(--sky)} #top #wrap_all #svds-sh .ft-cols{display:grid;gap:0 32px;grid-template-columns:1fr} #top #wrap_all #svds-sh .ft-col{padding-block:32px 28px;border-top:1px solid rgba(255,255,255,.18)} #top #wrap_all #svds-sh .ft-col h4{font:600 12px/1.3 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:#A9C2EE;margin-bottom:18px} #top #wrap_all #svds-sh .ft-col ul{list-style:none;padding:0;display:grid;gap:0} #top #wrap_all #svds-sh .ft-col a{display:inline-flex;align-items:center;min-height:44px;padding-block:6px;color:rgba(255,255,255,.9);text-decoration:none;transition:color .3s} #top #wrap_all #svds-sh .ft-col a:hover{color:#fff;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px} #top #wrap_all #svds-sh .ft-col li{line-height:1.4} #top #wrap_all #svds-sh .ft-col address{font-style:normal;line-height:1.65;margin-bottom:4px} #top #wrap_all #svds-sh .ft-col address a{display:flex;margin-top:4px;text-decoration:underline;text-decoration-color:rgba(255,255,255,.4);text-underline-offset:5px;text-decoration-thickness:1px} #top #wrap_all #svds-sh .ft-contact{margin-top:12px} #top #wrap_all #svds-sh .ft-col .cities{display:block;columns:2;column-gap:24px} #top #wrap_all #svds-sh .ft-col .cities li{break-inside:avoid;padding:0;min-height:36px;display:flex;align-items:center} #top #wrap_all #svds-sh .ft-legal{display:grid;gap:4px;padding-top:28px;border-top:1px solid rgba(255,255,255,.18);font-size:14px;color:rgba(255,255,255,.8)} #top #wrap_all #svds-sh .ft-legal a{display:inline-flex;align-items:center;min-height:44px;color:#fff;text-decoration:underline;text-decoration-color:rgba(255,255,255,.4);text-underline-offset:5px;text-decoration-thickness:1px} #top #wrap_all #svds-sh footer :focus-visible{outline-color:#fff;box-shadow:0 0 0 7px rgba(255,255,255,.18)} @media (min-width:768px){ #top #wrap_all #svds-sh .sec{padding-block:128px} #top #wrap_all #svds-sh .inc ul{grid-template-columns:repeat(3,1fr);gap:0 40px} #top #wrap_all #svds-sh .inc li{border-bottom:1px solid var(--line)} #top #wrap_all #svds-sh .inc li:last-child{border-bottom:1px solid var(--line)} #top #wrap_all #svds-sh .ft-band{grid-template-columns:1fr;gap:44px} #top #wrap_all #svds-sh .ft-lead{grid-template-columns:1fr auto;align-items:end;gap:40px} #top #wrap_all #svds-sh .ft-cols{grid-template-columns:repeat(2,1fr)} #top #wrap_all #svds-sh .ft-legal{grid-template-columns:auto 1fr auto;gap:8px 32px;align-items:center} #top #wrap_all #svds-sh .ft-legal .ft-lic{justify-self:start} } @media (min-width:1024px){ #top #wrap_all #svds-sh #area{padding-top:128px;padding-bottom:0} #top #wrap_all #svds-sh .area-grid{display:grid;grid-template-columns:minmax(500px,38.2%) 1fr;min-height:820px;align-items:center} #top #wrap_all #svds-sh .area-panel{max-width:none;margin:0;padding:0 56px 0 max(var(--pad),calc((100vw - 1200px)/2 + var(--pad)))} #top #wrap_all #svds-sh .map{height:auto;min-height:760px;margin:0 clamp(24px,3.6vw,56px) 0 0;border-radius:44px;align-self:stretch} #top #wrap_all #svds-sh .map .lbl{font-size:13.5px} #top #wrap_all #svds-sh .office .lbl small{display:block} #top #wrap_all #svds-sh .index{padding-top:56px} #top #wrap_all #svds-sh .ft-cols{grid-template-columns:1.3fr 1.3fr 1fr;gap:0 56px} } @media (min-width:1440px){ #top #wrap_all #svds-sh .area-grid{grid-template-columns:minmax(560px,38.2%) 1fr} } @media (max-width:1023px){#top #wrap_all #svds-sh .lm{display:none}} @media (prefers-reduced-motion:reduce){ #top #wrap_all #svds-sh *,#top #wrap_all #svds-sh *::before,#top #wrap_all #svds-sh *::after{animation-duration:.001ms!important;animation-delay:0s!important;transition-duration:.001ms!important;transition-delay:0s!important;scroll-behavior:auto!important} #top #wrap_all #svds-sh.svds-js [data-r]{opacity:1;transform:none} #top #wrap_all #svds-sh.svds-js .stmt .s{opacity:1;transform:none} #top #wrap_all #svds-sh.svds-js .map:not(.in) .pin-in{opacity:1;transform:none} } #top #wrap_all #svds-sh .nb{white-space:nowrap} #top #wrap_all #svds-sh .lead{position:absolute;left:0;top:0;height:1px;display:none;background:rgba(15,45,107,.6);transform-origin:0 50%;pointer-events:none} #top #wrap_all #svds-sh .list-head span{white-space:nowrap} @media (min-width:768px){ } @media (min-width:1024px){#top #wrap_all #svds-sh .area-panel h2{font-size:48px}#top #wrap_all #svds-sh .faq-intro h2{font-size:52px}} @media (min-width:768px) and (max-width:1023px){#top #wrap_all #svds-sh .faq-intro h2{font-size:52px}} @media (max-width:380px){#top #wrap_all #svds-sh .lbl{font-size:12px!important}} @media (min-width:768px){#top #wrap_all #svds-sh .cr .val.em{font-size:clamp(24px,2.4vw,32px)}} /* area: mobile order = heading, intro, field, map, confirmation */ @media (max-width:1023px){ #top #wrap_all #svds-sh .area-grid{display:flex;flex-direction:column} #top #wrap_all #svds-sh .area-panel{display:contents} #top #wrap_all #svds-sh .area-panel>*{width:calc(100% - 2*var(--pad));max-width:640px;margin-inline:auto} #top #wrap_all #svds-sh .map{order:1;width:auto;margin:28px 8px 0} } @media (max-width:430px){#top #wrap_all #svds-sh .lbl{font-size:12px}} /* mission: the three values are typed one after another, same face, same size, space reserved so nothing jumps */ #top #wrap_all #svds-sh .svm .svm-prefix{display:block;text-wrap:balance} #top #wrap_all #svds-sh .svm .svm-word:before{content:"good driving habits";grid-area:1/1;visibility:hidden;white-space:nowrap} #top #wrap_all #svds-sh .svm .svm-live{grid-area:1/1;white-space:nowrap;font-style:italic;font-weight:inherit;font-family:inherit} #top #wrap_all #svds-sh .svm .svm-live:after{content:"";display:inline-block;width:.035em;height:.82em;margin-left:.07em;background:currentColor;vertical-align:-.06em;opacity:.55;animation:svsh-svmblink 1.05s steps(1) infinite} @keyframes svsh-svmblink{50%{opacity:0}} @media(prefers-reduced-motion:reduce){#top #wrap_all #svds-sh .svm .svm-word:before{display:none}#top #wrap_all #svds-sh .svm .svm-live:after{display:none}#top #wrap_all #svds-sh .svm .svm-live{white-space:normal}} /* ================= MERGED BUILD ================= */ /* program card */ #top #wrap_all #svds-sh .feat{position:relative;border-radius:28px;padding:26px 20px 14px;color:#fff;background:radial-gradient(90% 80% at 100% 0%,rgba(54,104,214,.34) 0,rgba(54,104,214,0) 60%),linear-gradient(165deg,#0F2D6B 0,#0A1A3C 100%);box-shadow:0 18px 40px -28px rgba(15,45,107,.4);overflow:hidden} #top #wrap_all #svds-sh .feat-body{display:grid;gap:28px} #top #wrap_all #svds-sh .feat-main{display:grid;gap:24px;grid-template-areas:"copy" "buy" "rib"} #top #wrap_all #svds-sh .feat-copy{grid-area:copy}#top #wrap_all #svds-sh .feat-buy{grid-area:buy}#top #wrap_all #svds-sh .ribbon{grid-area:rib} #top #wrap_all #svds-sh .feat-kicker{font-family:var(--serif);font-style:italic;font-weight:300;font-size:19px;color:#A9C2EE} #top #wrap_all #svds-sh .feat h3{color:#fff;font-size:clamp(32px,8.4vw,46px);margin:8px 0 6px} #top #wrap_all #svds-sh .feat-who{color:#BFD3F7;font-size:16px;margin-bottom:14px} #top #wrap_all #svds-sh .feat-reason{font-size:19px;line-height:1.55;max-width:30em;color:#E6EEFB;text-wrap:pretty} #top #wrap_all #svds-sh .ribbon{display:flex;gap:12px;max-width:440px} #top #wrap_all #svds-sh .rg{flex:1;min-width:0} #top #wrap_all #svds-sh .cells{display:flex;gap:4px} #top #wrap_all #svds-sh .cells b{flex:1;height:10px;border-radius:5px;background:rgba(255,255,255,.16);position:relative;overflow:hidden} #top #wrap_all #svds-sh .cells b::after{content:"";position:absolute;inset:0;background:#8FB6F7;border-radius:5px;transform-origin:left;transform:scaleX(0)} #top #wrap_all #svds-sh .feat.in .cells b::after,#top #wrap_all #svds-sh:not(.svds-js) .cells b::after{transform:none;animation:svsh-fill .7s var(--ease) both;animation-delay:calc(var(--k)*90ms + 250ms)} #top #wrap_all #svds-sh:not(.svds-js) .cells b::after{animation:none} #top #wrap_all #svds-sh .rl{display:block;margin-top:8px;font-size:14px;line-height:1.3;font-weight:600;color:#fff} #top #wrap_all #svds-sh .rl strong{display:block;font-weight:600;color:#fff} #top #wrap_all #svds-sh .feat-buy{display:grid;gap:4px;align-content:start;padding-top:22px;border-top:1px solid rgba(255,255,255,.2)} #top #wrap_all #svds-sh .price{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 14px} #top #wrap_all #svds-sh .amt{font-family:var(--serif);font-weight:300;font-size:clamp(64px,18vw,88px);line-height:1;letter-spacing:-.04em;color:#fff;font-variant-numeric:lining-nums} #top #wrap_all #svds-sh .was{font-size:16px;color:#BFD3F7} #top #wrap_all #svds-sh .was s{text-decoration-thickness:1px} #top #wrap_all #svds-sh .save{display:inline-block;margin-left:10px;color:#fff;font-weight:600} #top #wrap_all #svds-sh .tax{font-size:15px;color:#BFD3F7;margin-bottom:16px} #top #wrap_all #svds-sh .feat .btn{width:100%;background:#fff;color:var(--navy);box-shadow:none} #top #wrap_all #svds-sh .feat .btn:hover{background:var(--sky)} #top #wrap_all #svds-sh .avail{font-size:15px;color:#BFD3F7;margin-top:12px;text-align:center} #top #wrap_all #svds-sh .feat-inc{padding-top:22px;border-top:1px solid rgba(255,255,255,.2)} #top #wrap_all #svds-sh .feat-inc h4{font:600 12px/1.3 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:#A9C2EE;margin-bottom:6px} #top #wrap_all #svds-sh .inc-list{list-style:none;padding:0;display:grid} #top #wrap_all #svds-sh .inc-list li{display:flex;gap:14px;align-items:flex-start;padding:11px 0;border-top:1px solid rgba(255,255,255,.12);font-size:16px;line-height:1.45;color:#EAF1FC} #top #wrap_all #svds-sh .inc-list li:first-child{border-top:0} #top #wrap_all #svds-sh .feat .tick{background:rgba(255,255,255,.14);color:#fff} #top #wrap_all #svds-sh .feat .tick svg{width:12px;height:12px} /* lessons list with details */ #top #wrap_all #svds-sh .rows{list-style:none;padding:0;border-radius:28px;background:#fff;box-shadow:var(--light);overflow:hidden} #top #wrap_all #svds-sh .row{border-top:1px solid var(--line);transition:background .4s var(--ease)} #top #wrap_all #svds-sh .row:first-child{border-top:0} #top #wrap_all #svds-sh .row.open{background:#F7FAFE} #top #wrap_all #svds-sh .row-main{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"copy pr" "act act";gap:4px 16px;padding:18px 20px 2px} #top #wrap_all #svds-sh .rm-copy{grid-area:copy} #top #wrap_all #svds-sh .nm{font-family:var(--serif);font-weight:400;font-size:22px;line-height:1.2;letter-spacing:-.01em;color:var(--ink)} #top #wrap_all #svds-sh .pr{grid-area:pr;font-family:var(--serif);font-weight:300;font-size:30px;line-height:1.1;letter-spacing:-.02em;color:var(--navy);text-align:right} #top #wrap_all #svds-sh .meta{margin-top:6px;font-size:16px;color:var(--muted);text-wrap:pretty} #top #wrap_all #svds-sh .meta b{font-weight:600;color:var(--ink)} #top #wrap_all #svds-sh .durcol{display:none;grid-area:dur} #top #wrap_all #svds-sh .rm-act{grid-area:act;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0 20px} #top #wrap_all #svds-sh .det-tg,#top #wrap_all #svds-sh .go{display:inline-flex;align-items:center;gap:10px;min-height:48px;font-weight:600;font-size:16px;color:var(--blue);text-decoration:none} #top #wrap_all #svds-sh .go svg{transition:transform .4s var(--spring)} #top #wrap_all #svds-sh .go:hover svg{transform:translateX(4px)} #top #wrap_all #svds-sh .det-tg:hover span:first-child{text-decoration:underline;text-decoration-color:rgba(26,86,196,.4);text-underline-offset:5px} #top #wrap_all #svds-sh .det-tg .pm{position:relative;width:26px;height:26px;border-radius:50%;box-shadow:inset 0 0 0 1px var(--line2);background:#fff;flex:none;transition:background .4s var(--ease)} #top #wrap_all #svds-sh .det-tg .pm::before,#top #wrap_all #svds-sh .det-tg .pm::after{content:"";position:absolute;left:50%;top:50%;width:10px;height:1.5px;margin:-.75px 0 0 -5px;background:var(--navy);transition:transform .45s var(--ease),background .3s} #top #wrap_all #svds-sh .det-tg .pm::after{transform:rotate(90deg)} #top #wrap_all #svds-sh .row.open .det-tg .pm{background:var(--navy)} #top #wrap_all #svds-sh .row.open .det-tg .pm::before,#top #wrap_all #svds-sh .row.open .det-tg .pm::after{background:#fff} #top #wrap_all #svds-sh .row.open .det-tg .pm::after{transform:rotate(0)} #top #wrap_all #svds-sh .det{display:grid;grid-template-rows:0fr;transition:grid-template-rows .6s var(--ease)} #top #wrap_all #svds-sh .row.open .det{grid-template-rows:1fr} #top #wrap_all #svds-sh .det>div{min-height:0;overflow:hidden;visibility:hidden;transition:visibility 0s .6s} #top #wrap_all #svds-sh .row.open .det>div{visibility:visible;transition-delay:0s} #top #wrap_all #svds-sh .det-in{display:grid;gap:20px;padding:4px 20px 24px} #top #wrap_all #svds-sh .det-list{list-style:none;padding:0;display:grid} #top #wrap_all #svds-sh .det-list li{display:flex;gap:14px;align-items:flex-start;padding:11px 0;border-top:1px solid var(--line);font-size:16px;line-height:1.5;color:#2B3858} #top #wrap_all #svds-sh .det-list li:first-child{border-top:0} #top #wrap_all #svds-sh .det .tick{color:var(--blue)} #top #wrap_all #svds-sh .det-in .btn{width:100%;min-height:52px} #top #wrap_all #svds-sh:not(.svds-js) .det{grid-template-rows:1fr}#top #wrap_all #svds-sh:not(.svds-js) .det>div{visibility:visible} #top #wrap_all #svds-sh:not(.svds-js) .det-tg{display:none} /* service area card */ #top #wrap_all #svds-sh .confirm{margin-top:28px;padding:28px 26px 24px;border-radius:28px;color:#fff;background:radial-gradient(90% 80% at 100% 0%,rgba(54,104,214,.34) 0,rgba(54,104,214,0) 60%),linear-gradient(165deg,#0F2D6B 0,#0A1A3C 100%);box-shadow:var(--light)} #top #wrap_all #svds-sh .confirm .ck{font:600 12px/1.3 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:#A9C2EE} #top #wrap_all #svds-sh .confirm .cbig{font-family:var(--serif);font-weight:300;font-size:clamp(46px,12vw,58px);line-height:1.02;letter-spacing:-.035em;color:#fff;margin:14px 0;text-wrap:balance} #top #wrap_all #svds-sh .confirm .csub{font-size:17px;line-height:1.55;color:#DCE7FA;max-width:26em;text-wrap:pretty} #top #wrap_all #svds-sh .confirm .coff{margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.18);font-size:15px;line-height:1.5;color:#E6EEFB} #top #wrap_all #svds-sh .confirm .coff span{display:block;font:600 11.5px/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#A9C2EE;margin-bottom:4px} #top #wrap_all #svds-sh .confirm .acts{display:flex;flex-wrap:wrap;align-items:center;gap:4px 24px;margin-top:22px} #top #wrap_all #svds-sh .confirm .btn{background:#fff;color:var(--navy);box-shadow:none} #top #wrap_all #svds-sh .confirm .btn:hover{background:var(--sky)} #top #wrap_all #svds-sh .confirm .tlink{color:#fff;text-decoration-color:rgba(255,255,255,.45)} #top #wrap_all #svds-sh .confirm .tlink:hover{text-decoration-color:#fff} #top #wrap_all #svds-sh .confirm.swap .cbig,#top #wrap_all #svds-sh .confirm.swap .csub,#top #wrap_all #svds-sh .confirm.swap .acts{animation:svsh-conf .7s var(--ease) both} @keyframes svsh-conf{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}} @media (max-width:1023px){#top #wrap_all #svds-sh .confirm{order:2;margin:32px auto 0}} /* mission */ #top #wrap_all #svds-sh #mission{padding-block:clamp(96px,12vw,148px)} #top #wrap_all #svds-sh .mission-in{max-width:1040px} #top #wrap_all #svds-sh .m-eyebrow{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:40px;font:600 12px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--muted)} #top #wrap_all #svds-sh .m-eyebrow b{display:block;width:32px;height:1px;background:currentColor;opacity:.4} #top #wrap_all #svds-sh .stmt{font-size:clamp(34px,8.2vw,64px);line-height:1.14} #top #wrap_all #svds-sh .svm .svm-word{display:inline-grid;place-items:center;margin-top:.12em;padding:0 .06em .08em;border-bottom:1.5px solid rgba(26,86,196,.28);font-style:italic;color:var(--svm-accent,#1A56C4);min-height:1.2em} #top #wrap_all #svds-sh .sign{margin-top:72px} /* FAQ */ #top #wrap_all #svds-sh #faq{background:var(--mist)} #top #wrap_all #svds-sh .faq-grid{display:grid;gap:40px} #top #wrap_all #svds-sh .faq-intro h2{margin:0} #top #wrap_all #svds-sh .q-list{margin:0;padding:0;list-style:none;border-top:1px solid var(--ink);position:relative} #top #wrap_all #svds-sh .q-list::before{content:"";position:absolute;left:0;right:0;top:-1px;height:1px;background:var(--blue);transform-origin:left;transition:transform 1.4s var(--ease) .2s} #top #wrap_all #svds-sh.svds-js .q-list:not(.in)::before{transform:scaleX(0)} #top #wrap_all #svds-sh:not(.svds-js) .q-list::before{display:none} #top #wrap_all #svds-sh .q{border-bottom:1px solid var(--line2)} #top #wrap_all #svds-sh .q h3{margin:0;font:inherit;letter-spacing:0} #top #wrap_all #svds-sh .q-btn{width:100%;display:grid;grid-template-columns:minmax(0,1fr) 24px;column-gap:20px;align-items:start;padding:22px 0;min-height:72px;text-align:left} #top #wrap_all #svds-sh .qt{font:500 18px/1.4 var(--sans);letter-spacing:-.005em;text-wrap:balance;color:var(--ink);transition:color .3s} #top #wrap_all #svds-sh .q-btn:hover .qt{color:var(--blue)} #top #wrap_all #svds-sh .cv{position:relative;display:block;width:24px;height:24px;margin-top:1px} #top #wrap_all #svds-sh .cv::before,#top #wrap_all #svds-sh .cv::after{content:"";position:absolute;left:4px;right:4px;top:11px;height:1.5px;background:var(--navy);transition:transform .45s var(--ease)} #top #wrap_all #svds-sh .cv::after{transform:rotate(90deg)} #top #wrap_all #svds-sh .q.open .cv::after{transform:rotate(0)} #top #wrap_all #svds-sh .qa{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s var(--ease)} #top #wrap_all #svds-sh .qa>div{overflow:hidden;min-height:0;visibility:hidden;transition:visibility 0s .5s} #top #wrap_all #svds-sh .q.open .qa{grid-template-rows:1fr} #top #wrap_all #svds-sh .q.open .qa>div{visibility:visible;transition-delay:0s} #top #wrap_all #svds-sh .qa-in{padding:0 44px 28px 0;color:#2B3858;font-size:16.5px;line-height:1.7;max-width:62ch} #top #wrap_all #svds-sh .qa-in p+p{margin-top:12px} #top #wrap_all #svds-sh .qa-in a{display:inline-flex;align-items:center;min-height:44px} #top #wrap_all #svds-sh:not(.svds-js) .qa{grid-template-rows:1fr}#top #wrap_all #svds-sh:not(.svds-js) .qa>div{visibility:visible} @media (min-width:768px){ #top #wrap_all #svds-sh .feat{padding:56px} #top #wrap_all #svds-sh .feat-main{grid-template-columns:1.618fr 1fr;gap:56px;align-items:stretch} #top #wrap_all #svds-sh .feat-buy{border-top:0;border-left:1px solid rgba(255,255,255,.2);padding:0 0 0 40px;align-content:center} #top #wrap_all #svds-sh .inc-list{grid-template-columns:1fr 1fr;gap:0 56px} #top #wrap_all #svds-sh .inc-list li:nth-child(2){border-top:0} #top #wrap_all #svds-sh .row-main{grid-template-columns:minmax(0,1.7fr) 130px 110px auto;grid-template-areas:"copy dur pr act";align-items:center;gap:0 28px;padding:26px 36px} #top #wrap_all #svds-sh .nm{font-size:24px} #top #wrap_all #svds-sh .pr{font-size:34px;align-self:center} #top #wrap_all #svds-sh .durcol{display:block;align-self:center;font-size:16px;color:var(--muted)} #top #wrap_all #svds-sh .mdur{display:none} #top #wrap_all #svds-sh .rm-act{justify-content:flex-end;gap:0 28px;flex-wrap:nowrap} #top #wrap_all #svds-sh .det-in{padding:4px 36px 36px;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px 48px} #top #wrap_all #svds-sh .det-list{grid-template-columns:1fr 1fr;gap:0 40px} #top #wrap_all #svds-sh .det-list li:nth-child(2){border-top:0} #top #wrap_all #svds-sh .det-in .btn{width:auto;justify-self:end} #top #wrap_all #svds-sh .confirm{padding:34px 34px 30px} } @media (min-width:900px){ #top #wrap_all #svds-sh .faq-grid{grid-template-columns:1fr 1.618fr;gap:96px;align-items:start} #top #wrap_all #svds-sh .faq-intro{position:sticky;top:48px} #top #wrap_all #svds-sh .qt{font-size:20px} } @media (min-width:1024px){#top #wrap_all #svds-sh .confirm .cbig{font-size:56px}#top #wrap_all #svds-sh .confirm .cbig.long{font-size:40px;line-height:1.2}} @media(prefers-reduced-motion:reduce){#top #wrap_all #svds-sh .cells b::after{transform:none!important;animation:none!important}#top #wrap_all #svds-sh .q-list::before{transition:none}} @media (min-width:768px){#top #wrap_all #svds-sh .cr .val.bk{font-size:clamp(24px,2.4vw,32px)}} #top #wrap_all #svds-sh .pr{text-align:right} #top #wrap_all #svds-sh .pdur{display:block;margin-top:4px;font:400 14px/1.25 var(--sans);letter-spacing:0;color:var(--muted);max-width:9em;margin-left:auto} @media (min-width:768px){#top #wrap_all #svds-sh .pdur{display:none} #top #wrap_all #svds-sh .feat-main{grid-template-columns:1.618fr 1fr;grid-template-areas:"copy buy" "rib buy";gap:28px 56px;align-items:start} #top #wrap_all #svds-sh .feat-buy{align-self:stretch;align-content:center} #top #wrap_all #svds-sh .feat{padding:56px 56px 40px} #top #wrap_all #svds-sh .feat-body{gap:40px} #top #wrap_all #svds-sh .row-main{padding:26px 36px} } /* map: names are present from the first paint */ #top #wrap_all #svds-sh .pin-in{animation:none!important} #top #wrap_all #svds-sh.svds-js .map:not(.in) .pin-in{opacity:1!important;transform:none!important} #top #wrap_all #svds-sh .hwy{position:absolute;left:0;top:0;pointer-events:none;z-index:1;line-height:0} #top #wrap_all #svds-sh .hwy span{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:20px;padding:0 6px;border-radius:7px;font:700 11px/1 var(--sans);letter-spacing:.02em;background:#fff;color:var(--navy);box-shadow:inset 0 0 0 1.5px var(--navy)} #top #wrap_all #svds-sh .hwy.i span{background:var(--navy);color:#fff;box-shadow:none} #top #wrap_all #svds-sh .hwy.us span{border-radius:50% 50% 50% 50%/40% 40% 60% 60%} /* contact: one clear action, quiet details */ #top #wrap_all #svds-sh #contact{padding-bottom:0} /* footer: tighter on phones */ #top #wrap_all #svds-sh footer{padding-block:56px 24px} #top #wrap_all #svds-sh .ft-band{gap:28px;padding-bottom:40px} #top #wrap_all #svds-sh .ft-lead p{font-size:19px} #top #wrap_all #svds-sh .ft-col{padding-block:22px 14px} #top #wrap_all #svds-sh .ft-col h4{margin-bottom:10px} #top #wrap_all #svds-sh .ft-col a{padding-block:0} @media (min-width:768px){#top #wrap_all #svds-sh footer{padding-block:88px 32px}#top #wrap_all #svds-sh .ft-band{padding-bottom:64px}#top #wrap_all #svds-sh .ft-lead p{font-size:21px}#top #wrap_all #svds-sh .ft-col{padding-block:32px 28px}#top #wrap_all #svds-sh .ft-col h4{margin-bottom:18px}} /* mission: statement and logo only */ #top #wrap_all #svds-sh .sign{margin-top:64px} #top #wrap_all #svds-sh .office .olg{display:none}#top #wrap_all #svds-sh .office .osh{display:inline} @media (min-width:1024px){#top #wrap_all #svds-sh .office .olg{display:block}#top #wrap_all #svds-sh .office .osh{display:none}} /* footer: Lessons and Service area fold on phones */ #top #wrap_all #svds-sh .ft-fold summary{list-style:none;display:flex;align-items:center;justify-content:space-between;min-height:44px;cursor:pointer} #top #wrap_all #svds-sh .ft-fold summary::-webkit-details-marker{display:none} #top #wrap_all #svds-sh .ft-fold summary h4{margin:0} #top #wrap_all #svds-sh .ft-cv{width:10px;height:10px;border-right:1.5px solid #A9C2EE;border-bottom:1.5px solid #A9C2EE;transform:rotate(45deg) translate(-3px,-3px);transition:transform .3s} #top #wrap_all #svds-sh .ft-fold[open] .ft-cv{transform:rotate(225deg) translate(-3px,-3px)} #top #wrap_all #svds-sh .ft-fold[open] summary{margin-bottom:6px} @media (max-width:767px){#top #wrap_all #svds-sh .ft-lead p{font-size:18px}} @media (min-width:768px){#top #wrap_all #svds-sh .ft-fold summary{pointer-events:none;min-height:0;cursor:default;margin-bottom:18px}#top #wrap_all #svds-sh .ft-cv{display:none}#top #wrap_all #svds-sh .ft-fold[open] summary{margin-bottom:18px}} @media (prefers-reduced-motion:reduce){#top #wrap_all #svds-sh .ft-cv{transition:none}} #top #wrap_all #svds-sh footer .amp{color:#A9C2EE} /* phones: lesson rows keep the title and price on their own lines so long durations never squeeze the copy */ @media (max-width:767px){ #top #wrap_all #svds-sh .rm-copy{display:contents} #top #wrap_all #svds-sh .row-main{grid-template-columns:minmax(0,1fr);grid-template-areas:"nm" "pr" "meta" "act";gap:0;padding:18px 20px 2px} #top #wrap_all #svds-sh .nm{grid-area:nm} #top #wrap_all #svds-sh .meta{grid-area:meta;margin-top:8px} #top #wrap_all #svds-sh .pr{text-align:left;display:flex;flex-wrap:wrap;align-items:baseline;gap:0 12px;margin-top:6px;font-size:28px} #top #wrap_all #svds-sh .pdur{display:inline;margin:0;max-width:none;font-size:15px} } @media (min-width:768px){#top #wrap_all #svds-sh .rm-copy{display:block}} /* phones and tablets: questions come first, the call and email card follows them */ @media (max-width:899px){ #top #wrap_all #svds-sh .faq-intro{display:contents} #top #wrap_all #svds-sh .faq-intro h2{order:1} #top #wrap_all #svds-sh .q-list{order:2} #top #wrap_all #svds-sh .ask{order:3;margin-top:0} } /* pickup card: ask about your pickup address */ #top #wrap_all #svds-sh .confirm .ask-pu{display:flex;align-items:center;gap:14px;margin-top:22px;padding:12px 18px 12px 12px;min-height:68px;border-radius:20px;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);color:#fff;text-decoration:none;transition:background .35s var(--ease),box-shadow .35s var(--ease)} #top #wrap_all #svds-sh .confirm .ask-pu:hover{background:rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)} #top #wrap_all #svds-sh .confirm .ap-ic{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#fff;color:var(--navy)} #top #wrap_all #svds-sh .confirm .ap-tx{display:grid;gap:3px;min-width:0;flex:1} #top #wrap_all #svds-sh .confirm .ap-tx small{font:600 11.5px/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#A9C2EE} #top #wrap_all #svds-sh .confirm .ap-tx b{font-family:var(--serif);font-weight:300;font-size:26px;line-height:1.1;letter-spacing:-.02em;color:#fff} #top #wrap_all #svds-sh .confirm .ap-ar{flex:none;color:#A9C2EE;transition:transform .4s var(--spring),color .3s} #top #wrap_all #svds-sh .confirm .ask-pu:hover .ap-ar{transform:translateX(4px);color:#fff} #top #wrap_all #svds-sh .confirm .ask-pu:focus-visible{outline:2px solid #fff;outline-offset:3px} #top #wrap_all #svds-sh .confirm .coff{margin-top:16px} @media (max-width:380px){#top #wrap_all #svds-sh .confirm .ap-tx b{font-size:23px}#top #wrap_all #svds-sh .confirm .ap-tx small{letter-spacing:.1em}} #top #wrap_all #svds-sh .confirm .ap-ar{display:none} #top #wrap_all #svds-sh .confirm .ask-pu{padding-right:14px} #top #wrap_all #svds-sh .confirm .ap-tx b{white-space:nowrap;font-size:25px} @media (max-width:380px){#top #wrap_all #svds-sh .confirm .ap-tx b{font-size:22px}} @media (max-width:350px){#top #wrap_all #svds-sh .confirm{padding-inline:20px}#top #wrap_all #svds-sh .confirm .ask-pu{gap:10px;padding:10px 12px 10px 10px}#top #wrap_all #svds-sh .confirm .ap-ic{width:38px;height:38px}#top #wrap_all #svds-sh .confirm .ap-tx b{font-size:21px}#top #wrap_all #svds-sh .confirm .ap-tx small{letter-spacing:.08em;font-size:11px}} /* =========== Prototype 2 refinements =========== */ /* signature ampersand: system Baskerville italic 400 at 1.1em, glyph-only fallback embedded */ #top #wrap_all #svds-sh .amp{font-family:Baskerville,'Baskerville Old Face','SVSH Amp','Hoefler Text',Georgia,serif;font-style:italic;font-weight:400;font-size:1.1em;line-height:0;color:var(--blue);font-synthesis:none} /* one contact tile used everywhere a phone, email or address is offered */ #top #wrap_all #svds-sh .tile{display:flex;align-items:center;gap:14px;min-height:68px;padding:12px 16px 12px 12px;border-radius:20px;background:#fff;box-shadow:inset 0 0 0 1px var(--line),var(--light);color:var(--navy);text-decoration:none;transition:box-shadow .35s var(--ease),transform .35s var(--spring)} #top #wrap_all #svds-sh .tile:hover{box-shadow:inset 0 0 0 1px #9DB9EA,0 18px 34px -24px rgba(15,45,107,.4);transform:translateY(-1px)} #top #wrap_all #svds-sh .tile:focus-visible{outline:2px solid var(--blue);outline-offset:3px} #top #wrap_all #svds-sh .tile .ti{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--sky);color:var(--navy);transition:background .3s var(--ease),color .3s var(--ease)} #top #wrap_all #svds-sh .tile:hover .ti{background:var(--navy);color:#fff} #top #wrap_all #svds-sh .tile .tt{display:grid;gap:3px;min-width:0;flex:1} #top #wrap_all #svds-sh .tile .tt small{font:600 11.5px/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)} #top #wrap_all #svds-sh .tile .tt b{font-family:var(--serif);font-weight:300;font-size:25px;line-height:1.12;letter-spacing:-.02em;color:var(--ink);white-space:nowrap} #top #wrap_all #svds-sh .tile .tt b.sm{font:500 16.5px/1.3 var(--sans);letter-spacing:0;white-space:normal;overflow-wrap:anywhere} #top #wrap_all #svds-sh .tile .ta{flex:none;color:var(--blue);transition:transform .4s var(--spring)} #top #wrap_all #svds-sh .tile:hover .ta{transform:translateX(4px)} #top #wrap_all #svds-sh .tile.strip{max-width:560px;margin:32px auto 0} #top #wrap_all #svds-sh .tile.big{padding:16px 18px 16px 16px;min-height:84px;gap:16px} @media (max-width:520px){#top #wrap_all #svds-sh .tile.big .ta{display:none}#top #wrap_all #svds-sh .tile.big .ti{width:48px;height:48px}#top #wrap_all #svds-sh .tile.big{gap:14px}} #top #wrap_all #svds-sh .tile.big .ti{width:52px;height:52px} #top #wrap_all #svds-sh .tile.big .tt b{font-size:26px} #top #wrap_all #svds-sh .tile .tt b.sm,#top #wrap_all #svds-sh .tile.big .tt b.sm{font:500 16px/1.3 var(--sans);letter-spacing:0;white-space:nowrap} #top #wrap_all #svds-sh .tile.visit .tt b{font-size:23px;white-space:normal} #top #wrap_all #svds-sh .tile.visit{align-items:flex-start} #top #wrap_all #svds-sh .tile.visit .ta{margin-top:16px} #top #wrap_all #svds-sh .tile.visit .ti{margin-top:2px} #top #wrap_all #svds-sh .tile .ad{font-size:15px;line-height:1.45;color:var(--muted);margin-top:2px} #top #wrap_all #svds-sh .tile .go{margin-top:8px;font-weight:600;font-size:15px;color:var(--blue);text-decoration:underline;text-decoration-color:rgba(26,86,196,.4);text-underline-offset:4px} #top #wrap_all #svds-sh .tile:hover .go{text-decoration-color:var(--blue)} @media (max-width:389px){#top #wrap_all #svds-sh .tile .tt b{font-size:22px}#top #wrap_all #svds-sh .tile.big .tt b{font-size:22px}#top #wrap_all #svds-sh .tile .tt b.sm,#top #wrap_all #svds-sh .tile.big .tt b.sm{font-size:14.5px}#top #wrap_all #svds-sh .tile .ta{display:none}#top #wrap_all #svds-sh .tile.big{padding-right:14px}} /* service area card: address with directions first, then one centred action */ #top #wrap_all #svds-sh .confirm .coff{margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.18);font-size:15px;line-height:1.5;color:#E6EEFB} #top #wrap_all #svds-sh .confirm .coff p{margin:0} #top #wrap_all #svds-sh .confirm .coff .tlink{margin-top:2px} #top #wrap_all #svds-sh .confirm .acts{display:grid;justify-items:stretch;margin-top:14px} #top #wrap_all #svds-sh .confirm .acts .btn{width:100%} /* FAQ: another question */ #top #wrap_all #svds-sh .ask{margin-top:32px;padding:26px 22px 22px;border-radius:28px;background:#fff;box-shadow:inset 0 0 0 1px var(--line),var(--light);display:grid;grid-template-columns:minmax(0,1fr);gap:0} #top #wrap_all #svds-sh .ask-h{font-size:28px;letter-spacing:-.02em;line-height:1.12} #top #wrap_all #svds-sh .ask .micro{margin:6px 0 18px;font-size:16px;line-height:1.5;color:var(--muted)} #top #wrap_all #svds-sh .ask .tile{background:var(--pearl);box-shadow:inset 0 0 0 1px var(--line);margin-top:10px} #top #wrap_all #svds-sh .ask .tile:first-of-type{margin-top:0} #top #wrap_all #svds-sh .ask .tile:hover{box-shadow:inset 0 0 0 1px #9DB9EA} /* individual lessons: five clear choices, one sheet */ #top #wrap_all #svds-sh .svs-hint{margin:0 4px 14px;font-size:15.5px;color:var(--muted)} #top #wrap_all #svds-sh .svs{display:block;margin-top:0} #top #wrap_all #svds-sh .svs-tabs{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin-bottom:16px} #top #wrap_all #svds-sh .svt{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:14px;text-align:left;min-height:68px;padding:12px 18px 12px 16px;border:0;border-radius:18px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink);cursor:pointer;font-family:var(--sans);transition:background .35s var(--ease),color .35s var(--ease),box-shadow .35s var(--ease)} #top #wrap_all #svds-sh .svt:focus-visible{outline:2px solid var(--blue);outline-offset:3px} #top #wrap_all #svds-sh .svt .svi{display:none} #top #wrap_all #svds-sh .svt-rd{order:-1;position:relative;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1.5px #9DB9EA;transition:box-shadow .3s var(--ease),background .3s var(--ease)} #top #wrap_all #svds-sh .svt-rd::after{content:"";position:absolute;inset:6px;border-radius:50%;background:var(--navy);transform:scale(0);transition:transform .35s var(--spring)} #top #wrap_all #svds-sh .svt-tx b{display:block;font:400 17.5px/1.25 var(--serif);letter-spacing:-.01em;color:inherit} #top #wrap_all #svds-sh .svt-tx small{display:block;margin-top:3px;font:500 13.5px/1.3 var(--sans);color:var(--muted)} #top #wrap_all #svds-sh .svt-pr{font:300 24px/1 var(--serif);letter-spacing:-.02em;color:var(--navy)} #top #wrap_all #svds-sh .svt:hover:not([aria-selected=true]){box-shadow:inset 0 0 0 1px #9DB9EA} #top #wrap_all #svds-sh .svt[aria-selected=true]{background:var(--navy);color:#fff;box-shadow:0 18px 34px -22px rgba(15,45,107,.55)} #top #wrap_all #svds-sh .svt[aria-selected=true] .svt-tx small{color:#BFD3F7} #top #wrap_all #svds-sh .svt[aria-selected=true] .svt-pr{color:#fff} #top #wrap_all #svds-sh .svt[aria-selected=true] .amp{color:#BFD3F7} #top #wrap_all #svds-sh .svt[aria-selected=true] .svt-rd{box-shadow:none} #top #wrap_all #svds-sh .svt[aria-selected=true] .svt-rd::after{transform:scale(1)} #top #wrap_all #svds-sh .svp{display:flex;flex-direction:column;background:#fff;border-radius:28px;padding:24px 22px 24px;box-shadow:var(--light)} #top #wrap_all #svds-sh .svp[hidden]{display:none} #top #wrap_all #svds-sh .svp.on{animation:svsh-svfade .4s var(--ease)} @keyframes svsh-svfade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}} #top #wrap_all #svds-sh .svp-top{order:1;display:block} #top #wrap_all #svds-sh .svp-act{order:2;margin-top:18px} #top #wrap_all #svds-sh .svp-note{order:3;margin-top:20px;font-size:17px;line-height:1.6;color:#2B3858;max-width:56ch} #top #wrap_all #svds-sh .sig{order:4} #top #wrap_all #svds-sh .svp-h{order:5;margin:28px 0 4px;font:600 11.5px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)} #top #wrap_all #svds-sh .svp .det-list{order:6;grid-template-columns:minmax(0,1fr)} #top #wrap_all #svds-sh .svp .det-list li:nth-child(2){border-top:1px solid var(--line)} #top #wrap_all #svds-sh .svp-id{display:flex;align-items:center;gap:16px} #top #wrap_all #svds-sh .svp-id .svi{display:none} #top #wrap_all #svds-sh .svp-id h4{font:300 29px/1.14 var(--serif);letter-spacing:-.02em;color:var(--ink)} #top #wrap_all #svds-sh .svp-pr{margin-top:12px;display:flex;align-items:baseline;gap:12px} #top #wrap_all #svds-sh .svp-pr span{font:300 34px/1 var(--serif);letter-spacing:-.02em;color:var(--navy)} #top #wrap_all #svds-sh .svp-pr small{font:500 15px/1.3 var(--sans);color:var(--muted)} #top #wrap_all #svds-sh .svp-act .btn{width:100%;justify-content:center} /* test day: the real order of events */ #top #wrap_all #svds-sh .day{margin-top:26px;padding-top:22px;border-top:1px solid var(--line)} #top #wrap_all #svds-sh .day-k{font:600 11.5px/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)} #top #wrap_all #svds-sh .day-l{list-style:none;padding:0;margin-top:20px;display:grid} #top #wrap_all #svds-sh .day-l li{position:relative;display:grid;grid-template-columns:14px minmax(0,1fr);column-gap:16px;padding-bottom:24px} #top #wrap_all #svds-sh .day-l li:last-child{padding-bottom:0} #top #wrap_all #svds-sh .day-l li::before{content:"";position:absolute;left:6.25px;top:20px;bottom:-2px;width:1.5px;background:var(--line2)} #top #wrap_all #svds-sh .day-l li:last-child::before{display:none} #top #wrap_all #svds-sh .dn{width:14px;height:14px;margin-top:5px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 2px var(--navy);position:relative;z-index:1} #top #wrap_all #svds-sh .day-l li:last-child .dn{background:var(--navy)} #top #wrap_all #svds-sh .dt{display:block;font:600 12px/1.3 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--blue)} #top #wrap_all #svds-sh .dx b{display:block;margin-top:3px;font:500 17.5px/1.3 var(--sans);color:var(--ink)} #top #wrap_all #svds-sh .dx small{display:block;margin-top:4px;font-size:15px;line-height:1.55;color:#2B3858;max-width:52ch} @media (prefers-reduced-motion:reduce){#top #wrap_all #svds-sh .svp.on{animation:none}#top #wrap_all #svds-sh .svt-rd::after{transition:none}} @media (min-width:900px){ #top #wrap_all #svds-sh .svs-hint{display:none} #top #wrap_all #svds-sh .svs{display:grid;grid-template-columns:minmax(300px,4fr) 8fr;gap:30px;align-items:start} #top #wrap_all #svds-sh .svs-tabs{margin:0;position:sticky;top:104px;gap:6px} #top #wrap_all #svds-sh .svt{min-height:76px;padding:14px 20px 14px 18px} #top #wrap_all #svds-sh .svt-tx b{font-size:19px} #top #wrap_all #svds-sh .svp{padding:44px 48px 44px} #top #wrap_all #svds-sh .svp-top{display:flex;justify-content:space-between;align-items:flex-start;gap:32px} #top #wrap_all #svds-sh .svp-id h4{font-size:40px;max-width:11em} #top #wrap_all #svds-sh .svp-pr{margin-top:0;display:block;text-align:right;flex:none} #top #wrap_all #svds-sh .svp-pr span{display:block;font-size:46px} #top #wrap_all #svds-sh .svp-pr small{display:block;margin-top:8px;max-width:11em;margin-left:auto} #top #wrap_all #svds-sh .svp-note{order:2;font-size:19px;margin-top:24px} #top #wrap_all #svds-sh .svp-act{order:3;margin-top:28px} #top #wrap_all #svds-sh .svp-act .btn{width:auto;min-width:260px} #top #wrap_all #svds-sh .svp-h{margin-top:34px} #top #wrap_all #svds-sh .svp .det-list{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 44px} #top #wrap_all #svds-sh .svp .det-list li:nth-child(2){border-top:0} } /* contact */ #top #wrap_all #svds-sh #contact{padding-bottom:0} #top #wrap_all #svds-sh .ct{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;padding-bottom:96px;grid-template-areas:"lead" "cards" "form" "book"} #top #wrap_all #svds-sh .ct-lead{grid-area:lead} #top #wrap_all #svds-sh .ct-lead h2{margin-bottom:14px} #top #wrap_all #svds-sh .ct-cards{grid-area:cards;display:grid;grid-template-columns:minmax(0,1fr);gap:12px} #top #wrap_all #svds-sh .ct-form{grid-area:form;padding:28px 22px 24px;border-radius:28px;background:#fff;box-shadow:inset 0 0 0 1px var(--line),var(--light)} #top #wrap_all #svds-sh .ct-form h3{font-size:28px;letter-spacing:-.02em;line-height:1.12} #top #wrap_all #svds-sh .topics{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px} #top #wrap_all #svds-sh .topic{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border:0;border-radius:999px;background:var(--mist);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink);font:500 15.5px/1 var(--sans);cursor:pointer;transition:background .3s var(--ease),color .3s var(--ease),transform .3s var(--spring)} #top #wrap_all #svds-sh .topic:hover{background:var(--sky);transform:translateY(-1px)} #top #wrap_all #svds-sh .topic:focus-visible,#top #wrap_all #svds-sh .f input:focus-visible,#top #wrap_all #svds-sh .f textarea:focus-visible{outline:2px solid var(--blue);outline-offset:2px} #top #wrap_all #svds-sh .topic[aria-pressed=true]{background:var(--navy);color:#fff;box-shadow:none} #top #wrap_all #svds-sh .fgrid{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;margin:20px 0 22px} #top #wrap_all #svds-sh .f{display:block} #top #wrap_all #svds-sh .f>span:first-child{display:block;margin-bottom:6px;font:600 13.5px/1.3 var(--sans);color:var(--ink)} #top #wrap_all #svds-sh .req{color:var(--blue);font-weight:600} #top #wrap_all #svds-sh .f input,#top #wrap_all #svds-sh .f textarea{display:block;width:100%;min-height:52px;padding:0 16px;border:0;border-radius:14px;background:var(--pearl);box-shadow:inset 0 0 0 1px var(--line2);color:var(--ink);font:400 16px/1.4 var(--sans);transition:box-shadow .25s var(--ease),background .25s var(--ease);-webkit-appearance:none;appearance:none} #top #wrap_all #svds-sh .f textarea{min-height:128px;padding:14px 16px;resize:vertical} #top #wrap_all #svds-sh .f input::placeholder{color:#6B7799} #top #wrap_all #svds-sh .f input:hover,#top #wrap_all #svds-sh .f textarea:hover{box-shadow:inset 0 0 0 1px #9DB9EA} #top #wrap_all #svds-sh .f input:focus,#top #wrap_all #svds-sh .f textarea:focus{background:#fff;box-shadow:inset 0 0 0 1.5px var(--blue),0 0 0 4px rgba(26,86,196,.12);outline:0} #top #wrap_all #svds-sh .f [aria-invalid=true]{box-shadow:inset 0 0 0 1.5px #B42318} #top #wrap_all #svds-sh .f .err{display:block;margin-top:6px;font:500 14px/1.4 var(--sans);font-style:normal;color:#B42318} #top #wrap_all #svds-sh .f .err:empty{display:none} #top #wrap_all #svds-sh .ct-form .btn{width:100%} #top #wrap_all #svds-sh .f-note{margin-top:12px;font-size:14px;color:var(--muted);text-align:center} #top #wrap_all #svds-sh .f-note:empty{display:none} #top #wrap_all #svds-sh .ct-book{grid-area:book;display:grid;gap:12px;justify-items:stretch} #top #wrap_all #svds-sh .ct-book .avail{font-size:15px;color:var(--muted);text-align:center} @media (min-width:560px){#top #wrap_all #svds-sh .fgrid{grid-template-columns:repeat(2,minmax(0,1fr))}#top #wrap_all #svds-sh .f.full{grid-column:1/-1}} @media (min-width:900px){ #top #wrap_all #svds-sh .ct{grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);column-gap:80px;row-gap:28px;grid-template-areas:"lead form" "cards form" "book form";grid-template-rows:auto auto 1fr;align-items:start} #top #wrap_all #svds-sh .ct-form{padding:40px 40px 34px} #top #wrap_all #svds-sh .ct-book{justify-items:start} #top #wrap_all #svds-sh .ct-book .btn{width:auto;min-width:240px} #top #wrap_all #svds-sh .ct-book .avail{text-align:left} } /* footer: credentials as one considered band, three working columns */ #top #wrap_all #svds-sh .cred{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;padding:26px 22px 24px;margin-bottom:12px;border-radius:24px;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)} #top #wrap_all #svds-sh .cred h4{margin:0;font:300 27px/1.1 var(--serif);letter-spacing:-.02em;color:#fff;text-transform:none} #top #wrap_all #svds-sh .cred .amp{color:#BFD3F7} #top #wrap_all #svds-sh .cr-badge{display:grid;gap:5px;justify-items:center;justify-self:start;padding:12px 22px 11px;border-radius:16px;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.24)} #top #wrap_all #svds-sh .cr-badge small{font:600 10.5px/1.2 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:#BFD3F7} #top #wrap_all #svds-sh .cr-badge b{font:600 24px/1 var(--sans);letter-spacing:.2em;padding-left:.2em;color:#fff} #top #wrap_all #svds-sh .cr-list{list-style:none;padding:0;display:grid;gap:10px;color:rgba(255,255,255,.92)} #top #wrap_all #svds-sh .cr-list li{display:flex;gap:12px;align-items:center;line-height:1.4} #top #wrap_all #svds-sh .cred .tick{background:rgba(255,255,255,.14);color:#fff;margin:0} @media (min-width:768px){ #top #wrap_all #svds-sh .cred{grid-template-columns:minmax(0,1fr) auto minmax(0,1.2fr);align-items:center;gap:20px 40px;padding:28px 36px;margin-bottom:20px} #top #wrap_all #svds-sh .ft-cols>.ft-col:nth-child(3){grid-column:1/-1} } @media (min-width:1100px){#top #wrap_all #svds-sh .ft-cols>.ft-col:nth-child(3){grid-column:auto}} #top #wrap_all #svds-sh .tile.nz .ta{display:none} /* Change lesson (phones) */ #top #wrap_all #svds-sh .svp-back{order:0;align-self:flex-start;display:inline-flex;align-items:center;gap:8px;min-height:44px;margin:-10px 0 4px -10px;padding:0 10px;border:0;border-radius:999px;background:none;color:var(--blue);font:600 15px/1 var(--sans);cursor:pointer} #top #wrap_all #svds-sh .svp-back:hover{background:var(--mist)} #top #wrap_all #svds-sh .svp-back:focus-visible{outline:2px solid var(--blue);outline-offset:2px} @media (min-width:900px){#top #wrap_all #svds-sh .svp-back{display:none}} @media (max-width:359px){ #top #wrap_all #svds-sh .svt{grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto auto;padding:12px 14px} #top #wrap_all #svds-sh .svt-tx{display:contents} #top #wrap_all #svds-sh .svt-tx b{grid-column:2/4;grid-row:1} #top #wrap_all #svds-sh .svt-tx small{grid-column:2;grid-row:2;align-self:end;margin-top:2px} #top #wrap_all #svds-sh .svt-pr{grid-column:3;grid-row:2;align-self:end;font-size:21px} #top #wrap_all #svds-sh .svt-rd{grid-column:1;grid-row:1/3;align-self:center} } /* 10-hour package: quieter than the 6-hour hero */ #top #wrap_all #svds-sh .pkg{margin-top:16px;display:grid;grid-template-columns:minmax(0,1fr);gap:20px;padding:26px 22px 24px;border-radius:28px;background:#fff;box-shadow:inset 0 0 0 1px var(--line),var(--light)} #top #wrap_all #svds-sh .pkg h3{font-size:30px;line-height:1.1;letter-spacing:-.02em} #top #wrap_all #svds-sh .pkg-copy p{margin-top:10px;font-size:17px;line-height:1.55;color:#2B3858;max-width:36ch} #top #wrap_all #svds-sh .pkg-px{display:flex;align-items:center;gap:14px} #top #wrap_all #svds-sh .pkg .pa{font:300 46px/1 var(--serif);letter-spacing:-.03em;color:var(--navy)} #top #wrap_all #svds-sh .pkg .ps{padding:8px 12px;border-radius:999px;background:var(--sky);color:var(--navy);font:600 12.5px/1 var(--sans);letter-spacing:.04em} #top #wrap_all #svds-sh .pkg .btn{width:100%} @media (min-width:900px){ #top #wrap_all #svds-sh .pkg{grid-template-columns:minmax(0,1.4fr) auto auto;align-items:center;gap:40px;padding:34px 44px} #top #wrap_all #svds-sh .pkg .btn{width:auto;min-width:230px} } /* ===== trust, about, reviews, map, slim package ===== */ #top #wrap_all #svds-sh .eb{font:600 12px/1.3 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--blue);margin-bottom:14px} /* chips: balanced, centered */ #top #wrap_all #svds-sh .chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} #top #wrap_all #svds-sh .chips .chip{justify-content:center;text-align:center;width:100%} @media (min-width:560px){#top #wrap_all #svds-sh .chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}#top #wrap_all #svds-sh .chips .chip{width:auto}} #top #wrap_all #svds-sh .index h3{text-align:center} /* slim 10-hour row */ #top #wrap_all #svds-sh .pkg-slim{display:flex;align-items:center;gap:14px;margin-top:14px;padding:18px 18px 18px 22px;border-radius:22px;background:var(--mist);box-shadow:inset 0 0 0 1px var(--line);text-decoration:none;color:var(--ink);transition:background .3s var(--ease),box-shadow .3s var(--ease)} #top #wrap_all #svds-sh .pkg-slim:hover{background:#fff;box-shadow:inset 0 0 0 1px #9DB9EA,0 18px 34px -24px rgba(15,45,107,.4)} #top #wrap_all #svds-sh .ps-tx{display:grid;gap:4px;min-width:0;flex:1} #top #wrap_all #svds-sh .ps-tx b{font:400 19px/1.25 var(--serif);letter-spacing:-.01em;color:var(--ink)} #top #wrap_all #svds-sh .ps-tx small{font-size:14.5px;line-height:1.45;color:var(--muted)} #top #wrap_all #svds-sh .ps-pr{display:grid;justify-items:end;gap:2px;flex:none} #top #wrap_all #svds-sh .ps-pr i{font:300 24px/1 var(--serif);font-style:normal;color:var(--navy);letter-spacing:-.02em} #top #wrap_all #svds-sh .ps-pr em{font:600 11.5px/1 var(--sans);font-style:normal;letter-spacing:.06em;color:var(--blue)} #top #wrap_all #svds-sh .ps-go{flex:none;color:var(--blue);display:grid;place-items:center} @media (max-width:420px){#top #wrap_all #svds-sh .pkg-slim{flex-wrap:wrap;gap:10px 12px}#top #wrap_all #svds-sh .ps-tx{flex:1 1 100%}#top #wrap_all #svds-sh .ps-pr{justify-items:start;grid-auto-flow:column;align-items:baseline;gap:10px}#top #wrap_all #svds-sh .ps-go{margin-left:auto}} @media (min-width:900px){#top #wrap_all #svds-sh .pkg-slim{padding:22px 28px 22px 32px;gap:28px}#top #wrap_all #svds-sh .ps-tx b{font-size:22px}#top #wrap_all #svds-sh .ps-pr i{font-size:28px}} /* trust */ #top #wrap_all #svds-sh .trust{padding-block:0 8px} #top #wrap_all #svds-sh .tr-card{display:grid;grid-template-columns:minmax(0,1fr);gap:26px;padding:32px 24px 28px;border-radius:30px;background:#fff;box-shadow:inset 0 0 0 1px var(--line),var(--light)} #top #wrap_all #svds-sh .tr-lead{display:grid;gap:14px;justify-items:start} #top #wrap_all #svds-sh .tr-seal{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--navy)} #top #wrap_all #svds-sh .tr-seal svg{width:22px;height:22px} #top #wrap_all #svds-sh .tr-lead h3{font-size:clamp(28px,7.4vw,40px)} #top #wrap_all #svds-sh .tr-p{color:var(--muted);font-size:17px;max-width:30em;text-wrap:pretty} #top #wrap_all #svds-sh .tr-ssl{display:inline-flex;align-items:center;margin-top:4px} #top #wrap_all #svds-sh .lg{display:block;width:auto;max-width:none;height:var(--lh,28px)} #top #wrap_all #svds-sh .lg.mc{--lh:30px}#top #wrap_all #svds-sh .lg.visa{--lh:20px}#top #wrap_all #svds-sh .lg.amex{--lh:30px}#top #wrap_all #svds-sh .lg.disc{--lh:26px}#top #wrap_all #svds-sh .lg.ssl{--lh:36px} #top #wrap_all #svds-sh .lg.affirm{--lh:32px}#top #wrap_all #svds-sh .lg.klarna{--lh:34px}#top #wrap_all #svds-sh .lg.afterpay{--lh:24px}#top #wrap_all #svds-sh .lg.apple{--lh:28px}#top #wrap_all #svds-sh .lg.gpay{--lh:28px}#top #wrap_all #svds-sh .lg.zelle{--lh:34px} #top #wrap_all #svds-sh .tr-groups{display:grid;gap:0} #top #wrap_all #svds-sh .tg{display:grid;gap:14px;padding:20px 0;border-top:1px solid var(--line)} #top #wrap_all #svds-sh .tg:first-child{border-top:0;padding-top:0} #top #wrap_all #svds-sh .tg h4{font:600 11.5px/1.3 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)} #top #wrap_all #svds-sh .tl{display:flex;flex-wrap:wrap;align-items:center;gap:16px 26px} @media (min-width:900px){#top #wrap_all #svds-sh .tr-card{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:72px;padding:52px 60px;align-items:center}#top #wrap_all #svds-sh .tg{grid-template-columns:150px minmax(0,1fr);align-items:center;gap:20px;padding:22px 0}#top #wrap_all #svds-sh .tg h4{padding-top:2px}#top #wrap_all #svds-sh .tl{gap:18px 34px}#top #wrap_all #svds-sh .lg.mc{--lh:34px}#top #wrap_all #svds-sh .lg.visa{--lh:23px}#top #wrap_all #svds-sh .lg.amex{--lh:34px}#top #wrap_all #svds-sh .lg.disc{--lh:30px}#top #wrap_all #svds-sh .lg.affirm{--lh:36px}#top #wrap_all #svds-sh .lg.klarna{--lh:38px}#top #wrap_all #svds-sh .lg.afterpay{--lh:27px}#top #wrap_all #svds-sh .lg.apple{--lh:32px}#top #wrap_all #svds-sh .lg.gpay{--lh:32px}#top #wrap_all #svds-sh .lg.zelle{--lh:38px}} /* about */ #top #wrap_all #svds-sh .about{padding-block:96px 24px} #top #wrap_all #svds-sh .ab{display:grid;grid-template-columns:minmax(0,1fr);gap:40px} #top #wrap_all #svds-sh .ab-copy h2{margin-bottom:26px} #top #wrap_all #svds-sh .ab-lede{font:300 clamp(24px,6.2vw,31px)/1.28 var(--serif);letter-spacing:-.015em;color:var(--ink);max-width:22em;text-wrap:balance;margin-bottom:20px} #top #wrap_all #svds-sh .ab-body{font-size:18px;line-height:1.65;color:var(--muted);max-width:33em;text-wrap:pretty} #top #wrap_all #svds-sh .ab-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} #top #wrap_all #svds-sh .ab-facts>div{padding:20px 18px;border-radius:20px;background:#fff;box-shadow:inset 0 0 0 1px var(--line),var(--light);min-width:0} #top #wrap_all #svds-sh .ab-facts dt{font:300 clamp(28px,8vw,40px)/1.05 var(--serif);letter-spacing:-.02em;color:var(--navy);overflow-wrap:anywhere} #top #wrap_all #svds-sh .ab-facts dd{margin:8px 0 0;font:600 11.5px/1.35 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)} #top #wrap_all #svds-sh .ab-facts>div:last-child dt{font-size:clamp(23px,6.6vw,32px);white-space:nowrap} @media (min-width:900px){#top #wrap_all #svds-sh .ab{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:96px;align-items:center}#top #wrap_all #svds-sh .ab-facts{gap:16px}#top #wrap_all #svds-sh .ab-facts>div{padding:30px 28px}} /* reviews: carousel */ #top #wrap_all #svds-sh .revs{padding-block:72px 88px} #top #wrap_all #svds-sh .rv-head{display:grid;gap:18px;margin-bottom:28px} #top #wrap_all #svds-sh .rv-meta{display:flex;align-items:center;gap:12px} #top #wrap_all #svds-sh .rv-meta span:last-child{display:grid;font-size:14.5px;line-height:1.35;color:var(--muted)} #top #wrap_all #svds-sh .rv-meta b{font-weight:600;color:var(--navy);font-size:16px} #top #wrap_all #svds-sh .stars{display:inline-flex;gap:3px;color:#E8B230} #top #wrap_all #svds-sh .stars svg{width:15px;height:15px;fill:currentColor} #top #wrap_all #svds-sh .rv-car{position:relative} #top #wrap_all #svds-sh .rv-track{list-style:none;padding:4px var(--pad) 6px;margin:0 calc(var(--pad)*-1);display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--pad);scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain} #top #wrap_all #svds-sh .rv-track::-webkit-scrollbar{display:none} #top #wrap_all #svds-sh .rv{flex:0 0 min(84%,360px);scroll-snap-align:start;display:grid;align-content:space-between;gap:22px;padding:24px 22px 20px;border-radius:26px;background:#fff;box-shadow:inset 0 0 0 1px var(--line),var(--light);margin:0;min-height:300px} #top #wrap_all #svds-sh .rv-top{display:flex;align-items:center;justify-content:space-between;gap:12px} #top #wrap_all #svds-sh .rv-src{font:600 11.5px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)} #top #wrap_all #svds-sh .rv blockquote{font:300 20px/1.45 var(--serif);letter-spacing:-.005em;color:var(--ink);text-wrap:pretty;margin:0} #top #wrap_all #svds-sh .rv-by{display:flex;align-items:center;gap:12px;padding-top:16px;border-top:1px solid var(--line)} #top #wrap_all #svds-sh .rv-by b{font-weight:600;color:var(--navy);font-size:16px} #top #wrap_all #svds-sh .av{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%;background:var(--sky);color:var(--navy);font:500 17px/1 var(--serif)} #top #wrap_all #svds-sh .rv-ctl{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:20px} #top #wrap_all #svds-sh .rv-ctl[hidden]{display:none} #top #wrap_all #svds-sh .rv-b{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#fff;color:var(--navy);box-shadow:inset 0 0 0 1px var(--line),var(--light);transition:background .3s,color .3s,opacity .3s} #top #wrap_all #svds-sh .rv-b:hover:not(:disabled){background:var(--navy);color:#fff} #top #wrap_all #svds-sh .rv-b:disabled{opacity:.35;cursor:default} #top #wrap_all #svds-sh .rv-dots{display:flex;gap:8px} #top #wrap_all #svds-sh .rv-dots i{display:block;width:7px;height:7px;border-radius:50%;background:var(--line2);transition:width .35s var(--ease),background .3s} #top #wrap_all #svds-sh .rv-dots i.on{width:22px;border-radius:99px;background:var(--navy)} @media (min-width:900px){#top #wrap_all #svds-sh .rv-head{grid-template-columns:1fr auto;align-items:end}#top #wrap_all #svds-sh .rv-track{margin:0;padding:4px 2px 6px}#top #wrap_all #svds-sh .rv{flex-basis:calc((100% - 32px)/3);min-height:320px;padding:28px 26px 22px}#top #wrap_all #svds-sh .rv blockquote{font-size:21px}} /* contact map */ #top #wrap_all #svds-sh .ct-map{grid-area:map;border-radius:24px;overflow:hidden;background:#fff;box-shadow:inset 0 0 0 1px var(--line),var(--light)} #top #wrap_all #svds-sh .mp-head{padding:16px 20px 14px;font:600 11.5px/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)} #top #wrap_all #svds-sh .mp-view{position:relative;aspect-ratio:2.45;background:#EEF1EC} #top #wrap_all #svds-sh .mp-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} #top #wrap_all #svds-sh .mp-view iframe{position:absolute;inset:0;width:100%;height:100%;border:0} #top #wrap_all #svds-sh .mp-foot{display:flex;flex-wrap:wrap;gap:6px 22px;padding:6px 20px 8px} #top #wrap_all #svds-sh .mp-foot a{display:inline-flex;align-items:center;min-height:44px;font-weight:600;font-size:15.5px;color:var(--blue);text-decoration:underline;text-decoration-color:rgba(26,86,196,.4);text-underline-offset:4px} #top #wrap_all #svds-sh .mp-foot a:hover{text-decoration-color:var(--blue)} #top #wrap_all #svds-sh .ct{grid-template-areas:"lead" "cards" "map" "form" "book"} @media (min-width:900px){#top #wrap_all #svds-sh .ct{grid-template-areas:"lead form" "cards form" "map form" "book form";grid-template-rows:auto auto auto 1fr}} @media (min-width:900px){#top #wrap_all #svds-sh .tr-card{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:56px}#top #wrap_all #svds-sh .tg{grid-template-columns:130px minmax(0,1fr)}#top #wrap_all #svds-sh .tl{gap:16px 28px}#top #wrap_all #svds-sh .lg.affirm{--lh:32px}#top #wrap_all #svds-sh .lg.klarna{--lh:34px}#top #wrap_all #svds-sh .lg.afterpay{--lh:24px}} #top #wrap_all #svds-sh .rv{grid-template-rows:auto 1fr auto}#top #wrap_all #svds-sh .rv blockquote{align-self:start;padding-top:4px} /* ===== revision: payment band, about, office ===== */ /* about: editorial, no stat cards */ #top #wrap_all #svds-sh .ab{display:grid;grid-template-columns:minmax(0,1fr);gap:28px} #top #wrap_all #svds-sh .ab-head h2{margin-bottom:0} #top #wrap_all #svds-sh .ab-lede{margin-bottom:20px} @media (min-width:900px){#top #wrap_all #svds-sh .about{padding-block:112px 40px}#top #wrap_all #svds-sh .ab{grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:96px;align-items:start}#top #wrap_all #svds-sh .ab-lede{margin-top:6px}} /* reviews: source link */ /* office block */ #top #wrap_all #svds-sh .ct-office{grid-area:office;display:grid;gap:18px;padding:26px 22px 22px;border-radius:26px;background:#fff;box-shadow:inset 0 0 0 1px var(--line),var(--light)} #top #wrap_all #svds-sh .of-eb{font:600 11.5px/1.3 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--blue)} #top #wrap_all #svds-sh .of-ad{display:grid;gap:3px;font-style:normal;font-size:17px;line-height:1.45;color:var(--muted)} #top #wrap_all #svds-sh .of-ad b{font:300 27px/1.15 var(--serif);letter-spacing:-.02em;color:var(--ink)} #top #wrap_all #svds-sh .of-ad .of-suite{font-weight:600;color:var(--navy);font-size:18px} #top #wrap_all #svds-sh .ct-office .btn{width:100%} #top #wrap_all #svds-sh .ct{grid-template-areas:"lead" "cards" "form" "office" "book"} @media (min-width:900px){#top #wrap_all #svds-sh .ct{grid-template-areas:"lead form" "cards form" "office form" "book form";grid-template-rows:auto auto auto 1fr}#top #wrap_all #svds-sh .ct-office{padding:30px 30px 26px}#top #wrap_all #svds-sh .of-map{aspect-ratio:16/10}#top #wrap_all #svds-sh .ct-office .btn{width:auto;justify-self:start;min-width:220px}} /* ===== pricing close: payment options + certificate note ===== */ #top #wrap_all #svds-sh .pr-close{margin-top:36px;display:grid;grid-template-columns:minmax(0,1fr);gap:26px} #top #wrap_all #svds-sh .pr-pay-l{font:600 11.5px/1.3 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)} #top #wrap_all #svds-sh .pay-rows{list-style:none;padding:0;margin-top:16px;display:grid;gap:18px} #top #wrap_all #svds-sh .pay-row{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px;min-height:30px} #top #wrap_all #svds-sh .pay-row .lg{display:block;width:auto;max-width:none;height:var(--lh,22px);mix-blend-mode:multiply} #top #wrap_all #svds-sh .pay-row .lg.mc{--lh:28px}#top #wrap_all #svds-sh .pay-row .lg.visa{--lh:20px}#top #wrap_all #svds-sh .pay-row .lg.amex{--lh:28px}#top #wrap_all #svds-sh .pay-row .lg.disc{--lh:26px} #top #wrap_all #svds-sh .pay-row .lg.apple{--lh:24px}#top #wrap_all #svds-sh .pay-row .lg.gpay{--lh:24px}#top #wrap_all #svds-sh .pay-row .lg.zelle{--lh:28px} #top #wrap_all #svds-sh .pay-row .lg.affirm{--lh:24px}#top #wrap_all #svds-sh .pay-row .lg.klarna{--lh:26px}#top #wrap_all #svds-sh .pay-row .lg.afterpay{--lh:19px} #top #wrap_all #svds-sh .pr-note{font-size:15px;line-height:1.65;color:var(--muted);max-width:44ch;padding-top:26px;border-top:1px solid var(--line)} @media (min-width:720px){ #top #wrap_all #svds-sh .pr-close{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"note pay";gap:0 48px;align-items:center;padding-top:0} #top #wrap_all #svds-sh .pr-pay{grid-area:pay;padding-left:48px;border-left:1px solid var(--line)} #top #wrap_all #svds-sh .pr-note{grid-area:note;border-top:0;padding-top:0;font-size:16px;max-width:46ch} } /* ===== office map ===== */ #top #wrap_all #svds-sh .of-map{position:relative;border-radius:18px;overflow:hidden;aspect-ratio:4/3;background:#EAF1FB;box-shadow:inset 0 0 0 1px var(--line);isolation:isolate} #top #wrap_all #svds-sh .of-static{position:absolute;inset:0;display:block} #top #wrap_all #svds-sh .of-static img{width:100%;height:100%;object-fit:cover;display:block} #top #wrap_all #svds-sh .of-attr{position:absolute;right:0;bottom:0;padding:3px 8px;font:500 11px/1.4 var(--sans);color:#3c4043;background:rgba(255,255,255,.85);border-top-left-radius:6px} #top #wrap_all #svds-sh .of-ph{text-decoration:none;display:grid;place-content:center;justify-items:center;gap:10px;padding:24px;text-align:center;color:var(--navy);background:repeating-linear-gradient(135deg,#EEF4FD 0 14px,#E6EFFB 14px 28px);box-shadow:inset 0 0 0 1.5px var(--line2)} #top #wrap_all #svds-sh .of-pin{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#fff;box-shadow:0 10px 24px -12px rgba(15,45,107,.4)} #top #wrap_all #svds-sh .of-pin svg{width:24px;height:24px} #top #wrap_all #svds-sh .of-phl{font:600 15.5px/1.3 var(--sans)} #top #wrap_all #svds-sh .of-phs{font-size:13.5px;line-height:1.5;color:var(--muted);max-width:30ch} #top #wrap_all #svds-sh .of-map iframe{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:2;background:#fff} #top #wrap_all #svds-sh .of-map:not(.is-live) iframe{visibility:hidden} #top #wrap_all #svds-sh .ct-office .btn{width:100%} @media (min-width:1100px){#top #wrap_all #svds-sh .pr-close{gap:0 72px}#top #wrap_all #svds-sh .pr-pay{padding-left:72px}} /* ===== pricing close v2: one shared surface ===== */ #top #wrap_all #svds-sh #pricing{padding-bottom:48px} #top #wrap_all #svds-sh #area{padding-top:56px} #top #wrap_all #svds-sh .pr-close{margin-top:40px;padding:26px 22px 28px;border-radius:22px;background:#F8FBFF;box-shadow:inset 0 0 0 1px var(--line);gap:24px} #top #wrap_all #svds-sh .pay-rows{margin-top:18px;gap:20px;max-width:340px} #top #wrap_all #svds-sh .pay-row{width:100%;justify-content:space-between;gap:0 16px;flex-wrap:nowrap} #top #wrap_all #svds-sh .pr-note{max-width:none;padding-top:24px;display:grid;gap:10px} #top #wrap_all #svds-sh .pr-note p{font-size:14.5px;line-height:1.7;color:var(--muted)} @media (min-width:720px){ #top #wrap_all #svds-sh .pr-close{padding:40px 44px;gap:0 56px;margin-top:48px} #top #wrap_all #svds-sh .pr-pay{padding-left:56px} #top #wrap_all #svds-sh .pr-note{padding-top:0;max-width:40ch} #top #wrap_all #svds-sh .pr-note p{font-size:15px} #top #wrap_all #svds-sh #pricing{padding-bottom:80px}#top #wrap_all #svds-sh #area{padding-top:96px} } @media (min-width:1100px){#top #wrap_all #svds-sh .pr-close{gap:0 72px}#top #wrap_all #svds-sh .pr-pay{padding-left:72px}#top #wrap_all #svds-sh .pay-rows{max-width:380px}} /* ===== lower reviews v2 ===== */ #top #wrap_all #svds-sh .rv-top{gap:10px} #top #wrap_all #svds-sh .rv-by{min-width:0} #top #wrap_all #svds-sh .rv-by b{min-width:0;overflow-wrap:anywhere} #top #wrap_all #svds-sh .rv-by-l{display:flex;align-items:center;gap:12px;min-height:44px;color:inherit;text-decoration:none} #top #wrap_all #svds-sh .rv.pend{align-content:center;justify-items:start;gap:8px;background:repeating-linear-gradient(135deg,#F2F7FE 0 14px,#EAF1FB 14px 28px);box-shadow:inset 0 0 0 1.5px var(--line2)} #top #wrap_all #svds-sh .rv-pl{font:600 16px/1.3 var(--sans);color:var(--navy)} #top #wrap_all #svds-sh .rv-ps{font-size:14px;line-height:1.55;color:var(--muted);max-width:28ch} #top #wrap_all #svds-sh .rv-foot{margin-top:22px} @media (min-width:900px){#top #wrap_all #svds-sh .rv-head{margin-bottom:40px}} #top #wrap_all #svds-sh .rv-more{display:inline-flex;align-items:center;min-height:44px;font-weight:600;font-size:15.5px;color:var(--blue);text-decoration:underline;text-decoration-color:rgba(26,86,196,.4);text-underline-offset:5px} #top #wrap_all #svds-sh .rv-more:hover{text-decoration-color:var(--blue)} @media (min-width:900px){#top #wrap_all #svds-sh .rv-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;overflow:visible}#top #wrap_all #svds-sh .rv{flex-basis:auto}#top #wrap_all #svds-sh .rv-ctl{display:none}} #top #wrap_all #svds-sh .rv-src{white-space:nowrap} @media (max-width:359px){#top #wrap_all #svds-sh .rv{padding:22px 18px 18px}#top #wrap_all #svds-sh .rv blockquote{font-size:18px}#top #wrap_all #svds-sh .rv-src{letter-spacing:.08em;font-size:11px}#top #wrap_all #svds-sh .rv-top{flex-wrap:wrap}} /* The preview's separate CF7 form keeps its native validation and CAPTCHA. */ #top #wrap_all #svds-sh .wpcf7 form{margin:0} #top #wrap_all #svds-sh .wpcf7 .hidden-fields-container{display:none} #top #wrap_all #svds-sh .wpcf7 .screen-reader-response{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} #top #wrap_all #svds-sh .wpcf7 .wpcf7-form-control-wrap{display:block} #top #wrap_all #svds-sh .wpcf7 .wpcf7-not-valid-tip{display:block;margin-top:6px;font:500 14px/1.4 var(--sans);color:#B42318} #top #wrap_all #svds-sh .wpcf7 .wpcf7-response-output{margin:16px 0 0;padding:12px 14px;border:1px solid var(--line);border-radius:12px;font:400 15px/1.5 var(--sans);color:var(--ink)} #top #wrap_all #svds-sh .wpcf7 .wpcf7-response-output:empty{display:none} #top #wrap_all #svds-sh .wpcf7 .wpcf7-spinner{display:none} #top #wrap_all #svds-sh .wpcf7 .submitting .wpcf7-submit{opacity:.65;cursor:wait} #top #wrap_all #svds-sh .cf7sr-g-recaptcha{margin:0 0 20px;min-height:144px} /* Only this unpublished page needs to neutralize the default boxed template. */ #top.page-id-7279 #main > .container_wrap > .container{width:100%;max-width:none;padding:0} #top.page-id-7279 #main .av-main-page{padding:0;width:100%;margin:0} /* Office map: real Google embed; directions remain available outside the map. */ #top #wrap_all #svds-sh .of-map iframe{display:block;width:100%;height:100%;min-height:260px;border:0;position:absolute;inset:0} /* Clear Enfold sibling section floats; preserve their existing geometry. */ #top.page-id-18 #wrap_all #main > #svds-sh{clear:both;display:flow-root;width:100%} /* The real lazy-loaded embed is visible without a script-driven overlay. */ #top #wrap_all #svds-sh .of-map{min-height:260px} #top #wrap_all #svds-sh .of-map:not(.is-live) iframe{visibility:visible} /* Mobile containment and optical balance — scoped to this homepage component. */ #top #wrap_all #svds-sh .pr-close, #top #wrap_all #svds-sh .pr-pay, #top #wrap_all #svds-sh .pay-rows, #top #wrap_all #svds-sh .pay-rows > li{min-width:0;max-width:100%} #top #wrap_all #svds-sh .pay-rows{width:100%;gap:12px} #top #wrap_all #svds-sh .pay-row{display:grid;grid-template-columns:1fr 1.05fr .8fr 1.45fr;gap:12px;align-items:center;width:100%;min-width:0;max-width:100%;margin:0;padding:0} #top #wrap_all #svds-sh .pay-row[aria-label="Digital wallets"]{grid-template-columns:1fr 1.15fr 1.1fr;gap:16px} #top #wrap_all #svds-sh .pay-row[aria-label="Payment plans"]{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px} #top #wrap_all #svds-sh .pay-row > li{display:flex;align-items:center;justify-content:center;min-width:0;max-width:100%;min-height:44px;margin:0;padding:0;list-style:none} #top #wrap_all #svds-sh .pay-row .lg{display:block;width:100%;max-width:var(--logo-width,80px);height:auto;max-height:none;object-fit:contain;mix-blend-mode:normal} #top #wrap_all #svds-sh .pay-row .lg.mc{--logo-width:44px} #top #wrap_all #svds-sh .pay-row .lg.visa{--logo-width:56px} #top #wrap_all #svds-sh .pay-row .lg.amex{--logo-width:30px} #top #wrap_all #svds-sh .pay-row .lg.disc{--logo-width:82px} #top #wrap_all #svds-sh .pay-row .lg.apple{--logo-width:76px} #top #wrap_all #svds-sh .pay-row .lg.gpay{--logo-width:96px} #top #wrap_all #svds-sh .pay-row .lg.zelle{--logo-width:82px} #top #wrap_all #svds-sh .pay-row .lg.klarna{--logo-width:88px} #top #wrap_all #svds-sh .pay-row .lg.afterpay{--logo-width:102px} /* The component reset must not replace reCAPTCHA's native iframe dimensions. */ #top #wrap_all #svds-sh .cf7sr-g-recaptcha{width:164px;max-width:100%;height:144px;min-height:0;margin:0 auto 20px} #top #wrap_all #svds-sh .cf7sr-g-recaptcha iframe[title="reCAPTCHA"]{display:block;width:164px!important;height:144px!important;min-width:0!important;max-width:164px!important;margin:0;padding:0;border:0;box-shadow:none} /* Fixed map height must not imply a wider minimum size through aspect-ratio. */ #top #wrap_all #svds-sh .ct-office{min-width:0;grid-template-columns:minmax(0,1fr)} #top #wrap_all #svds-sh .ct-office > *{min-width:0;max-width:100%} #top #wrap_all #svds-sh #svsh-ofmap{width:100%;max-width:100%;min-width:0;height:260px;min-height:0;aspect-ratio:auto;overflow:hidden;border-radius:18px;contain:paint;clip-path:inset(0 round 18px)} #top #wrap_all #svds-sh #svsh-ofmap iframe{display:block;position:absolute;inset:0;width:100%!important;max-width:100%!important;min-width:0!important;height:100%!important;min-height:0!important;margin:0;padding:0;border:0;border-radius:inherit;box-sizing:border-box}