@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap");:root{--primary:#0B5D3B;--primary-dark:#084C31;--secondary:#0F7660;--accent:#C8A96B;--bg:#FCFCF9;--bg-soft:#F7F3EB;--surface:#FFFFFF;--text:#1F2937;--text-soft:#6B7280;--border:#E7E1D6;--shadow-sm:0 6px 18px rgba(17,24,39,0.06);--shadow-md:0 12px 30px rgba(17,24,39,0.08);--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--container:1200px;--section-space:96px;--color-bg:var(--bg);--color-bg-soft:var(--bg-soft);--color-surface:var(--surface);--color-border:var(--border);--color-heading:#111827;--color-text:var(--text);--color-text-muted:var(--text-soft);--color-white:#ffffff;--color-accent:var(--secondary);--color-accent-soft:rgba(15,118,96,0.12);--color-gold:var(--accent);--color-gold-soft:rgba(200,169,107,0.18);--font-ar:"Tajawal","IBM Plex Sans Arabic",system-ui,-apple-system,sans-serif;--font-en:"Inter",system-ui,-apple-system,sans-serif;--radius-xl:32px;--header-h:84px;--transition:0.26s cubic-bezier(0.2,0,0.2,1);--shadow-xs:0 1px 0 rgba(17,24,39,0.04),0 1px 2px rgba(17,24,39,0.06)}*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-ar);font-size:1.0625rem;line-height:1.75;color:var(--color-text);background-color:var(--color-bg);background-image:radial-gradient(ellipse 90% 60% at 90% -10%,rgba(15,118,96,0.10),transparent 55%),radial-gradient(ellipse 70% 50% at 10% 20%,rgba(200,169,107,0.12),transparent 55%),linear-gradient(180deg,rgba(252,252,249,1) 0%,rgba(247,243,235,0.55) 70%,rgba(252,252,249,1) 100%);background-attachment:fixed;direction:rtl;text-align:right;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid rgba(15,118,96,0.75);outline-offset:3px}.skip-link{position:absolute;top:-100px;right:1rem;background:var(--secondary);color:var(--color-white);padding:0.5rem 1rem;z-index:9999;border-radius:var(--radius-sm);font-weight:700}.skip-link:focus{top:1rem}.container{width:min(1180px,92vw);margin-inline:auto}.site-header{position:fixed;top:0;right:0;left:0;z-index:1000;height:var(--header-h);background:rgba(252,252,249,0.78);backdrop-filter:blur(14px);border-bottom:1px solid rgba(231,225,214,0.85);box-shadow:0 1px 0 rgba(255,255,255,0.55) inset;transition:background var(--transition),box-shadow var(--transition),border-color var(--transition)}.site-header.is-scrolled{background:rgba(252,252,249,0.92);border-bottom-color:var(--color-border);box-shadow:var(--shadow-xs)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:var(--header-h);gap:1.5rem}.logo{display:flex;align-items:center;gap:0.65rem;font-weight:800;font-size:1.15rem;letter-spacing:-0.02em;color:var(--color-heading);flex-shrink:0}.logo-img{height:52px;width:auto;max-width:min(210px,46vw);object-fit:contain;object-position:center right;display:block;border-radius:0;background:transparent}.logo--footer .logo-img{height:88px;max-width:260px;object-position:right center}.footer-tagline-en{margin:0.75rem 0 0;font-family:var(--font-en);font-size:0.8125rem;font-weight:500;letter-spacing:0.02em;color:var(--color-text-muted);line-height:1.5}.footer-bottom .footer-legal-en{margin:0;font-family:var(--font-en);font-size:0.8125rem;font-weight:500;color:var(--color-text-muted);letter-spacing:0.02em}.nav-desktop{display:none;align-items:center;gap:0.15rem}.nav-desktop a{padding:0.5rem 0.75rem;font-size:0.9375rem;font-weight:600;color:var(--color-text-muted);border-radius:var(--radius-sm);transition:color var(--transition),background var(--transition)}.nav-desktop a:hover,.nav-desktop a[aria-current="page"]{color:var(--color-heading);background:rgba(15,118,96,0.10)}.header-actions{display:flex;align-items:center;flex-wrap:nowrap;justify-content:flex-end;gap:0.6rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.65rem 1.35rem;font-family:inherit;font-size:0.9375rem;font-weight:700;border-radius:var(--radius-sm);border:none;cursor:pointer;transition:transform 0.18s,box-shadow var(--transition),background var(--transition),border-color var(--transition),color var(--transition)}.btn:active{transform:scale(0.98)}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:var(--color-white);box-shadow:0 10px 26px rgba(11,93,59,0.22)}.btn-primary:hover{box-shadow:0 14px 34px rgba(11,93,59,0.28)}.btn-gold{background:linear-gradient(135deg,var(--accent),#b89047);color:#111827;box-shadow:0 10px 26px rgba(200,169,107,0.22)}.btn-gold:hover{filter:brightness(1.03)}.btn-outline{background:transparent;color:var(--color-heading);border:1px solid rgba(231,225,214,1)}.btn-outline:hover{border-color:rgba(11,93,59,0.35);color:var(--primary);background:rgba(11,93,59,0.06)}.btn-platform{background:linear-gradient(135deg,rgba(15,118,96,1),rgba(11,93,59,1));color:var(--color-white);border:1px solid rgba(11,93,59,0.28);box-shadow:0 2px 0 rgba(255,255,255,0.10) inset,0 10px 26px rgba(11,93,59,0.18);white-space:nowrap}.btn-platform:hover{filter:brightness(1.07);box-shadow:0 2px 0 rgba(255,255,255,0.15) inset,0 10px 28px rgba(0,41,82,0.28)}.btn-platform-icon{flex-shrink:0;opacity:0.95}.btn-platform--hero{padding:0.75rem 1.5rem;font-size:1rem}.btn-platform--block{width:100%;max-width:420px;margin-inline:auto;padding:0.85rem 1.5rem;font-size:1.02rem}.platform-cta-wrap{text-align:center;margin:2.5rem 0 0}.platform-cta-hint{margin:1rem 0 0;font-size:0.875rem;color:var(--color-text-muted);line-height:1.6}.platform-cta-hint a{font-weight:700;color:var(--secondary)}.platform-cta-hint a:hover{text-decoration:underline}@media (max-width:420px){.header-actions .btn-platform span{font-size:0.875rem}}.btn-ghost{background:transparent;color:var(--color-text-muted)}.nav-toggle{display:flex;flex-direction:column;gap:5px;padding:0.5rem;background:transparent;border:none;cursor:pointer;color:var(--color-heading)}.nav-toggle span{width:24px;height:2px;background:currentColor;border-radius:2px;transition:var(--transition)}.nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}.nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-nav{position:fixed;inset:0 0 0 0;height:100vh;max-height:100vh;background:rgba(252,252,249,0.98);backdrop-filter:blur(12px);padding:calc(var(--header-h) + 0.75rem) 1.5rem 1.5rem;display:none;flex-direction:column;gap:0.25rem;overflow-y:auto;z-index:1002;border-top:1px solid rgba(231,225,214,1);box-shadow:var(--shadow-md);align-items:stretch}.mobile-nav-close{align-self:flex-end;margin-bottom:0.75rem;background:transparent;border:none;font-size:1.5rem;line-height:1;cursor:pointer;color:var(--color-text-muted)}.mobile-nav-close:hover{color:var(--color-heading)}.mobile-nav.is-open{display:flex}.mobile-nav a{display:flex;width:100%;justify-content:flex-end;text-align:right;padding:0.85rem 1rem;font-weight:600;color:var(--color-text);border-radius:var(--radius-sm);align-items:center}.mobile-nav a:hover{background:var(--color-bg);color:var(--color-heading)}.mobile-nav .btn-platform,.mobile-nav .btn-primary{width:100%;justify-content:center;box-sizing:border-box}@media (max-width:640px){}@media (max-width:1100px){.header-actions .btn-platform,.header-actions .btn-primary{display:none}}@media (min-width:1100px){.nav-desktop{display:flex}.nav-toggle{display:none}}.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding:calc(var(--header-h) + 3rem) 0 4rem;overflow:hidden}.hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse 90% 60% at 85% 10%,rgba(11,93,59,0.15),transparent 55%),radial-gradient(ellipse 70% 50% at 15% 85%,rgba(200,169,107,0.16),transparent 55%),linear-gradient(180deg,rgba(252,252,249,0.65) 0%,rgba(247,243,235,0.85) 100%);z-index:0}.hero-grid{position:relative;z-index:1;display:grid;gap:3rem;align-items:center}@media (min-width:900px){.hero-grid{grid-template-columns:1.05fr 0.95fr;gap:4rem}}.hero-badge{display:inline-flex;align-items:center;gap:0.5rem;padding:0.4rem 0.9rem;background:rgba(15,118,96,0.10);border:1px solid rgba(231,225,214,1);border-radius:999px;font-size:0.8125rem;font-weight:700;color:rgba(8,76,49,1);margin-bottom:1.25rem;animation:fadeUp 0.8s ease backwards}.hero h1{margin:0 0 1.25rem;font-size:clamp(1.85rem,4vw,2.85rem);font-weight:800;color:var(--color-heading);letter-spacing:-0.02em;animation:fadeUp 0.8s 0.1s ease backwards}.hero-lead{margin:0 0 2rem;font-size:1.125rem;color:var(--color-text-muted);max-width:36ch;animation:fadeUp 0.8s 0.2s ease backwards}.hero-cta{display:flex;flex-wrap:wrap;gap:1rem;animation:fadeUp 0.8s 0.3s ease backwards}.hero-visual{position:relative;animation:fadeUp 1s 0.35s ease backwards}.hero-card{background:linear-gradient(145deg,rgba(255,255,255,0.96) 0%,rgba(247,243,235,0.65) 100%);border:1px solid rgba(231,225,214,1);border-radius:var(--radius-xl);padding:1.75rem;box-shadow:var(--shadow-md)}.hero-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid rgba(231,225,214,1)}.hero-card-title{font-weight:800;font-size:1rem;color:var(--color-heading)}.hero-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;text-align:center}.hero-stat-val{font-size:1.5rem;font-weight:800;color:var(--primary)}.hero-stat-label{font-size:0.75rem;color:var(--color-text-muted)}@keyframes fadeUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.section{padding:clamp(3.5rem,8vw,6rem) 0}.section-header{text-align:center;max-width:640px;margin:0 auto 3rem}.section-eyebrow{display:inline-block;font-size:0.8125rem;font-weight:800;text-transform:uppercase;letter-spacing:0.12em;color:var(--secondary);margin-bottom:0.75rem}.section-title{margin:0 0 1rem;font-size:clamp(1.65rem,3vw,2.15rem);font-weight:800;color:var(--color-heading);line-height:1.3}.section-desc{margin:0;color:var(--color-text-muted);font-size:1.05rem}.bg-muted{background:linear-gradient(180deg,rgba(247,243,235,0.78) 0%,rgba(252,252,249,0.96) 100%)}.bg-elevated{background:linear-gradient(180deg,rgba(255,255,255,0.92) 0%,rgba(247,243,235,0.58) 50%,rgba(252,252,249,0.9) 100%)}.cards-grid{display:grid;gap:1.5rem}@media (min-width:640px){.cards-grid.cols-2{grid-template-columns:repeat(2,1fr)}}@media (min-width:900px){.cards-grid.cols-3{grid-template-columns:repeat(3,1fr)}.cards-grid.cols-4{grid-template-columns:repeat(4,1fr)}}.card{background:rgba(255,255,255,0.92);border:1px solid rgba(231,225,214,1);border-radius:var(--radius-lg);padding:1.75rem;transition:border-color var(--transition),transform 0.35s ease,box-shadow var(--transition),background var(--transition);box-shadow:var(--shadow-xs)}.card:hover{border-color:rgba(11,93,59,0.22);transform:translateY(-4px);box-shadow:var(--shadow-sm);background:rgba(255,255,255,0.98)}.card-icon{width:52px;height:52px;border-radius:var(--radius-sm);background:rgba(15,118,96,0.10);display:grid;place-items:center;color:rgba(11,93,59,1);margin-bottom:1.25rem}.card-icon.gold{background:rgba(200,169,107,0.18);color:rgba(140,104,44,1)}.card h3{margin:0 0 0.65rem;font-size:1.125rem;font-weight:800;color:var(--color-heading)}.card p{margin:0;font-size:0.9375rem;color:var(--color-text-muted)}.why-grid{display:grid;gap:2rem;align-items:start}@media (min-width:900px){.why-grid{grid-template-columns:1fr 1fr}}.check-list{list-style:none;margin:0;padding:0}.check-list li{display:flex;align-items:flex-start;gap:0.85rem;padding:0.85rem 0;border-bottom:1px solid var(--color-border);color:var(--color-text)}.check-list li:last-child{border-bottom:none}.check-icon{flex-shrink:0;width:24px;height:24px;color:var(--color-gold)}.product-card{position:relative;overflow:hidden}.product-card::after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,rgba(11,93,59,1),rgba(15,118,96,1),rgba(200,169,107,1));opacity:0;transition:opacity var(--transition)}.product-card:hover::after{opacity:1}.stats-bar{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}@media (min-width:768px){.stats-bar{grid-template-columns:repeat(4,1fr)}}.stat-item{text-align:center;padding:1.5rem;background:rgba(255,255,255,0.92);border:1px solid rgba(231,225,214,1);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs)}.stat-number{font-size:clamp(2rem,4vw,2.75rem);font-weight:800;color:var(--color-heading);font-variant-numeric:tabular-nums}.stat-number span{color:var(--accent)}.stat-caption{margin-top:0.35rem;font-size:0.875rem;color:var(--color-text-muted)}.testimonial-grid{display:grid;gap:1.5rem}@media (min-width:768px){.testimonial-grid{grid-template-columns:repeat(3,1fr)}}.partners-marquee{position:relative;overflow:hidden;padding-block:0.75rem}.partners-track{display:inline-flex;align-items:center;gap:2.5rem;animation:partnersScroll 35s linear infinite;will-change:transform}@keyframes partnersScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}.partner-logo{flex:0 0 auto;width:140px;max-width:30vw;aspect-ratio:3 / 1;border-radius:var(--radius-md);border:1px solid rgba(231,225,214,1);background:#fff;display:grid;place-items:center;box-shadow:var(--shadow-xs);padding:0.4rem 0.75rem}.partner-logo img{max-width:100%;max-height:100%;object-fit:contain;filter:grayscale(0.2);opacity:0.9;transition:filter 0.2s ease,opacity 0.2s ease,transform 0.2s ease}.partner-logo:hover img{filter:none;opacity:1;transform:scale(1.03)}.testimonial{background:rgba(255,255,255,0.94);border:1px solid rgba(231,225,214,1);border-radius:var(--radius-lg);padding:1.75rem;box-shadow:var(--shadow-xs)}.testimonial p{margin:0 0 1.25rem;font-size:0.9375rem;color:var(--color-text);font-style:normal;line-height:1.8}.testimonial-author{font-weight:800;color:var(--color-heading);font-size:0.9375rem}.testimonial-role{font-size:0.8125rem;color:var(--color-text-muted)}.stars{color:var(--accent);font-size:0.9rem;margin-bottom:0.75rem;letter-spacing:0.15em}.trust-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem 3rem;padding:2rem 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.trust-item{display:flex;align-items:center;gap:0.65rem;color:var(--color-text-muted);font-size:0.875rem;font-weight:600}.trust-item svg{color:var(--color-gold);flex-shrink:0}.cta-band{position:relative;padding:clamp(3rem,6vw,4.5rem);border-radius:var(--radius-lg);background:linear-gradient(135deg,rgba(255,255,255,0.92) 0%,rgba(247,243,235,0.75) 35%,rgba(255,255,255,0.92) 70%,rgba(200,169,107,0.14) 100%);border:1px solid rgba(231,225,214,1);text-align:center;overflow:hidden;box-shadow:var(--shadow-md)}.cta-band::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 35%,rgba(11,93,59,0.13),transparent 45%),radial-gradient(circle at 85% 70%,rgba(200,169,107,0.12),transparent 40%);pointer-events:none}.cta-band .inner{position:relative;z-index:1}.cta-band h2{margin:0 0 0.75rem;font-size:clamp(1.5rem,2.5vw,2rem);font-weight:800;color:var(--color-heading)}.cta-band p{margin:0 auto 1.5rem;max-width:48ch;color:var(--color-text-muted)}.form-grid{display:grid;gap:1.25rem}@media (min-width:640px){.form-grid.cols-2{grid-template-columns:1fr 1fr}}.form-group label{display:block;font-size:0.875rem;font-weight:700;color:var(--color-heading);margin-bottom:0.4rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:0.85rem 1rem;font-family:inherit;font-size:1rem;color:var(--color-text);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-sm);transition:border-color var(--transition)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:rgba(15,118,96,0.7)}.form-group textarea{min-height:120px;resize:vertical}.form-card{background:rgba(255,255,255,0.94);border:1px solid rgba(231,225,214,1);border-radius:var(--radius-xl);padding:clamp(1.75rem,4vw,2.5rem);box-shadow:var(--shadow-sm)}.faq-list{max-width:800px;margin:0 auto}.faq-item{border-bottom:1px solid var(--color-border)}.faq-item:first-child{border-top:1px solid var(--color-border)}.faq-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 0;background:none;border:none;color:var(--color-heading);font-family:inherit;font-size:1.0625rem;font-weight:700;text-align:right;cursor:pointer}.faq-trigger svg{flex-shrink:0;transition:transform var(--transition);color:var(--color-gold)}.faq-item.is-open .faq-trigger svg{transform:rotate(180deg)}.faq-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows 0.35s ease}.faq-item.is-open .faq-panel{grid-template-rows:1fr}.faq-panel-inner{overflow:hidden}.faq-panel p{margin:0 0 1.25rem;padding-top:0;color:var(--color-text-muted);font-size:0.9375rem;line-height:1.85}.site-footer{background:linear-gradient(180deg,#f6f2ea 0%,#f2ece2 100%);border-top:1px solid rgba(231,225,214,1);padding:4rem 0 2rem}.footer-grid{display:grid;gap:2.5rem;margin-bottom:3rem}@media (min-width:768px){.footer-grid{grid-template-columns:1.4fr repeat(3,1fr)}}.footer-brand p{margin:1rem 0 0;font-size:0.9375rem;color:#5f5a52;max-width:32ch}.footer-col h4{margin:0 0 1rem;font-size:0.875rem;font-weight:800;color:#2a2926;text-transform:uppercase;letter-spacing:0.06em}.footer-col ul{list-style:none;margin:0;padding:0}.footer-col li{margin-bottom:0.65rem}.footer-col a{font-size:0.9375rem;color:#4e5a50;transition:color var(--transition)}.footer-col a:hover{color:var(--primary)}.footer-bottom{padding-top:2rem;border-top:1px solid rgba(231,225,214,1);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;align-items:center;font-size:0.8125rem;color:#6b655d}.page-hero{padding:calc(var(--header-h) + 3rem) 0 3rem;background:linear-gradient(180deg,rgba(255,255,255,0.92) 0%,rgba(247,243,235,0.72) 55%,rgba(252,252,249,0.96) 100%);border-bottom:1px solid var(--color-border)}.page-hero h1{margin:0 0 0.75rem;font-size:clamp(1.85rem,3vw,2.35rem);font-weight:800;color:var(--color-heading)}.page-hero p{margin:0;max-width:52ch;color:var(--color-text-muted);font-size:1.05rem}.breadcrumb{display:flex;flex-wrap:wrap;gap:0.5rem;align-items:center;font-size:0.8125rem;color:var(--color-text-muted);margin-bottom:1rem}.breadcrumb a:hover{color:var(--secondary)}.contact-layout{display:grid;gap:2.5rem}@media (min-width:900px){.contact-layout{grid-template-columns:1fr 1.1fr;align-items:start}}.contact-info-block{display:flex;gap:1rem;margin-bottom:1.5rem}.contact-info-block svg{flex-shrink:0;color:var(--color-gold)}.contact-info-block strong{display:block;color:var(--color-heading);margin-bottom:0.25rem}.map-placeholder{height:280px;background:linear-gradient(145deg,rgba(252,252,249,1),rgba(247,243,235,1));border:1px dashed rgba(231,225,214,1);border-radius:var(--radius-md);display:grid;place-items:center;color:var(--color-text-muted);font-size:0.9375rem;text-align:center;padding:1rem}.whatsapp-float{position:fixed;bottom:1.5rem;right:1.5rem;z-index:998;width:58px;height:58px;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center;box-shadow:0 12px 34px rgba(37,211,102,0.35);transition:transform 0.2s,box-shadow var(--transition)}.whatsapp-float:hover{transform:scale(1.06);box-shadow:0 12px 32px rgba(37,211,102,0.55)}.social-float{position:fixed;bottom:calc(1.5rem + 72px);right:1.5rem;z-index:998;display:flex;flex-direction:column;gap:0.6rem;align-items:center;pointer-events:none}.social-btn{pointer-events:auto;width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,0.88);border:1px solid rgba(231,225,214,1);color:var(--primary-dark);display:grid;place-items:center;backdrop-filter:blur(10px);transition:transform 0.2s,box-shadow var(--transition),background var(--transition),border-color var(--transition);box-shadow:var(--shadow-xs)}.social-btn:hover{transform:translateY(-2px);background:rgba(11,93,59,0.08);border-color:rgba(11,93,59,0.22);color:var(--primary-dark);box-shadow:var(--shadow-sm)}.social-btn svg{width:22px;height:22px}@media (max-width:480px){.social-float{bottom:calc(1.5rem + 62px)}.social-btn{width:46px;height:46px}}.split{display:grid;gap:2rem}@media (min-width:900px){.split{grid-template-columns:1fr 1fr;align-items:center}}.prose-block h2{margin:0 0 1rem;font-size:1.5rem;font-weight:800;color:var(--color-heading)}.prose-block p{margin:0 0 1rem;color:var(--color-text-muted)}.prose-block p:last-child{margin-bottom:0}.reveal{opacity:0;transform:translateY(24px);transition:opacity 0.7s ease,transform 0.7s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}.card-icon svg,.hero-card svg{width:26px;height:26px}@media (max-width:768px){body{background-attachment:scroll}}.platform-section{padding-top:clamp(2.5rem,6vw,4rem)}.platform-mobile-intro{text-align:center;max-width:52ch;margin:-0.5rem auto 2.25rem;font-size:1rem;color:var(--color-text-muted);line-height:1.75}.platform-web-showcase{margin:0 0 2.5rem;max-width:1080px;margin-inline:auto}.platform-browser-chrome{display:flex;align-items:center;gap:0.75rem;padding:0.5rem 0.85rem;background:linear-gradient(180deg,#eef2f7 0%,#e2e8f0 100%);border:1px solid var(--color-border);border-bottom:none;border-radius:var(--radius-md) var(--radius-md) 0 0}.platform-browser-dots{display:flex;gap:6px}.platform-browser-dots i{width:10px;height:10px;border-radius:50%;background:#cbd5e1}.platform-browser-dots i:first-child{background:#f87171}.platform-browser-dots i:nth-child(2){background:#fbbf24}.platform-browser-dots i:nth-child(3){background:#4ade80}.platform-browser-url{flex:1;text-align:center;font-family:var(--font-en);font-size:0.75rem;font-weight:600;color:var(--color-text-muted);background:var(--color-white);padding:0.35rem 0.75rem;border-radius:6px;border:1px solid rgba(231,225,214,1)}.platform-web-frame{border-radius:0 0 var(--radius-md) var(--radius-md);overflow:hidden;border:1px solid var(--color-border);border-top:none;background:rgba(8,76,49,0.10);box-shadow:var(--shadow-md)}.platform-web-frame img{width:100%;height:auto;display:block}.platform-caption{margin:1rem 0 0;font-size:0.9375rem;font-weight:700;color:var(--color-heading);text-align:center;line-height:1.55;padding:0 0.5rem}.platform-caption--web{font-size:1.02rem}.platform-mobile-grid{display:grid;gap:1.75rem 1.25rem;grid-template-columns:1fr;align-items:start;justify-items:center}@media (min-width:640px){.platform-mobile-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1100px){.platform-mobile-grid{grid-template-columns:repeat(4,1fr);gap:1.25rem}}.platform-phone-card{margin:0;width:100%;max-width:260px}.platform-phone-shell{position:relative;padding:0;border-radius:0;background:transparent;box-shadow:none;animation:none}.platform-phone-card:nth-child(2) .platform-phone-shell{animation-delay:-1.6s}.platform-phone-card:nth-child(3) .platform-phone-shell{animation-delay:-3.2s}.platform-phone-card:nth-child(4) .platform-phone-shell{animation-delay:-4.8s}@keyframes platformPhoneFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}.platform-phone-notch{display:none}.platform-phone-screen{border-radius:0;overflow:visible;background:transparent;line-height:0}.platform-phone-screen img{width:100%;height:auto;display:block}.platform-reveal{opacity:0;transform:translateY(28px);transition:opacity 0.75s ease,transform 0.75s ease}.platform-reveal.is-visible{opacity:1;transform:translateY(0)}.platform-reveal--d1.is-visible{transition-delay:0.08s}.platform-reveal--d2.is-visible{transition-delay:0.16s}.platform-reveal--d3.is-visible{transition-delay:0.24s}.platform-reveal--d4.is-visible{transition-delay:0.32s}@media (prefers-reduced-motion:reduce){.platform-phone-shell{animation:none!important}.platform-reveal{opacity:1;transform:none;transition:none}}.showcase-section{padding-top:clamp(2rem,5vw,3rem)}.showcase-grid{display:grid;gap:1.75rem}@media (min-width:768px){.showcase-grid{grid-template-columns:repeat(3,1fr);align-items:start}}.showcase-card{margin:0;text-align:center}.showcase-img-wrap{position:relative;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border);box-shadow:var(--shadow-md);aspect-ratio:3 / 2;background:var(--color-surface);animation:showcaseFloat 7s ease-in-out infinite,showcaseGlow 5.5s ease-in-out infinite}.showcase-img-wrap::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(17,24,39,0.06) 100%);pointer-events:none}.showcase-img-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.85s cubic-bezier(0.33,1,0.68,1)}.showcase-card:hover .showcase-img-wrap img{transform:scale(1.06)}.showcase-caption{margin:1.1rem 0 0.35rem;font-size:1.0625rem;font-weight:800;color:var(--color-heading)}.showcase-note{margin:0;font-size:0.875rem;color:var(--color-text-muted);line-height:1.65;padding:0 0.25rem}.showcase-grid .showcase-card:nth-child(2) .showcase-img-wrap{animation-delay:-2.33s,-1.8s}.showcase-grid .showcase-card:nth-child(3) .showcase-img-wrap{animation-delay:-4.66s,-3.6s}@keyframes showcaseFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-11px)}}@keyframes showcaseGlow{0%,100%{box-shadow:var(--shadow-md)}50%{box-shadow:0 16px 48px rgba(11,93,59,0.14),0 0 0 1px rgba(11,93,59,0.10)}}@media (prefers-reduced-motion:reduce){.showcase-img-wrap{animation:none!important}.showcase-card:hover .showcase-img-wrap img{transform:none}}