/*
Theme Name: Webrex Premium
Author: Webrex
Description: Futuristic agency theme with 31 dedicated service pages, accessible motion, project enquiries and editable page content.
Version: 1.2.1
Requires at least: 6.4
Requires PHP: 8.0
License: GPL-2.0-or-later
Text Domain: webrex
*/
:root{--bg:#070910;--panel:#10131f;--ink:#f4f5ff;--muted:#a5abc0;--blue:#649aff;--violet:#b293ff;--line:rgba(172,185,233,.17);--radius:20px;--font:'Space Grotesk','Segoe UI',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}body:before{content:'';position:absolute;top:0;left:0;right:0;height:1000px;pointer-events:none;background:radial-gradient(ellipse at 80% 20%,#1e124c66,transparent 56%),radial-gradient(ellipse at 10% 40%,#102b4940,transparent 52%);z-index:-1}::selection{background:#6862db;color:#fff}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #94baff;outline-offset:5px}p{color:var(--muted);margin:0 0 22px}h1,h2,h3{font-weight:500;line-height:1.08;letter-spacing:-.055em;margin:0}h1{font-size:clamp(52px,6.6vw,100px)}h2{font-size:clamp(36px,4vw,60px)}h3{font-size:23px;letter-spacing:-.035em}small{font-size:13px;color:var(--muted)}.wrap{max-width:1280px;width:calc(100% - 112px);margin:0 auto}.skip-link{position:fixed;top:10px;left:10px;transform:translateY(-200%);z-index:1000;background:white;color:black;padding:12px}.skip-link:focus{transform:none}.site-header{position:sticky;top:0;z-index:100;border-bottom:1px solid var(--line);background:#070910d9;backdrop-filter:blur(18px)}.header-inner{height:96px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:29px;font-weight:700;letter-spacing:-1.8px;display:inline-flex;gap:9px;align-items:center;white-space:nowrap}.brand-mark{display:inline-grid;place-items:center;width:34px;height:36px;color:#c6b5ff;font-size:35px;line-height:1}.brand em{font-style:normal;color:var(--violet)}.desktop-nav{display:flex;align-items:center;gap:30px;font-size:13px}.desktop-nav a{padding:12px 0;color:#bec2d3;transition:color .2s}.desktop-nav a:hover,.desktop-nav a[aria-current=page]{color:white}.header-action{display:flex;align-items:center;gap:16px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:52px;padding:14px 23px;background:linear-gradient(115deg,#8380ff,#b59aff);border:1px solid #b4aaff;border-radius:7px;color:#080b17;font-size:14px;font-weight:650;transition:transform .25s,box-shadow .25s;line-height:1.4}.button:hover{transform:translateY(-3px);box-shadow:0 8px 34px #7959d739}.button span{font-size:22px;line-height:1}.button.secondary{color:#f1f2ff;background:#ffffff04;border-color:var(--line)}.header-action>.button{font-size:12px;min-height:44px;padding:10px 17px}.menu-toggle{display:none;background:transparent;border:1px solid var(--line);border-radius:6px;padding:8px 12px;color:white;min-height:44px}.hero{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;min-height:740px;padding-top:68px;padding-bottom:70px;gap:20px}.eyebrow{font-size:10px;letter-spacing:2.1px;text-transform:uppercase;color:#c0c5d9;display:flex;align-items:center;gap:10px;margin-bottom:28px;font-weight:550;line-height:1.6}.eyebrow>span{width:6px;height:6px;border-radius:50%;background:var(--violet);box-shadow:0 0 12px #a087ff}.gradient{background:linear-gradient(100deg,#77abff 5%,#aaa0ff 56%,#d8a8ed 100%);background-clip:text;-webkit-background-clip:text;color:transparent}.lead{font-size:17px;max-width:500px;line-height:1.8;margin-top:28px}.button-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}.hero-note{display:flex;align-items:center;gap:9px;font-size:10px;color:#aeb4c8;margin-top:38px;letter-spacing:.15px}.status-dot{width:5px;height:5px;flex-shrink:0;border-radius:50%;background:#97e3d2;box-shadow:0 0 10px #80d8b966}.orbital{height:520px;position:relative;perspective:800px;isolation:isolate}.orbital:before{content:'';inset:5%;position:absolute;border-radius:50%;background:radial-gradient(circle,#7854f142,transparent 66%);filter:blur(25px)}.orbit{position:absolute;left:7%;top:11%;width:86%;height:78%;border:1px solid #7162c4;border-radius:50%;box-shadow:inset 0 0 18px #4f77e322,0 0 22px #725afa22}.orbit-one{transform:rotate(-28deg) rotateX(52deg);animation:orbit-float 12s ease-in-out infinite}.orbit-two{transform:rotate(45deg) rotateX(55deg);border-color:#7b9bff99}.orbit-three{transform:rotate(105deg) rotateX(55deg);border-color:#d3b4fd66}.orb-core{width:56%;aspect-ratio:1;position:absolute;left:22%;top:20%;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 31% 25%,#d7d1ff 0,#7f76d6 18%,#29264d 43%,#111423 65%,#060810 86%);box-shadow:inset -16px -18px 40px #000b,inset 4px 4px 15px #fff5,0 0 70px #7a57ff3b}.orb-core>span{font-size:105px;line-height:1;color:#e3e3fb99;font-weight:700;letter-spacing:-14px;transform:rotate(-8deg);position:relative}.orb-dot{font-size:35px;position:absolute;top:-15px;right:-25px;color:#bdaaff}.orb-label{position:absolute;font-family:monospace;font-size:8px;letter-spacing:1.5px;border:1px solid var(--line);padding:10px 16px;border-radius:4px;background:#101422b3;backdrop-filter:blur(10px)}.label-one{top:17%;right:-2%}.label-two{bottom:18%;left:0}.satellite{position:absolute;top:17%;left:30%;width:11px;height:11px;border-radius:50%;background:#d9ceff;box-shadow:0 0 20px #aa92ff}.capability-strip{display:flex;justify-content:center;gap:clamp(20px,4vw,60px);align-items:center;border-block:1px solid var(--line);padding:23px 20px;font-size:11px;letter-spacing:2.3px;background:linear-gradient(90deg,#13132366,#101021)}.capability-strip b{color:var(--violet);font-size:23px;font-weight:400}.section{padding:112px 0;border-bottom:1px solid var(--line)}.section-head{margin-bottom:46px;max-width:710px}.section-head .eyebrow{margin-bottom:22px}.section-head p:last-child{margin:24px 0 0;max-width:570px;font-size:15px}.section-head p:empty{display:none}.muted{color:#7f869e}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.service-card{background:linear-gradient(135deg,#14172699,#0e1019);border:1px solid var(--line);border-radius:var(--radius);padding:30px;position:relative;min-height:230px;transition:border-color .25s,transform .25s,background .25s;display:flex;flex-direction:column}.service-card:hover{border-color:#9e8de699;transform:translateY(-5px);background:linear-gradient(135deg,#242139,#10121c)}.card-number{font-size:9px;letter-spacing:1.3px;text-transform:uppercase;color:#8b92ad;display:block;margin-bottom:46px}.arrow{position:absolute;right:25px;top:23px;color:#c1b2ff;font-size:25px}.service-card h3{font-size:23px;max-width:250px;line-height:1.2}.service-card p{font-size:13px;margin:14px 0 0}.section-bottom{margin-top:32px}.projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.project-art{height:270px;border-radius:14px;border:1px solid var(--line);overflow:hidden;padding:48px 25px 0;background:#181b30;position:relative}.project-commerce{background:radial-gradient(circle at 50% 30%,#456a714c,transparent),#13292d}.project-business{background:radial-gradient(circle at 50% 30%,#4c5a8a66,transparent),#212a44}.project-community{background:radial-gradient(circle at 50% 30%,#8664a966,transparent),#32233f}.mini-browser{border:1px solid #ffffff30;border-radius:7px 7px 0 0;background:#0b1018;transform:perspective(800px) rotateY(-8deg) rotateX(5deg) rotateZ(-5deg);padding:8px;min-height:250px;transition:transform .4s;box-shadow:12px 20px 40px #0004}.project:hover .mini-browser{transform:perspective(800px) rotateY(0) rotateX(0) rotateZ(0)}.mini-browser>span{font-size:7px;color:#81869f;letter-spacing:2px;display:block;padding-bottom:5px;border-bottom:1px solid var(--line)}.mini-layout{padding:20px 10px;position:relative;overflow:hidden;min-height:220px;background:radial-gradient(ellipse at right,#789cb744,transparent)}.mini-layout small{font-size:7px;letter-spacing:1.5px;color:#eee}.mini-layout strong{display:block;font-size:30px;line-height:1.1;font-weight:500;letter-spacing:-1px;margin:25px 0;width:160px;position:relative;z-index:2}.mini-layout b{font-size:7px;background:#b8b3ff;color:#080b17;padding:8px 11px;border-radius:2px;font-weight:500}.mini-layout i{display:block;position:absolute;right:-40px;bottom:-30px;width:130px;height:190px;border:1px solid #9bc2eb;border-radius:50%;transform:rotate(-35deg);background:linear-gradient(130deg,#bca9ff77,#183b50aa)}.project-title{display:flex;justify-content:space-between;align-items:center;margin-top:22px}.project-title h3{font-size:23px}.project p{font-size:12px;margin:8px 0 12px}.project small{font-size:11px;line-height:1.7;display:block}.split{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start}.split h2{margin-bottom:28px}.split .lead{margin-top:24px}.principles article{display:flex;gap:24px;border-top:1px solid var(--line);padding:28px 0}.principles article>span{font-size:11px;color:var(--violet)}.principles h3{font-size:21px;margin-bottom:13px}.principles p{font-size:14px;margin:0}.process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.process-grid article{border-top:1px solid var(--line);padding-top:24px}.step-number{font-size:12px;color:var(--violet);display:block;margin-bottom:40px}.process-grid h3{font-size:21px;margin-bottom:18px}.process-grid p{font-size:13px;margin:0}.faq-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px}.faq-list{width:100%}details{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;position:relative;padding:23px 34px 23px 0;font-size:15px;color:#e1e4f2;min-height:64px}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:3px;top:19px;font-size:24px;color:var(--violet)}details[open] summary:after{content:'−'}details>p{font-size:14px;padding-right:30px;line-height:1.8}.cta{text-align:center;padding:100px 0 112px}.cta .eyebrow{justify-content:center}.cta h2{font-size:clamp(42px,5.2vw,78px)}.cta p{margin:28px auto;max-width:410px;font-size:14px}.site-footer{border-top:1px solid var(--line);background:#0a0c14}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:40px;padding:68px 0}.footer-top .brand{margin-bottom:20px}.footer-top h3{font-size:12px;letter-spacing:.5px;margin-bottom:20px;color:#fff}.footer-top p,.footer-top a:not(.brand),address{font-size:12px;color:#a5abc0;line-height:1.9}.footer-top a:not(.brand){display:block;margin-bottom:9px}.footer-intro p{max-width:240px}.footer-bottom{display:flex;justify-content:space-between;padding:22px 0;border-top:1px solid var(--line);font-size:10px;color:#929ab4}.page-hero{padding:115px 0 75px}.page-hero h1{font-size:clamp(44px,5.5vw,80px);max-width:1020px;line-height:1.13}.page-hero .lead{max-width:680px;margin-bottom:32px}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:60px}.filters button{padding:10px 19px;border:1px solid var(--line);border-radius:30px;color:#c0c5d9;background:transparent;font-size:13px;min-height:44px}.filters button[aria-pressed=true]{color:#080b17;background:#b5a5ff;border-color:#b5a5ff}.service-directory>div{margin-bottom:64px}.service-directory>div>h2{font-size:30px;margin-bottom:25px}.service-directory>div[hidden]{display:none}.benefits{list-style:none;padding:0;margin:30px 0}.benefits li{padding:14px 0 14px 28px;border-bottom:1px solid var(--line);position:relative;font-size:14px;color:#c6ccdf}.benefits li:before{content:'↗';position:absolute;left:0;color:var(--violet)}.scope-panel,.manifesto{border:1px solid var(--line);border-radius:20px;padding:36px;background:linear-gradient(135deg,#1b1830,#10121b)}.panel-kicker{font-size:10px;letter-spacing:2px;color:#b7add5;display:block;margin-bottom:26px}.scope-panel article{display:flex;gap:24px;border-top:1px solid var(--line);padding:24px 0}.scope-panel article:last-child{padding-bottom:0}.scope-panel article span{font-size:10px;color:var(--violet)}.scope-panel h3{font-size:20px;line-height:1.4}.manifesto{font-size:42px;line-height:1.4;letter-spacing:-2px;padding:50px}.manifesto small{display:block;font-size:9px;letter-spacing:2px;margin-top:35px}.fine-print{font-size:12px;max-width:850px;margin-top:38px}.case-study{border-top:1px solid var(--line);padding:50px 0}.case-study h2{font-size:42px;margin:20px 0 35px}.case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}.case-grid h3{font-size:19px;margin-bottom:16px}.case-grid p{font-size:14px}.text-link{color:var(--violet);font-size:14px;border-bottom:1px solid #b293ff77;padding-bottom:8px;display:inline-block}.contact-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:90px}.contact-grid h2{font-size:34px;margin-bottom:26px}.contact-email{font-size:clamp(18px,2vw,26px);color:var(--violet);overflow-wrap:anywhere}.contact-grid address{font-style:normal;font-size:16px;margin:30px 0}.contact-grid p{font-size:14px}.contact-note{border-top:1px solid var(--line);padding-top:30px;margin-top:40px}.contact-note h3{font-size:22px;margin-bottom:15px}.form-panel{border:1px solid var(--line);background:#11131f;border-radius:20px;padding:35px}.form-panel h2{font-size:25px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.field label{font-size:12px;color:#d4d8e8}.field input,.field select,.field textarea{width:100%;border:1px solid #626b88;border-radius:7px;background:#090c15;color:white;padding:13px 14px;font-size:14px;min-height:49px}.field textarea{resize:vertical;min-height:130px}.field input::placeholder,.field textarea::placeholder{color:#8991aa}.field select option{color:white;background:#11131f}.consent{display:flex;align-items:flex-start;gap:10px;font-size:11px;line-height:1.8;color:var(--muted);margin-bottom:24px}.consent input{margin-top:4px;min-width:16px;min-height:16px}.consent a{text-decoration:underline}.form-status{padding:18px;border:1px solid #8277cd;border-radius:8px;margin:20px 0;color:#e5e4ff;font-size:14px}.form-help{font-size:11px;margin:18px 0 0}.form-panel .button{width:100%}.hp-field{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}.prose{max-width:850px}.prose h2{font-size:30px;margin:35px 0 20px}.prose a{color:var(--violet)}.not-found{text-align:center;padding:130px 0}.not-found p{margin:28px 0}.floating-contact{position:fixed;right:22px;bottom:22px;background:#b5a5ff;color:#111526;border-radius:40px;padding:13px 19px;font-size:12px;font-weight:650;z-index:80;box-shadow:0 4px 30px #0008}.admin-bar .site-header{top:32px}@keyframes orbit-float{0%,100%{transform:rotate(-28deg) rotateX(52deg) translateY(0)}50%{transform:rotate(-18deg) rotateX(48deg) translateY(-10px)}}@keyframes appear{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.hero-copy{animation:appear .9s ease both}.js-motion .reveal{opacity:0;transform:translateY(18px);transition:opacity .6s,transform .6s}.js-motion .reveal.is-visible{opacity:1;transform:none}@media(min-width:1500px){.hero{min-height:780px}.orbital{height:560px}}@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.desktop-nav{gap:18px}.header-inner{gap:15px}.brand{font-size:25px}.hero{min-height:650px}.orbital{height:450px}.orb-core>span{font-size:85px}.split,.faq-section,.contact-grid{gap:44px}.service-card{padding:24px}.project-art{height:240px;padding:38px 18px 0}.footer-top{gap:24px}}@media(max-width:850px){.desktop-nav{display:none;position:absolute;top:80px;left:0;right:0;background:#0a0d18;border-bottom:1px solid var(--line);padding:24px 32px;flex-direction:column;align-items:stretch;gap:4px}.desktop-nav.open{display:flex}.desktop-nav a{padding:12px}.menu-toggle{display:block}.header-inner{height:80px}.hero{grid-template-columns:1fr 1fr;padding-top:58px;min-height:620px}.hero h1{font-size:65px}.hero .lead{font-size:15px}.orbital{height:360px}.orb-core>span{font-size:65px;letter-spacing:-10px}.orb-label{font-size:6px;padding:8px}.label-one{right:0}.hero-note{flex-wrap:wrap;max-width:260px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.projects{grid-template-columns:1fr 1fr}.project:last-child{grid-column:1/-1;max-width:calc(50% - 12px)}.process-grid{grid-template-columns:1fr 1fr;gap:35px}.section{padding:80px 0}.split,.contact-grid{grid-template-columns:1fr;gap:45px}.faq-section{grid-template-columns:1fr;gap:12px}.footer-top{grid-template-columns:1.5fr 1fr}.case-grid{grid-template-columns:1fr}.case-grid p{max-width:650px}.capability-strip{gap:20px;font-size:9px;letter-spacing:1px}.capability-strip b{font-size:19px}.manifesto{max-width:600px}.page-hero{padding-top:85px}}@media(max-width:600px){.wrap{width:calc(100% - 40px)}.header-inner{height:74px}.brand{font-size:24px}.header-action>.button{display:none}.desktop-nav{top:74px;padding:20px}.hero{grid-template-columns:1fr;padding-top:55px;padding-bottom:30px;gap:0}.hero h1{font-size:clamp(55px,13vw,75px)}.eyebrow{font-size:8px;letter-spacing:1.6px}.hero .lead{font-size:16px;max-width:350px}.hero .button{font-size:12px;gap:14px;padding:13px 17px;min-height:50px}.hero-note{font-size:9px;max-width:none;margin-top:27px}.orbital{height:330px;width:310px;max-width:100%;margin:10px auto 0}.orb-core>span{font-size:68px}.orb-label{font-size:6px}.capability-strip{gap:12px;padding:15px 10px;font-size:7px;letter-spacing:.7px}.capability-strip b{font-size:14px}.capability-strip b:last-child{display:none}.section{padding:65px 0}.section-head{margin-bottom:30px}h2{font-size:37px}.cards{grid-template-columns:1fr}.service-card{min-height:200px;padding:25px}.card-number{margin-bottom:35px}.service-card h3{font-size:25px;max-width:85%}.projects{grid-template-columns:1fr;gap:35px}.project:last-child{grid-column:auto;max-width:none}.project-art{height:300px;padding:45px 35px 0}.mini-layout strong{font-size:38px;width:220px}.mini-layout{padding:22px 15px}.process-grid{gap:28px 22px}.process-grid h3{font-size:20px}.process-grid p{font-size:12px}.step-number{margin-bottom:25px}.cta{padding:75px 0}.cta h2{font-size:46px}.footer-top{grid-template-columns:1fr 1fr;gap:30px 20px;padding:48px 0}.footer-intro{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:12px}.page-hero{padding:65px 0 40px}.page-hero h1{font-size:43px;overflow-wrap:anywhere;letter-spacing:-2px}.lead{font-size:16px}.scope-panel{padding:26px}.manifesto{font-size:35px;padding:35px}.case-study h2{font-size:35px}.form-panel{padding:23px}.form-grid{grid-template-columns:1fr;gap:0}.contact-grid h2{font-size:30px}.filters{gap:8px;margin-bottom:40px}.filters button{font-size:11px;padding:9px 15px}.floating-contact{font-size:11px;padding:12px 15px;right:15px;bottom:15px}.admin-bar .site-header{top:46px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-motion .reveal{opacity:1;transform:none}}

@font-face{font-family:"Space Grotesk";font-style:normal;font-weight:400 700;font-display:swap;src:url("assets/space-grotesk.ttf") format("truetype")}

.footer-legal{display:flex;gap:22px;flex-wrap:wrap}.footer-legal a:hover{text-decoration:underline}@media(max-width:600px){.footer-legal{gap:18px}}

.field-error{display:block;color:#ffc2cc;font-size:12px;line-height:1.7;margin-bottom:12px}.field .field-error{margin-bottom:0}.field [aria-invalid=true]{border-color:#f3a5bb}.form-errors ul{margin:10px 0 0;padding-left:20px}.form-errors a{text-decoration:underline}