/* The landing below the first block: one rhythm of sections on the page background, one orange action, quiet neutral cards and two accents,
   the diploma card and the closing banner. Colours come from the theme tokens, so both themes follow the same rules. */
:root{--lp-orange:#e2703b;--lp-orange-strong:#c95f2e;--lp-muted:#5f6b80;--lp-accent-text:#b4542a}
html[data-theme="dark"]{--lp-orange:#e57b46;--lp-orange-strong:#f08b56;--lp-muted:#aab4c4;--lp-accent-text:#f39b6c}

.lp-section{padding-top:112px}
.lp-head{max-width:720px;margin-bottom:40px}
.lp-eyebrow{margin:0 0 12px;font:700 13px/1.4 'PT Sans',sans-serif;letter-spacing:1.4px;text-transform:uppercase;color:var(--lp-accent-text)}
.lp-head h2{margin:0;font:700 42px/1.12 'PT Sans Caption','PT Sans',sans-serif;letter-spacing:-1.4px;color:var(--theme-text)}
.lp-head>p:not(.lp-eyebrow){margin:16px 0 0;font:18px/1.6 'PT Sans',sans-serif;color:var(--lp-muted)}

.lp-button{display:inline-flex;align-items:center;gap:12px;min-height:50px;padding:0 22px;border:1.5px solid var(--lp-orange);border-radius:12px;background:var(--lp-orange);color:#fff;font:700 16px 'PT Sans',sans-serif;text-decoration:none;transition:background .15s,border-color .15s,color .15s;box-sizing:border-box}
.lp-button:hover{background:var(--lp-orange-strong);border-color:var(--lp-orange-strong)}
.lp-button-outline{background:transparent;color:var(--lp-accent-text)}
.lp-button-outline:hover{background:var(--theme-warm);color:var(--lp-accent-text);border-color:var(--lp-orange)}
.lp-button:focus-visible,.lp-format:focus-visible,.lp-link:focus-visible,.lp-faq summary:focus-visible{outline:2px solid var(--lp-orange);outline-offset:3px}
.lp-badge{display:inline-block;margin:0 0 14px;padding:5px 11px;border-radius:20px;background:var(--theme-warm);border:1px solid var(--theme-warm-line);font:700 12.5px 'PT Sans',sans-serif;color:var(--lp-accent-text)}

.lp-formats{display:grid;grid-template-columns:1.25fr 1fr 1fr;grid-auto-rows:minmax(190px,auto);gap:18px}
.lp-main-format{grid-row:span 2;display:flex;flex-direction:column;padding:34px;border-radius:22px;background:var(--theme-warm);border:1px solid var(--theme-warm-line)}
.lp-main-format .lp-badge{align-self:flex-start;background:var(--theme-panel)}
.lp-main-format h3{margin:0 0 14px;font:700 30px/1.15 'PT Sans Caption','PT Sans',sans-serif;letter-spacing:-.8px;color:var(--theme-text)}
.lp-main-format>p{margin:0;font:17px/1.65 'PT Sans',sans-serif;color:var(--lp-muted)}
.lp-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:auto;padding-top:28px}
.lp-link{font:700 16px 'PT Sans',sans-serif;color:var(--lp-accent-text);text-decoration:none;border-bottom:1.5px solid currentColor}
.lp-format{display:flex;flex-direction:column;padding:24px;border-radius:18px;background:var(--theme-panel);border:1px solid var(--theme-line);text-decoration:none;color:inherit;transition:border-color .15s,transform .15s}
.lp-format:hover{border-color:var(--lp-orange);transform:translateY(-2px)}
.lp-kicker{font:700 12px 'PT Sans',sans-serif;letter-spacing:1.2px;text-transform:uppercase;color:var(--lp-muted)}
.lp-format h3{margin:10px 0 8px;font:700 22px/1.2 'PT Sans Caption','PT Sans',sans-serif;color:var(--theme-text)}
.lp-format p{margin:0;font:16px/1.55 'PT Sans',sans-serif;color:var(--lp-muted)}
.lp-more{margin-top:auto;padding-top:16px;font:700 15px 'PT Sans',sans-serif;color:var(--lp-accent-text)}

.lp-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.lp-steps li{position:relative}
.lp-steps li:not(:last-child):after{content:"";position:absolute;top:26px;left:68px;right:-18px;height:2px;background:linear-gradient(90deg,var(--theme-warm-line),transparent)}
.lp-num{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:var(--theme-warm);border:1px solid var(--theme-warm-line);font:700 24px 'PT Sans Caption','PT Sans',sans-serif;color:var(--lp-accent-text)}
.lp-steps h3{margin:20px 0 8px;font:700 21px/1.25 'PT Sans Caption','PT Sans',sans-serif;color:var(--theme-text)}
.lp-steps p{margin:0;font:16px/1.6 'PT Sans',sans-serif;color:var(--lp-muted)}

.lp-plans{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.lp-plan{display:flex;flex-direction:column;padding:32px;border-radius:22px;background:var(--theme-panel);border:1px solid var(--theme-line)}
.lp-plan-featured{position:relative;border:2px solid var(--lp-orange);box-shadow:0 18px 50px #e2703b1f}
.lp-plan-featured .lp-badge{position:absolute;top:28px;right:28px;margin:0}
.lp-plan h3{margin:0;font:700 24px 'PT Sans Caption','PT Sans',sans-serif;color:var(--theme-text)}
.lp-price{margin:14px 0 2px;font:700 40px 'PT Sans Caption','PT Sans',sans-serif;letter-spacing:-1px;color:var(--theme-text)}
.lp-plan-sub{margin:0;font:15px 'PT Sans',sans-serif;color:var(--lp-muted)}
.lp-plan ul{list-style:none;margin:24px 0 28px;padding:20px 0 0;border-top:1px solid var(--theme-line);display:grid;gap:12px}
.lp-plan li{position:relative;padding-left:28px;font:16px/1.45 'PT Sans',sans-serif;color:var(--theme-text)}
.lp-plan li:before{content:"";position:absolute;left:2px;top:4px;width:14px;height:8px;border-left:2px solid var(--lp-orange);border-bottom:2px solid var(--lp-orange);transform:rotate(-45deg)}
.lp-plan .lp-button{margin-top:auto;justify-content:space-between}
.lp-terms{list-style:none;max-width:880px;margin:26px 0 0;padding:0;display:grid;gap:10px}
.lp-terms li{position:relative;padding-left:18px;font:15px/1.55 'PT Sans',sans-serif;color:var(--lp-muted)}
.lp-terms li:before{content:"";position:absolute;left:2px;top:9px;width:6px;height:6px;border-radius:50%;background:var(--theme-warm-line)}

.lp-faq-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:56px;align-items:start}
.lp-faq{border-top:1px solid var(--theme-line)}
.lp-faq details{border-bottom:1px solid var(--theme-line)}
.lp-faq summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 4px;list-style:none;cursor:pointer;font:700 18px/1.4 'PT Sans',sans-serif;color:var(--theme-text)}
.lp-faq summary::-webkit-details-marker{display:none}
.lp-faq summary:after{content:"";flex:none;width:30px;height:30px;border-radius:50%;background:var(--theme-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e2703b' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M12 6v12M6 12h12'/%3E%3C/svg%3E") center/16px no-repeat;transition:transform .2s}
.lp-faq details[open] summary:after{transform:rotate(45deg)}
.lp-faq summary:hover{color:var(--lp-accent-text)}
.lp-answer{padding:0 54px 22px 4px}
.lp-answer p{margin:0;font:16.5px/1.65 'PT Sans',sans-serif;color:var(--lp-muted)}
.lp-answer a{display:inline-block;margin-top:10px;font:700 15px 'PT Sans',sans-serif;color:var(--lp-accent-text);text-decoration:none}
.lp-useful{position:sticky;top:24px;display:flex;flex-direction:column;gap:12px;padding:24px;border-radius:18px;background:var(--theme-panel);border:1px solid var(--theme-line);font:15.5px/1.4 'PT Sans',sans-serif}
.lp-useful span{font:700 12px 'PT Sans',sans-serif;letter-spacing:1.2px;text-transform:uppercase;color:var(--lp-muted)}
.lp-useful a{align-self:flex-start;color:var(--lp-accent-text);text-decoration:none;border-bottom:1px solid var(--theme-warm-line)}
.lp-useful a:hover{border-bottom-color:var(--lp-orange)}

.lp-banner{display:flex;align-items:center;gap:28px;margin-top:112px;margin-bottom:24px;padding:36px 40px;border-radius:24px;background:var(--theme-warm);border:1px solid var(--theme-warm-line);box-sizing:border-box}
.lp-banner img{flex:none;width:64px;height:64px}
.lp-banner div{flex:1}
.lp-banner h2{margin:0;font:700 30px/1.2 'PT Sans Caption','PT Sans',sans-serif;letter-spacing:-.8px;color:var(--theme-text)}
.lp-banner p{margin:8px 0 0;font:17px 'PT Sans',sans-serif;color:var(--lp-muted)}
.lp-banner .lp-button{flex:none}

.lp-who{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:56px;align-items:center;padding:56px;border-radius:28px;background:var(--theme-warm);border:1px solid var(--theme-warm-line)}
.lp-who h2{margin:0 0 20px;font:700 38px/1.15 'PT Sans Caption','PT Sans',sans-serif;letter-spacing:-1.2px;color:var(--theme-text)}
.lp-who p:not(.lp-eyebrow){max-width:680px;margin:0 0 14px;font:17px/1.7 'PT Sans',sans-serif;color:var(--lp-muted)}
.lp-who p:last-child{margin-bottom:0}
.lp-who a{color:var(--lp-accent-text);font-weight:700}
.lp-who img{width:240px;height:240px;border-radius:50%;object-fit:cover;border:6px solid var(--theme-panel)}
@media(max-width:980px){
.lp-who{grid-template-columns:minmax(0,1fr) 180px;gap:36px;padding:40px}
.lp-who img{width:180px;height:180px}
.lp-steps{grid-template-columns:1fr 1fr;gap:36px 28px}
.lp-steps li:nth-child(even):after{display:none}
.lp-formats{grid-template-columns:1fr 1fr}
.lp-main-format{grid-column:1/-1;grid-row:auto}
.lp-faq-layout{grid-template-columns:1fr;gap:28px}
.lp-useful{position:static;flex-direction:row;flex-wrap:wrap;gap:8px 16px;padding:18px 20px}
.lp-useful span{flex-basis:100%}
}
@media(max-width:720px){
.lp-who{grid-template-columns:1fr;gap:24px;padding:28px 22px}
.lp-who img{grid-row:1;width:112px;height:112px}
.lp-who h2{font-size:28px;letter-spacing:-.8px}
.lp-steps li:nth-child(even):after{display:block}
.lp-section{padding-top:72px}
.lp-head{margin-bottom:28px}
.lp-head h2{font-size:31px;letter-spacing:-.9px}
.lp-head>p:not(.lp-eyebrow){font-size:16.5px}
.lp-formats{grid-template-columns:1fr;grid-auto-rows:auto;gap:12px}
.lp-main-format{padding:24px}
.lp-main-format h3{font-size:25px}
.lp-main-format>p{font-size:16px}
.lp-actions .lp-button{width:100%;justify-content:space-between}
.lp-format{padding:20px}
.lp-steps{grid-template-columns:1fr;gap:24px}
.lp-steps li{display:grid;grid-template-columns:52px 1fr;column-gap:16px}
.lp-steps li:not(:last-child):after{top:60px;bottom:-20px;left:25px;right:auto;width:2px;height:auto;background:linear-gradient(180deg,var(--theme-warm-line),transparent)}
.lp-steps h3{margin:4px 0 6px;grid-column:2}
.lp-steps p{grid-column:2}
.lp-num{grid-row:span 2}
.lp-plans{grid-template-columns:1fr;gap:14px}
.lp-plan{padding:24px}
.lp-plan .lp-button{width:100%}
.lp-faq summary{font-size:16.5px;padding:18px 2px}
.lp-answer{padding:0 8px 18px 2px}
.lp-banner{flex-direction:column;align-items:flex-start;gap:16px;margin-top:72px;padding:26px 22px}
.lp-banner h2{font-size:24px}
.lp-banner .lp-button{width:100%;justify-content:space-between}
}
@media(max-width:420px){.lp-plan-featured .lp-badge{position:static;align-self:flex-start;margin:0 0 10px}}
.lp-soon{display:inline-block;align-self:flex-start;padding:4px 10px;border-radius:20px;background:var(--theme-warm);border:1px solid var(--theme-warm-line);color:var(--lp-accent-text);letter-spacing:.6px}
/* What sets the studio apart, as a short list under the about heading. */
.lp-who-list{max-width:680px;margin:0 0 16px;padding:0;list-style:none;display:grid;gap:10px}.lp-who-list li{position:relative;padding-left:22px;font:16.5px/1.6 'PT Sans',sans-serif;color:var(--lp-muted)}.lp-who-list li:before{content:'';position:absolute;left:4px;top:.65em;width:7px;height:7px;border-radius:50%;background:var(--lp-accent-text)}.lp-who-list b{color:var(--theme-text)}

/* Five steps stand in one row on a wide screen. */
@media(min-width:981px){.lp-steps.lp-steps-five{grid-template-columns:repeat(5,1fr);gap:22px}}