/*
Theme Name: SolClout 2022 Revival
Author: SolClout
Description: Restored 2022 SolClout website with original local assets and responsive layout.
Version: 2.1.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: solclout
*/
html{scroll-behavior:smooth}body{overflow-x:hidden}.original-image{display:block;width:100%;height:auto}.x_ct .original-image,.r_bj .original-image,.t_bF .original-image{max-width:279px;margin:auto}.p_4 .original-image{max-width:296px}.btn{transition:transform .22s ease,background-color .22s ease,box-shadow .22s ease}.btn:hover{transform:translateY(-3px);box-shadow:0 8px 28px #08102640}.nav-link:focus-visible,.btn:focus-visible,button:focus-visible{outline:2px solid #8ca4ff;outline-offset:5px}.reveal-ready{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal-ready.is-visible{opacity:1;transform:none}.dropdown--header.is-open .nav--mobile{display:grid;position:absolute;right:20px;top:64px;z-index:20;background:#0e182ef5;border:1px solid #344563;border-radius:20px;padding:20px;gap:8px}.nav--mobile{display:none}.B_cY{cursor:pointer}.admin-bar .y_cG{top:32px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal-ready{opacity:1;transform:none}}
@media(hover:hover){.x_cw,.t_bG{transition:transform .28s ease,box-shadow .28s ease}.x_cw:hover,.t_bG:hover{transform:translateY(-5px);box-shadow:0 14px 28px #0002}}
@media(min-width:640px) and (max-width:1439.98px){.v_bP{scrollbar-width:thin;scrollbar-color:#4566c0 #1c2d52}.v_bP::-webkit-scrollbar{height:6px}.v_bP::-webkit-scrollbar-track{background:#1c2d52}.v_bP::-webkit-scrollbar-thumb{background:#4566c0;border-radius:5px}}

/* Revision 2.1: compact product imagery, reference cards and fluid motion. */
#___gatsby{position:relative;z-index:1}body{isolation:isolate}body:before{content:"";position:fixed;inset:-30%;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 22% 28%,#4b43c44d,transparent 40%),radial-gradient(ellipse at 76% 65%,#1675c64a,transparent 40%),radial-gradient(ellipse at 55% 80%,#3939ad30,transparent 42%);filter:blur(45px);animation:aurora-flow 20s ease-in-out infinite alternate;will-change:transform}.b_b{background-color:transparent!important}
@keyframes aurora-flow{0%{transform:translate(-5%,-3%) rotate(-8deg) scale(1)}50%{transform:translate(6%,2%) rotate(6deg) scale(1.1)}100%{transform:translate(-1%,7%) rotate(-4deg) scale(1.05)}}
.j_D,.x_ct,.r_bj,.t_bB,.n_1{min-width:0;justify-self:center}.j_D img,.x_ct .original-image,.r_bj .original-image,.t_bB .original-image,.n_1 .original-image{width:min(100%,220px);height:auto;max-width:220px;margin:0 auto;display:block}.app-screen{border-radius:26px;border:5px solid #354569;box-shadow:0 24px 70px #0005;box-sizing:border-box}.j_D .app-screen,.r_bj .app-screen,.t_bB .app-screen{max-width:210px}.x_cs{display:flex;flex-wrap:wrap;gap:14px}.x_cs .btn{min-width:0;padding-left:24px;padding-right:24px}
@media(min-width:801px){.j_h,.x_cq,.t_by{grid-template-columns:minmax(220px,.85fr) minmax(0,1.15fr);text-align:left;column-gap:72px;row-gap:0}.j_D{order:0}.r_B{grid-template-columns:minmax(0,1.15fr) minmax(220px,.85fr);text-align:left;column-gap:72px}.r_bj{order:0}.x_ct,.t_bB{order:0}.j_C,.x_cr,.r_bh,.t_bz{text-align:left}.x_cs,.r_bk,.t_bC{justify-content:flex-start}.x_cv{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}.x_cw{grid-template-areas:"icon header" "descr descr";grid-template-columns:112px minmax(0,1fr);grid-template-rows:auto 1fr;padding:38px;gap:32px 24px;min-height:340px}.x_cB{font-size:clamp(28px,2.7vw,42px);line-height:1.25;overflow-wrap:normal}.x_cF svg{width:112px;height:112px}.x_cC{align-self:end;line-height:1.75}.n_h{grid-template-columns:1fr 1fr}.n_h.n_P{grid-template-columns:1fr 1fr}.n_1{max-width:220px}.n_h .original-image{max-width:220px}.f_h{grid-template-columns:1fr 1fr;gap:64px}.f_l{width:100%;max-width:360px}.g_p{overflow-x:auto;scrollbar-width:thin}.g_m table{max-width:none}}
@media(max-width:800px){.j_D img,.x_ct .original-image,.r_bj .original-image,.t_bB .original-image,.n_1 .original-image{max-width:185px}.j_D{order:0}.x_ct,.t_bB{order:0}.x_cs{justify-content:center}.x_cv{grid-template-columns:1fr;gap:24px}.x_cw{grid-template-areas:"icon header" "descr descr";grid-template-columns:76px minmax(0,1fr);grid-template-rows:auto auto;min-height:280px;gap:22px 16px;padding:28px}.x_cF svg{width:76px;height:76px}.x_cB{font-size:28px}.x_cC{font-size:16px;line-height:1.65}.g_p{overflow-x:auto}.n_h .n_1{order:-1}.updates-dialog{width:calc(100% - 32px)}.updates-panel{padding:64px 24px 36px}.updates-panel h2{font-size:32px}}
.motion-item{will-change:opacity,transform}.motion-item.motion-out{opacity:0;transform:translateY(var(--motion-offset,32px)) scale(.97);transition:opacity .32s ease,transform .42s ease}.motion-item.motion-in{opacity:1;animation:jelly-in .9s both}
@keyframes jelly-in{0%{opacity:0;transform:translateY(var(--motion-offset,42px)) scale(.96,.93)}45%{opacity:1;transform:translateY(-8px) scale(1.015,1.035)}65%{transform:translateY(4px) scale(.99,.985)}82%{transform:translateY(-2px) scale(1.003,1.008)}100%{opacity:1;transform:translateY(0) scale(1)}}
@media(hover:hover) and (pointer:fine){.hover-float{transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s ease}.hover-float:hover{transform:translateY(-9px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));box-shadow:0 24px 54px #0004}.j_D img,.x_ct img,.r_bj img,.t_bB img,.n_1 img,.f_l{transition:transform .5s cubic-bezier(.2,.8,.2,1)}.j_D img:hover,.x_ct img:hover,.r_bj img:hover,.t_bB img:hover,.n_1 img:hover,.f_l:hover{transform:translateY(-10px) rotate(-1deg)}}
.updates-dialog{position:fixed;inset:0;margin:auto;width:min(1008px,calc(100% - 40px));max-height:calc(100dvh - 40px);overflow:auto;padding:0;border:1px solid #8ea9df25;border-radius:32px;background:#1c2d52;color:white;box-shadow:0 40px 120px #0008;z-index:1000}.updates-dialog::backdrop{background:#060c18b3;backdrop-filter:blur(6px)}.updates-dialog[open]{animation:modal-jelly .65s both}.updates-panel{position:relative;text-align:center;padding:88px 48px 48px;overflow:hidden}.updates-panel:before,.updates-panel:after{content:"";position:absolute;pointer-events:none;width:250px;height:85px;border:1px solid #ffffff20;border-radius:60px;transform:rotate(-48deg)}.updates-panel:before{left:-70px;bottom:-10px;background:#ffffff1a}.updates-panel:after{right:-70px;top:-5px;background:#ffffff15}.updates-panel h2{font-size:46px;line-height:1.2;margin:0 0 12px}.updates-panel p{font-size:16px;color:#fff;margin:0 0 30px}.updates-close{position:absolute;right:22px;top:16px;background:none;border:0;color:white;font-size:36px;line-height:1;cursor:pointer;padding:8px;z-index:2}.solclout-updates-form{position:relative;max-width:528px;margin:auto;display:grid;justify-items:center;gap:26px}.solclout-updates-form input{width:100%;min-height:50px;background:transparent;border:1px solid #b4c4e0;border-radius:5px;color:white;padding:12px;font:inherit}.solclout-updates-form input::placeholder{color:#fff}.solclout-updates-form .btn{min-width:136px}.updates-status:empty{display:none}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.updates-panel .download-meta{color:#becce6;font-size:14px;margin:24px 0 0}.updates-panel .download-meta code{font-size:11px;overflow-wrap:anywhere}.updates-panel .btn{position:relative;z-index:1}.updates-panel :focus-visible{outline:2px solid #b8d8ff;outline-offset:4px}
@keyframes modal-jelly{0%{opacity:0;transform:translateY(24px) scale(.94,.9)}60%{opacity:1;transform:translateY(-4px) scale(1.015,1.025)}80%{transform:translateY(2px) scale(.995,.99)}100%{transform:none}}
@media(max-width:800px){.updates-panel{padding:64px 24px 36px}.updates-panel h2{font-size:32px}.updates-dialog{border-radius:24px}}
@media(prefers-reduced-motion:reduce){body:before{animation:none!important;transform:none}.motion-item,.motion-item.motion-out,.motion-item.motion-in{animation:none!important;transition:none!important;opacity:1;transform:none;will-change:auto}.updates-dialog[open]{animation:none}.hover-float:hover{transform:none}}
.j_D,.x_ct,.r_bj,.t_bB,.n_1{width:100%;max-width:220px}.hero-actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:18px}.hero-actions .btn{margin:0;min-width:196px}
@media(max-width:800px){.j_D,.x_ct,.r_bj,.t_bB,.n_1{max-width:185px}.hero-actions{gap:12px;max-width:340px;margin-left:auto;margin-right:auto}.hero-actions .btn{width:100%}}
.updates-panel .btn-primary{background:#264bc0;border-color:#264bc0}.updates-panel .btn-primary:hover{background:#345fdf}.updates-panel .btn-primary:disabled{opacity:.65;cursor:wait}

@media(prefers-reduced-motion:reduce){.btn:hover,.j_D img:hover,.x_ct img:hover,.r_bj img:hover,.t_bB img:hover,.n_1 img:hover,.f_l:hover{transform:none}}
