.homepage{--primary-dark:#022b3a;--primary:#1f7a8c;--light-blue:#bfdbf7;--light-gray:#e1e5f2;--white:#ffffff;--gradient-primary:linear-gradient(135deg,#022b3a,#1f7a8c);--gradient-light:linear-gradient(135deg,#e1e5f2,#bfdbf7);--shadow-sm:0 2px 4px rgba(2,43,58,0.08);--shadow-md:0 4px 12px rgba(2,43,58,0.12);--shadow-lg:0 8px 24px rgba(2,43,58,0.16);--shadow-xl:0 20px 40px rgba(2,43,58,0.2);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--primary-dark);line-height:1.6}.homepage .hp-btn{padding:.85rem 2rem;border-radius:12px;text-decoration:none;font-weight:600;transition:all .3s ease;cursor:pointer;border:none;font-size:.95rem;display:inline-block;letter-spacing:.02em}.homepage .hp-btn-primary{background:var(--gradient-primary);color:var(--white);box-shadow:0 4px 14px rgba(31,122,140,.3)}.homepage .hp-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(31,122,140,.4);filter:brightness(1.08)}.homepage .hp-btn-secondary{background:transparent;color:var(--primary);border:2px solid var(--primary)}.homepage .hp-btn-secondary:hover{background:var(--primary);color:var(--white);box-shadow:0 4px 14px rgba(31,122,140,.2)}.homepage .section-container{max-width:1200px;margin:0 auto}.homepage .section-header{text-align:center;margin-bottom:3rem}.homepage .section-tag{display:inline-block;padding:.5rem 1rem;background:var(--gradient-light);border-radius:20px;font-size:.875rem;font-weight:600;color:var(--primary);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}.homepage .section-title{font-size:clamp(2rem,4vw,2.75rem);font-weight:700;margin-bottom:1.25rem;color:var(--primary-dark);letter-spacing:-.02em;line-height:1.2}.homepage .section-desc{font-size:1.15rem;color:#506070;max-width:620px;margin:0 auto;line-height:1.7}.homepage .hero{padding:4.5rem 2rem 4rem;min-height:90vh;display:flex;align-items:center;position:relative;overflow:hidden;background:var(--primary-dark);color:var(--white)}.homepage .hero:before{display:none}.homepage .hero-backdrop{position:absolute;inset:0;z-index:0;pointer-events:none;--mx:50%;--my:40%;--h:0;background:radial-gradient(500px 350px at var(--mx) var(--my),rgba(31,122,140,.55) 0,rgba(191,219,247,.28) 35%,rgba(2,43,58,0) 70%),radial-gradient(420px 280px at var(--mx) var(--my),rgba(191,219,247,.22) 0,rgba(2,43,58,0) 60%),linear-gradient(180deg,rgba(2,43,58,.95) 0,rgba(2,43,58,1) 60%,rgba(2,43,58,1) 100%);filter:hue-rotate(calc(var(--h) * 1deg));transition:filter .18s ease}.homepage .hero-backdrop:before{content:"";position:absolute;inset:-2px;background:radial-gradient(1px 1px at 10px 10px,rgba(255,255,255,.26) 0 1px,transparent 2px) 0 0 /28px 28px,radial-gradient(1px 1px at 16px 18px,rgba(191,219,247,.18) 0 1px,transparent 2px) 0 0 /36px 36px;opacity:.55;mix-blend-mode:overlay}.homepage .hero-backdrop:after{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="260" height="260"><filter id="n"><feTurbulence type="fractalNoise" baseFrequency="0.8" numOctaves="2" stitchTiles="stitch"/></filter><rect width="260" height="260" filter="url(%23n)" opacity="0.14"/></svg>');opacity:.55;mix-blend-mode:soft-light}.homepage .hero-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:1}.homepage .hero-content h1{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;line-height:1.08;margin-bottom:1.5rem;letter-spacing:-.03em;background:linear-gradient(135deg,#bfdbf7,#ffffff 30%,#bfdbf7 70%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.homepage .hero-subtitle{font-size:1.2rem;color:rgba(255,255,255,.78);margin-bottom:2.25rem;line-height:1.7;max-width:520px}.homepage .hero-cta{display:flex;gap:1rem;margin-bottom:3rem}.homepage .hero-cta .hp-btn-primary{background:linear-gradient(135deg,rgba(191,219,247,.25),rgba(31,122,140,.85))}.homepage .hero-cta .hp-btn-secondary{color:var(--white);border-color:rgba(191,219,247,.6)}.homepage .hero-cta .hp-btn-secondary:hover{background:rgba(191,219,247,.12)}.homepage .hero-stats{display:flex;gap:2.5rem;padding-top:1.75rem;border-top:1px solid rgba(191,219,247,.18)}.homepage .stat{text-align:center}.homepage .stat-value{font-size:2rem;font-weight:700;color:#bfdbf7;display:block}.homepage .stat-label{font-size:.875rem;color:rgba(255,255,255,.68);text-transform:uppercase;letter-spacing:.05em}.homepage .hero-visual{position:relative;display:flex;justify-content:center;align-items:center}.homepage .visual-card{background:rgba(255,255,255,.08);backdrop-filter:blur(10px);border-radius:20px;padding:2rem;border:1px solid rgba(191,219,247,.18);box-shadow:0 20px 50px rgba(0,0,0,.35);position:relative;animation:hp-hover 6s ease-in-out infinite}.homepage .visual-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.homepage .visual-badge{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.35rem .65rem;border-radius:999px;background:rgba(191,219,247,.16);border:1px solid rgba(191,219,247,.22);color:rgba(255,255,255,.9)}.homepage .visual-caption{font-size:.85rem;color:rgba(255,255,255,.78)}.homepage .hero3d{width:min(420px,100%);height:320px;display:block;border-radius:16px;background:radial-gradient(600px 300px at 50% 40%,rgba(191,219,247,.18) 0,rgba(2,43,58,.55) 55%,rgba(2,43,58,.9) 100%)}.homepage .visual-footer{margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(191,219,247,.14);color:rgba(255,255,255,.75);font-size:.9rem}.homepage .company-section{padding:6rem 2rem;background:var(--white)}.homepage .company-media{display:grid;grid-template-columns:1.1fr .9fr;gap:2.5rem;align-items:center;margin:3rem 0 1rem}.homepage .company-video-card{position:relative;border-radius:18px;overflow:hidden;box-shadow:var(--shadow-xl);background:#0b2f3d;min-height:320px}.homepage .company-video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;transform:scale(1.02)}.homepage .video-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,43,58,.75),rgba(2,43,58,.2) 60%,rgba(2,43,58,.65));display:flex;flex-direction:column;justify-content:flex-end;gap:.75rem;padding:1.25rem}.homepage .overlay-chip{align-self:flex-start;padding:.45rem .7rem;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);color:rgba(255,255,255,.9);font-weight:700;font-size:.8rem;letter-spacing:.02em}.homepage .overlay-metrics{display:flex;flex-wrap:wrap;gap:.6rem;color:rgba(255,255,255,.82);font-size:.85rem;text-transform:uppercase;letter-spacing:.08em}.homepage .overlay-metrics span{padding:.35rem .55rem;border-radius:10px;background:rgba(191,219,247,.12);border:1px solid rgba(191,219,247,.18)}.homepage .company-media-copy h3{font-size:1.75rem;line-height:1.2;margin-bottom:1rem;color:var(--primary-dark);letter-spacing:-.02em}.homepage .company-media-copy p{color:#506070;line-height:1.7;font-size:1.05rem}.homepage .media-bullets{margin-top:1.5rem;list-style:none;padding:0;display:grid;gap:.85rem;color:#506070;font-size:.95rem}.homepage .mb-dot{width:10px;height:10px;border-radius:999px;background:var(--primary);display:inline-block;margin-right:.6rem;transform:translateY(1px)}.homepage .philosophy-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.homepage .philosophy-card{background:var(--gradient-light);padding:2.25rem;border-radius:18px;position:relative;overflow:hidden;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;border:1px solid transparent}.homepage .philosophy-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px rgba(2,43,58,.14);border-color:rgba(31,122,140,.2)}.homepage .philosophy-icon{width:60px;height:60px;background:var(--gradient-primary);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:1.5rem;font-weight:700;margin-bottom:1rem}.homepage .philosophy-title{font-size:1.35rem;font-weight:700;margin-bottom:.6rem;color:var(--primary-dark);letter-spacing:-.01em}.homepage .philosophy-desc{color:#506070;line-height:1.65;font-size:.95rem}.homepage .product-section{padding:6rem 2rem;background:linear-gradient(180deg,#ffffff,#e1e5f2 50%,#ffffff)}.homepage .portfolio-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:3rem;align-items:start;margin-top:3rem}.homepage .portfolio-copy h3{font-size:2rem;font-weight:700;margin-bottom:1rem;color:var(--primary-dark);letter-spacing:-.02em;line-height:1.2}.homepage .portfolio-copy>p{color:#506070;line-height:1.7;font-size:1.05rem}.homepage .portfolio-pillars{margin-top:1.75rem;display:grid;gap:1rem}.homepage .pillar{display:flex;gap:1rem;align-items:flex-start;padding:1.15rem;border-radius:14px;background:rgba(255,255,255,.7);border:1px solid rgba(31,122,140,.12);box-shadow:var(--shadow-sm);transition:border-color .3s ease,background .3s ease,box-shadow .3s ease}.homepage .pillar:hover{border-color:rgba(31,122,140,.28);background:rgba(255,255,255,.9)}.homepage .pillar-icon{width:42px;height:42px;border-radius:12px;background:var(--gradient-light);display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.homepage .pillar-title{font-weight:700;color:var(--primary-dark);margin-bottom:.15rem}.homepage .pillar-desc{color:#506070;font-size:.9rem;line-height:1.5}.homepage .portfolio-cta{display:flex;gap:1rem;margin-top:1.75rem;flex-wrap:wrap}.homepage .ecosystem-figure{background:rgba(255,255,255,.85);border-radius:18px;padding:1.25rem;border:1px solid rgba(31,122,140,.14);box-shadow:var(--shadow-lg);position:sticky;top:6.5rem}.homepage .figure-label{font-size:.85rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--primary);margin-bottom:.75rem}.homepage .ecosystem-svg{width:100%;height:auto;display:block}.homepage .figure-caption{margin-top:.75rem;font-size:.95rem;color:#4a5568}.homepage .use-cases{padding:6rem 2rem;background:linear-gradient(180deg,#ffffff,#e1e5f2)}.homepage .use-case-tabs{display:flex;justify-content:center;gap:1rem;margin-bottom:3rem;flex-wrap:wrap}.homepage .tab-btn{padding:.75rem 1.5rem;background:var(--white);border:2px solid rgba(31,122,140,.3);border-radius:10px;color:var(--primary);font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit;font-size:inherit}.homepage .tab-btn:hover:not(.active){border-color:var(--primary);background:rgba(31,122,140,.04);transform:translateY(-1px)}.homepage .tab-btn.active{background:var(--gradient-primary);color:var(--white);border-color:transparent;box-shadow:0 4px 14px rgba(31,122,140,.3)}.homepage .tab-content{display:none;animation:hp-fadeIn .5s ease}.homepage .tab-content.active{display:block}.homepage .use-case-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.homepage .use-case-card{background:var(--white);padding:2rem;border-radius:16px;box-shadow:var(--shadow-md);border:1px solid rgba(31,122,140,.08);transition:border-color .3s ease,box-shadow .3s ease}.homepage .use-case-card:hover{border-color:rgba(31,122,140,.2);box-shadow:var(--shadow-lg)}.homepage .use-case-card h4{font-size:1.2rem;font-weight:700;margin-bottom:.75rem;color:var(--primary-dark);letter-spacing:-.01em}.homepage .use-case-list{list-style:none;padding:0;margin:0}.homepage .use-case-list li{padding:.45rem 0 .45rem 1.5rem;position:relative;color:#506070;font-size:.95rem;line-height:1.5}.homepage .use-case-list li:before{content:"\2192";position:absolute;left:0;color:var(--primary);font-weight:600}.homepage .technology-section{padding:6rem 2rem;background:var(--primary-dark);color:var(--white);position:relative;overflow:hidden}.homepage .technology-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="100" height="100" patternUnits="userSpaceOnUse"><path d="M 100 0 L 0 0 0 100" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="1"/></pattern></defs><rect width="100%25" height="100%25" fill="url(%23grid)"/></svg>');pointer-events:none}.homepage .tech-content{position:relative;z-index:1}.homepage .tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:3rem;margin-top:3rem}.homepage .tech-item{text-align:center;padding:2rem 1.5rem;border-radius:16px;transition:background .3s ease}.homepage .tech-item:hover{background:rgba(255,255,255,.06)}.homepage .tech-icon{width:80px;height:80px;background:rgba(255,255,255,.1);border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;color:rgba(255,255,255,.9);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);transition:border-color .3s ease,box-shadow .3s ease}.homepage .tech-item:hover .tech-icon{border-color:rgba(191,219,247,.35);box-shadow:0 0 20px rgba(31,122,140,.2)}.homepage .tech-title{font-size:1.1rem;font-weight:700;margin-bottom:.5rem;letter-spacing:-.01em}.homepage .tech-desc{font-size:.875rem;opacity:.75;line-height:1.6}.homepage .demo-section{padding:6rem 2rem;background:var(--white)}.homepage .demo-container{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.homepage .demo-info h2{font-size:2.25rem;font-weight:700;margin-bottom:1rem;color:var(--primary-dark);letter-spacing:-.02em;line-height:1.2}.homepage .demo-info p{font-size:1.1rem;color:#506070;margin-bottom:2rem;line-height:1.7}.homepage .demo-benefits{list-style:none;padding:0;margin:0}.homepage .demo-benefits li{padding:1rem 0;display:flex;align-items:center;gap:1rem;border-bottom:1px solid rgba(31,122,140,.1)}.homepage .benefit-icon{width:32px;height:32px;background:var(--gradient-light);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--primary);flex-shrink:0}.homepage .demo-form{background:var(--gradient-light);padding:2.5rem;border-radius:20px;box-shadow:var(--shadow-lg)}.homepage .form-group{margin-bottom:1.5rem}.homepage .form-group label{display:block;font-weight:600;margin-bottom:.5rem;color:var(--primary-dark);font-size:.875rem}.homepage .form-group input,.homepage .form-group select,.homepage .form-group textarea{width:100%;padding:.8rem 1rem;border:1.5px solid rgba(31,122,140,.18);border-radius:10px;font-size:.95rem;transition:all .25s ease;background:var(--white);font-family:inherit}.homepage .form-group input:focus,.homepage .form-group select:focus,.homepage .form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(31,122,140,.1)}.homepage .form-group textarea{resize:vertical;min-height:100px}.homepage .form-submit{width:100%;padding:1rem;background:var(--gradient-primary);color:var(--white);border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit;box-shadow:0 4px 14px rgba(31,122,140,.25);letter-spacing:.02em}.homepage .form-submit:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(31,122,140,.35);filter:brightness(1.06)}.homepage .form-submit:active{transform:translateY(0)}.homepage .form-submit:disabled{opacity:.7;cursor:not-allowed;transform:none}.homepage .form-message{margin-top:1rem;padding:1rem;background:var(--primary);color:var(--white);border-radius:8px;text-align:center;display:none}.homepage .form-message.show{display:block;animation:hp-fadeIn .5s ease}@keyframes hero-slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.homepage .hero-anim{animation:hero-slideUp .7s ease both}.homepage .hero-anim-1{animation-delay:0s}.homepage .hero-anim-2{animation-delay:.15s}.homepage .hero-anim-3{animation-delay:.3s}.homepage .hero-anim-4{animation-delay:.5s}.homepage .hero-anim-5{animation:hero-scaleIn .8s ease .2s both}@keyframes hp-float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-30px) rotate(180deg)}}@keyframes hp-hover{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes hp-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes dash{to{stroke-dashoffset:-40}}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes orbit{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes glow-pulse{0%,to{opacity:.6}50%{opacity:1}}@media (max-width:900px){.homepage .company-media,.homepage .portfolio-grid{grid-template-columns:1fr}.homepage .ecosystem-figure{position:relative;top:auto}.homepage .hero3d{height:280px}}@media (max-width:768px){.homepage .demo-container,.homepage .hero-container{grid-template-columns:1fr;gap:2rem}.homepage .hero{padding:3rem 1rem;min-height:auto}.homepage .hero-visual{order:-1}.homepage .hero-stats{justify-content:space-around;gap:1.5rem}.homepage .philosophy-grid{grid-template-columns:1fr}.homepage .use-case-tabs{flex-direction:column;width:100%}.homepage .tab-btn{width:100%}.homepage .section-header{margin-bottom:2.5rem}.homepage .company-section,.homepage .demo-section,.homepage .product-section,.homepage .use-cases{padding:3rem 1.25rem}.homepage .technology-section{padding:3.5rem 1.25rem}.homepage .tech-grid{gap:2rem}.homepage .demo-info h2{font-size:2rem}}@media (max-width:640px){.homepage .hero3d{height:250px}.homepage .visual-card{padding:1.5rem}.homepage .use-case-grid{grid-template-columns:1fr}}@media (max-width:480px){.homepage .hero{padding:2rem 1rem}.homepage .hero-content h1{font-size:2rem}.homepage .hero-subtitle{font-size:1rem;margin-bottom:1.5rem}.homepage .hero-cta{flex-direction:column}.homepage .hero-cta .hp-btn{width:100%;text-align:center}.homepage .hero-stats{flex-direction:row;gap:1.5rem;justify-content:center}.homepage .stat-value{font-size:1.25rem}.homepage .stat-label{font-size:.75rem}.homepage .section-title{font-size:1.75rem}.homepage .section-desc{font-size:1rem}.homepage .section-header{margin-bottom:2rem}.homepage .company-section,.homepage .demo-section,.homepage .product-section,.homepage .technology-section,.homepage .use-cases{padding:2.5rem 1rem}.homepage .company-video-card{min-height:200px}.homepage .company-media-copy h3{font-size:1.35rem}.homepage .philosophy-card{padding:1.25rem}.homepage .philosophy-title{font-size:1.25rem}.homepage .pillar{padding:.75rem}.homepage .portfolio-cta{flex-direction:column}.homepage .portfolio-cta .hp-btn{width:100%;text-align:center}.homepage .ecosystem-figure{padding:.75rem}.homepage .use-case-card{padding:1.25rem}.homepage .tech-grid{grid-template-columns:1fr 1fr;gap:1.25rem}.homepage .tech-item{padding:1.25rem .75rem}.homepage .tech-icon{width:60px;height:60px}.homepage .demo-info h2{font-size:1.6rem}.homepage .demo-form,.homepage .visual-card{padding:1.25rem}.homepage .hero3d{height:220px}.homepage .hp-btn{padding:.7rem 1.25rem;font-size:.9rem}}@media (max-width:360px){.homepage .hero-content h1{font-size:1.75rem}.homepage .tech-grid{grid-template-columns:1fr}.homepage .section-title{font-size:1.5rem}.homepage .hero3d{height:180px}}@media (hover:none){.homepage .form-submit:hover,.homepage .hp-btn-primary:hover,.homepage .hp-btn-secondary:hover,.homepage .philosophy-card:hover,.homepage .pillar:hover,.homepage .tech-item:hover,.homepage .use-case-card:hover{transform:none}}@media (prefers-reduced-motion:reduce){.homepage .hero-backdrop{transition:none}.homepage .visual-card{animation:none}}