@font-face{font-family:Manrope;src:url("/experts/kira/assets/manrope-variable.3ae11c49db.ttf") format("truetype");font-weight:200 800;font-display:swap}
/* Dialog autofocus must not leave a keyboard-style ring after a tap on iOS. */
html:not([data-input-mode="keyboard"]) .menu-toggle:focus,
html:not([data-input-mode="keyboard"]) #menu-dialog .close:focus{outline:none;box-shadow:none}
:root{color-scheme:dark;--bg:#111313;--text:#f2efea;--muted:#b2b5b1;--gold:#d8b988;--line:#ffffff20;--cream:#f0e3cf}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button,a,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:6px}.skip{position:fixed;top:-100px;left:20px;z-index:20;background:var(--cream);color:#111;padding:15px}.skip:focus{top:16px}.wrap{width:calc(100% - clamp(40px,8.4vw,160px));max-width:1600px;margin:0 auto}
.header{display:flex;align-items:center;justify-content:space-between;padding:30px 0 34px;gap:30px}.brand{display:inline-flex;align-items:center;gap:15px;font-size:34px;font-weight:550;letter-spacing:-1.6px}.brand-mark{width:45px;height:45px;color:var(--gold);stroke-width:1.15}.header nav{display:flex;align-items:center;gap:34px;font-size:14px;color:#c0c2bd}.header nav a{padding:12px 0;transition:color .2s}.header nav a:hover{color:var(--cream)}.nav-telegram span{margin-left:6px}
.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"portrait intro" "portrait offer";column-gap:clamp(48px,7vw,130px);grid-template-rows:1fr 1fr;padding:0 0 68px}.hero-intro{grid-area:intro;align-self:end;padding-top:32px}.eyebrow{margin:0 0 25px;color:var(--gold);font-size:12px;font-weight:450;letter-spacing:2.5px;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(50px,4.65vw,90px);font-weight:450;letter-spacing:-.055em;line-height:1.11;margin-bottom:30px}h2{font-size:clamp(34px,3.1vw,58px);font-weight:450;line-height:1.16;letter-spacing:-.045em;margin-bottom:42px}h3{font-size:20px;line-height:1.45;font-weight:500;letter-spacing:-.025em;margin-bottom:8px}p{line-height:1.65}.lead{font-size:clamp(19px,1.5vw,27px);color:#d0d1cc;line-height:1.55;letter-spacing:-.025em;margin-bottom:30px}
.portrait{grid-area:portrait;position:relative;display:block;width:100%;height:clamp(570px,44vw,790px);padding:0;overflow:hidden;border:0;border-radius:19px;background:#27231c;text-align:left;isolation:isolate}.portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 38%;transition:transform .8s cubic-bezier(.2,.7,.3,1)}.portrait:hover img{transform:scale(1.025)}.portrait:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#0009);z-index:0}.watch{position:absolute;bottom:28px;left:28px;right:20px;z-index:1;display:flex;align-items:center;gap:13px;font-size:16px;font-weight:450}.play-circle{display:grid;place-items:center;width:44px;height:44px;border:1px solid #ffffffb0;border-radius:50%;background:#10101025}.play-circle .icon{width:23px;height:23px}.duration{white-space:nowrap}.hero-offer{grid-area:offer;align-self:start;max-width:680px}.cta{display:flex;align-items:center;justify-content:center;gap:18px;min-height:68px;width:100%;padding:19px 26px;border:1px solid transparent;border-radius:12px;background:var(--cream);color:#1d201d;font-size:18px;font-weight:500;line-height:1.4;letter-spacing:-.025em;transition:background .2s,transform .2s}.cta .icon{width:28px;height:28px}.cta:hover{background:#fff0d9;transform:translateY(-2px)}.trial{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:14px;margin:18px 0 8px;line-height:1.5}.trial strong{font-weight:500}.trial>span{color:#878c85}.renewal{font-size:12px;color:#a9afa8;margin:0}
.section{border-top:1px solid var(--line);padding:60px 0}.benefits-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.benefit{display:flex;align-items:center;gap:24px;padding:8px 24px 8px 0}.benefit+.benefit{border-left:1px solid var(--line);padding-left:34px}.benefit-icon{width:43px;height:43px;color:var(--gold);stroke-width:1.3}.benefit p{font-size:15px;color:var(--muted);margin:0}
.conversation{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(50px,7vw,130px);padding:70px 0}.conversation h2{margin-bottom:25px}.conversation .lead{margin:0;font-size:23px}.dialog-example{position:relative;border:1px solid #ffffff17;border-radius:19px;padding:20px}.example-label{position:relative;margin:-31px 0 15px 5px;padding:0 10px;width:max-content;background:var(--bg);color:var(--gold);font-size:11px;letter-spacing:1.8px;text-transform:uppercase}.chat-card{padding:20px;background:#171a19;border-radius:13px}.chat-header{display:flex;align-items:center;gap:13px;margin-bottom:24px;font-size:15px}.chat-header img{width:45px;height:45px;border-radius:50%;object-fit:cover;object-position:50% 25%}.muted{color:var(--muted)}.message{width:fit-content;max-width:85%;padding:18px 22px;font-size:17px;line-height:1.55;letter-spacing:-.02em}.message-you{margin-left:auto;background:var(--cream);color:#262921;border-radius:17px 17px 3px 17px}.message-expert{margin-top:16px;background:#282c2a;color:#e1e3dd;border-radius:17px 17px 17px 3px}
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}.steps article{padding-right:30px}.step-num{display:flex;align-items:center;gap:24px;color:var(--gold);font-size:24px;font-weight:400;margin-bottom:28px;letter-spacing:-1px}.step-num span{height:1px;background:#bda17566;flex:1}.steps h3{font-size:20px}.steps p{color:var(--muted);font-size:16px;margin-bottom:0}
.offer-panel{display:flex;align-items:center;justify-content:space-between;gap:60px;border-radius:22px;border:1px solid #bda17524;background:radial-gradient(ellipse at 95% 100%,#72502b40,transparent 65%),linear-gradient(115deg,#30271e,#191b18);padding:clamp(32px,4vw,76px);overflow:hidden}.offer-content{max-width:640px;position:relative;z-index:1}.offer-content h2{font-size:clamp(32px,3.1vw,56px);margin-bottom:30px}.offer-free{font-size:27px;font-weight:500;letter-spacing:-.03em;margin-bottom:7px}.offer-terms{font-size:17px;color:#d0cec6;margin-bottom:28px}.offer-content .cta{width:fit-content;min-width:340px}.offer-art{color:#d4b07e;display:flex;flex-direction:column;align-items:center;text-align:center;gap:30px;padding-right:5%;opacity:.6}.offer-art .icon{width:150px;height:150px;stroke-width:.65}.offer-art span{font-size:13px;line-height:1.7;letter-spacing:1px}
.faq{padding:70px 0 32px}.faq h2{margin-bottom:36px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{display:flex;align-items:center;justify-content:space-between;gap:30px;cursor:pointer;list-style:none;padding:26px 0;font-size:19px;letter-spacing:-.02em}summary::-webkit-details-marker{display:none}.plus{position:relative;width:22px;height:22px;flex-shrink:0}.plus:before,.plus:after{position:absolute;content:"";background:#d8ddd4;top:10px;left:2px;width:18px;height:1px;transition:transform .2s}.plus:after{transform:rotate(90deg)}details[open] .plus:after{transform:rotate(0)}details p{max-width:850px;color:var(--muted);font-size:17px;padding:0 45px 26px 0;margin:0}.footer{padding:28px 0 36px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}.terms-open{border:0;background:transparent;padding:14px 0;color:#d8dcd5;font-size:14px}.terms-open span{margin-left:10px}.footer>p{font-size:11px;color:#7f8980;margin:0}
dialog{color:var(--text);border:1px solid #202224;background:#111315;padding:12px;border-radius:14px;box-shadow:0 24px 100px #000a;max-height:calc(100dvh - 24px);max-width:calc(100vw - 24px)}dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}#video-dialog{width:430px;overflow:hidden}.video-panel{display:flex;flex-direction:column;gap:12px;max-height:calc(100dvh - 50px)}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-left:8px;flex-shrink:0;font-size:14px}.close{border:0;display:grid;place-items:center;flex-shrink:0;background:transparent;width:44px;height:44px;color:#d9dcd6;padding:0}.close .icon{width:23px;height:23px}video{width:100%;height:min(68dvh,650px);min-height:0;object-fit:contain;background:#090b0a;border-radius:8px;flex-shrink:1;display:block}#video-dialog .cta{font-size:14px;gap:13px;min-height:54px;padding:14px 10px;border-radius:8px;flex-shrink:0}#video-dialog .cta .icon{width:23px;height:23px}#terms-dialog{width:640px;padding:20px;overflow:auto}.terms-content{padding:16px}.terms-content h2{font-size:30px;margin-bottom:25px}.terms-content p{font-size:15px;color:#c5ccc1}.modal-header .eyebrow{margin:0;font-size:10px}.video-error{font-size:13px;margin:0}.video-error a{text-decoration:underline}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero{column-gap:45px}.portrait{height:610px}.hero h1{font-size:53px}.lead{font-size:20px}.cta{font-size:16px;gap:13px;padding:18px}.trial{font-size:12px}.hero-intro{padding-top:12px}.benefit{gap:16px;padding-right:12px}.benefit+.benefit{padding-left:24px}.benefit h3{font-size:17px}.benefit p{font-size:13px}.benefit-icon{width:34px;height:34px}.steps{gap:24px}.steps h3{font-size:18px}.steps p{font-size:14px}.conversation{gap:50px}.message{font-size:15px;padding:16px}.offer-art{padding-right:0}.offer-art .icon{width:110px;height:110px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{padding:23px 0 30px;gap:16px}.brand{font-size:28px;gap:10px;letter-spacing:-1px}.brand-mark{width:36px;height:36px}.header nav{font-size:12px;gap:22px}.header nav a:first-child{display:none}.header nav .nav-telegram{font-size:0}.nav-telegram span{font-size:20px;margin:0}.hero{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;grid-template-areas:"intro" "portrait" "offer";gap:0;padding-bottom:42px}.hero-intro{padding-top:0}.hero h1{font-size:clamp(41px,9.5vw,62px);letter-spacing:-.05em;line-height:1.12;margin-bottom:29px}.eyebrow{font-size:10px;letter-spacing:2px;margin-bottom:17px}.portrait{height:360px;max-height:95vw;border-radius:16px;margin-bottom:25px}.portrait img{object-position:50% 30%}.watch{left:20px;bottom:20px;font-size:14px;gap:10px}.play-circle{width:35px;height:35px}.play-circle .icon{width:20px;height:20px}.hero-offer{max-width:none}.lead{font-size:19px;line-height:1.6;margin-bottom:24px}.cta{min-height:60px;border-radius:11px;font-size:15px;gap:13px;padding:17px 16px}.cta .icon{width:25px;height:25px}.trial{font-size:11px;gap:7px;margin-top:16px;justify-content:center}.renewal{font-size:10px;text-align:center}h2{font-size:35px;line-height:1.17;margin-bottom:30px;letter-spacing:-.045em}.section{padding:42px 0}.benefits-grid{grid-template-columns:1fr;gap:0}.benefit{gap:22px;padding:22px 0}.benefit+.benefit{border-left:0;border-top:1px solid var(--line);padding:24px 0}.benefit:first-child{padding-top:8px}.benefit:last-child{padding-bottom:0}.benefit-icon{width:35px;height:35px}.benefit h3{font-size:18px;margin-bottom:5px}.benefit p{font-size:14px}.conversation{grid-template-columns:1fr;gap:38px}.conversation .lead{font-size:18px}.conversation h2{margin-bottom:20px}.dialog-example{padding:13px;border-radius:16px}.example-label{font-size:9px;letter-spacing:1.7px;margin-top:-22px;margin-bottom:13px}.chat-card{padding:16px 12px}.chat-header{font-size:13px;gap:11px;margin-bottom:22px}.chat-header img{width:38px;height:38px}.message{font-size:15px;max-width:90%;padding:15px 16px}.message-expert{margin-top:13px}.steps{grid-template-columns:1fr;gap:0}.steps article{display:grid;grid-template-columns:40px 1fr;column-gap:20px;padding:22px 0;border-top:1px solid var(--line)}.steps article:first-child{border-top:0;padding-top:3px}.step-num{grid-row:1 / 3;margin:0;font-size:22px;align-self:start;line-height:1.45}.step-num span{display:none}.steps h3{font-size:17px;margin-bottom:5px}.steps p{font-size:14px}.offer-panel{padding:29px 24px;gap:0;border-radius:17px}.offer-content h2{font-size:31px;margin-bottom:26px}.offer-free{font-size:23px}.offer-terms{font-size:14px;line-height:1.75;margin-bottom:24px}.offer-content{width:100%}.offer-content .cta{min-width:0;width:100%;font-size:13px;gap:10px;padding:16px 10px}.offer-art{display:none}.desktop-break{display:none}.faq{padding:44px 0 15px}.faq h2{font-size:30px;line-height:1.25;margin-bottom:24px}summary{font-size:15px;line-height:1.55;padding:23px 0;gap:18px}.plus{width:20px;height:20px}details p{font-size:14px;padding:0 20px 24px 0}.footer{padding:25px 0 29px}.footer-top{margin-bottom:24px}.footer .brand{font-size:27px}.terms-open{font-size:12px}.footer>p{font-size:9px;line-height:1.7}#video-dialog{width:calc(100vw - 16px);padding:8px;max-height:calc(100dvh - 16px);border:0}.video-panel{max-height:calc(100dvh - 32px);gap:9px}video{height:calc(100dvh - 162px)}.modal-header{font-size:12px}#terms-dialog{padding:10px}.terms-content{padding:12px}.terms-content h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* 04: photograph, quiet mobile navigation, and a video-sized modal. */
.header{position:relative;z-index:3}.menu-toggle{display:none}
.offer-panel{position:relative;isolation:isolate;background:#27211b}
.offer-image{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:right bottom;border-radius:inherit}
.offer-panel:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#171713a8 0%,#17171370 40%,#17171300 76%);pointer-events:none}
#video-dialog{width:min(440px,calc((100dvh - 164px) * .5625 + 26px),calc(100vw - 24px));max-width:calc(100vw - 24px);overflow:auto;overscroll-behavior:contain}
.video-panel{max-height:none}
#video-dialog video{height:auto;aspect-ratio:9 / 16;width:100%;min-height:0;flex:none;object-fit:contain}
#video-dialog .cta:hover{transform:none}
#video-dialog .modal-header{font-size:12px;padding-left:4px}
@media(max-width:760px){
.menu-toggle{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;gap:7px;width:44px;height:44px;border:0;background:transparent;padding:10px;flex-shrink:0}
.menu-toggle span{display:block;width:24px;height:1px;background:#e4e5df;transition:transform .2s,width .2s}
.menu-toggle span+span{width:15px}
.header[data-menu-open] .menu-toggle span:first-child{transform:translateY(4px) rotate(45deg)}
.header[data-menu-open] .menu-toggle span+span{width:24px;transform:translateY(-4px) rotate(-45deg)}
.header nav{display:none;position:absolute;top:calc(100% - 20px);right:0;flex-direction:column;align-items:stretch;gap:0;min-width:230px;padding:10px 20px;background:#191c1a;border:1px solid #ffffff0d;box-shadow:0 18px 50px #0005;border-radius:13px;font-size:14px}
.header[data-menu-open] nav{display:flex}
.header nav a,.header nav a:first-child{display:block;padding:15px 2px}
.header nav a+a{border-top:1px solid #ffffff0c}
.header nav .nav-telegram{font-size:14px}
.header nav .nav-telegram span{font-size:16px;float:right}
.offer-image{object-position:75% center}
.offer-panel:after{background:linear-gradient(90deg,#171713e8 0%,#171713ba 55%,#17171365 100%)}
#video-dialog{width:min(calc(100vw - 12px),calc((100dvh - 142px) * .5625 + 12px));max-width:calc(100vw - 12px);max-height:calc(100dvh - 12px);padding:6px;border:0;border-radius:14px}
#video-dialog .video-panel{gap:9px;max-height:none}
#video-dialog video{height:auto;aspect-ratio:9 / 16;border-radius:8px}
#video-dialog .modal-header{font-size:12px}
#video-dialog .cta{gap:10px}
}
@media(max-height:560px){#video-dialog{width:min(340px,calc((100dvh - 132px) * .5625 + 16px));padding:7px}#video-dialog .video-panel{gap:7px}#video-dialog .modal-header{font-size:10px}#video-dialog .close{height:32px;width:32px}#video-dialog .cta{font-size:11px;gap:7px;padding:9px 6px;min-height:42px}#video-dialog .cta .icon{width:19px;height:19px}}

/* Fit the complete video panel to the viewport; never create an inner scrollbar. */
#video-dialog{overflow:hidden;max-height:none;scrollbar-width:none}
#video-dialog::-webkit-scrollbar{display:none}

/* Finite, quiet micro-interactions; content remains visible without JavaScript. */
@keyframes expert-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes expert-fade{from{opacity:0}to{opacity:1}}
@keyframes expert-menu{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:no-preference){
body[data-motion] .hero-intro{animation:expert-arrive .7s cubic-bezier(.2,.7,.3,1) both}
body[data-motion] .portrait{animation:expert-arrive .85s .08s cubic-bezier(.2,.7,.3,1) both}
body[data-motion] .hero-offer{animation:expert-arrive .7s .16s cubic-bezier(.2,.7,.3,1) both}
.reveal-pending{opacity:0;transform:translateY(14px)}
.reveal-visible{animation:expert-arrive .65s cubic-bezier(.2,.7,.3,1) both}
details[open] p{animation:expert-arrive .28s ease-out}
#video-dialog[open],#terms-dialog[open]{animation:expert-fade .2s ease-out}
.header[data-menu-open] nav{animation:expert-menu .2s ease-out}
.cta:active{transform:translateY(0) scale(.985)}
}
@media(prefers-reduced-motion:reduce){.reveal-pending{opacity:1;transform:none}}

/* Deterministic monochrome icons: never platform emoji glyphs. */
.link-icon{width:16px;height:16px;stroke-width:1.5;vertical-align:middle}
.nav-telegram .link-icon{margin-left:6px}
.terms-open{display:flex;align-items:center;gap:10px}
@media(max-width:760px){.header nav .nav-telegram{display:flex;align-items:center;justify-content:space-between}.header nav .nav-telegram .link-icon{width:16px;height:16px;margin-left:16px}}

/* 09: compact mobile navigation with a distinct primary action. */
#menu-dialog{position:fixed;inset:auto 0 0;width:100%;max-width:520px;height:auto;max-height:calc(100dvh - 24px);margin:0 auto;padding:0;border:1px solid #ffffff0d;border-bottom:0;border-radius:24px 24px 0 0;background:#191c19;box-shadow:0 -16px 70px #0005;overflow:auto;overscroll-behavior:contain;scrollbar-width:none}
#menu-dialog::-webkit-scrollbar{display:none}
#menu-dialog::backdrop{background:#070a07a6;backdrop-filter:blur(8px)}
#menu-dialog[open]{display:flex;flex-direction:column}
.menu-top{display:flex;align-items:center;justify-content:space-between;padding:24px 22px 14px;gap:20px;flex-shrink:0}
.menu-profile{display:flex;align-items:center;gap:12px}
.menu-profile img{width:44px;height:44px;object-fit:cover;object-position:50% 25%;border-radius:50%}
.menu-profile span{display:block;font-size:20px;line-height:1.3;font-weight:500;letter-spacing:-.035em}
.menu-profile small{display:block;margin-top:3px;color:#a8b0a7;font-size:11px;line-height:1.4;font-weight:400}
.menu-top .close{color:#bec6bb}
.menu-top .close .icon{width:21px;height:21px}
.menu-body{padding:0 24px max(26px,env(safe-area-inset-bottom))}
.menu-body nav{display:flex;flex-direction:column}
.menu-body nav a{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;font-size:18px;line-height:1.4;font-weight:450;letter-spacing:-.025em}
.menu-body nav a+a{border-top:1px solid #ffffff0e}
.menu-chevron{width:16px;height:16px;color:#8c978b;stroke-width:1.35}
.menu-telegram{min-height:56px;margin-top:17px;border-radius:12px;font-size:15px;gap:12px;padding:16px 12px}
.menu-telegram .icon{width:24px;height:24px}
@keyframes expert-sheet-in{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:no-preference){#menu-dialog[open]{animation:expert-sheet-in .28s cubic-bezier(.2,.7,.3,1)}#menu-dialog::backdrop{animation:expert-fade .2s ease-out}}
#terms-dialog{width:660px;padding:16px 24px 24px;scrollbar-width:thin;scrollbar-color:#343b35 transparent}
#terms-dialog .modal-header{position:sticky;top:-16px;z-index:2;padding:4px 0 8px;background:#111315}
#terms-dialog .terms-content{padding:14px 8px 0}
#terms-dialog h2{font-size:32px;font-weight:450;margin-bottom:16px}
#terms-dialog .terms-intro{font-size:16px;color:#d9ddd5;line-height:1.7;margin-bottom:28px}
#terms-dialog section{padding:0;margin:0 0 23px}
#terms-dialog section h3{font-size:14px;font-weight:500;color:var(--gold);letter-spacing:0;margin-bottom:8px}
#terms-dialog section p{font-size:14px;line-height:1.8;margin-bottom:0}
#terms-dialog .terms-note{border-top:1px solid #ffffff12;padding-top:20px;margin:2px 0 0;font-size:12px;line-height:1.8;color:#9ea99e}
@media(max-width:760px){#terms-dialog{padding:12px 18px 22px}#terms-dialog .modal-header{top:-12px}#terms-dialog .terms-content{padding:10px 2px 0}#terms-dialog h2{font-size:27px}#terms-dialog .terms-intro{font-size:15px}.menu-top .brand{font-size:28px;gap:10px}.menu-top .brand-mark{width:36px;height:36px}}
@media(max-height:600px){.menu-top{padding-top:18px;padding-bottom:9px}.menu-body{padding-bottom:20px}.menu-body nav a{padding:16px 0}.menu-telegram{margin-top:12px}}

#terms-dialog{scrollbar-width:none}
#terms-dialog::-webkit-scrollbar{display:none}

/* A quiet invitation to play: two fine rings, followed by a breathing pause. */
.play-circle{position:relative;isolation:isolate}
.play-circle::before,.play-circle::after{content:"";position:absolute;inset:-1px;border:1.5px solid #f0e3cfb3;border-radius:50%;pointer-events:none;opacity:0}
@keyframes expert-play-wave{
  0%{transform:scale(1);opacity:0}
  12%{opacity:.68}
  55%,100%{transform:scale(1.8);opacity:0}
}
@media(prefers-reduced-motion:no-preference){
  .play-circle::before,.play-circle::after{animation:expert-play-wave 4.8s cubic-bezier(.18,.6,.35,1) infinite}
  .play-circle::after{animation-delay:.7s}
  body:has(dialog[open]) .play-circle::before,body:has(dialog[open]) .play-circle::after{animation-play-state:paused;visibility:hidden}
}
/* Large-area live backdrop blur can compete with video compositing on PCs. */
@media(min-width:761px){#video-dialog::backdrop{background:#070909df;backdrop-filter:none;-webkit-backdrop-filter:none}}


/* Kira: deep emerald, sage and warm ivory. */
:root{--bg:#101714;--text:#f1f2eb;--muted:#b1bdb5;--gold:#a7c6b3;--cream:#e1ebdd}
.cta{color:#20382b}.cta:hover{background:#eff5e9}
.chat-card{background:#18251e}.message-expert{background:#283c30}
.menu-top .close{color:#d2e0d3}#menu-dialog{background:#1b2a21}
#menu-dialog::backdrop{background:#09120da6}
dialog{background:#17221b;border-color:#2b3b30}
#terms-dialog .modal-header{background:#17221b}
.step-num span{background:#a7c6b34d}
.offer-panel{border-color:#a7c6b324}
.offer-panel:after{background:linear-gradient(90deg,#102519eb 0%,#102519b8 48%,#10251935 100%)}
.play-circle::before,.play-circle::after{border-color:#e1ebddb3}
.portrait img{object-position:50% 8%}
.portrait-static{cursor:default}
.portrait-static:hover img{transform:none}
.portrait-static:after{display:none}
/* Intermediate desktop sizing; mobile inherits the shared expert heading size. */
@media(min-width:761px) and (max-width:1250px){.hero h1{font-size:clamp(36px,4.4vw,55px)}}
@media(max-width:760px){.portrait img{object-position:50% 8%}.offer-panel:after{background:linear-gradient(90deg,#102519ed,#102519c7)}}

/* Mobile player: full viewport composition, following Abbe ActorPreviewDialog. */
@media(max-width:760px){
  #video-dialog{position:fixed;inset:0;margin:0;width:100%;max-width:none;height:var(--player-height,100dvh);max-height:none;padding:env(safe-area-inset-top) max(16px,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(16px,env(safe-area-inset-left));border:0;border-radius:0;box-shadow:none;background:var(--bg);overflow:hidden}
  #video-dialog::backdrop{background:var(--bg);backdrop-filter:none;-webkit-backdrop-filter:none}
  #video-dialog .video-panel{height:100%;max-height:none;min-height:0;gap:0}
  #video-dialog .modal-header{height:48px;min-height:48px;padding:0;gap:8px;font-size:13px}
  #video-dialog .modal-header>span{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
  #video-dialog .close{width:44px;height:44px}
  #video-dialog video{width:100%;height:0;min-height:0;max-height:none;aspect-ratio:auto;flex:1 1 0;object-fit:cover;object-position:50% 50%;border-radius:7px;background:var(--bg)}
  #video-dialog .cta{width:100%;min-height:50px;margin:12px 0;padding:12px 10px;font-size:14px;line-height:1.5;gap:10px;border-radius:8px}
  #video-dialog .cta .icon{width:23px;height:23px}
  #video-dialog .video-error{flex-shrink:0;padding-top:6px;font-size:12px}
}
@media(max-width:760px) and (orientation:landscape){
  #video-dialog video{object-fit:contain}
}