.start-explorer{margin-top:24px}.start-explorer-heading{grid-template-columns:minmax(0,1fr) minmax(340px,.72fr);align-items:stretch;gap:clamp(28px,5vw,76px);display:grid}.start-explorer-heading h2{letter-spacing:-.06em;margin-top:14px;font-size:clamp(35px,4vw,60px);line-height:1.22}.start-explorer-heading>div>p{color:#666b64;margin-top:18px;font-size:14px}.start-test-cta{isolation:isolate;color:#fff;background:#202a22;border:1px solid #202a22;justify-content:space-between;align-items:center;min-width:340px;min-height:168px;padding:31px 32px;transition:background .25s,transform .25s;display:inline-flex;position:relative;overflow:hidden}.start-test-cta:before{content:"";z-index:-1;background:var(--red);height:7px;transition:height .3s;position:absolute;inset:auto 0 0}.start-test-cta>span{gap:3px;display:grid}.start-test-cta small{color:#c8cec3;letter-spacing:.12em;font-size:11px}.start-test-cta strong{letter-spacing:-.04em;margin-top:8px;font-size:clamp(20px,1.7vw,27px);font-weight:650}.start-test-cta svg{transition:transform .25s}.start-test-cta:hover{transform:translateY(-3px)}.start-test-cta:hover:before,.start-test-cta:focus-visible:before{height:100%}.start-test-cta:hover svg{transform:translate(4px,-4px)}.start-level-nav{grid-template-columns:repeat(5,1fr);max-width:1070px;margin:62px auto 84px;display:grid;position:relative}.start-level-line{z-index:0;background:#d7dce4;height:1px;position:absolute;top:32px;left:4%;right:4%}.start-level-line span{transform-origin:0;height:2px;transition:width .5s cubic-bezier(.22,.61,.36,1),background-color .3s;display:block}.start-level-nav button{z-index:1;color:#9aa1ae;cursor:pointer;font-family:var(--sans);background:0 0;border:0;flex-direction:column;align-items:center;gap:11px;padding:0;display:flex;position:relative}.start-level-nav button>span{background:var(--paper);border:2px solid #e1e5ec;border-radius:50%;place-items:center;width:64px;height:64px;font:italic 20px Georgia,serif;transition:color .3s,background-color .3s,border-color .3s,transform .3s;display:grid}.start-level-nav button>small{font-size:12px;font-weight:600}.start-level-nav button.is-active{color:var(--ink)}.start-level-nav button.is-active>span{color:#f8f4ed;background:#181818;border-color:#181818;transform:scale(1.05)}.start-level-nav button.is-active>span:after{content:"";border:1px solid #181818;border-radius:50%;width:64px;height:64px;animation:1.8s ease-out infinite start-ripple;position:absolute}.start-explorer-panel{grid-template-columns:minmax(330px,.9fr) minmax(390px,1.1fr);align-items:center;gap:clamp(45px,7vw,110px);max-width:1130px;margin:0 auto;animation:.45s both start-panel-in;display:grid}.start-explorer-image-frame{aspect-ratio:.78;background:#fdfcf8;border-radius:31px;width:min(100%,470px);padding:13px;position:relative;box-shadow:0 17px 30px #24231f1f}.start-explorer-image-frame:before{content:"";z-index:2;pointer-events:none;border:1px solid #ffffff80;border-radius:22px;position:absolute;inset:22px}.start-explorer-image-frame img{object-fit:cover;object-position:center;border-radius:22px;width:100%;height:100%;animation:.55s cubic-bezier(.2,.8,.2,1) both start-image-in;display:block}.start-explorer-image-backdrop{z-index:-1;background:#e9e4dc;border-radius:31px;position:absolute;inset:0;transform:translate(15px,10px)}.start-explorer-copy{min-width:0}.start-explorer-meta{color:#727a88;align-items:center;gap:27px;display:flex}.start-explorer-meta em{color:#86735c;font:italic 31px Georgia,serif}.start-explorer-meta span{padding-left:27px;font-size:12px;font-weight:600;position:relative}.start-explorer-meta span:before{content:"";background:#c7c9ca;width:42px;height:1px;position:absolute;top:50%;left:0;transform:translate(-100%)}.start-explorer-copy h3{letter-spacing:-.05em;margin-top:23px;font-size:clamp(29px,3.2vw,45px)}.start-explorer-description{color:#576172;max-width:560px;margin-top:20px;font-size:15px;line-height:1.9}.start-learn-label{color:#99a4b5;letter-spacing:.2em;margin-top:36px;font-size:10px;font-weight:700;display:block}.start-explorer-copy ul{gap:11px;margin:14px 0 30px;padding:0;list-style:none;display:grid}.start-explorer-copy li{color:#3e4754;padding-left:19px;font-size:14px;animation:.35s both start-point-in;position:relative}.start-explorer-copy li:nth-child(2){animation-delay:.1s}.start-explorer-copy li:nth-child(3){animation-delay:.2s}.start-explorer-copy li:before{content:"";background:#9f8361;border-radius:50%;width:5px;height:5px;position:absolute;top:.75em;left:0}.start-course-button{isolation:isolate;color:#fff;background:#191919;border-radius:32px;align-items:center;gap:14px;min-height:56px;padding:0 27px;font-size:13px;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.start-course-button:before{content:"";background:var(--level-color);z-index:-1;height:0;transition:height .35s;position:absolute;inset:auto 0 0}.start-course-button:hover:before,.start-course-button:focus-visible:before{height:100%}.start-course-button svg{transition:transform .25s}.start-course-button:hover svg{transform:translate(3px,-3px)}@keyframes start-ripple{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}@keyframes start-panel-in{0%{opacity:.45;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes start-image-in{0%{opacity:.3;filter:blur(10px);transform:scale(1.05)}to{opacity:1;filter:blur();transform:scale(1)}}@keyframes start-point-in{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@media (max-width:700px){.start-explorer-heading{grid-template-columns:1fr;gap:25px}.start-explorer-heading h2{font-size:34px}.start-test-cta{width:100%;min-width:0;min-height:132px;padding:25px 23px}.start-level-nav{margin:42px -4px 58px}.start-level-line{top:25px;left:7%;right:7%}.start-level-nav button{gap:7px}.start-level-nav button>span,.start-level-nav button.is-active>span:after{width:50px;height:50px}.start-level-nav button>span{font-size:16px}.start-level-nav button>small{font-size:10px}.start-explorer-panel{grid-template-columns:1fr;gap:34px}.start-explorer-image-frame{justify-self:center;width:min(100%,380px)}.start-explorer-copy h3{font-size:30px}.start-explorer-description{font-size:13px}.start-learn-label{margin-top:27px}}@media (prefers-reduced-motion:reduce){.start-level-line span,.start-explorer-panel,.start-explorer-image-frame img,.start-explorer-copy li{transition:none;animation:none}.start-level-nav button.is-active>span:after{animation:none}}
