:root{--navy:#0B1F4B;--navy-2:#051435;--navy-3:#102C64;--blue:#007BFF;--blue-light:#26B3FF;--green:#7AC943;--green-soft:#B0F65D;--paper:#F2F4F7;--white:#FFFFFF;--ink:#142342;--muted:#637087;--border:#E5EAF0;--radius:18px;--shadow:0 22px 70px rgba(9,33,76,.09);--font-head:'Montserrat','Arial',sans-serif;--font-body:'Inter',Arial,sans-serif;scroll-behavior:smooth}*,*::before,*::after{box-sizing:border-box}html{scroll-padding-top:96px}body{margin:0;color:var(--ink);background:#fff;font:400 15px/1.65 var(--font-body);-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}svg{display:block}.ico{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.ico.sm{width:16px;height:16px}.icon-sprite{width:0;height:0;position:absolute;overflow:hidden}.container{width:min(100% - 64px,1200px);margin-inline:auto}.skip-link{position:absolute;top:-100px;left:12px;background:#fff;color:var(--navy);padding:12px 24px;z-index:1000}.skip-link:focus{top:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;font-size:13px;font-weight:800;line-height:1.3;letter-spacing:-.01em;border:0;border-radius:9px;padding:14px 21px;transition:transform .22s,box-shadow .22s,background .22s;white-space:nowrap}.btn:hover{transform:translateY(-2px)}.btn:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--blue-light);outline-offset:4px}.btn-navy{background:var(--navy);color:#fff}.btn-navy:hover{background:#163776;box-shadow:0 8px 24px #0b1f4b2f}.btn-green{background:var(--green);color:#09223C}.btn-green:hover{background:var(--green-soft);box-shadow:0 10px 30px #7ac9434a}.btn-large{padding:18px 23px;font-size:14px}.btn-outline-light{background:transparent;color:#fff;border:1px solid #9fbde46e}.btn-outline-light:hover{background:#ffffff16}.announcement{background:#06152d;color:#d9e8ff;font-size:11px;letter-spacing:.01em}.announcement-inner{min-height:34px;display:flex;align-items:center;justify-content:center;gap:10px}.announcement a{color:#a1ec5b;display:inline-flex;gap:5px;align-items:center;font-weight:700}.announcement-marker,.eyebrow-dot,.cta-mini>span{width:6px;height:6px;background:var(--green);border-radius:50%;display:inline-block;box-shadow:0 0 0 4px #7ac94320}.site-header{height:84px;position:sticky;top:0;z-index:100;background:#fffffff2;border-bottom:1px solid #e4e9f0;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:height .2s,box-shadow .2s}.site-header.scrolled{height:72px;box-shadow:0 8px 20px rgba(10,29,60,.07)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:8px;min-width:190px}.brand-symbol{width:53px;height:37px;object-fit:contain}.brand-word{font:900 22px/.95 var(--font-head);letter-spacing:-.065em;color:var(--navy);display:block}.brand-word>span{color:var(--blue)}.brand-word>small{display:block;font:700 8px/1.6 var(--font-body);text-transform:uppercase;letter-spacing:.19em;margin-top:4px;color:#617188}.main-nav{display:flex;align-items:center;gap:30px}.main-nav>a:not(.btn){font-size:12px;font-weight:700;color:#35435e;transition:color .2s}.main-nav>a:not(.btn):hover{color:var(--blue)}.main-nav .nav-cta{font-size:12px;padding:13px 17px}.menu-toggle{display:none;border:0;background:#edf3fa;color:var(--navy);border-radius:8px;padding:11px}
/* Hero */
.hero{min-height:680px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 85% 37%,#174b96 0%,#0b2457 34%,#071838 73%,#06132e 100%);color:white}.hero:before{content:'';position:absolute;left:-8%;bottom:-70%;width:650px;height:650px;border-radius:50%;border:1px solid #3271b81c;box-shadow:0 0 0 100px #3271b807,0 0 0 200px #3271b805}.hero-inner{display:grid;grid-template-columns:1fr 1.02fr;align-items:center;min-height:680px;gap:35px;position:relative;z-index:2;padding-top:48px;padding-bottom:62px}.hero-copy{position:relative;z-index:4}.hero-aurora{position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none}.aurora-1{width:580px;height:490px;right:-80px;top:10px;background:#0068fe29}.aurora-2{width:370px;height:260px;right:15%;bottom:-160px;background:#65ba3c1d}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#a8cffc08 1px,transparent 1px),linear-gradient(90deg,#a8cffc08 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to left,black 0%,transparent 70%)}.eyebrow{display:inline-flex;align-items:center;gap:10px;letter-spacing:.16em;font-size:11px;font-weight:800;color:var(--blue);text-transform:uppercase}.eyebrow.light{color:#b4e8ff}.hero h1{font:800 clamp(38px,3.8vw,59px)/1.16 var(--font-head);letter-spacing:-.06em;margin:22px 0 25px;max-width:650px}.hero-highlight{color:#a1ed51;position:relative;white-space:nowrap}.hero-highlight:after{content:'';height:7px;border-bottom:3px solid #94dd40;position:absolute;bottom:-5px;left:0;right:0;transform:rotate(-1deg);opacity:.85}.hero-period{color:var(--green)}.hero-lead{font-size:15px;line-height:1.85;color:#c7d9f0;max-width:515px;margin:0 0 33px}.hero-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.text-cta{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:700;color:#f2f6fb}.text-cta:hover{color:#a1ed51}.hero-trust{margin-top:58px;display:flex;align-items:center;gap:16px;color:#a9c0da;font-size:11px;letter-spacing:.03em}.hero-trust b{color:var(--green);margin:0 6px}.trust-line{width:37px;height:2px;background:var(--green)}.hero-bottom-glow{position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--green),var(--blue),#003675)}.hero-visual{height:480px;position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center}.visual-constellation{position:absolute;inset:0;z-index:-1}.orbit{position:absolute;border:1px solid #a5cbff22;transform:rotate(-18deg);border-radius:50%}.orbit.o1{width:520px;height:380px;left:5%;top:10%}.orbit.o2{width:400px;height:290px;left:18%;top:18%}.orbital-dot{position:absolute;background:#abef4b;box-shadow:0 0 19px #abef4ba3;width:7px;height:7px;border-radius:50%;animation:pulse 3s infinite}.d1{right:5%;top:23%}.d2{left:17%;bottom:13%;animation-delay:1s}.digital-screen{width:88%;max-width:540px;min-height:372px;border:1px solid #72aefb57;border-radius:16px;background:linear-gradient(145deg,#102b5cea,#081a3cfa);box-shadow:0 32px 90px #0008,0 0 40px #278cff30,inset 0 1px #89bbfd37;padding:0 27px 24px;transform:perspective(950px) rotateY(-8deg) rotateX(3deg);position:relative;z-index:2}.digital-screen:before{content:'';position:absolute;inset:1px;border-radius:15px;background:radial-gradient(ellipse at 100% 0%,#1985ff18,transparent 60%);pointer-events:none}.screen-header{display:flex;align-items:center;gap:10px;height:63px;border-bottom:1px solid #a4c9ed2b}.screen-avatar{background:linear-gradient(150deg,#00a6ff,#0b478d);color:#a4f05a;width:31px;height:31px;border-radius:8px;display:grid;place-items:center;font-weight:900;font-size:19px;font-family:var(--font-head)}.screen-title{font-weight:800;font-size:11px;letter-spacing:.05em;color:#e4f0ff}.screen-title small{display:block;font-size:9px;font-weight:500;color:#87a3c6;letter-spacing:0}.screen-header-dots{display:flex;gap:5px;margin-left:auto}.screen-header-dots i{width:6px;height:6px;background:#6fa5e0;border-radius:50%;opacity:.55}.screen-label{font-size:9px;font-weight:800;letter-spacing:.22em;color:#83a7cb;margin-top:29px}.screen-headline{font:600 20px/1.42 var(--font-head);letter-spacing:-.03em;margin-top:8px}.screen-headline strong{color:#a1eb50}.ecosystem{display:flex;align-items:center;justify-content:center;gap:8px;margin:23px 0 25px}.eco-node{width:84px;height:92px;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#163e7c9c;border:1px solid #629be654;border-radius:12px;color:#e0efff;gap:3px;position:relative;z-index:2}.eco-node .ico{width:25px;height:25px;color:#79c8ff}.eco-node strong{font-size:10px;letter-spacing:.08em}.eco-node small{font-size:9px;color:#84a9d2}.eco-central{border:1px solid #89d0469c;border-radius:50%;width:112px;height:112px;display:grid;place-content:center;text-align:center;box-shadow:0 0 0 9px #7ac94312,0 0 35px #6fff461e;background:radial-gradient(circle,#214e82,#081b3d 76%);z-index:2}.central-n{font:900 50px/.95 var(--font-head);font-style:italic;background:linear-gradient(90deg,#99ee5d,#1397fe);color:transparent;background-clip:text}.eco-central>span{font-size:7px;color:#b3d2ee;letter-spacing:.13em;margin-top:5px}.eco-line{height:1px;width:27px;background:#7ac9438a;position:relative;display:flex;justify-content:space-between}.eco-line>span{width:3px;height:3px;border-radius:50%;background:#a0ed4a;position:relative;top:-1px;box-shadow:0 0 8px #9aed56}.screen-bottom{border-top:1px solid #9ebfe32a;padding-top:17px;display:flex;justify-content:space-between;gap:12px;font-size:9px;color:#9cbce1}.screen-bottom>div:first-child{display:flex;align-items:center;gap:7px;color:#c6f19d}.live-pulse{width:6px;height:6px;background:var(--green);border-radius:50%;box-shadow:0 0 0 4px #7ac94328}.floating-label{position:absolute;display:flex;align-items:center;gap:10px;z-index:4;background:#fff;color:#14274d;border-radius:12px;box-shadow:0 17px 44px #0004;padding:11px 13px;font-size:10px;line-height:1.35;animation:float 5s ease-in-out infinite}.floating-label strong{font-size:11px;color:#08204b}.label-one{top:36px;right:0}.label-two{bottom:38px;left:0;animation-delay:1.2s}.float-icon{width:35px;height:35px;border-radius:8px;background:#e5f2ff;color:#067bfa;display:grid;place-items:center}.float-icon.green{background:#e7f9dd;color:#40a70b}.float-icon .ico{width:21px;height:21px}.status-light{width:6px;height:6px;background:var(--green);border-radius:50%;margin-left:3px}.floating-micro{position:absolute;right:2%;bottom:0;display:flex;align-items:center;gap:8px;color:#d4ebff;font-size:10px;letter-spacing:.02em}.floating-micro .ico{color:var(--green);width:15px;height:15px}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.65)}}
/* capabilities */
.capability-bar{background:white;border-bottom:1px solid var(--border)}.capabilities{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:24px 0}.capabilities>span{display:flex;align-items:center;gap:9px;white-space:nowrap;color:#4d5c73;font-size:12px;font-weight:700}.capabilities .ico{width:19px;height:19px;color:#006eeb;stroke-width:1.8}
/* common sections */
.section{padding:105px 0}.section-heading{margin-bottom:43px}.section-heading.split{display:grid;grid-template-columns:1.25fr .75fr;align-items:end;gap:40px}.section-kicker{display:inline-flex;align-items:center;gap:10px;font-size:10px;font-weight:900;letter-spacing:.18em;color:#006bda;text-transform:uppercase}.section-kicker>span{width:23px;height:3px;background:var(--green);border-radius:10px}.section-kicker.inverse{color:#bfe0ff}.section-heading h2,.about-copy h2,.faq-grid h2,.contact-info h2{font:800 clamp(30px,3.25vw,43px)/1.24 var(--font-head);letter-spacing:-.055em;color:var(--navy);margin:17px 0 0}.section-heading h2 em,.about-copy h2 em,.faq-grid h2 em,.contact-info h2 em{font-style:normal;color:var(--blue)}.section-heading>p,.section-heading.split>p{max-width:455px;margin:0 0 4px auto;color:var(--muted);font-size:14px;line-height:1.9}.section-heading.center{text-align:center}.section-heading.center>p{margin:18px auto 0;max-width:570px}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:translateY(0)}
/* Services */
.services-section{background:#fff}.services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.service-card{position:relative;display:flex;flex-direction:column;min-height:340px;overflow:hidden;background:#fff;border:1px solid #e6ebf2;border-radius:16px;padding:29px 27px 25px;transition:box-shadow .3s,border-color .3s,transform .3s}.service-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#bfdaf7}.service-icon{width:47px;height:47px;display:grid;place-items:center;color:var(--blue);background:#ebf5ff;border-radius:12px;margin-bottom:24px}.service-icon .ico{width:23px;height:23px}.service-index{font-size:9px;font-weight:800;letter-spacing:.12em;color:#7190af}.service-card h3{font:800 19px/1.38 var(--font-head);letter-spacing:-.035em;color:var(--navy);margin:11px 0}.service-card>p{color:var(--muted);font-size:12.5px;line-height:1.85;margin:0 0 19px}.service-link{display:inline-flex;align-items:center;gap:8px;color:var(--blue);font-size:11px;font-weight:800;margin-top:auto;width:fit-content}.service-link .ico{width:15px;height:15px}.service-link:hover{gap:12px}.service-featured{background:linear-gradient(150deg,#0e3d85,#0b1f4b 70%);border-color:transparent;min-height:340px}.service-featured .service-icon.white{background:#ffffff21;color:white}.service-featured .service-index{color:#7fd3ff}.service-featured h3{color:white;position:relative;z-index:2}.service-featured>p{color:#d4e4f8;position:relative;z-index:2}.service-featured .service-tags{display:flex;flex-wrap:wrap;gap:6px;position:relative;z-index:2;margin:2px 0 18px}.service-tags span{font-size:9px;padding:5px 8px;color:#d9edff;border:1px solid #ffffff40;border-radius:6px;background:#ffffff0f}.service-featured .service-link.white{color:#b4ec6e;position:relative;z-index:2}.service-art{position:absolute;right:-80px;top:13px;width:240px;height:250px;transform:rotate(-22deg);opacity:.13}.art-square{position:absolute;width:120px;height:120px;border:18px solid #78d1ff;border-radius:20px}.art-square.a{right:32px;top:0}.art-square.b{right:2px;top:63px;border-color:#c6f45d}.art-square.c{right:90px;top:122px}
/* mission */
.mission-strip{overflow:hidden;position:relative;background:linear-gradient(105deg,#092354,#0b2e67 80%);padding:75px 0;color:white}.mission-inner{display:flex;align-items:center;justify-content:space-between;gap:28px;position:relative;z-index:2}.mission-inner h2{font:800 clamp(26px,3vw,39px)/1.3 var(--font-head);letter-spacing:-.04em;margin:18px 0 0}.mission-inner h2 em{color:#a7ef55;font-style:normal}.mission-watermark{position:absolute;right:6%;top:-90px;font:900 370px/1 var(--font-head);color:#ffffff06;transform:rotate(-12deg)}
/* Solutions tabs */
.solutions-section{background:#f7f9fc}.solutions-layout{display:grid;grid-template-columns:0.85fr 1.15fr;gap:32px;align-items:stretch}.solution-tabs{display:flex;flex-direction:column;gap:12px}.solution-tab{border:1px solid #e3e9f1;border-radius:14px;background:#fff;color:var(--ink);display:flex;align-items:center;text-align:left;gap:18px;padding:27px 22px;min-height:115px;transition:all .25s}.solution-tab:hover{border-color:#bed6f5;transform:translateX(3px)}.solution-tab.active{background:var(--navy);color:#fff;border-color:var(--navy);box-shadow:0 16px 36px #102d6526}.solution-tab .tab-number{font:700 12px var(--font-head);color:#85a4c5}.solution-tab.active .tab-number{color:#aceb6f}.solution-tab>span:nth-child(2){flex:1}.solution-tab strong{display:block;font:800 15px/1.4 var(--font-head);letter-spacing:-.03em}.solution-tab small{display:block;color:#778397;font-size:11px;margin-top:4px}.solution-tab.active small{color:#b8cce9}.solution-tab>.ico{width:18px;height:18px;color:#b4c3d6}.solution-tab.active>.ico{color:#9ce95a}.solution-stage{background:#fff;border:1px solid #e4eaf2;border-radius:18px;overflow:hidden;min-height:520px;box-shadow:0 14px 50px rgba(19,56,101,.04)}.solution-panel{padding:30px 36px 31px;height:100%;animation:panelin .4s ease}.solution-panel[hidden]{display:none!important}.panel-eyebrow{font-weight:800;font-size:10px;letter-spacing:.16em;color:#7892aa}.panel-art{height:244px;position:relative;overflow:hidden;border-radius:13px;margin:20px 0 24px;background:radial-gradient(ellipse at 60% 30%,#1d73cc,#0b2b69 65%,#061a43);display:grid;place-items:center}.panel-art:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#ffffff12 1px,transparent 1px),linear-gradient(90deg,#ffffff12 1px,transparent 1px);background-size:35px 35px;mask-image:linear-gradient(180deg,#000,transparent)}.panel-center{width:107px;height:107px;display:grid;place-items:center;border:1px solid #c2e7ff8c;background:#0b2b69;border-radius:22px;color:#fff;font:900 28px var(--font-head);box-shadow:0 0 0 12px #60a8ff14,0 0 45px #86c5ff35;z-index:2}.panel-orb{position:absolute;color:#dff3ff;background:#1b5390;border:1px solid #63a7e5a0;border-radius:8px;padding:8px 11px;font:800 10px var(--font-body);letter-spacing:.06em;z-index:2}.orb-a{top:24px;left:18%}.orb-b{top:30px;right:14%}.orb-c{bottom:30px;left:15%}.orb-d{bottom:26px;right:19%}.panel-link{width:270px;height:140px;border:1px solid #88ccff45;border-radius:50%;position:absolute;transform:rotate(24deg)}.panel-link.l2{transform:rotate(-38deg)}.panel-cloud .cloud-graphic{position:relative;z-index:2;border:1px solid #9be86d90;box-shadow:0 0 0 15px #9fe66f15,0 0 0 35px #98dfff10;border-radius:40%;width:130px;height:108px;display:grid;place-items:center;background:#0e3c76}.cloud-graphic .ico{width:75px;height:75px;color:#abf273;stroke-width:1.3}.cloud-point{position:absolute;color:#e8f5ff;background:#0b2759c7;border:1px solid #8ec6fb91;padding:9px;border-radius:8px;font-size:11px;z-index:2}.cp1{top:30px;left:11%}.cp2{top:31px;right:9%}.cp3{bottom:24px;left:42%}.panel-data .panel-bars{height:150px;width:75%;display:flex;align-items:flex-end;gap:12px;justify-content:center;position:relative;z-index:2}.panel-bars span{width:10%;height:34%;border-radius:5px 5px 0 0;background:linear-gradient(180deg,#a2ef59,#057ffb);opacity:.85}.panel-bars span:nth-child(2){height:64%}.panel-bars span:nth-child(3){height:48%}.panel-bars span:nth-child(4){height:79%}.panel-bars span:nth-child(5){height:55%}.panel-bars span:nth-child(6){height:92%}.panel-bars span:nth-child(7){height:77%}.data-badge{position:absolute;z-index:3;top:31px;left:34%;border-radius:25px;background:#092150eb;border:1px solid #7bd64a75;color:#fff;font:900 14px var(--font-head);padding:10px 24px}.data-badge b{color:#a7f669}.solution-panel h3{font:800 21px/1.35 var(--font-head);letter-spacing:-.04em;color:var(--navy);margin:0 0 10px}.solution-panel>p{font-size:12.5px;color:var(--muted);line-height:1.75;margin:0 0 17px}.panel-tags{display:flex;flex-wrap:wrap;gap:7px}.panel-tags span{background:#eef5fc;color:#35608a;font-size:10px;font-weight:700;padding:7px 11px;border-radius:20px}@keyframes panelin{from{opacity:.5;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
/* method */
.method-section{background:#fff}.method-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.method-step{position:relative;padding:0 12px 0 0}.step-num{width:51px;height:51px;display:grid;place-items:center;border-radius:13px;background:#edf5fe;color:#0c6edc;font:800 16px var(--font-head);border:1px solid #d4e8fb}.method-step:last-child .step-num{background:#eaf9dd;color:#379918;border-color:#cff2b5}.step-line{height:1px;background:linear-gradient(90deg,#9bbbe2,#dde8f5);position:absolute;top:25px;left:64px;right:-5px}.method-step:last-child .step-line{display:none}.method-step h3{font:800 14px/1.35 var(--font-head);color:var(--navy);letter-spacing:-.02em;margin:23px 0 9px}.method-step p{font-size:12px;line-height:1.75;color:var(--muted);margin:0}.method-pill-row{margin-top:48px;padding:22px 28px;border-radius:14px;background:#f2f7fc;display:flex;justify-content:space-around;align-items:center;gap:20px}.method-pill-row span{display:flex;gap:8px;align-items:center;font-size:12px;font-weight:700;color:#234568}.method-pill-row .ico{width:18px;height:18px;color:#54b625}
/* about */
.about-section{background:#f5f8fc}.about-grid{display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:95px}.about-visual{height:495px;position:relative;overflow:hidden;border-radius:20px;background:linear-gradient(140deg,#071b45,#135aaa 85%);box-shadow:0 26px 60px #123d8428}.about-visual-grid{position:absolute;inset:0;background-image:linear-gradient(#b2d0ff12 1px,transparent 1px),linear-gradient(90deg,#b2d0ff12 1px,transparent 1px);background-size:35px 35px;transform:perspective(400px) rotateX(12deg) scale(1.4)}.about-visual:before{content:'';position:absolute;width:370px;height:370px;border-radius:50%;border:1px solid #aed7ff47;top:34px;left:49px;box-shadow:0 0 0 40px #aed7ff0b,0 0 0 90px #aed7ff08}.about-visual:after{content:'';position:absolute;right:-30%;bottom:-29%;width:440px;height:240px;background:#7ac94380;filter:blur(100px)}.about-n{height:100%;display:grid;place-items:center;position:relative;z-index:2}.about-n img{width:min(73%,330px);height:auto;filter:drop-shadow(0 25px 26px #001943a0)}.about-caption{position:absolute;bottom:34px;left:33px;z-index:3;color:white;border-left:3px solid var(--green);padding-left:17px}.about-caption span{display:block;font-size:10px;letter-spacing:.22em;color:#bfe1ff;font-weight:800}.about-caption strong{display:block;font:800 27px var(--font-head);letter-spacing:-.04em;margin-top:4px}.about-copy h2{margin-bottom:23px}.about-copy>p{font-size:13px;color:#687890;line-height:1.95}.about-copy>.about-lead{font-size:14px;font-weight:600;color:#344864;line-height:1.85}.value-list{margin-top:28px;display:grid;gap:14px}.value-list>div{display:grid;grid-template-columns:45px 1fr;column-gap:12px;align-items:center}.value-list>div>span{grid-row:span 2;width:44px;height:44px;background:#e2effb;color:#0576e8;border-radius:11px;display:grid;place-items:center}.value-list>div>span .ico{width:21px;height:21px}.value-list strong{font:800 12px var(--font-head);color:var(--navy);align-self:end}.value-list small{font-size:11px;color:#78849a;align-self:start}
/* use cases */
.usecases-section{background:#fff}.usecase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.usecase-card{padding:19px 22px 26px;border:1px solid #e4eaf1;border-radius:16px;transition:transform .3s,box-shadow .3s}.usecase-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.usecase-label{font-size:9px;letter-spacing:.12em;font-weight:800;color:#8090a3}.usecase-graphic{height:172px;margin:14px 0 23px;border-radius:12px;display:grid;place-items:center;position:relative;overflow:hidden}.usecase-graphic:before,.usecase-graphic:after{content:'';position:absolute;width:200px;height:200px;border:1px solid #ffffff70;border-radius:50%}.usecase-graphic:before{left:-70px;top:-130px}.usecase-graphic:after{right:-70px;bottom:-130px}.usecase-graphic .ico{width:76px;height:76px;stroke-width:1.1;color:#fff;position:relative;z-index:1}.graphic-commerce{background:linear-gradient(125deg,#0d68c8,#0c2d68)}.graphic-industry{background:linear-gradient(125deg,#102f65,#06a9cb)}.graphic-data{background:linear-gradient(125deg,#3367bb,#6bbf42)}.usecase-card h3{font:800 16px/1.42 var(--font-head);letter-spacing:-.025em;color:var(--navy);margin:0 0 10px}.usecase-card p{font-size:12px;color:var(--muted);line-height:1.85;margin:0 0 20px}.usecase-card a{font-size:11px;font-weight:800;color:#0678eb;display:inline-flex;align-items:center;gap:7px}.usecase-card a .ico{width:15px;height:15px}
/* faq */
.faq-section{background:#f5f8fc}.faq-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px}.faq-grid h2{margin-bottom:20px}.faq-grid>div:first-child>p{font-size:13px;color:var(--muted);line-height:1.85;max-width:340px}.text-link{display:inline-flex;align-items:center;gap:9px;color:var(--blue);font-size:12px;font-weight:800;margin-top:17px}.text-link .ico{width:17px;height:17px}.faq-items{border-top:1px solid #dce4ed}.faq-items details{border-bottom:1px solid #dce4ed;padding:0 5px}.faq-items summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:24px 0;cursor:pointer;color:var(--navy);font-size:13px;font-weight:800}.faq-items summary::-webkit-details-marker{display:none}.faq-items summary .ico{width:17px;height:17px;color:#0e80ec;transition:transform .2s}.faq-items details[open] summary .ico{transform:rotate(45deg)}.faq-items details>p{color:var(--muted);font-size:12.5px;line-height:1.9;margin:0 35px 24px 0}
/* CTA */
.cta-banner{position:relative;background:linear-gradient(102deg,#0b2555,#0b3c80);color:#fff;padding:67px 0;overflow:hidden}.cta-content{display:flex;align-items:center;justify-content:space-between;gap:35px;position:relative;z-index:2}.cta-mini{display:flex;align-items:center;gap:9px;color:#b5d9f9;font-size:10px;font-weight:900;letter-spacing:.2em}.cta-content h2{font:800 clamp(28px,3vw,40px)/1.27 var(--font-head);letter-spacing:-.05em;margin:17px 0 0}.cta-content h2 em{color:#a8ef5d;font-style:normal}.cta-pattern{position:absolute;right:-5%;top:-150px;width:550px;height:440px;border:1px solid #ffffff13;border-radius:50%;box-shadow:0 0 0 50px #ffffff08,0 0 0 100px #ffffff04}
/* contact */
.contact-section{background:#fff}.contact-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:85px;align-items:start}.contact-info h2{margin-bottom:24px}.contact-info>p{font-size:13px;color:var(--muted);line-height:1.9;max-width:420px}.contact-highlights{display:grid;gap:25px;margin-top:41px}.contact-highlights>div{display:flex;gap:15px;align-items:flex-start}.contact-highlights>div>span{width:45px;height:45px;flex:0 0 auto;display:grid;place-items:center;border-radius:12px;background:#ecf4fe;color:#087bec}.contact-highlights strong{font:800 13px var(--font-head);color:var(--navy)}.contact-highlights small{font-size:12px;color:var(--muted);display:block;margin-top:5px}.contact-email-box{display:flex;gap:10px;align-items:center;margin-top:45px;border-top:1px solid #e6eaf0;padding-top:22px;color:var(--blue);font-weight:800}.contact-email-box[hidden]{display:none}.contact-email-box .ico{width:18px;height:18px}.contact-form-shell{border:1px solid #e1e8ef;border-radius:18px;padding:36px;box-shadow:0 24px 65px #11396012}.form-top h3{font:800 19px var(--font-head);color:var(--navy);letter-spacing:-.03em;margin:0}.form-top p{font-size:11px;color:#8693a4;margin:8px 0 25px}.contact-form-shell form{display:grid;gap:19px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-form-shell label:not(.consent){display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:800;color:#354a65}.contact-form-shell input:not([type="checkbox"]),.contact-form-shell select,.contact-form-shell textarea{width:100%;border:1px solid #dae3ed;background:#fafcff;border-radius:8px;color:var(--ink);outline:none;padding:13px 12px;font-size:12px;font-weight:500;transition:border-color .2s,box-shadow .2s}.contact-form-shell textarea{resize:vertical;min-height:128px}.contact-form-shell input::placeholder,.contact-form-shell textarea::placeholder{color:#9ea9b8}.contact-form-shell input:focus,.contact-form-shell select:focus,.contact-form-shell textarea:focus{border-color:#52a2ed;box-shadow:0 0 0 3px #007bff1a}.contact-form-shell [aria-invalid="true"]{border-color:#d74443!important}.consent{display:flex;align-items:flex-start;gap:12px;font-size:10px;line-height:1.75;color:#63748c}.consent input{accent-color:var(--blue);margin-top:3px}.consent a{color:#006fda;text-decoration:underline}.honeypot{position:absolute!important;width:1px;height:1px;overflow:hidden;left:-9999px}.form-feedback{font-size:12px;margin:0;min-height:0}.form-feedback:empty{display:none}.form-feedback.error{color:#9e2d29}.form-feedback.success{color:#277b1b}.submit-button{width:100%;justify-content:space-between}.submit-button:disabled{opacity:.6;cursor:wait}.form-note{font-size:9.5px;color:#97a0ad;margin:-5px 0 0;line-height:1.6}
/* Footer */
.site-footer{background:#061730;color:#cad8e8;padding:65px 0 0}.footer-main{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.1fr;gap:48px;padding-bottom:58px}.footer-brand .footer-logo{display:block;width:192px;height:121px;margin-top:-19px}.footer-logo img{width:100%;height:auto}.footer-brand>p{font-size:12px;line-height:1.8;max-width:260px;color:#9cafc8;margin:10px 0 22px}.footer-to-top{font-weight:800;color:#a6ed65;display:inline-flex;align-items:center;gap:7px;font-size:11px}.footer-to-top .ico{width:14px;height:14px}.footer-col{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.footer-col h3{font:800 12px var(--font-head);color:#fff;margin:2px 0 12px}.footer-col>a{color:#a8b9ce;font-size:11px;line-height:1.5}.footer-col>a:hover{color:#a1ea5f}.footer-col p{color:#a8b9ce;font-size:11px;line-height:1.8;margin:-5px 0 8px}.footer-col>a.footer-contact-link{display:inline-flex;gap:7px;align-items:center;color:#a6ec6c;font-weight:800}.footer-contact-link .ico{width:14px;height:14px}.footer-bottom{border-top:1px solid #ffffff22;min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#8095b2;font-size:10px}.footer-bottom>div{display:flex;gap:22px}.footer-bottom a:hover{color:#fff}.green-heart{color:var(--green)}
/* utility */
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
@media(max-width:1100px){.main-nav{gap:18px}.main-nav>a:not(.btn){font-size:11px}.hero-inner{gap:4px}.hero h1{font-size:46px}.hero-visual{transform:scale(.93);transform-origin:center}.about-grid{gap:55px}.faq-grid{gap:55px}.contact-grid{gap:45px}.services-grid{gap:13px}.service-card{padding:23px 21px;min-height:365px}}
@media(max-width:900px){.container{width:min(100% - 44px,1200px)}.main-nav{display:none;position:fixed;top:72px;left:0;right:0;background:#fff;box-shadow:0 18px 35px #07214d26;padding:25px 30px;flex-direction:column;align-items:stretch;gap:0;max-height:calc(100vh - 72px);overflow-y:auto;z-index:99}.main-nav.open{display:flex}.main-nav>a:not(.btn){font-size:14px;border-bottom:1px solid #eef1f6;padding:16px 0}.main-nav>a.btn{margin-top:20px}.menu-toggle{display:grid;place-items:center}.site-header{height:72px}.hero-inner{grid-template-columns:1fr;gap:12px;padding-top:70px;padding-bottom:50px}.hero{min-height:0}.hero-copy{max-width:670px}.hero h1{font-size:clamp(39px,6vw,62px)}.hero-visual{max-width:600px;width:100%;margin:auto;transform:none}.hero-trust{margin-top:32px}.capabilities{flex-wrap:wrap;justify-content:center;column-gap:30px;row-gap:17px}.services-grid{grid-template-columns:repeat(2,1fr)}.service-card{min-height:315px}.section{padding:80px 0}.section-heading.split{grid-template-columns:1fr;gap:15px}.section-heading.split>p{margin:0}.method-steps{grid-template-columns:repeat(3,1fr);gap:32px 23px}.method-step:nth-child(3) .step-line{display:none}.about-grid{gap:38px}.about-visual{height:420px}.faq-grid{grid-template-columns:1fr;gap:34px}.faq-grid>div:first-child>p{max-width:700px}.contact-grid{grid-template-columns:1fr;gap:37px}.contact-highlights{grid-template-columns:repeat(2,1fr);gap:20px;margin-top:24px}.footer-main{grid-template-columns:repeat(2,1fr)}.footer-bottom{flex-wrap:wrap;padding:17px 0}.usecase-card{padding:16px}.usecase-grid{gap:13px}}
@media(max-width:650px){html{scroll-padding-top:76px}.container{width:calc(100% - 36px)}.announcement-inner{min-height:36px;gap:6px;font-size:9px}.announcement-inner>a{display:none}.brand-symbol{width:45px}.brand-word{font-size:20px}.hero-inner{padding-top:55px;padding-bottom:32px}.hero h1{font-size:clamp(36px,9.2vw,48px);line-height:1.19;margin:16px 0 19px}.hero-lead{font-size:13px;line-height:1.85}.hero-actions{align-items:stretch;gap:19px}.hero-actions .btn{width:100%}.hero-actions .text-cta{padding:6px 0}.hero-trust{font-size:9px;line-height:1.7;margin-top:25px}.hero-visual{height:370px;margin-top:16px}.digital-screen{width:94%;min-height:295px;padding:0 15px 17px;transform:none}.screen-header{height:50px}.screen-label{margin-top:19px}.screen-headline{font-size:16px}.ecosystem{gap:3px;margin:13px 0 15px}.eco-node{width:65px;height:70px}.eco-node .ico{width:18px;height:18px}.eco-node strong{font-size:9px}.eco-node small{font-size:8px}.eco-central{width:81px;height:81px}.central-n{font-size:37px}.eco-central>span{font-size:6px}.eco-line{width:16px}.screen-bottom{font-size:8px}.screen-bottom>div:last-child{display:none}.floating-label{font-size:8px;padding:7px;gap:6px}.floating-label strong{font-size:9px}.float-icon{width:26px;height:26px}.float-icon .ico{width:16px;height:16px}.label-one{top:5px;right:-3px}.label-two{bottom:0;left:0}.floating-micro{display:none}.capabilities{gap:13px;padding:22px 0}.capabilities>span{font-size:10px;flex-basis:calc(50% - 10px);justify-content:flex-start;white-space:normal}.capabilities>span:last-child{flex-basis:100%;justify-content:center}.capabilities .ico{width:16px;height:16px}.section{padding:68px 0}.section-heading{margin-bottom:29px}.section-heading h2,.about-copy h2,.faq-grid h2,.contact-info h2{font-size:31px}.section-heading>p,.section-heading.split>p{font-size:12.5px}.services-grid{grid-template-columns:1fr;gap:13px}.service-card{min-height:0;padding:25px}.service-card h3{font-size:20px}.service-card>p{font-size:12px}.service-featured{min-height:360px}.mission-strip{padding:56px 0}.mission-inner{flex-direction:column;align-items:flex-start}.mission-inner h2{font-size:27px}.solutions-layout{grid-template-columns:1fr;gap:18px}.solution-tabs{gap:7px}.solution-tab{min-height:78px;padding:15px;gap:12px}.solution-tab strong{font-size:13px}.solution-tab small{font-size:10px}.solution-stage{min-height:460px}.solution-panel{padding:22px}.panel-art{height:210px}.panel-orb{font-size:8px;padding:6px}.panel-center{width:80px;height:80px;font-size:24px}.panel-link{width:200px}.method-steps{grid-template-columns:1fr;gap:23px}.method-step{padding-left:68px;min-height:65px}.step-num{position:absolute;left:0;top:0}.step-line,.method-step:nth-child(3) .step-line{display:block;width:1px;height:calc(100% + 26px);left:25px;right:auto;top:58px;background:#d8e9f8}.method-step:last-child .step-line{display:none}.method-step h3{margin:0 0 6px;font-size:14px}.method-pill-row{margin-top:31px;flex-direction:column;align-items:flex-start;gap:12px}.about-grid{grid-template-columns:1fr;gap:39px}.about-visual{height:345px}.about-n img{width:60%}.about-caption{bottom:20px;left:20px}.about-caption strong{font-size:21px}.about-copy p{font-size:12px}.usecase-grid{grid-template-columns:1fr;gap:16px}.usecase-card{padding:20px}.usecase-graphic{height:175px}.faq-grid{gap:25px}.faq-items summary{font-size:12px;padding:18px 0}.cta-banner{padding:52px 0}.cta-content{flex-direction:column;align-items:flex-start;gap:25px}.cta-content h2{font-size:28px}.cta-content .btn{width:100%}.contact-highlights{grid-template-columns:1fr}.contact-form-shell{padding:23px 19px}.form-row{grid-template-columns:1fr;gap:19px}.footer-main{grid-template-columns:repeat(2,1fr);column-gap:21px;row-gap:35px}.footer-brand{grid-column:1/-1}.footer-col{gap:10px}.footer-bottom{justify-content:flex-start;gap:13px 25px}.footer-bottom>div{order:3;width:100%}}


/* Coordonnées officielles NONOTECH — version 1.1 */
.contact-details{display:grid;gap:13px;margin-top:34px;border-top:1px solid #e1e8ef;padding-top:24px}
.contact-detail{display:flex;align-items:center;gap:13px;min-width:0}
.contact-detail-icon{width:39px;height:39px;flex:0 0 39px;border-radius:11px;display:grid;place-items:center;background:#eef6ff;color:#007bff}
.contact-detail-icon .ico{width:18px;height:18px}
.contact-detail>div{display:flex;flex-direction:column;gap:3px;min-width:0}
.contact-detail small{font:800 9px var(--font-head);letter-spacing:.11em;color:#72859e}
.contact-detail a{font:700 12px var(--font-body);color:#0b1f4b;overflow-wrap:anywhere;text-decoration:none}
.contact-detail a:hover{color:#007bff;text-decoration:underline}
.footer-col a{overflow-wrap:anywhere}
.form-note a{color:#006fda;text-decoration:underline}
@media(max-width:650px){.contact-details{margin-top:26px}.contact-detail a{font-size:12px}}