@import url('https://fonts.googleapis.com/css2?family=Almarai:wght@400;500;600;700;800&family=Cairo:wght@400;600;700;800&display=swap');
:root{--navy:#080b2b;--navy2:#10164a;--ink:#15183d;--muted:#6f7394;--purple:#704dff;--violet:#a575ff;--coral:#ff796d;--paper:#fafaff;--line:#e9eaf4;--body:'Almarai',Tahoma,sans-serif;--head:'Cairo','Almarai',Tahoma,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{direction:rtl;font-family:var(--body);color:var(--ink);background:var(--paper);line-height:1.8;overflow-x:hidden}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}button{font:inherit;border:0;background:none;cursor:pointer}.container{width:min(1160px,calc(100% - 40px));margin:auto}.topbar{background:var(--navy);color:#c9cbed;font-size:12px}.topbar-inner{height:38px;display:flex;align-items:center;justify-content:space-between}.topbar a{color:#fff}.topbar b{color:var(--coral);margin-right:6px}.header{position:sticky;top:0;z-index:50;background:rgba(250,250,255,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(20,24,61,.07)}.nav{height:84px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:10px}.brand img{width:49px;height:49px;object-fit:contain}.brand span{display:grid;line-height:1.1}.brand strong{font:800 24px var(--head);color:var(--navy)}.brand small{font:700 8px var(--body);letter-spacing:3px;color:var(--purple);margin-top:3px;direction:ltr}.nav-list{display:flex;align-items:center;gap:6px}.nav-list>a:not(.nav-cta){padding:10px 15px;font-size:13px;font-weight:700;color:#505471;transition:.2s}.nav-list>a:not(.nav-cta):hover,.nav-list>a.active{color:var(--purple)}.nav-cta{padding:11px 20px!important;border-radius:12px;background:var(--navy);color:#fff!important;font-weight:700;font-size:13px}.nav-cta b{color:var(--coral);margin-right:8px}.menu-toggle{display:none;color:var(--navy);font-size:25px}.hero{position:relative;overflow:hidden}.hero-modern{background:var(--navy);color:#fff;padding:92px 0 105px}.hero-modern:after{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(90deg,#000,transparent 80%)}.hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px}.hero-copy{padding-right:18px}.eyebrow,.kicker{display:inline-flex;align-items:center;gap:9px;color:var(--coral);font-size:12px;font-weight:800;letter-spacing:.2px}.eyebrow-dot{width:7px;height:7px;background:var(--coral);border-radius:50%;box-shadow:0 0 0 5px rgba(255,121,109,.15)}h1,h2,h3{font-family:var(--head);line-height:1.25}h1{font-size:clamp(38px,5vw,66px);letter-spacing:-2px;margin:22px 0 22px;color:#fff}h1 span,h2 em{font-style:normal;color:#b28cff}.hero-lead{max-width:515px;color:#b8bcdd;font-size:16px;line-height:2;margin-bottom:30px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:14px 23px;border-radius:12px;font-weight:800;font-size:13px;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-3px)}.btn-primary{background:linear-gradient(110deg,var(--coral),#ff9a6a);color:#fff;box-shadow:0 12px 28px rgba(255,121,109,.23)}.btn-primary span{font-size:19px}.btn-ghost-light{color:#fff;border:1px solid rgba(255,255,255,.2)}.hero-trust{display:flex;align-items:center;gap:14px;margin-top:38px}.hero-trust p{font-size:11px;color:#a9afd4;line-height:1.6}.hero-trust strong{font-size:14px;color:#fff}.avatars{display:flex;direction:ltr}.avatars span{width:30px;height:30px;border-radius:50%;border:2px solid var(--navy);background:linear-gradient(135deg,#8e73ff,#ff8077);display:grid;place-items:center;margin-left:-8px;color:#fff;font-size:10px;font-weight:800}.avatars span:nth-child(2){background:linear-gradient(135deg,#23a3ff,#7a60ff)}.avatars span:nth-child(3){background:linear-gradient(135deg,#f79b7a,#6c53ef)}.avatars span:last-child{background:#29315f}.hero-visual{position:relative}.hero-image-wrap{position:relative;border-radius:28px;overflow:visible}.hero-image-wrap:before{content:'';position:absolute;inset:-18px;border:1px solid rgba(149,126,255,.25);border-radius:34px;transform:rotate(4deg)}.hero-image-wrap img{position:relative;width:100%;border-radius:24px;aspect-ratio:1.04;object-fit:cover;box-shadow:0 30px 70px rgba(0,0,0,.35)}.hero-badge{position:absolute;background:rgba(16,22,74,.86);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);box-shadow:0 14px 30px rgba(0,0,0,.25);border-radius:14px;padding:11px 15px;color:#fff;display:flex;align-items:center;gap:9px;font-size:11px}.hero-badge span:last-child{background:#6c58ff;color:#fff;border-radius:8px;padding:2px 6px}.badge-top{top:11%;right:-23px}.badge-bottom{bottom:10%;left:-27px;display:grid;grid-template-columns:auto 1fr;column-gap:7px}.badge-bottom b{font-size:11px}.badge-bottom small{grid-column:2;color:#aeb4df}.pulse{width:8px!important;height:8px;background:#63e39b;border-radius:50%;box-shadow:0 0 0 5px rgba(99,227,155,.14)}.logo-strip{background:#fff;border-bottom:1px solid var(--line)}.logo-strip-inner{height:82px;display:flex;align-items:center;justify-content:space-between;color:#979ab2;font-size:11px;font-weight:700}.mini-brands{display:flex;gap:38px;color:#c3c5d2;font-size:12px;direction:ltr}.section{padding:105px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:48px;gap:40px}.section-heading h2{font-size:42px;letter-spacing:-1px;margin-top:12px}.section-heading>p{max-width:390px;color:var(--muted);font-size:14px;line-height:2}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.service-card{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;transition:.25s;box-shadow:0 8px 24px rgba(22,26,75,.03)}.service-card:hover{transform:translateY(-8px);border-color:#c8bcff;box-shadow:0 18px 40px rgba(70,54,170,.13)}.service-card-media{height:210px;position:relative;overflow:hidden;background:var(--navy)}.service-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.service-card:hover img{transform:scale(1.05)}.service-number{position:absolute;top:15px;right:15px;background:rgba(8,11,43,.7);color:#fff;border:1px solid rgba(255,255,255,.18);padding:5px 9px;border-radius:8px;font:700 11px var(--body)}.service-card-body{padding:22px}.service-tag{color:var(--purple);font-size:10px;font-weight:800}.service-card h3{font-size:22px;margin:8px 0 6px}.service-card p{color:var(--muted);font-size:12px;line-height:1.9;min-height:47px}.card-link,.text-link{display:inline-flex;align-items:center;gap:10px;color:var(--navy);font-weight:800;font-size:12px;margin-top:18px}.card-link b,.text-link b{color:var(--coral);font-size:18px}.dark-section{background:var(--navy);color:#fff}.light-heading h2{color:#fff}.light-heading>p{color:#adb3d7}.process-section{padding:90px 0}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.13);border-radius:20px;overflow:hidden}.process-item{padding:28px 25px;background:rgba(255,255,255,.025);min-height:180px}.process-item span{color:var(--coral);font:800 12px var(--body)}.process-item h3{font-size:21px;margin:18px 0 7px}.process-item p{font-size:12px;color:#aeb4d7;line-height:1.9}.about-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px}.about-image{position:relative}.about-image>img{border-radius:24px;width:100%;aspect-ratio:1.1;object-fit:cover}.about-note{position:absolute;bottom:-22px;left:-24px;background:#fff;padding:18px 22px;border-radius:15px;box-shadow:0 15px 35px rgba(20,24,65,.15);display:grid;gap:3px;font-size:12px}.about-note strong{color:var(--coral)}.about-note span{font-weight:800}.about-copy h2{font-size:43px;margin:14px 0 22px}.about-copy>p{color:var(--muted);font-size:14px;line-height:2}.about-points{margin-top:25px;border-top:1px solid var(--line)}.about-points>div{display:flex;gap:18px;padding:17px 0;border-bottom:1px solid var(--line)}.about-points b{color:var(--coral);font-size:11px}.about-points span{display:grid}.about-points strong{font-size:13px}.about-points small{font-size:11px;color:var(--muted)}.stats-band{background:linear-gradient(110deg,#6a4cff,#8d63ff);color:#fff;padding:50px 0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);text-align:center}.stats-grid>div{border-left:1px solid rgba(255,255,255,.2)}.stats-grid>div:last-child{border:0}.stats-grid strong{display:block;font:800 34px var(--head)}.stats-grid span{font-size:11px;color:#e1dbff}.cta-section{padding:95px 0;background:#fff}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:40px}.cta-inner h2{font-size:45px;margin-top:12px}.cta-inner>div:last-child{max-width:360px}.cta-inner p{color:var(--muted);font-size:13px;margin-bottom:20px}.footer{background:var(--navy);color:#fff}.footer *{color:inherit}@media(max-width:800px){.container{width:min(100% - 28px,600px)}.topbar-inner{height:auto;min-height:38px;padding:8px 0}.nav{height:72px}.menu-toggle{display:block}.nav-list{display:none;position:absolute;top:72px;right:14px;left:14px;background:#fff;padding:12px;border-radius:14px;box-shadow:0 15px 30px rgba(20,24,65,.15);flex-direction:column;align-items:stretch}.nav-list.open{display:flex}.nav-list>a{text-align:center}.hero-modern{padding:65px 0 80px}.hero-inner{grid-template-columns:1fr;gap:45px}.hero-copy{padding:0}.hero-visual{width:90%;margin:auto}.badge-top{right:-12px}.badge-bottom{left:-12px}.logo-strip-inner{height:auto;padding:22px 0;display:grid;gap:16px}.mini-brands{gap:15px;flex-wrap:wrap}.section{padding:75px 0}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:18px}.section-heading h2,.about-copy h2,.cta-inner h2{font-size:34px}.services-grid{grid-template-columns:1fr 1fr}.service-card-media{height:170px}.process-grid{grid-template-columns:1fr 1fr}.about-grid{grid-template-columns:1fr;gap:55px}.about-note{left:0}.stats-grid{grid-template-columns:1fr 1fr;gap:25px}.stats-grid>div:nth-child(2){border:0}.cta-inner{display:block}.cta-inner>div:last-child{margin-top:25px}}@media(max-width:480px){h1{font-size:40px}.hero-lead{font-size:14px}.services-grid{grid-template-columns:1fr}.service-card-media{height:205px}.process-grid{grid-template-columns:1fr}.process-item{min-height:0}.mini-brands{font-size:9px;gap:10px}.brand strong{font-size:21px}}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}.reveal.is-visible{opacity:1;transform:none}
.footer{padding-top:64px}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.1fr;gap:40px;padding-bottom:48px}.footer-grid .about>img{width:56px;margin-bottom:18px}.footer-grid .about p{max-width:285px;color:#aeb4d7;font-size:12px;line-height:2}.footer-grid h4{font-size:14px;margin-bottom:18px}.footer-grid>div:not(.about)>a,.footer-contact p{display:block;color:#aeb4d7;font-size:11px;margin:8px 0}.footer-grid>div:not(.about)>a:hover{color:#fff}.footer-social{display:flex;gap:8px;margin-top:18px;direction:ltr}.footer-social a{display:grid;place-items:center;width:28px;height:28px;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#fff;font-size:10px}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding:18px 20px;text-align:center;color:#8289b5;font-size:10px}.whatsapp-bubble{position:fixed;bottom:20px;left:20px;z-index:30}.whatsapp-bubble a{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#27c77a;color:#fff;font-size:20px;box-shadow:0 8px 20px rgba(39,199,122,.3)}@media(max-width:800px){.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-grid .about{grid-column:1/-1}}@media(max-width:480px){.footer-grid{grid-template-columns:1fr}.footer-grid .about{grid-column:auto}}
/* Unified inner pages */
.service-hero{position:relative;overflow:hidden;background:var(--navy);color:#fff;padding:86px 0 96px}.service-hero-orb{position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(112,77,255,.34),transparent 68%);left:-120px;top:-170px;pointer-events:none}.service-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:75px}.service-hero-copy{max-width:560px}.service-hero-copy h1{font-size:clamp(38px,5vw,62px);margin:17px 0 18px;color:#fff}.service-hero-copy h1 em{color:#b28cff;font-style:normal}.service-hero-copy>p{color:#b8bcdd;font-size:15px;line-height:2;margin-bottom:28px}.service-index{color:var(--coral);font:800 12px var(--body);margin-top:24px}.service-hero-media{position:relative}.service-hero-media:before{content:'';position:absolute;inset:-15px;border:1px solid rgba(149,126,255,.25);border-radius:31px;transform:rotate(-3deg)}.service-hero-media img{position:relative;width:100%;aspect-ratio:1.15;object-fit:cover;border-radius:24px;box-shadow:0 28px 55px rgba(0,0,0,.35)}.service-floating-card{position:absolute;bottom:24px;left:-27px;background:rgba(16,22,74,.9);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);border-radius:14px;padding:12px 16px;display:grid;grid-template-columns:auto 1fr;column-gap:9px;box-shadow:0 12px 30px rgba(0,0,0,.25);font-size:11px}.service-floating-card .pulse{grid-row:span 2;align-self:center}.service-floating-card b{font-size:11px}.service-floating-card small{color:#aeb4df}.service-detail{background:#fff}.service-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start}.service-story h2{font-size:42px;margin:15px 0 20px}.service-story h2 em{font-style:normal;color:var(--purple)}.service-story>p{color:var(--muted);font-size:14px;line-height:2.1}.service-quote{margin-top:25px;border-right:3px solid var(--coral);padding:14px 18px;background:#fff5f2;color:#575b78;font-size:12px;font-weight:700}.feature-panel{background:#fbfaff;border:1px solid var(--line);border-radius:20px;padding:25px;box-shadow:0 14px 32px rgba(20,24,65,.05)}.feature-panel-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid var(--line);font-weight:800}.feature-panel-head b{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:var(--purple);color:#fff}.feature-list{list-style:none;margin:0;padding:0}.feature-list li{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--line);font-size:12px;opacity:0;transform:translateY(12px);transition:opacity .5s ease,transform .5s ease}.feature-list li.is-visible{opacity:1;transform:none}.feature-list li:last-child{border-bottom:0}.feature-list li>span{color:var(--coral);font:800 10px var(--body)}.feature-list li strong{flex:1}.feature-list li>b{color:#6b59ed}.service-cta{padding:88px 0;background:#fff}.service-cta-inner{display:flex;justify-content:space-between;align-items:center;gap:40px}.service-cta h2{font-size:43px;margin-top:14px}.service-cta h2 em{font-style:normal;color:var(--purple)}.service-cta-inner>div:last-child{max-width:350px}.service-cta p{color:var(--muted);font-size:13px;margin-bottom:20px}.contact-quick{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.contact-quick a{display:grid;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:10px 14px}.contact-quick span{font-size:10px;color:#aeb4d7}.contact-quick b{font-size:11px;color:#fff;margin-top:3px}.contact-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:90px;align-items:start}.contact-intro h2{font-size:42px;margin:14px 0 20px}.contact-intro h2 em{font-style:normal;color:var(--purple)}.contact-intro>p{color:var(--muted);font-size:14px;line-height:2}.whatsapp-link{display:inline-flex;gap:10px;align-items:center;margin-top:23px;color:#20a867;font-weight:800;font-size:13px}.whatsapp-link b{font-size:18px}.contact-form{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px;box-shadow:0 15px 35px rgba(20,24,65,.07)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:11px;font-weight:800;margin-bottom:7px}.form-group input,.form-group select,.form-group textarea{width:100%;border:1px solid #e2e3ee;border-radius:10px;background:#fbfbfe;padding:12px 13px;font:inherit;font-size:12px;color:var(--ink);outline:0;transition:.2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--purple);box-shadow:0 0 0 3px rgba(112,77,255,.1)}.form-msg{border-radius:10px;padding:11px 13px;font-size:11px;margin-bottom:17px}.form-msg.success{background:#eafbf2;color:#15834d}.form-msg.error{background:#fff0ee;color:#c34e42}.page-hero{background:var(--navy);padding:75px 0;color:#fff}.page-hero h1{font-size:44px;margin:0;color:#fff}.page-content{padding:80px 0;background:#fff}.page-content .container{max-width:850px}.page-content h2{font-size:26px;margin:30px 0 10px}.page-content h2:first-child{margin-top:0}.page-content p,.page-content li{color:var(--muted);font-size:14px;line-height:2}.page-content ul{padding-right:22px}.page-content li{margin:6px 0;list-style:disc}.page-content li::marker{color:var(--coral)}
@media(max-width:800px){.service-hero{padding:65px 0 80px}.service-hero-grid,.service-detail-grid,.contact-grid{grid-template-columns:1fr;gap:48px}.service-hero-media{width:90%;margin:auto}.service-floating-card{left:-12px}.service-story h2,.contact-intro h2{font-size:34px}.service-cta-inner{display:block}.service-cta-inner>div:last-child{margin-top:25px}.page-hero h1{font-size:36px}.form-row{grid-template-columns:1fr}}
@media(max-width:480px){.service-hero-copy h1{font-size:40px}.service-hero-media{width:100%}.service-detail,.contact-section{padding:70px 0}.feature-panel{padding:18px}.contact-form{padding:20px}}
/* Conversion-focused services catalog */
.catalog-section{background:#f7f7fc}.catalog-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:-18px 0 28px;color:var(--muted);font-size:12px;font-weight:800}.catalog-chips{display:flex;gap:8px;flex-wrap:wrap}.catalog-chip{border:1px solid var(--line);background:#fff;color:#747895;border-radius:999px;padding:9px 14px;font-size:11px;font-weight:800;transition:.2s}.catalog-chip:hover,.catalog-chip.active{background:var(--navy);border-color:var(--navy);color:#fff;transform:translateY(-2px)}.catalog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.catalog-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;min-height:100%;transition:transform .25s,box-shadow .25s,border-color .25s}.catalog-card:hover{transform:translateY(-7px);border-color:#c2b4ff;box-shadow:0 18px 38px rgba(55,44,145,.14)}.catalog-card-top{position:absolute;top:13px;left:13px;right:13px;display:flex;align-items:center;justify-content:space-between;z-index:2}.catalog-number{font:800 10px var(--body);color:#fff;background:rgba(8,11,43,.72);border:1px solid rgba(255,255,255,.18);border-radius:7px;padding:5px 7px}.catalog-icon{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:var(--coral);color:#fff;font-size:15px;box-shadow:0 6px 12px rgba(255,121,109,.25)}.catalog-card-media{height:132px;background:var(--navy);overflow:hidden}.catalog-card-media img{width:100%;height:100%;object-fit:cover;transition:.4s}.catalog-card:hover .catalog-card-media img{transform:scale(1.06)}.catalog-card-body{display:flex;flex-direction:column;flex:1;padding:17px 16px 18px}.catalog-card-body h3{font-size:17px;margin:5px 0 6px}.catalog-card-body p{color:var(--muted);font-size:11px;line-height:1.9;min-height:65px}.catalog-card-body .card-link{margin-top:auto;padding-top:13px}.catalog-card.is-hidden{display:none}.btn{position:relative;overflow:hidden}.btn:after{content:'';position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.25),transparent 70%);transform:translateX(-110%);transition:.55s}.btn:hover:after{transform:translateX(110%)}.hero-actions .btn-primary{min-width:150px}.service-card-body .card-link,.catalog-card-body .card-link{transition:gap .2s}.service-card:hover .card-link,.catalog-card:hover .card-link{gap:15px}
@media(max-width:1000px){.catalog-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:800px){.catalog-intro{display:block;margin-top:-10px}.catalog-intro>span{display:block;margin-bottom:14px}.catalog-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.catalog-grid{grid-template-columns:1fr}.catalog-card-media{height:180px}.catalog-card-body p{min-height:0}}
/* SEO knowledge center and article pages */
.article-hub-hero{background:var(--navy);color:#fff;padding:88px 0 82px;position:relative;overflow:hidden}.article-hub-hero:after{content:'';position:absolute;left:-100px;bottom:-180px;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,rgba(116,81,255,.4),transparent 68%)}.article-hub-hero .container{position:relative;z-index:1}.article-hub-hero h1{font-size:clamp(42px,6vw,72px);line-height:1.14;margin:15px 0;color:#fff}.article-hub-hero h1 em{font-style:normal;color:#b28cff}.article-hub-hero p{max-width:600px;color:#b9bfdf;line-height:2;font-size:15px}.knowledge-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.knowledge-service{display:flex;align-items:center;gap:17px;padding:19px 21px;background:#fff;border:1px solid var(--line);border-radius:16px;transition:.25s}.knowledge-service:hover{transform:translateY(-4px);border-color:#c0b4ff;box-shadow:0 14px 28px rgba(50,42,130,.1)}.knowledge-service>span{font:800 11px var(--body);color:var(--coral)}.knowledge-service>div{flex:1}.knowledge-service h3{font-size:16px;margin:0 0 4px}.knowledge-service p{font-size:11px;color:var(--muted);margin:0}.knowledge-service>b{color:var(--purple);font-size:19px}.article-hero{background:var(--navy);color:#fff;padding:76px 0 80px;overflow:hidden}.article-hero-grid{display:grid;grid-template-columns:1fr .9fr;gap:75px;align-items:center}.article-hero h1{color:#fff;font-size:clamp(34px,4.5vw,58px);line-height:1.25;margin:16px 0}.article-hero p{color:#bbc0dd;max-width:620px;font-size:15px;line-height:2}.article-meta{display:flex;gap:12px;margin-top:24px;color:#aeb5d9;font-size:11px}.article-visual{position:relative}.article-visual:before{content:'';position:absolute;inset:-14px;border:1px solid rgba(157,135,255,.27);border-radius:24px;transform:rotate(2deg)}.article-visual img{position:relative;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:19px}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:70px}.article-content article{max-width:760px}.article-lead{background:#f5f2ff;border-right:4px solid var(--purple);padding:18px 20px;margin-bottom:30px;color:#4f5270;font-weight:700;line-height:2;font-size:14px;border-radius:9px}.article-content h2{font-size:27px;line-height:1.5;margin:34px 0 10px;color:var(--ink)}.article-content article p{color:#656981;font-size:14px;line-height:2.2;margin:0 0 13px}.article-cta{margin:40px 0 24px;padding:25px;background:linear-gradient(120deg,#181d5c,#392b92);border-radius:16px;color:#fff}.article-cta strong{display:block;font-size:22px;margin-bottom:8px}.article-cta p{color:#c7c9e2!important;margin-bottom:17px!important}.article-cta .btn{display:inline-flex}.article-tags{display:flex;gap:7px;flex-wrap:wrap}.article-tags span{border-radius:999px;background:#f0eeff;color:#6655d3;padding:7px 11px;font-size:10px;font-weight:800}.article-aside{display:flex;flex-direction:column;gap:18px}.article-aside>div{border:1px solid var(--line);border-radius:15px;padding:19px;background:#fff}.article-aside h3{font-size:19px;margin:9px 0}.article-aside p{color:var(--muted);font-size:12px;line-height:1.8}.aside-related{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding:12px 0;color:var(--ink);font-size:12px;font-weight:800}.aside-related:first-of-type{margin-top:10px}.aside-related b{color:var(--purple)}
@media(max-width:800px){.knowledge-grid,.article-hero-grid,.article-layout{grid-template-columns:1fr;gap:40px}.article-aside{display:grid;grid-template-columns:1fr 1fr}.article-hero{padding:62px 0}.article-visual{max-width:600px}.article-content h2{font-size:24px}}@media(max-width:520px){.article-aside{display:flex}.knowledge-grid{grid-template-columns:1fr}.article-hub-hero h1{font-size:43px}.article-hero h1{font-size:35px}}
.service-knowledge{background:#faf9ff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:42px 0}.service-knowledge-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.service-knowledge h2{font-size:30px;margin:8px 0}.service-knowledge h2 em{font-style:normal;color:var(--purple)}.service-knowledge p{color:var(--muted);font-size:12px;margin:0}.btn-secondary{background:#fff;color:var(--navy);border:1px solid #d9d5fa;box-shadow:0 8px 16px rgba(41,32,115,.07)}.btn-secondary:hover{background:var(--purple);border-color:var(--purple);color:#fff}@media(max-width:600px){.service-knowledge-inner{display:block}.service-knowledge-inner .btn{margin-top:20px}}