html, body { touch-action: manipulation; }
:root{--bg:#07090d;--panel:#0d1118;--line:#202733;--text:#f4f6f8;--muted:#9ca6b5;--accent:#e8ff2f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'Inter','IBM Plex Sans Arabic',Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.nav{height:82px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.06);position:sticky;top:0;background:rgba(7,9,13,.88);backdrop-filter:blur(18px);z-index:20}.brand{font-size:26px;font-weight:850;letter-spacing:-1.5px}.brand-i{color:var(--accent)}.brand-system{color:#fff}nav{display:flex;gap:25px;align-items:center}nav a,.back{font-size:13px;color:#cbd1da}.nav-team{border:1px solid var(--accent);padding:10px 15px;border-radius:9px;color:var(--accent)!important;font-weight:850;box-shadow:0 0 18px rgba(232,255,47,.08);transition:.2s ease}.nav-team:hover{background:var(--accent);color:#0a0d0b!important;box-shadow:0 0 24px rgba(232,255,47,.2)}.nav-cta{border:1px solid #39404c;padding:10px 15px;border-radius:9px}select,input,textarea{background:#0a0d12;color:var(--text);border:1px solid #303744;border-radius:9px;padding:13px;font:inherit;outline:none}select{cursor:pointer}.hero{min-height:730px;padding:110px 7vw 90px;display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:center;position:relative;overflow:hidden}.hero-glow{position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(232,255,47,.12),transparent 65%);right:-120px;top:-180px}.eyebrow,.section-kicker{font-size:11px;letter-spacing:2px;color:var(--accent);font-weight:800}.hero h1{font-size:clamp(48px,6vw,86px);line-height:.98;letter-spacing:-4px;max-width:900px;margin:18px 0 28px}.hero p{font-size:18px;color:var(--muted);max-width:690px}.actions{display:flex;gap:13px;margin-top:34px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 21px;border-radius:10px;font-weight:800;border:1px solid #303744;cursor:pointer}.btn.primary{background:var(--accent);color:#0a0d0b;border-color:var(--accent)}.btn.ghost{background:transparent}.login-back{width:100%;margin-top:0;text-align:center}.full{width:100%;margin-top:12px}.trust{margin-top:42px;color:#727d8b;font-size:12px;display:flex;gap:10px}.hero-card{height:420px;border:0;border-radius:0;background:transparent;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:none}.isystem-3d{position:relative;display:flex;align-items:center;justify-content:center;font-size:clamp(45px,5vw,72px);font-weight:950;letter-spacing:-5px;transform:perspective(600px) rotateX(7deg) rotateY(-12deg);transform-style:preserve-3d;animation:isystemFloat 5s ease-in-out infinite;filter:drop-shadow(0 0 24px rgba(232,255,47,.13));user-select:none}.isystem-3d:before{content:"";position:absolute;width:250px;height:140px;border-radius:50%;background:radial-gradient(ellipse,rgba(232,255,47,.16),transparent 68%);transform:translateZ(-45px) rotate(-8deg);filter:blur(8px);z-index:-1}.isystem-3d:after{content:"";position:absolute;inset:-24px -45px;border:1px solid rgba(255,255,255,.06);border-radius:50%;transform:rotateX(67deg) rotateZ(-10deg) translateZ(-20px);box-shadow:0 0 35px rgba(232,255,47,.08);z-index:-1}.three-i{color:var(--accent);text-shadow:1px 1px 0 #b6cc12,3px 3px 0 #778500,6px 6px 18px rgba(232,255,47,.22);transform:translateZ(28px)}.three-system{color:#fff;text-shadow:1px 1px 0 #b9bdc3,3px 3px 0 #6d7279,6px 6px 18px rgba(255,255,255,.12);transform:translateZ(24px)}@keyframes isystemFloat{0%,100%{transform:perspective(600px) rotateX(7deg) rotateY(-12deg) translateY(0) rotateZ(-1deg)}50%{transform:perspective(600px) rotateX(-5deg) rotateY(10deg) translateY(-13px) rotateZ(1deg)}}.card-line{position:absolute;bottom:25px;color:#8e99a7;font-size:12px}.section{padding:110px 7vw}.intro{display:grid;grid-template-columns:1fr 1fr;gap:90px;border-top:1px solid var(--line)}h2{font-size:clamp(35px,4vw,58px);line-height:1.02;letter-spacing:-2px;margin:15px 0}.intro p,.section-head p{color:var(--muted);font-size:17px;max-width:600px}.section-head{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:45px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-grid article{padding:32px;border:1px solid var(--line);background:var(--panel);min-height:270px;border-radius:15px}.service-grid b{color:var(--accent);font-size:12px}.service-grid h3{font-size:24px;margin-top:55px}.service-grid p,.work-card p{color:var(--muted)}.pricing{margin:0 7vw;padding:55px 5vw;border:1px solid #343d49;border-radius:20px;background:linear-gradient(110deg,#10151c,#0b0e13);display:flex;justify-content:space-between;align-items:center;gap:40px}.pricing h2{font-size:70px;margin:5px 0}.pricing p{max-width:700px;color:var(--muted)}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.work-card{border:1px solid var(--line);background:var(--panel);border-radius:15px;overflow:hidden}.work-card>div:last-child{padding:20px}.work-card span{color:var(--accent);font-size:12px;font-weight:800}.work-image{height:220px;display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:900}.fitness{background:linear-gradient(135deg,#101a12,#182d19)}.education{background:linear-gradient(135deg,#111722,#15253b)}.ica{background:linear-gradient(135deg,#111,#272727)}.final-cta{margin:20px 7vw 90px;padding:70px;border-radius:22px;border:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:40px}.final-cta h2{max-width:800px}.final-cta p{color:var(--muted)}footer{border-top:1px solid var(--line);padding:25px 7vw;color:#6f7885;font-size:11px;display:flex;justify-content:space-between}.popup-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.75);backdrop-filter:blur(8px);z-index:50;align-items:center;justify-content:center;padding:20px}.popup-backdrop.show{display:flex}.popup{position:relative;width:min(500px,100%);background:#0e131a;border:1px solid #343d49;border-radius:20px;padding:38px;box-shadow:0 30px 100px #000}.close{position:absolute;right:16px;top:12px;background:none;border:0;color:#9da6b2;font-size:28px;cursor:pointer}.promo-mark{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#0a0d0b;font-size:19px;font-weight:900;margin-bottom:25px}.popup h2{font-size:38px}.popup p{color:var(--muted)}.popup form{display:grid;gap:12px}.popup form input{min-height:50px}.popup form .phone{align-items:stretch}.phone{display:grid;grid-template-columns:145px 1fr;gap:9px}.popup-email{grid-column:1 / -1;min-width:0;width:100%;min-height:58px;padding:16px 18px;font-size:16px;display:block}.form-page,.project-page{max-width:1050px;margin:auto;padding:90px 25px}.form-intro{max-width:760px;margin-bottom:45px}.form-intro h1,.project-hero h1{font-size:clamp(44px,6vw,75px);line-height:1;letter-spacing:-3px}.form-intro p,.project-hero p{color:var(--muted);font-size:17px}.project-form{display:grid;gap:22px}.project-form label{display:grid;gap:9px;color:#cbd1da;font-size:13px}.project-form input,.project-form textarea{width:100%}.thanks{min-height:100vh;display:grid;place-content:center;text-align:center;padding:30px;max-width:700px;margin:auto}.thanks p{color:var(--muted);margin-bottom:30px}.project-hero{padding:60px 0}.project-shot{height:480px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,#111720,#080a0e);display:grid;place-items:center;font-size:45px;font-weight:900}.project-shot small{display:block;font-size:12px;color:var(--muted);position:absolute;margin-top:100px;font-weight:400}@media(max-width:800px){nav a{display:none}.nav .nav-team,.nav .nav-cta{display:inline-flex!important;align-items:center;white-space:nowrap}.nav{padding:0 5vw}.hero{grid-template-columns:1fr;padding:80px 6vw}.hero-card{height:300px}.hero h1{letter-spacing:-2px}.section,.form-page,.project-page{padding:75px 6vw}.intro,.service-grid,.work-grid{grid-template-columns:1fr}.section-head,.pricing,.final-cta{display:block}.pricing .btn,.final-cta .btn{margin-top:20px}.pricing{margin:0 6vw;padding:35px}.pricing h2{font-size:55px}.final-cta{margin:20px 6vw 60px;padding:40px}footer{padding:25px 6vw;display:block}.popup{padding:30px 22px}.phone{grid-template-columns:1fr 1.6fr}.popup-email{grid-column:1 / -1}}
/* Portfolio preview: open canvas, no rounded frame */
.project-nav{display:flex;align-items:center;gap:20px}
.project-shot{height:auto;min-height:300px;border:0;border-radius:0;background:transparent;display:flex;align-items:center;justify-content:center;position:relative;overflow:visible;padding:40px 0}
.project-preview-placeholder{width:auto;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:clamp(48px,8vw,100px);font-weight:950;letter-spacing:-5px;background:transparent;filter:drop-shadow(0 0 28px rgba(232,255,47,.10));}
.project-preview-placeholder small{margin-top:18px;font-size:13px;letter-spacing:0;color:var(--muted);font-weight:400}
@media(max-width:800px){.project-nav .back{display:inline-flex!important;align-items:center;white-space:nowrap}.project-nav{gap:8px}.project-shot{min-height:220px;padding:25px 0}.project-preview-placeholder{min-height:0;font-size:52px}}
.auth-page{min-height:calc(100vh - 82px);display:grid;place-items:center;padding:50px 6vw}.auth-card{width:min(560px,100%);padding:44px;border:1px solid var(--line);background:var(--panel);border-radius:20px}.alert,.client-alert{padding:14px 18px;border:1px solid rgba(232,255,47,.35);background:rgba(232,255,47,.08);border-radius:12px;margin:15px 0;color:#e9f0d0}.client-alert{position:relative}.client-alert button{position:absolute;right:10px;top:7px;border:0;background:none;color:#fff;font-size:22px}.client-alert.warning{border-color:#e8ff2f}.dashboard{padding:70px 6vw 100px;max-width:1400px;margin:auto}.dash-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}.dash-head h1{font-size:clamp(42px,6vw,72px);line-height:1;margin:10px 0}.dash-section{padding:55px 0;border-top:1px solid var(--line)}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px}.table-wrap table{width:100%;border-collapse:collapse;min-width:850px}.table-wrap th,.table-wrap td{text-align:left;padding:14px;border-bottom:1px solid var(--line);vertical-align:top;font-size:13px}.table-wrap th{color:var(--accent);font-size:11px;text-transform:uppercase;letter-spacing:1px}.actions-small{display:flex;gap:6px;flex-wrap:wrap}.mini{padding:7px 10px;border:1px solid #303744;background:#11161d;color:#fff;border-radius:7px;cursor:pointer}.mini.ok{border-color:var(--accent);color:var(--accent)}.mini.danger{border-color:#d65b5b;color:#ff8c8c}.status{font-size:11px;padding:5px 8px;border-radius:20px;background:#171c23}.status.accepted{color:var(--accent)}.status.rejected{color:#ff8c8c}.status.pending{color:#ffd66b}.section-head .search{width:min(380px,100%);min-height:48px}.client-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.client-card{padding:25px;border:1px solid var(--line);background:var(--panel);border-radius:15px;transition:.2s}.client-card:hover{border-color:var(--accent);transform:translateY(-2px)}.client-card h3{font-size:23px;margin:8px 0}.client-card p,.client-card small,.muted{color:var(--muted)}.client-id{font-size:11px;color:var(--accent);font-weight:800}.admin-form{display:grid;gap:20px}.admin-panel{padding:28px;border:1px solid var(--line);background:var(--panel);border-radius:16px;margin:20px 0}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:22px}.form-grid label,.admin-panel label{display:grid;gap:7px;color:#cbd1da;font-size:12px}.full-span{grid-column:1/-1}.method-row{display:grid;grid-template-columns:1fr 2fr;gap:10px;margin:10px 0}.inline-form{display:flex;gap:10px;flex-wrap:wrap}.inline-form input,.inline-form select{flex:1;min-width:200px}.private-note,.payment-instructions,.secret-box{padding:16px;border-radius:12px;background:#080b10;border:1px solid var(--line);color:#d7dce3}.website-link{color:var(--accent);font-weight:800;word-break:break-all}.chat-box{display:flex;flex-direction:column;gap:10px;max-height:420px;overflow:auto;margin-bottom:14px}.chat-msg{max-width:75%;padding:12px 15px;border-radius:12px;background:#151a22;display:flex;flex-direction:column;gap:4px}.chat-msg.client{align-self:flex-end;border:1px solid rgba(232,255,47,.18)}.chat-msg.admin{align-self:flex-start}.chat-msg b{font-size:11px;color:var(--accent)}.chat-msg small{color:#6f7885;font-size:10px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.stat{padding:25px;border:1px solid var(--line);border-radius:15px;background:var(--panel)}.stat small,.stat span{display:block;color:var(--muted);font-size:12px}.stat strong{display:block;font-size:25px;margin:7px 0}.secret-box{margin-top:20px;border-color:rgba(232,255,47,.3)}@media(max-width:900px){.client-grid,.stats-grid,.form-grid{grid-template-columns:1fr}.section-head{align-items:stretch}.method-row{grid-template-columns:1fr}.auth-card{padding:30px}.dashboard{padding:50px 5vw}.dash-head{display:block}}

/* Login fields: always editable and clearly visible */
.auth-card .project-form .login-input{display:block!important;width:100%!important;min-height:56px!important;background:#0a0d12!important;color:#f4f6f8!important;border:1px solid #4a5362!important;caret-color:#e8ff2f!important;cursor:text!important;pointer-events:auto!important;user-select:text!important;-webkit-user-select:text!important;opacity:1!important;font-size:16px!important;padding:15px 16px!important;}
.auth-card .project-form .login-input:focus{border-color:#e8ff2f!important;box-shadow:0 0 0 3px rgba(232,255,47,.10)!important;outline:none!important;}
.auth-card .project-form label{display:grid!important;gap:9px!important;}

.dash-head .actions-small{align-items:center}.client-card .status{display:inline-block;margin-top:12px}
.request-data{display:none}.modal[hidden]{display:none}.modal{position:fixed;inset:0;z-index:1000}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(6px)}.modal-card{position:relative;z-index:2;width:min(760px,calc(100% - 32px));max-height:82vh;overflow:auto;margin:9vh auto 0;background:#0d1118;border:1px solid rgba(217,255,79,.25);border-radius:20px;padding:30px;box-shadow:0 24px 80px rgba(0,0,0,.55)}.modal-close{position:absolute;right:16px;top:12px;border:0;background:transparent;color:#fff;font-size:30px;cursor:pointer}.modal-contact{font-size:1.05rem;color:#d9ff4f}.request-description{margin-top:24px;padding:20px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.025)}.request-description p{white-space:pre-wrap;line-height:1.75;margin:10px 0 0}.actions-small{display:flex;flex-wrap:wrap;gap:6px}.actions-small form{margin:0}@media(max-width:700px){.modal-card{margin:5vh auto 0;padding:22px}.actions-small{flex-direction:column;align-items:stretch}}

.admin-signature{margin:48px auto 18px;max-width:1180px;padding:22px 26px;border-top:1px solid rgba(217,255,79,.22);display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;text-align:center}.admin-signature strong{font-size:18px;color:#fff}.admin-signature span{font-size:13px;letter-spacing:.12em;color:#d9ff4f;font-weight:700}

.admin-identity{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:8px}.admin-identity span{font-weight:700}.admin-identity strong,.admin-signature span{color:#d9ff4f;font-weight:800}.admin-signature{display:flex;justify-content:center;gap:10px;align-items:center;flex-wrap:wrap;padding:24px 20px 32px;text-align:center}.admin-signature strong{font-size:18px}.admin-signature span{font-size:14px;letter-spacing:.04em}

.work-image{overflow:hidden;padding:0!important;background:#07090d}.work-image img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}.project-shot{border:1px solid var(--line);background:var(--panel);border-radius:18px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.28)}.project-shot img{display:block;width:100%;height:auto;max-height:620px;object-fit:cover}.project-page{align-items:center}.project-nav{display:flex;align-items:center;gap:16px}.back{color:var(--text);text-decoration:none}.back:hover{color:var(--accent)}

/* Arabic layout + portfolio image visibility fixes */
html[dir="rtl"] body { direction: rtl; }
html[dir="rtl"] .hero-copy,
html[dir="rtl"] .section,
html[dir="rtl"] .section-head,
html[dir="rtl"] .pricing,
html[dir="rtl"] .final-cta,
html[dir="rtl"] .form-page,
html[dir="rtl"] .project-page { direction: rtl; }
/* The brand name is always written left-to-right, even on Arabic pages. */
.isystem-3d, .isystem-3d span, .brand, .brand-i, .brand-system {
  direction: ltr !important;
  unicode-bidi: isolate;
}
.work-image {
  height: 220px;
  background: #07090d;
}
.work-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
.project-shot {
  width: 100%;
  height: auto;
  min-height: 0;
  padding: 0;
  background: #07090d;
  border: 1px solid var(--line);
  border-radius: 18px;
  overflow: hidden;
}
.project-shot img {
  display: block;
  width: 100%;
  height: auto;
  max-height: none;
  object-fit: contain;
  object-position: center;
}
@media(max-width:800px){
  .work-image { height: 200px; }
  .project-shot { border-radius: 12px; }
}

/* Mobile navigation spacing: keep the existing button design, add balanced breathing room. */
@media(max-width:800px){
  .nav{column-gap:40px;}
  .nav > nav{gap:40px; flex-shrink:0;}
}

/* Mobile homepage only: hide Request a Project; keep Team, language and all other nav actions. */
@media(max-width:800px){
  .nav > nav > a.nav-cta[href="/request"],.nav > nav > a.nav-cta[href$="#plans"]{display:none!important;}
}

/* Global mobile/desktop horizontal lock: keep the entire site fixed left-to-right. */
html, body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden !important;
  overscroll-behavior-x: none;
}
body {
  position: relative;
}
@media (max-width: 800px) {
  .nav, main, footer, section, .hero, .section, .form-page, .project-page, .auth-page, .dashboard {
    max-width: 100%;
  }
  .nav > nav {
    max-width: calc(100vw - 120px);
  }
}

/* Final mobile navbar balance: compact Login button + language beside it. */
.nav-team-short{display:none;}
@media(max-width:800px){
  .nav{column-gap:14px;padding:0 4.5vw;}
  .nav > nav{gap:10px;max-width:none;flex-shrink:1;min-width:0;}
  .nav .nav-team{padding:8px 11px;font-size:11px;line-height:1;flex:0 0 auto;}
  .nav-team-full{display:none;}
  .nav-team-short{display:inline;}
  .nav .language-select{padding:8px 9px;font-size:11px;width:82px;min-width:82px;height:36px;}
}

/* ===== Hero: isystem artwork as background ===== */
.hero{isolation:isolate}
.hero-bg{position:absolute;top:0;bottom:0;right:0;width:64%;z-index:-1;overflow:hidden;pointer-events:none}
.hero-bg:before{content:"";position:absolute;inset:0;background:url('../images/isystem-hero.jpg') center/cover no-repeat;animation:heroDrift 22s ease-in-out infinite alternate;transform-origin:center}
.hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--bg) 0%,rgba(7,9,13,.55) 16%,rgba(7,9,13,0) 32%),linear-gradient(0deg,var(--bg) 0%,rgba(7,9,13,0) 16%),linear-gradient(180deg,rgba(7,9,13,.7) 0%,rgba(7,9,13,0) 12%)}
@keyframes heroDrift{from{transform:scale(1)}to{transform:scale(1.06)}}
.hero-copy{position:relative;z-index:1}
.hero-card{position:absolute;top:0;bottom:0;right:0;width:64%;height:auto;pointer-events:none}
.hero .card-line{position:absolute;top:73%;bottom:auto;left:50%;transform:translateX(-50%);white-space:nowrap;padding:8px 16px;border:1px solid rgba(232,255,47,.22);border-radius:999px;background:rgba(7,9,13,.55);backdrop-filter:blur(8px);color:#cfd5de;font-size:12px;letter-spacing:.4px}
html[dir="rtl"] .hero-bg,html[dir="rtl"] .hero-card{right:auto;left:0}
html[dir="rtl"] .hero-bg:after{background:linear-gradient(270deg,var(--bg) 0%,rgba(7,9,13,.55) 16%,rgba(7,9,13,0) 32%),linear-gradient(0deg,var(--bg) 0%,rgba(7,9,13,0) 16%),linear-gradient(180deg,rgba(7,9,13,.7) 0%,rgba(7,9,13,0) 12%)}
@media(max-width:800px){
  .hero{padding-top:calc(min(70vw,520px) + 6px);min-height:0}
  .hero-bg,.hero-card,html[dir="rtl"] .hero-bg,html[dir="rtl"] .hero-card{left:0;right:0;bottom:auto;width:100%;height:min(70vw,520px)}
  .hero-bg:after,html[dir="rtl"] .hero-bg:after{background:linear-gradient(0deg,var(--bg) 0%,rgba(7,9,13,0) 30%),linear-gradient(180deg,rgba(7,9,13,.45) 0%,rgba(7,9,13,0) 14%)}
  .hero .card-line{top:auto;bottom:4%;font-size:10.5px;padding:6px 12px}
}
@media(prefers-reduced-motion:reduce){.hero-bg:before{animation:none}}

/* ===== Our Work: four projects in a 2 x 2 grid ===== */
.work-grid{grid-template-columns:repeat(2,1fr);gap:22px}
.work-card{transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.work-card:hover{transform:translateY(-4px);border-color:rgba(232,255,47,.45);box-shadow:0 24px 60px rgba(0,0,0,.45)}
.work-grid .work-image{height:300px}
.work-image.avto{background:linear-gradient(135deg,#1a0f0f,#2a1212)}
@media(max-width:800px){.work-grid{grid-template-columns:1fr}.work-grid .work-image{height:210px}}

/* ===== Founder teaser on the homepage ===== */
.founder-teaser{padding-top:0}
.founder-card{display:grid;grid-template-columns:auto 1fr;gap:44px;align-items:center;padding:44px;border:1px solid var(--line);border-radius:22px;background:radial-gradient(600px 260px at 0% 50%,rgba(232,255,47,.08),transparent 70%),linear-gradient(120deg,#0f141b,#0a0d12);transition:border-color .25s ease,transform .25s ease}
.founder-card:hover{border-color:rgba(232,255,47,.4);transform:translateY(-3px)}
.founder-body h2{margin:10px 0 12px}
.founder-body p{color:var(--muted);font-size:17px;max-width:640px;margin:0 0 18px}
.founder-link{color:var(--accent);font-weight:800;font-size:13px}
.founder-avatar,.pf-avatar{position:relative;width:150px;height:150px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#1b222c,#07090d 70%);border:2px solid var(--accent);box-shadow:0 0 0 8px rgba(232,255,47,.06),0 0 50px rgba(232,255,47,.18)}
.founder-avatar span,.pf-avatar span{font-size:46px;font-weight:950;letter-spacing:-2px;color:#fff;direction:ltr;unicode-bidi:isolate}
.founder-avatar em,.pf-avatar em{font-style:normal;color:var(--accent)}
@media(max-width:800px){.founder-card{grid-template-columns:1fr;gap:22px;padding:30px 24px;text-align:center;justify-items:center}.founder-avatar{width:112px;height:112px}.founder-avatar span{font-size:36px}.founder-body p{margin-inline:auto}}

/* ===== Founder profile page ===== */
.profile-page{max-width:1180px;margin:0 auto;padding:0 6vw 40px}
.pf-cover{margin:28px 0 0;height:340px;border-radius:24px;overflow:hidden;position:relative;border:1px solid var(--line)}
.pf-cover-img{position:absolute;inset:0;background:url('../images/isystem-hero.jpg') center/cover no-repeat;animation:heroDrift 22s ease-in-out infinite alternate}
.pf-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,9,13,.85) 0%,rgba(7,9,13,0) 45%)}
.pf-head{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:32px;align-items:end;margin-top:0;padding:20px 36px 0;z-index:2}.pf-head .pf-avatar{margin-top:-110px}
.pf-avatar{width:170px;height:170px;border-width:3px;background:radial-gradient(circle at 35% 30%,#1b222c,#07090d 70%)}
.pf-avatar span{font-size:54px}
.pf-id h1{font-size:clamp(34px,4.4vw,56px);line-height:1.02;letter-spacing:-2px;margin:8px 0 6px}
.pf-role{margin:0;color:var(--muted);display:flex;gap:10px;flex-wrap:wrap}
.pf-dot{color:var(--accent)}
.pf-head-actions{display:flex;gap:10px;padding-bottom:6px}
.pf-lead{padding:70px 0 40px;border-bottom:1px solid var(--line)}
.pf-lead p{margin:0;font-size:clamp(24px,3vw,38px);line-height:1.25;letter-spacing:-1px;font-weight:700;max-width:950px;color:#fff}
.pf-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:40px 0}
.pf-stat{padding:26px 28px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}
.pf-stat strong{display:block;font-size:46px;line-height:1;color:var(--accent);letter-spacing:-1px}
.pf-stat span{display:block;margin-top:10px;color:var(--muted);font-size:14px}
.pf-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:18px}
.pf-panel{padding:36px;border:1px solid var(--line);border-radius:20px;background:var(--panel)}
.pf-panel h2{font-size:clamp(28px,3vw,40px)}
.pf-panel p{color:var(--muted);font-size:16px}
.pf-focus{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:22px}
.pf-focus li{display:grid;grid-template-columns:42px 1fr;gap:12px}
.pf-focus b{color:var(--accent);font-size:12px;padding-top:5px}
.pf-focus h3{margin:0 0 4px;font-size:20px}
.pf-focus p{margin:0}
.pf-steps-wrap,.pf-work{padding:80px 0 0}
.pf-steps{list-style:none;margin:22px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;counter-reset:none}
.pf-steps li{position:relative;padding:28px 24px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(160deg,#10151c,#0a0d12)}
.pf-steps li span{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--accent);color:#0a0d0b;font-weight:900;font-size:13px}
.pf-steps h3{margin:18px 0 6px;font-size:20px}
.pf-steps p{margin:0;color:var(--muted);font-size:14px}
.pf-work-grid{margin-top:22px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.pf-work-card{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--panel);transition:transform .25s ease,border-color .25s ease}
.pf-work-card:hover{transform:translateY(-4px);border-color:rgba(232,255,47,.45)}
.pf-work-card img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;object-position:top;background:#07090d}
.pf-work-card div{padding:16px 18px}
.pf-work-card h3{margin:0 0 4px;font-size:17px}
.pf-work-card p{margin:0;color:var(--muted);font-size:13px}
.pf-cta{margin:80px 0 40px}
@media(max-width:980px){.pf-steps,.pf-work-grid{grid-template-columns:repeat(2,1fr)}.pf-grid{grid-template-columns:1fr}}
@media(max-width:800px){
  .profile-page{padding:0 5vw 20px}
  .pf-cover{height:210px;margin-top:16px;border-radius:16px}
  .pf-head{grid-template-columns:1fr;justify-items:center;text-align:center;gap:14px;margin-top:0;padding:0}.pf-head .pf-avatar{margin-top:-70px}
  .pf-avatar{width:124px;height:124px}.pf-avatar span{font-size:40px}
  .pf-role{justify-content:center}
  .pf-head-actions{width:100%;justify-content:center;flex-wrap:wrap}
  .pf-head-actions .btn{flex:1 1 150px}
  .pf-lead{padding:44px 0 28px;text-align:center}
  .pf-lead p{margin:0 auto}
  .pf-stats{grid-template-columns:repeat(3,1fr);gap:10px;padding:26px 0}
  .pf-stat{padding:18px 12px;text-align:center}.pf-stat strong{font-size:30px}.pf-stat span{font-size:12px}
  .pf-panel{padding:26px 22px}
  .pf-steps-wrap,.pf-work{padding-top:56px}
  .pf-steps{grid-template-columns:1fr 1fr;gap:12px}.pf-steps li{padding:20px 16px}
  .pf-work-grid{grid-template-columns:1fr 1fr;gap:12px}
  .pf-cta{margin:56px 0 24px;padding:34px 24px}
}
@media(max-width:420px){.pf-steps,.pf-work-grid{grid-template-columns:1fr}}

/* Hero fix: image scales with its box width so its built-in tagline never runs under the hero text. */
@media(min-width:801px){
  .hero-copy{max-width:calc(47vw - 40px)}
  .hero-bg:before{inset:auto 0;top:50%;height:42.67vw;margin-top:-21.33vw;background-size:cover;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 14%,#000 86%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 14%,#000 86%,transparent 100%)}
  .hero .card-line{top:calc(50% + 9vw)}
}

/* Admin pages on phones: tables become stacked cards, so nothing needs sideways scrolling */
@media(max-width:760px){
  .dashboard{padding:40px 14px 80px;overflow-wrap:anywhere}
  .dashboard .table-wrap{overflow:visible;border:0}
  .dashboard .table-wrap table,.dashboard .table-wrap tbody,.dashboard .table-wrap tr,.dashboard .table-wrap td{display:block;width:100%;min-width:0!important}
  .dashboard .table-wrap thead{display:none}
  .dashboard .table-wrap tr{border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin-bottom:10px;background:var(--panel)}
  .dashboard .table-wrap td{border:0;padding:4px 0}
  .stats-grid{grid-template-columns:1fr!important}
  .client-grid{grid-template-columns:1fr}
  .inline-form input,.inline-form select{min-width:0;width:100%}
  .form-grid{grid-template-columns:1fr}
}

/* Client account: contract card and electronic signature */
.contract-card{border:1px solid var(--line);border-radius:14px;padding:16px;margin:12px 0;background:#0b0f15}
.contract-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.check-row{display:flex!important;align-items:center;gap:8px;grid-template-columns:none!important}
.check-row input{width:auto;min-height:0}
.sign-form{gap:12px}
.pm-form .actions-small{margin-top:12px}

.contract-card .review-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:10px 0}
.contract-card .review-row .inline-form{flex:1 1 320px;display:flex;gap:8px}
.contract-card .review-row .inline-form input{flex:1;min-width:0}
.status.rejected{background:rgba(255,140,140,.15);color:#ff8c8c}
.contract-note{margin:8px 0}
.sign-steps{margin:8px 0 12px;padding-inline-start:20px;color:var(--muted)}