*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Manrope,Arial,sans-serif;color:#12203a;background:#f5f7fb;line-height:1.6}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}.container{width:min(1180px,calc(100% - 32px));margin:0 auto}
:root{--blue:#082f9c;--blue-dark:#041f6c;--blue-soft:#0f49d9;--cyan:#25f0ec;--text:#12203a;--muted:#67748b;--line:#d8e0ef;--bg:#f5f7fb;--card:#ffffff;--shadow:0 30px 80px rgba(5,22,73,.14);--radius:22px}
.site-header{position:absolute;inset:0 0 auto 0;z-index:20;padding:18px 0}.page-inner .site-header{position:sticky;background:rgba(4,31,108,.88);backdrop-filter:blur(14px)}.header-shell{display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:14px;color:#fff}.brand-mark{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;font-weight:800;letter-spacing:.06em;background:linear-gradient(135deg,var(--cyan),#6e7dff);color:#082f9c;box-shadow:0 14px 40px rgba(37,240,236,.34)}.brand-copy{display:grid;gap:2px}.brand-copy strong{font-size:1rem}.brand-copy small{font-size:.78rem;color:rgba(255,255,255,.78)}.main-nav{display:flex;align-items:center;gap:28px}.main-nav a{font-size:.95rem;color:rgba(255,255,255,.85);font-weight:600}.main-nav a:hover,.main-nav a:focus-visible{color:#fff}.header-actions{display:flex;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:none;border-radius:14px;padding:15px 24px;font-weight:800;cursor:pointer;transition:.22s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--cyan),#72ebff);color:#05306a;box-shadow:0 18px 40px rgba(37,240,236,.26)}.btn-ghost,.btn-header{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.18)}.btn-ghost-light{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.2)}.btn-secondary{background:#edf3ff;color:var(--blue-soft);border:1px solid #d4ddf6}.btn-ghost-blue{background:#fff;color:var(--blue-soft);border:1px solid #d7e2fb}.full-width{width:100%}
.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#062785 0%,#05206f 58%,#0a2f99 100%);color:#fff;padding:138px 0 92px}.hero::after{content:"";position:absolute;left:-8%;right:-8%;bottom:-118px;height:250px;background:#f5f7fb;transform:skewY(-11deg)}.hero-bg::before,.hero-bg::after{content:"";position:absolute;pointer-events:none}.hero-bg::before{width:420px;height:420px;border-radius:50%;right:34%;top:-120px;background:radial-gradient(circle,rgba(37,240,236,.18),rgba(37,240,236,0) 66%)}.hero-bg::after{inset:0;background-image:radial-gradient(rgba(255,255,255,.09) 1px,transparent 1px);background-size:14px 14px;mask-image:linear-gradient(90deg,rgba(0,0,0,.55),transparent 76%);opacity:.42}.hero-shell{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(340px,.98fr);align-items:center;gap:38px}.hero-copy{max-width:640px}.hero-eyebrow{display:inline-block;margin-bottom:16px;padding:10px 16px;border:1px solid rgba(255,255,255,.18);border-radius:999px;font-size:.82rem;font-weight:700;letter-spacing:.04em;background:rgba(255,255,255,.06);color:rgba(255,255,255,.84)}.hero h1{margin:0;font-size:clamp(2.8rem,5vw,4.6rem);line-height:.96;letter-spacing:-.04em}.hero-role{margin:16px 0 0;font-size:1.22rem;font-weight:700;color:var(--cyan)}.hero-lead{margin:22px 0 0;max-width:600px;font-size:1.1rem;color:rgba(255,255,255,.86)}.hero-highlights{display:flex;flex-wrap:wrap;gap:14px;margin:28px 0 0}.hero-highlights span{display:inline-flex;align-items:center;gap:10px;padding:13px 16px;border-radius:16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);font-weight:600;color:rgba(255,255,255,.9)}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.compact-actions{margin-top:22px}.hero-visual{position:relative;display:flex;justify-content:flex-end;align-items:flex-start;min-height:500px}.hero-visual::before{content:"";position:absolute;right:2%;bottom:24px;width:370px;height:370px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.26),rgba(255,255,255,0) 70%);filter:blur(8px)}.hero-photo{position:relative;z-index:2;max-height:650px;width:auto;object-fit:contain;filter:drop-shadow(0 34px 60px rgba(1,12,42,.42));transform:translateY(-10px)}
.section{position:relative;padding:84px 0}.section-intro{padding-top:44px}.section-heading{max-width:680px}.section-heading h2,.section-center-head h2,.apps-head h2,.page-hero h1,.content-panel h1{margin:10px 0 0;font-size:clamp(2rem,4vw,3rem);line-height:1.04;letter-spacing:-.035em;color:#0f2047}.section-heading p,.section-center-head p,.section-text,.apps-head p{margin:16px 0 0;color:var(--muted);font-size:1.04rem}.section-kicker{display:inline-block;padding:8px 14px;border-radius:999px;background:#eef3ff;color:#1d4fd1;font-weight:800;font-size:.78rem;letter-spacing:.04em;text-transform:uppercase}.section-kicker-light{background:rgba(255,255,255,.1);color:var(--cyan);border:1px solid rgba(255,255,255,.16)}.section-center-head{text-align:center;max-width:900px;margin:0 auto 36px}.intro-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:28px;align-items:start}.service-cards,.benefits-grid,.support-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.service-card,.benefit-card,.app-card,.content-panel,.contact-panel,.compact-panel,.directory-link{background:var(--card);border:1px solid #e1e7f3;border-radius:var(--radius);box-shadow:var(--shadow)}.service-card,.benefit-card{padding:26px 24px 24px}.service-index,.benefit-number{display:inline-grid;place-items:center;width:54px;height:54px;border-radius:16px;background:#eef3ff;color:#1b4fd6;font-weight:800;font-size:1.05rem;margin-bottom:18px}.service-card h3,.benefit-card h3,.app-card h3,.featured-app h3{margin:0;font-size:1.28rem;line-height:1.18;color:#132243}.service-card p,.benefit-card p,.app-card p,.featured-app p{margin:12px 0 0;color:var(--muted)}.section-benefits{background:linear-gradient(180deg,#ffffff 0%,#f5f7fb 100%)}
.apps-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.featured-app{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:28px;align-items:center;padding:28px 30px;border-radius:28px;background:linear-gradient(135deg,#082f9c,#0b3ec5);color:#fff;box-shadow:0 36px 80px rgba(6,39,133,.22);margin-bottom:24px}.featured-app h3{color:#fff;font-size:2rem}.featured-app p{color:rgba(255,255,255,.82)}.featured-side{display:grid;gap:16px}.featured-stat{padding:18px;border-radius:20px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.12)}.featured-stat span{display:block;font-size:.82rem;color:rgba(255,255,255,.74);margin-bottom:4px}.featured-stat strong{font-size:1.06rem}.app-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.app-card{padding:22px;display:flex;flex-direction:column;min-height:100%}.app-card-head{display:grid;grid-template-columns:72px minmax(0,1fr);gap:16px;align-items:center}.app-card-titlebox{min-width:0}.app-card h3{font-size:1.18rem;overflow-wrap:anywhere}.card-label{display:inline-flex;align-items:center;padding:7px 11px;border-radius:999px;background:#eef3ff;color:#2955d4;font-size:.76rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase}.app-icon{width:72px;height:72px;border-radius:20px;object-fit:cover;background:#eef2ff;border:1px solid #d8e1fb}.app-icon-hero{width:120px;height:120px;border-radius:28px}.inline-links{margin-top:auto;display:flex;flex-wrap:wrap;gap:12px;padding-top:18px}.inline-links a{color:#184ed0;font-weight:800;font-size:.96rem}.empty-state-card{justify-content:center;align-items:flex-start}
.section-cta{padding-top:26px}.cta-panel{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:34px;border-radius:32px;background:linear-gradient(135deg,#082f9c,#0d46da);color:#fff;box-shadow:0 34px 70px rgba(8,47,156,.22)}.cta-panel h2{margin:10px 0 0;color:#fff;font-size:clamp(1.8rem,3vw,2.6rem)}.cta-panel p{margin:12px 0 0;max-width:760px;color:rgba(255,255,255,.84)}.cta-actions{display:flex;flex-wrap:wrap;gap:14px}
.page-hero{padding:140px 0 48px;background:#f5f7fb}.page-hero-light{padding-top:126px}.page-hero-blue{background:linear-gradient(135deg,#062785 0%,#0b3ec5 100%);color:#fff;padding-top:128px;padding-bottom:52px}.page-hero-blue .page-hero-copy h1,.page-hero-blue .page-hero-copy p{color:#fff}.page-hero-shell{display:grid;grid-template-columns:minmax(0,1fr) 160px;gap:22px;align-items:center}.page-hero-copy h1{margin:10px 0 0;font-size:clamp(2rem,4vw,3.2rem);line-height:1.03}.page-hero-copy p{margin:14px 0 0;font-size:1.06rem;color:var(--muted)}.intro-panel{padding:30px 32px}.section-page-body{padding-top:26px}.content-two-col{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}.content-panel{padding:28px 30px}.compact-panel{padding:24px}.legal-content h2,.legal-content h3{color:#132243;line-height:1.15}.legal-content p,.legal-content li{color:var(--muted)}.feature-list{margin:14px 0 0;padding-left:18px;color:var(--muted)}.soft-note p{margin-top:12px}
.support-grid{align-items:stretch}.contact-panel h2{margin:12px 0 0;font-size:1.42rem;line-height:1.15}.directory-wrap{padding-top:8px}.directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.directory-link{padding:22px;display:grid;gap:8px;transition:.2s ease}.directory-link span{font-weight:800;color:#142344}.directory-link strong{color:#184ed0}.directory-link:hover{transform:translateY(-2px)}
.site-footer{margin-top:88px;padding:0 0 28px;background:#061e66;color:#fff}.footer-shell{display:flex;justify-content:space-between;gap:28px;padding:42px 0 24px}.footer-branding{max-width:560px}.footer-brand{margin-bottom:14px}.footer-text{color:rgba(255,255,255,.76);margin:0}.footer-links-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;min-width:min(420px,100%)}.footer-title{display:block;margin-bottom:12px;color:#9cc5ff;font-size:.86rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.footer-links-group a{display:block;margin-bottom:10px;color:rgba(255,255,255,.86)}.footer-bottom{padding-top:18px;border-top:1px solid rgba(255,255,255,.12)}.footer-bottom p{margin:0;color:rgba(255,255,255,.58);font-size:.92rem}
/* Admin */
.admin-body,.login-body{background:#f1f4fb}.admin-shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh}.admin-sidebar{padding:26px 22px;background:linear-gradient(180deg,#062785,#0b3ec5);color:#fff}.admin-brand{display:flex;gap:14px;align-items:center;color:#fff;margin-bottom:28px}.logo-mark{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-weight:800;background:linear-gradient(135deg,var(--cyan),#6e7dff);color:#062785}.admin-nav{display:grid;gap:10px}.admin-nav a{padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.08);color:#fff;font-weight:700}.admin-content{padding:28px 30px}.admin-topbar{display:flex;justify-content:space-between;gap:18px;align-items:end;margin-bottom:22px}.admin-topbar h1{margin:0;font-size:2.2rem;line-height:1}.admin-topbar p{margin:8px 0 0;color:var(--muted)}.stats-grid,.panel-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:18px}.panel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card,.panel{background:#fff;border:1px solid #dce5f2;border-radius:24px;padding:22px;box-shadow:0 18px 40px rgba(12,31,87,.08)}.stat-card span{display:block;color:var(--muted);font-weight:700}.stat-card strong{display:block;margin-top:8px;font-size:2rem;color:#0f2047}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.quick-actions{display:flex;flex-wrap:wrap;gap:12px}.ordered-list{margin:0;padding-left:20px}.table-wrap{overflow:auto}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:14px 10px;border-bottom:1px solid #e3eaf4;text-align:left;vertical-align:top}.badge{display:inline-flex;padding:7px 10px;border-radius:999px;background:#e9eef7;font-size:.78rem;font-weight:800;text-transform:uppercase}.badge-success{background:#dff8ef;color:#11824e}.badge-muted{background:#eef1f7;color:#52617e}.table-links,.table-actions{display:flex;flex-wrap:wrap;gap:10px}.link-button{background:none;border:none;padding:0;font:inherit;cursor:pointer}.danger-link{color:#cf3d3d}.stack-form{display:grid;gap:18px}.form-grid,.panel-subgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.stack-form label{display:grid;gap:8px}.stack-form input,.stack-form textarea,.stack-form select{width:100%;padding:14px 16px;border:1px solid #d7dfed;border-radius:16px;background:#fff;color:#142344}.panel-subcard{padding:22px;border:1px solid #e3eaf4;border-radius:22px;background:#f9fbff}.hint{color:var(--muted)}.icon-preview-wrap{margin-top:12px}.app-icon-large{width:92px;height:92px}.owner-photo-preview{display:grid;grid-template-columns:120px minmax(0,1fr);gap:18px;align-items:center}.owner-photo-preview img{width:120px;height:120px;object-fit:cover;border-radius:24px;background:#eef3ff}.form-actions{display:flex;justify-content:flex-start}.notice{padding:14px 16px;border-radius:16px;background:#e7f7ee;color:#0d7744;font-weight:700;margin-bottom:18px}.notice-error{background:#fdeaea;color:#b83232}.login-body{display:grid;place-items:center;min-height:100vh;padding:16px}.login-card{width:min(480px,100%);padding:30px;border-radius:28px;background:#fff;border:1px solid #dfe7f2;box-shadow:var(--shadow)}.login-brand{display:flex;align-items:center;gap:14px;margin-bottom:20px}.login-card h1{margin:0 0 8px;font-size:2rem}
@media (max-width: 1080px){.hero-shell,.intro-grid,.content-two-col,.page-hero-shell{grid-template-columns:1fr}.hero-visual{justify-content:center;min-height:0}.hero-photo{max-height:540px}.featured-app,.cta-panel,.apps-head,.footer-shell{grid-template-columns:1fr;display:grid}.app-grid,.service-cards,.benefits-grid,.support-grid,.directory-grid,.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-grid{grid-template-columns:1fr}.footer-links-group{min-width:0}}
@media (max-width: 780px){.site-header{padding:16px 0}.header-shell{align-items:flex-start;gap:16px;flex-wrap:wrap}.main-nav{display:none}.brand-copy small{display:none}.hero{padding-top:118px;padding-bottom:64px}.hero h1{font-size:clamp(2.3rem,9vw,3.3rem)}.hero-role{font-size:1rem}.hero-lead{font-size:1rem}.hero-visual{justify-content:center}.hero-photo{max-height:420px;transform:translateY(6px)}.section{padding:64px 0}.section-intro{padding-top:28px}.service-cards,.benefits-grid,.app-grid,.support-grid,.directory-grid,.stats-grid,.form-grid,.panel-subgrid,.footer-links-group{grid-template-columns:1fr}.featured-app{padding:24px}.featured-app h3{font-size:1.6rem}.cta-panel{padding:26px}.content-panel,.app-card,.compact-panel,.contact-panel{padding:22px}.app-card-head{grid-template-columns:60px minmax(0,1fr);gap:12px}.app-icon{width:60px;height:60px;border-radius:18px}.inline-links{gap:10px}.site-footer{margin-top:64px}.footer-shell{padding-top:34px}.admin-shell{grid-template-columns:1fr}.admin-sidebar{padding-bottom:16px}.admin-content{padding:20px 16px}.admin-topbar{flex-direction:column;align-items:flex-start}.owner-photo-preview{grid-template-columns:1fr}.btn,.btn-primary,.btn-secondary,.btn-ghost,.btn-ghost-light,.btn-header{width:100%}.hero-actions,.cta-actions,.quick-actions{width:100%}.hero-actions .btn,.cta-actions .btn,.quick-actions .btn{flex:1 1 100%}}
/* bluepro professional landing overrides */
.btn-outline-blue{background:#fff;color:var(--blue-soft);border:1px solid #cdd9fb}
.btn-outline-blue:hover{background:#f5f8ff}
.hero-copy{padding-top:6px}.hero-visual{justify-content:flex-end;align-items:flex-start;min-height:540px}.hero-photo{max-height:720px;transform:translateY(-74px);object-position:top center}.hero-highlights span{backdrop-filter:blur(6px)}
.section-services-pro{padding-top:38px;padding-bottom:72px}.services-pro-shell{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:26px;align-items:start}.services-pro-copy{background:linear-gradient(180deg,#ffffff 0%,#f7faff 100%);border:1px solid #dbe5fb;border-radius:32px;padding:34px 34px 32px;box-shadow:0 26px 70px rgba(9,39,122,.08)}.services-pro-copy h2{margin:14px 0 0;font-size:clamp(2rem,3.8vw,3.15rem);line-height:1.02;letter-spacing:-.04em;color:#10224a}.services-pro-copy p{margin:16px 0 0;color:#5f6e87;font-size:1.05rem}.services-pro-points{display:grid;gap:14px;margin-top:24px}.point-row{display:grid;gap:4px;padding:16px 18px;border-radius:22px;background:#f6f8fd;border:1px solid #e3eaf8}.point-row strong{font-size:1rem;color:#10224a}.point-row span{color:#66758d}.services-pro-stack{display:grid;gap:18px}.service-spotlight{background:#fff;border:1px solid #dde6f6;border-radius:28px;padding:24px 24px 22px;box-shadow:0 18px 54px rgba(12,38,115,.08)}.service-spotlight-main{padding:30px;background:linear-gradient(145deg,#0a2f97 0%,#1147cf 100%);border-color:rgba(255,255,255,.08);box-shadow:0 28px 70px rgba(9,46,150,.24)}.service-spotlight-main h3,.service-spotlight-main p{color:#fff}.service-spotlight-main p{opacity:.88}.service-pill{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.15);color:#7ff7f3;font-size:.76rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase;margin-bottom:14px}.service-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.service-spotlight h3{margin:0;font-size:1.22rem;line-height:1.15;color:#132243}.service-spotlight p{margin:10px 0 0;color:#64748b}.service-spotlight .service-index{margin-bottom:14px}
.app-grid{align-items:stretch}.app-card{padding:24px;border-radius:26px;gap:0}.app-card p{font-size:1rem}.app-card-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.app-card-meta span{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:#f3f6fc;color:#445566;font-size:.82rem;font-weight:700;border:1px solid #e1e8f6}.app-card-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:auto;padding-top:18px}.app-card-actions .btn{padding:13px 18px}.app-card-head{align-items:flex-start}.app-card-titlebox{display:grid;gap:8px}.app-card-titlebox .card-label{width:max-content}.app-card h3{font-size:1.22rem;line-height:1.16}
.app-page-hero-shell{grid-template-columns:minmax(0,1fr) 180px}.app-layout-two-col{grid-template-columns:minmax(0,1fr) 340px}.app-side-panel{display:grid;gap:20px}.app-main-panel{min-height:100%}.app-main-panel table{width:100%;border-collapse:collapse;margin:18px 0}.app-main-panel th,.app-main-panel td{border:1px solid #dbe4f5;padding:12px 14px;text-align:left}.app-main-panel blockquote{margin:20px 0;padding:16px 20px;border-left:4px solid #1d4fd1;background:#f6f9ff;border-radius:0 18px 18px 0}.app-main-panel ul,.app-main-panel ol{padding-left:22px}.app-main-panel p+ul,.app-main-panel p+ol{margin-top:-2px}
@media (max-width: 1080px){.services-pro-shell,.service-mini-grid,.app-layout-two-col{grid-template-columns:1fr}.hero-photo{max-height:620px;transform:translateY(-22px)}.hero-visual{justify-content:center}.app-page-hero-shell{grid-template-columns:1fr}.app-page-hero-side{display:none}.app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 780px){.hero{padding-top:112px;padding-bottom:52px}.hero::after{bottom:-90px;height:170px}.hero-copy{padding-top:0}.hero-visual{justify-content:center;min-height:0}.hero-photo{max-height:400px;transform:translateY(-8px)}.services-pro-copy,.service-spotlight,.content-panel,.compact-panel,.contact-panel,.app-card{padding:22px}.services-pro-copy h2{font-size:clamp(1.85rem,8vw,2.45rem)}.service-mini-grid,.app-grid,.benefits-grid,.support-grid,.directory-grid,.stats-grid,.form-grid,.panel-subgrid,.footer-links-group{grid-template-columns:1fr}.apps-head{margin-bottom:24px}.app-card-meta,.app-card-actions{flex-direction:column}.app-card-actions .btn{width:100%}.app-card-head{grid-template-columns:56px minmax(0,1fr)}.app-icon{width:56px;height:56px;border-radius:16px}.featured-app{grid-template-columns:1fr}.featured-side{grid-template-columns:1fr}}
/* final polish overrides */
.site-header{z-index:40}
.header-shell{position:relative;z-index:4}
.hero{padding-top:136px;padding-bottom:88px}
.hero-shell{grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);align-items:start;gap:24px}
.hero-copy{padding-top:34px;position:relative;z-index:3}
.hero-lead{max-width:620px}
.hero-actions{position:relative;z-index:3}
.hero-visual{justify-content:flex-end;align-items:flex-start;min-height:620px;padding-top:6px;z-index:1}
.hero-visual::before{right:5%;top:72px;bottom:auto;width:440px;height:440px;background:radial-gradient(circle,rgba(255,255,255,.18),rgba(255,255,255,0) 70%);filter:blur(10px)}
.hero-photo{width:min(470px,100%);max-height:690px;transform:translateY(-16px);margin-left:auto;filter:drop-shadow(0 42px 70px rgba(1,12,42,.32))}
.section-services-pro{padding-top:26px;padding-bottom:76px}
.services-pro-shell{gap:24px}
.services-pro-copy{padding:38px 38px 36px;border-radius:34px;box-shadow:0 30px 80px rgba(9,39,122,.09)}
.services-pro-copy h2{font-size:clamp(2.1rem,3.9vw,3.25rem)}
.services-pro-points{margin-top:28px;gap:16px}
.point-row{padding:18px 20px;border-radius:24px}
.point-row strong{font-size:1.02rem}
.services-pro-stack{gap:20px}
.service-spotlight{padding:26px 26px 24px;border-radius:30px;box-shadow:0 20px 58px rgba(12,38,115,.08)}
.service-spotlight-main{padding:32px;background:linear-gradient(145deg,#0b2f95 0%,#1048cc 100%)}
.service-spotlight-main h3,.service-spotlight-main p,.service-spotlight-main .service-pill{color:#fff!important}
.service-spotlight-main .service-pill{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.16)}
.service-spotlight-main p{opacity:1}
.service-mini-grid{gap:20px}
.apps-head{align-items:end}
.app-grid{gap:24px}
.app-card{padding:26px;border-radius:28px;overflow:hidden;min-height:100%}
.app-card-head{grid-template-columns:68px minmax(0,1fr);gap:14px;align-items:flex-start}
.app-card p{margin:14px 0 0;flex:1}
.app-card-meta{gap:8px}
.app-card-meta span{font-size:.78rem}
.app-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:stretch}
.app-card-actions .btn{width:100%;padding-inline:14px;min-height:50px}
.section-faq{padding-top:32px}
.faq-head{margin-bottom:24px}
.faq-grid{display:grid;gap:16px;max-width:980px;margin:0 auto}
.faq-item{background:#fff;border:1px solid #dce6f7;border-radius:24px;box-shadow:0 22px 56px rgba(9,39,122,.08);padding:0 24px}
.faq-item summary{list-style:none;cursor:pointer;padding:22px 0;font-weight:800;font-size:1.08rem;color:#122349}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item p{margin:0;padding:0 0 22px;color:#62738d}
.app-stage-section{padding-top:24px}
.app-stage-panel{padding:0;overflow:hidden}
.app-stage-panel > *:first-child{margin-top:0}
.app-stage-panel > *:last-child{margin-bottom:0}
.app-main-panel{box-shadow:0 28px 72px rgba(9,39,122,.08)}
.app-main-panel p,.app-main-panel li{color:#596987}
.app-demo-shell{border-radius:26px;overflow:hidden;background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)}
.app-demo-bar{display:flex;flex-wrap:wrap;gap:10px;padding:18px 20px;border-bottom:1px solid #e1eaf8;background:#f5f8ff}
.app-demo-bar span{display:inline-flex;align-items:center;padding:9px 12px;border-radius:999px;background:#fff;border:1px solid #dbe5f8;color:#2048b6;font-weight:700;font-size:.9rem}
.app-demo-body{padding:28px 30px 32px}
.app-demo-body h2{margin:0;font-size:2rem;line-height:1.04;color:#10224a}
.app-demo-body p{margin:14px 0 0;color:#62738d;font-size:1.02rem}
.project-links-list{display:grid;gap:10px;margin-top:16px;padding-left:18px}
.side-contact-list{display:grid;gap:10px;margin:16px 0 18px}
.side-contact-list a{font-weight:700;color:#1647c8;overflow-wrap:anywhere}
.section-app-seo{padding-top:0}
.app-seo-panel{max-width:980px;margin:0 auto;box-shadow:0 28px 72px rgba(9,39,122,.08)}
.app-seo-panel h2{margin-top:0;font-size:2rem;line-height:1.06;color:#10224a}
@media (max-width: 1080px){
.hero-shell{grid-template-columns:1fr}
.hero-copy{padding-top:12px}
.hero-visual{justify-content:center;min-height:0;padding-top:0}
.hero-photo{width:min(420px,100%);max-height:560px;transform:none}
.services-pro-shell,.service-mini-grid,.app-layout-two-col{grid-template-columns:1fr}
.app-card-actions{grid-template-columns:1fr 1fr}
}
@media (max-width: 780px){
.site-header{position:fixed;background:rgba(4,31,108,.92);backdrop-filter:blur(14px)}
.header-shell{align-items:center}
.header-actions{width:100%}
.hero{padding-top:116px;padding-bottom:42px}
.hero::after{bottom:-70px;height:140px}
.hero-shell{gap:16px}
.hero-copy{padding-top:0}
.hero-eyebrow{font-size:.75rem;padding:8px 12px;margin-bottom:12px}
.hero h1{font-size:clamp(2.15rem,9vw,3rem)}
.hero-role{margin-top:10px}
.hero-lead{margin-top:14px;font-size:.98rem}
.hero-highlights{margin-top:18px;gap:10px}
.hero-highlights span{padding:12px 14px;font-size:.9rem}
.hero-actions{margin-top:20px}
.hero-visual{justify-content:center;min-height:0}
.hero-photo{width:min(320px,86vw);max-height:none;transform:none}
.services-pro-copy,.service-spotlight,.content-panel,.compact-panel,.contact-panel,.app-card,.faq-item{padding:20px}
.service-mini-grid,.app-grid,.benefits-grid,.support-grid,.directory-grid,.stats-grid,.form-grid,.panel-subgrid,.footer-links-group,.app-card-actions{grid-template-columns:1fr}
.app-card-head{grid-template-columns:56px minmax(0,1fr)}
.app-card-actions .btn{min-height:48px}
.faq-item summary{padding:0;font-size:1rem}
.faq-item{padding:18px}
.faq-item p{padding:12px 0 0}
.app-demo-body{padding:22px}
.app-demo-body h2{font-size:1.5rem}
.app-page-hero-shell{grid-template-columns:1fr}
}
/* 2026-03-30 final hero/photo/favicon fixes */
.hero-shell{grid-template-columns:minmax(0,1.02fr) minmax(320px,.98fr);grid-template-areas:"top visual" "bottom visual";align-items:start;gap:22px 28px}
.hero-top{grid-area:top;max-width:650px;position:relative;z-index:3;padding-top:22px}
.hero-bottom{grid-area:bottom;max-width:650px;position:relative;z-index:3;margin-top:-6px}
.hero-visual{grid-area:visual;justify-content:flex-end;align-items:flex-start;min-height:0;padding-top:0;position:relative;z-index:2}
.hero-visual::before,.hero-visual::after{display:none!important;content:none!important}
.hero-photo{display:block;width:min(440px,100%);height:auto;max-height:640px;object-fit:contain;object-position:top center;margin-left:auto;transform:translateY(-30px);filter:drop-shadow(0 26px 48px rgba(1,12,42,.24));background:none!important;border:none!important;box-shadow:none!important}
.hero-lead{max-width:600px;margin-top:0}
.hero-highlights{margin-top:22px}
.hero-actions{margin-top:24px}
.service-spotlight-main,.service-spotlight-main h3,.service-spotlight-main p,.service-spotlight-main .service-pill{color:#fff!important}
@media (max-width:1080px){.hero-shell{grid-template-columns:1fr;grid-template-areas:"top" "visual" "bottom";gap:12px}.hero-top,.hero-bottom{max-width:none;padding-top:0}.hero-visual{justify-content:center}.hero-photo{width:min(390px,78vw);max-height:520px;transform:translateY(-8px);margin-inline:auto}}
@media (max-width:780px){.hero{padding-top:108px;padding-bottom:36px}.hero-shell{gap:10px}.hero-top{padding-top:0}.hero-bottom{margin-top:0}.hero-visual{margin:0 auto -4px;justify-content:center}.hero-photo{width:min(280px,76vw);max-height:320px;transform:none;margin-inline:auto}.hero-lead{font-size:.96rem;line-height:1.56}.hero-highlights{margin-top:16px;gap:10px}.hero-highlights span{padding:11px 13px;font-size:.88rem}.hero-actions{margin-top:18px}}
/* 2026-03-30 v3 hero/logo/photo fixes */
.brand-mark{
width:54px;
height:54px;
display:block;
flex:0 0 54px;
border-radius:16px;
background:none!important;
box-shadow:0 18px 34px rgba(27,233,246,.22);
}
.logo-mark{
width:52px;
height:52px;
display:block;
flex:0 0 52px;
border-radius:16px;
background:none!important;
color:transparent!important;
box-shadow:0 16px 30px rgba(27,233,246,.18);
}
.brand-copy strong{font-size:1rem;line-height:1.05}
.brand-copy small{line-height:1.2}
.hero-shell{gap:18px 28px}
.hero-top{padding-top:10px}
.hero-bottom{margin-top:-10px}
.hero-visual{align-self:start;justify-content:flex-end;margin-top:-6px;overflow:visible}
.hero-photo{width:min(430px,100%);max-height:600px;transform:translateY(-58px);background:transparent!important;border:none!important;box-shadow:none!important;outline:none!important}
.hero-actions{margin-top:20px}
@media (max-width:1080px){
.hero-shell{gap:8px}
.hero-visual{margin-top:-8px;justify-content:center}
.hero-photo{width:min(340px,70vw);max-height:440px;transform:translateY(-24px)}
.hero-bottom{margin-top:-8px}
}
@media (max-width:780px){
.site-header{padding:14px 0}
.brand{gap:10px}
.brand-mark{width:46px;height:46px;flex-basis:46px;border-radius:14px}
.hero{padding-top:102px;padding-bottom:34px}
.hero-shell{gap:4px}
.hero-top{padding-top:0}
.hero-visual{justify-content:center;margin:-8px auto -14px}
.hero-photo{width:min(230px,64vw);max-height:270px;transform:translateY(-12px);margin-inline:auto}
.hero-bottom{margin-top:0}
.hero-lead{margin-top:0;font-size:.95rem;line-height:1.52}
.hero-highlights{margin-top:14px}
.hero-highlights span{padding:10px 12px;font-size:.86rem}
.hero-actions{margin-top:16px}
}
/* 2026-03-30 final release fixes: UA brand, OG card, compact mobile hero */
.brand-mark,
.logo-mark{
background:transparent !important;
box-shadow:0 14px 30px rgba(27,233,246,.16) !important;
}
.hero-visual,
.hero-visual *{
background:transparent !important;
}
.hero-photo{
background:transparent !important;
mix-blend-mode:normal;
}
@media (max-width: 780px){
.hero-shell{
grid-template-areas:"top" "visual" "bottom";
gap:2px;
}
.hero-visual{
order:2;
margin:-6px auto -12px;
align-self:center;
}
.hero-top{
order:1;
}
.hero-bottom{
order:3;
}
.hero-photo{
width:min(220px,60vw);
max-height:250px;
transform:translateY(-6px);
}
.hero-lead{
margin-top:0;
}
.hero-actions{
display:flex;
flex-direction:column;
align-items:stretch;
gap:12px;
}
.hero-actions .btn-primary{
display:none;
}
.hero-actions .btn-ghost,
.hero-actions .btn-ghost-light,
.hero-actions .btn-secondary,
.hero-actions .btn-outline-blue{
order:-1;
width:100%;
}
}
@media (max-width: 780px){
.hero .hero-actions{
display:flex;
flex-direction:column;
align-items:stretch;
gap:12px;
}
.hero .hero-actions .btn-primary{
display:none;
}
.hero .hero-actions .btn-ghost,
.hero .hero-actions .btn-ghost-light,
.hero .hero-actions .btn-secondary,
.hero .hero-actions .btn-outline-blue{
order:-1;
width:100%;
}
.section-services-pro .hero-actions .btn-primary,
.section-apps .hero-actions .btn-primary,
.page-hero .hero-actions .btn-primary,
.section-page-body .hero-actions .btn-primary{
display:inline-flex;
}
}
@media (max-width: 780px){
.section-services-pro .hero-actions,
.section-apps .hero-actions,
.page-hero .hero-actions,
.section-page-body .hero-actions{
display:flex;
flex-direction:row;
flex-wrap:wrap;
align-items:center;
gap:12px;
}
.section-services-pro .hero-actions .btn,
.section-apps .hero-actions .btn,
.page-hero .hero-actions .btn,
.section-page-body .hero-actions .btn{
width:auto;
order:0;
}
}
/* Final mobile hero CTA visibility fix */
@media (max-width: 780px){
.hero{
padding-bottom: 64px;
}
.hero .hero-actions{
position: relative;
z-index: 6;
margin-top: 18px;
margin-bottom: 18px;
}
.hero .hero-actions .btn-ghost,
.hero .hero-actions .btn-ghost-light,
.hero .hero-actions .btn-secondary,
.hero .hero-actions .btn-outline-blue{
background: rgba(255,255,255,.94);
color: #0a2f99;
border: 1px solid rgba(255,255,255,.98);
box-shadow: 0 16px 34px rgba(3,18,67,.24);
text-shadow: none;
}
}
.lang-switch{display:flex;align-items:center;gap:8px;margin-right:14px}
.lang-switch-link{display:inline-flex;align-items:center;gap:6px;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#fff;font-size:.82rem;font-weight:800;line-height:1}
.lang-switch-link.is-active{background:rgba(255,255,255,.2);box-shadow:0 10px 24px rgba(0,0,0,.16)}
.lang-switch-link:hover,.lang-switch-link:focus-visible{background:rgba(255,255,255,.16);color:#fff}
.header-actions{gap:12px}
@media (max-width:980px){.main-nav{display:none}.header-actions{width:auto;justify-content:flex-end;flex-wrap:wrap}.lang-switch{margin-right:0}}
@media (max-width:767px){.site-header{padding:12px 0}.header-shell{align-items:flex-start}.brand{max-width:calc(100% - 20px)}.header-actions{flex-direction:column;align-items:stretch;width:auto;gap:10px}.lang-switch{order:1;justify-content:flex-end}.lang-switch-link{padding:9px 10px}.header-actions .btn-header{display:none}}
/* 2026-03-30 language flags fix */
.site-header{position:absolute;inset:0 0 auto 0;z-index:40}
.lang-float{position:absolute;top:18px;right:20px;display:flex;align-items:center;gap:10px;z-index:45}
.lang-flag{display:inline-flex;align-items:center;justify-content:center;width:42px;height:32px;padding:3px;border-radius:12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);box-shadow:0 12px 28px rgba(3,15,55,.14);backdrop-filter:blur(8px);transition:.22s ease}
.lang-flag:hover,.lang-flag:focus-visible{transform:translateY(-1px);background:rgba(255,255,255,.14)}
.lang-flag.is-active{background:rgba(255,255,255,.18);border-color:rgba(37,240,236,.8);box-shadow:0 14px 34px rgba(37,240,236,.16)}
.lang-flag img{width:100%;height:100%;display:block;border-radius:9px;object-fit:cover}
.header-actions{gap:12px}
.lang-switch,.lang-switch-link{display:none!important}
@media (max-width: 1180px){
.lang-float{right:16px}
}
@media (max-width: 980px){
.header-actions{width:auto;justify-content:flex-end;flex-wrap:nowrap}
}
@media (max-width: 780px){
.site-header{padding:12px 0 0}
.header-shell{padding-right:0}
.lang-float{top:14px;right:12px;gap:8px}
.lang-flag{width:36px;height:28px;padding:2px;border-radius:10px}
.lang-flag img{border-radius:8px}
}
@media (max-width: 560px){
.lang-float{top:12px;right:10px}
}
.section-home-seo{padding-top:28px}
.seo-copy-panel{padding:34px 36px}
.seo-copy-panel h2{margin:14px 0 18px;font-size:clamp(2rem,4vw,2.8rem);line-height:1.04;color:#102247}
.seo-copy-panel h3{margin:26px 0 12px;font-size:1.28rem;color:#102247}
.seo-copy-panel ul{margin:0 0 8px;padding-left:22px}
.seo-copy-panel li{margin:0 0 10px}
.seo-copy-panel p:last-child{margin-bottom:0}
.author-hero{padding-bottom:44px}
.author-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.85fr);gap:28px;align-items:end}
.author-hero-side{display:flex;justify-content:flex-end;align-items:flex-end}
.author-page-photo{max-height:560px;width:auto;object-fit:contain;filter:drop-shadow(0 28px 52px rgba(1,12,42,.34))}
.author-highlights{margin-top:22px}
.section-author-facts{padding-top:22px}
.author-stats-grid{margin-bottom:0}
.author-stat-card strong{font-size:1.5rem}
.author-story-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}
.author-story-panel{padding:32px 34px}
.author-story-panel h2{margin-top:28px}
.author-intro{font-size:1.08rem;color:#263552}
.author-proof-panel{position:sticky;top:100px}
.author-proof-list{display:grid;gap:10px}
.author-contact-box{margin-top:22px;padding-top:20px;border-top:1px solid #e3eaf4}
.side-contact-list{display:grid;gap:10px}
.section-author-prooflinks{padding-top:14px}
@media (max-width:1080px){.author-hero-grid,.author-story-grid{grid-template-columns:1fr}.author-hero-side{justify-content:center}.author-page-photo{max-height:480px}.author-proof-panel{position:static}.seo-copy-panel{padding:30px}}
@media (max-width:780px){.section-home-seo{padding-top:8px}.seo-copy-panel,.author-story-panel{padding:22px}.seo-copy-panel h2{font-size:clamp(1.8rem,8vw,2.3rem)}.seo-copy-panel h3{font-size:1.12rem}.author-hero{padding-top:116px;padding-bottom:28px}.author-page-photo{width:min(280px,76vw);max-height:340px}.author-highlights{gap:10px}.author-proof-panel{padding:22px}.author-contact-actions .btn{width:100%}}
/* 2026-03-31 mobile menu + language dropdown fix */
.header-shell{position:relative;z-index:60}
.header-tools{display:flex;align-items:center;gap:12px;margin-left:auto;position:relative;z-index:70}
.lang-float{display:none!important}
.lang-picker{position:relative;z-index:80}
.lang-picker-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:52px;height:46px;padding:0;border-radius:14px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.1);color:#fff;box-shadow:0 16px 34px rgba(2,14,55,.18);backdrop-filter:blur(10px);cursor:pointer;transition:.22s ease}
.lang-picker-toggle:hover,.lang-picker-toggle:focus-visible{background:rgba(255,255,255,.16);transform:translateY(-1px)}
.lang-picker-toggle img{width:28px;height:20px;object-fit:cover;border-radius:6px;box-shadow:0 3px 8px rgba(0,0,0,.18)}
.lang-picker-toggle svg{width:14px;height:14px;opacity:.9;transition:transform .2s ease}
.lang-picker.is-open .lang-picker-toggle svg{transform:rotate(180deg)}
.lang-picker-menu{position:absolute;top:calc(100% + 10px);right:0;min-width:196px;padding:10px;border-radius:18px;background:#fff;border:1px solid #dfe7f6;box-shadow:0 24px 60px rgba(6,23,76,.22)}
.lang-option{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 12px;border-radius:14px;color:#16305a;font-weight:700;transition:.18s ease}
.lang-option:hover,.lang-option:focus-visible{background:#f2f6ff;color:#0a2f99}
.lang-option.is-current{background:#f6f8fd;color:#0f2450;cursor:default}
.lang-option-main{display:flex;align-items:center;gap:10px;min-width:0}
.lang-option-main img{width:26px;height:18px;object-fit:cover;border-radius:5px;box-shadow:0 3px 8px rgba(0,0,0,.12)}
.lang-check{display:inline-flex;align-items:center;justify-content:center;min-width:18px;color:#0a2f99;font-size:14px;font-weight:800}
.menu-toggle{display:none;position:relative;width:50px;height:46px;padding:0;border:none;border-radius:14px;background:rgba(255,255,255,.1);box-shadow:0 16px 34px rgba(2,14,55,.18);backdrop-filter:blur(10px);cursor:pointer}
.menu-toggle span{position:absolute;left:14px;right:14px;height:2px;border-radius:999px;background:#fff;transition:.22s ease}
.menu-toggle span:nth-child(1){top:15px}
.menu-toggle span:nth-child(2){top:22px}
.menu-toggle span:nth-child(3){top:29px}
.menu-toggle[aria-expanded="true"] span:nth-child(1){top:22px;transform:rotate(45deg)}
.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.menu-toggle[aria-expanded="true"] span:nth-child(3){top:22px;transform:rotate(-45deg)}
.mobile-menu{display:none;position:absolute;left:0;right:0;top:100%;padding:14px 0 0;z-index:55}
.mobile-menu-inner{background:rgba(4,31,108,.97);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:18px;box-shadow:0 28px 70px rgba(1,10,40,.35)}
.mobile-nav{display:grid;gap:8px}
.mobile-nav a{display:flex;align-items:center;min-height:48px;padding:12px 14px;border-radius:14px;color:#fff;font-weight:700;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}
.mobile-nav a:hover,.mobile-nav a:focus-visible{background:rgba(255,255,255,.12)}
.mobile-menu-actions{display:grid;gap:10px;margin-top:14px}
body.menu-open{overflow:hidden}
@media (max-width:980px){
.main-nav{display:none!important}
.menu-toggle{display:inline-flex}
.header-actions .btn-header{display:none}
.mobile-menu:not([hidden]){display:block}
}
@media (min-width:981px){
.mobile-menu{display:none!important}
}
@media (max-width:780px){
.site-header{padding:12px 0 0}
.header-shell{align-items:flex-start;gap:12px;flex-wrap:nowrap}
.brand{min-width:0;max-width:calc(100% - 124px);gap:10px}
.brand-mark{width:42px;height:42px;border-radius:14px}
.brand-copy strong{font-size:.96rem;line-height:1.1}
.brand-copy small{display:none}
.header-tools{gap:8px;flex:0 0 auto}
.lang-picker-toggle,.menu-toggle{width:44px;height:42px;border-radius:13px}
.lang-picker-toggle img{width:24px;height:17px}
.lang-picker-menu{right:0;min-width:182px;padding:8px;border-radius:16px}
.lang-option{padding:10px 11px;border-radius:12px;font-size:.94rem}
.mobile-menu{padding-top:10px}
.mobile-menu-inner{padding:14px;border-radius:20px}
.mobile-nav a{min-height:44px;padding:11px 12px;font-size:.96rem}
.mobile-menu-actions .btn{width:100%}
}
/* 2026-03-31 header compact fix for RU/UA and centered language toggle */
.header-tools{flex:0 0 auto}
.header-actions{flex:0 0 auto}
.btn-header{white-space:nowrap;line-height:1.1;padding:14px 22px;min-height:54px}
.lang-picker{flex:0 0 auto}
.lang-picker-toggle{
position:relative;
width:46px;
min-width:46px;
height:46px;
padding:0;
display:grid;
place-items:center;
flex:0 0 46px;
}
.lang-picker-toggle img{
width:26px;
height:18px;
border-radius:5px;
margin:0;
}
.lang-picker-toggle svg{
position:absolute;
right:6px;
bottom:6px;
width:10px;
height:10px;
background:rgba(7,31,103,.78);
border-radius:999px;
padding:1px;
}
@media (min-width:981px){
.header-shell{gap:18px}
.main-nav{gap:20px;flex:1 1 auto;justify-content:center;min-width:0}
.main-nav a{font-size:.92rem;white-space:nowrap}
.header-tools{gap:10px}
.brand{min-width:0;max-width:290px}
.brand-copy small{font-size:.74rem;line-height:1.15}
html[lang="ru"] .main-nav,
html[lang="uk"] .main-nav{gap:16px}
html[lang="ru"] .main-nav a,
html[lang="uk"] .main-nav a{font-size:.9rem}
html[lang="ru"] .btn-header,
html[lang="uk"] .btn-header{padding:13px 18px;font-size:.95rem}
}
@media (max-width:1180px) and (min-width:981px){
.header-shell{gap:14px}
.main-nav{gap:14px}
.main-nav a{font-size:.87rem}
.btn-header{padding:12px 16px;font-size:.92rem;min-height:50px}
.brand{max-width:250px}
.brand-copy strong{font-size:.94rem}
.brand-copy small{font-size:.7rem}
}
@media (max-width:780px){
.lang-picker-toggle{width:42px;min-width:42px;height:42px;flex-basis:42px}
.lang-picker-toggle img{width:24px;height:17px}
.lang-picker-toggle svg{right:5px;bottom:5px}
}
.section-app-faq{padding-top:0}.faq-item [itemprop="text"]{padding:0 0 22px;color:#62738d}.faq-item [itemprop="text"] p:first-child{margin-top:0}.faq-admin-item{display:grid;gap:14px}.faq-remove-btn{justify-self:flex-start}.shortcode-preview{padding:16px 18px;border:1px dashed #bfd0ec;border-radius:20px;background:#f9fbff;margin-bottom:18px}.shortcode-preview code{white-space:pre-wrap;word-break:break-word;color:#1d3364}.app-embed-shell{margin-bottom:24px}.app-embed-frame{background:#fff;box-shadow:0 18px 48px rgba(9,39,122,.08)}
/* App page and FAQ layout fix v4 */
.section-app-seo{padding-top:0}
.app-secondary-grid{align-items:start}
.app-section-primary{grid-column:1 / 2;min-width:0}
.app-seo-panel{max-width:none;margin:0;box-shadow:0 28px 72px rgba(9,39,122,.08)}
.app-seo-panel h2{margin-top:0;font-size:2rem;line-height:1.06;color:#10224a}
.app-seo-panel p,.app-seo-panel li{max-width:none}
.page-app .site-header{padding:12px 0}
.app-page-hero{padding-top:42px;padding-bottom:26px}
.app-page-hero-shell{grid-template-columns:176px minmax(0,1fr);gap:22px;align-items:center}
.app-page-copy{min-width:0}
.app-page-copy .section-kicker{margin-bottom:10px}
.app-page-copy h1{margin:0;font-size:clamp(2.1rem,4vw,3.4rem);line-height:1.02;letter-spacing:-.04em}
.app-page-copy p{max-width:none;margin-top:14px;color:rgba(255,255,255,.88)}
.app-page-hero-side{display:flex;justify-content:flex-start;align-items:center}
.app-hero-icon-frame{display:grid;place-items:center;width:176px;height:176px;padding:14px;border-radius:40px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);box-shadow:0 24px 60px rgba(2,14,55,.26);backdrop-filter:blur(12px)}
.app-icon-hero{display:block;width:100%;height:100%;border-radius:30px;border:1px solid rgba(255,255,255,.12);background:#fff;box-shadow:none;object-fit:cover}
.app-page-hero .hero-actions{margin-top:22px;justify-content:flex-start}
.app-page-hero .hero-actions .btn{min-width:190px}
.section-app-faq{padding-top:8px}
.faq-head{margin-bottom:22px}
.faq-head h2{margin:0;font-size:clamp(1.8rem,3vw,2.5rem)}
.faq-grid{display:grid;gap:14px;max-width:none;margin:0}
.faq-item{padding:0;background:#fff;border:1px solid #d9e4f7;border-radius:22px;box-shadow:0 16px 40px rgba(9,39,122,.07);overflow:hidden}
.faq-question{display:flex;align-items:center;justify-content:space-between;gap:16px;list-style:none;cursor:pointer;padding:22px 24px;font-weight:800;font-size:1.08rem;line-height:1.35;color:#102247}
.faq-question::-webkit-details-marker{display:none}
.faq-question::marker{content:''}
.faq-question-text{display:block;flex:1 1 auto;min-width:0;padding-right:10px}
.faq-toggle-icon{flex:0 0 auto;display:inline-grid;place-items:center;width:34px;height:34px;border-radius:999px;background:#eef4ff;border:1px solid #d5e0f6;color:#1d4fd1;font-size:1.4rem;font-weight:800;line-height:1}
.faq-toggle-icon::before{content:'+'}
.faq-item[open] .faq-toggle-icon::before{content:'−'}
.faq-item[open] .faq-question{padding-bottom:14px}
.faq-answer{padding:0 24px 22px}
.faq-answer-inner{color:#5d708f;border-top:1px solid #ebf0fb;padding-top:16px}
.faq-answer-inner p:first-child,.faq-answer-inner > *:first-child{margin-top:0}
.faq-answer-inner p:last-child,.faq-answer-inner > *:last-child{margin-bottom:0}
.faq-answer-inner ul,.faq-answer-inner ol{padding-left:20px}
.faq-item:hover{border-color:#bfd0ef;box-shadow:0 20px 46px rgba(9,39,122,.09)}
@media (max-width:1080px){
.app-page-hero-shell{grid-template-columns:1fr;gap:18px}
.app-page-hero-side{justify-content:center;order:-1}
.app-hero-icon-frame{width:172px;height:172px}
.app-page-copy{text-align:left}
}
@media (max-width:780px){
.page-app .site-header{padding:8px 0}
.app-page-hero{padding-top:20px;padding-bottom:22px}
.app-page-hero-shell{gap:14px}
.app-page-hero-side{justify-content:center}
.app-hero-kicker{display:none}
.app-hero-icon-frame{width:132px;height:132px;padding:10px;border-radius:30px}
.app-icon-hero{border-radius:22px}
.app-page-copy{text-align:left}
.app-page-copy h1{font-size:clamp(1.95rem,8vw,2.6rem)}
.app-page-copy p{margin-top:10px;font-size:1rem}
.app-page-hero .hero-actions{margin-top:18px;gap:10px}
.app-page-hero .hero-actions .btn{width:100%;min-width:0}
.faq-head{margin-bottom:16px}
.faq-grid{gap:12px}
.faq-item{border-radius:18px}
.faq-question{padding:18px 18px 16px;font-size:1rem;gap:12px}
.faq-toggle-icon{width:30px;height:30px;font-size:1.2rem}
.faq-item[open] .faq-question{padding-bottom:12px}
.faq-answer{padding:0 18px 18px}
.faq-answer-inner{padding-top:14px;font-size:.98rem}
}
/* FAQ redesign fix v5 */
.section-app-faq{padding-top:10px}
.faq-grid{display:grid;gap:18px;max-width:none;margin:0}
.faq-item{
padding:0;
border:0;
border-radius:24px;
background:linear-gradient(180deg,#ffffff 0%,#fbfcff 100%);
box-shadow:0 14px 34px rgba(9,39,122,.08);
overflow:hidden;
}
.faq-item:hover{box-shadow:0 18px 40px rgba(9,39,122,.1);border-color:transparent}
.faq-question{
display:grid;
grid-template-columns:minmax(0,1fr) 42px;
align-items:center;
column-gap:16px;
row-gap:0;
padding:22px 24px;
margin:0;
list-style:none;
cursor:pointer;
color:#102247;
font-weight:800;
font-size:1.08rem;
line-height:1.38;
}
.faq-question-text{
display:block;
min-width:0;
padding-right:0;
overflow-wrap:anywhere;
}
.faq-toggle-icon{
width:42px;
height:42px;
align-self:start;
justify-self:end;
display:grid;
place-items:center;
border-radius:999px;
background:#f2f6ff;
border:1px solid #d7e3f7;
box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
color:#184cc7;
font-size:1.45rem;
font-weight:800;
line-height:1;
}
.faq-item[open] .faq-question{
background:#f8fbff;
border-bottom:1px solid #ecf1fb;
padding-bottom:20px;
}
.faq-item[open] .faq-toggle-icon{
background:#eaf2ff;
border-color:#cfdcf5;
}
.faq-answer{
padding:0 24px 24px;
background:#fff;
}
.faq-answer-inner{
position:relative;
border-top:0;
padding:18px 0 0 18px;
color:#5d708f;
}
.faq-answer-inner::before{
content:'';
position:absolute;
left:0;
top:18px;
bottom:2px;
width:4px;
border-radius:999px;
background:linear-gradient(180deg,#dce8ff 0%,#edf3ff 100%);
}
.faq-answer-inner p,
.faq-answer-inner li{line-height:1.7}
@media (max-width:780px){
.faq-grid{gap:14px}
.faq-item{border-radius:20px}
.faq-question{
grid-template-columns:minmax(0,1fr) 36px;
column-gap:12px;
align-items:start;
padding:18px 16px;
font-size:1rem;
line-height:1.34;
}
.faq-toggle-icon{
width:36px;
height:36px;
font-size:1.2rem;
margin-top:0;
}
.faq-item[open] .faq-question{padding-bottom:16px}
.faq-answer{padding:0 16px 18px}
.faq-answer-inner{padding:14px 0 0 14px;font-size:.98rem}
.faq-answer-inner::before{top:14px;bottom:2px;width:3px}
}
/* FAQ redesign fix v6 - clean mobile layout */
.section-app-faq .faq-grid{
display:grid;
gap:16px;
max-width:none;
margin:0;
}
.section-app-faq details.faq-item{
display:block;
margin:0;
padding:0;
border:1px solid #dbe5f4;
border-radius:20px;
background:#fff;
box-shadow:0 10px 26px rgba(9,39,122,.06);
overflow:hidden;
}
.section-app-faq details.faq-item:hover{
border-color:#cfdbef;
box-shadow:0 14px 30px rgba(9,39,122,.08);
}
.section-app-faq details.faq-item > summary.faq-question{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:14px;
width:100%;
margin:0;
padding:18px 20px;
list-style:none;
cursor:pointer;
box-sizing:border-box;
background:#fff;
color:#102247;
font-weight:800;
font-size:1.06rem;
line-height:1.4;
border:0;
}
.section-app-faq details.faq-item > summary.faq-question::-webkit-details-marker{
display:none;
}
.section-app-faq details.faq-item > summary.faq-question::marker{
content:'';
}
.section-app-faq .faq-question-text{
flex:1 1 auto;
display:block;
min-width:0;
overflow-wrap:anywhere;
word-break:break-word;
}
.section-app-faq .faq-toggle-icon{
flex:0 0 34px;
width:34px;
height:34px;
display:flex;
align-items:center;
justify-content:center;
margin:0;
border-radius:999px;
border:1px solid #d8e2f3;
background:#f4f7fd;
color:#1c49c7;
font-size:1.25rem;
font-weight:800;
line-height:1;
}
.section-app-faq .faq-toggle-icon::before{content:'+';}
.section-app-faq details.faq-item[open] .faq-toggle-icon::before{content:'−';}
.section-app-faq details.faq-item[open] > summary.faq-question{
background:#f8fbff;
}
.section-app-faq .faq-answer{
padding:0 20px 20px;
background:#fff;
}
.section-app-faq .faq-answer-inner{
position:relative;
margin:0;
padding:16px 18px;
border:1px solid #e7eef9;
border-radius:16px;
background:#f8fbff;
color:#5c6f8d;
}
.section-app-faq .faq-answer-inner::before{
content:none;
}
.section-app-faq .faq-answer-inner > *:first-child,
.section-app-faq .faq-answer-inner p:first-child,
.section-app-faq .faq-answer-inner ul:first-child,
.section-app-faq .faq-answer-inner ol:first-child{
margin-top:0;
}
.section-app-faq .faq-answer-inner > *:last-child,
.section-app-faq .faq-answer-inner p:last-child,
.section-app-faq .faq-answer-inner ul:last-child,
.section-app-faq .faq-answer-inner ol:last-child{
margin-bottom:0;
}
.section-app-faq .faq-answer-inner p,
.section-app-faq .faq-answer-inner li{
line-height:1.7;
}
@media (max-width:780px){
.section-app-faq .faq-grid{gap:12px;}
.section-app-faq details.faq-item{
border-radius:18px;
}
.section-app-faq details.faq-item > summary.faq-question{
gap:12px;
padding:16px 16px;
font-size:1rem;
line-height:1.35;
}
.section-app-faq .faq-toggle-icon{
flex-basis:30px;
width:30px;
height:30px;
font-size:1.1rem;
}
.section-app-faq .faq-answer{
padding:0 16px 16px;
}
.section-app-faq .faq-answer-inner{
padding:14px 14px;
border-radius:14px;
font-size:.97rem;
}
}
/* China sizes app */
.china-sizes-app{
--china-border:#dbe5f4;
--china-bg:#f5f8fe;
--china-panel:#ffffff;
--china-text:#10234a;
--china-muted:#5e6f8f;
--china-accent:#214fc6;
--china-accent-soft:#eef4ff;
margin:0;
color:var(--china-text);
}
.china-sizes-app *{box-sizing:border-box;}
.china-calc-shell,
.china-accordion-item,
.china-info-card,
.china-outerwear-card,
.china-modal-dialog{
background:var(--china-panel);
border:1px solid var(--china-border);
border-radius:26px;
box-shadow:0 18px 44px rgba(18,45,105,.06);
}
.china-calc-shell{
padding:28px;
margin-bottom:22px;
}
.china-calc-head h2{
margin:0 0 10px;
font-size:clamp(1.7rem,2.2vw,2.5rem);
line-height:1.05;
}
.china-calc-head p{
margin:0;
color:var(--china-muted);
line-height:1.7;
max-width:820px;
}
.china-section-head{margin-bottom:16px;}
.china-section-head.compact{margin-bottom:12px;}
.china-profile-switch{
display:flex;
flex-wrap:wrap;
gap:10px;
margin:22px 0 18px;
}
.china-profile-btn{
appearance:none;
border:1px solid var(--china-border);
background:#fff;
color:var(--china-text);
border-radius:16px;
padding:12px 16px;
font:inherit;
font-weight:800;
cursor:pointer;
transition:all .2s ease;
}
.china-profile-btn.is-active,
.china-profile-btn:hover{
background:var(--china-accent);
color:#fff;
border-color:var(--china-accent);
box-shadow:0 14px 28px rgba(33,79,198,.18);
}
.china-fields-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:14px;
}
.china-field{display:grid;gap:8px;}
.china-field span{font-weight:700;font-size:.95rem;}
.china-field input,
.china-field select{
width:100%;
min-width:0;
border:1px solid var(--china-border);
border-radius:16px;
background:#fff;
padding:15px 16px;
font:inherit;
color:var(--china-text);
outline:none;
}
.china-field input:focus,
.china-field select:focus{
border-color:var(--china-accent);
box-shadow:0 0 0 4px rgba(33,79,198,.12);
}
.china-calc-actions{
display:flex;
flex-wrap:wrap;
gap:12px;
margin-top:18px;
}
.china-calc-help{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:12px;
margin-top:20px;
}
.china-help-item{
padding:14px 16px;
border-radius:18px;
background:var(--china-bg);
border:1px solid #e3ebf7;
color:var(--china-muted);
line-height:1.55;
}
.china-help-item strong{color:var(--china-text);}
.china-accordion-stack{
display:grid;
gap:16px;
}
.china-accordion-item{
overflow:hidden;
}
.china-accordion-trigger{
width:100%;
display:flex;
align-items:center;
justify-content:space-between;
gap:18px;
padding:22px 24px;
background:#fff;
border:0;
cursor:pointer;
text-align:left;
color:var(--china-text);
}
.china-accordion-copy{
display:grid;
gap:6px;
min-width:0;
}
.china-accordion-copy strong{
font-size:1.22rem;
line-height:1.2;
}
.china-accordion-copy small{
color:var(--china-muted);
font-size:.96rem;
line-height:1.55;
}
.china-accordion-icon{
flex:0 0 42px;
width:42px;
height:42px;
border-radius:999px;
display:inline-flex;
align-items:center;
justify-content:center;
background:var(--china-accent-soft);
border:1px solid #d8e5fb;
color:var(--china-accent);
font-size:1.5rem;
font-weight:700;
}
.china-accordion-panel{
padding:0 24px 24px;
}
.china-card-grid{
display:grid;
gap:18px;
}
.china-card-grid.two-up{
grid-template-columns:repeat(2,minmax(0,1fr));
}
.china-info-card,
.china-outerwear-card{
padding:22px;
min-width:0;
}
.china-info-card h4,
.china-outerwear-card h4,
.china-section-head h3{
margin:0 0 8px;
}
.china-info-card p,
.china-outerwear-card p,
.china-section-head p{
margin:0;
color:var(--china-muted);
line-height:1.65;
}
.china-wide-card{grid-column:1 / -1;}
.china-table-wrap{
overflow:auto;
margin-top:14px;
border-radius:18px;
border:1px solid #e3ebf7;
}
.china-table{
width:100%;
border-collapse:collapse;
min-width:620px;
background:#fff;
}
.china-table th,
.china-table td{
padding:12px 14px;
text-align:left;
border-bottom:1px solid #edf2fa;
vertical-align:top;
}
.china-table th{
background:#f7faff;
color:var(--china-text);
font-size:.92rem;
font-weight:800;
}
.china-table td{
color:var(--china-muted);
line-height:1.45;
}
.china-table tbody tr:last-child td{border-bottom:0;}
.china-note-list{
margin:0;
padding-left:18px;
display:grid;
gap:10px;
color:var(--china-muted);
}
.china-note-list li{line-height:1.65;}
.china-terms-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:12px;
margin-top:14px;
}
.china-term-card{
padding:14px 16px;
border-radius:18px;
background:var(--china-bg);
border:1px solid #e5edf9;
display:grid;
gap:6px;
}
.china-term-card strong{font-size:1rem;}
.china-term-card span{color:var(--china-muted);line-height:1.55;}
.china-app-footer-note{
display:flex;
flex-wrap:wrap;
gap:12px;
margin-top:22px;
}
.china-footer-chip{
padding:12px 16px;
border-radius:999px;
background:#f3f7ff;
border:1px solid #dde7f8;
color:var(--china-muted);
line-height:1.55;
}
.china-result-empty{
display:grid;
gap:10px;
color:var(--china-muted);
}
.china-result-empty strong{color:var(--china-text);font-size:1.05rem;}
.china-result-empty p{margin:0;line-height:1.65;}
.china-result-main{display:grid;gap:16px;}
.china-result-label{
display:inline-flex;
width:max-content;
max-width:100%;
padding:6px 10px;
border-radius:999px;
background:var(--china-accent-soft);
color:var(--china-accent);
font-size:.82rem;
font-weight:800;
text-transform:uppercase;
letter-spacing:.04em;
}
.china-result-size-row{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:12px;
}
.china-result-size-row-kid{
grid-template-columns:repeat(2,minmax(0,1fr));
}
.china-result-size{
padding:18px;
border-radius:20px;
background:var(--china-bg);
border:1px solid #e2ebfa;
display:grid;
gap:6px;
}
.china-result-size small{color:var(--china-muted);font-size:.82rem;}
.china-result-size strong{font-size:1.5rem;line-height:1;}
.china-result-meta{
display:flex;
flex-wrap:wrap;
gap:10px;
}
.china-result-meta span,
.china-result-tip{
display:inline-flex;
align-items:center;
gap:8px;
padding:10px 12px;
border-radius:14px;
background:#f8fbff;
border:1px solid #e6eefb;
color:var(--china-muted);
line-height:1.5;
}
.china-result-tip strong{color:var(--china-text);}
.china-modal[hidden]{display:none !important;}
.china-modal{
position:fixed;
inset:0;
z-index:9999;
}
.china-modal-backdrop{
position:absolute;
inset:0;
background:rgba(8,20,48,.62);
backdrop-filter:blur(4px);
}
.china-modal-dialog{
position:relative;
z-index:1;
width:min(760px, calc(100vw - 32px));
max-height:calc(100vh - 32px);
margin:16px auto;
overflow:hidden;
}
.china-modal-scroll{
max-height:calc(100vh - 32px);
overflow:auto;
padding:28px;
}
.china-modal-header{
margin-bottom:18px;
padding-right:44px;
}
.china-modal-header h3{
margin:12px 0 10px;
font-size:clamp(1.4rem,2vw,2rem);
line-height:1.08;
}
.china-modal-header p{
margin:0;
color:var(--china-muted);
line-height:1.7;
}
.china-modal-result{
margin-bottom:18px;
}
.china-modal-promo{
padding:20px;
border-radius:22px;
background:linear-gradient(145deg,#f8fbff,#eef4ff);
border:1px solid #dfe9fb;
}
.china-promo-label{
display:block;
margin-bottom:8px;
color:var(--china-accent);
font-size:.8rem;
font-weight:800;
text-transform:uppercase;
}
.china-modal-promo strong{display:block;margin-bottom:6px;}
.china-modal-promo p{margin:0 0 14px;color:var(--china-muted);line-height:1.6;}
.china-modal-actions{
display:flex;
flex-wrap:wrap;
gap:12px;
}
.china-modal-actions a{
display:inline-flex;
align-items:center;
justify-content:center;
padding:12px 16px;
border-radius:16px;
background:var(--china-accent);
color:#fff;
text-decoration:none;
font-weight:800;
}
.china-modal-close{
position:absolute;
top:14px;
right:14px;
width:42px;
height:42px;
border-radius:999px;
border:1px solid #d6e2f8;
background:#fff;
color:var(--china-accent);
font:inherit;
font-size:1.5rem;
line-height:1;
cursor:pointer;
}
html.china-modal-open,
body.china-modal-open{
overflow:hidden;
}
@media (max-width:1100px){
.china-card-grid.two-up,
.china-calc-help{
grid-template-columns:1fr;
}
}
@media (max-width:780px){
.china-calc-shell,
.china-accordion-item,
.china-info-card,
.china-outerwear-card,
.china-modal-dialog{
border-radius:20px;
}
.china-calc-shell,
.china-info-card,
.china-outerwear-card{
padding:18px;
}
.china-profile-switch{
gap:8px;
}
.china-profile-btn{
border-radius:14px;
padding:10px 14px;
font-size:.95rem;
}
.china-fields-grid,
.china-terms-grid,
.china-result-size-row,
.china-result-size-row-kid{
grid-template-columns:1fr;
}
.china-calc-actions{
display:grid;
grid-template-columns:1fr;
}
.china-calc-actions .btn{width:100%;}
.china-accordion-trigger{
padding:18px 16px;
gap:12px;
align-items:flex-start;
}
.china-accordion-copy strong{font-size:1.06rem;}
.china-accordion-copy small{font-size:.9rem;}
.china-accordion-icon{
flex:0 0 36px;
width:36px;
height:36px;
font-size:1.25rem;
}
.china-accordion-panel{
padding:0 16px 16px;
}
.china-table{min-width:560px;}
.china-app-footer-note{display:grid;grid-template-columns:1fr;}
.china-modal-dialog{
width:calc(100vw - 16px);
max-height:calc(100vh - 16px);
margin:8px auto;
}
.china-modal-scroll{
max-height:calc(100vh - 16px);
padding:18px;
}
.china-modal-header{
padding-right:34px;
}
.china-modal-close{
top:10px;
right:10px;
width:38px;
height:38px;
}
}
/* China sizes quiz app */
.china-quiz-app{
--china-quiz-shell:#ffffff;
--china-quiz-border:#dbe5f4;
--china-quiz-bg:#f4f7fd;
--china-quiz-accent:#214fc6;
--china-quiz-accent-soft:#eef4ff;
--china-quiz-muted:#5e6f8f;
--china-quiz-warm:#effaf3;
--china-quiz-warm-border:#b8e4c6;
}
.china-quiz-app .china-quiz-shell{
background:var(--china-quiz-shell);
border:1px solid var(--china-quiz-border);
border-radius:28px;
padding:clamp(18px,3vw,30px);
box-shadow:0 16px 40px rgba(16,35,74,.08);
display:grid;
gap:18px;
}
.china-quiz-app .china-quiz-topbar{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
flex-wrap:wrap;
}
.china-quiz-app .china-topbar-left{
display:flex;
align-items:center;
gap:10px;
flex-wrap:wrap;
}
.china-quiz-app .china-nav-btn,
.china-quiz-app .china-mini-btn,
.china-quiz-app .china-action-btn{
appearance:none;
border:1px solid var(--china-quiz-border);
background:#fff;
color:#10234a;
border-radius:16px;
padding:12px 16px;
font-weight:700;
font-size:.96rem;
line-height:1.2;
cursor:pointer;
transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}
.china-quiz-app .china-nav-btn:hover,
.china-quiz-app .china-mini-btn:hover,
.china-quiz-app .china-action-btn:hover,
.china-quiz-app .china-choice-btn:hover{
transform:translateY(-1px);
border-color:#bdd0f5;
box-shadow:0 10px 24px rgba(33,79,198,.12);
}
.china-quiz-app .china-action-btn.is-primary,
.china-quiz-app .china-choice-btn.is-primary{
background:linear-gradient(135deg,#214fc6,#2d67f2);
color:#fff;
border-color:#214fc6;
}
.china-quiz-app .china-step-hint{
color:var(--china-quiz-muted);
font-size:.95rem;
font-weight:700;
}
.china-quiz-app .china-screen{display:none;}
.china-quiz-app .china-screen.is-active{
display:block;
animation:chinaQuizFade .22s ease;
}
@keyframes chinaQuizFade{
from{opacity:0;transform:translateY(4px)}
to{opacity:1;transform:translateY(0)}
}
.china-quiz-app .china-screen-head{
display:grid;
gap:8px;
margin-bottom:18px;
}
.china-quiz-app .china-screen-head h2{
margin:0;
font-size:clamp(1.65rem,3.2vw,2.35rem);
line-height:1.08;
color:#10234a;
}
.china-quiz-app .china-screen-head p{
margin:0;
max-width:860px;
color:var(--china-quiz-muted);
font-size:1.04rem;
line-height:1.65;
}
.china-quiz-app .with-nav-row{
display:flex;
justify-content:space-between;
align-items:flex-start;
gap:16px;
flex-wrap:wrap;
}
.china-quiz-app .china-inline-nav{
display:flex;
flex-wrap:wrap;
gap:10px;
}
.china-quiz-app .china-choice-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:14px;
}
.china-quiz-app .china-choice-grid.two-up{grid-template-columns:repeat(2,minmax(0,1fr));}
.china-quiz-app .china-choice-btn{
appearance:none;
width:100%;
text-align:left;
display:flex;
align-items:flex-start;
gap:14px;
border:1px solid var(--china-quiz-border);
background:#fff;
color:#10234a;
border-radius:22px;
padding:18px;
cursor:pointer;
transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}
.china-quiz-app .china-choice-emoji{
width:50px;
height:50px;
border-radius:16px;
display:grid;
place-items:center;
background:var(--china-quiz-accent-soft);
font-size:1.6rem;
flex:0 0 auto;
}
.china-quiz-app .china-choice-btn.is-primary .china-choice-emoji{
background:rgba(255,255,255,.18);
}
.china-quiz-app .china-choice-copy{
display:grid;
gap:6px;
}
.china-quiz-app .china-choice-copy strong{
font-size:1.08rem;
line-height:1.2;
}
.china-quiz-app .china-choice-copy small{
color:inherit;
opacity:.82;
line-height:1.5;
font-size:.93rem;
}
.china-quiz-app .china-form-panel,
.china-quiz-app .china-panel-card,
.china-quiz-app .china-wide-card,
.china-quiz-app .china-info-card{
background:#fff;
border:1px solid var(--china-quiz-border);
border-radius:24px;
padding:20px;
box-shadow:none;
}
.china-quiz-app .china-form-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:12px;
}
.china-quiz-app .china-form-grid.is-single{grid-template-columns:minmax(0,1fr);max-width:360px;}
.china-quiz-app .china-form-field{
display:grid;
gap:8px;
}
.china-quiz-app .china-form-field span{
font-weight:700;
color:#10234a;
font-size:.95rem;
}
.china-quiz-app .china-form-field input,
.china-quiz-app .china-form-field select{
width:100%;
min-height:52px;
border:1px solid var(--china-quiz-border);
border-radius:16px;
background:var(--china-quiz-bg);
color:#10234a;
padding:14px 16px;
font-size:1rem;
}
.china-quiz-app .china-form-field input:focus,
.china-quiz-app .china-form-field select:focus{
outline:none;
border-color:var(--china-quiz-accent);
box-shadow:0 0 0 4px rgba(33,79,198,.12);
}
.china-quiz-app .china-form-actions{
display:flex;
flex-wrap:wrap;
gap:10px;
margin-top:16px;
}
.china-quiz-app .china-data-stack{
display:grid;
gap:16px;
}
.china-quiz-app .china-panel-card h3,
.china-quiz-app .china-info-card h3,
.china-quiz-app .china-info-card h4,
.china-quiz-app .china-wide-card h3{
margin:0 0 12px;
color:#10234a;
}
.china-quiz-app .china-panel-card p{margin:0 0 12px;color:var(--china-quiz-muted);line-height:1.65;}
.china-quiz-app .china-note-list{
margin:0;
padding-left:18px;
color:var(--china-quiz-muted);
}
.china-quiz-app .china-note-list li{margin:0 0 10px;line-height:1.65;}
.china-quiz-app .china-terms-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:12px;
}
.china-quiz-app .china-term-card{
background:var(--china-quiz-bg);
border:1px solid var(--china-quiz-border);
border-radius:18px;
padding:14px 16px;
display:grid;
gap:6px;
}
.china-quiz-app .china-term-card strong{font-size:1rem;color:#10234a;}
.china-quiz-app .china-term-card span{color:var(--china-quiz-muted);line-height:1.55;}
.china-quiz-app .china-quiz-footer{
position:sticky;
bottom:10px;
z-index:4;
display:flex;
justify-content:space-between;
align-items:center;
gap:14px;
border:1px solid var(--china-quiz-warm-border);
background:linear-gradient(180deg,#f5fdf8,#eaf8f0);
border-radius:20px;
padding:14px 16px;
box-shadow:0 12px 28px rgba(26,122,67,.10);
}
.china-quiz-app .china-quiz-footer-copy{
display:grid;
gap:4px;
}
.china-quiz-app .china-footer-badge{
display:inline-flex;
align-items:center;
gap:8px;
font-weight:800;
color:#1c6b3f;
letter-spacing:.01em;
}
.china-quiz-app .china-quiz-footer-copy small{
color:#4d6c58;
line-height:1.4;
}
.china-quiz-app .china-footer-link,
.china-quiz-app .china-modal-actions a{
display:inline-flex;
align-items:center;
justify-content:center;
border-radius:16px;
padding:12px 16px;
background:linear-gradient(135deg,#2ea55f,#1f8a4c);
color:#ffffff;
text-decoration:none;
font-weight:800;
white-space:nowrap;
box-shadow:0 10px 22px rgba(31,138,76,.18);
}
.china-quiz-app .china-footer-link:hover,
.china-quiz-app .china-modal-actions a:hover{filter:brightness(.98);}
.china-quiz-app .china-result-main{display:grid;gap:16px;}
.china-quiz-app .china-result-meta{display:flex;flex-wrap:wrap;gap:10px;}
.china-quiz-app .china-result-meta span,
.china-quiz-app .china-result-tip{
background:var(--china-quiz-bg);
border:1px solid var(--china-quiz-border);
border-radius:14px;
padding:10px 12px;
}
.china-quiz-app .china-modal-extra-actions{display:flex;flex-wrap:wrap;gap:10px;}
.china-quiz-app .china-modal-dialog-full{
width:min(920px, calc(100vw - 24px));
max-height:min(92vh, 900px);
}
.china-quiz-app .china-modal-promo-inline{
border:1px solid var(--china-quiz-warm-border);
background:var(--china-quiz-warm);
}
.china-quiz-app .china-modal-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;}
.china-quiz-app,
.china-quiz-app .china-quiz-shell,
.china-quiz-app .china-quiz-stage,
.china-quiz-app .china-screen,
.china-quiz-app .china-screen-head,
.china-quiz-app .china-choice-grid,
.china-quiz-app .china-choice-btn,
.china-quiz-app .china-choice-copy,
.china-quiz-app .china-data-stack,
.china-quiz-app .china-form-panel,
.china-quiz-app .china-panel-card,
.china-quiz-app .china-wide-card,
.china-quiz-app .china-info-card,
.china-quiz-app .china-table-wrap,
.china-quiz-app .china-modal-dialog,
.app-stage-panel-wide,
.app-stage-panel-wide .content-panel{
min-width:0;
max-width:100%;
}
.china-quiz-app .china-quiz-shell{
overflow:hidden;
}
.china-quiz-app .china-table-wrap{
display:block;
width:100%;
max-width:100%;
overflow-x:auto;
overflow-y:hidden;
-webkit-overflow-scrolling:touch;
overscroll-behavior-x:contain;
}
.china-quiz-app .china-table{
width:100%;
min-width:100%;
max-width:none;
table-layout:auto;
}
.china-quiz-app .china-table th,
.china-quiz-app .china-table td{
white-space:normal;
}
.china-quiz-app .china-table th,
.china-quiz-app .china-table td{
min-width:120px;
}
.china-quiz-app .china-table th:first-child,
.china-quiz-app .china-table td:first-child{
min-width:150px;
}
.china-quiz-app .china-modal-promo-inline{
border:1px solid var(--china-quiz-warm-border);
background:linear-gradient(180deg,#f5fdf8,#ecf9f1);
box-shadow:inset 0 1px 0 rgba(255,255,255,.6);
}
.china-quiz-app .china-promo-label{
display:inline-flex;
align-items:center;
gap:8px;
font-weight:800;
color:#1c6b3f;
}
@media (max-width: 900px){
.china-quiz-app .china-choice-grid,
.china-quiz-app .china-choice-grid.two-up,
.china-quiz-app .china-form-grid,
.china-quiz-app .china-terms-grid{
grid-template-columns:minmax(0,1fr);
}
.china-quiz-app .with-nav-row{display:grid;gap:12px;}
}
@media (max-width: 820px){
.china-quiz-app .china-table{
width:max-content;
min-width:520px;
}
.china-quiz-app .china-table th,
.china-quiz-app .china-table td{
white-space:nowrap;
}
}
@media (max-width: 640px){
.china-quiz-app{
overflow-x:hidden;
}
.china-quiz-app .china-quiz-shell{
border-radius:22px;
padding:16px;
}
.china-quiz-app .china-quiz-topbar,
.china-quiz-app .china-topbar-left{
display:grid;
grid-template-columns:minmax(0,1fr);
width:100%;
}
.china-quiz-app .china-step-hint{
font-size:.88rem;
width:100%;
}
.china-quiz-app .china-choice-btn{
border-radius:20px;
padding:16px;
display:grid;
grid-template-columns:44px minmax(0,1fr);
align-items:flex-start;
}
.china-quiz-app .china-choice-emoji{
width:44px;
height:44px;
border-radius:14px;
font-size:1.45rem;
}
.china-quiz-app .china-form-panel,
.china-quiz-app .china-panel-card,
.china-quiz-app .china-wide-card,
.china-quiz-app .china-info-card{
border-radius:20px;
padding:16px;
}
.china-quiz-app .china-form-actions,
.china-quiz-app .china-inline-nav,
.china-quiz-app .china-modal-actions,
.china-quiz-app .china-modal-extra-actions{
display:grid;
grid-template-columns:minmax(0,1fr);
}
.china-quiz-app .china-action-btn,
.china-quiz-app .china-mini-btn,
.china-quiz-app .china-nav-btn,
.china-quiz-app .china-footer-link,
.china-quiz-app .china-modal-actions a{
width:100%;
justify-content:center;
}
.china-quiz-app .china-quiz-footer{
grid-template-columns:minmax(0,1fr);
display:grid;
bottom:6px;
padding:14px;
}
.china-quiz-app .china-quiz-footer-copy,
.china-quiz-app .china-choice-copy,
.china-quiz-app .china-panel-card,
.china-quiz-app .china-info-card,
.china-quiz-app .china-wide-card{
min-width:0;
}
.china-quiz-app .china-table-wrap{
margin-inline:-4px;
border-radius:16px;
}
.china-quiz-app .china-table{min-width:520px;}
.china-quiz-app .china-table th,
.china-quiz-app .china-table td{
padding:12px 10px;
font-size:.92rem;
}
.china-quiz-app .china-modal-dialog-full{
width:100vw;
max-width:none;
max-height:100vh;
height:100vh;
border-radius:0;
}
.china-quiz-app .china-modal-scroll{
padding-bottom:calc(24px + env(safe-area-inset-bottom));
}
}
/* 2026-04-02 app layout refresh */
.app-stage-section{
padding-top:24px;
}
.app-stage-container{
display:block;
}
.app-stage-panel-wide{
width:100%;
}
.app-stage-panel-wide .china-quiz-shell{
border-radius:28px;
}
.section-app-seo{
padding-top:24px;
}
.app-secondary-grid{
align-items:start;
}
.app-secondary-grid .app-seo-panel{
max-width:none;
margin:0;
}
.app-side-panel-sticky{
position:sticky;
top:104px;
align-self:start;
display:grid;
gap:20px;
}
.app-side-panel-sticky .content-panel{
box-shadow:0 24px 60px rgba(9,39,122,.08);
}
.project-links-list{
display:grid;
gap:12px;
}
.project-links-list li{
margin:0;
}
@media (min-width: 1081px){
.app-layout-two-col{
grid-template-columns:minmax(0,1fr) 320px;
gap:28px;
}
.app-stage-container .app-stage-panel{
padding:0;
}
}
@media (max-width: 1080px){
.app-side-panel-sticky{
position:static;
top:auto;
}
.section-app-seo{
padding-top:0;
}
}
/* Stable FAQ layout fix */
.section-faq .faq-grid,
.section-app-faq .faq-grid{
display:grid;
gap:16px;
max-width:none;
margin:0;
}
.section-faq details.faq-item,
.section-app-faq details.faq-item{
padding:0;
border:1px solid #d9e4f7;
border-radius:22px;
background:#fff;
box-shadow:0 14px 36px rgba(9,39,122,.07);
overflow:hidden;
}
.section-faq details.faq-item > summary.faq-question,
.section-app-faq details.faq-item > summary.faq-question{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:16px;
list-style:none;
cursor:pointer;
margin:0;
padding:22px 24px;
font-weight:800;
font-size:1.08rem;
line-height:1.4;
color:#122349;
}
.section-faq details.faq-item > summary.faq-question::-webkit-details-marker,
.section-app-faq details.faq-item > summary.faq-question::-webkit-details-marker{display:none;}
.section-faq details.faq-item > summary.faq-question::marker,
.section-app-faq details.faq-item > summary.faq-question::marker{content:'';}
.section-faq .faq-question-text,
.section-app-faq .faq-question-text{
flex:1 1 auto;
min-width:0;
padding-right:0;
}
.section-faq .faq-toggle-icon,
.section-app-faq .faq-toggle-icon{
flex:0 0 34px;
width:34px;
height:34px;
display:inline-flex;
align-items:center;
justify-content:center;
border-radius:999px;
border:1px solid #d6e2f8;
background:#eef4ff;
color:#1d4fd1;
font-size:1.32rem;
font-weight:800;
line-height:1;
}
.section-faq .faq-toggle-icon::before,
.section-app-faq .faq-toggle-icon::before{content:'+';}
.section-faq details.faq-item[open] .faq-toggle-icon::before,
.section-app-faq details.faq-item[open] .faq-toggle-icon::before{content:'−';}
.section-faq .faq-answer-wrap,
.section-app-faq .faq-answer-wrap,
.section-app-faq .faq-item [itemprop="text"]{
margin:0 24px 24px;
padding:18px 20px;
border-radius:18px;
background:#f6f9ff;
border:1px solid #e2ebfb;
color:#5f718f;
}
.section-faq .faq-answer-wrap p,
.section-app-faq .faq-answer-wrap p,
.section-app-faq .faq-item [itemprop="text"] p{
margin:0;
}
.section-app-faq .faq-item [itemprop="text"]{padding:18px 20px;}
.section-faq details.faq-item:hover,
.section-app-faq details.faq-item:hover{
border-color:#c6d5f0;
box-shadow:0 18px 40px rgba(9,39,122,.09);
}
@media (max-width: 767px){
.section-faq .faq-grid,
.section-app-faq .faq-grid{gap:12px;}
.section-faq details.faq-item,
.section-app-faq details.faq-item{border-radius:18px;}
.section-faq details.faq-item > summary.faq-question,
.section-app-faq details.faq-item > summary.faq-question{
padding:16px 16px;
gap:12px;
font-size:1rem;
}
.section-faq .faq-toggle-icon,
.section-app-faq .faq-toggle-icon{
flex-basis:30px;
width:30px;
height:30px;
font-size:1.15rem;
}
.section-faq .faq-answer-wrap,
.section-app-faq .faq-answer-wrap,
.section-app-faq .faq-item [itemprop="text"]{
margin:0 16px 16px;
padding:14px 14px;
border-radius:14px;
}
}
/* 2026-04-18 mobile app development landing + services submenu */
.nav-item{position:relative}
.nav-item-has-submenu{display:flex;align-items:center}
.nav-item-has-submenu > a{display:inline-flex;align-items:center;gap:8px}
.nav-item-has-submenu > a::after{content:'';width:8px;height:8px;border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor;transform:rotate(45deg) translateY(-1px);opacity:.74;margin-left:2px}
.nav-submenu{position:absolute;top:calc(100% + 14px);left:0;min-width:320px;max-height:min(72vh,560px);overflow:auto;padding:10px;border-radius:18px;background:rgba(255,255,255,.98);border:1px solid #dce7fa;box-shadow:0 24px 64px rgba(7,25,79,.2);opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s ease;z-index:90}
.nav-submenu a{display:flex;padding:12px 14px;border-radius:12px;color:#16305a!important;background:transparent;line-height:1.35}
.nav-submenu a:hover,.nav-submenu a:focus-visible{background:#f2f6ff;color:#0a2f99!important}
.nav-item-has-submenu:hover .nav-submenu,.nav-item-has-submenu:focus-within .nav-submenu{opacity:1;visibility:visible;transform:translateY(0)}
.mobile-nav-group{display:grid;gap:8px}
.mobile-subnav{display:grid;gap:8px;padding-left:14px}
.mobile-subnav a{background:rgba(255,255,255,.03)!important;border-style:dashed;color:rgba(255,255,255,.92)!important}
.service-landing-hero{padding-top:52px;padding-bottom:32px}
.service-landing-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(280px,.88fr);gap:24px;align-items:stretch}
.service-landing-copy h1{margin:0;font-size:clamp(2.3rem,4.8vw,4rem);line-height:1.01;letter-spacing:-.045em}
.service-landing-copy p{margin-top:16px;max-width:760px;color:rgba(255,255,255,.9);font-size:1.04rem}
.service-landing-highlights{margin-top:22px}
.service-landing-actions{margin-top:24px}
.service-landing-side{display:flex;align-items:stretch}
.service-offer-panel{width:100%;padding:30px;border-radius:30px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(12px);box-shadow:0 28px 68px rgba(2,14,55,.24)}
.service-offer-panel .card-label{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.18)}
.service-offer-panel h2{margin:16px 0 0;color:#fff;font-size:clamp(1.6rem,2.6vw,2.3rem);line-height:1.08}
.service-offer-panel p{margin:14px 0 0;color:rgba(255,255,255,.86)}
.service-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px}
.service-metrics div{padding:16px 14px;border-radius:20px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}
.service-metrics strong{display:block;font-size:1.5rem;line-height:1;color:#fff}
.service-metrics span{display:block;margin-top:8px;color:rgba(255,255,255,.78);font-weight:700;font-size:.88rem}
.service-head-tight{max-width:920px;margin-inline:auto}
.section-service-pricing{padding-top:28px}
.service-pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.service-price-card{padding:28px;border-radius:30px;background:linear-gradient(180deg,#ffffff 0%,#fbfcff 100%);border:1px solid #dce6f7;box-shadow:0 22px 62px rgba(9,39,122,.08)}
.service-plan-badge{display:inline-flex;align-items:center;min-height:34px;padding:8px 12px;border-radius:999px;background:#eef4ff;color:#1d4fd1;font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.service-price-card h3{margin:18px 0 0;font-size:1.55rem;color:#102247}
.service-plan-price{margin-top:10px;font-size:2.2rem;font-weight:800;line-height:1;color:#0a2f99}
.service-price-card p{margin:14px 0 0;color:#5f7190}
.service-plan-list{margin-top:16px}
.service-split-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);gap:22px;align-items:start}
.service-copy-panel,.service-checklist-panel,.service-proof-panel{box-shadow:0 26px 70px rgba(9,39,122,.08)}
.service-checklist,.service-plan-list{display:grid;gap:12px}
.service-checklist li,.service-plan-list li{color:#495a78;line-height:1.65}
.service-steps-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.service-step-card{padding:24px;border-radius:26px;background:#fff;border:1px solid #dce6f7;box-shadow:0 18px 52px rgba(9,39,122,.07)}
.service-step-card h3{margin:0;font-size:1.1rem;color:#102247;line-height:1.3}
.service-step-card p{margin:12px 0 0;color:#5e708e}
.service-split-grid-reverse{grid-template-columns:minmax(0,.97fr) minmax(300px,1.03fr)}
.service-cta-section{padding-top:20px}
.page-service-mobile .site-footer,.page-service-software .site-footer,.page-service-link-strategy .site-footer,.page-service-semantic-core .site-footer,.page-service-crowd-links .site-footer,.page-service-submission-links .site-footer{margin-top:36px}
@media (max-width:1080px){
.service-landing-grid,.service-split-grid,.service-split-grid-reverse{grid-template-columns:1fr}
.service-pricing-grid{grid-template-columns:1fr}
.service-steps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:980px){
.nav-submenu{display:none}
}
@media (max-width:780px){
.service-landing-hero{padding-top:18px;padding-bottom:24px}
.service-landing-copy h1{font-size:clamp(2rem,9vw,2.8rem)}
.service-landing-copy p{font-size:1rem}
.service-offer-panel,.service-price-card,.service-step-card{padding:20px}
.service-metrics{grid-template-columns:1fr 1fr}
.service-steps-grid{grid-template-columns:1fr}
}
@media (max-width:560px){
.service-metrics{grid-template-columns:1fr}
}
.section-service-seo{padding-top:10px}
.service-seo-panel{padding:34px 36px;border:1px solid #dce6f7;box-shadow:0 28px 74px rgba(9,39,122,.08)}
.service-seo-intro{max-width:920px;margin-bottom:22px}
.service-seo-block + .service-seo-block{margin-top:28px;padding-top:28px;border-top:1px solid #e4ebf7}
.service-seo-block h3{margin:0;color:#102247;font-size:1.34rem;line-height:1.2}
.service-seo-block p{margin:14px 0 0;color:#5f7190;line-height:1.78}
.service-seo-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 28px;margin-top:18px}
.service-seo-list li{color:#495a78;line-height:1.65}
@media (max-width:780px){
.service-seo-panel{padding:22px}
.service-seo-list{grid-template-columns:1fr}
}
/* 2026-04-18 website promotion service + FAQ polish */
.nav-submenu{min-width:360px}
.section-service-faq{padding-top:8px;padding-bottom:72px}
.section-service-faq .faq-head{margin-bottom:20px}
.page-service-promotion .service-offer-panel,
.page-service-promotion .service-step-card,
.page-service-promotion .service-price-card{background:linear-gradient(180deg,#ffffff 0%,#fbfcff 100%)}
.page-service-promotion .service-offer-panel .card-label{background:#eef3ff;color:#2955d4;border:1px solid #dbe6ff}
.page-service-promotion .service-offer-panel h2{color:#16315f}
.page-service-promotion .service-offer-panel p{color:#4f647d}
.page-service-promotion .service-metrics div{background:#f5f8ff;border:1px solid #dbe6ff}
.page-service-promotion .service-metrics strong{color:#16315f}
.page-service-promotion .service-metrics span{color:#5a6f86}
@media (max-width: 960px){
.section-service-faq{padding-bottom:56px}
.nav-submenu{min-width:0}
}
/* Force Dubai quiz title to white */
.dbx-quiz .dbx-quiz__title,
.dbx-quiz__panel .dbx-quiz__title,
.dbx-quiz h3.dbx-quiz__title,
h3.dbx-quiz__title[data-role="quiz-title"],
.dbx-quiz [data-role="quiz-title"]{
color:#ffffff !important;
-webkit-text-fill-color:#ffffff !important;
opacity:1 !important;
background:none !important;
background-image:none !important;
text-shadow:none !important;
}
.dbx-quiz .dbx-quiz__title *,
.dbx-quiz [data-role="quiz-title"] *{
color:inherit !important;
-webkit-text-fill-color:inherit !important;
}
/* NDFF parent modal support */
body.quiz-modal-open{overflow:hidden !important;}
.ndff-parent-wrap,.ndff-parent-wrap *{box-sizing:border-box;}
.ndff-parent-wrap{width:100%;max-width:100%;min-width:0;}
.ndff-parent-wrap .app-embed-frame{display:block;width:100%;max-width:100%;}
.ndff-parent-modal{position:fixed !important;inset:0 !important;}
/* ===== 2026-04 premium minimalist home hero redesign ===== */
:root{
--hero-bg:#0b2a6a;
--hero-bg-deep:#072155;
--hero-line:rgba(255,255,255,.1);
--hero-text-soft:rgba(255,255,255,.78);
--hero-card:rgba(255,255,255,.07);
--hero-card-border:rgba(255,255,255,.08);
--hero-button:#2459b7;
}
body.page-home{background:#eef1f7}
.site-header{padding:22px 0 0;z-index:80}
.page-inner .site-header{background:rgba(7,33,85,.88)}
.header-shell{gap:26px;align-items:center}
.brand{gap:16px;min-width:0}
.brand-mark{width:64px;height:64px;flex:0 0 64px;border-radius:18px;background:none;box-shadow:none;object-fit:contain}
.brand-copy{line-height:1.2;min-width:0}
.brand-copy strong{font-size:1rem;font-weight:800;letter-spacing:-.01em}
.brand-copy small{max-width:180px;font-size:.81rem;line-height:1.2;color:rgba(255,255,255,.82)}
.main-nav{gap:12px;justify-content:center;flex:1 1 auto}
.main-nav > a,.nav-item > a{padding:10px 12px;border-radius:12px;color:rgba(255,255,255,.88);font-size:.95rem;font-weight:700;line-height:1.1;transition:.2s ease}
.main-nav > a:hover,.nav-item > a:hover,.main-nav > a:focus-visible,.nav-item > a:focus-visible{background:rgba(255,255,255,.06);color:#fff}
.nav-item{position:relative}
.nav-link-with-caret{display:inline-flex;align-items:center;gap:6px}
.nav-link-with-caret svg{width:14px;height:14px;opacity:.85;transform:translateY(1px)}
.nav-submenu{top:calc(100% + 14px);left:0;min-width:280px;padding:14px;border-radius:24px;background:#fff;border:1px solid #dfe6f4;box-shadow:0 28px 64px rgba(4,24,72,.26)}
.nav-submenu a{display:block;padding:12px 14px;border-radius:14px;color:#22324f;font-weight:700}
.nav-submenu a:hover{background:#f3f6fd;color:#113690}
.header-tools{display:flex;align-items:center;gap:14px;flex:0 0 auto}
.btn-header{background:var(--hero-button);border:1px solid rgba(255,255,255,.12);box-shadow:none;border-radius:16px;padding:17px 26px;min-height:56px;color:#fff}
.btn-header:hover{background:#2a61c5}
.lang-picker-toggle{width:auto;min-width:108px;height:50px;padding:0 16px 0 14px;gap:10px;border-radius:16px;background:rgba(10,23,54,.18);border:1px solid rgba(255,255,255,.14);box-shadow:none}
.lang-picker-toggle img{width:24px;height:18px;border-radius:4px}
.lang-picker-code{font-size:1rem;font-weight:700;letter-spacing:-.02em;color:#fff}
.lang-picker-toggle svg{width:14px;height:14px;position:static;flex:0 0 auto}
.menu-toggle{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14)}
.page-home .hero{position:relative;overflow:hidden;padding:152px 0 118px;background:radial-gradient(circle at 50% 0, rgba(84,119,211,.16), rgba(84,119,211,0) 38%),linear-gradient(90deg,var(--hero-bg-deep) 0%, var(--hero-bg) 48%, #11357a 100%)}
.page-home .hero::before,.page-home .hero::after{content:"";position:absolute;pointer-events:none}
.page-home .hero::before{left:0;top:88px;width:270px;height:520px;background:
radial-gradient(130% 90% at 100% 12%, transparent 64%, rgba(255,255,255,.07) 64.6%, transparent 65.5%),
radial-gradient(112% 82% at 100% 18%, transparent 73%, rgba(255,255,255,.06) 73.6%, transparent 74.4%),
radial-gradient(96% 76% at 100% 24%, transparent 82%, rgba(255,255,255,.05) 82.5%, transparent 83.2%);
opacity:.8}
.page-home .hero::after{left:-6%;right:-6%;bottom:-98px;height:150px;background:#eef1f7;border-radius:0 0 50% 50% / 0 0 100% 100%;transform:none}
.page-home .hero-bg::before,.page-home .hero-bg::after{content:"";position:absolute;pointer-events:none}
.page-home .hero-bg::before{right:0;top:198px;width:380px;height:440px;background:
radial-gradient(110% 110% at 0 50%, transparent 72%, rgba(255,255,255,.075) 72.6%, transparent 73.4%),
radial-gradient(96% 96% at 0 50%, transparent 80%, rgba(255,255,255,.06) 80.6%, transparent 81.4%);opacity:.85}
.page-home .hero-bg::after{left:26%;top:0;width:44%;height:100%;background:radial-gradient(circle at 50% 10%, rgba(255,255,255,.07), rgba(255,255,255,0) 58%);opacity:.6}
.page-home .hero-shell{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:48px;align-items:start}
.page-home .hero-copy{padding-top:52px;max-width:700px}
.page-home .hero-eyebrow{display:inline-flex;align-items:center;gap:0;margin-bottom:26px;padding:11px 18px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);font-size:1rem;font-weight:700;color:rgba(255,255,255,.82);letter-spacing:-.01em}
.page-home .hero h1{margin:0;font-size:clamp(3.9rem,6vw,5.45rem);font-weight:800;line-height:.95;letter-spacing:-.07em;color:#fff}
.page-home .hero-role{margin:24px 0 0;font-size:1.22rem;font-weight:700;letter-spacing:-.02em;color:#4e80db}
.page-home .hero-lead{max-width:640px;margin:28px 0 0;font-size:1.08rem;line-height:1.55;color:rgba(255,255,255,.9)}
.page-home .hero-actions{display:flex;flex-wrap:wrap;gap:18px;margin-top:34px}
.page-home .btn{min-height:56px;padding:0 28px;border-radius:16px;font-size:1rem;font-weight:800;box-shadow:none}
.page-home .btn-primary{background:#2459b7;color:#fff;border:1px solid rgba(255,255,255,.08)}
.page-home .btn-primary:hover{background:#2a61c5}
.page-home .btn-ghost{background:transparent;border:1px solid rgba(255,255,255,.32);color:#fff}
.page-home .btn-ghost:hover{background:rgba(255,255,255,.06)}
.page-home .btn-arrow{font-size:1.2em;line-height:1;transform:translateY(-1px)}
.page-home .hero-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:40px;max-width:960px}
.page-home .hero-feature-card{display:grid;grid-template-columns:38px minmax(0,1fr);gap:14px;align-items:start;padding:18px 18px 16px;border-radius:20px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.03);backdrop-filter:blur(10px);min-height:132px}
.page-home .hero-feature-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:rgba(26,63,138,.58);color:#6aa2ff}
.page-home .hero-feature-icon svg{width:20px;height:20px}
.page-home .hero-feature-copy strong{display:block;font-size:1rem;font-weight:800;line-height:1.35;color:#fff}
.page-home .hero-feature-copy span{display:block;margin-top:10px;font-size:.97rem;line-height:1.45;color:rgba(255,255,255,.76)}
.page-home .hero-visual{position:relative;min-height:640px;display:flex;align-items:flex-end;justify-content:flex-end;padding-top:58px}
.page-home .hero-photo-card{position:absolute;right:26px;top:128px;width:min(500px,100% - 32px);height:560px;border-radius:34px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.page-home .hero-photo{position:relative;z-index:2;width:min(520px,100%);max-height:none;height:auto;object-fit:contain;transform:none;margin-right:-10px;filter:drop-shadow(0 30px 36px rgba(2,12,35,.18))}
@media (max-width: 1320px){
.page-home .hero-shell{gap:36px}
.page-home .hero h1{font-size:clamp(3.5rem,5.6vw,4.8rem)}
.page-home .hero-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.page-home .hero-photo-card{right:0;width:min(470px,100%);height:520px}
.page-home .hero-photo{width:min(480px,100%);margin-right:0}
}
@media (max-width: 1180px){
.brand-copy small{max-width:140px}
.main-nav{gap:6px}
.main-nav > a,.nav-item > a{padding-inline:10px;font-size:.91rem}
.page-home .hero-shell{grid-template-columns:minmax(0,1fr) minmax(320px,.85fr);gap:30px}
.page-home .hero-copy{padding-top:30px}
.page-home .hero-feature-grid{grid-template-columns:1fr;max-width:420px}
.page-home .hero-feature-card{min-height:auto}
.page-home .hero-photo-card{top:90px;height:500px}
}
@media (max-width: 980px){
.site-header{padding-top:14px}
.main-nav{display:none}
.page-home .hero{padding-top:124px;padding-bottom:82px}
.page-home .hero-shell{grid-template-columns:1fr;gap:20px}
.page-home .hero-copy{max-width:none;padding-top:16px}
.page-home .hero-visual{order:2;min-height:0;justify-content:center;padding-top:0}
.page-home .hero-photo-card{position:relative;top:auto;right:auto;width:min(440px,100%);height:420px;margin:0 auto -390px}
.page-home .hero-photo{width:min(390px,90vw);margin:0 auto;filter:drop-shadow(0 24px 32px rgba(2,12,35,.18))}
.page-home .hero-bg::before{display:none}
}
@media (max-width: 767px){
.brand-mark{width:46px;height:46px;flex-basis:46px;border-radius:14px}
.brand-copy strong{font-size:.95rem}
.brand-copy small{display:block;max-width:150px;font-size:.73rem}
.header-tools{margin-left:auto;gap:8px}
.header-actions .btn-header{display:none}
.lang-picker-toggle,.menu-toggle{height:42px;min-height:42px;border-radius:13px}
.lang-picker-toggle{min-width:84px;padding:0 10px}
.lang-picker-code{font-size:.92rem}
.page-home .hero{padding-top:98px;padding-bottom:54px}
.page-home .hero::after{bottom:-58px;height:92px}
.page-home .hero::before{left:-60px;top:78px;transform:scale(.7);opacity:.55}
.page-home .hero-shell{gap:10px}
.page-home .hero-copy{padding-top:8px}
.page-home .hero-eyebrow{margin-bottom:18px;font-size:.8rem;padding:8px 14px}
.page-home .hero h1{font-size:clamp(2.75rem,12vw,4rem)}
.page-home .hero-role{margin-top:14px;font-size:1.03rem}
.page-home .hero-lead{margin-top:18px;font-size:.98rem;line-height:1.55}
.page-home .hero-actions{gap:12px;margin-top:22px}
.page-home .hero-actions .btn{width:100%;justify-content:center;min-height:52px}
.page-home .hero-feature-grid{grid-template-columns:1fr;gap:12px;margin-top:24px;max-width:none}
.page-home .hero-feature-card{grid-template-columns:34px minmax(0,1fr);gap:12px;padding:15px 15px 14px;border-radius:18px}
.page-home .hero-feature-icon{width:34px;height:34px;border-radius:10px}
.page-home .hero-feature-copy strong{font-size:.95rem;line-height:1.32}
.page-home .hero-feature-copy span{margin-top:7px;font-size:.88rem;line-height:1.38}
.page-home .hero-visual{margin-top:10px}
.page-home .hero-photo-card{width:min(320px,100%);height:290px;margin:0 auto -262px;border-radius:24px}
.page-home .hero-photo{width:min(280px,76vw)}
}
/* ===== 2026-04 hero alignment correction v2 (closer to provided mockup) ===== */
.page-home .site-header .container,
.page-home .hero .container{
width:min(1296px, calc(100% - 56px));
}
.page-home .header-shell{
display:grid;
grid-template-columns:auto minmax(0,1fr) auto;
align-items:center;
gap:28px;
}
.page-home .brand{
min-width:260px;
}
.page-home .main-nav{
justify-content:center;
gap:18px;
}
.page-home .main-nav > a,
.page-home .nav-item > a{
padding:8px 10px;
font-size:.94rem;
}
.page-home .header-tools{
display:flex;
align-items:center;
justify-content:flex-end;
gap:16px;
}
.page-home .btn-header,
.page-home .lang-picker-toggle{
white-space:nowrap;
}
.page-home .lang-picker-toggle{
min-width:110px;
overflow:visible;
}
.page-home .lang-picker-toggle,
.page-home .lang-option-main{
font-variant-ligatures:none;
}
.page-home .lang-picker-toggle img,
.page-home .lang-option-main img{
flex:0 0 auto;
}
.page-home .hero{
padding:148px 0 104px;
background:
radial-gradient(circle at 50% 0, rgba(111,140,220,.18), rgba(111,140,220,0) 34%),
linear-gradient(90deg,#082052 0%, #0a2761 42%, #0c2f72 100%);
}
.page-home .hero::after{
left:-9%;
right:-9%;
bottom:-148px;
height:220px;
background:#eef1f7;
border-radius:0;
transform:skewY(-6.2deg);
}
.page-home .hero::before{
left:-6px;
top:72px;
width:260px;
height:560px;
opacity:.72;
}
.page-home .hero-bg::before{
right:-16px;
top:226px;
width:360px;
height:420px;
opacity:.72;
}
.page-home .hero-bg::after{
left:31%;
top:0;
width:34%;
height:100%;
background:radial-gradient(circle at 50% 8%, rgba(255,255,255,.08), rgba(255,255,255,0) 62%);
opacity:.55;
}
.page-home .hero-shell{
grid-template-columns:minmax(620px, 660px) minmax(420px, 1fr);
gap:40px;
align-items:start;
}
.page-home .hero-copy{
padding-top:56px;
max-width:660px;
}
.page-home .hero-eyebrow{
margin-bottom:28px;
padding:10px 16px;
font-size:.99rem;
color:rgba(255,255,255,.8);
}
.page-home .hero h1{
font-size:clamp(4.2rem, 5.9vw, 5.65rem);
line-height:.94;
letter-spacing:-.075em;
}
.page-home .hero-role{
margin-top:22px;
font-size:1.2rem;
color:#4b80df;
}
.page-home .hero-lead{
max-width:560px;
margin-top:26px;
font-size:1.02rem;
line-height:1.58;
color:rgba(255,255,255,.88);
}
.page-home .hero-actions{
gap:20px;
margin-top:32px;
}
.page-home .hero-actions .btn{
min-width:248px;
min-height:56px;
padding:0 26px;
border-radius:16px;
}
.page-home .hero-feature-grid{
width:min(644px, 100%);
grid-template-columns:repeat(3, minmax(0,1fr));
gap:16px;
margin-top:38px;
}
.page-home .hero-feature-card{
min-height:132px;
padding:16px 16px 14px;
border-radius:18px;
background:rgba(255,255,255,.07);
}
.page-home .hero-feature-copy strong{
font-size:.98rem;
line-height:1.35;
}
.page-home .hero-feature-copy span{
margin-top:8px;
font-size:.93rem;
line-height:1.42;
}
.page-home .hero-visual{
min-height:640px;
padding-top:32px;
align-items:flex-end;
justify-content:flex-end;
}
.page-home .hero-photo-card{
right:20px;
top:150px;
width:min(486px, 100% - 28px);
height:474px;
border-radius:30px;
background:linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.035));
}
.page-home .hero-photo{
width:min(522px, 100%);
margin-right:-4px;
filter:drop-shadow(0 26px 28px rgba(2,12,35,.16));
}
@media (max-width: 1260px){
.page-home .site-header .container,
.page-home .hero .container{width:min(1240px, calc(100% - 40px));}
.page-home .header-shell{gap:18px;}
.page-home .brand{min-width:236px;}
.page-home .main-nav{gap:10px;}
.page-home .hero-shell{grid-template-columns:minmax(540px, 1fr) minmax(360px, 420px);gap:24px;}
.page-home .hero h1{font-size:clamp(3.8rem, 6vw, 5rem);}
.page-home .hero-photo-card{right:0;width:min(440px,100%);}
.page-home .hero-photo{width:min(470px,100%);margin-right:0;}
}
@media (max-width: 1080px){
.page-home .header-shell{display:flex;}
.page-home .brand{min-width:0;}
.page-home .site-header .container,
.page-home .hero .container{width:min(100%, calc(100% - 32px));}
.page-home .hero{padding-top:130px;padding-bottom:86px;}
.page-home .hero::after{bottom:-124px;height:180px;}
.page-home .hero-shell{grid-template-columns:1fr;gap:14px;}
.page-home .hero-copy{max-width:none;padding-top:18px;}
.page-home .hero h1{font-size:clamp(3rem,9vw,4.6rem);}
.page-home .hero-feature-grid{width:min(660px,100%);grid-template-columns:repeat(3,minmax(0,1fr));}
.page-home .hero-visual{min-height:0;justify-content:center;padding-top:6px;}
.page-home .hero-photo-card{position:relative;top:auto;right:auto;width:min(460px,100%);height:430px;margin:0 auto -394px;}
.page-home .hero-photo{width:min(410px,86vw);margin:0 auto;}
}
@media (max-width: 767px){
.page-home .hero{padding-top:96px;padding-bottom:56px;}
.page-home .hero::after{bottom:-66px;height:96px;transform:skewY(-5.4deg);}
.page-home .hero::before{left:-56px;top:82px;transform:scale(.7);opacity:.52;}
.page-home .hero-bg::before{display:none;}
.page-home .hero-shell{gap:8px;}
.page-home .hero-copy{padding-top:10px;}
.page-home .hero-eyebrow{margin-bottom:16px;font-size:.8rem;padding:8px 14px;}
.page-home .hero h1{font-size:clamp(2.72rem, 12vw, 4rem);}
.page-home .hero-role{font-size:1rem;margin-top:12px;}
.page-home .hero-lead{font-size:.97rem;max-width:none;margin-top:16px;}
.page-home .hero-actions{gap:12px;margin-top:20px;}
.page-home .hero-actions .btn{width:100%;min-width:0;min-height:52px;}
.page-home .hero-feature-grid{width:100%;grid-template-columns:1fr;gap:12px;margin-top:22px;}
.page-home .hero-feature-card{min-height:auto;padding:14px 14px 13px;}
.page-home .hero-feature-copy strong{font-size:.95rem;}
.page-home .hero-feature-copy span{font-size:.88rem;}
.page-home .hero-visual{margin-top:10px;}
.page-home .hero-photo-card{width:min(320px,100%);height:292px;margin:0 auto -264px;border-radius:24px;}
.page-home .hero-photo{width:min(280px,76vw);}
.page-home .lang-picker-toggle{min-width:88px;padding:0 10px;gap:8px;}
.page-home .lang-picker-code{font-size:.9rem;}
}
/* ===== 2026-04 home hero exact-match correction v3 ===== */
@media (min-width: 981px){
.page-home .site-header{
padding-top:40px !important;
}
.page-home .site-header .container{
width:min(1592px, calc(100% - 80px)) !important;
}
.page-home .header-shell{
display:grid !important;
grid-template-columns:280px 1fr auto !important;
gap:28px !important;
align-items:center !important;
}
.page-home .brand{
gap:16px !important;
min-width:280px !important;
}
.page-home .brand-mark{
width:70px !important;
height:70px !important;
flex:0 0 70px !important;
border-radius:18px !important;
}
.page-home .brand-copy strong{
font-size:1.02rem !important;
}
.page-home .brand-copy small{
max-width:176px !important;
font-size:.81rem !important;
line-height:1.22 !important;
}
.page-home .main-nav{
display:flex !important;
justify-content:center !important;
align-items:center !important;
gap:22px !important;
}
.page-home .main-nav > a,
.page-home .nav-item > a{
padding:6px 6px !important;
font-size:.96rem !important;
font-weight:700 !important;
background:none !important;
}
.page-home .main-nav > a:hover,
.page-home .nav-item > a:hover,
.page-home .main-nav > a:focus-visible,
.page-home .nav-item > a:focus-visible{
background:none !important;
color:#fff !important;
}
.page-home .nav-link-with-caret{
gap:8px !important;
}
.page-home .nav-link-with-caret svg{
width:13px !important;
height:13px !important;
opacity:.82 !important;
}
.page-home .nav-submenu{
top:calc(100% + 16px) !important;
left:-8px !important;
min-width:300px !important;
padding:14px !important;
border-radius:24px !important;
}
.page-home .header-tools{
gap:16px !important;
align-items:center !important;
}
.page-home .btn-header{
min-height:52px !important;
padding:0 32px !important;
border-radius:16px !important;
background:#285bb5 !important;
border:1px solid rgba(255,255,255,.08) !important;
color:#fff !important;
box-shadow:none !important;
font-size:.99rem !important;
font-weight:800 !important;
}
.page-home .btn-header:hover{
background:#2c63c2 !important;
}
.page-home .lang-picker{
flex:0 0 auto !important;
}
.page-home .lang-picker-toggle{
position:relative !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
gap:10px !important;
width:auto !important;
min-width:108px !important;
height:50px !important;
padding:0 14px !important;
border-radius:16px !important;
border:1px solid rgba(255,255,255,.14) !important;
background:rgba(10,23,54,.18) !important;
box-shadow:none !important;
backdrop-filter:none !important;
overflow:hidden !important;
}
.page-home .lang-picker-toggle img{
width:24px !important;
height:18px !important;
margin:0 !important;
border-radius:4px !important;
object-fit:cover !important;
box-shadow:none !important;
flex:0 0 auto !important;
}
.page-home .lang-picker-code{
display:inline-block !important;
font-size:1rem !important;
font-weight:700 !important;
color:#fff !important;
line-height:1 !important;
letter-spacing:-.02em !important;
}
.page-home .lang-picker-toggle svg{
position:static !important;
right:auto !important;
bottom:auto !important;
width:14px !important;
height:14px !important;
padding:0 !important;
border-radius:0 !important;
background:none !important;
opacity:.9 !important;
flex:0 0 auto !important;
}
.page-home .hero{
min-height:860px !important;
padding:164px 0 96px !important;
background:#08265f url('../img/home-hero-reference-bg.webp') center top / 100% 100% no-repeat !important;
overflow:hidden !important;
}
.page-home .hero::before,
.page-home .hero::after,
.page-home .hero-bg::before,
.page-home .hero-bg::after{
display:none !important;
}
.page-home .hero .container{
width:min(1592px, calc(100% - 80px)) !important;
}
.page-home .hero-shell{
display:grid !important;
grid-template-columns:670px 1fr !important;
column-gap:58px !important;
row-gap:0 !important;
align-items:start !important;
padding-left:152px !important;
}
.page-home .hero-copy{
max-width:670px !important;
padding-top:48px !important;
}
.page-home .hero-eyebrow{
margin-bottom:28px !important;
padding:11px 18px !important;
border-radius:999px !important;
border:1px solid rgba(255,255,255,.1) !important;
background:rgba(255,255,255,.04) !important;
font-size:1rem !important;
font-weight:700 !important;
color:rgba(255,255,255,.82) !important;
letter-spacing:-.01em !important;
}
.page-home .hero h1{
margin:0 !important;
font-size:5.25rem !important;
line-height:.94 !important;
letter-spacing:-.075em !important;
font-weight:800 !important;
}
.page-home .hero-role{
margin-top:24px !important;
font-size:1.18rem !important;
font-weight:700 !important;
color:#4f82de !important;
letter-spacing:-.02em !important;
}
.page-home .hero-lead{
max-width:560px !important;
margin-top:28px !important;
font-size:1.02rem !important;
line-height:1.57 !important;
color:rgba(255,255,255,.9) !important;
}
.page-home .hero-actions{
display:flex !important;
gap:22px !important;
margin-top:34px !important;
}
.page-home .hero-actions .btn{
min-width:246px !important;
min-height:54px !important;
border-radius:16px !important;
padding:0 26px !important;
font-size:1rem !important;
font-weight:800 !important;
box-shadow:none !important;
}
.page-home .hero-actions .btn-primary{
background:#285bb5 !important;
border:1px solid rgba(255,255,255,.08) !important;
color:#fff !important;
}
.page-home .hero-actions .btn-ghost{
background:transparent !important;
border:1px solid rgba(255,255,255,.34) !important;
color:#fff !important;
}
.page-home .hero-feature-grid{
width:644px !important;
grid-template-columns:repeat(3, minmax(0,1fr)) !important;
gap:18px !important;
margin-top:38px !important;
}
.page-home .hero-feature-card{
min-height:132px !important;
padding:16px 16px 14px !important;
border-radius:18px !important;
background:rgba(255,255,255,.075) !important;
border:1px solid rgba(255,255,255,.07) !important;
box-shadow:none !important;
backdrop-filter:none !important;
}
.page-home .hero-feature-icon{
width:38px !important;
height:38px !important;
border-radius:12px !important;
background:rgba(27,64,136,.58) !important;
color:#6da1ff !important;
}
.page-home .hero-feature-copy strong{
font-size:.98rem !important;
line-height:1.36 !important;
color:#fff !important;
}
.page-home .hero-feature-copy span{
margin-top:8px !important;
font-size:.92rem !important;
line-height:1.42 !important;
color:rgba(255,255,255,.74) !important;
}
.page-home .hero-visual{
min-height:630px !important;
padding-top:0 !important;
justify-content:flex-start !important;
align-items:flex-end !important;
}
.page-home .hero-photo-card{
display:none !important;
}
.page-home .hero-photo{
width:520px !important;
max-width:none !important;
margin:0 0 0 14px !important;
transform:none !important;
filter:drop-shadow(0 18px 22px rgba(0,0,0,.12)) !important;
}
}
@media (max-width: 980px){
.page-home .lang-picker-toggle{
position:relative !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
gap:8px !important;
width:auto !important;
min-width:86px !important;
height:42px !important;
padding:0 10px !important;
border-radius:13px !important;
}
.page-home .lang-picker-toggle img{
width:22px !important;
height:16px !important;
margin:0 !important;
}
.page-home .lang-picker-toggle svg{
position:static !important;
right:auto !important;
bottom:auto !important;
width:12px !important;
height:12px !important;
padding:0 !important;
background:none !important;
}
.page-home .hero{
background:#08265f url('../img/home-hero-reference-bg.webp') center top / cover no-repeat !important;
}
}
/* ===== 2026-04 header/menu correction v4 ===== */
.page-home .nav-item-has-submenu > a::after{
content:none !important;
display:none !important;
}
@media (min-width:981px){
.page-home .site-header{
padding-top:38px !important;
}
.page-home .site-header .container{
width:min(1928px, calc(100% - 104px)) !important;
}
.page-home .header-shell{
display:grid !important;
grid-template-columns:minmax(430px, 500px) minmax(620px, 1fr) auto !important;
gap:34px !important;
align-items:center !important;
}
.page-home .brand{
position:relative !important;
min-width:0 !important;
width:100% !important;
gap:22px !important;
padding-right:34px !important;
}
.page-home .brand::after{
content:"" !important;
position:absolute !important;
right:0 !important;
top:19px !important;
bottom:19px !important;
width:1px !important;
background:linear-gradient(180deg, transparent, rgba(255,255,255,.18), transparent) !important;
}
.page-home .brand-mark{
width:86px !important;
height:86px !important;
flex:0 0 86px !important;
border-radius:24px !important;
filter:drop-shadow(0 0 18px rgba(82,139,255,.52)) !important;
}
.page-home .brand-copy strong{
font-size:1.42rem !important;
line-height:1.05 !important;
font-weight:900 !important;
letter-spacing:-.035em !important;
}
.page-home .brand-copy small{
max-width:280px !important;
margin-top:8px !important;
font-size:1.02rem !important;
line-height:1.18 !important;
font-weight:700 !important;
color:rgba(255,255,255,.74) !important;
}
.page-home .main-nav{
display:flex !important;
justify-content:center !important;
align-items:center !important;
gap:34px !important;
min-width:0 !important;
}
.page-home .main-nav > a,
.page-home .nav-item > a{
display:inline-flex !important;
align-items:center !important;
padding:8px 0 !important;
border-radius:0 !important;
background:transparent !important;
color:rgba(255,255,255,.9) !important;
font-size:1.22rem !important;
font-weight:900 !important;
line-height:1 !important;
letter-spacing:-.04em !important;
white-space:nowrap !important;
}
.page-home .main-nav > a:hover,
.page-home .nav-item > a:hover,
.page-home .main-nav > a:focus-visible,
.page-home .nav-item > a:focus-visible{
color:#fff !important;
background:transparent !important;
}
.page-home .nav-link-with-caret{
gap:12px !important;
}
.page-home .nav-link-with-caret svg{
display:block !important;
width:17px !important;
height:17px !important;
opacity:.88 !important;
transform:translateY(2px) !important;
flex:0 0 17px !important;
}
.page-home .nav-submenu{
top:calc(100% + 24px) !important;
left:-24px !important;
min-width:330px !important;
padding:16px !important;
border-radius:24px !important;
background:#fff !important;
border:1px solid #dfe7f6 !important;
box-shadow:0 30px 80px rgba(1,10,35,.32) !important;
}
.page-home .nav-submenu a{
display:block !important;
padding:14px 16px !important;
border-radius:14px !important;
font-size:1rem !important;
font-weight:800 !important;
color:#152647 !important;
letter-spacing:-.02em !important;
}
.page-home .nav-submenu a:hover{
background:#f2f6ff !important;
color:#1647b8 !important;
}
.page-home .header-tools{
display:flex !important;
align-items:center !important;
justify-content:flex-end !important;
gap:24px !important;
min-width:0 !important;
}
.page-home .btn-header{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
min-height:76px !important;
padding:0 42px !important;
border-radius:24px !important;
background:linear-gradient(145deg,#3677ff 0%, #173fb0 100%) !important;
border:1px solid rgba(126,176,255,.5) !important;
color:#fff !important;
box-shadow:0 18px 36px rgba(37,96,230,.34), inset 0 1px 0 rgba(255,255,255,.24), inset 0 -1px 0 rgba(20,45,140,.36) !important;
font-size:1.18rem !important;
font-weight:900 !important;
letter-spacing:-.035em !important;
white-space:nowrap !important;
}
.page-home .btn-header::after{
content:"↗" !important;
display:inline-block !important;
margin-left:12px !important;
font-size:1.1em !important;
line-height:1 !important;
transform:translateY(-1px) !important;
}
.page-home .lang-picker-toggle{
position:relative !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
gap:13px !important;
width:auto !important;
min-width:142px !important;
height:70px !important;
padding:0 24px !important;
border-radius:23px !important;
border:1px solid rgba(255,255,255,.18) !important;
background:rgba(7,18,46,.54) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.1), 0 16px 32px rgba(0,0,0,.18) !important;
backdrop-filter:none !important;
overflow:hidden !important;
color:#fff !important;
}
.page-home .lang-picker-toggle img{
width:34px !important;
height:25px !important;
margin:0 !important;
border-radius:4px !important;
object-fit:cover !important;
box-shadow:none !important;
flex:0 0 34px !important;
}
.page-home .lang-picker-code{
display:inline-block !important;
font-size:1.12rem !important;
line-height:1 !important;
font-weight:900 !important;
letter-spacing:-.03em !important;
color:#fff !important;
}
.page-home .lang-picker-toggle svg{
position:static !important;
right:auto !important;
bottom:auto !important;
width:15px !important;
height:15px !important;
padding:0 !important;
border-radius:0 !important;
background:none !important;
opacity:.9 !important;
flex:0 0 15px !important;
}
}
@media (min-width:981px) and (max-width:1500px){
.page-home .site-header .container{width:min(100%, calc(100% - 56px)) !important;}
.page-home .header-shell{grid-template-columns:350px minmax(520px,1fr) auto !important;gap:24px !important;}
.page-home .brand{gap:16px !important;padding-right:24px !important;}
.page-home .brand-mark{width:68px !important;height:68px !important;flex-basis:68px !important;border-radius:18px !important;}
.page-home .brand-copy strong{font-size:1.1rem !important;}
.page-home .brand-copy small{font-size:.82rem !important;max-width:190px !important;margin-top:4px !important;}
.page-home .main-nav{gap:20px !important;}
.page-home .main-nav > a,.page-home .nav-item > a{font-size:1rem !important;}
.page-home .btn-header{min-height:56px !important;border-radius:16px !important;padding:0 28px !important;font-size:1rem !important;}
.page-home .lang-picker-toggle{min-width:110px !important;height:52px !important;border-radius:16px !important;padding:0 14px !important;gap:10px !important;}
.page-home .lang-picker-toggle img{width:24px !important;height:18px !important;flex-basis:24px !important;}
.page-home .lang-picker-code{font-size:1rem !important;}
.page-home .lang-picker-toggle svg{width:14px !important;height:14px !important;flex-basis:14px !important;}
}
/* ===== 2026-04 services redesign block ===== */
.section-services-pro{
padding-top:54px;
padding-bottom:84px;
background:linear-gradient(180deg,#f5f8fd 0%, #eef3fa 100%);
}
.section-services-pro .container{
width:min(1320px, calc(100% - 40px));
}
.section-services-pro .services-pro-shell{
display:grid;
grid-template-columns:minmax(0, 1.04fr) minmax(0, .96fr);
gap:28px;
align-items:start;
}
.section-services-pro .services-pro-copy,
.section-services-pro .service-spotlight{
position:relative;
overflow:hidden;
}
.section-services-pro .services-pro-copy{
background:linear-gradient(180deg,#fbfcff 0%,#f3f7fd 100%);
border:1px solid #dde6f4;
border-radius:34px;
padding:42px 46px 32px;
box-shadow:0 24px 60px rgba(34,63,126,.08);
}
.section-services-pro .services-pro-copy::before,
.section-services-pro .services-pro-copy::after{
content:"";
position:absolute;
pointer-events:none;
border-radius:999px;
opacity:.45;
}
.section-services-pro .services-pro-copy::before{
width:210px;height:210px;left:-124px;bottom:18px;
background:radial-gradient(circle at 70% 30%, rgba(62,183,255,.16), rgba(62,183,255,0) 62%);
}
.section-services-pro .services-pro-copy::after{
width:240px;height:240px;left:-110px;bottom:-88px;
background:repeating-radial-gradient(circle at center, rgba(97,163,255,.16) 0 2px, transparent 2px 12px);
transform:rotate(16deg);
}
.section-services-pro .services-kicker-pill{
display:inline-flex;
align-items:center;
gap:10px;
padding:12px 20px;
border-radius:999px;
background:#f2f4f8;
border:1px solid #dde4f1;
color:#2a63f7;
font-weight:800;
font-size:.86rem;
letter-spacing:.16em;
text-transform:uppercase;
box-shadow:0 6px 16px rgba(58,92,160,.08);
}
.section-services-pro .services-kicker-dot{
width:10px;height:10px;border-radius:50%;background:#376cff;box-shadow:0 0 0 6px rgba(55,108,255,.08);
}
.section-services-pro .services-pro-title{
margin:22px 0 0;
display:flex;
flex-direction:column;
gap:10px;
color:#0c1e53;
}
.section-services-pro .services-pro-title-main{
display:block;
font-family:Georgia, "Times New Roman", serif;
font-size:clamp(3rem, 5.1vw, 4.5rem);
line-height:.92;
letter-spacing:-.06em;
font-weight:700;
}
.section-services-pro .services-pro-title-accent{
display:block;
font-family:"Brush Script MT","Segoe Script","Snell Roundhand",cursive;
font-size:clamp(2.55rem, 4.3vw, 4rem);
line-height:.88;
letter-spacing:-.03em;
color:#3b82ff;
padding-left:10px;
text-shadow:0 2px 0 rgba(255,255,255,.55);
}
.section-services-pro .services-pro-title-accent::after{
content:"";
display:block;
width:230px;
height:14px;
margin-top:2px;
margin-left:145px;
background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 230 14' fill='none'%3E%3Cpath d='M3 10.5C55 5.7 103 4 154 4c26 0 49 1.4 73 4.5' stroke='%2369d8ff' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;
opacity:.9;
}
.section-services-pro .services-pro-points{
margin-top:28px;
display:grid;
gap:14px;
}
.section-services-pro .point-row{
display:grid;
grid-template-columns:92px minmax(0,1fr) 28px;
align-items:center;
gap:18px;
min-height:138px;
padding:18px 22px;
border-radius:24px;
background:linear-gradient(180deg,#fbfcff 0%,#f6f8fc 100%);
border:1px solid #e1e7f0;
box-shadow:0 10px 24px rgba(53,81,131,.05);
}
.section-services-pro .point-icon{
width:80px;
height:80px;
border-radius:22px;
background:linear-gradient(180deg,#ebf3ff 0%,#d8e8ff 100%);
border:1px solid rgba(67,124,255,.1);
box-shadow:0 8px 20px rgba(63,108,211,.08);
display:grid;
place-items:center;
}
.section-services-pro .point-icon::before,
.section-services-pro .service-mini-icon::before{
content:"";
width:36px;
height:36px;
background-position:center;
background-repeat:no-repeat;
background-size:contain;
display:block;
}
.section-services-pro .point-row--seo .point-icon::before{
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none'%3E%3Ccircle cx='13' cy='13' r='8.5' stroke='%232f67ff' stroke-width='2.4'/%3E%3Cpath d='M19 19l8 8' stroke='%232f67ff' stroke-width='2.4' stroke-linecap='round'/%3E%3Cpath d='M9.5 16.5V10.5M13 16.5V7.5M16.5 16.5v-3' stroke='%232f67ff' stroke-width='2.1' stroke-linecap='round'/%3E%3C/svg%3E");
}
.section-services-pro .point-row--apps .point-icon{
background:linear-gradient(180deg,#eafafb 0%,#d8f0f4 100%);
}
.section-services-pro .point-row--apps .point-icon::before{
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none'%3E%3Crect x='4' y='6' width='24' height='20' rx='4' stroke='%232db7d6' stroke-width='2.2'/%3E%3Cpath d='M9 12h14M9 17.5h6M10.5 23l3-6 3 6M22.5 18.5l-2.2 5M20.3 23.5l2.2-5' stroke='%232db7d6' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}
.section-services-pro .point-row--packaging .point-icon{
background:linear-gradient(180deg,#f1efff 0%,#e4e1ff 100%);
}
.section-services-pro .point-row--packaging .point-icon::before{
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M16 4l10 5.5v13L16 28 6 22.5v-13L16 4Z' stroke='%236b5cff' stroke-width='2.2'/%3E%3Cpath d='M6.7 9.8 16 15l9.3-5.2M16 15v13' stroke='%236b5cff' stroke-width='2.2'/%3E%3C/svg%3E");
}
.section-services-pro .point-copy{display:grid;gap:6px}
.section-services-pro .point-copy strong{
display:block;
font-size:1.01rem;
line-height:1.25;
color:#192655;
}
.section-services-pro .point-copy span{
display:block;
font-size:.98rem;
line-height:1.48;
color:#697891;
}
.section-services-pro .point-arrow{
justify-self:end;
font-size:2rem;
line-height:1;
color:#2f67ff;
transform:translateY(-2px);
}
.section-services-pro .services-actions{
margin-top:24px;
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:18px;
}
.section-services-pro .services-actions .btn{
min-height:60px;
border-radius:18px;
font-size:1.02rem;
font-weight:800;
display:inline-flex;
align-items:center;
justify-content:center;
gap:12px;
box-shadow:none;
}
.section-services-pro .btn-order-project{
background:linear-gradient(90deg,#2d68ff 0%,#2758e5 100%);
border:1px solid rgba(0,0,0,0);
color:#fff;
box-shadow:0 14px 28px rgba(34,88,239,.2);
}
.section-services-pro .btn-open-catalog{
background:#f7f9fd;
border:1px solid #dde4f0;
color:#295eff;
}
.section-services-pro .btn-inline-icon{
display:inline-grid;place-items:center;font-size:1.3rem;line-height:1;transform:translateY(-1px);
}
.section-services-pro .btn-inline-icon--doc{font-size:1rem;opacity:.9}
.section-services-pro .services-pro-stack{
display:grid;
gap:18px;
}
.section-services-pro .service-spotlight{
background:linear-gradient(180deg,#fbfcff 0%,#f4f7fc 100%);
border:1px solid #dde5ef;
border-radius:30px;
padding:28px 28px 24px;
box-shadow:0 16px 38px rgba(45,71,129,.06);
}
.section-services-pro .service-spotlight-main{
min-height:316px;
padding:34px 40px 28px;
background:linear-gradient(135deg,#1d56ec 0%,#1939b4 100%);
border-color:rgba(255,255,255,.12);
box-shadow:0 24px 56px rgba(25,58,171,.22);
}
.section-services-pro .service-pill{
position:relative;
z-index:2;
display:inline-flex;
align-items:center;
gap:10px;
padding:12px 18px;
border-radius:999px;
background:rgba(129,222,255,.1);
border:1px solid rgba(139,218,255,.35);
color:#d5efff;
font-size:.88rem;
font-weight:800;
letter-spacing:.14em;
text-transform:uppercase;
}
.section-services-pro .service-pill-star{color:#84eeff;font-size:1rem;line-height:1}
.section-services-pro .service-spotlight-main h3,
.section-services-pro .service-spotlight-main p{position:relative;z-index:2;color:#fff}
.section-services-pro .service-spotlight-main h3{
margin:24px 0 0;
max-width:470px;
font-family:Georgia, "Times New Roman", serif;
font-size:clamp(2rem, 3.1vw, 3rem);
line-height:1.1;
letter-spacing:-.035em;
font-weight:500;
}
.section-services-pro .service-spotlight-main p{
max-width:440px;
margin-top:18px;
font-size:1rem;
line-height:1.62;
color:rgba(255,255,255,.88);
}
.section-services-pro .service-main-star{
position:absolute;z-index:2;color:#dff7ff;opacity:.95;line-height:1;font-size:1.3rem;
}
.section-services-pro .service-main-star--one{right:142px;top:96px}
.section-services-pro .service-main-star--two{right:232px;top:130px;font-size:1rem}
.section-services-pro .service-main-curve{
position:absolute;
right:22px;
top:36px;
width:250px;
height:250px;
border-radius:56% 44% 64% 36% / 40% 56% 44% 60%;
background:linear-gradient(160deg, rgba(113,251,255,.88) 0%, rgba(106,198,255,.42) 28%, rgba(82,149,255,.2) 48%, rgba(47,102,255,0) 68%);
border:1px solid rgba(117,219,255,.28);
box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
transform:rotate(18deg);
opacity:.96;
}
.section-services-pro .service-main-curve::before{
content:"";
position:absolute;
right:8px;
top:-20px;
width:16px;height:16px;border-radius:50%;
background:#c8fbff;
box-shadow:0 0 24px rgba(196,255,255,.6);
}
.section-services-pro .service-main-curve::after{
content:"";
position:absolute;
inset:48px -100px -98px -24px;
background:repeating-radial-gradient(circle at 0% 100%, rgba(124,200,255,.18) 0 2px, transparent 2px 14px);
opacity:.55;
border-radius:55% 45% 0 0;
transform:rotate(-18deg);
}
.section-services-pro .service-mini-grid{
display:grid;
grid-template-columns:repeat(2, minmax(0,1fr));
gap:18px;
}
.section-services-pro .service-spotlight--mini{
min-height:284px;
display:flex;
flex-direction:column;
}
.section-services-pro .service-spotlight-top{
display:flex;
align-items:center;
justify-content:space-between;
margin-bottom:16px;
}
.section-services-pro .service-index{
width:58px;
height:58px;
border-radius:18px;
display:grid;
place-items:center;
margin:0;
font-size:1.1rem;
font-weight:800;
background:#e9efff;
color:#2e66ff;
}
.section-services-pro .service-mini-icon{
width:56px;height:56px;border-radius:18px;
display:grid;place-items:center;
background:#edf1ff;
}
.section-services-pro .service-spotlight--mini h3{
margin:0;
font-family:Georgia, "Times New Roman", serif;
font-size:1.2rem;
line-height:1.08;
color:#1a2758;
letter-spacing:-.03em;
}
.section-services-pro .service-spotlight--mini p{
margin-top:12px;
color:#73829a;
font-size:.98rem;
line-height:1.54;
}
.section-services-pro .service-spotlight--01 .service-mini-icon,
.section-services-pro .service-spotlight--01 .service-index{background:#e7eeff;color:#356bff}
.section-services-pro .service-spotlight--02 .service-mini-icon,
.section-services-pro .service-spotlight--02 .service-index{background:#e3f7fa;color:#24aecd}
.section-services-pro .service-spotlight--03 .service-mini-icon,
.section-services-pro .service-spotlight--03 .service-index{background:#eee9ff;color:#775bff}
.section-services-pro .service-spotlight--04 .service-mini-icon,
.section-services-pro .service-spotlight--04 .service-index{background:#edf4ff;color:#2f67ff}
.section-services-pro .service-spotlight--01 .service-mini-icon::before{
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M6 22.5 12 16l4.2 4.2 8.3-9.2' stroke='%23356bff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21 11h4.5v4.5' stroke='%23356bff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 27h22' stroke='%23356bff' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E");
}
.section-services-pro .service-spotlight--02 .service-mini-icon::before{
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M16 4l10 5.5v13L16 28 6 22.5v-13L16 4Z' stroke='%2324aecd' stroke-width='2.2'/%3E%3Cpath d='M6.7 9.8 16 15l9.3-5.2M16 15v13' stroke='%2324aecd' stroke-width='2.2'/%3E%3C/svg%3E");
}
.section-services-pro .service-spotlight--03 .service-mini-icon::before{
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M16 5.5 8.5 8.4v8.2c0 5.2 3.2 8.6 7.5 9.9 4.3-1.3 7.5-4.7 7.5-9.9V8.4L16 5.5Z' stroke='%23775bff' stroke-width='2.2'/%3E%3Cpath d='m12.6 16.8 2.2 2.2 4.8-5.2' stroke='%23775bff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.section-services-pro .service-spotlight--04 .service-mini-icon::before{
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none'%3E%3Crect x='6' y='10' width='20' height='15' rx='3.5' stroke='%232f67ff' stroke-width='2.2'/%3E%3Cpath d='M11 10V7.8A2.8 2.8 0 0 1 13.8 5h4.4A2.8 2.8 0 0 1 21 7.8V10M6 15.5h20' stroke='%232f67ff' stroke-width='2.2'/%3E%3C/svg%3E");
}
.section-services-pro .service-spotlight--02::after{
content:"";
position:absolute;
right:16px;bottom:10px;width:52px;height:38px;
background:radial-gradient(circle, rgba(50,194,228,.22) 1.4px, transparent 1.6px);
background-size:12px 12px;
opacity:.7;
}
@media (max-width: 1180px){
.section-services-pro .services-pro-shell{grid-template-columns:1fr;}
.section-services-pro .services-pro-title-main{font-size:clamp(2.6rem,6vw,4rem)}
.section-services-pro .services-pro-title-accent{font-size:clamp(2.2rem,5vw,3.3rem)}
.section-services-pro .service-spotlight-main{min-height:0}
}
@media (max-width: 780px){
.section-services-pro{padding-top:36px;padding-bottom:56px}
.section-services-pro .container{width:min(100%, calc(100% - 24px))}
.section-services-pro .services-pro-copy,
.section-services-pro .service-spotlight{padding:22px;border-radius:24px}
.section-services-pro .services-pro-title{gap:8px}
.section-services-pro .services-pro-title-main{font-size:clamp(2rem,11vw,2.8rem);line-height:.95}
.section-services-pro .services-pro-title-accent{font-size:clamp(1.8rem,10vw,2.45rem);padding-left:0}
.section-services-pro .services-pro-title-accent::after{width:160px;margin-left:84px;height:10px}
.section-services-pro .point-row{grid-template-columns:72px minmax(0,1fr) 22px;min-height:auto;gap:14px;padding:16px}
.section-services-pro .point-icon{width:62px;height:62px;border-radius:18px}
.section-services-pro .point-icon::before,.section-services-pro .service-mini-icon::before{width:28px;height:28px}
.section-services-pro .point-copy span{font-size:.92rem}
.section-services-pro .services-actions{grid-template-columns:1fr;gap:12px}
.section-services-pro .service-mini-grid{grid-template-columns:1fr}
.section-services-pro .service-spotlight--mini{min-height:auto}
.section-services-pro .service-spotlight-main{padding:24px 24px 180px}
.section-services-pro .service-spotlight-main h3{font-size:clamp(1.6rem,8vw,2.2rem)}
.section-services-pro .service-main-curve{right:-22px;top:auto;bottom:10px;width:210px;height:210px}
.section-services-pro .service-main-star--one{right:98px;top:auto;bottom:160px}
.section-services-pro .service-main-star--two{right:168px;top:auto;bottom:132px}
}
/* ===== 2026-04 benefits redesign block ===== */
.section-benefits{
position:relative;
padding-top:74px;
padding-bottom:86px;
background:linear-gradient(180deg,#f7f9fd 0%, #eff3fa 100%);
overflow:hidden;
}
.section-benefits::before,
.section-benefits::after{
content:"";
position:absolute;
pointer-events:none;
}
.section-benefits::before{
left:-120px;
bottom:40px;
width:420px;
height:220px;
background:
radial-gradient(ellipse at 30% 70%, rgba(137,184,255,.18) 0%, rgba(137,184,255,.08) 28%, rgba(137,184,255,0) 70%),
repeating-radial-gradient(circle at 10% 100%, rgba(135,175,255,.14) 0 2px, transparent 2px 14px);
border-radius:48% 52% 60% 40% / 62% 40% 60% 38%;
opacity:.9;
}
.section-benefits::after{
right:-70px;
top:90px;
width:500px;
height:420px;
background:
radial-gradient(circle, rgba(255,255,255,.65) 0 2px, transparent 3px) 0 0/24px 24px,
repeating-radial-gradient(circle at 100% 80%, rgba(231,213,255,.22) 0 2px, transparent 2px 14px);
opacity:.55;
mask-image:linear-gradient(180deg, rgba(0,0,0,.55), transparent 76%);
}
.section-benefits .container{
position:relative;
z-index:1;
width:min(1360px, calc(100% - 40px));
}
.section-benefits .benefits-head{
position:relative;
max-width:1150px;
margin:0 auto 34px;
text-align:center;
}
.section-benefits .benefits-head::before,
.section-benefits .benefits-head::after{
content:"✦";
position:absolute;
color:#f6eedf;
font-size:2rem;
line-height:1;
opacity:.9;
}
.section-benefits .benefits-head::before{left:140px;top:22px}
.section-benefits .benefits-head::after{right:160px;top:4px}
.section-benefits .benefits-kicker{
display:inline-flex;
align-items:center;
gap:10px;
padding:12px 22px;
border-radius:999px;
background:rgba(255,255,255,.45);
border:1px solid #e9edf6;
box-shadow:0 8px 24px rgba(78,103,156,.07);
color:#2f67ff;
font-weight:800;
font-size:.9rem;
letter-spacing:.05em;
text-transform:uppercase;
}
.section-benefits .benefits-kicker-star{
color:#9ab5ff;
font-size:.95rem;
transform:translateY(-1px);
}
.section-benefits .benefits-title{
margin:20px auto 0;
max-width:1080px;
font-size:clamp(3rem, 5.2vw, 4.7rem);
line-height:.98;
letter-spacing:-.06em;
color:#091c57;
font-weight:800;
}
.section-benefits .benefits-lead{
max-width:980px;
margin:18px auto 0;
font-size:1.12rem;
line-height:1.58;
color:#677694;
}
.section-benefits .benefits-grid-pro{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:22px;
align-items:stretch;
}
.section-benefits .benefit-card-pro{
position:relative;
min-height:458px;
display:flex;
flex-direction:column;
padding:34px 34px 110px;
background:linear-gradient(180deg,#fbfcff 0%, #f7f9fd 100%);
border:1px solid #e4e9f2;
border-radius:34px;
box-shadow:0 18px 40px rgba(42,73,135,.06);
overflow:hidden;
}
.section-benefits .benefit-card-pro::before,
.section-benefits .benefit-card-pro::after{
content:"";
position:absolute;
pointer-events:none;
}
.section-benefits .benefit-card-pro::before{
left:0;
bottom:0;
width:100%;
height:108px;
background:repeating-radial-gradient(circle at 0% 100%, rgba(156,180,255,.14) 0 2px, transparent 2px 14px);
opacity:.7;
}
.section-benefits .benefit-card-pro::after{
left:-8%;
right:-8%;
bottom:18px;
height:84px;
background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='500' height='86' viewBox='0 0 500 86' fill='none'%3E%3Cpath d='M0 58C76 46 128 76 206 58C292 38 335 77 422 59C457 52 478 53 500 57' stroke='%23dbe5ff' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M0 69C73 58 128 84 206 68C285 52 339 83 422 66C454 59 480 60 500 64' stroke='%23e5ecff' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M0 79C78 70 135 91 214 78C291 66 345 89 430 76C460 71 483 72 500 75' stroke='%23eef3ff' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center bottom/cover no-repeat;
opacity:.95;
}
.section-benefits .benefit-card-pro--01::before{
background:linear-gradient(180deg, rgba(100,144,255,0) 0%, rgba(127,166,255,.10) 42%, rgba(106,152,255,.18) 100%);
}
.section-benefits .benefit-card-pro--02::before{
background:linear-gradient(180deg, rgba(111,235,214,0) 0%, rgba(111,235,214,.12) 42%, rgba(111,235,214,.2) 100%);
}
.section-benefits .benefit-card-pro--03::before{
background:linear-gradient(180deg, rgba(188,153,255,0) 0%, rgba(188,153,255,.10) 42%, rgba(188,153,255,.18) 100%);
}
.section-benefits .benefit-card-top{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:16px;
margin-bottom:18px;
}
.section-benefits .benefit-number{
width:84px;
height:84px;
margin:0;
border-radius:22px;
display:grid;
place-items:center;
font-size:1.1rem;
font-weight:800;
color:#fff;
background:linear-gradient(180deg,#5c9dff 0%, #5c6bff 100%);
box-shadow:0 14px 26px rgba(88,115,255,.22);
}
.section-benefits .benefit-icon{
flex:0 0 auto;
width:96px;
height:96px;
border-radius:50%;
background:linear-gradient(180deg,#ffffff 0%, #f4f7fd 100%);
border:1px solid #e9edf6;
box-shadow:0 12px 28px rgba(66,98,160,.08);
display:grid;
place-items:center;
position:relative;
}
.section-benefits .benefit-icon::before,
.section-benefits .benefit-icon::after{
content:"✦";
position:absolute;
color:#d6dfff;
font-size:1.15rem;
line-height:1;
}
.section-benefits .benefit-icon::before{left:-10px;top:18px}
.section-benefits .benefit-icon::after{right:-6px;bottom:14px}
.section-benefits .benefit-card-pro h3{
margin:0;
max-width:320px;
font-size:clamp(1.55rem, 2.35vw, 2.1rem);
line-height:1.08;
letter-spacing:-.04em;
color:#0f1f56;
font-weight:800;
}
.section-benefits .benefit-card-pro p{
margin:18px 0 0;
max-width:94%;
font-size:1.02rem;
line-height:1.62;
color:#667693;
}
.section-benefits .benefit-arrow{
position:absolute;
right:26px;
bottom:28px;
width:68px;
height:68px;
border-radius:50%;
display:grid;
place-items:center;
border:2px solid #d7dff0;
color:#2f67ff;
font-size:2rem;
line-height:1;
background:rgba(255,255,255,.42);
}
.section-benefits .benefit-card-pro--01 .benefit-icon::before,
.section-benefits .benefit-card-pro--01 .benefit-icon::after{color:#d8dfff}
.section-benefits .benefit-card-pro--02 .benefit-icon::before,
.section-benefits .benefit-card-pro--02 .benefit-icon::after{color:#c8f4ef}
.section-benefits .benefit-card-pro--03 .benefit-icon::before,
.section-benefits .benefit-card-pro--03 .benefit-icon::after{color:#eadfff}
.section-benefits .benefit-card-pro--01 .benefit-icon::selection,
.section-benefits .benefit-card-pro--02 .benefit-icon::selection,
.section-benefits .benefit-card-pro--03 .benefit-icon::selection{background:transparent}
.section-benefits .benefit-card-pro--01 .benefit-icon > *{display:none}
.section-benefits .benefit-card-pro--01 .benefit-icon{
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none'%3E%3Ccircle cx='28' cy='28' r='14.5' stroke='%23356bff' stroke-width='3.2'/%3E%3Cpath d='M38 38l11 11' stroke='%23356bff' stroke-width='3.2' stroke-linecap='round'/%3E%3C/svg%3E");
background-repeat:no-repeat;
background-position:center;
background-size:44px 44px;
}
.section-benefits .benefit-card-pro--02 .benefit-icon{
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none'%3E%3Crect x='16' y='14' width='30' height='36' rx='6' stroke='%23356bff' stroke-width='3'/%3E%3Cpath d='M22 24h18M22 31h18M22 38h12M42 39l7-7M49 32v7h-7' stroke='%23356bff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat:no-repeat;
background-position:center;
background-size:44px 44px;
}
.section-benefits .benefit-card-pro--03 .benefit-icon{
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none'%3E%3Cpath d='M32 13 18 18.5v15.3c0 9.8 6 16.2 14 18.7 8-2.5 14-8.9 14-18.7V18.5L32 13Z' stroke='%23356bff' stroke-width='3'/%3E%3Cpath d='m26 33 4.5 4.5L39 28' stroke='%23356bff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat:no-repeat;
background-position:center;
background-size:44px 44px;
}
@media (max-width: 1180px){
.section-benefits .benefits-title{max-width:980px;font-size:clamp(2.6rem,5.4vw,4.2rem)}
.section-benefits .benefits-grid-pro{grid-template-columns:1fr;}
.section-benefits .benefit-card-pro{min-height:0}
.section-benefits .benefit-card-pro h3{max-width:100%}
}
@media (max-width: 780px){
.section-benefits{padding-top:54px;padding-bottom:60px}
.section-benefits .container{width:min(100%, calc(100% - 24px))}
.section-benefits .benefits-head{margin-bottom:24px}
.section-benefits .benefits-head::before,
.section-benefits .benefits-head::after{display:none}
.section-benefits .benefits-kicker{padding:10px 18px;font-size:.8rem}
.section-benefits .benefits-title{font-size:clamp(2.1rem,9.6vw,3rem);line-height:.98}
.section-benefits .benefits-lead{font-size:1rem}
.section-benefits .benefits-grid-pro{grid-template-columns:1fr;gap:16px}
.section-benefits .benefit-card-pro{padding:22px 22px 92px;border-radius:26px}
.section-benefits .benefit-card-top{margin-bottom:14px}
.section-benefits .benefit-number{width:72px;height:72px;border-radius:20px}
.section-benefits .benefit-icon{width:78px;height:78px}
.section-benefits .benefit-card-pro h3{font-size:clamp(1.45rem,7vw,1.9rem)}
.section-benefits .benefit-card-pro p{max-width:100%;font-size:.98rem}
.section-benefits .benefit-arrow{width:58px;height:58px;font-size:1.6rem;right:18px;bottom:18px}
}
/* ===== 2026-04 apps catalog redesign block ===== */
.section-apps{
position:relative;
padding-top:76px;
padding-bottom:88px;
background:linear-gradient(180deg,#f7f9fd 0%, #eef2f9 100%);
overflow:hidden;
}
.section-apps::before,
.section-apps::after{
content:"";
position:absolute;
pointer-events:none;
}
.section-apps::before{
inset:0;
background:
radial-gradient(circle at 16% 18%, rgba(255,255,255,.78) 0 2px, transparent 2.5px) 0 0/140px 140px,
radial-gradient(circle at 80% 26%, rgba(255,255,255,.74) 0 2px, transparent 2.5px) 0 0/200px 180px;
opacity:.65;
}
.section-apps::after{
right:-80px;
top:0;
width:520px;
height:280px;
background:repeating-radial-gradient(circle at 100% 0%, rgba(226,232,250,.6) 0 2px, transparent 2px 12px);
opacity:.5;
border-radius:0 0 0 100%;
mask-image:linear-gradient(180deg, rgba(0,0,0,.9), transparent 88%);
}
.section-apps .container{
position:relative;
z-index:1;
width:min(1360px, calc(100% - 40px));
}
.section-apps .apps-head-pro{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:32px;
align-items:start;
margin-bottom:34px;
}
.section-apps .apps-head-copy{max-width:930px}
.section-apps .apps-kicker{
display:inline-flex;
align-items:center;
gap:10px;
padding:0;
background:none;
border:none;
box-shadow:none;
border-radius:0;
color:#2d64f8;
font-size:.94rem;
font-weight:800;
letter-spacing:.12em;
text-transform:uppercase;
}
.section-apps .apps-kicker-star{font-size:1rem;color:#7ea5ff}
.section-apps .apps-title{
margin:18px 0 0;
font-family:Georgia, "Times New Roman", serif;
font-size:clamp(3.3rem,5.8vw,5.2rem);
line-height:.94;
letter-spacing:-.06em;
color:#071858;
font-weight:700;
max-width:760px;
}
.section-apps .apps-title::after{
content:"";
display:block;
width:150px;
height:10px;
margin-top:14px;
background:#4b87ff;
border-radius:999px;
box-shadow:0 0 0 1px rgba(75,135,255,.08);
}
.section-apps .apps-lead{
max-width:940px;
margin:20px 0 0;
font-size:1.12rem;
line-height:1.62;
color:#566989;
}
.section-apps .apps-head-actions-pro{
display:flex;
align-items:flex-start;
justify-content:flex-end;
padding-top:48px;
}
.section-apps .apps-support-card{
min-height:114px;
padding:24px 26px;
display:grid;
grid-template-columns:56px minmax(0,1fr) 24px;
align-items:center;
gap:18px;
width:100%;
border-radius:28px;
background:linear-gradient(180deg,#fbfcff 0%,#f3f7fe 100%);
border:1px solid #dfe6f4;
box-shadow:0 18px 34px rgba(74,101,164,.11);
color:#1f57dd;
}
.section-apps .apps-support-icon{
width:56px;
height:56px;
border-radius:18px;
display:grid;
place-items:center;
background:linear-gradient(180deg,#eef4ff 0%,#e2ebff 100%);
border:1px solid #dbe4fa;
}
.section-apps .apps-support-icon::before{
content:"";
width:30px;
height:30px;
background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M8 13.5a8 8 0 0 1 16 0v5.2A2.8 2.8 0 0 1 21.2 21.5h-1.6a1.6 1.6 0 0 1-1.6-1.6v-4.8a1.6 1.6 0 0 1 1.6-1.6h4M8 13.5v5.2A2.8 2.8 0 0 0 10.8 21.5h1.6A1.6 1.6 0 0 0 14 19.9v-4.8a1.6 1.6 0 0 0-1.6-1.6H8m8 11v2c0 1.4-1.1 2.5-2.5 2.5h-1' stroke='%232d64f8' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
display:block;
}
.section-apps .apps-support-copy strong{
display:block;
font-size:1.02rem;
line-height:1.35;
color:#2458db;
}
.section-apps .apps-support-arrow{
font-size:2rem;
line-height:1;
color:#2d64f8;
justify-self:end;
}
.section-apps .featured-app-pro{
position:relative;
display:grid;
grid-template-columns:minmax(0,1fr) 420px;
gap:40px;
align-items:center;
margin-bottom:28px;
padding:46px 58px 58px;
border-radius:34px;
background:linear-gradient(90deg,#071d87 0%, #0b43df 52%, #1548ed 100%);
border:1px solid rgba(255,255,255,.22);
box-shadow:0 30px 70px rgba(21,63,180,.28), inset 0 1px 0 rgba(255,255,255,.16);
overflow:hidden;
}
.section-apps .featured-app-pro::before,
.section-apps .featured-app-pro::after{
content:"";
position:absolute;
pointer-events:none;
}
.section-apps .featured-app-pro::before{
inset:0;
background:
radial-gradient(circle at 96% 18%, rgba(154,222,255,.96) 0 4px, rgba(154,222,255,.45) 4px, rgba(154,222,255,0) 18px),
radial-gradient(circle at 61% 39%, rgba(255,255,255,.96) 0 3px, rgba(255,255,255,.18) 3px, rgba(255,255,255,0) 14px),
radial-gradient(circle at 53% 19%, rgba(255,255,255,.88) 0 2px, rgba(255,255,255,0) 10px),
radial-gradient(circle at 64% 73%, rgba(255,255,255,.78) 0 2px, rgba(255,255,255,0) 10px),
radial-gradient(circle at 2% 68%, rgba(255,255,255,.88) 0 2px, rgba(255,255,255,0) 10px),
radial-gradient(circle at 56% 95%, rgba(120,247,255,.7) 0, rgba(120,247,255,.12) 18%, rgba(120,247,255,0) 48%);
}
.section-apps .featured-app-pro::after{
left:0;
right:0;
bottom:-18px;
height:190px;
background:
linear-gradient(180deg, rgba(84,165,255,0) 0%, rgba(111,165,255,.16) 66%, rgba(116,229,255,.26) 100%),
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1200' height='210' viewBox='0 0 1200 210' fill='none'%3E%3Cpath d='M0 172C150 135 266 201 404 165C555 126 668 212 834 169C985 130 1088 169 1200 128' stroke='%233870ff' stroke-opacity='.38' stroke-width='2'/%3E%3Cpath d='M0 183C150 146 268 211 406 175C555 136 668 221 834 180C984 142 1088 180 1200 139' stroke='%236ea8ff' stroke-opacity='.38' stroke-width='2'/%3E%3Cpath d='M0 194C150 157 270 221 408 185C557 146 670 232 836 190C986 152 1088 191 1200 149' stroke='%2397d7ff' stroke-opacity='.52' stroke-width='2'/%3E%3Cpath d='M0 205C151 169 272 233 411 196C559 158 671 242 838 201C988 162 1090 201 1200 160' stroke='%23bdf2ff' stroke-opacity='.44' stroke-width='2'/%3E%3Cpath d='M1040 0C990 25 958 52 950 90c-7 37 6 72 38 120' stroke='%234a84ff' stroke-opacity='.36' stroke-width='2'/%3E%3Cpath d='M1070 0C1013 28 977 56 967 97c-7 31 1 64 27 113' stroke='%236db6ff' stroke-opacity='.30' stroke-width='2'/%3E%3Cpath d='M1100 0C1035 30 995 60 983 104c-8 31-1 62 22 106' stroke='%2399deff' stroke-opacity='.26' stroke-width='2'/%3E%3C/svg%3E") center bottom/cover no-repeat;
}
.section-apps .featured-bg-star{
position:absolute;
z-index:1;
color:#d9efff;
line-height:1;
opacity:.9;
filter:drop-shadow(0 0 12px rgba(206,244,255,.55));
}
.section-apps .featured-bg-star--one{left:18px;top:58px;font-size:1.2rem}
.section-apps .featured-bg-star--two{left:18px;bottom:122px;font-size:.95rem}
.section-apps .featured-bg-star--three{right:56px;top:62px;font-size:1.6rem}
.section-apps .featured-copy,
.section-apps .featured-side{position:relative;z-index:2}
.section-apps .featured-label{
display:inline-flex;
align-items:center;
gap:10px;
min-height:48px;
padding:10px 22px;
border-radius:999px;
background:linear-gradient(180deg,#ffffff 0%, #ebf4ff 100%);
color:#2550c4;
border:1px solid rgba(146,190,255,.65);
box-shadow:0 12px 24px rgba(163,211,255,.18);
font-size:.82rem;
letter-spacing:.06em;
}
.section-apps .featured-label-star{font-size:.9rem;color:#5d84ff}
.section-apps .featured-app-pro h3{
margin:26px 0 0;
max-width:720px;
font-family:Georgia, "Times New Roman", serif;
font-size:clamp(3rem,4.4vw,4.2rem);
line-height:.98;
letter-spacing:-.06em;
color:#fff;
font-weight:700;
}
.section-apps .featured-title-underline{
display:block;
width:126px;
height:8px;
margin-top:14px;
border-radius:999px;
background:linear-gradient(90deg,#8db5ff 0%, #b8cdff 100%);
}
.section-apps .featured-app-pro p{
max-width:700px;
margin:18px 0 0;
color:rgba(255,255,255,.95);
font-size:1.14rem;
line-height:1.58;
}
.section-apps .featured-actions{
margin-top:40px;
display:flex;
flex-wrap:wrap;
gap:18px;
}
.section-apps .featured-actions .btn{
min-height:96px;
min-width:360px;
border-radius:28px;
justify-content:flex-start;
padding:18px 28px;
gap:18px;
font-size:1rem;
font-weight:800;
box-shadow:none;
}
.section-apps .btn-featured-main{
background:linear-gradient(180deg,#2f77ff 0%, #2355f0 100%);
border:1px solid rgba(122,222,255,.52);
color:#fff;
box-shadow:0 0 0 2px rgba(91,201,255,.16), 0 0 28px rgba(110,204,255,.24), inset 0 1px 0 rgba(255,255,255,.18);
}
.section-apps .btn-featured-secondary{
background:rgba(7,28,117,.28);
color:#fff;
border:2px solid rgba(117,156,255,.58);
backdrop-filter:blur(4px);
}
.section-apps .btn-featured-icon{
width:56px;
height:56px;
flex:0 0 auto;
border-radius:18px;
display:grid;
place-items:center;
background:rgba(255,255,255,.14);
border:1px solid rgba(255,255,255,.18);
}
.section-apps .btn-featured-icon::before{
content:"";
width:28px;
height:28px;
display:block;
background-position:center;
background-repeat:no-repeat;
background-size:contain;
}
.section-apps .btn-featured-icon--rocket::before{
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M18.8 7.3c2.2-.7 4.5-.8 6.8-.3.5 2.3.4 4.6-.3 6.8l-5.8 5.8-6.5-6.5 5.8-5.8Z' stroke='%23ffffff' stroke-width='2.2' stroke-linejoin='round'/%3E%3Cpath d='M12.3 19.7 8.5 23.5M10 27l-2.5 1 .9-2.4M19.5 12.5l3.9-3.9M14.2 24.8c-2.7.2-4.8-1.9-4.6-4.6' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.section-apps .btn-featured-icon--web::before{
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none'%3E%3Ccircle cx='16' cy='16' r='11' stroke='%23ffffff' stroke-width='2.2'/%3E%3Cpath d='M5 16h22M16 5a17.4 17.4 0 0 1 0 22M16 5a17.4 17.4 0 0 0 0 22' stroke='%23ffffff' stroke-width='2.2'/%3E%3C/svg%3E");
}
.section-apps .btn-featured-arrow{
margin-left:auto;
font-size:2rem;
line-height:1;
color:rgba(255,255,255,.96);
}
.section-apps .featured-side-pro{
display:grid;
gap:24px;
}
.section-apps .featured-stat-pro{
display:grid;
grid-template-columns:76px minmax(0,1fr);
gap:18px;
align-items:center;
padding:26px 26px 26px 24px;
min-height:146px;
border-radius:28px;
background:linear-gradient(180deg,rgba(118,147,255,.24) 0%, rgba(113,135,235,.28) 100%);
border:1px solid rgba(179,208,255,.36);
box-shadow:inset 0 1px 0 rgba(255,255,255,.16), 0 12px 30px rgba(4,16,83,.12);
}
.section-apps .featured-stat-icon{
width:64px;
height:64px;
border-radius:22px;
display:grid;
place-items:center;
background:rgba(255,255,255,.12);
border:1px solid rgba(255,255,255,.18);
}
.section-apps .featured-stat-icon::before{
content:"";
width:34px;
height:34px;
display:block;
background-position:center;
background-repeat:no-repeat;
background-size:contain;
}
.section-apps .featured-stat-icon--category::before{
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M17.3 6.7H9.5a3.8 3.8 0 0 0-3.8 3.8v7.8a3.8 3.8 0 0 0 1.1 2.7l8.8 8.8a3.8 3.8 0 0 0 5.4 0l8.8-8.8a3.8 3.8 0 0 0 0-5.4l-8.8-8.8a3.8 3.8 0 0 0-2.7-1.1Z' stroke='%23ffffff' stroke-width='2.2' stroke-linejoin='round'/%3E%3Ccircle cx='11.7' cy='11.7' r='1.8' fill='%23ffffff'/%3E%3C/svg%3E");
}
.section-apps .featured-stat-icon--docs::before{
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M10 4.8h8.7l5.3 5.3v16.1a2 2 0 0 1-2 2H10a2 2 0 0 1-2-2v-19.4a2 2 0 0 1 2-2Z' stroke='%23ffffff' stroke-width='2.2' stroke-linejoin='round'/%3E%3Cpath d='M18.7 4.8v5.3H24M12 16h8M12 20.5h8M12 11.5h4.8' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E");
}
.section-apps .featured-stat-copy span{
display:block;
margin:0 0 8px;
font-size:1rem;
color:rgba(255,255,255,.76);
}
.section-apps .featured-stat-copy strong{
display:block;
font-size:1.2rem;
line-height:1.34;
color:#fff;
}
@media (max-width: 1180px){
.section-apps .apps-head-pro,
.section-apps .featured-app-pro{grid-template-columns:1fr;}
.section-apps .apps-head-actions-pro{padding-top:0;justify-content:flex-start}
.section-apps .apps-support-card{max-width:340px}
.section-apps .featured-side-pro{grid-template-columns:1fr 1fr}
.section-apps .featured-actions .btn{min-width:0;flex:1 1 280px}
}
@media (max-width: 780px){
.section-apps{padding-top:58px;padding-bottom:62px}
.section-apps .container{width:min(100%, calc(100% - 24px))}
.section-apps .apps-head-pro{gap:20px;margin-bottom:22px}
.section-apps .apps-title{font-size:clamp(2.4rem,12vw,3.3rem)}
.section-apps .apps-title::after{width:110px;height:8px;margin-top:12px}
.section-apps .apps-lead{font-size:1rem}
.section-apps .apps-head-actions-pro{justify-content:stretch}
.section-apps .apps-support-card{max-width:none;border-radius:24px;min-height:96px;padding:18px 20px;grid-template-columns:52px minmax(0,1fr) 22px}
.section-apps .featured-app-pro{padding:22px 22px 26px;border-radius:28px;gap:22px}
.section-apps .featured-app-pro h3{font-size:clamp(2rem,8vw,2.7rem)}
.section-apps .featured-title-underline{width:96px}
.section-apps .featured-app-pro p{font-size:1rem}
.section-apps .featured-actions{margin-top:26px;gap:14px}
.section-apps .featured-actions .btn{min-height:80px;min-width:0;width:100%;padding:16px 18px;border-radius:22px}
.section-apps .btn-featured-icon{width:48px;height:48px;border-radius:16px}
.section-apps .featured-side-pro{grid-template-columns:1fr;gap:16px}
.section-apps .featured-stat-pro{min-height:120px;padding:18px;border-radius:22px;grid-template-columns:62px minmax(0,1fr)}
.section-apps .featured-stat-icon{width:56px;height:56px;border-radius:18px}
.section-apps .featured-bg-star--three{right:32px;top:40px}
}
/* ===== 2026-04 app grid cards redesign ===== */
.section-apps .app-grid{
position:relative;
z-index:1;
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:26px 28px;
align-items:stretch;
margin-top:26px;
}
.section-apps .app-card-pro{
position:relative;
overflow:hidden;
min-height:298px;
padding:26px 30px 22px;
display:flex;
flex-direction:column;
border-radius:26px;
background:linear-gradient(180deg,#ffffff 0%, #f8fbff 100%);
border:1px solid #e1e8f5;
box-shadow:0 16px 36px rgba(54,82,145,.07), inset 0 1px 0 rgba(255,255,255,.95);
}
.section-apps .app-card-pro::before,
.section-apps .app-card-pro::after{
content:"";
position:absolute;
pointer-events:none;
}
.section-apps .app-card-pro::before{
right:-70px;
bottom:-72px;
width:190px;
height:190px;
background:repeating-radial-gradient(circle at 100% 100%, rgba(97,183,255,.2) 0 2px, transparent 2px 12px);
opacity:.58;
border-radius:50%;
}
.section-apps .app-card-pro::after{
right:-28px;
bottom:-8px;
width:176px;
height:150px;
background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='190' height='150' viewBox='0 0 190 150' fill='none'%3E%3Cpath d='M0 124C38 98 73 142 111 108C143 80 158 43 190 30' stroke='%23dbe8ff' stroke-width='1.6'/%3E%3Cpath d='M0 136C44 110 80 151 117 118C149 90 162 56 190 44' stroke='%23e9efff' stroke-width='1.6'/%3E%3Cpath d='M0 148C48 124 88 156 124 130C153 108 166 76 190 60' stroke='%23f2f6ff' stroke-width='1.6'/%3E%3C/svg%3E") right bottom/contain no-repeat;
opacity:.96;
}
.section-apps .app-card-spark{
position:absolute;
z-index:2;
font-size:1rem;
line-height:1;
color:#2cb9ff;
filter:drop-shadow(0 0 8px rgba(44,185,255,.34));
}
.section-apps .app-card-spark--one{left:16px;top:14px;color:#b26cff;font-size:.8rem}
.section-apps .app-card-spark--two{right:28px;top:30px;color:#20baff;font-size:1.1rem}
.section-apps .app-card-head-pro{
position:relative;
z-index:3;
display:grid;
grid-template-columns:104px minmax(0,1fr);
gap:22px;
align-items:start;
}
.section-apps .app-card-pro .app-icon{
width:92px;
height:92px;
border-radius:25px;
object-fit:cover;
background:#edf3ff;
border:1px solid rgba(209,220,244,.72);
box-shadow:0 13px 26px rgba(59,95,173,.13);
}
.section-apps .app-card-titlebox{
display:grid;
gap:12px;
min-width:0;
padding-top:4px;
}
.section-apps .app-card-label{
width:max-content;
max-width:100%;
min-height:30px;
padding:8px 15px;
border-radius:999px;
background:linear-gradient(180deg,#edf8ff 0%,#e8f3ff 100%);
color:#5475df;
border:0;
font-size:.72rem;
line-height:1;
letter-spacing:.055em;
font-weight:800;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
box-shadow:0 5px 14px rgba(65,118,208,.06);
}
.section-apps .app-card-pro h3{
margin:0;
font-size:1.32rem;
line-height:1.14;
letter-spacing:-.035em;
color:#101f56;
font-weight:800;
overflow-wrap:anywhere;
}
.section-apps .app-card-pro p{
position:relative;
z-index:3;
margin:14px 0 0 126px;
min-height:74px;
font-size:.93rem;
line-height:1.5;
color:#667696;
flex:1 1 auto;
}
.section-apps .app-card-meta{
position:relative;
z-index:3;
display:flex;
flex-wrap:wrap;
gap:10px;
margin-top:18px;
}
.section-apps .app-meta-pill{
display:inline-flex;
align-items:center;
gap:8px;
min-height:34px;
padding:8px 14px;
border-radius:999px;
background:#f1f6ff;
border:1px solid #dde7f8;
color:#425d91;
font-size:.78rem;
font-weight:800;
line-height:1;
box-shadow:none;
}
.section-apps .app-meta-icon{
width:16px;
height:16px;
display:inline-block;
flex:0 0 16px;
background-position:center;
background-repeat:no-repeat;
background-size:contain;
}
.section-apps .app-meta-pill--page .app-meta-icon{
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M10 2.7 16 5.2v5.5c0 3.4-2.4 5.9-6 6.9-3.6-1-6-3.5-6-6.9V5.2l6-2.5Z' stroke='%232d64f8' stroke-width='1.6'/%3E%3Cpath d='M8 10h4M10 8v4' stroke='%232d64f8' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E");
}
.section-apps .app-meta-pill--privacy .app-meta-icon{
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M10 2.7 16 5.2v5.5c0 3.4-2.4 5.9-6 6.9-3.6-1-6-3.5-6-6.9V5.2l6-2.5Z' stroke='%232d64f8' stroke-width='1.6'/%3E%3Cpath d='m7.5 10.2 1.6 1.6 3.5-3.7' stroke='%232d64f8' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.section-apps .app-card-actions{
position:relative;
z-index:3;
display:grid;
grid-template-columns:1fr 1fr;
gap:14px;
margin-top:16px;
padding-top:0;
}
.section-apps .app-card-actions .app-card-btn{
min-height:52px;
border-radius:15px;
padding:0 18px;
font-size:.93rem;
font-weight:800;
display:inline-flex;
align-items:center;
justify-content:center;
gap:10px;
box-shadow:none;
width:100%;
white-space:nowrap;
}
.section-apps .app-card-btn--primary{
background:linear-gradient(180deg,#2079ff 0%,#0a61e8 100%);
color:#fff;
border:1px solid rgba(0,0,0,0);
box-shadow:0 8px 18px rgba(25,101,232,.20);
}
.section-apps .app-card-btn--secondary{
background:#fff;
color:#2560e8;
border:1px solid #dbe4f4;
box-shadow:0 8px 16px rgba(54,86,150,.06);
}
.section-apps .app-card-btn-icon{
width:22px;
height:22px;
display:inline-block;
background-position:center;
background-repeat:no-repeat;
background-size:contain;
flex:0 0 22px;
}
.section-apps .app-card-btn-icon--rocket{
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28' fill='none'%3E%3Cpath d='M16.5 5.7c1.9-.6 4-.7 6-.3.4 2 .3 4.1-.3 6l-5.1 5.1-5.7-5.7 5.1-5.1Z' fill='white'/%3E%3Cpath d='m11.1 16.9-3.2 3.2M9.2 23.2l-2.1.8.8-2.1M17.1 10.9l3.5-3.5M12.8 21.5c-2.4.2-4.2-1.7-4-4' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.section-apps .app-card-btn-icon--shield{
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28' fill='none'%3E%3Cpath d='M14 3.8 22 7v7.5c0 4.8-3.2 8-8 9.5-4.8-1.5-8-4.7-8-9.5V7l8-3.2Z' stroke='%232560e8' stroke-width='2'/%3E%3Cpath d='m10.5 14.5 2.1 2.1 4.8-5.1' stroke='%232560e8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.section-apps .app-card-btn-arrow{
margin-left:auto;
font-size:1.35rem;
line-height:1;
color:#2f67ff;
}
@media (max-width: 1180px){
.section-apps .app-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
.section-apps .app-card-pro p{margin-left:0;min-height:auto;}
}
@media (max-width: 780px){
.section-apps .app-grid{grid-template-columns:1fr;gap:16px;}
.section-apps .app-card-pro{min-height:0;padding:20px;border-radius:24px;}
.section-apps .app-card-head-pro{grid-template-columns:78px minmax(0,1fr);gap:16px;}
.section-apps .app-card-pro .app-icon{width:72px;height:72px;border-radius:20px;}
.section-apps .app-card-label{font-size:.68rem;max-width:100%;}
.section-apps .app-card-pro h3{font-size:1.18rem;}
.section-apps .app-card-pro p{margin-left:0;font-size:.92rem;}
.section-apps .app-card-actions{grid-template-columns:1fr;gap:10px;}
.section-apps .app-card-actions .app-card-btn{min-height:50px;}
}
/* ===== 2026-04 compact rollback for app cards + inner-page language picker fix ===== */
body:not(.page-home) .header-tools{
display:flex;
align-items:center;
justify-content:flex-end;
gap:10px;
flex:0 0 auto;
}
body:not(.page-home) .lang-picker{
flex:0 0 auto;
}
body:not(.page-home) .lang-picker-toggle{
position:relative !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
gap:8px !important;
width:auto !important;
min-width:88px !important;
max-width:104px !important;
height:44px !important;
min-height:44px !important;
padding:0 10px !important;
border-radius:14px !important;
overflow:hidden !important;
}
body:not(.page-home) .lang-picker-toggle img{
width:22px !important;
height:16px !important;
min-width:22px !important;
margin:0 !important;
border-radius:4px !important;
object-fit:cover !important;
}
body:not(.page-home) .lang-picker-code{
display:inline-block !important;
font-size:.9rem !important;
line-height:1 !important;
font-weight:800 !important;
letter-spacing:-.02em !important;
color:#fff !important;
}
body:not(.page-home) .lang-picker-toggle svg{
position:static !important;
right:auto !important;
bottom:auto !important;
width:12px !important;
height:12px !important;
padding:0 !important;
flex:0 0 12px !important;
background:none !important;
border-radius:0 !important;
}
.section-apps .app-grid{
gap:18px 20px;
margin-top:22px;
}
.section-apps .app-card-pro{
min-height:246px;
padding:20px 22px 18px;
border-radius:22px;
}
.section-apps .app-card-pro::before{
right:-76px;
bottom:-80px;
width:170px;
height:170px;
}
.section-apps .app-card-pro::after{
right:-44px;
bottom:-20px;
width:150px;
height:130px;
}
.section-apps .app-card-head-pro{
grid-template-columns:78px minmax(0,1fr);
gap:16px;
}
.section-apps .app-card-pro .app-icon{
width:70px;
height:70px;
border-radius:20px;
}
.section-apps .app-card-titlebox{
gap:8px;
padding-top:2px;
}
.section-apps .app-card-label{
min-height:26px;
padding:7px 12px;
font-size:.62rem;
letter-spacing:.045em;
max-width:100%;
}
.section-apps .app-card-pro h3{
font-size:1.08rem;
line-height:1.14;
letter-spacing:-.03em;
}
.section-apps .app-card-pro p{
margin:10px 0 0 94px;
min-height:54px;
font-size:.81rem;
line-height:1.45;
}
.section-apps .app-card-meta{
gap:8px;
margin-top:12px;
}
.section-apps .app-meta-pill{
min-height:28px;
padding:7px 11px;
gap:6px;
font-size:.68rem;
}
.section-apps .app-meta-icon{
width:14px;
height:14px;
flex-basis:14px;
}
.section-apps .app-card-actions{
gap:10px;
margin-top:12px;
}
.section-apps .app-card-actions .app-card-btn{
min-height:44px;
border-radius:13px;
padding:0 14px;
font-size:.82rem;
gap:8px;
}
.section-apps .app-card-btn-icon{
width:19px;
height:19px;
flex-basis:19px;
}
.section-apps .app-card-btn-arrow{
font-size:1.12rem;
}
.section-apps .app-card-spark--one{
left:14px;
top:12px;
font-size:.7rem;
}
.section-apps .app-card-spark--two{
right:22px;
top:24px;
font-size:.9rem;
}
@media (max-width: 1180px){
.section-apps .app-card-pro p{margin-left:0;min-height:auto;}
}
@media (max-width: 780px){
body:not(.page-home) .lang-picker-toggle{
min-width:82px !important;
max-width:92px !important;
height:40px !important;
min-height:40px !important;
padding:0 9px !important;
}
body:not(.page-home) .lang-picker-code{font-size:.84rem !important;}
.section-apps .app-grid{gap:14px;}
.section-apps .app-card-pro{min-height:0;padding:18px;border-radius:20px;}
.section-apps .app-card-head-pro{grid-template-columns:68px minmax(0,1fr);gap:14px;}
.section-apps .app-card-pro .app-icon{width:62px;height:62px;border-radius:18px;}
.section-apps .app-card-pro h3{font-size:1rem;}
.section-apps .app-card-pro p{font-size:.82rem;}
}
/* ===== 2026-04-24 submenu arrow fix ===== */
.nav-item-has-submenu > a::after{
content:none !important;
display:none !important;
}
/* ===== 2026-04-24 HOME FINAL: compact header + pure gradient hero, no bg image ===== */
.nav-item-has-submenu > a::after,
.page-home .nav-item-has-submenu > a::after{
content:none !important;
display:none !important;
}
body.page-home .site-header{
position:absolute !important;
inset:0 0 auto 0 !important;
z-index:80 !important;
}
@media (min-width:981px){
body.page-home .site-header{
padding:18px 0 0 !important;
background:transparent !important;
backdrop-filter:none !important;
}
body.page-home .site-header .container{
width:min(1320px, calc(100% - 40px)) !important;
}
body.page-home .header-shell{
display:grid !important;
grid-template-columns:minmax(245px, 285px) minmax(0, 1fr) auto !important;
gap:20px !important;
align-items:center !important;
}
body.page-home .brand{
width:auto !important;
min-width:0 !important;
gap:14px !important;
padding:0 !important;
}
body.page-home .brand::after{
content:none !important;
display:none !important;
}
body.page-home .brand-mark{
width:56px !important;
height:56px !important;
flex:0 0 56px !important;
border-radius:16px !important;
filter:drop-shadow(0 10px 22px rgba(42,101,220,.28)) !important;
}
body.page-home .brand-copy strong{
font-size:1rem !important;
line-height:1.05 !important;
font-weight:850 !important;
letter-spacing:-.02em !important;
}
body.page-home .brand-copy small{
max-width:185px !important;
margin-top:3px !important;
font-size:.78rem !important;
line-height:1.22 !important;
font-weight:600 !important;
color:rgba(255,255,255,.72) !important;
}
body.page-home .main-nav{
display:flex !important;
justify-content:center !important;
align-items:center !important;
gap:13px !important;
min-width:0 !important;
}
body.page-home .main-nav > a,
body.page-home .nav-item > a{
display:inline-flex !important;
align-items:center !important;
padding:9px 9px !important;
border-radius:12px !important;
background:transparent !important;
color:rgba(255,255,255,.86) !important;
font-size:.93rem !important;
font-weight:750 !important;
line-height:1 !important;
letter-spacing:-.015em !important;
white-space:nowrap !important;
}
body.page-home .main-nav > a:hover,
body.page-home .nav-item > a:hover,
body.page-home .main-nav > a:focus-visible,
body.page-home .nav-item > a:focus-visible{
color:#fff !important;
background:rgba(255,255,255,.065) !important;
}
body.page-home .nav-link-with-caret{
gap:7px !important;
}
body.page-home .nav-link-with-caret svg{
display:block !important;
width:13px !important;
height:13px !important;
flex:0 0 13px !important;
opacity:.86 !important;
transform:translateY(1px) !important;
}
body.page-home .nav-submenu{
top:calc(100% + 12px) !important;
left:-10px !important;
min-width:292px !important;
padding:12px !important;
border-radius:20px !important;
background:#fff !important;
border:1px solid #dfe7f6 !important;
box-shadow:0 24px 64px rgba(1,10,35,.28) !important;
}
body.page-home .nav-submenu a{
padding:12px 14px !important;
border-radius:13px !important;
font-size:.93rem !important;
font-weight:750 !important;
color:#152647 !important;
letter-spacing:-.015em !important;
}
body.page-home .header-tools{
display:flex !important;
align-items:center !important;
justify-content:flex-end !important;
gap:12px !important;
}
body.page-home .btn-header{
min-height:48px !important;
padding:0 22px !important;
border-radius:15px !important;
background:linear-gradient(145deg,#3677ff 0%, #1d4dbd 100%) !important;
border:1px solid rgba(126,176,255,.34) !important;
color:#fff !important;
box-shadow:0 12px 28px rgba(37,96,230,.22), inset 0 1px 0 rgba(255,255,255,.18) !important;
font-size:.94rem !important;
font-weight:820 !important;
letter-spacing:-.018em !important;
white-space:nowrap !important;
}
body.page-home .btn-header::after{
content:none !important;
display:none !important;
}
body.page-home .lang-picker-toggle{
min-width:96px !important;
height:48px !important;
padding:0 12px !important;
gap:8px !important;
border-radius:15px !important;
border:1px solid rgba(255,255,255,.14) !important;
background:rgba(6,19,51,.40) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 10px 24px rgba(0,0,0,.12) !important;
color:#fff !important;
overflow:hidden !important;
}
body.page-home .lang-picker-toggle img{
width:22px !important;
height:16px !important;
flex:0 0 22px !important;
margin:0 !important;
border-radius:4px !important;
}
body.page-home .lang-picker-code{
font-size:.94rem !important;
font-weight:820 !important;
color:#fff !important;
line-height:1 !important;
}
body.page-home .lang-picker-toggle svg{
position:static !important;
width:12px !important;
height:12px !important;
flex:0 0 12px !important;
padding:0 !important;
background:none !important;
opacity:.86 !important;
}
body.page-home .hero{
min-height:0 !important;
padding:118px 0 0 !important;
overflow:hidden !important;
background:
radial-gradient(circle at 72% 16%, rgba(101,158,255,.35) 0, rgba(101,158,255,.13) 24%, rgba(101,158,255,0) 48%),
radial-gradient(circle at 18% 18%, rgba(69,232,255,.16) 0, rgba(69,232,255,.08) 26%, rgba(69,232,255,0) 56%),
linear-gradient(120deg,#061941 0%, #08265f 42%, #0a3478 72%, #061d4b 100%) !important;
}
body.page-home .hero::before{
content:"" !important;
display:block !important;
position:absolute !important;
inset:0 !important;
pointer-events:none !important;
background:
linear-gradient(115deg, rgba(255,255,255,.07) 0 1px, transparent 1px 24%),
radial-gradient(circle at 50% -8%, rgba(255,255,255,.12), rgba(255,255,255,0) 34%) !important;
opacity:.45 !important;
mask-image:linear-gradient(90deg, rgba(0,0,0,.8), rgba(0,0,0,.4) 55%, transparent 100%) !important;
}
body.page-home .hero::after,
body.page-home .hero-bg::before,
body.page-home .hero-bg::after{
content:none !important;
display:none !important;
}
body.page-home .hero .container{
width:min(1320px, calc(100% - 40px)) !important;
}
body.page-home .hero-shell{
position:relative !important;
z-index:2 !important;
display:grid !important;
grid-template-columns:minmax(0, 600px) minmax(340px, 470px) !important;
justify-content:space-between !important;
align-items:end !important;
gap:34px !important;
padding-left:34px !important;
}
body.page-home .hero-copy{
max-width:600px !important;
padding:0 0 34px !important;
}
body.page-home .hero-eyebrow{
margin:0 0 18px !important;
padding:9px 15px !important;
border-radius:999px !important;
border:1px solid rgba(255,255,255,.12) !important;
background:rgba(255,255,255,.055) !important;
font-size:.88rem !important;
font-weight:750 !important;
color:rgba(255,255,255,.82) !important;
}
body.page-home .hero h1{
margin:0 !important;
font-size:clamp(3.55rem, 4.85vw, 4.55rem) !important;
line-height:.94 !important;
letter-spacing:-.072em !important;
font-weight:850 !important;
}
body.page-home .hero-role{
margin-top:15px !important;
font-size:1.04rem !important;
font-weight:760 !important;
color:#71a1ff !important;
}
body.page-home .hero-lead{
max-width:520px !important;
margin-top:17px !important;
font-size:.98rem !important;
line-height:1.48 !important;
color:rgba(255,255,255,.86) !important;
}
body.page-home .hero-actions{
display:flex !important;
flex-wrap:wrap !important;
gap:12px !important;
margin-top:22px !important;
}
body.page-home .hero-actions .btn{
min-width:200px !important;
min-height:48px !important;
padding:0 20px !important;
border-radius:14px !important;
font-size:.94rem !important;
font-weight:820 !important;
box-shadow:none !important;
}
body.page-home .hero-actions .btn-primary{
background:linear-gradient(145deg,#3677ff 0%, #1d4dbd 100%) !important;
border:1px solid rgba(126,176,255,.35) !important;
color:#fff !important;
box-shadow:0 14px 32px rgba(37,96,230,.22), inset 0 1px 0 rgba(255,255,255,.18) !important;
}
body.page-home .hero-actions .btn-ghost{
background:rgba(255,255,255,.055) !important;
border:1px solid rgba(255,255,255,.22) !important;
color:#fff !important;
}
body.page-home .hero-feature-grid{
width:100% !important;
max-width:600px !important;
display:grid !important;
grid-template-columns:repeat(3, minmax(0,1fr)) !important;
gap:12px !important;
margin-top:24px !important;
}
body.page-home .hero-feature-card{
min-height:98px !important;
padding:12px 12px 11px !important;
border-radius:16px !important;
background:linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.055)) !important;
border:1px solid rgba(255,255,255,.10) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.05) !important;
backdrop-filter:blur(8px) !important;
}
body.page-home .hero-feature-icon{
width:32px !important;
height:32px !important;
border-radius:11px !important;
color:#8db8ff !important;
background:rgba(28,72,159,.52) !important;
}
body.page-home .hero-feature-icon svg{
width:17px !important;
height:17px !important;
}
body.page-home .hero-feature-copy strong{
font-size:.86rem !important;
line-height:1.23 !important;
font-weight:830 !important;
color:#fff !important;
}
body.page-home .hero-feature-copy span{
margin-top:5px !important;
font-size:.78rem !important;
line-height:1.3 !important;
color:rgba(255,255,255,.72) !important;
}
body.page-home .hero-visual{
min-height:0 !important;
height:auto !important;
align-self:end !important;
display:flex !important;
align-items:flex-end !important;
justify-content:flex-end !important;
padding:0 !important;
margin:0 !important;
overflow:visible !important;
line-height:0 !important;
}
body.page-home .hero-photo-card{
display:none !important;
}
body.page-home .hero-photo{
display:block !important;
width:min(470px, 100%) !important;
max-width:100% !important;
height:auto !important;
margin:0 !important;
transform:none !important;
object-fit:contain !important;
filter:drop-shadow(0 18px 28px rgba(0,0,0,.18)) !important;
}
}
@media (min-width:981px) and (max-width:1240px){
body.page-home .site-header .container,
body.page-home .hero .container{
width:min(100%, calc(100% - 34px)) !important;
}
body.page-home .header-shell{
grid-template-columns:minmax(220px, 250px) minmax(0, 1fr) auto !important;
gap:14px !important;
}
body.page-home .brand-mark{width:50px !important;height:50px !important;flex-basis:50px !important;}
body.page-home .brand-copy small{display:none !important;}
body.page-home .main-nav{gap:8px !important;}
body.page-home .main-nav > a,
body.page-home .nav-item > a{font-size:.88rem !important;padding:8px 7px !important;}
body.page-home .btn-header{padding:0 18px !important;min-height:46px !important;}
body.page-home .lang-picker-toggle{min-width:86px !important;height:46px !important;}
body.page-home .hero{padding-top:108px !important;}
body.page-home .hero-shell{
grid-template-columns:minmax(0, 1fr) minmax(310px, 410px) !important;
padding-left:0 !important;
gap:24px !important;
}
body.page-home .hero h1{font-size:3.75rem !important;}
body.page-home .hero-copy{padding-bottom:28px !important;}
body.page-home .hero-feature-grid{gap:10px !important;}
body.page-home .hero-feature-card{min-height:94px !important;padding:11px !important;}
body.page-home .hero-photo{width:min(410px, 100%) !important;}
}
@media (max-width:980px){
body.page-home .site-header{
padding:12px 0 0 !important;
}
body.page-home .hero{
min-height:0 !important;
padding:96px 0 0 !important;
overflow:hidden !important;
background:
radial-gradient(circle at 80% 10%, rgba(101,158,255,.28), rgba(101,158,255,0) 44%),
radial-gradient(circle at 10% 14%, rgba(69,232,255,.12), rgba(69,232,255,0) 52%),
linear-gradient(130deg,#061941 0%, #08265f 52%, #0a3478 100%) !important;
}
body.page-home .hero::before,
body.page-home .hero::after,
body.page-home .hero-bg::before,
body.page-home .hero-bg::after{
content:none !important;
display:none !important;
}
body.page-home .hero-shell{
display:grid !important;
grid-template-columns:1fr !important;
gap:16px !important;
padding-left:0 !important;
align-items:start !important;
}
body.page-home .hero-copy{
max-width:none !important;
padding:0 !important;
}
body.page-home .hero h1{
font-size:clamp(3rem, 9vw, 4rem) !important;
}
body.page-home .hero-role{margin-top:13px !important;font-size:1rem !important;}
body.page-home .hero-lead{margin-top:14px !important;font-size:.96rem !important;line-height:1.48 !important;}
body.page-home .hero-actions{gap:11px !important;margin-top:18px !important;}
body.page-home .hero-feature-grid{
width:100% !important;
max-width:none !important;
display:grid !important;
grid-template-columns:1fr !important;
gap:11px !important;
margin-top:18px !important;
}
body.page-home .hero-feature-card{
min-height:auto !important;
padding:13px !important;
border-radius:15px !important;
}
body.page-home .hero-visual{
display:flex !important;
justify-content:center !important;
align-items:flex-end !important;
min-height:0 !important;
padding:0 !important;
margin:0 !important;
line-height:0 !important;
}
body.page-home .hero-photo-card{display:none !important;}
body.page-home .hero-photo{
display:block !important;
width:min(360px, 82vw) !important;
max-width:100% !important;
height:auto !important;
margin:0 auto !important;
transform:none !important;
}
}
@media (max-width:767px){
body.page-home .hero{
padding-top:86px !important;
}
body.page-home .hero-shell{gap:12px !important;}
body.page-home .hero-eyebrow{margin-bottom:13px !important;padding:8px 13px !important;font-size:.78rem !important;}
body.page-home .hero h1{font-size:clamp(2.55rem, 11vw, 3.45rem) !important;}
body.page-home .hero-actions .btn{
width:100% !important;
min-width:0 !important;
min-height:48px !important;
}
body.page-home .hero-feature-grid{margin-top:16px !important;}
body.page-home .hero-feature-copy strong{font-size:.88rem !important;}
body.page-home .hero-feature-copy span{font-size:.8rem !important;}
body.page-home .hero-photo{width:min(292px, 78vw) !important;}
}
/* ===== 2026-04-24 mobile hero bottom + featured CTA final fix ===== */
@media (max-width:980px){
body.page-home .hero{
padding-bottom:0 !important;
}
body.page-home .hero-shell{
gap:10px !important;
}
body.page-home .hero-visual{
margin-top:-8px !important;
margin-bottom:-1px !important;
line-height:0 !important;
}
body.page-home .hero-photo{
display:block !important;
margin-bottom:-1px !important;
vertical-align:bottom !important;
}
}
@media (max-width:767px){
body.page-home .hero{
padding-top:84px !important;
padding-bottom:0 !important;
}
body.page-home .hero-shell{
gap:8px !important;
}
body.page-home .hero-feature-grid{
margin-top:14px !important;
}
body.page-home .hero-visual{
margin-top:-12px !important;
margin-bottom:-2px !important;
}
body.page-home .hero-photo{
width:min(286px, 76vw) !important;
margin-bottom:-2px !important;
}
}
@media (max-width:430px){
body.page-home .hero{
padding-top:80px !important;
}
body.page-home .hero-photo{
width:min(272px, 74vw) !important;
}
}
.section-apps .featured-actions{
align-items:center !important;
gap:14px !important;
margin-top:32px !important;
}
.section-apps .featured-actions .btn{
position:relative !important;
min-height:62px !important;
min-width:0 !important;
width:auto !important;
flex:0 1 auto !important;
justify-content:center !important;
gap:11px !important;
padding:0 24px !important;
border-radius:18px !important;
font-size:.98rem !important;
letter-spacing:-.01em !important;
overflow:hidden !important;
transform:none !important;
isolation:isolate !important;
}
.section-apps .featured-actions .btn::before{
content:"" !important;
position:absolute !important;
inset:1px !important;
border-radius:17px !important;
pointer-events:none !important;
background:linear-gradient(120deg, rgba(255,255,255,.22), rgba(255,255,255,0) 38%, rgba(255,255,255,.12) 100%) !important;
opacity:.75 !important;
z-index:-1 !important;
}
.section-apps .btn-featured-main{
background:linear-gradient(135deg,#ffffff 0%, #dbe9ff 46%, #9fc4ff 100%) !important;
color:#09265d !important;
border:1px solid rgba(255,255,255,.72) !important;
box-shadow:0 18px 38px rgba(3,20,78,.24), inset 0 1px 0 rgba(255,255,255,.82) !important;
}
.section-apps .btn-featured-secondary{
background:linear-gradient(135deg, rgba(255,255,255,.12), rgba(255,255,255,.045)) !important;
color:#fff !important;
border:1px solid rgba(210,229,255,.36) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.18), 0 16px 34px rgba(2,18,74,.16) !important;
backdrop-filter:blur(10px) !important;
}
.section-apps .btn-featured-icon{
display:none !important;
}
.section-apps .btn-featured-arrow{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
width:30px !important;
height:30px !important;
margin-left:4px !important;
border-radius:999px !important;
font-size:1.15rem !important;
line-height:1 !important;
color:currentColor !important;
background:rgba(255,255,255,.18) !important;
transform:none !important;
}
.section-apps .btn-featured-main .btn-featured-arrow{
background:rgba(9,38,93,.1) !important;
}
.section-apps .featured-actions .btn:hover{
transform:translateY(-2px) !important;
}
@media (max-width:1080px){
.section-apps .featured-actions{
gap:12px !important;
}
.section-apps .featured-actions .btn{
flex:1 1 240px !important;
}
}
@media (max-width:767px){
.section-apps .featured-actions{
margin-top:22px !important;
gap:10px !important;
}
.section-apps .featured-actions .btn{
width:100% !important;
min-height:56px !important;
padding:0 18px !important;
border-radius:16px !important;
}
.section-apps .featured-actions .btn::before{
border-radius:15px !important;
}
}
/* ===== 2026-04-24 home lower sections width alignment ===== */
body.page-home .section-faq > .container,
body.page-home .section-cta > .container,
body.page-home .section-home-seo > .container{
width:min(1360px, calc(100% - 40px)) !important;
max-width:none !important;
}
body.page-home .section-faq .faq-grid,
body.page-home .section-home-seo .seo-copy-panel,
body.page-home .section-cta .cta-panel{
width:100% !important;
max-width:none !important;
}
body.page-home .section-cta .cta-panel{
box-sizing:border-box !important;
}
@media (max-width:780px){
body.page-home .section-faq > .container,
body.page-home .section-cta > .container,
body.page-home .section-home-seo > .container{
width:min(100%, calc(100% - 24px)) !important;
}
}
/* ===== 2026-04-24 restrained premium hero CTA/cards rework ===== */
@media (min-width:981px){
body.page-home .hero-actions{
gap:16px !important;
margin-top:26px !important;
align-items:center !important;
}
body.page-home .hero-actions .btn{
position:relative !important;
min-width:222px !important;
min-height:58px !important;
padding:0 24px !important;
border-radius:16px !important;
font-size:1rem !important;
font-weight:800 !important;
letter-spacing:-.015em !important;
line-height:1 !important;
gap:12px !important;
overflow:hidden !important;
transform:none !important;
box-shadow:none !important;
}
body.page-home .hero-actions .btn::before{
content:"" !important;
position:absolute !important;
inset:0 !important;
border-radius:inherit !important;
pointer-events:none !important;
background:linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,0) 52%) !important;
opacity:.85 !important;
}
body.page-home .hero-actions .btn-primary{
color:#071f4f !important;
background:linear-gradient(135deg, #f9fbff 0%, #d9e7ff 52%, #b9d0ff 100%) !important;
border:1px solid rgba(255,255,255,.72) !important;
box-shadow:0 16px 30px rgba(2,14,55,.18), inset 0 1px 0 rgba(255,255,255,.86) !important;
}
body.page-home .hero-actions .btn-ghost{
color:#ffffff !important;
background:rgba(255,255,255,.075) !important;
border:1px solid rgba(214,229,255,.28) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.12), 0 14px 28px rgba(2,14,55,.1) !important;
backdrop-filter:blur(10px) !important;
}
body.page-home .hero-actions .btn:hover{
transform:translateY(-1px) !important;
}
body.page-home .btn-arrow{
position:relative !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
width:auto !important;
height:auto !important;
margin-left:2px !important;
font-size:1.2rem !important;
line-height:1 !important;
transform:translateY(-1px) !important;
opacity:.88 !important;
background:none !important;
border:none !important;
}
body.page-home .hero-feature-grid{
gap:13px !important;
margin-top:28px !important;
max-width:640px !important;
}
body.page-home .hero-feature-card{
position:relative !important;
display:grid !important;
grid-template-columns:40px minmax(0,1fr) !important;
gap:12px !important;
align-items:start !important;
min-height:112px !important;
padding:14px 14px 13px !important;
border-radius:18px !important;
background:linear-gradient(180deg, rgba(255,255,255,.105), rgba(255,255,255,.055)) !important;
border:1px solid rgba(218,232,255,.16) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.12), 0 14px 28px rgba(2,13,48,.09) !important;
backdrop-filter:blur(9px) !important;
overflow:hidden !important;
}
body.page-home .hero-feature-card::before{
content:"" !important;
position:absolute !important;
inset:0 !important;
pointer-events:none !important;
background:radial-gradient(circle at 18% 0%, rgba(187,211,255,.16), rgba(187,211,255,0) 46%) !important;
}
body.page-home .hero-feature-icon{
position:relative !important;
z-index:1 !important;
width:40px !important;
height:40px !important;
border-radius:13px !important;
color:#dce9ff !important;
background:linear-gradient(135deg, rgba(255,255,255,.16), rgba(255,255,255,.055)) !important;
border:1px solid rgba(220,234,255,.16) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.12) !important;
}
body.page-home .hero-feature-icon svg{
width:20px !important;
height:20px !important;
}
body.page-home .hero-feature-copy{
position:relative !important;
z-index:1 !important;
}
body.page-home .hero-feature-copy strong{
font-size:.95rem !important;
line-height:1.3 !important;
letter-spacing:-.02em !important;
color:#ffffff !important;
}
body.page-home .hero-feature-copy span{
margin-top:6px !important;
font-size:.86rem !important;
line-height:1.34 !important;
color:rgba(232,240,255,.72) !important;
}
}
@media (max-width:980px){
body.page-home .hero-actions .btn{
box-shadow:none !important;
}
body.page-home .hero-feature-card{
background:rgba(255,255,255,.075) !important;
border:1px solid rgba(218,232,255,.14) !important;
}
}
/* ===== 2026-04-24 hero advantages redesign: solid premium cards ===== */
@media (min-width:981px){
body.page-home .hero-feature-grid{
width:100% !important;
max-width:650px !important;
display:grid !important;
grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
gap:14px !important;
margin-top:30px !important;
}
body.page-home .hero-feature-card{
position:relative !important;
display:flex !important;
flex-direction:column !important;
align-items:flex-start !important;
justify-content:space-between !important;
gap:12px !important;
min-height:138px !important;
padding:18px 18px 16px !important;
border-radius:24px !important;
overflow:hidden !important;
isolation:isolate !important;
background:
linear-gradient(145deg, rgba(255,255,255,.18) 0%, rgba(255,255,255,.085) 48%, rgba(255,255,255,.055) 100%) !important;
border:1px solid rgba(230,240,255,.22) !important;
box-shadow:
0 18px 42px rgba(0,12,45,.14),
inset 0 1px 0 rgba(255,255,255,.20) !important;
backdrop-filter:blur(14px) saturate(128%) !important;
}
body.page-home .hero-feature-card::before{
content:"" !important;
position:absolute !important;
inset:0 !important;
z-index:-1 !important;
pointer-events:none !important;
background:
radial-gradient(circle at 22% 0%, rgba(121,174,255,.24), rgba(121,174,255,0) 42%),
linear-gradient(90deg, rgba(255,255,255,.22), rgba(255,255,255,0) 34%) !important;
opacity:.9 !important;
}
body.page-home .hero-feature-card::after{
content:"" !important;
position:absolute !important;
left:18px !important;
right:18px !important;
top:0 !important;
height:3px !important;
border-radius:0 0 999px 999px !important;
background:linear-gradient(90deg, rgba(255,255,255,.72), rgba(110,171,255,.85), rgba(255,255,255,0)) !important;
opacity:.8 !important;
}
body.page-home .hero-feature-icon{
position:relative !important;
z-index:1 !important;
display:grid !important;
place-items:center !important;
width:50px !important;
height:50px !important;
flex:0 0 50px !important;
border-radius:18px !important;
color:#ffffff !important;
background:
linear-gradient(145deg, rgba(255,255,255,.26), rgba(255,255,255,.09)) !important;
border:1px solid rgba(234,244,255,.28) !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.24),
0 12px 24px rgba(0,14,53,.16) !important;
}
body.page-home .hero-feature-icon svg{
width:24px !important;
height:24px !important;
stroke-width:1.9 !important;
}
body.page-home .hero-feature-copy{
position:relative !important;
z-index:1 !important;
display:block !important;
}
body.page-home .hero-feature-copy strong{
display:block !important;
font-size:1.07rem !important;
line-height:1.18 !important;
font-weight:850 !important;
letter-spacing:-.035em !important;
color:#ffffff !important;
text-wrap:balance !important;
}
body.page-home .hero-feature-copy span{
display:block !important;
margin-top:8px !important;
font-size:.92rem !important;
line-height:1.36 !important;
font-weight:600 !important;
color:rgba(235,243,255,.78) !important;
}
body.page-home .hero-feature-card:first-child{
background:
linear-gradient(145deg, rgba(255,255,255,.23) 0%, rgba(126,178,255,.13) 48%, rgba(255,255,255,.07) 100%) !important;
border-color:rgba(241,247,255,.34) !important;
}
body.page-home .hero-feature-card:first-child .hero-feature-copy strong{
font-size:1.16rem !important;
}
body.page-home .hero-feature-card:hover{
transform:translateY(-2px) !important;
border-color:rgba(245,250,255,.36) !important;
box-shadow:
0 22px 48px rgba(0,12,45,.18),
inset 0 1px 0 rgba(255,255,255,.24) !important;
}
}
@media (max-width:1260px) and (min-width:981px){
body.page-home .hero-feature-grid{
max-width:590px !important;
gap:12px !important;
}
body.page-home .hero-feature-card{
min-height:128px !important;
padding:16px 15px 14px !important;
border-radius:21px !important;
}
body.page-home .hero-feature-icon{
width:46px !important;
height:46px !important;
border-radius:16px !important;
}
body.page-home .hero-feature-copy strong{
font-size:1rem !important;
}
body.page-home .hero-feature-card:first-child .hero-feature-copy strong{
font-size:1.06rem !important;
}
body.page-home .hero-feature-copy span{
font-size:.86rem !important;
}
}
@media (max-width:980px){
body.page-home .hero-feature-grid{
display:grid !important;
grid-template-columns:1fr !important;
gap:10px !important;
margin-top:16px !important;
}
body.page-home .hero-feature-card{
position:relative !important;
display:grid !important;
grid-template-columns:48px minmax(0, 1fr) !important;
gap:14px !important;
align-items:center !important;
min-height:auto !important;
padding:14px 16px !important;
border-radius:20px !important;
background:linear-gradient(135deg, rgba(255,255,255,.16), rgba(255,255,255,.07)) !important;
border:1px solid rgba(230,240,255,.22) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.16), 0 10px 24px rgba(0,12,45,.10) !important;
backdrop-filter:blur(12px) !important;
overflow:hidden !important;
}
body.page-home .hero-feature-card::before{
content:"" !important;
position:absolute !important;
inset:0 !important;
pointer-events:none !important;
background:linear-gradient(90deg, rgba(255,255,255,.16), rgba(255,255,255,0) 46%) !important;
}
body.page-home .hero-feature-card::after{
content:none !important;
display:none !important;
}
body.page-home .hero-feature-icon{
position:relative !important;
z-index:1 !important;
width:48px !important;
height:48px !important;
border-radius:16px !important;
color:#ffffff !important;
background:rgba(255,255,255,.16) !important;
border:1px solid rgba(230,240,255,.22) !important;
}
body.page-home .hero-feature-copy{
position:relative !important;
z-index:1 !important;
}
body.page-home .hero-feature-copy strong{
font-size:1rem !important;
line-height:1.2 !important;
letter-spacing:-.025em !important;
color:#fff !important;
}
body.page-home .hero-feature-copy span{
margin-top:5px !important;
font-size:.88rem !important;
line-height:1.34 !important;
color:rgba(235,243,255,.76) !important;
}
}
@media (max-width:767px){
body.page-home .hero-feature-grid{
gap:9px !important;
margin-top:14px !important;
}
body.page-home .hero-feature-card{
grid-template-columns:44px minmax(0, 1fr) !important;
gap:12px !important;
padding:12px 13px !important;
border-radius:18px !important;
}
body.page-home .hero-feature-icon{
width:44px !important;
height:44px !important;
border-radius:15px !important;
}
body.page-home .hero-feature-icon svg{
width:22px !important;
height:22px !important;
}
body.page-home .hero-feature-copy strong{
font-size:.94rem !important;
}
body.page-home .hero-feature-copy span{
font-size:.8rem !important;
}
}
/* ===== 2026-04-24 CTA banner content-width correction ===== */
body.page-home .section-cta > .container.cta-panel{
width:min(1180px, calc(100% - 32px)) !important;
max-width:1180px !important;
margin-left:auto !important;
margin-right:auto !important;
box-sizing:border-box !important;
}
@media (min-width:1280px){
body.page-home .section-cta > .container.cta-panel{
width:min(1180px, calc(100% - 64px)) !important;
}
}
@media (max-width:780px){
body.page-home .section-cta > .container.cta-panel{
width:min(100%, calc(100% - 24px)) !important;
max-width:none !important;
}
}
/* ===== 2026-04-25 home FAQ premium reference redesign ===== */
body.page-home .section-faq{
position:relative !important;
overflow:hidden !important;
isolation:isolate !important;
padding:92px 0 96px !important;
background:
radial-gradient(circle at 8% 88%, rgba(79,132,238,.28), rgba(79,132,238,0) 24%),
radial-gradient(circle at 88% 10%, rgba(95,144,244,.20), rgba(95,144,244,0) 22%),
radial-gradient(circle at 50% 45%, rgba(255,255,255,.96), rgba(255,255,255,.48) 48%, rgba(235,242,255,.70) 100%),
linear-gradient(180deg,#f6f9ff 0%, #edf4ff 100%) !important;
}
body.page-home .section-faq::before,
body.page-home .section-faq::after{
content:"" !important;
position:absolute !important;
z-index:-1 !important;
pointer-events:none !important;
opacity:.72 !important;
}
body.page-home .section-faq::before{
left:-150px !important;
top:-190px !important;
width:640px !important;
height:640px !important;
border-radius:50% !important;
background:repeating-radial-gradient(ellipse at center, transparent 0 20px, rgba(78,129,235,.14) 21px 22px, transparent 23px 34px) !important;
transform:rotate(-19deg) scaleX(1.25) !important;
mask-image:linear-gradient(135deg, #000 0%, transparent 70%) !important;
}
body.page-home .section-faq::after{
right:-170px !important;
bottom:-210px !important;
width:720px !important;
height:720px !important;
border-radius:50% !important;
background:repeating-radial-gradient(ellipse at center, transparent 0 22px, rgba(78,129,235,.13) 23px 24px, transparent 25px 38px) !important;
transform:rotate(22deg) scaleX(1.22) !important;
mask-image:linear-gradient(315deg, #000 0%, transparent 72%) !important;
}
body.page-home .section-faq > .container{
position:relative !important;
z-index:1 !important;
width:min(1360px, calc(100% - 40px)) !important;
max-width:none !important;
}
body.page-home .section-faq > .container::before,
body.page-home .section-faq > .container::after{
content:"✦" !important;
position:absolute !important;
pointer-events:none !important;
color:#ffffff !important;
text-shadow:0 0 24px rgba(52,119,240,.34) !important;
font-size:34px !important;
line-height:1 !important;
opacity:.94 !important;
}
body.page-home .section-faq > .container::before{
left:-22px !important;
top:12px !important;
}
body.page-home .section-faq > .container::after{
right:36px !important;
top:20px !important;
font-size:20px !important;
}
body.page-home .section-faq .faq-head{
max-width:980px !important;
margin:0 auto 42px !important;
text-align:center !important;
}
body.page-home .section-faq .faq-head .section-kicker{
position:relative !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
gap:12px !important;
min-height:44px !important;
padding:0 24px !important;
border-radius:999px !important;
background:rgba(255,255,255,.82) !important;
border:1px solid rgba(96,145,245,.24) !important;
box-shadow:0 12px 28px rgba(53,105,224,.17), inset 0 1px 0 rgba(255,255,255,.9) !important;
color:#155be8 !important;
font-size:1.02rem !important;
font-weight:900 !important;
letter-spacing:.01em !important;
text-transform:none !important;
}
body.page-home .section-faq .faq-head .section-kicker::before,
body.page-home .section-faq .faq-head .section-kicker::after{
content:"✦" !important;
color:#2c72ee !important;
font-size:.9rem !important;
line-height:1 !important;
}
body.page-home .section-faq .faq-head h2{
margin:18px 0 0 !important;
color:#07114a !important;
font-size:clamp(3.15rem, 5vw, 5.05rem) !important;
line-height:.98 !important;
letter-spacing:-.07em !important;
font-weight:900 !important;
}
body.page-home .section-faq .faq-grid{
width:min(1080px, 100%) !important;
max-width:1080px !important;
margin:0 auto !important;
display:grid !important;
gap:16px !important;
}
body.page-home .section-faq details.faq-item{
position:relative !important;
padding:0 !important;
border-radius:20px !important;
background:rgba(255,255,255,.86) !important;
border:1px solid rgba(188,206,238,.74) !important;
box-shadow:0 14px 34px rgba(33,62,126,.08), inset 0 1px 0 rgba(255,255,255,.95) !important;
overflow:hidden !important;
transition:border-color .22s ease, box-shadow .22s ease, transform .22s ease, background .22s ease !important;
}
body.page-home .section-faq details.faq-item:hover{
transform:translateY(-1px) !important;
border-color:rgba(102,148,242,.58) !important;
box-shadow:0 18px 40px rgba(33,62,126,.10), inset 0 1px 0 rgba(255,255,255,.98) !important;
}
body.page-home .section-faq details.faq-item[open]{
background:rgba(255,255,255,.78) !important;
border-color:#6fa2ff !important;
box-shadow:0 0 0 2px rgba(96,151,255,.16), 0 18px 46px rgba(31,95,223,.14), inset 0 1px 0 rgba(255,255,255,.98) !important;
}
body.page-home .section-faq details.faq-item > summary.faq-question{
position:relative !important;
display:grid !important;
grid-template-columns:44px minmax(0,1fr) 44px !important;
align-items:center !important;
gap:22px !important;
min-height:88px !important;
margin:0 !important;
padding:22px 32px !important;
list-style:none !important;
cursor:pointer !important;
color:#07114a !important;
font-size:1.28rem !important;
line-height:1.22 !important;
font-weight:900 !important;
letter-spacing:-.035em !important;
}
body.page-home .section-faq details.faq-item > summary.faq-question::before{
content:"✦" !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
width:44px !important;
height:44px !important;
border-radius:999px !important;
background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(241,246,255,.92)) !important;
border:1px solid rgba(132,171,246,.35) !important;
color:#145fe9 !important;
box-shadow:0 8px 18px rgba(61,111,224,.14), inset 0 1px 0 rgba(255,255,255,1) !important;
font-size:1.05rem !important;
line-height:1 !important;
}
body.page-home .section-faq .faq-question-text{
min-width:0 !important;
padding:0 !important;
}
body.page-home .section-faq .faq-toggle-icon{
width:44px !important;
height:44px !important;
flex:0 0 44px !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
justify-self:end !important;
border-radius:999px !important;
border:1px solid rgba(119,164,250,.28) !important;
background:linear-gradient(180deg, #ffffff 0%, #edf4ff 100%) !important;
color:#155be8 !important;
box-shadow:0 10px 24px rgba(69,120,231,.18), inset 0 1px 0 rgba(255,255,255,1) !important;
font-size:0 !important;
font-weight:900 !important;
line-height:1 !important;
}
body.page-home .section-faq .faq-toggle-icon::before{
content:"+" !important;
display:block !important;
font-size:2rem !important;
line-height:.86 !important;
font-weight:800 !important;
transform:translateY(-1px) !important;
}
body.page-home .section-faq details.faq-item[open] .faq-toggle-icon{
background:linear-gradient(180deg, #2f8bff 0%, #1d62e7 100%) !important;
border-color:rgba(255,255,255,.38) !important;
color:#fff !important;
box-shadow:0 12px 26px rgba(37,102,232,.28), inset 0 1px 0 rgba(255,255,255,.35) !important;
}
body.page-home .section-faq details.faq-item[open] .faq-toggle-icon::before{
content:"−" !important;
font-size:2.05rem !important;
transform:translateY(-3px) !important;
}
body.page-home .section-faq details.faq-item[open] > summary.faq-question{
padding-bottom:12px !important;
}
body.page-home .section-faq .faq-answer-wrap{
margin:0 32px 26px 98px !important;
padding:24px 30px !important;
border-radius:18px !important;
background:rgba(235,241,253,.92) !important;
border:1px solid rgba(207,220,245,.86) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.58) !important;
color:#5d6985 !important;
}
body.page-home .section-faq .faq-answer-wrap p{
margin:0 !important;
max-width:780px !important;
color:#5d6985 !important;
font-size:1.08rem !important;
line-height:1.65 !important;
letter-spacing:-.015em !important;
}
@media (max-width:980px){
body.page-home .section-faq{
padding:72px 0 76px !important;
}
body.page-home .section-faq .faq-head{
margin-bottom:30px !important;
}
body.page-home .section-faq .faq-head h2{
font-size:clamp(2.55rem, 8vw, 4.2rem) !important;
}
body.page-home .section-faq .faq-grid{
gap:14px !important;
}
body.page-home .section-faq details.faq-item > summary.faq-question{
grid-template-columns:40px minmax(0,1fr) 40px !important;
gap:16px !important;
min-height:78px !important;
padding:18px 22px !important;
font-size:1.12rem !important;
}
body.page-home .section-faq details.faq-item > summary.faq-question::before,
body.page-home .section-faq .faq-toggle-icon{
width:40px !important;
height:40px !important;
flex-basis:40px !important;
}
body.page-home .section-faq .faq-answer-wrap{
margin:0 22px 22px 78px !important;
padding:20px 22px !important;
}
}
@media (max-width:767px){
body.page-home .section-faq{
padding:56px 0 58px !important;
}
body.page-home .section-faq > .container{
width:min(100%, calc(100% - 24px)) !important;
}
body.page-home .section-faq::before,
body.page-home .section-faq::after{
opacity:.38 !important;
}
body.page-home .section-faq > .container::before,
body.page-home .section-faq > .container::after{
display:none !important;
}
body.page-home .section-faq .faq-head{
margin-bottom:24px !important;
}
body.page-home .section-faq .faq-head .section-kicker{
min-height:38px !important;
padding:0 18px !important;
font-size:.9rem !important;
}
body.page-home .section-faq .faq-head h2{
margin-top:14px !important;
font-size:clamp(2.12rem, 11vw, 3.05rem) !important;
letter-spacing:-.055em !important;
}
body.page-home .section-faq .faq-grid{
gap:12px !important;
}
body.page-home .section-faq details.faq-item{
border-radius:18px !important;
}
body.page-home .section-faq details.faq-item > summary.faq-question{
grid-template-columns:34px minmax(0,1fr) 34px !important;
gap:12px !important;
min-height:70px !important;
padding:16px 14px !important;
font-size:1rem !important;
line-height:1.28 !important;
}
body.page-home .section-faq details.faq-item > summary.faq-question::before,
body.page-home .section-faq .faq-toggle-icon{
width:34px !important;
height:34px !important;
flex-basis:34px !important;
}
body.page-home .section-faq details.faq-item > summary.faq-question::before{
font-size:.86rem !important;
}
body.page-home .section-faq .faq-toggle-icon::before{
font-size:1.55rem !important;
}
body.page-home .section-faq details.faq-item[open] .faq-toggle-icon::before{
font-size:1.7rem !important;
transform:translateY(-2px) !important;
}
body.page-home .section-faq details.faq-item[open] > summary.faq-question{
padding-bottom:10px !important;
}
body.page-home .section-faq .faq-answer-wrap{
margin:0 14px 16px !important;
padding:16px 16px !important;
border-radius:15px !important;
}
body.page-home .section-faq .faq-answer-wrap p{
font-size:.94rem !important;
line-height:1.55 !important;
}
}
/* ===== 2026-04-24 home CTA banner redesign: match reference ===== */
body.page-home .section-cta{
padding-top:30px !important;
padding-bottom:12px !important;
}
body.page-home .section-cta > .container.cta-panel{
position:relative !important;
display:grid !important;
grid-template-columns:minmax(0, 1.18fr) minmax(300px, 404px) !important;
align-items:center !important;
gap:38px 44px !important;
width:min(1360px, calc(100% - 40px)) !important;
max-width:none !important;
min-height:430px !important;
padding:54px 70px !important;
border-radius:40px !important;
overflow:hidden !important;
isolation:isolate !important;
background:
radial-gradient(circle at 88% 20%, rgba(29,92,255,.35), rgba(29,92,255,0) 30%),
radial-gradient(circle at 84% 86%, rgba(68,142,255,.20), rgba(68,142,255,0) 28%),
linear-gradient(100deg, #03195f 0%, #06279a 58%, #1e57e8 100%) !important;
box-shadow:0 28px 64px rgba(5,29,102,.18) !important;
border:1px solid rgba(120,164,255,.12) !important;
}
body.page-home .section-cta > .container.cta-panel::before,
body.page-home .section-cta > .container.cta-panel::after{
content:"" !important;
position:absolute !important;
inset:auto !important;
pointer-events:none !important;
z-index:0 !important;
}
body.page-home .section-cta > .container.cta-panel::before{
left:-6% !important;
right:36% !important;
bottom:0 !important;
height:46% !important;
background:
linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,.02)),
radial-gradient(130% 150% at 50% 100%, rgba(255,255,255,.28) 0%, rgba(255,255,255,.09) 14%, rgba(255,255,255,0) 40%),
repeating-radial-gradient(120% 120% at 0% 100%, transparent 0 11px, rgba(123,176,255,.22) 11px 13px) !important;
opacity:.9 !important;
}
body.page-home .section-cta > .container.cta-panel::after{
top:-22px !important;
right:-18px !important;
width:38% !important;
height:32% !important;
background:repeating-radial-gradient(160% 120% at 100% 0%, transparent 0 11px, rgba(127,177,255,.22) 11px 13px) !important;
opacity:.85 !important;
}
body.page-home .section-cta > .container.cta-panel > *{
position:relative !important;
z-index:1 !important;
}
body.page-home .section-cta .section-kicker{
position:relative !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
min-height:60px !important;
padding:0 26px !important;
border-radius:999px !important;
background:linear-gradient(180deg, rgba(75,127,255,.30), rgba(30,81,220,.34)) !important;
border:1px solid rgba(137,183,255,.36) !important;
color:#ffffff !important;
font-size:1.02rem !important;
font-weight:800 !important;
letter-spacing:.01em !important;
text-transform:uppercase !important;
box-shadow:0 0 0 1px rgba(255,255,255,.08) inset, 0 0 22px rgba(77,140,255,.34), 0 8px 20px rgba(4,20,76,.24) !important;
}
body.page-home .section-cta .section-kicker::before{
content:"" !important;
position:absolute !important;
inset:1px !important;
border-radius:inherit !important;
background:linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,0)) !important;
pointer-events:none !important;
}
body.page-home .section-cta h2{
max-width:780px !important;
margin:28px 0 0 !important;
color:#ffffff !important;
font-size:clamp(3rem, 4.2vw, 4.6rem) !important;
line-height:1.06 !important;
letter-spacing:-.055em !important;
font-weight:800 !important;
}
body.page-home .section-cta p{
max-width:860px !important;
margin:22px 0 0 !important;
color:rgba(255,255,255,.84) !important;
font-size:1.16rem !important;
line-height:1.45 !important;
}
body.page-home .section-cta .cta-actions{
display:grid !important;
grid-template-columns:1fr !important;
gap:20px !important;
width:100% !important;
max-width:404px !important;
margin-left:auto !important;
}
body.page-home .section-cta .cta-actions .btn{
position:relative !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:112px !important;
padding:0 28px !important;
border-radius:26px !important;
font-size:1.16rem !important;
font-weight:800 !important;
letter-spacing:-.02em !important;
line-height:1.12 !important;
text-align:center !important;
overflow:hidden !important;
box-shadow:none !important;
transform:none !important;
}
body.page-home .section-cta .cta-actions .btn::before{
content:"" !important;
position:absolute !important;
inset:0 !important;
border-radius:inherit !important;
pointer-events:none !important;
}
body.page-home .section-cta .cta-actions .btn-primary{
color:#ffffff !important;
background:linear-gradient(180deg, #347dff 0%, #1e5af0 100%) !important;
border:1px solid rgba(152,211,255,.58) !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.26),
0 0 0 1px rgba(97,169,255,.18),
0 12px 26px rgba(3,16,66,.18),
0 0 24px rgba(56,132,255,.22) !important;
}
body.page-home .section-cta .cta-actions .btn-primary::before{
background:linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,0) 48%) !important;
}
body.page-home .section-cta .cta-actions .btn-primary::after{
content:"" !important;
position:absolute !important;
left:12px !important;
right:12px !important;
top:0 !important;
height:2px !important;
border-radius:999px !important;
background:linear-gradient(90deg, rgba(255,255,255,0), rgba(196,242,255,.98), rgba(255,255,255,0)) !important;
box-shadow:0 0 14px rgba(188,232,255,.9) !important;
}
body.page-home .section-cta .cta-actions .btn-ghost-blue{
color:#1c55d7 !important;
background:#ffffff !important;
border:1px solid rgba(255,255,255,.84) !important;
box-shadow:0 12px 28px rgba(3,16,66,.14), inset 0 1px 0 rgba(255,255,255,.88) !important;
}
body.page-home .section-cta .cta-actions .btn-ghost-blue::before{
background:linear-gradient(180deg, rgba(243,247,255,.96), rgba(255,255,255,0)) !important;
}
body.page-home .section-cta .cta-actions .btn:hover{
transform:translateY(-1px) !important;
}
@media (max-width: 1180px){
body.page-home .section-cta > .container.cta-panel{
grid-template-columns:minmax(0, 1fr) 330px !important;
min-height:380px !important;
padding:46px 44px !important;
gap:32px !important;
}
body.page-home .section-cta h2{
font-size:clamp(2.55rem, 5vw, 3.7rem) !important;
}
body.page-home .section-cta p{
font-size:1.06rem !important;
}
body.page-home .section-cta .cta-actions .btn{
min-height:94px !important;
border-radius:24px !important;
font-size:1.06rem !important;
}
}
@media (max-width: 860px){
body.page-home .section-cta > .container.cta-panel{
grid-template-columns:1fr !important;
min-height:0 !important;
padding:34px 24px !important;
gap:28px !important;
border-radius:30px !important;
}
body.page-home .section-cta > .container.cta-panel::before{
left:-18% !important;
right:-8% !important;
height:36% !important;
}
body.page-home .section-cta > .container.cta-panel::after{
width:62% !important;
height:20% !important;
}
body.page-home .section-cta .section-kicker{
min-height:52px !important;
padding:0 20px !important;
font-size:.9rem !important;
}
body.page-home .section-cta h2{
margin-top:20px !important;
font-size:clamp(2.1rem, 8vw, 3rem) !important;
line-height:1.08 !important;
}
body.page-home .section-cta p{
margin-top:16px !important;
font-size:1rem !important;
}
body.page-home .section-cta .cta-actions{
max-width:none !important;
margin-left:0 !important;
}
body.page-home .section-cta .cta-actions .btn{
min-height:78px !important;
border-radius:22px !important;
font-size:1rem !important;
}
}
/* ===== 2026-04-25 premium footer redesign ===== */
.site-footer.site-footer-pro{
position:relative !important;
margin-top:52px !important;
padding:0 0 34px !important;
background:linear-gradient(180deg, #eef5ff 0%, #eaf2ff 100%) !important;
color:#fff !important;
}
.site-footer.site-footer-pro .footer-panel{
position:relative !important;
width:min(1480px, calc(100% - 48px)) !important;
max-width:none !important;
margin:0 auto !important;
padding:58px 80px 34px !important;
border-radius:44px !important;
overflow:hidden !important;
isolation:isolate !important;
background:
radial-gradient(circle at 84% 18%, rgba(29,90,255,.42), rgba(29,90,255,0) 30%),
radial-gradient(circle at 89% 74%, rgba(36,122,255,.32), rgba(36,122,255,0) 34%),
linear-gradient(105deg, #031a5c 0%, #062674 42%, #0641c9 72%, #1460ff 100%) !important;
border:1px solid rgba(150,190,255,.34) !important;
box-shadow:
0 30px 70px rgba(7,31,91,.18),
inset 0 1px 0 rgba(255,255,255,.16),
inset 0 0 0 1px rgba(75,132,255,.16) !important;
}
.site-footer.site-footer-pro .footer-panel::before,
.site-footer.site-footer-pro .footer-panel::after{
content:"" !important;
position:absolute !important;
pointer-events:none !important;
z-index:0 !important;
}
.site-footer.site-footer-pro .footer-panel::before{
left:-8% !important;
bottom:-9% !important;
width:62% !important;
height:55% !important;
background:
radial-gradient(100% 130% at 16% 100%, rgba(255,255,255,.22), rgba(255,255,255,0) 38%),
repeating-radial-gradient(120% 120% at 0% 100%, transparent 0 14px, rgba(127,184,255,.18) 14px 16px) !important;
opacity:.82 !important;
}
.site-footer.site-footer-pro .footer-panel::after{
right:-8% !important;
top:-12% !important;
width:54% !important;
height:74% !important;
background:
radial-gradient(circle at 70% 58%, rgba(42,123,255,.36), rgba(42,123,255,0) 42%),
repeating-radial-gradient(160% 120% at 100% 10%, transparent 0 15px, rgba(129,185,255,.2) 15px 17px) !important;
opacity:.92 !important;
}
.site-footer.site-footer-pro .footer-shell,
.site-footer.site-footer-pro .footer-bottom{
position:relative !important;
z-index:1 !important;
}
.site-footer.site-footer-pro .footer-shell{
display:grid !important;
grid-template-columns:minmax(0, 1.08fr) minmax(560px, .92fr) !important;
gap:72px !important;
align-items:start !important;
padding:0 0 48px !important;
}
.site-footer.site-footer-pro .footer-branding{
max-width:720px !important;
}
.site-footer.site-footer-pro .footer-brand-row{
display:flex !important;
align-items:center !important;
gap:28px !important;
}
.site-footer.site-footer-pro .footer-monogram{
display:grid !important;
place-items:center !important;
width:94px !important;
height:94px !important;
flex:0 0 94px !important;
border-radius:24px !important;
color:#fff !important;
font-size:2rem !important;
line-height:1 !important;
font-weight:900 !important;
letter-spacing:-.09em !important;
background:linear-gradient(145deg, rgba(255,255,255,.12), rgba(255,255,255,.035)) !important;
border:1px solid rgba(137,183,255,.48) !important;
box-shadow:
0 0 0 2px rgba(50,112,255,.18),
0 0 22px rgba(69,139,255,.44),
inset 0 1px 0 rgba(255,255,255,.18) !important;
}
.site-footer.site-footer-pro .footer-brand-copy{
display:grid !important;
gap:8px !important;
min-width:0 !important;
}
.site-footer.site-footer-pro .footer-brand-copy strong{
color:#fff !important;
font-size:1.62rem !important;
line-height:1.08 !important;
font-weight:900 !important;
letter-spacing:-.045em !important;
}
.site-footer.site-footer-pro .footer-brand-copy small{
max-width:360px !important;
color:rgba(218,231,255,.78) !important;
font-size:1.03rem !important;
line-height:1.35 !important;
}
.site-footer.site-footer-pro .footer-text{
max-width:700px !important;
margin:32px 0 0 !important;
color:rgba(230,238,255,.82) !important;
font-size:1.08rem !important;
line-height:1.55 !important;
}
.site-footer.site-footer-pro .footer-socials{
display:flex !important;
flex-wrap:wrap !important;
gap:16px !important;
margin-top:38px !important;
}
.site-footer.site-footer-pro .footer-social,
.site-footer.site-footer-pro .footer-contact-link{
text-decoration:none !important;
}
.site-footer.site-footer-pro .footer-social{
display:inline-flex !important;
align-items:center !important;
gap:12px !important;
min-height:58px !important;
padding:0 18px !important;
border-radius:18px !important;
color:#fff !important;
font-weight:800 !important;
font-size:.96rem !important;
background:linear-gradient(145deg, rgba(255,255,255,.14), rgba(255,255,255,.055)) !important;
border:1px solid rgba(167,204,255,.28) !important;
box-shadow:0 10px 24px rgba(0,16,64,.18), inset 0 1px 0 rgba(255,255,255,.16) !important;
transition:transform .2s ease, border-color .2s ease, background .2s ease !important;
}
.site-footer.site-footer-pro .footer-social:hover{
transform:translateY(-1px) !important;
border-color:rgba(188,224,255,.46) !important;
background:linear-gradient(145deg, rgba(255,255,255,.18), rgba(255,255,255,.07)) !important;
}
.site-footer.site-footer-pro .footer-social-icon,
.site-footer.site-footer-pro .footer-link-icon{
display:grid !important;
place-items:center !important;
flex:0 0 auto !important;
color:#fff !important;
font-weight:900 !important;
line-height:1 !important;
}
.site-footer.site-footer-pro .footer-social-icon{
width:34px !important;
height:34px !important;
border-radius:50% !important;
}
.site-footer.site-footer-pro .footer-social--youtube .footer-social-icon{
background:#ff1919 !important;
}
.site-footer.site-footer-pro .footer-social--youtube .footer-social-icon::before{
content:"" !important;
width:0 !important;
height:0 !important;
margin-left:3px !important;
border-top:7px solid transparent !important;
border-bottom:7px solid transparent !important;
border-left:12px solid #fff !important;
}
.site-footer.site-footer-pro .footer-social--telegram .footer-social-icon{
background:#1da1f2 !important;
}
.site-footer.site-footer-pro .footer-social--telegram .footer-social-icon::before{
content:"" !important;
width:14px !important;
height:14px !important;
transform:rotate(45deg) skew(-8deg,-8deg) !important;
background:linear-gradient(135deg, transparent 0 48%, #fff 49% 100%) !important;
clip-path:polygon(0 0,100% 50%,0 100%,24% 55%) !important;
}
.site-footer.site-footer-pro .footer-social--kwork .footer-social-icon{
background:#20a622 !important;
font-size:1.05rem !important;
}
.site-footer.site-footer-pro .footer-social--vc .footer-social-icon{
background:#05080f !important;
font-size:.8rem !important;
letter-spacing:-.06em !important;
text-transform:uppercase !important;
}
.site-footer.site-footer-pro .footer-links-group{
display:grid !important;
grid-template-columns:1fr .95fr !important;
gap:72px !important;
min-width:0 !important;
}
.site-footer.site-footer-pro .footer-links-col{
min-width:0 !important;
}
.site-footer.site-footer-pro .footer-title{
display:block !important;
margin:0 0 28px !important;
padding-bottom:16px !important;
border-bottom:1px solid rgba(150,194,255,.24) !important;
color:rgba(175,207,255,.88) !important;
font-size:.95rem !important;
line-height:1 !important;
font-weight:900 !important;
text-transform:uppercase !important;
letter-spacing:.04em !important;
}
.site-footer.site-footer-pro .footer-contact-link,
.site-footer.site-footer-pro .footer-nav-col a{
display:flex !important;
align-items:center !important;
gap:16px !important;
min-height:46px !important;
margin:0 0 18px !important;
color:rgba(255,255,255,.92) !important;
font-size:1.02rem !important;
line-height:1.28 !important;
font-weight:700 !important;
}
.site-footer.site-footer-pro .footer-link-icon{
width:42px !important;
height:42px !important;
border-radius:50% !important;
background:rgba(6,42,124,.72) !important;
border:1px solid rgba(82,164,255,.48) !important;
box-shadow:0 0 16px rgba(43,132,255,.28), inset 0 1px 0 rgba(255,255,255,.12) !important;
}
.site-footer.site-footer-pro .footer-contact-link--email .footer-link-icon::before{
content:"✉" !important;
font-size:1.1rem !important;
color:#a9d1ff !important;
}
.site-footer.site-footer-pro .footer-contact-link--telegram .footer-link-icon::before{
content:"➤" !important;
font-size:1.15rem !important;
transform:rotate(-18deg) !important;
color:#a9d1ff !important;
}
.site-footer.site-footer-pro .footer-contact-link--kwork .footer-link-icon{
background:#1d9d24 !important;
border-color:rgba(122,255,130,.46) !important;
}
.site-footer.site-footer-pro .footer-contact-link--vc .footer-link-icon{
background:#05080f !important;
border-color:rgba(255,255,255,.22) !important;
font-size:.78rem !important;
text-transform:uppercase !important;
}
.site-footer.site-footer-pro .footer-nav-arrow{
position:relative !important;
width:14px !important;
height:14px !important;
flex:0 0 14px !important;
}
.site-footer.site-footer-pro .footer-nav-arrow::before{
content:"" !important;
position:absolute !important;
inset:2px 4px 2px 0 !important;
border-top:2px solid #63b1ff !important;
border-right:2px solid #63b1ff !important;
transform:rotate(45deg) !important;
filter:drop-shadow(0 0 8px rgba(95,178,255,.82)) !important;
}
.site-footer.site-footer-pro .footer-bottom{
display:flex !important;
align-items:center !important;
gap:22px !important;
padding:28px 0 0 !important;
border-top:1px solid rgba(158,199,255,.26) !important;
}
.site-footer.site-footer-pro .footer-bottom p{
margin:0 !important;
color:rgba(213,229,255,.68) !important;
font-size:1rem !important;
line-height:1.4 !important;
}
.site-footer.site-footer-pro .footer-bottom-icon{
position:relative !important;
display:grid !important;
place-items:center !important;
width:44px !important;
height:44px !important;
flex:0 0 44px !important;
border-radius:14px !important;
border:1px solid rgba(98,169,255,.45) !important;
box-shadow:0 0 18px rgba(59,140,255,.24), inset 0 1px 0 rgba(255,255,255,.14) !important;
}
.site-footer.site-footer-pro .footer-bottom-icon::before{
content:"✓" !important;
color:#9ecbff !important;
font-weight:900 !important;
}
@media (max-width:1180px){
.site-footer.site-footer-pro .footer-panel{
padding:46px 42px 30px !important;
border-radius:36px !important;
}
.site-footer.site-footer-pro .footer-shell{
grid-template-columns:1fr !important;
gap:46px !important;
}
.site-footer.site-footer-pro .footer-links-group{
grid-template-columns:1fr 1fr !important;
gap:38px !important;
}
}
@media (max-width:780px){
.site-footer.site-footer-pro{
margin-top:36px !important;
padding-bottom:22px !important;
}
.site-footer.site-footer-pro .footer-panel{
width:min(100%, calc(100% - 24px)) !important;
padding:30px 20px 24px !important;
border-radius:28px !important;
}
.site-footer.site-footer-pro .footer-shell{
gap:34px !important;
padding-bottom:28px !important;
}
.site-footer.site-footer-pro .footer-brand-row{
align-items:flex-start !important;
gap:18px !important;
}
.site-footer.site-footer-pro .footer-monogram{
width:72px !important;
height:72px !important;
flex-basis:72px !important;
border-radius:20px !important;
font-size:1.5rem !important;
}
.site-footer.site-footer-pro .footer-brand-copy strong{
font-size:1.35rem !important;
}
.site-footer.site-footer-pro .footer-brand-copy small{
font-size:.94rem !important;
}
.site-footer.site-footer-pro .footer-text{
margin-top:24px !important;
font-size:.98rem !important;
}
.site-footer.site-footer-pro .footer-socials{
gap:12px !important;
margin-top:26px !important;
}
.site-footer.site-footer-pro .footer-social{
width:100% !important;
min-height:54px !important;
justify-content:flex-start !important;
}
.site-footer.site-footer-pro .footer-links-group{
grid-template-columns:1fr !important;
gap:28px !important;
}
.site-footer.site-footer-pro .footer-title{
margin-bottom:18px !important;
}
.site-footer.site-footer-pro .footer-contact-link,
.site-footer.site-footer-pro .footer-nav-col a{
font-size:.98rem !important;
margin-bottom:14px !important;
}
.site-footer.site-footer-pro .footer-bottom{
align-items:flex-start !important;
gap:14px !important;
}
.site-footer.site-footer-pro .footer-bottom p{
font-size:.92rem !important;
}
}
/* ===== 2026-04-25 compact footer cleanup ===== */
.site-footer.site-footer-pro{
margin-top:42px !important;
padding:0 0 24px !important;
background:linear-gradient(180deg,#eef5ff 0%,#eaf2ff 100%) !important;
}
.site-footer.site-footer-pro .footer-panel{
width:min(1360px, calc(100% - 40px)) !important;
padding:34px 46px 24px !important;
border-radius:34px !important;
background:
radial-gradient(circle at 88% 22%, rgba(35,92,255,.32), transparent 34%),
radial-gradient(circle at 92% 78%, rgba(38,126,255,.22), transparent 34%),
linear-gradient(105deg,#031a5c 0%,#062674 48%,#0b4bdd 100%) !important;
border:1px solid rgba(150,190,255,.24) !important;
box-shadow:0 22px 46px rgba(7,31,91,.16), inset 0 1px 0 rgba(255,255,255,.13) !important;
}
.site-footer.site-footer-pro .footer-panel::before,
.site-footer.site-footer-pro .footer-panel::after{
display:none !important;
}
.site-footer.site-footer-pro .footer-shell{
grid-template-columns:minmax(0, 1.05fr) minmax(430px, .95fr) !important;
gap:42px !important;
padding:0 0 20px !important;
}
.site-footer.site-footer-pro .footer-branding{
max-width:620px !important;
}
.site-footer.site-footer-pro .footer-brand-row{
gap:18px !important;
}
.site-footer.site-footer-pro .footer-monogram{
width:66px !important;
height:66px !important;
flex-basis:66px !important;
border-radius:18px !important;
font-size:1.5rem !important;
box-shadow:0 0 16px rgba(69,139,255,.32), inset 0 1px 0 rgba(255,255,255,.16) !important;
}
.site-footer.site-footer-pro .footer-brand-copy{
gap:5px !important;
}
.site-footer.site-footer-pro .footer-brand-copy strong{
font-size:1.34rem !important;
letter-spacing:-.035em !important;
}
.site-footer.site-footer-pro .footer-brand-copy small{
max-width:340px !important;
font-size:.92rem !important;
line-height:1.3 !important;
}
.site-footer.site-footer-pro .footer-text{
max-width:620px !important;
margin:18px 0 0 !important;
font-size:.94rem !important;
line-height:1.48 !important;
}
.site-footer.site-footer-pro .footer-socials{
gap:10px !important;
margin-top:24px !important;
}
.site-footer.site-footer-pro .footer-social{
min-height:44px !important;
padding:0 13px !important;
border-radius:14px !important;
gap:9px !important;
font-size:.88rem !important;
box-shadow:0 8px 18px rgba(0,16,64,.13), inset 0 1px 0 rgba(255,255,255,.14) !important;
}
.site-footer.site-footer-pro .footer-social-icon{
width:28px !important;
height:28px !important;
}
.site-footer.site-footer-pro .footer-social--telegram .footer-social-icon::before,
.site-footer.site-footer-pro .footer-contact-link--telegram .footer-link-icon::before{
content:"" !important;
width:16px !important;
height:16px !important;
transform:none !important;
background:#fff !important;
clip-path:polygon(92% 8%, 8% 46%, 39% 57%, 51% 92%, 66% 62%, 88% 20%, 46% 58%, 39% 57%) !important;
}
.site-footer.site-footer-pro .footer-contact-link--telegram .footer-link-icon::before{
background:#a9d1ff !important;
width:17px !important;
height:17px !important;
}
.site-footer.site-footer-pro .footer-links-group{
grid-template-columns:1fr .82fr !important;
gap:38px !important;
}
.site-footer.site-footer-pro .footer-title{
margin:0 0 14px !important;
padding-bottom:0 !important;
border-bottom:0 !important;
font-size:.84rem !important;
color:rgba(178,210,255,.82) !important;
}
.site-footer.site-footer-pro .footer-contact-link,
.site-footer.site-footer-pro .footer-nav-col a{
min-height:34px !important;
margin:0 0 10px !important;
gap:11px !important;
font-size:.92rem !important;
line-height:1.25 !important;
}
.site-footer.site-footer-pro .footer-link-icon{
width:32px !important;
height:32px !important;
font-size:.78rem !important;
box-shadow:0 0 12px rgba(43,132,255,.20), inset 0 1px 0 rgba(255,255,255,.1) !important;
}
.site-footer.site-footer-pro .footer-contact-link--email .footer-link-icon::before{
font-size:.95rem !important;
}
.site-footer.site-footer-pro .footer-nav-arrow{
width:10px !important;
height:10px !important;
flex-basis:10px !important;
}
.site-footer.site-footer-pro .footer-nav-arrow::before{
inset:1px 3px 1px 0 !important;
border-top-width:2px !important;
border-right-width:2px !important;
filter:none !important;
}
.site-footer.site-footer-pro .footer-bottom{
gap:12px !important;
padding:14px 0 0 !important;
border-top:0 !important;
}
.site-footer.site-footer-pro .footer-bottom-icon{
width:30px !important;
height:30px !important;
flex-basis:30px !important;
border-radius:10px !important;
box-shadow:0 0 12px rgba(59,140,255,.18), inset 0 1px 0 rgba(255,255,255,.12) !important;
}
.site-footer.site-footer-pro .footer-bottom p{
font-size:.86rem !important;
color:rgba(213,229,255,.62) !important;
}
@media (max-width:1180px){
.site-footer.site-footer-pro .footer-panel{
padding:32px 30px 22px !important;
border-radius:30px !important;
}
.site-footer.site-footer-pro .footer-shell{
grid-template-columns:1fr !important;
gap:28px !important;
padding-bottom:18px !important;
}
.site-footer.site-footer-pro .footer-links-group{
grid-template-columns:1fr 1fr !important;
gap:28px !important;
}
}
@media (max-width:780px){
.site-footer.site-footer-pro{
margin-top:30px !important;
padding-bottom:18px !important;
}
.site-footer.site-footer-pro .footer-panel{
width:min(100%, calc(100% - 24px)) !important;
padding:24px 18px 20px !important;
border-radius:24px !important;
}
.site-footer.site-footer-pro .footer-shell{
gap:24px !important;
}
.site-footer.site-footer-pro .footer-brand-row{
gap:14px !important;
}
.site-footer.site-footer-pro .footer-monogram{
width:58px !important;
height:58px !important;
flex-basis:58px !important;
border-radius:16px !important;
font-size:1.25rem !important;
}
.site-footer.site-footer-pro .footer-brand-copy strong{
font-size:1.16rem !important;
}
.site-footer.site-footer-pro .footer-brand-copy small,
.site-footer.site-footer-pro .footer-text{
font-size:.88rem !important;
}
.site-footer.site-footer-pro .footer-socials{
margin-top:18px !important;
gap:8px !important;
}
.site-footer.site-footer-pro .footer-social{
width:auto !important;
min-height:40px !important;
padding:0 11px !important;
font-size:.84rem !important;
}
.site-footer.site-footer-pro .footer-links-group{
grid-template-columns:1fr !important;
gap:20px !important;
}
.site-footer.site-footer-pro .footer-contact-link,
.site-footer.site-footer-pro .footer-nav-col a{
margin-bottom:8px !important;
font-size:.88rem !important;
}
.site-footer.site-footer-pro .footer-bottom{
align-items:center !important;
padding-top:10px !important;
}
.site-footer.site-footer-pro .footer-bottom p{
font-size:.82rem !important;
}
}
/* ===== 2026-04-25 apps grid reference cards + Google Play footer link ===== */
body.page-home .section-apps{
background:
radial-gradient(circle at 0% 28%, rgba(69,143,255,.13), transparent 28%),
radial-gradient(circle at 100% 4%, rgba(69,143,255,.10), transparent 24%),
linear-gradient(180deg,#f4f8ff 0%,#eef5ff 100%) !important;
}
body.page-home .section-apps .app-grid{
width:100% !important;
display:grid !important;
grid-template-columns:repeat(3, minmax(0,1fr)) !important;
gap:20px !important;
align-items:stretch !important;
}
body.page-home .section-apps .app-card-pro{
position:relative !important;
min-height:0 !important;
padding:22px 24px 24px !important;
display:flex !important;
flex-direction:column !important;
overflow:hidden !important;
isolation:isolate !important;
border-radius:26px !important;
background:linear-gradient(145deg, rgba(255,255,255,.96), rgba(247,251,255,.94)) !important;
border:1px solid rgba(196,216,245,.72) !important;
box-shadow:0 16px 34px rgba(37,75,130,.11), inset 0 1px 0 rgba(255,255,255,.95) !important;
}
body.page-home .section-apps .app-card-pro::before{
content:"" !important;
position:absolute !important;
inset:0 !important;
z-index:-1 !important;
pointer-events:none !important;
background:
radial-gradient(circle at 94% 8%, rgba(47,132,255,.18), transparent 18%),
repeating-radial-gradient(120% 96% at 100% 0%, transparent 0 11px, rgba(77,148,255,.075) 11px 12px) !important;
opacity:.88 !important;
}
body.page-home .section-apps .app-card-pro::after{
content:"" !important;
position:absolute !important;
right:-34px !important;
bottom:-38px !important;
width:190px !important;
height:150px !important;
z-index:-1 !important;
pointer-events:none !important;
background:radial-gradient(circle, rgba(63,145,255,.14), transparent 70%) !important;
opacity:.9 !important;
}
body.page-home .section-apps .app-card-spark{
position:absolute !important;
z-index:2 !important;
color:#5aa6ff !important;
font-size:18px !important;
line-height:1 !important;
opacity:.78 !important;
text-shadow:0 0 12px rgba(74,154,255,.34) !important;
}
body.page-home .section-apps .app-card-spark--one{
top:16px !important;
left:17px !important;
}
body.page-home .section-apps .app-card-spark--two{
top:18px !important;
right:18px !important;
}
body.page-home .section-apps .app-card-head-pro{
position:relative !important;
z-index:1 !important;
display:grid !important;
grid-template-columns:82px minmax(0,1fr) !important;
gap:18px !important;
align-items:start !important;
min-height:104px !important;
margin:0 !important;
}
body.page-home .section-apps .app-card-pro .app-icon{
width:82px !important;
height:82px !important;
border-radius:22px !important;
object-fit:cover !important;
background:#eaf2ff !important;
border:1px solid rgba(188,211,246,.76) !important;
box-shadow:0 12px 24px rgba(26,73,142,.16), inset 0 1px 0 rgba(255,255,255,.76) !important;
}
body.page-home .section-apps .app-card-titlebox{
min-width:0 !important;
display:block !important;
padding-top:2px !important;
}
body.page-home .section-apps .app-card-label{
display:inline-flex !important;
width:auto !important;
max-width:100% !important;
margin:0 0 10px !important;
padding:8px 13px !important;
border-radius:999px !important;
background:linear-gradient(180deg, #edf5ff, #e5efff) !important;
border:1px solid rgba(204,222,249,.78) !important;
color:#2d69cc !important;
font-size:.72rem !important;
font-weight:800 !important;
letter-spacing:.025em !important;
line-height:1.05 !important;
text-transform:uppercase !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.92) !important;
}
body.page-home .section-apps .app-card-pro h3{
margin:0 !important;
color:#081747 !important;
font-size:1.26rem !important;
line-height:1.15 !important;
letter-spacing:-.035em !important;
font-weight:850 !important;
overflow-wrap:normal !important;
}
body.page-home .section-apps .app-card-pro p{
position:relative !important;
z-index:1 !important;
flex:1 1 auto !important;
min-height:74px !important;
margin:16px 8px 0 !important;
color:#5f6c87 !important;
font-size:.95rem !important;
line-height:1.46 !important;
text-align:center !important;
}
body.page-home .section-apps .app-card-meta{
position:relative !important;
z-index:1 !important;
display:grid !important;
grid-template-columns:1fr 1.28fr !important;
gap:10px !important;
margin-top:20px !important;
}
body.page-home .section-apps .app-meta-pill{
display:flex !important;
align-items:center !important;
justify-content:center !important;
min-height:40px !important;
padding:0 12px !important;
border-radius:999px !important;
background:rgba(247,251,255,.92) !important;
border:1px solid rgba(211,224,246,.92) !important;
color:#32506f !important;
font-size:.82rem !important;
font-weight:750 !important;
line-height:1.1 !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.88), 0 6px 12px rgba(37,75,130,.06) !important;
white-space:nowrap !important;
}
body.page-home .section-apps .app-meta-icon{
position:relative !important;
display:inline-grid !important;
place-items:center !important;
width:18px !important;
height:18px !important;
flex:0 0 18px !important;
margin-right:8px !important;
border:1.8px solid #2d78f2 !important;
border-radius:50% 50% 48% 48% / 46% 46% 56% 56% !important;
background:#f8fbff !important;
}
body.page-home .section-apps .app-meta-icon::before{
content:"" !important;
width:6px !important;
height:9px !important;
border-right:1.8px solid #2d78f2 !important;
border-bottom:1.8px solid #2d78f2 !important;
transform:rotate(42deg) translate(-1px,-1px) !important;
}
body.page-home .section-apps .app-card-actions{
position:relative !important;
z-index:1 !important;
display:grid !important;
grid-template-columns:1fr 1fr !important;
gap:12px !important;
margin-top:14px !important;
padding-top:0 !important;
}
body.page-home .section-apps .app-card-actions .app-card-btn{
position:relative !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:54px !important;
padding:0 16px !important;
border-radius:14px !important;
font-size:.95rem !important;
font-weight:850 !important;
letter-spacing:-.015em !important;
box-shadow:none !important;
transform:none !important;
overflow:hidden !important;
}
body.page-home .section-apps .app-card-btn--primary{
color:#fff !important;
background:linear-gradient(180deg, #2c8cff 0%, #075fec 100%) !important;
border:1px solid rgba(104,186,255,.5) !important;
box-shadow:0 12px 22px rgba(13,102,239,.24), inset 0 1px 0 rgba(255,255,255,.26) !important;
}
body.page-home .section-apps .app-card-btn--secondary{
color:#1760d7 !important;
background:linear-gradient(180deg, #ffffff 0%, #f6faff 100%) !important;
border:1px solid rgba(207,223,247,.94) !important;
box-shadow:0 10px 20px rgba(37,75,130,.08), inset 0 1px 0 rgba(255,255,255,.96) !important;
}
body.page-home .section-apps .app-card-btn-icon{
position:relative !important;
width:18px !important;
height:18px !important;
flex:0 0 18px !important;
margin-right:8px !important;
background:none !important;
}
body.page-home .section-apps .app-card-btn-icon--rocket::before{
content:"↗" !important;
position:absolute !important;
inset:0 !important;
display:grid !important;
place-items:center !important;
color:#fff !important;
font-size:1rem !important;
font-weight:900 !important;
line-height:1 !important;
}
body.page-home .section-apps .app-card-btn-icon--shield{
border:1.8px solid #236ee7 !important;
border-radius:50% 50% 48% 48% / 46% 46% 56% 56% !important;
}
body.page-home .section-apps .app-card-btn-icon--shield::before{
content:"" !important;
position:absolute !important;
left:5px !important;
top:3px !important;
width:5px !important;
height:8px !important;
border-right:1.8px solid #236ee7 !important;
border-bottom:1.8px solid #236ee7 !important;
transform:rotate(42deg) !important;
}
body.page-home .section-apps .app-card-actions .app-card-btn:hover{
transform:translateY(-1px) !important;
}
body.page-home .section-apps .app-card-btn-arrow{
display:none !important;
}
.site-footer.site-footer-pro .footer-social--googleplay .footer-social-icon{
background:linear-gradient(135deg,#16c267,#22a7ff 52%,#ffc534) !important;
color:#fff !important;
}
.site-footer.site-footer-pro .footer-social--googleplay .footer-social-icon::before{
content:"" !important;
position:absolute !important;
left:9px !important;
top:7px !important;
width:0 !important;
height:0 !important;
border-top:7px solid transparent !important;
border-bottom:7px solid transparent !important;
border-left:11px solid #fff !important;
filter:drop-shadow(0 1px 2px rgba(0,0,0,.18)) !important;
}
.site-footer.site-footer-pro .footer-social--googleplay{
white-space:nowrap !important;
}
@media (max-width:1180px){
body.page-home .section-apps .app-grid{
grid-template-columns:repeat(2, minmax(0,1fr)) !important;
}
}
@media (max-width:780px){
body.page-home .section-apps .app-grid{
grid-template-columns:1fr !important;
gap:16px !important;
}
body.page-home .section-apps .app-card-pro{
padding:20px !important;
border-radius:24px !important;
}
body.page-home .section-apps .app-card-head-pro{
grid-template-columns:70px minmax(0,1fr) !important;
gap:14px !important;
min-height:auto !important;
}
body.page-home .section-apps .app-card-pro .app-icon{
width:70px !important;
height:70px !important;
border-radius:20px !important;
}
body.page-home .section-apps .app-card-pro h3{
font-size:1.12rem !important;
}
body.page-home .section-apps .app-card-label{
font-size:.66rem !important;
padding:7px 10px !important;
}
body.page-home .section-apps .app-card-pro p{
min-height:auto !important;
margin:14px 0 0 !important;
text-align:left !important;
font-size:.9rem !important;
}
body.page-home .section-apps .app-card-meta,
body.page-home .section-apps .app-card-actions{
grid-template-columns:1fr !important;
}
body.page-home .section-apps .app-meta-pill,
body.page-home .section-apps .app-card-actions .app-card-btn{
min-height:48px !important;
}
}
/* ===== 2026-04-25 app card meta pills: clean SVG icons, no emoji ===== */
body.page-home .section-apps .app-card-meta{
gap:10px !important;
}
body.page-home .section-apps .app-meta-pill{
position:relative !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
gap:8px !important;
min-height:42px !important;
padding:0 14px !important;
border-radius:999px !important;
background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(244,248,255,.94)) !important;
border:1px solid rgba(207,222,248,.95) !important;
color:#23446c !important;
font-size:.82rem !important;
font-weight:800 !important;
letter-spacing:-.01em !important;
line-height:1 !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.9), 0 8px 16px rgba(38,79,137,.065) !important;
overflow:hidden !important;
}
body.page-home .section-apps .app-meta-pill::before{
content:"" !important;
position:absolute !important;
inset:0 !important;
border-radius:inherit !important;
background:radial-gradient(circle at 22% 0%, rgba(77,139,255,.12), rgba(77,139,255,0) 42%) !important;
pointer-events:none !important;
}
body.page-home .section-apps .app-meta-icon{
position:relative !important;
z-index:1 !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
width:24px !important;
height:24px !important;
flex:0 0 24px !important;
margin:0 !important;
border-radius:9px !important;
border:1px solid rgba(46,112,239,.24) !important;
background-color:#eef5ff !important;
background-repeat:no-repeat !important;
background-position:center !important;
background-size:15px 15px !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.9), 0 4px 10px rgba(45,112,239,.12) !important;
}
body.page-home .section-apps .app-meta-icon::before,
body.page-home .section-apps .app-meta-icon::after{
content:none !important;
display:none !important;
}
body.page-home .section-apps .app-meta-pill--page .app-meta-icon{
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M5.15 2.55h5.85l2.35 2.35v8.05c0 1.05-.85 1.9-1.9 1.9h-6.3c-1.05 0-1.9-.85-1.9-1.9v-8.5c0-1.05.85-1.9 1.9-1.9Z' stroke='%232b6ff0' stroke-width='1.45' stroke-linejoin='round'/%3E%3Cpath d='M10.9 2.7v2.45h2.35' stroke='%232b6ff0' stroke-width='1.45' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.1 8.4h5.05M6.1 11h3.65' stroke='%232b6ff0' stroke-width='1.45' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}
body.page-home .section-apps .app-meta-pill--privacy .app-meta-icon{
border-radius:50% !important;
background-color:#eef6ff !important;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M9 2.45 13.75 4.4v4.25c0 2.95-1.86 5.36-4.75 6.4-2.89-1.04-4.75-3.45-4.75-6.4V4.4L9 2.45Z' stroke='%232b6ff0' stroke-width='1.45' stroke-linejoin='round'/%3E%3Cpath d='m6.75 8.85 1.42 1.42 3.1-3.18' stroke='%232b6ff0' stroke-width='1.45' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}
body.page-home .section-apps .app-meta-pill > span:not(.app-meta-icon){
position:relative !important;
z-index:1 !important;
}
@media (max-width: 980px){
body.page-home .section-apps .app-meta-pill{
min-height:40px !important;
padding:0 12px !important;
font-size:.78rem !important;
}
body.page-home .section-apps .app-meta-icon{
width:22px !important;
height:22px !important;
flex-basis:22px !important;
background-size:14px 14px !important;
}
}
/* ===== 2026-04-25 footer real logo + clean Google Play icon ===== */
.site-footer.site-footer-pro .footer-monogram{
display:none !important;
}
.site-footer.site-footer-pro .footer-logo{
display:block !important;
width:66px !important;
height:66px !important;
flex:0 0 66px !important;
object-fit:contain !important;
border-radius:18px !important;
padding:7px !important;
background:linear-gradient(145deg, rgba(255,255,255,.12), rgba(255,255,255,.035)) !important;
border:1px solid rgba(137,183,255,.42) !important;
box-shadow:0 0 16px rgba(69,139,255,.32), inset 0 1px 0 rgba(255,255,255,.16) !important;
}
.site-footer.site-footer-pro .footer-social--googleplay .footer-social-icon{
position:relative !important;
display:grid !important;
place-items:center !important;
background:#ffffff !important;
color:transparent !important;
overflow:hidden !important;
box-shadow:0 0 0 1px rgba(255,255,255,.55), 0 5px 14px rgba(0,18,70,.20) !important;
}
.site-footer.site-footer-pro .footer-social--googleplay .footer-social-icon::before,
.site-footer.site-footer-pro .footer-social--googleplay .footer-social-icon::after{
content:none !important;
display:none !important;
}
.site-footer.site-footer-pro .footer-googleplay-mark{
display:block !important;
width:20px !important;
height:20px !important;
}
.site-footer.site-footer-pro .footer-googleplay-mark__blue{fill:#00a6ff !important;}
.site-footer.site-footer-pro .footer-googleplay-mark__green{fill:#00d46a !important;}
.site-footer.site-footer-pro .footer-googleplay-mark__yellow{fill:#ffc928 !important;}
.site-footer.site-footer-pro .footer-googleplay-mark__red{fill:#ff4a35 !important;}
@media (max-width:780px){
.site-footer.site-footer-pro .footer-logo{
width:54px !important;
height:54px !important;
flex-basis:54px !important;
border-radius:16px !important;
padding:6px !important;
}
.site-footer.site-footer-pro .footer-googleplay-mark{
width:18px !important;
height:18px !important;
}
}
/* ===== 2026-04-25 Google Play icon: use uploaded image asset ===== */
.site-footer.site-footer-pro .footer-social--googleplay .footer-social-icon{
background:#ffffff !important;
color:transparent !important;
overflow:hidden !important;
}
.site-footer.site-footer-pro .footer-social--googleplay .footer-social-icon::before,
.site-footer.site-footer-pro .footer-social--googleplay .footer-social-icon::after,
.site-footer.site-footer-pro .footer-googleplay-mark{
content:none !important;
display:none !important;
}
.site-footer.site-footer-pro .footer-googleplay-img{
display:block !important;
width:24px !important;
height:24px !important;
object-fit:contain !important;
border:0 !important;
box-shadow:none !important;
background:transparent !important;
}
@media (max-width:780px){
.site-footer.site-footer-pro .footer-googleplay-img{
width:22px !important;
height:22px !important;
}
}
/* ===== 2026-04-25 about page hero: reuse home hero layout ===== */
.page-about .author-hero,
.author-hero.about-hero-modern,
.author-hero.about-hero-updated{
position:relative !important;
overflow:hidden !important;
color:#fff !important;
padding:150px 0 28px !important;
background:
radial-gradient(circle at 78% 18%, rgba(51,119,255,.28), rgba(51,119,255,0) 28%),
radial-gradient(circle at 18% 0%, rgba(78,147,255,.18), rgba(78,147,255,0) 36%),
linear-gradient(125deg, #041c5d 0%, #06277f 46%, #0f4fe0 100%) !important;
}
.page-about .author-hero::before,
.author-hero.about-hero-modern::before,
.author-hero.about-hero-updated::before{
content:"" !important;
position:absolute !important;
inset:0 !important;
pointer-events:none !important;
background:
radial-gradient(circle at 58% 0%, rgba(255,255,255,.10), transparent 36%),
repeating-radial-gradient(105% 92% at 100% 100%, transparent 0 13px, rgba(134,185,255,.16) 13px 15px) !important;
opacity:.72 !important;
}
.page-about .author-hero::after,
.author-hero.about-hero-modern::after,
.author-hero.about-hero-updated::after{
content:"" !important;
position:absolute !important;
left:-8% !important;
right:30% !important;
bottom:-12px !important;
height:38% !important;
pointer-events:none !important;
background:repeating-radial-gradient(120% 120% at 0% 100%, transparent 0 12px, rgba(128,181,255,.14) 12px 14px) !important;
opacity:.65 !important;
}
.page-about .author-hero .container,
.author-hero.about-hero-modern .container,
.author-hero.about-hero-updated .container{
position:relative !important;
z-index:2 !important;
}
.page-about .author-hero .section-kicker,
.author-hero.about-hero-modern .section-kicker,
.author-hero.about-hero-updated .section-kicker,
.author-hero.about-hero-modern .hero-eyebrow,
.author-hero.about-hero-updated .hero-eyebrow{
display:none !important;
}
.page-about .author-hero-grid,
.author-hero.about-hero-modern .hero-shell,
.author-hero.about-hero-updated .hero-shell{
display:grid !important;
grid-template-columns:minmax(0, 650px) minmax(340px, 500px) !important;
justify-content:space-between !important;
column-gap:44px !important;
row-gap:0 !important;
align-items:end !important;
width:min(1500px, calc(100% - 72px)) !important;
max-width:none !important;
}
.page-about .author-copy,
.author-hero.about-hero-modern .hero-copy,
.author-hero.about-hero-updated .hero-copy{
max-width:650px !important;
padding-top:28px !important;
padding-bottom:0 !important;
}
.page-about .author-copy h1,
.author-hero.about-hero-modern .hero-copy h1,
.author-hero.about-hero-updated .hero-copy h1{
margin:0 !important;
color:#fff !important;
font-size:clamp(4.8rem, 7.4vw, 6.35rem) !important;
line-height:.9 !important;
letter-spacing:-.078em !important;
font-weight:850 !important;
}
.page-about .author-copy > p,
.author-hero.about-hero-modern .hero-role,
.author-hero.about-hero-updated .hero-role{
margin:24px 0 0 !important;
color:#76a8ff !important;
font-size:1.36rem !important;
line-height:1.28 !important;
font-weight:800 !important;
letter-spacing:-.025em !important;
max-width:620px !important;
}
.author-hero.about-hero-modern .hero-lead,
.author-hero.about-hero-updated .hero-lead{
margin:18px 0 0 !important;
color:rgba(255,255,255,.90) !important;
font-size:1.18rem !important;
line-height:1.5 !important;
max-width:620px !important;
}
.author-hero.about-hero-modern .hero-actions,
.author-hero.about-hero-updated .hero-actions{
display:flex !important;
flex-wrap:wrap !important;
gap:16px !important;
margin-top:28px !important;
}
.author-hero.about-hero-modern .hero-actions .btn,
.author-hero.about-hero-updated .hero-actions .btn{
min-width:224px !important;
min-height:58px !important;
padding:0 24px !important;
border-radius:16px !important;
font-size:1rem !important;
font-weight:800 !important;
}
.author-hero.about-hero-modern .hero-feature-grid,
.author-hero.about-hero-updated .hero-feature-grid,
.page-about .author-highlights{
display:grid !important;
grid-template-columns:repeat(3, minmax(0,1fr)) !important;
gap:14px !important;
width:100% !important;
max-width:650px !important;
margin-top:30px !important;
}
.page-about .author-highlights > span,
.author-hero.about-hero-modern .hero-feature-card,
.author-hero.about-hero-updated .hero-feature-card{
position:relative !important;
display:flex !important;
flex-direction:column !important;
gap:12px !important;
min-height:132px !important;
padding:18px 18px 16px !important;
border-radius:24px !important;
overflow:hidden !important;
background:linear-gradient(145deg, rgba(255,255,255,.17), rgba(255,255,255,.07)) !important;
border:1px solid rgba(230,240,255,.22) !important;
box-shadow:0 18px 42px rgba(0,12,45,.14), inset 0 1px 0 rgba(255,255,255,.18) !important;
backdrop-filter:blur(14px) saturate(125%) !important;
color:#fff !important;
font-size:1rem !important;
line-height:1.28 !important;
font-weight:800 !important;
}
.page-about .author-highlights > span::before{
content:"" !important;
display:grid !important;
width:48px !important;
height:48px !important;
border-radius:17px !important;
background:linear-gradient(145deg, rgba(255,255,255,.24), rgba(255,255,255,.08)) !important;
border:1px solid rgba(234,244,255,.26) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.22), 0 12px 24px rgba(0,14,53,.14) !important;
}
.author-hero.about-hero-modern .hero-feature-icon,
.author-hero.about-hero-updated .hero-feature-icon{
width:50px !important;
height:50px !important;
border-radius:18px !important;
}
.author-hero.about-hero-modern .hero-visual,
.author-hero.about-hero-updated .hero-visual,
.page-about .author-hero-side{
position:relative !important;
display:flex !important;
justify-content:flex-end !important;
align-items:flex-end !important;
min-height:0 !important;
padding-top:0 !important;
align-self:end !important;
}
.author-hero.about-hero-modern .hero-photo-card,
.author-hero.about-hero-updated .hero-photo-card{
display:none !important;
}
.author-hero.about-hero-modern .hero-photo,
.author-hero.about-hero-updated .hero-photo,
.page-about .author-page-photo{
width:min(500px, 100%) !important;
max-width:100% !important;
max-height:none !important;
height:auto !important;
margin:0 !important;
transform:none !important;
filter:drop-shadow(0 18px 24px rgba(0,0,0,.16)) !important;
}
@media (max-width:1260px) and (min-width:981px){
.page-about .author-hero-grid,
.author-hero.about-hero-modern .hero-shell,
.author-hero.about-hero-updated .hero-shell{
grid-template-columns:minmax(0, 1fr) minmax(320px, 430px) !important;
width:min(1280px, calc(100% - 40px)) !important;
column-gap:28px !important;
}
.page-about .author-copy h1,
.author-hero.about-hero-modern .hero-copy h1,
.author-hero.about-hero-updated .hero-copy h1{
font-size:clamp(4rem, 7vw, 5.35rem) !important;
}
.author-hero.about-hero-modern .hero-photo,
.author-hero.about-hero-updated .hero-photo,
.page-about .author-page-photo{
width:min(430px, 100%) !important;
}
}
@media (max-width:980px){
.page-about .author-hero,
.author-hero.about-hero-modern,
.author-hero.about-hero-updated{
padding:116px 0 32px !important;
}
.page-about .author-hero-grid,
.author-hero.about-hero-modern .hero-shell,
.author-hero.about-hero-updated .hero-shell{
grid-template-columns:1fr !important;
width:min(100%, calc(100% - 32px)) !important;
gap:20px !important;
}
.page-about .author-copy,
.author-hero.about-hero-modern .hero-copy,
.author-hero.about-hero-updated .hero-copy{
padding-top:0 !important;
}
.page-about .author-copy h1,
.author-hero.about-hero-modern .hero-copy h1,
.author-hero.about-hero-updated .hero-copy h1{
font-size:clamp(3.25rem, 10vw, 4.7rem) !important;
}
.page-about .author-copy > p,
.author-hero.about-hero-modern .hero-role,
.author-hero.about-hero-updated .hero-role{
font-size:1.12rem !important;
}
.author-hero.about-hero-modern .hero-lead,
.author-hero.about-hero-updated .hero-lead{
font-size:1rem !important;
}
.author-hero.about-hero-modern .hero-feature-grid,
.author-hero.about-hero-updated .hero-feature-grid,
.page-about .author-highlights{
grid-template-columns:1fr !important;
max-width:none !important;
gap:12px !important;
margin-top:22px !important;
}
.page-about .author-highlights > span,
.author-hero.about-hero-modern .hero-feature-card,
.author-hero.about-hero-updated .hero-feature-card{
min-height:auto !important;
}
.author-hero.about-hero-modern .hero-visual,
.author-hero.about-hero-updated .hero-visual,
.page-about .author-hero-side{
justify-content:center !important;
}
.author-hero.about-hero-modern .hero-photo,
.author-hero.about-hero-updated .hero-photo,
.page-about .author-page-photo{
width:min(360px, 82vw) !important;
}
}
@media (max-width:767px){
.page-about .author-hero,
.author-hero.about-hero-modern,
.author-hero.about-hero-updated{
padding:94px 0 24px !important;
}
.page-about .author-copy h1,
.author-hero.about-hero-modern .hero-copy h1,
.author-hero.about-hero-updated .hero-copy h1{
font-size:clamp(2.9rem, 13vw, 3.9rem) !important;
}
.author-hero.about-hero-modern .hero-actions .btn,
.author-hero.about-hero-updated .hero-actions .btn{
width:100% !important;
min-width:0 !important;
}
.author-hero.about-hero-modern .hero-photo,
.author-hero.about-hero-updated .hero-photo,
.page-about .author-page-photo{
width:min(300px, 76vw) !important;
}
}
/* ===== 2026-04-25 final about hotfix: PHP-safe layout + photo clamp ===== */
.author-hero .author-page-photo,
.page-about .author-page-photo{
width:min(390px, 100%) !important;
max-width:100% !important;
max-height:520px !important;
height:auto !important;
object-fit:contain !important;
object-position:bottom center !important;
}
.author-hero .author-hero-side,
.page-about .author-hero-side{
overflow:visible !important;
}
@media (min-width:981px){
.page-about .author-hero,
.author-hero.about-hero-updated,
.author-hero.about-hero-modern{
padding-top:140px !important;
padding-bottom:18px !important;
}
.page-about .author-hero-grid,
.author-hero.about-hero-updated .hero-shell,
.author-hero.about-hero-modern .hero-shell{
align-items:end !important;
}
.page-about .author-copy h1,
.author-hero.about-hero-updated .hero-copy h1,
.author-hero.about-hero-modern .hero-copy h1{
font-size:clamp(4.4rem, 6.6vw, 5.8rem) !important;
}
.author-hero .author-page-photo,
.page-about .author-page-photo{
width:min(380px, 100%) !important;
max-height:500px !important;
}
}
@media (max-width:980px){
.author-hero .author-page-photo,
.page-about .author-page-photo{
width:min(300px, 76vw) !important;
max-height:360px !important;
}
}
@media (max-width:767px){
.author-hero .author-page-photo,
.page-about .author-page-photo{
width:min(235px, 68vw) !important;
max-height:285px !important;
}
}
/* ===== 2026-04-25 about EN static 500 fix + author photo clamp ===== */
body.page-about .author-hero,
body.page-about-static .author-hero{
position:relative !important;
overflow:hidden !important;
background:
radial-gradient(circle at 78% 16%, rgba(60,126,255,.34), rgba(60,126,255,0) 34%),
radial-gradient(circle at 22% 82%, rgba(37,240,236,.12), rgba(37,240,236,0) 34%),
linear-gradient(135deg,#061d66 0%,#062b8e 54%,#143da9 100%) !important;
padding:142px 0 42px !important;
}
body.page-about .about-hero-grid,
body.page-about-static .about-hero-grid{
display:grid !important;
grid-template-columns:minmax(0, 640px) minmax(320px, 460px) !important;
align-items:end !important;
justify-content:space-between !important;
gap:36px !important;
}
body.page-about .author-copy,
body.page-about-static .author-copy{
max-width:640px !important;
padding-top:0 !important;
}
body.page-about .author-copy .section-kicker,
body.page-about-static .author-copy .section-kicker,
body.page-about .author-highlights,
body.page-about-static .author-highlights{
display:none !important;
}
body.page-about .author-copy h1,
body.page-about-static .author-copy h1{
margin:0 !important;
font-size:clamp(4.2rem, 6.2vw, 5.7rem) !important;
line-height:.92 !important;
letter-spacing:-.075em !important;
color:#fff !important;
}
body.page-about .author-copy .hero-role,
body.page-about-static .author-copy .hero-role{
margin-top:22px !important;
font-size:1.28rem !important;
line-height:1.32 !important;
font-weight:800 !important;
color:#8fb8ff !important;
}
body.page-about .author-copy .hero-lead,
body.page-about-static .author-copy .hero-lead,
body.page-about .author-copy > p:not(.hero-role),
body.page-about-static .author-copy > p:not(.hero-role){
max-width:620px !important;
margin-top:18px !important;
font-size:1.14rem !important;
line-height:1.55 !important;
color:rgba(255,255,255,.88) !important;
}
body.page-about .author-hero-side,
body.page-about-static .author-hero-side{
min-height:0 !important;
height:auto !important;
display:flex !important;
align-items:flex-end !important;
justify-content:center !important;
padding:0 !important;
margin:0 !important;
overflow:visible !important;
}
body.page-about .author-page-photo,
body.page-about-static .author-page-photo,
body.page-about .author-hero-side img,
body.page-about-static .author-hero-side img{
width:min(430px, 100%) !important;
max-width:100% !important;
max-height:520px !important;
height:auto !important;
object-fit:contain !important;
margin:0 auto !important;
transform:none !important;
display:block !important;
}
body.page-about .author-hero-side .hero-photo-card,
body.page-about-static .author-hero-side .hero-photo-card{
display:none !important;
}
body.page-about .nav-item-has-submenu > a::after,
body.page-about-static .nav-item-has-submenu > a::after{
content:none !important;
display:none !important;
}
@media (max-width:1080px){
body.page-about .author-hero,
body.page-about-static .author-hero{padding:118px 0 34px !important;}
body.page-about .about-hero-grid,
body.page-about-static .about-hero-grid{grid-template-columns:1fr !important;gap:20px !important;}
body.page-about .author-copy h1,
body.page-about-static .author-copy h1{font-size:clamp(3.35rem, 9vw, 4.6rem) !important;}
body.page-about .author-page-photo,
body.page-about-static .author-page-photo,
body.page-about .author-hero-side img,
body.page-about-static .author-hero-side img{width:min(340px, 78vw) !important;max-height:420px !important;}
}
@media (max-width:767px){
body.page-about .author-hero,
body.page-about-static .author-hero{padding:96px 0 24px !important;}
body.page-about .author-copy h1,
body.page-about-static .author-copy h1{font-size:clamp(2.8rem, 12vw, 3.8rem) !important;}
body.page-about .author-copy .hero-role,
body.page-about-static .author-copy .hero-role{font-size:1.06rem !important;margin-top:14px !important;}
body.page-about .author-copy .hero-lead,
body.page-about-static .author-copy .hero-lead,
body.page-about .author-copy > p:not(.hero-role),
body.page-about-static .author-copy > p:not(.hero-role){font-size:.98rem !important;margin-top:12px !important;}
body.page-about .author-page-photo,
body.page-about-static .author-page-photo,
body.page-about .author-hero-side img,
body.page-about-static .author-hero-side img{width:min(270px, 72vw) !important;max-height:320px !important;}
}
/* ===== 2026-04-25 about hero compact height fix ===== */
body.page-about .author-hero.about-hero-updated,
body.page-about-static .author-hero.about-hero-updated,
body.page-about .author-hero,
body.page-about-static .author-hero{
min-height:0 !important;
padding:124px 0 0 !important;
overflow:hidden !important;
}
body.page-about .about-hero-grid,
body.page-about-static .about-hero-grid{
grid-template-columns:minmax(0, 590px) minmax(330px, 430px) !important;
align-items:end !important;
gap:26px !important;
min-height:0 !important;
}
body.page-about .author-copy,
body.page-about-static .author-copy{
padding:0 0 30px !important;
max-width:590px !important;
}
body.page-about .author-copy h1,
body.page-about-static .author-copy h1{
font-size:clamp(3.75rem, 5.35vw, 5.05rem) !important;
line-height:.92 !important;
}
body.page-about .author-copy .hero-role,
body.page-about-static .author-copy .hero-role{
margin-top:16px !important;
font-size:1.16rem !important;
line-height:1.28 !important;
}
body.page-about .author-copy .hero-lead,
body.page-about-static .author-copy .hero-lead,
body.page-about .author-copy > p:not(.hero-role),
body.page-about-static .author-copy > p:not(.hero-role){
max-width:560px !important;
margin-top:14px !important;
font-size:1.03rem !important;
line-height:1.48 !important;
}
body.page-about .author-copy .hero-actions,
body.page-about-static .author-copy .hero-actions{
margin-top:20px !important;
gap:12px !important;
}
body.page-about .author-copy .hero-actions .btn,
body.page-about-static .author-copy .hero-actions .btn{
min-height:50px !important;
min-width:198px !important;
padding:0 20px !important;
border-radius:15px !important;
}
body.page-about .author-copy .hero-feature-grid,
body.page-about-static .author-copy .hero-feature-grid{
margin-top:22px !important;
max-width:590px !important;
gap:12px !important;
}
body.page-about .author-copy .hero-feature-card,
body.page-about-static .author-copy .hero-feature-card{
min-height:108px !important;
padding:14px 14px 13px !important;
border-radius:20px !important;
gap:10px !important;
}
body.page-about .author-copy .hero-feature-icon,
body.page-about-static .author-copy .hero-feature-icon{
width:42px !important;
height:42px !important;
border-radius:15px !important;
}
body.page-about .author-copy .hero-feature-icon svg,
body.page-about-static .author-copy .hero-feature-icon svg{
width:21px !important;
height:21px !important;
}
body.page-about .author-copy .hero-feature-copy strong,
body.page-about-static .author-copy .hero-feature-copy strong{
font-size:.98rem !important;
line-height:1.18 !important;
}
body.page-about .author-copy .hero-feature-copy span,
body.page-about-static .author-copy .hero-feature-copy span{
margin-top:6px !important;
font-size:.86rem !important;
line-height:1.28 !important;
}
body.page-about .author-hero-side,
body.page-about-static .author-hero-side{
align-self:end !important;
align-items:flex-end !important;
justify-content:center !important;
margin:0 !important;
padding:0 !important;
min-height:0 !important;
}
body.page-about .author-page-photo,
body.page-about-static .author-page-photo,
body.page-about .author-hero-side img,
body.page-about-static .author-hero-side img{
width:min(410px, 100%) !important;
max-height:500px !important;
height:auto !important;
margin:0 auto !important;
transform:none !important;
object-fit:contain !important;
}
@media (max-width:1080px){
body.page-about .author-hero.about-hero-updated,
body.page-about-static .author-hero.about-hero-updated,
body.page-about .author-hero,
body.page-about-static .author-hero{
padding:108px 0 0 !important;
}
body.page-about .about-hero-grid,
body.page-about-static .about-hero-grid{
grid-template-columns:1fr !important;
gap:12px !important;
}
body.page-about .author-copy,
body.page-about-static .author-copy{
padding:0 !important;
}
body.page-about .author-copy h1,
body.page-about-static .author-copy h1{
font-size:clamp(3.05rem, 8.4vw, 4.3rem) !important;
}
body.page-about .author-copy .hero-feature-grid,
body.page-about-static .author-copy .hero-feature-grid{
grid-template-columns:repeat(3, minmax(0,1fr)) !important;
max-width:640px !important;
}
body.page-about .author-page-photo,
body.page-about-static .author-page-photo,
body.page-about .author-hero-side img,
body.page-about-static .author-hero-side img{
width:min(310px, 70vw) !important;
max-height:380px !important;
}
}
@media (max-width:767px){
body.page-about .author-hero.about-hero-updated,
body.page-about-static .author-hero.about-hero-updated,
body.page-about .author-hero,
body.page-about-static .author-hero{
padding:88px 0 0 !important;
}
body.page-about .about-hero-grid,
body.page-about-static .about-hero-grid{
gap:8px !important;
}
body.page-about .author-copy h1,
body.page-about-static .author-copy h1{
font-size:clamp(2.48rem, 10.5vw, 3.35rem) !important;
}
body.page-about .author-copy .hero-role,
body.page-about-static .author-copy .hero-role{
margin-top:10px !important;
font-size:1rem !important;
}
body.page-about .author-copy .hero-lead,
body.page-about-static .author-copy .hero-lead,
body.page-about .author-copy > p:not(.hero-role),
body.page-about-static .author-copy > p:not(.hero-role){
margin-top:10px !important;
font-size:.94rem !important;
line-height:1.42 !important;
}
body.page-about .author-copy .hero-actions,
body.page-about-static .author-copy .hero-actions{
margin-top:15px !important;
}
body.page-about .author-copy .hero-actions .btn,
body.page-about-static .author-copy .hero-actions .btn{
min-height:46px !important;
width:100% !important;
}
body.page-about .author-copy .hero-feature-grid,
body.page-about-static .author-copy .hero-feature-grid{
grid-template-columns:1fr !important;
gap:10px !important;
margin-top:16px !important;
}
body.page-about .author-copy .hero-feature-card,
body.page-about-static .author-copy .hero-feature-card{
min-height:auto !important;
padding:12px 13px !important;
border-radius:18px !important;
}
body.page-about .author-page-photo,
body.page-about-static .author-page-photo,
body.page-about .author-hero-side img,
body.page-about-static .author-hero-side img{
width:min(245px, 68vw) !important;
max-height:290px !important;
}
}
/* ===== 2026-04-25 about hero photo shift closer to copy ===== */
@media (min-width:1081px){
body.page-about .about-hero-grid,
body.page-about-static .about-hero-grid{
grid-template-columns:minmax(0, 620px) minmax(300px, 390px) !important;
gap:10px !important;
justify-content:center !important;
}
body.page-about .author-hero-side,
body.page-about-static .author-hero-side{
justify-content:flex-start !important;
}
body.page-about .author-page-photo,
body.page-about-static .author-page-photo,
body.page-about .author-hero-side img,
body.page-about-static .author-hero-side img{
width:min(395px, 100%) !important;
max-height:500px !important;
margin:0 !important;
transform:translateX(-26px) !important;
}
}
/* ===== 2026-04-25 about hero swap to larger portrait ===== */
@media (min-width:1081px){
body.page-about .author-page-photo,
body.page-about-static .author-page-photo,
body.page-about .author-hero-side img,
body.page-about-static .author-hero-side img{
width:min(430px, 100%) !important;
max-height:560px !important;
transform:translateX(-18px) !important;
}
}
@media (max-width:1080px){
body.page-about .author-page-photo,
body.page-about-static .author-page-photo,
body.page-about .author-hero-side img,
body.page-about-static .author-hero-side img{
width:min(335px, 74vw) !important;
max-height:420px !important;
transform:none !important;
}
}
@media (max-width:767px){
body.page-about .author-page-photo,
body.page-about-static .author-page-photo,
body.page-about .author-hero-side img,
body.page-about-static .author-hero-side img{
width:min(265px, 74vw) !important;
max-height:320px !important;
}
}
/* ===== 2026-04-25 about facts block: screenshot match ===== */
body.page-about .section-author-facts,
body.page-about-static .section-author-facts{
padding:78px 0 22px !important;
margin:0 !important;
overflow:hidden;
background:
radial-gradient(circle at 50% 0%, rgba(255,255,255,.96), rgba(245,248,255,.78) 58%, rgba(245,248,255,.96) 100%);
}
body.page-about .section-author-facts .container,
body.page-about-static .section-author-facts .container{
width:min(1906px, calc(100% - 128px)) !important;
max-width:none !important;
}
body.page-about .author-stats-grid,
body.page-about-static .author-stats-grid{
display:grid !important;
grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
gap:38px !important;
margin:0 !important;
align-items:stretch !important;
}
body.page-about .author-stat-card,
body.page-about-static .author-stat-card{
--author-stat-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22none%22%3E%3Crect%20x%3D%2214%22%20y%3D%2218%22%20width%3D%2236%22%20height%3D%2232%22%20rx%3D%224%22%20stroke%3D%22%232464f0%22%20stroke-width%3D%224%22%2F%3E%3Cpath%20d%3D%22M14%2027h36M23%2012v12M41%2012v12M24%2036h.1M32%2036h.1M40%2036h.1M24%2044h.1M32%2044h.1M40%2044h.1%22%20stroke%3D%22%232464f0%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E");
position:relative !important;
min-height:508px !important;
padding:216px 48px 48px !important;
overflow:hidden !important;
display:flex !important;
flex-direction:column !important;
justify-content:flex-start !important;
background:
radial-gradient(circle at 22% 20%, rgba(255,255,255,1) 0%, rgba(255,255,255,.96) 26%, rgba(255,255,255,.9) 100%),
linear-gradient(180deg, #ffffff 0%, #fbfdff 100%) !important;
border:2px solid rgba(202,218,255,.72) !important;
border-radius:36px !important;
box-shadow:
0 34px 80px rgba(10,34,98,.08),
inset 0 1px 0 rgba(255,255,255,.98),
inset 0 -2px 0 rgba(37,240,236,.22) !important;
}
body.page-about .author-stat-card:nth-child(2),
body.page-about-static .author-stat-card:nth-child(2){
--author-stat-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22none%22%3E%3Ccircle%20cx%3D%2231%22%20cy%3D%2234%22%20r%3D%2220%22%20stroke%3D%22%232464f0%22%20stroke-width%3D%224%22%2F%3E%3Ccircle%20cx%3D%2231%22%20cy%3D%2234%22%20r%3D%2211%22%20stroke%3D%22%232464f0%22%20stroke-width%3D%224%22%2F%3E%3Cpath%20d%3D%22M31%2034%2048%2017M45%2010v10h10%22%20stroke%3D%22%232464f0%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
}
body.page-about .author-stat-card:nth-child(3),
body.page-about-static .author-stat-card:nth-child(3){
--author-stat-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M25%2020%2013%2032l12%2012M39%2020l12%2012-12%2012M35%2017%2029%2047%22%20stroke%3D%22%232464f0%22%20stroke-width%3D%225%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
}
body.page-about .author-stat-card:nth-child(4),
body.page-about-static .author-stat-card:nth-child(4){
--author-stat-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M14%2049h38M17%2049V38h8v11M30%2049V30h8v19M43%2049V21h8v28M16%2025c7-1%2013-4%2018-9l5%205c4-3%208-7%2012-13M51%208v12H39%22%20stroke%3D%22%232464f0%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
}
body.page-about .author-stat-card::before,
body.page-about-static .author-stat-card::before{
content:"";
position:absolute;
left:48px;
top:49px;
width:112px;
height:112px;
border-radius:50%;
background-image:
var(--author-stat-icon),
radial-gradient(circle at 35% 25%, #ffffff 0%, #ffffff 46%, #f5f8ff 100%);
background-repeat:no-repeat;
background-position:center, center;
background-size:52px 52px, 100% 100%;
border:1px solid rgba(238,243,255,.98);
box-shadow:
0 30px 60px rgba(16,39,103,.11),
inset 0 1px 0 rgba(255,255,255,1);
z-index:1;
}
body.page-about .author-stat-card::after,
body.page-about-static .author-stat-card::after{
content:"";
position:absolute;
left:205px;
top:101px;
width:86px;
height:55px;
opacity:.78;
background-image:radial-gradient(circle, rgba(193,211,255,.72) 0 3px, transparent 3.4px);
background-size:18px 18px;
z-index:1;
}
body.page-about .author-stat-card span,
body.page-about-static .author-stat-card span{
display:block !important;
position:relative !important;
z-index:2 !important;
max-width:315px !important;
margin:0 !important;
color:#626e84 !important;
font-size:25px !important;
line-height:1.42 !important;
font-weight:500 !important;
letter-spacing:-.025em !important;
}
body.page-about .author-stat-card span::before,
body.page-about-static .author-stat-card span::before{
content:"";
display:block;
width:45px;
height:7px;
margin:0 0 27px;
border-radius:999px;
background:#1568ff;
box-shadow:0 0 0 1px rgba(37,105,255,.06), 0 8px 18px rgba(21,104,255,.22);
}
body.page-about .author-stat-card strong,
body.page-about-static .author-stat-card strong{
position:relative !important;
z-index:2 !important;
display:block !important;
margin:48px 0 0 !important;
color:#061f5d !important;
font-size:clamp(48px, 3.25vw, 86px) !important;
line-height:.92 !important;
font-weight:900 !important;
letter-spacing:-.055em !important;
white-space:nowrap !important;
}
body.page-about .section-author-story,
body.page-about-static .section-author-story{
padding-top:24px !important;
}
@media (max-width:1500px){
body.page-about .section-author-facts .container,
body.page-about-static .section-author-facts .container{width:min(1320px, calc(100% - 64px)) !important;}
body.page-about .author-stats-grid,
body.page-about-static .author-stats-grid{gap:24px !important;}
body.page-about .author-stat-card,
body.page-about-static .author-stat-card{min-height:430px !important;padding:194px 32px 38px !important;border-radius:32px !important;}
body.page-about .author-stat-card::before,
body.page-about-static .author-stat-card::before{left:36px;top:42px;width:96px;height:96px;background-size:46px 46px,100% 100%;}
body.page-about .author-stat-card::after,
body.page-about-static .author-stat-card::after{left:170px;top:88px;}
body.page-about .author-stat-card span,
body.page-about-static .author-stat-card span{font-size:20px !important;}
body.page-about .author-stat-card strong,
body.page-about-static .author-stat-card strong{font-size:clamp(40px, 3vw, 62px) !important;margin-top:38px !important;}
}
@media (max-width:1080px){
body.page-about .section-author-facts,
body.page-about-static .section-author-facts{padding:42px 0 18px !important;}
body.page-about .section-author-facts .container,
body.page-about-static .section-author-facts .container{width:min(920px, calc(100% - 40px)) !important;}
body.page-about .author-stats-grid,
body.page-about-static .author-stats-grid{grid-template-columns:repeat(2, minmax(0, 1fr)) !important;gap:20px !important;}
}
@media (max-width:650px){
body.page-about .section-author-facts,
body.page-about-static .section-author-facts{padding:30px 0 14px !important;}
body.page-about .section-author-facts .container,
body.page-about-static .section-author-facts .container{width:calc(100% - 28px) !important;}
body.page-about .author-stats-grid,
body.page-about-static .author-stats-grid{grid-template-columns:1fr !important;gap:16px !important;}
body.page-about .author-stat-card,
body.page-about-static .author-stat-card{min-height:320px !important;padding:152px 24px 28px !important;border-radius:28px !important;}
body.page-about .author-stat-card::before,
body.page-about-static .author-stat-card::before{left:24px;top:28px;width:86px;height:86px;background-size:40px 40px,100% 100%;}
body.page-about .author-stat-card::after,
body.page-about-static .author-stat-card::after{left:142px;top:68px;width:78px;height:50px;background-size:17px 17px;}
body.page-about .author-stat-card span,
body.page-about-static .author-stat-card span{font-size:18px !important;line-height:1.36 !important;}
body.page-about .author-stat-card span::before,
body.page-about-static .author-stat-card span::before{width:40px;height:6px;margin-bottom:20px;}
body.page-about .author-stat-card strong,
body.page-about-static .author-stat-card strong{font-size:42px !important;margin-top:28px !important;white-space:normal !important;}
body.page-about .section-author-story,
body.page-about-static .section-author-story{padding-top:18px !important;}
}
/* ===== 2026-04-25 about facts hotfix: adaptive desktop + clean spacing ===== */
body.page-about .section-author-facts,
body.page-about-static .section-author-facts{
padding:42px 0 8px !important;
margin:0 !important;
overflow:hidden !important;
background:
radial-gradient(circle at 50% 0%, rgba(255,255,255,.98), rgba(245,248,255,.76) 58%, rgba(245,248,255,.98) 100%) !important;
}
body.page-about .section-author-facts .container,
body.page-about-static .section-author-facts .container{
width:min(1320px, calc(100% - 44px)) !important;
max-width:1320px !important;
}
body.page-about .author-stats-grid,
body.page-about-static .author-stats-grid{
display:grid !important;
grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
gap:clamp(16px, 1.55vw, 24px) !important;
margin:0 !important;
align-items:stretch !important;
}
body.page-about .author-stat-card,
body.page-about-static .author-stat-card{
min-width:0 !important;
min-height:clamp(282px, 22vw, 350px) !important;
padding:clamp(136px, 10.6vw, 158px) clamp(22px, 2.05vw, 32px) clamp(26px, 3vw, 36px) !important;
border-radius:clamp(26px, 2vw, 32px) !important;
background:
radial-gradient(circle at 22% 20%, rgba(255,255,255,1) 0%, rgba(255,255,255,.96) 28%, rgba(255,255,255,.9) 100%),
linear-gradient(180deg, #ffffff 0%, #fbfdff 100%) !important;
border:1.5px solid rgba(202,218,255,.78) !important;
box-shadow:
0 24px 56px rgba(10,34,98,.075),
inset 0 1px 0 rgba(255,255,255,.98),
inset 0 -2px 0 rgba(37,240,236,.18) !important;
}
body.page-about .author-stat-card::before,
body.page-about-static .author-stat-card::before{
left:clamp(24px, 2.45vw, 34px) !important;
top:clamp(26px, 2.8vw, 38px) !important;
width:clamp(76px, 6.1vw, 92px) !important;
height:clamp(76px, 6.1vw, 92px) !important;
background-size:clamp(38px, 3.1vw, 46px) clamp(38px, 3.1vw, 46px), 100% 100% !important;
}
body.page-about .author-stat-card::after,
body.page-about-static .author-stat-card::after{
left:clamp(124px, 10.7vw, 158px) !important;
top:clamp(58px, 5.5vw, 76px) !important;
width:clamp(62px, 5.2vw, 78px) !important;
height:clamp(38px, 3.8vw, 50px) !important;
background-size:clamp(13px, 1.15vw, 17px) clamp(13px, 1.15vw, 17px) !important;
}
body.page-about .author-stat-card span,
body.page-about-static .author-stat-card span{
max-width:100% !important;
font-size:clamp(15px, 1.22vw, 19px) !important;
line-height:1.38 !important;
color:#626e84 !important;
letter-spacing:-.02em !important;
}
body.page-about .author-stat-card span::before,
body.page-about-static .author-stat-card span::before{
width:clamp(34px, 2.7vw, 44px) !important;
height:5px !important;
margin:0 0 clamp(18px, 1.75vw, 24px) !important;
}
body.page-about .author-stat-card strong,
body.page-about-static .author-stat-card strong{
margin-top:clamp(28px, 3.4vw, 42px) !important;
font-size:clamp(34px, 3.05vw, 52px) !important;
line-height:.96 !important;
white-space:nowrap !important;
letter-spacing:-.055em !important;
}
body.page-about .section-author-story,
body.page-about-static .section-author-story{
padding-top:14px !important;
}
body.page-about .author-page-photo,
body.page-about-static .author-page-photo{
background:transparent !important;
}
@media (max-width:1080px){
body.page-about .section-author-facts,
body.page-about-static .section-author-facts{padding:34px 0 8px !important;}
body.page-about .section-author-facts .container,
body.page-about-static .section-author-facts .container{width:min(920px, calc(100% - 36px)) !important;}
body.page-about .author-stats-grid,
body.page-about-static .author-stats-grid{grid-template-columns:repeat(2, minmax(0, 1fr)) !important;gap:18px !important;}
body.page-about .author-stat-card,
body.page-about-static .author-stat-card{min-height:260px !important;padding:126px 24px 26px !important;}
body.page-about .author-stat-card::before,
body.page-about-static .author-stat-card::before{left:24px !important;top:26px !important;width:76px !important;height:76px !important;background-size:38px 38px,100% 100% !important;}
body.page-about .author-stat-card::after,
body.page-about-static .author-stat-card::after{left:122px !important;top:58px !important;width:66px !important;height:42px !important;background-size:14px 14px !important;}
body.page-about .author-stat-card strong,
body.page-about-static .author-stat-card strong{font-size:clamp(34px, 6vw, 48px) !important;margin-top:26px !important;}
}
@media (max-width:650px){
body.page-about .section-author-facts,
body.page-about-static .section-author-facts{padding:24px 0 6px !important;}
body.page-about .section-author-facts .container,
body.page-about-static .section-author-facts .container{width:calc(100% - 28px) !important;}
body.page-about .author-stats-grid,
body.page-about-static .author-stats-grid{grid-template-columns:1fr !important;gap:14px !important;}
body.page-about .author-stat-card,
body.page-about-static .author-stat-card{min-height:230px !important;padding:112px 20px 24px !important;border-radius:24px !important;}
body.page-about .author-stat-card::before,
body.page-about-static .author-stat-card::before{left:20px !important;top:22px !important;width:68px !important;height:68px !important;background-size:34px 34px,100% 100% !important;}
body.page-about .author-stat-card::after,
body.page-about-static .author-stat-card::after{left:106px !important;top:50px !important;width:58px !important;height:38px !important;background-size:13px 13px !important;}
body.page-about .author-stat-card span,
body.page-about-static .author-stat-card span{font-size:16px !important;}
body.page-about .author-stat-card strong,
body.page-about-static .author-stat-card strong{font-size:clamp(34px, 10.8vw, 42px) !important;white-space:normal !important;margin-top:22px !important;}
body.page-about .section-author-story,
body.page-about-static .section-author-story{padding-top:10px !important;}
}
/* ===== 2026-04-25 final about page hotfix: shared transparent photo + premium icons + compact adaptive facts ===== */
body.page-about .author-page-photo,
body.page-about-static .author-page-photo{
background:transparent !important;
background-image:none !important;
}
body.page-about .section-author-facts,
body.page-about-static .section-author-facts{
padding:32px 0 0 !important;
margin:0 !important;
background:
radial-gradient(circle at 50% 0%, rgba(255,255,255,.98), rgba(245,248,255,.8) 58%, rgba(245,248,255,.98) 100%) !important;
}
body.page-about .section-author-facts .container,
body.page-about-static .section-author-facts .container{
width:min(1360px, calc(100% - 40px)) !important;
max-width:1360px !important;
}
body.page-about .author-stats-grid,
body.page-about-static .author-stats-grid{
display:grid !important;
grid-template-columns:repeat(4,minmax(0,1fr)) !important;
gap:20px !important;
margin:0 !important;
align-items:stretch !important;
}
body.page-about .author-stat-card,
body.page-about-static .author-stat-card{
--author-stat-icon:url('/assets/img/about-facts/01-calendar.webp');
position:relative !important;
display:flex !important;
flex-direction:column !important;
justify-content:flex-start !important;
min-width:0 !important;
min-height:320px !important;
padding:148px 28px 30px !important;
border-radius:30px !important;
overflow:hidden !important;
background:
radial-gradient(circle at 22% 20%, rgba(255,255,255,1) 0%, rgba(255,255,255,.96) 28%, rgba(255,255,255,.9) 100%),
linear-gradient(180deg, #ffffff 0%, #fbfdff 100%) !important;
border:1.5px solid rgba(202,218,255,.78) !important;
box-shadow:
0 22px 52px rgba(10,34,98,.075),
inset 0 1px 0 rgba(255,255,255,.98),
inset 0 -2px 0 rgba(37,240,236,.18) !important;
}
body.page-about .author-stat-card:nth-child(2),
body.page-about-static .author-stat-card:nth-child(2){
--author-stat-icon:url('/assets/img/about-facts/02-target.webp');
}
body.page-about .author-stat-card:nth-child(3),
body.page-about-static .author-stat-card:nth-child(3){
--author-stat-icon:url('/assets/img/about-facts/03-code.webp');
}
body.page-about .author-stat-card:nth-child(4),
body.page-about-static .author-stat-card:nth-child(4){
--author-stat-icon:url('/assets/img/about-facts/04-growth-chart.webp');
}
body.page-about .author-stat-card::before,
body.page-about-static .author-stat-card::before{
content:'';
position:absolute;
left:30px !important;
top:28px !important;
width:88px !important;
height:88px !important;
border-radius:50%;
background-image:var(--author-stat-icon), radial-gradient(circle at 35% 25%, #ffffff 0%, #ffffff 46%, #f5f8ff 100%);
background-repeat:no-repeat;
background-position:center,center;
background-size:44px 44px,100% 100%;
border:1px solid rgba(238,243,255,.98);
box-shadow:0 24px 48px rgba(16,39,103,.1), inset 0 1px 0 rgba(255,255,255,1);
z-index:1;
}
body.page-about .author-stat-card::after,
body.page-about-static .author-stat-card::after{
content:'';
position:absolute;
left:132px !important;
top:58px !important;
width:74px !important;
height:46px !important;
opacity:.78;
background-image:radial-gradient(circle, rgba(193,211,255,.72) 0 3px, transparent 3.4px);
background-size:16px 16px !important;
z-index:1;
}
body.page-about .author-stat-card span,
body.page-about-static .author-stat-card span{
display:block !important;
position:relative !important;
z-index:2 !important;
max-width:100% !important;
margin:0 !important;
color:#626e84 !important;
font-size:clamp(15px, 1.15vw, 18px) !important;
line-height:1.34 !important;
font-weight:500 !important;
letter-spacing:-.02em !important;
}
body.page-about .author-stat-card span::before,
body.page-about-static .author-stat-card span::before{
content:'';
display:block;
width:38px !important;
height:6px !important;
margin:0 0 18px !important;
border-radius:999px;
background:#1568ff;
box-shadow:0 0 0 1px rgba(37,105,255,.06), 0 8px 18px rgba(21,104,255,.22);
}
body.page-about .author-stat-card strong,
body.page-about-static .author-stat-card strong{
position:relative !important;
z-index:2 !important;
display:block !important;
min-width:0 !important;
margin:26px 0 0 !important;
color:#061f5d !important;
font-size:clamp(34px, 2.5vw, 52px) !important;
line-height:.96 !important;
font-weight:900 !important;
letter-spacing:-.05em !important;
white-space:nowrap !important;
}
body.page-about .author-stat-card:nth-child(3) strong,
body.page-about-static .author-stat-card:nth-child(3) strong{
font-size:clamp(26px, 1.95vw, 42px) !important;
line-height:.98 !important;
white-space:normal !important;
overflow-wrap:anywhere;
}
body.page-about .section-author-story,
body.page-about-static .section-author-story{
padding-top:8px !important;
margin-top:0 !important;
}
@media (max-width:1180px){
body.page-about .section-author-facts .container,
body.page-about-static .section-author-facts .container{
width:min(980px, calc(100% - 34px)) !important;
}
body.page-about .author-stats-grid,
body.page-about-static .author-stats-grid{
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
gap:18px !important;
}
body.page-about .author-stat-card,
body.page-about-static .author-stat-card{
min-height:282px !important;
padding:132px 24px 26px !important;
}
body.page-about .author-stat-card::before,
body.page-about-static .author-stat-card::before{
left:24px !important;
top:24px !important;
width:78px !important;
height:78px !important;
background-size:40px 40px,100% 100% !important;
}
body.page-about .author-stat-card::after,
body.page-about-static .author-stat-card::after{
left:116px !important;
top:52px !important;
width:66px !important;
height:42px !important;
background-size:14px 14px !important;
}
body.page-about .author-stat-card strong,
body.page-about-static .author-stat-card strong{
font-size:clamp(34px, 4.8vw, 46px) !important;
}
body.page-about .author-stat-card:nth-child(3) strong,
body.page-about-static .author-stat-card:nth-child(3) strong{
font-size:clamp(28px, 4vw, 40px) !important;
}
}
@media (max-width:680px){
body.page-about .section-author-facts,
body.page-about-static .section-author-facts{
padding:24px 0 0 !important;
}
body.page-about .section-author-facts .container,
body.page-about-static .section-author-facts .container{
width:calc(100% - 24px) !important;
}
body.page-about .author-stats-grid,
body.page-about-static .author-stats-grid{
grid-template-columns:1fr !important;
gap:14px !important;
}
body.page-about .author-stat-card,
body.page-about-static .author-stat-card{
min-height:228px !important;
padding:108px 20px 22px !important;
border-radius:24px !important;
}
body.page-about .author-stat-card::before,
body.page-about-static .author-stat-card::before{
left:20px !important;
top:20px !important;
width:68px !important;
height:68px !important;
background-size:34px 34px,100% 100% !important;
}
body.page-about .author-stat-card::after,
body.page-about-static .author-stat-card::after{
left:102px !important;
top:48px !important;
width:58px !important;
height:38px !important;
background-size:13px 13px !important;
}
body.page-about .author-stat-card span,
body.page-about-static .author-stat-card span{
font-size:16px !important;
}
body.page-about .author-stat-card strong,
body.page-about-static .author-stat-card strong{
font-size:clamp(34px, 10.2vw, 42px) !important;
white-space:normal !important;
margin-top:22px !important;
}
body.page-about .author-stat-card:nth-child(3) strong,
body.page-about-static .author-stat-card:nth-child(3) strong{
font-size:clamp(30px, 8vw, 38px) !important;
}
}
/* ===== 2026-04-25 final about page fixes: one photo everywhere + premium card icons + compact adaptive cards ===== */
body.page-about .author-page-photo,
body.page-about-static .author-page-photo{
background: transparent !important;
}
body.page-about .section-author-facts,
body.page-about-static .section-author-facts{
padding: 34px 0 6px !important;
margin: 0 !important;
}
body.page-about .section-author-facts .container,
body.page-about-static .section-author-facts .container{
width: min(1280px, calc(100% - 36px)) !important;
max-width: 1280px !important;
}
body.page-about .author-stats-grid,
body.page-about-static .author-stats-grid{
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 18px !important;
margin: 0 !important;
align-items: stretch !important;
}
body.page-about .author-stat-card,
body.page-about-static .author-stat-card{
position: relative !important;
min-width: 0 !important;
min-height: 265px !important;
padding: 122px 22px 24px !important;
border-radius: 28px !important;
overflow: hidden !important;
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;
}
body.page-about .author-stat-card::before,
body.page-about-static .author-stat-card::before{
content: '' !important;
position: absolute !important;
left: 22px !important;
top: 22px !important;
width: 72px !important;
height: 72px !important;
border-radius: 50% !important;
background-color: #fff !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: 34px 34px !important;
border: 1px solid rgba(235,242,255,.96) !important;
box-shadow: 0 16px 34px rgba(10,34,98,.08), inset 0 1px 0 rgba(255,255,255,1) !important;
z-index: 1 !important;
}
body.page-about .author-stat-card:nth-child(1)::before,
body.page-about-static .author-stat-card:nth-child(1)::before{background-image: url('/assets/img/about-facts-icons/01-calendar.webp') !important;}
body.page-about .author-stat-card:nth-child(2)::before,
body.page-about-static .author-stat-card:nth-child(2)::before{background-image: url('/assets/img/about-facts-icons/02-target.webp') !important;}
body.page-about .author-stat-card:nth-child(3)::before,
body.page-about-static .author-stat-card:nth-child(3)::before{background-image: url('/assets/img/about-facts-icons/03-code.webp') !important;}
body.page-about .author-stat-card:nth-child(4)::before,
body.page-about-static .author-stat-card:nth-child(4)::before{background-image: url('/assets/img/about-facts-icons/04-growth-chart.webp') !important;}
body.page-about .author-stat-card::after,
body.page-about-static .author-stat-card::after{
left: 116px !important;
top: 50px !important;
width: 74px !important;
height: 42px !important;
opacity: .78 !important;
background-image: radial-gradient(circle, rgba(193,211,255,.78) 0 2.8px, transparent 3.2px) !important;
background-size: 14px 14px !important;
}
body.page-about .author-stat-card span,
body.page-about-static .author-stat-card span{
display: block !important;
max-width: 100% !important;
font-size: 17px !important;
line-height: 1.34 !important;
letter-spacing: -.02em !important;
}
body.page-about .author-stat-card span::before,
body.page-about-static .author-stat-card span::before{
width: 36px !important;
height: 5px !important;
margin: 0 0 18px !important;
}
body.page-about .author-stat-card strong,
body.page-about-static .author-stat-card strong{
display: block !important;
margin: auto 0 0 !important;
padding-top: 20px !important;
font-size: clamp(31px, 2.65vw, 48px) !important;
line-height: .96 !important;
white-space: nowrap !important;
letter-spacing: -.055em !important;
}
body.page-about .author-stat-card:nth-child(3) strong,
body.page-about-static .author-stat-card:nth-child(3) strong{
font-size: clamp(24px, 2.05vw, 38px) !important;
letter-spacing: -.045em !important;
}
body.page-about .section-author-story,
body.page-about-static .section-author-story{
padding-top: 8px !important;
margin-top: 0 !important;
}
@media (max-width: 1180px){
body.page-about .section-author-facts .container,
body.page-about-static .section-author-facts .container{width: min(980px, calc(100% - 32px)) !important;}
body.page-about .author-stats-grid,
body.page-about-static .author-stats-grid{grid-template-columns: repeat(2, minmax(0, 1fr)) !important;gap: 16px !important;}
body.page-about .author-stat-card,
body.page-about-static .author-stat-card{min-height: 250px !important;}
body.page-about .author-stat-card strong,
body.page-about-static .author-stat-card strong{font-size: clamp(32px, 4.2vw, 42px) !important;}
body.page-about .author-stat-card:nth-child(3) strong,
body.page-about-static .author-stat-card:nth-child(3) strong{font-size: clamp(24px, 3.2vw, 34px) !important;}
}
@media (max-width: 640px){
body.page-about .section-author-facts,
body.page-about-static .section-author-facts{padding: 24px 0 4px !important;}
body.page-about .section-author-facts .container,
body.page-about-static .section-author-facts .container{width: calc(100% - 24px) !important;}
body.page-about .author-stats-grid,
body.page-about-static .author-stats-grid{grid-template-columns: 1fr !important;gap: 14px !important;}
body.page-about .author-stat-card,
body.page-about-static .author-stat-card{min-height: 218px !important;padding: 106px 18px 20px !important;border-radius: 24px !important;}
body.page-about .author-stat-card::before,
body.page-about-static .author-stat-card::before{left: 18px !important;top: 18px !important;width: 64px !important;height: 64px !important;background-size: 30px 30px !important;}
body.page-about .author-stat-card::after,
body.page-about-static .author-stat-card::after{left: 96px !important;top: 44px !important;width: 60px !important;height: 36px !important;background-size: 12px 12px !important;}
body.page-about .author-stat-card span,
body.page-about-static .author-stat-card span{font-size: 15px !important;}
body.page-about .author-stat-card strong,
body.page-about-static .author-stat-card strong{font-size: clamp(30px, 9.5vw, 40px) !important;white-space: normal !important;padding-top: 18px !important;}
body.page-about .author-stat-card:nth-child(3) strong,
body.page-about-static .author-stat-card:nth-child(3) strong{font-size: clamp(24px, 7.8vw, 32px) !important;}
body.page-about .section-author-story,
body.page-about-static .section-author-story{padding-top: 6px !important;}
}
/* ===== 2026-04-25 FINAL ABOUT MULTILANG FIX ===== */
body.page-about,
body.page-about-static{
background:#f7f9ff;
}
body.page-about .author-hero,
body.page-about-static .author-hero,
body.page-about .author-hero.about-hero-updated,
body.page-about-static .author-hero.about-hero-updated{
position:relative !important;
overflow:hidden !important;
min-height:0 !important;
padding:112px 0 0 !important;
background:
radial-gradient(circle at 77% 12%, rgba(74,138,255,.34), rgba(74,138,255,0) 34%),
radial-gradient(circle at 18% 88%, rgba(37,240,236,.13), rgba(37,240,236,0) 36%),
linear-gradient(135deg,#061d66 0%,#062b8e 52%,#143da9 100%) !important;
}
body.page-about .author-hero::before,
body.page-about-static .author-hero::before,
body.page-about .author-hero::after,
body.page-about-static .author-hero::after{
pointer-events:none !important;
}
body.page-about .about-hero-grid,
body.page-about-static .about-hero-grid,
body.page-about .author-hero-grid,
body.page-about-static .author-hero-grid{
display:grid !important;
grid-template-columns:minmax(0, 590px) minmax(300px, 405px) !important;
align-items:end !important;
justify-content:space-between !important;
gap:28px !important;
min-height:0 !important;
}
body.page-about .author-copy,
body.page-about-static .author-copy,
body.page-about .page-hero-copy.author-copy,
body.page-about-static .page-hero-copy.author-copy{
max-width:590px !important;
padding:0 0 24px !important;
margin:0 !important;
}
body.page-about .author-copy .section-kicker,
body.page-about-static .author-copy .section-kicker,
body.page-about .author-highlights,
body.page-about-static .author-highlights{
display:none !important;
}
body.page-about .author-copy h1,
body.page-about-static .author-copy h1,
body.page-about .page-hero-copy.author-copy h1,
body.page-about-static .page-hero-copy.author-copy h1{
margin:0 !important;
color:#fff !important;
font-size:clamp(3.5rem, 5vw, 4.9rem) !important;
line-height:.92 !important;
letter-spacing:-.075em !important;
}
body.page-about .author-copy .hero-role,
body.page-about-static .author-copy .hero-role{
margin:15px 0 0 !important;
color:#91baff !important;
font-size:1.14rem !important;
line-height:1.3 !important;
font-weight:800 !important;
}
body.page-about .author-copy .hero-lead,
body.page-about-static .author-copy .hero-lead,
body.page-about .author-copy > p:not(.hero-role),
body.page-about-static .author-copy > p:not(.hero-role){
max-width:555px !important;
margin:13px 0 0 !important;
color:rgba(255,255,255,.88) !important;
font-size:1.02rem !important;
line-height:1.48 !important;
}
body.page-about .author-copy .hero-actions,
body.page-about-static .author-copy .hero-actions{
display:flex !important;
flex-wrap:wrap !important;
align-items:center !important;
gap:12px !important;
margin:18px 0 0 !important;
}
body.page-about .author-copy .hero-actions .btn,
body.page-about-static .author-copy .hero-actions .btn{
min-height:48px !important;
min-width:190px !important;
padding:0 20px !important;
border-radius:15px !important;
}
body.page-about .author-copy .hero-feature-grid,
body.page-about-static .author-copy .hero-feature-grid{
display:grid !important;
grid-template-columns:repeat(3, minmax(0,1fr)) !important;
gap:10px !important;
max-width:590px !important;
margin:18px 0 0 !important;
}
body.page-about .author-copy .hero-feature-card,
body.page-about-static .author-copy .hero-feature-card{
display:grid !important;
grid-template-columns:38px minmax(0,1fr) !important;
gap:10px !important;
align-items:start !important;
min-height:96px !important;
padding:12px !important;
border-radius:18px !important;
background:rgba(255,255,255,.08) !important;
border:1px solid rgba(255,255,255,.1) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important;
backdrop-filter:blur(10px) !important;
}
body.page-about .author-copy .hero-feature-icon,
body.page-about-static .author-copy .hero-feature-icon{
display:grid !important;
place-items:center !important;
width:38px !important;
height:38px !important;
border-radius:13px !important;
background:rgba(26,63,138,.64) !important;
color:#75a9ff !important;
flex:0 0 38px !important;
}
body.page-about .author-copy .hero-feature-icon svg,
body.page-about-static .author-copy .hero-feature-icon svg{
width:20px !important;
height:20px !important;
}
body.page-about .author-copy .hero-feature-copy strong,
body.page-about-static .author-copy .hero-feature-copy strong{
display:block !important;
color:#fff !important;
font-size:.94rem !important;
line-height:1.18 !important;
font-weight:850 !important;
letter-spacing:-.02em !important;
}
body.page-about .author-copy .hero-feature-copy span,
body.page-about-static .author-copy .hero-feature-copy span{
display:block !important;
margin-top:6px !important;
color:rgba(221,232,255,.82) !important;
font-size:.82rem !important;
line-height:1.27 !important;
}
body.page-about .author-hero-side,
body.page-about-static .author-hero-side,
body.page-about .hero-visual.author-hero-side,
body.page-about-static .hero-visual.author-hero-side{
position:relative !important;
align-self:end !important;
display:flex !important;
align-items:flex-end !important;
justify-content:center !important;
min-height:0 !important;
height:auto !important;
padding:0 !important;
margin:0 !important;
overflow:visible !important;
background:transparent !important;
}
body.page-about .author-hero-side .hero-photo-card,
body.page-about-static .author-hero-side .hero-photo-card{
display:none !important;
}
body.page-about .author-page-photo,
body.page-about-static .author-page-photo,
body.page-about .author-hero-side img,
body.page-about-static .author-hero-side img{
display:block !important;
width:min(405px, 100%) !important;
max-width:100% !important;
max-height:465px !important;
height:auto !important;
object-fit:contain !important;
object-position:bottom center !important;
margin:0 auto !important;
padding:0 !important;
transform:none !important;
background:transparent !important;
border:0 !important;
outline:0 !important;
box-shadow:none !important;
filter:drop-shadow(0 25px 46px rgba(1,12,42,.3)) !important;
}
body.page-about .section-author-facts,
body.page-about-static .section-author-facts{
padding:28px 0 4px !important;
margin:0 !important;
overflow:hidden !important;
background:radial-gradient(circle at 50% 0%, rgba(255,255,255,.98), rgba(245,248,255,.78) 58%, rgba(245,248,255,.98) 100%) !important;
}
body.page-about .section-author-facts .container,
body.page-about-static .section-author-facts .container{
width:min(1280px, calc(100% - 34px)) !important;
max-width:1280px !important;
}
body.page-about .author-stats-grid,
body.page-about-static .author-stats-grid{
display:grid !important;
grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
gap:16px !important;
margin:0 !important;
align-items:stretch !important;
}
body.page-about .author-stat-card,
body.page-about-static .author-stat-card{
position:relative !important;
min-width:0 !important;
min-height:270px !important;
padding:132px 20px 22px !important;
overflow:hidden !important;
display:flex !important;
flex-direction:column !important;
justify-content:flex-start !important;
background:radial-gradient(circle at 22% 20%, rgba(255,255,255,1) 0%, rgba(255,255,255,.96) 28%, rgba(255,255,255,.91) 100%),linear-gradient(180deg,#fff 0%,#fbfdff 100%) !important;
border:1.5px solid rgba(202,218,255,.78) !important;
border-radius:26px !important;
box-shadow:0 24px 56px rgba(10,34,98,.075), inset 0 1px 0 rgba(255,255,255,.98), inset 0 -2px 0 rgba(37,240,236,.18) !important;
}
body.page-about .author-stat-card::before,
body.page-about-static .author-stat-card::before{
content:"" !important;
position:absolute !important;
left:20px !important;
top:20px !important;
width:86px !important;
height:86px !important;
border-radius:50% !important;
background-color:#fff !important;
background-repeat:no-repeat !important;
background-position:center !important;
background-size:48px 48px !important;
border:1px solid rgba(235,242,255,.98) !important;
box-shadow:0 20px 38px rgba(10,34,98,.1), inset 0 1px 0 rgba(255,255,255,1) !important;
z-index:1 !important;
}
body.page-about .author-stat-card:nth-child(1)::before,
body.page-about-static .author-stat-card:nth-child(1)::before{background-image:url('/assets/img/about-facts-icons/01-calendar.webp') !important;}
body.page-about .author-stat-card:nth-child(2)::before,
body.page-about-static .author-stat-card:nth-child(2)::before{background-image:url('/assets/img/about-facts-icons/02-target.webp') !important;}
body.page-about .author-stat-card:nth-child(3)::before,
body.page-about-static .author-stat-card:nth-child(3)::before{background-image:url('/assets/img/about-facts-icons/03-code.webp') !important;}
body.page-about .author-stat-card:nth-child(4)::before,
body.page-about-static .author-stat-card:nth-child(4)::before{background-image:url('/assets/img/about-facts-icons/04-growth-chart.webp') !important;}
body.page-about .author-stat-card::after,
body.page-about-static .author-stat-card::after{
content:"" !important;
position:absolute !important;
left:118px !important;
top:56px !important;
width:88px !important;
height:46px !important;
opacity:.82 !important;
background-image:radial-gradient(circle, rgba(193,211,255,.78) 0 2.9px, transparent 3.3px) !important;
background-size:14px 14px !important;
z-index:1 !important;
}
body.page-about .author-stat-card span,
body.page-about-static .author-stat-card span{
display:block !important;
position:relative !important;
z-index:2 !important;
max-width:100% !important;
margin:0 !important;
color:#626e84 !important;
font-size:17px !important;
line-height:1.34 !important;
font-weight:500 !important;
letter-spacing:-.02em !important;
}
body.page-about .author-stat-card span::before,
body.page-about-static .author-stat-card span::before{
content:"" !important;
display:block !important;
width:38px !important;
height:5px !important;
margin:0 0 18px !important;
border-radius:999px !important;
background:#1568ff !important;
box-shadow:0 8px 18px rgba(21,104,255,.22) !important;
}
body.page-about .author-stat-card strong,
body.page-about-static .author-stat-card strong{
position:relative !important;
z-index:2 !important;
display:block !important;
margin:auto 0 0 !important;
padding-top:18px !important;
color:#061f5d !important;
font-size:clamp(30px, 2.55vw, 46px) !important;
line-height:.96 !important;
font-weight:900 !important;
letter-spacing:-.055em !important;
white-space:nowrap !important;
}
body.page-about .author-stat-card:nth-child(3) strong,
body.page-about-static .author-stat-card:nth-child(3) strong{
font-size:clamp(22px, 1.82vw, 34px) !important;
letter-spacing:-.04em !important;
}
body.page-about .section-author-story,
body.page-about-static .section-author-story{
padding-top:4px !important;
margin-top:0 !important;
}
@media (max-width:1080px){
body.page-about .author-hero,
body.page-about-static .author-hero,
body.page-about .author-hero.about-hero-updated,
body.page-about-static .author-hero.about-hero-updated{padding:104px 0 0 !important;}
body.page-about .about-hero-grid,
body.page-about-static .about-hero-grid,
body.page-about .author-hero-grid,
body.page-about-static .author-hero-grid{grid-template-columns:1fr !important;gap:16px !important;}
body.page-about .author-copy,
body.page-about-static .author-copy{max-width:none !important;padding:0 !important;}
body.page-about .author-copy .hero-feature-grid,
body.page-about-static .author-copy .hero-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;max-width:none !important;}
body.page-about .author-hero-side,
body.page-about-static .author-hero-side{justify-content:center !important;}
body.page-about .author-page-photo,
body.page-about-static .author-page-photo,
body.page-about .author-hero-side img,
body.page-about-static .author-hero-side img{width:min(320px,72vw) !important;max-height:380px !important;}
body.page-about .author-stats-grid,
body.page-about-static .author-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:15px !important;}
body.page-about .author-stat-card,
body.page-about-static .author-stat-card{min-height:252px !important;padding:128px 20px 22px !important;}
body.page-about .author-stat-card strong,
body.page-about-static .author-stat-card strong{font-size:clamp(31px,4.6vw,42px) !important;}
body.page-about .author-stat-card:nth-child(3) strong,
body.page-about-static .author-stat-card:nth-child(3) strong{font-size:clamp(24px,3.5vw,32px) !important;}
}
@media (max-width:720px){
body.page-about .author-hero,
body.page-about-static .author-hero,
body.page-about .author-hero.about-hero-updated,
body.page-about-static .author-hero.about-hero-updated{padding:92px 0 0 !important;}
body.page-about .author-copy h1,
body.page-about-static .author-copy h1{font-size:clamp(2.75rem,12vw,3.65rem) !important;}
body.page-about .author-copy .hero-role,
body.page-about-static .author-copy .hero-role{font-size:1.03rem !important;margin-top:12px !important;}
body.page-about .author-copy .hero-lead,
body.page-about-static .author-copy .hero-lead,
body.page-about .author-copy > p:not(.hero-role),
body.page-about-static .author-copy > p:not(.hero-role){font-size:.96rem !important;margin-top:10px !important;}
body.page-about .author-copy .hero-actions{display:grid !important;grid-template-columns:1fr !important;gap:10px !important;margin-top:14px !important;}
body.page-about .author-copy .hero-actions .btn,
body.page-about-static .author-copy .hero-actions .btn{width:100% !important;min-width:0 !important;}
body.page-about .author-copy .hero-feature-grid,
body.page-about-static .author-copy .hero-feature-grid{grid-template-columns:1fr !important;margin-top:14px !important;}
body.page-about .author-copy .hero-feature-card,
body.page-about-static .author-copy .hero-feature-card{min-height:auto !important;}
body.page-about .author-page-photo,
body.page-about-static .author-page-photo,
body.page-about .author-hero-side img,
body.page-about-static .author-hero-side img{width:min(260px,72vw) !important;max-height:310px !important;}
body.page-about .section-author-facts,
body.page-about-static .section-author-facts{padding:22px 0 2px !important;}
body.page-about .section-author-facts .container,
body.page-about-static .section-author-facts .container{width:calc(100% - 24px) !important;}
body.page-about .author-stats-grid,
body.page-about-static .author-stats-grid{grid-template-columns:1fr !important;gap:14px !important;}
body.page-about .author-stat-card,
body.page-about-static .author-stat-card{min-height:222px !important;padding:114px 18px 20px !important;border-radius:22px !important;}
body.page-about .author-stat-card::before,
body.page-about-static .author-stat-card::before{left:18px !important;top:18px !important;width:74px !important;height:74px !important;background-size:42px 42px !important;}
body.page-about .author-stat-card::after,
body.page-about-static .author-stat-card::after{left:104px !important;top:48px !important;width:64px !important;height:38px !important;background-size:12px 12px !important;}
body.page-about .author-stat-card span,
body.page-about-static .author-stat-card span{font-size:15px !important;}
body.page-about .author-stat-card strong,
body.page-about-static .author-stat-card strong{font-size:clamp(30px,9.2vw,38px) !important;white-space:normal !important;}
body.page-about .author-stat-card:nth-child(3) strong,
body.page-about-static .author-stat-card:nth-child(3) strong{font-size:clamp(24px,7.8vw,30px) !important;}
}
/* ===== 2026-04-25 final static about pages: no PHP flicker, all languages, new large PNG icons ===== */
body.page-about.about-static-v2 .author-hero,
body.page-about-static.about-static-v2 .author-hero,
body.page-about.about-static-v2 .author-hero.about-hero-updated,
body.page-about-static.about-static-v2 .author-hero.about-hero-updated{
min-height:0 !important;
padding:112px 0 0 !important;
overflow:hidden !important;
background:
radial-gradient(circle at 78% 16%, rgba(60,126,255,.34), rgba(60,126,255,0) 34%),
radial-gradient(circle at 22% 82%, rgba(37,240,236,.12), rgba(37,240,236,0) 34%),
linear-gradient(135deg,#061d66 0%,#062b8e 54%,#143da9 100%) !important;
}
body.page-about.about-static-v2 .about-hero-grid,
body.page-about-static.about-static-v2 .about-hero-grid{
display:grid !important;
grid-template-columns:minmax(0,575px) minmax(280px,390px) !important;
align-items:end !important;
justify-content:space-between !important;
gap:24px !important;
min-height:0 !important;
}
body.page-about.about-static-v2 .author-copy,
body.page-about-static.about-static-v2 .author-copy{
max-width:575px !important;
padding:0 0 16px !important;
}
body.page-about.about-static-v2 .author-copy h1,
body.page-about-static.about-static-v2 .author-copy h1{
margin:0 !important;
font-size:clamp(3.45rem,4.9vw,4.85rem) !important;
line-height:.92 !important;
letter-spacing:-.075em !important;
color:#fff !important;
}
body.page-about.about-static-v2 .author-copy .hero-role,
body.page-about-static.about-static-v2 .author-copy .hero-role{
margin-top:14px !important;
font-size:1.14rem !important;
line-height:1.28 !important;
font-weight:800 !important;
color:#8fb8ff !important;
}
body.page-about.about-static-v2 .author-copy .hero-lead,
body.page-about-static.about-static-v2 .author-copy .hero-lead{
max-width:540px !important;
margin-top:12px !important;
font-size:1rem !important;
line-height:1.48 !important;
color:rgba(255,255,255,.88) !important;
}
body.page-about.about-static-v2 .author-copy .hero-actions,
body.page-about-static.about-static-v2 .author-copy .hero-actions{
margin-top:18px !important;
gap:12px !important;
}
body.page-about.about-static-v2 .author-copy .hero-actions .btn,
body.page-about-static.about-static-v2 .author-copy .hero-actions .btn{
min-height:48px !important;
min-width:190px !important;
padding:0 20px !important;
border-radius:15px !important;
}
body.page-about.about-static-v2 .author-copy .hero-feature-grid,
body.page-about-static.about-static-v2 .author-copy .hero-feature-grid{
margin-top:18px !important;
max-width:575px !important;
gap:10px !important;
}
body.page-about.about-static-v2 .author-copy .hero-feature-card,
body.page-about-static.about-static-v2 .author-copy .hero-feature-card{
min-height:96px !important;
padding:12px 12px 11px !important;
border-radius:18px !important;
gap:10px !important;
}
body.page-about.about-static-v2 .author-copy .hero-feature-icon,
body.page-about-static.about-static-v2 .author-copy .hero-feature-icon{
width:40px !important;
height:40px !important;
border-radius:14px !important;
}
body.page-about.about-static-v2 .author-copy .hero-feature-copy strong,
body.page-about-static.about-static-v2 .author-copy .hero-feature-copy strong{
font-size:.96rem !important;
line-height:1.16 !important;
}
body.page-about.about-static-v2 .author-copy .hero-feature-copy span,
body.page-about-static.about-static-v2 .author-copy .hero-feature-copy span{
margin-top:5px !important;
font-size:.84rem !important;
line-height:1.26 !important;
}
body.page-about.about-static-v2 .author-hero-side,
body.page-about-static.about-static-v2 .author-hero-side{
align-self:end !important;
display:flex !important;
align-items:flex-end !important;
justify-content:center !important;
margin:0 !important;
padding:0 !important;
min-height:0 !important;
}
body.page-about.about-static-v2 .author-page-photo,
body.page-about-static.about-static-v2 .author-page-photo,
body.page-about.about-static-v2 .author-hero-side img,
body.page-about-static.about-static-v2 .author-hero-side img{
width:min(390px,100%) !important;
max-height:458px !important;
height:auto !important;
display:block !important;
margin:0 auto !important;
transform:none !important;
object-fit:contain !important;
object-position:bottom center !important;
background:transparent !important;
box-shadow:none !important;
}
body.page-about.about-static-v2 .author-hero-side .hero-photo-card,
body.page-about-static.about-static-v2 .author-hero-side .hero-photo-card{
display:none !important;
}
body.page-about.about-static-v2 .section-author-facts,
body.page-about-static.about-static-v2 .section-author-facts{
padding:28px 0 4px !important;
margin:0 !important;
overflow:hidden !important;
}
body.page-about.about-static-v2 .section-author-facts .container,
body.page-about-static.about-static-v2 .section-author-facts .container{
width:min(1280px,calc(100% - 34px)) !important;
max-width:1280px !important;
}
body.page-about.about-static-v2 .author-stats-grid,
body.page-about-static.about-static-v2 .author-stats-grid{
display:grid !important;
grid-template-columns:repeat(4,minmax(0,1fr)) !important;
gap:16px !important;
margin:0 !important;
align-items:stretch !important;
}
body.page-about.about-static-v2 .author-stat-card,
body.page-about-static.about-static-v2 .author-stat-card{
position:relative !important;
min-width:0 !important;
min-height:268px !important;
padding:132px 21px 22px !important;
border-radius:26px !important;
overflow:hidden !important;
display:flex !important;
flex-direction:column !important;
justify-content:flex-start !important;
}
body.page-about.about-static-v2 .author-stat-card::before,
body.page-about-static.about-static-v2 .author-stat-card::before{
content:"" !important;
position:absolute !important;
left:20px !important;
top:18px !important;
width:102px !important;
height:102px !important;
border-radius:50% !important;
background-repeat:no-repeat !important;
background-position:center !important;
background-size:contain !important;
background-color:transparent !important;
border:0 !important;
box-shadow:0 18px 36px rgba(10,34,98,.08) !important;
z-index:1 !important;
}
body.page-about.about-static-v2 .author-stat-card:nth-child(1)::before,
body.page-about-static.about-static-v2 .author-stat-card:nth-child(1)::before{background-image:url('/assets/img/about-facts-icons/calendar-icon.png') !important;}
body.page-about.about-static-v2 .author-stat-card:nth-child(2)::before,
body.page-about-static.about-static-v2 .author-stat-card:nth-child(2)::before{background-image:url('/assets/img/about-facts-icons/target-icon.png') !important;}
body.page-about.about-static-v2 .author-stat-card:nth-child(3)::before,
body.page-about-static.about-static-v2 .author-stat-card:nth-child(3)::before{background-image:url('/assets/img/about-facts-icons/code-icon.png') !important;}
body.page-about.about-static-v2 .author-stat-card:nth-child(4)::before,
body.page-about-static.about-static-v2 .author-stat-card:nth-child(4)::before{background-image:url('/assets/img/about-facts-icons/analytics-icon.png') !important;}
body.page-about.about-static-v2 .author-stat-card::after,
body.page-about-static.about-static-v2 .author-stat-card::after{
left:126px !important;
top:54px !important;
width:82px !important;
height:44px !important;
opacity:.72 !important;
background-image:radial-gradient(circle,rgba(193,211,255,.72) 0 2.8px,transparent 3.2px) !important;
background-size:14px 14px !important;
}
body.page-about.about-static-v2 .author-stat-card span,
body.page-about-static.about-static-v2 .author-stat-card span{
display:block !important;
max-width:100% !important;
font-size:17px !important;
line-height:1.34 !important;
letter-spacing:-.02em !important;
}
body.page-about.about-static-v2 .author-stat-card span::before,
body.page-about-static.about-static-v2 .author-stat-card span::before{
width:36px !important;
height:5px !important;
margin:0 0 18px !important;
}
body.page-about.about-static-v2 .author-stat-card strong,
body.page-about-static.about-static-v2 .author-stat-card strong{
display:block !important;
margin-top:auto !important;
padding-top:18px !important;
font-size:clamp(30px,2.55vw,46px) !important;
line-height:.96 !important;
white-space:nowrap !important;
letter-spacing:-.055em !important;
}
body.page-about.about-static-v2 .author-stat-card:nth-child(3) strong,
body.page-about-static.about-static-v2 .author-stat-card:nth-child(3) strong{
font-size:clamp(22px,1.82vw,34px) !important;
letter-spacing:-.04em !important;
}
body.page-about.about-static-v2 .section-author-story,
body.page-about-static.about-static-v2 .section-author-story{
padding-top:4px !important;
margin-top:0 !important;
}
@media (max-width:1080px){
body.page-about.about-static-v2 .author-hero,
body.page-about-static.about-static-v2 .author-hero{padding:104px 0 0 !important;}
body.page-about.about-static-v2 .about-hero-grid,
body.page-about-static.about-static-v2 .about-hero-grid{grid-template-columns:1fr !important;gap:18px !important;}
body.page-about.about-static-v2 .author-copy,
body.page-about-static.about-static-v2 .author-copy{max-width:none !important;padding-bottom:0 !important;}
body.page-about.about-static-v2 .author-hero-side,
body.page-about-static.about-static-v2 .author-hero-side{justify-content:center !important;}
body.page-about.about-static-v2 .author-page-photo,
body.page-about-static.about-static-v2 .author-page-photo,
body.page-about.about-static-v2 .author-hero-side img,
body.page-about-static.about-static-v2 .author-hero-side img{width:min(320px,72vw) !important;max-height:380px !important;}
body.page-about.about-static-v2 .author-stats-grid,
body.page-about-static.about-static-v2 .author-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:15px !important;}
body.page-about.about-static-v2 .author-stat-card,
body.page-about-static.about-static-v2 .author-stat-card{min-height:252px !important;}
body.page-about.about-static-v2 .author-stat-card strong,
body.page-about-static.about-static-v2 .author-stat-card strong{font-size:clamp(31px,4.6vw,42px) !important;}
body.page-about.about-static-v2 .author-stat-card:nth-child(3) strong,
body.page-about-static.about-static-v2 .author-stat-card:nth-child(3) strong{font-size:clamp(24px,3.5vw,32px) !important;}
}
@media (max-width:640px){
body.page-about.about-static-v2 .author-hero,
body.page-about-static.about-static-v2 .author-hero{padding:92px 0 0 !important;}
body.page-about.about-static-v2 .author-page-photo,
body.page-about-static.about-static-v2 .author-page-photo,
body.page-about.about-static-v2 .author-hero-side img,
body.page-about-static.about-static-v2 .author-hero-side img{width:min(260px,72vw) !important;max-height:310px !important;}
body.page-about.about-static-v2 .section-author-facts,
body.page-about-static.about-static-v2 .section-author-facts{padding:22px 0 2px !important;}
body.page-about.about-static-v2 .section-author-facts .container,
body.page-about-static.about-static-v2 .section-author-facts .container{width:calc(100% - 24px) !important;}
body.page-about.about-static-v2 .author-stats-grid,
body.page-about-static.about-static-v2 .author-stats-grid{grid-template-columns:1fr !important;gap:14px !important;}
body.page-about.about-static-v2 .author-stat-card,
body.page-about-static.about-static-v2 .author-stat-card{min-height:226px !important;padding:114px 18px 20px !important;border-radius:22px !important;}
body.page-about.about-static-v2 .author-stat-card::before,
body.page-about-static.about-static-v2 .author-stat-card::before{left:18px !important;top:16px !important;width:86px !important;height:86px !important;}
body.page-about.about-static-v2 .author-stat-card::after,
body.page-about-static.about-static-v2 .author-stat-card::after{left:110px !important;top:48px !important;width:62px !important;height:36px !important;background-size:12px 12px !important;}
body.page-about.about-static-v2 .author-stat-card span,
body.page-about-static.about-static-v2 .author-stat-card span{font-size:15px !important;}
body.page-about.about-static-v2 .author-stat-card strong,
body.page-about-static.about-static-v2 .author-stat-card strong{font-size:clamp(30px,9.2vw,38px) !important;white-space:normal !important;}
body.page-about.about-static-v2 .author-stat-card:nth-child(3) strong,
body.page-about-static.about-static-v2 .author-stat-card:nth-child(3) strong{font-size:clamp(24px,7.8vw,30px) !important;}
}
/* ===== 2026-04-25 FINAL: about pages only, no homepage photo changes ===== */
body.page-about.about-static-v2 .author-hero,
body.page-about-static.about-static-v2 .author-hero{
min-height: 0 !important;
padding: 116px 0 0 !important;
overflow: hidden !important;
}
body.page-about.about-static-v2 .about-hero-grid,
body.page-about-static.about-static-v2 .about-hero-grid{
grid-template-columns: minmax(0, 600px) minmax(420px, 520px) !important;
align-items: end !important;
justify-content: center !important;
gap: 8px !important;
}
body.page-about.about-static-v2 .author-copy,
body.page-about-static.about-static-v2 .author-copy{
max-width: 600px !important;
padding: 0 0 18px !important;
}
body.page-about.about-static-v2 .author-copy .hero-feature-grid,
body.page-about-static.about-static-v2 .author-copy .hero-feature-grid{
margin-top: 18px !important;
max-width: 600px !important;
}
body.page-about.about-static-v2 .author-hero-side,
body.page-about-static.about-static-v2 .author-hero-side{
align-self: end !important;
justify-content: flex-start !important;
align-items: flex-end !important;
padding: 0 !important;
margin: 0 0 0 -10px !important;
min-height: 0 !important;
height: auto !important;
}
body.page-about.about-static-v2 .author-page-photo,
body.page-about-static.about-static-v2 .author-page-photo,
body.page-about.about-static-v2 .author-hero-side img,
body.page-about-static.about-static-v2 .author-hero-side img{
width: min(500px, 100%) !important;
max-width: 100% !important;
max-height: 610px !important;
height: auto !important;
display: block !important;
margin: 0 !important;
transform: none !important;
object-fit: contain !important;
object-position: bottom center !important;
background: transparent !important;
box-shadow: none !important;
}
body.page-about.about-static-v2 .author-hero-side .hero-photo-card,
body.page-about-static.about-static-v2 .author-hero-side .hero-photo-card{
display: none !important;
}
body.page-about.about-static-v2 .section-author-facts,
body.page-about-static.about-static-v2 .section-author-facts{
padding: 28px 0 4px !important;
margin: 0 !important;
}
body.page-about.about-static-v2 .author-stat-card,
body.page-about-static.about-static-v2 .author-stat-card{
min-height: 292px !important;
padding: 154px 22px 24px !important;
}
body.page-about.about-static-v2 .author-stat-card::before,
body.page-about-static.about-static-v2 .author-stat-card::before{
width: 124px !important;
height: 124px !important;
left: 20px !important;
top: 18px !important;
background-size: contain !important;
box-shadow: 0 18px 38px rgba(10,34,98,.08) !important;
}
body.page-about.about-static-v2 .author-stat-card::after,
body.page-about-static.about-static-v2 .author-stat-card::after{
left: 154px !important;
top: 66px !important;
}
body.page-about.about-static-v2 .author-stat-card:nth-child(3) strong,
body.page-about-static.about-static-v2 .author-stat-card:nth-child(3) strong{
font-size: clamp(23px, 1.78vw, 34px) !important;
white-space: nowrap !important;
}
@media (max-width: 1180px){
body.page-about.about-static-v2 .about-hero-grid,
body.page-about-static.about-static-v2 .about-hero-grid{
grid-template-columns: minmax(0, 560px) minmax(340px, 430px) !important;
gap: 4px !important;
}
body.page-about.about-static-v2 .author-hero-side,
body.page-about-static.about-static-v2 .author-hero-side{
margin-left: -8px !important;
}
body.page-about.about-static-v2 .author-page-photo,
body.page-about-static.about-static-v2 .author-page-photo,
body.page-about.about-static-v2 .author-hero-side img,
body.page-about-static.about-static-v2 .author-hero-side img{
width: min(430px, 100%) !important;
max-height: 520px !important;
}
}
@media (max-width: 1080px){
body.page-about.about-static-v2 .about-hero-grid,
body.page-about-static.about-static-v2 .about-hero-grid{
grid-template-columns: 1fr !important;
gap: 10px !important;
}
body.page-about.about-static-v2 .author-hero-side,
body.page-about-static.about-static-v2 .author-hero-side{
justify-content: center !important;
margin-left: 0 !important;
}
body.page-about.about-static-v2 .author-page-photo,
body.page-about-static.about-static-v2 .author-page-photo,
body.page-about.about-static-v2 .author-hero-side img,
body.page-about-static.about-static-v2 .author-hero-side img{
width: min(360px, 76vw) !important;
max-height: 430px !important;
margin-inline: auto !important;
}
body.page-about.about-static-v2 .author-stat-card,
body.page-about-static.about-static-v2 .author-stat-card{
min-height: 268px !important;
padding-top: 136px !important;
}
body.page-about.about-static-v2 .author-stat-card::before,
body.page-about-static.about-static-v2 .author-stat-card::before{
width: 104px !important;
height: 104px !important;
}
}
@media (max-width: 640px){
body.page-about.about-static-v2 .author-hero,
body.page-about-static.about-static-v2 .author-hero{
padding: 92px 0 0 !important;
}
body.page-about.about-static-v2 .author-page-photo,
body.page-about-static.about-static-v2 .author-page-photo,
body.page-about.about-static-v2 .author-hero-side img,
body.page-about-static.about-static-v2 .author-hero-side img{
width: min(292px, 78vw) !important;
max-height: 350px !important;
}
body.page-about.about-static-v2 .author-stat-card,
body.page-about-static.about-static-v2 .author-stat-card{
min-height: 236px !important;
padding: 124px 18px 20px !important;
}
body.page-about.about-static-v2 .author-stat-card::before,
body.page-about-static.about-static-v2 .author-stat-card::before{
width: 96px !important;
height: 96px !important;
left: 18px !important;
top: 16px !important;
}
body.page-about.about-static-v2 .author-stat-card::after,
body.page-about-static.about-static-v2 .author-stat-card::after{
left: 124px !important;
top: 52px !important;
}
body.page-about.about-static-v2 .author-stat-card:nth-child(3) strong,
body.page-about-static.about-static-v2 .author-stat-card:nth-child(3) strong{
font-size: clamp(24px, 7.6vw, 31px) !important;
white-space: normal !important;
}
}
/* ===== 2026-04-25 URGENT PATCH: /about photo higher + slightly farther, ru/ua homepage fixed separately ===== */
body.page-about.about-static-v2 .author-hero,
body.page-about-static.about-static-v2 .author-hero{
padding-top: 104px !important;
}
body.page-about.about-static-v2 .about-hero-grid,
body.page-about-static.about-static-v2 .about-hero-grid{
grid-template-columns: minmax(0, 600px) minmax(420px, 520px) !important;
gap: 34px !important;
}
body.page-about.about-static-v2 .author-hero-side,
body.page-about-static.about-static-v2 .author-hero-side{
margin: 0 0 0 8px !important;
align-items: flex-start !important;
}
body.page-about.about-static-v2 .author-page-photo,
body.page-about-static.about-static-v2 .author-page-photo,
body.page-about.about-static-v2 .author-hero-side img,
body.page-about-static.about-static-v2 .author-hero-side img{
width: min(500px, 100%) !important;
max-height: 600px !important;
transform: translate(18px, -46px) !important;
margin: 0 !important;
}
body.page-about.about-static-v2 .author-copy,
body.page-about-static.about-static-v2 .author-copy{
padding-bottom: 0 !important;
}
@media (max-width:1180px){
body.page-about.about-static-v2 .about-hero-grid,
body.page-about-static.about-static-v2 .about-hero-grid{
gap: 22px !important;
}
body.page-about.about-static-v2 .author-page-photo,
body.page-about-static.about-static-v2 .author-page-photo,
body.page-about.about-static-v2 .author-hero-side img,
body.page-about-static.about-static-v2 .author-hero-side img{
width: min(440px, 100%) !important;
max-height: 520px !important;
transform: translate(12px, -34px) !important;
}
}
@media (max-width:1080px){
body.page-about.about-static-v2 .author-hero,
body.page-about-static.about-static-v2 .author-hero{
padding-top: 96px !important;
}
body.page-about.about-static-v2 .author-hero-side,
body.page-about-static.about-static-v2 .author-hero-side{
margin: 0 !important;
align-items: center !important;
}
body.page-about.about-static-v2 .author-page-photo,
body.page-about-static.about-static-v2 .author-page-photo,
body.page-about.about-static-v2 .author-hero-side img,
body.page-about-static.about-static-v2 .author-hero-side img{
width: min(360px, 76vw) !important;
max-height: 420px !important;
transform: translateY(-18px) !important;
margin-inline: auto !important;
}
}
@media (max-width:640px){
body.page-about.about-static-v2 .author-page-photo,
body.page-about-static.about-static-v2 .author-page-photo,
body.page-about.about-static-v2 .author-hero-side img,
body.page-about-static.about-static-v2 .author-hero-side img{
width: min(292px, 78vw) !important;
max-height: 340px !important;
transform: translateY(-12px) !important;
}
}
/* ===== 2026-04-25 FINAL-2: about hero photo position + no blue tail below photo ===== */
body.page-about.about-static-v2 .author-hero,
body.page-about-static.about-static-v2 .author-hero{
padding: 104px 0 0 !important;
min-height: 0 !important;
overflow: hidden !important;
}
body.page-about.about-static-v2 .about-hero-grid,
body.page-about-static.about-static-v2 .about-hero-grid{
grid-template-columns: minmax(0, 600px) minmax(430px, 540px) !important;
align-items: end !important;
justify-content: center !important;
gap: 42px !important;
min-height: 0 !important;
}
body.page-about.about-static-v2 .author-copy,
body.page-about-static.about-static-v2 .author-copy{
padding-bottom: 0 !important;
}
body.page-about.about-static-v2 .author-hero-side,
body.page-about-static.about-static-v2 .author-hero-side{
align-self: end !important;
align-items: flex-end !important;
justify-content: flex-start !important;
min-height: 0 !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
}
body.page-about.about-static-v2 .author-page-photo,
body.page-about-static.about-static-v2 .author-page-photo,
body.page-about.about-static-v2 .author-hero-side img,
body.page-about-static.about-static-v2 .author-hero-side img{
width: min(500px, 100%) !important;
max-height: 600px !important;
height: auto !important;
display: block !important;
object-fit: contain !important;
object-position: bottom center !important;
margin: 0 0 -42px 0 !important;
transform: translate(26px, -42px) !important;
background: transparent !important;
box-shadow: none !important;
}
body.page-about.about-static-v2 .author-hero-side .hero-photo-card,
body.page-about-static.about-static-v2 .author-hero-side .hero-photo-card{
display: none !important;
}
@media (max-width:1180px){
body.page-about.about-static-v2 .about-hero-grid,
body.page-about-static.about-static-v2 .about-hero-grid{
grid-template-columns: minmax(0, 575px) minmax(360px, 450px) !important;
gap: 28px !important;
}
body.page-about.about-static-v2 .author-page-photo,
body.page-about-static.about-static-v2 .author-page-photo,
body.page-about.about-static-v2 .author-hero-side img,
body.page-about-static.about-static-v2 .author-hero-side img{
width: min(440px, 100%) !important;
max-height: 520px !important;
margin-bottom: -34px !important;
transform: translate(18px, -34px) !important;
}
}
@media (max-width:1080px){
body.page-about.about-static-v2 .author-hero,
body.page-about-static.about-static-v2 .author-hero{
padding-top: 96px !important;
}
body.page-about.about-static-v2 .about-hero-grid,
body.page-about-static.about-static-v2 .about-hero-grid{
grid-template-columns: 1fr !important;
gap: 4px !important;
}
body.page-about.about-static-v2 .author-hero-side,
body.page-about-static.about-static-v2 .author-hero-side{
justify-content: center !important;
}
body.page-about.about-static-v2 .author-page-photo,
body.page-about-static.about-static-v2 .author-page-photo,
body.page-about.about-static-v2 .author-hero-side img,
body.page-about-static.about-static-v2 .author-hero-side img{
width: min(360px, 76vw) !important;
max-height: 420px !important;
margin: 0 auto -20px !important;
transform: translateY(-20px) !important;
}
}
@media (max-width:640px){
body.page-about.about-static-v2 .author-hero,
body.page-about-static.about-static-v2 .author-hero{
padding-top: 90px !important;
}
body.page-about.about-static-v2 .author-page-photo,
body.page-about-static.about-static-v2 .author-page-photo,
body.page-about.about-static-v2 .author-hero-side img,
body.page-about-static.about-static-v2 .author-hero-side img{
width: min(292px, 78vw) !important;
max-height: 340px !important;
margin: 0 auto -12px !important;
transform: translateY(-12px) !important;
}
}
/* ===== 2026-04-25 FINAL: about proof panel like reference screenshot, all languages ===== */
body.page-about.about-static-v2 .author-proof-panel,
body.page-about-static.about-static-v2 .author-proof-panel{
position: relative !important;
overflow: hidden !important;
padding: clamp(30px, 3.2vw, 52px) clamp(26px, 3.5vw, 56px) !important;
border-radius: clamp(34px, 4.2vw, 60px) !important;
border: 2px solid rgba(186, 213, 255, .86) !important;
background:
radial-gradient(circle at 82% 38%, rgba(236, 246, 255, .92) 0 0, rgba(236, 246, 255, 0) 28%),
radial-gradient(circle at 18% 14%, rgba(255,255,255,.98) 0 0, rgba(255,255,255,0) 34%),
linear-gradient(180deg, #ffffff 0%, #fbfdff 100%) !important;
box-shadow:
0 30px 74px rgba(25, 72, 166, .10),
inset 0 1px 0 rgba(255,255,255,.98),
inset 0 -1px 0 rgba(95, 184, 255, .22) !important;
}
body.page-about.about-static-v2 .author-proof-panel::before,
body.page-about-static.about-static-v2 .author-proof-panel::before{
content: "" !important;
position: absolute !important;
right: -96px !important;
top: 38% !important;
width: 240px !important;
height: 240px !important;
border-radius: 50% !important;
border: 1px solid rgba(145, 196, 255, .22) !important;
box-shadow:
0 0 0 26px rgba(145, 196, 255, .08),
0 0 0 58px rgba(145, 196, 255, .05),
0 0 0 92px rgba(145, 196, 255, .035) !important;
pointer-events: none !important;
}
body.page-about.about-static-v2 .author-proof-panel::after,
body.page-about-static.about-static-v2 .author-proof-panel::after{
content: "✦" !important;
position: absolute !important;
right: 34px !important;
top: 36% !important;
color: #9cc8ff !important;
font-size: 34px !important;
line-height: 1 !important;
text-shadow: 0 10px 24px rgba(39, 117, 255, .18) !important;
pointer-events: none !important;
}
body.page-about.about-static-v2 .author-proof-panel .card-label,
body.page-about-static.about-static-v2 .author-proof-panel .card-label{
position: relative !important;
z-index: 2 !important;
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 18px !important;
width: 100% !important;
margin: 0 0 clamp(30px, 3vw, 48px) !important;
padding: clamp(18px, 2vw, 26px) clamp(22px, 2.4vw, 34px) !important;
border-radius: 999px !important;
border: 2px solid rgba(190, 217, 255, .78) !important;
background:
radial-gradient(circle at 82% 50%, rgba(222, 240, 255, .86), rgba(222, 240, 255, 0) 32%),
linear-gradient(180deg, #f7fbff 0%, #edf6ff 100%) !important;
box-shadow:
0 18px 38px rgba(33, 101, 219, .12),
inset 0 1px 0 rgba(255,255,255,.96) !important;
color: #145be8 !important;
font-size: clamp(16px, 1.5vw, 28px) !important;
line-height: 1.32 !important;
font-weight: 900 !important;
letter-spacing: .07em !important;
text-transform: uppercase !important;
}
body.page-about.about-static-v2 .author-proof-panel .card-label::after,
body.page-about-static.about-static-v2 .author-proof-panel .card-label::after{
content: "✦" !important;
flex: 0 0 auto !important;
color: #8bbfff !important;
font-size: 34px !important;
line-height: 1 !important;
}
body.page-about.about-static-v2 .author-proof-list,
body.page-about-static.about-static-v2 .author-proof-list{
position: relative !important;
z-index: 2 !important;
display: grid !important;
gap: clamp(20px, 2.4vw, 32px) !important;
margin: 0 !important;
padding: 0 0 clamp(30px, 3vw, 48px) !important;
list-style: none !important;
border-bottom: 1px solid rgba(179, 211, 255, .68) !important;
}
body.page-about.about-static-v2 .author-proof-list li,
body.page-about-static.about-static-v2 .author-proof-list li{
position: relative !important;
margin: 0 !important;
padding: 0 0 0 clamp(40px, 4vw, 58px) !important;
color: #081d55 !important;
font-size: clamp(18px, 1.8vw, 31px) !important;
line-height: 1.52 !important;
font-weight: 500 !important;
letter-spacing: -.02em !important;
}
body.page-about.about-static-v2 .author-proof-list li::marker,
body.page-about-static.about-static-v2 .author-proof-list li::marker{
content: "" !important;
}
body.page-about.about-static-v2 .author-proof-list li::before,
body.page-about-static.about-static-v2 .author-proof-list li::before{
content: "" !important;
position: absolute !important;
left: 4px !important;
top: .62em !important;
width: 13px !important;
height: 13px !important;
border-radius: 50% !important;
background: radial-gradient(circle at 35% 35%, #ffffff 0 8%, #60b7ff 28%, #075cff 74%) !important;
box-shadow: 0 0 0 7px rgba(77, 161, 255, .10), 0 8px 18px rgba(0, 92, 255, .28) !important;
}
body.page-about.about-static-v2 .author-contact-box,
body.page-about-static.about-static-v2 .author-contact-box{
position: relative !important;
z-index: 2 !important;
margin: clamp(28px, 3vw, 46px) 0 0 !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
body.page-about.about-static-v2 .author-contact-box::before,
body.page-about-static.about-static-v2 .author-contact-box::before{
content: "" !important;
display: inline-grid !important;
place-items: center !important;
float: left !important;
width: 64px !important;
height: 64px !important;
margin: 0 24px 12px 0 !important;
border-radius: 50% !important;
background:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5 18.5V20l3-1.7h7.2c2.7 0 4.8-2 4.8-4.5v-3.1C20 8.2 17.9 6.2 15.2 6.2H8.8C6.1 6.2 4 8.2 4 10.7v3.1c0 1.9 1.2 3.6 3 4.3' stroke='%23145be8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.2 12.4h.1M12 12.4h.1M15.8 12.4h.1' stroke='%23145be8' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") center/34px 34px no-repeat,
radial-gradient(circle at 34% 25%, #ffffff 0, #eef7ff 56%, #dbeeff 100%) !important;
box-shadow: 0 14px 28px rgba(15, 94, 230, .12) !important;
}
body.page-about.about-static-v2 .author-contact-box .footer-title,
body.page-about-static.about-static-v2 .author-contact-box .footer-title{
display: block !important;
margin: 0 0 18px !important;
color: #1258e5 !important;
font-size: clamp(20px, 2vw, 30px) !important;
line-height: 1.15 !important;
font-weight: 900 !important;
text-transform: uppercase !important;
letter-spacing: .06em !important;
}
body.page-about.about-static-v2 .author-contact-box p,
body.page-about-static.about-static-v2 .author-contact-box p{
clear: both !important;
margin: 18px 0 0 !important;
color: #10235c !important;
font-size: clamp(18px, 1.75vw, 30px) !important;
line-height: 1.5 !important;
letter-spacing: -.02em !important;
}
body.page-about.about-static-v2 .side-contact-list,
body.page-about-static.about-static-v2 .side-contact-list{
display: grid !important;
gap: 16px !important;
margin: clamp(24px, 2.5vw, 34px) 0 clamp(24px, 2.6vw, 36px) !important;
}
body.page-about.about-static-v2 .side-contact-list a,
body.page-about-static.about-static-v2 .side-contact-list a{
position: relative !important;
display: inline-flex !important;
align-items: center !important;
min-height: 48px !important;
padding-left: 70px !important;
color: #095bea !important;
font-size: clamp(20px, 2vw, 30px) !important;
line-height: 1.22 !important;
font-weight: 900 !important;
letter-spacing: -.03em !important;
overflow-wrap: anywhere !important;
}
body.page-about.about-static-v2 .side-contact-list a::before,
body.page-about-static.about-static-v2 .side-contact-list a::before{
content: "" !important;
position: absolute !important;
left: 0 !important;
top: 50% !important;
width: 52px !important;
height: 52px !important;
transform: translateY(-50%) !important;
border-radius: 50% !important;
background:
radial-gradient(circle at 34% 25%, #ffffff 0, #eff7ff 54%, #dceeff 100%) !important;
box-shadow: 0 12px 22px rgba(15, 94, 230, .10) !important;
}
body.page-about.about-static-v2 .side-contact-list a[href^="mailto:"]::after,
body.page-about-static.about-static-v2 .side-contact-list a[href^="mailto:"]::after{
content: "" !important;
position: absolute !important;
left: 13px !important;
top: 50% !important;
width: 26px !important;
height: 26px !important;
transform: translateY(-50%) !important;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M4 6.5h16v11H4v-11Z' stroke='%23145be8' stroke-width='1.9'/%3E%3Cpath d='m5 7.5 7 5.2 7-5.2' stroke='%23145be8' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat !important;
}
body.page-about.about-static-v2 .side-contact-list a[href*="t.me"]::after,
body.page-about-static.about-static-v2 .side-contact-list a[href*="t.me"]::after{
content: "" !important;
position: absolute !important;
left: 13px !important;
top: 50% !important;
width: 27px !important;
height: 27px !important;
transform: translateY(-50%) !important;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M20.5 4.5 3.8 11.1c-1 .4-.9 1.8.2 2.1l4.3 1.2 1.6 4.9c.3.9 1.5 1.1 2 .3l2.4-3.1 4.4 3.2c.8.6 1.9.1 2-1l2.1-12.4c.2-1.1-.9-1.9-2-1.5Z' stroke='%23145be8' stroke-width='1.8' stroke-linejoin='round'/%3E%3Cpath d='m8.5 14.2 7.1-5.1' stroke='%23145be8' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat !important;
}
body.page-about.about-static-v2 .author-contact-actions,
body.page-about-static.about-static-v2 .author-contact-actions{
display: grid !important;
grid-template-columns: 1fr !important;
gap: 18px !important;
margin: 0 !important;
}
body.page-about.about-static-v2 .author-contact-actions .btn,
body.page-about-static.about-static-v2 .author-contact-actions .btn{
justify-content: space-between !important;
width: 100% !important;
min-height: 82px !important;
padding: 0 34px !important;
border-radius: 26px !important;
font-size: clamp(20px, 2vw, 30px) !important;
font-weight: 900 !important;
}
body.page-about.about-static-v2 .author-contact-actions .btn-primary,
body.page-about-static.about-static-v2 .author-contact-actions .btn-primary{
background: linear-gradient(135deg, #178aff 0%, #22dbf5 54%, #e8fbff 100%) !important;
color: #062058 !important;
border: 2px solid rgba(88, 183, 255, .9) !important;
box-shadow: 0 18px 34px rgba(0, 128, 255, .20), inset 0 1px 0 rgba(255,255,255,.7) !important;
}
body.page-about.about-static-v2 .author-contact-actions .btn-secondary,
body.page-about-static.about-static-v2 .author-contact-actions .btn-secondary{
background: rgba(255,255,255,.86) !important;
color: #0b58e7 !important;
border: 2px solid rgba(190, 217, 255, .82) !important;
box-shadow: 0 12px 26px rgba(25, 72, 166, .08), inset 0 1px 0 rgba(255,255,255,.88) !important;
}
@media (max-width: 1080px){
body.page-about.about-static-v2 .author-proof-panel,
body.page-about-static.about-static-v2 .author-proof-panel{
padding: 30px 24px !important;
border-radius: 34px !important;
}
body.page-about.about-static-v2 .author-proof-list li,
body.page-about-static.about-static-v2 .author-proof-list li{
font-size: 18px !important;
padding-left: 38px !important;
}
body.page-about.about-static-v2 .author-contact-box p,
body.page-about-static.about-static-v2 .author-contact-box p{
font-size: 18px !important;
}
body.page-about.about-static-v2 .side-contact-list a,
body.page-about-static.about-static-v2 .side-contact-list a{
font-size: 20px !important;
}
}
@media (max-width: 640px){
body.page-about.about-static-v2 .author-proof-panel .card-label,
body.page-about-static.about-static-v2 .author-proof-panel .card-label{
border-radius: 28px !important;
align-items: flex-start !important;
font-size: 15px !important;
}
body.page-about.about-static-v2 .author-contact-actions .btn,
body.page-about-static.about-static-v2 .author-contact-actions .btn{
min-height: 66px !important;
border-radius: 20px !important;
padding: 0 22px !important;
font-size: 20px !important;
}
body.page-about.about-static-v2 .side-contact-list a,
body.page-about-static.about-static-v2 .side-contact-list a{
padding-left: 58px !important;
font-size: 18px !important;
}
body.page-about.about-static-v2 .side-contact-list a::before,
body.page-about-static.about-static-v2 .side-contact-list a::before{
width: 44px !important;
height: 44px !important;
}
}
/* ===== 2026-04-25 compact about proof banner hotfix ===== */
body.page-about .author-story-grid,
body.page-about-static .author-story-grid,
body.page-about.about-static-v2 .author-story-grid,
body.page-about-static.about-static-v2 .author-story-grid{
grid-template-columns: minmax(0,1fr) 360px !important;
gap: 22px !important;
align-items: start !important;
}
body.page-about .author-proof-panel,
body.page-about-static .author-proof-panel,
body.page-about.about-static-v2 .author-proof-panel,
body.page-about-static.about-static-v2 .author-proof-panel{
position: sticky !important;
top: 96px !important;
overflow: hidden !important;
padding: 18px 18px 16px !important;
border-radius: 24px !important;
border: 1px solid rgba(190,214,255,.95) !important;
background: linear-gradient(180deg,#ffffff 0%,#fbfdff 100%) !important;
box-shadow: 0 16px 40px rgba(25,72,166,.08), inset 0 1px 0 rgba(255,255,255,.95) !important;
}
body.page-about .author-proof-panel::before,
body.page-about-static .author-proof-panel::before,
body.page-about.about-static-v2 .author-proof-panel::before,
body.page-about-static.about-static-v2 .author-proof-panel::before{
content: '' !important;
position: absolute !important;
right: -56px !important;
top: 168px !important;
width: 126px !important;
height: 126px !important;
border-radius: 50% !important;
border: 1px solid rgba(175,207,255,.35) !important;
box-shadow: 0 0 0 16px rgba(175,207,255,.10), 0 0 0 34px rgba(175,207,255,.06) !important;
pointer-events: none !important;
}
body.page-about .author-proof-panel::after,
body.page-about-static .author-proof-panel::after,
body.page-about.about-static-v2 .author-proof-panel::after,
body.page-about-static.about-static-v2 .author-proof-panel::after{
content: '✦' !important;
position: absolute !important;
right: 18px !important;
top: 152px !important;
font-size: 18px !important;
line-height: 1 !important;
color: #a7cbff !important;
text-shadow: 0 6px 14px rgba(39,117,255,.14) !important;
pointer-events: none !important;
}
body.page-about .author-proof-panel .card-label,
body.page-about-static .author-proof-panel .card-label,
body.page-about.about-static-v2 .author-proof-panel .card-label,
body.page-about-static.about-static-v2 .author-proof-panel .card-label{
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 10px !important;
margin: 0 0 14px !important;
padding: 14px 18px !important;
border-radius: 999px !important;
border: 1px solid rgba(190,214,255,.9) !important;
background: linear-gradient(180deg,#f8fbff 0%,#eef6ff 100%) !important;
box-shadow: 0 10px 24px rgba(33,101,219,.10), inset 0 1px 0 rgba(255,255,255,.98) !important;
color: #1359e7 !important;
font-size: 14px !important;
line-height: 1.4 !important;
font-weight: 900 !important;
letter-spacing: .05em !important;
text-transform: uppercase !important;
}
body.page-about .author-proof-panel .card-label::after,
body.page-about-static .author-proof-panel .card-label::after,
body.page-about.about-static-v2 .author-proof-panel .card-label::after,
body.page-about-static.about-static-v2 .author-proof-panel .card-label::after{
content: '✦' !important;
flex: 0 0 auto !important;
font-size: 20px !important;
color: #8cbfff !important;
}
body.page-about .author-proof-list,
body.page-about-static .author-proof-list,
body.page-about.about-static-v2 .author-proof-list,
body.page-about-static.about-static-v2 .author-proof-list{
display: grid !important;
gap: 14px !important;
margin: 0 !important;
padding: 0 0 16px !important;
list-style: none !important;
border-bottom: 1px solid rgba(179,211,255,.72) !important;
}
body.page-about .author-proof-list li,
body.page-about-static .author-proof-list li,
body.page-about.about-static-v2 .author-proof-list li,
body.page-about-static.about-static-v2 .author-proof-list li{
position: relative !important;
margin: 0 !important;
padding: 0 0 0 24px !important;
color: #0f2458 !important;
font-size: 15px !important;
line-height: 1.55 !important;
font-weight: 500 !important;
letter-spacing: -.01em !important;
}
body.page-about .author-proof-list li::before,
body.page-about-static .author-proof-list li::before,
body.page-about.about-static-v2 .author-proof-list li::before,
body.page-about-static.about-static-v2 .author-proof-list li::before{
content: '' !important;
position: absolute !important;
left: 2px !important;
top: .58em !important;
width: 9px !important;
height: 9px !important;
border-radius: 50% !important;
background: radial-gradient(circle at 35% 35%, #fff 0 10%, #63bbff 32%, #0a5dff 76%) !important;
box-shadow: 0 0 0 5px rgba(77,161,255,.10), 0 6px 12px rgba(0,92,255,.18) !important;
}
body.page-about .author-contact-box,
body.page-about-static .author-contact-box,
body.page-about.about-static-v2 .author-contact-box,
body.page-about-static.about-static-v2 .author-contact-box{
margin: 14px 0 0 !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
body.page-about .author-contact-box::before,
body.page-about-static .author-contact-box::before,
body.page-about.about-static-v2 .author-contact-box::before,
body.page-about-static.about-static-v2 .author-contact-box::before{
content: '' !important;
display: inline-grid !important;
place-items: center !important;
float: left !important;
width: 42px !important;
height: 42px !important;
margin: 0 14px 8px 0 !important;
border-radius: 50% !important;
background: radial-gradient(circle at 34% 25%, #ffffff 0, #eef7ff 56%, #dbeeff 100%) !important;
box-shadow: 0 10px 20px rgba(15,94,230,.10) !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5 18.5V20l3-1.7h7.2c2.7 0 4.8-2 4.8-4.5v-3.1C20 8.2 17.9 6.2 15.2 6.2H8.8C6.1 6.2 4 8.2 4 10.7v3.1c0 1.9 1.2 3.6 3 4.3' stroke='%23145be8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.2 12.4h.1M12 12.4h.1M15.8 12.4h.1' stroke='%23145be8' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: 22px 22px !important;
}
body.page-about .author-contact-box .footer-title,
body.page-about-static .author-contact-box .footer-title,
body.page-about.about-static-v2 .author-contact-box .footer-title,
body.page-about-static.about-static-v2 .author-contact-box .footer-title{
display: block !important;
margin: 0 0 8px !important;
color: #1359e7 !important;
font-size: 15px !important;
line-height: 1.2 !important;
font-weight: 900 !important;
letter-spacing: .06em !important;
text-transform: uppercase !important;
}
body.page-about .author-contact-box p,
body.page-about-static .author-contact-box p,
body.page-about.about-static-v2 .author-contact-box p,
body.page-about-static.about-static-v2 .author-contact-box p{
clear: both !important;
margin: 10px 0 0 !important;
color: #10235c !important;
font-size: 14px !important;
line-height: 1.55 !important;
letter-spacing: -.01em !important;
}
body.page-about .side-contact-list,
body.page-about-static .side-contact-list,
body.page-about.about-static-v2 .side-contact-list,
body.page-about-static.about-static-v2 .side-contact-list{
display: grid !important;
gap: 10px !important;
margin: 14px 0 16px !important;
}
body.page-about .side-contact-list a,
body.page-about-static .side-contact-list a,
body.page-about.about-static-v2 .side-contact-list a,
body.page-about-static.about-static-v2 .side-contact-list a{
position: relative !important;
display: inline-flex !important;
align-items: center !important;
min-height: 36px !important;
padding-left: 46px !important;
color: #0a5bea !important;
font-size: 14px !important;
line-height: 1.3 !important;
font-weight: 900 !important;
overflow-wrap: anywhere !important;
}
body.page-about .side-contact-list a::before,
body.page-about-static .side-contact-list a::before,
body.page-about.about-static-v2 .side-contact-list a::before,
body.page-about-static.about-static-v2 .side-contact-list a::before{
content: '' !important;
position: absolute !important;
left: 0 !important;
top: 50% !important;
width: 36px !important;
height: 36px !important;
transform: translateY(-50%) !important;
border-radius: 50% !important;
background: radial-gradient(circle at 34% 25%, #ffffff 0, #eff7ff 54%, #dceeff 100%) !important;
box-shadow: 0 8px 16px rgba(15,94,230,.08) !important;
}
body.page-about .side-contact-list a[href^="mailto:"]::after,
body.page-about-static .side-contact-list a[href^="mailto:"]::after,
body.page-about.about-static-v2 .side-contact-list a[href^="mailto:"]::after,
body.page-about-static.about-static-v2 .side-contact-list a[href^="mailto:"]::after{
content: '' !important;
position: absolute !important;
left: 9px !important;
top: 50% !important;
width: 18px !important;
height: 18px !important;
transform: translateY(-50%) !important;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M4 6.5h16v11H4v-11Z' stroke='%23145be8' stroke-width='1.9'/%3E%3Cpath d='m5 7.5 7 5.2 7-5.2' stroke='%23145be8' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat !important;
}
body.page-about .side-contact-list a[href*="t.me"]::after,
body.page-about-static .side-contact-list a[href*="t.me"]::after,
body.page-about.about-static-v2 .side-contact-list a[href*="t.me"]::after,
body.page-about-static.about-static-v2 .side-contact-list a[href*="t.me"]::after{
content: '' !important;
position: absolute !important;
left: 9px !important;
top: 50% !important;
width: 18px !important;
height: 18px !important;
transform: translateY(-50%) !important;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M20.5 4.5 3.8 11.1c-1 .4-.9 1.8.2 2.1l4.3 1.2 1.6 4.9c.3.9 1.5 1.1 2 .3l2.4-3.1 4.4 3.2c.8.6 1.9.1 2-1l2.1-12.4c.2-1.1-.9-1.9-2-1.5Z' stroke='%23145be8' stroke-width='1.8' stroke-linejoin='round'/%3E%3Cpath d='m8.5 14.2 7.1-5.1' stroke='%23145be8' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat !important;
}
body.page-about .author-contact-actions,
body.page-about-static .author-contact-actions,
body.page-about.about-static-v2 .author-contact-actions,
body.page-about-static.about-static-v2 .author-contact-actions{
display: grid !important;
grid-template-columns: 1fr !important;
gap: 10px !important;
margin: 0 !important;
}
body.page-about .author-contact-actions .btn,
body.page-about-static .author-contact-actions .btn,
body.page-about.about-static-v2 .author-contact-actions .btn,
body.page-about-static.about-static-v2 .author-contact-actions .btn{
justify-content: space-between !important;
width: 100% !important;
min-height: 54px !important;
padding: 0 18px !important;
border-radius: 18px !important;
font-size: 14px !important;
font-weight: 900 !important;
}
body.page-about .author-contact-actions .btn-primary,
body.page-about-static .author-contact-actions .btn-primary,
body.page-about.about-static-v2 .author-contact-actions .btn-primary,
body.page-about-static.about-static-v2 .author-contact-actions .btn-primary{
background: linear-gradient(135deg,#178aff 0%,#22dbf5 58%,#ddfbff 100%) !important;
color: #062058 !important;
border: 1px solid rgba(88,183,255,.9) !important;
box-shadow: 0 12px 22px rgba(0,128,255,.14), inset 0 1px 0 rgba(255,255,255,.7) !important;
}
body.page-about .author-contact-actions .btn-secondary,
body.page-about-static .author-contact-actions .btn-secondary,
body.page-about.about-static-v2 .author-contact-actions .btn-secondary,
body.page-about-static.about-static-v2 .author-contact-actions .btn-secondary{
background: rgba(255,255,255,.86) !important;
color: #0b58e7 !important;
border: 1px solid rgba(190,217,255,.82) !important;
box-shadow: 0 8px 18px rgba(25,72,166,.06), inset 0 1px 0 rgba(255,255,255,.88) !important;
}
@media (max-width: 1080px){
body.page-about .author-story-grid,
body.page-about-static .author-story-grid,
body.page-about.about-static-v2 .author-story-grid,
body.page-about-static.about-static-v2 .author-story-grid{
grid-template-columns: 1fr !important;
}
body.page-about .author-proof-panel,
body.page-about-static .author-proof-panel,
body.page-about.about-static-v2 .author-proof-panel,
body.page-about-static.about-static-v2 .author-proof-panel{
position: static !important;
max-width: 540px !important;
margin: 0 auto !important;
}
}
@media (max-width: 640px){
body.page-about .author-proof-panel,
body.page-about-static .author-proof-panel,
body.page-about.about-static-v2 .author-proof-panel,
body.page-about-static.about-static-v2 .author-proof-panel{
padding: 16px 14px 14px !important;
border-radius: 20px !important;
}
body.page-about .author-proof-panel .card-label,
body.page-about-static .author-proof-panel .card-label,
body.page-about.about-static-v2 .author-proof-panel .card-label,
body.page-about-static.about-static-v2 .author-proof-panel .card-label{
padding: 12px 14px !important;
font-size: 12px !important;
}
body.page-about .author-proof-list li,
body.page-about-static .author-proof-list li,
body.page-about.about-static-v2 .author-proof-list li,
body.page-about-static.about-static-v2 .author-proof-list li{
font-size: 14px !important;
}
}
/* ===== 2026-04-25 about useful entry points block: screenshot layout + compact spacing ===== */
body.page-about .section-author-prooflinks,
body.page-about-static .section-author-prooflinks,
body.page-about.about-static-v2 .section-author-prooflinks,
body.page-about-static.about-static-v2 .section-author-prooflinks{
position: relative !important;
padding: 28px 0 44px !important;
margin: 0 !important;
overflow: hidden !important;
background:
radial-gradient(circle at 50% 0%, rgba(255,255,255,.98) 0, rgba(247,251,255,.92) 48%, rgba(246,250,255,.98) 100%) !important;
}
body.page-about .section-author-prooflinks .container,
body.page-about-static .section-author-prooflinks .container,
body.page-about.about-static-v2 .section-author-prooflinks .container,
body.page-about-static.about-static-v2 .section-author-prooflinks .container{
width: min(1760px, calc(100% - 72px)) !important;
max-width: 1760px !important;
}
body.page-about .section-author-prooflinks .section-center-head,
body.page-about-static .section-author-prooflinks .section-center-head,
body.page-about.about-static-v2 .section-author-prooflinks .section-center-head,
body.page-about-static.about-static-v2 .section-author-prooflinks .section-center-head{
margin: 0 auto 58px !important;
text-align: center !important;
}
body.page-about .section-author-prooflinks .section-kicker,
body.page-about-static .section-author-prooflinks .section-kicker,
body.page-about.about-static-v2 .section-author-prooflinks .section-kicker,
body.page-about-static.about-static-v2 .section-author-prooflinks .section-kicker{
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 52px !important;
padding: 12px 34px !important;
border-radius: 999px !important;
background: linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(243,248,255,.96) 100%) !important;
border: 1px solid rgba(204,220,255,.9) !important;
color: #145be8 !important;
box-shadow:
0 14px 34px rgba(23, 79, 190, .12),
inset 0 1px 0 rgba(255,255,255,.95) !important;
font-size: clamp(14px, 1.1vw, 22px) !important;
line-height: 1 !important;
font-weight: 900 !important;
letter-spacing: .16em !important;
text-transform: uppercase !important;
}
body.page-about .section-author-prooflinks h2,
body.page-about-static .section-author-prooflinks h2,
body.page-about.about-static-v2 .section-author-prooflinks h2,
body.page-about-static.about-static-v2 .section-author-prooflinks h2{
margin: 38px 0 0 !important;
color: #061f5d !important;
font-size: clamp(44px, 4.65vw, 86px) !important;
line-height: .98 !important;
font-weight: 900 !important;
letter-spacing: -.065em !important;
}
body.page-about .section-author-prooflinks .directory-grid,
body.page-about-static .section-author-prooflinks .directory-grid,
body.page-about.about-static-v2 .section-author-prooflinks .directory-grid,
body.page-about-static.about-static-v2 .section-author-prooflinks .directory-grid{
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 42px !important;
margin: 0 !important;
align-items: stretch !important;
}
body.page-about .section-author-prooflinks .directory-link,
body.page-about-static .section-author-prooflinks .directory-link,
body.page-about.about-static-v2 .section-author-prooflinks .directory-link,
body.page-about-static.about-static-v2 .section-author-prooflinks .directory-link{
position: relative !important;
min-height: 170px !important;
display: grid !important;
grid-template-columns: 112px 1px minmax(0,1fr) 58px !important;
align-items: center !important;
gap: 28px !important;
padding: 34px 30px 34px 34px !important;
border-radius: 34px !important;
background:
radial-gradient(circle at 14% 34%, rgba(248,251,255,.98) 0, rgba(255,255,255,.98) 42%, rgba(255,255,255,.92) 100%),
linear-gradient(180deg, #ffffff 0%, #fbfdff 100%) !important;
border: 1px solid rgba(207, 220, 247, .95) !important;
box-shadow:
0 28px 64px rgba(9, 39, 122, .09),
inset 0 1px 0 rgba(255,255,255,.98) !important;
color: #061f5d !important;
overflow: hidden !important;
transform: none !important;
}
body.page-about .section-author-prooflinks .directory-link:hover,
body.page-about-static .section-author-prooflinks .directory-link:hover,
body.page-about.about-static-v2 .section-author-prooflinks .directory-link:hover,
body.page-about-static.about-static-v2 .section-author-prooflinks .directory-link:hover{
transform: translateY(-2px) !important;
box-shadow:
0 34px 72px rgba(9, 39, 122, .12),
inset 0 1px 0 rgba(255,255,255,.98) !important;
}
body.page-about .section-author-prooflinks .directory-link::before,
body.page-about-static .section-author-prooflinks .directory-link::before,
body.page-about.about-static-v2 .section-author-prooflinks .directory-link::before,
body.page-about-static.about-static-v2 .section-author-prooflinks .directory-link::before{
content: "" !important;
grid-column: 1 !important;
grid-row: 1 / span 2 !important;
width: 92px !important;
height: 92px !important;
border-radius: 22px !important;
background:
var(--entry-icon) center/48px 48px no-repeat,
radial-gradient(circle at 34% 22%, #ffffff 0%, #f1f7ff 48%, #e7f0ff 100%) !important;
box-shadow: 0 18px 36px rgba(12, 73, 188, .08), inset 0 1px 0 rgba(255,255,255,.98) !important;
}
body.page-about .section-author-prooflinks .directory-link::after,
body.page-about-static .section-author-prooflinks .directory-link::after,
body.page-about.about-static-v2 .section-author-prooflinks .directory-link::after,
body.page-about-static.about-static-v2 .section-author-prooflinks .directory-link::after{
content: "→" !important;
grid-column: 4 !important;
grid-row: 1 / span 2 !important;
width: 50px !important;
height: 50px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
justify-self: end !important;
border-radius: 50% !important;
border: 1px solid rgba(204, 220, 255, .96) !important;
background: rgba(255,255,255,.84) !important;
box-shadow: 0 12px 28px rgba(13,70,184,.08), inset 0 1px 0 rgba(255,255,255,.98) !important;
color: #0a5dff !important;
font-size: 34px !important;
line-height: 1 !important;
font-weight: 400 !important;
}
body.page-about .section-author-prooflinks .directory-link span,
body.page-about-static .section-author-prooflinks .directory-link span,
body.page-about.about-static-v2 .section-author-prooflinks .directory-link span,
body.page-about-static.about-static-v2 .section-author-prooflinks .directory-link span{
grid-column: 3 !important;
grid-row: 1 !important;
display: block !important;
margin: 0 0 10px !important;
color: #061f5d !important;
font-size: clamp(25px, 2.15vw, 42px) !important;
line-height: 1.04 !important;
font-weight: 900 !important;
letter-spacing: -.065em !important;
}
body.page-about .section-author-prooflinks .directory-link strong,
body.page-about-static .section-author-prooflinks .directory-link strong,
body.page-about.about-static-v2 .section-author-prooflinks .directory-link strong,
body.page-about-static.about-static-v2 .section-author-prooflinks .directory-link strong{
grid-column: 3 !important;
grid-row: 2 !important;
display: block !important;
margin: 0 !important;
color: #0a5dff !important;
font-size: clamp(14px, 1.05vw, 20px) !important;
line-height: 1.35 !important;
font-weight: 800 !important;
letter-spacing: -.02em !important;
}
body.page-about .section-author-prooflinks .directory-link > *:not(span):not(strong),
body.page-about-static .section-author-prooflinks .directory-link > *:not(span):not(strong),
body.page-about.about-static-v2 .section-author-prooflinks .directory-link > *:not(span):not(strong),
body.page-about-static.about-static-v2 .section-author-prooflinks .directory-link > *:not(span):not(strong){
grid-column: 3 !important;
}
body.page-about .section-author-prooflinks .directory-link{
--entry-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none'%3E%3Crect x='12' y='14' width='36' height='30' rx='4' stroke='%23145BE8' stroke-width='4'/%3E%3Cpath d='M12 24h36M18 34h13' stroke='%23145BE8' stroke-width='4' stroke-linecap='round'/%3E%3Ccircle cx='45' cy='43' r='11' stroke='%23145BE8' stroke-width='4'/%3E%3Cpath d='M34 43h22M45 32c3 3 4.5 7 4.5 11S48 51 45 54M45 32c-3 3-4.5 7-4.5 11S42 51 45 54' stroke='%23145BE8' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}
body.page-about .section-author-prooflinks .directory-link:nth-child(2),
body.page-about-static .section-author-prooflinks .directory-link:nth-child(2),
body.page-about.about-static-v2 .section-author-prooflinks .directory-link:nth-child(2),
body.page-about-static.about-static-v2 .section-author-prooflinks .directory-link:nth-child(2){
--entry-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none'%3E%3Crect x='13' y='13' width='15' height='15' rx='3' stroke='%23145BE8' stroke-width='4'/%3E%3Crect x='36' y='13' width='15' height='15' rx='3' stroke='%23145BE8' stroke-width='4'/%3E%3Crect x='13' y='36' width='15' height='15' rx='3' stroke='%23145BE8' stroke-width='4'/%3E%3Crect x='36' y='36' width='15' height='15' rx='3' stroke='%23145BE8' stroke-width='4'/%3E%3C/svg%3E") !important;
}
body.page-about .section-author-prooflinks .directory-link:nth-child(3),
body.page-about-static .section-author-prooflinks .directory-link:nth-child(3),
body.page-about.about-static-v2 .section-author-prooflinks .directory-link:nth-child(3),
body.page-about-static.about-static-v2 .section-author-prooflinks .directory-link:nth-child(3){
--entry-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none'%3E%3Cpath d='M18 36v-7c0-8 6-14 14-14s14 6 14 14v7' stroke='%23145BE8' stroke-width='4' stroke-linecap='round'/%3E%3Crect x='12' y='32' width='10' height='16' rx='4' stroke='%23145BE8' stroke-width='4'/%3E%3Crect x='42' y='32' width='10' height='16' rx='4' stroke='%23145BE8' stroke-width='4'/%3E%3Cpath d='M46 48c-2 5-6 7-13 7h-4' stroke='%23145BE8' stroke-width='4' stroke-linecap='round'/%3E%3Ccircle cx='27' cy='55' r='3' fill='%23145BE8'/%3E%3C/svg%3E") !important;
}
body.page-about .section-author-prooflinks .directory-link span::before,
body.page-about-static .section-author-prooflinks .directory-link span::before,
body.page-about.about-static-v2 .section-author-prooflinks .directory-link span::before,
body.page-about-static.about-static-v2 .section-author-prooflinks .directory-link span::before{
content: "" !important;
position: absolute !important;
left: 146px !important;
top: 38px !important;
bottom: 38px !important;
width: 1px !important;
background: rgba(204, 220, 255, .85) !important;
}
@media (max-width: 1300px){
body.page-about .section-author-prooflinks .directory-grid,
body.page-about-static .section-author-prooflinks .directory-grid,
body.page-about.about-static-v2 .section-author-prooflinks .directory-grid,
body.page-about-static.about-static-v2 .section-author-prooflinks .directory-grid{
gap: 24px !important;
}
body.page-about .section-author-prooflinks .directory-link,
body.page-about-static .section-author-prooflinks .directory-link,
body.page-about.about-static-v2 .section-author-prooflinks .directory-link,
body.page-about-static.about-static-v2 .section-author-prooflinks .directory-link{
grid-template-columns: 92px 1px minmax(0,1fr) 46px !important;
gap: 20px !important;
padding: 28px 24px !important;
}
body.page-about .section-author-prooflinks .directory-link::before,
body.page-about-static .section-author-prooflinks .directory-link::before,
body.page-about.about-static-v2 .section-author-prooflinks .directory-link::before,
body.page-about-static.about-static-v2 .section-author-prooflinks .directory-link::before{
width: 82px !important;
height: 82px !important;
background-size: 42px 42px !important;
}
body.page-about .section-author-prooflinks .directory-link span::before,
body.page-about-static .section-author-prooflinks .directory-link span::before,
body.page-about.about-static-v2 .section-author-prooflinks .directory-link span::before,
body.page-about-static.about-static-v2 .section-author-prooflinks .directory-link span::before{
left: 120px !important;
}
}
@media (max-width: 980px){
body.page-about .section-author-prooflinks,
body.page-about-static .section-author-prooflinks,
body.page-about.about-static-v2 .section-author-prooflinks,
body.page-about-static.about-static-v2 .section-author-prooflinks{
padding: 24px 0 34px !important;
}
body.page-about .section-author-prooflinks .container,
body.page-about-static .section-author-prooflinks .container,
body.page-about.about-static-v2 .section-author-prooflinks .container,
body.page-about-static.about-static-v2 .section-author-prooflinks .container{
width: min(760px, calc(100% - 32px)) !important;
}
body.page-about .section-author-prooflinks .section-center-head,
body.page-about-static .section-author-prooflinks .section-center-head,
body.page-about.about-static-v2 .section-author-prooflinks .section-center-head,
body.page-about-static.about-static-v2 .section-author-prooflinks .section-center-head{
margin-bottom: 28px !important;
}
body.page-about .section-author-prooflinks h2,
body.page-about-static .section-author-prooflinks h2,
body.page-about.about-static-v2 .section-author-prooflinks h2,
body.page-about-static.about-static-v2 .section-author-prooflinks h2{
margin-top: 22px !important;
}
body.page-about .section-author-prooflinks .directory-grid,
body.page-about-static .section-author-prooflinks .directory-grid,
body.page-about.about-static-v2 .section-author-prooflinks .directory-grid,
body.page-about-static.about-static-v2 .section-author-prooflinks .directory-grid{
grid-template-columns: 1fr !important;
gap: 16px !important;
}
body.page-about .section-author-prooflinks .directory-link,
body.page-about-static .section-author-prooflinks .directory-link,
body.page-about.about-static-v2 .section-author-prooflinks .directory-link,
body.page-about-static.about-static-v2 .section-author-prooflinks .directory-link{
min-height: 138px !important;
border-radius: 26px !important;
}
}
@media (max-width: 560px){
body.page-about .section-author-prooflinks .container,
body.page-about-static .section-author-prooflinks .container,
body.page-about.about-static-v2 .section-author-prooflinks .container,
body.page-about-static.about-static-v2 .section-author-prooflinks .container{
width: calc(100% - 24px) !important;
}
body.page-about .section-author-prooflinks .section-kicker,
body.page-about-static .section-author-prooflinks .section-kicker,
body.page-about.about-static-v2 .section-author-prooflinks .section-kicker,
body.page-about-static.about-static-v2 .section-author-prooflinks .section-kicker{
min-height: 42px !important;
padding: 10px 18px !important;
letter-spacing: .1em !important;
}
body.page-about .section-author-prooflinks .directory-link,
body.page-about-static .section-author-prooflinks .directory-link,
body.page-about.about-static-v2 .section-author-prooflinks .directory-link,
body.page-about-static.about-static-v2 .section-author-prooflinks .directory-link{
grid-template-columns: 72px minmax(0,1fr) 40px !important;
gap: 14px !important;
min-height: 116px !important;
padding: 22px 18px !important;
border-radius: 22px !important;
}
body.page-about .section-author-prooflinks .directory-link::before,
body.page-about-static .section-author-prooflinks .directory-link::before,
body.page-about.about-static-v2 .section-author-prooflinks .directory-link::before,
body.page-about-static.about-static-v2 .section-author-prooflinks .directory-link::before{
width: 62px !important;
height: 62px !important;
border-radius: 18px !important;
background-size: 32px 32px !important;
}
body.page-about .section-author-prooflinks .directory-link::after,
body.page-about-static .section-author-prooflinks .directory-link::after,
body.page-about.about-static-v2 .section-author-prooflinks .directory-link::after,
body.page-about-static.about-static-v2 .section-author-prooflinks .directory-link::after{
width: 38px !important;
height: 38px !important;
font-size: 25px !important;
grid-column: 3 !important;
}
body.page-about .section-author-prooflinks .directory-link span,
body.page-about-static .section-author-prooflinks .directory-link span,
body.page-about.about-static-v2 .section-author-prooflinks .directory-link span,
body.page-about-static.about-static-v2 .section-author-prooflinks .directory-link span,
body.page-about .section-author-prooflinks .directory-link strong,
body.page-about-static .section-author-prooflinks .directory-link strong,
body.page-about.about-static-v2 .section-author-prooflinks .directory-link strong,
body.page-about-static.about-static-v2 .section-author-prooflinks .directory-link strong{
grid-column: 2 !important;
}
body.page-about .section-author-prooflinks .directory-link span::before,
body.page-about-static .section-author-prooflinks .directory-link span::before,
body.page-about.about-static-v2 .section-author-prooflinks .directory-link span::before,
body.page-about-static.about-static-v2 .section-author-prooflinks .directory-link span::before{
display: none !important;
}
}
/* ===== 2026-04-25 footer full-width panel fix ===== */
.site-footer.site-footer-pro{
padding-left: 0 !important;
padding-right: 0 !important;
overflow: hidden !important;
}
.site-footer.site-footer-pro > .container.footer-panel,
.site-footer .container.footer-panel,
.footer-panel{
width: 100% !important;
max-width: none !important;
margin-left: 0 !important;
margin-right: 0 !important;
border-radius: 0 !important;
padding: clamp(34px, 4vw, 58px) clamp(24px, 5vw, 88px) 24px !important;
}
.footer-shell{
width: min(1760px, 100%) !important;
max-width: 1760px !important;
margin: 0 auto !important;
display: grid !important;
grid-template-columns: minmax(0, 1.25fr) minmax(520px, .75fr) !important;
gap: clamp(28px, 4vw, 72px) !important;
align-items: start !important;
}
.footer-branding{
min-width: 0 !important;
}
.footer-text{
max-width: 720px !important;
}
.footer-socials{
display: flex !important;
flex-wrap: wrap !important;
gap: 12px !important;
max-width: 960px !important;
}
.footer-social{
min-height: 50px !important;
padding: 10px 16px 10px 12px !important;
border-radius: 999px !important;
}
.footer-links-group{
display: grid !important;
grid-template-columns: minmax(0, 1fr) minmax(180px, .72fr) !important;
gap: clamp(18px, 2vw, 34px) !important;
align-items: start !important;
justify-self: stretch !important;
}
.footer-links-col{
min-width: 0 !important;
}
.footer-contact-link,
.footer-nav-col a{
width: 100% !important;
}
.footer-bottom{
width: min(1760px, 100%) !important;
max-width: 1760px !important;
margin: clamp(26px, 3vw, 42px) auto 0 !important;
padding-top: 20px !important;
}
@media (max-width: 1100px){
.footer-shell{
grid-template-columns: 1fr !important;
gap: 30px !important;
}
.footer-links-group{
grid-template-columns: 1fr 1fr !important;
}
}
@media (max-width: 720px){
.site-footer.site-footer-pro > .container.footer-panel,
.site-footer .container.footer-panel,
.footer-panel{
padding: 28px 16px 20px !important;
}
.footer-links-group{
grid-template-columns: 1fr !important;
}
.footer-socials{
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 10px !important;
}
.footer-social{
width: 100% !important;
justify-content: flex-start !important;
}
}
@media (max-width: 460px){
.footer-socials{
grid-template-columns: 1fr !important;
}
}
/* ===== 2026-04-25 footer full width on every page + remove white strip under footer ===== */
html,
body{
min-height: 100% !important;
}
body{
margin-bottom: 0 !important;
}
.site-footer,
.site-footer.site-footer-pro,
footer.site-footer,
footer.site-footer-pro{
position: relative !important;
left: 50% !important;
right: 50% !important;
width: 100vw !important;
max-width: 100vw !important;
margin-left: -50vw !important;
margin-right: -50vw !important;
margin-bottom: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
overflow: hidden !important;
box-sizing: border-box !important;
}
.site-footer::after,
.site-footer.site-footer-pro::after,
footer.site-footer::after,
footer.site-footer-pro::after{
content: "" !important;
position: absolute !important;
left: 0 !important;
right: 0 !important;
bottom: -2px !important;
height: 4px !important;
background: inherit !important;
pointer-events: none !important;
}
.site-footer > .container.footer-panel,
.site-footer.site-footer-pro > .container.footer-panel,
footer.site-footer > .container.footer-panel,
footer.site-footer-pro > .container.footer-panel,
.site-footer .footer-panel,
footer .footer-panel{
width: 100% !important;
max-width: none !important;
margin-left: 0 !important;
margin-right: 0 !important;
margin-bottom: 0 !important;
border-radius: 0 !important;
box-sizing: border-box !important;
padding-left: max(24px, calc((100vw - 1760px) / 2 + 24px)) !important;
padding-right: max(24px, calc((100vw - 1760px) / 2 + 24px)) !important;
padding-bottom: 24px !important;
}
.site-footer .footer-shell,
footer .footer-shell{
width: 100% !important;
max-width: 1760px !important;
margin-left: auto !important;
margin-right: auto !important;
}
.site-footer .footer-bottom,
footer .footer-bottom{
width: 100% !important;
max-width: 1760px !important;
margin-left: auto !important;
margin-right: auto !important;
margin-bottom: 0 !important;
}
.site-footer + *,
footer.site-footer + *{
margin-top: 0 !important;
}
body > .site-footer:last-child,
body > footer.site-footer:last-child,
body > .site-footer.site-footer-pro:last-child,
body > footer.site-footer-pro:last-child{
margin-bottom: 0 !important;
}
/* when footer is inside a wrapper/container on inner pages */
main + .site-footer,
main + footer.site-footer,
.page-inner .site-footer,
.page-inner footer.site-footer,
.page-about .site-footer,
.page-about-static .site-footer,
.page-author .site-footer{
width: 100vw !important;
max-width: 100vw !important;
left: 50% !important;
margin-left: -50vw !important;
margin-right: -50vw !important;
}
@media (max-width: 720px){
.site-footer > .container.footer-panel,
.site-footer.site-footer-pro > .container.footer-panel,
footer.site-footer > .container.footer-panel,
footer.site-footer-pro > .container.footer-panel,
.site-footer .footer-panel,
footer .footer-panel{
padding-left: 16px !important;
padding-right: 16px !important;
padding-bottom: 18px !important;
}
}
/* ===== 2026-04-25 EMERGENCY footer fix: no horizontal scroll, no strip below ===== */
/* The previous 100vw + negative margin full-bleed trick caused page-wide horizontal scroll.
This override keeps the footer full width without pushing the document wider than the viewport. */
html,
body{
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
padding-bottom: 0 !important;
overflow-x: hidden !important;
background-color: #062166 !important;
}
body > main,
body > header,
body > section,
body > div{
max-width: 100% !important;
}
.site-footer,
.site-footer.site-footer-pro,
footer.site-footer,
footer.site-footer-pro{
position: relative !important;
left: auto !important;
right: auto !important;
transform: none !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
margin-bottom: -1px !important;
padding-left: 0 !important;
padding-right: 0 !important;
padding-bottom: 0 !important;
overflow: hidden !important;
box-sizing: border-box !important;
}
.site-footer::after,
.site-footer.site-footer-pro::after,
footer.site-footer::after,
footer.site-footer-pro::after{
content: "" !important;
position: absolute !important;
left: 0 !important;
right: 0 !important;
bottom: -6px !important;
height: 12px !important;
background: linear-gradient(135deg, #062166 0%, #0b3ec5 100%) !important;
pointer-events: none !important;
z-index: 1 !important;
}
.site-footer > .container.footer-panel,
.site-footer.site-footer-pro > .container.footer-panel,
footer.site-footer > .container.footer-panel,
footer.site-footer-pro > .container.footer-panel,
.site-footer .footer-panel,
footer .footer-panel{
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
margin-bottom: 0 !important;
border-radius: 0 !important;
box-sizing: border-box !important;
overflow: hidden !important;
padding-left: clamp(24px, 5vw, 96px) !important;
padding-right: clamp(24px, 5vw, 96px) !important;
padding-bottom: 24px !important;
}
.site-footer .footer-shell,
footer .footer-shell,
.site-footer .footer-bottom,
footer .footer-bottom{
width: min(1760px, 100%) !important;
max-width: 100% !important;
min-width: 0 !important;
margin-left: auto !important;
margin-right: auto !important;
box-sizing: border-box !important;
}
.site-footer .footer-shell{
display: grid !important;
grid-template-columns: minmax(0, 1.18fr) minmax(460px, .82fr) !important;
gap: clamp(28px, 4vw, 72px) !important;
align-items: start !important;
}
.site-footer .footer-branding,
.site-footer .footer-links-group,
.site-footer .footer-links-col,
.site-footer .footer-socials,
.site-footer .footer-bottom{
min-width: 0 !important;
}
.site-footer .footer-socials{
max-width: 100% !important;
}
.site-footer .footer-bottom{
margin-bottom: 0 !important;
position: relative !important;
z-index: 2 !important;
}
body::after{
content: "" !important;
display: block !important;
height: 0 !important;
clear: both !important;
background: #062166 !important;
}
/* stop old selectors from reintroducing full-bleed overflow */
main + .site-footer,
main + footer.site-footer,
.page-inner .site-footer,
.page-inner footer.site-footer,
.page-about .site-footer,
.page-about-static .site-footer,
.page-author .site-footer{
left: auto !important;
right: auto !important;
width: 100% !important;
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
@media (max-width: 1100px){
.site-footer .footer-shell{
grid-template-columns: 1fr !important;
gap: 30px !important;
}
}
@media (max-width: 720px){
.site-footer > .container.footer-panel,
.site-footer.site-footer-pro > .container.footer-panel,
footer.site-footer > .container.footer-panel,
footer.site-footer-pro > .container.footer-panel,
.site-footer .footer-panel,
footer .footer-panel{
padding-left: 16px !important;
padding-right: 16px !important;
padding-bottom: 18px !important;
}
}
/* ===== 2026-04-25 FINAL footer stabilizer: exact full-width footer without page breakage ===== */
html{
overflow-x: clip !important;
}
body{
width: auto !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
overflow-x: clip !important;
background: var(--bg, #f5f7fb) !important;
}
body::after,
.site-footer::after,
.site-footer.site-footer-pro::after,
footer.site-footer::after,
footer.site-footer-pro::after{
content: none !important;
}
main + .site-footer,
main + footer.site-footer,
.page-inner .site-footer,
.page-inner footer.site-footer,
.page-about .site-footer,
.page-about-static .site-footer,
.page-author .site-footer,
.site-footer,
.site-footer.site-footer-pro,
footer.site-footer,
footer.site-footer-pro{
position: relative !important;
left: auto !important;
right: auto !important;
transform: none !important;
width: auto !important;
min-width: 0 !important;
max-width: none !important;
margin: 44px 0 0 !important;
padding: 0 !important;
overflow: visible !important;
background: transparent !important;
box-sizing: border-box !important;
}
.site-footer > .container.footer-panel,
.site-footer.site-footer-pro > .container.footer-panel,
footer.site-footer > .container.footer-panel,
footer.site-footer-pro > .container.footer-panel,
.site-footer .footer-panel,
footer .footer-panel{
position: relative !important;
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
margin: 0 !important;
padding: 38px clamp(22px, 4vw, 52px) 18px !important;
border-radius: 0 !important;
overflow: hidden !important;
isolation: isolate !important;
background:
radial-gradient(circle at 86% 18%, rgba(28,92,255,.32), rgba(28,92,255,0) 26%),
radial-gradient(circle at 84% 78%, rgba(31,104,255,.22), rgba(31,104,255,0) 26%),
linear-gradient(90deg, #021958 0%, #052774 44%, #0b43cb 76%, #135dff 100%) !important;
border: 0 !important;
box-shadow: none !important;
}
.site-footer.site-footer-pro .footer-panel::before,
.site-footer.site-footer-pro .footer-panel::after,
.site-footer .footer-panel::before,
.site-footer .footer-panel::after{
content: "" !important;
position: absolute !important;
pointer-events: none !important;
z-index: 0 !important;
}
.site-footer.site-footer-pro .footer-panel::before,
.site-footer .footer-panel::before{
right: -3% !important;
top: 20% !important;
width: 320px !important;
height: 320px !important;
background: radial-gradient(circle, rgba(145,195,255,.18) 0 1px, transparent 1px 100%) !important;
background-size: 10px 10px !important;
opacity: .55 !important;
}
.site-footer.site-footer-pro .footer-panel::after,
.site-footer .footer-panel::after{
left: 0 !important;
right: 0 !important;
bottom: 96px !important;
height: 1px !important;
background: rgba(145,194,255,.2) !important;
}
.site-footer .footer-shell,
footer .footer-shell{
position: relative !important;
z-index: 1 !important;
width: min(1700px, 100%) !important;
max-width: 1700px !important;
min-width: 0 !important;
margin: 0 auto !important;
padding: 0 0 30px !important;
display: grid !important;
grid-template-columns: minmax(0, 1.2fr) minmax(520px, .95fr) !important;
gap: 40px !important;
align-items: start !important;
}
.site-footer .footer-branding{
max-width: 930px !important;
min-width: 0 !important;
}
.site-footer .footer-brand-row{
display: flex !important;
align-items: center !important;
gap: 20px !important;
}
.site-footer .footer-logo{
width: 66px !important;
height: 66px !important;
object-fit: contain !important;
flex: 0 0 66px !important;
}
.site-footer .footer-brand-copy{
display: grid !important;
gap: 4px !important;
}
.site-footer .footer-brand-copy strong{
font-size: 1.15rem !important;
line-height: 1.05 !important;
font-weight: 900 !important;
color: #fff !important;
letter-spacing: -.04em !important;
}
.site-footer .footer-brand-copy small{
font-size: .8rem !important;
line-height: 1.3 !important;
color: rgba(220,233,255,.8) !important;
}
.site-footer .footer-text{
max-width: 820px !important;
margin: 18px 0 0 !important;
font-size: .82rem !important;
line-height: 1.45 !important;
color: rgba(230,239,255,.84) !important;
}
.site-footer .footer-socials{
display: flex !important;
flex-wrap: wrap !important;
gap: 12px !important;
margin-top: 22px !important;
max-width: 860px !important;
}
.site-footer .footer-social{
display: inline-flex !important;
align-items: center !important;
gap: 12px !important;
min-height: 44px !important;
padding: 0 16px !important;
border-radius: 16px !important;
font-size: .76rem !important;
font-weight: 800 !important;
color: #fff !important;
background: linear-gradient(145deg, rgba(255,255,255,.12), rgba(255,255,255,.05)) !important;
border: 1px solid rgba(164,204,255,.22) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.1) !important;
white-space: nowrap !important;
}
.site-footer .footer-social-icon{ width: 28px !important; height: 28px !important; }
.site-footer .footer-links-group{
display: grid !important;
grid-template-columns: minmax(260px, .95fr) minmax(210px, .8fr) !important;
gap: 34px !important;
min-width: 0 !important;
}
.site-footer .footer-links-col{
min-width: 0 !important;
}
.site-footer .footer-contacts-col{
padding-left: 34px !important;
border-left: 1px solid rgba(145,194,255,.2) !important;
}
.site-footer .footer-nav-col{
padding-left: 34px !important;
border-left: 1px solid rgba(145,194,255,.2) !important;
}
.site-footer .footer-title{
display: block !important;
margin: 0 0 18px !important;
padding: 0 !important;
border: 0 !important;
font-size: .82rem !important;
line-height: 1 !important;
font-weight: 900 !important;
color: rgba(170,206,255,.92) !important;
text-transform: uppercase !important;
letter-spacing: .03em !important;
}
.site-footer .footer-contact-link,
.site-footer .footer-nav-col a{
display: flex !important;
align-items: center !important;
gap: 14px !important;
min-height: 34px !important;
margin: 0 0 12px !important;
font-size: .82rem !important;
line-height: 1.3 !important;
font-weight: 800 !important;
color: rgba(255,255,255,.94) !important;
}
.site-footer .footer-link-icon{
width: 40px !important;
height: 40px !important;
border-radius: 14px !important;
}
.site-footer .footer-nav-col a{
padding-bottom: 12px !important;
border-bottom: 1px solid rgba(145,194,255,.14) !important;
}
.site-footer .footer-bottom{
position: relative !important;
z-index: 1 !important;
width: min(1700px, 100%) !important;
max-width: 1700px !important;
margin: 0 auto !important;
padding: 14px 0 0 !important;
display: flex !important;
align-items: center !important;
gap: 16px !important;
border-top: 0 !important;
}
.site-footer .footer-bottom-icon{
width: 34px !important;
height: 34px !important;
flex: 0 0 34px !important;
border-radius: 12px !important;
}
.site-footer .footer-bottom p{
margin: 0 !important;
font-size: .78rem !important;
line-height: 1.3 !important;
color: rgba(219,232,255,.7) !important;
}
@media (max-width: 1080px){
.site-footer,
.site-footer.site-footer-pro,
footer.site-footer,
footer.site-footer-pro{
margin-top: 36px !important;
}
.site-footer .footer-shell,
footer .footer-shell{
grid-template-columns: 1fr !important;
gap: 28px !important;
padding-bottom: 24px !important;
}
.site-footer .footer-links-group{
grid-template-columns: 1fr 1fr !important;
gap: 24px !important;
}
.site-footer .footer-contacts-col,
.site-footer .footer-nav-col{
padding-left: 24px !important;
}
}
@media (max-width: 780px){
.site-footer > .container.footer-panel,
.site-footer.site-footer-pro > .container.footer-panel,
footer.site-footer > .container.footer-panel,
footer.site-footer-pro > .container.footer-panel,
.site-footer .footer-panel,
footer .footer-panel{
padding: 28px 16px 16px !important;
}
.site-footer .footer-panel::before{
width: 200px !important;
height: 200px !important;
top: auto !important;
bottom: 18px !important;
}
.site-footer .footer-panel::after{
bottom: 76px !important;
}
.site-footer .footer-brand-row{
gap: 14px !important;
}
.site-footer .footer-logo{
width: 56px !important;
height: 56px !important;
flex-basis: 56px !important;
}
.site-footer .footer-socials{
gap: 10px !important;
}
.site-footer .footer-social{
min-height: 42px !important;
padding: 0 14px !important;
font-size: .74rem !important;
}
.site-footer .footer-links-group{
grid-template-columns: 1fr !important;
gap: 18px !important;
}
.site-footer .footer-contacts-col,
.site-footer .footer-nav-col{
padding-left: 0 !important;
border-left: 0 !important;
}
}
@media (max-width: 520px){
.site-footer .footer-socials{
display: grid !important;
grid-template-columns: 1fr 1fr !important;
max-width: none !important;
}
.site-footer .footer-social{
width: 100% !important;
min-width: 0 !important;
}
}
@media (max-width: 420px){
.site-footer .footer-socials{ grid-template-columns: 1fr !important; }
}
/* ===== 2026-04-25 about page restore: normal site background, standard transparent header, favicon fixed in markup ===== */
html{
background: #f5f7fb !important;
}
body.page-about,
body.page-about-static,
body.page-author,
body.page-about.about-static-v2,
body.page-about-static.about-static-v2{
background: #f5f7fb !important;
color: #12203a !important;
overflow-x: clip !important;
}
/* Static about pages should use the same transparent top header feel as the main site, not the odd sticky solid bar. */
body.page-about.about-static-v2 .site-header,
body.page-about-static.about-static-v2 .site-header,
body.page-author.about-static-v2 .site-header{
position: absolute !important;
inset: 0 0 auto 0 !important;
z-index: 50 !important;
padding: 18px 0 !important;
background: transparent !important;
background-color: transparent !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
box-shadow: none !important;
border: 0 !important;
}
body.page-about.about-static-v2 .site-header::before,
body.page-about.about-static-v2 .site-header::after,
body.page-about-static.about-static-v2 .site-header::before,
body.page-about-static.about-static-v2 .site-header::after,
body.page-author.about-static-v2 .site-header::before,
body.page-author.about-static-v2 .site-header::after{
content: none !important;
}
body.page-about.about-static-v2 .header-shell,
body.page-about-static.about-static-v2 .header-shell,
body.page-author.about-static-v2 .header-shell{
position: relative !important;
z-index: 2 !important;
}
/* Keep the blue only inside the hero. Everything after it returns to the normal light site background. */
body.page-about.about-static-v2 main,
body.page-about-static.about-static-v2 main,
body.page-author.about-static-v2 main{
background: #f5f7fb !important;
}
body.page-about.about-static-v2 .author-hero,
body.page-about-static.about-static-v2 .author-hero,
body.page-author.about-static-v2 .author-hero{
background:
radial-gradient(circle at 78% 16%, rgba(60,126,255,.34), rgba(60,126,255,0) 34%),
radial-gradient(circle at 22% 82%, rgba(37,240,236,.12), rgba(37,240,236,0) 34%),
linear-gradient(135deg,#061d66 0%,#062b8e 54%,#143da9 100%) !important;
}
body.page-about.about-static-v2 .section-author-story,
body.page-about-static.about-static-v2 .section-author-story,
body.page-author.about-static-v2 .section-author-story,
body.page-about.about-static-v2 .section-author-prooflinks,
body.page-about-static.about-static-v2 .section-author-prooflinks,
body.page-author.about-static-v2 .section-author-prooflinks,
body.page-about.about-static-v2 .section-author-facts,
body.page-about-static.about-static-v2 .section-author-facts,
body.page-author.about-static-v2 .section-author-facts{
background:
radial-gradient(circle at 50% 0%, rgba(255,255,255,.98), rgba(245,248,255,.82) 58%, rgba(245,248,255,.98) 100%) !important;
}
/* Remove accidental blue bleed from footer/full-width fixes on the content before footer. */
body.page-about.about-static-v2 .section-author-story .container,
body.page-about-static.about-static-v2 .section-author-story .container,
body.page-author.about-static-v2 .section-author-story .container,
body.page-about.about-static-v2 .content-panel,
body.page-about-static.about-static-v2 .content-panel,
body.page-author.about-static-v2 .content-panel{
background-color: transparent;
}
body.page-about.about-static-v2 .author-story-panel,
body.page-about-static.about-static-v2 .author-story-panel,
body.page-author.about-static-v2 .author-story-panel{
background: #fff !important;
border: 1px solid #dce6f7 !important;
box-shadow: 0 22px 56px rgba(9,39,122,.08) !important;
}
/* Make sure footer styles do not repaint the whole body or previous blocks. */
body.page-about.about-static-v2 .site-footer,
body.page-about-static.about-static-v2 .site-footer,
body.page-author.about-static-v2 .site-footer{
background: transparent !important;
}
/* Header mobile keeps the normal dark dropdown panel, but the top header itself stays clean. */
@media (max-width: 980px){
body.page-about.about-static-v2 .site-header,
body.page-about-static.about-static-v2 .site-header,
body.page-author.about-static-v2 .site-header{
position: absolute !important;
background: transparent !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
}
}
@media (max-width: 780px){
body.page-about.about-static-v2 .site-header,
body.page-about-static.about-static-v2 .site-header,
body.page-author.about-static-v2 .site-header{
padding: 14px 0 !important;
}
}
/* ===== 2026-04-25 final about header restore: standard site header, no lang picker ===== */
body.page-about.about-static-v2 .site-header,
body.page-about-static.about-static-v2 .site-header,
body.page-author.about-static-v2 .site-header{
position: absolute !important;
inset: 0 0 auto 0 !important;
z-index: 50 !important;
padding: 18px 0 !important;
background: transparent !important;
background-color: transparent !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
box-shadow: none !important;
border: 0 !important;
}
body.page-about.about-static-v2 .site-header .lang-picker,
body.page-about-static.about-static-v2 .site-header .lang-picker,
body.page-author.about-static-v2 .site-header .lang-picker{
display: none !important;
}
body.page-about.about-static-v2 .site-header .header-tools,
body.page-about-static.about-static-v2 .site-header .header-tools,
body.page-author.about-static-v2 .site-header .header-tools{
gap: 12px !important;
}
body.page-about.about-static-v2 .brand-mark,
body.page-about-static.about-static-v2 .brand-mark,
body.page-author.about-static-v2 .brand-mark{
object-fit: contain !important;
}
@media (max-width: 980px){
body.page-about.about-static-v2 .site-header,
body.page-about-static.about-static-v2 .site-header,
body.page-author.about-static-v2 .site-header{
position: absolute !important;
padding: 14px 0 !important;
background: transparent !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
}
}
/* ===== 2026-04-25 about long bio text readability ===== */
body.page-about.about-static-v2 .author-story-panel,
body.page-about-static.about-static-v2 .author-story-panel,
body.page-author.about-static-v2 .author-story-panel{
padding: clamp(28px, 3vw, 44px) !important;
}
body.page-about.about-static-v2 .author-story-panel .author-intro,
body.page-about-static.about-static-v2 .author-story-panel .author-intro,
body.page-author.about-static-v2 .author-story-panel .author-intro{
font-size: clamp(1.05rem, 1.2vw, 1.22rem) !important;
line-height: 1.72 !important;
color: #172b57 !important;
}
body.page-about.about-static-v2 .author-story-panel h2,
body.page-about-static.about-static-v2 .author-story-panel h2,
body.page-author.about-static-v2 .author-story-panel h2{
margin: 34px 0 18px !important;
}
body.page-about.about-static-v2 .author-story-panel p,
body.page-about-static.about-static-v2 .author-story-panel p,
body.page-author.about-static-v2 .author-story-panel p{
margin: 0 0 18px !important;
line-height: 1.78 !important;
}
body.page-about.about-static-v2 .author-story-panel p:last-child,
body.page-about-static.about-static-v2 .author-story-panel p:last-child,
body.page-author.about-static-v2 .author-story-panel p:last-child{
margin-bottom: 0 !important;
}
/* ===== 2026-04-25 footer LinkedIn social button ===== */
.site-footer .footer-social--linkedin .footer-social-icon,
.site-footer.site-footer-pro .footer-social--linkedin .footer-social-icon{
background: #0a66c2 !important;
color: #fff !important;
font-size: .78rem !important;
font-weight: 900 !important;
letter-spacing: -.06em !important;
text-transform: lowercase !important;
}
.site-footer .footer-social--linkedin:hover,
.site-footer.site-footer-pro .footer-social--linkedin:hover{
border-color: rgba(120, 184, 255, .52) !important;
}