:root{--bg:#031426;--bg-deep:#020e1c;--surface:rgba(9,31,52,.74);--surface2:rgba(12,38,64,.86);--line:rgba(126,177,220,.26);--text:#f7fbff;--muted:#b8c9da;--blue:#149cff;--blue2:#3eafff;--green:#39e788;--gold:#ffc928;--max:1100px;--radius:9px;--shadow:0 20px 55px rgba(0,0,0,.24)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 72% 13%,rgba(14,92,160,.20),transparent 30%),linear-gradient(180deg,#031426 0%,#021221 100%);color:var(--text);font:16px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit}.container{width:min(var(--max),calc(100% - 40px));margin:auto}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:12px;top:12px;z-index:999;background:#fff;color:#000;padding:8px 12px}.site-header{height:80px;border-bottom:1px solid var(--line);background:rgba(2,14,28,.88);backdrop-filter:blur(12px);position:sticky;top:0;z-index:50}.header-container{height:100%;display:flex;align-items:center;justify-content:space-between}.brand-logo{display:flex;align-items:center}.brand-logo-image{display:block;width:235px;height:auto;opacity:.96}.nav-menu ul{display:flex;gap:34px;list-style:none;margin:0;padding:0}.nav-link{text-decoration:none;font-weight:650;font-size:.94rem;padding:29px 0 25px;border-bottom:3px solid transparent}.nav-link:hover,.nav-link:focus-visible{color:var(--blue2);border-color:var(--blue)}.nav-toggle{display:none}.hero-section{min-height:360px;border-bottom:1px solid var(--line);display:flex;align-items:center;background:linear-gradient(90deg,rgba(2,14,28,.98) 0%,rgba(3,20,38,.86) 52%,rgba(4,33,61,.62) 100%)}.hero-container{position:relative;min-height:360px;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.hero-copy{position:relative;z-index:2;width:50%;padding:52px 0}.hero-title{font-size:clamp(2.4rem,4vw,4.2rem);line-height:1.05;letter-spacing:-.04em;margin:0 0 18px;max-width:620px}.hero-subtitle{color:#d2dfeb;font-size:1.08rem;max-width:580px;margin:0 0 24px}.hero-visual{position:absolute;right:-15px;top:15px;width:54%;height:330px;background:url('hero-globe.png') center/contain no-repeat;filter:saturate(1.25) brightness(1.13);mix-blend-mode:screen;opacity:.95}.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:750;border-radius:6px;transition:.18s ease}.btn-primary{background:linear-gradient(180deg,#45b6ff,#168eff);color:#00101f;padding:11px 18px;box-shadow:0 0 25px rgba(20,156,255,.18)}.btn-primary:hover{transform:translateY(-1px);filter:brightness(1.08)}section:not(.hero-section){border-bottom:1px solid var(--line)}.overview-section{padding:42px 0}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.section-title{font-size:2rem;line-height:1.15;margin:0 0 14px;letter-spacing:-.025em}.lead-text,.overview-text p{color:#d4e0ea}.capabilities-box,.contact-card{border:1px solid rgba(131,180,222,.35);background:linear-gradient(145deg,rgba(11,34,57,.78),rgba(5,24,42,.75));border-radius:var(--radius);padding:20px 24px;box-shadow:inset 0 1px rgba(255,255,255,.03)}.box-heading{margin:0 0 14px}.capabilities-list{list-style:none;padding:0;margin:0;display:grid;gap:12px}.capabilities-list li{color:#d5e1ec;padding-left:42px;position:relative}.capabilities-list li::before{position:absolute;left:0;top:-3px;color:var(--blue);font-size:1.55rem;font-weight:800}.capabilities-list li:nth-child(1)::before{content:'</>'}.capabilities-list li:nth-child(2)::before{content:'♟'}.capabilities-list li:nth-child(3)::before{content:'◎'}.capabilities-list li:nth-child(4)::before{content:'▣'}.capabilities-list li:nth-child(5)::before{content:'◆'}.capabilities-list strong{color:#fff}.portfolio-section{padding:36px 0 44px}.section-header{margin-bottom:14px}.section-subtitle{color:var(--muted);margin:0}.tab-list{display:none}.portfolio-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.portfolio-card{min-height:260px;border:1px solid rgba(126,177,220,.32);background:linear-gradient(160deg,rgba(10,35,58,.88),rgba(4,22,39,.82));border-radius:var(--radius);padding:18px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--shadow);transition:.18s ease}.portfolio-card:hover{transform:translateY(-3px);border-color:rgba(62,175,255,.65)}.card-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.card-category{display:none}.card-status{font-size:.73rem;font-weight:850;text-transform:uppercase;color:var(--gold)}.card-status.active{color:var(--green)}.product-mark{height:54px;display:flex;align-items:center;margin-bottom:10px;font-size:1.55rem;font-weight:900;letter-spacing:-.03em}.product-mark::before{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;margin-right:8px;border-radius:50%;font-size:1rem}.product-appy{font-size:2rem}.product-appy::before{content:'◉';color:#8b63ff;background:rgba(139,99,255,.12)}.product-freaksmeet{font-size:1.7rem;font-style:italic;color:#ff67b5;text-shadow:0 0 12px rgba(255,76,168,.7)}.product-freaksmeet::before{display:none}.product-fantastechs::before{content:'F';border-radius:5px;background:linear-gradient(135deg,#18b5ff,#0b72d8);color:#fff}.product-worknow::before{content:'⌂';border:2px solid var(--gold);color:var(--gold);background:transparent}.card-title{font-size:1.05rem;margin:0 0 7px}.card-desc{color:#c4d3e0;font-size:.9rem;margin:0}.card-actions{margin-top:16px}.card-actions a,.coming-soon-label{color:var(--blue2);font-weight:750;text-decoration:none;font-size:.9rem}.contact-section{padding:40px 0}.compact-container{max-width:760px}.center-text{text-align:center}.contact-intro{color:var(--muted)}.contact-direct{margin-top:20px}.contact-direct a{color:var(--blue2)}.note{color:var(--muted);font-size:.9rem}.site-footer{padding:16px 0;background:#020d19}.footer-container{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap;color:#aebdca;font-size:.88rem}.footer-container a{color:var(--blue2);text-decoration:none}.footer-links{display:flex;gap:20px}.footer-links a+a{border-left:1px solid var(--line);padding-left:20px}:focus-visible{outline:3px solid #73c8ff;outline-offset:3px}
@media(max-width:900px){.hero-copy{width:58%}.hero-visual{right:-90px;width:62%;opacity:.72}.grid-2{grid-template-columns:1fr;gap:28px}.portfolio-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.site-header{height:70px}.brand-logo-image{width:175px}.nav-toggle{display:block;width:42px;height:42px;border:1px solid var(--line);background:transparent;border-radius:6px}.hamburger,.hamburger::before,.hamburger::after{display:block;width:20px;height:2px;background:#fff;margin:auto;content:'';position:relative}.hamburger::before{position:absolute;top:-6px}.hamburger::after{position:absolute;top:6px}.nav-menu{display:none;position:absolute;top:70px;left:0;right:0;background:#031426;border-bottom:1px solid var(--line)}.nav-menu.is-open{display:block}.nav-menu ul{display:block;padding:12px 20px}.nav-link{display:block;padding:12px 0}.hero-container{min-height:520px;justify-content:flex-start}.hero-copy{width:100%;padding:42px 0 0}.hero-visual{top:280px;right:0;width:100%;height:230px;opacity:.75}.portfolio-grid{grid-template-columns:1fr}.section-title{font-size:1.7rem}.container{width:min(100% - 28px,var(--max))}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.footer-brand{display:flex;align-items:center;gap:18px}.footer-brand .logo-text{display:none}.copyright{margin:0}.footer-nav ul{display:flex;gap:20px;list-style:none;margin:0;padding:0}.footer-nav li+li{border-left:1px solid var(--line);padding-left:20px}.footer-nav a{color:var(--blue2);text-decoration:none}

/* Approved PE homepage visual lock — 2026-08-29 */
:root{--max:1240px}
.site-header{height:78px}
.brand-logo-image{width:205px}
.hero-section{min-height:300px}
.hero-container{min-height:300px}
.hero-copy{padding:34px 0;width:43%}
.hero-title{font-size:clamp(2.55rem,3.35vw,3.55rem);max-width:560px;margin-bottom:14px}
.hero-subtitle{font-size:1rem;max-width:510px}
.hero-visual{right:0;top:4px;width:59%;height:294px;filter:saturate(1.35) brightness(1.2) drop-shadow(0 0 16px rgba(20,156,255,.28));opacity:1}
.overview-section{padding:28px 0}.grid-2{gap:72px}.portfolio-section{padding:24px 0 14px}.portfolio-grid{gap:14px}.portfolio-card{min-height:255px;padding:14px;border-color:rgba(20,156,255,.62);box-shadow:none}.card-meta{margin-bottom:5px}.card-status{border:1px solid currentColor;border-radius:10px;padding:1px 7px;font-size:.62rem}.product-mark{display:none}.product-logo-wrap{height:78px;display:flex;align-items:center;justify-content:center;margin:0 0 5px;overflow:hidden}.product-logo{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.product-logo-appy{height:72px}.product-logo-appy .product-logo{max-width:90%;max-height:90%}.product-logo-freaksmeet .product-logo{width:94%;max-height:68px;object-fit:contain}.product-logo-fantastechs{height:78px;background:transparent}.product-logo-fantastechs .product-logo{width:100%;height:auto;max-height:78px;object-fit:contain} .product-logo-worknow{height:79.2px}.product-logo-worknow .product-logo{max-height:79.2px}.card-title{font-size:1rem}.card-desc{font-size:.84rem;line-height:1.45}.card-actions{margin-top:10px}.site-footer{padding:11px 0}.footer-container{font-size:.8rem}
@media(max-width:900px){.hero-copy{width:52%}.hero-visual{right:-70px;width:62%}.portfolio-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.brand-logo-image{width:154px}.hero-copy{width:100%}.hero-container{min-height:500px}.hero-visual{top:275px;right:0;width:100%;height:215px}.portfolio-grid{grid-template-columns:1fr}.product-logo-wrap{height:92px}}


/* PE approved dark-electric visual treatment — product logo rules intentionally untouched */
html,body{background:#010916}
body{background:radial-gradient(circle at 68% 12%,rgba(0,69,150,.10),transparent 31%),linear-gradient(180deg,#010916 0%,#010b18 48%,#010814 100%)}
.site-header{background:rgba(1,8,20,.96)}
.hero-section{background:linear-gradient(90deg,#010916 0%,#010a18 48%,#010b1b 100%)}
.hero-visual{mix-blend-mode:screen;filter:saturate(1.75) contrast(1.18) brightness(1.25) drop-shadow(0 0 12px rgba(0,153,255,.55)) drop-shadow(0 0 30px rgba(0,102,255,.28));opacity:1}
.overview-section,.portfolio-section,.contact-section{background:rgba(2,13,27,.30)}
.capabilities-box,.contact-card{background:linear-gradient(145deg,rgba(8,27,48,.94),rgba(3,18,34,.94))}
.portfolio-card{background:linear-gradient(160deg,rgba(6,29,50,.96),rgba(2,17,32,.96))}
.site-footer{background:#010712}


/* PE five-product electric-purple enhancement — existing protected logo assets/rules unchanged */
:root{--violet:#8f35ff;--violet2:#b75cff}
.hero-section{background:radial-gradient(circle at 72% 42%,rgba(111,35,255,.16),transparent 35%),linear-gradient(90deg,#010916 0%,#03091a 48%,#070820 100%)}
.hero-visual{background-image:url('hero-globe-purple.png');filter:saturate(1.25) contrast(1.08) brightness(1.08) drop-shadow(0 0 18px rgba(135,55,255,.55)) drop-shadow(0 0 38px rgba(73,74,255,.24));mix-blend-mode:screen}
.btn-primary,.btn-secondary{border:1px solid rgba(190,95,255,.92);background:linear-gradient(180deg,rgba(126,46,238,.95),rgba(72,28,181,.96));color:#fff;box-shadow:0 0 18px rgba(139,49,255,.32),inset 0 1px rgba(255,255,255,.18)}
.btn-secondary{width:100%;padding:9px 12px;border-radius:8px;font-size:.78rem;letter-spacing:.02em}
.btn-primary:hover,.btn-secondary:hover{transform:translateY(-1px);filter:brightness(1.12);box-shadow:0 0 25px rgba(159,65,255,.48)}
.portfolio-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.portfolio-card{border-color:rgba(151,54,255,.70);box-shadow:0 0 18px rgba(101,35,215,.10);min-height:270px}
.portfolio-card:hover{border-color:rgba(190,91,255,.95);box-shadow:0 0 24px rgba(122,42,255,.22)}
.card-status{border-color:rgba(167,76,255,.9);background:rgba(90,30,178,.22);padding:2px 8px}
.product-logo-kyhirah{height:79.2px}
.product-logo-kyhirah .product-logo{max-height:79.2px;max-width:82%}
.coming-soon-label{display:inline-flex;width:100%;align-items:center;justify-content:center;min-height:36px;border:1px solid rgba(255,201,40,.48);border-radius:8px;color:var(--gold);background:rgba(255,201,40,.06)}
@media(max-width:1100px){.portfolio-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.portfolio-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.portfolio-grid{grid-template-columns:1fr}}