:root{--blue:#225cff;--navy:#101b2c;--ink:#142032;--muted:#647184;--soft:#f4f6f9;--line:#d6dee8}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:'DM Sans',sans-serif;color:var(--ink);background:#fff;letter-spacing:-.01em}h1,h2,h3,.navbar{font-family:'Space Grotesk',sans-serif}a{text-decoration:none}section{scroll-margin-top:80px}.btn{border-radius:3px;font-weight:600;padding:.75rem 1.2rem}.btn-primary{background:var(--blue);border-color:var(--blue)}
.navbar{background:rgba(250,251,249,.97);border-bottom:1px solid #e1e5e8;backdrop-filter:blur(12px)}.navbar-brand img{height:40px;width:auto}.navbar .nav-link{color:#33465c;font-size:.92rem;font-weight:600}.navbar .nav-link:hover,.navbar .nav-link:focus{color:var(--blue)}
.hero-winoo{background:#fafbf9;padding:130px 0 60px;overflow:hidden}.hero-topline{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid #dce1e4;padding:1.25rem 0 3.2rem}.hero-kicker,.hero-topline-right{color:#536173;letter-spacing:.15em;font-size:.67rem;font-weight:700}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--blue);margin-right:8px}.hero-winoo h1{font-size:clamp(3.8rem,7.5vw,7.7rem);line-height:.98;letter-spacing:-.082em;max-width:1040px;margin:0 0 1.8rem;font-weight:700}.hero-italic{color:var(--blue);font-weight:500}.hero-lead{color:#596677;max-width:670px;font-size:1.14rem;line-height:1.8;margin-bottom:2rem}.hero-intro-aside{border-top:1px solid #ced4d9;padding-top:1rem;max-width:250px;margin-left:auto}.hero-intro-symbol{font-size:5.3rem;color:var(--blue);line-height:.9;margin-bottom:2rem}.hero-intro-aside p{font-family:'Space Grotesk';font-size:1.2rem;font-weight:600}.hero-intro-aside span{font-size:.65rem;letter-spacing:.08em;color:#7d8998}
.hero-art{margin-top:5.5rem;background:radial-gradient(circle at 15% 20%,rgba(65,110,255,.32),transparent 30%),linear-gradient(135deg,#101a2a,#17365a);border-radius:16px 16px 0 0;padding:3rem 5% 0;min-height:450px;position:relative;overflow:hidden}.mock-ui{display:flex;background:#f8fbff;border-radius:14px 14px 0 0;max-width:960px;margin:auto;min-height:375px;overflow:hidden}.mock-ui-sidebar{width:80px;background:#101e33;padding:24px 19px;display:flex;flex-direction:column;gap:20px;align-items:center}.mock-brand{font-size:1.55rem;color:#fff;font-weight:700;margin-bottom:25px}.mock-menu{width:28px;height:8px;border-radius:5px;background:#3c526f}.mock-menu.active{background:#7da9ff}.mock-menu.short{width:18px}.mock-sidebar-foot{margin-top:auto;color:#9bb8e3}.mock-ui-body{flex:1;padding:1.8rem 2rem}.mock-ui-top,.mock-ui-heading{display:flex;justify-content:space-between;align-items:center}.mock-ui-top{border-bottom:1px solid #e6ebf2;padding-bottom:1.2rem;font-size:.74rem;font-weight:700}.mock-avatar{width:25px;height:25px;border-radius:50%;background:#c9dcff;text-align:center}.mock-ui-heading{margin:1.4rem 0}.mock-ui-heading small,.mock-metric small{display:block;font-size:.56rem;letter-spacing:.13em;color:#7991ae}.mock-ui-pill{background:#ddf6e8;color:#276c4d;padding:.5rem .8rem;border-radius:9px;font-size:.62rem}.mock-dashboard-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:1.1rem}.mock-metric{background:#fff;border:1px solid #e6eef6;border-radius:12px;padding:1.3rem;min-height:150px}.mock-bars{display:flex;gap:8px;height:75px;align-items:flex-end}.mock-bars i{flex:1;background:#78a4ff;border-radius:4px;height:45%}.mock-bars i:nth-child(3n){height:70%;background:var(--blue)}.mock-bars i:nth-child(5n){height:86%}.mock-connections{display:flex;justify-content:space-around;margin:20px 0}.mock-connections span{width:42px;height:42px;border-radius:12px;background:#fff;border:6px solid #bfd4ff}.mock-table div{display:flex;gap:1rem;padding:.5rem;border-bottom:1px solid #edf1f5}.mock-table span{height:6px;background:#e1eaf4;width:28%}.art-stamp{position:absolute;bottom:12px;right:3%;font-size:.58rem;letter-spacing:.16em;color:#92b4e2}
.between-bands{background:var(--blue);color:#fff;overflow:hidden}.between-bands .container{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding-top:1rem;padding-bottom:1rem;white-space:nowrap;font-size:.75rem;font-weight:700}.section-block{padding:7rem 0}.section-soft{background:var(--soft)}.section-light{background:#fff}.section-kicker{display:flex;gap:1rem;font-size:.74rem;letter-spacing:.12em;font-weight:700;color:#193d78;margin-bottom:1.8rem}.section-num,.editorial-title em,.section-heading h2 em{color:var(--blue)}.editorial-title,.section-heading h2,.section-process h2{font-size:clamp(2.6rem,4.6vw,5rem);font-weight:600;line-height:1.05;letter-spacing:-.065em}.editorial-title em,.section-heading h2 em,.section-process h2 em{font-style:normal}.editorial-intro,.section-heading p{color:var(--muted);font-size:1.05rem;line-height:1.9}.editorial-link{display:inline-flex;gap:1rem;border-bottom:1px solid var(--blue);padding-bottom:.6rem;color:var(--blue);font-weight:700}.service-line{display:flex;gap:1.4rem;border-top:1px solid #ccd4de;padding:1.7rem 0}.service-line:last-child{border-bottom:1px solid #ccd4de}.service-number{font-size:.75rem;color:var(--blue)}.service-line>div{flex:1}.service-line h3{font-size:1.55rem;margin:0 0 .5rem}.service-line p{color:#67768a;margin:0}.section-process{background:var(--navy);color:#fff}.section-process h2 em{color:#7ea4ff}.light-kicker{color:#c6dbff}.process-description{font-size:1.15rem;line-height:1.9;color:#b6c7df;margin-top:2.7rem}.process-steps{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.process-steps span{padding:1rem;border:1px solid #3b4c65;color:#e0e9f8}
.about-section{background:#eef3fb}.about-intro{position:sticky;top:120px}.about-signature{margin-top:2rem;padding-top:1.4rem;border-top:1px solid #c7d3e3;color:#173f7e;font-family:'Space Grotesk',sans-serif;font-weight:700}.about-capabilities{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #bdc9d9;border-left:1px solid #bdc9d9}.about-capability{min-height:250px;padding:2rem;border-right:1px solid #bdc9d9;border-bottom:1px solid #bdc9d9;background:rgba(255,255,255,.46)}.about-capability>span{display:block;color:var(--blue);font-size:.7rem;letter-spacing:.14em;margin-bottom:2.2rem}.about-capability h3{font-size:1.4rem;margin-bottom:.8rem}.about-capability p{color:var(--muted);line-height:1.75;margin:0}.about-approach{display:grid;grid-template-columns:150px 1fr;gap:2rem;margin-top:2rem;padding:2rem;background:var(--blue);color:#fff}.about-approach>span{font-size:.68rem;letter-spacing:.14em;font-weight:700}.about-approach p{font-size:1.05rem;line-height:1.8;margin:0;color:#e6edff}
.proof-section{background:#fff}.proof-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.proof-item{padding:1.8rem 1rem;border-right:1px solid var(--line)}.proof-item:last-child{border:0}.proof-item strong,.proof-item span{display:block}.proof-item strong{color:var(--blue);font-family:'Space Grotesk';font-size:1.45rem}.proof-item span{color:var(--muted);font-size:.9rem;margin-top:.5rem}
.case-highlight{background:#fff;padding:0 0 7rem}.case-highlight-shell{background:linear-gradient(135deg,#0f3c78,#0b6fb4);color:#fff;overflow:hidden}.case-highlight-visual{display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#ddecff,#f8fbff);min-height:480px;padding:3rem}.case-highlight-visual img{width:100%;max-width:620px;height:auto;object-fit:contain}.case-highlight-copy{padding:clamp(2rem,5vw,5rem)}.case-highlight-kicker{display:block;font-size:.7rem;font-weight:700;letter-spacing:.15em;color:#bcd9ff;margin-bottom:1.3rem}.case-highlight h2{font-size:clamp(2.5rem,4.5vw,4.7rem);line-height:1.02;letter-spacing:-.065em;margin-bottom:1.4rem}.case-highlight p{font-size:1.08rem;line-height:1.8;color:#d8e8fb}.case-highlight ul{padding-left:1.2rem;margin:1.5rem 0 2rem}.case-highlight li{margin:.65rem 0}.case-highlight .btn-outline-light:hover{color:#0f3c78}
.section-heading{max-width:900px;margin-bottom:4rem}.featured-product{padding:3.3rem 0 5.1rem;border-bottom:1px solid var(--line)}.featured-visual{background:#e0e9f7;min-height:420px;display:flex;align-items:center;justify-content:center;overflow:hidden}.featured-visual img{width:100%;height:430px;padding:2rem;object-fit:contain}.featured-placeholder{min-height:420px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#235cba}.featured-copy{padding:1rem 1.5rem}.featured-copy h3{font-size:clamp(2.4rem,4vw,4.5rem);letter-spacing:-.065em}.featured-copy p{color:var(--muted);font-size:1.08rem;line-height:1.9}.product-category,.product-story-label{font-size:.7rem;letter-spacing:.17em;text-transform:uppercase;color:var(--blue);font-weight:700}.project-card{height:100%;background:#f2f5fa}.project-card-image{height:260px;background:#e8effb;display:flex;align-items:center;justify-content:center}.project-card-image img{width:100%;height:100%;object-fit:contain;padding:1rem}.project-card-body{padding:1.65rem}.project-card-body h3{font-size:1.45rem}.project-card-body p{color:var(--muted);line-height:1.75}
.contact-section{background:#e9eff8}.contact-card{background:#fff;padding:2.7rem;border-radius:6px}.form-control,.form-select{border-radius:4px;padding:.85rem 1rem}.form-note{font-size:.82rem;color:var(--muted)}.contact-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.site-footer{background:var(--navy);color:rgba(255,255,255,.82);padding:4rem 0 2rem}.footer-link{color:#fff}.footer-link-muted{color:rgba(255,255,255,.82)}.footer-bottom{margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.12)}
.product-page{background:#fff}.product-detail-hero{padding:150px 0 80px;background:#f7f9fd}.product-detail-hero h1{font-size:clamp(3rem,5vw,5.5rem);letter-spacing:-.055em}.product-detail-hero .lead,.product-story p{color:var(--muted);line-height:1.9}.product-meta{color:var(--blue);font-weight:700}.product-story h2{font-size:2rem;margin:.65rem 0 1rem}.detail-panel{height:100%;padding:2rem;background:var(--soft)}.detail-panel-accent{background:#e8efff}.detail-panel li{margin:.75rem 0;color:#46566a}.product-next-step{background:var(--navy);color:#fff;padding:4rem 0}.product-next-step p{color:#c5d1df}.modal .modal-body{max-height:70vh;overflow:auto}
.product-gallery{background:#101b2c;color:#fff}.product-gallery .section-heading h2{color:#fff;margin-top:.7rem}.gallery-card{height:100%;margin:0;background:#17263b;overflow:hidden}.gallery-card img{display:block;width:100%;height:clamp(280px,42vw,620px);object-fit:cover}.col-md-6 .gallery-card img{height:clamp(260px,28vw,430px)}.gallery-card figcaption{padding:1rem 1.25rem;color:#c7d5e7;font-size:.9rem}
@media(max-width:991.98px){.hero-topline-right{display:none}.hero-intro-aside{margin-left:0}.section-block{padding:5rem 0}.about-intro{position:static}.proof-grid{margin-top:1rem}.case-highlight{padding-bottom:5rem}.case-highlight-visual{min-height:360px}.featured-visual,.featured-placeholder{min-height:320px}.featured-visual img{height:320px}}
@media(max-width:767.98px){.hero-winoo{padding-top:110px}.hero-winoo h1{font-size:clamp(3.25rem,12vw,5rem)}.hero-actions .btn{width:100%}.hero-art{padding:1.7rem 1rem 0;min-height:270px}.mock-ui{min-height:260px}.mock-ui-sidebar{width:50px;padding:18px 10px}.mock-ui-body{padding:1rem}.mock-ui-pill{display:none}.between-bands .container{overflow:hidden}.about-capabilities{grid-template-columns:1fr}.about-capability{min-height:0}.about-approach{grid-template-columns:1fr;gap:.8rem}.proof-grid{grid-template-columns:1fr}.proof-item{border-right:0;border-bottom:1px solid var(--line)}.featured-copy{padding:.5rem 0}.featured-visual img{height:280px}.featured-visual,.featured-placeholder{min-height:280px}.contact-card{padding:1.3rem}.navbar .btn{margin-top:.8rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}