/* LingoVivo: warm, expressive color with readable learning surfaces. */
:root{--ink:#153e3b;--muted:#516967;--cream:#fffcf6;--lime:#ffda69;--line:#dce5df;--soft:#e8f7f2;--rose:#ffddd0;--shadow:0 18px 60px #12665b14;--coral:#bd3c23;--teal:#087f83}
em{color:var(--coral)}
.header{background:#fffefb;border-top:5px solid var(--teal);height:103px}
.brand{color:#086c70}.brand-vivo{color:var(--coral);font-weight:650}
.nav-links>a:not(.button):hover,.text-link:hover{color:var(--coral)}
.button:not(.outline):not(.light){background:var(--coral);border-color:var(--coral);color:#fff;box-shadow:0 5px 0 #86291315}
.button:not(.outline):not(.light):hover{background:#a7311c;border-color:#a7311c}
.button.outline{background:#fff9;border-color:#77a59c;color:#185c59}.button.outline:hover{background:#e8f7f2}
.button.light{background:#ffda69;border-color:#ffda69;color:#153e3b}
.hero{gap:48px;padding-top:48px;padding-bottom:50px;background:radial-gradient(ellipse at 25% 30%,#fff0dc,transparent 68%)}
.hero h1{font-weight:750}.hero h1 em{color:var(--coral)}
.hero-copy>.eyebrow{color:#096b6e;background:#ddf4ed;padding:7px 12px;border-radius:30px;letter-spacing:1.6px}.eyebrow i{background:var(--coral)}
.hero-text{font-size:17px;line-height:1.8;color:#425f5a}
.hero .actions{gap:12px}.hero .button{gap:13px;padding:15px 21px}
.hero-offer{display:flex;align-items:center;gap:17px;margin:24px 0;padding:16px 0;border-top:1px solid #e4dac5;max-width:500px}
.hero-offer>strong{font:800 29px/1.15 'Manrope',sans-serif;color:var(--teal);white-space:nowrap;letter-spacing:-1px}.hero-offer>strong>span{font:600 11px 'DM Sans',sans-serif;letter-spacing:0;display:block;margin-top:6px}.hero-offer p{margin:0;font-size:12px;line-height:1.6}.hero-offer small{font-size:10px}
.photo-frame{border-bottom:9px solid #ffcf51;box-shadow:16px 16px 0 #bce7de}.photo-label{background:#fff6d9;color:#164d45}.live-dot{background:#087f83}.floating-word{border-left:5px solid var(--coral)}.round-play{background:#ffda69}.small-badge{background:#fff8df;border-color:#efd892}.small-badge>span{background:#8ee0ce;border-color:#fff8df}.small-badge>span+span{background:#ffb49c}.mini-icon{background:#ffebba;color:#825022}
.proof-band{background:#ffda69;border-color:#f2c249}.proof-band span,.proof-band strong{color:#23463c}
.scenario{background:#fff;border-top:4px solid var(--teal)}.scenario:nth-child(3n+2){background:#fff0e7;border-top-color:var(--coral)}.scenario:nth-child(3n){background:#fff8da;border-top-color:#c39313}.scenario-symbol{background:#d9f3ec;color:#086d70}.scenario:nth-child(2n) .scenario-symbol{background:#ffd6bd}
.method-section{background:#0b6d71;color:#fff}.method-section p,.method-section .eyebrow{color:#e2f4ec}.method-section em{color:#ffda69}.method-section .text-link{color:#ffda69}.method-section .steps article{border-color:#70aaa6}.steps article>span{color:#ffda69}
.demo-card{border-top:6px solid var(--teal)}.pill{background:#d5f3e7;color:#145647}
.price-section{background:#124e4d}.price-section .eyebrow{color:#ffda69}.price-section h2 em{color:#ffda69}.price-card{border:2px solid #ffda69;background:#fffdf6;box-shadow:0 22px 45px #052b2938}.price-card .price{color:var(--coral)}.price-label>span{background:#ffda69}
.closing{border-top:4px solid #ffda69;padding-top:55px}.closing>p{max-width:600px;margin-left:auto;margin-right:auto}.closing .micro .text-link{font-size:12px}
.footer{background:#e8f7f2;border-top:1px solid #bee4d9}
.video-discovery{background:linear-gradient(125deg,#e8f8f0,#fff3d9);border-radius:28px;padding:40px;margin-top:25px;margin-bottom:50px;gap:40px}.video-feature{background:#0a686e;border:5px solid #ffda69}.video-feature>span{background:linear-gradient(transparent,#06484c)}
.video-stage{border-color:#7dbbb0}.video-screen{background:#0b6469}.video-playlist{background:#ebf7f1;border-color:#b4dacc}.playlist-heading{background:#d4f1e6;border-color:#b4dacc}.video-item.is-current{background:#fff6d9;border-color:#c4a245}.video-item:hover{background:#fff8e7}.video-paywall{background:#0b6469}.video-paywall .eyebrow{color:#ffda69}.video-paywall .button:not(.outline):not(.light){background:#ffda69;border-color:#ffda69;color:#153e3b}.video-membership{background:#fff0cc;border-top:4px solid #ffc94b}
.auth-card{border-top:6px solid var(--teal)}.auth-price{color:var(--coral)}.auth-intro em{color:var(--coral)}
.today-panel{background:#0b6d71}.metric{border-top:3px solid #e4b341}.learn-sidebar>a.active{background:#d6f0e6;color:#153e3b}.lesson-tip{background:#fff3d5}.lesson-card{border-top:5px solid var(--teal)}
:focus-visible{outline:3px solid #087f83;outline-offset:4px}.video-paywall :focus-visible,.price-section :focus-visible,.method-section :focus-visible{outline-color:#ffda69}
@media(max-width:1000px){.nav-links{gap:17px}.hero{gap:28px}.hero .button{padding:13px 17px;font-size:12px}.hero-offer{gap:12px}.hero-offer p{font-size:11px}.hero-offer>strong{font-size:26px}}
@media(max-width:800px){.header{height:83px}.hero-text{font-size:15px}.video-discovery{padding:28px;gap:24px}.hero-offer{flex-wrap:wrap}.hero h1{font-size:46px}.nav-links{background:#fffefb}}
@media(max-width:600px){.hero{padding-top:27px;padding-bottom:38px;gap:28px}.hero h1{font-size:49px;letter-spacing:-2.8px}.hero .actions{gap:10px}.hero .button{font-size:12px;padding:13px 16px;min-height:49px}.hero-copy>.eyebrow{font-size:8px;letter-spacing:1.3px}.hero-offer{flex-wrap:nowrap;gap:15px;margin:19px 0 0}.hero-offer>strong{font-size:25px}.hero-offer p{font-size:10px}.hero-offer small{font-size:9px}.photo-frame{box-shadow:9px 10px 0 #bce7de}.video-discovery{padding:25px 22px;margin-top:16px;margin-bottom:32px}.video-discovery h2{font-size:31px}.video-discovery .micro{font-size:10px}.closing{padding-top:37px}.closing h2{font-size:37px}.closing .button{font-size:12px;gap:12px}.closing .micro .text-link{display:block}.proof-band strong{font-weight:800}}
@media(max-width:380px){.hero h1{font-size:43px}.hero .actions{align-items:stretch;flex-direction:column}.hero .actions>.button{justify-content:space-between}.hero-offer{gap:10px}.hero-offer>strong{font-size:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.scenario{transition:none}.button:hover,.scenario:hover{transform:none}}