/* Readability pass: preserve the visual system while keeping controls legible. */
body{font-size:17px}
.brand b{font-size:27px}
.brand s{font-size:10px}
.langs button{font-size:11px;padding:9px 11px}
.art-nav{font-size:11px;min-height:40px;padding-inline:15px}
.tele-t{font-size:11px}
.tele-i s{font-size:9.5px}
.tele-i b{font-size:13px}
.eyebrow{font-size:11.5px}
h1{font-size:clamp(2.55rem,6vw,5rem)}
.lead{font-size:clamp(16px,1.35vw,20px);line-height:1.55}
.h-tx b{font-size:1.42rem}
.h-tx s{font-size:9.5px;line-height:1.45}
.h-badge{font-size:9px}
.facts{font-size:10.5px;line-height:1.65}
.sign .row{font-size:11px}
.sign.f-mono .msg{font-size:15px}
.sign.f-body .msg{font-size:1.08rem}
.hint{font-size:10.5px}
.col h3{font-size:11px}
.col h3 i{font-size:10px}
.seasons button,.chips button{font-size:10px;line-height:1.35}
.f label{font-size:10px}
.f input,.f textarea,.f select{font-size:16px}
.count{font-size:10px}
.send{font-size:12px}
.note{font-size:10.5px}
.note.err{font-size:14px}
.link input{font-size:13px}
.socials span{font-size:9px}
.plan .price{font-size:11px}
.plan li{font-size:15px;line-height:1.5}
.foot p{font-size:10.5px;line-height:1.7}
.foot nav a{font-size:11px}
.foot .t{font-size:10px}
.foot .prj b{font-size:1.2rem}
.foot .prj s{font-size:9.5px;line-height:1.5}
.report button{font-size:10px}

.account-strip{font-size:13px;line-height:1.45}
.account-strip::before{font-size:9px}
.account-strip button,dialog button,.cookie-notice button{font-size:11px}
#balance{font-size:13px}
.consent-row{font-size:12.5px;line-height:1.55}
dialog p{font-size:15px;line-height:1.55}
dialog input[type=email]{font-size:16px}
.service-footer{font-size:10.5px;line-height:1.5}
.cookie-notice{font-size:13px;line-height:1.55}
.creation-meter{font-size:10.5px}

.depth-guide span{font-size:9px}

.uptitle b{font-size:24px}
.uptitle small{font-size:9px}
.upsteps span{font-size:9px;line-height:1.45}
.updrop p{font-size:16px}
.upchoose,.upcreate,.upcopy,.upopen,.upnew{font-size:10.5px}
.updepth{font-size:9px}
.upfilebar span,.upfilebar button{font-size:10px}
.upf label,.upeffects>span{font-size:9.5px}
.upf input,.upf textarea{font-size:15px}
.upcount{font-size:9.5px}
.upfx button{font-size:9.5px}
.upconsent{font-size:12.5px}
.upstatus{font-size:13px}
.upready p{font-size:15px}
.uplink input{font-size:13px}
.upshare a,.upshare button{font-size:10px}

.glhead b{font-size:18px}
.glhead s,.glnote{font-size:10px}
.glplan b{font-size:14px}
.glplan s{font-size:9.5px}
.gllab{font-size:10px}
.glin,.gltx{font-size:15px}
.glchips button,.glex button{font-size:10.5px}
.gltype b{font-size:14px}
.gltype s{font-size:9.5px}
.glquota{font-size:12px}
.glmsg{font-size:14px}

.jhead b{font-size:17px}
.jhead s{font-size:12px}
.jwho{font-size:11px}
.jmsg .jb,.jb li{font-size:15.5px}
.chat-actions button,.chat-status button,.jchips button{font-size:12px}
.jform textarea{font-size:15px}
.jform .consent-row{font-size:12px}
.chat-status,.chat-thinking small{font-size:13px}

.network-head span{font-size:11px}
.network-head h2{font-size:clamp(1.4rem,2.25vw,1.9rem)}
.network-head p{font-size:15px}
.art-slot b{font-size:14px}
.art-slot small{font-size:11px}

