:root{--navy:#07111f;--navy2:#0b1b2d;--blue:#2f80ff;--orange:#ff8a2b;--ink:#101828;--muted:#667085;--paper:#f7f8fb;--line:#e4e9f1;--white:#fff;--r:18px;--shadow:0 18px 50px rgba(8,20,38,.10)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Ubuntu,system-ui,sans-serif;color:var(--ink);background:#fff;line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1160px,calc(100% - 40px));margin:auto}.narrow{width:min(820px,100%)}.site-header{position:sticky;top:0;z-index:50;background:rgba(7,17,31,.94);backdrop-filter:blur(14px);color:white}.nav{height:76px;display:flex;align-items:center;gap:28px}.logo{display:flex;align-items:center;gap:9px;color:white}.logo b{font-size:30px;letter-spacing:-3px}.logo b::first-letter{color:var(--blue)}.logo span{font-size:9px;line-height:1.15;font-weight:700}.nav nav{display:flex;gap:26px;margin-left:auto;font-size:14px}.nav nav a:hover{color:#8bb8ff}.menu-btn{display:none;background:transparent;color:inherit;border:0;font-size:24px}.mobile-menu{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #cbd5e1;border-radius:999px;padding:12px 20px;background:white;font-weight:500;cursor:pointer}.btn.small{padding:9px 15px;font-size:13px}.btn.primary{background:linear-gradient(135deg,#2f80ff,#1769e8);border-color:#2f80ff;color:white;box-shadow:0 10px 25px rgba(47,128,255,.24)}.btn.ghost{background:transparent;color:white;border-color:#52708f}.btn.full{width:100%}.hero{background:radial-gradient(circle at 80% 30%,#12335b 0,#07111f 45%,#050c16 100%);color:white;padding:92px 0 72px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:center}.eyebrow{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.12em;color:#a8cfff}.eyebrow.blue{color:var(--blue)}h1{font-size:clamp(42px,5vw,68px);line-height:1.04;letter-spacing:-.045em;margin:18px 0}h1 em{font-style:normal;color:var(--blue)}h2{font-size:clamp(30px,3vw,44px);line-height:1.1;letter-spacing:-.035em;margin:10px 0 8px}h3{line-height:1.25}.hero p,.lead{font-size:18px;color:#667085}.hero p{color:#c7d2e0;max-width:650px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-art{perspective:1200px}.browser{height:340px;border:1px solid #345271;border-radius:22px;background:linear-gradient(145deg,#0d1a2a,#07111f);box-shadow:0 50px 80px rgba(0,0,0,.45);transform:rotateY(-8deg) rotateX(3deg);padding:24px}.dots{font-size:9px;color:#506d8a}.code{margin:55px 25px;color:#557a9f;font-family:monospace}.code strong{display:block;font-family:Ubuntu;font-size:42px;line-height:1.05;color:white;margin:8px 0}.section{padding:82px 0}.section.porcelain{background:var(--paper)}.section.dark{background:var(--navy);color:white}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:26px}.section-head>a{color:var(--blue);font-weight:500}.cards{display:grid;gap:18px}.cards.three{grid-template-columns:repeat(3,1fr)}.cards.two{grid-template-columns:repeat(2,1fr)}.card,.project{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px;box-shadow:0 8px 25px rgba(8,20,38,.04);transition:.25s}.card:hover,.project:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.service .icon{width:38px;height:38px;border-radius:12px;background:#eaf2ff;color:var(--blue);display:grid;place-items:center}.card p,.project p{color:var(--muted)}.project-img{height:260px;border-radius:13px;background:linear-gradient(135deg,#dfe8f4,#c9d7e9);overflow:hidden;display:grid;place-items:center;color:#37506d;font-weight:700}.project-img img{width:100%;height:100%;object-fit:cover}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:34px}.benefits span{border:1px solid #213b58;border-radius:14px;padding:18px;color:#d7e4f2}.cta{background:linear-gradient(110deg,#07111f,#0b2c55);color:white;padding:44px 0}.cta .container{display:flex;align-items:center;justify-content:space-between;gap:20px}.cta h2{font-size:30px;max-width:650px}footer{background:#050b13;color:#9fb0c3;padding:58px 0 22px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.3fr;gap:40px}.footer-grid>div{display:flex;flex-direction:column;gap:10px}.footer-grid strong{color:white}.copyright{border-top:1px solid #1c2937;margin-top:36px;padding-top:20px;font-size:12px}.article{padding:70px 0;min-height:60vh}.crumbs{font-size:13px;color:var(--muted)}.article h1{font-size:clamp(38px,5vw,62px)}.article-cover{width:100%;border-radius:20px;margin:28px 0}.prose{font-size:17px;color:#344054}.prose h2{font-size:30px;margin-top:42px}.case-grid{display:grid;gap:22px;margin-top:40px}.empty{border:1px dashed #cbd5e1;border-radius:16px;padding:25px;color:var(--muted)}.form label{display:block;font-size:13px;font-weight:500;color:#344054}.form input,.form textarea,.form select,.login-card input{width:100%;padding:12px 13px;border:1px solid #d0d5dd;border-radius:11px;margin-top:7px;font:inherit;background:white}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.check{display:flex!important;align-items:flex-start;gap:9px;margin:15px 0}.check input{width:auto!important;margin-top:4px!important}.hp{position:absolute;left:-9999px}.notice{border-radius:12px;padding:12px 15px;margin:12px 0}.notice.ok{background:#ecfdf3;color:#067647}.notice.error{background:#fef3f2;color:#b42318}.search{display:flex;gap:10px;margin:28px 0}.search input{flex:1;border:1px solid #d0d5dd;border-radius:999px;padding:12px 18px}.search-result{display:block;padding:20px 0;border-bottom:1px solid var(--line)}.installer,.login-page{min-height:100vh;background:radial-gradient(circle at 70% 20%,#153c69,#07111f 50%,#050b13);padding:40px 20px}.install-shell{width:min(760px,100%);margin:auto;color:white}.progress{height:6px;background:#22354a;border-radius:99px;margin:20px 0}.progress span{display:block;height:100%;background:var(--blue);border-radius:99px}.panel{background:white;border:1px solid var(--line);border-radius:var(--r);padding:24px;box-shadow:0 8px 25px rgba(8,20,38,.04);margin-bottom:20px}.installer .panel{color:var(--ink)}.installer .panel h1{font-size:38px}.reqs>div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:12px 0}.ok{color:#079455}.bad{color:#d92d20}.login-card{width:min(420px,100%);margin:8vh auto;background:white;border-radius:22px;padding:30px;box-shadow:0 30px 70px rgba(0,0,0,.3)}.login-card .logo{color:var(--navy);margin-bottom:20px}.login-card h1{font-size:34px}.login-card label{display:block;margin:13px 0;font-size:13px}.password-wrap{position:relative}.password-wrap button{position:absolute;right:8px;top:10px;border:0;background:transparent}.admin-body{background:#f2f5f9}.admin-layout{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{background:var(--navy);color:#d2deea;padding:24px 16px;position:sticky;top:0;height:100vh;overflow:auto}.sidebar .logo{padding:8px 10px 24px}.sidebar nav{display:flex;flex-direction:column;gap:4px}.sidebar nav>a{padding:9px 11px;border-radius:9px;font-size:14px}.sidebar nav>a:hover{background:#11253b;color:white}.sidebar nav>span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#66809c;margin:18px 10px 5px}.admin-main{min-width:0}.admin-top{height:66px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 26px;position:sticky;top:0;z-index:30}.admin-content{padding:28px;max-width:1500px;margin:auto}.page-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.page-head h1{font-size:38px;margin:5px 0}.badge{display:inline-flex;border-radius:99px;background:#eef4ff;color:#175cd3;padding:5px 9px;font-size:12px}.badge.warn{background:#fffaeb;color:#b54708}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px}.kpi{background:white;border:1px solid var(--line);border-radius:16px;padding:20px}.kpi span{color:var(--muted);font-size:13px}.kpi b{font-size:34px;display:block}.admin-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:20px}.attention>div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:13px 0}.quick{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick a{background:#f7f9fc;border-radius:12px;padding:14px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.media-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.media-card{background:white;border:1px solid var(--line);border-radius:14px;padding:10px;display:flex;flex-direction:column;gap:8px}.media-card img,.file-icon{height:140px;width:100%;object-fit:cover;border-radius:10px;background:#edf2f7;display:grid;place-items:center}.media-card code{font-size:10px;word-break:break-all}.code-block{display:block;background:#0c1724;color:#b8d4f2;padding:13px;border-radius:10px;overflow:auto}.link-btn{border:0;background:none;padding:0;color:#175cd3;cursor:pointer}.link-btn.danger{color:#b42318}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.55);display:grid;place-items:center;padding:20px;z-index:999}.modal{width:min(440px,100%);background:white;border-radius:18px;padding:24px;box-shadow:0 30px 80px rgba(0,0,0,.35)}.cookie{position:fixed;left:20px;bottom:20px;width:min(420px,calc(100% - 40px));background:white;border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:var(--shadow);z-index:80;display:none}.cookie.show{display:block}.cookie p{color:var(--muted);font-size:13px}.install-pwa{position:fixed;right:18px;bottom:18px;border:0;border-radius:99px;background:var(--blue);color:white;padding:11px 16px;box-shadow:var(--shadow);z-index:75}.muted{color:var(--muted)}pre{white-space:pre-wrap}
@media(max-width:900px){.nav nav,.desktop{display:none}.menu-btn{display:block;margin-left:auto}.mobile-menu.open{display:flex;flex-direction:column;padding:10px 20px 22px;background:var(--navy2);gap:8px}.mobile-menu a{padding:10px}.hero-grid{grid-template-columns:1fr}.hero-art{display:none}.cards.three,.cards.two{grid-template-columns:1fr 1fr}.benefits{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.admin-layout{grid-template-columns:1fr}.sidebar{position:fixed;z-index:100;left:-280px;width:260px;transition:.2s}.sidebar.open{left:0}.admin-top .menu-btn{display:block;margin:0}.kpis{grid-template-columns:1fr 1fr}.admin-grid{grid-template-columns:1fr}.media-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:620px){.container{width:min(100% - 28px,1160px)}.hero{padding:62px 0}.hero h1{font-size:44px}.section{padding:58px 0}.cards.three,.cards.two,.benefits,.footer-grid,.form-grid,.kpis,.media-grid{grid-template-columns:1fr}.cta .container{align-items:flex-start;flex-direction:column}.admin-content{padding:18px 14px}.page-head{align-items:flex-start;gap:12px}.page-head h1{font-size:31px}.panel{padding:17px}.quick{grid-template-columns:1fr}.article{padding:48px 0}.article h1{font-size:40px}.search{flex-direction:column}}

/* v2026.1.2 — Professional Admin / Installer UI */
:root{--admin-bg:#f3f6fa;--admin-card:#fff;--admin-nav:#07111f;--admin-nav2:#0b1a2c;--admin-blue:#2477ff;--admin-blue2:#5b9cff;--admin-cyan:#67e8f9;--admin-good:#12b76a;--admin-warn:#f79009;--admin-danger:#f04438;--admin-text:#101828;--admin-muted:#667085;--admin-line:#e5eaf1;--admin-shadow:0 12px 34px rgba(16,24,40,.07);--admin-radius:20px}
.admin-body{background:linear-gradient(180deg,#f7f9fc 0,#eef3f8 100%);color:var(--admin-text);min-height:100vh}
.admin-shell{min-height:100vh}.admin-layout{display:contents}.sidebar{width:276px;padding:18px 14px;background:linear-gradient(180deg,#07111f 0%,#081728 62%,#06101d 100%);border-right:1px solid rgba(255,255,255,.06);box-shadow:20px 0 60px rgba(4,13,24,.08);position:fixed;left:0;top:0;bottom:0;height:auto;z-index:70;overflow:auto;scrollbar-width:thin;scrollbar-color:#1c3551 transparent}.admin-main{margin-left:276px;min-height:100vh;min-width:0}.sidebar-brand{display:flex;align-items:center;justify-content:space-between;padding:4px 8px 18px;border-bottom:1px solid rgba(255,255,255,.07)}.sidebar-brand .logo{padding:0}.sidebar .logo b{font-size:34px}.sidebar .logo span{font-size:9px;letter-spacing:.08em}.sidebar-close{display:none!important;color:#9fb3ca!important;background:rgba(255,255,255,.06)!important}.workspace{margin:16px 4px 10px;padding:13px 12px;display:flex;gap:11px;align-items:center;border:1px solid rgba(131,181,255,.13);background:linear-gradient(135deg,rgba(47,128,255,.10),rgba(255,255,255,.025));border-radius:14px}.workspace-dot,.status-dot{width:9px;height:9px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 5px rgba(34,197,94,.10);flex:0 0 auto}.workspace strong,.sidebar-foot strong{display:block;color:#edf6ff;font-size:12px}.workspace small,.sidebar-foot small{display:block;color:#718ba7;font-size:10px;margin-top:2px}.admin-nav{display:block!important}.nav-group{margin-top:17px}.nav-caption{display:block!important;margin:0 10px 7px!important;font-size:9px!important;letter-spacing:.16em!important;color:#58728f!important}.admin-nav a{min-height:42px;padding:9px 10px!important;border-radius:11px!important;display:flex;align-items:center;gap:11px;color:#aec0d3;transition:.18s;font-size:13px!important}.admin-nav a i{font-style:normal;width:24px;height:24px;display:grid;place-items:center;border-radius:7px;background:rgba(255,255,255,.04);color:#7fa6ce}.admin-nav a span{flex:1}.admin-nav a em{font-style:normal;font-size:8px;letter-spacing:.08em;border:1px solid rgba(88,160,255,.3);color:#78acff;padding:2px 5px;border-radius:99px}.admin-nav a:hover,.admin-nav a.active{background:linear-gradient(90deg,rgba(47,128,255,.18),rgba(47,128,255,.06));color:#fff}.admin-nav a.active{box-shadow:inset 2px 0 #3b82f6}.admin-nav a.active i{background:#2377ff;color:white;box-shadow:0 7px 16px rgba(35,119,255,.28)}.sidebar-foot{margin:24px 4px 4px;padding:13px 12px;display:flex;align-items:center;gap:11px;border-top:1px solid rgba(255,255,255,.07)}
.admin-top{height:76px;padding:0 clamp(18px,2.3vw,34px);background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(219,226,235,.8);box-shadow:0 2px 12px rgba(16,24,40,.025)}.admin-top-left,.admin-top-actions,.user-chip{display:flex;align-items:center}.admin-top-left{gap:13px}.admin-top-left small{display:block;color:#98a2b3;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.admin-top-left strong{font-size:14px}.admin-top-actions{gap:11px}.top-pill{padding:9px 13px;border:1px solid #dbe3ed;border-radius:99px;font-size:12px;color:#344054;background:#fff}.user-chip{gap:9px;border-left:1px solid #e5eaf1;padding-left:13px}.user-chip>span{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#1b6dff,#6da6ff);color:#fff;font-weight:700;box-shadow:0 8px 18px rgba(36,119,255,.23)}.user-chip div{line-height:1.05}.user-chip strong{display:block;font-size:11px}.user-chip a{font-size:9px;color:#98a2b3}.icon-btn{width:38px;height:38px;border-radius:11px;border:1px solid #e0e6ee;background:#fff;display:inline-grid;place-items:center;cursor:pointer;color:#344054;font-size:18px}.icon-btn.danger{color:#d92d20;border-color:#fee4e2}.admin-content{padding:clamp(20px,2.6vw,38px);max-width:1600px;margin:auto}.page-head{align-items:flex-start;margin-bottom:24px;gap:20px}.page-head h1{font-size:clamp(30px,3vw,44px);letter-spacing:-.04em;margin:3px 0 4px}.page-head h1 em,.dashboard-hero h1 em{font-style:normal;color:var(--admin-blue)}.page-subtitle,.page-head p{margin:6px 0 0;color:#667085;max-width:760px}.head-actions{display:flex;gap:10px;flex-wrap:wrap}.panel{border:1px solid rgba(221,227,235,.92);border-radius:var(--admin-radius);box-shadow:var(--admin-shadow);padding:24px;background:rgba(255,255,255,.97)}.panel h2{font-size:22px;margin:5px 0}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:18px}.panel-head p{margin:4px 0 0;color:#7b8797;font-size:12px}.badge.soft{background:#eef4ff;color:#2563eb}.badge.success{background:#ecfdf3;color:#067647}.badge.neutral{background:#f2f4f7;color:#667085}.badge.ai{background:linear-gradient(135deg,#edf4ff,#f3efff);color:#635bff}.ai-btn{border-color:#cfdcff;background:linear-gradient(135deg,#f7f9ff,#eef4ff);color:#185bc8}.ai-btn:hover{background:linear-gradient(135deg,#eaf2ff,#e5efff)}
.dashboard-hero{position:relative;overflow:hidden;padding:28px 30px;margin-bottom:20px;border-radius:24px;background:linear-gradient(115deg,#08182a 0%,#0b2544 55%,#123965 100%);color:#fff;box-shadow:0 18px 45px rgba(10,34,62,.16);display:flex;justify-content:space-between;align-items:center;gap:24px}.dashboard-hero:after{content:"";position:absolute;width:340px;height:340px;border:1px solid rgba(94,158,255,.13);border-radius:50%;right:-100px;top:-170px;box-shadow:0 0 0 70px rgba(42,120,255,.035),0 0 0 140px rgba(42,120,255,.025)}.dashboard-hero>div{position:relative;z-index:1}.dashboard-hero h1{font-size:clamp(32px,4vw,48px);margin:5px 0;letter-spacing:-.04em}.dashboard-hero p{margin:0;color:#a9bdd1;max-width:650px}.hero-actions{display:flex;gap:10px;position:relative;z-index:2}.btn.glass{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.14)}.kpis.modern{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.kpis.modern .kpi{position:relative;overflow:hidden;padding:20px;border:1px solid #e2e8f0;border-radius:19px;box-shadow:0 8px 25px rgba(16,24,40,.04)}.kpi-top{display:flex;align-items:center;justify-content:space-between}.kpi-top i{font-style:normal;width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#eef4ff;color:#2477ff}.kpis.modern .kpi b{font-size:35px;line-height:1;margin:16px 0 6px}.kpis.modern .kpi small{display:block;color:#98a2b3;font-size:11px}.kpis.modern .kpi a{display:block;margin-top:15px;color:#3774cf;font-size:11px;font-weight:600}.dashboard-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px;margin-top:18px}.attention-list a{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;padding:13px 2px;border-bottom:1px solid #edf0f4}.attention-list a:last-child{border-bottom:0}.att-icon{width:38px;height:38px;border-radius:12px;background:#edfdf3;color:#087443;display:grid;place-items:center}.att-icon.warn{background:#fff7ed;color:#c26200}.attention-list strong,.quick-create b{display:block;font-size:13px}.attention-list small,.quick-create small{display:block;color:#8a96a6;margin-top:2px;font-size:11px}.attention-list>a>b{color:#9aa7b6}.quick-create{display:flex;flex-direction:column;gap:9px}.quick-create a{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:11px;padding:12px;border:1px solid #edf0f4;border-radius:14px;background:#fbfcfe}.quick-create a i{font-style:normal;width:38px;height:38px;border-radius:11px;background:#eef4ff;color:#2875ed;display:grid;place-items:center}.quick-create a em{font-style:normal;color:#87a0bc}.quick-create a.ai-quick{background:linear-gradient(135deg,#081b31,#103765);border-color:#173e69;color:#fff}.quick-create a.ai-quick i{background:#2477ff;color:#fff}.quick-create a.ai-quick small{color:#9db5cf}.system-strip{display:flex;align-items:center;gap:20px;margin-top:18px;padding:14px 18px;border-radius:15px;border:1px solid #e0e6ee;background:rgba(255,255,255,.72);font-size:11px;color:#667085;flex-wrap:wrap}.system-strip div{display:flex;align-items:center;gap:8px;color:#344054}.system-strip strong{font-size:11px}
.hero-head{padding:25px 28px;background:linear-gradient(120deg,#fff,#f5f8ff);border:1px solid #e2e9f5;border-radius:24px;align-items:center}.hero-head p{max-width:700px}.ai-orb{width:120px;height:120px;border-radius:34px;background:radial-gradient(circle at 30% 20%,#4e93ff,#0d3770 72%);box-shadow:0 20px 40px rgba(26,89,178,.24);color:#fff;display:grid;place-items:center;font-size:38px;position:relative}.ai-orb span{position:absolute;bottom:14px;font-size:8px;letter-spacing:.13em;text-align:center}.studio-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px}.studio-card{padding:22px;border:1px solid #e2e8f0;border-radius:20px;background:#fff;box-shadow:0 9px 28px rgba(16,24,40,.045);transition:.2s}.studio-card:hover{transform:translateY(-3px);box-shadow:0 16px 38px rgba(16,24,40,.075)}.studio-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#08192b;color:#7fb0ff;font-size:20px;margin-bottom:18px}.studio-card h2{font-size:22px;margin:10px 0 5px}.studio-card p{font-size:12px;color:#7a8797;min-height:75px}.studio-actions{display:flex;flex-direction:column;gap:9px}.text-link{font-size:11px;color:#667085}.workflow-panel{display:grid;grid-template-columns:.7fr 1.3fr;gap:25px;align-items:center}.workflow-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.workflow-steps div{padding:14px;background:#f7f9fc;border-radius:14px}.workflow-steps b{display:block;color:#3b82f6;font-size:11px}.workflow-steps span{display:block;font-size:12px;font-weight:700;margin:6px 0}.workflow-steps small{display:block;font-size:10px;color:#8d99a8}
.automation-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:18px}.metric-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:19px;box-shadow:0 8px 25px rgba(16,24,40,.04)}.metric-card span{display:block;color:#7f8a99;font-size:11px}.metric-card b{display:block;font-size:28px;margin:7px 0}.metric-card b.metric-ok{color:#079455}.metric-card b.metric-small{font-size:16px}.metric-card small{color:#98a2b3;font-size:10px}.cron-chip{max-width:420px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:7px 10px;background:#f5f7fa;border-radius:9px;color:#526273;font-size:10px}.automation-list{display:flex;flex-direction:column}.automation-row{display:grid;grid-template-columns:46px 1fr auto;gap:13px;align-items:center;padding:14px 2px;border-bottom:1px solid #eef1f5}.automation-row:last-child{border-bottom:0}.automation-symbol{width:42px;height:42px;border-radius:13px;background:#eff5ff;color:#2774e9;display:grid;place-items:center}.automation-main>div{display:flex;align-items:center;gap:8px}.automation-main strong{font-size:13px}.automation-main small,.automation-main p{font-size:10px;color:#8b97a6;margin:3px 0 0}.row-actions,.row-menu{display:flex;align-items:center;gap:7px}.row-actions form{margin:0}.empty-state{text-align:center;padding:48px 20px}.empty-state>div{width:52px;height:52px;margin:0 auto 10px;border-radius:16px;background:#eff5ff;color:#2d78e8;display:grid;place-items:center;font-size:23px}.empty-state h3{margin:6px 0}.empty-state p{font-size:12px;color:#8894a4}
.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:start}.editor-card{padding:0;overflow:hidden}.editor-toolbar{padding:16px 20px;border-bottom:1px solid #e8edf3;background:#fbfcfe;display:flex;justify-content:space-between;align-items:center;gap:10px}.editor-toolbar>div{display:flex;align-items:center;gap:10px}.editor-card>label,.editor-card>.form-grid,.editor-card>.advanced-fields,.editor-card>.check{margin-left:22px;margin-right:22px}.editor-card>.form-grid{margin-top:20px}.code-editor{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.6;background:#fbfcfe!important}.advanced-fields{border-top:1px solid #edf0f4;padding-top:18px;margin-top:20px;display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.advanced-fields h3{grid-column:1/-1;font-size:15px;margin:0 0 2px}.sticky-actions{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:9px;padding:14px 20px;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-top:1px solid #e5eaf1;margin-top:20px}.editor-side{position:sticky;top:94px}.side-card{padding:19px}.google-preview{margin-top:13px;padding:13px;border-radius:13px;background:#f8fafc;border:1px solid #edf0f4}.google-preview small{display:block;color:#4b5563;font-size:10px}.google-preview b{display:block;color:#1a0dab;font-family:Arial,sans-serif;font-weight:400;font-size:16px;margin:5px 0}.google-preview p{margin:0;color:#4d5156;font-family:Arial,sans-serif;font-size:11px;line-height:1.5}.ai-side{background:linear-gradient(145deg,#09192b,#10345d);color:#fff;border-color:#183c62}.ai-side p{font-size:11px;color:#a9bdd2}.ai-star{width:42px;height:42px;border-radius:13px;background:#2d7dff;display:grid;place-items:center;box-shadow:0 10px 24px rgba(45,125,255,.3)}.content-list-panel{padding:0;overflow:hidden}.list-toolbar{display:flex;justify-content:space-between;align-items:center;padding:15px 18px;border-bottom:1px solid #e7ebf1}.list-toolbar>span{font-size:10px;color:#98a2b3}.search-field{display:flex;align-items:center;gap:7px;border:1px solid #e0e6ee;background:#f9fafb;border-radius:11px;padding:8px 11px;min-width:290px}.search-field input{border:0;outline:0;background:transparent;width:100%;font:inherit;font-size:12px}.pro-table td{padding:13px 16px}.pro-table td strong{display:block;font-size:12px}.pro-table td small{display:block;color:#98a2b3;font-size:10px;margin-top:2px}.pro-table code{font-size:9px;color:#667085;background:#f7f8fa;padding:4px 6px;border-radius:6px}.switch-check span{width:34px;height:19px;border-radius:99px;background:#d0d5dd;position:relative}.switch-check input{display:none}.switch-check span:after{content:"";position:absolute;width:15px;height:15px;left:2px;top:2px;background:#fff;border-radius:50%;transition:.2s}.switch-check input:checked+span{background:#2477ff}.switch-check input:checked+span:after{left:17px}
.app-modal{position:fixed;inset:0;z-index:1000;background:rgba(2,10,20,.68);backdrop-filter:blur(8px);display:none;place-items:center;padding:20px}.app-modal.show{display:grid}.app-modal-card{position:relative;width:min(540px,100%);max-height:92vh;overflow:auto;background:#fff;border:1px solid rgba(255,255,255,.5);border-radius:24px;padding:26px;box-shadow:0 30px 90px rgba(0,0,0,.35)}.app-modal-card.wide{width:min(840px,100%)}.app-modal-card h2{font-size:27px;margin:7px 0}.app-modal-card>p{color:#748092;font-size:12px}.modal-x{position:absolute;right:17px;top:15px;width:35px;height:35px;border-radius:11px;border:1px solid #e5e9ef;background:#fff;cursor:pointer;font-size:20px}.modal-label{display:block;font-size:11px;font-weight:700;margin:15px 0 7px}.prompt-box,.json-box{width:100%;resize:vertical;border:1px solid #dce3eb;border-radius:14px;padding:13px;font:11px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;background:#f9fbfd}.prompt-box{background:#081725;color:#b9d4f0;border-color:#163958}.json-box:focus{outline:2px solid rgba(36,119,255,.18);border-color:#5692ef}.inline-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:9px}.secure-note{font-size:10px;color:#079455}.json-status{font-size:10px;color:#8b95a3;margin:6px 0 11px}.json-status.valid{color:#079455}.modal-icon{width:42px;height:42px;border-radius:13px;background:#fff4ed;color:#e66c11;display:grid;place-items:center;font-weight:700}.modal-backdrop .modal{border-radius:22px}.toast-notice{display:flex;align-items:center;gap:9px;transition:.4s}.toast-notice.fade{opacity:.15}.admin-bottom-nav{display:none}
/* Installer v2026.1.2 */
.installer{padding:0;background:#06111f;color:#fff}.installer:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 85% 5%,rgba(41,119,255,.28),transparent 32%),radial-gradient(circle at 0 80%,rgba(55,117,175,.13),transparent 30%)}.install-shell{width:min(1120px,calc(100% - 36px));min-height:100vh;margin:auto;padding:34px 0 48px;position:relative;z-index:1}.install-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.install-brand{display:flex;align-items:center;gap:12px}.install-mark{font-size:32px;font-weight:700;letter-spacing:-3px}.install-mark:first-letter{color:#3d8cff}.install-brand div strong{display:block;font-size:12px;letter-spacing:.08em}.install-brand div small{display:block;color:#7188a2;font-size:9px;letter-spacing:.1em}.install-version{font-size:10px;color:#8da4bd;border:1px solid #1c3653;background:#0a1a2c;padding:7px 10px;border-radius:99px}.install-progress{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;margin:0 0 24px}.install-progress span{height:5px;border-radius:99px;background:#17304c}.install-progress span.done{background:linear-gradient(90deg,#2f80ff,#69a7ff);box-shadow:0 0 16px rgba(47,128,255,.22)}.install-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:20px;align-items:start}.install-aside{padding:22px;border:1px solid #16314f;background:rgba(8,24,42,.78);border-radius:22px;position:sticky;top:24px}.install-aside .step-badge{font-size:9px;letter-spacing:.13em;color:#71a9f5}.install-aside h2{font-size:24px;margin:8px 0}.install-aside p{font-size:11px;color:#8096ad}.install-steps{margin-top:20px;display:flex;flex-direction:column;gap:10px}.install-steps div{display:flex;align-items:center;gap:9px;color:#607991;font-size:10px}.install-steps i{font-style:normal;width:25px;height:25px;border-radius:8px;border:1px solid #23415f;display:grid;place-items:center}.install-steps div.active{color:#fff}.install-steps div.active i{background:#2b7dff;border-color:#2b7dff}.install-card{background:#fff;color:#101828;border-radius:24px;border:1px solid rgba(255,255,255,.8);box-shadow:0 24px 80px rgba(0,0,0,.23);padding:clamp(22px,4vw,40px);min-height:420px}.install-card h1{font-size:clamp(31px,4vw,48px);margin:5px 0 8px;letter-spacing:-.04em}.install-card>.lead{font-size:13px;color:#778395;margin:0 0 24px}.install-card .form-grid{gap:13px}.install-card label{font-size:11px;font-weight:600;color:#475467}.install-card input,.install-card select{width:100%;padding:12px 13px;border:1px solid #dbe2ea;border-radius:11px;margin-top:6px;background:#fbfcfe;font:inherit}.install-card input:focus{outline:2px solid rgba(47,128,255,.15);border-color:#4a8ff5}.req-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.req-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 13px;border:1px solid #e5eaf0;background:#fafbfc;border-radius:12px}.req-item span{font-size:11px}.req-state{font-size:9px;font-weight:700;padding:4px 7px;border-radius:99px}.req-state.ok{color:#067647;background:#ecfdf3}.req-state.bad{color:#b42318;background:#fef3f2}.install-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:24px;padding-top:20px;border-top:1px solid #edf0f4}.install-actions .hint{font-size:10px;color:#98a2b3}.install-success{display:grid;place-items:center;text-align:center;min-height:320px}.success-ring{width:70px;height:70px;border-radius:22px;background:#ecfdf3;color:#079455;display:grid;place-items:center;font-size:30px;margin-bottom:15px}.install-alert{padding:11px 13px;border-radius:11px;background:#fef3f2;color:#b42318;font-size:11px;margin-bottom:14px}
@media(max-width:1180px){.studio-grid{grid-template-columns:1fr 1fr}.workflow-panel{grid-template-columns:1fr}.dashboard-grid{grid-template-columns:1fr}.kpis.modern{grid-template-columns:1fr 1fr}.editor-layout{grid-template-columns:1fr}.editor-side{position:static;display:grid;grid-template-columns:1fr 1fr;gap:14px}.automation-stats{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:900px){.admin-main{margin-left:0;padding-bottom:76px}.sidebar{left:-290px;width:276px;transition:left .22s cubic-bezier(.2,.8,.2,1)}.sidebar.open{left:0}.sidebar-close{display:grid!important}.sidebar-scrim{position:fixed;inset:0;background:rgba(2,10,20,.55);backdrop-filter:blur(3px);z-index:65;display:none}.sidebar-scrim.show{display:block}.admin-top{height:68px;padding:0 14px}.top-pill,.user-chip div{display:none}.user-chip{border:0;padding-left:0}.admin-content{padding:18px 14px 22px}.admin-bottom-nav{position:fixed;left:0;right:0;bottom:0;height:68px;padding:6px max(8px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom));background:rgba(255,255,255,.96);backdrop-filter:blur(18px);border-top:1px solid #e5eaf1;z-index:60;display:grid;grid-template-columns:repeat(5,1fr);box-shadow:0 -8px 28px rgba(16,24,40,.06)}.admin-bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#718096;font-size:9px}.admin-bottom-nav i{font-style:normal;font-size:17px}.admin-bottom-nav .bottom-ai i{width:34px;height:34px;border-radius:12px;background:#2477ff;color:#fff;display:grid;place-items:center;margin-top:-18px;box-shadow:0 8px 20px rgba(36,119,255,.28)}.dashboard-hero{padding:22px;align-items:flex-start;flex-direction:column}.hero-actions{width:100%}.hero-actions .btn{flex:1}.install-layout{grid-template-columns:1fr}.install-aside{position:static}.install-steps{display:grid;grid-template-columns:repeat(4,1fr)}.install-steps div span{display:none}.install-aside p{display:none}.install-aside{padding:15px 17px}.install-aside h2{font-size:18px}.install-aside>h2,.install-aside>.step-badge{display:inline;margin-right:8px}}
@media(max-width:620px){.admin-content{padding:15px 11px 20px}.page-head{flex-direction:column;margin-bottom:15px}.head-actions{width:100%}.head-actions .btn{flex:1}.panel{padding:16px;border-radius:17px}.dashboard-hero{border-radius:19px;margin-bottom:13px}.dashboard-hero h1{font-size:34px}.dashboard-hero p{font-size:12px}.kpis.modern{grid-template-columns:1fr 1fr;gap:9px;margin-bottom:0}.kpis.modern .kpi{padding:14px;border-radius:15px}.kpis.modern .kpi b{font-size:29px;margin:12px 0 5px}.kpis.modern .kpi a{display:none}.dashboard-grid{gap:11px;margin-top:11px}.system-strip{gap:10px;margin-top:11px}.system-strip span:nth-of-type(n+3){display:none}.studio-grid{grid-template-columns:1fr}.studio-card p{min-height:0}.ai-orb{display:none}.hero-head{padding:18px}.workflow-steps{grid-template-columns:1fr 1fr}.automation-stats{grid-template-columns:1fr}.automation-row{grid-template-columns:40px 1fr}.row-actions{grid-column:2}.editor-side{grid-template-columns:1fr}.editor-toolbar{align-items:flex-start;flex-direction:column}.advanced-fields{grid-template-columns:1fr}.sticky-actions{margin-left:0!important;margin-right:0!important}.list-toolbar{align-items:flex-start;flex-direction:column}.search-field{min-width:0;width:100%}.pro-table th:nth-child(1),.pro-table td:nth-child(1),.pro-table th:nth-child(3),.pro-table td:nth-child(3),.pro-table th:nth-child(5),.pro-table td:nth-child(5){display:none}.pro-table td{padding:11px 10px}.app-modal{padding:8px}.app-modal-card{border-radius:19px;padding:19px;max-height:96vh}.inline-actions{align-items:flex-start;flex-direction:column}.install-shell{width:min(100% - 20px,1120px);padding:18px 0 30px}.install-top{margin-bottom:15px}.install-progress{gap:3px;margin-bottom:14px}.install-layout{gap:10px}.install-aside{border-radius:16px}.install-card{border-radius:18px;padding:19px;min-height:0}.install-card h1{font-size:32px}.req-grid{grid-template-columns:1fr}.install-actions{align-items:stretch;flex-direction:column-reverse}.install-actions .btn{width:100%}.install-actions .hint{text-align:center}.install-steps{grid-template-columns:repeat(8,1fr);gap:4px;margin-top:10px}.install-steps div{justify-content:center}.install-steps i{width:23px;height:23px;font-size:9px}.install-brand div{display:none}}
/* v2026.1.3 - safe updater + editorial planning */
.step-pill{display:inline-flex;padding:.36rem .68rem;border-radius:999px;background:#eaf3ff;color:#1976ed;font-size:.72rem;font-weight:900;letter-spacing:.08em}.update-upload-card,.validated-update{overflow:hidden}.update-shield{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,#e8fff6,#e9f4ff);color:#08a66c;font-weight:900;font-size:1.6rem;border:1px solid #d9eee7}.validation-banner{display:flex;align-items:center;gap:16px;padding:4px 0 22px}.validation-icon{width:54px;height:54px;border-radius:18px;background:#e8fff5;color:#00a66b;display:grid;place-items:center;font-weight:900;font-size:1.5rem}.validation-banner>div:nth-child(2){flex:1}.validation-banner h2{margin:.2rem 0}.update-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:10px 0 18px}.update-grid>div{padding:16px;border:1px solid #e5ebf4;border-radius:18px;background:#f9fbff}.update-grid span{display:block;color:#6b7484;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.update-grid b{display:block;margin-top:7px;font-size:1.05rem}.blue-text{color:#1976ed}.changelog-box{padding:18px;border-radius:18px;background:#0b1728;color:#dce8f9;margin:14px 0}.changelog-box strong{color:#fff}.changelog-box p{line-height:1.65}.changelog-box small{word-break:break-all;color:#8294ad}.install-warning{display:flex;gap:12px;align-items:flex-start;padding:15px 18px;border:1px solid #ffe0aa;background:#fff9ee;border-radius:16px;margin:16px 0}.install-warning b{color:#c36b00;white-space:nowrap}.nav-new{font-size:.62rem!important;padding:.12rem .35rem!important;border-radius:999px;background:#2377ff;color:white!important;margin-left:.35rem}.prompt-box{width:100%;padding:18px;border:1px solid #dce4ef;border-radius:18px;background:#081525;color:#ddecff;font:500 .86rem/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;resize:vertical}.planning-list{display:grid;gap:12px}.planning-card{position:relative;display:grid;grid-template-columns:6px 1fr auto;gap:18px;align-items:center;padding:18px;border:1px solid #e3e9f2;border-radius:20px;background:#fff;overflow:hidden}.planning-priority{height:100%;min-height:70px;border-radius:999px;background:#9aa6b5}.planning-priority.high{background:#ff7a00}.planning-priority.medium{background:#2c7dff}.planning-priority.low{background:#85a0bd}.planning-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:#778294;font-size:.76rem}.planning-content h3{margin:.5rem 0 .35rem;font-size:1.03rem}.planning-content p{margin:.25rem 0;color:#4f5a6b}.planning-content small{color:#8993a3}.planning-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.planning-actions form{margin:0}.app-modal-card.wide{max-width:900px}.badge.soft{background:#eef5ff;color:#2474de}.badge.success{background:#e8fff5;color:#008e5b}.metric-ok{color:#02a96b!important}
@media(max-width:720px){.update-grid{grid-template-columns:1fr 1fr}.validation-banner{align-items:flex-start;flex-wrap:wrap}.validation-banner .badge{margin-left:70px}.install-warning{display:block}.install-warning b{display:block;margin-bottom:6px}.planning-card{grid-template-columns:5px 1fr}.planning-actions{grid-column:2;justify-content:flex-start}.planning-actions .btn{flex:1}.panel{border-radius:22px}.prompt-box{font-size:.78rem}.update-upload-card .panel-head{align-items:flex-start}.update-shield{width:46px;height:46px;border-radius:14px}}
@media(max-width:430px){.update-grid{grid-template-columns:1fr}.validation-banner .badge{margin-left:0}.planning-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.planning-actions form{grid-column:1/-1}.planning-actions .btn{width:100%}}

.article-meta{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 20px}.article-meta span{padding:7px 10px;border:1px solid #dfe7f0;border-radius:999px;font-size:12px;color:#637083;background:#fff}.toc-card,.faq-block,.related-block{margin:24px 0;padding:20px;border:1px solid #dfe7f0;border-radius:18px;background:#f8fbff}.toc-card h2,.faq-block h2,.related-block h2{margin-top:0}.faq-item{padding:14px 0;border-top:1px solid #e0e8f1}.faq-item:first-of-type{border-top:0}.faq-item h3{margin:0 0 8px}.article .prose h2[id],.article .prose h3[id]{scroll-margin-top:100px}.article-cover{aspect-ratio:1200/630;object-fit:cover;width:100%;border-radius:20px}.article-byline{display:flex;align-items:center;gap:10px;color:#637083;font-size:13px;margin:12px 0}

/* v2026.1.12 full footer + build visibility */
.site-footer{background:#07111f;color:#d9e4f2;padding:56px 0 0;border-top:1px solid rgba(255,255,255,.08)}
.footer-pro{display:grid;grid-template-columns:1.3fr .8fr .8fr 1.35fr;gap:24px;align-items:start}
.footer-brand-card,.footer-company-card{background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.1);border-radius:22px;padding:22px;box-shadow:0 20px 45px rgba(0,0,0,.18)}
.footer-brand-card p{color:#9eb0c6;margin:18px 0 14px}.footer-version{display:inline-flex;padding:7px 11px;border-radius:999px;background:rgba(31,132,255,.12);border:1px solid rgba(31,132,255,.25);color:#8ec4ff;font-size:.82rem;font-weight:700}
.footer-column{display:flex;flex-direction:column;gap:10px}.footer-column strong,.footer-company-card>strong{color:#fff;margin-bottom:6px}.footer-column a,.footer-company-card a,.footer-company-card span{color:#aebed1;text-decoration:none;line-height:1.5}.footer-column a:hover,.footer-company-card a:hover{color:#fff}.footer-company-card{display:flex;flex-direction:column;gap:10px}.footer-company-card b{color:#fff;font-weight:700;margin-right:6px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:30px;padding:20px 0 26px;border-top:1px solid rgba(255,255,255,.08);color:#7f93aa;font-size:.9rem}
@media(max-width:980px){.footer-pro{grid-template-columns:1fr 1fr}.footer-brand-card,.footer-company-card{grid-column:span 2}}
@media(max-width:620px){.site-footer{padding-top:36px}.footer-pro{grid-template-columns:1fr;gap:14px}.footer-brand-card,.footer-company-card{grid-column:auto}.footer-column{background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.07);border-radius:18px;padding:18px}.footer-bottom{flex-direction:column;gap:8px}.footer-company-card a,.footer-company-card span{overflow-wrap:anywhere}}
/* v2026.2.4 portfolio showcase */
.portfolio-tech,.portfolio-preview{margin-top:2.5rem}.tech-pills{display:flex;flex-wrap:wrap;gap:.55rem}.tech-pills span{padding:.55rem .8rem;border:1px solid #dfe7f1;border-radius:999px;background:#fff;font-size:.85rem;font-weight:700;color:#334155}.device-showcase{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:1.5rem;align-items:start}.device{margin:0;background:#0b1421;border:1px solid #25354a;box-shadow:0 22px 55px rgba(15,23,42,.16);overflow:hidden}.device.desktop{border-radius:18px}.device.mobile{border-radius:30px;padding:9px}.device img{display:block;width:100%;height:auto;background:#fff}.device.mobile img{border-radius:22px}.device-bar{height:28px;display:flex;align-items:center;gap:6px;padding:0 11px}.device-bar i{width:7px;height:7px;border-radius:50%;background:#607089}.device figcaption{padding:.65rem .9rem;color:#b9c7d8;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;text-align:center}
@media(max-width:760px){.device-showcase{grid-template-columns:1fr}.device.mobile{max-width:320px;margin-inline:auto;width:100%}}
/* v2026.3.1 contact + consent center */
.contact-page{padding:64px 0 84px;background:linear-gradient(180deg,#f8fbff,#fff)}.contact-hero{display:flex;justify-content:space-between;gap:28px;align-items:end;margin-bottom:28px}.contact-hero h1{max-width:760px;font-size:clamp(40px,6vw,72px);line-height:.98;margin:.35rem 0 1rem}.contact-hero p{max-width:720px;color:#62748b;font-size:1.08rem}.contact-trust{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.contact-trust span{padding:9px 12px;border:1px solid #dfe8f3;border-radius:999px;background:#fff;color:#31506f;font-size:.82rem;font-weight:700}.contact-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.75fr);gap:24px;align-items:start}.contact-form-card,.contact-info-card{background:#fff;border:1px solid #e2e9f2;border-radius:24px;box-shadow:0 20px 50px rgba(22,50,80,.08)}.contact-form-card{padding:26px}.contact-info-stack{display:grid;gap:14px}.contact-info-card{padding:22px;display:grid;gap:13px}.contact-info-card h2{margin:0;font-size:1.12rem}.contact-info-card a,.contact-info-card span{display:grid;gap:2px;text-decoration:none;color:#0b1d33}.contact-info-card small{color:#77879a;text-transform:uppercase;letter-spacing:.06em;font-size:.68rem}.contact-card-icon{width:42px;height:42px;border-radius:14px;background:#eaf3ff;color:#1677ff;display:grid!important;place-items:center;font-size:1.15rem}.contact-style-cards .contact-layout{grid-template-columns:1fr}.contact-style-cards .contact-info-stack{grid-template-columns:repeat(3,1fr)}.contact-style-minimal .contact-info-stack{display:none}.contact-style-minimal .contact-layout{grid-template-columns:minmax(0,820px);justify-content:center}
.cookie-consent{position:fixed;inset:0;z-index:99999;background:rgba(6,18,32,.54);display:grid;place-items:end center;padding:18px;backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:.18s}.cookie-consent.show{opacity:1;pointer-events:auto}.cookie-card{width:min(720px,100%);background:#fff;border:1px solid #e1e8f0;border-radius:26px;padding:24px;box-shadow:0 30px 90px rgba(5,16,30,.28);transform:translateY(16px);transition:.18s}.cookie-consent.show .cookie-card{transform:none}.cookie-head{display:flex;justify-content:space-between;gap:18px;align-items:start}.cookie-head h3{font-size:1.65rem;margin:.3rem 0}.cookie-card>p{color:#62748b;line-height:1.65}.cookie-options{display:grid;gap:10px;margin:18px 0}.cookie-options label{display:flex;gap:12px;align-items:flex-start;border:1px solid #e3eaf2;border-radius:18px;padding:14px;background:#f9fbfe}.cookie-options input{width:19px;height:19px;margin-top:2px}.cookie-options span{display:grid;gap:3px}.cookie-options small{color:#6f7d8d}.cookie-actions{display:flex;gap:9px;flex-wrap:wrap}.cookie-withdraw,.footer-cookie-link{border:0;background:transparent;padding:0;color:inherit;text-align:left;font:inherit;cursor:pointer}.cookie-withdraw{margin-top:14px;color:#9b3d3d;text-decoration:underline}.footer-cookie-link{color:#aebed1}.footer-cookie-link:hover{color:#fff}
@media(max-width:760px){.contact-page{padding:40px 0 64px}.contact-hero{display:block}.contact-trust{justify-content:flex-start;margin-top:16px}.contact-layout{grid-template-columns:1fr}.contact-style-cards .contact-info-stack{grid-template-columns:1fr}.contact-form-card{padding:18px}.cookie-card{padding:19px;border-radius:22px}.cookie-actions{display:grid;grid-template-columns:1fr}.cookie-actions .btn{width:100%}}

/* v2026.3.4 public presentation system */
.catalog-hero{padding:72px 0 34px;background:linear-gradient(180deg,#f8fbff 0,#fff 100%)}
.catalog-hero h1{max-width:850px;font-size:clamp(42px,5.8vw,68px);margin:.45rem 0 1rem}.catalog-hero p{max-width:780px;color:#62748b;font-size:1.08rem;line-height:1.7}.catalog-trust{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.catalog-trust span{padding:8px 12px;border:1px solid #dfe8f3;border-radius:999px;background:#fff;color:#36516f;font-size:.8rem;font-weight:700}.catalog-section{padding:28px 0 84px}
.blog-grid-pro{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.blog-card-pro{overflow:hidden;background:#fff;border:1px solid #e1e8f0;border-radius:24px;box-shadow:0 18px 45px rgba(13,33,58,.07);transition:.22s}.blog-card-pro:hover{transform:translateY(-4px);box-shadow:0 24px 60px rgba(13,33,58,.12)}.blog-card-media{display:block;aspect-ratio:1200/630;background:#eef4fa;overflow:hidden}.blog-card-media img{width:100%;height:100%;object-fit:cover}.blog-card-placeholder{height:100%;display:grid;place-items:center;align-content:center;gap:8px;background:linear-gradient(135deg,#0a1c31,#12345c);color:#fff}.blog-card-placeholder span{font-size:42px;font-weight:700}.blog-card-body{padding:24px}.blog-card-meta{display:flex;gap:8px;flex-wrap:wrap;align-items:center;color:#708197;font-size:.76rem}.blog-card-meta span:first-child{color:#1769e8;background:#edf5ff;padding:5px 8px;border-radius:999px;font-weight:700}.blog-card-pro h2{font-size:1.45rem;line-height:1.22;margin:16px 0 10px;letter-spacing:-.02em}.blog-card-pro p{color:#62748b;line-height:1.65}.blog-card-foot{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:18px}.blog-card-foot>span{color:#7b8898;font-size:.8rem}
.service-cards-pro{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.service-card-pro{display:grid;grid-template-columns:220px minmax(0,1fr);overflow:hidden;background:#fff;border:1px solid #e1e8f0;border-radius:24px;box-shadow:0 18px 45px rgba(13,33,58,.07)}.service-card-image{min-height:100%;background:#eef4fa}.service-card-image img{width:100%;height:100%;object-fit:cover}.service-card-body{padding:24px}.service-card-top{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.service-type-pill{display:inline-flex;padding:7px 10px;border-radius:999px;background:#edf5ff;color:#1769e8;font-size:.74rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase}.service-price{font-size:.82rem;font-weight:700;color:#0a3669}.service-card-pro h2{font-size:1.45rem;margin:15px 0 10px}.service-card-pro p{color:#62748b;line-height:1.65}.service-card-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}
.service-detail{padding:46px 0 82px;background:linear-gradient(180deg,#f8fbff 0,#fff 34%)}.service-detail .crumbs{margin-bottom:32px}.service-detail-hero{display:grid;grid-template-columns:minmax(0,1.25fr) 360px;gap:36px;align-items:start}.service-detail-copy h1{font-size:clamp(42px,5.7vw,70px);max-width:820px}.service-detail-copy .lead{max-width:760px;line-height:1.7}.service-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.service-offer-card{position:sticky;top:100px;background:#07111f;color:#fff;border-radius:26px;padding:26px;box-shadow:0 24px 60px rgba(7,17,31,.2)}.service-offer-card small{display:block;color:#8ec4ff;font-size:.7rem;font-weight:800;letter-spacing:.11em}.service-offer-card>strong{display:block;font-size:1.8rem;margin:10px 0}.service-offer-card p{color:#b7c7d8;line-height:1.55;font-size:.92rem}.service-offer-facts{display:grid;gap:8px;margin:18px 0 22px;color:#dce8f3;font-size:.88rem}.service-featured-frame{margin:42px 0 46px;padding:12px;background:#fff;border:1px solid #dfe7ef;border-radius:28px;box-shadow:0 24px 70px rgba(9,32,63,.11)}.service-featured-frame img{display:block;width:100%;height:auto;aspect-ratio:1200/630;object-fit:cover;border-radius:20px}.service-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:38px;align-items:start}.service-content-block{margin-bottom:38px}.service-content-block>h2{margin-top:0}.service-rich-list ul,.service-rich-list ol{padding-left:1.2rem}.service-rich-list li{margin:.6rem 0}.service-sticky-cta{position:sticky;top:105px;border:1px solid #dfe7ef;border-radius:22px;padding:22px;background:#fff;box-shadow:0 16px 40px rgba(10,40,75,.07)}.service-sticky-cta h3{font-size:1.35rem}.service-sticky-cta p{color:#66778b}.service-faq{margin-top:16px;padding:32px;border-radius:26px;background:#f8fbff;border:1px solid #e0e8f1}.service-faq details{background:#fff;border:1px solid #e1e8f0;border-radius:16px;margin-top:10px;padding:0 16px}.service-faq summary{cursor:pointer;padding:16px 0;font-weight:700}.service-faq details>div{padding:0 0 16px;color:#53657a}.service-final-cta{margin-top:38px;display:flex;justify-content:space-between;align-items:center;gap:24px;background:linear-gradient(115deg,#07111f,#0c2f5a);color:#fff;border-radius:26px;padding:30px}.service-final-cta h2{font-size:clamp(28px,3vw,40px);margin:.4rem 0}
.article .container.narrow{width:min(900px,100%)}.article-cover{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:1200/630;object-fit:cover;border-radius:24px;margin:30px 0 34px;padding:8px;background:#fff;border:1px solid #dfe7ef;box-shadow:0 22px 60px rgba(12,38,70,.11)}.article .prose{line-height:1.78}.article .prose p{margin:1rem 0}.article .prose img{max-width:100%;height:auto;border-radius:16px}.article-meta{margin-top:14px}
.contact-form-builder{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;margin-top:18px}.contact-toggle-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:4px 14px}.settings-help{color:#738197;font-size:.82rem;line-height:1.5}
@media(max-width:980px){.blog-grid-pro,.service-cards-pro{grid-template-columns:1fr}.service-detail-hero,.service-detail-grid{grid-template-columns:1fr}.service-offer-card,.service-sticky-cta{position:static}.contact-form-builder{grid-template-columns:1fr}}
@media(max-width:720px){.catalog-hero{padding-top:42px}.blog-card-foot{align-items:flex-start;flex-direction:column}.service-card-pro{grid-template-columns:1fr}.service-card-image{aspect-ratio:1200/630}.service-final-cta{align-items:flex-start;flex-direction:column}.contact-toggle-grid{grid-template-columns:1fr}.article-cover{padding:5px;border-radius:18px}.service-featured-frame{padding:6px;border-radius:20px}}


/* v2026.3.4 frontend presentation polish */
.article-cover-frame{margin:30px 0 38px;padding:10px;background:#fff;border:1px solid #dfe7ef;border-radius:28px;box-shadow:0 24px 70px rgba(12,38,70,.11);overflow:hidden}.article-cover-frame .article-cover{margin:0;padding:0;border:0;box-shadow:none;border-radius:20px;width:100%;aspect-ratio:1200/630;object-fit:cover;display:block}.article-cover-frame figcaption{padding:10px 8px 2px;color:#7a899a;font-size:.76rem}.home-blog-card{padding:0!important;overflow:hidden}.home-blog-media{display:block;aspect-ratio:1200/630;background:#eef4fa;overflow:hidden}.home-blog-media img{width:100%;height:100%;object-fit:cover;display:block}.home-blog-body{padding:22px}.home-blog-body h3{margin:.7rem 0}.home-blog-body p{color:#62748b}.text-link{font-weight:700;color:#1769e8;text-decoration:none}.blog-card-media,.service-card-image{background:#eef4fa}.blog-card-media img,.service-card-image img{display:block}.site-footer .footer-column a{display:block;padding:5px 0;line-height:1.35}.site-footer .footer-column strong{display:block;margin-bottom:9px}.service-catalog-hero,.blog-catalog-hero{background:linear-gradient(180deg,#f7fbff,#fff);padding:70px 0 48px}.catalog-hero h1{max-width:900px;font-size:clamp(42px,5.7vw,72px);line-height:1.02;margin:.35rem 0 1rem}.catalog-hero p{max-width:760px;color:#62748b;font-size:1.08rem;line-height:1.7}.catalog-section{padding:8px 0 84px}.service-card-pro{transition:.2s}.service-card-pro:hover{transform:translateY(-3px);box-shadow:0 26px 62px rgba(13,33,58,.12)}
@media(max-width:720px){.article-cover-frame{padding:6px;border-radius:20px;margin:22px 0 30px}.article-cover-frame .article-cover{border-radius:15px}.catalog-hero h1{font-size:clamp(38px,12vw,54px)}}

/* v2026.3.5 persistent consent control */
.cookie-manage-fab{position:fixed;left:18px;bottom:18px;z-index:9990;display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.16);background:#07111f;color:#fff;border-radius:999px;padding:10px 14px;font:inherit;font-size:13px;box-shadow:0 12px 32px rgba(6,18,32,.25);cursor:pointer}.cookie-manage-fab span{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#2f80ff;color:#fff}.cookie-manage-fab:hover{transform:translateY(-1px);background:#0b1d33}.cookie-consent.show~.cookie-manage-fab{opacity:.35}.faq-block{margin-top:42px;border:1px solid #dfe7f0;border-radius:22px;padding:24px;background:#f8fbff}.faq-block>h2{margin-top:0}.faq-item{padding:18px 0;border-top:1px solid #e5ebf2}.faq-item:first-of-type{border-top:0}.faq-item h3{font-size:19px;margin:0 0 8px}.faq-item div{color:#53657a;line-height:1.7}
@media(max-width:760px){.cookie-manage-fab{left:12px;bottom:72px;padding:9px 12px}.cookie-manage-fab b{font-size:12px}}

/* v2026.3.8 portfolio PWA presentation */
.portfolio-hub{padding:68px 0 92px;background:linear-gradient(180deg,#f7fbff 0,#fff 30%,#f9fbfe 100%)}
.portfolio-hub-head{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.55fr);gap:34px;align-items:end;margin-bottom:34px}.portfolio-hub-head h1{font-size:clamp(44px,6vw,74px);line-height:.98;letter-spacing:-.045em;max-width:900px;margin:.45rem 0 1rem}.portfolio-hub-head p{max-width:760px;color:#62748b;font-size:1.08rem;line-height:1.7}.portfolio-hub-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.portfolio-hub-stats span{min-height:76px;padding:15px;border:1px solid #dfe8f2;background:#fff;border-radius:18px;display:flex;flex-direction:column;justify-content:center;color:#61748b;font-size:.8rem;box-shadow:0 12px 30px rgba(12,41,74,.05)}.portfolio-hub-stats span:first-child{grid-column:1/-1;background:#07111f;color:#b9cbe0}.portfolio-hub-stats b{display:block;color:#fff;font-size:1.9rem;line-height:1;margin-bottom:5px}
.portfolio-grid-pro{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.portfolio-card-pro{overflow:hidden;border:1px solid #dfe7ef;border-radius:28px;background:#fff;box-shadow:0 20px 55px rgba(8,32,62,.08);transition:.22s}.portfolio-card-pro:hover{transform:translateY(-4px);box-shadow:0 30px 70px rgba(8,32,62,.14)}.portfolio-card-media{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:linear-gradient(145deg,#081728,#0e3157);padding:18px 18px 0}.portfolio-card-desktop{display:block;width:100%;height:100%;object-fit:cover;object-position:top;border-radius:15px 15px 0 0;background:#fff;box-shadow:0 12px 28px rgba(0,0,0,.23)}.portfolio-card-fallback{height:100%;display:grid;place-items:center;align-content:center;gap:8px;color:#fff;text-align:center}.portfolio-card-fallback span{font-size:3rem;font-weight:900}.portfolio-phone-preview{position:absolute;right:24px;bottom:15px;width:23%;height:70%;border:5px solid #07111f;border-radius:20px;background:#07111f;box-shadow:0 16px 34px rgba(0,0,0,.35);overflow:hidden}.portfolio-phone-preview img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:14px}.portfolio-view-badge{position:absolute;left:28px;bottom:18px;background:#fff;color:#0b1d33;border:1px solid rgba(5,20,40,.08);border-radius:999px;padding:8px 11px;font-size:.74rem;font-weight:800;box-shadow:0 10px 24px rgba(0,0,0,.14)}.portfolio-card-content{padding:25px}.portfolio-card-meta{display:flex;gap:7px;flex-wrap:wrap}.portfolio-card-meta span{padding:6px 9px;border-radius:999px;background:#eef5ff;color:#1769e8;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.portfolio-card-content h2{font-size:1.65rem;line-height:1.16;margin:14px 0 8px}.portfolio-card-content h2 a{text-decoration:none;color:#0b1728}.portfolio-client{color:#445a72!important;margin:.25rem 0 1rem!important}.portfolio-card-content>p{color:#62748b;line-height:1.65}.portfolio-tech-mini{display:flex;gap:6px;flex-wrap:wrap;margin-top:18px}.portfolio-tech-mini span{padding:6px 9px;border:1px solid #e0e7ef;border-radius:999px;color:#5b6f86;background:#fbfcfe;font-size:.72rem;font-weight:700}.portfolio-card-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}
.portfolio-detail-pro{background:#fff}.portfolio-detail-hero{padding:44px 0 48px;background:radial-gradient(circle at 86% 10%,rgba(47,128,255,.10),transparent 28%),linear-gradient(180deg,#f7fbff,#fff)}.portfolio-title-grid{display:grid;grid-template-columns:minmax(0,1.25fr) 340px;gap:38px;align-items:start;margin-top:24px}.portfolio-title-grid h1{font-size:clamp(46px,6.3vw,78px);line-height:.96;letter-spacing:-.05em;margin:.5rem 0 1.1rem;max-width:930px}.portfolio-title-grid .lead{max-width:780px;line-height:1.7}.portfolio-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.portfolio-facts-card{background:#07111f;color:#fff;border-radius:26px;padding:25px;box-shadow:0 24px 65px rgba(7,17,31,.18)}.portfolio-facts-card>.eyebrow{color:#8ec4ff}.portfolio-facts-card dl{margin:18px 0 0;display:grid;gap:0}.portfolio-facts-card dl div{display:grid;grid-template-columns:92px 1fr;gap:12px;padding:11px 0;border-top:1px solid rgba(255,255,255,.10)}.portfolio-facts-card dl div:first-child{border-top:0}.portfolio-facts-card dt{color:#88a0ba;font-size:.76rem;text-transform:uppercase;letter-spacing:.05em}.portfolio-facts-card dd{margin:0;color:#fff;font-weight:700;text-align:right;overflow-wrap:anywhere}
.portfolio-showcase-section{padding:54px 0 64px;background:#07111f;color:#fff}.portfolio-showcase-head{display:flex;justify-content:space-between;gap:28px;align-items:end;margin-bottom:28px}.portfolio-showcase-head h2{color:#fff;font-size:clamp(30px,4vw,48px);margin:.45rem 0 0}.portfolio-showcase-head p{max-width:440px;color:#9fb3c9;line-height:1.6}.portfolio-devices-pro{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:26px;align-items:start}.portfolio-devices-pro.single-device{grid-template-columns:1fr}.portfolio-device{margin:0}.portfolio-device-desktop{border:1px solid rgba(255,255,255,.12);border-radius:22px;background:#0d1b2e;padding:10px;box-shadow:0 28px 70px rgba(0,0,0,.28)}.portfolio-browser-top{height:34px;display:flex;gap:7px;align-items:center;padding:0 8px 8px}.portfolio-browser-top span{width:8px;height:8px;border-radius:50%;background:#5e7187}.portfolio-browser-top b{margin-left:8px;color:#7f95ad;font-size:.72rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.portfolio-device-screen{overflow:hidden;background:#fff}.portfolio-device-desktop .portfolio-device-screen{border-radius:13px;aspect-ratio:16/10}.portfolio-device-screen img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.portfolio-device figcaption{color:#8ea3ba;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;padding:10px 4px 2px}.portfolio-phone-shell{position:relative;padding:11px 8px 8px;background:#020914;border:1px solid #314154;border-radius:34px;box-shadow:0 26px 55px rgba(0,0,0,.35)}.portfolio-phone-shell>i{display:block;width:74px;height:6px;border-radius:999px;background:#1f2d3d;margin:0 auto 8px}.portfolio-device-mobile .portfolio-device-screen{aspect-ratio:430/820;border-radius:24px}.portfolio-no-preview{grid-column:1/-1;min-height:260px;border:1px dashed rgba(255,255,255,.18);border-radius:24px;display:grid;place-items:center;align-content:center;color:#9fb3c9}
.portfolio-case-section{padding:70px 0 72px;background:#f7f9fc}.portfolio-case-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px;align-items:start}.portfolio-story-intro{margin-bottom:18px}.portfolio-story-card,.portfolio-side-card{background:#fff;border:1px solid #e0e7ef;border-radius:24px;padding:26px;box-shadow:0 14px 38px rgba(10,37,68,.06)}.portfolio-story-card .prose,.portfolio-side-card{color:#50657c}.portfolio-story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.portfolio-story-card h2{font-size:1.55rem;margin:.35rem 0 12px}.portfolio-step{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#eaf3ff;color:#1769e8;font-weight:900;font-size:.78rem}.portfolio-detail-side{display:grid;gap:16px;position:sticky;top:92px}.portfolio-side-card h3{font-size:1.28rem;color:#0b1728;margin:.45rem 0 14px}.testimonial-card blockquote{margin:0;color:#40566e;line-height:1.7}.portfolio-cta-card{background:linear-gradient(145deg,#07111f,#0c315a);color:#fff;border-color:transparent}.portfolio-cta-card .eyebrow{color:#8ec4ff}.portfolio-cta-card h3{color:#fff}.portfolio-cta-card p{color:#b4c5d7;line-height:1.6}.portfolio-meta-section{padding:0 0 76px;background:#f7f9fc}.portfolio-meta-card{display:grid;grid-template-columns:.65fr 1.35fr;gap:28px;align-items:center;background:#fff;border:1px solid #e0e7ef;border-radius:28px;padding:26px;box-shadow:0 18px 48px rgba(9,35,66,.07)}.portfolio-meta-card h2{font-size:clamp(28px,3.5vw,42px);margin:.45rem 0 10px}.portfolio-meta-card p{color:#687b90;line-height:1.6}.portfolio-meta-card figure{margin:0;padding:8px;border:1px solid #e0e7ef;border-radius:20px;background:#f7f9fc}.portfolio-meta-card img{display:block;width:100%;height:auto;aspect-ratio:1200/630;object-fit:cover;border-radius:14px}.portfolio-final-cta{padding:58px 0;background:#fff}.portfolio-final-cta .container{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:30px 34px;border-radius:28px;background:#07111f;color:#fff}.portfolio-final-cta h2{color:#fff;font-size:clamp(28px,3.5vw,44px);margin:.35rem 0 0;max-width:780px}
@media(max-width:980px){.portfolio-hub-head,.portfolio-title-grid,.portfolio-case-grid,.portfolio-meta-card{grid-template-columns:1fr}.portfolio-grid-pro{grid-template-columns:1fr}.portfolio-facts-card{max-width:none}.portfolio-devices-pro{grid-template-columns:minmax(0,1fr) 230px}.portfolio-detail-side{position:static}.portfolio-story-grid{grid-template-columns:1fr}}
@media(max-width:720px){.portfolio-hub{padding:42px 0 64px}.portfolio-hub-head h1,.portfolio-title-grid h1{font-size:clamp(40px,12vw,56px)}.portfolio-hub-stats{grid-template-columns:1fr}.portfolio-hub-stats span:first-child{grid-column:auto}.portfolio-card-media{padding:10px 10px 0}.portfolio-phone-preview{right:14px;bottom:10px;width:25%;border-width:3px;border-radius:13px}.portfolio-view-badge{left:16px;bottom:12px}.portfolio-card-content{padding:20px}.portfolio-showcase-head{display:block}.portfolio-showcase-head p{margin-top:12px}.portfolio-devices-pro{grid-template-columns:1fr}.portfolio-device-mobile{width:min(270px,78vw);margin:0 auto}.portfolio-case-section{padding:48px 0}.portfolio-story-card,.portfolio-side-card{padding:20px}.portfolio-meta-card{padding:18px}.portfolio-final-cta .container{display:block;padding:24px}.portfolio-final-cta .btn{margin-top:18px;width:100%}}

/* v2026.3.9 - Portfolio copy & CTA polish */
.portfolio-showcase-head{align-items:flex-start;margin-bottom:24px}.portfolio-showcase-head>div{max-width:760px}.portfolio-showcase-head h2{max-width:760px;line-height:1.08;letter-spacing:-.025em}.portfolio-meta-section{padding:0 0 72px;background:#f7f9fc}.portfolio-meta-only{margin:0 auto;max-width:1040px;padding:10px;border:1px solid #dfe7ef;border-radius:24px;background:#fff;box-shadow:0 18px 48px rgba(9,35,66,.07)}.portfolio-meta-only img{display:block;width:100%;height:auto;aspect-ratio:1200/630;object-fit:cover;border-radius:16px}.portfolio-final-cta{padding:56px 0 72px}.portfolio-final-cta .container{display:flex;justify-content:space-between;gap:32px;align-items:center;padding:30px 34px;border-radius:26px;background:linear-gradient(135deg,#07111f,#0b1f36);color:#fff;box-shadow:0 22px 60px rgba(7,17,31,.14)}.portfolio-final-copy{max-width:760px}.portfolio-final-cta h2{font-size:clamp(28px,3vw,40px);line-height:1.08;letter-spacing:-.025em;margin:.35rem 0 .55rem}.portfolio-final-cta p{margin:0;color:#b8c7d8;font-size:1rem;line-height:1.6;max-width:680px}.portfolio-final-btn{display:inline-flex!important;align-items:center;justify-content:center;gap:10px;white-space:nowrap;flex:0 0 auto;min-height:48px;padding:0 22px;font-size:.98rem;line-height:1.1}.portfolio-final-btn span{display:inline-block}.portfolio-final-btn span:last-child{font-size:1.05em;transform:translateY(-1px)}
@media(max-width:720px){.portfolio-showcase-head{margin-bottom:20px}.portfolio-meta-only{padding:7px;border-radius:18px}.portfolio-meta-only img{border-radius:12px}.portfolio-final-cta .container{display:block;padding:24px}.portfolio-final-cta h2{font-size:30px}.portfolio-final-btn{width:100%;margin-top:20px}.portfolio-final-cta p{font-size:.95rem}}

/* v2026.4.0 - Professional CMS page layout + internal linking cards */
.page-detail-shell{background:linear-gradient(180deg,#f6f9fd 0,#fff 34%,#f7f9fc 100%);padding:38px 0 76px}.page-detail-wrap{width:min(1180px,calc(100% - 36px));margin:auto}.page-crumbs{margin-bottom:18px;color:#6c7e93;font-size:.83rem}.page-detail-hero{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr);gap:28px;align-items:center;padding:38px;border:1px solid #dfe8f2;border-radius:30px;background:linear-gradient(145deg,#fff 0,#f8fbff 62%,#eef5ff 100%);box-shadow:0 28px 80px rgba(12,39,70,.08)}.page-detail-copy h1{font-size:clamp(42px,6vw,72px);line-height:.98;letter-spacing:-.035em;margin:.45rem 0 1rem;max-width:850px}.page-detail-lead{font-size:1.12rem;line-height:1.75;color:#596d84;max-width:760px}.page-detail-trust{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.page-detail-trust span{padding:9px 12px;border:1px solid #dbe6f3;border-radius:999px;background:#fff;color:#38516d;font-size:.78rem;font-weight:800}.page-detail-visual{margin:0;padding:8px;border:1px solid #dce6f0;background:#fff;border-radius:24px;box-shadow:0 20px 52px rgba(13,38,69,.10);overflow:hidden}.page-detail-visual img{display:block;width:100%;height:auto;aspect-ratio:1200/630;object-fit:cover;border-radius:17px}.page-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start;margin-top:26px}.page-content-card{background:#fff;border:1px solid #e0e8f1;border-radius:28px;padding:clamp(24px,4vw,44px);box-shadow:0 18px 52px rgba(12,39,70,.06)}.page-prose{font-size:1.03rem;line-height:1.82;color:#334c67}.page-prose>h2{font-size:clamp(28px,3vw,40px);line-height:1.12;letter-spacing:-.025em;color:#0d1a2d;margin:2.4rem 0 1rem}.page-prose>h3{font-size:1.28rem;color:#10233b;margin:1.8rem 0 .65rem}.page-prose p{margin:0 0 1.15rem}.page-prose ul,.page-prose ol{padding-left:1.25rem;margin:0 0 1.3rem}.page-prose li{margin:.45rem 0}.page-prose blockquote{margin:1.5rem 0;padding:20px 22px;border-left:4px solid #2f7df6;border-radius:0 18px 18px 0;background:#f5f9ff;color:#39536f}.page-prose table{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid #dde7f1;border-radius:16px;margin:1.4rem 0}.page-prose th,.page-prose td{padding:12px 14px;border-bottom:1px solid #e6edf5;text-align:left}.page-prose th{background:#f5f8fc;color:#172b44}.page-action-card{position:sticky;top:92px;padding:24px;border-radius:24px;background:linear-gradient(150deg,#07111f,#0b3159);color:#fff;box-shadow:0 22px 58px rgba(6,23,44,.18)}.page-action-card .eyebrow{color:#8fc3ff}.page-action-card h2{color:#fff;font-size:1.65rem;line-height:1.08;margin:.55rem 0 .9rem}.page-action-card p{color:#bed0e3;line-height:1.65;margin-bottom:18px}.page-action-card .btn{width:100%;justify-content:center;gap:8px}.page-faq{margin-top:34px;padding-top:30px;border-top:1px solid #e2eaf2}.section-kicker{font-size:.72rem;font-weight:900;letter-spacing:.14em;color:#1c72ee}.page-faq>h2{font-size:2rem;margin:.4rem 0 18px}.page-faq-grid{display:grid;gap:12px}.page-faq-item{padding:19px 20px;border:1px solid #e0e8f1;border-radius:18px;background:#f9fbfd}.page-faq-item h3{font-size:1.02rem;margin:0 0 8px;color:#10233b}.page-faq-item div{color:#536980;line-height:1.65}.related-cards-section{margin-top:28px;padding:30px;border:1px solid #e0e8f1;border-radius:28px;background:#fff;box-shadow:0 18px 52px rgba(12,39,70,.05)}.related-cards-head{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:20px}.related-cards-head h2{font-size:clamp(28px,3vw,40px);margin:.35rem 0 0}.related-cards-head p{color:#687c92;max-width:430px;margin:0}.related-cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.related-card-pro{display:flex;flex-direction:column;min-height:205px;padding:20px;border:1px solid #dfe8f2;border-radius:20px;background:linear-gradient(180deg,#fff,#f8fbff);color:#0c1d31;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.related-card-pro:hover{transform:translateY(-3px);border-color:#b8d3f5;box-shadow:0 18px 42px rgba(17,61,108,.10)}.related-kind{font-size:.69rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase;color:#1f73ed}.related-card-pro h3{font-size:1.12rem;line-height:1.26;margin:.55rem 0 .7rem}.related-card-pro p{font-size:.9rem;line-height:1.55;color:#63788f;margin:0 0 18px}.related-cta{margin-top:auto;font-size:.84rem;font-weight:900;color:#1769e8;display:flex;align-items:center;gap:7px}.related-block-pro{padding:24px;background:#f8fbff}.related-block-pro ul{display:none}.page-bottom-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:28px;padding:28px 32px;border-radius:28px;background:#07111f;color:#fff}.page-bottom-cta h2{font-size:clamp(27px,3vw,40px);max-width:760px;color:#fff;margin:.4rem 0 0}.page-bottom-cta .eyebrow{color:#8fc3ff}.page-bottom-cta .btn{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px}.blog-detail .related-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:900px){.page-detail-hero{grid-template-columns:1fr}.page-detail-visual{max-width:720px}.page-detail-grid{grid-template-columns:1fr}.page-action-card{position:relative;top:auto}.related-cards-grid{grid-template-columns:1fr 1fr}.page-bottom-cta{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.page-detail-shell{padding:22px 0 54px}.page-detail-wrap{width:min(100% - 20px,1180px)}.page-detail-hero{padding:21px;border-radius:22px;gap:19px}.page-detail-copy h1{font-size:clamp(38px,12vw,54px)}.page-detail-lead{font-size:1rem}.page-content-card{padding:21px;border-radius:22px}.page-detail-grid{gap:14px;margin-top:14px}.page-action-card{border-radius:20px}.related-cards-section{padding:20px;border-radius:22px;margin-top:14px}.related-cards-head{display:block}.related-cards-head p{margin-top:8px}.related-cards-grid,.blog-detail .related-cards-grid{grid-template-columns:1fr}.related-card-pro{min-height:0}.page-bottom-cta{padding:23px;border-radius:22px;margin-top:14px}.page-bottom-cta .btn{width:100%;justify-content:center}}

/* v2026.4.1 · Services hub / professional PWA catalog */
.services-hub{padding:0 0 88px;background:linear-gradient(180deg,#f7fbff 0,#fff 34%,#fff 100%)}
.services-hub .container{position:relative}
.services-hub-hero{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.75fr);gap:32px;align-items:stretch;padding:72px 0 34px}
.services-hub-copy{padding:12px 0}
.services-hub-copy h1{max-width:900px;margin:.5rem 0 1rem;font-size:clamp(44px,5.8vw,74px);line-height:1.01;letter-spacing:-.045em}
.services-hub-copy>p{max-width:780px;margin:0;color:#60738b;font-size:1.08rem;line-height:1.72}
.services-hub-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.services-hub-actions .btn{min-height:48px}
.services-hub-panel{display:grid;grid-template-columns:1fr;gap:12px;padding:18px;background:#07111f;border-radius:28px;box-shadow:0 26px 70px rgba(7,17,31,.16)}
.services-hub-stat{padding:18px 20px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.045);border-radius:20px}
.services-hub-stat strong{display:block;color:#fff;font-size:1.65rem;line-height:1.1}.services-hub-stat span{display:block;margin-top:7px;color:#afc0d4;font-size:.88rem;line-height:1.45}
.services-feature-strip{display:flex;gap:10px;flex-wrap:wrap;margin:4px 0 54px}.services-feature-strip span{padding:9px 13px;background:#fff;border:1px solid #dfe8f2;border-radius:999px;color:#35516f;font-size:.78rem;font-weight:800;box-shadow:0 8px 24px rgba(12,38,70,.04)}
.services-catalog-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.6fr);gap:28px;align-items:end;margin-bottom:24px}.services-catalog-head h2{margin:.35rem 0 0;font-size:clamp(32px,4vw,48px);line-height:1.05;letter-spacing:-.035em}.services-catalog-head>p{margin:0;color:#687b91;line-height:1.65}
.service-grid-pwa{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.service-card-pwa{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid #dfe8f2;border-radius:28px;overflow:hidden;box-shadow:0 18px 48px rgba(13,33,58,.075);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.service-card-pwa:hover{transform:translateY(-4px);border-color:#c9d9eb;box-shadow:0 28px 70px rgba(13,33,58,.12)}
.service-card-visual{position:relative;display:block;width:100%;aspect-ratio:1200/630;overflow:hidden;background:linear-gradient(135deg,#edf5ff,#f7faff)}
.service-card-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.service-card-placeholder{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;width:100%;height:100%;padding:28px;background:linear-gradient(135deg,#0a2f5f,#0b1f3a);color:#fff}.service-card-placeholder span{font-size:2rem;font-weight:900}.service-card-placeholder b{margin-top:6px;font-size:1rem}
.service-card-visual-badge{position:absolute;left:18px;bottom:18px;max-width:calc(100% - 36px);padding:8px 11px;background:rgba(7,17,31,.88);color:#fff;border:1px solid rgba(255,255,255,.14);border-radius:999px;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;backdrop-filter:blur(10px)}
.service-card-content{display:flex;flex-direction:column;flex:1;padding:24px}
.service-card-meta-row{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding-bottom:16px;border-bottom:1px solid #edf2f7}.service-card-meta-row span{color:#7a8ba0;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.service-card-meta-row strong{color:#0a3669;font-size:.92rem;text-align:right;line-height:1.35}
.service-card-pwa h2{margin:19px 0 10px;font-size:clamp(1.45rem,2.2vw,1.9rem);line-height:1.08;letter-spacing:-.025em}.service-card-pwa h2 a{text-decoration:none;color:#101827}.service-card-pwa p{margin:0;color:#60738b;line-height:1.68}
.service-card-info{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.service-card-info span{padding:7px 9px;background:#f4f8fc;border:1px solid #e5edf5;border-radius:999px;color:#425d79;font-size:.72rem;font-weight:700}
.service-card-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:auto;padding-top:22px}.service-card-footer .btn{display:inline-flex;align-items:center;gap:8px}.service-card-textlink{color:#1769e8;font-weight:800;text-decoration:none;font-size:.9rem}.service-card-textlink:hover{text-decoration:underline}
.services-bottom-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center;margin-top:48px;padding:30px 32px;background:#07111f;color:#fff;border-radius:28px;box-shadow:0 26px 70px rgba(7,17,31,.15)}.services-bottom-cta .eyebrow{color:#7fb5ff}.services-bottom-cta h2{max-width:760px;margin:.45rem 0 .5rem;color:#fff;font-size:clamp(28px,3.4vw,42px);line-height:1.08}.services-bottom-cta p{max-width:720px;margin:0;color:#afc0d4;line-height:1.6}.services-bottom-cta .btn{white-space:nowrap;display:inline-flex;align-items:center;gap:8px}
@media(max-width:980px){.services-hub-hero{grid-template-columns:1fr}.services-hub-panel{grid-template-columns:repeat(3,minmax(0,1fr))}.services-catalog-head{grid-template-columns:1fr}.service-grid-pwa{grid-template-columns:1fr}.services-bottom-cta{grid-template-columns:1fr;align-items:start}}
@media(max-width:720px){.services-hub{padding-bottom:56px}.services-hub-hero{padding:42px 0 24px;gap:22px}.services-hub-copy h1{font-size:clamp(38px,11vw,54px)}.services-hub-panel{grid-template-columns:1fr;padding:12px;border-radius:22px}.services-feature-strip{margin-bottom:38px}.service-card-pwa{border-radius:22px}.service-card-content{padding:20px}.service-card-meta-row{flex-direction:column;gap:6px}.service-card-meta-row strong{text-align:left}.service-card-footer{align-items:flex-start;flex-direction:column}.service-card-footer .btn{width:100%;justify-content:center}.services-bottom-cta{padding:24px 20px;border-radius:22px}.services-bottom-cta .btn{width:100%;justify-content:center}}

/* v2026.4.2 - Homepage portfolio PWA showcase */
.home-portfolio{overflow:hidden}.home-portfolio-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:30px}.home-portfolio-head>div{max-width:720px}.home-portfolio-head h2{margin:.35rem 0 .55rem}.home-portfolio-head p{margin:0;color:#667085;font-size:1.05rem;line-height:1.65}.home-portfolio-all{display:inline-flex;align-items:center;gap:8px;color:#1769e8;font-weight:700;white-space:nowrap}.home-portfolio-all span{transition:transform .2s}.home-portfolio-all:hover span{transform:translateX(3px)}.home-portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.home-project-card{background:#fff;border:1px solid #dfe6ef;border-radius:24px;overflow:hidden;box-shadow:0 16px 42px rgba(10,37,68,.07);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.home-project-card:hover{transform:translateY(-5px);box-shadow:0 24px 58px rgba(10,37,68,.12);border-color:#cbd9ea}.home-project-visual{position:relative;display:block;aspect-ratio:16/9;background:linear-gradient(135deg,#eaf1f8,#dce7f3);overflow:hidden}.home-project-desktop{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .45s ease}.home-project-card:hover .home-project-desktop{transform:scale(1.018)}.home-project-phone{position:absolute;right:20px;bottom:14px;width:22%;height:72%;padding:4px;background:#07111f;border-radius:18px;box-shadow:0 14px 32px rgba(7,17,31,.30);overflow:hidden}.home-project-phone img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:14px;background:#fff}.home-project-view{position:absolute;left:18px;bottom:16px;display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid rgba(7,17,31,.08);border-radius:999px;background:rgba(255,255,255,.96);color:#0b1728;font-size:.78rem;font-weight:800;box-shadow:0 10px 26px rgba(7,17,31,.14);backdrop-filter:blur(8px)}.home-project-view b{font-size:.95rem;color:#1769e8}.home-project-fallback{height:100%;display:grid;place-items:center;align-content:center;gap:10px;color:#23405f}.home-project-fallback span{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#1769e8;color:#fff;font-weight:900}.home-project-fallback b{max-width:80%;text-align:center}.home-project-body{padding:22px 22px 24px}.home-project-meta{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:13px}.home-project-meta span{padding:6px 9px;border-radius:999px;background:#eef5ff;color:#1769e8;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.home-project-body h3{margin:0 0 8px;font-size:1.55rem;letter-spacing:-.025em}.home-project-body h3 a:hover{color:#1769e8}.home-project-client{margin:0 0 11px!important;color:#41566f!important;font-size:.9rem;font-weight:600}.home-project-copy{margin:0;color:#667085;line-height:1.65}.home-project-link{display:inline-flex;align-items:center;gap:8px;margin-top:17px;color:#1769e8;font-weight:700;font-size:.9rem}.home-project-link span{transition:transform .2s}.home-project-link:hover span{transform:translateX(3px)}
@media(max-width:900px){.home-portfolio-grid{grid-template-columns:1fr}.home-portfolio-head{align-items:flex-start}.home-project-visual{aspect-ratio:16/9}}
@media(max-width:640px){.home-portfolio{padding:58px 0}.home-portfolio-head{display:block;margin-bottom:22px}.home-portfolio-all{margin-top:16px}.home-project-card{border-radius:20px}.home-project-visual{aspect-ratio:1.35/1}.home-project-phone{right:12px;bottom:10px;width:25%;height:68%;border-radius:13px}.home-project-phone img{border-radius:10px}.home-project-view{left:12px;bottom:11px;padding:8px 10px}.home-project-body{padding:18px}.home-project-body h3{font-size:1.3rem}.home-project-copy{font-size:.95rem}}

/* v2026.4.6 PageSpeed + accessibility */
.eyebrow.blue,.section-kicker,.related-kind{color:#0b5fc7}.article-cover-frame figcaption,figcaption{color:#4f647a}.cookie-card>p{color:#4b5f75}.cookie-options small{color:#475569}.cookie-options label{color:#24364a}.cookie-withdraw{color:#7f1d1d}.cookie-manage-fab span{background:#0b63ce}.cookie-consent{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(6,18,32,.72)}
.site-header,.portfolio-device,.home-project-card,.service-card-pro,.blog-card-pro,.related-card-pro{contain:layout paint}.section,.catalog-section,.portfolio-case-section,.portfolio-meta-section,.services-catalog-section{content-visibility:auto;contain-intrinsic-size:1px 800px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}