:root{--ink:#f5f5f5;--muted:#aaa8ad;--purple:#ffb900;--line:#333238;--soft:#17171a;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Manrope,Arial,sans-serif;background:#fff;font-size:15px}a{color:inherit;text-decoration:none}.wrap{width:min(1160px,calc(100% - 48px));margin:auto}.header{height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 max(24px,calc((100% - 1280px)/2));border-bottom:1px solid #f0eef4;background:#ffffffed;position:sticky;top:0;z-index:20;backdrop-filter:blur(16px)}.brand{font-size:20px;font-weight:800;letter-spacing:-1px;white-space:nowrap}.brand-mark{color:var(--purple);font-size:24px;margin-right:6px}.nav{display:flex;gap:23px;font-size:12px;font-weight:700}.nav a:hover,.text-link:hover{color:var(--purple)}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:13px;padding:15px 22px;font:700 13px Manrope;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-2px)}.btn-purple{color:#fff;background:linear-gradient(115deg,#7444f1,#5526d8);box-shadow:0 10px 25px #6938e833}.btn-dark{color:#fff;background:#15131d}.btn-light{border:1px solid #dcd8e7;background:#fff}.header-cta{padding:12px 17px;font-size:11px}.menu-toggle{display:none;background:none;border:0;font-size:24px}.hero{min-height:610px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px;padding-top:50px;padding-bottom:70px}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#716d7d;font-size:11px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase}.eyebrow i{width:7px;height:7px;background:var(--purple);border-radius:50%;box-shadow:0 0 0 5px #eee8ff}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(44px,5.6vw,72px);line-height:1.05;letter-spacing:-4px;margin:24px 0}h1 em{font-style:normal;color:var(--purple)}h2{font-size:clamp(30px,4vw,45px);line-height:1.12;letter-spacing:-2px;margin:15px 0 20px}h3{font-size:18px;letter-spacing:-.5px}.lead{font-size:16px;line-height:1.8;color:#666372;max-width:500px}.actions{display:flex;gap:12px;margin:30px 0 42px}.stats{display:flex;gap:50px}.stats div{display:flex;flex-direction:column;gap:4px}.stats b{font-size:27px;letter-spacing:-1px}.stats span{font-size:11px;line-height:1.5;color:var(--muted)}.hero-art{height:470px;position:relative;display:flex;align-items:center;justify-content:center}.glow{position:absolute;width:430px;height:430px;border-radius:50%;background:radial-gradient(circle,#e7dcff 0,#f4efff 42%,transparent 72%)}.device{position:absolute;filter:drop-shadow(0 25px 25px #30234a25)}.laptop{width:440px;left:2%;top:90px;z-index:1}.screen{height:270px;border:10px solid #1a1825;border-radius:18px;background:radial-gradient(ellipse at 70% 85%,#7145d9,#17152b 58%);padding:22px;color:#fff;overflow:hidden}.screen-top{font-size:10px;font-weight:800}.screen-top span{float:right;color:#c7bbf7;font-weight:400}.screen-title{font-size:30px;font-weight:700;line-height:1.1;margin:52px 0 0 24px;position:relative;z-index:2}.screen-title strong{color:#c9b7ff}.wave{position:absolute;width:380px;height:130px;left:40px;top:180px;border-radius:50%;border:22px solid #9c79ff66;transform:rotate(-18deg);filter:blur(3px)}.base{height:15px;margin:0 -25px;background:linear-gradient(#c8c7d1,#777582 55%,#d9d8e0);border-radius:2px 2px 20px 20px}.phone{width:125px;height:245px;right:1%;bottom:36px;border:7px solid #211e2d;border-radius:27px;background:#171526;padding:8px;z-index:3}.phone-screen{height:100%;border-radius:17px;background:linear-gradient(150deg,#211b42,#8053e9);color:#fff;padding:25px 9px;display:flex;flex-direction:column;gap:17px}.phone-dot{width:30px;height:5px;border-radius:8px;background:#161321;align-self:center;margin-top:-17px}.phone-screen span{font-size:25px}.phone-screen b{font-size:14px;line-height:1.25}.phone-screen i{height:18px;border:1px solid #ffffff66;border-radius:6px}.float-tag{position:absolute;right:2%;top:65px;background:#fff;border:1px solid var(--line);padding:12px 16px;border-radius:12px;font-size:11px;font-weight:800;box-shadow:0 12px 35px #21133c10;z-index:4}.section{padding-top:95px;padding-bottom:95px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}.section-head h2{margin-bottom:0}.text-link{font-size:12px;font-weight:800;color:var(--purple)}.cards{display:grid;gap:18px}.three{grid-template-columns:repeat(3,1fr)}.two{grid-template-columns:repeat(2,1fr)}.service-card,.price-card,.review-card{border:1px solid var(--line);border-radius:20px;padding:28px;background:#fff;transition:.25s}.service-card:hover,.project-card:hover{transform:translateY(-4px);box-shadow:0 18px 45px #20143a0b}.service-card .icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#f1ebff;color:var(--purple);font-size:23px;margin-bottom:26px}.service-card p,.project-card p,.price-card p{font-size:13px;line-height:1.7;color:var(--muted)}.service-card a{display:inline-block;color:var(--purple);font-size:12px;font-weight:800;margin-top:15px}.soft{background:var(--soft)}.project-card{transition:.25s}.project-image{height:235px;border-radius:17px;overflow:hidden;background:linear-gradient(135deg,#eee8ff,#ddd2ff);margin-bottom:18px}.project-image img{width:100%;height:100%;object-fit:cover}.project-card h3{margin:8px 0}.muted{color:var(--muted)}.placeholder-art{height:100%;display:grid;place-items:center;font-size:44px;font-weight:800;letter-spacing:-3px;color:#6b43d9;background:radial-gradient(circle at 70% 30%,#fff,#e4d8ff)}.split{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.benefits{display:grid;gap:22px}.benefits>div{display:flex;gap:18px;border-bottom:1px solid var(--line);padding-bottom:18px}.benefits>div>b{color:var(--purple);font-size:12px}.benefits span{display:grid;gap:5px}.benefits small{color:var(--muted);line-height:1.6}.cta{margin-top:35px;margin-bottom:90px;border-radius:28px;background:linear-gradient(110deg,#f6f2ff,#eee7ff);padding:55px 60px;display:flex;align-items:center;justify-content:space-between;gap:25px}.cta h2{margin:15px 0}.cta p{color:var(--muted);margin:0}.footer{padding:55px max(24px,calc((100% - 1160px)/2)) 25px;background:#15131d;color:#fff;display:grid;grid-template-columns:2fr 1fr 1fr;gap:45px}.footer p,.footer a:not(.brand){display:block;color:#b4b0c0;font-size:12px;line-height:2}.footer b{display:block;margin-bottom:15px;font-size:12px}.footer small{grid-column:1/-1;border-top:1px solid #ffffff20;padding-top:20px;color:#858190}.page-hero{padding-top:100px;padding-bottom:45px}.page-hero h1{font-size:clamp(48px,6vw,72px)}.page-hero .lead{max-width:640px}.large{min-height:250px}.about-panel{height:300px;border-radius:24px;background:linear-gradient(145deg,#1a1728,#5032a6);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}.about-panel span{font-size:65px}.about-panel b{font-size:28px}.about-panel small{color:#d5cafa}.timeline{max-width:800px;margin:auto}.timeline article{display:grid;grid-template-columns:65px 1fr;gap:20px;padding:28px 0;border-bottom:1px solid var(--line)}.timeline article>b{font-size:14px;color:var(--purple)}.timeline h2{font-size:23px;margin:0 0 8px}.timeline p{color:var(--muted);margin:0;line-height:1.7}.price-card{position:relative;padding:30px}.price-card.popular{border:1.5px solid var(--purple);box-shadow:0 15px 45px #6d3ce818}.popular-label{display:inline-block;color:var(--purple);font-size:10px;font-weight:800;margin-bottom:15px}.price{display:block;font-size:26px;margin:20px 0}.price-card ul{list-style:none;padding:0;margin:25px 0}.price-card li{font-size:12px;padding:9px 0;border-bottom:1px solid var(--line)}.price-card li:before{content:'✓';color:var(--purple);margin-right:10px}.price-card .btn{width:100%}.stars{color:var(--purple);letter-spacing:3px}.review-card blockquote{font-size:17px;line-height:1.7;margin:22px 0}.review-card small{display:block;color:var(--muted);margin-top:5px}.contact-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:55px;align-items:start}.contact-info p{display:grid;gap:8px;margin:28px 0}.contact-info small{color:var(--muted)}.form-panel{border:1px solid var(--line);border-radius:22px;padding:30px}.lead-form{display:grid;grid-template-columns:1fr 1fr;gap:17px}.lead-form label,.login-card label,.admin-form label{display:grid;gap:8px;font-size:12px;font-weight:700}.lead-form input,.lead-form select,.lead-form textarea,.login-card input,.admin-form input,.admin-form textarea{width:100%;border:1px solid #e4e1eb;border-radius:10px;padding:13px;font:13px Manrope;outline:none;background:#fff}.lead-form input:focus,.lead-form textarea:focus{border-color:var(--purple)}.lead-form .full{grid-column:1/-1}.lead-form textarea{resize:vertical}.error{color:#c22}.notice{max-width:1160px;margin:15px auto;padding:13px 18px;background:#effaf2;color:#216b35;border-radius:10px;font-size:13px}.menu-toggle{color:var(--ink)}.admin-body{background:#f6f5f9;min-height:100vh}.admin-shell{display:grid;grid-template-columns:235px 1fr;min-height:100vh}.admin-side{background:#171520;color:#fff;padding:28px 20px;display:flex;flex-direction:column;gap:18px}.admin-side small{font-size:9px;color:#898594;margin-top:30px}.admin-side>a:not(.brand){font-size:13px;color:#d1ced9;padding:8px}.admin-side>a:hover{color:#b69aff}.side-logout{border:0;background:none;color:#c9baff;padding:8px;font:13px Manrope;cursor:pointer}.admin-main{padding:0 35px 50px;min-width:0}.admin-top{height:70px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e8e5ee;font-size:12px;color:var(--muted);margin-bottom:35px}.admin-main h1{font-size:30px;letter-spacing:-1px}.admin-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin:30px 0}.admin-stats div,.admin-panel{background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px}.admin-stats small,.admin-stats b{display:block}.admin-stats small{color:var(--muted);font-size:11px}.admin-stats b{font-size:30px;margin-top:8px}.admin-panel{overflow:auto}.admin-panel h2{font-size:20px}.admin-panel table{width:100%;border-collapse:collapse;font-size:12px;min-width:650px}.admin-panel th,.admin-panel td{text-align:left;padding:14px 10px;border-bottom:1px solid #efedf3;vertical-align:top}.admin-panel th{color:var(--muted);font-weight:700}.admin-title{display:flex;justify-content:space-between;align-items:center}.actions-cell{white-space:nowrap}.actions-cell a,.delete-link{color:var(--purple);font:700 11px Manrope;border:0;background:none;cursor:pointer}.actions-cell form{display:inline}.inline-form{display:flex;gap:5px;margin-top:8px}.inline-form select{max-width:120px}.inline-form button{border:0;background:#eee8ff;color:#5425c9;border-radius:6px}.admin-form{max-width:760px;display:grid;gap:17px}.admin-form textarea{min-height:100px}.admin-form .check{display:flex;align-items:center;gap:10px}.admin-form .check input{width:auto}.form-actions{display:flex;gap:10px}.login-card{width:min(420px,calc(100% - 32px));margin:10vh auto;background:#fff;border:1px solid var(--line);border-radius:20px;padding:35px;display:grid;gap:18px}.login-card h1{font-size:25px;letter-spacing:-1px;margin:15px 0 0}.login-card p{margin:0}.login-card .back-link{font-size:12px}.alert{background:#fff0f0;color:#a22;padding:10px;border-radius:8px;font-size:12px}
@media(max-width:950px){.nav{gap:12px}.nav a{font-size:10px}.hero{grid-template-columns:1fr}.hero-art{height:390px;max-width:580px;width:100%;margin:auto}.laptop{width:80%}.screen{height:230px}.phone{right:5%;bottom:15px}.three{grid-template-columns:repeat(2,1fr)}.admin-stats{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.header{height:70px}.menu-toggle{display:block;margin-left:auto}.nav{display:none;position:absolute;top:70px;left:0;right:0;background:#fff;padding:20px 24px;box-shadow:0 15px 25px #0000000d;flex-direction:column}.nav.open{display:flex}.nav a{font-size:13px}.header-cta{display:none}.wrap{width:calc(100% - 36px)}.hero{padding-top:55px;min-height:auto}.hero h1{font-size:48px;letter-spacing:-2.8px}.hero-art{height:320px}.laptop{top:55px;left:0;width:85%}.screen{height:185px;border-width:7px;padding:13px}.screen-title{font-size:22px;margin:35px 0 0 12px}.phone{height:185px;width:95px;right:0;bottom:15px}.phone-screen{padding:20px 7px;gap:10px}.float-tag{top:15px;right:0;font-size:9px}.stats{gap:22px}.stats b{font-size:23px}.section{padding-top:65px;padding-bottom:65px}.section-head{align-items:start;gap:15px;flex-direction:column}.three,.two,.split,.contact-layout{grid-template-columns:1fr}.split{gap:30px}.cta{margin:15px 18px 55px;padding:30px;align-items:flex-start;flex-direction:column}.footer{grid-template-columns:1fr 1fr;padding:40px 24px 20px;gap:25px}.footer>div:first-child{grid-column:1/-1}.page-hero{padding-top:65px}.page-hero h1{font-size:48px;letter-spacing:-2px}.lead-form{grid-template-columns:1fr}.lead-form .full{grid-column:auto}.form-panel{padding:20px}.admin-shell{grid-template-columns:1fr}.admin-side{position:static;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:15px}.admin-side .brand,.admin-side small{grid-column:1/-1}.admin-side small{margin-top:5px}.admin-side form{grid-column:1/-1}.admin-main{padding:0 15px 30px}.admin-stats{grid-template-columns:repeat(2,1fr)}.admin-top{font-size:10px}.admin-title{align-items:flex-start;gap:10px;flex-direction:column}}

.hero-visual{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:screen;filter:grayscale(.7) sepia(1) saturate(3) hue-rotate(350deg) brightness(.9)}
.hero-note{position:absolute;left:4%;bottom:7%;z-index:3;display:flex;flex-direction:column;gap:3px;padding:13px 17px;background:#ffffffdd;border:1px solid #fff;border-radius:14px;box-shadow:0 12px 35px #39216d12;backdrop-filter:blur(12px)}
.hero-note span{font-size:20px;color:var(--purple)}.hero-note b{font-size:13px}.hero-note small{font-size:9px;color:var(--muted)}
@media(max-width:700px){.hero-art{height:270px}.hero-note{bottom:0;left:0;padding:9px 12px}}

.page-hero{position:relative;overflow:hidden}
.page-hero:after{content:"";position:absolute;z-index:0;right:-2%;top:0;width:42%;height:100%;background:url('/images/blackclouds-hero.png') center/contain no-repeat;opacity:.19;pointer-events:none}
.page-hero>*{position:relative;z-index:1}
.project-image{position:relative;background:#f0ecfb}
.project-image img{transition:transform .5s ease}
.project-card:hover .project-image img{transform:scale(1.035)}
.seo-ai-panel{max-width:760px;margin:20px 0;display:grid;gap:14px;background:linear-gradient(135deg,#fff,#f7f2ff)}
.seo-ai-panel p{margin:8px 0 0;font-size:12px}
.seo-ai-panel textarea{width:100%;border:1px solid #e4e1eb;border-radius:10px;padding:13px;font:13px Manrope;resize:vertical}
#ai-status{font-size:12px;min-height:18px}

/* BlackClouds yellow / black brand theme */
body{background:#0b0b0d;color:#f5f5f5}
.header{background:#0b0b0ded;border-bottom-color:#29282d}
.brand-logo{display:block;width:174px;max-height:48px;object-fit:contain;object-position:left center}
.nav a{color:#e8e6e9}.nav a:hover,.text-link:hover{color:#ffbf00}
.btn-purple{background:linear-gradient(115deg,#ffd43b,#ff9900);color:#111;box-shadow:0 10px 25px #ffb90035}
.btn-dark{background:#ffb900;color:#111}
.btn-light{background:#17171a;border-color:#44414a;color:#f5f5f5}
.eyebrow{color:#c3c0c6}.eyebrow i{background:#ffb900;box-shadow:0 0 0 5px #ffb90020}
h1 em{color:#ffb900}
.glow{background:radial-gradient(circle,#ffcf4d38 0,#ffb90016 42%,transparent 72%)}
.screen{background:radial-gradient(ellipse at 70% 85%,#9c6500,#151515 58%);border-color:#29272d}
.screen-title strong{color:#ffd34f}.wave{border-color:#ffbf0055}
.phone{border-color:#242329}.phone-screen{background:linear-gradient(150deg,#171717,#795000)}
.float-tag,.hero-note{background:#17171a;border-color:#38363d;color:#fff;box-shadow:0 12px 35px #0008}
.hero-note small{color:#aaa}.hero-note span{color:#ffb900}
.service-card,.price-card,.review-card,.form-panel,.admin-panel,.admin-stats div{background:#151518;border-color:#333238;color:#f5f5f5}
.service-card .icon{background:#ffb9001c;color:#ffbf00}
.service-card p,.project-card p,.price-card p{color:#aaa7ae}
.soft{background:#111114}.project-image{background:#222}
.placeholder-art{color:#ffbf00;background:radial-gradient(circle at 70% 30%,#34302a,#171717)}
.benefits>div{border-color:#343238}.benefits small{color:#aaa}
.cta{background:linear-gradient(110deg,#29200b,#171717);border:1px solid #4b3a12}.cta p{color:#bdb9c1}
.footer{background:#050506}.footer small{border-color:#333}
.page-hero:after{opacity:.12;filter:grayscale(1)}
.about-panel{background:linear-gradient(145deg,#111,#40300b)}
.timeline article{border-color:#343238}.timeline p{color:#aaa}
.price-card.popular{border-color:#ffb900;box-shadow:0 15px 45px #ffb90018}
.popular-label,.text-link,.service-card a{color:#ffbf00}
.price-card li{border-color:#343238}.price-card li:before,.stars{color:#ffbf00}
.contact-info small{color:#aaa}
.lead-form input,.lead-form select,.lead-form textarea,.login-card input,.admin-form input,.admin-form textarea,.seo-ai-panel textarea{background:#202024;border-color:#403e45;color:#fff}
.lead-form input::placeholder,.lead-form textarea::placeholder{color:#89858e}
.admin-body{background:#0c0c0f;color:#f5f5f5}
.admin-side{background:#050506;border-right:1px solid #29282d}
.admin-top{border-color:#333;color:#aaa}
.admin-stats div,.admin-panel{background:#151518;border-color:#333238}
.admin-panel th,.admin-panel td{border-color:#333238}
.admin-panel th,.admin-stats small,.muted{color:#aaa}
.login-card{background:#151518;border-color:#333238;color:#fff}
.seo-ai-panel{background:linear-gradient(135deg,#191919,#2a210d)}
.menu-toggle{color:#fff}
@media(max-width:700px){.nav{background:#111;border-color:#333}.nav a{color:#fff}.admin-side{background:#050506}}

/* Full BlackClouds reference layout — charcoal / electric yellow */
:root{--yellow:#ffd400;--gold:#ffb900;--bg:#09090b;--panel:#151518;--panel2:#1d1d21;--line:#34343a;--muted:#aaa9b0;--text:#f7f7f8}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}
.header{height:76px;padding:0 max(28px,calc((100% - 1440px)/2));display:flex;align-items:center;gap:28px;position:sticky;top:0;z-index:50;background:#09090bf2;border-bottom:1px solid #29292e;backdrop-filter:blur(16px)}
.brand{display:flex;align-items:center;flex-shrink:0}.brand-logo{width:170px;height:auto;max-height:44px;object-fit:contain;object-position:left center}
.nav{display:flex;align-items:center;justify-content:center;gap:clamp(12px,1.5vw,25px);flex:1}.nav a{font-size:11px;font-weight:700;color:#e5e4e8;white-space:nowrap}.nav a:hover{color:var(--yellow)}
.header-right{display:flex;align-items:center;gap:17px;white-space:nowrap}.header-phone{font-size:11px;font-weight:700}.header-cta{font-size:10px;padding:12px 18px}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:25px}
.wrap{width:min(1380px,calc(100% - 64px));margin-inline:auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:15px 22px;border-radius:100px;font:800 12px Manrope;cursor:pointer;transition:.2s;border:1px solid transparent}.btn:hover{transform:translateY(-2px);filter:brightness(1.08)}.btn-yellow{background:linear-gradient(110deg,#ffe22d,#ffb900);color:#111;box-shadow:0 8px 25px #ffbf0030}.btn-outline{background:#111;border-color:#888;color:#fff}.btn-purple{background:var(--yellow);color:#111}.btn-dark{background:var(--yellow);color:#111}
h1,h2,h3,p{margin-top:0}h1{font-size:clamp(46px,5.3vw,76px);line-height:1.03;letter-spacing:-3.5px;margin:18px 0}h1 em{font-style:normal;color:var(--yellow)}h2{font-size:clamp(30px,3.3vw,46px);letter-spacing:-2px;line-height:1.08;margin:13px 0}h3{font-size:18px;letter-spacing:-.5px;margin:10px 0}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:#c4c2c8;font-weight:800;display:inline-flex;align-items:center;gap:9px}.eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--yellow);box-shadow:0 0 0 5px #ffd40020}.lead{font-size:15px;line-height:1.75;color:#c1bfc5;max-width:540px}.section-sub{font-size:13px;color:#aaa;margin:9px 0 0}.section{padding-top:84px;padding-bottom:84px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}.section-head h2{margin-bottom:0}.text-link{color:var(--yellow);font-size:12px;font-weight:800;white-space:nowrap}.cards{display:grid;gap:18px}.four{grid-template-columns:repeat(4,minmax(0,1fr))}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.hero{min-height:520px;display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:15px;padding-top:32px;padding-bottom:38px;position:relative}.hero-copy{position:relative;z-index:2;padding-left:6px}.hero-copy h1{margin-top:22px}.hero-copy .lead{max-width:485px}.actions{display:flex;gap:12px;margin:24px 0 40px}.stats{display:flex;gap:46px}.stats div{display:grid;grid-template-columns:auto;gap:3px}.stats b{font-size:25px;line-height:1}.stats span{font-size:10px;line-height:1.5;color:#aaa}.hero-art{height:450px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate}.hero-art:before{content:"";position:absolute;inset:8% 6%;background:radial-gradient(ellipse,#ffbf0033,transparent 68%);filter:blur(14px);z-index:-1}.hero-visual{position:absolute;width:100%;height:100%;inset:0;object-fit:contain;mix-blend-mode:screen;filter:grayscale(.7) sepia(1) saturate(3) hue-rotate(350deg) brightness(.9)}.hero-orbit{position:absolute;width:75%;height:72%;border:2px solid #ffd400;opacity:.65;border-radius:50%;transform:rotate(-17deg);filter:drop-shadow(0 0 14px #ffbf00)}.hero-chip{position:absolute;right:3%;top:8%;font-size:10px;padding:11px 15px;border-radius:30px;background:#1a1a1d;border:1px solid #444;z-index:2}.hero-caption{position:absolute;left:3%;bottom:5%;display:grid;gap:2px;padding:13px 17px;background:#151518ed;border:1px solid #3a3833;border-radius:12px;box-shadow:0 12px 35px #0008}.hero-caption span{color:var(--yellow);font-size:20px}.hero-caption b{font-size:13px}.hero-caption small{color:#999;font-size:9px}
.services-home{border-top:1px solid #29292e}.service-card{position:relative;overflow:hidden;background:linear-gradient(145deg,#1c1c20,#121215);border:1px solid #39393f;border-radius:17px;padding:22px;min-height:205px;transition:.25s}.service-card:hover,.price-card:hover,.project-card:hover{border-color:#a98d12;transform:translateY(-4px);box-shadow:0 16px 45px #0007}.service-icon{width:38px;height:38px;display:grid;place-items:center;color:var(--yellow);font-size:27px;margin-bottom:16px}.service-card h3{font-size:16px}.service-card p,.project-card p{font-size:11px;line-height:1.65;color:#aaa;max-width:95%}.service-card>a{display:inline-flex;gap:12px;margin-top:8px;color:var(--yellow);font-size:11px;font-weight:800}.card-number{position:absolute;right:18px;bottom:12px;color:#ffffff10;font-size:44px;font-weight:800}
.soft{background:#101013}.portfolio-home{padding-bottom:75px}.project-card{display:block;min-width:0;transition:.25s}.project-image{height:190px;position:relative;overflow:hidden;border:1px solid #39393f;border-radius:14px;background:#1b1b20;margin-bottom:14px}.project-image.tall{height:270px}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.project-card:hover .project-image img{transform:scale(1.04)}.project-card small{color:var(--yellow);font-size:10px}.project-card h3,.project-card h2{font-size:17px;margin:7px 0}.project-card h2{font-size:24px}.project-arrow{position:absolute;right:12px;top:12px;background:var(--yellow);color:#111;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;font-weight:900}.placeholder-art{height:100%;display:grid;place-items:center;color:var(--yellow);font-size:35px;font-weight:800;background:radial-gradient(circle at 70% 25%,#403411,#17171a)}
.why-section{background:#0e0e11;border-top:1px solid #29292e;border-bottom:1px solid #29292e}.why-grid{display:grid;grid-template-columns:1.05fr 1.15fr .45fr;gap:45px;align-items:center}.dashboard-art{min-height:300px;display:grid;place-items:center;position:relative;background:radial-gradient(ellipse,#ffbd0022,transparent 65%)}.dash-window{width:95%;height:245px;border:1px solid #6a5711;border-radius:20px;background:linear-gradient(145deg,#222225,#101012);padding:17px;box-shadow:0 18px 60px #0009;transform:rotate(-4deg)}.dash-top{display:flex;gap:5px;align-items:center;border-bottom:1px solid #3a3831;padding-bottom:12px}.dash-top i{width:7px;height:7px;border-radius:50%;background:#ffcc00}.dash-top span{margin-left:auto;font-size:8px;color:#aaa}.dash-title{font-size:18px;font-weight:800;margin-top:18px}.dash-bars{height:105px;display:flex;align-items:end;gap:14px;border-bottom:1px solid #555;padding:0 14px}.dash-bars i{flex:1;background:linear-gradient(#ffe04b,#b17c00);border-radius:5px 5px 0 0;box-shadow:0 0 16px #ffc00044}.dash-bottom{display:flex;align-items:center;gap:12px;padding-top:12px}.dash-bottom b{font-size:23px;color:var(--yellow)}.dash-bottom span{font-size:10px;color:#aaa}.dash-spark{position:absolute;right:3%;bottom:8%;font-size:44px;color:var(--yellow);filter:drop-shadow(0 0 15px #ffbf00)}.benefits{display:grid;gap:17px;margin-top:25px}.benefits>div{display:flex;gap:15px;padding-bottom:14px;border-bottom:1px solid #303035}.benefits>div>b{color:var(--yellow);font-size:24px;min-width:28px}.benefits span{display:grid;gap:4px}.benefits strong{font-size:12px}.benefits small{font-size:10px;line-height:1.5;color:#aaa}.metric-card{border:1px solid #725b0d;border-radius:17px;padding:20px;background:linear-gradient(145deg,#242116,#121214);display:flex;flex-direction:column;gap:3px}.metric-card b{font-size:28px;color:var(--yellow);margin-top:10px}.metric-card span{font-size:10px;color:#aaa}
.reviews-home{padding-top:70px}.review-card{background:linear-gradient(145deg,#1b1b1f,#111114);border:1px solid #39393f;border-radius:17px;padding:24px}.stars{color:var(--yellow);letter-spacing:3px}.review-card blockquote{font-size:13px;line-height:1.8;color:#ddd;margin:17px 0}.review-card small{display:block;color:#999;font-size:10px;margin-top:4px}.cta{margin-top:30px;margin-bottom:85px;padding:45px 52px;border-radius:22px;border:1px solid #66500c;background:radial-gradient(ellipse at 80% 10%,#6e500b44,transparent 50%),linear-gradient(110deg,#211b0d,#151518);display:flex;align-items:center;justify-content:space-between;gap:25px}.cta h2{margin:12px 0}.cta p{color:#aaa;font-size:12px;margin:0}
.footer{padding:50px max(32px,calc((100% - 1380px)/2)) 22px;background:#050506;display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px;border-top:1px solid #2d2d32}.footer p,.footer a:not(.brand){display:block;color:#aaa;font-size:11px;line-height:2}.footer b{display:block;font-size:12px;margin-bottom:10px}.footer small{grid-column:1/-1;border-top:1px solid #29292e;padding-top:18px;color:#777;font-size:10px}.footer .brand-logo{width:160px}
.page-hero{padding-top:85px;padding-bottom:25px;position:relative;overflow:hidden}.page-hero:after{content:"";position:absolute;right:0;top:0;width:35%;height:100%;background:url('/images/blackclouds-hero.png') center/contain no-repeat;opacity:.11;pointer-events:none}.page-hero h1{font-size:clamp(48px,6vw,76px)}.page-hero .lead{max-width:650px}.service-detail-grid{gap:20px}.service-detail{min-height:260px;padding:30px}.service-detail h2{font-size:25px}.service-detail ul,.price-card ul{list-style:none;padding:0;margin:18px 0}.service-detail li,.price-card li{font-size:11px;color:#ccc;padding:7px 0;border-bottom:1px solid #333}.service-detail li:before,.price-card li:before{content:"✓";color:var(--yellow);margin-right:10px}.service-glow{position:absolute;right:-30px;bottom:-60px;width:180px;height:180px;border-radius:50%;background:#ffbf0010;filter:blur(20px)}
.filter-pills{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:25px}.filter-pills a{font-size:10px;padding:10px 17px;border-radius:30px;background:#1b1b1f;border:1px solid #37373d;color:#ccc}.filter-pills a.active,.filter-pills a:hover{background:var(--yellow);color:#111;border-color:var(--yellow)}.portfolio-grid{gap:28px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.about-visual{min-height:360px;border:1px solid #4d400f;border-radius:22px;background:radial-gradient(circle at 60% 40%,#5c470d,#18181b 65%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.about-visual-logo{background:#09090b;padding:28px 35px;border:1px solid #5e4b10;border-radius:16px;box-shadow:0 0 45px #ffbf0030}.about-visual img{width:240px}.about-visual>span{color:#aaa;font-size:11px;letter-spacing:2px}.about-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:28px}.about-stats div{display:grid;gap:5px}.about-stats b{font-size:25px;color:var(--yellow)}.about-stats small{font-size:9px;color:#aaa}.process-line{display:grid;grid-template-columns:repeat(6,1fr);gap:13px}.process-step{border-top:1px solid #5d4a0e;padding:18px 10px 10px;position:relative}.process-icon{width:45px;height:45px;border-radius:50%;display:grid;place-items:center;background:#392d08;color:var(--yellow);font-size:20px;margin-bottom:17px;box-shadow:0 0 20px #ffbf0020}.process-step small{font-size:10px;color:var(--yellow)}.process-step h3{font-size:14px}.process-step p{font-size:10px;line-height:1.6;color:#aaa}
.pricing-grid{align-items:stretch}.price-card{padding:27px;background:linear-gradient(145deg,#1c1c20,#111114);border:1px solid #39393f;border-radius:18px;display:flex;flex-direction:column}.price-card.popular{border:1px solid var(--yellow);box-shadow:0 0 35px #ffbf0015}.popular-label{color:var(--yellow);font-size:10px;font-weight:800}.price-card h2{font-size:22px;margin-top:10px}.price-card p{font-size:11px;line-height:1.6;color:#aaa}.price{font-size:25px;margin:12px 0}.price-card ul{flex:1}.price-card .btn{width:100%}.pricing-note{font-size:10px;color:#999;margin-top:25px}
.review-large{padding:35px}.review-large blockquote{font-size:16px}.quote-mark{font-size:50px;color:var(--yellow);height:42px}.contact-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:60px;align-items:start}.contact-info p{display:grid;gap:7px;margin:24px 0}.contact-info p small{font-size:10px;color:#999}.contact-info p a,.contact-info p b{font-size:15px}.social-links{display:flex;gap:10px;margin-top:30px}.social-links a{width:38px;height:38px;border:1px solid #49443a;border-radius:50%;display:grid;place-items:center;color:var(--yellow);font-size:11px}.form-panel{padding:30px;background:#151518;border:1px solid #39393f;border-radius:18px}.form-panel h2{font-size:26px}.form-panel>p{font-size:11px;color:#999}.lead-form{display:grid;grid-template-columns:1fr 1fr;gap:15px}.lead-form label{display:grid;gap:7px;font-size:10px;font-weight:700;color:#ddd}.lead-form input,.lead-form select,.lead-form textarea,.admin-form input,.admin-form textarea{width:100%;padding:13px 14px;border-radius:9px;background:#202024;border:1px solid #414148;color:#fff;font:12px Manrope;outline:none}.lead-form input:focus,.lead-form textarea:focus,.lead-form select:focus{border-color:var(--yellow)}.lead-form textarea{resize:vertical}.lead-form select{color:#ccc}.lead-form .full{grid-column:1/-1}.lead-form .btn{border:0}.muted{color:#999}.error{color:#ff7777;font-size:10px}.notice{max-width:1380px;margin:12px auto;padding:13px 17px;border-radius:9px;background:#22200e;border:1px solid #63510d;color:#ffe16a;font-size:12px}
.blog-grid .project-image{height:210px}.article-page{max-width:900px}.article-page h1{font-size:clamp(40px,5vw,64px);margin:25px 0}.article-cover{height:380px;border-radius:18px;overflow:hidden;margin:35px 0}.article-cover img{width:100%;height:100%;object-fit:cover}.article-body{font-size:15px;line-height:1.9;color:#d3d1d6;white-space:normal;margin:35px 0;max-width:760px}
.admin-body{background:#0b0b0d;color:#f5f5f5}.admin-side{background:#050506}.admin-panel,.admin-stats div,.login-card{background:#151518;border-color:#333238;color:#fff}.admin-main{color:#fff}.admin-panel th,.admin-panel td{border-color:#333238}.admin-form input,.admin-form textarea{background:#202024;border-color:#444;color:#fff}
@media(max-width:1100px){.header{gap:16px;padding-inline:22px}.nav{gap:11px}.nav a{font-size:10px}.header-phone{display:none}.wrap{width:calc(100% - 44px)}.why-grid{grid-template-columns:1fr 1fr}.metric-card{grid-column:1/-1;display:grid;grid-template-columns:repeat(6,auto);align-items:center}.process-line{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.header{height:68px;padding:0 18px}.brand-logo{width:145px}.menu-toggle{display:block;margin-left:auto}.nav{display:none;position:absolute;top:68px;left:0;right:0;background:#101013;padding:18px 22px;border-bottom:1px solid #333;box-shadow:0 20px 30px #0009;flex-direction:column;align-items:stretch}.nav.open{display:flex}.nav a{font-size:13px;padding:7px 0}.header-right{display:none}.wrap{width:calc(100% - 36px)}.hero{grid-template-columns:1fr;padding-top:55px;gap:0}.hero h1{font-size:49px;letter-spacing:-2.5px}.hero-art{height:300px;margin-top:10px}.hero-chip{font-size:8px}.hero-caption{left:0;bottom:0}.stats{gap:26px}.stats b{font-size:22px}.stats span{font-size:9px}.section{padding-top:60px;padding-bottom:60px}.section-head{align-items:flex-start;flex-direction:column}.four,.three,.two,.about-grid,.contact-layout{grid-template-columns:1fr}.service-card{min-height:190px}.project-image{height:220px}.why-grid{grid-template-columns:1fr;gap:25px}.dashboard-art{min-height:260px}.metric-card{grid-column:auto;grid-template-columns:repeat(3,1fr)}.metric-card b{font-size:22px}.metric-card span{font-size:9px}.cta{margin:10px 18px 55px;padding:28px;align-items:flex-start;flex-direction:column}.footer{grid-template-columns:1fr 1fr;padding:38px 22px 20px;gap:22px}.footer-brand{grid-column:1/-1}.page-hero{padding-top:60px}.page-hero h1{font-size:48px;letter-spacing:-2px}.process-line{grid-template-columns:repeat(2,1fr)}.about-visual{min-height:250px}.about-stats{grid-template-columns:repeat(2,1fr)}.pricing-grid{grid-template-columns:1fr}.lead-form{grid-template-columns:1fr}.lead-form .full{grid-column:auto}.form-panel{padding:20px}.article-cover{height:230px}.article-page h1{font-size:40px}.admin-shell{grid-template-columns:1fr}.admin-side{display:grid;grid-template-columns:repeat(3,1fr)}}

.project-live-link{display:inline-flex;align-items:center;gap:14px;margin-top:5px;padding:10px 14px;border:1px solid #63520f;border-radius:30px;color:var(--yellow);font-size:10px;font-weight:800;transition:.2s}.project-live-link:hover{background:var(--yellow);color:#111}.project-live-link span{font-size:14px}


/* BlackClouds dark / gold refresh */
:root{--ink:#f5f5f5;--muted:#a9a9ad;--purple:#ffd000;--line:#303034;--soft:#151517;--white:#fff}
body:not(.admin-body){background:#080809;color:#f5f5f5}
body:not(.admin-body) .header{background:rgba(8,8,9,.92);border-bottom:1px solid #242428;color:#fff}
body:not(.admin-body) .nav a{color:#e9e9eb}
body:not(.admin-body) .nav a:hover,
body:not(.admin-body) .text-link:hover{color:#ffd000}
body:not(.admin-body) .brand-mark{color:#ffd000}
body:not(.admin-body) .btn-yellow{background:#ffd000;color:#111;box-shadow:0 8px 28px #ffd0002a}
body:not(.admin-body) .btn-outline{border:1px solid #777;background:rgba(12,12,13,.45);color:#fff}
body:not(.admin-body) .eyebrow{color:#bcbcc0}
body:not(.admin-body) .eyebrow i{background:#ffd000;box-shadow:0 0 0 5px #ffd0001c}
body:not(.admin-body) .lead,
body:not(.admin-body) .section-sub{color:#b7b7bc}
body:not(.admin-body) .service-card,
body:not(.admin-body) .price-card,
body:not(.admin-body) .review-card{background:linear-gradient(145deg,#19191c,#111113);border-color:#343438;color:#f5f5f5}
body:not(.admin-body) .project-image{background:#17171a;border:1px solid #343438}
body:not(.admin-body) .placeholder-art{background:linear-gradient(145deg,#242427,#111113);color:#ffd000}
body:not(.admin-body) .cta{background:linear-gradient(110deg,#211d0d,#171719);border:1px solid #66520a;color:#fff}
body:not(.admin-body) .footer{background:#050506;color:#fff;border-top:1px solid #29292d}
body:not(.admin-body) .footer p,
body:not(.admin-body) .footer a:not(.brand){color:#aaa}
body:not(.admin-body) .metric-card{background:#171719;border:1px solid #6b570c;color:#fff}
body:not(.admin-body) .metric-card b{color:#ffd000}
body:not(.admin-body) .dashboard-art .dash-window{background:#151517;border-color:#6b570c;color:#fff}
body:not(.admin-body) .dash-top{border-color:#343438}
body:not(.admin-body) .dash-bars i{background:linear-gradient(0deg,#9d7900,#ffd000)}
body:not(.admin-body) .dash-bottom b{color:#ffd000}

/* Full-bleed home hero: copy is real HTML; the device artwork is a separate visual. */
.hero-full{position:relative;isolation:isolate;width:100%;min-height:min(790px,calc(100svh - 76px));display:flex;align-items:center;overflow:hidden;background:#080809;border-bottom:1px solid #242428}
.hero-full__inner{position:relative;z-index:2;width:min(1440px,calc(100% - 80px));min-height:inherit;margin:0 auto;display:grid;grid-template-columns:minmax(420px,.92fr) minmax(0,1.08fr);align-items:center}
.hero-full__copy{position:relative;z-index:3;padding:70px 0 66px;max-width:680px}
.hero-full__copy .eyebrow{margin-bottom:4px}
.hero-full__copy h1{font-size:clamp(48px,5.6vw,82px);line-height:1.02;letter-spacing:-.055em;margin:22px 0 20px;color:#f7f7f8}
.hero-full__copy h1 em{color:#ffd000}
.hero-full__copy .lead{font-size:16px;line-height:1.75;max-width:510px;color:#bdbdc2}
.hero-full__copy .actions{margin:28px 0 38px;gap:13px;flex-wrap:wrap}
.hero-full__copy .stats{gap:46px}
.hero-full__copy .stats b{font-size:29px;color:#fff}
.hero-full__copy .stats span{color:#aaa;max-width:120px}
.hero-full__image{position:absolute;inset:0;background:radial-gradient(ellipse at 76% 52%,#35270055 0,transparent 45%),linear-gradient(90deg,#080809 0%,#080809 31%,#08080900 76%)}
.hero-full__device{position:absolute;z-index:1;right:-4%;top:50%;transform:translateY(-50%);width:69%;height:94%;background-image:url('/images/blackclouds-hero-device.png');background-position:center;background-repeat:no-repeat;background-size:contain;mix-blend-mode:screen;pointer-events:none}
.hero-full__tag{position:absolute;top:10%;right:5%;padding:12px 17px;border:1px solid #555;border-radius:30px;background:#171719e8;color:#fff;font-size:11px;white-space:nowrap;box-shadow:0 8px 28px #0008}
.hero-full__caption{position:absolute;bottom:8%;left:15%;display:grid;gap:4px;padding:13px 17px;border:1px solid #4b4b4f;border-radius:15px;background:#171719e8;color:#fff;box-shadow:0 12px 32px #0008}
.hero-full__caption b{color:#ffd000;font-size:18px}
.hero-full__caption strong{font-size:14px}
.hero-full__caption small{color:#aaa;font-size:10px}
@media(max-width:950px){
 .hero-full{min-height:740px}
 .hero-full__inner{width:min(100% - 48px,760px);grid-template-columns:1fr;align-items:start}
 .hero-full__copy{padding:70px 0 310px;max-width:620px}
 .hero-full__device{width:82%;height:58%;right:-8%;top:auto;bottom:-4%;transform:none}
 .hero-full__tag{top:5%;right:4%}
 .hero-full__caption{display:none}
}
@media(max-width:600px){
 .hero-full{min-height:780px}
 .hero-full__inner{width:calc(100% - 40px)}
 .hero-full__copy{padding:58px 0 300px}
 .hero-full__copy h1{font-size:clamp(42px,11vw,58px);letter-spacing:-.045em}
 .hero-full__copy .lead{font-size:14px;line-height:1.65;max-width:440px}
 .hero-full__copy .actions{margin:23px 0 30px}
 .hero-full__copy .actions .btn{padding:13px 15px;font-size:11px}
 .hero-full__copy .stats{gap:24px}
 .hero-full__copy .stats b{font-size:24px}
 .hero-full__copy .stats span{font-size:10px}
 .hero-full__device{width:112%;height:47%;right:-22%;bottom:0}
 .hero-full__tag{font-size:9px;padding:9px 12px;top:7%;right:0}
}

/* Admin site settings */
.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.settings-logo-preview{padding:16px;background:#202024;border:1px solid #444;border-radius:10px}.admin-form hr{width:100%;border:0;border-top:1px solid #38383e;margin:12px 0}.admin-form h2{margin:8px 0 0;font-size:20px}.admin-form .form-actions{margin-top:8px}@media(max-width:700px){.settings-grid{grid-template-columns:1fr}}

/* BlackClouds admin navigation refresh */
.admin-body{background:#0b0b0d;color:#f4f4f5;min-height:100vh}
.admin-shell{display:grid;grid-template-columns:258px minmax(0,1fr);min-height:100vh}
.admin-side{position:sticky;top:0;height:100vh;min-height:650px;padding:22px 14px 14px;background:#101013;border-right:1px solid #29292e;display:flex;flex-direction:column;gap:0;color:#f5f5f5;z-index:30}
.admin-brand{display:flex;flex-direction:column;gap:8px;padding:8px 12px 24px;border-bottom:1px solid #29292e}
.admin-brand img{display:block;width:155px;max-width:100%;height:auto}
.admin-brand-caption{font-size:9px;letter-spacing:2px;color:#77777e;font-weight:800}
.admin-nav-scroll{flex:1;overflow-y:auto;padding:20px 0 12px;scrollbar-width:thin;scrollbar-color:#34343a transparent}
.admin-nav-group{display:grid;gap:4px;margin-bottom:23px}
.admin-nav-label{padding:0 12px 9px;color:#74747c;font-size:9px;letter-spacing:1.25px;font-weight:800}
.admin-side .admin-nav-link,.admin-site-link{display:flex;align-items:center;gap:12px;min-height:42px;padding:9px 12px;border:1px solid transparent;border-radius:9px;color:#b9b9c0;font-size:12px;font-weight:650;transition:background .18s,border-color .18s,color .18s}
.admin-side .admin-nav-link:hover,.admin-site-link:hover{background:#1c1c20;border-color:#303036;color:#fff}
.admin-side .admin-nav-link.is-active{background:linear-gradient(100deg,#30270b,#211d10);border-color:#66530d;color:#ffd000;box-shadow:inset 3px 0 0 #ffd000}
.admin-nav-icon{display:grid;place-items:center;flex:0 0 22px;width:22px;height:22px;border-radius:6px;background:#202024;color:#aaaab1;font-size:14px;font-weight:800}
.admin-nav-link.is-active .admin-nav-icon{background:#ffd000;color:#151515}
.admin-side-bottom{padding-top:12px;border-top:1px solid #29292e}
.admin-site-link{margin-bottom:12px}
.admin-user{display:flex;align-items:center;gap:9px;padding:10px 7px 4px;border-top:1px solid #29292e}
.admin-user-avatar{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#332a0c;color:#ffd000;font-weight:800;font-size:12px}
.admin-user-info{display:grid;gap:3px;min-width:0;flex:1}
.admin-user-info b{font-size:11px;color:#eee;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.admin-user-info small{font-size:9px;color:#77777e}
.admin-user form{margin:0}
.admin-logout{width:29px;height:29px;border:1px solid #333339;border-radius:8px;background:#19191d;color:#aaa;cursor:pointer;font-size:14px}
.admin-logout:hover{border-color:#ffd000;color:#ffd000}
.admin-main{min-width:0;padding:0 clamp(18px,3vw,42px) 48px;background:#0b0b0d}
.admin-top{height:66px;margin-bottom:30px;border-bottom:1px solid #29292e;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#888891;font-size:11px}
.admin-breadcrumb{display:flex;align-items:center;gap:10px}.admin-breadcrumb i{font-style:normal;color:#555}.admin-breadcrumb b{color:#e7e7e9;font-weight:650}
.admin-top-site{color:#ffd000;font-size:11px;font-weight:750}.admin-top-site:hover{color:#fff}
.admin-main>.notice,.admin-main>.alert{max-width:none;margin:0 0 20px}
.admin-main h1{margin:0 0 10px;font-size:clamp(24px,3vw,32px);letter-spacing:-1.2px;color:#fff}
.admin-main .muted{color:#92929a}
.admin-panel,.admin-stats div{background:#141417;border-color:#2c2c32;color:#f4f4f5}
.admin-panel th,.admin-panel td{border-color:#29292e}
.admin-panel th{color:#85858e}
.admin-panel a{color:#ffd000}
.admin-form input,.admin-form textarea,.admin-form select{background:#17171b;border-color:#36363d;color:#f5f5f5}
.admin-form input:focus,.admin-form textarea:focus,.admin-form select:focus{outline:1px solid #ffd000;border-color:#ffd000}
@media(max-width:760px){
 .admin-shell{grid-template-columns:1fr}
 .admin-side{position:relative;top:auto;height:auto;min-height:0;padding:12px;border-right:0;border-bottom:1px solid #29292e}
 .admin-brand{padding:4px 6px 12px;flex-direction:row;align-items:center;justify-content:space-between}
 .admin-brand img{width:130px}.admin-brand-caption{font-size:8px}
 .admin-nav-scroll{display:flex;gap:14px;overflow-x:auto;overflow-y:hidden;padding:12px 0 4px}
 .admin-nav-group{display:flex;flex:0 0 auto;gap:5px;margin:0;align-items:center}
 .admin-nav-label{display:none}
 .admin-side .admin-nav-link{min-height:37px;padding:7px 9px;white-space:nowrap;font-size:11px}
 .admin-nav-icon{width:19px;height:19px;flex-basis:19px;font-size:12px}
 .admin-side-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:10px}
 .admin-site-link{margin:0;padding:7px 9px;min-height:34px;font-size:10px}
 .admin-user{border:0;padding:0;flex:1;justify-content:flex-end}
 .admin-user-info{display:none}
 .admin-main{padding:0 14px 30px}
 .admin-top{height:52px;margin-bottom:22px}
}

/* Admin workspace: use the full available content width */
.admin-main{width:100%;max-width:none;}
.admin-main>*{max-width:none;}
.admin-main>.admin-panel,
.admin-main>form.admin-form,
.admin-main>.admin-stats,
.admin-main>.admin-title,
.admin-main>.admin-table-wrap{width:100%;max-width:none;}
.admin-form{width:100%;max-width:none;}
.admin-panel{width:100%;max-width:none;}
.admin-form.admin-panel{display:grid;grid-template-columns:minmax(0,1fr);}
.settings-tabs{width:100%;}
.settings-tab-panel{width:100%;}
.settings-tab-panel .settings-grid{width:100%;grid-template-columns:repeat(2,minmax(0,1fr));}
.admin-main .admin-panel table{width:100%;}
.admin-main .form-actions{width:100%;}
@media(max-width:760px){
 .settings-tab-panel .settings-grid{grid-template-columns:minmax(0,1fr);}
 .admin-main{width:100%;}
}

/* BlackClouds full-width hero background alignment */
.hero-full {
    position: relative;
    isolation: isolate;
    width: 100vw;
    max-width: none;
    min-height: clamp(680px, calc(100svh - 76px), 900px);
    margin-inline: calc(50% - 50vw);
    display: flex;
    align-items: center;
    overflow: hidden;
    background: #080809;
}
.hero-full__device {
    position: absolute;
    inset: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    transform: none;
    background-image: url('/images/blackclouds-hero-device.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    mix-blend-mode: normal;
    pointer-events: none;
}
.hero-full__shade {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(90deg,
        #080809 0%,
        rgba(8,8,9,.98) 19%,
        rgba(8,8,9,.86) 34%,
        rgba(8,8,9,.35) 53%,
        rgba(8,8,9,.04) 76%,
        rgba(8,8,9,.08) 100%);
}
.hero-full__inner {
    position: relative;
    z-index: 2;
    width: min(1440px, calc(100% - 80px));
    min-height: inherit;
    margin-inline: auto;
    display: grid;
    grid-template-columns: minmax(420px, .92fr) minmax(0, 1.08fr);
    align-items: center;
}
.hero-full__copy { grid-column: 1; }
.hero-full__tag { z-index: 2; }
.hero-full__caption { z-index: 2; }
@media (max-width: 760px) {
    .hero-full {
        width: 100vw;
        min-height: 780px;
        margin-inline: calc(50% - 50vw);
    }
    .hero-full__device {
        background-size: auto 58%;
        background-position: 66% bottom;
    }
    .hero-full__shade {
        background: linear-gradient(180deg,
            #080809 0%,
            rgba(8,8,9,.96) 37%,
            rgba(8,8,9,.48) 68%,
            rgba(8,8,9,.12) 100%);
    }
    .hero-full__inner {
        width: calc(100% - 40px);
        min-height: 780px;
        grid-template-columns: 1fr;
        align-items: start;
    }
    .hero-full__copy { padding: 58px 0 300px; }
    .hero-full__tag, .hero-full__caption { display: none; }
}

/* BlackClouds SVG icon system */
.bc-icon{display:inline-block;flex:0 0 auto;vertical-align:middle;color:currentColor}
.service-icon .bc-icon,.process-icon .bc-icon{color:#ffd400}
.service-icon{display:flex;align-items:center;justify-content:flex-start}
.admin-nav-icon{display:inline-flex;align-items:center;justify-content:center}
.admin-nav-icon .bc-icon{width:18px;height:18px}


/* Header navigation UX refresh */
.header{height:76px;padding-inline:clamp(20px,4vw,72px);gap:clamp(18px,2.2vw,36px)}
.header .brand{min-width:160px}
.header .brand-logo{width:164px;max-height:46px}
.header .nav{gap:clamp(10px,1.25vw,22px);min-width:0}
.header .nav a{position:relative;display:inline-flex;align-items:center;min-height:42px;padding:0 1px;font-size:12px;font-weight:700;letter-spacing:-.15px;color:#d8d7dc;transition:color .18s ease}
.header .nav a::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:2px;border-radius:2px;background:var(--yellow);transform:scaleX(0);transform-origin:left;transition:transform .18s ease}
.header .nav a:hover,.header .nav a[aria-current="page"]{color:#fff}
.header .nav a:hover::after,.header .nav a[aria-current="page"]::after{transform:scaleX(1)}
.header-right{gap:clamp(12px,1.5vw,22px)}
.header-phone{display:inline-flex;align-items:center;gap:8px;color:#e8e7eb;font-size:12px;font-weight:700;transition:color .18s ease}
.header-phone:hover{color:var(--yellow)}
.header-phone svg{width:15px;height:15px;fill:none;stroke:var(--yellow);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.header .header-cta{min-height:42px;padding:0 20px;border-radius:999px;font-size:11px;white-space:nowrap}
.header .header-cta span{font-size:14px;margin-left:3px}
.menu-toggle{width:42px;height:42px;padding:10px;border:1px solid #37373d;border-radius:12px;background:#151518;display:none;flex-direction:column;justify-content:center;gap:5px;cursor:pointer}
.menu-toggle span{display:block;width:20px;height:2px;background:#ffd400;border-radius:2px;transition:transform .2s,opacity .2s}
.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(7px) rotate(45deg)}
.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-7px) rotate(-45deg)}
@media(max-width:1120px){.header{padding-inline:22px;gap:15px}.header .brand{min-width:135px}.header .brand-logo{width:140px}.header .nav{gap:10px}.header .nav a{font-size:10px}.header-phone{display:none}.header .header-cta{padding-inline:15px}}
@media(max-width:760px){.header{height:68px;padding-inline:18px;gap:12px}.header .brand{min-width:0}.header .brand-logo{width:145px;max-height:42px}.menu-toggle{display:flex;margin-left:auto}.header .nav{display:none;position:absolute;top:calc(100% + 1px);left:0;right:0;padding:12px 18px 18px;background:rgba(12,12,14,.98);border-bottom:1px solid #333;box-shadow:0 18px 35px #000b;backdrop-filter:blur(18px);flex-direction:column;align-items:stretch;gap:2px}.header .nav.open{display:flex}.header .nav a{min-height:44px;padding:0 12px;border-radius:9px;font-size:13px}.header .nav a::after{display:none}.header .nav a[aria-current="page"]{color:var(--yellow);background:#ffd40012}.header-right{display:none}}
@media(min-width:761px) and (max-width:900px){.header .nav{gap:8px}.header .nav a{font-size:9px}.header .brand-logo{width:125px}.header .brand{min-width:120px}.header .header-cta{font-size:9px;padding-inline:11px}}

/* Settings: compact inline checkbox controls */
.admin-form .settings-tab-panel label.settings-check {
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:flex-start;
    gap:10px;
    width:fit-content;
    max-width:100%;
    margin:12px 0;
    line-height:1.45;
    cursor:pointer;
}
.admin-form .settings-tab-panel label.settings-check input[type="checkbox"] {
    flex:0 0 16px;
    width:16px;
    height:16px;
    margin:0;
    accent-color:#ffd400;
}
.admin-form .settings-tab-panel label.settings-check span {
    display:block;
}