/* arkDisk — apps styles. Generated during CSS refactor. */
@font-face {font-family: "Plus Jakarta Sans"; font-style: normal; font-weight: 400; font-display: swap; src: url("/fonts/plus-jakarta-latin-ext.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face {font-family: "Plus Jakarta Sans"; font-style: normal; font-weight: 400; font-display: swap; src: url("/fonts/plus-jakarta-latin.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face {font-family: "Plus Jakarta Sans"; font-style: normal; font-weight: 600; font-display: swap; src: url("/fonts/plus-jakarta-latin-ext.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face {font-family: "Plus Jakarta Sans"; font-style: normal; font-weight: 600; font-display: swap; src: url("/fonts/plus-jakarta-latin.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face {font-family: "Plus Jakarta Sans"; font-style: normal; font-weight: 700; font-display: swap; src: url("/fonts/plus-jakarta-latin-ext.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face {font-family: "Plus Jakarta Sans"; font-style: normal; font-weight: 700; font-display: swap; src: url("/fonts/plus-jakarta-latin.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face {font-family: "Plus Jakarta Sans"; font-style: normal; font-weight: 800; font-display: swap; src: url("/fonts/plus-jakarta-latin-ext.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face {font-family: "Plus Jakarta Sans"; font-style: normal; font-weight: 800; font-display: swap; src: url("/fonts/plus-jakarta-latin.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
.apps-article-content h1{font-family: "Plus Jakarta Sans", sans-serif;font-size: 2.75rem;font-weight: 800;line-height: 1.15;margin-bottom: 1rem;text-align: center;}
.apps-article-content h2{font-family: "Plus Jakarta Sans", sans-serif;font-size: clamp(1.75rem, 3vw, 2.25rem);font-weight: 700;margin: 5rem 0 1.5rem;text-align: center;letter-spacing: -0.02em;}
.apps-article-content h3{font-family: "Plus Jakarta Sans", sans-serif;font-size: 1.25rem;font-weight: 600;margin: 0 0 0.5rem;}
.apps-article-content p{margin-bottom: 1.25rem;}
.apps-article-content code{background: var(--code-bg, #f1f5f9);padding: 0.2em 0.4em;border-radius: 4px;font-size: 0.9em;}
.ap-hero{text-align: center;padding: 4rem 0 2rem;}
.ap-hero h1{font-family: "Plus Jakarta Sans", sans-serif;font-size: clamp(3rem, 6vw, 5rem);font-weight: 800;line-height: 1.05;margin-bottom: 0.75rem;letter-spacing: -0.03em;background: linear-gradient(135deg, #000000 0%, #0f172a 60%, #1e40af 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}
.ap-hero-tagline{font-family: "Manrope", sans-serif;font-size: clamp(1.3rem, 3vw, 1.8rem);font-weight: 600;color: #1e293b;margin-bottom: 1.5rem;letter-spacing: 0.01em;}
.ap-hero p{font-family: "Manrope", sans-serif;font-size: clamp(1.1rem, 2.5vw, 1.6rem);font-weight: 400;color: #374151;max-width: none;margin: 0 auto 2rem;line-height: 1.4;letter-spacing: 0.01em;}
.ap-hero-trust{display: flex;flex-wrap: wrap;justify-content: center;gap: 0.5rem;margin-bottom: 2rem;}
.ap-trust-pill{padding: 0.4rem 1rem;border: 1px solid #e2e8f0;border-radius: 50px;font-size: 0.875rem;font-weight: 600;color: #475569;font-family: "Manrope", sans-serif;}
.ap-cta-btn{display: inline-flex;align-items: center;gap: 0.5rem;padding: 0.875rem 2rem;background: #0f172a;color: white;font-size: 1rem;font-weight: 600;border-radius: 50px;text-decoration: none;transition: all 0.2s;}
.ap-cta-btn:hover{background: #1e293b;transform: translateY(-1px);box-shadow: 0 8px 24px rgba(0,0,0,0.12);}
.ap-podium{position: relative;padding: 2rem 0 3rem;text-align: center;overflow: visible;}
.ap-podium-img{border-radius: 16px;box-shadow: 0 30px 80px rgba(0,0,0,0.4), 0 12px 32px rgba(0,0,0,0.25);}
.ap-podium-center{width: 100%;height: auto;position: relative;z-index: 1;display: block;margin: 0 auto;-webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 72%, transparent 88%);mask-image: linear-gradient(to bottom, #000 0%, #000 72%, transparent 88%);-webkit-mask-size: 100% 100%;mask-size: 100% 100%;-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;}
.ap-podium-left{width: 662px;height: auto;position: absolute;left: -40px;bottom: calc(-20px + 3cm);z-index: 2;}
.ap-podium-right{width: 338px;height: auto;position: absolute;right: -40px;bottom: calc(-20px + 3cm);z-index: 2;}
.ap-anim-left{opacity: 0;transform: translateX(-300px);transition: opacity 0.7s ease-out, transform 0.7s ease-out;}
.ap-anim-center{opacity: 0;transform: scale(0.96);transition: opacity 0.8s ease-out, transform 0.8s ease-out;}
.ap-anim-right{opacity: 0;transform: translateX(300px);transition: opacity 0.7s ease-out, transform 0.7s ease-out;}
.ap-anim-center.ap-anim-done{opacity: 1;transform: scale(1);}
.ap-anim-left.ap-anim-done{opacity: 1;transform: translateX(0);}
.ap-anim-right.ap-anim-done{opacity: 1;transform: translateX(0);}
@media (prefers-reduced-motion: reduce){
.ap-anim-left, .ap-anim-center, .ap-anim-right{opacity: 1;transform: none;}
}
.ap-reveal{opacity: 0;transform: translateY(30px);transition: opacity 0.6s ease-out, transform 0.6s ease-out;}
.ap-reveal.ap-reveal-done{opacity: 1;transform: translateY(0);}
@media (prefers-reduced-motion: reduce){
.ap-reveal{opacity: 1;transform: none;}
}
.ap-features{display: grid;grid-template-columns: repeat(3, 1fr);gap: 2.5rem;max-width: 1100px;margin: 3rem auto;align-items: start;}
.ap-feature-card{position: relative;padding: 0;text-align: left;background: #ffffff;border: 1px solid #e2e8f0;border-radius: 24px;box-shadow: 0 1px 2px rgba(15,23,42,0.04);isolation: isolate;overflow: hidden;transition: opacity 0.6s ease-out, transform 0.45s cubic-bezier(.22,.61,.36,1), box-shadow 0.4s ease, border-color 0.4s ease;}
.ap-feature-card:hover{transform: translateY(-6px);border-color: #93c5fd;box-shadow: 0 20px 50px rgba(15,23,42,0.10), 0 4px 14px rgba(15,23,42,0.05);background: #fdfefe;}
.ap-feat-kicker{display: block;font-family: "Manrope", sans-serif;font-size: 0.75rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.09em;color: #2563eb;margin-bottom: 1.25rem;}
.ap-feature-pictogram{display: flex;align-items: center;justify-content: center;background: #f1f5f9;border-bottom: 1px solid #e2e8f0;height: 200px;padding: 1rem;transition: background 0.4s ease, border-color 0.4s ease;}
.ap-feature-card:hover .ap-feature-pictogram{background: #eef4fb;border-color: #dbe7f5;}
.ap-feature-pictogram img{width: 100%;height: 100%;object-fit: contain;display: block;}
.ap-feature-pictogram img.ap-picto-cover{object-fit: cover;transition: transform 0.5s cubic-bezier(.22,.61,.36,1);}
.ap-feature-pictogram:has(img.ap-picto-cover){padding: 0;overflow: hidden;}
.ap-feature-card:hover .ap-feature-pictogram img.ap-picto-cover{transform: scale(1.06);}
.ap-feature-pictogram video.ap-picto-video{width: 100%;height: 100%;object-fit: cover;object-position: top left;display: block;transition: transform 0.5s cubic-bezier(.22,.61,.36,1);position: absolute;inset: 0;opacity: 1;transition: opacity 0.4s ease, transform 0.5s cubic-bezier(.22,.61,.36,1);}
.ap-feature-pictogram:has(video.ap-picto-video){padding: 0;overflow: hidden;position: relative;}
.ap-feature-card:hover .ap-feature-pictogram video.ap-picto-video{transform: scale(1.06);}
.ap-feature-card:hover .ap-feature-pictogram:has(video.ap-picto-video) img.ap-picto-cover{opacity: 0;}
.ap-feature-card:hover .ap-feature-pictogram:not(:has(video.ap-picto-video)) img.ap-picto-cover{transform: scale(1.12);}
.ap-feature-pictogram img.ap-picto-cover{transition: opacity 0.4s ease, transform 0.5s cubic-bezier(.22,.61,.36,1);}
.ap-feature-pictogram video.ap-picto-dark{display: none;}
body.dark .ap-feature-pictogram video.ap-picto-light{display: none;}
body.dark .ap-feature-pictogram video.ap-picto-dark{display: block;}
.ap-feature-pictogram .ap-picto-dark{display: none;}
body.dark .ap-feature-pictogram .ap-picto-light{display: none;}
body.dark .ap-feature-pictogram .ap-picto-dark{display: block;}
.ap-feature-body{padding: 1.75rem 1.75rem 2rem;}
.apps-article-content .ap-feature-card h3{font-family: "Plus Jakarta Sans", sans-serif;font-size: 1.3rem;font-weight: 700;line-height: 1.25;margin: 0 0 0.75rem;color: #0f172a;letter-spacing: -0.02em;transition: font-size 0.4s cubic-bezier(.22,.61,.36,1);}
.ap-feature-card:hover h3{font-size: 1.4rem;}
.apps-article-content .ap-feature-card .ap-feat-lead{font-size: 1.0625rem;font-weight: 500;line-height: 1.6;color: #475569;margin: 0 0 1rem;}
.ap-feat-more{overflow: hidden;max-height: 0;opacity: 0;transition: max-height 0.5s cubic-bezier(.22,.61,.36,1), opacity 0.35s ease;}
.ap-feature-card.is-open .ap-feat-more{max-height: 460px;opacity: 1;}
.apps-article-content .ap-feat-more p{font-size: 0.9875rem;font-weight: 400;line-height: 1.7;color: #64748b;margin: 0 0 1rem;}
.ap-feat-toggle{display: inline-flex;align-items: center;gap: 0.4rem;background: none;border: 0;padding: 0;cursor: pointer;font-family: "Plus Jakarta Sans", sans-serif;font-size: 0.9375rem;font-weight: 700;color: #2563eb;transition: color 0.2s ease, gap 0.25s ease;}
.ap-feat-toggle:hover{color: #1d4ed8;gap: 0.6rem;}
.ap-feat-toggle:focus-visible{outline: 2px solid #3b82f6;outline-offset: 3px;border-radius: 4px;}
.ap-feat-toggle svg{width: 16px;height: 16px;stroke: currentColor;transition: transform 0.4s cubic-bezier(.22,.61,.36,1);}
.ap-feature-card.is-open .ap-feat-toggle svg{transform: rotate(180deg);}
.ap-feat-toggle .ap-feat-toggle-less{display: none;}
.ap-feature-card.is-open .ap-feat-toggle .ap-feat-toggle-more{display: none;}
.ap-feature-card.is-open .ap-feat-toggle .ap-feat-toggle-less{display: inline;}
@media (prefers-reduced-motion: reduce){
.ap-feature-card, .ap-feature-card::before, .ap-feat-more, .ap-feat-toggle svg{transition: none;}
}
.ap-section{margin: 12rem 0;}
.ap-section-intro{text-align: center;max-width: none;margin: 0 auto 2rem;font-family: "Manrope", sans-serif;font-size: clamp(1.1rem, 2.5vw, 1.6rem);font-weight: 400;color: #374151;line-height: 1.4;letter-spacing: 0.01em;}
.ap-showcase{display: flex;flex-direction: column;gap: 5rem;max-width: 1100px;margin: 3rem auto;}
.ap-showcase-item{display: grid;grid-template-columns: 1fr 1fr;gap: 4rem;align-items: center;}
.ap-showcase-item:nth-child(even) .ap-showcase-visual{order: 2;}
.ap-showcase-visual{aspect-ratio: 1 / 1;border-radius: 24px;background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%);border: 1px solid #e2e8f0;box-shadow: 0 20px 60px rgba(0,0,0,0.15), 0 8px 24px rgba(0,0,0,0.1);display: flex;align-items: center;justify-content: center;position: relative;}
.ap-showcase-visual::before{content: "";position: absolute;inset: -80px;border-radius: 40px;background: radial-gradient(ellipse at center, var(--ap-hue-color, #3b82f6) 0%, transparent 70%);filter: blur(40px);opacity: 0.6;z-index: 0;pointer-events: none;transform: translateZ(0);-webkit-transform: translateZ(0);}
.ap-showcase-wide{box-shadow: 0 20px 60px rgba(0,0,0,0.15), 0 8px 24px rgba(0,0,0,0.1) !important;}
.ap-showcase-wide::before{display: none;}
.ap-showcase-wide::after{content: "";position: absolute;right: calc(100% - 10px);top: 10%;bottom: 10%;width: 80px;border-radius: 24px;background: radial-gradient(ellipse at right center, #ef4444 0%, transparent 70%);filter: blur(30px) hue-rotate(0deg);opacity: 0.25;z-index: 0;pointer-events: none;transform: translateZ(0);-webkit-transform: translateZ(0);animation: ap-hue-wide 4s ease-in-out infinite alternate;}
@keyframes ap-hue-wide{0% { filter: blur(30px) hue-rotate(0deg); } 100% { filter: blur(30px) hue-rotate(120deg); }}
.ap-showcase-video2::before{display: none;}
.ap-showcase-video3::before{display: none;}
.ap-showcase-visual img, .ap-showcase-visual video{width: 100%;height: 100%;object-fit: cover;border-radius: 24px;overflow: hidden;position: relative;z-index: 1;}
.ap-showcase-visual.ap-showcase-wide{aspect-ratio: 465 / 188;}
.ap-showcase-visual.ap-showcase-video2{aspect-ratio: 497 / 433;}
.ap-showcase-visual.ap-showcase-video3{aspect-ratio: 943 / 789;}
.ap-showcase-text h3{font-family: "Plus Jakarta Sans", sans-serif;font-size: clamp(1.25rem, 2.5vw, 1.6rem);font-weight: 700;color: #1e293b;margin: 0 0 1rem;letter-spacing: -0.01em;}
.ap-showcase-text p{font-size: 1.0625rem;line-height: 1.75;color: #475569;margin: 0;}
.ap-showcase-item{opacity: 0;transform: translateY(40px);transition: opacity 0.7s ease, transform 0.7s ease;}
.ap-showcase-item.ap-revealed{opacity: 1;transform: translateY(0);}
.ap-showcase-item:nth-child(2){transition-delay: 0.15s;}
.ap-showcase-item:nth-child(3){transition-delay: 0.3s;}
@media (max-width: 768px){
.ap-showcase-item{grid-template-columns: 1fr;gap: 2rem;}
.ap-showcase-item:nth-child(even) .ap-showcase-visual{order: 0;}
.ap-showcase{gap: 3.5rem;}
}
body.dark .ap-showcase-visual{background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);border-color: #334155;box-shadow: 0 24px 64px rgba(0,0,0,0.6), 0 8px 24px rgba(0,0,0,0.4);}
body.dark .ap-showcase-visual::before{opacity: 0.7;}
body.dark .ap-showcase-wide{box-shadow: 0 24px 64px rgba(0,0,0,0.6), 0 8px 24px rgba(0,0,0,0.4) !important;}
body.dark .ap-showcase-wide::after{opacity: 0.3;}
body.dark .ap-showcase-video2::before{display: none;}
body.dark .ap-showcase-video3::before{display: none;}
body.dark .ap-showcase-text h3{color: #f1f5f9;}
body.dark .ap-showcase-text p{color: #94a3b8;}
.ap-video-dark{display: none;}
body.dark .ap-video-light{display: none;}
body.dark .ap-video-dark{display: block;}
.ap-trust-banner{background: #dbeafe;border: 1px solid #bfdbfe;border-radius: 28px;padding: 2.5rem;text-align: center;margin: 3rem 0;}
.ap-trust-banner h3{font-family: "Plus Jakarta Sans", sans-serif;font-size: 1.25rem;font-weight: 700;margin-bottom: 0.75rem;}
.ap-trust-banner p{font-size: 1.125rem;color: #64748b;max-width: none;margin: 0 auto;}
.ap-cta-section{text-align: center;padding: 4rem 2rem;background: #0f172a;border-radius: 24px;margin: 3rem 0;color: white;}
.ap-cta-section h2{color: white;margin-top: 0;}
.ap-cta-section p{font-size: 1.15rem;max-width: 560px;margin: 0 auto 1.5rem;opacity: 0.7;}
.ap-cta-section .ap-cta-btn{display: inline-flex;align-items: center;justify-content: center;padding: 0.85rem 1.8rem;border-radius: 100px;font-size: 0.95rem;font-weight: 700;text-decoration: none;background: #ffffff;border: none;color: #0f172a;transition: transform 0.25s cubic-bezier(.22,.61,.36,1), box-shadow 0.3s ease, padding 0.3s ease;cursor: pointer;position: relative;overflow: hidden;}
.ap-cta-section .ap-cta-btn:hover{transform: translateY(-3px);padding-right: 0.7rem;box-shadow: 0 8px 24px rgba(0,0,0,0.2);background: #ffffff;}
.ap-cta-circ{width: 40px;height: 40px;flex-shrink: 0;margin-left: 0;margin-right: -40px;border-radius: 50%;background: #0f172a;color: #ffffff;display: flex;align-items: center;justify-content: center;opacity: 0;transform: scale(0);transition: margin-left 0.3s cubic-bezier(.22,.61,.36,1) 0.25s, margin-right 0.3s cubic-bezier(.22,.61,.36,1) 0.25s, opacity 0.25s ease 0.3s, transform 0.35s cubic-bezier(.22,.61,.36,1) 0.3s;position: relative;}
.ap-cta-circ-arrow{width: 18px;height: 18px;display: block;flex-shrink: 0;position: relative;z-index: 1;}
.ap-cta-section .ap-cta-btn:hover .ap-cta-circ{margin-left: 0.7rem;margin-right: 0;opacity: 1;transform: scale(1);}
body.dark .ap-cta-section .ap-cta-btn{background: #ffffff;color: #0f172a;}
body.dark .ap-cta-circ{background: #0f172a;color: #ffffff;}
body.dark .ap-cta-section .ap-cta-btn:hover{box-shadow: 0 0 20px rgba(255,255,255,0.5), 0 8px 24px rgba(0,0,0,0.3);}
.ap-sov-dark{color: #475569;padding: 4rem 0;margin: 3rem 0;text-align: left;}
.ap-sov-dark .ap-sov-kicker{color: #3b82f6;font-size: 0.9375rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.08em;margin-bottom: 1rem;}
.apps-article-content .ap-sov-dark h2{color: #1e293b;font-family: "Plus Jakarta Sans", sans-serif;font-size: clamp(2rem, 4.6vw, 3.1rem);font-weight: 700;letter-spacing: -0.02em;margin: 0 0 1.2rem;white-space: nowrap;text-align: left;}
.ap-sov-dark .ap-sov-sub{color: #64748b;font-size: 1.125rem;margin: 0 0 2.5rem;max-width: 560px;}
.ap-sov-dark-cols{display: grid;grid-template-columns: repeat(3, 1fr);gap: 2.5rem;text-align: left;margin-bottom: 2.5rem;}
.ap-sov-dark-cols h3{font-family: "Plus Jakarta Sans", sans-serif;font-size: 1.05rem;font-weight: 700;color: #1e293b;margin: 0 0 0.75rem;}
.ap-sov-dark-cols p{font-size: 1.0625rem;line-height: 1.75;color: #475569;margin: 0;}
.ap-sov-dark-cols p.ap-sov-us{margin-top: 0.7rem;color: #3b82f6;font-weight: 500;}
.ap-sov-cta{display: inline-flex;align-items: center;gap: 0.7rem;background: #dbeafe;color: #03102c !important;text-decoration: none;font-family: "Plus Jakarta Sans", sans-serif;font-weight: 700;font-size: 1.15rem;padding: 0.7rem 0.7rem 0.7rem 1.7rem;border-radius: 999px;transition: background 0.3s, transform 0.2s;border: none;cursor: pointer;}
.ap-sov-cta .ap-sov-circ{width: 40px;height: 40px;flex-shrink: 0;border-radius: 50%;background: #03102c;color: #fff;display: flex;align-items: center;justify-content: center;transition: transform 0.35s cubic-bezier(.22,.61,.36,1);}
.ap-sov-cta .ap-sov-circ svg{width: 18px;height: 18px;display: block;}
.ap-sov-cta:hover{background: #dbeafe;}
.ap-sov-cta:hover .ap-sov-circ{transform: translateX(5px);}
.ap-sov-cta:active{transform: scale(0.97);}
@media (max-width: 768px){
.ap-sov-dark-cols{grid-template-columns: 1fr;}
}
body.dark .ap-sov-dark{color: #e2e8f0;}
body.dark .ap-sov-dark .ap-sov-sub{color: #cbd5e1;}
body.dark .ap-sov-dark h2{color: #f1f5f9;}
body.dark .ap-sov-dark-cols h3{color: #f1f5f9;}
body.dark .ap-sov-dark-cols p{color: #e2e8f0;}
body.dark .ap-sov-dark-cols p.ap-sov-us{color: #60a5fa;}
.apps-article-content .info-box{padding: 1.25rem 1.5rem;border-radius: 12px;margin: 1.5rem 0;display: flex;gap: 1rem;}
.apps-article-content .info-box.info{background: rgba(59,130,246,0.1);border: 1px solid rgba(59,130,246,0.2);}
.apps-article-content .info-box.success{background: rgba(16,185,129,0.1);border: 1px solid rgba(16,185,129,0.2);}
.apps-article-content .info-box.warning{background: rgba(245,158,11,0.1);border: 1px solid rgba(245,158,11,0.2);}
.apps-article-content .info-box-icon{flex-shrink: 0;width: 24px;height: 24px;}
.apps-article-content .info-box.info .info-box-icon{color: #3b82f6;}
.apps-article-content .info-box.success .info-box-icon{color: #10b981;}
.apps-article-content .info-box.warning .info-box-icon{color: #f59e0b;}
.apps-article-content .info-box-content{flex: 1;}
.apps-article-content .info-box-title{font-weight: 600;margin-bottom: 0.25rem;}
.apps-article-content .spec-table{width: 100%;border-collapse: separate;border-spacing: 0;margin: 2rem 0;border: 1px solid #e2e8f0;border-radius: 20px;overflow: hidden;box-shadow: 0 4px 24px rgba(0,0,0,0.06);}
.apps-article-content .spec-table th, .apps-article-content .spec-table td{padding: 1.25rem 1.5rem;border-bottom: 1px solid #f1f5f9;}
.apps-article-content .spec-table td{border-right: 1px solid #f1f5f9;text-align: center;}
.apps-article-content .spec-table td:first-child{text-align: left;font-weight: 600;color: #1e293b;font-size: 0.9375rem;white-space: normal;}
.apps-article-content .spec-table td:last-child{border-right: none;}
.apps-article-content .spec-table th{background: #f8fafc;font-weight: 600;font-size: 0.9375rem;text-transform: uppercase;letter-spacing: 0.05em;color: #64748b;text-align: center;padding: 1.75rem 1.5rem;}
.apps-article-content .spec-table th:first-child{text-align: left;}
.apps-article-content .spec-table tr:last-child td{border-bottom: none;}
.apps-article-content .spec-table tbody tr:nth-child(odd){background: #ffffff;}
.apps-article-content .spec-table tbody tr:nth-child(even){background: #f8fafc;}
.apps-article-content .spec-table tbody tr:hover{background: #f0f9ff;}
.apps-article-content .spec-table th:nth-child(2){background: #3b82f6;color: #fff;font-weight: 700;font-size: 1rem;}
.apps-article-content .spec-table td:nth-child(2){background: #f0f9ff;border-left: 2px solid #3b82f6;border-right: 2px solid #3b82f6;}
.apps-article-content .spec-table tbody tr:hover td:nth-child(2){background: #e0f2fe;}
.apps-article-content .spec-table tr:last-child td:nth-child(2){border-bottom: 2px solid #3b82f6;}
.cmp-table-cta{display: inline-block;margin-top: 0.5rem;padding: 0.35rem 1rem;background: #fff;color: #3b82f6 !important;font-size: 0.75rem;font-weight: 700;border-radius: 999px;text-decoration: none;text-transform: none;letter-spacing: 0;}
.cmp-table-cta:hover{background: #f0f9ff;}
.cmp-table-sub{display: block;font-size: 0.6875rem;font-weight: 500;text-transform: none;letter-spacing: 0;opacity: 0.8;margin-top: 0.2rem;}
@media (max-width: 1024px){
.ap-podium-left{width: 544px;left: -10px;}
.ap-podium-right{width: 260px;right: -10px;}
.ap-podium-center{-webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 62%, transparent 82%) !important;mask-image: linear-gradient(to bottom, #000 0%, #000 62%, transparent 82%) !important;-webkit-mask-size: 100% 100% !important;mask-size: 100% 100% !important;-webkit-mask-repeat: no-repeat !important;mask-repeat: no-repeat !important;}
}
@media (max-width: 768px){
.apps-article-content .spec-table{display: block;overflow-x: auto;white-space: nowrap;-webkit-overflow-scrolling: touch;}
.ap-hero h1{font-size: 2.25rem;}
.ap-hero-tagline{font-size: 1.125rem;}
.ap-hero p{font-size: 0.95rem;}
.ap-trust-pill{font-size: 0.7rem;padding: 0.25rem 0.7rem;}
.ap-features{grid-template-columns: 1fr;gap: 1rem;margin: 2rem auto;}
.ap-feature-card{padding: 1.75rem 1.5rem;border-radius: 20px;}
.apps-article-content .ap-feature-card h3{font-size: 1.2rem;}
.ap-podium-left{width: 198px;left: -15px;bottom: 1rem;}
.ap-podium-right{width: 160px;right: -15px;bottom: 1rem;}
}
body.dark .ap-hero h1{background: linear-gradient(135deg, #ffffff 0%, #f8fafc 80%, #60a5fa 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}
body.dark .ap-hero-tagline{color: #e2e8f0;}
body.dark .ap-hero p{color: #cbd5e1;}
body.dark .ap-trust-pill{border-color: #334155;color: #94a3b8;}
body.dark .ap-cta-btn{background: white;color: #0f172a;}
body.dark .ap-cta-btn:hover{background: #e2e8f0;}
body.dark .ap-feature-card{background: #0f172a;border-color: #1e293b;box-shadow: none;}
body.dark .ap-feature-card:hover{border-color: #2c4a7c;box-shadow: 0 20px 50px rgba(0,0,0,0.55), 0 4px 14px rgba(0,0,0,0.35);background: #131f36;}
body.dark .ap-feature-pictogram{background: #1c2942;border-color: #26385a;}
body.dark .ap-feature-card:hover .ap-feature-pictogram{background: #21314e;border-color: #2c4a7c;}
body.dark .ap-feat-kicker{color: #60a5fa;}
body.dark .apps-article-content .ap-feature-card h3{color: #f1f5f9;}
body.dark .apps-article-content .ap-feature-card .ap-feat-lead{color: #cbd5e1;}
body.dark .apps-article-content .ap-feat-more p{color: #94a3b8;}
body.dark .ap-feat-toggle{color: #60a5fa;}
body.dark .ap-feat-toggle:hover{color: #93c5fd;}
body.dark .ap-trust-banner{background: #1e293b;}
body.dark .ap-trust-banner p{color: #94a3b8;}
body.dark .apps-article-content .spec-table{border-color: #1e293b;}
body.dark .apps-article-content .spec-table th{background: #1e293b;color: #ffffff;}
body.dark .apps-article-content .spec-table th, body.dark .apps-article-content .spec-table td{border-color: #1e293b;}
body.dark .apps-article-content .spec-table tbody tr:nth-child(odd){background: #0f172a;}
body.dark .apps-article-content .spec-table tbody tr:nth-child(even){background: #1e293b;}
body.dark .apps-article-content .spec-table tbody tr:hover{background: rgba(59,130,246,0.08);}
body.dark .apps-article-content .spec-table th:nth-child(2){background: #2563eb;color: #fff;}
body.dark .apps-article-content .spec-table td:nth-child(2){background: rgba(59,130,246,0.08);border-left-color: #3b82f6;border-right-color: #3b82f6;}
body.dark .apps-article-content .spec-table tbody tr:hover td:nth-child(2){background: rgba(59,130,246,0.15);}
body.dark .apps-article-content .spec-table td:first-child{color: #e2e8f0;}
body.dark .apps-article-content h2{color: #f1f5f9;}
body.dark .ap-section-intro{color: #cbd5e1;}
body.dark .apps-article-content code{background: #1e293b;}
.ac-hero{text-align: center;padding: 4rem 0 2rem;}
.ac-hero h1{font-family: "Plus Jakarta Sans", sans-serif;font-size: clamp(3rem, 6vw, 5rem);font-weight: 800;line-height: 1.05;margin-bottom: 0.75rem;letter-spacing: -0.03em;background: linear-gradient(135deg, #000000 0%, #0f172a 60%, #6366f1 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}
.ac-hero-tagline{font-family: "Manrope", sans-serif;font-size: clamp(1.3rem, 3vw, 1.8rem);font-weight: 600;color: #1e293b;margin-bottom: 1.5rem;letter-spacing: 0.01em;}
.ac-hero p{font-family: "Manrope", sans-serif;font-size: clamp(1.1rem, 2.5vw, 1.6rem);font-weight: 400;color: #374151;max-width: none;margin: 0 auto 2rem;line-height: 1.4;letter-spacing: 0.01em;}
.ac-hero-trust{display: flex;flex-wrap: wrap;justify-content: center;gap: 0.5rem;margin-bottom: 2rem;}
.ac-trust-pill{padding: 0.4rem 1rem;border: 1px solid #e2e8f0;border-radius: 50px;font-size: 0.875rem;font-weight: 600;color: #475569;font-family: "Manrope", sans-serif;}
.ac-cta-btn{display: inline-flex;align-items: center;justify-content: center;padding: 1.05rem 2rem;background: #0f172a;border: 2px solid #0f172a;color: #ffffff;font-size: 0.95rem;font-weight: 700;border-radius: 100px;text-decoration: none;transition: transform 0.25s cubic-bezier(.22,.61,.36,1), box-shadow 0.3s ease, padding 0.3s ease;cursor: pointer;position: relative;}
.ac-cta-btn:hover{transform: translateY(-3px);padding-right: 3.2rem;box-shadow: 0 8px 24px rgba(0,0,0,0.2);}
.ac-cta-circ{position: absolute;right: 6px;top: 50%;width: 36px;height: 36px;margin-top: -18px;border-radius: 50%;background: #ffffff;color: #0f172a;display: flex;align-items: center;justify-content: center;opacity: 0;transform: scale(0);transition: opacity 0.25s ease 0.3s, transform 0.35s cubic-bezier(.22,.61,.36,1) 0.3s;}
.ac-cta-btn:hover .ac-cta-circ{opacity: 1;transform: scale(1);}
.ac-cta-circ svg{width: 18px;height: 18px;display: block;flex-shrink: 0;}
.ac-screenshot{margin: 2rem 0;border-radius: 24px;overflow: hidden;box-shadow: 0 12px 40px rgba(15,23,42,0.12), 0 4px 12px rgba(15,23,42,0.06);}
.ac-screenshot img{width: 100%;height: auto;}
.ac-screenshot .ac-screenshot-light{display: block;}
.ac-screenshot .ac-screenshot-dark{display: none;}
body.dark .ac-screenshot .ac-screenshot-light{display: none;}
body.dark .ac-screenshot .ac-screenshot-dark{display: block;}
body.dark .ac-screenshot{box-shadow: 0 12px 40px rgba(0,0,0,0.4), 0 4px 12px rgba(0,0,0,0.2);}
.ac-features{display: grid;grid-template-columns: repeat(3, 1fr);gap: 2rem;max-width: 1100px;margin: 3rem auto;align-items: start;}
.ac-feature-card{position: relative;padding: 0;text-align: left;background: #ffffff;border: 1px solid #e2e8f0;border-radius: 24px;box-shadow: 0 1px 2px rgba(15,23,42,0.04);isolation: isolate;overflow: hidden;transition: transform 0.45s cubic-bezier(.22,.61,.36,1), box-shadow 0.4s ease, border-color 0.4s ease;}
.ac-feature-card:hover{transform: translateY(-6px);border-color: #a5b4fc;box-shadow: 0 20px 50px rgba(15,23,42,0.10), 0 4px 14px rgba(15,23,42,0.05);}
.ac-feature-pictogram{display: flex;align-items: center;justify-content: center;background: #f1f5f9;border-bottom: 1px solid #e2e8f0;height: 200px;padding: 0;transition: background 0.4s ease;overflow: hidden;}
.ac-feature-card:hover .ac-feature-pictogram{background: #eef2ff;border-color: #c7d2fe;}
.ac-feature-pictogram svg{width: 80px;height: 80px;stroke: #6366f1;transition: transform 0.45s cubic-bezier(.22,.61,.36,1);}
.ac-feature-card:hover .ac-feature-pictogram svg{transform: scale(1.1) rotate(-4deg);}
.ac-feature-pictogram img{width: 100%;height: 100%;object-fit: cover;display: block;}
.ac-feature-pictogram video{width: 100%;height: 100%;object-fit: cover;display: block;}
.ac-feature-pictogram .ac-sc-light{display: block;}
.ac-feature-pictogram .ac-sc-dark{display: none;}
body.dark .ac-feature-pictogram .ac-sc-light{display: none;}
body.dark .ac-feature-pictogram .ac-sc-dark{display: block;}
.ac-feature-body{padding: 1.75rem 1.75rem 2rem;}
.ac-feat-kicker{display: block;font-family: "Manrope", sans-serif;font-size: 0.75rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.09em;color: #6366f1;margin-bottom: 1.25rem;}
.apps-article-content .ac-feature-card h3{font-family: "Plus Jakarta Sans", sans-serif;font-size: 1.3rem;font-weight: 700;line-height: 1.25;margin: 0 0 0.75rem;color: #0f172a;letter-spacing: -0.02em;}
.apps-article-content .ac-feature-card .ac-feat-lead{font-size: 1.0625rem;font-weight: 500;line-height: 1.6;color: #475569;margin: 0;}
.ac-problem{margin: 5rem 0;}
.ac-problem h2{color: #1e293b;font-family: "Plus Jakarta Sans", sans-serif;font-size: clamp(2rem, 4.6vw, 3.1rem);font-weight: 700;letter-spacing: -0.02em;margin: 0 0 1.2rem;line-height: 1.15;text-align: center;}
.ac-problem-blocks{display: grid;grid-template-columns: 1fr 1fr;gap: 0;margin-top: 3rem;border-top: 1px solid #e2e8f0;}
.ac-problem-block{padding: 2.5rem 2rem;}
.ac-problem-block.before{border-right: 1px solid #e2e8f0;}
.ac-problem-block h3{font-family: "Plus Jakarta Sans", sans-serif;font-size: 0.875rem;font-weight: 700;margin: 0 0 1.25rem;text-transform: uppercase;letter-spacing: 0.08em;color: #64748b;}
.ac-problem-block.after h3{color: #6366f1;}
.ac-problem-block p{font-size: 1.0625rem;line-height: 1.7;margin: 0 0 1.25rem;color: #475569;}
.ac-problem-block ul{list-style: none;padding: 0;margin: 0;}
.ac-problem-block li{font-size: 1.0625rem;line-height: 2;color: #475569;padding-left: 1.5rem;position: relative;}
.ac-problem-block.before li::before{content: "✕";position: absolute;left: 0;color: #cbd5e1;font-size: 0.875rem;top: 0.2em;}
.ac-problem-block.after li::before{content: "✓";position: absolute;left: 0;color: #6366f1;font-weight: 700;font-size: 0.875rem;top: 0.2em;}
.ac-showcase{display: flex;flex-direction: column;gap: 5rem;max-width: 1100px;margin: 3rem auto;}
.ac-showcase-item{display: grid;grid-template-columns: 1fr 1fr;gap: 4rem;align-items: center;}
.ac-showcase-item:nth-child(even) .ac-showcase-visual{order: 2;}
.ac-showcase-visual{aspect-ratio: 16 / 10;border-radius: 24px;background: linear-gradient(135deg, #eef2ff 0%, #e0e7ff 100%);border: 1px solid #c7d2fe;box-shadow: 0 20px 60px rgba(99,102,241,0.15), 0 8px 24px rgba(99,102,241,0.1);display: flex;align-items: center;justify-content: center;overflow: hidden;}
.ac-showcase-visual svg{width: 96px;height: 96px;stroke: #6366f1;opacity: 0.3;}
.ac-showcase-visual img{width: 100%;height: 100%;object-fit: cover;display: block;}
.ac-showcase-visual .ac-sc-light{display: block;}
.ac-showcase-visual .ac-sc-dark{display: none;}
body.dark .ac-showcase-visual .ac-sc-light{display: none;}
body.dark .ac-showcase-visual .ac-sc-dark{display: block;}
body.dark .ac-showcase-visual{background: linear-gradient(135deg, #1e1b4b 0%, #312e81 100%);border-color: #3730a3;box-shadow: 0 20px 60px rgba(99,102,241,0.2);}
.ac-showcase-text h3{font-family: "Plus Jakarta Sans", sans-serif;font-size: clamp(1.25rem, 2.5vw, 1.6rem);font-weight: 700;color: #1e293b;margin: 0 0 1rem;letter-spacing: -0.01em;}
.ac-showcase-text p{font-size: 1.0625rem;line-height: 1.75;color: #475569;margin: 0;}
.ac-privacy{background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);border-radius: 24px;padding: 3.5rem 2.5rem;margin: 3rem 0;}
.ac-privacy-kicker{color: #818cf8;font-size: 0.9375rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.08em;margin-bottom: 1rem;}
.apps-article-content .ac-privacy h2{color: #ffffff;font-family: "Plus Jakarta Sans", sans-serif;font-size: clamp(2rem, 4.6vw, 3.1rem);font-weight: 700;letter-spacing: -0.02em;margin: 0 0 1.2rem;line-height: 1.15;text-align: left;}
.ac-privacy-sub{color: #94a3b8;font-size: 1.125rem;margin: 0 0 2.5rem;max-width: 560px;}
.ac-privacy-cols{display: grid;grid-template-columns: repeat(3, 1fr);gap: 2.5rem;}
.ac-privacy-cols > div h3{font-size: 1.05rem;font-weight: 700;color: #f1f5f9;margin-bottom: 0.75rem;font-family: "Plus Jakarta Sans", sans-serif;}
.ac-privacy-cols > div p{font-size: 0.9375rem;line-height: 1.65;color: #94a3b8;margin: 0;}
.ac-cta-section{text-align: center;padding: 3rem 0;margin: 3rem 0;}
.apps-article-content .ac-cta-section h2{font-family: "Plus Jakarta Sans", sans-serif;font-size: clamp(1.75rem, 3vw, 2.25rem);font-weight: 700;margin-bottom: 1rem;color: #0f172a;}
.ac-cta-section p{font-size: 1.0625rem;color: #64748b;margin-bottom: 2rem;max-width: 600px;margin-left: auto;margin-right: auto;}
.ac-reveal{opacity: 0;transform: translateY(30px);transition: opacity 0.6s ease-out, transform 0.6s ease-out;}
.ac-reveal.ac-reveal-done{opacity: 1;transform: translateY(0);}
.ac-cta-btn.ac-reveal.ac-reveal-done{transition: transform 0.25s cubic-bezier(.22,.61,.36,1), box-shadow 0.3s ease, padding 0.3s ease;}
@media (prefers-reduced-motion: reduce){
.ac-reveal{opacity: 1 !important;transform: none !important;transition: none !important;}
}
@media (max-width: 1024px){
.ac-features{grid-template-columns: repeat(2, 1fr);}
}
@media (max-width: 768px){
.ac-hero h1{font-size: 2.25rem;}
.ac-hero-tagline{font-size: 1.125rem;}
.ac-hero p{font-size: 0.95rem;}
.ac-trust-pill{font-size: 0.7rem;padding: 0.25rem 0.7rem;}
.ac-features{grid-template-columns: 1fr;gap: 1rem;}
.ac-problem-blocks{grid-template-columns: 1fr;gap: 1.5rem;}
.ac-showcase-item{grid-template-columns: 1fr;gap: 1.5rem;}
.ac-showcase-item:nth-child(even) .ac-showcase-visual{order: 0;}
.ac-privacy-cols{grid-template-columns: 1fr;gap: 1.5rem;}
}
body.dark .ac-hero h1{background: linear-gradient(135deg, #ffffff 0%, #f8fafc 80%, #818cf8 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}
body.dark .ac-hero-tagline{color: #e2e8f0;}
body.dark .ac-hero p{color: #94a3b8;}
body.dark .ac-trust-pill{border-color: #334155;color: #94a3b8;}
body.dark .ac-cta-btn{background: #ffffff;border-color: #ffffff;color: #0f172a;}
body.dark .ac-cta-circ{background: #0f172a;color: #ffffff;}
body.dark .ac-cta-btn:hover{box-shadow: 0 0 20px rgba(255,255,255,0.5), 0 8px 24px rgba(0,0,0,0.3);}
body.dark .ac-feature-card{background: #0f172a;border-color: #1e293b;box-shadow: none;}
body.dark .ac-feature-card:hover{border-color: #4f46e5;box-shadow: 0 20px 50px rgba(0,0,0,0.55), 0 4px 14px rgba(0,0,0,0.35);}
body.dark .ac-feature-pictogram{background: #1c2942;border-color: #26385a;}
body.dark .ac-feature-card:hover .ac-feature-pictogram{background: #26385a;border-color: #4f46e5;}
body.dark .ac-feature-pictogram svg{stroke: #818cf8;}
body.dark .ac-feat-kicker{color: #818cf8;}
body.dark .apps-article-content .ac-feature-card h3{color: #f1f5f9;}
body.dark .apps-article-content .ac-feature-card .ac-feat-lead{color: #cbd5e1;}
body.dark .ac-problem h2{color: #f1f5f9;}
body.dark .ac-problem-blocks{border-top-color: #1e293b;}
body.dark .ac-problem-block.before{border-right-color: #1e293b;}
body.dark .ac-problem-block h3{color: #64748b;}
body.dark .ac-problem-block.after h3{color: #818cf8;}
body.dark .ac-problem-block p{color: #94a3b8;}
body.dark .ac-problem-block li{color: #94a3b8;}
body.dark .ac-problem-block.before li::before{color: #334155;}
body.dark .ac-problem-block.after li::before{color: #818cf8;}
body.dark .ac-showcase-text h3{color: #f1f5f9;}
body.dark .ac-showcase-text p{color: #94a3b8;}
body.dark .ac-privacy{background: linear-gradient(135deg, #0f172a 0%, #1e1b4b 100%);}
body.dark .ac-privacy-kicker{color: #a5b4fc;}
body.dark .apps-article-content .ac-privacy h2{color: #ffffff;}
body.dark .ac-privacy-sub{color: #94a3b8;}
body.dark .ac-privacy-cols > div h3{color: #e2e8f0;}
body.dark .ac-privacy-cols > div p{color: #94a3b8;}
body.dark .apps-article-content .ac-cta-section h2{color: #f1f5f9;}
body.dark .ac-cta-section p{color: #94a3b8;}