/* V19 / Clear typography, a personal welcome and atmospheric colour. */
:root{--font-body:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans Devanagari",Arial,sans-serif}
html[data-theme] body{font-family:var(--font-body);font-size:16px;line-height:1.65}
html[data-theme] :is(h1,h2,h3,h4,button,input,select,textarea){font-family:var(--font-body)}
html[data-theme] :is(h1,h2,h3,h4){letter-spacing:-.035em;overflow-wrap:break-word}
html[data-theme] body p{font-size:16px;line-height:1.75}
html[data-theme] :is(.eyebrow,.hero-store-kicker,.hero-studio-caption,.dream-note>span,.partner-scene small,.method-chip,.welcome-robot-label){font-size:11px!important;line-height:1.5;letter-spacing:.1em}
html[data-theme] .partner-hero .hero-store-kicker{font-size:11px!important}
html[data-theme] .partner-hero .hero-store-copy>p{font-size:17px!important;line-height:1.75!important}
html[data-theme] .partner-hero h1{letter-spacing:-.045em!important}
html[data-theme] .partner-hero .hero-business-signature{font-size:12px!important;line-height:1.65;display:flex;flex-direction:column;align-items:flex-start;gap:4px}
html[data-theme] :is(.btn,.small-btn,.textlink,.product-body .btn,.hero-film-button){font-size:14px!important;line-height:1.45;min-height:44px}
html[data-theme] :is(.footer-grid a:not(.brand),.footer-grid p,.footer-bottom,.official-film-player>a,.intro-facts span,.intro-facts strong,.product-count,.product-chips span,.form-note,.policy-context,.source-note,.connection-note,.resource-byline,.product-card small,.cart-item small,.cart-item p,.badge){font-size:13px!important;line-height:1.65}
html[data-theme] :is(.partner-scene p,.partner-method li p,.dream-note p,.tool-card p,.product-card p,.intro-capability p,.original-articles p){font-size:15px!important;line-height:1.75}
html[data-theme] :is(label,small,.preview-strip,.answer-summary,.run-card p,.task-list label,.stat-grid small){font-size:13px;line-height:1.6}
html[data-theme] :is(.intro-facts,.footer-grid,.section-top,.hero-store-copy,.contact-grid>*,.policy-layout>*){min-width:0}
html[data-theme] :is(input,textarea,select){font-size:16px;line-height:1.5}
html[data-theme] :is(.footer-socials,.contact-socials){display:flex!important;flex-flow:row nowrap!important;gap:10px!important;align-items:center;justify-content:flex-start;margin:18px 0!important}
html[data-theme] :is(.footer .footer-socials a,.contact-grid .contact-socials a){display:inline-flex!important;align-items:center;justify-content:center;width:44px!important;min-width:44px;min-height:44px;height:44px;padding:0!important;margin:0!important;background:transparent!important;border:0!important;border-radius:12px;line-height:1}
html[data-theme] .social-brand-icon{filter:none!important;width:42px;height:42px;flex-basis:42px;border-radius:13px;color:#fff!important;box-shadow:inset 0 1px 0 #ffffff60,0 5px 14px #0003}
html[data-theme] .social-brand-icon svg{width:21px;height:21px;fill:currentColor}
html[data-theme] :is(.footer-socials,.contact-socials) a:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
.welcome-reopen{display:inline-flex;align-items:center;gap:10px;background:transparent;border:0;border-bottom:1px solid #829dac;padding:10px 0;color:#dcecf6;font-size:14px;min-height:44px;margin-top:18px}
html[data-theme] .misraji-welcome-dialog{padding:0;width:min(860px,calc(100% - 32px));max-width:860px;max-height:calc(100dvh - 32px);overflow:auto;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:28px;box-shadow:0 35px 140px #0008}
.misraji-welcome-dialog::backdrop{background:#06111bc7;backdrop-filter:blur(9px)}
.welcome-modal-layout{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;min-height:470px}
.welcome-close{position:absolute;right:14px;top:12px;z-index:3;background:var(--surface-raised);border:1px solid var(--line);color:var(--ink);border-radius:50%;width:44px;height:44px;font-size:27px;line-height:1}
.welcome-robot-stage{min-height:460px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate;background:radial-gradient(ellipse at 50% 60%,#39b6d33b,transparent 66%),radial-gradient(ellipse at 15% 20%,#775cd82b,transparent 70%);overflow:hidden}
.welcome-robot-stage .official-avatar{width:280px;height:400px;max-width:95%}
.welcome-orbit{position:absolute;inset:15% 4%;border:1px solid #7da7bd66;border-radius:50%;transform:rotate(-25deg);box-shadow:0 0 0 22px #75acdd09,0 0 0 45px #7b7cce08;animation:welcome-orbit 25s linear infinite}
.welcome-robot-label{position:absolute;bottom:25px;text-align:center;color:var(--muted);font-weight:600}
.welcome-modal-copy{padding:58px 34px 35px 10px}.welcome-modal-copy h2{font-size:clamp(27px,3vw,38px);line-height:1.15;margin:18px 0;font-weight:700}.welcome-modal-copy h2 em{font-style:normal;color:var(--muted)}
html[data-theme] .welcome-modal-copy p{font-size:16px;line-height:1.8;margin-bottom:23px}.welcome-modal-copy p strong{display:block;color:var(--ink);margin-bottom:5px}
.welcome-modal-actions{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.welcome-modal-actions .btn{background:var(--ink);color:var(--canvas);border:1px solid var(--ink);min-height:46px;padding:12px 19px;border-radius:12px}.welcome-modal-actions .btn.light{background:transparent;color:var(--ink);border-color:var(--line)}.welcome-status{font-size:12px;min-height:20px;margin-top:14px;color:var(--muted)}
/* Colour is atmospheric; reading surfaces keep the navy/silver brand contrast. */
.neural-ambient{background:radial-gradient(ellipse at 90% 18%,#417ac126,transparent 50%),radial-gradient(ellipse at 2% 70%,#865bd51c,transparent 45%),var(--canvas)}
.neural-ambient>span{background:radial-gradient(ellipse,#5875cb26,transparent 68%)!important;border-color:#7d83d52b!important}
.neural-ambient>span:nth-child(2){background:radial-gradient(ellipse,#33c6c32b,transparent 68%)!important;border-color:#43b6c42c!important}.neural-ambient>span:nth-child(3){background:radial-gradient(ellipse,#b167c321,transparent 68%)!important;border-color:#a76fce22!important}
html[data-theme] .partner-hero{background:radial-gradient(ellipse at 85% 25%,#3467aa32,transparent 50%),radial-gradient(ellipse at 20% 90%,#7258b52a,transparent 50%),linear-gradient(135deg,#10212e,#1d303e 55%,#0f1d28)}
.partner-hero:after{background:radial-gradient(ellipse at 30% 30%,#7064c52e,transparent 63%)!important;animation:aurora-drift 18s ease-in-out infinite alternate!important}
html[data-theme] .scene-art{background:radial-gradient(ellipse at 45% 55%,#538baf40,transparent 70%),var(--surface-alt)}html[data-theme] .scene-lilac .scene-art{background:radial-gradient(ellipse,#9675d94a,transparent 72%),var(--surface-alt)}html[data-theme] .scene-teal .scene-art{background:radial-gradient(ellipse,#32b3ab3b,transparent 72%),var(--surface-alt)}html[data-theme] .scene-amber .scene-art{background:radial-gradient(ellipse,#bd905437,transparent 72%),var(--surface-alt)}
@keyframes aurora-drift{to{transform:translate(5%,-6%) rotate(12deg);opacity:.7}}@keyframes welcome-orbit{to{transform:rotate(335deg)}}
html[data-motion="paused"] :is(.welcome-orbit,.partner-hero:after){animation-play-state:paused!important}
@media(max-width:760px){html[data-theme] .misraji-welcome-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px);border-radius:22px}.welcome-modal-layout{grid-template-columns:1fr;min-height:0}.welcome-robot-stage{min-height:190px;height:190px}.welcome-robot-stage .official-avatar{height:210px;width:150px}.welcome-robot-label{bottom:5px;font-size:9px!important}.welcome-orbit{inset:8% 25%}.welcome-modal-copy{padding:18px 24px 25px}.welcome-modal-copy h2{font-size:29px;margin:10px 0}.welcome-modal-copy h2 br{display:none}.welcome-modal-copy h2 em{margin-left:6px}.welcome-modal-copy .eyebrow{font-size:10px!important}.welcome-modal-actions{flex-direction:row;flex-wrap:wrap;gap:8px}html[data-theme] .welcome-modal-actions .btn{font-size:13px!important;padding:10px 14px}html[data-theme] .welcome-modal-copy p{font-size:15px;margin-bottom:16px;line-height:1.65}.welcome-status{margin-top:10px;font-size:11px}.welcome-close{width:40px;height:40px}.partner-hero .hero-store-copy .actions{flex-wrap:wrap}html[data-theme] .footer-socials{gap:8px!important}.orbit-label{font-size:11px!important}.hero-studio-caption{font-size:10px!important}}
@media(prefers-reduced-motion:reduce){html :is(.welcome-orbit,.partner-hero:after){animation:none!important}}
@media print{.misraji-welcome-dialog,.welcome-reopen{display:none!important}}
html[data-theme] .announcement{height:auto;min-height:34px;font-size:11px;line-height:1.5;padding:7px 16px;gap:24px}html[data-theme] .announcement a{font-size:11px}
html[data-theme] .navlinks a{font-size:12px;line-height:1.5}html[data-theme] .portal-link{font-size:12px}html[data-theme] .brand{flex-shrink:0}
@media(min-width:1101px){html[data-theme] .header .brand img{width:165px;height:auto}.nav{gap:20px}.navlinks{gap:19px}}
@media(max-width:760px){.welcome-robot-stage .official-avatar{height:170px;width:125px;margin-bottom:18px}.welcome-robot-label{bottom:9px}}
.neural-ambient:after{content:"";position:absolute;inset:-8%;pointer-events:none;background:radial-gradient(circle at 15% 25%,#8e7ee94d 0 2px,transparent 3px),radial-gradient(circle at 82% 40%,#53cdd452 0 2px,transparent 3px),radial-gradient(circle at 40% 85%,#cf8de43d 0 2px,transparent 3px);background-size:380px 420px,510px 460px,440px 510px;animation:aurora-drift 24s ease-in-out infinite alternate;opacity:.65}
html[data-motion="paused"] .neural-ambient:after{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){html .neural-ambient:after{animation:none!important}}
