:root{--blue: #2537e6;--blue-rgb: 37,55,230;--blue-dark: #07123b;--blue-soft: #eef1ff;--yellow: #ffb300;--yellow-rgb: 255,179,0;--green: #15c86f;--text: #2c3663;--heading: var(--blue-dark);--muted: #64708f;--text-soft: #344061;--line: #e5e9f5;--card: var(--surface);--bg: #f8faff;--surface: #ffffff;--surface-soft: var(--bg);--success: var(--green);--danger: #dc2626;--shadow: 0 18px 60px rgba(22,39,116,.12);--radius: 8px;--container: 1200px;--font-main: Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif} *{box-sizing: border-box} html{scroll-behavior: smooth} body{margin: 0;font-family: var(--font-main);color: var(--text);background: #fff;line-height: 1.65} body.nav-open{overflow: hidden} a{color: inherit;text-decoration: none} img{display: block;max-width: 100%;height: auto} button,input,select,textarea{font: inherit} input,select,textarea{color: var(--text)} :where(a,button,input,select,textarea,[tabindex]):focus-visible{outline: 3px solid rgba(var(--blue-rgb),.32);outline-offset: 3px} :target{scroll-margin-top: 104px} .container{width: min(var(--container),calc(100% - 48px));margin-inline: auto} .narrow{max-width: 620px;margin-left: max(24px,calc((100vw - var(--container)) / 2))} .sr-only,.skip-link{position: absolute;width: 1px;height: 1px;overflow: hidden;clip: rect(0,0,0,0)} .skip-link:focus{width: auto;height: auto;clip: auto;z-index: 1000;top: 12px;left: 12px;background: #fff;padding: 10px 14px;border-radius: var(--radius)} .site-header{position: sticky;top: 0;z-index: 50;background: rgba(255,255,255,.92);backdrop-filter: blur(14px);border-bottom: 1px solid rgba(229,233,245,.85)} .navbar{min-height: 92px;display: flex;align-items: center;justify-content: space-between;gap: 28px} .brand img{width: 172px} .nav-panel{display: flex;align-items: center;gap: 36px;flex: 1;justify-content: flex-end} .nav-links,.nav-actions{display: flex;align-items: center;gap: 28px} .nav-links{list-style: none;margin: 0;padding: 0} .nav-links a,.nav-links button{border: 0;background: transparent;color: var(--text);font-weight: 750;font-size: 14px;cursor: pointer} .nav-links button::after{content: "";display: inline-block;width: 6px;height: 6px;margin-left: 8px;border-right: 1.8px solid currentColor;border-bottom: 1.8px solid currentColor;transform: translateY(-2px) rotate(45deg)} .has-dropdown{position: relative} .dropdown{position: absolute;top: calc(100% + 18px);left: 0;width: 230px;padding: 10px;margin: 0;list-style: none;background: #fff;border: 1px solid var(--line);border-radius: var(--radius);box-shadow: var(--shadow);opacity: 0;visibility: hidden;transform: translateY(8px);transition: .2s ease} .has-dropdown:hover .dropdown,.has-dropdown:focus-within .dropdown,.has-dropdown.open .dropdown{opacity: 1;visibility: visible;transform: translateY(0)} .dropdown a{display: block;padding: 10px 12px;border-radius: 6px;color: var(--text-soft)} .dropdown a:hover{background: var(--blue-soft);color: var(--blue)} .lang-switch{border: 0;background: transparent;cursor: pointer;font-size: 21px} .menu-toggle{display: none;width: 44px;height: 44px;border: 1px solid var(--line);border-radius: var(--radius);background: #fff} .menu-toggle span:not(.sr-only){display: block;width: 20px;height: 2px;margin: 5px auto;background: var(--text)} .btn{display: inline-flex;align-items: center;justify-content: center;gap: 10px;min-height: 48px;padding: 0 24px;border-radius: 6px;border: 1px solid transparent;font-weight: 850;text-transform: uppercase;font-size: 13px;cursor: pointer} .btn-blue{background: var(--blue);color: #fff;box-shadow: 0 12px 28px rgba(37,55,230,.22)} .btn-yellow{background: var(--yellow);color: #060b22;box-shadow: 0 12px 28px rgba(255,179,0,.24)} .btn-light{background: #fff;color: var(--text);border-color: var(--line)} .btn-outline{border-color: var(--blue);color: #fff;background: transparent} .hero{position: relative;overflow: hidden;background: radial-gradient(circle at 78% 22%,rgba(37,55,230,.16),transparent 28%),linear-gradient(110deg,#fff 0%,var(--blue-soft) 56%,var(--blue-soft) 100%)} .hero::after{content: "";position: absolute;right: -8vw;top: 48px;width: min(600px,62vw);aspect-ratio: 1;border-radius: 999px;opacity: .42;background: radial-gradient(circle at 42% 40%,#fff 0 2px,transparent 3px) 0 0 / 18px 18px,radial-gradient(circle,rgba(37,55,230,.18),transparent 60%)} .hero-grid{position: relative;z-index: 1;min-height: 660px;display: grid;grid-template-columns: 1fr 1.05fr;align-items: center;gap: 70px} .eyebrow{margin: 0 0 18px;color: var(--blue);font-size: 12px;line-height: 1.3;font-weight: 900;letter-spacing: .08em;text-transform: uppercase} .seo-expertise-head{margin-bottom: 24px} .seo-expertise-head .eyebrow{margin-bottom: 8px} .seo-expertise-head h2{font-size: clamp(28px,3vw,38px)} h1,h2,h3,h4,h5,h6,p{margin-top: 0} h1,h2,h3,h4,h5,h6{color: var(--heading)} h1{max-width: 760px;margin-bottom: 22px;font-size: clamp(44px,6vw,76px);line-height: 1.08;letter-spacing: 0} h1 span,h2 span{color: var(--blue)} .hero-copy p:not(.eyebrow),.contact-copy>p,.blog-hero p{max-width: 620px;color: var(--text-soft);font-size: 18px} .hero-actions{display: flex;gap: 16px;flex-wrap: wrap;margin: 30px 0 34px} .partners{display: flex;gap: 28px;flex-wrap: wrap;margin: 28px 0;color: #19244b;font-size: 20px;font-weight: 850} .trust-line{display: flex;align-items: center;gap: 12px} .avatars{display: flex} .avatars span{width: 34px;height: 34px;margin-left: -7px;border-radius: 50%;border: 2px solid #fff;background: linear-gradient(135deg,#ffd15c,#2637e8)} .avatars span:first-child{margin-left: 0} .trust-line strong{color: var(--yellow)} .trust-line small{color: var(--text);font-weight: 700} .dashboard-card{min-height: 515px;padding: 34px;background: rgba(255,255,255,.82);border: 1px solid #fff;border-radius: 18px;box-shadow: 0 34px 90px rgba(37,55,230,.18)} .dashboard-top,.metric-grid,.chart-panel{position: relative;z-index: 1} .dashboard-top{display: flex;justify-content: space-between;margin-bottom: 26px} .dashboard-top strong{font-size: 22px} .dashboard-top span{padding: 9px 12px;border: 1px solid var(--line);border-radius: 6px;color: var(--muted);font-size: 12px} .metric-grid{display: grid;grid-template-columns: repeat(3,1fr);gap: 16px;margin-bottom: 18px} .metric-grid article{padding: 18px;background: #fff;border: 1px solid var(--line);border-radius: var(--radius)} .metric-grid span{display: block;color: var(--muted);font-size: 12px} .metric-grid strong{display: block;margin: 8px 0;font-size: 26px} .metric-grid em{color: var(--green);font-style: normal;font-weight: 800;font-size: 12px} .chart-panel{display: grid;grid-template-columns: 1fr 170px;gap: 18px} .line-chart{min-height: 260px;border: 1px solid var(--line);border-radius: var(--radius);background: linear-gradient(160deg,transparent 45%,rgba(37,55,230,.12) 46% 52%,transparent 53%),repeating-linear-gradient(0deg,transparent 0 48px,#eef1fb 49px 50px),repeating-linear-gradient(90deg,transparent 0 58px,#eef1fb 59px 60px),#fff} .donut{display: grid;place-content: center;text-align: center;min-height: 260px;border-radius: var(--radius);background: conic-gradient(var(--blue) 0 62%,var(--yellow) 62% 84%,#dce3ff 84% 100%);color: var(--text);position: relative} .donut::before{content: "";position: absolute;inset: 34px;background: #fff;border-radius: 50%} .donut strong,.donut span{position: relative;z-index: 1} .section{padding: 84px 0} .section-head{margin-bottom: 34px} .section-head.center{text-align: center;max-width: 720px;margin-inline: auto} .section-head.split{display: flex;justify-content: space-between;gap: 30px;align-items: end} .section-head h2{margin-bottom: 0;font-size: clamp(30px,4vw,44px);line-height: 1.14} .section-head a{color: var(--blue);font-weight: 850} .services{background: linear-gradient(180deg,#fff,var(--bg))} .service-grid{display: grid;grid-template-columns: repeat(6,1fr);gap: 16px} .service-card{position: relative;padding: 28px 24px;background: #fff;border: 1px solid var(--line);border-radius: var(--radius);box-shadow: 0 10px 30px rgba(29,48,112,.06)} .anchor-target{position: absolute;top: -120px} .service-card .icon{display: grid;place-items: center;width: 58px;height: 58px;margin-bottom: 24px;border-radius: 50%;color: #fff;font-size: 25px} .icon.blue{background: var(--blue)} .icon.yellow{background: var(--yellow)} .service-card h3{font-size: 15px;line-height: 1.35;text-transform: uppercase} .service-card a{display: block;padding: 5px 0;color: var(--text-soft);font-size: 13px} .service-card a::before{content: "›";margin-right: 8px;color: var(--blue)} .stats-band{margin-top: 32px;display: grid;grid-template-columns: repeat(4,1fr);gap: 18px;padding: 32px;background: #fff;border: 1px solid var(--line);border-radius: var(--radius);box-shadow: 0 16px 44px rgba(29,48,112,.08)} .stats-band div{display: grid;grid-template-columns: 56px 1fr;column-gap: 14px;align-items: center} .stats-band span{grid-row: span 2;font-size: 38px;color: var(--blue)} .stats-band strong{font-size: 34px;line-height: 1} .stats-band small{color: var(--muted)} .case-grid{display: grid;grid-template-columns: repeat(3,1fr);gap: 18px} .case-card{min-height: 270px;padding: 28px;border-radius: var(--radius);overflow: hidden;color: #fff;background: linear-gradient(135deg,rgba(5,12,38,.92),rgba(17,38,92,.64)),#152044;position: relative} .case-card::after,.post-image::after,.fake-map::before{content: "";position: absolute;inset: 0;background: linear-gradient(120deg,transparent 0 20%,rgba(255,255,255,.16) 21% 22%,transparent 23%),radial-gradient(circle at 70% 35%,rgba(37,55,230,.75),transparent 13%),repeating-linear-gradient(90deg,transparent 0 34px,rgba(255,255,255,.06) 35px 36px);opacity: .65} .case-card>*{position: relative;z-index: 1} .case-card span{display: inline-block;padding: 4px 10px;border-radius: 999px;background: rgba(22,200,111,.22);color: #6bffb1;text-transform: uppercase;font-size: 12px;font-weight: 900} .case-card strong{display: block;margin-top: 22px;color: #4af59a;font-size: 46px} .case-card a{display: inline-block;margin-top: 18px;font-weight: 850} .clinic{background: linear-gradient(100deg,rgba(5,12,38,.96) 0%,rgba(7,18,59,.84) 48%,rgba(7,18,59,.46) 100%),url("assets/clinique-privee-bafoussam.jpg") center / cover no-repeat} .clinic::after{background: linear-gradient(120deg,transparent 0 20%,rgba(255,255,255,.12) 21% 22%,transparent 23%),linear-gradient(180deg,rgba(37,55,230,.08),rgba(37,55,230,.32)),repeating-linear-gradient(90deg,transparent 0 34px,rgba(255,255,255,.05) 35px 36px);opacity: .78} .btp{background: linear-gradient(100deg,rgba(5,12,38,.96) 0%,rgba(7,18,59,.82) 48%,rgba(7,18,59,.46) 100%),url("assets/entreprise-btp.jpg") center / cover no-repeat} .btp::after{background: linear-gradient(120deg,transparent 0 20%,rgba(255,255,255,.12) 21% 22%,transparent 23%),linear-gradient(180deg,rgba(255,179,0,.06),rgba(37,55,230,.34)),repeating-linear-gradient(90deg,transparent 0 34px,rgba(255,255,255,.05) 35px 36px);opacity: .78} .shop{background: linear-gradient(100deg,rgba(5,12,38,.96) 0%,rgba(7,18,59,.82) 48%,rgba(7,18,59,.48) 100%),url("assets/boutique-en-ligne.avif") center / cover no-repeat} .shop::after{background: linear-gradient(120deg,transparent 0 20%,rgba(255,255,255,.12) 21% 22%,transparent 23%),linear-gradient(180deg,rgba(20,184,166,.07),rgba(37,55,230,.34)),repeating-linear-gradient(90deg,transparent 0 34px,rgba(255,255,255,.05) 35px 36px);opacity: .78} .timeline{display: grid;grid-template-columns: repeat(5,1fr);gap: 22px;margin: 0;padding: 0;list-style: none;text-align: center} .timeline strong{display: grid;place-items: center;width: 72px;height: 72px;margin: 0 auto 16px;border: 1px solid #cfd8ff;border-radius: 50%;color: var(--blue);background: #fff;box-shadow: 0 10px 30px rgba(37,55,230,.1)} .timeline h3{margin-bottom: 8px} .timeline p{color: var(--muted);font-size: 14px} .compare-grid{display: grid;grid-template-columns: .8fr 1.2fr;gap: 54px;align-items: center} .compare-card{display: grid;grid-template-columns: 1fr 82px 1fr;align-items: center;padding: 34px;background: #fff;border: 1px solid var(--line);border-radius: var(--radius);box-shadow: var(--shadow)} .compare-card>strong{display: grid;place-items: center;width: 82px;height: 82px;border-radius: 50%;border: 1px solid #cfd8ff;color: var(--text)} .compare-card p{margin-bottom: 10px;color: var(--text-soft)} .cta-band{display: grid;grid-template-columns: 1fr auto auto;gap: 36px;align-items: center;margin: 48px 0;padding: 42px;border-radius: var(--radius);color: #fff;background: radial-gradient(circle at 12% 45%,rgba(0,178,255,.45),transparent 24%),linear-gradient(100deg,#06155d,var(--blue));box-shadow: 0 18px 55px rgba(37,55,230,.28)} .cta-band h2{font-size: clamp(28px,3vw,42px);line-height: 1.16;margin-bottom: 10px} .cta-band p{margin-bottom: 0;color: rgba(255,255,255,.82)} .cta-band ul{margin: 0;padding-left: 22px;font-weight: 800} .blog-hero{padding: 82px 0 70px;min-height: 390px;background: linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.92) 35%,rgba(246,248,255,.52) 62%,rgba(239,242,255,.18) 100%),url("assets/blog-header-globe.webp") right center / cover no-repeat} .blog-hero::after{display: none} .blog-hero h1,.contact-copy h1{font-size: clamp(42px,5vw,64px)} .searchbar{display: flex;width: min(100%,520px);margin-top: 32px;overflow: hidden;background: #fff;border: 1px solid var(--line);border-radius: var(--radius);box-shadow: 0 10px 28px rgba(29,48,112,.06)} .searchbar input{flex: 1;border: 0;padding: 20px 22px;outline: 0} .searchbar:focus-within{border-color: var(--blue);box-shadow: 0 0 0 3px rgba(37,55,230,.16),0 10px 28px rgba(29,48,112,.06)} .searchbar button{width: 62px;border: 0;background: #fff;color: var(--blue);cursor: pointer} .blog-layout{display: grid;grid-template-columns: minmax(0,1fr) 320px;gap: 48px} .tabs{display: flex;flex-wrap: wrap;gap: 12px;margin-bottom: 26px} .tabs button{border: 0;border-radius: 7px;padding: 13px 17px;background: #fff;color: var(--text);font-weight: 800;cursor: pointer} .tabs button.active{background: #e8ebff;color: var(--blue)} .featured-post{display: grid;grid-template-columns: 1.1fr .9fr;min-height: 330px;margin-bottom: 30px} .post-grid{display: grid;grid-template-columns: repeat(3,1fr);gap: 24px} .home-blog-suggestions{background: linear-gradient(180deg,#fff 0%,var(--bg) 100%)} .home-blog-grid{grid-template-columns: repeat(4,minmax(0,1fr))} .post-card{background: #fff;border: 1px solid var(--line);border-radius: var(--radius);overflow: hidden;box-shadow: 0 14px 40px rgba(29,48,112,.08)} .post-card.site-reveal{opacity: 1;transform: none} .post-card.hidden{display: none} .post-image{display: block;position: relative;min-height: 190px;background: linear-gradient(135deg,#051023,#17316e);overflow: hidden} .featured-post .post-image{min-height: 100%} .post-image.has-photo{background: #061022} .post-image.has-photo img{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover} .post-image.has-photo::after{background: linear-gradient(180deg,rgba(5,12,38,.08),rgba(5,12,38,.52));opacity: 1} .post-image span{position: relative;z-index: 1;display: inline-block;margin: 18px;padding: 5px 10px;border-radius: 999px;background: var(--blue);color: #fff;text-transform: uppercase;font-size: 11px;font-weight: 900} .post-image.seo{background: linear-gradient(135deg,#093047,#0d887a)} .post-image.ai{background: linear-gradient(135deg,var(--blue-dark),var(--blue))} .post-image.web{background: linear-gradient(135deg,#151b2e,#f3ad17)} .post-image.ads{background: linear-gradient(135deg,var(--text),var(--blue))} .post-image.local{background: linear-gradient(135deg,var(--blue-dark),#189f69)} .post-content{padding: 28px} .post-content .tag{color: var(--blue);text-transform: uppercase;font-size: 11px;font-weight: 900} .post-content h2{font-size: 22px;line-height: 1.32;margin: 10px 0 12px} .post-content p{color: var(--text-soft)} .post-meta{display: flex;flex-wrap: wrap;gap: 12px;color: var(--muted);font-size: 12px} .post-meta span{color: var(--text);font-weight: 800} .read-more{float: right;margin-top: 18px;padding: 10px 15px;border-radius: 6px;background: #e8ebff;color: var(--blue);font-weight: 850;font-size: 13px} .sidebar{display: grid;gap: 24px;align-content: start} .side-card{padding: 24px;background: #fff;border: 1px solid var(--line);border-radius: var(--radius);box-shadow: 0 12px 34px rgba(29,48,112,.06)} .side-card h2{font-size: 18px} .side-card a,.side-card p{display: flex;justify-content: space-between;gap: 10px;margin: 12px 0;color: var(--text-soft);font-weight: 700;font-size: 14px} .newsletter{text-align: center} .newsletter .mail-icon{display: grid;place-items: center;width: 72px;height: 72px;margin: 0 auto 18px;border-radius: 50%;background: var(--blue-soft);color: var(--blue);font-size: 34px} .newsletter input,.contact-form input,.contact-form select,.contact-form textarea{width: 100%;border: 1px solid #dbe1f0;border-radius: 6px;padding: 14px 16px;color: var(--text);outline-color: var(--blue)} .newsletter form{display: grid;gap: 12px} .newsletter .btn{width: 100%} .audit-card{color: #fff;background: linear-gradient(135deg,#071052,var(--blue))} .audit-card p,.audit-card a{color: inherit} .article-page .article-sidebar .audit-card{background: linear-gradient(145deg,#06145f 0%,#1728b8 48%,#2947ff 100%)} .article-page .article-sidebar .audit-card h2,.article-page .article-sidebar .audit-card p{color: #fff} .article-page .article-sidebar .audit-card h2{text-shadow: 0 2px 14px rgba(0,0,0,.22)} .pagination{display: flex;justify-content: center;gap: 10px;margin-top: 36px} .pagination a,.pagination span{display: grid;place-items: center;width: 38px;height: 38px;border-radius: 50%;background: #fff;border: 1px solid var(--line);font-weight: 800} .pagination .active{background: var(--blue);color: #fff} .contact-hero{padding: 86px 0;background: linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.94) 38%,rgba(246,248,255,.58) 68%,rgba(239,242,255,.22) 100%),url("assets/contact-header-globe.webp") right center / cover no-repeat} .contact-hero::after{display: none} .contact-grid{position: relative;z-index: 1;display: grid;grid-template-columns: .95fr 1.05fr;gap: 70px;align-items: center} .benefits{display: grid;gap: 26px;margin: 42px 0 0;padding: 0;list-style: none} .benefits li{position: relative;padding-left: 58px} .benefits li::before{content: "●";position: absolute;left: 0;top: 0;display: grid;place-items: center;width: 40px;height: 40px;border-radius: 50%;background: var(--blue-soft);color: var(--blue)} .benefits strong,.benefits span{display: block} .benefits span{color: var(--muted)} .contact-form{padding: 34px;background: rgba(255,255,255,.93);border: 1px solid #fff;border-radius: var(--radius);box-shadow: var(--shadow)} .contact-form h2{margin-bottom: 6px} .form-line{width: 46px;height: 4px;margin-bottom: 24px;border-radius: 99px;background: var(--blue)} .contact-form label{display: grid;gap: 7px;margin-bottom: 16px;color: #3d4763;font-size: 14px;font-weight: 700} .two-cols{display: grid;grid-template-columns: 1fr 1fr;gap: 16px} .contact-form .btn{width: 100%} .form-alert{margin: 14px 0 18px;padding: 12px 14px;border-radius: 8px;font-size: 13px;font-weight: 800} .form-alert.success{border: 1px solid rgba(21,200,111,.32);background: rgba(21,200,111,.1);color: #08743d} .form-alert.error{border: 1px solid rgba(220,38,38,.28);background: rgba(220,38,38,.08);color: #a11616} .form-honeypot{position: absolute;left: -10000px;width: 1px;height: 1px;overflow: hidden} .contact-cards{display: grid;grid-template-columns: repeat(4,1fr);gap: 22px} .contact-cards article{text-align: center;padding: 34px 24px;background: #fff;border: 1px solid var(--line);border-radius: var(--radius);box-shadow: 0 14px 38px rgba(29,48,112,.08)} .contact-cards span{display: grid;place-items: center;width: 64px;height: 64px;margin: 0 auto 18px;border-radius: 50%;background: var(--blue-soft);color: var(--blue);font-size: 26px} .contact-cards p{margin-bottom: 0;color: var(--muted)} .map-card{display: grid;grid-template-columns: 1.6fr .9fr;margin: 18px 0 48px;overflow: hidden;border-radius: var(--radius);background: #061022;color: #fff} .fake-map{position: relative;min-height: 320px;overflow: hidden;background: radial-gradient(circle at 60% 55%,rgba(37,55,230,.75),transparent 8%),repeating-linear-gradient(18deg,transparent 0 28px,rgba(70,122,255,.18) 29px 30px),repeating-linear-gradient(92deg,transparent 0 42px,rgba(70,122,255,.13) 43px 44px),#071225} .fake-map span{position: absolute;left: 58%;top: 48%;z-index: 2;width: 42px;height: 42px;border-radius: 50% 50% 50% 0;background: var(--blue);transform: rotate(-45deg);box-shadow: 0 0 0 12px rgba(37,55,230,.22)} .map-card>div:last-child{padding: 58px 48px} .contact-cta{grid-template-columns: 1fr auto} .site-footer{margin-top: 40px;padding: 54px 0 24px;background: #fff} .dark-footer{background: radial-gradient(circle at 88% 52%,rgba(37,55,230,.28),transparent 20%),#030b1a;color: #fff} .footer-grid{display: grid;grid-template-columns: 1.4fr repeat(4,1fr);gap: 44px} .footer-grid p{color: var(--muted)} .dark-footer .footer-grid p{color: rgba(255,255,255,.72)} .footer-grid h2{font-size: 15px;margin-bottom: 18px} .footer-grid a,.footer-grid span{display: block;margin: 10px 0;color: #4e5874;font-size: 14px} .dark-footer .footer-grid a,.dark-footer .footer-grid span{color: rgba(255,255,255,.76)} .socials{display: flex;gap: 12px} .socials a,.socials .social-placeholder{display: grid;place-items: center;width: 34px;height: 34px;border-radius: 50%;background: var(--blue-soft);color: var(--text)} .socials .social-placeholder{cursor: not-allowed;opacity: .62} .dark-footer .socials a,.dark-footer .socials .social-placeholder{background: rgba(255,255,255,.08);color: #fff} .legal{display: flex;justify-content: center;gap: 28px;margin-top: 42px;padding-top: 22px;border-top: 1px solid rgba(120,130,160,.22);color: var(--muted);font-size: 13px} .legal a{color: inherit} .whatsapp{position: fixed;right: 22px;bottom: 22px;z-index: 40;display: grid;place-items: center;width: 54px;height: 54px;border-radius: 50%;background: var(--green);color: #fff;font-size: 0;box-shadow: 0 16px 30px rgba(23,201,100,.32)} .whatsapp::before{content: "";width: 30px;height: 30px;background-color: currentColor;-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M16.02 3.2A12.72 12.72 0 0 0 5.18 22.57L3.6 28.8l6.38-1.52A12.72 12.72 0 1 0 16.02 3.2Zm0 2.35a10.37 10.37 0 0 1 8.82 15.83 10.28 10.28 0 0 1-12.25 3.95l-.43-.18-3.79.9.94-3.65-.24-.43a10.37 10.37 0 0 1 6.95-16.42Zm-4.1 5.6c-.23 0-.6.08-.92.43-.31.35-1.2 1.17-1.2 2.86 0 1.68 1.23 3.31 1.4 3.54.17.23 2.38 3.8 5.86 5.17 2.9 1.15 3.5.92 4.13.86.63-.06 2.03-.83 2.32-1.63.28-.8.28-1.48.2-1.63-.09-.14-.32-.23-.66-.4-.34-.18-2.03-1-2.35-1.12-.31-.11-.54-.17-.77.17-.23.35-.89 1.12-1.09 1.35-.2.23-.4.26-.75.08-.34-.17-1.45-.53-2.76-1.7-1.02-.91-1.7-2.03-1.9-2.38-.2-.34-.02-.53.15-.7.16-.16.35-.4.52-.6.17-.2.23-.34.34-.57.12-.23.06-.43-.03-.6-.08-.17-.77-1.86-1.06-2.55-.28-.67-.57-.58-.77-.59h-.66Z'/%3E%3C/svg%3E") center / contain no-repeat;mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M16.02 3.2A12.72 12.72 0 0 0 5.18 22.57L3.6 28.8l6.38-1.52A12.72 12.72 0 1 0 16.02 3.2Zm0 2.35a10.37 10.37 0 0 1 8.82 15.83 10.28 10.28 0 0 1-12.25 3.95l-.43-.18-3.79.9.94-3.65-.24-.43a10.37 10.37 0 0 1 6.95-16.42Zm-4.1 5.6c-.23 0-.6.08-.92.43-.31.35-1.2 1.17-1.2 2.86 0 1.68 1.23 3.31 1.4 3.54.17.23 2.38 3.8 5.86 5.17 2.9 1.15 3.5.92 4.13.86.63-.06 2.03-.83 2.32-1.63.28-.8.28-1.48.2-1.63-.09-.14-.32-.23-.66-.4-.34-.18-2.03-1-2.35-1.12-.31-.11-.54-.17-.77.17-.23.35-.89 1.12-1.09 1.35-.2.23-.4.26-.75.08-.34-.17-1.45-.53-2.76-1.7-1.02-.91-1.7-2.03-1.9-2.38-.2-.34-.02-.53.15-.7.16-.16.35-.4.52-.6.17-.2.23-.34.34-.57.12-.23.06-.43-.03-.6-.08-.17-.77-1.86-1.06-2.55-.28-.67-.57-.58-.77-.59h-.66Z'/%3E%3C/svg%3E") center / contain no-repeat} .guide-page{background: linear-gradient(180deg,#fff 0%,var(--bg) 58%,#fff 100%)} .showcase-page{background: radial-gradient(circle at 82% 5%,rgba(37,55,230,.08),transparent 24%),linear-gradient(180deg,#fff 0%,var(--bg) 56%,#fff 100%)} .commerce-page{background: radial-gradient(circle at 80% 6%,rgba(37,55,230,.08),transparent 24%),linear-gradient(180deg,#fff 0%,var(--bg) 57%,#fff 100%)} .saas-page{background: radial-gradient(circle at 79% 7%,rgba(37,55,230,.08),transparent 24%),linear-gradient(180deg,#fff 0%,var(--bg) 57%,#fff 100%)} .saas-page .site-header{border-bottom: 0} .saas-hero{position: relative;overflow: hidden;padding: 62px 0 34px} .saas-hero-grid{display: grid;grid-template-columns: minmax(0,.9fr) minmax(560px,1.1fr);gap: 58px;align-items: center} .saas-pill{display: inline-flex;margin-bottom: 28px;padding: 6px 14px;border-radius: 999px;color: var(--blue);background: var(--blue-soft);text-transform: uppercase;font-size: 12px;font-weight: 900} .saas-copy h1{margin-bottom: 22px;font-size: clamp(42px,4.8vw,66px)} .saas-copy>p:not(.saas-pill){max-width: 620px;color: var(--text-soft);font-size: 17px} .saas-mini-features{display: grid;grid-template-columns: repeat(4,1fr);gap: 28px;margin-top: 52px} .saas-mini-features span{display: grid;grid-template-columns: 28px 1fr;column-gap: 8px;color: var(--blue);font-size: 24px;line-height: 1.15} .saas-mini-features strong,.saas-mini-features small{grid-column: 2;color: var(--heading)} .saas-mini-features strong{font-size: 12px;font-weight: 900} .saas-mini-features small{color: var(--muted);font-size: 11px;font-weight: 700} .saas-dashboard-wrap{position: relative;min-height: 570px} .saas-window{position: absolute;right: 0;top: 0;display: grid;grid-template-columns: 130px 1fr;width: min(650px,96%);min-height: 470px;overflow: hidden;border: 1px solid var(--line);border-radius: 22px;background: #fff;box-shadow: 0 34px 90px rgba(37,55,230,.14)} .saas-window aside{padding: 34px 18px;background: var(--surface-soft)} .saas-window aside strong{display: block;margin-bottom: 28px;color: var(--blue)} .saas-window aside span{display: block;margin: 8px 0;padding: 11px 10px;border-radius: 7px;color: var(--text-soft);font-size: 12px;font-weight: 850} .saas-window aside .active{color: #fff;background: var(--blue)} .saas-main{padding: 34px 28px} .saas-top{display: flex;align-items: center;gap: 16px;margin-bottom: 24px} .saas-top strong{margin-right: auto} .saas-top i{width: 28px;height: 28px;border-radius: 50%;background: linear-gradient(135deg,var(--yellow),var(--blue))} .saas-metrics{display: grid;grid-template-columns: repeat(3,1fr);gap: 14px} .saas-metrics article,.saas-charts article,.saas-phone-screen article{padding: 16px;border: 1px solid var(--line);border-radius: 10px;background: #fff} .saas-metrics small,.saas-charts small,.saas-phone-screen small{display: block;color: var(--muted);font-size: 11px;font-weight: 750} .saas-metrics strong,.saas-charts strong,.saas-phone-screen strong{display: block;margin: 8px 0;color: var(--blue-dark)} .saas-metrics em,.saas-phone-screen em{float: right;color: var(--green);font-size: 11px;font-style: normal;font-weight: 900} .saas-charts{display: grid;grid-template-columns: 1.35fr .85fr;gap: 16px;margin-top: 16px} .saas-line-chart{height: 160px;margin-top: 16px;background: linear-gradient(135deg,transparent 0 20%,var(--blue) 21% 23%,transparent 24% 33%,var(--blue) 34% 36%,transparent 37% 50%,var(--blue) 51% 53%,transparent 54% 66%,var(--blue) 67% 69%,transparent 70%),linear-gradient(180deg,transparent 45%,rgba(37,55,230,.08) 45%);border-bottom: 2px solid #dfe4ff} .saas-donut{display: grid;place-items: center;width: 130px;height: 130px;margin: 10px auto;border-radius: 50%;background: conic-gradient(var(--blue) 0 60%,var(--yellow) 60% 85%,#dfe4ff 85% 100%);box-shadow: inset 0 0 0 34px #fff;text-align: center} .saas-donut strong,.saas-donut span{grid-area: 1 / 1} .saas-donut span{margin-top: 32px;color: var(--muted);font-size: 11px;font-weight: 850} .saas-charts p{color: var(--muted);font-size: 11px} .saas-phone{position: absolute;left: 0;top: 230px;width: 170px;min-height: 330px;padding: 14px;border: 9px solid #0d111c;border-radius: 35px;background: #fff;box-shadow: 0 28px 48px rgba(9,16,47,.22)} .saas-phone-screen{padding-top: 30px} .saas-phone-screen h3{font-size: 15px} .saas-phone-screen article{margin-top: 12px} .bar-chart{height: 58px;margin-top: 10px;background: linear-gradient(to top,var(--blue) 0 38%,transparent 38%) 0 0 / 14px 100%,linear-gradient(to top,var(--blue) 0 68%,transparent 68%) 24px 0 / 14px 100%,linear-gradient(to top,var(--blue) 0 44%,transparent 44%) 48px 0 / 14px 100%,linear-gradient(to top,var(--blue) 0 85%,transparent 85%) 72px 0 / 14px 100%;background-repeat: no-repeat} .saas-stats{display: grid;grid-template-columns: repeat(4,1fr);gap: 24px;margin-top: -12px;margin-left: auto;width: min(650px,100%);padding: 25px 34px;border: 1px solid var(--line);border-radius: 12px;background: rgba(255,255,255,.94);box-shadow: 0 18px 44px rgba(29,48,112,.08)} .saas-stats article{display: grid;grid-template-columns: 38px 1fr;column-gap: 12px} .saas-stats span{grid-row: span 2;color: var(--blue);font-size: 31px} .saas-stats strong{font-size: 20px;line-height: 1} .saas-stats small{color: var(--muted);font-size: 11px;font-weight: 750} .saas-card-grid{display: grid;gap: 18px} .saas-card-grid.four{grid-template-columns: repeat(4,1fr)} .saas-card-grid article,.saas-module-grid article,.saas-sectors article{padding: 26px;border: 1px solid var(--line);border-radius: 10px;background: #fff;box-shadow: 0 12px 30px rgba(29,48,112,.06)} .saas-card-grid span,.saas-module-grid span,.saas-sectors span{display: block;margin-bottom: 16px;color: var(--blue);font-size: 35px;line-height: 1} .saas-card-grid h3,.saas-module-grid h3,.saas-sectors h3{font-size: 16px} .saas-card-grid p,.saas-module-grid p,.saas-sectors p{margin-bottom: 0;color: var(--muted);font-size: 13px} .center-text{text-align: center} .saas-modules,.saas-sectors,.saas-tech{margin-top: 34px} .saas-module-grid{display: grid;grid-template-columns: repeat(4,1fr);border: 1px solid var(--line);border-radius: 10px;overflow: hidden;background: #fff} .saas-module-grid article{border-width: 0 1px 1px 0;border-radius: 0;box-shadow: none} .saas-sectors>div{display: grid;grid-template-columns: repeat(6,1fr);border: 1px solid var(--line);border-radius: 10px;overflow: hidden;background: #fff} .saas-sectors article{border-width: 0 1px 0 0;border-radius: 0;box-shadow: none;text-align: center} .saas-impact-row{display: grid;grid-template-columns: 1fr 1fr;gap: 32px;margin-top: 34px} .saas-impact,.saas-testimonial{min-height: 210px;padding: 34px;border-radius: 12px} .saas-impact{border: 1px solid var(--line);background: #fff;box-shadow: 0 12px 30px rgba(29,48,112,.06)} .saas-impact h2{max-width: 520px;font-size: 26px} .saas-impact>div{display: grid;grid-template-columns: repeat(4,1fr);gap: 18px;margin-top: 28px} .saas-impact strong{display: block;color: var(--blue);font-size: 30px} .saas-impact small{color: var(--muted);font-weight: 750} .saas-testimonial{margin: 0;color: #fff;background: radial-gradient(circle at 18% 32%,rgba(255,255,255,.18),transparent 16%),linear-gradient(135deg,#0a1770,#071db7);box-shadow: 0 18px 44px rgba(13,29,147,.24)} .saas-testimonial p{color: rgba(255,255,255,.9);font-size: 17px} .saas-testimonial cite{display: block;margin-top: 18px;font-style: normal;font-weight: 850} .saas-testimonial span{color: var(--yellow)} .saas-tech>div{display: grid;grid-template-columns: repeat(9,1fr);gap: 12px;padding: 18px;border: 1px solid var(--line);border-radius: 10px;background: #fff} .saas-tech span{display: grid;place-items: center;min-height: 58px;color: var(--heading);font-size: 16px;font-weight: 950} .saas-tech span:nth-child(1){color: #ef334a} .saas-tech span:nth-child(2){color: #2eb66f} .saas-tech span:nth-child(5){color: var(--yellow)} .saas-tech span:nth-child(6){color: #1d8dd8} .saas-cta{display: grid;grid-template-columns: 220px minmax(0,1fr) auto;gap: 28px 34px;align-items: center;margin-top: 34px;padding: 36px 42px;color: #fff;border-radius: 12px;background: radial-gradient(circle at 18% 48%,rgba(16,129,255,.58),transparent 23%),linear-gradient(120deg,#07146f 0%,#1123b7 52%,#2542ff 100%);box-shadow: 0 18px 44px rgba(13,29,147,.28)} .saas-cta-art{grid-row: span 2;min-height: 168px;border-radius: 16px;background: radial-gradient(circle at 42% 45%,rgba(255,255,255,.82) 0 3px,transparent 4px),radial-gradient(circle at 42% 45%,rgba(70,170,255,.42),transparent 38%),linear-gradient(135deg,rgba(255,255,255,.18),transparent 44%),linear-gradient(135deg,#1648ff,#071672);box-shadow: inset 0 0 0 1px rgba(255,255,255,.2),0 18px 34px rgba(4,10,60,.22)} .saas-cta h2{max-width: 720px;margin-bottom: 12px;color: #fff;font-size: clamp(28px,3vw,40px);line-height: 1.12;text-shadow: 0 2px 18px rgba(0,0,0,.24)} .saas-cta p{max-width: 660px;margin-bottom: 0;color: rgba(255,255,255,.9);font-size: 17px;font-weight: 650} .saas-cta .btn-light{align-self: center;min-width: 260px;color: var(--text)} .saas-cta .commerce-cta-points{grid-column: 2 / -1;display: grid;grid-template-columns: repeat(3,minmax(0,auto));gap: 14px 28px;align-items: center;color: rgba(255,255,255,.95);font-size: 13px} .saas-cta .commerce-cta-points span{display: inline-flex;align-items: center;min-height: 28px} .commerce-page .site-header{border-bottom: 0} .commerce-hero{position: relative;overflow: hidden;padding: 58px 0 34px} .commerce-hero-grid{display: grid;grid-template-columns: minmax(0,.82fr) minmax(560px,1.18fr);gap: 54px;align-items: center} .commerce-pill{display: inline-flex;margin-bottom: 28px;padding: 6px 14px;border-radius: 999px;color: var(--blue);background: var(--blue-soft);text-transform: uppercase;font-size: 12px;font-weight: 900} .commerce-copy h1{margin-bottom: 22px;font-size: clamp(46px,5vw,72px)} .commerce-copy>p:not(.commerce-pill){max-width: 570px;color: var(--text-soft);font-size: 17px} .commerce-dashboard-wrap{position: relative;min-height: 560px} .commerce-laptop{position: absolute;left: 16%;top: 30px;width: 560px;filter: drop-shadow(0 34px 38px rgba(10,21,72,.22));animation: guideFloat 6.8s ease-in-out infinite} .commerce-screen{min-height: 360px;padding: 26px;border: 12px solid #141925;border-bottom-width: 18px;border-radius: 18px 18px 10px 10px;background: #fff} .commerce-base{width: 108%;height: 50px;margin-left: -4%;border-radius: 0 0 55% 55% / 0 0 100% 100%;background: linear-gradient(180deg,#dfe3ec,#8b95a8);box-shadow: inset 0 7px 0 rgba(255,255,255,.55)} .dash-top{display: flex;justify-content: space-between;margin-bottom: 22px} .dash-grid{display: grid;grid-template-columns: repeat(2,1fr);gap: 16px} .dash-grid article{min-height: 116px;padding: 16px;border: 1px solid var(--line);border-radius: 10px;background: #fbfcff} .dash-grid small,.commerce-card small{display: block;color: var(--muted);font-size: 11px;font-weight: 750} .dash-grid strong,.commerce-card strong{display: block;margin: 6px 0;color: var(--blue-dark)} .dash-grid em{float: right;color: var(--green);font-size: 11px;font-style: normal;font-weight: 900} .dash-grid p{margin: 8px 0 0;color: var(--text-soft);font-size: 12px;font-weight: 750} .mini-line{height: 42px;margin-top: 16px;background: linear-gradient(135deg,transparent 0 18%,var(--blue) 19% 22%,transparent 23% 36%,var(--blue) 37% 40%,transparent 41% 58%,var(--blue) 59% 62%,transparent 63%),linear-gradient(180deg,transparent 50%,rgba(37,55,230,.08) 50%);border-bottom: 2px solid #dfe4ff} .mini-line.alt{transform: scaleY(.76)} .donut-chart{width: 82px;height: 82px;margin: 8px auto 0;border-radius: 50%;background: conic-gradient(var(--blue) 0 42%,var(--yellow) 42% 68%,#27c56f 68% 82%,#dfe4ff 82% 100%);box-shadow: inset 0 0 0 22px #fff} .commerce-phone{position: absolute;right: 18px;top: 190px;width: 170px;min-height: 340px;padding: 14px;border: 9px solid #0d111c;border-radius: 35px;background: #fff;box-shadow: 0 28px 48px rgba(9,16,47,.24)} .commerce-phone-screen{padding-top: 30px} .bag-product,.product-float,.commerce-illustration{position: relative;overflow: hidden;background: linear-gradient(135deg,rgba(255,255,255,.24),transparent 38%),linear-gradient(135deg,#0e162b,#343b4e 58%,#111827)} .bag-product{height: 118px;margin: 12px 0 16px;border-radius: 12px} .bag-product::before,.product-float::before,.commerce-illustration::before{content: "";position: absolute;left: 28%;top: 22%;width: 45%;height: 55%;border: 4px solid rgba(255,255,255,.45);border-radius: 14px 14px 8px 8px} .commerce-phone h3{margin-bottom: 5px;font-size: 18px} .commerce-phone strong{display: block;margin-bottom: 12px} .commerce-phone a{display: grid;place-items: center;min-height: 34px;border-radius: 7px;color: #fff;background: var(--blue);font-size: 11px;font-weight: 900} .commerce-card{position: absolute;z-index: 2;width: 160px;padding: 18px;border: 1px solid #dfe4ff;border-radius: 10px;background: rgba(255,255,255,.92);box-shadow: 0 16px 42px rgba(29,48,112,.12);backdrop-filter: blur(12px)} .floating-order{left: 0;top: 80px} .floating-payment{left: 20px;top: 310px} .commerce-card b{display: block;margin: 6px 0;color: #061030} .commerce-card span{color: var(--muted);font-size: 11px;font-weight: 750} .cart-mini{position: absolute;left: 42%;bottom: 80px;display: grid;place-items: center;width: 62px;height: 62px;border-radius: 16px;background: #fff;box-shadow: 0 18px 36px rgba(29,48,112,.18);font-size: 34px} .product-float{position: absolute;width: 94px;height: 94px;border-radius: 20px;box-shadow: 0 16px 34px rgba(29,48,112,.14)} .shoe-float{right: 4px;top: 30px;border-radius: 50%;background: linear-gradient(135deg,var(--surface-soft),#dce5ff)} .shoe-float::before{left: 23%;top: 44%;width: 58%;height: 16%;border: 0;border-radius: 40px 20px 10px 10px;background: #111827;transform: rotate(-18deg)} .bag-float{right: 16px;bottom: 82px} .commerce-stats{display: grid;grid-template-columns: repeat(4,1fr);gap: 24px;margin-top: -14px;padding: 25px 34px;border: 1px solid var(--line);border-radius: 12px;background: rgba(255,255,255,.94);box-shadow: 0 18px 44px rgba(29,48,112,.08)} .commerce-stats article{display: grid;grid-template-columns: 42px 1fr;column-gap: 14px} .commerce-stats span{grid-row: span 2;color: var(--blue);font-size: 34px;line-height: 1} .commerce-stats strong{font-size: 24px;line-height: 1} .commerce-stats small{color: var(--muted);font-size: 12px;font-weight: 750} .commerce-product-panel,.commerce-comparison,.commerce-projects{margin-top: 34px;padding: 34px;border: 1px solid var(--line);border-radius: 12px;background: #fff;box-shadow: 0 14px 40px rgba(29,48,112,.06)} .commerce-product-panel{display: grid;grid-template-columns: minmax(0,1.35fr) .85fr;gap: 56px;align-items: center} .commerce-product-panel h2{max-width: 540px;font-size: 34px;line-height: 1.18} .product-demo{display: grid;grid-template-columns: 60px 240px minmax(250px,1fr);gap: 18px;align-items: center;margin-top: 22px} .thumbs{display: grid;gap: 12px} .thumbs span,.shoe-main{border-radius: 8px;background: linear-gradient(135deg,#e8edf7,#fff 45%,#0e56b5)} .thumbs span{height: 58px;border: 1px solid var(--line)} .shoe-main{height: 240px;box-shadow: inset 0 0 0 1px #dfe5f5} .shoe-main::before,.thumbs span::before{content: "";display: block;width: 70%;height: 25%;margin: 42% auto 0;border-radius: 50px 30px 20px 20px;background: #172033;transform: rotate(-18deg)} .product-card-demo{padding: 24px;border: 1px solid var(--line);border-radius: 10px;background: #fff} .product-card-demo h3{font-size: 22px} .stars{color: var(--yellow);font-weight: 900} .stars small{color: var(--muted)} .product-card-demo strong{margin-right: 10px;font-size: 21px} .product-card-demo del{color: #98a1b6} .product-card-demo em{margin-left: 10px;padding: 4px 7px;border-radius: 5px;color: #08a35d;background: #e8fff4;font-style: normal;font-weight: 900} .product-card-demo p{margin: 14px 0 6px;color: var(--muted);font-size: 12px;font-weight: 800} .colors,.sizes,.buy-row{display: flex;gap: 10px;flex-wrap: wrap} .colors span{width: 20px;height: 20px;border-radius: 50%;background: #111827} .colors span:nth-child(2){background: var(--blue)} .colors span:nth-child(3){background: var(--danger)} .sizes button,.buy-row button{border: 1px solid var(--line);border-radius: 5px;background: #fff;font-size: 12px;font-weight: 850} .sizes button{min-width: 42px;min-height: 32px} .sizes .active{border-color: var(--blue);color: var(--blue)} .stock{display: block;margin: 12px 0;color: #11a263;font-weight: 850} .buy-row button{min-height: 40px;padding: 0 16px;color: #fff;background: var(--blue)} .buy-row button:last-child{background: #080d20} .commerce-checks{margin: 0;padding: 0;list-style: none} .commerce-checks li,.good-list li,.bad-list li{position: relative;margin: 17px 0;padding-left: 28px;color: var(--text-soft);font-weight: 800} .commerce-checks li::before,.good-list li::before{content: "⊙";position: absolute;left: 0;color: var(--blue)} .commerce-feature-strip{display: grid;grid-template-columns: repeat(6,1fr);gap: 18px;margin-top: 28px} .commerce-feature-strip article{min-height: 170px;padding: 28px 18px;border: 1px solid var(--line);border-radius: 10px;background: #fff;text-align: center;box-shadow: 0 12px 30px rgba(29,48,112,.06)} .commerce-feature-strip span{display: grid;place-items: center;width: 54px;height: 54px;margin: 0 auto 18px;border-radius: 8px;color: #fff;background: var(--blue);font-size: 26px} .commerce-feature-strip article:nth-child(even) span{background: var(--yellow);color: var(--blue-dark)} .commerce-feature-strip h3{font-size: 15px} .commerce-feature-strip p{color: var(--muted);font-size: 12px} .comparison-grid{position: relative;display: grid;grid-template-columns: 1fr 80px 1.1fr 230px;gap: 28px;align-items: center} .commerce-comparison h2{font-size: 22px} .bad{display: inline-grid;place-items: center;width: 24px;height: 24px;border-radius: 50%;color: #fff;background: #ff3b50} .versus{display: grid;place-items: center;width: 78px;height: 78px;border: 1px solid var(--line);border-radius: 50%;background: #fff;box-shadow: 0 16px 36px rgba(29,48,112,.12);font-size: 26px} .bad-list,.good-list{margin: 0;padding: 0;list-style: none} .bad-list li::before{content: "⊗";position: absolute;left: 0;color: #ef334a} .good-list li::before{color: var(--green)} .commerce-illustration{height: 180px;border-radius: 20px;background: radial-gradient(circle at 55% 48%,rgba(37,55,230,.8),transparent 28%),linear-gradient(135deg,var(--blue-soft),var(--surface))} .commerce-steps{grid-template-columns: repeat(6,1fr)} .commerce-projects{padding-top: 28px} .commerce-project-row{display: grid;grid-template-columns: repeat(3,1fr);gap: 24px} .commerce-project-row article{overflow: hidden;border: 1px solid var(--line);border-radius: 10px;background: #fff} .commerce-project-row h3,.commerce-project-row strong,.commerce-project-row p,.commerce-project-row a{margin-left: 22px;margin-right: 22px} .commerce-project-row h3{margin-top: 18px;font-size: 18px} .commerce-project-row strong{display: block;color: var(--blue);font-size: 28px} .commerce-project-row p{color: var(--muted)} .commerce-project-row a{display: inline-block;margin-bottom: 22px;color: var(--blue);font-size: 13px;font-weight: 900} .commerce-shot{height: 190px;background: linear-gradient(135deg,#ffd7e7,#fff 45%,#111827)} .fashion-shot{background: linear-gradient(135deg,#101827,#111827 48%,#d6b48a)} .electronic-shot{background: linear-gradient(135deg,#f2f7ff,#c8ddff 52%,#0f172a)} .commerce-tech{margin-top: 34px} .commerce-tech>div{display: grid;grid-template-columns: repeat(8,1fr);gap: 16px} .commerce-tech span{display: grid;place-items: center;min-height: 64px;border: 1px solid var(--line);border-radius: 8px;background: #fff;box-shadow: 0 10px 28px rgba(29,48,112,.06);color: var(--heading);font-size: 20px;font-weight: 950} .commerce-tech span:nth-child(1){color: #2d8f3a} .commerce-tech span:nth-child(2){color: var(--blue)} .commerce-tech span:nth-child(4){color: #ef334a} .commerce-tech span:nth-child(5){color: var(--blue)} .commerce-tech span:nth-child(6){color: #025ea9} .commerce-cta{display: grid;grid-template-columns: 150px minmax(0,1fr) auto;gap: 28px;align-items: center;margin-top: 34px;padding: 34px 42px 26px;color: #fff;border-radius: 12px;background: radial-gradient(circle at 14% 48%,rgba(0,178,255,.48),transparent 20%),linear-gradient(100deg,#1020a8 0%,#061c93 55%,#102be7 100%);box-shadow: 0 18px 44px rgba(13,29,147,.28)} .cart-glow{display: grid;place-items: center;width: 116px;height: 116px;border: 2px solid rgba(255,255,255,.25);border-radius: 50%;background: rgba(255,255,255,.08);font-size: 54px} .commerce-cta h2{margin-bottom: 8px;font-size: 30px} .commerce-cta p{margin-bottom: 0;color: rgba(255,255,255,.82)} .commerce-cta .btn-light{color: var(--text)} .commerce-cta-points{grid-column: 2 / -1;display: flex;gap: 30px;flex-wrap: wrap;color: rgba(255,255,255,.86);font-size: 12px;font-weight: 850} .commerce-cta-points span::before{content: "⊙";margin-right: 7px;color: var(--yellow)} .showcase-page .site-header{border-bottom: 0} .showcase-hero{position: relative;overflow: hidden;padding: 58px 0 64px} .showcase-hero::after{content: "";position: absolute;right: 0;top: 0;width: min(520px,48vw);height: 520px;opacity: .38;background: linear-gradient(135deg,transparent 0 45%,rgba(37,55,230,.22) 45% 46%,transparent 46%),linear-gradient(90deg,transparent 0 62%,rgba(37,55,230,.16) 62% 63%,transparent 63%),radial-gradient(circle,rgba(37,55,230,.48) 0 2px,transparent 3px) 0 0 / 42px 42px} .showcase-hero-grid{position: relative;z-index: 1;display: grid;grid-template-columns: minmax(0,.9fr) minmax(520px,1.1fr);gap: 54px;align-items: center} .showcase-breadcrumb{margin-bottom: 28px;color: var(--blue);text-transform: uppercase;font-size: 12px;font-weight: 900} .showcase-pill{display: inline-flex;margin-bottom: 30px;padding: 6px 14px;border-radius: 999px;color: var(--blue);background: var(--blue-soft);text-transform: uppercase;font-size: 12px;font-weight: 900} .showcase-copy h1{margin-bottom: 22px;font-size: clamp(42px,4.8vw,66px)} .showcase-copy>p:not(.showcase-pill){max-width: 610px;color: var(--text-soft);font-size: 17px} .showcase-mini-features{display: grid;grid-template-columns: repeat(4,1fr);gap: 22px;margin-top: 46px} .showcase-mini-features span{display: grid;grid-template-columns: 26px 1fr;column-gap: 8px;color: var(--blue);font-size: 23px;line-height: 1.15} .showcase-mini-features strong,.showcase-mini-features small{grid-column: 2;color: var(--heading)} .showcase-mini-features strong{font-size: 12px;font-weight: 900} .showcase-mini-features small{color: var(--muted);font-size: 11px;font-weight: 700} .showcase-device-wrap{position: relative;min-height: 560px} .showcase-circuit{position: absolute;inset: -30px -18px auto auto;width: 360px;height: 360px;opacity: .36;background: linear-gradient(135deg,transparent 0 42%,rgba(37,55,230,.35) 42% 43%,transparent 43%),radial-gradient(circle,rgba(37,55,230,.55) 0 2px,transparent 3px) 0 0 / 38px 38px} .laptop-mockup{position: absolute;left: 0;top: 22px;width: min(620px,88%);filter: drop-shadow(0 32px 36px rgba(10,21,72,.22));animation: guideFloat 6.5s ease-in-out infinite} .laptop-screen{min-height: 332px;padding: 28px 34px;border: 12px solid #141925;border-bottom-width: 18px;border-radius: 18px 18px 10px 10px;background: #fff} .laptop-base{width: 108%;height: 44px;margin-left: -4%;border-radius: 0 0 55% 55% / 0 0 100% 100%;background: linear-gradient(180deg,#dfe3ec,#8b95a8);box-shadow: inset 0 7px 0 rgba(255,255,255,.55)} .mock-nav{display: flex;align-items: center;gap: 20px;margin-bottom: 36px;font-size: 10px;font-weight: 800} .mock-nav span{width: 18px;height: 18px;margin-right: auto;border-radius: 6px;background: #090f2f} .mock-nav button,.mock-hero a,.phone-screen a{border: 0;border-radius: 999px;color: #fff;background: #070b2b;font-weight: 900} .mock-nav button{padding: 8px 14px;font-size: 9px} .mock-hero{display: grid;grid-template-columns: .95fr 1fr;gap: 26px;align-items: center} .mock-hero h2{font-size: 30px;line-height: 1.15;margin-bottom: 16px} .mock-hero p,.phone-screen p{color: var(--muted);font-size: 11px} .mock-hero a,.phone-screen a{display: inline-flex;padding: 10px 16px;font-size: 10px} .mock-building,.phone-building,.project-shot{position: relative;overflow: hidden;background: linear-gradient(135deg,rgba(255,255,255,.25),transparent 42%),linear-gradient(120deg,#b7bdc7 0 18%,#eef1f6 18% 28%,#4a5364 28% 48%,#d4c2a5 48% 65%,#111827 65% 100%)} .mock-building{min-height: 188px;border-radius: 8px} .mock-building::after,.phone-building::after,.project-shot::after{content: "";position: absolute;inset: 20% 12%;background: repeating-linear-gradient(90deg,rgba(255,255,255,.5) 0 9px,transparent 9px 22px),repeating-linear-gradient(0deg,rgba(3,8,30,.28) 0 10px,transparent 10px 28px)} .phone-mockup{position: absolute;right: 6px;top: 188px;width: 158px;min-height: 330px;padding: 14px;border: 9px solid #0d111c;border-radius: 35px;background: #fff;box-shadow: 0 28px 48px rgba(9,16,47,.24);animation: guidePulse 4.4s ease-in-out infinite} .phone-notch{position: absolute;top: 8px;left: 50%;width: 54px;height: 12px;border-radius: 999px;background: #0d111c;transform: translateX(-50%)} .phone-screen{padding-top: 30px} .phone-top{display: flex;justify-content: space-between;margin-bottom: 28px} .phone-top span{width: 18px;height: 18px;border-radius: 6px;background: #090f2f} .phone-top i{width: 12px;height: 12px;border: 2px solid #11182f;border-radius: 50%} .phone-screen h3{font-size: 19px;line-height: 1.15;margin-bottom: 8px} .phone-building{height: 104px;margin-top: 18px;border-radius: 9px} .showcase-stats{position: absolute;right: 16px;bottom: 0;display: grid;grid-template-columns: repeat(3,1fr);gap: 20px;width: min(520px,78%);padding: 24px 28px;border: 1px solid rgba(229,233,245,.9);border-radius: 12px;background: rgba(255,255,255,.9);box-shadow: 0 20px 50px rgba(29,48,112,.12);backdrop-filter: blur(12px)} .showcase-stats article{display: grid;grid-template-columns: 34px 1fr;column-gap: 12px} .showcase-stats span{grid-row: span 2;color: var(--blue);font-size: 31px} .showcase-stats strong{font-size: 22px;line-height: 1} .showcase-stats small{color: var(--muted);font-size: 11px;font-weight: 750} .showcase-section .section-head p:not(.eyebrow){max-width: 620px;margin-inline: auto;color: var(--muted)} .showcase-feature-grid{display: grid;grid-template-columns: repeat(3,1fr);gap: 22px} .showcase-feature-grid article{display: grid;grid-template-columns: 54px 1fr;gap: 18px;align-items: center;min-height: 118px;padding: 26px 30px;border: 1px solid var(--line);border-radius: 10px;background: #fff;box-shadow: 0 12px 32px rgba(29,48,112,.06)} .showcase-feature-grid span{color: var(--blue);font-size: 42px;line-height: 1} .showcase-feature-grid h3,.showcase-trust h3{margin-bottom: 6px;font-size: 17px} .showcase-feature-grid p,.showcase-trust p{margin-bottom: 0;color: var(--muted);font-size: 13px} .showcase-process{padding-top: 20px} .showcase-steps{position: relative;display: grid;grid-template-columns: repeat(5,1fr);gap: 24px;margin: 34px 0 0;padding: 0;list-style: none;text-align: center} .showcase-steps::before{content: "";position: absolute;left: 9%;right: 9%;top: 28px;border-top: 2px dotted #b9c4ff} .showcase-steps li{position: relative;z-index: 1} .showcase-steps span{display: grid;place-items: center;width: 58px;height: 58px;margin: 0 auto 18px;border: 1px solid #cbd3ff;border-radius: 50%;color: var(--blue);background: #fff;font-weight: 950} .showcase-steps h3{font-size: 15px} .showcase-steps p{color: var(--muted);font-size: 13px} .showcase-projects{border-top: 1px solid var(--line)} .showcase-project-row{display: grid;grid-template-columns: repeat(3,1fr);gap: 20px} .showcase-project-row article{overflow: hidden;border: 1px solid var(--line);border-radius: 10px;background: #fff;box-shadow: 0 14px 34px rgba(29,48,112,.07)} .project-shot{height: 170px} .consulting-shot{background: radial-gradient(circle at 58% 34%,#f4d3b4 0 5%,transparent 6%),linear-gradient(135deg,#dce4f0,#606f82 45%,#111827)} .realestate-shot{background: radial-gradient(circle at 76% 14%,#f2c16d 0 8%,transparent 9%),linear-gradient(135deg,#a5b4c4 0 23%,#263445 23% 43%,#e8d3ac 43% 58%,#254023 58%)} .creative-shot{background: radial-gradient(circle at 42% 45%,var(--yellow) 0 7%,transparent 8%),linear-gradient(135deg,#030712,#1f2937 42%,#d97706)} .showcase-project-row article>div:last-child{padding: 18px 20px 22px} .showcase-project-row span{color: #7a849d;font-size: 12px;font-weight: 800} .showcase-project-row h3{margin: 5px 0 8px;font-size: 19px} .showcase-project-row a,.showcase-projects .section-head a{color: var(--blue);font-size: 13px;font-weight: 900} .showcase-trust{padding: 26px 30px;border: 1px solid var(--line);border-radius: 10px;background: #fff;box-shadow: 0 12px 34px rgba(29,48,112,.06)} .showcase-trust-grid{display: grid;grid-template-columns: repeat(4,1fr);gap: 0} .showcase-trust article{display: grid;grid-template-columns: 48px 1fr;gap: 12px;padding: 0 24px;border-right: 1px solid var(--line)} .showcase-trust article:last-child{border-right: 0} .showcase-trust span{grid-row: span 2;color: var(--yellow);font-size: 38px} .showcase-trust article:nth-child(odd) span{color: var(--blue)} .showcase-cta{display: grid;grid-template-columns: 280px minmax(0,1fr) 290px;gap: 38px;align-items: center;margin-top: 34px;margin-bottom: 18px;padding: 32px 48px;color: #fff;background: radial-gradient(circle at 14% 44%,rgba(0,178,255,.55),transparent 21%),linear-gradient(100deg,#1020a8 0%,#061c93 55%,#102be7 100%);border-radius: 12px;box-shadow: 0 18px 44px rgba(13,29,147,.28)} .showcase-cta h2{margin-bottom: 10px;font-size: 30px} .showcase-cta p{color: rgba(255,255,255,.82)} .showcase-cta .btn-light{color: var(--text)} .showcase-cta ul{margin: 0;padding-left: 32px;border-left: 1px solid rgba(255,255,255,.45);list-style: none} .showcase-cta li{position: relative;margin: 18px 0;color: rgba(255,255,255,.9);font-weight: 800} .showcase-cta li::before{content: "◎";position: absolute;left: -28px;color: var(--yellow)} .guide-page .site-header{position: relative;border-bottom: 0} .guides-hero{position: relative;overflow: hidden;padding: 62px 0 42px;background: radial-gradient(circle at 70% 22%,rgba(37,55,230,.08),transparent 22%),linear-gradient(100deg,#fff 0%,#fbfcff 58%,#f5f8ff 100%)} .guides-hero::after{content: "";position: absolute;right: 0;top: 10px;width: min(520px,48vw);height: 520px;opacity: .45;background: linear-gradient(135deg,transparent 0 42%,rgba(37,55,230,.13) 42% 43%,transparent 43%),linear-gradient(45deg,transparent 0 54%,rgba(37,55,230,.12) 54% 55%,transparent 55%),radial-gradient(circle,rgba(37,55,230,.35) 0 2px,transparent 3px) 0 0 / 46px 46px;clip-path: polygon(18% 0,100% 0,100% 100%,0 100%,18% 70%)} .guides-hero-grid{position: relative;z-index: 1;display: grid;grid-template-columns: minmax(0,.95fr) minmax(420px,1fr);gap: 54px;align-items: center;min-height: 330px} .guides-breadcrumb{margin-bottom: 26px;text-transform: uppercase;color: var(--blue);font-size: 12px;font-weight: 900} .guides-hero h1{max-width: 610px;margin-bottom: 22px;font-size: clamp(40px,4.3vw,58px)} .guides-hero-copy>p{max-width: 600px;color: #3e4968;font-size: 17px} .guide-search{display: flex;align-items: center;gap: 14px;width: min(100%,600px);min-height: 64px;margin-top: 34px;padding: 0 22px;background: #fff;border: 1px solid var(--line);border-radius: 8px;box-shadow: 0 12px 34px rgba(29,48,112,.07)} .guide-search span{color: #1d2a5d;font-size: 28px;line-height: 1} .guide-search input{width: 100%;border: 0;outline: 0;color: var(--text)} .guides-hero-art{position: relative;min-height: 330px} .guide-note{position: absolute;left: 16%;top: 72px;width: 116px;height: 128px;border-radius: 12px;background: linear-gradient(#5068ff 0 8px,transparent 8px) 20px 31px / 32px 8px no-repeat,linear-gradient(#dfe4ff 0 8px,transparent 8px) 20px 63px / 72px 8px no-repeat,linear-gradient(#dfe4ff 0 8px,transparent 8px) 20px 91px / 55px 8px no-repeat,#fff;box-shadow: 0 18px 54px rgba(36,50,120,.12)} .guide-book{position: absolute;left: 34%;top: 25px;width: 168px;height: 224px;padding-top: 62px;border-radius: 8px 7px 13px 8px;color: #fff;text-align: center;background: linear-gradient(90deg,rgba(255,255,255,.36) 0 8px,transparent 8px 100%),linear-gradient(135deg,#526dff 0%,#1326cf 76%);box-shadow: 0 24px 50px rgba(37,55,230,.28);transform: perspective(700px) rotateY(-13deg);animation: guideFloat 5.8s ease-in-out infinite} .guide-book strong{display: block;margin-bottom: 40px;font-size: 28px;line-height: 1} .guide-book i{display: block;width: 80px;height: 58px;margin: auto;background: radial-gradient(circle,#fff 0 5px,transparent 6px) 5px 45px / 80px 58px no-repeat,radial-gradient(circle,#fff 0 5px,transparent 6px) 36px 24px / 80px 58px no-repeat,radial-gradient(circle,#fff 0 5px,transparent 6px) 70px 0 / 80px 58px no-repeat,linear-gradient(135deg,transparent 0 28%,#fff 29% 33%,transparent 34% 57%,#fff 58% 62%,transparent 63%)} .guide-download{position: absolute;left: calc(34% + 122px);top: 160px;display: grid;place-items: center;width: 92px;height: 92px;border-radius: 50%;color: #fff;background: var(--yellow);border: 8px solid rgba(255,255,255,.75);box-shadow: 0 20px 36px rgba(255,179,0,.32);font-size: 52px;line-height: .8;animation: guidePulse 2.8s ease-in-out infinite} .circuit-lines{position: absolute;inset: 0 0 0 42%;opacity: .36;background: linear-gradient(135deg,transparent 0 48%,rgba(70,102,255,.45) 48% 49%,transparent 49%),linear-gradient(90deg,transparent 0 70%,rgba(70,102,255,.32) 70% 71%,transparent 71%),radial-gradient(circle,#4f63ff 0 2px,transparent 3px) 0 0 / 54px 54px} .guide-tabs-wrap{position: relative;z-index: 3;margin-top: -8px} .guide-tabs{display: grid;grid-template-columns: repeat(7,1fr);min-height: 116px;overflow: hidden;background: #fff;border: 1px solid var(--line);border-radius: 10px;box-shadow: 0 18px 48px rgba(29,48,112,.08)} .guide-tabs button{position: relative;border: 0;background: #fff;color: var(--heading);font-size: 12px;font-weight: 850;cursor: pointer} .guide-tabs button span{display: block;margin-bottom: 9px;color: var(--blue);font-size: 31px;line-height: 1} .guide-tabs button.active::after{content: "";position: absolute;left: 0;right: 0;bottom: 0;height: 4px;background: var(--blue)} .guide-tabs button:hover{background: var(--surface-soft)} .guides-shell{display: grid;grid-template-columns: 290px minmax(0,1fr);gap: 32px;padding-top: 38px} .guides-filter,.all-guides-panel{background: #fff;border: 1px solid var(--line);border-radius: 10px;box-shadow: 0 12px 34px rgba(29,48,112,.06)} .guides-filter{align-self: start;overflow: hidden} .guides-filter h2{margin: 0;padding: 22px 24px;border-bottom: 1px solid var(--line);font-size: 19px} .filter-group{padding: 22px 24px;border-bottom: 1px solid var(--line)} .filter-group:last-child{border-bottom: 0} .filter-group h3{margin-bottom: 14px;font-size: 14px} .filter-group label{display: flex;align-items: center;gap: 10px;margin: 12px 0;color: #4b5572;font-size: 13px;font-weight: 650} .filter-group input{width: 17px;height: 17px;accent-color: var(--blue)} .filter-group span{margin-left: auto;color: #17224d} .guide-section-head{display: flex;align-items: center;justify-content: space-between;gap: 20px;margin-bottom: 18px} .guide-section-head h2{margin-bottom: 0;font-size: 25px} .guide-section-head a{color: var(--blue);font-size: 13px;font-weight: 900} .featured-guides{display: grid;grid-template-columns: repeat(3,1fr);gap: 18px;margin-bottom: 34px} .featured-guide{overflow: hidden;background: #fff;border: 1px solid var(--line);border-radius: 10px;box-shadow: 0 16px 38px rgba(29,48,112,.08);transition: transform .24s ease,box-shadow .24s ease} .featured-guide:hover{transform: translateY(-5px);box-shadow: 0 22px 48px rgba(29,48,112,.13)} .featured-guide.hidden,.guide-list-item.hidden{display: none} .guide-thumb,.guide-list-thumb{position: relative;overflow: hidden;background-color: #0c1435} .guide-thumb{min-height: 164px} .guide-thumb span,.guide-list-item span{display: inline-block;position: relative;z-index: 1;margin: 124px 18px 0;padding: 4px 9px;border-radius: 999px;color: var(--blue);background: #fff;text-transform: uppercase;font-size: 10px;font-weight: 950} .guide-thumb::before,.guide-list-thumb::before{content: "";position: absolute;inset: 0;background: radial-gradient(circle at 70% 28%,rgba(255,255,255,.82),transparent 3%),linear-gradient(115deg,rgba(255,255,255,.16),transparent 42%)} .thumb-marketing{background: linear-gradient(135deg,#111827,#776b5e 52%,#151b33)} .thumb-seo{background: radial-gradient(circle at 55% 50%,rgba(60,169,255,.85),transparent 25%),linear-gradient(135deg,#031748,#0c53d9)} .thumb-shop{background: linear-gradient(135deg,#3f4e6a,#d9dce4 46%,#60442e)} .thumb-check{background: linear-gradient(135deg,#02152c,#0a7fc6)} .thumb-auto{background: linear-gradient(135deg,#19214b,#1daeea 55%,#10182e)} .thumb-template{background: linear-gradient(135deg,#6e7f94,#e1e5ee)} .thumb-case{background: linear-gradient(135deg,#071b31,#42607d)} .thumb-ads{background: linear-gradient(135deg,#06123c,#246cff 58%,#0c1024)} .guide-card-body{padding: 20px 18px 18px} .guide-card-body h3{font-size: 18px;line-height: 1.35;margin-bottom: 10px} .guide-card-body p{min-height: 48px;color: var(--muted);font-size: 13px} .guide-card-body footer{display: flex;align-items: center;justify-content: space-between;margin-top: 22px;color: #52607d;font-size: 13px} .guide-card-body footer a{display: grid;place-items: center;width: 28px;height: 28px;border-radius: 50%;color: var(--blue);background: var(--blue-soft);font-weight: 900} .all-guides-panel{padding: 20px 20px 10px} .guide-section-head.compact select{min-height: 43px;padding: 0 16px;border: 1px solid var(--line);border-radius: 8px;color: #59627f;background: #fff;font-weight: 700} .guide-list{border: 1px solid var(--line);border-radius: 9px;overflow: hidden} .guide-list-item{display: grid;grid-template-columns: 148px minmax(0,1fr) 56px;gap: 20px;align-items: center;padding: 16px;border-bottom: 1px solid var(--line);background: #fff} .guide-list-item:last-child{border-bottom: 0} .guide-list-thumb{width: 148px;height: 80px;border-radius: 7px} .guide-list-item span{margin: 0 0 4px;background: var(--blue-soft)} .guide-list-item h3{margin-bottom: 3px;font-size: 17px;line-height: 1.25} .guide-list-item p{margin-bottom: 3px;color: #5b6680;font-size: 13px} .guide-list-item small{color: #7a849d;font-weight: 700} .guide-list-item button{display: grid;place-items: center;width: 42px;height: 42px;border: 1px solid #cfd6ff;border-radius: 8px;color: var(--blue);background: #fff;cursor: pointer;font-size: 26px;line-height: 1} .load-guides{display: flex;align-items: center;justify-content: center;gap: 8px;min-height: 44px;margin: 16px auto 0;padding: 0 24px;border: 1px solid #cbd3ff;border-radius: 7px;color: var(--blue);background: #fff;text-transform: uppercase;font-size: 12px;font-weight: 900;cursor: pointer} .guide-empty{margin: 18px 0 8px;text-align: center;color: var(--muted);font-weight: 750} .guide-benefits{display: grid;grid-template-columns: repeat(4,1fr);gap: 0;margin-top: 26px;padding: 24px 28px;background: #fff;border: 1px solid var(--line);border-radius: 10px;box-shadow: 0 12px 34px rgba(29,48,112,.06)} .guide-benefits article{display: grid;grid-template-columns: 42px 1fr;column-gap: 14px;padding: 0 22px;border-right: 1px solid var(--line)} .guide-benefits article:last-child{border-right: 0} .guide-benefits span{grid-row: span 2;color: var(--blue);font-size: 34px;line-height: 1} .guide-benefits h3{margin-bottom: 6px;color: var(--blue);font-size: 16px} .guide-benefits p{margin-bottom: 0;color: #5d6680;font-size: 13px;line-height: 1.55} .guide-cta{display: grid;grid-template-columns: 280px minmax(0,1fr) 290px;gap: 38px;align-items: center;margin-top: 34px;margin-bottom: 18px;padding: 32px 48px;color: #fff;background: radial-gradient(circle at 14% 44%,rgba(0,178,255,.55),transparent 21%),linear-gradient(100deg,#1020a8 0%,#061c93 55%,#102be7 100%);border-radius: 12px;box-shadow: 0 18px 44px rgba(13,29,147,.28)} .guide-cta h2{margin-bottom: 10px;font-size: 30px} .guide-cta p{max-width: 620px;color: rgba(255,255,255,.82)} .guide-cta .btn-light{color: var(--text)} .guide-cta ul{margin: 0;padding-left: 32px;border-left: 1px solid rgba(255,255,255,.45);list-style: none} .guide-cta li{position: relative;margin: 14px 0;color: rgba(255,255,255,.9);font-weight: 800} .guide-cta li::before{content: "◎";position: absolute;left: -28px;color: var(--yellow)} .cta-brain{min-height: 150px;background: radial-gradient(circle,rgba(255,255,255,.9) 0 2px,transparent 3px) 0 0 / 28px 28px,linear-gradient(45deg,transparent 0 48%,rgba(255,255,255,.55) 48% 50%,transparent 50%);opacity: .75;clip-path: polygon(26% 7%,58% 0,82% 20%,92% 47%,78% 72%,56% 88%,27% 78%,6% 54%,5% 25%)} .reveal-guide,.site-reveal{opacity: 0;transform: translateY(22px);transition: opacity .62s ease,transform .62s ease;will-change: opacity,transform} .reveal-guide.is-visible,.site-reveal.is-visible{opacity: 1;transform: translateY(0)} @media (prefers-reduced-motion: reduce){.reveal-guide,.site-reveal{opacity: 1;transform: none;transition: none}} @keyframes guideFloat{0%,100%{transform: perspective(700px) rotateY(-13deg) translateY(0)} 50%{transform: perspective(700px) rotateY(-13deg) translateY(-12px)}} @keyframes guidePulse{0%,100%{transform: scale(1)} 50%{transform: scale(1.06)}} .article-page{background: linear-gradient(180deg,#fff 0%,#fff 72%,var(--bg) 100%)} .article-hero{padding: 44px 0 34px} .breadcrumbs{display: flex;flex-wrap: wrap;gap: 10px;align-items: center;margin-bottom: 44px;color: var(--muted);font-size: 13px;font-weight: 700} .breadcrumbs a{color: var(--blue)} .article-hero-grid{display: grid;grid-template-columns: minmax(0,1fr) 420px;gap: 56px;align-items: center} .tag{display: inline-flex;margin-bottom: 18px;padding: 7px 12px;border-radius: 6px;background: var(--blue-soft);color: var(--blue);text-transform: uppercase;font-size: 11px;font-weight: 900} .article-hero h1{max-width: 720px;font-size: clamp(38px,5vw,58px)} .article-hero p{max-width: 700px;color: var(--text-soft);font-size: 17px} .article-image-placeholder,.article-inline-image{display: grid;place-items: center;min-height: 310px;margin: 0;padding: 24px;position: relative;overflow: hidden;border: 1px dashed #bfc8f8;border-radius: var(--radius);background: radial-gradient(circle at 60% 40%,rgba(37,55,230,.45),transparent 22%),linear-gradient(135deg,#061022,#17316e);color: #fff;text-align: center} .article-image-placeholder::after,.article-inline-image::after{content: "";position: absolute;inset: 0;background: repeating-linear-gradient(90deg,transparent 0 32px,rgba(255,255,255,.08) 33px 34px),radial-gradient(circle at 30% 30%,rgba(255,255,255,.18),transparent 14%)} .article-image-placeholder span,.article-inline-image span,.article-image-placeholder figcaption,.article-inline-image figcaption{position: relative;z-index: 1} .article-image-placeholder span,.article-inline-image span{font-size: 18px;font-weight: 900} .article-image-placeholder img,.article-inline-image img{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover} .article-image-placeholder.has-photo,.article-inline-image.has-photo{border-style: solid;border-color: rgba(37,55,230,.2);background: #061022} .article-image-placeholder.has-photo::after,.article-inline-image.has-photo::after{background: linear-gradient(180deg,rgba(5,12,38,0),rgba(5,12,38,.22))} .article-image-placeholder figcaption,.article-inline-image figcaption{max-width: 340px;margin-top: 10px;color: rgba(255,255,255,.78);font-size: 13px} .ai-frame{background: linear-gradient(135deg,var(--blue-dark),var(--blue))} .article-shell{display: grid;grid-template-columns: minmax(0,1fr) 320px;gap: 48px;align-items: start;padding: 0 0 54px} .article-content{min-width: 0} .article-summary{margin-bottom: 42px;padding: 28px;border: 1px solid var(--line);border-radius: var(--radius);background: #fff;box-shadow: 0 14px 40px rgba(29,48,112,.06)} .article-summary h2{margin-bottom: 18px;font-size: 18px} .article-summary ol{display: grid;grid-template-columns: 1fr 1fr;gap: 14px 34px;margin: 0;padding: 0;list-style: none;counter-reset: summary} .article-summary li{counter-increment: summary} .article-summary a{display: flex;align-items: center;justify-content: space-between;gap: 18px;color: #172248;font-size: 14px;font-weight: 850} .article-summary a::before{content: "0" counter(summary) ".";color: var(--blue);font-weight: 900} .article-summary a::after{content: "›";color: var(--blue);font-size: 20px} .article-content section{scroll-margin-top: 120px;margin-bottom: 38px} .article-content h2{margin-bottom: 14px;font-size: clamp(24px,3vw,32px);line-height: 1.24} .article-content p{color: #303b5c;font-size: 16px} .article-content blockquote{margin: 26px 0;padding: 22px 26px;border-left: 4px solid var(--blue);border-radius: 0 var(--radius) var(--radius) 0;background: var(--blue-soft);color: #182554;font-size: 18px;font-weight: 850} .check-list{display: grid;gap: 16px;margin: 24px 0;padding: 0;list-style: none} .check-list li{position: relative;padding-left: 38px;color: #303b5c} .check-list li::before{content: "✓";position: absolute;left: 0;top: 2px;display: grid;place-items: center;width: 24px;height: 24px;border-radius: 50%;background: var(--blue);color: #fff;font-size: 13px;font-weight: 900} .article-inline-image{min-height: 240px;margin: 28px 0} .article-note{margin: 24px 0;padding: 22px;border: 1px solid #dfe5ff;border-radius: var(--radius);background: var(--blue-soft);color: #24305d} .article-conclusion{padding: 30px;border-radius: var(--radius);background: linear-gradient(135deg,var(--surface-soft),var(--blue-soft));border: 1px solid #dfe5ff} .article-bottom{display: grid;grid-template-columns: 1fr 1fr;gap: 24px;margin-top: 34px} .share-box,.next-article{padding: 24px;border: 1px solid var(--line);border-radius: var(--radius);background: #fff;box-shadow: 0 12px 34px rgba(29,48,112,.06)} .share-box h2{margin-bottom: 16px;font-size: 15px} .share-box a,.share-box .share-copy{display: inline-grid;place-items: center;width: 34px;height: 34px;margin-right: 10px;border-radius: 50%;background: var(--blue-soft);color: var(--text);font-weight: 850} .share-box .share-copy{border: 0;cursor: pointer;font: inherit;font-size: 11px} .share-box a:focus-visible,.share-box .share-copy:focus-visible,.socials a:focus-visible{outline: 3px solid rgba(37,55,230,.3);outline-offset: 3px} .share-status{display: block;min-height: 1.25em;margin-top: 10px;color: var(--muted);font-size: 12px} .next-article{display: grid;align-content: center;color: #152048} .next-article span{color: var(--muted);font-size: 13px} .next-article strong{margin-top: 8px;line-height: 1.35} .article-sidebar{display: grid;gap: 24px;position: sticky;top: 118px} .article-search{width: 100%;margin: 0} .author-card{text-align: center} .author-card img{width: 120px;margin: 18px auto} .author-card h3{margin-bottom: 10px} .author-card .socials{justify-content: center} .article-newsletter{margin-top: 10px;padding: 42px 0;background: radial-gradient(circle at 90% 56%,rgba(37,55,230,.18),transparent 20%),linear-gradient(90deg,var(--surface-soft),var(--blue-soft))} .newsletter-wide{display: grid;grid-template-columns: 90px 1fr minmax(280px,420px);gap: 28px;align-items: center} .newsletter-wide .mail-icon{display: grid;place-items: center;width: 80px;height: 80px;border-radius: 50%;background: #fff;color: var(--blue);font-size: 40px;box-shadow: 0 14px 36px rgba(29,48,112,.08)} .newsletter-wide h2{margin-bottom: 8px;font-size: clamp(24px,3vw,34px)} .newsletter-wide p{margin-bottom: 0;color: var(--text-soft)} .newsletter-wide form{display: grid;grid-template-columns: 1fr auto;gap: 10px} .newsletter-wide input{min-height: 48px;border: 1px solid #dbe1f0;border-radius: 6px;padding: 0 16px} .newsletter-wide small{grid-column: 1 / -1;color: var(--muted);font-size: 12px} .brevo-newsletter{position: relative} .brevo-newsletter .sib-form{padding: 0;background: transparent;text-align: inherit} .brevo-newsletter .sib-form-container,.brevo-newsletter #sib-form-container,.brevo-newsletter .sib-container--large{width: 100%} .brevo-newsletter #sib-container{max-width: none;padding: 0;border: 0;background: transparent;text-align: inherit} .brevo-newsletter #sib-form{display: grid;gap: 10px} .brevo-newsletter .sib-form-block{padding: 0} .brevo-newsletter .entry__label,.brevo-newsletter .entry__specification{display: none} .brevo-newsletter .entry__field{border: 0} .brevo-newsletter input.input{width: 100%;min-height: 48px;border: 1px solid #dbe1f0;border-radius: 6px;padding: 0 16px;background: #fff;color: var(--text);outline-color: var(--blue);font-family: inherit} .brevo-newsletter input.input::placeholder{color: #8390a4} .brevo-newsletter .sib-form-block__button{display: inline-flex;align-items: center;justify-content: center;gap: 10px;min-height: 48px;width: 100%;border: 0;border-radius: 6px;background: var(--blue);color: #fff;cursor: pointer;font-family: inherit;font-size: 13px;font-weight: 850;text-transform: uppercase;box-shadow: 0 12px 28px rgba(37,55,230,.22)} .brevo-newsletter .sib-form-block__button svg{width: 16px;height: 16px;fill: currentColor} .brevo-newsletter .input--hidden{display: none} .brevo-newsletter .sib-form-message-panel{display: none;width: 100%;max-width: none;margin: 0 0 12px;padding: 12px 14px;border: 1px solid;border-radius: 6px;font-family: inherit;font-size: 13px;font-weight: 800} .brevo-newsletter .sib-form-message-panel__text{display: flex;gap: 8px;align-items: center;justify-content: flex-start} .brevo-newsletter .sib-notification__icon{width: 18px;height: 18px;flex: 0 0 18px} .brevo-newsletter #error-message{color: #9b1c1c;background: #fff1f1;border-color: rgba(220,38,38,.28)} .brevo-newsletter #success-message{color: #08743d;background: #ecfdf4;border-color: rgba(21,200,111,.32)} .brevo-newsletter .entry__error{display: block;margin-top: 8px;color: #9b1c1c;font-size: 12px;font-weight: 750} .eda-newsletter{position: relative} .eda-newsletter-embed{display: block;width: 100%;height: 154px;border: 0;background: transparent} .side-card.eda-newsletter .eda-newsletter-embed{height: 218px} .side-card.eda-newsletter h2{margin-bottom: 8px} .side-card.eda-newsletter p{display: block;margin: 0 0 16px;color: var(--text-soft);font-weight: 600} .page-newsletter{margin: 56px auto} .page-newsletter .newsletter-wide{padding: 34px;border: 1px solid var(--line);border-radius: 12px;background: radial-gradient(circle at 90% 50%,rgba(255,179,0,.16),transparent 18%),linear-gradient(90deg,#fff,var(--blue-soft));box-shadow: 0 14px 36px rgba(29,48,112,.06)} .newsletter-wide.brevo-newsletter #sib-form{grid-template-columns: 1fr auto;align-items: start} .newsletter-wide.brevo-newsletter .sib-input{min-width: 0} .newsletter-wide.brevo-newsletter .sib-form-block__button{width: auto;padding-inline: 22px} .newsletter-wide.brevo-newsletter .newsletter-note{grid-column: 1 / -1;color: var(--muted);font-size: 12px} .home-newsletter{margin-bottom: 48px} .home-newsletter .newsletter-wide{padding: 34px;border: 1px solid var(--line);border-radius: 12px;background: radial-gradient(circle at 90% 50%,rgba(255,179,0,.16),transparent 18%),linear-gradient(90deg,#fff,var(--blue-soft));box-shadow: 0 14px 36px rgba(29,48,112,.06)} .service-page{background: radial-gradient(circle at 76px 240px,rgba(37,55,230,.05),transparent 260px),#fff} .ads-hero{padding: 38px 0 76px;overflow: hidden;background: radial-gradient(circle at 76% 45%,rgba(37,55,230,.09),transparent 34%),linear-gradient(110deg,#fff 0%,var(--bg) 100%)} .ads-hero-grid{display: grid;grid-template-columns: minmax(0,.95fr) minmax(440px,1fr);gap: 86px;align-items: center} .ads-copy h1{max-width: 720px;font-size: clamp(44px,5vw,70px)} .ads-copy p:not(.eyebrow){max-width: 560px;color: var(--text-soft);font-size: 17px} .ads-trust{margin-top: 34px;align-items: center} .ads-trust>div:last-child{display: grid;gap: 2px} .ads-dashboard{position: relative;padding: 28px;border: 1px solid var(--line);border-radius: 10px;background: rgba(255,255,255,.92);box-shadow: var(--shadow)} .ads-dashboard::after{content: "";position: absolute;z-index: -1;right: -90px;top: -130px;width: 420px;aspect-ratio: 1;border-radius: 50%;background: radial-gradient(circle at 40% 38%,rgba(37,55,230,.18),transparent 56%),radial-gradient(circle at 42% 40%,#8794ff 0 2px,transparent 3px) 0 0 / 18px 18px;opacity: .8} .ads-dashboard h2{margin-bottom: 18px;font-size: 18px} .ads-metrics{display: grid;grid-template-columns: repeat(4,1fr);gap: 12px} .ads-metrics article{padding: 16px;border: 1px solid var(--line);border-radius: var(--radius);background: #fff} .ads-metrics span{display: block;color: var(--muted);font-size: 12px} .ads-metrics strong{display: block;margin: 6px 0;font-size: 23px} .ads-metrics em{color: #0aa660;font-size: 12px;font-style: normal;font-weight: 900} .ads-chart{margin: 22px 0;min-height: 210px;border-radius: var(--radius);background: repeating-linear-gradient(0deg,transparent 0 48px,#edf1fb 49px 50px),#fff} .ads-chart svg{width: 100%;height: 220px} .platform-row{display: grid;grid-template-columns: repeat(5,1fr);gap: 14px} .platform-row span{display: grid;place-items: center;min-height: 62px;border-radius: 7px;background: #fff;border: 1px solid var(--line);color: var(--blue);font-weight: 950;font-size: 25px} .benefit-strip{display: grid;grid-template-columns: repeat(4,1fr);margin-top: -36px;padding: 28px;position: relative;z-index: 2;background: #fff;border: 1px solid var(--line);border-radius: var(--radius);box-shadow: 0 18px 55px rgba(29,48,112,.08)} .benefit-strip article{display: grid;grid-template-columns: 62px 1fr;gap: 18px;padding: 4px 28px;border-right: 1px solid var(--line)} .benefit-strip article:last-child{border-right: 0} .benefit-strip span{display: grid;place-items: center;width: 56px;height: 56px;border-radius: 50%;background: var(--blue-soft);color: var(--blue);font-size: 24px;font-weight: 900} .benefit-strip h2{margin-bottom: 5px;font-size: 16px} .benefit-strip p{margin-bottom: 0;color: var(--muted);font-size: 14px} .ads-two-col{display: grid;grid-template-columns: 1fr 1fr;gap: 90px;align-items: start} .ads-two-col h2{margin-bottom: 30px;font-size: clamp(30px,4vw,44px);line-height: 1.16} .ads-service-list{display: grid;gap: 12px} .ads-service-list a{display: grid;grid-template-columns: 1fr 22px;gap: 8px 20px;padding: 22px 24px;border: 1px solid var(--line);border-radius: var(--radius);background: #fff;box-shadow: 0 10px 30px rgba(29,48,112,.05)} .ads-service-list a::after{content: "›";grid-column: 2;grid-row: 1 / span 2;align-self: center;color: var(--blue);font-size: 28px} .ads-service-list strong{font-size: 17px} .ads-service-list span{color: var(--muted);font-size: 14px} .process-list{display: grid;gap: 30px;margin: 0;padding: 0;list-style: none} .process-list li{display: grid;grid-template-columns: 64px 1fr;gap: 22px} .process-list li>strong{display: grid;place-items: center;width: 46px;height: 46px;border-radius: 50%;background: var(--blue);color: #fff;box-shadow: 0 0 0 8px var(--blue-soft)} .process-list h3{margin-bottom: 6px} .process-list p{margin-bottom: 0;color: var(--muted)} .ads-results{display: grid;grid-template-columns: repeat(3,1fr);gap: 28px} .ads-results article{display: grid;grid-template-columns: 136px 1fr;gap: 22px;align-items: center;padding: 18px;border: 1px solid var(--line);border-radius: var(--radius);background: #fff;box-shadow: 0 12px 34px rgba(29,48,112,.06)} .result-image-placeholder{display: grid;place-items: center;min-height: 126px;border-radius: var(--radius);background: radial-gradient(circle at 42% 38%,rgba(37,55,230,.2),transparent 35%),linear-gradient(135deg,#edf1ff,#fff);border: 1px dashed #c9d2ff;color: var(--muted);text-align: center;font-size: 12px;font-weight: 800} .result-image-placeholder img{width: 100%;height: 126px;display: block;object-fit: cover;border-radius: inherit} .ads-results h3{margin-bottom: 8px;font-size: 18px} .ads-results strong{display: block;color: var(--blue);font-size: 38px;line-height: 1} .ads-results p{margin-bottom: 8px;color: var(--text-soft)} .ads-results div:last-child span{display: inline-flex;padding: 5px 9px;border-radius: 6px;background: var(--blue-soft);color: var(--blue);font-size: 12px;font-weight: 850} .center-action{display: flex;justify-content: center;margin-top: 30px} .ads-cta{padding: 64px 0;color: #fff;background: radial-gradient(circle at 86% 45%,rgba(93,127,255,.34),transparent 26%),linear-gradient(100deg,#02091d 0%,#07145a 48%,#172be8 100%)} .ads-cta .container{display: grid;grid-template-columns: 1fr auto;gap: 48px;align-items: center} .ads-cta h2{max-width: 720px;margin-bottom: 14px;color: #fff;font-size: clamp(32px,4vw,48px);line-height: 1.14;text-shadow: 0 2px 18px rgba(0,0,0,.24)} .ads-cta h2 span{color: #d9e3ff} .ads-cta p{max-width: 700px;margin-bottom: 0;color: rgba(255,255,255,.9);font-size: 17px;font-weight: 650} .ads-cta .btn{min-width: 245px;color: #07123b;background: #fff;border-color: rgba(255,255,255,.86);box-shadow: 0 18px 40px rgba(0,0,0,.18)} .ai-page{background: #fff} .ai-hero{min-height: 640px;padding: 96px 0 118px;color: #fff;overflow: hidden;background: radial-gradient(circle at 76% 34%,rgba(77,95,255,.38),transparent 27%),radial-gradient(circle at 56% 70%,rgba(37,55,230,.24),transparent 35%),linear-gradient(120deg,#020817 0%,#06102e 52%,#101369 100%)} .ai-hero-grid{display: grid;grid-template-columns: minmax(0,.92fr) minmax(520px,1.08fr);gap: 76px;align-items: center} .ai-hero .eyebrow{display: inline-flex;padding: 7px 13px;border-radius: 999px;background: rgba(37,55,230,.16);color: #6f88ff;letter-spacing: .14em} .ai-hero h1{max-width: 680px;margin-bottom: 24px;color: #fff;font-size: clamp(48px,6vw,76px);line-height: 1.04;text-shadow: 0 20px 60px rgba(0,0,0,.32)} .ai-hero h1 span,.ai-power-card h2 span{display: block;color: #7f98ff} .ai-hero p:not(.eyebrow){max-width: 610px;color: rgba(255,255,255,.88);font-size: 19px;line-height: 1.8} .btn-ai{background: linear-gradient(135deg,#3450ff,#2334e8);color: #fff;box-shadow: 0 18px 42px rgba(37,55,230,.38)} .btn-dark-ghost{color: #fff;border-color: rgba(255,255,255,.24);background: rgba(255,255,255,.06);backdrop-filter: blur(10px)} .ai-network{position: relative;min-height: 445px;border: 1px solid rgba(127,144,255,.12);border-radius: 18px;background: radial-gradient(circle at 50% 50%,rgba(100,95,255,.26),transparent 27%),radial-gradient(circle at 20% 30%,rgba(62,87,255,.95) 0 2px,transparent 3px) 0 0 / 42px 42px,linear-gradient(135deg,rgba(255,255,255,.02),rgba(255,255,255,.05));box-shadow: inset 0 1px 0 rgba(255,255,255,.06)} .ai-network::before{content: "";position: absolute;inset: 10%;background: linear-gradient(28deg,transparent 48%,rgba(127,151,255,.52) 49% 50%,transparent 51%),linear-gradient(148deg,transparent 48%,rgba(127,151,255,.42) 49% 50%,transparent 51%),linear-gradient(90deg,transparent 48%,rgba(127,151,255,.28) 49% 50%,transparent 51%)} .ai-chip{position: absolute;left: 50%;top: 50%;display: grid;place-items: center;width: 158px;height: 158px;border-radius: 22px;transform: translate(-50%,-50%) rotate(6deg);background: linear-gradient(145deg,#485cff,#2537e6);box-shadow: 0 0 90px rgba(101,70,255,.62),0 24px 50px rgba(0,0,0,.24),inset 0 0 20px rgba(255,255,255,.16);font-size: 58px;font-weight: 950} .ai-node{position: absolute;display: grid;place-items: center;width: 92px;height: 82px;border-radius: 18px;background: rgba(8,13,50,.82);border: 1px solid rgba(142,160,255,.42);color: #fff;font-size: 22px;font-weight: 850;box-shadow: 0 18px 42px rgba(0,0,0,.2),0 0 28px rgba(101,70,255,.32);backdrop-filter: blur(12px)} .node-mail{left: 27%;top: 16%} .node-chat{right: 25%;top: 10%} .node-chart{right: 10%;top: 38%} .node-calendar{right: 28%;bottom: 12%} .node-crm{left: 18%;bottom: 22%} .ai-benefits{display: grid;grid-template-columns: repeat(4,1fr);gap: 0;margin-top: -48px;padding: 30px;position: relative;z-index: 2;background: #fff;border-radius: var(--radius);box-shadow: 0 24px 70px rgba(14,20,64,.16)} .ai-benefits article{display: grid;grid-template-columns: 58px 1fr;gap: 16px;padding: 0 24px;border-right: 1px solid var(--line)} .ai-benefits article:last-child{border-right: 0} .ai-benefits span,.ai-service-list a::before,.ai-power-card li::before{display: grid;place-items: center;width: 48px;height: 48px;border-radius: 50%;background: var(--blue-soft);color: var(--blue);font-weight: 900} .ai-benefits h2{margin-bottom: 6px;font-size: 16px} .ai-benefits p{margin: 0;color: var(--muted);font-size: 14px} .ai-solutions{display: grid;grid-template-columns: 1fr 1.05fr;gap: 80px;align-items: start} .ai-solutions h2{font-size: clamp(31px,4vw,44px);line-height: 1.16} .ai-service-list{display: grid;gap: 12px;margin-top: 28px} .ai-service-list a{display: grid;grid-template-columns: 56px minmax(0,1fr) 24px;gap: 14px 18px;align-items: center;padding: 18px;border: 1px solid var(--line);border-radius: var(--radius);background: #fff;box-shadow: 0 10px 30px rgba(29,48,112,.05)} .ai-service-list a::before{content: "◌";grid-column: 1;grid-row: 1 / span 2} .ai-service-list a::after{content: "›";grid-column: 3;grid-row: 1 / span 2;align-self: center;color: var(--blue);font-size: 25px} .ai-service-list strong,.ai-service-list span{display: block;grid-column: 2;min-width: 0} .ai-service-list span{color: var(--muted);font-size: 14px;line-height: 1.55} .ai-power-card{padding: 36px;overflow: hidden;border-radius: var(--radius);background: linear-gradient(145deg,var(--blue-soft),#fff);box-shadow: 0 18px 50px rgba(79,62,181,.12)} .ai-power-card ul{display: grid;gap: 20px;padding: 0;margin: 26px 0;list-style: none} .ai-power-card li{display: grid;grid-template-columns: 50px minmax(0,1fr);gap: 6px 14px;align-items: center} .ai-power-card li::before{content: "✣";grid-column: 1;grid-row: 1 / span 2} .ai-power-card strong,.ai-power-card span{display: block;grid-column: 2;min-width: 0} .ai-power-card span{color: var(--muted);font-size: 14px;line-height: 1.55} .ai-hand-placeholder{display: grid;place-items: center;min-height: 170px;margin: 18px -36px -36px;background: radial-gradient(circle at 30% 80%,rgba(109,79,255,.22),transparent 28%),linear-gradient(100deg,var(--blue-soft),#fff0f4);border-top: 1px dashed var(--line);color: var(--muted);font-weight: 850} .ai-steps{display: grid;grid-template-columns: repeat(5,1fr);gap: 34px;margin: 0;padding: 0;list-style: none;text-align: center} .ai-steps li{position: relative;display: grid;grid-template-columns: 34px 78px;grid-template-areas: "num icon" "title title" "text text";justify-content: center;justify-items: center;align-items: center;column-gap: 10px} .ai-steps li:not(:last-child)::after{content: "→";position: absolute;right: -26px;top: 33px;color: #8f9ad5;font-size: 24px;line-height: 1} .ai-steps span{grid-area: num;color: var(--blue);font-size: 14px;font-weight: 900} .ai-steps strong{grid-area: icon;display: grid;place-items: center;width: 72px;height: 72px;border-radius: 50%;background: #fff;border: 1px solid var(--line);box-shadow: 0 14px 36px rgba(79,62,181,.12);color: var(--blue);font-size: 30px;line-height: 1} .ai-steps h3{grid-area: title;margin: 20px 0 8px;color: var(--text);font-weight: 900;font-size: 16px} .ai-steps p{grid-area: text;max-width: 200px;margin: 0 auto;color: var(--muted);font-size: 14px;line-height: 1.55} .ai-case-grid{display: grid;grid-template-columns: repeat(4,1fr);gap: 24px} .ai-case-grid article{position: relative;min-height: 215px;padding: 30px;border: 1px solid rgba(127,144,255,.16);border-radius: 14px;color: #fff;background: radial-gradient(circle at 84% 20%,rgba(126,103,255,.28),transparent 23%),linear-gradient(145deg,#050a1f 0%,#111735 100%);box-shadow: 0 18px 45px rgba(7,18,59,.14);overflow: hidden} .ai-case-grid article::after{content: "";position: absolute;inset: 0;background: linear-gradient(135deg,rgba(255,255,255,.06),transparent 34%);pointer-events: none} .ai-case-grid span{position: absolute;right: 24px;top: 24px;display: grid;place-items: center;min-width: 62px;height: 42px;padding: 0 14px;border-radius: 999px;background: rgba(255,255,255,.1);border: 1px solid rgba(255,255,255,.14);color: rgba(255,255,255,.9);font-size: 13px;font-weight: 850;backdrop-filter: blur(10px)} .ai-case-grid h3{max-width: 72%;margin-bottom: 24px;color: #fff;font-size: 18px;line-height: 1.3} .ai-case-grid strong{display: block;margin-bottom: 12px;color: #6f88ff;font-size: 46px;line-height: 1;letter-spacing: 0} .ai-case-grid p{margin-bottom: 0;color: rgba(255,255,255,.86);font-size: 16px;font-weight: 650;line-height: 1.7} .ai-cta{padding: 64px 0;color: #fff;background: radial-gradient(circle at 78% 48%,rgba(74,92,255,.42),transparent 28%),linear-gradient(100deg,#05071f 0%,#10115e 50%,#2537e6 100%)} .ai-cta .container{display: grid;grid-template-columns: 1fr auto;gap: 48px;align-items: center} .ai-cta h2{max-width: 720px;margin-bottom: 14px;color: #fff;font-size: clamp(32px,4vw,48px);line-height: 1.14;text-shadow: 0 18px 48px rgba(0,0,0,.28)} .ai-cta p{max-width: 760px;margin-bottom: 0;color: rgba(255,255,255,.9);font-size: 17px;font-weight: 650} .ai-cta .btn{min-width: 275px;min-height: 56px;background: linear-gradient(135deg,#3450ff,#2334e8);color: #fff;border-color: rgba(255,255,255,.14);box-shadow: 0 18px 42px rgba(37,55,230,.34)} .content-page{background: #fff} .content-hero{padding: 42px 0 118px;color: #fff;overflow: hidden;background: radial-gradient(circle at 72% 42%,rgba(98,87,255,.34),transparent 30%),radial-gradient(circle at 44% 76%,rgba(37,55,230,.22),transparent 24%),linear-gradient(120deg,#020817 0%,#06102e 56%,#101369 100%)} .content-breadcrumbs{color: rgba(255,255,255,.72)} .content-breadcrumbs a{color: #fff} .content-hero-grid{display: grid;grid-template-columns: minmax(0,.92fr) minmax(520px,1.08fr);gap: 76px;align-items: center;min-height: 520px} .content-hero .eyebrow{display: inline-flex;padding: 7px 13px;border-radius: 999px;background: rgba(37,55,230,.16);color: #6f88ff;letter-spacing: .14em} .content-hero h1{max-width: 700px;margin-bottom: 24px;color: #fff;font-size: clamp(48px,6vw,76px);line-height: 1.06;text-shadow: 0 20px 60px rgba(0,0,0,.32)} .content-hero h1 span{color: #6f88ff} .content-hero p:not(.eyebrow){max-width: 640px;color: rgba(255,255,255,.88);font-size: 19px;line-height: 1.8} .content-orbit{position: relative;min-height: 470px;border: 1px solid rgba(127,144,255,.12);border-radius: 20px;background: radial-gradient(circle at 54% 52%,rgba(100,95,255,.18),transparent 30%),linear-gradient(135deg,rgba(255,255,255,.02),rgba(255,255,255,.05));box-shadow: inset 0 1px 0 rgba(255,255,255,.06)} .content-orbit::before{content: "";position: absolute;inset: 12% 0;border: 2px solid rgba(127,151,255,.66);border-radius: 50%;transform: rotate(-15deg);box-shadow: 0 0 38px rgba(118,87,255,.34)} .content-orbit::after{content: "";position: absolute;inset: 20% 6%;border: 1px solid rgba(127,151,255,.28);border-radius: 50%;transform: rotate(18deg)} .phone-mock{position: absolute;left: 50%;top: 18%;z-index: 2;width: 170px;height: 300px;border-radius: 28px;background: radial-gradient(circle at 50% 42%,rgba(118,87,255,.75),transparent 24%),linear-gradient(180deg,#f5f6ff,#dce1ff);transform: rotate(8deg);box-shadow: 0 20px 60px rgba(0,0,0,.42)} .phone-mock span{position: absolute;inset: 18px;border-radius: 20px;background: radial-gradient(circle at 50% 46%,var(--blue),transparent 28%),#fff} .camera-mock{position: absolute;left: 20%;top: 34%;width: 190px;height: 125px;border-radius: 22px;background: radial-gradient(circle at 68% 50%,#151b3a 0 28px,var(--blue) 29px 36px,#050716 37px),linear-gradient(135deg,#151827,#050716);box-shadow: 0 20px 50px rgba(0,0,0,.5)} .mic-mock{position: absolute;right: 8%;top: 38%;width: 86px;height: 210px;border-radius: 50px 50px 18px 18px;background: repeating-linear-gradient(90deg,rgba(255,255,255,.12) 0 3px,transparent 4px 9px),linear-gradient(135deg,#2b245d,#060817);transform: rotate(14deg);box-shadow: 0 20px 50px rgba(0,0,0,.46)} .content-node{position: absolute;z-index: 3;display: grid;place-items: center;min-width: 82px;height: 70px;padding: 0 16px;border-radius: 16px;background: rgba(8,13,50,.82);border: 1px solid rgba(142,160,255,.42);color: #fff;font-size: 20px;font-weight: 850;box-shadow: 0 18px 42px rgba(0,0,0,.2),0 0 28px rgba(101,70,255,.32);backdrop-filter: blur(12px)} .node-text{left: 26%;top: 12%} .node-image{left: 48%;top: 0} .node-edit{right: 10%;top: 27%} .node-video{left: 20%;bottom: 8%;width: 118px;height: 84px} .content-benefits{display: grid;grid-template-columns: repeat(4,1fr);margin-top: -50px;padding: 30px;position: relative;z-index: 2;background: #fff;border-radius: var(--radius);box-shadow: 0 24px 70px rgba(14,20,64,.16)} .content-benefits article{display: grid;grid-template-columns: 58px 1fr;gap: 16px;padding: 0 24px;border-right: 1px solid var(--line)} .content-benefits article:last-child{border-right: 0} .content-benefits span{display: grid;place-items: center;width: 50px;height: 50px;border-radius: 50%;background: var(--blue-soft);color: var(--blue);font-weight: 900} .content-benefits h2{margin-bottom: 6px;font-size: 16px} .content-benefits p{margin: 0;color: var(--muted);font-size: 14px} .content-two-col{display: grid;grid-template-columns: 1fr 1fr;gap: 95px;align-items: start} .content-two-col h2{margin-bottom: 28px;font-size: clamp(31px,4vw,44px);line-height: 1.16} .content-service-list{display: grid;gap: 12px} .content-service-list a{display: grid;grid-template-columns: 56px minmax(0,1fr) 24px;gap: 8px 18px;align-items: center;padding: 18px;border: 1px solid var(--line);border-radius: var(--radius);background: #fff;box-shadow: 0 10px 30px rgba(29,48,112,.05)} .content-service-list a::before{content: "▹";grid-column: 1;grid-row: 1 / span 2;display: grid;place-items: center;width: 48px;height: 48px;border-radius: 50%;background: var(--blue-soft);color: var(--blue);font-weight: 900} .content-service-list a::after{content: "›";grid-column: 3;grid-row: 1 / span 2;align-self: center;color: var(--blue);font-size: 25px} .content-service-list strong,.content-service-list span{display: block;grid-column: 2;min-width: 0} .content-service-list span{color: var(--muted);font-size: 14px;line-height: 1.55} .content-process{display: grid;gap: 25px;margin: 0;padding: 0;list-style: none} .content-process li{display: grid;grid-template-columns: 62px 1fr;gap: 20px} .content-process strong{display: grid;place-items: center;width: 46px;height: 46px;border-radius: 50%;background: var(--blue);color: #fff;box-shadow: 0 0 0 8px var(--blue-soft)} .content-process h3{margin-bottom: 7px} .content-process p{margin-bottom: 0;color: var(--muted)} .content-gallery{display: grid;grid-template-columns: repeat(5,1fr);gap: 22px} .content-gallery article{position: relative;overflow: hidden;min-height: 235px;padding: 26px 24px;display: grid;align-content: end;border: 1px solid rgba(127,144,255,.14);border-radius: 14px;color: #fff;background: linear-gradient(145deg,#050716 0%,#0c102c 58%,#111735 100%);box-shadow: 0 18px 45px rgba(7,18,59,.14)} .content-work-placeholder{position: absolute;inset: 0;background: radial-gradient(circle at 58% 38%,rgba(118,87,255,.34),transparent 27%),linear-gradient(180deg,rgba(5,7,22,.06) 0%,rgba(5,7,22,.76) 100%)} .content-work-placeholder::before{position: absolute;right: 20px;top: 22px;color: rgba(255,255,255,.11);font-size: 72px;line-height: 1;filter: grayscale(1);transform: rotate(-8deg)} .content-gallery article:nth-child(1) .content-work-placeholder::before{content: "📸"} .content-gallery article:nth-child(2) .content-work-placeholder::before{content: "🎬"} .content-gallery article:nth-child(3) .content-work-placeholder::before{content: "🎨"} .content-gallery article:nth-child(4) .content-work-placeholder::before{content: "📱"} .content-gallery article:nth-child(5) .content-work-placeholder::before{content: "✍️"} .content-gallery span,.content-gallery p{position: relative;z-index: 1} .content-gallery span{justify-self: start;margin-bottom: 18px;padding: 7px 11px;border-radius: 999px;background: rgba(238,241,255,.94);color: #2537e6;font-size: 12px;font-weight: 950;box-shadow: 0 10px 22px rgba(0,0,0,.14)} .content-gallery p{margin-bottom: 0;color: rgba(255,255,255,.88);font-size: 16px;font-weight: 700;line-height: 1.65} .content-cta{padding: 66px 0;color: #fff;background: radial-gradient(circle at 78% 48%,rgba(86,101,255,.42),transparent 28%),linear-gradient(100deg,#05071f 0%,#10115e 50%,#2537e6 100%)} .content-cta .container{display: grid;grid-template-columns: 1fr auto;gap: 48px;align-items: center} .content-cta h2{max-width: 820px;margin-bottom: 14px;color: #fff;font-size: clamp(32px,4vw,50px);line-height: 1.14;text-shadow: 0 18px 48px rgba(0,0,0,.28)} .content-cta h2 span{display: block;color: #d9e3ff} .content-cta p{max-width: 760px;margin-bottom: 0;color: rgba(255,255,255,.9);font-size: 17px;font-weight: 650} .content-cta .btn{min-width: 275px;min-height: 56px;color: #07123b;background: #fff;border-color: rgba(255,255,255,.86);box-shadow: 0 18px 42px rgba(0,0,0,.18)} .faq-page{background: radial-gradient(circle at 92% 16%,rgba(37,55,230,.08),transparent 22%),linear-gradient(180deg,#fff 0%,var(--bg) 100%)} .faq-hero{padding: 70px 0 44px;overflow: hidden} .faq-hero-grid{display: grid;grid-template-columns: 1fr .95fr;gap: 70px;align-items: center} .faq-hero h1{max-width: 650px;font-size: clamp(44px,6vw,70px)} .faq-hero h1 span{display: block;color: var(--blue)} .faq-hero p{max-width: 600px;color: var(--text-soft);font-size: 18px} .faq-search{display: flex;align-items: center;gap: 14px;width: min(100%,820px);margin-top: 44px;padding: 0 22px;min-height: 66px;border: 1px solid var(--line);border-radius: var(--radius);background: #fff;box-shadow: 0 12px 34px rgba(29,48,112,.06)} .faq-search span{color: var(--text);font-size: 28px} .faq-search input{flex: 1;border: 0;outline: 0;color: var(--text)} .faq-illustration{position: relative;min-height: 340px;display: grid;place-items: center} .faq-illustration::after{content: "";position: absolute;inset: -40px -80px -20px auto;width: 360px;background: linear-gradient(135deg,transparent 0 48%,rgba(37,55,230,.14) 49% 50%,transparent 51%),radial-gradient(circle at 30% 30%,#c7ceff 0 3px,transparent 4px) 0 0 / 42px 42px;opacity: .78} .faq-illustration strong{z-index: 2;display: grid;place-items: center;width: 250px;height: 210px;border-radius: 16px;background: linear-gradient(145deg,var(--blue-soft),#fff);color: var(--blue);font-size: 102px;box-shadow: var(--shadow);animation: floatFaq 4s ease-in-out infinite} .faq-bubble{position: absolute;z-index: 1;width: 170px;height: 120px;border-radius: 14px;background: #fff;box-shadow: 0 18px 48px rgba(29,48,112,.09)} .faq-bubble.left{left: 10%;top: 42%} .faq-bubble.right{right: 8%;top: 44%} .faq-tabs{display: grid;grid-template-columns: repeat(6,1fr);gap: 0;overflow: hidden;border: 1px solid var(--line);border-radius: var(--radius);background: #fff;box-shadow: var(--shadow)} .faq-tabs button{position: relative;min-height: 150px;padding: 22px 14px;border: 0;border-right: 1px solid var(--line);background: #fff;color: var(--text);font-weight: 850;cursor: pointer;transition: .25s ease} .faq-tabs button:last-child{border-right: 0} .faq-tabs button span{display: block;margin-bottom: 12px;color: var(--blue);font-size: 38px} .faq-tabs button.active,.faq-tabs button:hover{color: var(--blue);transform: translateY(-2px)} .faq-tabs button.active::after{content: "";position: absolute;left: 24px;right: 24px;bottom: 0;height: 3px;background: var(--blue)} .faq-layout{display: grid;grid-template-columns: 320px minmax(0,1fr);gap: 30px} .faq-left{display: grid;gap: 24px;align-content: start} .faq-category-card,.faq-help-card,.faq-accordion,.faq-stats{border: 1px solid var(--line);border-radius: var(--radius);background: #fff;box-shadow: 0 14px 38px rgba(29,48,112,.06)} .faq-category-card,.faq-help-card{padding: 28px} .faq-category-card h2,.faq-help-card h2{font-size: 22px} .faq-category-card button{display: grid;grid-template-columns: 28px 1fr auto;gap: 14px;align-items: center;width: 100%;min-height: 58px;border: 0;background: transparent;color: var(--text-soft);text-align: left;cursor: pointer} .faq-category-card button.active{color: var(--blue);font-weight: 900} .faq-category-card span{color: currentColor;font-size: 24px} .faq-category-card em{font-style: normal;font-weight: 900} .faq-help-card p{color: var(--muted)} .faq-help-card .trust-line{margin-top: 22px} .faq-accordion{overflow: hidden} .faq-item{border-bottom: 1px solid var(--line);transition: opacity .25s ease,transform .25s ease} .faq-item:last-child{border-bottom: 0} .faq-item.hidden{display: none} .faq-item button{display: flex;justify-content: space-between;align-items: center;width: 100%;padding: 28px 48px;border: 0;background: #fff;color: var(--text);text-align: left;font-size: 20px;font-weight: 850;cursor: pointer} .faq-item.open button{color: var(--blue)} .faq-item button span{transition: transform .25s ease} .faq-item.open button span{transform: rotate(180deg)} .faq-answer{max-height: 0;overflow: hidden;transition: max-height .32s ease,opacity .32s ease;opacity: 0} .faq-item.open .faq-answer{max-height: 240px;opacity: 1} .faq-answer p{max-width: 760px;margin: 0;padding: 0 48px 34px;color: var(--text-soft);font-size: 17px} .faq-stats{display: grid;grid-template-columns: repeat(4,1fr);gap: 18px;padding: 30px;margin-bottom: 36px} .faq-stats div{display: grid;grid-template-columns: 58px 1fr;column-gap: 14px;align-items: center} .faq-stats span{grid-row: span 2;color: var(--blue);font-size: 42px} .faq-stats strong{font-size: 34px;line-height: 1} .faq-stats small{color: var(--muted)} .faq-cta{display: grid;grid-template-columns: 260px 1fr .75fr;gap: 44px;align-items: center;margin: 0 0 56px;padding: 40px;color: #fff;border-radius: var(--radius);background: radial-gradient(circle at 15% 44%,rgba(0,178,255,.42),transparent 24%),linear-gradient(100deg,#06155d,var(--blue));box-shadow: 0 18px 55px rgba(37,55,230,.28)} .faq-africa{min-height: 180px;background: radial-gradient(circle at 42% 42%,#fff 0 2px,transparent 3px) 0 0 / 18px 18px,radial-gradient(circle,rgba(0,178,255,.28),transparent 66%);clip-path: polygon(30% 0,75% 9%,92% 34%,75% 60%,80% 100%,45% 80%,20% 56%,5% 22%)} .faq-cta h2{font-size: clamp(28px,4vw,42px)} .faq-cta p,.faq-cta li{color: rgba(255,255,255,.82)} .faq-cta ul{margin: 0;padding-left: 20px;font-weight: 850} @keyframes floatFaq{0%,100%{transform: translateY(0)} 50%{transform: translateY(-12px)}} @media (max-width: 1100px){.service-grid{grid-template-columns: repeat(3,1fr)} .post-grid{grid-template-columns: repeat(2,1fr)} .home-blog-grid{grid-template-columns: repeat(2,1fr)} .blog-layout{grid-template-columns: 1fr} .article-shell{grid-template-columns: 1fr} .article-sidebar{grid-template-columns: repeat(2,1fr);position: static} .ads-hero-grid,.ads-two-col,.ads-cta .container,.ai-hero-grid,.ai-solutions,.ai-cta .container,.content-hero-grid,.content-two-col,.content-cta .container{grid-template-columns: 1fr} .benefit-strip{grid-template-columns: repeat(2,1fr)} .benefit-strip article:nth-child(2){border-right: 0} .ai-benefits,.ai-case-grid,.content-benefits{grid-template-columns: repeat(2,1fr)} .ai-benefits article:nth-child(2){border-right: 0} .content-benefits article:nth-child(2){border-right: 0} .content-gallery{grid-template-columns: repeat(3,1fr)} .faq-hero-grid,.faq-layout,.faq-cta{grid-template-columns: 1fr} .faq-tabs{grid-template-columns: repeat(3,1fr)} .ai-steps{grid-template-columns: repeat(3,1fr)} .sidebar{grid-template-columns: repeat(2,1fr)} .guides-hero-grid,.guides-shell,.guide-cta,.showcase-hero-grid,.showcase-cta,.commerce-hero-grid,.commerce-product-panel,.comparison-grid,.commerce-cta,.saas-hero-grid,.saas-impact-row,.saas-cta{grid-template-columns: 1fr} .saas-dashboard-wrap{min-height: 650px} .saas-mini-features,.saas-card-grid.four,.saas-module-grid,.saas-sectors>div,.saas-tech>div{grid-template-columns: repeat(2,1fr)} .saas-stats{width: 100%;grid-template-columns: repeat(2,1fr);margin-top: 20px} .saas-cta .commerce-cta-points{grid-column: 1 / -1} .commerce-dashboard-wrap{min-height: 620px} .commerce-feature-strip,.commerce-project-row,.commerce-tech>div{grid-template-columns: repeat(2,1fr)} .commerce-stats{grid-template-columns: repeat(2,1fr);margin-top: 20px} .commerce-steps{grid-template-columns: repeat(3,1fr)} .commerce-illustration,.versus{justify-self: center} .commerce-cta-points{grid-column: 1 / -1} .showcase-device-wrap{min-height: 620px} .showcase-mini-features,.showcase-trust-grid{grid-template-columns: repeat(2,1fr)} .showcase-feature-grid,.showcase-project-row{grid-template-columns: repeat(2,1fr)} .showcase-steps{grid-template-columns: repeat(3,1fr)} .showcase-steps::before{display: none} .showcase-trust article:nth-child(2){border-right: 0} .guide-tabs{grid-template-columns: repeat(4,1fr)} .guide-benefits{grid-template-columns: repeat(2,1fr)} .guide-benefits article:nth-child(2){border-right: 0} .footer-grid{grid-template-columns: repeat(3,1fr)}} @media (max-width: 920px){.container{width: min(100% - 32px,var(--container))} .menu-toggle{display: block} .nav-panel{position: fixed;inset: 92px 0 auto 0;display: none;height: calc(100vh - 92px);overflow: auto;padding: 24px;background: #fff;align-items: stretch;justify-content: flex-start;flex-direction: column} body.nav-open .nav-panel{display: flex} .nav-links,.nav-actions{align-items: stretch;flex-direction: column;gap: 12px} .nav-links a,.nav-links button{display: block;width: 100%;padding: 12px 0;text-align: left} .dropdown{position: static;width: auto;display: none;opacity: 1;visibility: visible;transform: none;box-shadow: none;background: var(--bg)} .has-dropdown.open .dropdown{display: block} .hero-grid,.contact-grid,.compare-grid,.featured-post,.map-card,.cta-band{grid-template-columns: 1fr} .article-hero-grid,.newsletter-wide{grid-template-columns: 1fr} .ads-results{grid-template-columns: 1fr} .ai-network{min-height: 330px} .content-orbit{min-height: 390px} .faq-stats{grid-template-columns: repeat(2,1fr)} .hero-grid{min-height: auto;padding: 72px 0} .guides-hero-art{min-height: 260px} .featured-guides{grid-template-columns: 1fr} .guide-cta{padding: 30px} .showcase-cta{padding: 30px} .commerce-cta{padding: 30px} .showcase-cta ul{border-left: 0;padding-left: 28px} .guide-cta ul{border-left: 0;padding-left: 28px} .dashboard-card{min-height: auto} .case-grid,.contact-cards{grid-template-columns: 1fr 1fr} .timeline{grid-template-columns: 1fr;text-align: left} .timeline strong{margin-left: 0} .stats-band{grid-template-columns: 1fr 1fr} .narrow{margin-inline: auto;width: min(100% - 32px,620px)}} @media (max-width: 640px){.navbar{min-height: 76px} .brand img{width: 145px} .nav-panel{inset: 76px 0 auto 0;height: calc(100vh - 76px)} h1{font-size: 42px} .section{padding: 58px 0} .metric-grid,.chart-panel,.service-grid,.stats-band,.case-grid,.post-grid,.sidebar,.contact-cards,.footer-grid,.two-cols{grid-template-columns: 1fr} .guide-tabs,.guide-benefits,.showcase-mini-features,.showcase-feature-grid,.showcase-project-row,.showcase-trust-grid,.showcase-steps,.commerce-stats,.commerce-feature-strip,.commerce-project-row,.commerce-tech>div,.commerce-steps,.product-demo,.saas-mini-features,.saas-card-grid.four,.saas-module-grid,.saas-sectors>div,.saas-tech>div,.saas-metrics,.saas-charts,.saas-stats,.saas-impact>div{grid-template-columns: 1fr} .saas-hero{padding-top: 34px} .saas-copy h1{font-size: 38px} .saas-dashboard-wrap{min-height: 580px} .saas-window{position: relative;grid-template-columns: 1fr;width: 100%;min-height: auto} .saas-window aside{display: none} .saas-main{padding: 22px} .saas-phone{left: auto;right: 0;top: 310px;width: 138px;min-height: 250px} .saas-donut{width: 104px;height: 104px} .saas-module-grid article,.saas-sectors article{border-right: 0} .saas-impact,.saas-testimonial{padding: 24px} .saas-cta{grid-template-columns: 1fr;padding: 30px} .commerce-hero{padding-top: 34px} .commerce-copy h1{font-size: 39px} .commerce-dashboard-wrap{min-height: 560px} .commerce-laptop{left: 0;width: 100%} .commerce-screen{min-height: 300px;padding: 20px} .dash-grid{grid-template-columns: 1fr} .commerce-phone{right: 0;top: 300px;width: 136px;min-height: 260px} .floating-order,.floating-payment,.product-float{display: none} .cart-mini{left: 12px;bottom: 30px} .commerce-product-panel{padding: 24px} .shoe-main{height: 210px} .commerce-cta{grid-template-columns: 1fr} .cart-glow{width: 88px;height: 88px;font-size: 40px} .showcase-hero{padding-top: 34px} .showcase-copy h1{font-size: 38px} .showcase-device-wrap{min-height: 520px} .laptop-mockup{width: 100%} .laptop-screen{min-height: 280px;padding: 22px} .mock-nav i{display: none} .mock-hero{grid-template-columns: 1fr} .mock-building{min-height: 112px} .phone-mockup{right: 0;top: 245px;width: 132px;min-height: 265px} .showcase-stats{left: 0;right: auto;bottom: -20px;width: 100%;grid-template-columns: 1fr} .showcase-feature-grid article,.showcase-trust article{border-right: 0} .showcase-trust article{padding: 20px 0;border-bottom: 1px solid var(--line)} .showcase-trust article:last-child{border-bottom: 0} .guide-tabs button{min-height: 92px;border-bottom: 1px solid var(--line)} .guide-tabs button:last-child{border-bottom: 0} .guide-list-item{grid-template-columns: 1fr 42px} .guide-list-thumb{grid-column: 1 / -1;width: 100%;height: 145px} .guide-benefits article{grid-template-columns: 38px 1fr;border-right: 0;border-bottom: 1px solid var(--line);padding: 20px 0} .guide-benefits article:last-child{border-bottom: 0} .guides-hero h1{font-size: 38px} .guide-book{left: 26%} .guide-download{left: calc(26% + 118px)} .article-summary ol,.article-bottom,.article-sidebar,.newsletter-wide form,.ads-metrics,.platform-row,.benefit-strip,.ads-results article,.ai-benefits,.ai-steps,.ai-case-grid,.ai-service-list a,.content-benefits,.content-service-list a,.content-gallery,.faq-tabs,.faq-stats,.faq-stats div{grid-template-columns: 1fr} .faq-tabs button{min-height: 96px;border-right: 0;border-bottom: 1px solid var(--line)} .faq-tabs button:last-child{border-bottom: 0} .faq-item button{padding: 22px;font-size: 16px} .faq-answer p{padding: 0 22px 26px;font-size: 15px} .benefit-strip article{border-right: 0;border-bottom: 1px solid var(--line);padding: 18px 0} .benefit-strip article:last-child{border-bottom: 0} .ads-service-list a{grid-template-columns: 1fr} .ads-service-list a::after{display: none} .ai-benefits article{border-right: 0;border-bottom: 1px solid var(--line);padding: 18px 0} .ai-benefits article:last-child{border-bottom: 0} .ai-service-list a::before,.ai-service-list a::after,.content-service-list a::before,.content-service-list a::after{display: none} .content-benefits article{border-right: 0;border-bottom: 1px solid var(--line);padding: 18px 0} .content-benefits article:last-child{border-bottom: 0} .content-node{min-width: 66px;width: auto;height: 54px;padding: 0 10px;font-size: 13px} .phone-mock{left: 42%;width: 132px;height: 240px} .camera-mock{left: 8%;width: 142px} .mic-mock{right: 0;width: 64px;height: 166px} .ai-node{width: 68px;height: 58px;font-size: 14px} .ai-chip{width: 112px;height: 112px;font-size: 38px} .dashboard-card,.contact-form,.cta-band{padding: 24px} .partners{font-size: 16px;gap: 16px} .section-head.split{display: block} .compare-card{grid-template-columns: 1fr;gap: 20px} .compare-card>strong{margin: auto} .legal{flex-direction: column;align-items: center;gap: 8px}} .realisations-page{background: radial-gradient(circle at 88% 8%,rgba(37,55,230,.08),transparent 22%),linear-gradient(180deg,#fff 0%,var(--bg) 48%,#fff 100%)} .realisations-hero{position: relative;overflow: hidden;padding: 58px 0 36px} .realisations-hero::after{content: "";position: absolute;right: 0;top: 60px;width: min(520px,48vw);height: 520px;opacity: .5;background: radial-gradient(circle at 42% 40%,rgba(37,55,230,.28) 0 2px,transparent 3px) 0 0 / 16px 16px;pointer-events: none} .realisations-hero-grid{position: relative;z-index: 1;display: grid;grid-template-columns: minmax(0,.88fr) minmax(560px,1.12fr);gap: 60px;align-items: center} .breadcrumbs{display: flex;gap: 10px;align-items: center;margin-bottom: 26px;color: var(--blue);font-size: 12px;font-weight: 900;text-transform: uppercase} .breadcrumbs span:last-child{color: var(--muted)} .realisations-copy h1{margin-bottom: 18px;font-size: clamp(42px,5vw,64px)} .realisations-copy>p{max-width: 570px;color: var(--text-soft);font-size: 17px} .realisations-visual{position: relative;min-height: auto;margin: 0} .realisations-visual img{width: min(100%,680px);margin-left: auto;filter: drop-shadow(0 30px 60px rgba(29,48,112,.16))} .visual-window{position: absolute;left: 12%;top: 10px;width: 430px;min-height: 280px;overflow: hidden;border: 11px solid #151a24;border-radius: 16px;background: linear-gradient(110deg,rgba(6,12,35,.86),rgba(6,12,35,.35)),linear-gradient(135deg,#73818c 0 24%,#20362c 24% 54%,#d5c2a2 54% 72%,#344253 72%);box-shadow: 0 34px 54px rgba(9,16,47,.22)} .visual-top{display: flex;gap: 8px;align-items: center;padding: 14px 18px;color: #fff;font-size: 12px} .visual-top span{width: 10px;height: 10px;border-radius: 50%;background: #fff} .visual-top small{margin-left: auto;padding: 4px 9px;border-radius: 999px;background: var(--blue)} .visual-hero-card{width: 230px;margin: 38px auto 20px;color: #fff;text-align: center} .visual-hero-card h2{margin-bottom: 12px;font-size: 28px;line-height: 1.1} .visual-hero-card p{display: inline-flex;padding: 9px 12px;border-radius: 5px;background: #fff;color: #10152f;font-size: 11px;font-weight: 900} .visual-mini-row{display: grid;grid-template-columns: repeat(3,1fr);gap: 10px;padding: 0 26px 24px} .visual-mini-row span{min-height: 42px;border-radius: 8px;background: rgba(255,255,255,.2);color: rgba(255,255,255,.8);display: grid;place-items: center;font-size: 10px;font-weight: 800} .floating-card{position: absolute;z-index: 2;width: 160px;padding: 18px;border: 1px solid var(--line);border-radius: 10px;background: rgba(255,255,255,.96);box-shadow: 0 22px 48px rgba(29,48,112,.14)} .floating-card small{display: block;color: var(--muted);font-size: 11px;font-weight: 800} .floating-card strong{display: block;margin: 6px 0;font-size: 15px} .floating-card em,.phone-content em{color: var(--green);font-size: 11px;font-style: normal;font-weight: 900} .floating-card i,.phone-content i{display: block;height: 48px;margin-top: 12px;background: linear-gradient(150deg,transparent 46%,rgba(37,55,230,.16) 47% 54%,transparent 55%),repeating-linear-gradient(90deg,transparent 0 24px,#eef1fb 25px 26px)} .floating-card.revenue{left: 0;top: 86px} .floating-card.roi{left: 34px;bottom: 48px} .floating-card.roi i{height: 72px;border-radius: 50%;background: conic-gradient(var(--blue) 0 68%,var(--yellow) 68% 82%,#e4e8ff 82% 100%);box-shadow: inset 0 0 0 22px #fff} .phone-preview{position: absolute;right: 8px;top: 74px;width: 178px;min-height: 330px;padding: 13px;border: 9px solid #0e1320;border-radius: 34px;background: #fff;box-shadow: 0 34px 54px rgba(9,16,47,.26)} .phone-content{padding-top: 24px} .product-preview{height: 112px;margin: 14px 0;border-radius: 12px;background: radial-gradient(circle at 50% 42%,#858b99 0 18%,transparent 19%),linear-gradient(180deg,#f4f6fb,#e9edf7)} .phone-content small{color: #10152f;font-weight: 900} .phone-content strong{display: inline-block;margin-right: 10px;font-size: 24px} .phone-content button{width: 100%;min-height: 38px;margin-top: 14px;border: 0;border-radius: 6px;background: var(--blue);color: #fff;font-size: 10px;font-weight: 900} .realisations-stats{display: grid;grid-template-columns: repeat(5,1fr);gap: 18px;margin-top: 12px;padding: 28px 32px;border: 1px solid var(--line);border-radius: 12px;background: rgba(255,255,255,.94);box-shadow: 0 18px 48px rgba(29,48,112,.08)} .realisations-stats article{display: grid;grid-template-columns: 42px 1fr;column-gap: 12px;align-items: center} .realisations-stats span{grid-row: span 2;color: var(--blue);font-size: 32px} .realisations-stats strong{font-size: 25px;line-height: 1} .realisations-stats small{color: var(--muted);font-size: 11px;font-weight: 750} .realisations-list{padding-top: 46px} .portfolio-toolbar{display: flex;gap: 18px;align-items: center;justify-content: space-between;margin-bottom: 28px} .portfolio-filters{display: flex;flex-wrap: wrap;gap: 10px;padding: 10px;border: 1px solid var(--line);border-radius: 12px;background: #fff;box-shadow: 0 12px 30px rgba(29,48,112,.05)} .portfolio-filters button{min-height: 42px;padding: 0 16px;border: 0;border-radius: 8px;background: transparent;color: var(--muted);cursor: pointer;font-size: 12px;font-weight: 850} .portfolio-filters button.active{background: var(--blue);color: #fff;box-shadow: 0 10px 24px rgba(37,55,230,.2)} .sort-select{display: inline-flex;align-items: center;gap: 10px;min-height: 42px;padding: 0 12px 0 16px;border: 1px solid var(--line);border-radius: 8px;background: #fff;color: var(--muted);font-size: 12px;font-weight: 800} .sort-select select{border: 0;background: transparent;color: #10152f;font-size: 12px;font-weight: 800} .portfolio-grid{display: grid;grid-template-columns: repeat(3,1fr);gap: 22px} .portfolio-card{overflow: hidden;border: 1px solid var(--line);border-radius: 12px;background: #fff;box-shadow: 0 14px 36px rgba(29,48,112,.07)} .portfolio-card.hidden{display: none} .portfolio-shot{position: relative;min-height: 220px;padding: 24px;background: var(--blue-soft)} .portfolio-shot span{position: relative;z-index: 2;display: inline-flex;padding: 6px 10px;border-radius: 6px;background: var(--blue);color: #fff;text-transform: uppercase;font-size: 11px;font-weight: 950} .shot-browser{position: absolute;inset: 42px 22px 18px;overflow: hidden;border: 8px solid #fff;border-radius: 10px;box-shadow: 0 18px 36px rgba(29,48,112,.16)} .portfolio-shot.has-photo .shot-browser{background: #061022} .portfolio-shot.has-photo .shot-browser img{width: 100%;height: 100%;object-fit: cover} .shot-browser::before{content: "";position: absolute;inset: 0;z-index: 2;background: linear-gradient(#fff 0 22px,transparent 22px),radial-gradient(circle at 14px 11px,var(--danger) 0 3px,transparent 4px),radial-gradient(circle at 27px 11px,var(--yellow) 0 3px,transparent 4px),radial-gradient(circle at 40px 11px,#22c55e 0 3px,transparent 4px)} .real-estate-site .shot-browser{background: linear-gradient(120deg,rgba(7,18,59,.7),rgba(7,18,59,.1)),linear-gradient(135deg,#9ca3af 0 24%,#2f3c35 24% 55%,#e2cda2 55% 75%,#203427 75%)} .beauty-shop .shot-browser{background: radial-gradient(circle at 68% 48%,#fff 0 9%,transparent 10%),radial-gradient(circle at 78% 44%,#f7b7ca 0 12%,transparent 13%),linear-gradient(135deg,#fff 0 25%,#ffd9e6 25% 70%,#fff 70%)} .saas-dashboard .shot-browser,.seo-report .shot-browser{background: linear-gradient(150deg,transparent 45%,rgba(37,55,230,.16) 46% 53%,transparent 54%),repeating-linear-gradient(0deg,transparent 0 34px,#e8edff 35px 36px),repeating-linear-gradient(90deg,transparent 0 48px,#e8edff 49px 50px),#fbfcff} .payhub-app .shot-browser{background: radial-gradient(circle at 66% 44%,rgba(255,255,255,.72) 0 13%,transparent 14%),linear-gradient(135deg,var(--blue-dark),var(--blue))} .greeneat-brand .shot-browser{background: radial-gradient(circle at 76% 50%,#eef7ec 0 11%,transparent 12%),linear-gradient(135deg,#0f6b42 0 54%,#f7faf5 54%)} .portfolio-body{padding: 22px 22px 24px} .portfolio-body small{color: var(--muted);font-size: 12px;font-weight: 800} .portfolio-body h3{margin: 4px 0 8px;font-size: 20px} .portfolio-body p{min-height: 68px;color: var(--muted);font-size: 13px} .portfolio-body div{display: flex;gap: 12px;margin: 18px 0 14px} .portfolio-body strong{flex: 1;padding: 12px;border: 1px solid var(--line);border-radius: 8px;color: var(--blue);font-size: 19px;line-height: 1.1} .portfolio-body strong small{display: block;margin-top: 6px;color: var(--muted);font-size: 10px} .portfolio-body a{display: flex;justify-content: flex-end;color: var(--blue);font-size: 12px;font-weight: 950} .realisations-confidence{display: grid;grid-template-columns: .95fr 1.05fr;gap: 24px;align-items: stretch} .project-cta{min-height: 265px;padding: 38px;border-radius: 12px;color: #fff;background: radial-gradient(circle at 78% 50%,rgba(0,178,255,.52),transparent 21%),linear-gradient(120deg,#1020a8 0%,#061c93 62%,#102be7 100%);box-shadow: 0 18px 44px rgba(13,29,147,.28)} .project-cta h2{max-width: 370px;font-size: 32px;line-height: 1.16} .project-cta p{max-width: 430px;color: rgba(255,255,255,.84)} .project-cta .btn-light{color: var(--text)} .confidence-card{padding: 34px;border: 1px solid var(--line);border-radius: 12px;background: #fff;box-shadow: 0 14px 36px rgba(29,48,112,.06)} .confidence-card h2{margin-bottom: 28px;font-size: 25px} .confidence-card>div{display: grid;grid-template-columns: repeat(2,1fr);gap: 24px} .confidence-card article{display: grid;grid-template-columns: 42px 1fr;column-gap: 12px} .confidence-card span{grid-row: span 2;display: grid;place-items: center;width: 36px;height: 36px;border-radius: 50%;background: var(--blue-soft);color: var(--blue);font-weight: 900} .confidence-card h3{margin-bottom: 4px;font-size: 15px} .confidence-card p{margin-bottom: 0;color: var(--muted);font-size: 12px} .client-proof{text-align: center} .client-proof h2{margin-bottom: 30px;font-size: 26px} .proof-grid{display: grid;grid-template-columns: 1.15fr 1fr;gap: 34px;align-items: center} .proof-grid blockquote{display: grid;grid-template-columns: 70px 1fr;gap: 18px;margin: 0;padding: 30px;border: 1px solid var(--line);border-radius: 12px;background: #fff;text-align: left;box-shadow: 0 14px 36px rgba(29,48,112,.06)} .testimonial-avatar{grid-row: span 3;display: grid;place-items: center;width: 58px;height: 58px;border-radius: 50%;background: linear-gradient(135deg,#1d2b57,#c88b42);color: #fff;font-weight: 950} .proof-grid p{margin-bottom: 8px;color: #4f5b78} .proof-grid cite{color: #3a4562;font-style: normal;font-weight: 800} .proof-grid blockquote span{color: var(--yellow)} .client-logos{display: grid;grid-template-columns: repeat(3,1fr);gap: 16px} .client-logos span{display: grid;place-items: center;min-height: 70px;border: 1px solid var(--line);border-radius: 10px;background: #fff;color: var(--text-soft);font-weight: 950;box-shadow: 0 10px 24px rgba(29,48,112,.05)} .legal-page{background: radial-gradient(circle at 78% 8%,rgba(37,55,230,.08),transparent 24%),linear-gradient(180deg,#fff 0%,var(--bg) 50%,#fff 100%)} .legal-hero{padding: 58px 0 36px} .legal-hero-grid{display: grid;grid-template-columns: minmax(0,.95fr) minmax(430px,1fr);gap: 56px;align-items: center} .legal-copy h1{margin-bottom: 18px;font-size: clamp(42px,5vw,64px)} .legal-copy p{max-width: 620px;color: var(--text-soft);font-size: 17px} .legal-visual{position: relative;min-height: 330px;margin: 0} .legal-visual::before{content: "";position: absolute;inset: 18px 20px 0;border-radius: 50%;background: var(--blue-soft)} .legal-document{position: absolute;right: 72px;top: 16px;width: 255px;min-height: 290px;padding: 58px 34px 32px;border: 1px solid #dbe4ff;border-radius: 18px;background: #fff;box-shadow: 0 24px 54px rgba(29,48,112,.13)} .legal-document::after{content: "";position: absolute;right: 0;top: 0;border-width: 0 58px 58px 0;border-style: solid;border-color: transparent var(--blue-soft) transparent transparent} .legal-document span{display: block;height: 7px;margin: 18px 0;border-radius: 99px;background: var(--blue)} .legal-document span:first-child{width: 90px} .legal-document span:nth-child(2){width: 175px} .legal-document span:nth-child(3){width: 160px} .legal-document span:nth-child(4){width: 190px} .legal-shield{position: absolute;left: 78px;bottom: 28px;display: grid;place-items: center;width: 150px;height: 170px;border-radius: 52% 52% 44% 44%;background: linear-gradient(160deg,var(--blue),#0e34c8);color: #fff;font-size: 58px;box-shadow: 0 26px 44px rgba(37,55,230,.22)} .legal-plant{position: absolute;right: 32px;bottom: 30px;width: 42px;height: 100px;border-radius: 0 0 12px 12px;background: linear-gradient(#26b777 0 52%,#fff 52% 100%);box-shadow: inset 0 -22px 0 #fff,0 16px 30px rgba(29,48,112,.1)} .legal-layout{display: grid;grid-template-columns: 280px minmax(0,1fr);gap: 26px;align-items: start;margin-bottom: 34px} .legal-tabs,.legal-panel,.legal-card-grid article{border: 1px solid var(--line);border-radius: 12px;background: rgba(255,255,255,.94);box-shadow: 0 14px 34px rgba(29,48,112,.05)} .legal-tabs{display: grid;gap: 4px;padding: 14px} .legal-tabs a{padding: 14px 16px;border-radius: 8px;color: var(--muted);font-size: 13px;font-weight: 800} .legal-tabs a.active,.legal-tabs a:hover{background: var(--blue-soft);color: var(--blue)} .legal-panel{padding: 34px 36px} .legal-panel h2{margin-bottom: 8px;color: var(--blue);font-size: 28px} .legal-info-list{margin: 24px 0 0} .legal-info-list div{display: grid;grid-template-columns: 260px 1fr;gap: 24px;padding: 18px 0;border-bottom: 1px solid var(--line)} .legal-info-list div:last-child{border-bottom: 0} .legal-info-list dt{color: var(--heading);font-weight: 900} .legal-info-list dd{margin: 0;color: var(--muted)} .legal-card-grid{display: grid;grid-template-columns: repeat(3,1fr);gap: 24px} .legal-card-grid article{min-height: 150px;padding: 26px} .legal-card-grid span{display: grid;place-items: center;width: 44px;height: 44px;margin-bottom: 14px;border-radius: 50%;background: var(--blue-soft);color: var(--blue);font-weight: 950} .legal-card-grid h2{margin-bottom: 8px;font-size: 17px} .legal-card-grid p{color: var(--muted);font-size: 13px} .legal-card-grid a{color: var(--blue);font-size: 13px;font-weight: 900} .legal-cta{display: grid;grid-template-columns: 1fr auto;gap: 28px;align-items: center;margin: 34px auto 48px;padding: 36px 42px;border-radius: 12px;color: #fff;background: radial-gradient(circle at 80% 40%,rgba(37,87,255,.34),transparent 28%),linear-gradient(100deg,#06155d,var(--blue));box-shadow: 0 18px 55px rgba(37,55,230,.28)} .legal-cta small{display: block;font-weight: 900} .legal-cta h2{margin: 6px 0 8px;font-size: 30px} .legal-cta p{margin-bottom: 0;color: rgba(255,255,255,.84)} .legal-cta .btn-light{color: var(--text)} .legal-cta ul{grid-column: 1 / -1;display: flex;flex-wrap: wrap;gap: 24px;margin: 0;padding: 0;list-style: none;color: rgba(255,255,255,.9);font-size: 13px;font-weight: 850} .privacy-page{background: radial-gradient(circle at 78% 8%,rgba(37,55,230,.08),transparent 25%),linear-gradient(180deg,#fff 0%,var(--bg) 54%,#fff 100%)} .privacy-hero{padding: 58px 0 34px} .privacy-hero-grid{display: grid;grid-template-columns: minmax(0,.95fr) minmax(420px,1fr);gap: 58px;align-items: center} .privacy-pill{display: inline-flex;margin-bottom: 18px;padding: 6px 14px;border-radius: 999px;background: var(--blue-soft);color: var(--blue);font-size: 12px} .privacy-copy h1{max-width: 760px;margin-bottom: 16px;font-size: clamp(40px,5vw,62px);line-height: 1.08} .privacy-copy>p{max-width: 650px;color: var(--text-soft);font-size: 17px} .privacy-date{display: inline-flex;align-items: center;gap: 10px;margin-top: 22px;padding: 12px 18px;border-radius: 999px;background: #fff;color: var(--heading);font-size: 14px;font-weight: 850;box-shadow: 0 12px 30px rgba(29,48,112,.08)} .privacy-date span{color: var(--blue);font-size: 12px} .privacy-visual{position: relative;min-height: 330px;margin: 0} .privacy-visual::before{content: "";position: absolute;inset: 16px 24px 0;border-radius: 50%;background: var(--blue-soft)} .privacy-document{position: absolute;right: 74px;top: 14px;width: 260px;min-height: 284px;padding: 62px 34px 32px 84px;border: 1px solid #dbe4ff;border-radius: 18px;background: #fff;box-shadow: 0 24px 54px rgba(29,48,112,.13)} .privacy-document span{display: block;height: 7px;margin: 18px 0;border-radius: 99px;background: #9bb0ff} .privacy-document span:first-child{width: 70px;background: var(--blue)} .privacy-document span:nth-child(2){width: 145px} .privacy-document span:nth-child(3){width: 120px} .privacy-document span:nth-child(4){width: 155px} .privacy-shield{position: absolute;left: 76px;bottom: 36px;display: grid;place-items: center;width: 160px;height: 176px;border-radius: 52% 52% 44% 44%;background: linear-gradient(160deg,var(--blue),#0d33c4);box-shadow: 0 26px 44px rgba(37,55,230,.22)} .privacy-shield span{position: relative;width: 58px;height: 46px;border-radius: 9px;background: #fff} .privacy-shield span::before{content: "";position: absolute;left: 12px;top: -30px;width: 34px;height: 38px;border: 8px solid #fff;border-bottom: 0;border-radius: 28px 28px 0 0} .privacy-shield span::after{content: "";position: absolute;left: 25px;top: 15px;width: 8px;height: 16px;border-radius: 99px;background: var(--blue)} .privacy-user{position: absolute;right: 54px;top: 52px;width: 74px;height: 74px;border: 12px solid #e8edff;border-radius: 50%;background: linear-gradient(var(--blue) 0 36%,#fff 36% 100%);box-shadow: 0 16px 34px rgba(29,48,112,.12)} .privacy-plant{position: absolute;right: 30px;bottom: 30px;width: 42px;height: 96px;border-radius: 0 0 12px 12px;background: linear-gradient(#25b978 0 52%,#fff 52% 100%);box-shadow: inset 0 -22px 0 #fff,0 16px 30px rgba(29,48,112,.1)} .privacy-layout{display: grid;grid-template-columns: 275px minmax(0,1fr);gap: 28px;align-items: start} .privacy-summary,.privacy-content{border: 1px solid var(--line);border-radius: 12px;background: rgba(255,255,255,.95);box-shadow: 0 14px 34px rgba(29,48,112,.05)} .privacy-summary{position: sticky;top: 112px;padding: 22px} .privacy-summary h2{margin-bottom: 18px;font-size: 19px} .privacy-summary nav{display: grid;gap: 5px} .privacy-summary a{display: flex;gap: 10px;padding: 12px 14px;border-radius: 8px;color: var(--muted);font-size: 13px;font-weight: 800} .privacy-summary a span{color: var(--blue);font-weight: 950} .privacy-summary a.active,.privacy-summary a:hover{background: var(--blue-soft);color: var(--blue)} .privacy-help{margin-top: 22px;padding: 24px 18px;border-radius: 12px;background: linear-gradient(180deg,var(--surface-soft),#fff);text-align: center} .privacy-help strong{display: block;color: var(--heading);font-size: 14px} .privacy-help p{margin: 8px 0 10px;color: var(--muted);font-size: 12px} .privacy-help a{justify-content: center;padding: 0;color: var(--blue)} .privacy-content{padding: 34px 34px 28px} .privacy-content section + section{margin-top: 30px} .privacy-content h2{margin-bottom: 8px;color: var(--blue);font-size: 24px} .privacy-content p{color: var(--muted)} .privacy-data-grid{display: grid;grid-template-columns: repeat(4,1fr);gap: 14px;margin-top: 16px} .privacy-data-grid article{padding: 18px;border: 1px solid #edf1fb;border-radius: 10px;background: var(--bg)} .privacy-data-grid span,.privacy-rights span{display: inline-flex;align-items: center;justify-content: center;min-width: 34px;min-height: 34px;margin-bottom: 10px;padding: 0 8px;border-radius: 999px;background: var(--blue-soft);color: var(--blue);font-size: 10px;font-weight: 950} .privacy-data-grid h3{margin-bottom: 6px;color: var(--heading);font-size: 13px} .privacy-data-grid p{margin: 0;font-size: 12px} .privacy-check-grid{display: grid;grid-template-columns: repeat(2,1fr);gap: 10px 26px;margin: 14px 0 0;padding: 0;list-style: none} .privacy-check-grid li{position: relative;padding-left: 26px;color: var(--muted);font-weight: 750} .privacy-check-grid li::before{content: "";position: absolute;left: 0;top: 7px;width: 14px;height: 14px;border: 2px solid var(--blue);border-radius: 50%;background: radial-gradient(circle,var(--blue) 0 3px,transparent 4px)} .privacy-data-grid.compact article{min-height: 132px} .privacy-rights{display: grid;grid-template-columns: repeat(5,1fr);gap: 12px;margin-top: 16px} .privacy-rights span{min-height: 54px;margin: 0;text-align: center} .privacy-notice{margin-top: 18px;padding: 16px 18px;border-radius: 10px;background: var(--blue-soft);text-align: center;font-weight: 850} .privacy-notice a{color: var(--blue)} .privacy-contact-grid{display: grid;grid-template-columns: repeat(3,1fr);gap: 14px;margin-top: 16px} .privacy-contact-grid>*{display: grid;gap: 4px;padding: 18px;border-radius: 10px;background: var(--bg);color: var(--muted)} .privacy-contact-grid strong{color: var(--heading)} .privacy-cta{display: grid;grid-template-columns: 160px 1fr auto;gap: 28px;align-items: center;margin: 34px auto 48px;padding: 28px 40px;border-radius: 12px;color: #fff;background: radial-gradient(circle at 18% 50%,rgba(47,85,255,.38),transparent 24%),linear-gradient(100deg,#06155d,var(--blue));box-shadow: 0 18px 55px rgba(37,55,230,.28)} .privacy-cta h2{margin-bottom: 6px;font-size: 30px} .privacy-cta p{margin: 0;color: rgba(255,255,255,.84)} .privacy-cta .btn-light{color: var(--text)} .privacy-cta-visual{position: relative;height: 92px;border-radius: 16px;background: rgba(255,255,255,.1)} .privacy-cta-visual span{position: absolute;left: 48px;top: 22px;width: 58px;height: 46px;border-radius: 10px;background: #fff} .ebook-btp-page{background: radial-gradient(circle at 76% 6%,rgba(37,88,255,.16),transparent 28%),linear-gradient(180deg,#f8fbff 0%,#fff 28%,#fff 100%)} .ebook-header{background: rgba(255,255,255,.78);border-bottom-color: rgba(229,233,245,.55)} .ebook-hero{position: relative;overflow: hidden;padding: 58px 0 66px;background: radial-gradient(circle at 76% 44%,rgba(255,179,0,.28),transparent 3%),radial-gradient(circle at 80% 48%,rgba(37,87,255,.28),transparent 35%),linear-gradient(90deg,#fff 0%,#f7fbff 52%,#dfeaff 100%)} .ebook-hero::after{content: "";position: absolute;inset: 0 0 0 48%;opacity: .55;background: linear-gradient(90deg,transparent,rgba(255,255,255,.35)),repeating-linear-gradient(90deg,transparent 0 38px,rgba(37,55,230,.09) 39px 40px),repeating-linear-gradient(0deg,transparent 0 38px,rgba(37,55,230,.07) 39px 40px);pointer-events: none} .ebook-hero-grid{position: relative;z-index: 1;display: grid;grid-template-columns: minmax(0,.9fr) minmax(430px,1fr);gap: 56px;align-items: center} .ebook-badge{display: inline-flex;align-items: center;gap: 8px;margin-bottom: 24px;padding: 8px 16px;border: 1px solid var(--yellow);border-radius: 999px;color: #d98b00;background: rgba(255,179,0,.08);font-size: 13px;font-weight: 950;text-transform: uppercase} .ebook-badge::before{content: "▣"} .ebook-hero h1{max-width: 670px;margin-bottom: 20px;color: var(--blue-dark);font-size: clamp(42px,5.4vw,66px);line-height: 1.1;letter-spacing: 0} .ebook-hero h1 span{color: var(--yellow)} .ebook-hero h1 strong{color: var(--blue);font-weight: 950} .ebook-hero-copy>p:not(.ebook-badge){max-width: 560px;color: var(--text-soft);font-size: 17px} .ebook-actions{display: flex;flex-wrap: wrap;gap: 18px;margin-top: 30px} .ebook-actions .btn{min-height: 58px} .ebook-trust{display: grid;grid-template-columns: repeat(4,1fr);gap: 20px;margin: 48px 0 0;padding: 0;list-style: none} .ebook-trust li{position: relative;padding-left: 34px;color: #1f2b55;font-size: 12px;font-weight: 850} .ebook-trust li::before{content: "✓";position: absolute;left: 0;top: -2px;display: grid;place-items: center;width: 24px;height: 24px;border: 1px solid var(--yellow);border-radius: 50%;color: var(--yellow)} .ebook-hero-visual{position: relative;min-height: 620px} .ebook-cover-placeholder,.ebook-download-cover,.ebook-compare figure{display: grid;place-items: center;border: 1px dashed rgba(37,55,230,.38);color: var(--blue);text-align: center} .ebook-cover-placeholder{position: absolute;right: -14px;bottom: -10px;width: min(620px,100%);min-height: 555px;margin: 0;padding: 0;border-radius: 12px;background: linear-gradient(160deg,rgba(255,179,0,.9) 0 20%,transparent 20%),linear-gradient(145deg,#fff 0%,var(--blue-soft) 42%,var(--blue-dark) 42% 100%);box-shadow: 22px 36px 70px rgba(10,25,78,.28);transform: none} .ebook-cover-image{overflow: visible;border: 0;background: transparent;box-shadow: none} .ebook-cover-image img{width: 100%;height: auto;max-height: 620px;object-fit: contain;filter: drop-shadow(0 34px 58px rgba(10,25,78,.28))} .ebook-cover-placeholder::before{content: "";position: absolute;inset: auto -46px -34px -46px;height: 78px;border-radius: 50%;background: radial-gradient(ellipse at center,rgba(7,18,59,.34),transparent 68%);z-index: -1} .ebook-cover-placeholder span,.ebook-download-cover span,.ebook-compare figure span{display: inline-flex;max-width: 260px;padding: 12px 16px;border-radius: 999px;background: rgba(255,255,255,.9);color: var(--blue);font-size: 13px;font-weight: 950} .ebook-cover-placeholder figcaption,.ebook-download-cover figcaption{max-width: 270px;margin-top: 18px;color: rgba(255,255,255,.82);font-size: 12px} .ebook-cover-placeholder figcaption{align-self: end} .ebook-float-card{position: absolute;z-index: 2;display: grid;place-items: center;width: 76px;height: 76px;border-radius: 14px;background: linear-gradient(145deg,#10215f,var(--blue-dark));color: #fff;font-size: 34px;box-shadow: 0 18px 38px rgba(7,18,59,.22)} .ebook-float-card.chart{left: 52px;top: 86px} .ebook-float-card.users{right: 0;top: 270px} .ebook-float-card.target{left: 16px;top: 330px} .ebook-discovery{display: grid;grid-template-columns: minmax(0,.82fr) minmax(480px,1fr);gap: 48px;align-items: center;padding: 54px 0 32px} .ebook-section-copy h2,.ebook-compare h2,.ebook-results h2,.ebook-audience h2{color: var(--blue-dark);font-size: clamp(28px,3vw,40px);line-height: 1.2} .ebook-mini-cards{display: grid;grid-template-columns: repeat(3,1fr);gap: 18px;margin-top: 34px} .ebook-mini-cards article,.ebook-results-grid article,.ebook-audience article{border: 1px solid var(--line);border-radius: 12px;background: #fff;box-shadow: 0 12px 34px rgba(29,48,112,.06)} .ebook-mini-cards article{min-height: 210px;padding: 28px 22px;text-align: center} .ebook-mini-cards span,.ebook-results-grid>article>span,.ebook-audience span{display: grid;place-items: center;width: 58px;height: 58px;margin: 0 auto 18px;border-radius: 50%;background: var(--blue-soft);color: var(--blue);font-size: 28px;font-weight: 950} .ebook-mini-cards h3{margin-bottom: 8px} .ebook-mini-cards p,.ebook-results-grid p,.ebook-audience p{color: var(--text-soft);font-size: 13px} .ebook-reasons{margin: 0;padding: 0;border: 1px solid var(--line);border-radius: 14px;background: #fff;box-shadow: 0 18px 42px rgba(29,48,112,.07);list-style: none} .ebook-reasons li{display: grid;grid-template-columns: 48px 1fr auto;gap: 18px;align-items: center;min-height: 68px;padding: 0 24px;border-bottom: 1px solid var(--line)} .ebook-reasons li:last-child{border-bottom: 0} .ebook-reasons span{display: grid;place-items: center;width: 36px;height: 36px;border-radius: 50%;background: var(--blue);color: #fff;font-size: 13px;font-weight: 950} .ebook-reasons strong{color: var(--heading)} .ebook-reasons a{color: var(--blue);font-size: 13px;font-weight: 900} .ebook-market{margin-top: 26px;padding: 34px 36px;border-radius: 14px;color: #fff;background: radial-gradient(circle at 72% 32%,rgba(37,87,255,.26),transparent 26%),linear-gradient(100deg,#06155d,#092583);box-shadow: 0 18px 44px rgba(7,18,59,.18)} .ebook-market .eyebrow{color: rgba(255,255,255,.72)} .ebook-market-grid{display: grid;grid-template-columns: repeat(4,1fr);gap: 28px} .ebook-market article{display: grid;grid-template-columns: 48px 1fr;gap: 16px;align-items: start;padding-right: 24px;border-right: 1px solid rgba(255,255,255,.22)} .ebook-market article:last-child{border-right: 0} .ebook-market span{color: rgba(255,255,255,.82);font-size: 38px} .ebook-market strong{color: var(--yellow);font-size: 46px;line-height: 1} .ebook-market p{grid-column: 2;margin: 0;color: rgba(255,255,255,.86);font-size: 14px} .ebook-compare,.ebook-results,.ebook-audience{padding-top: 48px;text-align: center} .ebook-compare h2,.ebook-results h2,.ebook-audience h2{margin-bottom: 26px;color: var(--blue);font-size: 20px;letter-spacing: .12em;text-transform: uppercase} .ebook-compare-grid{display: grid;grid-template-columns: repeat(2,1fr);gap: 26px;text-align: left} .ebook-compare article{display: grid;grid-template-columns: 1fr 180px;gap: 20px;min-height: 210px;padding: 32px;border: 1px solid var(--line);border-radius: 14px;overflow: hidden} .ebook-compare .old{background: linear-gradient(90deg,#fff,#fff2f1)} .ebook-compare .modern{background: linear-gradient(90deg,#fff,#ecfbf3)} .ebook-compare h3{margin-bottom: 20px;text-transform: uppercase} .ebook-compare .old h3{color: #d92f2f} .ebook-compare .modern h3{color: #068145} .ebook-compare ul{display: grid;gap: 12px;margin: 0;padding: 0;list-style: none} .ebook-compare li{position: relative;padding-left: 28px;color: var(--heading);font-weight: 750} .ebook-compare li::before{position: absolute;left: 0;top: 0;display: grid;place-items: center;width: 18px;height: 18px;border-radius: 50%;color: #fff;font-size: 12px} .ebook-compare .old li::before{content: "×";background: var(--danger)} .ebook-compare .modern li::before{content: "✓";background: var(--green)} .ebook-compare figure{margin: -32px -32px -32px 0;min-height: 210px;background: rgba(255,255,255,.55)} .ebook-results-grid{display: grid;grid-template-columns: repeat(3,1fr);gap: 24px;text-align: left} .ebook-results-grid article{padding: 34px 32px} .ebook-results-grid>article>span{margin-left: 0} .ebook-results-grid strong{display: block;color: var(--blue);font-size: 40px;line-height: 1} .ebook-results-grid h3{margin: 8px 0 12px;color: var(--blue-dark);font-size: 18px} .ebook-results-grid small{color: var(--yellow);font-size: 18px} .ebook-audience>div{display: grid;grid-template-columns: repeat(6,1fr);gap: 18px} .ebook-audience article{padding: 24px 14px} .ebook-audience p{min-height: 42px;margin: 0;color: var(--blue-dark);font-weight: 850} .ebook-download{display: grid;grid-template-columns: minmax(0,1fr) 250px 210px;gap: 34px;align-items: center;margin-top: 42px;padding: 42px;border-radius: 14px;color: #fff;background: radial-gradient(circle at 70% 48%,rgba(37,87,255,.32),transparent 28%),linear-gradient(100deg,#06155d,#08257c);box-shadow: 0 18px 50px rgba(7,18,59,.2)} .ebook-download h2{max-width: 430px;margin-bottom: 8px;color: #fff;font-size: 32px;line-height: 1.1;text-transform: uppercase} .ebook-download p{max-width: 480px;color: rgba(255,255,255,.82)} .ebook-brevo-form{margin-top: 22px} .ebook-brevo-form .sib-form,.ebook-brevo-form .sib-form-container,.ebook-brevo-form #sib-form-container,.ebook-brevo-form #sib-container{margin: 0;padding: 0;border: 0;background: transparent;box-shadow: none;max-width: none} .ebook-brevo-form #sib-form{display: grid;gap: 12px} .ebook-form-grid{display: grid;grid-template-columns: repeat(2,1fr);gap: 10px} .ebook-form-grid .full{grid-column: 1 / -1} .ebook-brevo-form .entry__label,.ebook-brevo-form .entry__specification,.ebook-brevo-form .sib-sms-tooltip{display: none} .ebook-brevo-form .sib-sms-input{display: grid;grid-template-columns: 104px 1fr;gap: 10px} .ebook-brevo-form input,.ebook-brevo-form select{width: 100%;min-height: 46px;border: 1px solid rgba(255,255,255,.38);border-radius: 7px;background: #fff;color: var(--blue-dark);font-weight: 750} .ebook-brevo-form input::placeholder{color: var(--muted)} .ebook-brevo-form .sib-form-block__button{display: inline-flex;align-items: center;justify-content: center;min-height: 54px;width: min(330px,100%);border: 0;border-radius: 7px;background: var(--yellow);color: var(--blue-dark);font-weight: 950;cursor: pointer;text-transform: uppercase} .ebook-brevo-form .sib-form-message-panel{max-width: 640px;margin-bottom: 10px;padding: 10px 14px;border-radius: 8px;background: rgba(255,255,255,.12);color: #fff} .ebook-form-note{display: block;color: rgba(255,255,255,.72);font-size: 12px} .ebook-download-cover{min-height: 320px;margin: 0;border-radius: 10px;background: linear-gradient(160deg,rgba(255,179,0,.9) 0 22%,transparent 22%),linear-gradient(145deg,#fff 0%,var(--blue-soft) 42%,var(--blue-dark) 42% 100%)} .ebook-download-cover-image{min-height: 0;overflow: visible;border: 0;background: transparent} .ebook-download-cover-image img{width: 100%;height: auto;object-fit: contain;filter: drop-shadow(0 24px 34px rgba(0,0,0,.28))} .ebook-download-cover figcaption{color: rgba(255,255,255,.8)} .ebook-download-points{display: grid;gap: 20px;margin: 0;padding: 0;list-style: none} .ebook-download-points li{position: relative;padding-left: 34px;color: rgba(255,255,255,.9);font-weight: 850} .ebook-download-points li::before{content: "▣";position: absolute;left: 0;top: 0;color: var(--yellow)} .ebook-faq{padding: 26px 0 0;text-align: center} .ebook-faq h2{margin-bottom: 16px;color: var(--blue);font-size: 16px;letter-spacing: .12em;text-transform: uppercase} .ebook-faq>div{display: grid;grid-template-columns: repeat(5,1fr);gap: 12px} .ebook-faq details{border: 1px solid var(--line);border-radius: 10px;background: #fff;text-align: left} .ebook-faq summary{padding: 16px;color: var(--blue-dark);font-size: 13px;font-weight: 900;cursor: pointer} .ebook-faq details p{margin: 0;padding: 0 16px 16px;color: var(--muted);font-size: 13px} .ebook-final-cta{display: flex;align-items: center;justify-content: space-between;gap: 24px;margin-top: 36px;margin-bottom: 46px;padding: 32px 40px;border-radius: 14px;color: #fff;background: linear-gradient(100deg,#06155d,#092583)} .ebook-final-cta h2{margin: 0;color: #fff;font-size: 30px} @media (max-width: 1100px){.realisations-hero-grid,.realisations-confidence,.proof-grid{grid-template-columns: 1fr} .realisations-visual{min-height: auto} .realisations-stats,.portfolio-grid{grid-template-columns: repeat(2,1fr)} .portfolio-toolbar{align-items: stretch;flex-direction: column} .legal-hero-grid,.legal-layout,.legal-cta,.privacy-hero-grid,.privacy-layout,.privacy-cta,.ebook-hero-grid,.ebook-discovery,.ebook-download{grid-template-columns: 1fr} .legal-visual{min-height: 360px} .privacy-summary{position: static} .privacy-visual{min-height: 350px} .privacy-data-grid,.privacy-rights,.ebook-market-grid,.ebook-audience>div{grid-template-columns: repeat(2,1fr)} .ebook-hero-visual{min-height: 600px} .ebook-cover-placeholder{left: 50%;right: auto;transform: translateX(-50%)} .ebook-trust,.ebook-results-grid,.ebook-faq>div{grid-template-columns: repeat(2,1fr)} .ebook-market article:nth-child(2){border-right: 0} .ebook-download-cover{width: min(280px,100%)} .legal-card-grid{grid-template-columns: repeat(2,1fr)} .sort-select{align-self: flex-end}} @media (max-width: 640px){.realisations-hero{padding-top: 34px} .realisations-copy h1{font-size: 38px} .realisations-visual{min-height: auto} .visual-window{left: 0;width: 100%} .floating-card.revenue{left: 0;top: 286px} .floating-card.roi{left: auto;right: 0;bottom: 20px} .phone-preview{right: 0;top: 210px;width: 148px} .realisations-stats,.portfolio-grid,.confidence-card>div,.client-logos{grid-template-columns: 1fr} .portfolio-filters{display: grid;grid-template-columns: 1fr} .sort-select{align-self: stretch;justify-content: space-between} .portfolio-body p{min-height: auto} .project-cta,.confidence-card,.proof-grid blockquote{padding: 24px} .legal-card-grid,.legal-info-list div{grid-template-columns: 1fr} .legal-panel,.legal-cta,.privacy-content,.privacy-cta{padding: 24px} .privacy-hero{padding-top: 34px} .privacy-copy h1{font-size: 38px} .privacy-data-grid,.privacy-check-grid,.privacy-rights,.privacy-contact-grid,.ebook-trust,.ebook-mini-cards,.ebook-market-grid,.ebook-compare-grid,.ebook-results-grid,.ebook-audience>div,.ebook-form-grid,.ebook-faq>div{grid-template-columns: 1fr} .ebook-hero{padding-top: 36px} .ebook-hero h1{font-size: 38px} .ebook-actions,.ebook-final-cta{align-items: stretch;flex-direction: column} .ebook-actions .btn,.ebook-final-cta .btn{width: 100%} .ebook-hero-visual{min-height: 500px} .ebook-cover-placeholder{width: min(420px,100%);min-height: 360px} .ebook-float-card{width: 58px;height: 58px;font-size: 25px} .ebook-float-card.chart{left: 0;top: 44px} .ebook-float-card.target{left: 4px;top: 260px} .ebook-float-card.users{right: 0;top: 200px} .ebook-reasons li{grid-template-columns: 40px 1fr;padding: 16px} .ebook-reasons a{grid-column: 2} .ebook-market,.ebook-download,.ebook-final-cta{padding: 24px} .ebook-market article{border-right: 0;border-bottom: 1px solid rgba(255,255,255,.22);padding: 0 0 18px} .ebook-market article:last-child{border-bottom: 0} .ebook-compare article{grid-template-columns: 1fr;padding: 24px} .ebook-compare figure{margin: 0;min-height: 170px} .ebook-brevo-form .sib-sms-input{grid-template-columns: 1fr} .ebook-final-cta h2{font-size: 25px} .privacy-visual{min-height: 300px} .privacy-document{right: 20px;width: 220px;padding-left: 70px} .privacy-shield{left: 12px;width: 130px;height: 150px} .privacy-user,.privacy-plant{right: 12px} .legal-visual{min-height: 300px} .legal-document{right: 20px;width: 220px} .legal-shield{left: 12px;width: 130px;height: 150px} .proof-grid blockquote{grid-template-columns: 1fr}} .seo-page{background: radial-gradient(circle at 84% 8%,rgba(37,55,230,.08),transparent 24%),linear-gradient(180deg,#fff 0%,var(--bg) 48%,#fff 100%)} .seo-hero{position: relative;overflow: hidden;padding: 70px 0 34px} .seo-hero::after{content: "";position: absolute;right: 0;top: 30px;width: min(500px,46vw);height: 520px;opacity: .48;background: radial-gradient(circle at 42% 40%,rgba(37,55,230,.28) 0 2px,transparent 3px) 0 0 / 18px 18px;pointer-events: none} .seo-hero-grid{position: relative;z-index: 1;display: grid;grid-template-columns: minmax(0,.82fr) minmax(560px,1.18fr);gap: 70px;align-items: center} .seo-pill{display: inline-flex;margin-bottom: 26px;padding: 6px 12px;border-radius: 999px;background: var(--blue-soft);color: var(--blue);font-size: 12px;font-weight: 950;text-transform: uppercase} .seo-copy h1{margin-bottom: 22px;font-size: clamp(46px,5.2vw,72px)} .seo-copy>p:not(.seo-pill){max-width: 580px;color: var(--text-soft);font-size: 17px} .seo-dashboard{position: relative;min-height: 500px} .seo-hero-visual{position: relative;z-index: 1;margin: 0} .seo-hero-visual img{width: min(100%,760px);margin-left: auto;border-radius: 18px;filter: drop-shadow(0 28px 64px rgba(29,48,112,.16))} .seo-main-panel{position: absolute;left: 40px;top: 0;width: 540px;min-height: 275px;padding: 24px;border: 1px solid var(--line);border-radius: 14px;background: rgba(255,255,255,.92);box-shadow: 0 26px 70px rgba(29,48,112,.12)} .seo-chart-card,.seo-score,.seo-keywords,.seo-map-card,.seo-ranking-card{position: absolute;border: 1px solid var(--line);border-radius: 10px;background: #fff;box-shadow: 0 18px 42px rgba(29,48,112,.1)} .seo-chart-card{left: 24px;top: 76px;width: 250px;padding: 18px} .seo-chart-card .line-chart{min-height: 120px;margin-top: 10px} .seo-chart-card small,.seo-score small,.seo-keywords small,.seo-map-card small,.seo-ranking-card small{display: block;color: var(--muted);font-size: 11px;font-weight: 850} .seo-chart-card strong,.seo-keywords em{float: right;color: var(--green);font-size: 12px;font-style: normal;font-weight: 950} .seo-score{right: 150px;top: 82px;display: grid;place-items: center;width: 128px;height: 128px;text-align: center;background: radial-gradient(circle,#fff 0 54%,transparent 55%),conic-gradient(#19b59d 0 58%,var(--blue) 58% 86%,#e6ebff 86%)} .seo-score strong{font-size: 35px;line-height: 1} .seo-score span{color: #0a9b6a;font-size: 11px;font-weight: 900} .seo-keywords{right: 22px;top: 82px;width: 142px;padding: 18px} .seo-keywords strong{display: block;margin-top: 8px;font-size: 24px} .mini-bars{height: 56px;margin-top: 12px;background: linear-gradient(to top,var(--blue) 0 42%,transparent 42%) 0 0 / 12px 100%,linear-gradient(to top,var(--blue) 0 62%,transparent 62%) 22px 0 / 12px 100%,linear-gradient(to top,var(--blue) 0 48%,transparent 48%) 44px 0 / 12px 100%,linear-gradient(to top,var(--blue) 0 78%,transparent 78%) 66px 0 / 12px 100%,linear-gradient(to top,var(--blue) 0 90%,transparent 90%) 88px 0 / 12px 100%;background-repeat: no-repeat} .seo-google-node{position: absolute;left: 300px;top: 250px;display: grid;place-items: center;width: 92px;height: 92px;border-radius: 50%;background: #fff;color: #4285f4;font-size: 42px;font-weight: 950;box-shadow: 0 22px 48px rgba(29,48,112,.15)} .seo-map-card{right: 44px;top: 250px;width: 240px;padding: 16px} .seo-map-card div{height: 84px;margin-top: 10px;border-radius: 8px;background: radial-gradient(circle at 58% 44%,var(--danger) 0 6px,transparent 7px),linear-gradient(135deg,#cbead9,#f6ead0 48%,#cfe2ff)} .seo-ranking-card{right: 0;bottom: 34px;width: 220px;padding: 18px} .seo-ranking-card p{display: flex;justify-content: space-between;margin-bottom: 10px;color: var(--text-soft);font-size: 12px;font-weight: 800} .seo-ranking-card strong{color: #0a9b6a} .seo-stats{display: grid;grid-template-columns: repeat(4,1fr);gap: 18px;margin-top: 10px;padding: 26px 32px;border: 1px solid var(--line);border-radius: 12px;background: rgba(255,255,255,.94);box-shadow: 0 18px 48px rgba(29,48,112,.08)} .seo-stats article{display: grid;grid-template-columns: 42px 1fr;column-gap: 12px;align-items: center} .seo-stats span{grid-row: span 2;color: var(--blue);font-size: 32px} .seo-stats strong{font-size: 25px;line-height: 1} .seo-stats small{color: var(--muted);font-size: 11px;font-weight: 750} .seo-expertise-grid{display: grid;grid-template-columns: repeat(3,1fr);gap: 22px} .seo-expertise-grid article{position: relative;min-height: 285px;overflow: hidden;padding: 28px;border: 1px solid var(--line);border-radius: 12px;background: radial-gradient(circle at 82% 52%,rgba(37,55,230,.12),transparent 22%),#fff;box-shadow: 0 14px 34px rgba(29,48,112,.06)} .seo-expertise-grid article:nth-child(2){background: radial-gradient(circle at 82% 52%,rgba(255,179,0,.18),transparent 22%),#fffaf0} .seo-expertise-grid article:nth-child(3){background: radial-gradient(circle at 82% 52%,rgba(20,184,166,.16),transparent 22%),#f9fffd} .seo-market-card{min-height: 300px;padding: 28px 28px 26px} .seo-market-card::before{content: "";position: absolute;inset: 0;z-index: 1;background: linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.9) 52%,rgba(255,255,255,.66) 100%),linear-gradient(180deg,rgba(255,255,255,.2),rgba(255,255,255,.9));pointer-events: none} .seo-market-card>span,.seo-market-card>h3,.seo-market-card>ul{position: relative;z-index: 2;max-width: 62%} .seo-market-card>img{position: absolute !important;left: 48% !important;right: auto !important;top: auto !important;bottom: 18px !important;z-index: 0;width: 48% !important;max-width: 230px !important;height: auto;object-fit: contain;filter: drop-shadow(0 18px 28px rgba(29,48,112,.14));pointer-events: none} .seo-expertise-grid article.seo-market-local{background: radial-gradient(circle at 78% 58%,rgba(37,55,230,.13),transparent 26%),linear-gradient(135deg,#fbfcff 0%,var(--blue-soft) 100%)} .seo-expertise-grid article.seo-market-national{border-color: #f4dca4;background: radial-gradient(circle at 78% 58%,rgba(255,179,0,.18),transparent 27%),linear-gradient(135deg,#fffdf8 0%,#fff8e8 100%)} .seo-expertise-grid article.seo-market-international{border-color: #cfe9e3;background: radial-gradient(circle at 78% 58%,rgba(20,184,166,.16),transparent 27%),linear-gradient(135deg,#fbfffe 0%,#f3fffb 100%)} .seo-expertise-grid article.seo-market-national>span{color: #9a6a00} .seo-expertise-grid article.seo-market-international>span{color: #0a826f} .seo-expertise-grid article.seo-market-national li::before{color: var(--yellow)} .seo-expertise-grid article.seo-market-international li::before{color: #11a884} .seo-expertise-grid span{color: var(--blue);font-size: 18px;font-weight: 950} .seo-expertise-grid h3{margin: 12px 0 18px;font-size: 17px} .seo-expertise-grid ul,.seo-audit-list ul,.seo-final-cta ul{margin: 0;padding: 0;list-style: none} .seo-expertise-grid li,.seo-audit-list li{margin: 10px 0;color: var(--muted);font-size: 13px} .seo-expertise-grid li::before,.seo-audit-list li::before{content: "✓";margin-right: 8px;color: var(--green);font-weight: 950} .seo-steps{display: grid;grid-template-columns: repeat(6,1fr);gap: 18px;margin: 0;padding: 0;list-style: none;text-align: center} .seo-steps strong{display: grid;place-items: center;width: 54px;height: 54px;margin: 0 auto 16px;border: 1px solid #cbd3ff;border-radius: 50%;color: var(--blue);background: #fff} .seo-steps h3{font-size: 14px} .seo-steps p{color: var(--muted);font-size: 12px} .seo-audit{display: grid;grid-template-columns: .9fr 1.2fr .8fr;gap: 28px;align-items: center;padding: 36px;border: 1px solid var(--line);border-radius: 12px;background: linear-gradient(90deg,var(--blue-soft),#fff);box-shadow: 0 14px 36px rgba(29,48,112,.06)} .seo-audit h2{font-size: 31px;line-height: 1.16} .seo-audit p{color: var(--muted)} .seo-audit-list ul{display: grid;grid-template-columns: repeat(2,1fr);gap: 4px 22px} .seo-audit-output{padding: 22px;border: 1px solid var(--line);border-radius: 10px;background: #fff} .seo-audit-output p{margin-bottom: 14px;color: var(--text-soft);font-size: 13px;font-weight: 800} .seo-icons{display: grid;grid-template-columns: repeat(8,1fr);border: 1px solid var(--line);border-radius: 12px;overflow: hidden;background: #fff} .seo-icons article{padding: 24px 16px;border-right: 1px solid var(--line);text-align: center} .seo-icons article:last-child{border-right: 0} .seo-icons span{color: var(--blue);font-size: 34px} .seo-icons h3{margin: 10px 0 6px;font-size: 14px} .seo-icons p{margin-bottom: 0;color: var(--muted);font-size: 11px} .seo-africa-grid{grid-template-columns: repeat(4,minmax(132px,1fr)) minmax(360px,2.2fr)} .seo-africa-grid article{padding: 34px 22px} .seo-africa-grid span{font-size: 42px} .seo-africa-grid h3{margin: 14px 0 12px;font-size: 16px;line-height: 1.35} .seo-africa-grid p{font-size: 12.5px;line-height: 1.85} .seo-africa-visual{min-height: 100%;margin: 0;overflow: hidden;background: #f7f9ff} .seo-africa-visual img{width: 100%;height: 100%;min-height: 330px;object-fit: cover;display: block} .seo-results .case-grid{grid-template-columns: repeat(4,1fr)} .seo-results .case-card{min-height: 300px;padding: 30px 28px;border-radius: 14px;display: flex;flex-direction: column;justify-content: flex-end;box-shadow: 0 22px 45px rgba(8,18,58,.14)} .seo-results .case-card::before{content: "";position: absolute;inset: 0;z-index: 0;background: linear-gradient(180deg,rgba(5,12,38,.22) 0%,rgba(5,12,38,.72) 58%,rgba(5,12,38,.94) 100%),linear-gradient(90deg,rgba(35,52,232,.52),rgba(6,209,142,.16))} .seo-results .case-card::after{opacity: .34} .seo-results .case-card>*{position: relative;z-index: 1} .seo-results .case-card span{align-self: flex-start;padding: 8px 15px;background: rgba(6,209,142,.18);border: 1px solid rgba(90,255,180,.28);color: #76ffc0;backdrop-filter: blur(10px)} .seo-results .case-card h3{margin: 44px 0 0;color: #fff;font-size: 20px;line-height: 1.2;text-shadow: 0 3px 16px rgba(0,0,0,.38)} .seo-results .case-card strong{margin-top: 20px;color: #54ff9d;font-size: clamp(46px,4.2vw,60px);line-height: 1;letter-spacing: 0;text-shadow: 0 10px 26px rgba(0,0,0,.28)} .seo-results .case-card p{margin: 8px 0 0;color: rgba(255,255,255,.84);font-size: 15px} .seo-results .case-card a{margin-top: 26px;color: #fff;text-shadow: 0 2px 12px rgba(0,0,0,.35)} .legal-case{background: linear-gradient(100deg,rgba(5,12,38,.96) 0%,rgba(7,18,59,.83) 48%,rgba(7,18,59,.48) 100%),url("assets/cabinet-juridique.jpg") center / cover no-repeat} .legal-case::after{background: linear-gradient(120deg,transparent 0 20%,rgba(255,255,255,.12) 21% 22%,transparent 23%),linear-gradient(180deg,rgba(116,67,255,.1),rgba(37,55,230,.34)),repeating-linear-gradient(90deg,transparent 0 34px,rgba(255,255,255,.05) 35px 36px);opacity: .78} .seo-benefits{margin-bottom: 38px;text-align: center} .seo-benefits>div{display: grid;grid-template-columns: repeat(5,1fr);gap: 0;overflow: hidden;border: 1px solid var(--line);border-radius: 12px;background: #fff;box-shadow: 0 14px 34px rgba(29,48,112,.06);text-align: left} .seo-benefits article{display: grid;grid-template-columns: 42px 1fr;column-gap: 12px;min-height: 112px;padding: 22px 20px;border-right: 1px solid var(--line)} .seo-benefits article:last-child{border-right: 0} .seo-benefits span{grid-row: span 2;display: grid;place-items: center;width: 36px;height: 36px;border-radius: 50%;background: var(--blue-soft);color: var(--blue);font-weight: 950} .seo-benefits h3{margin-bottom: 4px;font-size: 14px} .seo-benefits p{margin-bottom: 0;color: var(--muted);font-size: 11px} .seo-final-cta{display: grid;grid-template-columns: 1fr auto;gap: 28px;align-items: center;margin-bottom: 48px;padding: 36px 42px;border-radius: 12px;color: #fff;background: radial-gradient(circle at 12% 45%,rgba(0,178,255,.45),transparent 24%),linear-gradient(100deg,#06155d,var(--blue));box-shadow: 0 18px 55px rgba(37,55,230,.28)} .seo-final-cta h2{margin-bottom: 8px;font-size: 30px} .seo-final-cta p{margin-bottom: 0;color: rgba(255,255,255,.82)} .seo-final-cta .btn-light{color: var(--text)} .seo-final-cta ul{grid-column: 1 / -1;display: flex;flex-wrap: wrap;gap: 22px;color: rgba(255,255,255,.9);font-size: 13px;font-weight: 850} .seo-final-cta li::before{content: "◎";margin-right: 8px;color: var(--yellow)} @media (max-width: 1100px){.seo-hero-grid,.seo-audit,.seo-final-cta{grid-template-columns: 1fr} .seo-hero-visual img{margin-inline: auto} .seo-dashboard{min-height: 560px} .seo-expertise-grid,.seo-steps{grid-template-columns: repeat(3,1fr)} .seo-market-card>span,.seo-market-card>h3,.seo-market-card>ul{max-width: 68%} .seo-market-card>img{left: 54% !important;width: 43% !important} .seo-icons{grid-template-columns: repeat(4,1fr)} .seo-africa-grid{grid-template-columns: repeat(4,1fr)} .seo-africa-visual{grid-column: 1 / -1} .seo-results .case-grid,.seo-benefits>div{grid-template-columns: repeat(2,1fr)} .seo-benefits article:nth-child(2),.seo-benefits article:nth-child(4){border-right: 0} .seo-icons article:nth-child(4){border-right: 0}} @media (max-width: 640px){.seo-hero{padding-top: 34px} .seo-copy h1{font-size: 38px} .seo-dashboard{min-height: 780px} .seo-main-panel{left: 0;width: 100%} .seo-chart-card{left: 18px;width: calc(100% - 36px)} .seo-score,.seo-keywords{top: 292px} .seo-score{left: 0;right: auto} .seo-keywords{right: 0} .seo-google-node{left: 50%;top: 430px;transform: translateX(-50%)} .seo-map-card,.seo-ranking-card{right: 0;left: 0;width: 100%} .seo-map-card{top: 520px} .seo-ranking-card{top: 650px;bottom: auto} .seo-stats,.seo-expertise-grid,.seo-steps,.seo-audit-list ul,.seo-icons,.seo-results .case-grid,.seo-benefits>div{grid-template-columns: 1fr} .seo-africa-grid{grid-template-columns: 1fr} .seo-africa-visual img{min-height: 240px} .seo-market-card{min-height: 320px;padding: 24px} .seo-market-card::before{background: linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.92) 64%,rgba(255,255,255,.62) 100%),linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.94))} .seo-market-card>span,.seo-market-card>h3,.seo-market-card>ul{max-width: 72%} .seo-market-card>img{left: 55% !important;bottom: 12px !important;width: 44% !important;max-width: 190px !important;opacity: .9} .seo-benefits article{border-right: 0;border-bottom: 1px solid var(--line)} .seo-benefits article:last-child{border-bottom: 0} .seo-audit,.seo-final-cta{padding: 24px} .seo-icons article{border-right: 0;border-bottom: 1px solid var(--line)} .seo-icons article:last-child{border-bottom: 0}} body:has(.home-hero){background: radial-gradient(circle at 82% 9%,rgba(37,55,230,.08),transparent 20%),radial-gradient(circle at 18% 28%,rgba(255,179,0,.07),transparent 18%),#f8fbff} body:has(.home-hero) .site-header{background: rgba(248,251,255,.86);border-bottom: 0;box-shadow: none} body:has(.home-hero) .case-card h3,body:has(.home-hero) .cta-band h2,body:has(.home-hero) .audit-card h2,body:has(.home-hero) .dark-section h2,body:has(.home-hero) .dark-section h3{color: #fff} body:has(.home-hero) .services h2,body:has(.home-hero) .services h3,body:has(.home-hero) .cases>.container>.section-head h2,body:has(.home-hero) .process h2,body:has(.home-hero) .process h3,body:has(.home-hero) .comparison>.container>div>h2,body:has(.home-hero) .site-footer h2{color: var(--heading)} body:has(.home-hero) .navbar{min-height: 86px} body:has(.home-hero) .brand img{width: 164px} body:has(.home-hero) .nav-links,body:has(.home-hero) .nav-actions{gap: 30px} body:has(.home-hero) .nav-links a,body:has(.home-hero) .nav-links button{color: #07123b;font-size: 13px;font-weight: 850} body:has(.home-hero) .nav-links button::after,body:has(.home-hero) .flag-switch::after{content: "";display: inline-block;width: 6px;height: 6px;margin-left: 8px;border-right: 1.8px solid currentColor;border-bottom: 1.8px solid currentColor;transform: translateY(-2px) rotate(45deg);color: #07123b} body:has(.home-hero) .flag-switch{display: inline-flex;align-items: center;gap: 8px;color: #07123b;font-size: 0} body:has(.home-hero) .flag-switch::before{content: "";width: 26px;height: 18px;border-radius: 2px;box-shadow: 0 0 0 1px rgba(7,18,59,.1);background: linear-gradient(90deg,#1d36d8 0 33%,#fff 33% 66%,#e72832 66%)} body:has(.home-hero) .home-hero{background: linear-gradient(115deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.9) 46%,rgba(241,245,255,.74) 100%),radial-gradient(circle at 78% 24%,rgba(37,55,230,.16),transparent 26%)} body:has(.home-hero) .home-hero::after{right: -4vw;top: 250px;width: min(560px,48vw);opacity: .42;border-radius: 0;background: linear-gradient(135deg,transparent 0 30%,rgba(37,55,230,.18) 31% 31.5%,transparent 32%),radial-gradient(circle at 84% 10%,rgba(37,55,230,.24) 0 2px,transparent 3px) 0 0 / 20px 20px} body:has(.home-hero) .home-hero .hero-grid{min-height: 690px;grid-template-columns: minmax(420px,.86fr) minmax(560px,1.14fr);gap: 52px} body:has(.home-hero) .home-hero h1{max-width: 620px;margin-bottom: 18px;font-size: clamp(48px,5.2vw,68px);line-height: 1.08} body:has(.home-hero) .home-hero .hero-copy p:not(.eyebrow){max-width: 560px;font-size: 16px} body:has(.home-hero) .home-hero .eyebrow,body:has(.home-hero) .section-head .eyebrow,body:has(.home-hero) .comparison .eyebrow{display: inline-flex;padding: 6px 12px;border-radius: 999px;background: #eef1ff;letter-spacing: .04em} body:has(.home-hero) .home-dashboard{display: grid;grid-template-columns: 140px 1fr;min-height: 500px;padding: 0;overflow: hidden;border-radius: 18px;background: rgba(255,255,255,.9);box-shadow: 0 28px 80px rgba(37,55,230,.16)} body:has(.home-hero) .dashboard-menu{display: flex;flex-direction: column;gap: 10px;padding: 70px 16px 24px;border-right: 1px solid #eef1fb;color: #536080;font-size: 12px;font-weight: 800} body:has(.home-hero) .dashboard-menu span{padding: 10px 12px;border-radius: 6px} body:has(.home-hero) .dashboard-menu .active{color: var(--blue);background: #eef1ff} body:has(.home-hero) .dashboard-content{padding: 58px 28px 28px} body:has(.home-hero) .home-dashboard .chart-panel{grid-template-columns: minmax(0,1fr) 158px} body:has(.home-hero) .line-chart.has-photo{position: relative;overflow: hidden;background: #35c0de} body:has(.home-hero) .line-chart.has-photo img{width: 100%;height: 100%;object-fit: cover} body:has(.home-hero) .service-grid{grid-template-columns: repeat(6,1fr);gap: 18px} body:has(.home-hero) .service-card{min-height: 250px;padding: 30px 24px 52px;border-color: #edf1fb;border-radius: 10px;box-shadow: 0 16px 38px rgba(29,48,112,.07)} body:has(.home-hero) .service-card .icon{width: 62px;height: 62px;margin-inline: auto;font-size: 12px;font-weight: 950} body:has(.home-hero) .service-card h3{text-align: center;font-size: 14px} body:has(.home-hero) .service-card a::before{content: "\203A"} body:has(.home-hero) .service-card::after{content: "\2192";position: absolute;right: 20px;bottom: 18px;display: grid;place-items: center;width: 26px;height: 26px;border-radius: 50%;background: #eef1ff;color: var(--blue);font-weight: 950} body:has(.home-hero) .stats-band{border: 0;border-radius: 12px} body:has(.home-hero) .case-grid{grid-template-columns: repeat(3,1fr);gap: 20px} body:has(.home-hero) .case-card{min-height: 240px;border-radius: 10px} body:has(.home-hero) .cases .case-card::before{content: "";position: absolute;inset: 0;z-index: 0;background: linear-gradient(180deg,rgba(4,12,48,.28) 0%,rgba(6,14,58,.72) 62%,rgba(6,14,58,.9) 100%),linear-gradient(90deg,rgba(7,18,59,.78) 0%,rgba(7,18,59,.52) 48%,rgba(7,18,59,.22) 100%)} body:has(.home-hero) .cases .case-card h2,body:has(.home-hero) .cases .case-card h3,body:has(.home-hero) .cases .case-card p,body:has(.home-hero) .cases .case-card a{color: #fff;text-shadow: 0 2px 14px rgba(0,0,0,.34)} body:has(.home-hero) .cases .case-card p{opacity: 1} body:has(.home-hero) .timeline{position: relative;grid-template-columns: repeat(5,1fr)} body:has(.home-hero) .timeline::before{content: "";position: absolute;left: 8%;right: 8%;top: 36px;border-top: 2px dotted #b8c3ff} body:has(.home-hero) .timeline li{position: relative;z-index: 1} body:has(.home-hero) .compare-card{grid-template-columns: 1fr 82px 1fr;overflow: hidden;padding: 0;border: 0;border-radius: 12px} body:has(.home-hero) .compare-card>div{min-height: 250px;padding: 40px 42px} body:has(.home-hero) .compare-card>div:first-child{background: linear-gradient(135deg,#fff1f1,#fff)} body:has(.home-hero) .compare-card>div:last-child{background: linear-gradient(135deg,#fff,#f3f6ff)} body:has(.home-hero) .cta-band{grid-template-columns: 290px minmax(0,1fr) auto 250px;margin: 18px 0 40px;padding: 0;overflow: hidden;border-radius: 12px} body:has(.home-hero) .cta-band>div{padding: 42px 0} body:has(.home-hero) .cta-band ul{padding: 42px 36px;border-left: 1px solid rgba(255,255,255,.24);list-style: none;color: #fff;text-shadow: 0 2px 12px rgba(0,0,0,.24)} body:has(.home-hero) .cta-band ul li{color: #fff} body:has(.home-hero) .cta-image-slot{align-self: stretch;min-height: 190px;margin: 0;overflow: hidden;background: #06155d} body:has(.home-hero) .cta-image-slot img{width: 100%;height: 100%;object-fit: cover} @media (max-width: 1100px){body:has(.home-hero) .home-hero .hero-grid,body:has(.home-hero) .comparison .compare-grid,body:has(.home-hero) .cta-band{grid-template-columns: 1fr} body:has(.home-hero) .service-grid{grid-template-columns: repeat(3,1fr)}} @media (max-width: 760px){body:has(.home-hero) .home-hero .hero-grid,body:has(.home-hero) .home-dashboard,body:has(.home-hero) .home-dashboard .metric-grid,body:has(.home-hero) .home-dashboard .chart-panel,body:has(.home-hero) .service-grid,body:has(.home-hero) .stats-band,body:has(.home-hero) .case-grid,body:has(.home-hero) .timeline,body:has(.home-hero) .compare-card{grid-template-columns: 1fr} body:has(.home-hero) .dashboard-menu,body:has(.home-hero) .timeline::before{display: none}} .blog-resource-grid,.creation-web-grid{grid-template-columns: repeat(4,minmax(0,1fr))} .blog-resource-grid article,.creation-web-grid article{grid-template-columns: 46px 1fr;padding: 24px 22px} .blog-resource-grid .feature-icon,.creation-web-grid .feature-icon{display: grid;place-items: center;width: 46px;height: 46px;border-radius: 14px;background: var(--blue-soft);color: var(--blue)} .blog-resource-grid .feature-icon svg,.creation-web-grid .feature-icon svg{width: 24px;height: 24px;fill: none;stroke: currentColor;stroke-width: 2.2;stroke-linecap: round;stroke-linejoin: round} @media (max-width: 1024px){.blog-resource-grid,.creation-web-grid{grid-template-columns: repeat(2,minmax(0,1fr))}} @media (max-width: 640px){.blog-resource-grid,.creation-web-grid{grid-template-columns: 1fr}} @media (pointer: coarse){.socials a,.socials .social-placeholder,.share-box a,.share-box .share-copy{width: 44px;height: 44px}} @media (prefers-reduced-motion: reduce){html{scroll-behavior: auto} *,*::before,*::after{scroll-behavior: auto !important;animation-duration: .01ms !important;animation-iteration-count: 1 !important;transition-duration: .01ms !important}} @media (prefers-contrast: more){:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline-color: currentColor;outline-width: 4px}} .cookie-consent{position: fixed;z-index: 1000;right: 24px;bottom: 24px;display: grid;grid-template-columns: minmax(0,1fr) auto;gap: 22px;align-items: center;width: min(720px,calc(100% - 48px));padding: 22px;border: 1px solid var(--line);border-radius: 12px;background: #fff;box-shadow: 0 22px 70px rgba(7,18,59,.22)} .cookie-consent h2{margin: 0 0 4px;font-size: 18px} .cookie-consent p{margin: 0;color: var(--text-soft);font-size: 14px;line-height: 1.5} .cookie-consent a{display: inline-block;margin-top: 6px;color: var(--blue);font-size: 13px;font-weight: 800;text-decoration: underline;text-underline-offset: 3px} .cookie-consent-actions{display: flex;gap: 10px} .cookie-consent-actions .btn{min-height: 44px;white-space: nowrap} .cookie-settings{border: 0;padding: 0;background: transparent;color: inherit;cursor: pointer;font: inherit;text-decoration: underline;text-underline-offset: 3px} @media (max-width: 680px){.cookie-consent{right: 16px;bottom: 16px;grid-template-columns: 1fr;width: calc(100% - 32px)} .cookie-consent-actions{display: grid;grid-template-columns: 1fr 1fr} .cookie-consent-actions .btn{width: 100%}} body{color: #46516f;font-weight: 400} h1,h2,h3,h4,h5,h6,.section-head h2,.service-card h3,.post-content h2,.side-card h2,.footer-grid h2{color: #13204a;font-weight: 700} strong,b,.metric-grid strong,.stats-band strong,.case-card strong,.timeline strong,.compare-card>strong,.post-meta span,.donut strong,.dashboard-top strong{font-weight: 650} .nav-links a,.nav-links button,.btn,.eyebrow,.section-head a,.post-image span,.post-content .tag,.read-more,.service-card a,.footer-grid a,.footer-grid span{font-weight: 650} p,li,small,.hero-copy p:not(.eyebrow),.contact-copy>p,.blog-hero p,.post-content p,.service-card a,.footer-grid p{color: #59637d;font-weight: 400} h1,.hero h1,.home-hero h1,body:has(.home-hero) .home-hero h1,.blog-hero h1,.contact-copy h1,.saas-copy h1,.commerce-copy h1,.showcase-copy h1,.guides-hero h1,.article-hero h1,.ads-copy h1,.ai-hero h1,.content-hero h1,.faq-hero h1,.realisations-copy h1,.legal-copy h1,.privacy-copy h1,.ebook-hero h1,.seo-copy h1{font-size: clamp(36px,4.1vw,58px);line-height: 1.1} h2,.section-head h2,.cta-band h2,.seo-expertise-head h2{font-size: clamp(26px,2.6vw,36px);line-height: 1.18} .hero-copy p:not(.eyebrow),body:has(.home-hero) .home-hero .hero-copy p:not(.eyebrow),.contact-copy>p,.blog-hero p,.article-hero p,.saas-copy>p,.commerce-copy>p,.showcase-copy>p,.guides-hero-copy>p,.ads-copy>p,.ai-hero p:not(.eyebrow),.content-hero p:not(.eyebrow),.faq-hero p,.realisations-copy>p,.legal-copy>p,.privacy-copy>p,.ebook-hero-copy>p:not(.ebook-badge),.seo-copy>p{font-size: 16px;line-height: 1.65} .site-header .navbar{min-height: 78px} .brand img,body:has(.home-hero) .brand img{width: 150px;max-height: 62px;object-fit: contain} .nav-links,.nav-actions,body:has(.home-hero) .nav-links,body:has(.home-hero) .nav-actions{gap: 24px} .nav-links a,.nav-links button,body:has(.home-hero) .nav-links a,body:has(.home-hero) .nav-links button{font-size: 13px} .whatsapp{right: 28px;bottom: 28px} @media (max-width: 760px){h1,.hero h1,.home-hero h1,body:has(.home-hero) .home-hero h1,.blog-hero h1,.contact-copy h1,.saas-copy h1,.commerce-copy h1,.showcase-copy h1,.guides-hero h1,.article-hero h1,.ads-copy h1,.ai-hero h1,.content-hero h1,.faq-hero h1,.realisations-copy h1,.legal-copy h1,.privacy-copy h1,.ebook-hero h1,.seo-copy h1{font-size: 34px} .brand img,body:has(.home-hero) .brand img{width: 138px} .whatsapp{right: 18px;bottom: 18px;width: 50px;height: 50px} .whatsapp::before{width: 28px;height: 28px}}