@media(max-width:600px){
  body{font-size:16px}
  header{gap:7px}
  .brand{gap:4px}.brand .mk{width:32px;height:32px}.brand b{font-size:14px;letter-spacing:.055em}
  .tools{gap:3px}.langs button{font-size:8px;padding:6px 5px}.icon-btn{width:28px;height:30px}.art-nav{width:30px;min-height:32px;box-sizing:border-box}
  .tele-t{font-size:9px}
  .tele-i s{font-size:8px}
  .tele-i b{font-size:11.5px}
  h1{font-size:clamp(2.35rem,12vw,3.55rem)}
  .lead{font-size:16px}
  .facts{font-size:9.5px;line-height:1.75}
  .upsteps span{font-size:8.5px}
  .network-head p{font-size:13px}
  .service-footer{font-size:10px}
}
/* Animated Cards.Ru mark from the established Cards.Ru visual language. */
.brand .mk{width:46px;height:46px;filter:drop-shadow(0 5px 13px rgba(242,69,44,.3));transition:transform .35s cubic-bezier(.2,.9,.3,1.3)}
.brand .mk .spin{transform-origin:42px 11px;animation:cards-mark-twinkle 3.4s ease-in-out infinite}.brand .mk .lift{transform-origin:25px 16px;animation:cards-mark-lift 3.8s ease-in-out infinite}.brand:hover .mk{transform:rotate(-5deg) scale(1.05)}
@keyframes cards-mark-twinkle{0%,100%{transform:rotate(0) scale(1)}50%{transform:rotate(24deg) scale(1.18)}}@keyframes cards-mark-lift{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-2.4px) rotate(-3deg)}}
@media(max-width:600px){.brand .mk{width:40px;height:40px}}
@media(prefers-reduced-motion:reduce){.brand .mk .spin,.brand .mk .lift{animation:none}}

