:root{ --bg:#050b17; --bg-2:#071122; --bg-3:#091a31; --surface:#0b1930; --surface-2:#10223d; --card:#0c1b32; --white:#ffffff; --ink:#f8fbff; --text:#d8e4f3; --muted:#8ea4bd; --soft:#f6fbff; --soft-2:#eef6ff; --line:rgba(148,163,184,.22); --line-2:rgba(255,255,255,.12); --blue:#2f80ff; --blue-2:#00a7ff; --green:#29d38a; --emerald:#12b981; --purple:#8b5cf6; --gold:#f4bd62; --gold-2:#e8a63d; --danger:#fb7185; --shadow:0 26px 80px rgba(0,0,0,.34); --shadow-blue:0 24px 70px rgba(47,128,255,.22); --radius:28px; --radius-xl:38px; --font:IRANSansX, IRANSansWebFaNum, Vazirmatn, Tahoma, Arial, sans-serif; } *{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;direction:rtl;font-family:var(--font);background:var(--bg);color:var(--ink);line-height:1.9;overflow-x:hidden} a{text-decoration:none;color:inherit}button,input,select,textarea{font-family:inherit}.container{width:min(1180px,calc(100% - 44px));margin-inline:auto}.ltr{direction:ltr}.no-wrap{white-space:nowrap} body::before{content:"";position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 10% 8%,rgba(47,128,255,.30),transparent 28%),radial-gradient(circle at 87% 16%,rgba(41,211,138,.16),transparent 25%),linear-gradient(180deg,#030713 0%,#061226 45%,#07111f 100%)} body::after{content:"";position:fixed;inset:0;z-index:-1;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px),radial-gradient(circle,rgba(255,255,255,.35) 1px,transparent 1.5px);background-size:72px 72px,72px 72px,120px 120px;mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.8) 55%,transparent 100%)} body.light-middle{background:#f5faff;color:#0e1728}body.light-middle::before{background:linear-gradient(180deg,#061226 0 28%,#f7fbff 28% 82%,#061226 82%)}body.light-middle::after{opacity:.12;mask-image:linear-gradient(to bottom,#000 0%,transparent 48%)} /* Header */ .site-header{position:sticky;top:0;z-index:90;background:rgba(4,10,22,.78);border-bottom:1px solid rgba(255,255,255,.10);backdrop-filter:blur(18px)} .navbar{height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;min-width:245px}.brand-mark{width:58px;height:46px;position:relative;display:grid;place-items:center}.brand-mark::before,.brand-mark::after{content:"";position:absolute;border-radius:10px;transform:skewX(-15deg)}.brand-mark::before{width:18px;height:42px;right:11px;background:linear-gradient(180deg,#50e3a4,#267cff);box-shadow:0 0 22px rgba(47,128,255,.45)}.brand-mark::after{width:18px;height:42px;left:13px;background:linear-gradient(180deg,#8b5cf6,#2f80ff);box-shadow:0 0 22px rgba(139,92,246,.35)}.brand-mark span{width:15px;height:15px;border-radius:5px;background:#0b1930;border:2px solid rgba(255,255,255,.28);z-index:2;transform:rotate(45deg)}.brand-text strong{display:block;font-size:21px;font-weight:1000;letter-spacing:-.04em;color:#fff}.brand-text span{display:block;margin-top:-4px;color:var(--muted);font-size:12px}.main-menu{display:flex;align-items:center;justify-content:center;gap:6px}.main-menu a{color:#e5eef9;font-weight:850;font-size:14px;padding:9px 13px;border-radius:14px;position:relative}.main-menu a::after{content:"";position:absolute;right:18px;left:18px;bottom:1px;height:2px;border-radius:99px;background:transparent}.main-menu a:hover,.main-menu a.active{color:#fff;background:rgba(255,255,255,.06)}.main-menu a.active::after{background:var(--gold)}.nav-actions{display:flex;align-items:center;gap:10px}.hamburger{display:none;width:46px;height:46px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);color:#fff;font-size:23px}.mobile-menu{display:none;padding:0 0 16px}.mobile-menu.open{display:block}.mobile-menu a{display:block;color:#e5eef9;font-weight:900;padding:12px 14px;border:1px solid rgba(255,255,255,.08);border-radius:16px;margin-top:8px;background:rgba(255,255,255,.045)} /* Buttons and basic */ .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:17px;padding:12px 20px;font-weight:1000;cursor:pointer;transition:.25s ease;white-space:nowrap}.btn:hover{transform:translateY(-3px)}.btn-gold{background:linear-gradient(135deg,#ffd78f,#e8a63d);color:#111827;box-shadow:0 18px 42px rgba(232,166,61,.28),inset 0 1px 0 rgba(255,255,255,.55)}.btn-ghost{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.22);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.10)}.btn-dark{background:#071225;color:#fff;border-color:rgba(255,255,255,.14)}.btn-blue{background:linear-gradient(135deg,#2f80ff,#00a7ff);color:#fff;box-shadow:0 20px 50px rgba(47,128,255,.24)}.btn-light{background:#fff;color:#0e1728;border-color:#dbe8f5;box-shadow:0 18px 36px rgba(13,36,69,.10)} .eyebrow{display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(244,189,98,.30);background:rgba(244,189,98,.09);color:#ffd38a;border-radius:99px;font-size:12px;font-weight:1000;padding:6px 12px}.eyebrow::before{content:"";width:7px;height:7px;border-radius:99px;background:var(--green);box-shadow:0 0 0 6px rgba(41,211,138,.10)} .section{padding:76px 0}.section.compact{padding:54px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.section-kicker{color:#f4bd62;font-weight:1000;font-size:14px}.section-title{font-size:clamp(27px,3.2vw,44px);line-height:1.35;letter-spacing:-.045em;margin:0}.section-title .accent{color:var(--green)}.section-desc{margin:10px 0 0;color:var(--muted);font-weight:650;max-width:760px}.dark-copy .section-desc{color:#b9c8dc}.grid{display:grid;gap:20px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-6{grid-template-columns:repeat(6,minmax(0,1fr))} .glass-card{position:relative;overflow:hidden;border:1px solid var(--line-2);background:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.035));border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:blur(18px)}.glass-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 5%,rgba(47,128,255,.18),transparent 34%),radial-gradient(circle at 92% 14%,rgba(41,211,138,.12),transparent 30%);pointer-events:none}.glass-card>*{position:relative;z-index:2}.soft-card{position:relative;overflow:hidden;background:#fff;border:1px solid #dce9f6;border-radius:26px;box-shadow:0 20px 60px rgba(22,45,82,.10)}.soft-card::after{content:"";position:absolute;left:-70px;bottom:-70px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(47,128,255,.12),transparent 65%)}.dark-panel{border:1px solid var(--line-2);background:linear-gradient(180deg,rgba(10,25,48,.88),rgba(6,16,32,.95));border-radius:var(--radius);box-shadow:var(--shadow)} /* Visual dashboard primitives */ .hero-stage{position:relative;min-height:430px}.orbit{position:absolute;inset:auto 4% 7% 4%;height:90px;border:3px solid rgba(47,128,255,.45);border-top-color:rgba(41,211,138,.24);border-left-color:rgba(139,92,246,.28);border-radius:50%;filter:drop-shadow(0 0 16px rgba(47,128,255,.5));transform:perspective(700px) rotateX(62deg)}.dashboard-device{position:absolute;right:12%;top:16%;width:520px;max-width:75%;height:310px;border-radius:28px;padding:16px;background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(213,230,252,.72));box-shadow:0 36px 95px rgba(0,0,0,.38),0 0 0 1px rgba(255,255,255,.45);transform:rotate(-3deg)}.dashboard-screen{height:100%;border-radius:20px;background:#f7fbff;border:1px solid #dce9f6;display:grid;grid-template-columns:82px 1fr;gap:12px;padding:12px;overflow:hidden}.screen-sidebar{background:#10213d;border-radius:16px;padding:10px;display:grid;gap:7px;align-content:start}.screen-sidebar span{height:10px;border-radius:99px;background:rgba(255,255,255,.20)}.screen-main{display:grid;grid-template-columns:1.1fr .8fr;grid-template-rows:repeat(2,1fr);gap:12px}.screen-tile{border-radius:16px;background:#fff;border:1px solid #d9e8f8;box-shadow:0 10px 30px rgba(47,128,255,.08);padding:12px;position:relative;overflow:hidden}.screen-tile::before{content:"";display:block;width:70%;height:10px;border-radius:99px;background:#dbeafe}.chart-line{position:absolute;right:12px;left:12px;bottom:16px;height:44px;background:linear-gradient(135deg,transparent 20%,rgba(47,128,255,.2) 20% 28%,transparent 29% 42%,rgba(139,92,246,.25) 43% 50%,transparent 51% 65%,rgba(41,211,138,.25) 66% 74%,transparent 75%)}.pie{width:70px;height:70px;border-radius:50%;background:conic-gradient(var(--blue) 0 42%,var(--green) 42% 72%,var(--gold) 72% 100%);margin:14px auto 0;box-shadow:inset 0 0 0 14px #fff}.float-card{position:absolute;border:1px solid rgba(255,255,255,.18);background:linear-gradient(180deg,rgba(12,27,50,.76),rgba(12,27,50,.45));backdrop-filter:blur(14px);border-radius:22px;padding:18px;color:#fff;box-shadow:0 30px 60px rgba(0,0,0,.28)}.float-card h4{margin:0 0 8px;font-size:18px}.float-card small{color:#b9c8dc}.float-card .mini-chart{height:46px;margin-top:8px;border-radius:14px;background:linear-gradient(135deg,rgba(47,128,255,.30),rgba(41,211,138,.18));position:relative;overflow:hidden}.float-card .mini-chart::after{content:"";position:absolute;inset:12px 8px 8px 8px;border-bottom:3px solid var(--green);border-left:3px solid transparent;border-radius:40%}.float-sitbuk{right:2%;top:2%;width:180px;box-shadow:0 0 40px rgba(47,128,255,.24)}.float-behnico{left:5%;top:9%;width:190px;box-shadow:0 0 40px rgba(41,211,138,.20)}.float-pita{right:0;bottom:3%;width:190px;box-shadow:0 0 40px rgba(139,92,246,.20)}.product-logo{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.12);font-weight:1000}.leaf{color:#55e8a9}.s-logo{color:#93c5fd}.p-logo{color:#c4b5fd} /* Home */ .home-hero{padding:64px 0 0;position:relative;overflow:hidden}.home-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 16%,rgba(47,128,255,.26),transparent 25%),radial-gradient(circle at 72% 20%,rgba(41,211,138,.12),transparent 24%);pointer-events:none}.home-hero-wrap{position:relative;z-index:2;display:grid;grid-template-columns:.92fr 1.08fr;gap:28px;align-items:center;min-height:560px}.hero-copy h1{font-size:clamp(38px,5.4vw,72px);line-height:1.23;letter-spacing:-.07em;margin:14px 0}.hero-copy h1 span{color:var(--green);text-shadow:0 0 26px rgba(41,211,138,.22)}.hero-copy p{font-size:18px;color:#cbd9ea;margin:0;max-width:630px}.hero-buttons{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:28px}.stats-dock{position:relative;z-index:8;margin-top:-22px;margin-bottom:34px}.stats-wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid rgba(255,255,255,.16);background:rgba(8,21,40,.88);backdrop-filter:blur(18px);border-radius:24px;box-shadow:0 28px 70px rgba(0,0,0,.25);overflow:hidden}.stat-item{min-height:86px;display:flex;align-items:center;gap:16px;padding:18px 24px;border-left:1px solid rgba(255,255,255,.12)}.stat-item:last-child{border-left:0}.stat-icon{width:46px;height:46px;border-radius:16px;background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.13);display:grid;place-items:center;font-size:22px}.stat-item strong{display:block;font-size:27px;color:#ffd27d;line-height:1.3}.stat-item span{color:#b9c8dc;font-weight:850;font-size:13px}.home-light{background:linear-gradient(180deg,#f8fcff,#eef6ff);color:#0b172a}.home-light .section-title{color:#0b172a}.home-light .section-desc{color:#55708e}.project-feature-card{padding:14px;border-radius:26px;display:flex;flex-direction:column;gap:16px;transition:.28s ease}.project-feature-card:hover{transform:translateY(-8px);box-shadow:0 28px 70px rgba(36,91,159,.15)}.project-preview{height:190px;border-radius:22px;overflow:hidden;background:linear-gradient(145deg,#07142a,#102955);position:relative;padding:18px}.project-preview.green{background:linear-gradient(145deg,#06251d,#0f4938)}.project-preview.purple{background:linear-gradient(145deg,#160d33,#3a1d75)}.project-preview::before{content:"";position:absolute;inset:18px;border-radius:18px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06)}.project-preview::after{content:"";position:absolute;right:36px;left:36px;bottom:34px;height:56px;border-radius:16px;background:linear-gradient(90deg,rgba(255,255,255,.14) 10%,rgba(255,255,255,.05) 10% 20%,rgba(255,255,255,.18) 20% 42%,rgba(255,255,255,.06) 42% 52%,rgba(255,255,255,.2) 52% 78%,rgba(255,255,255,.08) 78%)}.preview-side{position:absolute;right:30px;top:34px;width:48px;bottom:34px;border-radius:14px;background:rgba(255,255,255,.10)}.preview-title{position:absolute;left:30px;top:28px;color:#fff;font-weight:1000;font-size:18px}.project-feature-body{padding:0 10px 8px}.project-feature-body h3{font-size:25px;margin:0 0 6px;color:#0e1728}.project-feature-body p{color:#5d728c;margin:0 0 14px;font-weight:650}.tags{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.tag{display:inline-flex;align-items:center;border-radius:99px;padding:6px 11px;font-size:12px;font-weight:1000;background:#eaf2ff;color:#1d64d8}.tag.green{background:#e6fbf2;color:#078d60}.tag.gold{background:#fff4d9;color:#9d6511}.tag.purple{background:#f0eaff;color:#6d39d2}.line-link{display:inline-flex;align-items:center;gap:8px;font-weight:1000;color:#1f67d2}.capability-card{min-height:172px;padding:22px;text-align:center}.cap-icon{width:58px;height:58px;border-radius:20px;margin:0 auto 12px;display:grid;place-items:center;font-size:25px;background:linear-gradient(135deg,#eaf2ff,#f6fbff);color:#1765db;border:1px solid #dce9f6;box-shadow:inset 0 1px 0 #fff}.capability-card h3{margin:0 0 6px;color:#0b172a;font-size:18px}.capability-card p{margin:0;color:#607895;font-size:13px;font-weight:650}.timeline-home{position:relative;display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.timeline-home::before{content:"";position:absolute;right:5%;left:5%;top:35px;height:2px;background:linear-gradient(90deg,rgba(47,128,255,.10),rgba(47,128,255,.55),rgba(41,211,138,.45),rgba(47,128,255,.10))}.time-step{position:relative;text-align:center;z-index:2}.time-num{width:70px;height:70px;border-radius:50%;margin:0 auto 12px;display:grid;place-items:center;background:#0b1930;color:#fff;border:7px solid #f4f9ff;box-shadow:0 12px 30px rgba(13,36,69,.15);font-weight:1000;font-size:22px}.time-step h3{margin:0 0 4px;color:#0e1728}.time-step p{margin:0;color:#6a7f99;font-size:13px;font-weight:650}.why-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.why-mini{padding:22px;min-height:122px}.why-mini .cap-icon{margin:0 0 10px}.lab-banner{padding:30px;border-radius:30px;background:radial-gradient(circle at 85% 45%,rgba(47,128,255,.32),transparent 31%),linear-gradient(135deg,#071225,#061123 55%,#0c2242);display:grid;grid-template-columns:.85fr 1.15fr;gap:24px;align-items:center}.lab-banner h2{font-size:36px;margin:0;color:#ffd27d;letter-spacing:-.03em}.lab-banner p{color:#d6e6f7;margin:8px 0 0}.ai-orb{height:230px;border-radius:28px;background:radial-gradient(circle at 50% 50%,rgba(0,167,255,.38),transparent 26%),radial-gradient(circle at 50% 50%,rgba(41,211,138,.12),transparent 42%),linear-gradient(135deg,rgba(255,255,255,.06),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.12);position:relative;overflow:hidden}.ai-orb::before{content:"AI";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:56px;font-weight:1000;color:#bfe8ff;text-shadow:0 0 30px rgba(47,128,255,.8)}.ai-orb::after{content:"";position:absolute;inset:36px;border:1px dashed rgba(255,255,255,.24);border-radius:50%}.cta-light{padding:28px;border-radius:30px;background:linear-gradient(135deg,#ffffff,#eef6ff);border:1px solid #dce9f6;display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center;box-shadow:0 24px 70px rgba(22,45,82,.12)}.cta-light h2{margin:0;color:#0b172a;font-size:32px;letter-spacing:-.04em}.cta-light p{margin:6px 0 0;color:#55708e;font-weight:650}.cta-illustration{width:180px;height:120px;border-radius:24px;background:radial-gradient(circle at 25% 25%,rgba(47,128,255,.22),transparent 25%),linear-gradient(135deg,#eaf2ff,#fff7e5);position:relative}.cta-illustration::before{content:"πŸ“…";position:absolute;right:30px;top:26px;font-size:50px}.cta-illustration::after{content:"⏱";position:absolute;left:34px;bottom:20px;font-size:42px} /* Dark pages */ .page-hero{padding:58px 0 34px;position:relative;overflow:hidden}.page-hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:34px;align-items:center}.page-copy h1{font-size:clamp(40px,5vw,68px);line-height:1.24;letter-spacing:-.07em;margin:12px 0}.page-copy h1 .accent{color:var(--green)}.page-copy p{font-size:17px;color:#c7d5e6;margin:0;max-width:700px}.page-metrics{display:flex;gap:18px;flex-wrap:wrap;margin-top:28px}.metric-chip{display:flex;align-items:center;gap:12px;padding:13px 16px;border:1px solid rgba(255,255,255,.14);border-radius:20px;background:rgba(255,255,255,.055)}.metric-chip strong{font-size:24px;color:#ffd27d;line-height:1}.metric-chip span{color:#b9c8dc;font-weight:850;font-size:13px}.filter-bar{margin:20px 0 28px;padding:12px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.045);border-radius:24px;display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.filters{display:flex;gap:10px;flex-wrap:wrap}.filter-pill{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.045);color:#e5eef9;border-radius:99px;padding:10px 22px;font-weight:1000}.filter-pill.active{background:linear-gradient(135deg,#2f80ff,#005bd7);box-shadow:0 14px 36px rgba(47,128,255,.25)}.sort-pill{padding:10px 18px;border-radius:16px;background:rgba(244,189,98,.10);border:1px solid rgba(244,189,98,.24);color:#ffd27d;font-weight:1000}.project-dark-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.portfolio-card{min-height:350px;padding:22px;display:grid;grid-template-columns:.85fr 1.15fr;gap:22px;align-items:stretch}.portfolio-card.blue{background:linear-gradient(135deg,rgba(14,45,99,.86),rgba(7,18,37,.94))}.portfolio-card.green{background:linear-gradient(135deg,rgba(7,73,55,.86),rgba(7,18,37,.94))}.portfolio-card.purple{background:linear-gradient(135deg,rgba(55,28,106,.86),rgba(7,18,37,.94))}.portfolio-card.cyan{background:linear-gradient(135deg,rgba(14,47,81,.86),rgba(7,18,37,.94))}.portfolio-shot{border-radius:23px;min-height:250px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.055);position:relative;overflow:hidden}.portfolio-shot::before{content:"";position:absolute;right:18px;left:18px;top:18px;height:34px;border-radius:14px;background:rgba(255,255,255,.12)}.portfolio-shot::after{content:"";position:absolute;right:18px;left:18px;bottom:20px;height:135px;border-radius:18px;background:linear-gradient(90deg,rgba(255,255,255,.12) 0 22%,transparent 22% 28%,rgba(255,255,255,.18) 28% 58%,transparent 58% 65%,rgba(255,255,255,.12) 65%)}.portfolio-content h2{margin:0;font-size:28px}.portfolio-content p{color:#cbd9ea;margin:8px 0 14px;font-weight:650}.status-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 11px;border-radius:99px;background:rgba(41,211,138,.13);border:1px solid rgba(41,211,138,.24);color:#7bf4bd;font-weight:1000;font-size:12px}.status-chip.warn{background:rgba(244,189,98,.12);border-color:rgba(244,189,98,.25);color:#ffd27d}.avatar-row{display:flex;align-items:center;gap:8px;margin-top:16px;color:#b9c8dc;font-size:12px;font-weight:800}.avatar-stack{display:flex}.avatar-stack span{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#ffd27d,#2f80ff);border:2px solid #0b1930;margin-right:-7px}.domain-card{padding:24px;text-align:center;min-height:205px}.domain-card .cap-icon{background:rgba(47,128,255,.10);border-color:rgba(47,128,255,.20);color:#fff}.domain-card h3{margin:0 0 6px}.domain-card p{margin:0;color:#b9c8dc;font-size:13px;font-weight:650}.cta-dark{padding:30px;display:grid;grid-template-columns:.8fr 1.2fr;gap:24px;align-items:center;background:radial-gradient(circle at 18% 50%,rgba(47,128,255,.32),transparent 28%),linear-gradient(135deg,#071225,#0a1c36);border-radius:30px;border:1px solid rgba(255,255,255,.12)}.logo-stage{height:210px;border-radius:26px;background:radial-gradient(circle at 50% 50%,rgba(47,128,255,.34),transparent 35%),linear-gradient(135deg,rgba(255,255,255,.06),rgba(255,255,255,.02));display:grid;place-items:center}.logo-stage .brand-mark{transform:scale(2.3)} /* About */ .approach-card{padding:26px;min-height:225px}.approach-card .number{display:inline-grid;place-items:center;width:42px;height:34px;border-radius:12px;background:rgba(255,255,255,.08);color:#d8e4f3;font-weight:1000;margin-bottom:18px}.approach-card h3,.value-card h3,.tech-card h3{margin:0 0 6px}.approach-card p,.value-card p,.tech-card p{color:#b9c8dc;margin:0;font-weight:650}.mission-split{display:grid;grid-template-columns:1fr 120px 1fr;align-items:stretch;gap:0;overflow:hidden}.mission-side{padding:34px;min-height:260px}.mission-side.green{background:linear-gradient(135deg,rgba(15,84,66,.62),rgba(8,21,40,.38))}.mission-side.blue{background:linear-gradient(135deg,rgba(18,55,116,.62),rgba(8,21,40,.38))}.mission-center{display:grid;place-items:center;border-inline:1px solid rgba(255,255,255,.12)}.mission-center .brand-mark{transform:scale(1.5)}.value-card,.tech-card{padding:24px;min-height:170px}.work-method{display:grid;grid-template-columns:.8fr 1.2fr;gap:22px;align-items:stretch}.method-line{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:26px}.method-node{text-align:center;position:relative;flex:1}.method-node:not(:last-child)::after{content:"";position:absolute;left:-50%;right:50%;top:28px;height:2px;background:linear-gradient(90deg,var(--green),var(--blue));opacity:.65}.method-icon{width:56px;height:56px;border-radius:50%;margin:0 auto 10px;display:grid;place-items:center;background:#08172c;border:1px solid rgba(255,255,255,.18);font-size:22px}.method-node span{font-size:12px;color:#d8e4f3;font-weight:900}.tech-card .tech-logo{font-size:36px;line-height:1;margin-bottom:12px} /* Case detail */ .case-hero{padding:40px 0 28px}.breadcrumbs{display:flex;gap:8px;align-items:center;color:#8ea4bd;font-weight:800;font-size:13px;margin-bottom:16px}.case-hero-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:30px;align-items:center}.case-copy h1{font-size:clamp(42px,5.4vw,72px);margin:8px 0;line-height:1.2;letter-spacing:-.075em}.case-copy h1 .accent{color:#55e8a9}.case-copy p{color:#d2dfef;font-size:17px;margin:0}.role-chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.role-chips span{padding:7px 13px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);font-size:13px;font-weight:900;color:#d8e4f3}.case-dashboard{height:390px;border-radius:34px;border:1px solid rgba(41,211,138,.18);background:radial-gradient(circle at 30% 40%,rgba(41,211,138,.16),transparent 30%),linear-gradient(135deg,#082018,#07172b);position:relative;overflow:hidden;box-shadow:0 36px 90px rgba(0,0,0,.38)}.case-dashboard .dashboard-device{right:8%;top:12%;max-width:84%;background:linear-gradient(145deg,rgba(9,51,39,.94),rgba(12,89,67,.66));transform:rotate(0);height:260px}.case-dashboard .dashboard-screen{background:#071c17;border-color:rgba(41,211,138,.18)}.case-dashboard .screen-tile{background:#0c2a22;border-color:rgba(41,211,138,.13)}.case-dashboard .screen-tile::before{background:rgba(41,211,138,.30)}.phone-mock{position:absolute;left:10%;top:18%;width:92px;height:230px;border-radius:26px;border:1px solid rgba(255,255,255,.2);background:#06110f;box-shadow:0 20px 50px rgba(0,0,0,.32);padding:10px}.phone-mock::before{content:"Ϋ·ΫΈΩͺ";position:absolute;inset:44px 16px auto 16px;height:62px;border-radius:50%;border:7px solid rgba(41,211,138,.6);display:grid;place-items:center;color:#fff;font-weight:1000;font-size:18px}.phone-mock::after{content:"";position:absolute;right:18px;left:18px;bottom:28px;height:72px;border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.04))}.case-stats{margin-top:24px;display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;border-radius:24px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.045)}.case-stat{display:flex;align-items:center;gap:12px;padding:20px;border-left:1px solid rgba(255,255,255,.10)}.case-stat:last-child{border-left:0}.case-stat strong{display:block;color:#ffd27d;font-size:24px}.case-stat span{color:#b9c8dc;font-weight:850;font-size:13px}.problem-box{padding:30px}.problem-box h2,.module-section h2,.preview-section h2,.result-section h2,.tech-section h2{margin:0 0 12px;font-size:30px}.problem-box p{color:#cbd9ea;margin:0 0 22px}.problem-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.problem-mini{padding:22px}.module-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.module-card{padding:22px;min-height:170px}.module-card .cap-icon{margin:0 0 12px;background:rgba(41,211,138,.10);border-color:rgba(41,211,138,.18);color:#7bf4bd}.module-card h3{margin:0 0 6px}.module-card p{margin:0;color:#b9c8dc;font-size:13px;font-weight:650}.preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.screen-preview{padding:12px}.screen-shot{height:170px;border-radius:18px;background:linear-gradient(135deg,#09251e,#06142a);border:1px solid rgba(41,211,138,.16);position:relative;overflow:hidden}.screen-shot::before{content:"";position:absolute;right:14px;top:14px;bottom:14px;width:52px;border-radius:14px;background:rgba(255,255,255,.08)}.screen-shot::after{content:"";position:absolute;right:82px;left:18px;bottom:22px;height:94px;border-radius:16px;background:linear-gradient(90deg,rgba(41,211,138,.16),rgba(47,128,255,.10),rgba(255,255,255,.10))}.screen-preview h3{text-align:center;margin:12px 0 0;font-size:16px}.result-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.result-card{text-align:center;padding:20px}.result-card strong{display:block;font-size:28px;color:#ffd27d}.result-card span{color:#d2dfef;font-weight:850;font-size:13px}.tech-pills{display:flex;gap:10px;flex-wrap:wrap}.tech-pill{padding:11px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.055);font-weight:1000;color:#eaf3ff}.architecture-pills{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.architecture-pills span{padding:9px 13px;border-radius:99px;border:1px solid rgba(244,189,98,.24);background:rgba(244,189,98,.08);color:#ffd27d;font-weight:900;font-size:13px} /* Other/support pages */ .form-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:24px;align-items:start}.form-card{padding:28px}.field{display:grid;gap:7px;margin-bottom:14px}.field label{font-weight:950;color:#d8e4f3}.field input,.field select,.field textarea{width:100%;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.06);color:#fff;border-radius:16px;padding:13px 14px;outline:none}.field textarea{min-height:132px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:rgba(47,128,255,.75);box-shadow:0 0 0 4px rgba(47,128,255,.12)}.footer{padding:44px 0 26px;background:linear-gradient(180deg,#071225,#040a15);border-top:1px solid rgba(255,255,255,.10)}.footer-grid{display:grid;grid-template-columns:1.25fr .8fr .9fr 1fr;gap:28px}.footer p{color:#8ea4bd;margin:10px 0 0}.footer h4{margin:0 0 12px;color:#fff}.footer a{display:block;margin:6px 0;color:#b9c8dc;font-weight:750}.footer-bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.10);padding-top:18px;margin-top:28px;color:#8ea4bd;font-size:13px}.domain-pills{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.domain-pills a{display:inline-flex;border:1px solid rgba(255,255,255,.16);border-radius:99px;padding:7px 12px;margin:0}.mobile-quick{display:none} @media (max-width:1060px){.main-menu,.desktop-only{display:none}.hamburger{display:grid}.navbar{height:68px}.home-hero-wrap,.page-hero-grid,.case-hero-grid,.form-grid{grid-template-columns:1fr}.dashboard-device{right:50%;transform:translateX(50%) rotate(-2deg);max-width:82%}.float-sitbuk{right:7%;top:0}.float-behnico{left:8%;top:0}.stats-wrap,.grid-4,.module-grid,.case-stats,.result-grid{grid-template-columns:repeat(2,1fr)}.timeline-home{grid-template-columns:repeat(3,1fr);row-gap:28px}.timeline-home::before{display:none}.project-dark-grid,.portfolio-card,.work-method,.lab-banner,.cta-light,.cta-dark,.mission-split{grid-template-columns:1fr}.mission-center{min-height:120px;border-block:1px solid rgba(255,255,255,.12);border-inline:0}.grid-6{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}} @media (max-width:720px){.container{width:min(100% - 24px,1180px)}.brand{min-width:auto}.brand-text span{display:none}.brand-text strong{font-size:16px}.brand-mark{width:46px;height:38px}.btn{width:100%;padding:11px 14px}.home-hero{padding-top:38px}.home-hero-wrap{min-height:auto}.hero-copy h1,.page-copy h1,.case-copy h1{font-size:36px}.hero-copy p,.page-copy p,.case-copy p{font-size:15px}.hero-stage{min-height:390px}.dashboard-device{width:360px;height:245px;max-width:96%;top:22%}.float-card{position:relative;inset:auto!important;width:100%;margin-top:10px}.float-card .mini-chart{display:none}.orbit{display:none}.stats-wrap,.grid-2,.grid-3,.grid-4,.grid-6,.module-grid,.case-stats,.problem-cards,.preview-grid,.result-grid,.why-strip,.timeline-home,.project-dark-grid,.footer-grid{grid-template-columns:1fr}.stat-item,.case-stat{border-left:0;border-bottom:1px solid rgba(255,255,255,.10)}.section{padding:52px 0}.section-head{display:block}.project-feature-card{padding:12px}.portfolio-card{display:block}.portfolio-shot{min-height:210px;margin-bottom:18px}.method-line{display:grid;grid-template-columns:1fr;gap:18px}.method-node:not(:last-child)::after{display:none}.case-dashboard{height:300px}.case-dashboard .dashboard-device{height:220px}.phone-mock{display:none}.cta-illustration{width:100%}.mobile-quick{position:fixed;z-index:100;right:12px;left:12px;bottom:12px;display:flex;gap:8px;padding:9px;border:1px solid rgba(255,255,255,.16);border-radius:20px;background:rgba(7,18,37,.86);backdrop-filter:blur(16px);box-shadow:0 18px 50px rgba(0,0,0,.28)}.mobile-quick .btn{flex:1}.footer{padding-bottom:90px}.filter-bar{display:block}.filters{margin-top:12px}.filter-pill,.sort-pill{width:100%;text-align:center;justify-content:center;display:flex}.page-metrics{display:grid;grid-template-columns:1fr}.screen-main{grid-template-columns:1fr}.screen-tile:nth-child(n+3){display:none}} /* Stage 4 cinematic upgrade */ :root{--cin-bg:#030816;--cin-panel:#081327;--cin-panel2:#0d1c35;--cin-line:rgba(255,255,255,.12);--cin-blue:#3b82f6;--cin-cyan:#22d3ee;--cin-green:#22c55e;--cin-gold:#f5b942;--cin-purple:#8b5cf6} body.stage4-body{background:#050b17;color:#f8fbff} .stage4-body::before{background:radial-gradient(circle at 15% 7%,rgba(59,130,246,.38),transparent 26%),radial-gradient(circle at 80% 13%,rgba(34,197,94,.18),transparent 25%),radial-gradient(circle at 50% 50%,rgba(139,92,246,.10),transparent 38%),linear-gradient(180deg,#020713 0%,#071326 42%,#f4f9ff 42%,#eef6ff 80%,#061123 80%)} .stage4-body::after{opacity:.20;background-size:74px 74px,74px 74px,115px 115px} .stage4-hero{position:relative;min-height:760px;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(2,7,19,.20),rgba(7,18,38,.72))} .stage4-hero:before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 30% 55%,rgba(59,130,246,.28),transparent 34%),radial-gradient(circle at 68% 48%,rgba(34,197,94,.18),transparent 28%);filter:blur(2px);animation:stageGlow 9s ease-in-out infinite alternate}.stage4-hero:after{content:"";position:absolute;right:0;left:0;bottom:0;height:180px;background:linear-gradient(transparent,rgba(3,8,22,.88))}@keyframes stageGlow{to{transform:scale(1.08) translateY(-18px)}} .stage4-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1.15fr;gap:36px;align-items:center;padding:76px 0 120px}.stage4-copy{max-width:620px}.stage4-copy h1{font-size:clamp(42px,6vw,86px);line-height:1.15;letter-spacing:-.075em;margin:20px 0;color:#fff;text-shadow:0 16px 70px rgba(0,0,0,.45)}.stage4-copy h1 span{display:block;background:linear-gradient(90deg,#7dd3fc,#34d399 45%,#f5b942);-webkit-background-clip:text;background-clip:text;color:transparent}.stage4-copy p{font-size:18px;color:#c7d7ea;font-weight:700;max-width:560px}.stage4-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.stage4-hero-badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.stage4-hero-badges span{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);backdrop-filter:blur(14px);padding:8px 12px;border-radius:999px;color:#dbeafe;font-weight:900;font-size:13px} .cinematic-stage{height:560px;position:relative;perspective:1100px}.cin-orbit{position:absolute;inset:auto 0 34px 0;margin:auto;width:94%;height:210px;border:2px solid rgba(59,130,246,.35);border-top-color:rgba(34,197,94,.35);border-radius:50%;transform:rotateX(70deg);filter:drop-shadow(0 0 24px rgba(59,130,246,.55));animation:orbitPulse 5s ease-in-out infinite}.cin-orbit.o2{width:70%;height:150px;bottom:78px;border-color:rgba(245,185,66,.24);animation-delay:-1.4s}@keyframes orbitPulse{50%{filter:drop-shadow(0 0 42px rgba(34,211,238,.75));transform:rotateX(70deg) scale(1.04)}} .cin-dashboard{position:absolute;right:10%;top:78px;width:620px;max-width:86%;height:385px;border-radius:34px;padding:18px;background:linear-gradient(145deg,rgba(245,249,255,.96),rgba(210,228,255,.62));box-shadow:0 44px 130px rgba(0,0,0,.48),0 0 0 1px rgba(255,255,255,.5);transform:rotateY(-13deg) rotateX(6deg) rotateZ(-2deg);animation:floatY 6s ease-in-out infinite}.cin-screen{height:100%;border-radius:26px;background:#f8fbff;border:1px solid #d9e8f8;display:grid;grid-template-columns:96px 1fr;gap:14px;padding:14px;overflow:hidden}.cin-menu{background:#0b1930;border-radius:20px;padding:13px;display:grid;gap:10px;align-content:start}.cin-menu b{display:block;width:42px;height:30px;border-radius:10px;background:linear-gradient(135deg,#22c55e,#3b82f6)}.cin-menu span{height:11px;border-radius:99px;background:rgba(255,255,255,.18)}.cin-content{display:grid;grid-template-columns:1.1fr .8fr;grid-template-rows:72px 1fr 1fr;gap:14px}.cin-kpi{border-radius:18px;background:#fff;border:1px solid #d9e8f8;box-shadow:0 12px 32px rgba(16,37,70,.08);padding:12px}.cin-kpi:nth-child(1){grid-column:1/3;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.cin-mini{border-radius:14px;background:linear-gradient(180deg,#eef6ff,#fff);position:relative;overflow:hidden}.cin-mini:before{content:"";position:absolute;right:12px;top:14px;width:45%;height:8px;border-radius:99px;background:#bfdbfe}.cin-chart{border-radius:18px;background:#fff;border:1px solid #d9e8f8;position:relative;overflow:hidden}.cin-chart:before{content:"";position:absolute;inset:18px;background:linear-gradient(135deg,transparent 12%,rgba(59,130,246,.25) 13% 18%,transparent 19% 38%,rgba(34,197,94,.25) 39% 47%,transparent 48% 67%,rgba(139,92,246,.23) 68% 75%,transparent 76%)}.cin-chart:after{content:"";position:absolute;right:22px;left:22px;bottom:30px;height:80px;border-bottom:4px solid #3b82f6;border-radius:55%}.cin-pie{display:grid;place-items:center;border-radius:18px;background:#fff;border:1px solid #d9e8f8}.cin-pie:before{content:"";width:108px;height:108px;border-radius:50%;background:conic-gradient(#3b82f6 0 42%,#22c55e 42% 72%,#f5b942 72%);box-shadow:inset 0 0 0 22px #fff,0 10px 30px rgba(59,130,246,.16)}@keyframes floatY{50%{transform:rotateY(-10deg) rotateX(7deg) rotateZ(-1deg) translateY(-18px)}} .orb-card{position:absolute;width:210px;min-height:140px;border-radius:28px;padding:20px;background:linear-gradient(180deg,rgba(12,27,50,.82),rgba(12,27,50,.45));border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(18px);box-shadow:0 30px 80px rgba(0,0,0,.34)}.orb-card h3{margin:0;color:#fff;font-size:22px}.orb-card p{margin:4px 0 0;color:#b9c8dc;font-weight:700}.orb-card:after{content:"";display:block;margin-top:17px;height:8px;border-radius:999px;background:linear-gradient(90deg,transparent,#22c55e,#3b82f6,transparent)}.orb-card.sit{left:4%;top:38px}.orb-card.beh{right:2%;top:8px}.orb-card.pit{left:16%;bottom:66px}.orb-card.ai{right:6%;bottom:32px} .stage4-metrics{position:relative;z-index:5;margin-top:-82px}.metrics-super{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;overflow:hidden;border-radius:30px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(180deg,rgba(8,19,39,.96),rgba(7,18,37,.90));box-shadow:0 30px 90px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.08)}.metric-super{padding:26px;display:flex;align-items:center;gap:16px;border-left:1px solid rgba(255,255,255,.08)}.metric-super:last-child{border-left:0}.metric-super i{font-style:normal;width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(59,130,246,.24),rgba(34,197,94,.10));border:1px solid rgba(255,255,255,.12);font-size:24px}.metric-super strong{display:block;color:#f5b942;font-size:27px;font-weight:1000}.metric-super span{color:#cbd5e1;font-weight:900} .stage4-light{background:#f4f9ff;color:#0e1728}.stage4-projects{padding:105px 0 70px}.stage4-project-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:24px}.stage4-project-grid .project-ultra:first-child{grid-row:span 2}.project-ultra{position:relative;min-height:360px;border-radius:36px;padding:28px;overflow:hidden;background:linear-gradient(145deg,#07142a,#0c1d37);border:1px solid rgba(255,255,255,.14);box-shadow:0 35px 90px rgba(23,52,96,.18);transition:.35s ease}.project-ultra:hover{transform:translateY(-10px);box-shadow:0 45px 110px rgba(59,130,246,.25)}.project-ultra.green{background:linear-gradient(145deg,#061d1a,#0b2a24)}.project-ultra.purple{background:linear-gradient(145deg,#120d2c,#211044)}.project-ultra:before{content:"";position:absolute;inset:-2px;background:radial-gradient(circle at 15% 20%,rgba(59,130,246,.34),transparent 28%),radial-gradient(circle at 85% 20%,rgba(34,197,94,.18),transparent 24%);pointer-events:none}.project-ultra h3{font-size:32px;margin:0 0 8px;color:#fff}.project-ultra p{color:#c7d7ea;margin:0 0 18px;font-weight:700}.ultra-shot{height:200px;border-radius:26px;background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.12);margin-bottom:22px;position:relative;overflow:hidden}.ultra-shot:before{content:"";position:absolute;right:24px;top:24px;width:70%;height:130px;border-radius:22px;background:linear-gradient(145deg,#eaf4ff,#ffffff);box-shadow:0 22px 55px rgba(0,0,0,.25)}.ultra-shot:after{content:"";position:absolute;right:46px;left:46px;bottom:40px;height:55px;border-bottom:4px solid var(--cin-blue);border-radius:50%}.ultra-tags{display:flex;gap:8px;flex-wrap:wrap}.ultra-tags span{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);color:#fff;border-radius:999px;padding:6px 11px;font-size:12px;font-weight:900}.ultra-link{position:absolute;left:28px;bottom:24px;color:#fff;border:1px solid rgba(255,255,255,.18);border-radius:16px;padding:9px 15px;background:rgba(255,255,255,.06);font-weight:1000}.stage4-capabilities{padding:70px 0}.cap-cinema-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cap-cinema{min-height:210px;padding:25px;border-radius:30px;background:#fff;border:1px solid #dce9f6;box-shadow:0 22px 70px rgba(23,52,96,.10);position:relative;overflow:hidden}.cap-cinema:before{content:"";position:absolute;left:-42px;top:-42px;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,rgba(59,130,246,.16),transparent 68%)}.cap-cinema i{font-style:normal;width:58px;height:58px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,#e0f2fe,#dcfce7);font-size:27px}.cap-cinema h3{margin:16px 0 8px;font-size:20px}.cap-cinema p{margin:0;color:#64748b;font-weight:700}.story-line{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;position:relative}.story-step{padding:22px 16px;border-radius:26px;background:#fff;border:1px solid #dce9f6;box-shadow:0 18px 55px rgba(23,52,96,.08);text-align:center}.story-step b{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:18px;background:#07142a;color:#fff;margin-bottom:12px}.stage4-lab{padding:80px 0;background:#f4f9ff}.lab-cinema{display:grid;grid-template-columns:1fr 1.15fr;gap:28px;align-items:center;padding:42px;border-radius:38px;background:radial-gradient(circle at 22% 45%,rgba(59,130,246,.34),transparent 26%),linear-gradient(135deg,#061123,#071a35);border:1px solid rgba(255,255,255,.12);box-shadow:0 36px 90px rgba(10,30,60,.20);overflow:hidden}.lab-cinema h2{color:#f5b942;font-size:44px;margin:0}.lab-cinema p{color:#c7d7ea;font-weight:750}.neural-orb{height:260px;border-radius:32px;background:radial-gradient(circle,#60a5fa 0 5%,transparent 6%),radial-gradient(circle at 55% 45%,rgba(34,211,238,.35),transparent 22%),linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.13);position:relative}.neural-orb:before{content:"AI";position:absolute;inset:0;display:grid;place-items:center;font-size:58px;font-weight:1000;color:#9bdcff;text-shadow:0 0 32px #38bdf8}.neural-orb:after{content:"";position:absolute;inset:38px;border:1px dashed rgba(147,197,253,.45);border-radius:50%;animation:spin 16s linear infinite}@keyframes spin{to{transform:rotate(360deg)}} .stage4-cta{padding:72px 0 96px;background:#f4f9ff}.final-cta{display:grid;grid-template-columns:.65fr 1fr;gap:20px;align-items:center;padding:34px;border-radius:34px;background:linear-gradient(135deg,#fff,#eaf4ff);border:1px solid #d8e8f7;box-shadow:0 28px 90px rgba(23,52,96,.12)}.final-cta h2{font-size:34px;margin:0 0 8px}.final-cta p{color:#64748b;font-weight:700}.calendar-3d{height:190px;border-radius:28px;background:radial-gradient(circle at 40% 45%,rgba(59,130,246,.24),transparent 32%),linear-gradient(135deg,#edf6ff,#fff);position:relative}.calendar-3d:before{content:"";position:absolute;right:46px;top:44px;width:118px;height:90px;border-radius:18px;background:#fff;box-shadow:0 18px 45px rgba(23,52,96,.15)}.calendar-3d:after{content:"";position:absolute;right:78px;top:72px;width:58px;height:58px;border-radius:18px;background:linear-gradient(135deg,#f5b942,#60a5fa)} @media(max-width:1060px){.stage4-grid,.stage4-project-grid,.lab-cinema,.final-cta{grid-template-columns:1fr}.cinematic-stage{height:520px}.metrics-super{grid-template-columns:repeat(2,1fr)}.cap-cinema-grid{grid-template-columns:repeat(2,1fr)}.story-line{grid-template-columns:repeat(3,1fr)}} @media(max-width:720px){.stage4-hero{min-height:auto}.stage4-grid{padding:42px 0 110px}.stage4-copy h1{font-size:40px}.stage4-copy p{font-size:15px}.cinematic-stage{height:auto;display:grid;gap:12px}.cin-dashboard{position:relative;right:auto;top:auto;width:100%;max-width:100%;height:310px;transform:none;animation:none}.orb-card{position:relative;inset:auto!important;width:100%;min-height:auto}.cin-orbit{display:none}.metrics-super,.cap-cinema-grid,.story-line{grid-template-columns:1fr}.metric-super{border-left:0;border-bottom:1px solid rgba(255,255,255,.08)}.project-ultra{min-height:340px}.stage4-project-grid .project-ultra:first-child{grid-row:auto}.lab-cinema{padding:24px}.lab-cinema h2{font-size:34px}.neural-orb{height:200px}.final-cta{padding:22px}.stage4-actions .btn{width:100%}} /* -------------------------------------------------------------------------- Stage 5 β€” Premium SaaS Homepage Redesign Goal: replace the simple/empty landing feel with a dense, cinematic, product-led design system while preserving all Django models and routes. -------------------------------------------------------------------------- */ .stage5-body{ background:#050b16; color:#f8fbff; --v5-bg:#050b16; --v5-ink:#f8fbff; --v5-muted:#a9b9cc; --v5-line:rgba(255,255,255,.12); --v5-blue:#3b82f6; --v5-cyan:#22d3ee; --v5-green:#22c55e; --v5-gold:#f6bd55; --v5-purple:#8b5cf6; } .stage5-body:before{background:radial-gradient(circle at 12% 8%,rgba(59,130,246,.22),transparent 30%),radial-gradient(circle at 86% 11%,rgba(34,197,94,.14),transparent 29%),linear-gradient(180deg,#030713 0%,#06101f 45%,#eef6ff 45.1%,#eef6ff 100%)} .stage5-body .site-header{position:fixed;top:0;right:0;left:0;z-index:60;background:rgba(4,10,22,.68);backdrop-filter:blur(24px);border-bottom:1px solid rgba(255,255,255,.09);box-shadow:0 14px 50px rgba(0,0,0,.22)} .stage5-body .navbar{min-height:70px}.stage5-body .brand-mark{width:50px;height:50px;border-radius:17px;box-shadow:0 0 36px rgba(59,130,246,.38)}.stage5-body .brand-text strong{font-size:17px}.stage5-body .brand-text span{color:#8fa4bd}.stage5-body .main-menu a{font-size:13px;padding:9px 13px;border-radius:14px}.stage5-body .main-menu a:hover,.stage5-body .main-menu a.active{background:rgba(255,255,255,.08);box-shadow:inset 0 -2px 0 var(--v5-gold)} .stage5-page{overflow:hidden;background:#eef6ff}.v5-hero{position:relative;min-height:960px;padding:120px 0 0;background:radial-gradient(circle at 22% 24%,rgba(59,130,246,.35),transparent 30%),radial-gradient(circle at 72% 25%,rgba(34,197,94,.20),transparent 28%),linear-gradient(145deg,#030713 0%,#07162c 48%,#051016 100%);isolation:isolate}.v5-hero:before{content:"";position:absolute;inset:0;z-index:-2;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px),radial-gradient(circle,rgba(255,255,255,.32) 1px,transparent 1.7px);background-size:78px 78px,78px 78px,120px 120px}.v5-hero:after{content:"";position:absolute;right:0;left:0;bottom:-1px;height:170px;background:linear-gradient(180deg,transparent,#eef6ff 78%)} .v5-aurora{position:absolute;border-radius:999px;filter:blur(70px);opacity:.55;pointer-events:none;z-index:-1}.v5-aurora-one{width:460px;height:460px;right:8%;top:120px;background:rgba(34,197,94,.22)}.v5-aurora-two{width:620px;height:500px;left:6%;top:110px;background:rgba(59,130,246,.22)} .v5-hero-grid{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center;min-height:710px;direction:ltr}.v5-hero-copy{direction:rtl;position:relative;z-index:6}.v5-eyebrow,.v5-section-head span,.v5-system-copy>span,.v5-lab-copy>span,.v5-final-cta>div>span{display:inline-flex;align-items:center;gap:9px;color:#f6bd55;font-size:13px;font-weight:1000;letter-spacing:-.02em;background:rgba(246,189,85,.10);border:1px solid rgba(246,189,85,.24);border-radius:999px;padding:7px 13px}.v5-eyebrow i{width:9px;height:9px;border-radius:50%;background:#22c55e;box-shadow:0 0 16px #22c55e}.v5-hero-copy h1{margin:24px 0 18px;font-weight:1000;line-height:1.13;letter-spacing:-.07em;font-size:clamp(54px,7vw,104px);max-width:740px}.v5-hero-copy h1 span{display:block;color:#fff}.v5-hero-copy h1 strong{display:block;background:linear-gradient(90deg,#fff 0%,#58e2a0 45%,#f6bd55 78%,#fff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 70px rgba(34,197,94,.17)}.v5-hero-copy p{max-width:650px;margin:0 0 22px;color:#c8d7ea;font-size:17px;font-weight:750}.v5-hero-tags{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 28px}.v5-hero-tags span{border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.04));border-radius:999px;color:#dbeafe;padding:8px 13px;font-size:12px;font-weight:1000}.v5-actions{display:flex;gap:13px;align-items:center;flex-wrap:wrap}.v5-primary{padding:14px 22px!important;font-size:14px!important;box-shadow:0 18px 50px rgba(246,189,85,.28)!important}.v5-secondary{padding:13px 20px!important;background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.18)!important} .v5-product-universe{direction:rtl;position:relative;height:650px;perspective:1300px;transform-style:preserve-3d}.v5-orbit-ring{position:absolute;inset:80px 18px 50px 18px;border-radius:50%;border:1px solid rgba(147,197,253,.24);transform:rotateX(67deg) rotateZ(-9deg);box-shadow:0 0 55px rgba(59,130,246,.20),inset 0 0 40px rgba(34,211,238,.08);animation:v5Rotate 26s linear infinite}.v5-orbit-ring.ring-2{inset:130px 80px 105px 80px;animation-duration:35s;animation-direction:reverse;border-color:rgba(34,197,94,.18)}@keyframes v5Rotate{to{transform:rotateX(67deg) rotateZ(351deg)}} .v5-main-console{position:absolute;right:9%;left:3%;top:105px;height:390px;display:grid;grid-template-columns:96px 1fr;grid-template-rows:42px 1fr;overflow:hidden;border-radius:34px;background:linear-gradient(145deg,rgba(248,251,255,.96),rgba(224,239,255,.86));border:1px solid rgba(255,255,255,.72);box-shadow:0 46px 130px rgba(3,7,18,.55),0 0 0 14px rgba(255,255,255,.04);transform:rotateY(-13deg) rotateX(6deg) rotateZ(1deg);animation:v5Float 7s ease-in-out infinite}.v5-main-console:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 20%,rgba(59,130,246,.20),transparent 30%),linear-gradient(120deg,transparent,rgba(255,255,255,.55),transparent);pointer-events:none}.v5-console-top{grid-column:1/3;display:flex;align-items:center;gap:7px;padding:0 18px;background:rgba(5,14,29,.88)}.v5-console-top span{width:10px;height:10px;border-radius:50%;background:#3b82f6}.v5-console-top span:nth-child(2){background:#22c55e}.v5-console-top span:nth-child(3){background:#f6bd55}.v5-console-sidebar{position:relative;z-index:2;padding:18px 17px;display:flex;flex-direction:column;gap:13px;background:#071426}.v5-console-sidebar b{width:48px;height:14px;border-radius:99px;background:linear-gradient(90deg,#3b82f6,#22c55e);margin-bottom:8px}.v5-console-sidebar i{height:10px;border-radius:999px;background:rgba(255,255,255,.22)}.v5-console-content{position:relative;z-index:2;padding:20px;display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:72px 1fr 92px;gap:14px}.v5-kpi-row{grid-column:1/3;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.v5-kpi-row em{border-radius:18px;background:linear-gradient(180deg,#fff,#edf6ff);box-shadow:0 10px 26px rgba(28,68,128,.08);position:relative}.v5-kpi-row em:after{content:"";position:absolute;right:14px;top:19px;width:52%;height:8px;border-radius:999px;background:#bfdbfe}.v5-chart-panel{border-radius:22px;background:#fff;border:1px solid #dbeafe;box-shadow:0 12px 36px rgba(28,68,128,.08);position:relative;overflow:hidden}.v5-chart-panel.line:before{content:"";position:absolute;right:25px;left:25px;bottom:45px;height:85px;border-bottom:5px solid #3b82f6;border-radius:54%;filter:drop-shadow(0 0 10px rgba(59,130,246,.45))}.v5-chart-panel.line:after{content:"";position:absolute;inset:28px;background:linear-gradient(135deg,transparent 15%,rgba(59,130,246,.18) 16% 22%,transparent 23% 43%,rgba(34,197,94,.20) 44% 51%,transparent 52%)}.v5-chart-panel.donut{display:grid;place-items:center}.v5-chart-panel.donut:before{content:"";width:116px;height:116px;border-radius:50%;background:conic-gradient(#3b82f6 0 42%,#22c55e 42% 70%,#f6bd55 70% 87%,#8b5cf6 87%);box-shadow:inset 0 0 0 26px #fff,0 14px 35px rgba(59,130,246,.18)}.v5-data-table{border-radius:22px;background:#fff;border:1px solid #dbeafe;padding:18px;display:grid;gap:11px}.v5-data-table i{height:12px;border-radius:999px;background:linear-gradient(90deg,#c7d2fe,#dbeafe 55%,transparent)}.v5-flow-map{border-radius:22px;background:linear-gradient(145deg,#f8fbff,#eff6ff);border:1px solid #dbeafe;display:flex;align-items:center;justify-content:center;gap:28px}.v5-flow-map i{width:44px;height:44px;border-radius:16px;background:linear-gradient(135deg,#3b82f6,#22c55e);box-shadow:0 12px 26px rgba(59,130,246,.20);position:relative}.v5-flow-map i:not(:last-child):after{content:"";position:absolute;right:44px;top:21px;width:28px;height:2px;background:#93c5fd}@keyframes v5Float{50%{transform:rotateY(-13deg) rotateX(6deg) rotateZ(1deg) translateY(-18px)}} .v5-float-card{position:absolute;z-index:4;width:205px;padding:18px 18px 16px;border-radius:26px;background:linear-gradient(180deg,rgba(12,27,50,.86),rgba(12,27,50,.52));border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(22px);box-shadow:0 28px 80px rgba(0,0,0,.36);animation:v5Bob 5s ease-in-out infinite}.v5-float-card small{display:block;color:#cbd5e1;font-weight:900}.v5-float-card strong{display:block;color:#fff;font-size:18px;font-weight:1000;margin-top:2px}.v5-float-card span{display:block;height:8px;border-radius:999px;background:linear-gradient(90deg,transparent,#22c55e,#3b82f6,transparent);margin-top:15px}.card-sit{left:7%;top:88px}.card-beh{right:1%;top:64px;animation-delay:.4s}.card-pita{left:14%;bottom:95px;animation-delay:.8s}.card-ai{right:6%;bottom:70px;animation-delay:1.2s}@keyframes v5Bob{50%{transform:translateY(-14px)}} .v5-metric-dock{position:relative;z-index:5;margin-top:-88px;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;overflow:hidden;border-radius:32px;background:linear-gradient(180deg,rgba(8,19,39,.95),rgba(6,16,33,.86));border:1px solid rgba(255,255,255,.16);box-shadow:0 32px 90px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.08)}.v5-metric{padding:24px 26px;display:grid;grid-template-columns:54px auto;gap:6px 15px;align-items:center;border-left:1px solid rgba(255,255,255,.08)}.v5-metric:last-child{border-left:0}.v5-metric i{grid-row:1/3;width:54px;height:54px;border-radius:19px;display:grid;place-items:center;font-style:normal;background:linear-gradient(135deg,rgba(59,130,246,.24),rgba(34,197,94,.12));border:1px solid rgba(255,255,255,.13);color:#fff}.v5-metric strong{font-size:29px;line-height:1;color:#f6bd55;font-weight:1000}.v5-metric span{color:#dbeafe;font-weight:900;font-size:13px} .v5-section{position:relative;padding:110px 0;color:#0e1728}.v5-section-head{text-align:center;max-width:850px;margin:0 auto 42px}.v5-section-head h2{font-size:clamp(32px,4vw,56px);line-height:1.35;letter-spacing:-.05em;margin:15px 0 12px;color:#071426}.v5-section-head p{color:#64748b;font-size:16px;font-weight:800;margin:0}.v5-project-showcase{background:linear-gradient(180deg,#eef6ff 0%,#f8fbff 58%,#eef6ff 100%)}.v5-project-showcase:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 24%,rgba(59,130,246,.12),transparent 28%),radial-gradient(circle at 80% 18%,rgba(34,197,94,.10),transparent 25%);pointer-events:none}.v5-case-grid{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:24px}.v5-case-card{min-height:520px;position:relative;overflow:hidden;border-radius:42px;padding:26px;background:linear-gradient(145deg,#071426,#0a1b35);border:1px solid rgba(255,255,255,.14);box-shadow:0 36px 100px rgba(23,52,96,.20);color:#fff;display:grid;grid-template-rows:285px 1fr;transition:.35s ease}.v5-case-card:hover{transform:translateY(-10px);box-shadow:0 48px 120px rgba(59,130,246,.24)}.v5-case-card.green{background:linear-gradient(145deg,#051b19,#0a3027)}.v5-case-card.purple{background:linear-gradient(145deg,#130d2b,#25114c)}.v5-case-card.is-wide{grid-row:span 2;min-height:660px;grid-template-rows:370px 1fr}.v5-case-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 22%,rgba(59,130,246,.28),transparent 28%),radial-gradient(circle at 85% 12%,rgba(34,197,94,.17),transparent 24%);pointer-events:none}.v5-case-visual{position:relative;z-index:1}.v5-product-screen{position:absolute;inset:12px 10px 20px 10px;display:grid;grid-template-columns:74px 1fr;grid-template-rows:36px 1fr;border-radius:30px;overflow:hidden;background:linear-gradient(145deg,#eaf4ff,#fff);box-shadow:0 28px 72px rgba(0,0,0,.32);transform:rotateX(4deg) rotateY(0deg)}.v5-product-screen.green{background:linear-gradient(145deg,#06251e,#0b3a31);border:1px solid rgba(34,197,94,.22)}.v5-product-screen.purple{background:linear-gradient(145deg,#23104d,#402184);border:1px solid rgba(139,92,246,.22)}.v5-screen-head{grid-column:1/3;display:flex;gap:7px;align-items:center;padding:0 14px;background:#081326}.v5-screen-head span{width:8px;height:8px;border-radius:50%;background:#3b82f6}.v5-screen-head span:nth-child(2){background:#22c55e}.v5-screen-head span:nth-child(3){background:#f6bd55}.v5-screen-side{padding:14px 12px;background:rgba(6,16,33,.94);display:flex;flex-direction:column;gap:12px}.v5-screen-side b{height:12px;border-radius:999px;background:linear-gradient(90deg,#3b82f6,#22c55e);margin-bottom:4px}.v5-screen-side i{height:8px;border-radius:999px;background:rgba(255,255,255,.20)}.v5-screen-body{padding:16px;display:grid;grid-template-columns:1fr .74fr;grid-template-rows:60px 1fr 70px;gap:12px;background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.03))}.v5-mini-kpis{grid-column:1/3;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.v5-mini-kpis em{border-radius:14px;background:rgba(255,255,255,.82);box-shadow:0 8px 20px rgba(3,7,18,.10)}.green .v5-mini-kpis em,.purple .v5-mini-kpis em{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.12)}.v5-screen-chart,.v5-screen-ring,.v5-screen-list{border-radius:18px;background:rgba(255,255,255,.80);position:relative;overflow:hidden}.green .v5-screen-chart,.green .v5-screen-ring,.green .v5-screen-list,.purple .v5-screen-chart,.purple .v5-screen-ring,.purple .v5-screen-list{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}.v5-screen-chart:after{content:"";position:absolute;right:18px;left:18px;bottom:28px;height:65px;border-bottom:4px solid #3b82f6;border-radius:50%;filter:drop-shadow(0 0 8px rgba(59,130,246,.5))}.green .v5-screen-chart:after{border-color:#22c55e}.purple .v5-screen-chart:after{border-color:#8b5cf6}.v5-screen-ring{display:grid;place-items:center}.v5-screen-ring:before{content:"";width:82px;height:82px;border-radius:50%;background:conic-gradient(#3b82f6 0 42%,#22c55e 42% 70%,#f6bd55 70%);box-shadow:inset 0 0 0 19px rgba(255,255,255,.94)}.green .v5-screen-ring:before,.purple .v5-screen-ring:before{box-shadow:inset 0 0 0 19px #0b1730}.v5-screen-list{grid-column:1/3;padding:15px;display:grid;gap:8px}.v5-screen-list i{border-radius:999px;background:linear-gradient(90deg,#93c5fd,#dbeafe 60%,transparent)}.v5-case-badge{position:absolute;right:24px;top:24px;z-index:3;color:#fff;border-radius:999px;padding:7px 12px;background:rgba(34,197,94,.16);border:1px solid rgba(34,197,94,.28);font-size:12px;font-weight:1000;backdrop-filter:blur(12px)}.v5-case-content{position:relative;z-index:2}.v5-case-top{display:flex;align-items:center;justify-content:space-between;color:#9fb4cd;font-weight:900;font-size:13px}.v5-project-icon{width:48px;height:48px;border-radius:18px;display:grid;place-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:#fff;font-size:20px}.v5-case-content h3{font-size:36px;margin:15px 0 8px;letter-spacing:-.04em;color:#fff}.v5-case-content p{color:#cbd5e1;font-weight:750;margin:0 0 18px}.v5-case-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.v5-case-tags span{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);color:#f8fbff;border-radius:999px;padding:6px 11px;font-size:12px;font-weight:1000}.v5-card-link{display:inline-flex;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);border-radius:15px;padding:9px 14px;font-weight:1000;color:#fff}.v5-system-section{background:linear-gradient(145deg,#071426,#06101f);color:#fff;overflow:hidden}.v5-system-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 30%,rgba(59,130,246,.22),transparent 32%),radial-gradient(circle at 85% 45%,rgba(34,197,94,.16),transparent 30%);pointer-events:none}.v5-system-grid{position:relative;display:grid;grid-template-columns:.82fr 1.18fr;gap:40px;align-items:center}.v5-system-copy h2{font-size:clamp(32px,4vw,56px);line-height:1.35;letter-spacing:-.05em;margin:18px 0;color:#fff}.v5-system-copy p{color:#cbd5e1;font-weight:750;font-size:16px}.v5-system-points{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.v5-system-points b{border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);padding:8px 12px;color:#dbeafe}.v5-stack-board{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;perspective:900px}.v5-stack-board article{min-height:220px;border-radius:32px;background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.13);padding:26px;box-shadow:0 30px 80px rgba(0,0,0,.25);position:relative;overflow:hidden}.v5-stack-board article:before{content:"";position:absolute;left:-50px;top:-50px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(59,130,246,.28),transparent 70%)}.v5-stack-board i{font-style:normal;color:#f6bd55;font-size:13px;font-weight:1000}.v5-stack-board strong{display:block;font-size:27px;margin:42px 0 8px}.v5-stack-board span{color:#a9b9cc;font-weight:750}.v5-capabilities-section{background:#f8fbff}.v5-cap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.v5-cap-card{min-height:285px;padding:24px;border-radius:34px;background:#fff;border:1px solid #dbeafe;box-shadow:0 24px 70px rgba(23,52,96,.10);position:relative;overflow:hidden}.v5-cap-card:hover .v5-cap-visual i{transform:translateY(-8px) scale(1.04)}.v5-cap-visual{height:120px;border-radius:26px;background:radial-gradient(circle at 50% 50%,rgba(59,130,246,.20),transparent 55%),linear-gradient(145deg,#edf6ff,#fff);border:1px solid #e2eefb;display:grid;place-items:center;position:relative;overflow:hidden}.v5-cap-visual i{position:relative;z-index:2;font-style:normal;font-size:44px;transition:.35s ease}.v5-cap-visual span{position:absolute;border-radius:999px;background:linear-gradient(90deg,transparent,#3b82f6,transparent);height:3px;width:72%;transform:rotate(-10deg)}.v5-cap-visual span:nth-child(3){transform:rotate(16deg);background:linear-gradient(90deg,transparent,#22c55e,transparent)}.v5-cap-card h3{font-size:22px;margin:18px 0 8px;color:#071426}.v5-cap-card p{margin:0;color:#64748b;font-weight:750}.v5-process-section{background:linear-gradient(180deg,#eef6ff,#f8fbff)}.v5-process-rail{position:relative;display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.v5-process-rail:before{content:"";position:absolute;right:6%;left:6%;top:42px;height:3px;background:linear-gradient(90deg,#22c55e,#3b82f6,#8b5cf6,#f6bd55);border-radius:999px;box-shadow:0 0 30px rgba(59,130,246,.28)}.v5-process-rail article{position:relative;z-index:2;padding:20px 14px 22px;border-radius:28px;text-align:center;background:#fff;border:1px solid #dbeafe;box-shadow:0 20px 60px rgba(23,52,96,.09)}.v5-process-rail b{display:inline-grid;place-items:center;width:54px;height:54px;border-radius:20px;background:#061426;color:#fff;margin-bottom:16px;box-shadow:0 14px 30px rgba(3,7,18,.18)}.v5-process-rail h3{font-size:17px;margin:0 0 7px;color:#071426}.v5-process-rail p{margin:0;color:#64748b;font-size:13px;font-weight:750}.v5-lab-section{background:#06101f;color:#fff;overflow:hidden}.v5-lab-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 45%,rgba(59,130,246,.24),transparent 30%),radial-gradient(circle at 78% 30%,rgba(34,211,238,.18),transparent 28%),linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:auto,auto,64px 64px,64px 64px;pointer-events:none}.v5-lab-grid{position:relative;display:grid;grid-template-columns:.85fr 1.15fr;gap:28px;align-items:center}.v5-lab-copy h2{font-size:clamp(42px,5vw,78px);letter-spacing:-.05em;margin:15px 0;color:#f6bd55}.v5-lab-copy p{color:#cbd5e1;font-weight:750}.v5-lab-cards{display:grid;gap:16px}.v5-lab-cards article{min-height:128px;display:grid;grid-template-columns:70px 1fr auto;align-items:center;gap:16px;border-radius:30px;padding:20px 22px;background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.13);box-shadow:0 24px 70px rgba(0,0,0,.20)}.v5-lab-cards i{font-style:normal;width:70px;height:70px;border-radius:24px;display:grid;place-items:center;background:radial-gradient(circle,rgba(34,211,238,.32),rgba(59,130,246,.16));font-size:28px}.v5-lab-cards strong{font-size:20px;color:#fff}.v5-lab-cards span{border:1px solid rgba(246,189,85,.25);background:rgba(246,189,85,.08);border-radius:999px;color:#f6bd55;font-size:12px;font-weight:1000;padding:7px 10px}.v5-final-section{padding:110px 0;background:#eef6ff;color:#0e1728}.v5-final-cta{display:grid;grid-template-columns:.7fr 1.3fr;gap:28px;align-items:center;padding:38px;border-radius:42px;background:linear-gradient(135deg,#fff,#eaf4ff);border:1px solid #d8e8f7;box-shadow:0 35px 110px rgba(23,52,96,.16);overflow:hidden}.v5-final-cta h2{font-size:clamp(30px,3.4vw,50px);line-height:1.4;letter-spacing:-.05em;margin:14px 0 10px;color:#071426}.v5-final-cta p{color:#64748b;font-weight:750}.v5-final-visual{height:260px;border-radius:32px;background:radial-gradient(circle at 38% 42%,rgba(59,130,246,.28),transparent 34%),linear-gradient(145deg,#061426,#0d2340);position:relative;box-shadow:inset 0 0 0 1px rgba(255,255,255,.10)}.v5-final-visual span{position:absolute;border-radius:24px;background:linear-gradient(145deg,#f8fbff,#dbeafe);box-shadow:0 20px 55px rgba(0,0,0,.25)}.v5-final-visual span:nth-child(1){width:150px;height:100px;right:40px;top:55px}.v5-final-visual span:nth-child(2){width:110px;height:74px;left:52px;top:70px;background:linear-gradient(145deg,#22c55e,#3b82f6)}.v5-final-visual span:nth-child(3){width:190px;height:34px;right:85px;bottom:52px;background:linear-gradient(90deg,#f6bd55,#3b82f6)} [data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .72s ease,transform .72s ease}[data-reveal].revealed{opacity:1;transform:none} .stage5-body .footer{margin-top:0;background:#030713;border-top:1px solid rgba(255,255,255,.10)} @media(max-width:1100px){.v5-hero-grid,.v5-system-grid,.v5-lab-grid,.v5-final-cta{grid-template-columns:1fr;direction:rtl}.v5-product-universe{height:600px;order:-1}.v5-case-grid{grid-template-columns:1fr}.v5-case-card.is-wide{grid-row:auto;min-height:560px}.v5-cap-grid{grid-template-columns:repeat(2,1fr)}.v5-process-rail{grid-template-columns:repeat(3,1fr)}.v5-process-rail:before{display:none}} @media(max-width:760px){.stage5-body .site-header{position:sticky}.v5-hero{min-height:auto;padding-top:72px}.v5-hero-grid{gap:22px;min-height:auto;padding-top:30px}.v5-hero-copy h1{font-size:42px;letter-spacing:-.04em}.v5-hero-copy p{font-size:15px}.v5-product-universe{height:auto;display:grid;gap:12px}.v5-main-console{position:relative;inset:auto;height:330px;grid-template-columns:60px 1fr;transform:none;animation:none}.v5-orbit-ring{display:none}.v5-float-card{position:relative;inset:auto!important;width:100%;animation:none}.v5-metric-dock{grid-template-columns:1fr;margin-top:20px}.v5-metric{border-left:0;border-bottom:1px solid rgba(255,255,255,.08)}.v5-section{padding:72px 0}.v5-section-head h2{font-size:31px}.v5-case-card,.v5-case-card.is-wide{min-height:auto;grid-template-rows:260px auto;border-radius:30px;padding:18px}.v5-product-screen{inset:8px}.v5-cap-grid,.v5-stack-board,.v5-process-rail{grid-template-columns:1fr}.v5-lab-cards article{grid-template-columns:58px 1fr}.v5-lab-cards span{grid-column:2}.v5-final-cta{padding:22px;border-radius:30px}.v5-actions .btn{width:100%;justify-content:center}.v5-final-visual{height:210px}} /* ------------------------------------------------------------------ Stage 6 β€” Premium density refinement Goal: keep the Stage 5 product-led concept, but reduce oversized UI scale, section height, card size, and visual weight for a more professional desktop rhythm and better mobile density. ------------------------------------------------------------------- */ :root{ --radius:24px; --radius-xl:32px; --shadow:0 20px 58px rgba(0,0,0,.28); --shadow-blue:0 18px 46px rgba(47,128,255,.18); } .container{width:min(1120px,calc(100% - 40px));} .navbar{height:64px;gap:16px}.brand{min-width:215px;gap:10px}.brand-mark{width:48px;height:38px}.brand-mark::before,.brand-mark::after{width:15px;height:34px;border-radius:8px}.brand-mark::before{right:9px}.brand-mark::after{left:11px}.brand-mark span{width:12px;height:12px}.brand-text strong{font-size:18px}.brand-text span{font-size:11px}.main-menu a{font-size:13px;padding:7px 10px;border-radius:12px}.btn{padding:10px 16px;border-radius:14px;font-size:13px}.nav-actions .btn{padding:9px 14px;font-size:12px} /* Stage 5 homepage: reduce global scale */ .v5-hero{min-height:760px;padding:84px 0 0}.v5-hero:after{height:118px}.v5-hero-grid{grid-template-columns:.92fr 1.08fr;gap:34px;min-height:555px}.v5-hero-copy h1{font-size:clamp(42px,5.2vw,78px);line-height:1.18;letter-spacing:-.055em;max-width:610px;margin:18px 0 14px}.v5-hero-copy p{max-width:560px;font-size:15px;line-height:2;margin-bottom:16px}.v5-eyebrow,.v5-section-head span,.v5-system-copy>span,.v5-lab-copy>span,.v5-final-cta>div>span{font-size:11px;padding:5px 10px}.v5-hero-tags{gap:7px;margin:16px 0 20px}.v5-hero-tags span{font-size:11px;padding:6px 10px}.v5-primary{padding:11px 18px!important;font-size:13px!important}.v5-secondary{padding:10px 16px!important;font-size:12px!important} .v5-product-universe{height:500px;perspective:1100px}.v5-orbit-ring{inset:74px 26px 48px 26px}.v5-orbit-ring.ring-2{inset:116px 88px 98px 88px}.v5-main-console{right:10%;left:5%;top:92px;height:300px;grid-template-columns:76px 1fr;grid-template-rows:34px 1fr;border-radius:28px;box-shadow:0 34px 88px rgba(3,7,18,.48),0 0 0 10px rgba(255,255,255,.035)}.v5-console-top{padding:0 14px}.v5-console-top span{width:8px;height:8px}.v5-console-sidebar{padding:14px 13px;gap:10px}.v5-console-sidebar b{width:38px;height:10px}.v5-console-sidebar i{height:8px}.v5-console-content{padding:15px;grid-template-rows:56px 1fr 70px;gap:10px}.v5-kpi-row{gap:9px}.v5-kpi-row em{border-radius:14px}.v5-kpi-row em:after{right:10px;top:15px;height:7px}.v5-chart-panel{border-radius:18px}.v5-chart-panel.line:before{right:20px;left:20px;bottom:34px;height:58px;border-bottom-width:4px}.v5-chart-panel.donut:before{width:88px;height:88px;box-shadow:inset 0 0 0 20px #fff,0 10px 26px rgba(59,130,246,.15)}.v5-data-table{border-radius:18px;padding:13px;gap:8px}.v5-data-table i{height:9px}.v5-flow-map{border-radius:18px;gap:22px}.v5-flow-map i{width:34px;height:34px;border-radius:12px}.v5-flow-map i:not(:last-child):after{right:34px;top:16px;width:22px}.v5-float-card{width:150px;padding:12px 13px;border-radius:18px}.v5-float-card small{font-size:12px}.v5-float-card strong{font-size:14px}.v5-float-card span{height:4px;margin-top:10px}.v5-float-card.card-sit{right:6%;top:38px}.v5-float-card.card-beh{left:5%;top:78px}.v5-float-card.card-pita{right:1%;bottom:86px}.v5-float-card.card-ai{left:15%;bottom:58px} .v5-metric-dock{margin-top:-58px;border-radius:24px;max-width:900px}.v5-metric{padding:16px 18px;grid-template-columns:42px auto;gap:4px 11px}.v5-metric i{width:42px;height:42px;border-radius:15px}.v5-metric strong{font-size:23px}.v5-metric span{font-size:12px} .v5-section{padding:76px 0}.v5-section-head{max-width:760px;margin-bottom:30px}.v5-section-head h2{font-size:clamp(26px,3.1vw,40px);line-height:1.45;letter-spacing:-.045em;margin:11px 0 8px}.v5-section-head p{font-size:14px;line-height:2}.v5-case-grid{gap:18px}.v5-case-card{min-height:400px;border-radius:30px;padding:18px;grid-template-rows:205px 1fr;box-shadow:0 26px 72px rgba(23,52,96,.16)}.v5-case-card:hover{transform:translateY(-6px)}.v5-case-card.is-wide{min-height:520px;grid-template-rows:280px 1fr}.v5-product-screen{inset:8px 8px 14px 8px;grid-template-columns:56px 1fr;grid-template-rows:30px 1fr;border-radius:23px}.v5-screen-head{padding:0 10px}.v5-screen-head span{width:7px;height:7px}.v5-screen-side{padding:10px;gap:8px}.v5-screen-side b{height:10px}.v5-screen-side i{height:7px}.v5-screen-body{padding:12px;gap:9px;grid-template-rows:44px 1fr 54px}.v5-mini-kpis{gap:7px}.v5-mini-kpis em{border-radius:10px}.v5-screen-chart,.v5-screen-ring,.v5-screen-list{border-radius:14px}.v5-screen-chart:after{right:14px;left:14px;bottom:20px;height:45px;border-bottom-width:3px}.v5-screen-ring:before{width:62px;height:62px;box-shadow:inset 0 0 0 14px rgba(255,255,255,.94)}.green .v5-screen-ring:before,.purple .v5-screen-ring:before{box-shadow:inset 0 0 0 14px #0b1730}.v5-screen-list{padding:11px;gap:6px}.v5-case-badge{right:18px;top:18px;font-size:11px;padding:5px 10px}.v5-case-top{font-size:12px}.v5-project-icon{width:40px;height:40px;border-radius:15px;font-size:17px}.v5-case-content h3{font-size:28px;margin:10px 0 6px}.v5-case-content p{font-size:14px;line-height:1.95;margin-bottom:13px}.v5-case-tags{gap:6px;margin-bottom:15px}.v5-case-tags span{font-size:11px;padding:5px 9px}.v5-card-link{border-radius:13px;padding:7px 12px;font-size:12px} .v5-system-grid{gap:30px}.v5-system-copy h2{font-size:clamp(28px,3.4vw,44px);line-height:1.45;margin:12px 0}.v5-system-copy p{font-size:14px;line-height:2}.v5-system-points{gap:8px;margin-top:18px}.v5-system-points b{font-size:12px;padding:6px 10px}.v5-stack-board{gap:14px}.v5-stack-board article{min-height:165px;border-radius:24px;padding:20px}.v5-stack-board article:before{width:110px;height:110px}.v5-stack-board i{font-size:12px}.v5-stack-board strong{font-size:22px;margin:28px 0 6px}.v5-stack-board span{font-size:13px} .v5-cap-grid{gap:16px}.v5-cap-card{min-height:218px;padding:18px;border-radius:26px;box-shadow:0 18px 48px rgba(23,52,96,.08)}.v5-cap-visual{height:82px;border-radius:20px}.v5-cap-visual i{font-size:32px}.v5-cap-card h3{font-size:18px;margin:13px 0 5px}.v5-cap-card p{font-size:13px;line-height:1.9} .v5-process-rail{gap:10px}.v5-process-rail:before{top:32px}.v5-process-rail article{padding:15px 10px 16px;border-radius:22px}.v5-process-rail b{width:42px;height:42px;border-radius:15px;margin-bottom:11px}.v5-process-rail h3{font-size:15px}.v5-process-rail p{font-size:12px;line-height:1.8} .v5-lab-grid{gap:22px}.v5-lab-copy h2{font-size:clamp(34px,4vw,56px);margin:9px 0}.v5-lab-copy p{font-size:14px;line-height:2}.v5-lab-cards{gap:12px}.v5-lab-cards article{min-height:92px;grid-template-columns:54px 1fr auto;gap:12px;border-radius:24px;padding:15px 17px}.v5-lab-cards i{width:54px;height:54px;border-radius:18px;font-size:22px}.v5-lab-cards strong{font-size:17px}.v5-lab-cards span{font-size:11px;padding:5px 8px} .v5-final-section{padding:78px 0}.v5-final-cta{grid-template-columns:.62fr 1.38fr;gap:22px;padding:28px;border-radius:32px;box-shadow:0 24px 74px rgba(23,52,96,.12)}.v5-final-cta h2{font-size:clamp(25px,2.8vw,38px);line-height:1.55;margin:10px 0 7px}.v5-final-cta p{font-size:14px;line-height:2}.v5-final-visual{height:190px;border-radius:25px}.v5-final-visual span:nth-child(1){width:116px;height:76px;right:30px;top:43px}.v5-final-visual span:nth-child(2){width:88px;height:58px;left:38px;top:54px}.v5-final-visual span:nth-child(3){width:150px;height:27px;right:62px;bottom:40px;border-radius:18px} /* Carry density to common pages too */ .hero{padding:60px 0}.section{padding:58px 0}.section.compact{padding:42px 0}.section-title{font-size:clamp(24px,2.8vw,38px)}.glass-card,.soft-card,.dark-panel{border-radius:22px}.grid{gap:16px}.dashboard-device{width:450px;height:265px}.hero-stage{min-height:360px}.float-card{padding:14px;border-radius:18px}.float-card h4{font-size:16px}.project-card,.service-card,.feature-card,.contact-card{border-radius:22px} @media(max-width:1100px){ .container{width:min(100% - 34px,960px)}.v5-hero{min-height:auto;padding-top:76px}.v5-hero-grid{grid-template-columns:1fr;min-height:0;gap:24px;direction:rtl}.v5-product-universe{height:470px;order:-1}.v5-main-console{right:12%;left:8%;height:285px;top:84px}.v5-case-card.is-wide{min-height:460px}.v5-cap-grid{grid-template-columns:repeat(2,1fr)}.v5-process-rail{grid-template-columns:repeat(3,1fr)}.v5-process-rail:before{display:none}.v5-final-cta,.v5-system-grid,.v5-lab-grid{grid-template-columns:1fr} } @media(max-width:760px){ .container{width:min(100% - 26px,620px)}.navbar{height:58px}.brand{min-width:auto}.brand-text strong{font-size:16px}.brand-text span{display:none}.brand-mark{width:42px;height:34px}.hamburger{width:40px;height:40px;border-radius:14px}.nav-actions .btn{display:none} .v5-hero{padding-top:58px}.v5-hero-grid{gap:16px;padding-top:16px}.v5-hero-copy h1{font-size:34px!important;line-height:1.32;letter-spacing:-.035em;margin:14px 0 10px}.v5-hero-copy p{font-size:13.5px;line-height:2}.v5-hero-tags span{font-size:10.5px;padding:5px 8px}.v5-actions{gap:8px}.v5-actions .btn{width:100%;justify-content:center}.v5-product-universe{height:auto;display:grid;gap:10px}.v5-main-console{position:relative;inset:auto;height:260px;grid-template-columns:50px 1fr;grid-template-rows:30px 1fr;transform:none;animation:none;border-radius:24px}.v5-console-content{grid-template-rows:45px 1fr 56px;padding:10px;gap:7px}.v5-chart-panel.donut:before{width:64px;height:64px;box-shadow:inset 0 0 0 15px #fff}.v5-orbit-ring{display:none}.v5-float-card{position:relative!important;inset:auto!important;width:100%;animation:none}.v5-metric-dock{grid-template-columns:repeat(2,1fr);margin-top:16px;border-radius:20px}.v5-metric{padding:12px;grid-template-columns:34px auto}.v5-metric i{width:34px;height:34px;border-radius:12px}.v5-metric strong{font-size:19px}.v5-section{padding:54px 0}.v5-section-head{margin-bottom:22px}.v5-section-head h2{font-size:26px;line-height:1.55}.v5-section-head p{font-size:13px}.v5-case-grid,.v5-cap-grid,.v5-stack-board,.v5-process-rail{grid-template-columns:1fr}.v5-case-card,.v5-case-card.is-wide{min-height:auto;grid-template-rows:205px auto;border-radius:24px;padding:14px}.v5-case-content h3{font-size:23px}.v5-product-screen{border-radius:20px;grid-template-columns:48px 1fr}.v5-cap-card{min-height:auto}.v5-lab-cards article{grid-template-columns:48px 1fr}.v5-lab-cards i{width:48px;height:48px}.v5-lab-cards span{grid-column:2}.v5-final-section{padding:54px 0}.v5-final-cta{padding:18px;border-radius:24px}.v5-final-visual{height:150px}.footer{padding-top:42px} } /* ------------------------------------------------------------------ Stage 7 β€” compact visual refresh with generated image assets ------------------------------------------------------------------- */ .stage7-body{background:#eef6ff;color:#0e1728} .stage7-body::before{background:linear-gradient(180deg,#030713 0 26%,#eef6ff 26% 100%)} .stage7-body::after{opacity:.10;mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.22) 35%,transparent 65%)} .stage7-body .site-header{background:rgba(3,8,18,.82)} .stage7-body .footer{background:#030713;margin-top:0} .v7-hero{position:relative;padding:86px 0 0;background:radial-gradient(circle at 12% 18%,rgba(47,128,255,.26),transparent 30%),radial-gradient(circle at 88% 14%,rgba(41,211,138,.14),transparent 24%),linear-gradient(145deg,#030713 0%,#061226 52%,#061019 100%);overflow:hidden} .v7-hero::after{content:"";position:absolute;right:0;left:0;bottom:-1px;height:110px;background:linear-gradient(180deg,transparent,#eef6ff 88%)} .v7-aurora{position:absolute;filter:blur(60px);opacity:.45;border-radius:50%;pointer-events:none}.v7-aurora.one{width:260px;height:260px;right:7%;top:12%;background:rgba(34,197,94,.12)}.v7-aurora.two{width:300px;height:300px;left:6%;top:10%;background:rgba(59,130,246,.16)} .v7-hero-grid{position:relative;display:grid;grid-template-columns:.88fr 1.12fr;gap:28px;align-items:center;min-height:520px;direction:ltr} .v7-hero-copy,.v7-hero-visual{direction:rtl} .v7-eyebrow,.v7-section-head>span,.v7-system-copy>span,.v7-lab-copy>span,.v7-final-cta>div>span{display:inline-flex;align-items:center;gap:8px;padding:5px 11px;border-radius:999px;background:rgba(244,189,98,.10);border:1px solid rgba(244,189,98,.22);color:#f4bd62;font-size:11px;font-weight:1000}.v7-eyebrow i{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 14px rgba(34,197,94,.7)} .v7-hero-copy h1{margin:16px 0 12px;max-width:560px;font-size:clamp(40px,4.8vw,68px);line-height:1.18;letter-spacing:-.055em;color:#fff}.v7-hero-copy h1 span{display:block}.v7-hero-copy h1 strong{display:block;background:linear-gradient(90deg,#fff 0%,#5be0a6 50%,#f4bd62 86%);-webkit-background-clip:text;background-clip:text;color:transparent} .v7-hero-copy p{max-width:520px;color:#c9d6e7;font-size:14px;line-height:2;margin:0 0 14px;font-weight:760} .v7-hero-tags,.v7-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.v7-hero-tags{margin:0 0 18px}.v7-hero-tags span{border-radius:999px;padding:6px 10px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:#dbeafe;font-size:11px;font-weight:900} .v7-actions .btn{padding:11px 18px;font-size:13px;border-radius:15px} .v7-hero-visual{position:relative}.v7-hero-visual img{display:block;width:min(100%,660px);margin-inline:auto;filter:drop-shadow(0 22px 64px rgba(0,0,0,.34));border-radius:26px} .v7-metric-dock{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:0;max-width:920px;margin:18px auto 0;padding:8px 12px;border-radius:24px;background:linear-gradient(180deg,rgba(7,20,38,.90),rgba(5,14,28,.96));border:1px solid rgba(255,255,255,.10);box-shadow:0 26px 70px rgba(0,0,0,.24)} .v7-metric{padding:12px 14px;display:grid;grid-template-columns:36px auto;gap:8px;align-items:center;border-left:1px solid rgba(255,255,255,.08)}.v7-metric:last-child{border-left:0}.v7-metric i{width:36px;height:36px;border-radius:14px;display:grid;place-items:center;font-style:normal;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#f4bd62;font-size:15px}.v7-metric strong{display:block;color:#fff;font-size:20px;line-height:1}.v7-metric span{display:block;color:#8ea4bd;font-size:12px;font-weight:800;line-height:1.6} .v7-section{position:relative;padding:66px 0}.v7-section-head{text-align:center;max-width:760px;margin:0 auto 28px}.v7-section-head h2{font-size:clamp(27px,3vw,40px);line-height:1.45;letter-spacing:-.045em;margin:10px 0 8px;color:#071426}.v7-section-head p{margin:0;color:#64748b;font-size:14px;line-height:2;font-weight:760} .v7-projects-section{background:linear-gradient(180deg,#eef6ff 0%,#f8fbff 65%,#f2f8ff 100%)} .v7-case-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:18px;align-items:start} .v7-case-card{overflow:hidden;border-radius:28px;background:linear-gradient(145deg,#071426,#0a1c36);border:1px solid rgba(255,255,255,.12);box-shadow:0 22px 66px rgba(23,52,96,.16);color:#fff}.v7-case-card.green{background:linear-gradient(145deg,#071b17,#0b2f27)}.v7-case-card.purple{background:linear-gradient(145deg,#130d2b,#281356)}.v7-case-card.wide{grid-row:span 2} .v7-case-media{position:relative;padding:14px 14px 0}.v7-case-media img{display:block;width:100%;height:220px;object-fit:cover;border-radius:20px;border:1px solid rgba(255,255,255,.10);background:#07111f}.v7-case-card.wide .v7-case-media img{height:280px}.v7-case-badge{position:absolute;top:24px;right:24px;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:1000;color:#fff;background:rgba(34,197,94,.16);border:1px solid rgba(34,197,94,.28);backdrop-filter:blur(12px)} .v7-case-body{padding:16px 18px 18px}.v7-case-top{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#9fb4cd;font-size:12px;font-weight:900}.v7-project-mark{width:38px;height:38px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);font-size:16px} .v7-case-body h3{font-size:28px;line-height:1.3;margin:10px 0 6px;color:#fff}.v7-case-body p{margin:0 0 12px;color:#cbd5e1;font-size:14px;line-height:1.95;font-weight:760}.v7-case-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.v7-case-tags span{padding:5px 9px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.10);font-size:11px;font-weight:1000}.v7-card-link{display:inline-flex;padding:8px 12px;border-radius:13px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);font-size:12px;font-weight:1000} .v7-capabilities-section{background:#f8fbff}.v7-cap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.v7-cap-card{min-height:0;padding:18px;border-radius:24px;background:#fff;border:1px solid #dbeafe;box-shadow:0 16px 46px rgba(23,52,96,.08)}.v7-cap-icon-wrap{width:76px;height:76px;border-radius:20px;display:grid;place-items:center;margin-bottom:14px;background:radial-gradient(circle at 50% 45%,rgba(59,130,246,.14),transparent 58%),linear-gradient(145deg,#f7fbff,#eef6ff);border:1px solid #e3eefc}.v7-cap-icon-wrap img{width:54px;height:54px;display:block}.v7-cap-card h3{margin:0 0 6px;font-size:18px;color:#071426}.v7-cap-card p{margin:0;color:#64748b;font-size:13px;line-height:1.95;font-weight:760} .v7-system-section{background:linear-gradient(145deg,#071426,#06101f);color:#fff}.v7-system-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:26px;align-items:center}.v7-system-copy h2{font-size:clamp(28px,3vw,40px);line-height:1.45;letter-spacing:-.045em;margin:12px 0;color:#fff}.v7-system-copy p{margin:0;color:#cbd5e1;font-size:14px;line-height:2;font-weight:760}.v7-system-points{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.v7-system-points b{padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.10);color:#dbeafe;font-size:12px} .v7-system-board{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.v7-system-board article{min-height:160px;padding:18px;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.12);box-shadow:0 20px 58px rgba(0,0,0,.18)}.v7-system-board i{font-style:normal;color:#f4bd62;font-size:12px;font-weight:1000}.v7-system-board strong{display:block;font-size:22px;margin:26px 0 6px}.v7-system-board span{display:block;color:#a9b9cc;font-size:13px;line-height:1.9;font-weight:760} .v7-process-section{background:linear-gradient(180deg,#eef6ff,#f7fbff)}.v7-process-rail{position:relative;display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.v7-process-rail::before{content:"";position:absolute;right:7%;left:7%;top:30px;height:2px;background:linear-gradient(90deg,#22c55e,#3b82f6,#8b5cf6,#f4bd62);border-radius:999px;opacity:.7}.v7-process-rail article{position:relative;z-index:1;text-align:center;padding:14px 10px 16px;border-radius:22px;background:#fff;border:1px solid #dbeafe;box-shadow:0 14px 40px rgba(23,52,96,.08)}.v7-process-rail b{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:15px;background:#071426;color:#fff;margin-bottom:10px;font-size:14px}.v7-process-rail h3{margin:0 0 6px;font-size:15px;color:#071426}.v7-process-rail p{margin:0;color:#64748b;font-size:12px;line-height:1.8;font-weight:760} .v7-lab-section{background:linear-gradient(145deg,#07101d,#04111f);color:#fff}.v7-lab-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:22px;align-items:center}.v7-lab-copy h2{font-size:clamp(32px,4vw,50px);line-height:1.2;letter-spacing:-.045em;margin:10px 0;color:#f4bd62}.v7-lab-copy p{margin:0 0 16px;color:#cbd5e1;font-size:14px;line-height:2;font-weight:760}.v7-lab-visual img{display:block;width:100%;border-radius:24px;border:1px solid rgba(255,255,255,.10);box-shadow:0 22px 62px rgba(0,0,0,.22)} .v7-final-section{padding:66px 0;background:#eef6ff}.v7-final-cta{display:grid;grid-template-columns:.72fr 1.28fr;gap:22px;align-items:center;padding:24px;border-radius:28px;background:linear-gradient(135deg,#fff,#eaf4ff);border:1px solid #d8e8f7;box-shadow:0 24px 68px rgba(23,52,96,.12)}.v7-final-cta h2{font-size:clamp(24px,2.8vw,36px);line-height:1.5;letter-spacing:-.04em;margin:10px 0 8px;color:#071426}.v7-final-cta p{margin:0 0 14px;color:#64748b;font-size:14px;line-height:2;font-weight:760}.v7-final-visual img{display:block;width:100%;height:200px;object-fit:cover;border-radius:22px;background:#071426}.v7-light-ghost{background:#071426!important;color:#fff!important;border-color:#071426!important} @media(max-width:1100px){ .v7-hero-grid,.v7-system-grid,.v7-lab-grid,.v7-final-cta{grid-template-columns:1fr;direction:rtl} .v7-hero-visual{order:-1} .v7-case-grid{grid-template-columns:1fr} .v7-case-card.wide{grid-row:auto} .v7-cap-grid{grid-template-columns:repeat(2,1fr)} .v7-process-rail{grid-template-columns:repeat(3,1fr)} .v7-process-rail::before{display:none} } @media(max-width:760px){ .stage7-body .site-header{position:sticky} .stage7-body .container{width:min(100% - 28px,980px)} .v7-hero{padding-top:56px}.v7-hero-grid{gap:18px;min-height:0} .v7-hero-copy h1{font-size:34px;line-height:1.28;letter-spacing:-.035em;max-width:none} .v7-hero-copy p{font-size:13px}.v7-hero-tags{margin-bottom:14px}.v7-hero-tags span{font-size:10px;padding:5px 8px} .v7-actions{gap:8px}.v7-actions .btn{width:100%;justify-content:center} .v7-hero-visual img{width:100%;border-radius:20px} .v7-metric-dock{grid-template-columns:repeat(2,1fr);padding:6px 8px;border-radius:18px}.v7-metric{padding:10px;border-bottom:1px solid rgba(255,255,255,.08)}.v7-metric:nth-child(2n){border-left:0}.v7-metric strong{font-size:18px} .v7-section{padding:52px 0}.v7-section-head{margin-bottom:22px}.v7-section-head h2{font-size:25px;line-height:1.55}.v7-section-head p{font-size:13px} .v7-case-media img,.v7-case-card.wide .v7-case-media img{height:190px}.v7-case-card{border-radius:24px}.v7-case-body{padding:14px}.v7-case-body h3{font-size:24px} .v7-cap-grid,.v7-system-board,.v7-process-rail{grid-template-columns:1fr} .v7-cap-card{padding:16px} .v7-process-rail article{padding:12px 10px 14px} .v7-lab-copy h2{font-size:28px}.v7-lab-visual img{border-radius:20px} .v7-final-cta{padding:18px;border-radius:22px}.v7-final-visual img{height:150px} } .case-dashboard-image{display:block;width:100%;height:auto;border-radius:26px;border:1px solid rgba(255,255,255,.10);box-shadow:0 24px 68px rgba(0,0,0,.28);background:#071426} .screen-shot-image{display:block;width:100%;height:220px;object-fit:cover;border-radius:18px;margin-bottom:12px;background:#071426} /* ------------------------------------------------------------------ Stage 9 β€” typography compact pass User feedback: texts are still too large. This pass reduces typography scale across homepage, shared header, project cards, project detail, forms, footer and responsive views. ------------------------------------------------------------------- */ body{font-size:14px;line-height:1.82} .navbar{height:58px!important}.brand{min-width:190px!important}.brand-text strong{font-size:16px!important}.brand-text span{font-size:10px!important}.main-menu a{font-size:12px!important;padding:6px 9px!important}.nav-actions .btn,.btn{font-size:12px!important;padding:9px 14px!important;border-radius:13px!important}.mobile-menu a{font-size:12px!important;padding:9px 12px!important} .stage7-body .v7-hero{padding-top:68px}.stage7-body .v7-hero-grid{min-height:455px;gap:24px}.stage7-body .v7-hero-copy h1{font-size:clamp(32px,3.8vw,52px)!important;line-height:1.28!important;letter-spacing:-.045em!important;max-width:500px!important;margin:12px 0 9px!important}.stage7-body .v7-hero-copy p{font-size:12.5px!important;line-height:1.95!important;max-width:470px!important;margin-bottom:12px!important}.stage7-body .v7-eyebrow,.stage7-body .v7-section-head>span,.stage7-body .v7-system-copy>span,.stage7-body .v7-lab-copy>span,.stage7-body .v7-final-cta>div>span{font-size:10px!important;padding:4px 9px!important}.stage7-body .v7-hero-tags{gap:6px;margin-bottom:13px}.stage7-body .v7-hero-tags span{font-size:10px!important;padding:4px 8px!important}.stage7-body .v7-hero-visual img{width:min(100%,610px)!important;border-radius:22px!important}.stage7-body .v7-metric-dock{max-width:820px!important;margin-top:10px!important;border-radius:20px!important;padding:6px 10px!important}.stage7-body .v7-metric{padding:9px 12px!important;grid-template-columns:31px auto!important}.stage7-body .v7-metric i{width:31px!important;height:31px!important;border-radius:11px!important;font-size:13px!important}.stage7-body .v7-metric strong{font-size:17px!important}.stage7-body .v7-metric span{font-size:10.5px!important;line-height:1.45!important} .stage7-body .v7-section{padding:52px 0!important}.stage7-body .v7-section-head{max-width:680px!important;margin-bottom:22px!important}.stage7-body .v7-section-head h2{font-size:clamp(22px,2.4vw,31px)!important;line-height:1.55!important;letter-spacing:-.035em!important;margin:8px 0 5px!important}.stage7-body .v7-section-head p{font-size:12.5px!important;line-height:1.9!important} .stage7-body .v7-case-grid{gap:14px!important}.stage7-body .v7-case-card{border-radius:24px!important}.stage7-body .v7-case-media{padding:11px 11px 0!important}.stage7-body .v7-case-media img{height:185px!important;border-radius:17px!important}.stage7-body .v7-case-card.wide .v7-case-media img{height:235px!important}.stage7-body .v7-case-badge{top:18px!important;right:18px!important;font-size:10px!important;padding:4px 8px!important}.stage7-body .v7-case-body{padding:13px 15px 15px!important}.stage7-body .v7-case-top{font-size:10.5px!important}.stage7-body .v7-project-mark{width:32px!important;height:32px!important;border-radius:11px!important;font-size:14px!important}.stage7-body .v7-case-body h3{font-size:22px!important;line-height:1.35!important;margin:7px 0 4px!important}.stage7-body .v7-case-body p{font-size:12.5px!important;line-height:1.9!important;margin-bottom:9px!important}.stage7-body .v7-case-tags{gap:5px!important;margin-bottom:10px!important}.stage7-body .v7-case-tags span{font-size:10px!important;padding:4px 7px!important}.stage7-body .v7-card-link{font-size:10.5px!important;padding:6px 10px!important;border-radius:11px!important} .stage7-body .v7-cap-grid{gap:12px!important}.stage7-body .v7-cap-card{padding:14px!important;border-radius:20px!important}.stage7-body .v7-cap-icon-wrap{width:62px!important;height:62px!important;border-radius:16px!important;margin-bottom:10px!important}.stage7-body .v7-cap-icon-wrap img{width:44px!important;height:44px!important}.stage7-body .v7-cap-card h3{font-size:15px!important;margin-bottom:4px!important}.stage7-body .v7-cap-card p{font-size:11.5px!important;line-height:1.85!important} .stage7-body .v7-system-grid{gap:20px!important}.stage7-body .v7-system-copy h2{font-size:clamp(22px,2.4vw,31px)!important;line-height:1.55!important;margin:8px 0!important}.stage7-body .v7-system-copy p{font-size:12.5px!important;line-height:1.95!important}.stage7-body .v7-system-points{gap:6px;margin-top:11px}.stage7-body .v7-system-points b{font-size:10.5px!important;padding:5px 8px!important}.stage7-body .v7-system-board{gap:10px!important}.stage7-body .v7-system-board article{min-height:124px!important;padding:14px!important;border-radius:19px!important}.stage7-body .v7-system-board i{font-size:10px!important}.stage7-body .v7-system-board strong{font-size:18px!important;margin:18px 0 4px!important}.stage7-body .v7-system-board span{font-size:11.5px!important;line-height:1.75!important} .stage7-body .v7-process-rail{gap:8px!important}.stage7-body .v7-process-rail article{padding:11px 8px 12px!important;border-radius:18px!important}.stage7-body .v7-process-rail b{width:34px!important;height:34px!important;border-radius:12px!important;font-size:12px!important;margin-bottom:7px!important}.stage7-body .v7-process-rail h3{font-size:12.5px!important;margin-bottom:3px!important}.stage7-body .v7-process-rail p{font-size:10.5px!important;line-height:1.65!important}.stage7-body .v7-process-rail::before{top:25px!important} .stage7-body .v7-lab-copy h2{font-size:clamp(26px,3vw,40px)!important;line-height:1.25!important;margin:7px 0!important}.stage7-body .v7-lab-copy p{font-size:12.5px!important;line-height:1.95!important;margin-bottom:12px!important}.stage7-body .v7-lab-visual img{border-radius:20px!important}.stage7-body .v7-final-section{padding:52px 0!important}.stage7-body .v7-final-cta{padding:19px!important;border-radius:23px!important;gap:18px!important}.stage7-body .v7-final-cta h2{font-size:clamp(20px,2.2vw,29px)!important;line-height:1.55!important;margin:7px 0 5px!important}.stage7-body .v7-final-cta p{font-size:12.5px!important;line-height:1.9!important;margin-bottom:11px!important}.stage7-body .v7-final-visual img{height:165px!important;border-radius:18px!important} /* Project detail typography */ .case-copy h1{font-size:clamp(30px,3.8vw,48px)!important;line-height:1.28!important;letter-spacing:-.045em!important}.case-copy p{font-size:13.5px!important;line-height:1.95!important}.role-chips span{font-size:11px!important;padding:5px 9px!important}.breadcrumbs{font-size:11.5px!important}.case-stat strong{font-size:18px!important}.case-stat span{font-size:11px!important}.problem-box h2,.module-section h2,.preview-section h2,.result-section h2,.tech-section h2{font-size:24px!important;line-height:1.45!important}.problem-box p,.problem-mini p,.module-card p{font-size:12.5px!important;line-height:1.9!important}.problem-mini h3,.module-card h3,.screen-preview h3{font-size:14px!important}.result-card strong{font-size:22px!important}.result-card span{font-size:11.5px!important}.tech-pill,.architecture-pills span{font-size:11.5px!important;padding:7px 10px!important}.field label{font-size:12.5px!important}.field input,.field select,.field textarea{font-size:12.5px!important;padding:10px 12px!important}.footer h4{font-size:14px!important}.footer p,.footer a{font-size:12px!important}.footer-bottom{font-size:11px!important} @media(max-width:1100px){ .stage7-body .v7-hero-grid{min-height:auto!important}.stage7-body .v7-hero-copy h1{font-size:40px!important}.stage7-body .v7-case-media img,.stage7-body .v7-case-card.wide .v7-case-media img{height:220px!important}.stage7-body .v7-process-rail{grid-template-columns:repeat(3,1fr)!important}.stage7-body .v7-process-rail::before{display:none!important} } @media(max-width:760px){ body{font-size:13px!important;line-height:1.78!important}.navbar{height:54px!important}.brand-text strong{font-size:14px!important}.brand-mark{width:36px!important;height:30px!important}.stage7-body .container{width:min(100% - 24px,620px)!important}.stage7-body .v7-hero{padding-top:44px!important}.stage7-body .v7-hero-copy h1{font-size:28px!important;line-height:1.34!important;margin:10px 0 7px!important}.stage7-body .v7-hero-copy p{font-size:12px!important;line-height:1.85!important}.stage7-body .v7-actions .btn{width:100%;justify-content:center}.stage7-body .v7-metric-dock{grid-template-columns:repeat(2,1fr)!important}.stage7-body .v7-metric{padding:8px!important}.stage7-body .v7-section{padding:42px 0!important}.stage7-body .v7-section-head h2{font-size:21px!important;line-height:1.55!important}.stage7-body .v7-section-head p{font-size:12px!important}.stage7-body .v7-case-media img,.stage7-body .v7-case-card.wide .v7-case-media img{height:160px!important}.stage7-body .v7-case-body h3{font-size:20px!important}.stage7-body .v7-case-body p{font-size:12px!important}.stage7-body .v7-cap-grid,.stage7-body .v7-process-rail,.stage7-body .v7-system-board{grid-template-columns:1fr!important}.stage7-body .v7-cap-icon-wrap{width:56px!important;height:56px!important}.stage7-body .v7-cap-icon-wrap img{width:40px!important;height:40px!important}.stage7-body .v7-system-copy h2,.stage7-body .v7-lab-copy h2{font-size:22px!important}.stage7-body .v7-final-cta h2{font-size:20px!important}.stage7-body .v7-final-visual img{height:130px!important}.case-copy h1{font-size:28px!important}.case-copy p{font-size:12.5px!important}.problem-box h2,.module-section h2,.preview-section h2,.result-section h2,.tech-section h2{font-size:21px!important}.case-stat strong{font-size:16px!important}.footer p,.footer a{font-size:11.5px!important} } /* ------------------------------------------------------------------ Stage 10 β€” Global typography + all-pages compact pass Applies the compact visual/typography rhythm to every section/page. IRANSansWebFaNum is declared as the primary font. The actual font binaries should be placed in static/assets/fonts/iransans/. ------------------------------------------------------------------- */ @font-face{font-family:'IRANSansWebFaNum';src:url('../fonts/iransans/IRANSansWebFaNum-Light.woff2') format('woff2');font-weight:300;font-style:normal;font-display:swap} @font-face{font-family:'IRANSansWebFaNum';src:url('../fonts/iransans/IRANSansWebFaNum-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap} @font-face{font-family:'IRANSansWebFaNum';src:url('../fonts/iransans/IRANSansWebFaNum-Medium.woff2') format('woff2');font-weight:500 700;font-style:normal;font-display:swap} @font-face{font-family:'IRANSansWebFaNum';src:url('../fonts/iransans/IRANSansWebFaNum-Bold.woff2') format('woff2');font-weight:800 1000;font-style:normal;font-display:swap} :root{--font:'IRANSansWebFaNum','IRANSansX','IRANSansWebFaNum','Vazirmatn','Tahoma','Arial',sans-serif} html,body,button,input,select,textarea{font-family:var(--font)!important} body{font-size:13.25px!important;line-height:1.78!important;font-weight:400!important;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased} small,.small{font-size:11px!important}.container{width:min(1100px,calc(100% - 42px))!important} /* Header / footer shared compact typography */ .navbar{height:56px!important}.brand{min-width:176px!important;gap:8px!important}.brand-mark{width:40px!important;height:32px!important}.brand-mark::before,.brand-mark::after{width:13px!important;height:30px!important;border-radius:7px!important}.brand-mark span{width:10px!important;height:10px!important;border-width:1px!important}.brand-text strong{font-size:14.5px!important;line-height:1.3!important}.brand-text span{font-size:9.5px!important;line-height:1.2!important;margin-top:-2px!important}.main-menu{gap:3px!important}.main-menu a{font-size:11.25px!important;padding:5px 8px!important;border-radius:10px!important}.nav-actions .btn{font-size:11px!important;padding:7px 11px!important;border-radius:11px!important}.hamburger{width:38px!important;height:38px!important;border-radius:12px!important;font-size:20px!important}.mobile-menu a{font-size:11.5px!important;padding:8px 10px!important;border-radius:12px!important} .footer{padding:34px 0 20px!important}.footer-grid{gap:18px!important}.footer h4{font-size:12.5px!important;margin-bottom:8px!important}.footer p,.footer a{font-size:11px!important;line-height:1.75!important;margin:4px 0!important}.footer-bottom{font-size:10.5px!important;padding-top:12px!important;margin-top:18px!important}.domain-pills a{font-size:10.5px!important;padding:5px 9px!important} /* Global section rhythm */ .section{padding:46px 0!important}.section.compact{padding:38px 0!important}.section-head{margin-bottom:20px!important;gap:16px!important}.section-kicker{font-size:11px!important}.section-title{font-size:clamp(22px,2.25vw,30px)!important;line-height:1.45!important;letter-spacing:-.035em!important}.section-desc{font-size:12.25px!important;line-height:1.85!important;margin-top:6px!important}.eyebrow{font-size:10px!important;padding:4px 9px!important;gap:6px!important}.btn{font-size:11.5px!important;padding:8px 12px!important;border-radius:12px!important} /* Shared page heroes: projects/about/services/lab/contact */ .page-hero{padding:42px 0 28px!important}.page-hero-grid{gap:24px!important}.page-copy h1{font-size:clamp(28px,3.1vw,42px)!important;line-height:1.3!important;letter-spacing:-.045em!important;margin:9px 0!important}.page-copy p{font-size:12.75px!important;line-height:1.9!important;max-width:600px!important}.page-metrics{gap:10px!important;margin-top:16px!important}.metric-chip{padding:8px 11px!important;border-radius:14px!important;gap:8px!important}.metric-chip strong{font-size:17px!important}.metric-chip span{font-size:10.5px!important}.hero-stage{min-height:340px!important}.compact-stage{min-height:310px!important}.dashboard-device{width:420px!important;height:250px!important}.dashboard-screen{grid-template-columns:58px 1fr!important;padding:8px!important;gap:8px!important}.screen-sidebar{border-radius:12px!important;padding:8px!important;gap:5px!important}.screen-main{gap:8px!important}.screen-tile{border-radius:12px!important;padding:8px!important}.pie{width:50px!important;height:50px!important;box-shadow:inset 0 0 0 10px #fff!important}.ai-orb{height:170px!important}.ai-orb::before{font-size:40px!important}.cta-illustration{width:140px!important;height:96px!important;border-radius:18px!important} /* Projects listing page */ .filter-bar{margin:14px 0 20px!important;padding:8px!important;border-radius:18px!important}.filters{gap:7px!important}.filter-pill{font-size:11px!important;padding:7px 14px!important}.sort-pill{font-size:11px!important;padding:7px 12px!important;border-radius:12px!important}.project-dark-grid{gap:16px!important}.portfolio-card{min-height:285px!important;padding:16px!important;gap:16px!important;border-radius:23px!important}.portfolio-shot{min-height:198px!important;border-radius:18px!important}.portfolio-content h2,.portfolio-info h2{font-size:21px!important;line-height:1.35!important;margin:0 0 5px!important}.portfolio-content p,.portfolio-info p{font-size:12px!important;line-height:1.85!important;margin:6px 0 10px!important}.status-chip,.status-badge{font-size:10px!important;padding:4px 8px!important}.tech-row{gap:6px!important}.tech-row span,.tag{font-size:10.5px!important;padding:4px 8px!important}.portfolio-bottom{gap:8px!important}.avatar-row{font-size:10.5px!important;margin-top:10px!important}.avatar-stack span{width:22px!important;height:22px!important}.domain-card{padding:16px!important;min-height:150px!important}.domain-card h3{font-size:15px!important}.domain-card p{font-size:11.5px!important} /* Home Stage 7, now slightly smaller globally */ .stage7-body .v7-hero{padding-top:58px!important}.stage7-body .v7-hero-grid{min-height:410px!important;gap:20px!important}.stage7-body .v7-hero-copy h1{font-size:clamp(28px,3.25vw,44px)!important;line-height:1.32!important;letter-spacing:-.04em!important;max-width:450px!important;margin:9px 0 7px!important}.stage7-body .v7-hero-copy p{font-size:11.75px!important;line-height:1.85!important;max-width:430px!important;margin-bottom:10px!important}.stage7-body .v7-eyebrow,.stage7-body .v7-section-head>span,.stage7-body .v7-system-copy>span,.stage7-body .v7-lab-copy>span,.stage7-body .v7-final-cta>div>span{font-size:9.5px!important;padding:3px 8px!important}.stage7-body .v7-hero-tags{gap:5px!important;margin-bottom:10px!important}.stage7-body .v7-hero-tags span{font-size:9.5px!important;padding:3px 7px!important}.stage7-body .v7-actions .btn{font-size:11px!important;padding:7px 11px!important}.stage7-body .v7-hero-visual img{width:min(100%,560px)!important;border-radius:19px!important}.stage7-body .v7-metric-dock{max-width:760px!important;margin-top:6px!important;padding:5px 8px!important;border-radius:18px!important}.stage7-body .v7-metric{padding:7px 10px!important;grid-template-columns:28px auto!important}.stage7-body .v7-metric i{width:28px!important;height:28px!important;border-radius:10px!important;font-size:12px!important}.stage7-body .v7-metric strong{font-size:15.5px!important}.stage7-body .v7-metric span{font-size:10px!important}.stage7-body .v7-section{padding:44px 0!important}.stage7-body .v7-section-head{max-width:640px!important;margin-bottom:18px!important}.stage7-body .v7-section-head h2{font-size:clamp(20px,2vw,27px)!important;line-height:1.55!important;margin:6px 0 4px!important}.stage7-body .v7-section-head p{font-size:11.5px!important;line-height:1.85!important}.stage7-body .v7-case-grid{gap:12px!important}.stage7-body .v7-case-card{border-radius:21px!important}.stage7-body .v7-case-media{padding:9px 9px 0!important}.stage7-body .v7-case-media img{height:160px!important;border-radius:15px!important}.stage7-body .v7-case-card.wide .v7-case-media img{height:205px!important}.stage7-body .v7-case-body{padding:11px 13px 13px!important}.stage7-body .v7-case-body h3{font-size:19px!important;line-height:1.35!important;margin:5px 0 3px!important}.stage7-body .v7-case-body p{font-size:11.3px!important;line-height:1.8!important;margin-bottom:7px!important}.stage7-body .v7-case-top{font-size:10px!important}.stage7-body .v7-project-mark{width:29px!important;height:29px!important;border-radius:10px!important;font-size:13px!important}.stage7-body .v7-case-tags span{font-size:9.5px!important;padding:3px 6px!important}.stage7-body .v7-card-link{font-size:10px!important;padding:5px 8px!important}.stage7-body .v7-cap-grid{gap:10px!important}.stage7-body .v7-cap-card{padding:12px!important;border-radius:18px!important}.stage7-body .v7-cap-icon-wrap{width:54px!important;height:54px!important;border-radius:14px!important;margin-bottom:8px!important}.stage7-body .v7-cap-icon-wrap img{width:38px!important;height:38px!important}.stage7-body .v7-cap-card h3{font-size:13.5px!important}.stage7-body .v7-cap-card p{font-size:10.5px!important;line-height:1.75!important}.stage7-body .v7-system-copy h2,.stage7-body .v7-lab-copy h2{font-size:clamp(20px,2vw,27px)!important;line-height:1.55!important}.stage7-body .v7-system-copy p,.stage7-body .v7-lab-copy p{font-size:11.5px!important;line-height:1.85!important}.stage7-body .v7-system-board article{min-height:105px!important;padding:12px!important;border-radius:16px!important}.stage7-body .v7-system-board strong{font-size:15.5px!important;margin:12px 0 3px!important}.stage7-body .v7-system-board span{font-size:10.5px!important;line-height:1.65!important}.stage7-body .v7-process-rail article{padding:9px 7px 10px!important;border-radius:15px!important}.stage7-body .v7-process-rail b{width:30px!important;height:30px!important;border-radius:10px!important;font-size:10.5px!important;margin-bottom:5px!important}.stage7-body .v7-process-rail h3{font-size:11.2px!important}.stage7-body .v7-process-rail p{font-size:9.5px!important;line-height:1.55!important}.stage7-body .v7-lab-visual img{border-radius:16px!important}.stage7-body .v7-final-section{padding:44px 0!important}.stage7-body .v7-final-cta{padding:16px!important;border-radius:20px!important;gap:14px!important}.stage7-body .v7-final-cta h2{font-size:clamp(18px,1.8vw,24px)!important;line-height:1.55!important}.stage7-body .v7-final-cta p{font-size:11.3px!important;line-height:1.8!important}.stage7-body .v7-final-visual img{height:135px!important;border-radius:15px!important} /* About / services / lab shared cards */ .approach-card,.why-mini,.tech-card,.module-card,.capability-card,.problem-mini,.screen-preview,.result-card,.form-card{border-radius:20px!important;padding:15px!important}.approach-card h3,.why-mini h3,.tech-card h3,.module-card h3,.capability-card h3,.problem-mini h3,.screen-preview h3{font-size:13.5px!important;line-height:1.45!important;margin:5px 0!important}.approach-card p,.why-mini p,.tech-card p,.module-card p,.capability-card p,.problem-mini p,.screen-preview p,.form-card p{font-size:11.3px!important;line-height:1.75!important}.cap-icon{width:44px!important;height:44px!important;border-radius:15px!important;font-size:19px!important;margin-bottom:8px!important}.mission-split{gap:14px!important}.mission-split .glass-card{padding:18px!important}.mission-split h3{font-size:18px!important}.mission-split p{font-size:11.8px!important;line-height:1.85!important}.mission-center{min-height:120px!important}.work-method{gap:14px!important}.method-line{padding:16px!important}.method-node span,.method-node strong{font-size:11.5px!important}.tech-logo{font-size:16px!important}.lab-banner{padding:20px!important;border-radius:22px!important;gap:16px!important}.lab-banner h2{font-size:24px!important}.lab-banner p{font-size:11.75px!important}.cta-light,.cta-dark{padding:20px!important;border-radius:22px!important;gap:16px!important}.cta-light h2,.cta-dark h2{font-size:23px!important;line-height:1.45!important}.cta-light p,.cta-dark p{font-size:12px!important;line-height:1.85!important} /* Project detail page */ .case-hero{padding:34px 0 24px!important}.case-hero-grid{gap:24px!important}.case-copy h1{font-size:clamp(26px,3vw,38px)!important;line-height:1.32!important;margin:8px 0!important}.case-copy p{font-size:12.25px!important;line-height:1.85!important;max-width:620px!important}.role-chips{gap:6px!important}.role-chips span{font-size:10px!important;padding:4px 7px!important}.breadcrumbs{font-size:10.5px!important;margin-bottom:12px!important}.case-stats{gap:10px!important;margin-top:16px!important}.case-stat{padding:11px!important;border-radius:16px!important;gap:8px!important}.case-stat strong{font-size:15.5px!important}.case-stat span{font-size:10px!important}.case-dashboard-image{border-radius:20px!important}.problem-box{padding:20px!important;border-radius:22px!important}.problem-box h2,.module-section h2,.preview-section h2,.result-section h2,.tech-section h2{font-size:20px!important;line-height:1.45!important;margin:0 0 14px!important}.problem-box p{font-size:12px!important;line-height:1.85!important}.problem-cards,.module-grid,.preview-grid,.result-grid{gap:12px!important}.screen-shot-image{height:170px!important;border-radius:14px!important}.result-card strong{font-size:18px!important}.result-card span{font-size:10.5px!important}.tech-pills,.architecture-pills{gap:6px!important}.tech-pill,.architecture-pills span{font-size:10.5px!important;padding:6px 8px!important;border-radius:10px!important} /* Forms and contact */ .form-grid{gap:18px!important}.form-card{padding:20px!important}.field{gap:4px!important;margin-bottom:10px!important}.field label{font-size:11.5px!important}.field input,.field select,.field textarea{font-size:11.5px!important;padding:9px 10px!important;border-radius:12px!important}.field textarea{min-height:112px!important} @media(max-width:1060px){ .container{width:min(100% - 30px,920px)!important}.page-hero-grid,.case-hero-grid,.form-grid,.home-hero-wrap{grid-template-columns:1fr!important}.grid-6{grid-template-columns:repeat(3,1fr)!important}.grid-3,.project-dark-grid,.portfolio-card,.mission-split,.work-method,.lab-banner,.cta-light,.cta-dark{grid-template-columns:1fr!important}.result-grid{grid-template-columns:repeat(3,1fr)!important}.module-grid{grid-template-columns:repeat(2,1fr)!important}.case-stats{grid-template-columns:repeat(2,1fr)!important}.stage7-body .v7-hero-copy h1{font-size:34px!important}.stage7-body .v7-case-media img,.stage7-body .v7-case-card.wide .v7-case-media img{height:190px!important} } @media(max-width:720px){ .container{width:min(100% - 22px,640px)!important}body{font-size:12.5px!important}.navbar{height:52px!important}.brand-text strong{font-size:13px!important}.brand-text span{display:none!important}.brand-mark{width:34px!important;height:28px!important}.btn{font-size:11px!important;padding:8px 10px!important;width:100%;justify-content:center}.page-hero{padding:32px 0 22px!important}.page-copy h1,.hero-copy h1,.case-copy h1{font-size:25px!important;line-height:1.35!important}.page-copy p,.hero-copy p,.case-copy p{font-size:11.5px!important;line-height:1.82!important}.section,.section.compact{padding:34px 0!important}.section-title{font-size:21px!important}.section-desc{font-size:11.5px!important}.section-head{display:block!important}.hero-stage,.compact-stage{min-height:260px!important}.dashboard-device{width:300px!important;height:205px!important;max-width:94%!important}.stats-wrap,.grid-2,.grid-3,.grid-4,.grid-6,.module-grid,.case-stats,.problem-cards,.preview-grid,.result-grid,.why-strip,.timeline-home,.project-dark-grid,.footer-grid{grid-template-columns:1fr!important}.portfolio-card{padding:14px!important}.portfolio-shot{min-height:160px!important}.portfolio-content h2,.portfolio-info h2{font-size:18px!important}.portfolio-content p,.portfolio-info p{font-size:11.3px!important}.stage7-body .v7-hero{padding-top:36px!important}.stage7-body .v7-hero-copy h1{font-size:24px!important;line-height:1.38!important}.stage7-body .v7-hero-copy p{font-size:11px!important}.stage7-body .v7-hero-tags span{font-size:9px!important}.stage7-body .v7-metric-dock{grid-template-columns:repeat(2,1fr)!important}.stage7-body .v7-metric{padding:7px!important}.stage7-body .v7-section{padding:34px 0!important}.stage7-body .v7-section-head h2{font-size:18.5px!important;line-height:1.6!important}.stage7-body .v7-section-head p{font-size:11px!important}.stage7-body .v7-case-media img,.stage7-body .v7-case-card.wide .v7-case-media img{height:140px!important}.stage7-body .v7-case-body h3{font-size:17px!important}.stage7-body .v7-case-body p{font-size:10.7px!important}.stage7-body .v7-cap-grid,.stage7-body .v7-system-board,.stage7-body .v7-process-rail{grid-template-columns:1fr!important}.stage7-body .v7-cap-icon-wrap{width:46px!important;height:46px!important}.stage7-body .v7-cap-icon-wrap img{width:33px!important;height:33px!important}.stage7-body .v7-system-copy h2,.stage7-body .v7-lab-copy h2{font-size:19px!important}.stage7-body .v7-final-cta h2{font-size:18px!important}.stage7-body .v7-final-visual img{height:115px!important}.case-dashboard-image{border-radius:16px!important}.screen-shot-image{height:140px!important}.problem-box h2,.module-section h2,.preview-section h2,.result-section h2,.tech-section h2{font-size:18px!important}.footer{padding-bottom:86px!important}.mobile-quick .btn{font-size:10.5px!important;padding:8px!important} } /* ------------------------------------------------------------------ Stage 11 β€” Responsive polish across all public pages Focus: mobile/tablet layout, no overlap, readable compact typography, responsive images, sticky header, mobile bottom actions. ------------------------------------------------------------------- */ html,body{max-width:100%;overflow-x:hidden!important} img,svg,video,canvas{max-width:100%;height:auto} main{overflow:hidden}.container{max-width:1180px} /* Responsive project-list real images */ .responsive-asset-shot{padding:0!important;background:#071426!important;border-radius:20px!important;overflow:hidden!important;min-height:0!important;aspect-ratio:4/3}.responsive-asset-shot::before,.responsive-asset-shot::after{display:none!important}.responsive-asset-shot img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit;transform:scale(1.02)} /* Safer header sizing */ .site-header{width:100%}.navbar{min-width:0}.brand{min-width:0!important;flex:0 1 auto}.brand-text{min-width:0}.brand-text strong,.brand-text span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main-menu{min-width:0;flex-wrap:nowrap}.main-menu a{white-space:nowrap}.nav-actions{flex:0 0 auto} /* Global page/grid safety */ .grid,.grid-2,.grid-3,.grid-4,.grid-6,.project-dark-grid,.module-grid,.preview-grid,.result-grid,.problem-cards,.why-strip,.footer-grid,.v7-case-grid,.v7-cap-grid,.v7-system-board,.v7-process-rail{min-width:0}.grid>*,.grid-2>*,.grid-3>*,.grid-4>*,.grid-6>*,.project-dark-grid>*,.module-grid>*,.preview-grid>*,.result-grid>*,.problem-cards>*,.why-strip>*,.footer-grid>*,.v7-case-grid>*,.v7-cap-grid>*,.v7-system-board>*,.v7-process-rail>*{min-width:0} /* Desktop-down: slightly denser layout for laptop screens */ @media(max-width:1280px){ .container{width:min(100% - 36px,1060px)!important}.navbar{height:58px!important}.main-menu{gap:2px!important}.main-menu a{font-size:11px!important;padding:6px 8px!important}.brand-mark{width:42px!important;height:34px!important}.brand-text strong{font-size:15px!important}.brand-text span{font-size:9.5px!important}.nav-actions .btn{font-size:10.5px!important;padding:7px 11px!important;border-radius:12px!important} .stage7-body .v7-hero-grid{gap:22px!important;min-height:430px!important}.stage7-body .v7-hero-visual img{width:min(100%,560px)!important}.stage7-body .v7-metric-dock{max-width:800px!important}.stage7-body .v7-case-media img{height:150px!important}.stage7-body .v7-case-card.wide .v7-case-media img{height:190px!important}.page-hero-grid{gap:22px!important}.page-copy h1{font-size:clamp(25px,2.7vw,36px)!important}.hero-stage,.compact-stage{min-height:285px!important}.dashboard-device{width:360px!important;height:218px!important} } /* Tablet landscape / small laptop */ @media(max-width:1100px){ .container{width:min(100% - 32px,900px)!important}.main-menu,.desktop-only{display:none!important}.hamburger{display:grid!important;place-items:center;width:40px!important;height:40px!important;border-radius:13px!important;font-size:20px!important}.navbar{height:58px!important}.mobile-menu{position:absolute;top:100%;right:16px;left:16px;z-index:99;margin-top:8px;padding:10px!important;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:rgba(5,13,28,.94);box-shadow:0 22px 60px rgba(0,0,0,.34);backdrop-filter:blur(18px)}.mobile-menu.open{display:grid!important;grid-template-columns:repeat(2,1fr);gap:8px}.mobile-menu a{margin:0!important;text-align:center;font-size:11px!important;padding:9px 10px!important}.mobile-menu .btn{grid-column:1/-1;width:100%;display:flex!important} .page-hero-grid,.case-hero-grid,.form-grid,.home-hero-wrap,.v7-hero-grid,.v7-system-grid,.v7-lab-grid,.v7-final-cta{grid-template-columns:1fr!important;direction:rtl!important}.v7-hero-visual{order:-1}.stage7-body .v7-hero-visual img{width:min(100%,640px)!important}.stage7-body .v7-hero-copy{text-align:center}.stage7-body .v7-hero-copy h1,.stage7-body .v7-hero-copy p{margin-inline:auto}.stage7-body .v7-hero-tags,.stage7-body .v7-actions{justify-content:center}.stage7-body .v7-metric-dock{grid-template-columns:repeat(4,1fr)!important;max-width:100%!important} .project-dark-grid,.v7-case-grid{grid-template-columns:1fr!important}.portfolio-card{grid-template-columns:.75fr 1.25fr!important}.grid-6{grid-template-columns:repeat(3,1fr)!important}.grid-4,.why-strip,.v7-cap-grid{grid-template-columns:repeat(2,1fr)!important}.grid-3,.module-grid,.preview-grid,.problem-cards{grid-template-columns:repeat(2,1fr)!important}.result-grid,.case-stats{grid-template-columns:repeat(3,1fr)!important}.v7-process-rail{grid-template-columns:repeat(3,1fr)!important}.v7-process-rail::before{display:none!important}.mission-split,.work-method,.lab-banner,.cta-light,.cta-dark{grid-template-columns:1fr!important}.footer-grid{grid-template-columns:repeat(2,1fr)!important}.section,.v7-section{padding:48px 0!important}.page-hero{padding:36px 0 24px!important} } /* Tablet portrait */ @media(max-width:860px){ .container{width:min(100% - 28px,720px)!important}body{font-size:12px!important;line-height:1.8!important}.section,.section.compact,.v7-section{padding:42px 0!important}.section-head,.v7-section-head{margin-bottom:18px!important}.section-title,.v7-section-head h2{font-size:22px!important;line-height:1.55!important}.section-desc,.v7-section-head p{font-size:11px!important;line-height:1.85!important}.page-copy h1,.case-copy h1{font-size:25px!important;line-height:1.38!important}.page-copy p,.case-copy p{font-size:11px!important;line-height:1.85!important}.eyebrow,.v7-eyebrow,.v7-section-head>span,.section-kicker{font-size:10px!important;padding:4px 8px!important} .stage7-body .v7-hero{padding-top:38px!important}.stage7-body .v7-hero-grid{min-height:0!important}.stage7-body .v7-hero-copy h1{font-size:27px!important;line-height:1.42!important;letter-spacing:-.025em!important}.stage7-body .v7-hero-copy p{font-size:11px!important;line-height:1.9!important}.stage7-body .v7-hero-visual img{border-radius:18px!important}.stage7-body .v7-metric-dock{grid-template-columns:repeat(2,1fr)!important;border-radius:18px!important}.stage7-body .v7-metric{border-bottom:1px solid rgba(255,255,255,.08);padding:8px!important;grid-template-columns:30px auto!important}.stage7-body .v7-metric i{width:30px!important;height:30px!important}.stage7-body .v7-metric strong{font-size:16px!important}.stage7-body .v7-metric span{font-size:9.5px!important} .portfolio-card{grid-template-columns:1fr!important;min-height:0!important}.responsive-asset-shot,.portfolio-shot{aspect-ratio:16/9!important;min-height:0!important;margin-bottom:12px!important}.filter-bar{position:relative;overflow:hidden}.filters{display:flex!important;flex-wrap:nowrap!important;overflow:auto!important;padding-bottom:4px;scrollbar-width:none}.filters::-webkit-scrollbar{display:none}.filter-pill{flex:0 0 auto!important;width:auto!important}.sort-pill{display:none!important}.form-grid{grid-template-columns:1fr!important}.form-card{padding:16px!important}.footer-grid{gap:18px!important}.mobile-quick{display:flex!important} } /* Mobile */ @media(max-width:640px){ .container{width:min(100% - 22px,560px)!important}.navbar{height:52px!important}.brand{gap:7px!important}.brand-mark{width:32px!important;height:28px!important}.brand-mark::before,.brand-mark::after{height:26px!important;width:11px!important;border-radius:7px!important}.brand-mark span{width:10px!important;height:10px!important;border-radius:3px!important}.brand-text strong{font-size:12.5px!important;max-width:170px}.hamburger{width:36px!important;height:36px!important}.mobile-menu{right:11px;left:11px;border-radius:16px}.mobile-menu.open{grid-template-columns:1fr!important}.mobile-menu a{font-size:11px!important;padding:8px 10px!important} .btn{width:100%;justify-content:center;font-size:10.5px!important;padding:8px 10px!important;border-radius:12px!important}.v7-actions,.hero-buttons,.v7-hero-tags,.page-metrics,.role-chips{gap:7px!important}.stage7-body .v7-hero{padding-top:28px!important}.stage7-body .v7-hero-copy h1{font-size:23px!important;line-height:1.45!important;margin:8px 0 6px!important}.stage7-body .v7-hero-copy p{font-size:10.5px!important;line-height:1.85!important}.stage7-body .v7-hero-tags span{font-size:8.8px!important;padding:4px 7px!important}.stage7-body .v7-hero-visual img{border-radius:16px!important}.stage7-body .v7-metric-dock{margin-top:12px!important;padding:6px!important}.stage7-body .v7-metric:nth-child(2n){border-left:0!important}.stage7-body .v7-section{padding:32px 0!important}.stage7-body .v7-section-head h2{font-size:18px!important;line-height:1.62!important}.stage7-body .v7-section-head p{font-size:10.5px!important}.stage7-body .v7-case-card{border-radius:18px!important}.stage7-body .v7-case-media{padding:8px 8px 0!important}.stage7-body .v7-case-media img,.stage7-body .v7-case-card.wide .v7-case-media img{height:auto!important;aspect-ratio:16/9!important;border-radius:13px!important}.stage7-body .v7-case-body{padding:11px!important}.stage7-body .v7-case-body h3{font-size:16px!important}.stage7-body .v7-case-body p{font-size:10.2px!important;line-height:1.78!important}.stage7-body .v7-cap-grid,.stage7-body .v7-system-board,.stage7-body .v7-process-rail,.grid-2,.grid-3,.grid-4,.grid-6,.module-grid,.preview-grid,.problem-cards,.result-grid,.why-strip,.case-stats,.footer-grid{grid-template-columns:1fr!important}.stage7-body .v7-cap-card{display:grid;grid-template-columns:44px 1fr;gap:10px;text-align:right;align-items:start}.stage7-body .v7-cap-icon-wrap{width:44px!important;height:44px!important;margin:0!important}.stage7-body .v7-cap-icon-wrap img{width:31px!important;height:31px!important}.stage7-body .v7-cap-card h3{font-size:12.5px!important;margin:0 0 3px!important}.stage7-body .v7-cap-card p{grid-column:2;font-size:10px!important;line-height:1.65!important}.stage7-body .v7-system-board article{min-height:88px!important}.stage7-body .v7-lab-visual img,.case-dashboard-image,.screen-shot-image{border-radius:14px!important}.stage7-body .v7-final-cta{grid-template-columns:1fr!important;padding:14px!important}.stage7-body .v7-final-visual img{height:auto!important;aspect-ratio:16/9!important}.stage7-body .v7-final-cta h2{font-size:16.5px!important;line-height:1.6!important} .page-hero{padding:26px 0 18px!important}.page-copy h1,.hero-copy h1,.case-copy h1{font-size:22px!important;line-height:1.45!important}.page-copy p,.hero-copy p,.case-copy p{font-size:10.8px!important}.hero-stage,.compact-stage{min-height:210px!important}.dashboard-device{width:275px!important;height:178px!important;top:18%!important}.screen-sidebar{display:none!important}.dashboard-screen{grid-template-columns:1fr!important}.screen-main{grid-template-columns:1fr 1fr!important}.screen-tile:nth-child(n+3){display:none!important}.portfolio-card{padding:12px!important;border-radius:18px!important}.portfolio-info h2,.portfolio-content h2{font-size:16px!important}.portfolio-info p,.portfolio-content p{font-size:10.5px!important;line-height:1.75!important}.tech-row{gap:5px!important}.tech-row span,.tag,.tech-pill,.architecture-pills span{font-size:9.5px!important;padding:4px 7px!important}.capability-card,.module-card,.approach-card,.why-mini,.tech-card,.problem-mini,.screen-preview,.result-card{padding:12px!important;border-radius:16px!important}.cap-icon{width:38px!important;height:38px!important;border-radius:13px!important;font-size:17px!important}.case-stats{gap:8px!important}.case-stat{padding:9px!important}.screen-shot-image{height:auto!important;aspect-ratio:16/9!important}.form-card h2{font-size:16px!important}.field label,.field input,.field select,.field textarea{font-size:10.8px!important}.field input,.field select,.field textarea{padding:8px 9px!important}.field textarea{min-height:96px!important}.footer{padding:32px 0 88px!important}.footer .brand{align-items:center}.footer-grid{text-align:right}.footer-bottom{display:block!important}.mobile-quick{right:10px!important;left:10px!important;bottom:10px!important;padding:7px!important;border-radius:16px!important}.mobile-quick .btn{font-size:10px!important;padding:7px!important} } /* Very narrow phones */ @media(max-width:390px){ .container{width:min(100% - 18px,360px)!important}.brand-text strong{max-width:135px;font-size:11.5px!important}.stage7-body .v7-hero-copy h1{font-size:21px!important}.stage7-body .v7-metric-dock{grid-template-columns:1fr!important}.stage7-body .v7-metric{border-left:0!important}.page-copy h1,.case-copy h1{font-size:20px!important}.dashboard-device{width:245px!important;height:165px!important}.hero-stage,.compact-stage{min-height:190px!important}.section-title,.v7-section-head h2{font-size:17px!important}.filter-pill{font-size:9.5px!important;padding:5px 8px!important}.footer-grid{gap:12px!important} } @media(hover:none){.btn:hover,.project-feature-card:hover,.v7-case-card:hover{transform:none!important}} @media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}} /* ------------------------------------------------------------------ Stage 12 β€” professional SVG illustration system ------------------------------------------------------------------- */ .hero-illustration-shell{padding:0;background:transparent;border:0;box-shadow:none;display:flex;align-items:center;justify-content:center} .hero-illustration{display:block;width:min(100%,680px);height:auto;filter:drop-shadow(0 28px 72px rgba(3,8,18,.22))} .inline-svg-illustration{display:block;width:100%;height:auto} .orbit-illustration{max-width:420px;margin-inline:auto;filter:drop-shadow(0 20px 50px rgba(23,52,96,.16))} .cta-svg{width:min(100%,360px);height:auto;filter:drop-shadow(0 18px 38px rgba(5,18,38,.22))} .svg-cap-icon,.svg-tech-logo{display:grid;place-items:center;background:linear-gradient(145deg,#f7fbff,#eef6ff);border:1px solid #dfeaf7} .svg-cap-icon img{width:54px;height:54px;display:block} .svg-tech-logo img{width:58px;height:58px;display:block} .svg-module-card .cap-icon{width:82px;height:82px;border-radius:22px;margin-bottom:14px} .svg-lab-icon img{width:70px;height:70px} .tech-card .svg-tech-logo{width:86px;height:86px;border-radius:24px;margin-inline:auto 0;margin-bottom:14px} .footer{position:relative;overflow:hidden} .footer-network{position:absolute;inset:auto 0 0 0;pointer-events:none;opacity:.55} .footer-network img{display:block;width:100%;height:auto;transform:translateY(36px)} .footer .container{position:relative;z-index:1} .contact-list{display:grid;gap:10px;margin-top:8px} .contact-list p{display:flex;align-items:center;gap:8px;margin:0;color:#e2edf8} .contact-bullet{width:28px;height:28px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);font-size:13px} .consult-icon-shell{width:18px;height:18px;display:inline-grid;place-items:center;margin-inline-start:4px}.consult-icon-shell img{display:block;width:18px;height:18px;filter:brightness(0) invert(1)} .page-hero .hero-illustration{max-width:650px} .about-hero .hero-illustration{max-width:620px} .project-hero .hero-illustration{max-width:640px} .mission-center .inline-svg-illustration{width:min(100%,350px)} .form-card .domain-pills{margin-top:14px} @media (max-width: 980px){ .hero-illustration{width:100%;max-width:620px} .footer-network{opacity:.38} .footer-network img{transform:translateY(18px)} } @media (max-width: 760px){ .svg-module-card .cap-icon,.tech-card .svg-tech-logo{width:72px;height:72px;border-radius:20px} .svg-cap-icon img,.svg-tech-logo img{width:46px;height:46px} .svg-lab-icon img{width:60px;height:60px} .hero-illustration{max-width:100%;border-radius:20px} .cta-svg{width:100%;max-width:300px} .footer-network{display:none} .contact-list p{align-items:flex-start} } /* ------------------------------------------------------------------ Stage 13 β€” lightweight SVG motion system ------------------------------------------------------------------- */ .hero-illustration, .inline-svg-illustration, .v7-hero-visual img, .v7-lab-visual img, .v7-final-visual img, .responsive-asset-shot img, .case-dashboard-image, .screen-shot-image{ will-change: transform, filter; } .hero-illustration{ animation: amardSvgFloat 9s ease-in-out infinite; } .v7-hero-visual img, .case-dashboard-image{ animation: amardHeroFloat 10s ease-in-out infinite; } .v7-case-card:hover .v7-case-media img, .portfolio-card:hover .responsive-asset-shot img, .screen-preview:hover .screen-shot-image{ transform: translateY(-4px) scale(1.012); filter: saturate(1.08) contrast(1.04) drop-shadow(0 18px 34px rgba(47,128,255,.12)); } .v7-case-media img, .responsive-asset-shot img, .screen-shot-image{ transition: transform .45s ease, filter .45s ease; } .svg-cap-icon img, .svg-tech-logo img, .v7-cap-icon-wrap img{ animation: amardIconBreathe 6.5s ease-in-out infinite; transform-origin:center; } .svg-module-card:hover .svg-cap-icon img, .v7-cap-card:hover .v7-cap-icon-wrap img, .tech-card:hover .svg-tech-logo img{ transform: translateY(-3px) scale(1.04); filter: drop-shadow(0 10px 18px rgba(59,130,246,.18)); } .svg-cap-icon img, .svg-tech-logo img, .v7-cap-icon-wrap img{ transition: transform .35s ease, filter .35s ease; } .cta-svg, .orbit-illustration{ animation: amardSvgGlow 8s ease-in-out infinite; } .footer-network img{ animation: amardFooterDrift 22s linear infinite; } .consult-icon-shell img{ animation: amardCtaIconPulse 3.8s ease-in-out infinite; } .hero-illustration-shell::after{ content:""; position:absolute; width:38%; height:20%; left:31%; bottom:6%; border-radius:999px; background:radial-gradient(ellipse,rgba(59,130,246,.20),transparent 68%); filter:blur(18px); animation: amardSoftShadow 9s ease-in-out infinite; pointer-events:none; } .hero-illustration-shell{position:relative;isolation:isolate} .hero-illustration-shell .hero-illustration{position:relative;z-index:1} [data-reveal].revealed .hero-illustration, [data-reveal].revealed .inline-svg-illustration{ animation-play-state: running; } @keyframes amardSvgFloat{ 0%,100%{transform:translate3d(0,0,0) rotate(0deg);filter:drop-shadow(0 28px 72px rgba(3,8,18,.22))} 50%{transform:translate3d(0,-10px,0) rotate(.35deg);filter:drop-shadow(0 34px 86px rgba(47,128,255,.20))} } @keyframes amardHeroFloat{ 0%,100%{transform:translate3d(0,0,0);filter:drop-shadow(0 22px 64px rgba(0,0,0,.34))} 50%{transform:translate3d(0,-8px,0);filter:drop-shadow(0 28px 78px rgba(47,128,255,.20))} } @keyframes amardIconBreathe{ 0%,100%{filter:drop-shadow(0 0 0 rgba(59,130,246,0));opacity:.92} 50%{filter:drop-shadow(0 10px 18px rgba(59,130,246,.18));opacity:1} } @keyframes amardSvgGlow{ 0%,100%{filter:drop-shadow(0 18px 38px rgba(5,18,38,.20)) saturate(1)} 50%{filter:drop-shadow(0 24px 52px rgba(59,130,246,.20)) saturate(1.06)} } @keyframes amardFooterDrift{ 0%{transform:translate3d(-18px,36px,0)} 100%{transform:translate3d(18px,36px,0)} } @keyframes amardCtaIconPulse{ 0%,100%{transform:scale(.94);opacity:.74} 50%{transform:scale(1.08);opacity:1} } @keyframes amardSoftShadow{ 0%,100%{opacity:.45;transform:scale(.9)} 50%{opacity:.82;transform:scale(1.08)} } @media (hover:none){ .v7-case-card:hover .v7-case-media img, .portfolio-card:hover .responsive-asset-shot img, .screen-preview:hover .screen-shot-image, .svg-module-card:hover .svg-cap-icon img, .v7-cap-card:hover .v7-cap-icon-wrap img, .tech-card:hover .svg-tech-logo img{transform:none;filter:none} } @media (max-width:760px){ .hero-illustration,.v7-hero-visual img,.case-dashboard-image{animation-duration:12s} .footer-network img{animation:none} .hero-illustration-shell::after{display:none} } @media (prefers-reduced-motion: reduce){ .hero-illustration,.inline-svg-illustration,.v7-hero-visual img,.v7-lab-visual img,.v7-final-visual img,.responsive-asset-shot img,.case-dashboard-image,.screen-shot-image,.svg-cap-icon img,.svg-tech-logo img,.v7-cap-icon-wrap img,.footer-network img,.consult-icon-shell img,.hero-illustration-shell::after{ animation:none!important; transition:none!important; transform:none!important; } } /* ------------------------------------------------------------------ Stage 14 β€” Visual QA, final responsive cleanup and overflow hardening Focus: polished spacing, stable grids, no horizontal overflow, cleaner mobile/tablet behavior, consistent media sizing, form/header/footer fixes. ------------------------------------------------------------------- */ html,body{max-width:100%;overflow-x:hidden} img,svg,video,canvas{max-width:100%;height:auto} .stage7-page,.stage5-page,main,.page-hero,.section,.v7-section,.v5-section{overflow:hidden} .container{max-width:1180px} /* Global visual rhythm */ .page-hero{padding:58px 0 44px}.section{padding:60px 0}.section.compact{padding:46px 0}.page-copy h1{font-size:clamp(30px,3.2vw,44px);line-height:1.45;letter-spacing:-.04em}.page-copy p{font-size:13.5px;line-height:2;max-width:620px}.section-title{font-size:clamp(23px,2.6vw,34px);line-height:1.55}.section-desc,.module-card p,.capability-card p,.approach-card p,.why-mini p,.tech-card p{font-size:12.5px;line-height:1.95}.section-head{margin-bottom:22px;align-items:flex-start}.section-kicker{font-size:12px}.eyebrow{font-size:11px;padding:5px 10px}.btn{min-height:0;padding:10px 15px;font-size:12.5px;border-radius:14px}.hero-buttons{display:flex;flex-wrap:wrap;gap:9px}.glass-card{border-radius:22px}.soft-card{border-radius:22px} /* Header QA */ .navbar{height:66px;gap:14px}.brand{min-width:auto;gap:9px}.brand-mark{width:46px;height:38px}.brand-mark::before,.brand-mark::after{height:34px;width:15px;border-radius:8px}.brand-mark span{width:12px;height:12px;border-radius:4px}.brand-text strong{font-size:17px;line-height:1.45}.brand-text span{font-size:10.5px;line-height:1.5;margin-top:-2px}.main-menu{gap:2px}.main-menu a{font-size:12.2px;padding:7px 9px;border-radius:12px}.nav-actions .btn{padding:9px 13px;font-size:12px}.hamburger{width:42px;height:42px;border-radius:14px} .mobile-menu{border-top:1px solid rgba(255,255,255,.08);padding-bottom:12px}.mobile-menu a{font-size:12.5px;padding:9px 12px;border-radius:12px} /* Stage 7 homepage QA */ .v7-hero{padding-top:70px}.v7-hero-grid{min-height:470px;gap:24px}.v7-hero-copy h1{font-size:clamp(34px,4vw,54px);line-height:1.26;letter-spacing:-.045em;max-width:510px}.v7-hero-copy p{font-size:13px;line-height:2;max-width:500px}.v7-hero-tags span{font-size:10px;padding:5px 8px}.v7-actions .btn{padding:9px 14px;font-size:12px}.v7-hero-visual img{width:min(100%,600px);border-radius:22px}.v7-metric-dock{max-width:850px;margin-top:12px;padding:6px 10px;border-radius:20px}.v7-metric{padding:10px 12px;grid-template-columns:32px auto}.v7-metric i{width:32px;height:32px;border-radius:12px;font-size:13px}.v7-metric strong{font-size:18px}.v7-metric span{font-size:11px} .v7-section{padding:56px 0}.v7-section-head{max-width:700px;margin-bottom:22px}.v7-section-head h2{font-size:clamp(23px,2.7vw,34px);line-height:1.55}.v7-section-head p{font-size:12.8px}.v7-case-grid{gap:16px}.v7-case-card{border-radius:24px}.v7-case-media{padding:12px 12px 0}.v7-case-media img{height:200px;border-radius:18px}.v7-case-card.wide .v7-case-media img{height:250px}.v7-case-body{padding:14px 16px 16px}.v7-case-body h3{font-size:24px}.v7-case-body p{font-size:12.8px;line-height:2}.v7-case-tags span,.v7-card-link,.v7-case-top{font-size:10.8px}.v7-project-mark{width:34px;height:34px;border-radius:12px}.v7-cap-grid{gap:14px}.v7-cap-card{padding:16px;border-radius:22px}.v7-cap-icon-wrap{width:68px;height:68px;border-radius:18px}.v7-cap-icon-wrap img{width:48px;height:48px}.v7-cap-card h3{font-size:16px}.v7-cap-card p{font-size:12.2px}.v7-system-board article{min-height:138px;padding:16px;border-radius:20px}.v7-system-board strong{font-size:19px;margin-top:18px}.v7-process-rail{gap:8px}.v7-process-rail article{padding:12px 8px 13px;border-radius:18px}.v7-process-rail b{width:36px;height:36px;border-radius:12px;font-size:12px}.v7-process-rail h3{font-size:13.2px}.v7-process-rail p{font-size:11px}.v7-lab-grid{gap:18px}.v7-lab-copy h2{font-size:clamp(28px,3.2vw,42px)}.v7-lab-copy p{font-size:12.8px}.v7-lab-visual img{border-radius:20px}.v7-final-section{padding:54px 0}.v7-final-cta{padding:20px;border-radius:24px}.v7-final-cta h2{font-size:clamp(21px,2.4vw,30px)}.v7-final-cta p{font-size:12.8px}.v7-final-visual img{height:170px;border-radius:18px} /* Shared inner pages QA */ .page-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}.hero-stage.compact-stage{min-height:320px}.hero-illustration{max-height:360px;object-fit:contain}.page-metrics{display:flex;flex-wrap:wrap;gap:10px}.page-metrics>div{min-width:120px;padding:11px 14px;border-radius:18px}.page-metrics strong{font-size:22px}.page-metrics span{font-size:11.5px}.grid{gap:16px}.grid-3,.grid-4,.grid-6{align-items:stretch}.module-card,.capability-card,.approach-card,.why-mini,.tech-card{padding:17px;border-radius:22px}.module-card h3,.capability-card h3,.approach-card h3,.why-mini h3,.tech-card h3{font-size:15.5px;line-height:1.55}.module-card p,.capability-card p,.approach-card p,.why-mini p,.tech-card p{margin-bottom:0}.cap-icon{width:54px;height:54px;border-radius:17px;font-size:22px}.svg-module-card .cap-icon,.tech-card .svg-tech-logo{width:70px;height:70px}.svg-cap-icon img,.svg-tech-logo img{width:46px;height:46px}.mission-split{gap:16px;align-items:stretch}.mission-split .glass-card{padding:20px}.mission-split h2{font-size:20px}.mission-split p{font-size:12.8px}.mission-center{min-width:0}.work-method{gap:18px}.method-line{padding:16px}.method-node{gap:10px}.method-icon{width:38px;height:38px;border-radius:13px}.form-grid{gap:18px}.form-card{padding:20px}.form-card h2{font-size:19px}.field label{font-size:12px}.field input,.field textarea,.field select{font-size:13px;min-height:42px;border-radius:13px}.field textarea{min-height:120px}.domain-pills{gap:8px}.domain-pills a{font-size:11.5px;padding:7px 10px} /* Projects page QA */ .filter-bar{gap:12px;align-items:center}.filters{display:flex;gap:8px;flex-wrap:wrap}.filter-pill,.sort-pill{font-size:11.5px;padding:7px 11px;border-radius:999px}.project-dark-grid{gap:18px}.portfolio-card{border-radius:24px}.portfolio-shot{min-height:0}.portfolio-shot img,.responsive-asset-shot img{height:230px;object-fit:cover;border-radius:18px}.portfolio-info{padding:16px}.portfolio-info h2{font-size:24px}.portfolio-info h4{font-size:12.5px}.portfolio-info p{font-size:12.8px;line-height:2}.tech-row span{font-size:10.8px;padding:5px 8px}.portfolio-bottom{gap:10px;flex-wrap:wrap}.portfolio-bottom .btn{font-size:11.5px}.portfolio-bottom span{font-size:11px} /* Project detail QA */ .case-hero{padding:58px 0 40px}.breadcrumbs{font-size:11.5px;gap:8px;flex-wrap:wrap}.case-hero-grid{gap:26px}.case-copy h1{font-size:clamp(30px,3.2vw,44px);line-height:1.45}.case-copy p{font-size:13px;line-height:2}.case-dashboard-image{max-height:360px;object-fit:cover;border-radius:22px}.case-stats{gap:12px}.case-stat{padding:14px;border-radius:18px}.case-stat strong{font-size:17px}.case-stat span{font-size:12px}.problem-box{padding:20px}.problem-box h2,.module-section h2,.preview-section h2,.result-section h2,.tech-section h2{font-size:24px;line-height:1.5}.problem-cards,.module-grid,.preview-grid,.result-grid{gap:16px}.screen-preview{padding:14px}.screen-shot-image{height:180px;border-radius:16px}.result-card{padding:16px}.result-card strong{font-size:25px}.tech-pills,.architecture-pills{gap:8px}.tech-pill,.architecture-pills span{font-size:11.5px;padding:7px 10px} /* Footer QA */ .footer{padding-top:50px}.footer-grid{gap:24px}.footer h4{font-size:14px}.footer a,.footer p{font-size:12px;line-height:1.9}.footer-bottom{gap:12px;flex-wrap:wrap;font-size:11.5px}.footer-network{opacity:.42}.footer-network img{transform:translateY(42px)} /* Motion and hover QA */ .hero-illustration,.v7-hero-visual img,.v7-lab-visual img,.portfolio-shot img,.v7-case-media img{will-change:transform;transform-origin:center}.glass-card,.portfolio-card,.v7-case-card,.v7-cap-card,.module-card{backface-visibility:hidden}.portfolio-card:hover,.v7-case-card:hover,.module-card:hover,.capability-card:hover{transform:translateY(-4px)} @media (max-width: 1180px){ .container{width:min(100% - 36px,1000px)}.main-menu a{padding-inline:7px}.brand-text strong{font-size:16px}.page-hero-grid,.v7-hero-grid{gap:22px}.v7-hero-copy h1{font-size:clamp(32px,4.3vw,50px)}.grid-6{grid-template-columns:repeat(3,minmax(0,1fr))}.project-dark-grid{grid-template-columns:1fr}.portfolio-card{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center}.portfolio-shot img,.responsive-asset-shot img{height:260px} } @media (max-width: 980px){ .desktop-only,.main-menu{display:none!important}.hamburger{display:inline-flex;align-items:center;justify-content:center}.navbar{height:62px}.page-hero-grid,.v7-hero-grid,.v7-system-grid,.v7-lab-grid,.v7-final-cta,.case-hero-grid,.form-grid{grid-template-columns:1fr;direction:rtl}.hero-stage,.hero-illustration-shell,.v7-hero-visual{order:-1}.page-hero{padding:44px 0 34px}.hero-stage.compact-stage{min-height:auto}.hero-illustration{max-height:320px}.v7-hero{padding-top:56px}.v7-hero-grid{min-height:auto}.v7-hero-visual img{max-width:560px}.v7-metric-dock{grid-template-columns:repeat(2,1fr)}.v7-metric:nth-child(2n){border-left:0}.v7-case-grid,.v7-cap-grid,.grid-3,.grid-4,.grid-6,.mission-split,.why-strip,.work-method,.module-grid,.preview-grid,.problem-cards,.result-grid{grid-template-columns:1fr 1fr}.v7-process-rail{grid-template-columns:repeat(3,1fr)}.v7-process-rail::before{display:none}.portfolio-card{grid-template-columns:1fr}.portfolio-shot img,.responsive-asset-shot img{height:230px}.case-dashboard-image{max-height:330px}.footer-grid{grid-template-columns:1fr 1fr}.footer-network{opacity:.26} } @media (max-width: 760px){ .container{width:min(100% - 26px,720px)}.navbar{height:58px}.brand-mark{width:39px;height:33px}.brand-text strong{font-size:14.5px}.brand-text span{font-size:9.5px}.hamburger{width:38px;height:38px;font-size:20px}.mobile-menu a{font-size:12px}.page-hero{padding:34px 0 26px}.section,.v7-section{padding:42px 0}.section.compact{padding:34px 0}.page-copy h1{font-size:25px;line-height:1.55}.page-copy p{font-size:12.5px}.section-title,.v7-section-head h2{font-size:22px;line-height:1.6}.section-head{display:block}.hero-buttons .btn,.v7-actions .btn{width:100%;justify-content:center}.hero-illustration{max-height:260px}.v7-hero-copy h1{font-size:28px;line-height:1.35;letter-spacing:-.025em}.v7-hero-copy p{font-size:12.5px}.v7-hero-tags{gap:6px}.v7-hero-tags span{font-size:9.8px}.v7-hero-visual img{border-radius:18px}.v7-metric-dock{margin-top:10px;border-radius:18px}.v7-metric{padding:9px 8px;grid-template-columns:30px auto}.v7-metric i{width:30px;height:30px}.v7-metric strong{font-size:16px}.v7-metric span{font-size:10.2px}.v7-case-grid,.v7-cap-grid,.grid-3,.grid-4,.grid-6,.mission-split,.why-strip,.work-method,.module-grid,.preview-grid,.problem-cards,.result-grid,.v7-system-board,.v7-process-rail,.footer-grid{grid-template-columns:1fr}.v7-case-media img,.v7-case-card.wide .v7-case-media img{height:178px}.v7-case-body h3{font-size:21px}.v7-case-body p{font-size:12.3px}.v7-cap-card,.module-card,.capability-card,.approach-card,.why-mini,.tech-card{padding:15px}.v7-process-rail article{display:grid;grid-template-columns:38px 1fr;column-gap:10px;text-align:right;align-items:center}.v7-process-rail b{margin-bottom:0;grid-row:1 / span 2}.v7-process-rail p{grid-column:2}.v7-final-visual img{height:130px}.page-metrics>div{flex:1 1 130px}.filter-bar{display:block}.filters{overflow-x:auto;flex-wrap:nowrap;padding-bottom:8px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.filter-pill{flex:0 0 auto;scroll-snap-align:start}.sort-pill{display:inline-flex;margin-top:8px}.portfolio-shot img,.responsive-asset-shot img{height:176px}.portfolio-info h2{font-size:21px}.case-hero{padding:38px 0 28px}.case-copy h1{font-size:25px}.case-dashboard-image{max-height:240px}.case-stats{grid-template-columns:1fr}.screen-shot-image{height:150px}.problem-box h2,.module-section h2,.preview-section h2,.result-section h2,.tech-section h2{font-size:21px}.form-card{padding:16px}.field input,.field textarea,.field select{width:100%}.footer{padding-top:38px}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:8px}.footer-network{display:none} } @media (max-width: 420px){ .container{width:min(100% - 20px,390px)}.brand-text span{display:none}.page-copy h1,.case-copy h1{font-size:23px}.v7-hero-copy h1{font-size:25px}.hero-illustration{max-height:220px}.v7-case-media img,.v7-case-card.wide .v7-case-media img,.portfolio-shot img,.responsive-asset-shot img{height:150px}.v7-metric-dock{grid-template-columns:1fr}.v7-metric{border-left:0!important}.page-metrics>div{flex-basis:100%}.mobile-menu .btn{width:100%} } @media (hover:none){ .portfolio-card:hover,.v7-case-card:hover,.module-card:hover,.capability-card:hover,.btn:hover{transform:none!important}.hero-illustration,.v7-hero-visual img,.portfolio-shot img{animation-duration:18s!important} } @media (prefers-reduced-motion:reduce){ *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.hero-illustration,.footer-network img,.inline-svg-illustration{transform:none!important} } /* ------------------------------------------------------------------ Stage 15 β€” Internal pages and case-study storytelling upgrade ------------------------------------------------------------------- */ .case-study-body,.internal15-body{background:#eef6ff;color:#0e1728}.case-study-body::before,.internal15-body::before{background:linear-gradient(180deg,#030713 0 25%,#eef6ff 25% 100%)}.case-study-page{overflow:hidden}.case15-hero{position:relative;padding:72px 0 42px;background:radial-gradient(circle at 16% 18%,rgba(59,130,246,.24),transparent 28%),radial-gradient(circle at 84% 20%,rgba(34,197,94,.15),transparent 26%),linear-gradient(145deg,#030713,#071426 54%,#06101c);color:#fff}.case15-hero.green{background:radial-gradient(circle at 18% 20%,rgba(34,197,94,.22),transparent 28%),linear-gradient(145deg,#03120f,#071f1a 58%,#06101c)}.case15-hero.purple{background:radial-gradient(circle at 18% 20%,rgba(139,92,246,.24),transparent 28%),linear-gradient(145deg,#080617,#181034 58%,#06101c)}.case15-breadcrumbs{margin-bottom:20px;color:#9fb4cd}.case15-breadcrumbs a{color:#dbeafe}.case15-hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;align-items:center;direction:rtl}.case15-copy h1{font-size:clamp(34px,4vw,54px);line-height:1.22;letter-spacing:-.05em;margin:14px 0 5px;color:#fff}.case15-copy h2{font-size:19px;line-height:1.7;margin:0 0 10px;color:#f4bd62}.case15-copy p{font-size:14px;line-height:2.05;color:#cbd5e1;max-width:640px;font-weight:760}.case15-meta-pills,.case15-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.case15-meta-pills{margin:16px 0 18px}.case15-meta-pills span{padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);font-size:11.5px;font-weight:900;color:#e6f1ff}.case15-actions .btn{padding:10px 16px;font-size:12.5px}.case15-visual{position:relative}.case15-visual img{display:block;width:100%;border-radius:26px;border:1px solid rgba(255,255,255,.10);box-shadow:0 24px 78px rgba(0,0,0,.32);background:#071426}.case15-floating-note{position:absolute;right:18px;bottom:18px;max-width:230px;padding:12px 14px;border-radius:18px;background:rgba(5,15,31,.76);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(14px);box-shadow:0 14px 40px rgba(0,0,0,.25)}.case15-floating-note strong{display:block;color:#fff;font-size:13px}.case15-floating-note span{display:block;color:#b9c8dc;font-size:11px;line-height:1.8}.case15-kpi-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:28px}.case15-kpi-strip article{display:flex;align-items:center;gap:10px;min-width:0;padding:12px;border-radius:18px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);box-shadow:0 14px 36px rgba(0,0,0,.14)}.case15-kpi-strip i{font-style:normal;width:34px;height:34px;display:grid;place-items:center;border-radius:12px;background:rgba(255,255,255,.08)}.case15-kpi-strip strong{display:block;color:#fff;font-size:15px;line-height:1.3}.case15-kpi-strip span{display:block;color:#93a9c4;font-size:11px;font-weight:800}.case15-nav-wrap{position:sticky;top:74px;z-index:50;background:rgba(238,246,255,.86);backdrop-filter:blur(14px);border-bottom:1px solid rgba(148,163,184,.18)}.case15-nav{display:flex;gap:8px;align-items:center;overflow:auto;padding:10px 0;scrollbar-width:none}.case15-nav::-webkit-scrollbar{display:none}.case15-nav a{white-space:nowrap;padding:7px 11px;border-radius:999px;color:#0f2743;background:#fff;border:1px solid #dbeafe;font-size:12px;font-weight:900}.case15-section{position:relative;padding:66px 0}.case15-section-head{text-align:center;max-width:780px;margin:0 auto 28px}.case15-section-head span,.case15-section-copy>span,.case15-tech-box>div>span,.case15-preview-copy>span,.case15-final-cta>div>span{display:inline-flex;color:#f4bd62;font-size:11px;font-weight:1000;border:1px solid rgba(244,189,98,.24);background:rgba(244,189,98,.09);padding:5px 10px;border-radius:999px}.case15-section-head h2,.case15-section-copy h2,.case15-preview-copy h2,.case15-tech-box h2,.case15-final-cta h2{font-size:clamp(25px,3vw,38px);line-height:1.5;letter-spacing:-.045em;margin:10px 0;color:#071426}.case15-section-head p,.case15-section-copy p,.case15-preview-copy p,.case15-tech-box p,.case15-final-cta p{font-size:14px;line-height:2;color:#64748b;font-weight:760}.case15-split{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px;align-items:center}.case15-problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.case15-problem-grid article,.case15-solution-rail article,.case15-module-card,.case15-result-card,.case15-related-card,.service15-card,.service15-steps article,.service15-package-grid article,.lab15-card,.lab15-pipeline-steps article,.lab15-usecase-grid article,.contact15-expect,.contact15-faq-grid article,.about15-values article{position:relative;overflow:hidden;border-radius:24px;background:#fff;border:1px solid #dbeafe;box-shadow:0 16px 46px rgba(23,52,96,.08);padding:18px}.case15-problem-grid b,.service15-steps b,.lab15-pipeline-steps b,.about15-values b{display:inline-flex;color:#3b82f6;font-size:12px;margin-bottom:18px}.case15-problem-grid h3,.case15-solution-rail h3,.case15-module-card h3,.service15-card h3,.service15-steps h3,.service15-package-grid h3,.lab15-card h3,.lab15-pipeline-steps h3,.lab15-usecase-grid h3,.contact15-faq-grid h3,.about15-values h3{font-size:17px;color:#071426;margin:0 0 7px}.case15-problem-grid p,.case15-solution-rail p,.case15-module-card p,.service15-card p,.service15-steps p,.service15-package-grid p,.lab15-card p,.lab15-pipeline-steps p,.lab15-usecase-grid p,.contact15-faq-grid p,.about15-values p{font-size:13px;line-height:1.95;color:#64748b;margin:0;font-weight:740}.case15-solution-section{background:linear-gradient(180deg,#f8fbff,#eef6ff)}.case15-solution-rail{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.case15-solution-rail article{background:linear-gradient(180deg,#fff,#f7fbff)}.case15-solution-rail i{font-style:normal;width:42px;height:42px;border-radius:15px;display:grid;place-items:center;background:#071426;color:#fff;margin-bottom:18px;font-weight:1000}.case15-module-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.case15-module-icon{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,#eef6ff,#fff);border:1px solid #dbeafe;font-size:22px;margin-bottom:14px}.case15-preview-section{background:#071426;color:#fff}.case15-preview-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:24px;align-items:center}.case15-preview-copy h2{color:#fff}.case15-preview-copy p{color:#cbd5e1}.case15-preview-points{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.case15-preview-points b{padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);font-size:12px;color:#dbeafe}.case15-screen-stack{display:grid;grid-template-columns:1fr 1fr;gap:14px}.case15-screen-stack article{border-radius:24px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);padding:12px;box-shadow:0 20px 58px rgba(0,0,0,.22)}.case15-screen-stack img{display:block;width:100%;height:220px;object-fit:cover;border-radius:18px}.case15-screen-stack h3{font-size:15px;color:#fff;margin:12px 3px 2px}.case15-result-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.case15-result-card{text-align:center}.case15-result-card i{font-style:normal;width:46px;height:46px;border-radius:16px;display:grid;place-items:center;margin:0 auto 12px;background:#eef6ff}.case15-result-card strong{display:block;font-size:23px;color:#071426}.case15-result-card span{font-size:12px;color:#64748b;font-weight:850}.case15-tech-section{padding-top:34px}.case15-tech-box{border-radius:30px;padding:26px;background:#fff;border:1px solid #dbeafe;box-shadow:0 18px 58px rgba(23,52,96,.09)}.case15-tech-pills{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.case15-tech-pills span,.case15-architecture-grid article{padding:8px 11px;border-radius:999px;background:#eef6ff;border:1px solid #dbeafe;color:#0f2743;font-size:12px;font-weight:900}.case15-architecture-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.case15-related-section{background:linear-gradient(180deg,#f8fbff,#eef6ff)}.case15-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.case15-related-card{background:linear-gradient(145deg,#071426,#0a1b35);color:#fff;border-color:rgba(255,255,255,.12)}.case15-related-card.green{background:linear-gradient(145deg,#071b17,#0b2f27)}.case15-related-card.purple{background:linear-gradient(145deg,#130d2b,#281356)}.case15-related-card h3{color:#fff;font-size:19px}.case15-related-card p{color:#cbd5e1}.case15-related-card a{display:inline-flex;margin-top:14px;color:#f4bd62;font-weight:1000;font-size:12px}.case15-final-section{padding:66px 0;background:#eef6ff}.case15-final-cta{display:grid;grid-template-columns:.7fr 1.3fr;gap:22px;align-items:center;padding:24px;border-radius:30px;background:linear-gradient(135deg,#fff,#eaf4ff);border:1px solid #d8e8f7;box-shadow:0 24px 70px rgba(23,52,96,.12)}.case15-final-art img{display:block;width:100%;max-height:210px;object-fit:cover;border-radius:24px}.case15-final-cta h2{font-size:clamp(24px,2.8vw,36px)} .internal15-page{overflow:hidden}.internal15-hero .page-copy h1{font-size:clamp(30px,3.4vw,44px);line-height:1.35}.internal15-hero .page-copy p{font-size:14px;line-height:2}.service15-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.service15-icon,.lab15-icon{width:70px;height:70px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(145deg,#f7fbff,#eef6ff);border:1px solid #dbeafe;margin-bottom:14px}.service15-icon img,.lab15-icon img{width:50px;height:50px}.service15-card span{display:block;color:#3b82f6;font-size:12px;font-weight:1000;margin-bottom:8px}.service15-card a{display:inline-flex;margin-top:14px;color:#0f65d8;font-size:12px;font-weight:1000}.service15-delivery{background:linear-gradient(145deg,#071426,#06101f);color:#fff}.service15-delivery-grid,.lab15-pipeline,.about15-story-grid,.contact15-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:24px;align-items:start}.service15-delivery h2,.lab15-pipeline h2,.about15-story h2{font-size:clamp(25px,3vw,38px);line-height:1.5;letter-spacing:-.045em;color:#fff;margin:12px 0}.about15-story h2{color:#071426}.service15-delivery p,.lab15-pipeline p,.about15-story p{font-size:14px;line-height:2;color:#cbd5e1;font-weight:760}.about15-story p{color:#64748b}.service15-steps,.about15-values{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.service15-steps article{background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.04));border-color:rgba(255,255,255,.12)}.service15-steps h3{color:#fff}.service15-steps p{color:#a9b9cc}.service15-package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.service15-package-grid article.featured{background:linear-gradient(145deg,#071426,#0a1b35);color:#fff;border-color:rgba(255,255,255,.12);transform:translateY(-8px)}.service15-package-grid article.featured h3{color:#fff}.service15-package-grid article.featured p,.service15-package-grid article.featured li{color:#cbd5e1}.service15-package-grid ul{padding:0;margin:14px 0 0;list-style:none;display:grid;gap:8px}.service15-package-grid li{font-size:12px;color:#64748b;font-weight:850}.service15-package-grid li:before{content:'βœ“';color:#22c55e;margin-left:6px}.internal15-cta{display:grid;grid-template-columns:.42fr 1fr;gap:22px;align-items:center}.lab15-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.lab15-card span{display:inline-flex;padding:5px 9px;border-radius:999px;background:rgba(244,189,98,.1);border:1px solid rgba(244,189,98,.22);color:#b7791f;font-size:11px;font-weight:1000;margin-bottom:10px}.lab15-pipeline-section{background:linear-gradient(145deg,#071426,#06101f);color:#fff}.lab15-pipeline-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.lab15-pipeline-steps article{background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.04));border-color:rgba(255,255,255,.12)}.lab15-pipeline-steps h3{color:#fff}.lab15-pipeline-steps p{color:#a9b9cc}.lab15-usecase-grid,.contact15-faq-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.contact15-mini-steps{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.contact15-mini-steps span{padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);font-size:12px;color:#e6f1ff;font-weight:900}.contact15-grid{grid-template-columns:.75fr 1.25fr}.contact15-info{display:grid;gap:14px}.contact15-expect{background:linear-gradient(145deg,#071426,#0a1b35);color:#fff;border-color:rgba(255,255,255,.12)}.contact15-expect h3{color:#fff}.contact15-expect ol{margin:12px 0 0;padding-right:18px;color:#cbd5e1;font-size:13px;line-height:2}.contact15-form .form-intro{margin:0 0 14px;color:#94a3b8;font-size:13px}.about15-mission .mission-center{display:grid;place-items:center}.about15-capabilities .tech-card{text-align:right} @media(max-width:1100px){.case15-hero-grid,.case15-split,.case15-preview-layout,.case15-final-cta,.service15-delivery-grid,.lab15-pipeline,.about15-story-grid,.contact15-grid,.internal15-cta{grid-template-columns:1fr}.case15-kpi-strip{grid-template-columns:repeat(3,1fr)}.case15-solution-rail,.case15-module-grid,.case15-architecture-grid,.lab15-usecase-grid{grid-template-columns:repeat(2,1fr)}.case15-result-grid{grid-template-columns:repeat(3,1fr)}.service15-grid,.service15-package-grid,.lab15-grid{grid-template-columns:repeat(2,1fr)}.case15-final-art img,.internal15-cta .cta-svg{max-height:190px;object-fit:cover}} @media(max-width:760px){.case15-hero{padding:54px 0 28px}.case15-copy h1{font-size:30px}.case15-copy h2{font-size:16px}.case15-copy p{font-size:13px}.case15-visual img{border-radius:20px}.case15-floating-note{position:static;margin-top:10px;max-width:none}.case15-kpi-strip{grid-template-columns:repeat(2,1fr);gap:8px}.case15-kpi-strip article{padding:10px}.case15-nav-wrap{top:58px}.case15-section{padding:48px 0}.case15-section-head h2,.case15-section-copy h2,.case15-preview-copy h2,.case15-tech-box h2,.case15-final-cta h2{font-size:23px;line-height:1.6}.case15-problem-grid,.case15-solution-rail,.case15-module-grid,.case15-screen-stack,.case15-result-grid,.case15-architecture-grid,.case15-related-grid,.service15-grid,.service15-steps,.service15-package-grid,.lab15-grid,.lab15-pipeline-steps,.lab15-usecase-grid,.contact15-faq-grid,.about15-values{grid-template-columns:1fr}.case15-screen-stack img{height:180px}.case15-tech-box,.case15-final-cta{padding:18px;border-radius:24px}.service15-delivery h2,.lab15-pipeline h2,.about15-story h2{font-size:23px}.internal15-cta{padding:18px}.service15-package-grid article.featured{transform:none}.case15-final-section{padding:48px 0}.contact15-mini-steps span{font-size:11px}.contact15-form button{width:100%}} /* ------------------------------------------------------------------ Stage 16 β€” SEO, performance and publish-readiness polish ------------------------------------------------------------------- */ .stage7-page section, .case-study-page section, .page-hero, .section, .case15-section{content-visibility:auto;contain-intrinsic-size:1px 720px} .v7-hero,.case15-hero,.page-hero{content-visibility:visible;contain-intrinsic-size:auto} .error-page{min-height:64vh;background:linear-gradient(180deg,#071426,#0b1830 56%,#eef6ff 56%)} .error-hero{padding:86px 0}.error-card{display:grid;grid-template-columns:130px 1fr 320px;gap:28px;align-items:center;padding:32px;border-radius:34px}.error-code{font-size:54px;font-weight:1000;line-height:1;color:#f4bd62;letter-spacing:-.04em}.error-card h1{font-size:clamp(26px,3vw,40px);line-height:1.45;margin:12px 0 8px;color:#fff}.error-card p{margin:0 0 18px;color:#cbd5e1;font-size:14px;line-height:2}.error-card img{display:block;width:100%;border-radius:24px;filter:drop-shadow(0 20px 48px rgba(0,0,0,.25))} @media(max-width:900px){.error-card{grid-template-columns:1fr;text-align:right}.error-card img{max-width:340px;margin-inline:auto}.error-code{font-size:46px}} @media(max-width:760px){.error-hero{padding:54px 0}.error-card{padding:20px;border-radius:24px}.error-code{font-size:38px}.error-card p{font-size:13px}.error-card img{max-width:260px}.stage7-page section,.case-study-page section,.page-hero,.section,.case15-section{content-visibility:visible;contain-intrinsic-size:auto}} /* ------------------------------------------------------------------ Stage 17 β€” Color harmony and dark-box cleanup Fixes: - smoother transition from dark hero sections to light page body - better harmony between navy, blue and warm gold accents - readable light-surface forms/cards on internal pages - removal of harsh black blocks under internal page heroes ------------------------------------------------------------------- */ :root{ --page-light:#f4f7fb; --page-light-2:#eef4fa; --page-card:#ffffff; --page-border:#d9e5f2; --page-ink:#0f172a; --page-muted:#5f7288; } .case-study-body, .internal15-body{ background:var(--page-light); color:var(--page-ink); } .case-study-body::before, .internal15-body::before{ background: radial-gradient(circle at 18% 8%,rgba(59,130,246,.18),transparent 18%), radial-gradient(circle at 82% 11%,rgba(34,197,94,.10),transparent 16%), linear-gradient(180deg,#03101f 0%,#07182d 15%,#102848 22%,#eaf1f8 22.5%,#f4f7fb 100%); } .case-study-body::after, .internal15-body::after{ opacity:.08; mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.08) 28%,transparent 55%); } .internal15-page, .case-study-page{ position:relative; isolation:isolate; } .page-hero.internal15-hero, .case15-hero{ position:relative; overflow:clip; } .page-hero.internal15-hero::after, .case15-hero::after{ content:""; position:absolute; right:0;left:0;bottom:-1px; height:110px; background:linear-gradient(180deg,rgba(244,247,251,0) 0%,rgba(244,247,251,.86) 72%,#f4f7fb 100%); pointer-events:none; z-index:0; } .page-hero.internal15-hero > .container, .case15-hero > .container, .case15-hero .case15-nav-wrap, .page-hero.internal15-hero .container{ position:relative; z-index:1; } .page-hero.internal15-hero{ padding:62px 0 44px; background: radial-gradient(circle at 14% 20%,rgba(59,130,246,.20),transparent 26%), radial-gradient(circle at 86% 18%,rgba(34,197,94,.11),transparent 22%), linear-gradient(145deg,#05101f,#0a1c34 55%,#0b2340); } .case15-hero{ background: radial-gradient(circle at 16% 18%,rgba(59,130,246,.20),transparent 26%), radial-gradient(circle at 84% 20%,rgba(34,197,94,.12),transparent 22%), linear-gradient(145deg,#05101f,#0b1d35 54%,#0c2440); } .case15-hero.green{ background: radial-gradient(circle at 18% 20%,rgba(34,197,94,.18),transparent 26%), linear-gradient(145deg,#071813,#0b2b22 58%,#12342c); } .case15-hero.purple{ background: radial-gradient(circle at 18% 20%,rgba(139,92,246,.18),transparent 26%), linear-gradient(145deg,#0d0a1d,#1d153b 58%,#202f56); } .internal15-body .page-copy h1, .internal15-body .page-copy p, .internal15-body .page-copy .eyebrow, .case-study-body .case15-copy h1, .case-study-body .case15-copy h2, .case-study-body .case15-copy p{ position:relative; z-index:2; } /* light-card system for internal pages */ .internal15-body .glass-card, .internal15-body .soft-card, .case-study-body .soft-card{ background:linear-gradient(180deg,#ffffff,#f9fbfe); border:1px solid var(--page-border); box-shadow:0 20px 56px rgba(15,23,42,.08); backdrop-filter:none; } .internal15-body .glass-card::before, .internal15-body .soft-card::before, .internal15-body .soft-card::after, .case-study-body .soft-card::before, .case-study-body .soft-card::after{ display:none; } .internal15-body .glass-card h2, .internal15-body .glass-card h3, .internal15-body .glass-card h4, .internal15-body .soft-card h2, .internal15-body .soft-card h3, .case-study-body .soft-card h2, .case-study-body .soft-card h3{ color:#0f172a; } .internal15-body .glass-card p, .internal15-body .soft-card p, .case-study-body .soft-card p{ color:var(--page-muted); } /* forms on internal pages */ .internal15-body .form-card, .internal15-body .contact15-form{ background:linear-gradient(180deg,#ffffff,#f8fbff); border:1px solid var(--page-border); box-shadow:0 26px 72px rgba(15,23,42,.10); } .internal15-body .form-card h2, .internal15-body .contact15-form h2{color:#0f172a} .internal15-body .contact15-form .form-intro{color:#6b7e95} .internal15-body .field label{color:#19324f;font-weight:900} .internal15-body .field input, .internal15-body .field select, .internal15-body .field textarea{ color:#0f172a; background:#ffffff; border:1px solid #d9e5f2; box-shadow:inset 0 1px 0 rgba(255,255,255,.75); } .internal15-body .field input::placeholder, .internal15-body .field textarea::placeholder{color:#90a3b8;opacity:1} .internal15-body .field input:focus, .internal15-body .field select:focus, .internal15-body .field textarea:focus{ border-color:#60a5fa; box-shadow:0 0 0 4px rgba(59,130,246,.10); } .internal15-body .domain-pills a{ background:#f6faff; border-color:#d9e5f2; color:#1e3a5f; font-weight:900; } .internal15-body .contact-list p{color:#20324a;font-weight:800} .internal15-body .contact-bullet{background:#eef5ff;border-color:#d7e6f7;color:#2563eb} /* cards and sections */ .internal15-body .section, .case-study-body .case15-section, .case-study-body .case15-final-section{ background:transparent; } .internal15-body .section-kicker, .case-study-body .case15-section-head span, .case-study-body .case15-section-copy>span, .case-study-body .case15-preview-copy>span, .case-study-body .case15-tech-box>div>span, .case-study-body .case15-final-cta>div>span{ color:#b7791f; border-color:rgba(244,189,98,.28); background:rgba(244,189,98,.12); } .internal15-body .section-title, .internal15-body .section-head h2, .internal15-body .about15-story h2, .case-study-body .case15-section-head h2, .case-study-body .case15-section-copy h2, .case-study-body .case15-tech-box h2, .case-study-body .case15-final-cta h2{ color:#0f172a; } .internal15-body .section-desc, .internal15-body .section-head p, .internal15-body .about15-story p, .case-study-body .case15-section-head p, .case-study-body .case15-section-copy p, .case-study-body .case15-tech-box p, .case-study-body .case15-final-cta p{ color:var(--page-muted); } .internal15-body .service15-card, .internal15-body .lab15-card, .internal15-body .about15-values article, .internal15-body .contact15-faq-grid article, .case-study-body .case15-problem-grid article, .case-study-body .case15-solution-rail article, .case-study-body .case15-module-card, .case-study-body .case15-result-card, .case-study-body .case15-tech-box, .case-study-body .case15-final-cta{ background:linear-gradient(180deg,#ffffff,#f9fbfe); border-color:var(--page-border); box-shadow:0 18px 52px rgba(15,23,42,.08); } .internal15-body .service15-delivery, .internal15-body .lab15-pipeline-section, .case-study-body .case15-preview-section, .case-study-body .case15-related-card, .internal15-body .contact15-expect{ background: radial-gradient(circle at 15% 30%,rgba(59,130,246,.22),transparent 28%), linear-gradient(145deg,#071426,#0a1d35 72%,#0e2544); color:#fff; } .internal15-body .service15-steps article, .internal15-body .lab15-pipeline-steps article, .internal15-body .contact15-expect, .case-study-body .case15-screen-stack article, .case-study-body .case15-related-card{ border-color:rgba(255,255,255,.12); box-shadow:0 22px 56px rgba(2,12,27,.22); } .internal15-body .service15-delivery p, .internal15-body .lab15-pipeline p, .internal15-body .service15-steps p, .internal15-body .lab15-pipeline-steps p, .internal15-body .contact15-expect ol, .case-study-body .case15-preview-copy p, .case-study-body .case15-related-card p{color:#c8d5e6} .internal15-body .service15-steps h3, .internal15-body .lab15-pipeline-steps h3, .internal15-body .contact15-expect h3, .case-study-body .case15-preview-copy h2, .case-study-body .case15-related-card h3{color:#fff} /* home + footer harmony */ .stage7-body, .stage7-body .v7-section, .stage7-body .v7-final-section{background:#f4f7fb;color:#0f172a} .stage7-body::before{background:linear-gradient(180deg,#03101f 0 24%,#eef4fa 24% 100%)} .stage7-body .v7-cap-card, .stage7-body .v7-case-card, .stage7-body .v7-system-board article, .stage7-body .v7-process-rail article, .stage7-body .v7-final-cta{box-shadow:0 18px 52px rgba(15,23,42,.08)} .footer{ background: radial-gradient(circle at 18% 26%,rgba(59,130,246,.18),transparent 28%), linear-gradient(180deg,#081322,#050c18); } .footer p,.footer a{color:#c0d1e5} .footer-bottom{color:#91a7c0} /* smaller screens */ @media(max-width:760px){ .page-hero.internal15-hero::after, .case15-hero::after{height:80px} .internal15-body .form-card, .internal15-body .contact15-form, .case-study-body .case15-final-cta, .case-study-body .case15-tech-box{box-shadow:0 16px 36px rgba(15,23,42,.08)} } /* Stage 17 corrections for home section palette */ .stage7-body .v7-projects-section, .stage7-body .v7-capabilities-section, .stage7-body .v7-process-section, .stage7-body .v7-final-section{background:#f4f7fb;color:#0f172a} .stage7-body .v7-system-section, .stage7-body .v7-lab-section{color:#fff} /* ------------------------------------------------------------------ Stage 18 β€” Full Blue/Violet Theme Refresh Purpose: remove the white/black mismatch and unify the whole website around a premium navy + blue + violet + cyan visual language. ------------------------------------------------------------------- */ :root{ --bg:#070b1f; --bg-2:#0a1230; --bg-3:#111a42; --surface:#10183a; --surface-2:#151f4b; --card:#121b44; --card-2:#172153; --white:#f8fbff; --ink:#f6f8ff; --text:#dbe7ff; --muted:#9aa9cf; --soft:#10183a; --soft-2:#151f4b; --line:rgba(151,177,255,.18); --line-2:rgba(255,255,255,.11); --blue:#4f8cff; --blue-2:#22d3ee; --green:#54f0c1; --emerald:#28d9aa; --purple:#9b6dff; --purple-2:#6d5dfc; --gold:#ffd27a; --gold-2:#f0b95c; --shadow:0 22px 70px rgba(2,8,31,.32); --shadow-blue:0 24px 70px rgba(79,140,255,.18); --page-light:#0a1230; --page-light-2:#10183a; --page-card:#121b44; --page-border:rgba(151,177,255,.18); --page-ink:#f6f8ff; --page-muted:#a9b6d8; } html,body{background:#070b1f;color:var(--ink)} body::before, .stage7-body::before, .case-study-body::before, .internal15-body::before{ background: radial-gradient(circle at 16% 7%,rgba(79,140,255,.28),transparent 25%), radial-gradient(circle at 78% 9%,rgba(155,109,255,.26),transparent 24%), radial-gradient(circle at 50% 72%,rgba(34,211,238,.08),transparent 34%), linear-gradient(180deg,#070b1f 0%,#0a1230 36%,#10183a 100%)!important; } body::after, .stage7-body::after, .case-study-body::after, .internal15-body::after{ opacity:.14!important; background-image: linear-gradient(rgba(151,177,255,.09) 1px,transparent 1px), linear-gradient(90deg,rgba(151,177,255,.09) 1px,transparent 1px), radial-gradient(circle,rgba(34,211,238,.26) 1px,transparent 1.6px)!important; background-size:72px 72px,72px 72px,130px 130px!important; mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.78) 54%,transparent 100%)!important; } body, .stage7-body, .case-study-body, .internal15-body, .internal15-page, .case-study-page{ background:#0a1230!important; color:var(--ink)!important; } main{background:transparent!important} .site-header{ background:rgba(7,11,31,.82)!important; border-bottom:1px solid rgba(151,177,255,.14)!important; box-shadow:0 12px 34px rgba(2,8,31,.28)!important; } .main-menu a{color:#dbe7ff!important} .main-menu a:hover, .main-menu a.active{background:rgba(155,109,255,.12)!important;color:#fff!important} .main-menu a.active::after{background:linear-gradient(90deg,#22d3ee,#9b6dff)!important} .brand-text strong{color:#fff!important}.brand-text span{color:#aebce0!important} .btn-gold{ background:linear-gradient(135deg,#6ce6ff,#8b7cff 52%,#b66dff)!important; color:#fff!important; box-shadow:0 18px 42px rgba(105,125,255,.26),inset 0 1px 0 rgba(255,255,255,.35)!important; } .btn-ghost, .btn-light, .btn-dark{ background:rgba(255,255,255,.07)!important; border-color:rgba(151,177,255,.18)!important; color:#f8fbff!important; } .btn:hover{box-shadow:0 16px 38px rgba(79,140,255,.16)!important} /* remove light/white section mismatch */ .section, .section.compact, .v7-section, .v7-projects-section, .v7-capabilities-section, .v7-process-section, .v7-final-section, .case15-section, .case15-solution-section, .case15-related-section, .case15-final-section, .service15-package-section, .contact15-faq-section, .about15-story, .about15-mission, .about15-capabilities{ background:transparent!important; color:var(--ink)!important; } .page-hero.internal15-hero, .case15-hero, .v7-hero{ background: radial-gradient(circle at 15% 18%,rgba(79,140,255,.28),transparent 28%), radial-gradient(circle at 84% 17%,rgba(155,109,255,.28),transparent 26%), linear-gradient(145deg,#070b1f,#0b1636 52%,#141c4d)!important; color:#fff!important; } .page-hero.internal15-hero::after, .case15-hero::after, .v7-hero::after{ height:130px!important; background:linear-gradient(180deg,rgba(10,18,48,0) 0%,rgba(10,18,48,.72) 64%,#0a1230 100%)!important; } /* global cards: dark glass */ .glass-card, .soft-card, .internal15-body .glass-card, .internal15-body .soft-card, .case-study-body .soft-card, .internal15-body .form-card, .internal15-body .contact15-form, .stage7-body .v7-cap-card, .stage7-body .v7-final-cta, .v7-cap-card, .v7-final-cta, .v7-process-rail article, .case15-problem-grid article, .case15-solution-rail article, .case15-module-card, .case15-result-card, .case15-tech-box, .case15-final-cta, .service15-card, .service15-package-grid article, .lab15-card, .lab15-usecase-grid article, .contact15-faq-grid article, .about15-values article, .tech-card, .module-card, .capability-card, .approach-card, .why-mini, .form-card{ background:linear-gradient(180deg,rgba(24,35,86,.86),rgba(14,24,62,.82))!important; border:1px solid rgba(151,177,255,.18)!important; box-shadow:0 22px 70px rgba(2,8,31,.26),inset 0 1px 0 rgba(255,255,255,.05)!important; backdrop-filter:blur(16px)!important; color:#f8fbff!important; } .glass-card::before, .soft-card::before, .soft-card::after, .internal15-body .glass-card::before, .internal15-body .soft-card::before, .internal15-body .soft-card::after{ display:block!important; content:""; position:absolute; inset:0; background: radial-gradient(circle at 10% 5%,rgba(79,140,255,.16),transparent 34%), radial-gradient(circle at 92% 8%,rgba(155,109,255,.16),transparent 34%)!important; pointer-events:none; } .glass-card>* ,.soft-card>*{position:relative;z-index:2} /* text colors */ .section-title, .section-head h2, .v7-section-head h2, .page-copy h1, .case15-section-head h2, .case15-section-copy h2, .case15-tech-box h2, .case15-final-cta h2, .service15-delivery h2, .lab15-pipeline h2, .about15-story h2, .internal15-body .glass-card h2, .internal15-body .glass-card h3, .internal15-body .soft-card h2, .internal15-body .soft-card h3, .case-study-body .soft-card h2, .case-study-body .soft-card h3, .case15-problem-grid h3, .case15-solution-rail h3, .case15-module-card h3, .service15-card h3, .service15-package-grid h3, .lab15-card h3, .lab15-usecase-grid h3, .contact15-faq-grid h3, .about15-values h3, .module-card h3, .capability-card h3, .tech-card h3, .approach-card h3, .why-mini h3, .form-card h2, .form-card h3{ color:#f8fbff!important; } .section-desc, .section-head p, .v7-section-head p, .page-copy p, .case15-section-head p, .case15-section-copy p, .case15-tech-box p, .case15-final-cta p, .service15-card p, .service15-package-grid p, .lab15-card p, .lab15-usecase-grid p, .contact15-faq-grid p, .about15-values p, .internal15-body .glass-card p, .internal15-body .soft-card p, .case-study-body .soft-card p, .module-card p, .capability-card p, .tech-card p, .approach-card p, .why-mini p, .form-card p{ color:#aebce0!important; } .section-kicker, .v7-section-head>span, .v7-eyebrow, .eyebrow, .case15-section-head span, .case15-section-copy>span, .case15-tech-box>div>span, .case15-final-cta>div>span, .lab15-card span{ color:#6ce6ff!important; background:rgba(34,211,238,.10)!important; border-color:rgba(34,211,238,.22)!important; } .eyebrow::before{background:#9b6dff!important;box-shadow:0 0 0 6px rgba(155,109,255,.16)!important} /* inputs/forms dark blue-violet */ .field label, .internal15-body .field label{color:#dce7ff!important;font-weight:900!important} .field input, .field select, .field textarea, .internal15-body .field input, .internal15-body .field select, .internal15-body .field textarea{ background:rgba(7,13,38,.72)!important; color:#f8fbff!important; border:1px solid rgba(151,177,255,.20)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important; } .field input::placeholder, .field textarea::placeholder, .internal15-body .field input::placeholder, .internal15-body .field textarea::placeholder{color:#8293bd!important;opacity:1!important} .field input:focus, .field select:focus, .field textarea:focus, .internal15-body .field input:focus, .internal15-body .field select:focus, .internal15-body .field textarea:focus{ border-color:#8b7cff!important; box-shadow:0 0 0 4px rgba(139,124,255,.16)!important; } .contact-list p,.internal15-body .contact-list p{color:#dbe7ff!important}.contact-bullet{background:rgba(139,124,255,.14)!important;border-color:rgba(139,124,255,.22)!important;color:#6ce6ff!important} .domain-pills a,.internal15-body .domain-pills a, .case15-tech-pills span,.case15-architecture-grid article, .tech-row span,.v7-case-tags span{ background:rgba(139,124,255,.12)!important; border-color:rgba(139,124,255,.22)!important; color:#dbe7ff!important; } /* dark accent sections become violet/blue instead of black */ .v7-system-section, .v7-lab-section, .service15-delivery, .lab15-pipeline-section, .case15-preview-section, .internal15-body .service15-delivery, .internal15-body .lab15-pipeline-section, .case-study-body .case15-preview-section, .internal15-body .contact15-expect{ background: radial-gradient(circle at 18% 28%,rgba(79,140,255,.24),transparent 30%), radial-gradient(circle at 78% 35%,rgba(155,109,255,.22),transparent 32%), linear-gradient(145deg,#0a1230,#141c4d 70%,#18235d)!important; color:#fff!important; } .service15-steps article, .lab15-pipeline-steps article, .case15-screen-stack article, .case15-related-card, .contact15-expect{ background:linear-gradient(180deg,rgba(30,43,103,.90),rgba(14,24,62,.90))!important; border-color:rgba(151,177,255,.16)!important; } /* project cards and case visuals */ .v7-case-card, .portfolio-card, .case15-related-card{ background: radial-gradient(circle at 18% 12%,rgba(79,140,255,.20),transparent 28%), radial-gradient(circle at 88% 22%,rgba(155,109,255,.22),transparent 28%), linear-gradient(145deg,#121b44,#0c1538)!important; border-color:rgba(151,177,255,.18)!important; } .v7-case-card.green, .portfolio-card.green, .case15-related-card.green{background:linear-gradient(145deg,#0f1d4b,#17245d)!important} .v7-case-card.purple, .portfolio-card.purple, .case15-related-card.purple{background:linear-gradient(145deg,#191545,#251c63)!important} .v7-card-link,.line-link{color:#6ce6ff!important} .status-badge,.status-chip{ background:rgba(34,211,238,.10)!important; border-color:rgba(34,211,238,.22)!important; color:#6ce6ff!important; } /* icon cards */ .cap-icon, .service15-icon, .lab15-icon, .v7-cap-icon-wrap, .svg-cap-icon, .svg-tech-logo, .case15-module-icon, .case15-result-card i{ background:linear-gradient(145deg,rgba(79,140,255,.18),rgba(155,109,255,.16))!important; border-color:rgba(151,177,255,.18)!important; color:#6ce6ff!important; } /* header/footer consistency */ .footer{ background: radial-gradient(circle at 18% 26%,rgba(79,140,255,.22),transparent 28%), radial-gradient(circle at 76% 18%,rgba(155,109,255,.18),transparent 26%), linear-gradient(180deg,#0a1230,#070b1f)!important; border-top:1px solid rgba(151,177,255,.14)!important; } .footer p,.footer a{color:#aebce0!important}.footer h4{color:#f8fbff!important}.footer-bottom{color:#8191bd!important;border-top-color:rgba(151,177,255,.14)!important} .footer-network{opacity:.36!important} /* image/illustration framing */ .hero-illustration, .case15-visual img, .case15-screen-stack img, .case-dashboard-image, .screen-shot-image, .portfolio-shot img, .responsive-asset-shot img, .v7-hero-visual img, .v7-lab-visual img{ border-color:rgba(151,177,255,.16)!important; box-shadow:0 24px 74px rgba(2,8,31,.28)!important; } .hero-illustration-shell{background:transparent!important} /* mobile polish */ @media(max-width:760px){ body::before,.stage7-body::before,.case-study-body::before,.internal15-body::before{ background: radial-gradient(circle at 20% 4%,rgba(79,140,255,.26),transparent 28%), radial-gradient(circle at 86% 9%,rgba(155,109,255,.22),transparent 28%), linear-gradient(180deg,#070b1f,#0a1230 48%,#10183a)!important; } .page-hero.internal15-hero::after,.case15-hero::after,.v7-hero::after{height:90px!important} .mobile-menu{background:rgba(7,11,31,.92)!important;border-bottom:1px solid rgba(151,177,255,.14)!important} .mobile-menu a{background:rgba(255,255,255,.06)!important;border-color:rgba(151,177,255,.14)!important;color:#dbe7ff!important} } /* ------------------------------------------------------------------ Stage 19 β€” Ambient continuous blue/violet background Goal: remove section-by-section background cuts and create one smooth mellow atmosphere from top to bottom. Sections are separated by spacing, glass cards, glows and depth β€” not by hard color blocks. ------------------------------------------------------------------- */ :root{ --ambient-0:#070b1f; --ambient-1:#0a1230; --ambient-2:#11183f; --ambient-3:#171a49; --ambient-blue:#4f8cff; --ambient-violet:#9b6dff; --ambient-cyan:#6ce6ff; --ambient-card:rgba(18,27,68,.58); --ambient-card-strong:rgba(22,32,82,.72); --ambient-line:rgba(160,184,255,.16); --ambient-text:#f7fbff; --ambient-muted:#aebce0; } html{background:var(--ambient-0)!important;} body, .stage7-body, .case-study-body, .internal15-body{ color:var(--ambient-text)!important; background: radial-gradient(ellipse at 16% 2%,rgba(79,140,255,.24),transparent 28rem), radial-gradient(ellipse at 84% 8%,rgba(155,109,255,.22),transparent 30rem), radial-gradient(ellipse at 18% 38%,rgba(108,230,255,.09),transparent 34rem), radial-gradient(ellipse at 88% 58%,rgba(139,124,255,.13),transparent 36rem), radial-gradient(ellipse at 50% 105%,rgba(79,140,255,.16),transparent 42rem), linear-gradient(180deg,#070b1f 0%,#0a1230 22%,#10163a 50%,#151844 76%,#090d25 100%)!important; background-attachment:fixed!important; } body::before, .stage7-body::before, .case-study-body::before, .internal15-body::before{ content:""!important; position:fixed!important; inset:0!important; z-index:-3!important; pointer-events:none!important; background: radial-gradient(circle at 22% 16%,rgba(79,140,255,.18),transparent 22rem), radial-gradient(circle at 78% 24%,rgba(155,109,255,.18),transparent 24rem), radial-gradient(circle at 42% 62%,rgba(108,230,255,.07),transparent 30rem), linear-gradient(135deg,rgba(255,255,255,.025),transparent 42%)!important; filter:saturate(1.08)!important; } body::after, .stage7-body::after, .case-study-body::after, .internal15-body::after{ content:""!important; position:fixed!important; inset:0!important; z-index:-2!important; pointer-events:none!important; opacity:.12!important; background-image: linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px), linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px), radial-gradient(circle,rgba(139,124,255,.30) 1px,transparent 1.4px)!important; background-size:72px 72px,72px 72px,150px 150px!important; mask-image:linear-gradient(to bottom,rgba(0,0,0,.95),rgba(0,0,0,.45) 54%,rgba(0,0,0,.2) 100%)!important; } /* remove hard section backgrounds and bottom black/white cuts */ main, .stage7-page, .internal15-page, .case-study-page, .section, .section.compact, .v7-section, .v7-projects-section, .v7-capabilities-section, .v7-process-section, .v7-final-section, .page-hero, .page-hero.internal15-hero, .case15-section, .case15-solution-section, .case15-related-section, .case15-final-section, .service15-delivery, .lab15-pipeline-section, .case15-preview-section, .contact15-faq-section, .contact15-section, .about15-story, .about15-mission, .about15-capabilities, .v7-system-section, .v7-lab-section, .v7-hero, .case15-hero, .case15-hero.green, .case15-hero.purple, .internal15-body .service15-delivery, .internal15-body .lab15-pipeline-section, .case-study-body .case15-preview-section, .internal15-body .contact15-expect{ background:transparent!important; color:var(--ambient-text)!important; } .v7-hero::after, .page-hero.internal15-hero::after, .case15-hero::after, .case15-hero::before, .page-hero::after, .page-hero::before{ display:none!important; } /* every big visual block should feel like glass floating over the same background */ .glass-card, .soft-card, .dark-panel, .v7-cap-card, .v7-case-card, .v7-final-cta, .v7-system-board article, .v7-process-rail article, .v7-metric-dock, .portfolio-card, .case15-problem-grid article, .case15-solution-rail article, .case15-module-card, .case15-result-card, .case15-tech-box, .case15-final-cta, .case15-related-card, .service15-card, .service15-steps article, .service15-package-grid article, .lab15-card, .lab15-pipeline-steps article, .lab15-usecase-grid article, .contact15-expect, .contact15-faq-grid article, .about15-values article, .tech-card, .module-card, .capability-card, .approach-card, .why-mini, .form-card, .internal15-body .glass-card, .internal15-body .form-card, .internal15-body .contact15-form, .case-study-body .soft-card{ background: linear-gradient(180deg,rgba(28,39,95,.64),rgba(12,20,54,.50))!important; border:1px solid var(--ambient-line)!important; box-shadow: 0 18px 56px rgba(2,8,31,.24), inset 0 1px 0 rgba(255,255,255,.055)!important; backdrop-filter:blur(18px)!important; color:var(--ambient-text)!important; } .glass-card::before, .soft-card::before, .soft-card::after, .internal15-body .glass-card::before, .internal15-body .soft-card::before, .internal15-body .soft-card::after{ display:block!important; content:""!important; position:absolute!important; inset:0!important; pointer-events:none!important; background: radial-gradient(circle at 12% 0%,rgba(108,230,255,.10),transparent 30%), radial-gradient(circle at 92% 0%,rgba(155,109,255,.13),transparent 34%), linear-gradient(145deg,rgba(255,255,255,.035),transparent 48%)!important; } /* creative ambient separators: very subtle, not section color blocks */ .v7-section>.container, .section>.container, .case15-section>.container{ position:relative; } .v7-section>.container::before, .section>.container::before, .case15-section>.container::before{ content:""; position:absolute; right:7%; left:7%; top:-28px; height:1px; background:linear-gradient(90deg,transparent,rgba(108,230,255,.13),rgba(155,109,255,.13),transparent); pointer-events:none; } /* typography and color accents remain luminous on one palette */ .section-title, .section-head h2, .v7-section-head h2, .page-copy h1, .case15-section-head h2, .case15-section-copy h2, .case15-tech-box h2, .case15-final-cta h2, .service15-delivery h2, .lab15-pipeline h2, .about15-story h2, .internal15-body .glass-card h2, .internal15-body .glass-card h3, .internal15-body .soft-card h2, .internal15-body .soft-card h3, .case-study-body .soft-card h2, .case-study-body .soft-card h3, .case15-problem-grid h3, .case15-solution-rail h3, .case15-module-card h3, .service15-card h3, .service15-package-grid h3, .lab15-card h3, .lab15-usecase-grid h3, .contact15-faq-grid h3, .about15-values h3, .module-card h3, .capability-card h3, .tech-card h3, .approach-card h3, .why-mini h3, .form-card h2, .form-card h3{ color:var(--ambient-text)!important; } .section-desc, .section-head p, .v7-section-head p, .page-copy p, .case15-section-head p, .case15-section-copy p, .case15-tech-box p, .case15-final-cta p, .service15-card p, .service15-package-grid p, .lab15-card p, .lab15-usecase-grid p, .contact15-faq-grid p, .about15-values p, .internal15-body .glass-card p, .internal15-body .soft-card p, .case-study-body .soft-card p, .module-card p, .capability-card p, .tech-card p, .approach-card p, .why-mini p, .form-card p, .service15-delivery p, .lab15-pipeline p, .service15-steps p, .lab15-pipeline-steps p, .contact15-expect ol, .case15-preview-copy p, .case15-related-card p{ color:var(--ambient-muted)!important; } .section-kicker, .v7-section-head>span, .v7-eyebrow, .eyebrow, .case15-section-head span, .case15-section-copy>span, .case15-tech-box>div>span, .case15-final-cta>div>span, .lab15-card span, .service15-card span{ color:var(--ambient-cyan)!important; background:rgba(108,230,255,.085)!important; border-color:rgba(108,230,255,.18)!important; } .btn-gold{ background:linear-gradient(135deg,#6ce6ff,#9b6dff)!important; color:#06101f!important; box-shadow:0 16px 42px rgba(108,230,255,.18),0 18px 44px rgba(155,109,255,.18)!important; } .btn-ghost,.btn-dark,.v7-light-ghost{ background:rgba(255,255,255,.055)!important; border-color:rgba(160,184,255,.18)!important; color:#eef5ff!important; } /* forms sit on the same ambient surface */ .field label, .internal15-body .field label{color:#dbe7ff!important} .field input, .field select, .field textarea, .internal15-body .field input, .internal15-body .field select, .internal15-body .field textarea{ background:rgba(7,12,34,.52)!important; color:#f8fbff!important; border:1px solid rgba(160,184,255,.18)!important; } .field input:focus, .field select:focus, .field textarea:focus, .internal15-body .field input:focus, .internal15-body .field select:focus, .internal15-body .field textarea:focus{ border-color:rgba(108,230,255,.68)!important; box-shadow:0 0 0 4px rgba(108,230,255,.12)!important; } /* header/footer become part of the atmosphere, not separate black bars */ .site-header, .stage7-body .site-header{ background:rgba(7,11,31,.62)!important; border-bottom:1px solid rgba(160,184,255,.12)!important; backdrop-filter:blur(18px)!important; } .footer{ background:linear-gradient(180deg,rgba(9,14,38,.10),rgba(7,11,31,.62))!important; border-top:1px solid rgba(160,184,255,.12)!important; } .footer-network{opacity:.25!important} /* images and SVGs should blend with background */ .hero-illustration, .case15-visual img, .case15-screen-stack img, .case-dashboard-image, .screen-shot-image, .portfolio-shot img, .responsive-asset-shot img, .v7-hero-visual img, .v7-lab-visual img{ border:1px solid rgba(160,184,255,.16)!important; box-shadow:0 22px 62px rgba(2,8,31,.26)!important; } .hero-illustration-shell, .logo-stage, .v7-final-visual{ background:rgba(255,255,255,.035)!important; border-color:rgba(160,184,255,.12)!important; } /* project cards slightly stronger but same palette */ .v7-case-card, .portfolio-card, .case15-related-card{ background: radial-gradient(circle at 18% 10%,rgba(79,140,255,.18),transparent 30%), radial-gradient(circle at 86% 20%,rgba(155,109,255,.20),transparent 34%), linear-gradient(145deg,rgba(25,34,87,.72),rgba(10,17,49,.62))!important; } .v7-case-card.green, .portfolio-card.green, .case15-related-card.green, .v7-case-card.purple, .portfolio-card.purple, .case15-related-card.purple{ background: radial-gradient(circle at 18% 10%,rgba(79,140,255,.18),transparent 30%), radial-gradient(circle at 86% 20%,rgba(155,109,255,.20),transparent 34%), linear-gradient(145deg,rgba(25,34,87,.72),rgba(10,17,49,.62))!important; } /* mobile: one continuous background, reduced visual noise */ @media(max-width:760px){ body, .stage7-body, .case-study-body, .internal15-body{ background: radial-gradient(ellipse at 18% 2%,rgba(79,140,255,.24),transparent 18rem), radial-gradient(ellipse at 88% 7%,rgba(155,109,255,.22),transparent 18rem), linear-gradient(180deg,#070b1f 0%,#0a1230 48%,#121743 100%)!important; background-attachment:scroll!important; } body::after,.stage7-body::after,.case-study-body::after,.internal15-body::after{opacity:.07!important} .v7-section>.container::before, .section>.container::before, .case15-section>.container::before{display:none!important} .glass-card, .soft-card, .v7-cap-card, .v7-case-card, .portfolio-card, .form-card, .contact15-form, .case15-final-cta, .case15-tech-box{ background:linear-gradient(180deg,rgba(27,37,91,.66),rgba(12,20,54,.58))!important; backdrop-filter:blur(12px)!important; } }