.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.course-account{min-height:100vh;padding:155px 25px 100px;position:relative;overflow:hidden}.course-account h1{text-align:center;letter-spacing:-.055em;max-width:800px;margin:0 auto 75px;font-size:66px;font-weight:600;line-height:1.25;position:relative}.course-signup-form{background:#121212d9;border:1px solid #353535;border-radius:25px;flex-direction:column;gap:10px;max-width:650px;margin:auto;padding:74px;display:flex;position:relative}.course-signup-form input{color:#fff;background:#303134;border:1px solid #555;border-radius:7px;width:100%;height:50px;padding:14px;font-size:16px;display:block}.course-signup-form input::placeholder{color:gray}.course-password{position:relative}.course-password input{padding-right:45px}.course-password button{background:0 0;border:0;padding:0;position:absolute;top:14px;right:10px}.course-signup-button{color:#fff;background:#df329c;border:0;border-radius:6px;height:52px}.password-hints{color:#929292;flex-direction:column;gap:8px;margin:0 0 20px;padding:0;font-size:12px;list-style:none;display:flex}.password-hints li{align-items:center;gap:6px;display:flex}.password-hints li span{font-size:20px;line-height:1}.course-signup-form>a{text-align:center;color:#969696;margin-top:10px;font-size:14px;line-height:1.5}.course-signup-form>a:hover{color:#fff}.course-account-message{color:#f3bfdc;background:#382030;border-radius:8px;padding:12px;font-size:14px;line-height:1.5}.course-shell{min-height:100vh;display:flex}.course-sidebar{text-align:center;z-index:20;background:#141414;flex-direction:column;gap:15px;width:276px;padding:105px 15px 15px;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.course-watermark{letter-spacing:-.06em;color:#242424;pointer-events:none;font-size:104px;font-weight:700;position:absolute;top:14px;left:50%;transform:translate(-50%)}.course-brand{letter-spacing:-.04em;font-size:25px;font-weight:600;position:relative}.course-sidebar>p{letter-spacing:-.04em;font-size:16px}.course-sidebar>nav{flex-direction:column;gap:10px;margin:18px 25px;display:flex}.course-sidebar>nav>a{letter-spacing:-.04em;background:#050505;border-radius:40px;justify-content:center;align-items:center;height:43px;padding-right:10px;font-size:16px;display:flex;position:relative}.lesson-number{color:#202020;font-size:36px;font-weight:700;position:absolute;left:12px}.lesson-arrow{background:#222;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;display:flex;position:absolute;top:4px;right:4px}.lesson-arrow svg{width:17px}.course-sidebar [aria-current=page] .lesson-arrow{background:var(--gradient)}.course-sidebar-actions{flex-direction:column;gap:12px;margin-top:auto;display:flex}.course-sidebar-actions .action-link{gap:0;padding:0 12px;font-size:14px}.course-sidebar-actions svg{display:none}.course-body{background:#090909;width:calc(100% - 276px);margin-left:276px;padding:24px 7% 60px;position:relative;overflow:hidden}.course-top-nav{z-index:2;background:#030303;border:1px solid #262626;border-radius:40px;justify-content:space-between;align-items:center;height:60px;padding:0 30px;display:flex;position:relative}.course-mini-logo{letter-spacing:-.04em;font-size:28px;font-weight:700}.course-top-nav>div{color:#888;gap:25px;font-size:16px;display:flex}.course-body main{padding-top:80px;position:relative}.course-body h1{letter-spacing:-.04em;text-align:center;font-size:44px;font-weight:600;position:relative}.lesson-switcher{justify-content:center;align-items:center;gap:10px;margin:22px auto 38px;display:flex;position:relative}.lesson-switcher>a{background:#161616;border:1px solid #353535;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.lesson-switcher>span{text-align:center;letter-spacing:-.04em;background:#161616;border:1px solid #353535;border-radius:30px;width:295px;padding:8px 15px;font-size:16px}.course-video-placeholder{aspect-ratio:16/9;color:#888;background:#141414;border:1px solid #a431c7;border-radius:25px;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:relative;box-shadow:45px 0 75px #2022f233,-35px 0 75px #d2319e33}.course-video-placeholder>span{font-size:64px}.lesson-description{margin-top:40px;font-size:16px;line-height:1.6;position:relative}.lesson-source-label{background:#303030;border:1px solid #555;border-radius:25px;margin-bottom:20px;padding:6px 25px;font-size:13px;display:inline-block}@media (max-width:809px){.course-account{padding:150px 15px 70px}.course-account h1{max-width:500px;margin-bottom:45px;font-size:39px;line-height:1.2}.course-signup-form{border-radius:20px;padding:30px 22px}.course-shell{display:block}.course-sidebar{gap:10px;width:100%;height:auto;padding:40px 15px 20px;position:relative}.course-watermark{font-size:95px;top:0}.course-sidebar>nav{flex-direction:row;margin:15px 0 0;padding-bottom:5px;overflow-x:auto}.course-sidebar>nav>a{flex:0 0 130px}.course-sidebar-actions{flex-flow:wrap;justify-content:center;margin-top:5px}.course-sidebar-actions .action-link{height:38px;font-size:12px}.course-body{width:100%;margin-left:0;padding:15px 15px 60px}.course-top-nav{height:50px;padding:0 20px}.course-top-nav>div{gap:15px;font-size:13px}.course-mini-logo{font-size:24px}.course-body main{padding-top:45px}.course-body h1{font-size:32px}.lesson-switcher{gap:8px;margin:20px auto 30px}.lesson-switcher>span{flex:1;width:auto;max-width:280px;font-size:14px}.course-video-placeholder{border-radius:16px}.course-video-placeholder>span{font-size:44px}.course-video-placeholder p{font-size:14px}.lesson-description{margin-top:25px;font-size:14px}}
:root{--gutter:clamp(20px, 4vw, 48px);--wide:1}@media (min-width:1600px){:root{--wide:1.08}}@media (min-width:1800px){:root{--wide:1.15}}@media (min-width:2200px){:root{--wide:1.25}}@media (min-width:2450px){:root{--wide:1.32}}@media (max-width:1199.98px){.content-width{width:calc(100% - 2 * var(--gutter))}.home-hero,.page-hero,.standalone-message,.contact-page,.free-courses-page,.course-account,.website-detail-section,.website-faq,.ads-hero{padding-inline:var(--gutter)}.ads-process{padding-inline:0}.hero-video-section{padding-inline:var(--gutter)}.hero-video-border{width:100%}.features-section .section-intro,.subscriptions-section .section-intro,.ads-work>h2{padding-inline:var(--gutter)}.bento-section{padding-inline:0}.website-hero-copy,.website-mobile-copy{width:calc(100% - 2 * var(--gutter))}}@media (max-width:1023.98px){.site-header{width:calc(100% - 2 * var(--gutter))}}.interior-content{width:min(1110px, calc(100% - 2 * var(--gutter)))}@media (max-width:1199px){.pricing-section,.pricing-faq{padding-inline:var(--gutter)}}.guide-page,main.prospect-calendar{padding-inline:var(--gutter)}@media (max-width:1199.98px){.home-hero>p{max-width:36em;margin-inline:auto}.section-description,.features-section .section-description,.bento-section .section-description{max-width:42em}}@media (max-width:767.98px){.home-hero h1{font-size:clamp(32px,10.2vw,40px)}}@media (max-width:359.98px){.pricing-plan-card .pricing-feature-list,.website-package .interior-checklist,.website-package-shop .website-package-pages .interior-checklist{grid-template-rows:none;grid-template-columns:minmax(0,1fr);grid-auto-flow:row}}.guide-article h1{font-size:clamp(34px,1.6vw + 26px,48px);line-height:1.15}.guide-article h2{font-size:clamp(26px,1vw + 22px,34px)}.hero-video{object-position:58% 30%}.desktop-nav a,.site-header .login-link,.site-logo{align-items:center;min-height:44px;display:inline-flex}.pricing-faq-item summary{margin-block:-11px;padding-block:11px}@media (max-width:1199.98px),(pointer:coarse){.footer-links a{align-items:center;min-height:44px;display:inline-flex}}@media (min-width:768px) and (max-width:1199.98px){.home-hero h1{font-size:clamp(40px,5.4vw,62px);line-height:1.2}.home-hero>p,.section-description,.page-hero-description,.ads-hero-description,.contact-intro>p,.website-mobile-copy>p,.pricing-intro>p,.closing-copy p{font-size:clamp(14px,12px + .35vw,16px)}.section-heading,.features-section .section-heading,.bento-section .section-heading{font-size:clamp(35px,4.6vw,52px);line-height:1.2}.subscriptions-section .section-heading{font-size:clamp(30px,4.2vw,46px)}.page-hero-title,.ads-hero h1{font-size:clamp(44px,5.6vw,62px)}.contact-intro h1,.pricing-intro :where(h1,h2){font-size:clamp(35px,5vw,56px)}.ads-section-title,.ads-benefits>h2,.ads-process>h2,.ads-testimonials>h2,.ads-partnerships>h2,.ads-work>h2,.website-packages>h2,.website-faq h2{font-size:clamp(35px,4.6vw,52px)}.closing-copy h2{font-size:clamp(25px,3.2vw,34px);line-height:1.2}.bento-grid{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;max-width:940px;margin-inline:auto}.worker-card{flex-direction:row;grid-column:1/-1;align-items:center;gap:clamp(20px,3vw,36px)}.worker-card>.media-animation{width:58%}.worker-card .bento-copy{flex:1;min-width:0}.phone-menu-card{flex-direction:column;justify-content:space-between;height:auto;display:flex}}@media (min-width:1600px){.site-header,.site-footer,.home-hero,.hero-video-section,.bento-section,.subscriptions-section,.pricing-section,.pricing-faq,.closing-section,.website-hero,.website-packages,.website-detail-section,.website-faq,.ads-hero,.ads-services,.ads-benefits,.ads-process,.ads-testimonials,.ads-specialists-heading,.website-gallery-heading,.contact-page,.standalone-message,.prospect-calendar,.guide-article,.course-account h1,.course-signup-form{zoom:var(--wide)}.features-section .section-heading{max-width:calc(900px * var(--wide));font-size:calc(65px * var(--wide))}.features-section .section-description{max-width:calc(650px * var(--wide));font-size:calc(16px * var(--wide))}.websites-page .website-features .website-section-intro{width:min(calc(760px * var(--wide)), 100%)}.websites-page .website-features .website-eyebrow{font-size:calc(12px * var(--wide))}.websites-page .website-features .website-section-intro h2{font-size:calc(48px * var(--wide))}.websites-page .website-features .website-section-intro p{max-width:calc(620px * var(--wide));font-size:calc(17px * var(--wide))}.ads-work>h2{font-size:calc(60px * var(--wide))}.guide-header{height:calc(60px * var(--wide))}.guide-header .guide-brand{font-size:calc(17px * var(--wide))}.guide-header :is(.guide-all-link,.guide-trial-link){font-size:calc(14px * var(--wide))}.websites-page .website-gallery .interior-rail{width:min(calc(760px * var(--wide)), calc(100% - 2 * var(--gutter)))}}