/* Signature line in the primary brand. */
.brand-copy{display:flex;align-items:baseline;gap:10px;min-width:0}.brand-copy>b{text-transform:none;white-space:nowrap}.brand-tagline{display:inline-flex;align-items:center;gap:7px;margin:0!important;color:var(--sage);font:500 12px/1.2 var(--body)!important;letter-spacing:.035em!important;text-transform:none!important;white-space:nowrap}.brand-sep{color:var(--ochre);font:500 14px/1 var(--display);font-style:normal;opacity:.85}.brand-heart{position:relative;display:inline-grid;place-items:center;width:18px;height:18px;flex:none;border-radius:50%;background:radial-gradient(circle at 35% 28%,#ff8ca1,#ef3f58 58%,#b3132d);color:#fff5ef;font:12px/1 Georgia,serif;font-style:normal;letter-spacing:0;text-shadow:0 1px 5px rgba(87,0,17,.45);box-shadow:0 0 0 4px rgba(239,63,88,.08),0 4px 12px rgba(239,63,88,.28);animation:brand-heartbeat 3.2s ease-in-out infinite}@keyframes brand-heartbeat{0%,78%,100%{transform:scale(1)}84%{transform:scale(1.13)}90%{transform:scale(.98)}96%{transform:scale(1.08)}}
body.light .brand-heart{box-shadow:0 0 0 4px rgba(210,42,68,.08),0 4px 12px rgba(161,23,45,.2)}
@media(max-width:1180px){.brand-copy{display:block}.brand-tagline{margin-top:5px!important}.brand-sep{display:none}}
@media(max-width:860px){.brand-tagline{font-size:10px!important;letter-spacing:.02em!important}}
@media(max-width:700px){.brand-tagline{display:none}}
@media(prefers-reduced-motion:reduce){.brand-heart{animation:none}}

/* Primary choices: high contrast on the moving background in both themes. */
body.cards-home .account-strip{margin:clamp(26px,4vw,48px) auto 6px}
body.cards-home main.wrap{padding-top:0}
body.cards-home .hero{padding-top:clamp(10px,1.7vw,20px)}
.hero-acts{max-width:820px;gap:14px;margin-top:24px}
.hact{isolation:isolate;min-height:92px;padding:18px 20px;border-width:1px;border-radius:14px;box-shadow:0 18px 52px rgba(0,0,0,.26),inset 0 1px rgba(255,255,255,.16)}
.hact::before{content:"";position:absolute;z-index:0;inset:-75% -25%;pointer-events:none;background:linear-gradient(105deg,transparent 34%,rgba(255,255,255,.22) 48%,transparent 62%);transform:translateX(-52%) rotate(5deg);transition:transform .65s ease}
.hact:hover::before{transform:translateX(52%) rotate(5deg)}
.hact .h-ic,.hact .h-tx,.hact .h-go,.hact .h-badge{z-index:1}
.hact.up{color:#f6fffaf2;border-color:rgba(139,240,199,.7);background:linear-gradient(120deg,#075b4c 0%,#138d70 54%,#a26f0b 125%);box-shadow:0 20px 58px rgba(2,65,53,.34),0 0 28px rgba(46,158,120,.12),inset 0 1px rgba(255,255,255,.2)}
.hact.ai{color:#fff9fc;border-color:rgba(232,156,255,.65);background:linear-gradient(120deg,#432782 0%,#9b2f79 55%,#d65c31 112%);box-shadow:0 20px 58px rgba(69,29,112,.33),0 0 28px rgba(185,57,143,.12),inset 0 1px rgba(255,255,255,.2)}
.hact:hover{transform:translateY(-4px) scale(1.012);border-color:rgba(255,255,255,.82);box-shadow:0 25px 66px rgba(0,0,0,.37),inset 0 1px rgba(255,255,255,.24)}
.hact .h-ic{width:48px;height:48px;border-color:rgba(255,255,255,.43);border-radius:11px;background:rgba(255,255,255,.12);color:#fff}
.hact.ai .h-ic{color:#fff3c1}.hact .h-tx b{font-size:1.5rem;color:inherit;text-shadow:0 2px 18px rgba(0,0,0,.2)}.hact .h-tx s{color:rgba(255,255,255,.82);font-weight:600}.hact .h-go{width:32px;height:32px;border-color:rgba(255,255,255,.38);border-radius:9px;color:#fff;background:rgba(255,255,255,.1)}
.hact[aria-pressed="true"],.hact.ai[aria-pressed="true"]{border-color:#fff;box-shadow:0 0 0 2px rgba(255,255,255,.72) inset,0 22px 62px rgba(0,0,0,.34)}
.h-badge{top:9px;right:10px;border-radius:5px;background:#ffd76c;color:#241300;font-weight:700}
.facts{border-color:rgba(139,240,199,.32);border-radius:999px;background:linear-gradient(100deg,rgba(5,45,37,.84),rgba(50,28,58,.76));color:rgba(255,255,255,.78);box-shadow:0 12px 36px rgba(0,0,0,.18)}.facts span:first-of-type{color:#9bf0ca}
.art-nav{min-height:44px;padding:0 17px;border-color:rgba(150,244,211,.7);border-radius:12px;color:#fff;background:linear-gradient(120deg,#08715d 0%,#6b42b7 57%,#ca533e 118%);box-shadow:0 13px 34px rgba(25,86,72,.3),inset 0 1px rgba(255,255,255,.2);font-weight:700}.art-nav b{font-size:inherit;letter-spacing:.025em}.art-nav span{color:#fff4a9;font-size:15px}.art-nav:hover{transform:translateY(-2px);border-color:#fff;box-shadow:0 17px 40px rgba(34,74,91,.34)}
body.light .hact.up{color:#0b2a21;border-color:#2c9f79;background:linear-gradient(120deg,#e3fff4 0%,#68d8ad 57%,#f2cc60 125%);box-shadow:0 18px 48px rgba(25,111,83,.2),inset 0 1px rgba(255,255,255,.75)}
body.light .hact.ai{color:#28142d;border-color:#9e55b0;background:linear-gradient(120deg,#eee7ff 0%,#d783d8 56%,#ffa56b 118%);box-shadow:0 18px 48px rgba(112,50,123,.19),inset 0 1px rgba(255,255,255,.72)}
body.light .hact .h-ic{border-color:rgba(24,50,43,.32);background:rgba(255,255,255,.38);color:#173c32}body.light .hact.ai .h-ic{color:#572764}body.light .hact .h-tx s{color:rgba(16,35,30,.73)}body.light .hact .h-go{border-color:rgba(24,50,43,.3);background:rgba(255,255,255,.3);color:#172f29}body.light .hact .h-tx b{text-shadow:0 2px 16px rgba(255,255,255,.46)}
body.light .facts{border-color:rgba(34,126,96,.38);background:linear-gradient(100deg,rgba(227,255,244,.88),rgba(244,226,255,.82));color:#35423d;box-shadow:0 12px 32px rgba(38,76,64,.1)}body.light .facts span:first-of-type{color:#087054}
body.light .art-nav{color:#12251f;border-color:#319d7b;background:linear-gradient(120deg,#bdf4df 0%,#c8b5ff 58%,#ffba83 118%);box-shadow:0 11px 28px rgba(37,105,83,.19),inset 0 1px rgba(255,255,255,.72)}body.light .art-nav span{color:#805100}
@media(min-width:701px) and (max-width:900px){body.cards-home .account-strip{display:grid;grid-template-columns:auto auto minmax(180px,1fr) auto auto;gap:10px;margin:24px 14px 4px;padding:14px}.account-strip>span[data-extra]{min-width:0;font-size:12px}.account-strip button{padding-inline:13px}}
@media(max-width:900px){body.cards-home .account-strip{margin-top:24px;margin-bottom:4px}.hero-acts{max-width:760px}.hact{min-height:88px}}
@media(max-width:700px){body.cards-home .account-strip{margin:18px 9px 2px}body.cards-home .hero{padding-top:8px}.hero-acts{gap:10px;margin-top:18px}.hact{min-height:82px;padding:15px 16px}.hact .h-ic{width:44px;height:44px}.facts{border-radius:14px}}
@media(max-width:520px){.art-nav{width:42px;min-height:42px;padding:0;justify-content:center;border-radius:11px}.art-nav b{display:none}.hact .h-tx b{font-size:1.34rem}.hact .h-tx s{font-size:9px;letter-spacing:.1em}}