
:root{--karina-teal:#0b7285;--karina-gold:#d4af37;--karina-paper:#f6fbfc;--karina-ink:#1f2937;--karina-line:rgba(11,114,133,.14)}
.menu-free{margin-left:auto;font:700 10px system-ui;color:#876c12;background:#fff7d6;padding:3px 7px;border-radius:999px}
.karina-shell{width:min(1120px,calc(100% - 28px));margin:auto;padding:30px 0 56px}
.karina-hero{text-align:center;padding:28px 0 22px}.karina-hero h1{margin:0 0 8px;color:var(--karina-teal);font-size:clamp(30px,5vw,48px);line-height:1.1}.karina-hero p{max-width:760px;margin:auto;font-size:clamp(14px,1.7vw,17px);line-height:1.65}
.karina-section{margin:24px 0;background:#fff;border:1px solid var(--karina-line);border-radius:22px;padding:clamp(18px,3vw,30px);box-shadow:0 6px 22px rgba(0,0,0,.05)}
.karina-section h2{color:var(--karina-teal);font-size:clamp(21px,3vw,30px);margin:0 0 10px}.karina-section h3{color:var(--karina-teal)}
.karina-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.karina-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.karina-card{background:#fff;border:1px solid rgba(0,0,0,.08);border-top:4px solid var(--karina-gold);border-radius:18px;padding:18px;min-width:0}.karina-card h3{margin:0 0 8px;font-size:19px}.karina-card p{margin:0;font-size:14px;line-height:1.55}
.karina-pill,.karina-tool{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid var(--karina-gold);border-radius:999px;background:#fff;color:var(--karina-teal);padding:9px 14px;font:700 13px Georgia,serif;cursor:pointer;text-decoration:none}
.karina-pill.active,.karina-tool.active{background:var(--karina-gold);color:#fff}.karina-chipbar{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 20px}
.karina-player-context{border:2px solid rgba(212,175,55,.7);border-radius:24px;overflow:hidden;background:linear-gradient(180deg,#fff,#fbfdfd);box-shadow:0 9px 26px rgba(0,0,0,.06)}
.karina-player-head{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:13px 16px;border-bottom:1px solid var(--karina-line);font-size:13px}.karina-player-screen{min-height:230px;padding:28px;display:grid;place-items:center;text-align:center}.karina-player-screen>div{max-width:700px}.karina-player-screen h2{margin:0 0 10px}
.karina-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:14px;border-top:1px solid var(--karina-line);background:#fff}.karina-tool{border-color:rgba(0,0,0,.12);font-weight:600}
.karina-note{border-left:4px solid var(--karina-gold);background:#fff9e9;border-radius:14px;padding:13px 15px;font-size:13px;line-height:1.55}.karina-status{display:inline-flex;align-items:center;gap:6px;font:700 11px system-ui;padding:5px 8px;border-radius:999px;background:#eef7f8;color:var(--karina-teal)}
.karina-price{font-size:30px;font-weight:700;color:var(--karina-gold);margin:10px 0}.karina-price small{font-size:12px;color:#6b7280}.karina-features{padding:0;margin:12px 0;list-style:none}.karina-features li{padding:6px 0;border-bottom:1px dashed rgba(0,0,0,.08);font-size:14px}.karina-features li:before{content:"✦ ";color:var(--karina-gold)}
.karina-tier.recommended{border:2px solid var(--karina-gold)}.karina-inline-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.karina-primary{background:var(--karina-teal);color:#fff;border-color:var(--karina-teal)}
.karina-editorial-bar{margin:0 0 24px;padding:18px;border:1px solid var(--karina-line);border-radius:18px;background:#fff}.karina-editorial-bar h2{color:var(--karina-teal);margin:0 0 8px}.karina-editorial-bar p{font-size:14px;margin:0}
.karina-audio{width:100%;margin-top:12px}.karina-social{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.karina-site-header{position:relative}.karina-site-header .bandeau{width:100%;display:block}.karina-site-header .menu-btn{position:absolute;top:15px;right:15px}
.karina-legacy-route{text-align:center;padding:80px 20px}.karina-legacy-route a{color:var(--karina-teal);font-weight:700}
@media(max-width:900px){.karina-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.karina-tools{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.karina-shell{width:min(100% - 22px,1120px);padding-top:18px}.karina-grid,.karina-grid.two{grid-template-columns:1fr}.karina-tools{grid-template-columns:1fr}.karina-player-screen{min-height:200px;padding:20px}.karina-inline-actions>.karina-pill{width:100%}.karina-social{align-items:flex-start}.karina-hero{padding-top:18px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
