/*
Theme Name: EnterpriseAI
Theme URI: https://enterprise.aihelpswift.com
Author: Sohail
Description: Animated, SEO-ready theme for EnterpriseAI, an AI consultancy for small businesses. Activating it creates the pages, sets the homepage and the blog page, and turns on clean URLs.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPLv2 or later
Text Domain: enterpriseai
*/

:root{--navy:#0B1020;--surf:#11182A;--blue:#4F7DFF;--cyan:#39D5F6;--white:#F8FAFC;--slate:#94A3B8;--light:#F3F6FB;--line:rgba(148,163,184,.18);--ink:#E8EEFB;
box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
html{scroll-behavior:smooth;scroll-padding-top:calc(env(safe-area-inset-top,0px) + 80px);background:var(--navy)}
*,*::before,*::after{box-sizing:inherit}
body{margin:0;background:var(--navy);color:var(--ink);font:400 16px/1.6 Inter,system-ui,sans-serif;overflow-x:hidden}
h1,h2,h3{font-family:Manrope,Inter,sans-serif;margin:0;letter-spacing:-.02em;line-height:1.1}
a{color:inherit;text-decoration:none}
:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:6px}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);background:var(--navy);z-index:60}
#bg{position:fixed;inset:0;width:100%;height:100%;z-index:-1;opacity:.55}
nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;backdrop-filter:blur(14px);background:rgba(11,16,32,.72);border-bottom:1px solid var(--line)}
nav .wrap{display:flex;align-items:center;justify-content:space-between;height:68px;gap:16px}
.logo{display:flex;align-items:center;gap:10px;font:800 19px Manrope;letter-spacing:-.02em}
.logo b{color:var(--cyan)}
.links{display:flex;gap:28px;font-size:14.5px;color:var(--slate)}
.links a:hover{color:#fff}
.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 22px;border-radius:10px;font:600 15px Inter;border:1px solid transparent;cursor:pointer;transition:.25s}
.btn.p{background:linear-gradient(135deg,var(--blue),#2f5fe8);color:#fff;box-shadow:0 0 0 1px rgba(79,125,255,.5),0 10px 30px -8px rgba(79,125,255,.7)}
.btn.p:hover{transform:translateY(-2px);box-shadow:0 0 0 1px var(--cyan),0 14px 36px -8px rgba(57,213,246,.6)}
.btn.g{border-color:var(--line);color:var(--ink)}.btn.g:hover{border-color:var(--cyan);color:var(--cyan)}
.menu{display:none;background:none;border:1px solid var(--line);color:#fff;border-radius:8px;padding:8px 12px;font:600 14px Inter}
.hero{padding:88px 0 72px;position:relative}
.hero .wrap{display:grid;grid-template-columns:1.02fr 1fr;gap:56px;align-items:center}
.eye{font:600 12px Inter;letter-spacing:.18em;color:var(--cyan);display:flex;align-items:center;gap:10px}
.eye::before{content:"";width:28px;height:1px;background:var(--cyan)}
h1{font-size:clamp(40px,5.6vw,68px);font-weight:800;margin:18px 0 20px}
h1 .g,h1 .g .w{background:linear-gradient(100deg,#fff 10%,var(--cyan) 55%,var(--blue));-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{color:var(--slate);font-size:18px;max-width:540px}
.cta{display:flex;gap:14px;flex-wrap:wrap;margin:32px 0}
.trust{display:flex;gap:22px;flex-wrap:wrap;font-size:13.5px;color:var(--slate)}
.trust i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--cyan);margin-right:8px;box-shadow:0 0 10px var(--cyan)}
.dash{background:linear-gradient(160deg,rgba(24,34,60,.92),rgba(14,20,38,.92));border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 40px 100px -30px rgba(79,125,255,.45),inset 0 1px 0 rgba(255,255,255,.06);position:relative;transform:perspective(1400px) rotateY(-5deg) rotateX(2deg);transition:transform .5s}
.dash:hover{transform:none}
.demo{position:absolute;top:-11px;right:18px;background:var(--navy);border:1px solid var(--cyan);color:var(--cyan);font:600 10px Inter;letter-spacing:.14em;padding:3px 10px;border-radius:99px}
.kp{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.k{background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:12px;padding:12px}
.k small{color:var(--slate);font-size:11px}.k b{display:block;font:700 22px Manrope;margin-top:2px}
.k em{font-style:normal;font-size:11px;color:#5eead4}
.chart{margin:12px 0;background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:12px;padding:12px 12px 4px}
.chart small{color:var(--slate);font-size:11px}
.chart path.l{stroke-dasharray:700;stroke-dashoffset:700;animation:draw 2.4s .4s forwards}
@keyframes draw{to{stroke-dashoffset:0}}
.chat{background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:12px;padding:12px;font-size:13px;display:grid;gap:8px}
.m{padding:8px 12px;border-radius:10px;max-width:86%}
.m.u{background:rgba(79,125,255,.2);justify-self:end}.m.a{background:rgba(57,213,246,.1);border:1px solid rgba(57,213,246,.25)}
.flow{display:flex;align-items:center;gap:6px;margin-top:10px;font-size:11px;color:var(--slate)}
.flow span.n{padding:5px 10px;border:1px solid var(--line);border-radius:8px;animation:pulse 4.5s infinite}
.flow span.n:nth-child(3){animation-delay:1.5s}.flow span.n:nth-child(5){animation-delay:3s}
.flow hr{flex:1;border:0;height:1px;background:linear-gradient(90deg,var(--blue),var(--cyan));margin:0}
@keyframes pulse{0%,70%,100%{border-color:var(--line);color:var(--slate)}20%{border-color:var(--cyan);color:var(--cyan);box-shadow:0 0 14px rgba(57,213,246,.4)}}
.strip{border-block:1px solid var(--line);padding:26px 0;background:rgba(17,24,42,.6)}
.strip .wrap{display:flex;gap:18px 40px;flex-wrap:wrap;justify-content:space-between;align-items:center;color:var(--slate);font-size:14px}
.strip b{font:700 13px Manrope;letter-spacing:.14em;color:#fff}
section{padding:96px 0}
.sh{max-width:680px;margin-bottom:48px}.sh h2{font-size:clamp(30px,4vw,46px);font-weight:800}.sh p{color:var(--slate);margin-top:14px}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.card{position:relative;background:var(--surf);border:1px solid var(--line);border-radius:16px;padding:24px;overflow:hidden;transition:.3s}
.card::before{content:"";position:absolute;inset:0;background:radial-gradient(400px circle at var(--x,50%) var(--y,0),rgba(79,125,255,.22),transparent 45%);opacity:0;transition:.3s}
.card:hover{transform:translateY(-6px);border-color:rgba(57,213,246,.5)}.card:hover::before{opacity:1}
.card>*{position:relative}
.ic{height:84px;margin-bottom:18px;border-radius:12px;background:rgba(255,255,255,.03);border:1px solid var(--line);display:grid;place-items:center}
.card h3{font-size:19px;margin-bottom:10px}.card p{color:var(--slate);font-size:14.5px;margin:0 0 16px}
.card a{color:var(--cyan);font-weight:600;font-size:14px}
.light{background:var(--light);color:#0B1020}.light .sh p{color:#475569}
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}
.tab{padding:10px 18px;border-radius:99px;border:1px solid #DCE3EF;background:#fff;font:600 14px Inter;cursor:pointer;color:#334155}
.tab[aria-selected=true]{background:#0B1020;color:#fff;border-color:#0B1020}
.panel{display:grid;grid-template-columns:1fr 1.1fr;gap:28px;background:#fff;border:1px solid #DCE3EF;border-radius:20px;padding:32px;box-shadow:0 30px 60px -40px rgba(11,16,32,.35)}
.panel h3{font-size:26px;margin-bottom:12px}.panel p{color:#475569}
.vis{background:var(--navy);border-radius:14px;padding:18px;color:var(--ink);font-size:13.5px;display:grid;gap:10px;align-content:start;position:relative}
.vis .tag{font:600 10px Inter;letter-spacing:.14em;color:var(--cyan)}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;counter-reset:s}
.step{padding:0 22px 0 0;position:relative}
.step::before{counter-increment:s;content:"0" counter(s);font:800 14px Manrope;color:var(--navy);background:var(--cyan);width:36px;height:36px;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 24px rgba(57,213,246,.5)}
.step::after{content:"";position:absolute;top:18px;left:46px;right:10px;height:1px;background:linear-gradient(90deg,var(--cyan),transparent)}
.step:last-child::after{display:none}
.step h3{margin:18px 0 8px;font-size:20px}.step p{color:var(--slate);font-size:14.5px;margin:0}
.final{text-align:center;background:radial-gradient(700px 300px at 50% 0,rgba(79,125,255,.35),transparent),var(--surf);border:1px solid var(--line);border-radius:24px;padding:72px 24px}
.final h2{font-size:clamp(28px,4vw,44px);max-width:760px;margin:0 auto 16px;font-weight:800}.final p{color:var(--slate);margin-bottom:28px}
.final .cta{justify-content:center;margin:0}
footer{border-top:1px solid var(--line);padding:40px 0;color:var(--slate);font-size:14px}
footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px}
.rv{opacity:0;transform:translateY(22px);transition:.8s}.rv.in{opacity:1;transform:none}
@media(max-width:980px){.hero .wrap,.panel{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr;gap:36px 0}.step::after{display:none}.dash{transform:none}}
@media(max-width:760px){.links,nav .btn{display:none}.menu{display:block}.links.open{display:flex;flex-direction:column;position:absolute;top:68px;left:0;right:0;background:var(--navy);padding:20px 24px;border-bottom:1px solid var(--line)}}
@media(max-width:560px){.cards,.steps{grid-template-columns:1fr}.kp{grid-template-columns:1fr 1fr}.hero{padding-top:48px}section{padding:64px 0}.panel{padding:20px}}
.hero .wrap{position:relative;z-index:1}.aur{position:absolute;inset:0;overflow:hidden;pointer-events:none}.aur i{position:absolute;border-radius:50%;filter:blur(100px);opacity:.42;animation:fl 14s ease-in-out infinite alternate}@keyframes fl{to{transform:translate(90px,60px) scale(1.25)}}
.w{display:inline-block;opacity:0;transform:translateY(44px) rotateX(-70deg);filter:blur(12px);animation:wi .9s cubic-bezier(.2,.8,.2,1) forwards}@keyframes wi{to{opacity:1;transform:none;filter:none}}
h1 .g .w{background-size:250% 100%;animation:wi .9s cubic-bezier(.2,.8,.2,1) forwards,gs 5s linear infinite}@keyframes gs{50%{background-position:100% 0}}
@property --a{syntax:'<angle>';initial-value:0deg;inherits:false}@keyframes spin{to{--a:360deg}}
.dash::before{content:"";position:absolute;inset:-1px;border-radius:18px;padding:1px;background:conic-gradient(from var(--a),transparent 55%,var(--cyan),var(--blue),transparent);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:spin 5s linear infinite;pointer-events:none}
.chip{position:absolute;font:600 11.5px Inter;padding:8px 12px;border-radius:10px;background:rgba(11,16,32,.92);border:1px solid rgba(57,213,246,.4);color:var(--cyan);box-shadow:0 10px 30px -10px rgba(57,213,246,.6);animation:bob 5s ease-in-out infinite;z-index:2}.c1{left:-28px;top:38%}.c2{right:-18px;bottom:14%;animation-delay:-2.5s}@keyframes bob{50%{transform:translateY(-12px)}}
.m.u{animation:mi 7s infinite}.m.a{animation:mi 7s .9s infinite}@keyframes mi{0%{opacity:0;transform:translateY(8px)}8%,85%{opacity:1;transform:none}100%{opacity:0}}
.btn.p{position:relative;overflow:hidden}.btn.p::after{content:"";position:absolute;top:0;left:-80%;width:50%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-20deg);transition:.7s}.btn.p:hover::after{left:130%}.btn.g:hover{background:rgba(57,213,246,.08);box-shadow:0 0 28px -6px var(--cyan)}.btn{will-change:transform}
.links a{position:relative;padding:4px 0}.links a::after{content:"";position:absolute;left:0;bottom:-2px;height:2px;width:100%;background:linear-gradient(90deg,var(--blue),var(--cyan));transform:scaleX(0);transform-origin:right;transition:transform .35s}.links a:hover::after{transform:scaleX(1);transform-origin:left}.links a:hover{text-shadow:0 0 14px rgba(57,213,246,.8)}
.logo svg{transition:.7s}.logo:hover svg{transform:rotate(180deg) scale(1.12)}
.k,.tab,.step{transition:.3s}.k:hover{transform:translateY(-4px);border-color:var(--cyan);box-shadow:0 12px 28px -14px var(--cyan)}.tab:hover{transform:translateY(-3px);border-color:#4F7DFF}.step:hover{transform:translateY(-6px)}.step::before{transition:.6s}.step:hover::before{transform:scale(1.25) rotate(360deg)}
.card a{display:inline-block;transition:.3s}.card a:hover{transform:translateX(8px);text-shadow:0 0 14px var(--cyan)}.ic svg{transition:.5s}.card:hover .ic svg{transform:scale(1.18) rotate(-4deg)}
.mq{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}.tr{display:flex;width:max-content;animation:mqa 30s linear infinite;font:700 15px Manrope;color:var(--slate);letter-spacing:.04em}.tr span{padding-right:64px;transition:.3s;cursor:default}.tr span:hover{color:var(--cyan);text-shadow:0 0 16px var(--cyan)}.mq:hover .tr{animation-play-state:paused}@keyframes mqa{to{transform:translateX(-50%)}}
#sp{position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,var(--blue),var(--cyan));z-index:70;box-shadow:0 0 12px var(--cyan)}#cur{position:fixed;left:0;top:0;width:420px;height:420px;margin:-210px 0 0 -210px;border-radius:50%;background:radial-gradient(circle,rgba(57,213,246,.15),transparent 65%);pointer-events:none;z-index:0}
@media(max-width:760px){.chip{display:none}}
@media(prefers-reduced-motion:reduce){.w{opacity:1!important;transform:none!important;filter:none!important}.aur,#cur{display:none}*{animation:none!important;transition:none!important}.chart path.l{stroke-dashoffset:0}.rv{opacity:1;transform:none}}

.ph{padding:72px 0 40px}.ph .wrap{grid-template-columns:1fr}.ph h1{font-size:clamp(34px,4.6vw,56px)}
.chk{list-style:none;padding:0;margin:0;display:grid;gap:14px;max-width:760px}.chk li{padding:16px 20px 16px 48px;background:#fff;border:1px solid #DCE3EF;border-radius:12px;position:relative;color:#334155;transition:.3s}.chk li::before{content:"";position:absolute;left:20px;top:22px;width:10px;height:10px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.chk li:hover{transform:translateX(8px);border-color:#4F7DFF}
.fm{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:820px}.fm .full{grid-column:1/-1}.fm label{display:block;font-size:13px;color:var(--slate);margin-bottom:6px}.fm input,.fm select,.fm textarea{width:100%;padding:12px 14px;border-radius:10px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--ink);font:inherit;transition:.25s}.fm input:focus,.fm select:focus,.fm textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(57,213,246,.15);outline:0}.fm select option{background:#11182A}.fm input[type=checkbox]{width:auto;margin-right:8px}.fm [aria-invalid=true]{border-color:#f87171}
#out{margin-top:16px;padding:14px;border-radius:10px;max-width:820px}.err{background:rgba(248,113,113,.12);color:#fecaca}.info{background:rgba(57,213,246,.1);color:var(--cyan)}
.pr{max-width:760px;color:var(--slate)}.pr h2{font-size:22px;color:#fff;margin:32px 0 8px}.note{border:1px dashed var(--cyan);color:var(--cyan);padding:12px 16px;border-radius:10px;font-size:14px;max-width:760px}
footer .ft{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px}.ft .fh{display:block;margin:0 0 10px;color:#fff;font:700 13px Manrope;letter-spacing:.12em}.ft a{display:block;padding:3px 0;transition:.25s}.ft a:hover{color:var(--cyan);transform:translateX(6px)}.ft p{margin:8px 0}
@media(max-width:760px){footer .ft{grid-template-columns:1fr 1fr}}

.bc{font-size:13px;color:var(--slate);margin-bottom:14px}.bc a:hover{color:var(--cyan)}
.faq{max-width:820px}.faq details{border:1px solid var(--line);border-radius:12px;margin-bottom:10px;background:var(--surf);transition:.3s}.faq details:hover{border-color:rgba(57,213,246,.5)}.faq summary{cursor:pointer;padding:16px 20px;font:600 16px Manrope;list-style:none;display:flex;justify-content:space-between;gap:16px}.faq summary::after{content:'+';color:var(--cyan);font-size:22px;line-height:1;transition:.3s}.faq details[open] summary::after{transform:rotate(45deg)}.faq details p{margin:0;padding:0 20px 18px;color:var(--slate)}

/*v2*/
[hidden]{display:none!important}
.dd{position:relative;padding:22px 0;margin:-22px 0}.dd>button{background:none;border:0;color:inherit;font:inherit;cursor:pointer;padding:4px 0}.dd>button i{font-style:normal;font-size:11px;transition:.3s;display:inline-block}.dd:hover>button,.dd:focus-within>button{color:#fff}.dd:hover>button i,.dd.open>button i{transform:rotate(180deg)}
.dm{position:absolute;top:calc(100% - 8px);left:-18px;min-width:340px;background:#0e1527;border:1px solid var(--line);border-radius:16px;padding:10px;display:none;box-shadow:0 30px 80px -20px rgba(0,0,0,.7),0 0 0 1px rgba(79,125,255,.15);z-index:70;animation:dmi .25s}.dd:hover .dm,.dd:focus-within .dm,.dd.open .dm{display:grid}@keyframes dmi{from{opacity:0;transform:translateY(8px)}}
.dm a{display:block;padding:11px 14px;border-radius:10px;transition:.2s}.dm a::after{display:none}.dm a b{display:block;color:#fff;font:700 14px Manrope}.dm a span{font-size:12.5px;color:var(--slate)}.dm a:hover{background:rgba(79,125,255,.14);transform:translateX(4px)}.dm a.all{color:var(--cyan);font-weight:600;font-size:13.5px;border-top:1px solid var(--line);border-radius:0 0 10px 10px;margin-top:6px}
.frame{position:relative;background:linear-gradient(160deg,rgba(24,34,60,.92),rgba(14,20,38,.92));border:1px solid var(--line);border-radius:18px;padding:26px 22px 20px;box-shadow:0 40px 100px -30px rgba(79,125,255,.45);min-width:0}.frame svg{width:100%;height:auto;max-width:380px;display:block;margin:0 auto}
.nd{animation:ndp 6s infinite}@keyframes ndp{0%,60%,100%{filter:none}15%{filter:drop-shadow(0 0 8px #39D5F6)}}.gb{transform-box:fill-box;transform-origin:bottom;animation:gr 1.2s both}@keyframes gr{from{transform:scaleY(0)}}
.big{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;background:var(--surf);border:1px solid var(--line);border-radius:24px;padding:40px;margin-bottom:24px;transition:.3s}.big:hover{border-color:rgba(57,213,246,.4)}.big.flip .bt{order:2}.big h3{font-size:26px;margin-bottom:12px}.big p{color:var(--slate)}.bl{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:8px}.bl li{padding-left:22px;position:relative;font-size:15px}.bl li::before{content:"";position:absolute;left:0;top:9px;width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.bl a{color:var(--cyan)}
.duo,.trio{display:grid;gap:20px;grid-template-columns:1fr 1fr}.trio{grid-template-columns:repeat(3,1fr)}.big1{background:var(--surf);border:1px solid var(--line);border-radius:20px;padding:32px;transition:.3s}.big1:hover{transform:translateY(-4px);border-color:rgba(57,213,246,.4)}.big1.g{background:linear-gradient(160deg,rgba(79,125,255,.2),rgba(17,24,42,.9));border-color:rgba(79,125,255,.5)}.big1 p{margin:10px 0 0;font-size:17px}.tg{font:600 11px Inter;letter-spacing:.16em;color:var(--cyan)}
.alt{background:rgba(17,24,42,.55)}.bento{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.bento4{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.ex{font-size:13.5px;color:#cbd5e1!important;border-top:1px solid var(--line);padding-top:12px;margin-top:8px}.small{color:var(--slate);font-size:13.5px;margin-top:24px}
.chiph{margin:28px 0 10px;color:#475569;font-size:14px}.chips{display:flex;gap:10px;flex-wrap:wrap}.chips span{padding:8px 16px;background:#fff;border:1px solid #DCE3EF;border-radius:99px;font-size:13.5px;color:#334155;transition:.25s}.chips span:hover{border-color:#4F7DFF;transform:translateY(-3px)}
.cm{display:grid;gap:10px;font-size:13.5px}.ch{font:600 11px Inter;letter-spacing:.12em;color:var(--cyan);display:flex;align-items:center;gap:8px}.ch i{width:8px;height:8px;border-radius:50%;background:#34d399;box-shadow:0 0 8px #34d399}.cm .m{max-width:90%;animation:none!important;opacity:1}.cm .m.bu{background:rgba(79,125,255,.2);justify-self:end}.cm .m.ba{background:rgba(57,213,246,.1);border:1px solid rgba(57,213,246,.25)}.sm{border:1px dashed var(--cyan);border-radius:10px;padding:10px 12px;font-size:12.5px}
.cg{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;text-align:center;font-size:11px}.cg b{color:var(--slate);font-weight:600}.cg span{min-height:34px;border:1px solid var(--line);border-radius:8px;display:grid;place-items:center;color:var(--slate)}.cg span.on{background:rgba(79,125,255,.22);color:#fff;border-color:rgba(79,125,255,.6)}.cap{font-size:12px;color:var(--slate);margin:12px 0 0;text-align:center}
.dc .ln{height:10px;border-radius:5px;background:rgba(255,255,255,.12);margin:12px 0}.dc .ln.s{width:70%}.ch2{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.ch2 span{padding:5px 10px;border-radius:99px;background:rgba(57,213,246,.12);border:1px solid rgba(57,213,246,.3);font-size:12px;color:var(--cyan)}
.bc a{color:var(--slate)}.demo-note{margin-top:14px}
#cbt{position:fixed;right:20px;bottom:calc(20px + env(safe-area-inset-bottom,0px));width:60px;height:60px;border-radius:50%;border:0;background:linear-gradient(135deg,var(--cyan),var(--blue));cursor:pointer;z-index:80;display:grid;place-items:center;box-shadow:0 10px 30px -6px rgba(57,213,246,.7);transition:.3s}#cbt:hover{transform:scale(1.1) rotate(-6deg)}#cbt::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--cyan);animation:rg 2.5s infinite}@keyframes rg{to{transform:scale(1.5);opacity:0}}
#cb{position:fixed;right:20px;bottom:calc(92px + env(safe-area-inset-bottom,0px));width:min(380px,calc(100vw - 32px));height:min(540px,calc(100vh - 140px));background:#0e1527;border:1px solid var(--line);border-radius:18px;z-index:80;display:flex;flex-direction:column;box-shadow:0 30px 80px -20px #000;animation:dmi .3s}
.cbh{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line)}.cbh span{font:600 10px Inter;letter-spacing:.14em;color:var(--cyan);border:1px solid var(--cyan);border-radius:99px;padding:2px 8px}.cbh button{margin-left:auto;background:none;border:0;color:#fff;font-size:22px;cursor:pointer}
#cbl{flex:1;overflow:auto;padding:14px;display:flex;flex-direction:column;gap:10px}.cb{padding:10px 13px;border-radius:12px;font-size:14px;max-width:88%}.cb.u{align-self:flex-end;background:rgba(79,125,255,.25)}.cb.a{background:rgba(57,213,246,.1);border:1px solid rgba(57,213,246,.25)}.cb a{color:var(--cyan);font-weight:600}
.cc{display:flex;gap:6px;flex-wrap:wrap;padding:0 14px 10px}.cc button{font:500 12px Inter;padding:6px 10px;border-radius:99px;border:1px solid var(--line);background:none;color:var(--ink);cursor:pointer}.cc button:hover{border-color:var(--cyan);color:var(--cyan)}
#cbf{display:flex;gap:8px;padding:12px;border-top:1px solid var(--line)}#cbf input{flex:1;min-width:0;padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--ink);font:inherit}#cbf .btn{padding:10px 16px}
@media(max-width:980px){.big,.duo,.trio,.bento,.bento4{grid-template-columns:1fr}.big{padding:24px}.big.flip .bt{order:0}}
@media(max-width:760px){.links.open{max-height:calc(100vh - 80px);overflow:auto;gap:4px}.dd{padding:6px 0;margin:0}.dd>button{font-size:16px;width:100%;text-align:left}.dm{position:static;min-width:0;box-shadow:none;border:0;padding:4px 0 4px 10px;animation:none}.dd:hover .dm{display:none}.dd.open .dm{display:grid}.links.open>a{padding:8px 0}}

.admin-bar nav{top:calc(32px + env(safe-area-inset-top,0px))}@media(max-width:782px){.admin-bar nav{top:calc(46px + env(safe-area-inset-top,0px))}}
#out:empty{display:none}.entry{color:#cbd5e1;max-width:760px}.entry a{color:var(--cyan)}.entry img{max-width:100%;height:auto;border-radius:12px}.entry h2,.entry h3{color:#fff;margin:32px 0 10px}.entry p,.entry li{line-height:1.8}.nav-links{display:flex;gap:12px;margin-top:24px}.nav-links a,.nav-links span{padding:8px 14px;border:1px solid var(--line);border-radius:8px}