/*
Theme Name: NextAgeSEO Portfolio
Theme URI: https://nextageseo.com
Author: Abdullah Hussain
Description: Flat, minimal portfolio theme for a link building, Shopify and web design freelancer. Separate pages for each service, blog, FAQ and WhatsApp/Calendly contact.
Version: 1.0.3
Requires at least: 5.8
Requires PHP: 7.4
License: Proprietary
Text Domain: nextageseo
*/

:root{--ac:#0cc0df;--ink:#0a1a22;--bg:#fff;--alt:#f3f7f8;--ln:#dbe4e7;--mut:#566872;--dk:#0a1a22;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--ink:#eaf3f5;--bg:#0d1f28;--alt:#12272f;--ln:#22404a;--mut:#9ab0b8}}
:root[data-theme="dark"]{--ink:#eaf3f5;--bg:#0d1f28;--alt:#12272f;--ln:#22404a;--mut:#9ab0b8}
html{scroll-padding-top:env(safe-area-inset-top,0px);scroll-behavior:smooth}*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 "Helvetica Neue",Arial,sans-serif;letter-spacing:-.005em}
a{color:inherit;text-decoration:none}.w{max-width:1160px;margin:0 auto;padding:0 24px}p{color:var(--mut);margin:0 0 14px}
header{position:sticky;top:env(safe-area-inset-top,0px);background:var(--bg);border-bottom:1px solid var(--ln);z-index:20}
nav{display:flex;align-items:center;justify-content:space-between;height:68px;gap:14px}
.logo{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:-.02em}.logo i{width:30px;height:30px;background:var(--ac);color:var(--dk);display:grid;place-items:center;font-style:normal;font-weight:800}
.links{display:flex;gap:2px}.links a{padding:6px 12px;font-size:14px;color:var(--mut);position:relative;transition:color .2s}.links a:hover,.links a.on{color:var(--ink)}.links a.on:after{content:"";position:absolute;left:12px;right:12px;bottom:-2px;height:2px;background:var(--ac)}
.btn{display:inline-flex;align-items:center;gap:8px;background:var(--ac);color:var(--dk);padding:13px 24px;font-weight:700;border:1px solid var(--ac);cursor:pointer;font-size:15px;transition:transform .25s,background .25s}.btn:hover{transform:translateX(4px)}.btn.o{background:transparent;color:inherit;border-color:currentColor}.btn.o:hover{background:var(--ac);color:var(--dk);border-color:var(--ac)}
.burger{display:none;background:none;border:1px solid var(--ln);color:var(--ink);padding:6px 11px;font-size:18px}
.dark{background:var(--dk);color:#eaf3f5}.dark p{color:#9ab0b8}
.hero{padding:96px 0 0;position:relative;overflow:hidden}.hero h1{font-size:clamp(40px,6.2vw,84px);line-height:.98;letter-spacing:-.045em;margin:18px 0 26px;font-weight:700}.hero h1 em{color:var(--ac);font-style:normal}
.hero .sub{max-width:560px;font-size:18px}.hero:before{content:"";position:absolute;right:-120px;top:40px;width:420px;height:420px;border:1px solid #22404a;border-radius:50%;animation:spin 30s linear infinite}.hero:after{content:"";position:absolute;right:60px;top:160px;width:90px;height:90px;background:var(--ac);animation:fl 6s ease-in-out infinite}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes fl{50%{transform:translateY(-24px) rotate(12deg)}}
.lab{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--ac);font-weight:700}
.mq{border-top:1px solid #22404a;border-bottom:1px solid #22404a;margin-top:80px;overflow:hidden;white-space:nowrap}.mq div{display:inline-block;padding:18px 0;animation:mq 28s linear infinite;font-size:22px;font-weight:600;letter-spacing:-.02em}.mq span{margin:0 28px}.mq b{color:var(--ac)}@keyframes mq{to{transform:translateX(-50%)}}
section{padding:96px 0}.alt{background:var(--alt)}h2{font-size:clamp(30px,4.6vw,54px);line-height:1.05;letter-spacing:-.035em;margin:12px 0 18px;font-weight:700}h3{margin:0 0 8px;font-size:20px;letter-spacing:-.02em}
h1.pg{font-size:clamp(38px,6.5vw,76px);line-height:1;letter-spacing:-.04em;margin:14px 0 18px}
.g{display:grid;gap:1px;background:var(--ln);border:1px solid var(--ln);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.g>*{background:var(--bg);padding:30px;transition:background .25s}.alt .g>*{background:var(--alt)}.g>a:hover,.g>.hv:hover{background:var(--dk);color:#eaf3f5}.g>a:hover p,.g>.hv:hover p{color:#9ab0b8}
.n{font-size:13px;color:var(--ac);font-weight:700;margin-bottom:26px;display:block}
.row{display:grid;grid-template-columns:70px 1fr 1.4fr 40px;gap:20px;align-items:center;padding:28px 0;border-top:1px solid var(--ln);transition:padding .3s}.row:last-child{border-bottom:1px solid var(--ln)}.row:hover{padding-left:14px}.row b{font-size:28px;letter-spacing:-.03em}.row span{color:var(--ac);font-weight:700}.row p{margin:0}@media(max-width:760px){.row{grid-template-columns:40px 1fr}.row p,.row i{display:none}}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-top:70px}.stats div{padding:28px 0;border-top:1px solid #22404a}.stats .st{font-size:56px;font-weight:700;letter-spacing:-.04em;color:var(--ac);line-height:1}
ul.ck{padding:0;list-style:none;margin:0}ul.ck li{padding:8px 0 8px 22px;position:relative;color:var(--mut);border-top:1px solid var(--ln)}ul.ck li:before{content:"";position:absolute;left:0;top:19px;width:8px;height:8px;background:var(--ac)}
.fr{border:1px solid var(--ln);background:var(--bg)}.fr .bar{display:flex;gap:6px;align-items:center;padding:10px 14px;border-bottom:1px solid var(--ln);font-size:13px;color:var(--mut)}.fr .bar i{width:9px;height:9px;background:var(--ln);display:inline-block}.fr .bar a{margin-left:auto;color:var(--ac);font-weight:700}.fr iframe{width:100%;height:440px;border:0;display:block;background:#fff}
.sg{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}
details{border-top:1px solid var(--ln);padding:20px 0}details:last-child{border-bottom:1px solid var(--ln)}summary{cursor:pointer;font-weight:600;font-size:18px;letter-spacing:-.01em;list-style:none;display:flex;justify-content:space-between}summary:after{content:"+";color:var(--ac);font-size:24px;line-height:1}details[open] summary:after{content:"–"}details p{margin:12px 0 0;max-width:720px}
input,textarea,select{width:100%;padding:14px;border:1px solid var(--ln);background:var(--bg);color:var(--ink);font:inherit;margin-bottom:12px;border-radius:0}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--ac)}
.two{display:grid;gap:60px;grid-template-columns:1fr 1fr}@media(max-width:860px){.two{grid-template-columns:1fr;gap:30px}.links{display:none}.links.open{display:flex;flex-direction:column;position:absolute;top:68px;left:0;right:0;background:var(--bg);padding:12px 24px;border-bottom:1px solid var(--ln)}.burger{display:block}.hero:before,.hero:after{display:none}}
.big{font-size:clamp(34px,6vw,76px);line-height:1;letter-spacing:-.04em;font-weight:700;margin:14px 0 28px}
footer{background:var(--dk);color:#9ab0b8;padding:56px 0;font-size:14px}footer a{color:var(--ac)}
.wa{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));background:#25d366;color:#062;padding:12px 18px;font-weight:700;z-index:20}
.nas-main{animation:pg .6s}@keyframes pg{from{opacity:0;transform:translateY(14px)}}
.rv{opacity:0;transform:translateY(30px);transition:opacity .8s,transform .8s}.rv.in{opacity:1;transform:none}
.dark{position:relative;overflow:hidden}
.hgrid{display:grid;grid-template-columns:1.05fr .95fr;gap:30px;align-items:center}.col{position:relative;height:440px}
.mk{position:absolute;border:1px solid #22404a;background:#fff;overflow:hidden;animation:fl 7s ease-in-out infinite;z-index:1}.mk img{width:100%;display:block}
.m1{width:60%;left:0;top:40px}.m2{width:50%;right:0;top:0;animation-delay:-2s}.m3{width:52%;left:26%;bottom:0;animation-delay:-4s}
.shot{height:440px;overflow:hidden;background:#fff}.shot img{width:100%;display:block;transition:transform 9s linear}.fr:hover .shot img{transform:translateY(calc(-100% + 440px))}
.cap{padding:16px 2px}.cap h3{margin:0 0 4px}
.pgv{position:absolute;right:6%;top:50%;transform:translateY(-50%);width:320px}
@media(max-width:900px){.hgrid{grid-template-columns:1fr}.col{height:340px}.pgv{display:none}}
body{overflow-x:hidden}
.logo{gap:12px}.logo img.av{width:42px;height:42px;border-radius:50%;object-fit:cover;border:2px solid var(--ac);transition:transform .4s}.logo:hover img.av{transform:rotate(-8deg) scale(1.08)}.logo span{display:flex;flex-direction:column;line-height:1.15;font-size:16px}.logo small{font-size:11px;color:var(--ac);letter-spacing:.1em;font-weight:600}
.ph{position:relative;max-width:440px;margin:0 18px 18px 0}.ph:before{content:"";position:absolute;inset:18px -18px -18px 18px;border:2px solid var(--ac)}.ph img{position:relative;width:100%;display:block}.ph b{position:absolute;z-index:2;background:var(--dk);color:#eaf3f5;padding:8px 14px;font-size:13px;animation:fl 6s ease-in-out infinite}.t1{left:-12px;top:12%}.t2{right:-12px;top:46%;animation-delay:-2s}.t3{left:10%;bottom:-12px;animation-delay:-4s}
.cr,.cd{display:none;position:fixed;left:0;top:0;pointer-events:none;z-index:9999;opacity:0;transition:opacity .3s}.cr.on,.cd.on{opacity:1}
.cd{width:8px;height:8px;margin:-4px 0 0 -4px;background:var(--ac)}
.cr:before{content:"";position:absolute;width:38px;height:38px;left:-19px;top:-19px;border:1.5px solid var(--ac);transition:all .3s}.cr.h:before{width:58px;height:58px;left:-29px;top:-29px;transform:rotate(45deg);background:rgba(12,192,223,.15)}.cr.l:before{width:92px;height:92px;left:-46px;top:-46px;background:var(--ac)}
.cr em{position:absolute;transform:translate(-50%,-50%);font:700 11px/1 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#0a1a22;opacity:0;white-space:nowrap;transition:opacity .2s}.cr.l em{opacity:1}
@media(pointer:fine){html,body,a,button,input,select,textarea,summary{cursor:none}.cr,.cd{display:block}}
.pre{position:fixed;inset:0;background:#0a1a22;z-index:9990;display:grid;place-items:center;transition:transform .9s cubic-bezier(.77,0,.18,1)}.pre.go{transform:translateY(-100%)}
.pw{display:flex;overflow:hidden;font-size:clamp(34px,8vw,96px);font-weight:700;letter-spacing:-.04em;color:#eaf3f5}.pw span{display:inline-block;transform:translateY(110%);animation:lu .7s cubic-bezier(.2,.8,.2,1) forwards}@keyframes lu{to{transform:none}}
.pre i{display:block;height:3px;background:#0cc0df;margin-top:18px;width:0;animation:ld 1.2s .1s forwards}@keyframes ld{to{width:100%}}
#pb{position:fixed;top:0;left:0;height:3px;width:100%;transform:scaleX(0);transform-origin:0 0;background:var(--ac);z-index:50}
.wipe{position:fixed;inset:0;background:#0cc0df;z-index:9980;transform:translateY(100%);pointer-events:none}.wipe.a{animation:wp .85s cubic-bezier(.77,0,.18,1)}@keyframes wp{0%{transform:translateY(100%)}45%,55%{transform:none}100%{transform:translateY(-100%)}}
.ln{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.08em}.ln>span{display:inline-block;transform:translateY(110%);transition:transform 1.1s cubic-bezier(.2,.8,.2,1)}body.ready .ln>span{transform:none}
.hero .rv{opacity:0;transform:translateY(30px)}body.ready .hero .rv.in{opacity:1;transform:none}

.mq div.r{animation-direction:reverse;font-size:20px;padding:14px 0}.mq div.r span{color:transparent;-webkit-text-stroke:1px var(--ac)}.mq b{display:inline-block;width:8px;height:8px;background:var(--ac);font-size:0;vertical-align:middle}
.g>.rv:nth-child(2){transition-delay:.1s}.g>.rv:nth-child(3){transition-delay:.2s}.g>.rv:nth-child(4){transition-delay:.3s}.g>.rv:nth-child(5){transition-delay:.4s}.g>.rv:nth-child(6){transition-delay:.5s}
.ico *{stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset 1.4s ease .3s}.in .ico *{stroke-dashoffset:0}
.sheet{border:1px solid var(--ln);background:var(--bg)}.sr{display:grid;grid-template-columns:1.6fr 1fr .6fr .8fr;gap:14px;padding:15px 18px;border-top:1px solid var(--ln);align-items:center}.sr.hd{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--mut);border-top:0;background:var(--alt)}.sr.hd:last-child{border-top:1px solid var(--ln)}
.bk{height:10px;background:var(--ln);position:relative;overflow:hidden;display:block}.bk:after{content:"";position:absolute;inset:0;width:40%;background:rgba(12,192,223,.5);animation:shm 1.6s infinite}@keyframes shm{from{transform:translateX(-100%)}to{transform:translateX(280%)}}.tg{font-size:13px;color:var(--ac);font-weight:700}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.chip{border:1px solid var(--ln);padding:8px 16px;font-size:14px;background:var(--bg);color:var(--ink);transition:.2s}.chip:hover{border-color:var(--ac)}.chip.on{background:var(--ac);color:var(--dk);border-color:var(--ac)}
.hero .w{position:relative;z-index:2}.pts{position:absolute;inset:0;pointer-events:none}.pts i{position:absolute;width:12px;height:12px;border:1.5px solid var(--ac);opacity:.45;animation:dr 10s ease-in-out infinite;will-change:transform}
.pts i:nth-child(1){left:6%;top:20%}.pts i:nth-child(2){left:44%;top:12%;border-radius:50%;animation-delay:-3s;background:var(--ac)}.pts i:nth-child(3){left:52%;top:60%;animation-delay:-5s}.pts i:nth-child(4){left:12%;top:68%;border-radius:50%;animation-delay:-7s}.pts i:nth-child(5){left:90%;top:30%;animation-delay:-2s;background:var(--ac)}.pts i:nth-child(6){left:70%;top:82%;border-radius:50%;animation-delay:-6s}
@keyframes dr{50%{transform:translate(26px,-40px) rotate(90deg)}}
.cu{display:inline-block;width:2px;height:14px;background:var(--ac);margin-left:3px;vertical-align:-2px;animation:bl 1s steps(1) infinite}@keyframes bl{50%{opacity:0}}
h2.rv:after{content:"";display:block;width:0;height:4px;background:var(--ac);margin-top:16px;transition:width .9s .3s}h2.rv.in:after{width:64px}
.hv .n:after{content:"";display:inline-block;width:0;height:2px;background:var(--ac);vertical-align:middle;margin-left:10px;transition:width .8s .4s}.hv.in .n:after{width:40px}
.ph.rv img{clip-path:inset(0 100% 0 0);transition:clip-path 1.2s cubic-bezier(.77,0,.18,1) .2s}.ph.rv.in img{clip-path:inset(0)}
.row i{font-style:normal;transition:transform .3s}.row:hover i{transform:translateX(10px)}.mk{will-change:transform}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.hero:before,.hero:after{display:none}#cv{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.sv{display:flex;gap:12px;min-height:460px;margin-top:30px}.pn{flex:1;position:relative;overflow:hidden;background:var(--alt);border:1px solid var(--ln);padding:30px;display:flex;flex-direction:column;justify-content:space-between;transition:flex .6s cubic-bezier(.2,.8,.2,1),background .4s,color .4s,border-color .4s}
.pn:hover{flex:2.3;background:var(--dk);color:#eaf3f5;border-color:var(--dk)}.pn:hover p{color:#9ab0b8}.pn .no{font-size:84px;font-weight:700;letter-spacing:-.05em;color:var(--ac);line-height:1}.pn h3{font-size:30px;margin-bottom:10px}
.pn svg{position:absolute;right:22px;top:22px;width:130px;transition:transform .7s cubic-bezier(.2,.8,.2,1)}.pn:hover svg{transform:scale(1.25) rotate(-6deg)}
.more{max-height:0;opacity:0;overflow:hidden;transition:max-height .6s,opacity .5s .1s}.pn:hover .more{max-height:160px;opacity:1;margin-top:16px}.tgs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.tgs b{font-size:12px;border:1px solid var(--ac);color:var(--ac);padding:4px 10px;font-weight:600}.go{color:var(--ac);font-weight:700}
@media(max-width:860px),(hover:none){.sv{flex-direction:column}.more{max-height:none;opacity:1;margin-top:16px}.pn{min-height:300px}}
.sc{overflow:hidden;padding:34px 0;border-top:1px solid var(--ln);border-bottom:1px solid var(--ln)}#sct{white-space:nowrap;width:max-content;font-size:clamp(56px,10vw,140px);font-weight:700;letter-spacing:-.05em;line-height:1;color:transparent;-webkit-text-stroke:1.5px var(--ink);will-change:transform;margin-left:-400px}
.st4{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;margin-top:34px}.st4>div{border-top:1px solid #22404a;padding-top:18px;color:#9ab0b8}.st4 b{color:var(--ac);display:block;margin-bottom:8px;font-size:22px}
.dark input,.dark select,.dark textarea{background:#12303a;color:#eaf3f5;border-color:#22404a}.dark select option{color:#000}
.mc{display:none}
:root{--sh:440px}.shot{height:var(--sh)}.fr:hover .shot img{transform:translateY(calc(-100% + var(--sh)))}
.sg{grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr))}.g{grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr))}
.cd{width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%}.cr:before{width:34px;height:34px;left:-17px;top:-17px;border-radius:50%}.cr.h:before{width:58px;height:58px;left:-29px;top:-29px;transform:none;border-color:transparent;background:rgba(12,192,223,.18)}.cr.l:before{width:88px;height:88px;left:-44px;top:-44px;background:var(--ac)}.cr.l+.cd{opacity:0}
@media(hover:none){.shot img{animation:as 16s ease-in-out infinite alternate}}@keyframes as{to{transform:translateY(calc(-100% + var(--sh)))}}
@media(max-width:1024px){.links{display:none}.links.open{display:flex;flex-direction:column;position:absolute;top:68px;left:0;right:0;background:var(--bg);padding:10px 24px 18px;border-bottom:1px solid var(--ln)}.links a{padding:12px 0;font-size:16px}.links a.on:after{left:0;right:auto;width:28px;bottom:6px}.burger{display:block}.mc{display:block}}
@media(max-width:860px){.hero h1{font-size:clamp(34px,10vw,72px)}.hero{padding-top:64px}.col{height:300px}.mq{margin-top:56px}}
@media(max-width:640px){section{padding:56px 0}.dark[style*="padding:90px"],.dark[style*="padding:96px"]{padding:56px 0!important}h1.pg{font-size:clamp(32px,9.5vw,76px)}.w{padding:0 18px}.hero .sub{font-size:16px}.stats{margin-top:44px}.stats .st{font-size:42px}.pn svg{width:84px}.pn .no{font-size:60px}.pn{padding:22px}.mq div{font-size:18px}.mq span{margin:0 18px}.sr{gap:8px;padding:12px;font-size:13px}.btn{padding:12px 18px}.g>*{padding:24px}}
@media(max-width:560px){nav>.btn{display:none}:root{--sh:320px}}
@media(max-width:380px){.logo small{display:none}.logo span{font-size:15px}}
.svx{display:grid;grid-template-columns:1fr 1.1fr;border:1px solid var(--ln);margin-top:34px}.sl{display:flex;flex-direction:column}
.si{display:flex;align-items:center;gap:20px;padding:36px 30px;border-bottom:1px solid var(--ln);transition:background .3s,padding .3s}.si:last-child{border-bottom:0}.si span{color:var(--ac);font-weight:700}.si b{font-size:clamp(26px,3.4vw,42px);letter-spacing:-.03em;flex:1}.si i{font-style:normal;transition:transform .3s}.si.on{background:var(--alt);padding-left:46px}.si.on i{transform:translateX(8px);color:var(--ac)}
.sp{position:relative;background:var(--dk);color:#eaf3f5;min-height:430px;overflow:hidden}.pa{position:absolute;inset:0;padding:36px;display:flex;flex-direction:column;justify-content:flex-end;opacity:0;visibility:hidden;transform:translateY(16px);transition:opacity .5s,transform .5s,visibility .5s}.pa.on{opacity:1;visibility:visible;transform:none}.pa svg{position:absolute;right:30px;top:30px;width:min(220px,40%)}.pa h3{font-size:30px}.pa p{color:#9ab0b8;max-width:400px}
@media(max-width:860px){.svx{grid-template-columns:1fr}.sp{min-height:400px}.si{padding:26px 20px}.si.on{padding-left:28px}}
.nl{margin-top:34px}.nr{display:grid;grid-template-columns:60px 1fr 56px 260px;align-items:center;gap:20px;padding:22px 0;border-top:1px solid var(--ln);transition:padding .35s,background .35s}.nr:last-child{border-bottom:1px solid var(--ln)}.nr .ni{color:var(--ac);font-weight:700}.nr b{font-size:clamp(30px,6vw,64px);letter-spacing:-.04em;line-height:1;transition:color .3s,transform .35s}.nr em{font-style:normal;color:var(--mut);font-size:14px}.nm{display:grid;place-items:center}
.nr:hover{background:var(--alt);padding-left:16px;padding-right:16px}.nr:hover b{color:var(--ac);transform:translateX(10px)}
.nr.any{background:var(--ac);color:#0a1a22;margin-top:12px;padding:22px 16px;border:0}.nr.any .ni,.nr.any em,.nr.any b{color:#0a1a22}.nr.any svg{stroke:#0a1a22}
@media(max-width:700px){.nr{grid-template-columns:36px 1fr 40px;gap:12px}.nr em{display:none}.nr svg{width:30px;height:30px}}
.cd{width:22px;height:22px;margin:-3px 0 0 -3px;border-radius:0;background:none}.cd svg{display:block;transition:transform .25s}.cr:before{display:none}.cr.h+.cd svg{transform:scale(1.3) rotate(-10deg)}.cr.l+.cd.on{opacity:1}
.cr em{left:18px;top:20px;transform:scale(.6);transform-origin:left top;background:var(--ac);color:#0a1a22;padding:7px 13px;border-radius:20px;transition:opacity .2s,transform .25s}.cr.l em{opacity:1;transform:none}
@media(pointer:fine){*,*:before,*:after{cursor:none!important}}
.mq div{font-size:clamp(22px,3vw,34px);padding:22px 0}.mq span{margin:0 30px}
.bn{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:34px}.bt{position:relative;overflow:hidden;border:1px solid var(--ln);padding:28px;display:flex;flex-direction:column;justify-content:flex-end;min-height:230px;transition:transform .35s,border-color .35s}.bt:hover{transform:translateY(-5px);border-color:var(--ac)}
.bt h3{font-size:30px}.bt .no{position:absolute;left:28px;top:22px;font-weight:700;color:var(--ac)}
.b1{grid-column:1/3;grid-row:1/3;background:var(--dk);color:#eaf3f5;border-color:var(--dk);min-height:480px}.b1 p{color:#9ab0b8}.b1 svg.net{position:absolute;right:20px;top:20px;width:min(270px,55%);transition:transform .7s}.b1:hover svg.net{transform:scale(1.12) rotate(-5deg)}
.b2{grid-column:3/5;background:#0cc0df;color:#0a1a22;border-color:#0cc0df}.b2 p{color:#0a1a22;opacity:.8}.b2 .lg{position:absolute;left:28px;top:24px;width:54px;transition:transform .5s}.b2:hover .lg{transform:rotate(-12deg) scale(1.1)}.b2 .tx,.b3 .tx{max-width:48%}
.peek{position:absolute;right:-5%;bottom:-16%;width:46%;border:1px solid #0a1a22;transform:rotate(-6deg);transition:transform .5s}.b2:hover .peek{transform:rotate(-2deg) translateY(-12px)}
.b3{grid-column:3/5;background:var(--alt)}.bm{position:absolute;right:24px;top:24px;width:44%;border:1px solid var(--ln);background:#fff;transition:transform .5s}.b3:hover .bm{transform:translateY(-8px)}.bm .bar{height:16px;background:var(--ln)}.bm img{display:block;width:100%;height:150px;object-fit:cover;object-position:top}
.sm{min-height:150px;justify-content:space-between}.sm b{font-size:46px;letter-spacing:-.04em;color:var(--ac);line-height:1}.sm p{margin:0}
@media(max-width:860px){.bn{grid-template-columns:1fr 1fr}.b1,.b2,.b3{grid-column:1/3;grid-row:auto}.b1{min-height:420px}}
@media(max-width:560px){.b2 .tx,.b3 .tx{max-width:none}.peek,.bm{display:none}.b2,.b3{min-height:200px}}
.ob{width:100%;max-width:560px;display:block;margin:0 auto}.nd rect{fill:var(--bg);stroke:var(--ln);stroke-width:1.5;transition:fill .25s,stroke .25s}.nd text{fill:var(--ink);font:600 20px Arial,sans-serif;transition:fill .25s}.nd:hover rect,.nd.on rect{fill:#0cc0df;stroke:#0cc0df}.nd:hover text,.nd.on text{fill:#0a1a22}.nd[data-k="Any niche"] rect{stroke:#0cc0df;stroke-dasharray:4 4}.ct{fill:#0a1a22;font:700 13px Arial,sans-serif;letter-spacing:.1em}.ndc{text-align:center;min-height:56px;margin-top:10px}
.bt{justify-content:space-between}.bt .no{position:static}.top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px}
.b1 svg.net,.bt svg.wd{position:static;width:min(210px,45%)}.b2 .lg{position:static;width:60px;height:60px}.b2 .tx,.b3 .tx{max-width:none}.b2 .tx{max-width:52%}
.pgv svg.sb{width:170px;display:block;margin-left:auto;animation:fl 6s ease-in-out infinite}
:root{--at:#067f93}@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--at:#0cc0df}}:root[data-theme="dark"]{--at:#0cc0df}.dark,.b1{--at:#0cc0df}
.lab,.n,.tg,.go,.nr .ni,.sm b,.si span{color:var(--at)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--ac);outline-offset:3px}
.pre{animation:pf .01s 5s forwards}@keyframes pf{to{visibility:hidden}}.ln>span{animation:lf .01s 5s forwards}@keyframes lf{to{transform:none}}.hero .rv{animation:rf .01s 5s forwards}@keyframes rf{to{opacity:1;transform:none}}
@media(max-width:560px){.qf .btn,.hero .btn{width:100%;justify-content:center;margin:0 0 10px}.b2 .tx{max-width:none}.b1 svg.net,.bt svg.wd{width:42%}}
.sv3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:34px}
.sc3{display:flex;flex-direction:column;border:1px solid var(--ln);background:var(--bg);transition:transform .35s,border-color .35s}.sc3:hover{transform:translateY(-6px);border-color:var(--ac)}
.art{position:relative;height:210px;display:grid;place-items:center;overflow:hidden}.art svg{height:140px;width:auto;transition:transform .5s}.sc3:hover .art svg{transform:scale(1.07)}
.a1{background:#0a1a22}.a3{background:#10303a}.a2{background:#0cc0df;place-items:center start;padding-left:32px}.art svg.lgx{height:120px;width:120px}
.sc3 .peek{position:absolute;right:-8%;bottom:-20%;width:44%;border:1px solid #0a1a22;transform:rotate(-6deg);transition:transform .5s}.sc3:hover .peek{transform:rotate(-2deg) translateY(-10px)}
.bd{padding:26px;display:flex;flex-direction:column;flex:1}.bd .no{font-weight:700;margin-bottom:12px}.bd h3{font-size:26px}.bd p{flex:1}.sc3 .tgs b{color:var(--at);border-color:var(--at)}.bd .go{margin-top:6px}
.ss{display:grid;grid-template-columns:repeat(4,1fr);margin-top:16px;border:1px solid var(--ln);color:var(--mut)}.ss>div{padding:22px 26px;border-left:1px solid var(--ln)}.ss>div:first-child{border-left:0}.ss b{display:block;font-size:36px;letter-spacing:-.03em;color:var(--at);line-height:1.1}
@media(max-width:1000px){.sv3{grid-template-columns:1fr 1fr}.sv3 .sc3:last-child{grid-column:1/3}}
@media(max-width:640px){.sv3{grid-template-columns:1fr}.sv3 .sc3:last-child{grid-column:auto}.ss{grid-template-columns:1fr 1fr}.ss>div:nth-child(3){border-left:0}.ss>div:nth-child(n+3){border-top:1px solid var(--ln)}.ss>div{padding:18px}}
.cr em:empty{display:none}
.stats{gap:0 24px}.stats>div{padding-right:8px}
#cv{opacity:.7;-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.14),rgba(0,0,0,.14) 38%,#000 72%);mask-image:linear-gradient(90deg,rgba(0,0,0,.14),rgba(0,0,0,.14) 38%,#000 72%)}
@media(max-width:860px){#cv{-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.12) 62%,#000);mask-image:linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.12) 62%,#000)}}
.stats div{padding:0;border-top:0}.stats>div{padding:22px 8px 0 0;border-top:1px solid #22404a}.stats .st{padding:0 0 10px}
.art svg.lgx{height:130px;width:130px}
.kp{display:grid;grid-template-columns:repeat(4,1fr);margin-top:64px;border:1px solid #22404a;background:rgba(10,26,34,.72);position:relative;z-index:2}
.kp>div{position:relative;padding:28px 28px 26px;border-left:1px solid #22404a;transition:background .3s}.kp>div:first-child{border-left:0}.kp>div:hover{background:#10303a}
.kp>div:after{content:"";position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--ac);transition:width .5s}.kp>div:hover:after{width:100%}
.kp b{display:block;font-size:clamp(38px,4.6vw,58px);letter-spacing:-.04em;line-height:1;color:var(--ac);font-weight:700}.kp b i{font-style:normal;color:#eaf3f5;font-size:.55em;margin-left:3px}
.kp>div>span{display:block;margin-top:14px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#9ab0b8}
@media(max-width:640px){.kp{grid-template-columns:1fr 1fr;margin-top:44px}.kp>div{padding:20px 16px}.kp>div:nth-child(3){border-left:0}.kp>div:nth-child(n+3){border-top:1px solid #22404a}}

.admin-bar header{top:32px}@media(max-width:782px){.admin-bar header{top:46px}}
.skip{position:absolute;left:-9999px;top:0;background:var(--ac);color:#0a1a22;padding:10px 16px;z-index:10000;font-weight:700}.skip:focus{left:10px;top:10px}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}
.entry{max-width:760px;margin:0 auto}.entry p,.entry li{color:var(--mut);font-size:18px;line-height:1.75}.entry h2,.entry h3{margin:36px 0 12px}.entry img{max-width:100%;height:auto}.entry a{color:var(--at);text-decoration:underline}.entry blockquote{border-left:3px solid var(--ac);margin:24px 0;padding:4px 20px}.entry pre{overflow:auto;padding:16px;background:var(--alt)}
.nav-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:30px}.nav-links .page-numbers{border:1px solid var(--ln);padding:8px 14px}.nav-links .current{background:var(--ac);color:#0a1a22;border-color:var(--ac)}
.hv h3 a:hover{color:var(--ac)}
img{max-width:100%;height:auto}
.logo img.av{width:42px;height:42px}
.thm{flex:none;width:42px;height:42px;border:1px solid var(--ln);background:none;color:var(--ink);display:grid;place-items:center;transition:border-color .2s,transform .3s}.thm:hover{border-color:var(--ac);transform:rotate(180deg)}.thm svg{width:20px;height:20px}
:root[data-theme="dark"]{color-scheme:dark}:root[data-theme="light"]{color-scheme:light}
.nas-fallback .rv,.nas-fallback .hero .rv,.nas-fallback .ln>span{opacity:1!important;transform:none!important}.nas-fallback .pre{display:none}