@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap");
:root{--background:#ffffff;--surface:#ffffff;--surface-alt:#f5f7fa;--surface-dark:#0a1628;--foreground:#0a1628;--muted:#5a6b7d;--primary:#0066ff;--primary-dark:#0052cc;--primary-light:#e8f1ff;--accent:#00b4d8;--accent-light:#e0f7fb;--success:#00c896;--warning:#ffb020;--danger:#ff4d6d;--border:#e3e8ef;--shadow-sm:0 2px 8px rgba(10,22,40,.06);--shadow-md:0 8px 30px rgba(10,22,40,.09);--shadow-lg:0 20px 60px rgba(10,22,40,.12);--max:1260px;--radius:14px;--radius-lg:20px;--transition:all .3s cubic-bezier(.4,0,.2,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px;overflow-x:hidden}body{margin:0;background:var(--background);color:var(--foreground);font:400 16px/1.6 "DM Sans",sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased}body.menu-open,body.dialog-open{overflow:hidden}img{display:block;max-width:100%;height:auto}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none;transition:var(--transition)}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}h1,h2,h3,h4{font-family:"Manrope",sans-serif;letter-spacing:-0.03em;margin:0}p{margin:0}i{font-style:normal}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.skip-link{position:fixed;left:16px;top:-100px;z-index:1000;background:var(--primary);color:#fff;padding:10px 16px;border-radius:8px;transition:top .2s}.skip-link:focus{top:16px}
.section-shell{width:min(calc(100% - 48px),var(--max));margin-inline:auto}.section-space{padding-block:110px}.eyebrow{margin:0 0 18px;font:700 12px/1.2 "Manrope",sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--primary)}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--success);margin-right:8px;box-shadow:0 0 0 5px rgba(0,200,150,.12);animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%,100%{box-shadow:0 0 0 5px rgba(0,200,150,.12)}50%{box-shadow:0 0 0 9px rgba(0,200,150,.05)}}.section-header{text-align:center;margin-bottom:64px}.section-header h2{font-size:clamp(38px,5vw,56px);font-weight:700;line-height:1.1;margin-bottom:20px}.section-description{color:var(--muted);font-size:17px;max-width:560px;margin-inline:auto}.text-accent{color:var(--primary);background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:2px solid transparent;min-height:50px;padding:0 26px;font:600 15px/1 "Manrope",sans-serif;border-radius:10px;transition:var(--transition);text-decoration:none}.button svg,.inline-link svg,.text-button svg{width:18px}.button-primary{background:var(--primary);color:#fff}.button-primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 10px 25px rgba(0,102,255,.25)}.button-outline{background:transparent;border-color:var(--border);color:var(--foreground)}.button-outline:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.button-white{background:#fff;color:var(--foreground)}.button-white:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(255,255,255,.2)}.button-outline-white{background:transparent;border-color:rgba(255,255,255,.3);color:#fff}.button-outline-white:hover{border-color:#fff;background:rgba(255,255,255,.1)}.icon-button{border:0;background:none;display:grid;place-items:center;padding:8px}.icon-button svg{width:20px;height:20px}.inline-link{display:inline-flex;align-items:center;gap:8px;font:600 14px "Manrope",sans-serif;color:var(--primary);padding:8px 0;position:relative}.inline-link::after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--primary);transition:width .3s}.inline-link:hover::after{width:100%}
.site-header{height:74px;position:sticky;top:0;z-index:100;background:rgba(255,255,255,.9);backdrop-filter:blur(16px);border-bottom:1px solid transparent;transition:var(--transition)}.site-header.scrolled{border-color:var(--border);box-shadow:var(--shadow-sm)}.nav-shell{width:min(calc(100% - 48px),var(--max));height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;font:800 22px "Manrope",sans-serif;letter-spacing:-0.04em}.brand-dot{color:var(--primary)}#primary-nav{display:flex;align-items:center;gap:36px}#primary-nav>a{font:500 14px "Manrope",sans-serif;color:var(--muted);padding:8px 0;position:relative}#primary-nav>a:hover{color:var(--foreground)}#primary-nav>a::after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;border-radius:2px;background:var(--primary);transition:width .3s}#primary-nav>a:hover::after{width:100%}.nav-cta{min-height:42px;padding-inline:20px;font-size:13px}.menu-toggle{display:none}
.hero{position:relative;padding:90px 0 100px;background:linear-gradient(135deg,#ffffff 0%,#f5f9ff 50%,#eef8ff 100%);overflow:hidden}.hero::before{content:"";position:absolute;top:-100px;right:-100px;width:500px;height:500px;background:radial-gradient(circle,rgba(0,180,216,.08) 0%,transparent 70%);border-radius:50%;pointer-events:none}.hero-content{text-align:center;position:relative;z-index:2;max-width:800px;margin-inline:auto}.hero-content .eyebrow{color:var(--primary)}.hero h1{font-size:clamp(44px,6.5vw,78px);font-weight:800;line-height:1.02;letter-spacing:-0.04em;margin-bottom:28px}.hero-description{color:var(--muted);font-size:19px;line-height:1.7;max-width:620px;margin-inline:auto;margin-bottom:40px}.hero-actions{display:flex;align-items:center;justify-content:center;gap:16px}.hero-visual{margin-top:70px;position:relative;z-index:2}.hero-product-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:900px;margin-inline:auto}.hero-product-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:42px 36px;text-align:center;box-shadow:var(--shadow-md);transition:var(--transition)}.hero-product-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--primary)}.product-icon-badge{width:70px;height:70px;margin:0 auto 20px;border-radius:18px;background:var(--primary-light);color:var(--primary);display:grid;place-items:center}.product-icon-badge svg{width:32px;height:32px}.product-icon-badge.accent{background:var(--accent-light);color:var(--accent)}.hero-product-card h3{font-size:28px;font-weight:700;margin-bottom:6px}.hero-product-card p{color:var(--muted);font-size:15px}
.products-section{position:relative}.products-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}.product-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:var(--transition);box-shadow:var(--shadow-sm)}.product-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px);border-color:rgba(0,102,255,.3)}.product-card-header{display:flex;align-items:center;justify-content:space-between;padding:28px 30px 0}.product-badge{width:52px;height:52px;border-radius:14px;background:var(--primary-light);color:var(--primary);display:grid;place-items:center}.product-badge.accent{background:var(--accent-light);color:var(--accent)}.product-badge svg{width:26px;height:26px}.product-tag{font:700 10px "Manrope",sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);border:1px solid var(--border);padding:6px 10px;border-radius:20px}.product-card-image{margin:26px 30px 0;background:var(--surface-alt);border-radius:var(--radius);overflow:hidden;aspect-ratio:16/11;display:grid;place-items:center;transition:var(--transition)}.product-card:hover .product-card-image{transform:scale(1.02)}.product-card-image img{width:100%;height:100%;object-fit:contain;padding:14px}.product-card-content{padding:30px}.product-card h3{font-size:30px;font-weight:700;margin-bottom:4px}.product-subtitle{color:var(--primary);font:600 13px "Manrope",sans-serif;margin-bottom:16px}.product-description{color:var(--muted);font-size:15px;line-height:1.7;margin-bottom:24px}
.product-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:26px}.spec{background:var(--surface-alt);border-radius:12px;padding:18px 14px;text-align:center}.spec-value{display:block;font:700 24px "Manrope",sans-serif;color:var(--foreground);margin-bottom:4px}.spec-label{display:block;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.product-features-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:28px;padding-top:24px;border-top:1px solid var(--border)}.product-features-list span{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}.product-features-list i{display:inline-flex;flex-shrink:0}.product-features-list i svg{width:17px;height:17px;color:var(--success)}
.features-section{background:linear-gradient(180deg,var(--surface-alt) 0%,#ffffff 100%)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.feature-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:40px 32px;transition:var(--transition);position:relative;overflow:hidden}.feature-card::before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--primary),var(--accent));opacity:0;transition:var(--transition)}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:rgba(0,102,255,.25)}.feature-card:hover::before{opacity:1}.feature-icon{width:64px;height:64px;border-radius:16px;background:var(--primary-light);color:var(--primary);display:grid;place-items:center;margin-bottom:26px;transition:var(--transition)}.feature-icon.accent{background:var(--accent-light);color:var(--accent)}.feature-card:hover .feature-icon{transform:scale(1.1) rotate(-4deg)}.feature-icon svg{width:28px;height:28px}.feature-card h3{font-size:21px;font-weight:700;margin-bottom:12px}.feature-card p{color:var(--muted);font-size:15px;line-height:1.7}
.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.service-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:36px 28px 42px;position:relative;transition:var(--transition);overflow:hidden}.service-card::before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--primary),var(--accent));opacity:0;transition:var(--transition)}.service-card:hover::before{opacity:1}.service-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px);border-color:rgba(0,102,255,.3)}.service-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.service-number{color:var(--foreground);font:800 30px/1 "Manrope",sans-serif;letter-spacing:-0.03em;position:relative}.service-number::after{content:"";position:absolute;left:0;bottom:-8px;width:26px;height:4px;border-radius:2px;background:linear-gradient(90deg,var(--primary),var(--accent))}.service-top i{width:52px;height:52px;border-radius:14px;background:var(--primary-light);color:var(--primary);display:grid;place-items:center}.service-top i svg{width:26px;height:26px}.service-card h3{font-size:20px;font-weight:700;margin-bottom:14px}.service-card p{color:var(--muted);font-size:14px;line-height:1.75}
.industries-section{background:var(--surface-dark);color:#fff;position:relative;overflow:hidden}.industries-section::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 10%,rgba(0,180,216,.12) 0%,transparent 45%),radial-gradient(circle at 90% 80%,rgba(0,102,255,.12) 0%,transparent 45%);pointer-events:none}.industries-section .section-shell{position:relative;z-index:2}.industries-section .eyebrow{color:var(--accent)}.industries-section .section-description{color:#a8b8d4}.industries-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.industry-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:36px 28px;transition:var(--transition);backdrop-filter:blur(10px)}.industry-card:hover{background:rgba(255,255,255,.1);border-color:rgba(0,180,216,.4);transform:translateY(-4px)}.industry-card svg{width:32px;height:32px;color:var(--accent);margin-bottom:24px}.industry-card h3{font-size:20px;font-weight:600;margin-bottom:10px}.industry-card p{color:#a8b8d4;font-size:14px;line-height:1.7}
.cta-section{position:relative;padding:130px 0;background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);text-align:center;overflow:hidden}.cta-section::before{content:"";position:absolute;top:-60%;left:-10%;width:600px;height:600px;border:1px solid rgba(255,255,255,.12);border-radius:50%}.cta-section::after{content:"";position:absolute;bottom:-50%;right:-10%;width:400px;height:400px;border:1px solid rgba(255,255,255,.12);border-radius:50%}.cta-content{position:relative;z-index:2;max-width:640px;margin-inline:auto}.cta-section .eyebrow{color:rgba(255,255,255,.9)}.cta-section h2{color:#fff;font-size:clamp(40px,5.5vw,62px);font-weight:800;margin-bottom:24px}.cta-content>p:not(.eyebrow){color:rgba(255,255,255,.9);font-size:18px;margin-bottom:40px}.cta-actions{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:45px}.contact-email{display:inline-block;color:#fff;font:600 16px "Manrope",sans-serif;border-bottom:2px solid rgba(255,255,255,.4);padding-bottom:6px}.contact-email:hover{border-color:#fff}
.site-footer{background:var(--surface-dark);color:#fff;padding:80px 0 30px}.footer-grid{display:grid;grid-template-columns:1.8fr repeat(3,1fr);gap:50px;margin-bottom:60px}.footer-brand .brand-text{font:800 24px "Manrope",sans-serif;letter-spacing:-0.04em;display:inline-block;margin-bottom:18px}.footer-brand p{color:#8fa1ba;font-size:14px;max-width:260px}.footer-links{display:flex;flex-direction:column;align-items:flex-start;gap:14px}.footer-links strong{font:800 13px "Manrope",sans-serif;text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px;color:#fff}.footer-links a,.footer-links .inline-link{color:#8fa1ba;font-size:14px;font:400 14px "DM Sans";background:none;border:0;padding:0}.footer-links a:hover,.footer-links .inline-link:hover{color:#fff}.footer-links .inline-link{display:inline}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:28px;display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#6c8098}.footer-legal{display:flex;gap:24px}.footer-legal button,.footer-legal a{background:none;border:0;color:inherit;font-size:13px;padding:0}.footer-legal button:hover,.footer-legal a:hover{color:#fff}
dialog{border:0;padding:0;width:min(560px,calc(100% - 28px));max-height:90vh;color:var(--foreground);box-shadow:0 40px 110px rgba(0,0,0,.35);border-radius:var(--radius-lg);overflow:auto}dialog::backdrop{background:rgba(10,22,40,.72);backdrop-filter:blur(5px)}dialog:not([open]){display:none}#demo-dialog,#legal-dialog{padding:44px}.dialog-close{position:absolute;right:20px;top:20px;z-index:2}.dialog-close svg{width:20px;height:20px}dialog h2{font-size:34px;font-weight:700;margin-bottom:14px;line-height:1.15}dialog>p:not(.eyebrow){color:var(--muted)}form{display:grid;margin-top:30px}label{font:600 13px "Manrope",sans-serif;margin:16px 0 8px}label span{font-weight:400;color:var(--muted);font-size:12px}input,select,textarea{width:100%;border:1px solid var(--border);background:var(--surface-alt);border-radius:10px;padding:12px 14px;font-size:15px;resize:vertical;transition:var(--transition);color:var(--foreground)}input:focus,select:focus,textarea:focus{border-color:var(--primary);background:#fff;outline:3px solid rgba(0,102,255,.1)}form>.button{margin-top:28px;width:100%}.form-note{font-size:12px;color:var(--muted);text-align:center;margin-top:18px}#legal-content p{color:var(--muted);font-size:15px}.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:1100px){.services-grid{grid-template-columns:repeat(2,1fr)}.industries-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr;gap:40px}}@media(max-width:900px){.section-space{padding-block:80px}.section-shell,.nav-shell{width:min(calc(100% - 32px),var(--max))}.menu-toggle{display:grid;z-index:110}#primary-nav{position:fixed;top:0;right:0;width:min(86vw,380px);height:100dvh;background:#fff;padding:95px 32px 30px;display:flex;flex-direction:column;align-items:stretch;gap:0;transform:translateX(110%);transition:transform .3s ease;box-shadow:-30px 0 60px rgba(10,22,40,.15);z-index:100}body.menu-open #primary-nav{transform:none}#primary-nav>a{font:600 20px "Manrope",sans-serif;padding:16px 0;border-bottom:1px solid var(--border)}.nav-cta{margin-top:28px}.products-grid,.features-grid{grid-template-columns:1fr}.hero-product-grid{grid-template-columns:1fr;max-width:420px}.hero{padding:70px 0 80px}.hero-actions{flex-direction:column;align-items:center}.hero-actions .button{width:100%;max-width:320px}}@media(max-width:560px){body{font-size:15px}.section-shell,.nav-shell{width:min(calc(100% - 24px),var(--max))}.section-space{padding-block:65px}.section-header{margin-bottom:44px;text-align:left}.section-description{margin-inline:0;font-size:16px}.hero h1{font-size:40px}.hero-description{font-size:16px}.spec{padding:14px 8px}.spec-value{font-size:19px}.spec-label{font-size:10px}.product-features-list{grid-template-columns:1fr}.services-grid,.industries-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:36px}.footer-bottom{flex-direction:column;gap:16px;align-items:flex-start}.cta-actions{flex-direction:column}.cta-actions .button{width:100%}.product-card-image{margin-inline:18px}.product-card-content{padding:24px 18px}.product-card-header{padding:22px 18px 0}#demo-dialog,#legal-dialog{padding:36px 20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}.product-features-list i{display:inline-flex;flex-shrink:0}.product-features-list i svg{width:17px;height:17px;color:var(--success)}
.hero-product-image{height:250px;background:var(--surface-alt);border-radius:var(--radius);overflow:hidden;margin-bottom:26px;display:grid;place-items:center;border:1px solid var(--border)}.hero-product-image img{width:100%;height:100%;object-fit:contain;padding:14px}@media(max-width:560px){.hero-product-image{height:200px}}
.platform-section{position:relative;overflow:hidden}.platform-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:20px;align-items:start;margin-bottom:70px}.platform-flow-item{text-align:center;padding:32px 18px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:var(--transition)}.platform-flow-item:hover{box-shadow:var(--shadow-md);border-color:var(--primary);transform:translateY(-4px)}.flow-icon{width:58px;height:58px;margin:0 auto 18px;border-radius:16px;background:var(--primary-light);color:var(--primary);display:grid;place-items:center}.flow-icon.accent{background:var(--accent-light);color:var(--accent)}.flow-icon svg{width:26px;height:26px}.platform-flow-item h3{font-size:18px;font-weight:700;margin-bottom:8px}.platform-flow-item p{color:var(--muted);font-size:13px;line-height:1.6}.flow-arrow{display:grid;place-items:center;color:var(--primary);margin-top:42px}.flow-arrow svg{width:22px;height:22px}.platform-visual{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);border:1px solid var(--border)}.platform-screenshot{background:var(--surface-alt)}.browser-chrome{height:44px;background:var(--surface-dark);display:flex;align-items:center;gap:7px;padding:0 16px;color:#9eb0b6}.browser-chrome span{width:7px;height:7px;border-radius:50%;background:#405159}.browser-chrome span:first-child{background:#31b8c2}.browser-chrome span:nth-child(2){background:#f2c14e}.browser-chrome span:nth-child(3){background:#e45b5b}.browser-chrome em{font:500 10px "Manrope",sans-serif;letter-spacing:.08em;font-style:normal;margin-left:12px}.platform-screenshot img{width:100%;aspect-ratio:16/8;object-fit:cover;display:block}@media(max-width:900px){.platform-flow{grid-template-columns:1fr;gap:14px}.flow-arrow{width:30px;height:30px;transform:rotate(90deg);margin:0;justify-self:center}.flow-arrow svg{width:20px;height:20px}.platform-screenshot img{aspect-ratio:16/11}}
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.gallery-item{position:relative;border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:4/3;cursor:pointer;transition:var(--transition)}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.gallery-item:hover img{transform:scale(1.08)}.gallery-item:hover{box-shadow:var(--shadow-lg)}.gallery-overlay{position:absolute;inset:auto 0 0;padding:24px;background:linear-gradient(transparent,rgba(10,22,40,.82));color:#fff;transition:var(--transition)}.gallery-overlay h3{font-size:19px;font-weight:700;margin-bottom:4px}.gallery-overlay p{font-size:13px;color:rgba(255,255,255,.85)}@media(max-width:900px){.gallery-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.gallery-grid{grid-template-columns:1fr}}
.gallery-section{position:relative}.gallery-section::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 20%,rgba(0,180,216,.05) 0%,transparent 40%);pointer-events:none}.gallery-section .eyebrow,.services-section .eyebrow{color:var(--primary)}.services-section{position:relative;background:linear-gradient(180deg,#ffffff 0%,var(--surface-alt) 100%)}.services-section::before{content:"";position:absolute;top:120px;right:0;width:420px;height:420px;background:radial-gradient(circle,rgba(0,102,255,.06) 0%,transparent 70%);pointer-events:none}.services-section::after{content:"";position:absolute;bottom:80px;left:0;width:380px;height:380px;background:radial-gradient(circle,rgba(0,180,216,.07) 0%,transparent 70%);pointer-events:none}.services-section .section-shell{position:relative;z-index:2}.services-section .eyebrow{color:var(--primary)}
.brand-mark{display:grid;place-items:center;width:34px;height:34px;margin-right:10px}.brand-mark img{width:100%;height:100%}
.screenshot-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-bottom:70px}.screenshot-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:var(--transition)}.screenshot-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.screenshot-card.wide{grid-column:1/-1}.screenshot-card img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;background:var(--surface-alt)}.screenshot-card.wide img{aspect-ratio:16/7}.screenshot-caption{font-size:13px;color:var(--muted);padding:16px 20px;line-height:1.6}.demo-cta{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:40px}.demo-cta .button{min-height:52px;padding-inline:32px}.demo-video{margin-top:48px;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);border:1px solid var(--border);background:var(--surface-dark)}.demo-video video{width:100%;max-height:70vh;display:block;background:#0a1628}@media(max-width:560px){.demo-cta{flex-direction:column}.demo-cta .button{width:100%}}@media(max-width:900px){.screenshot-grid{grid-template-columns:1fr}.screenshot-card.wide img{aspect-ratio:16/9}}
.partners-section{position:relative}.partners-section::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 15%,rgba(0,180,216,.07) 0%,transparent 45%);pointer-events:none}.partners-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;position:relative;z-index:2}.partner-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:36px 28px;transition:var(--transition);position:relative;overflow:hidden}.partner-card::before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--primary),var(--accent));opacity:0;transition:var(--transition)}.partner-card:hover::before{opacity:1}.partner-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px);border-color:rgba(0,102,255,.3)}.partner-mark{width:58px;height:58px;border-radius:16px;background:var(--primary-light);color:var(--primary);display:grid;place-items:center;font:800 24px "Manrope",sans-serif;margin-bottom:22px}.partner-mark.accent{background:var(--accent-light);color:var(--accent)}.partner-card h3{font-size:21px;font-weight:700;margin-bottom:12px;line-height:1.25}.partner-card p{color:var(--muted);font-size:14px;line-height:1.7}.support-banner{position:relative;z-index:2;margin-top:44px;display:flex;align-items:center;gap:24px;background:linear-gradient(120deg,var(--primary-light) 0%,var(--accent-light) 100%);border:1px solid rgba(0,102,255,.16);border-radius:var(--radius-lg);padding:32px 36px}.support-icon{flex-shrink:0;width:60px;height:60px;border-radius:16px;background:var(--primary);color:#fff;display:grid;place-items:center}.support-icon svg{width:30px;height:30px}.support-text{flex:1}.support-text h3{font-size:22px;font-weight:700;margin-bottom:8px}.support-text p{color:var(--muted);font-size:15px;line-height:1.7;max-width:640px}.support-banner .button{flex-shrink:0}@media(max-width:1100px){.partners-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.partners-grid{grid-template-columns:1fr}.support-banner{flex-direction:column;align-items:flex-start}.support-banner .button{width:100%}}