/* Bertech Solutions | design system 2026 */
:root{color-scheme:dark;--bg:#07131f;--bg-alt:#0a1928;--panel:#102338;--panel-hi:#142b43;--line:#244159;--line-soft:rgba(157,200,229,.13);--ink:#f3faff;--muted:#acc2d2;--quiet:#7f9aae;--cyan:#42d8ff;--cyan-hi:#70f0ff;--blue:#1987ff;--navy:#05101c;--max:1216px;--radius:20px;--shadow:0 24px 60px rgba(0,4,15,.28)}
*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}
svg{display:block}.icon{width:20px;height:20px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}
img{max-width:100%;height:auto}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #92f9ff;outline-offset:4px}
h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.13;letter-spacing:-.05em}h2{font-size:clamp(2rem,3.7vw,3.6rem);font-weight:850}h2 span,h1 span{color:var(--cyan)}h3{font-size:1.26rem;letter-spacing:-.025em}.container{width:min(calc(100% - 48px),var(--max));margin-inline:auto}.section{padding-block:112px}.kicker{margin-bottom:20px;font-size:.76rem;letter-spacing:.16em;font-weight:800;color:var(--cyan);text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:12px;margin:0;font-size:.76rem;font-weight:850;letter-spacing:.16em;color:#9deaf8;text-transform:uppercase}.live-dot{display:inline-block;width:8px;height:8px;background:#5cffcf;border-radius:100%;box-shadow:0 0 0 5px rgba(79,255,202,.12),0 0 16px #5cffc855}
.section-heading{margin-bottom:42px}.section-heading h2{max-width:710px;margin:0}.section-heading p{color:var(--muted);max-width:530px;line-height:1.8;margin-bottom:0}.split-head{display:flex;justify-content:space-between;align-items:end;gap:70px}.split-head>p{width:34%;padding-bottom:5px}.center{text-align:center}.center h2,.center>p{margin-inline:auto}.center>p:not(.kicker){margin-top:12px}
.skip-link{position:fixed;left:16px;top:-80px;background:var(--cyan);color:#061524;z-index:100;padding:12px 20px;border-radius:8px;font-weight:800}.skip-link:focus{top:12px}
.site-header{position:sticky;top:0;z-index:50;background:rgba(5,17,29,.89);border-bottom:1px solid rgba(126,197,239,.13);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.header-inner{min-height:84px;display:flex;align-items:center;gap:26px}.brand{display:inline-flex;align-items:center;gap:7px;flex-shrink:0}.brand img{width:61px;height:50px;object-fit:contain;filter:drop-shadow(0 0 6px #26b9ff44)}.brand-type{display:flex;flex-direction:column;line-height:1.1;letter-spacing:.09em}.brand-type strong{font-weight:950;font-size:1.1rem;letter-spacing:.02em}.brand-type>span{font-size:.65rem;letter-spacing:.43em;color:#80e1ff;font-weight:700;margin-top:4px}.nav{display:flex;align-items:center;gap:28px;margin-left:auto}.nav>a{white-space:nowrap;font-size:.86rem;font-weight:660;color:#b8d1e0;transition:color .2s}.nav>a:hover,.nav>a:focus-visible{color:#fff}.nav>a.nav-contact{display:none}.header-call{margin-left:8px;white-space:nowrap}.menu-button{display:none}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:52px;padding:13px 24px;border-radius:11px;font-size:.91rem;line-height:1.2;font-weight:850;letter-spacing:-.014em;border:1px solid transparent;transition:transform .2s,background .2s,border-color .2s,box-shadow .2s}.btn .icon{width:19px;height:19px}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(115deg,#50dcff 0%,#269bfb 100%);color:#061827;box-shadow:0 12px 35px #1079c52b}.btn-primary:hover{background:linear-gradient(115deg,#89eafd,#5cbbff);box-shadow:0 14px 43px #1079c547}.btn-call{background:#143147;border-color:#336a87;color:#effaff}.btn-call:hover{border-color:#74dafa;background:#1c425c}.btn-ghost{border:1px solid #42718c;background:#102638a8;color:#eaf7ff}.btn-ghost:hover{border-color:var(--cyan);background:#17374c}.btn-dark{background:#071724;color:#e7faff}.btn-dark:hover{background:#13263a}.btn-outline-dark{background:transparent;color:#061626;border-color:#064664}.btn-outline-dark:hover{background:#d9f8fd}.text-link{color:#85e9ff;font-weight:800;display:inline-flex;align-items:center;gap:12px;font-size:.95rem}.text-link:hover{color:#fff}.text-link .icon,.service-card a .icon{transition:transform .2s}.text-link:hover .icon,.service-card a:hover .icon{transform:translateX(4px)}
.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 77% 32%,rgba(10,70,113,.55),transparent 52%),radial-gradient(ellipse at 12% 90%,rgba(13,67,120,.21),transparent 52%),linear-gradient(165deg,#071421,#07121d 65%,#081625);border-bottom:1px solid #17354b}
.hero:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(to right,#5bc9ff0a 1px,transparent 1px),linear-gradient(to bottom,#5bc9ff0a 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to bottom,black,transparent 92%)}
.hero-glow{position:absolute;width:480px;height:480px;pointer-events:none;border-radius:100%;filter:blur(100px);opacity:.17}.hero-glow-left{background:#0861a1;left:-380px;top:10%}.hero-glow-right{background:#18d5ff;right:-280px;top:5%}
.hero-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:65px;min-height:645px;padding-top:72px;padding-bottom:82px}.hero-content{position:relative;z-index:2}.hero h1{max-width:700px;font-size:clamp(3.25rem,5.3vw,5.25rem);font-weight:880;line-height:1.065;letter-spacing:-.068em;margin:23px 0 25px}.hero h1 span{display:block;background:linear-gradient(100deg,#63eaff 0%,#36a5ff 88%);background-clip:text;-webkit-text-fill-color:transparent}.hero-lead{color:#b7cedd;font-size:1.04rem;line-height:1.9;max-width:575px;margin-bottom:30px}.hero-lead strong{color:#ecf9ff;font-weight:750}.hero-actions{display:flex;gap:13px;flex-wrap:wrap}.hero-points{display:flex;gap:24px;flex-wrap:wrap;list-style:none;padding:0;margin:27px 0 0;font-size:.82rem;color:#a7c1d2}.hero-points li{display:flex;align-items:center;gap:6px}.hero-points .icon{width:16px;height:16px;color:#5be7d2}
.hero-display{height:520px;display:grid;place-items:center;position:relative;isolation:isolate}.hero-display:before{content:"";position:absolute;inset:30px 20px;background:radial-gradient(ellipse,#1284d452 0,#08253b61 49%,transparent 70%);filter:blur(25px)}.visual-orbit{position:absolute;border:1px solid #317ca475;border-radius:50%;transform:rotate(-23deg)}.orbit-one{width:450px;height:450px}.orbit-two{width:525px;height:525px;border-style:dashed;border-color:#15578255;animation:rotate 75s linear infinite}.hero-figure{position:relative;margin:0;border-radius:43% 43% 30% 30%;width:390px;height:410px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,#16394b,#091627 66%);box-shadow:0 20px 75px #020d1999,0 0 0 1px #257db25c,inset 0 0 50px #19acfe21}.hero-figure:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 30%,#33c7fe30,transparent 67%);z-index:1;pointer-events:none}.hero-figure img{width:100%;height:100%;object-fit:cover;filter:saturate(1.1) contrast(1.07)}.hero-card{position:absolute;display:flex;align-items:center;gap:12px;z-index:2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid #57cfff57;background:rgba(13,41,62,.9);box-shadow:0 14px 42px #03121e80}.hero-card-top{right:-12px;top:96px;padding:12px 17px;border-radius:15px}.card-icon{display:grid;place-items:center;width:41px;height:41px;background:#185270;border-radius:12px;color:#71e8ff}.hero-card strong,.hero-card small{display:block}.hero-card strong{font-size:.88rem}.hero-card small{color:#a5c5d7;font-size:.7rem}.hero-card-bottom{bottom:69px;left:-14px;padding:12px 15px;border-radius:11px;max-width:277px;font-size:.77rem;font-weight:730;line-height:1.35}.card-pip{height:8px;width:8px;flex-shrink:0;border-radius:50%;background:#39ebc4;box-shadow:0 0 14px #27eddc}
.hero-bottom{display:flex;position:relative;align-items:center;justify-content:space-between;border-top:1px solid #2b4d6170;padding:18px 0 19px;color:#8caabc;font-size:.7rem;font-weight:800;letter-spacing:.18em}.hero-bottom a{display:flex;align-items:center;gap:7px;letter-spacing:0;font-size:.83rem;color:#9feaff}.hero-bottom .icon{width:17px}
.trust-strip{background:#0d2335;border-bottom:1px solid #1c4257}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr)}.trust-item{display:flex;align-items:center;gap:14px;padding:30px 28px;border-right:1px solid #2d4b5d}.trust-item:first-child{padding-left:0}.trust-item:last-child{border-right:0}.trust-icon{width:46px;height:46px;display:grid;place-items:center;flex-shrink:0;color:#60dfff;background:#173e53;border:1px solid #296283;border-radius:13px}.trust-item strong,.trust-item small{display:block}.trust-item strong{font-size:.9rem;line-height:1.3}.trust-item small{color:#a2bdcf;font-size:.78rem;line-height:1.5;margin-top:3px}
.services-section{background:linear-gradient(180deg,#081623,#0a1928)}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{position:relative;display:flex;flex-direction:column;min-height:304px;padding:31px;border:1px solid #29475a;background:linear-gradient(148deg,#132c41,#0d1e2d 73%);border-radius:18px;overflow:hidden;box-shadow:0 8px 23px #03121c3d;transition:border-color .22s,transform .22s,box-shadow .22s}.service-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,transparent,#49c6ec,transparent);transform:scaleX(0);transition:transform .22s}.service-card:hover{transform:translateY(-6px);border-color:#51aac7;box-shadow:0 17px 45px #0007}.service-card:hover:before{transform:scaleX(1)}.service-icon{height:55px;width:55px;display:grid;place-items:center;border:1px solid #315d75;border-radius:15px;color:#63e7ff;background:#184057;margin-bottom:28px}.service-icon .icon{width:27px;height:27px}.service-no{position:absolute;right:28px;top:29px;color:#52798e;font-size:.87rem;font-weight:850}.service-card h3{font-size:1.23rem;margin:0 0 13px}.service-card p{font-size:.9rem;line-height:1.8;color:#adcad9;margin-bottom:28px;flex:1}.service-card a{display:flex;align-items:center;justify-content:space-between;color:#7ae6fc;border-top:1px solid #335064;padding-top:19px;font-size:.83rem;font-weight:820}.service-card a .icon{width:18px}.section-note{margin:26px 0 0;color:#93b1c4;font-size:.9rem}.section-note a{font-weight:750;color:#8ceeff;text-decoration:underline;text-underline-offset:3px}
.quick-section{background:linear-gradient(115deg,#10263b,#0b1c2d 65%,#0c223a);border-block:1px solid #2a5267}.quick-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:80px;align-items:center}.quick-aside{position:relative}.quick-aside h2{font-size:clamp(2.5rem,4.5vw,4rem);margin:0 0 23px}.quick-aside>p:not(.kicker){color:#b3cddd;line-height:1.9;max-width:420px}.quick-deco{margin-top:38px;width:130px;height:130px;display:grid;place-items:center;border:1px solid #2e758f;border-radius:30px;background:#1b496258;transform:rotate(-12deg);color:#4bcaeb}.quick-deco .icon{width:75px;height:75px;stroke-width:.75}.quick-widget{padding:33px 36px;background:#061827;border:1px solid #3a6984;box-shadow:var(--shadow);border-radius:22px}.question-number{color:#8aafc7;font-size:.72rem;letter-spacing:.14em;font-weight:820;margin-bottom:20px}.issue-options{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.issue{position:relative;display:flex;align-items:center;gap:11px;text-align:left;min-height:76px;width:100%;border-radius:12px;background:#112a3b;border:1px solid #315069;color:#c2d8e7;padding:15px;transition:border-color .18s,background .18s}.issue>.icon{color:#69c9e7;flex-shrink:0;width:23px;height:23px}.issue span:not(.issue-check){font-size:.8rem;font-weight:790;line-height:1.4;flex:1}.issue-check{font-size:.9rem;opacity:0;color:#051b2d;font-weight:900}.issue:hover{border-color:#5bc0db}.issue.active{background:#133f55;border-color:#52d5f4;box-shadow:inset 0 0 0 1px #3fb6dd33}.issue.active>.icon{color:#65e6ff}.issue.active .issue-check{display:grid;place-items:center;opacity:1;flex-shrink:0;border-radius:100%;background:#6ce8ff;width:20px;height:20px}.quick-result{min-height:137px;padding:21px 0 9px;border-top:1px solid #29445a;margin-top:23px}.result-label{display:block;font-size:.67rem;font-weight:860;letter-spacing:.12em;color:#6dd9f3;margin-bottom:7px}.quick-result strong{display:block;font-size:1.12rem}.quick-result p{color:#a9c6d6;font-size:.83rem;line-height:1.6;margin:5px 0}.quick-cta{width:100%}.quick-widget>small{display:block;color:#8daabb;font-size:.71rem;line-height:1.5;margin-top:15px}
.universe-section{background:#091723}.universe-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:86px;align-items:center}.universe-photo{position:relative;border-radius:24px;background:#113149;border:1px solid #376c8c;padding:14px;box-shadow:var(--shadow);transform:rotate(-1deg)}.universe-photo img{display:block;width:100%;aspect-ratio:1.4/1;object-fit:cover;border-radius:14px;filter:saturate(1.1)}.universe-stamp{position:absolute;bottom:-16px;left:35px;display:flex;align-items:center;gap:8px;padding:12px 16px;background:#0a2638;border:1px solid #4cb5d3;border-radius:10px;font-weight:800;font-size:.81rem;box-shadow:0 12px 30px #0006}.universe-stamp .icon{color:#62f2dd;width:18px}.universe-copy h2{margin-bottom:22px}.universe-copy>p:not(.kicker){color:#b3cada;line-height:1.9;margin-bottom:15px}.checklist{display:grid;gap:10px;margin:23px 0 27px}.checklist span{display:flex;align-items:center;gap:10px;font-size:.9rem;color:#d7eaf2}.checklist .icon{width:18px;color:#61e6d7}
.steps-section{background:#0b2032;border-block:1px solid #1c4056}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;position:relative}.steps-grid:before{content:"";position:absolute;left:12%;right:12%;top:48px;border-top:1px dashed #4b94b3}.step-card{position:relative;text-align:center;z-index:1;padding:10px 15px}.step-number{display:grid;place-items:center;margin:0 auto 26px;width:84px;height:84px;color:#4ddaff;font-size:1.8rem;font-weight:900;border:1px solid #477994;border-radius:24px;background:#0c2e43;box-shadow:0 0 0 12px #0b2032}.step-dot{display:none}.step-card h3{margin-bottom:11px}.step-card p{color:#adcad8;font-size:.9rem;line-height:1.8}
.location-section{background:#091924}.location-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:80px;align-items:center}.location-copy>p:not(.kicker){color:#b5ccdc;line-height:1.85;max-width:480px}.places{display:flex;gap:11px;flex-wrap:wrap;margin:28px 0 31px}.places span{display:flex;align-items:center;gap:5px;border:1px solid #37637d;background:#133147;border-radius:99px;padding:8px 12px;font-size:.8rem;font-weight:790}.places .icon{color:#6ceaff;width:16px;height:16px}.location-art{position:relative;height:430px;border:1px solid #365e75;border-radius:24px;overflow:hidden;background:radial-gradient(circle at 50% 50%,#245674 0,#113147 28%,#091d2c 68%),repeating-linear-gradient(0deg,transparent 0 49px,#4389b50f 50px),repeating-linear-gradient(90deg,transparent 0 49px,#4389b50f 50px);box-shadow:var(--shadow)}.location-ring{position:absolute;inset:50%;border:1px solid #56cbf64d;border-radius:50%;transform:translate(-50%,-50%)}.ring-a{width:170px;height:170px;background:#24eaff08}.ring-b{width:310px;height:310px}.ring-c{width:475px;height:475px;border-style:dashed}.location-center{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:146px;height:146px;border-radius:50%;display:grid;place-content:center;justify-items:center;text-align:center;gap:7px;box-shadow:0 0 0 13px #24c1fd1c,0 0 35px #119cd95c;border:1px solid #62e8ff;background:linear-gradient(145deg,#0d4160,#07324a);font-size:.77rem;font-weight:900;letter-spacing:.1em;line-height:1.4}.location-center strong{color:#61e4ff}.location-center .icon{color:#80eafb;width:32px;height:32px}.location-cross{position:absolute;color:#48aad18a;font-size:24px;font-weight:300}.cross-1{left:18%;top:19%}.cross-2{right:14%;bottom:28%}.cross-3{left:31%;bottom:19%}.map-label{position:absolute;font-weight:900;font-size:.74rem;letter-spacing:.09em;color:#98d2e5}.label-1{right:18%;top:18%}.label-2{left:12%;top:39%}.label-3{right:11%;bottom:20%}.map-foot{position:absolute;bottom:17px;right:20px;font-size:.67rem;color:#729aae;font-weight:900;letter-spacing:.16em}
.faq-section{background:#0a1d2d;border-top:1px solid #25485b}.faq-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:95px;align-items:start}.faq-heading>p:not(.kicker){color:#adc7d6;line-height:1.8}.faq-list{border-top:1px solid #3b6379}.faq-list details{border-bottom:1px solid #3b6379}.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:23px 4px;cursor:pointer;font-weight:800;list-style:none;font-size:.96rem}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary .icon{color:#58d9ff;transition:transform .22s}.faq-list details[open] summary .icon{transform:rotate(180deg)}.faq-list details p{margin:-3px 35px 22px 4px;color:#abc4d4;font-size:.9rem;line-height:1.85}
.contact-section{background:#0a1d2d;padding:25px 0 105px}.contact-shell{position:relative;min-height:366px;overflow:hidden;display:flex;align-items:center;border-radius:28px;background:linear-gradient(120deg,#61e5f9,#39b5ef 52%,#2194e4);color:#061b2b;padding:57px 70px;isolation:isolate}.contact-shell:before{content:"";position:absolute;inset:-150px -170px -150px auto;width:650px;border:1px solid #c8fbff61;border-radius:50%;box-shadow:0 0 0 95px #cbf7ff14,0 0 0 200px #ddffff10}.contact-glow{position:absolute;right:-60px;bottom:-90px;width:500px;height:500px;background:radial-gradient(#f3fdff9c,transparent 62%);opacity:.37}.contact-content{position:relative;z-index:1;max-width:710px}.contact-content .eyebrow{color:#06405b}.contact-content .live-dot{background:#063e52;box-shadow:0 0 0 5px #06445518}.contact-content h2{margin:20px 0;font-size:clamp(2.15rem,4vw,3.8rem);color:#031826}.contact-content h2 span{color:#07507b}.contact-content p:not(.eyebrow){font-size:1.01rem;max-width:550px;color:#0c4461}.contact-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.contact-mail{display:inline-block;margin-top:17px;font-weight:780;text-decoration:underline;text-underline-offset:4px;font-size:.86rem}.contact-symbol{position:absolute;right:25px;top:50%;transform:translateY(-50%);width:220px;height:220px;display:grid;place-items:center;opacity:.57;background:#06385a26;border:2px solid #ffffff70;border-radius:50%}.contact-symbol img{width:180px;height:auto;filter:drop-shadow(0 8px 20px #0c4a8666)}
.site-footer{background:#06121d;color:#a8c0d1;border-top:1px solid #25465b}.footer-upper{display:grid;grid-template-columns:1.3fr .65fr 1fr 1fr;gap:47px;padding:66px 0 62px}.brand-footer{margin-bottom:22px;color:#fff}.footer-about p{max-width:280px;font-size:.88rem;line-height:1.85}.footer-links,.footer-share{display:flex;flex-direction:column;align-items:flex-start;gap:11px;min-width:0}.site-footer h3{color:#fff;margin:0 0 12px;font-size:.96rem;letter-spacing:0}.footer-links>a,.footer-links>span{font-size:.84rem;overflow-wrap:anywhere}.footer-links>a:hover,.footer-bottom a:hover{color:#79e9ff}.footer-share p{font-size:.84rem;margin:0}.share-field{width:100%;display:flex;justify-content:space-between;gap:4px;align-items:center;border:1px solid #33586c;border-radius:10px;background:#102b40;padding:6px 6px 6px 12px}.share-field span{font-size:.8rem;overflow-wrap:anywhere;color:#c8f4ff}.share-field button{display:grid;place-items:center;background:#1e6381;border:0;color:#c9f8ff;border-radius:6px;height:33px;width:35px}.share-field button:hover{background:#2586a8}.copy-status{font-size:.75rem;min-height:1.2em;color:#7ce8d9}.footer-bottom{border-top:1px solid #214156;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:25px 0 30px}.footer-bottom small{font-size:.73rem;color:#8caabb}.footer-bottom div{display:flex;gap:22px;font-size:.79rem}.mobile-contact{display:none}
@keyframes rotate{from{transform:rotate(-23deg)}to{transform:rotate(337deg)}}
@media(max-width:1120px){.header-inner{gap:14px}.nav{gap:18px}.header-call{padding:12px 14px}.hero-grid{gap:34px}.hero-card-top{right:-7px}.hero-display{height:480px}.hero-figure{width:330px;height:365px}.orbit-one{width:380px;height:380px}.orbit-two{width:440px;height:440px}.universe-grid{gap:42px}.quick-layout{gap:42px}.footer-upper{gap:25px;grid-template-columns:1.15fr .7fr 1fr 1fr}}
@media(max-width:900px){.nav{gap:13px}.nav>a{font-size:.8rem}.header-call span{display:none}.header-call{width:44px;min-width:44px;padding:10px}.hero-grid{grid-template-columns:1fr 1fr;gap:20px}.hero h1{font-size:clamp(2.9rem,5vw,4.5rem)}.hero-display{height:400px}.hero-figure{width:285px;height:310px}.orbit-one{width:330px;height:330px}.orbit-two{width:376px;height:376px}.hero-card-top{right:-11px;top:43px}.hero-card-bottom{bottom:40px;left:-11px}.trust-item{padding:23px 12px}.services-grid{grid-template-columns:repeat(2,1fr)}.location-grid{gap:36px}.faq-grid{gap:35px}.footer-upper{grid-template-columns:repeat(2,1fr);gap:37px}.contact-symbol{opacity:.3}.contact-content{max-width:700px}}
@media(max-width:720px){html{scroll-padding-top:85px}.container{width:min(calc(100% - 36px),var(--max))}.section{padding-block:73px}.site-header{z-index:70}.header-inner{min-height:75px}.brand img{width:54px;height:42px}.brand-type strong{font-size:1.02rem}.brand-type>span{font-size:.59rem}.menu-button{display:grid;place-items:center;margin-left:auto;flex-shrink:0;height:44px;width:44px;border-radius:10px;background:#16354b;border:1px solid #34637d;color:#d8f8ff}.menu-button .icon-close{display:none}.menu-button[aria-expanded="true"] .icon-menu{display:none}.menu-button[aria-expanded="true"] .icon-close{display:block}.header-call{margin-left:0}.nav{display:none;position:absolute;left:0;right:0;top:100%;background:#071b2cf7;border-bottom:1px solid #36718b;padding:19px 18px 24px;box-shadow:0 14px 35px #0009;flex-direction:column;align-items:stretch;gap:0}.nav.open{display:flex}.nav>a{font-size:1rem;padding:15px 12px;border-bottom:1px solid #28475a}.nav>a.nav-contact{display:block;border:0;color:#7ce7ff}.hero-grid{grid-template-columns:1fr;gap:0;padding:68px 0 40px;min-height:0}.hero h1{font-size:clamp(3rem,8vw,4.3rem);max-width:630px}.hero-lead{font-size:1rem}.hero-display{height:460px;margin:20px auto 0;width:100%;max-width:515px}.hero-figure{width:min(78vw,365px);height:365px}.orbit-one{width:410px;height:410px}.orbit-two{width:470px;height:470px}.hero-card-top{right:0;top:60px}.hero-card-bottom{bottom:38px;left:0}.hero-bottom{font-size:.62rem;letter-spacing:.07em}.hero-bottom a{font-size:.74rem}.trust-grid{grid-template-columns:1fr;gap:0}.trust-item,.trust-item:first-child{padding:15px 0;border-right:0;border-bottom:1px solid #284559}.trust-item:last-child{border-bottom:0}.trust-icon{width:40px;height:40px}.split-head{flex-direction:column;align-items:start;gap:18px}.split-head>p{width:100%;max-width:680px}.services-grid{gap:14px}.service-card{min-height:286px;padding:25px}.quick-layout,.universe-grid,.location-grid,.faq-grid{grid-template-columns:1fr;gap:34px}.quick-deco{display:none}.universe-photo{max-width:610px}.location-art{height:350px}.faq-heading{max-width:550px}.contact-shell{padding:44px 32px}.contact-symbol{right:-40px;top:15px;transform:none;opacity:.16}.contact-section{padding-bottom:78px}.footer-upper{padding:51px 0 45px}.footer-bottom{flex-wrap:wrap}.site-footer{padding-bottom:60px}.mobile-contact{display:grid;grid-template-columns:1fr 1fr;position:fixed;bottom:0;left:0;right:0;z-index:49;gap:9px;padding:10px max(12px,env(safe-area-inset-left)) calc(10px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-right));background:#051423f7;border-top:1px solid #31556b;backdrop-filter:blur(16px)}.mobile-contact a{display:flex;align-items:center;justify-content:center;gap:9px;min-height:45px;background:linear-gradient(120deg,#5bdfff,#249ff1);border-radius:9px;color:#07182a;font-size:.9rem;font-weight:850}.mobile-contact a:last-child{background:#173c51;color:#cbfaff;border:1px solid #3b7e98}}
@media(max-width:510px){.container{width:calc(100% - 32px)}.hero-grid{padding-top:53px}.hero .eyebrow{font-size:.62rem;letter-spacing:.11em}.hero h1{font-size:clamp(2.7rem,11.5vw,3.5rem)}.hero-lead{font-size:.96rem;line-height:1.78}.hero-actions{display:grid;grid-template-columns:1fr}.hero-actions .btn{width:100%}.hero-points{gap:11px;margin-top:20px;font-size:.73rem}.hero-display{height:345px;margin-top:26px}.hero-figure{width:270px;height:277px}.visual-orbit.orbit-one{width:290px;height:290px}.visual-orbit.orbit-two{width:335px;height:335px}.hero-card-top{right:0;top:28px;padding:8px 10px}.hero-card-top .card-icon{width:33px;height:33px}.hero-card-top strong{font-size:.7rem}.hero-card-top small{font-size:.61rem}.hero-card-bottom{left:0;bottom:22px;max-width:210px;font-size:.69rem;padding:10px}.hero-bottom{flex-wrap:wrap;gap:12px}.section-heading h2,h2{font-size:clamp(2rem,9vw,2.7rem)}.services-grid{grid-template-columns:1fr}.service-card{min-height:265px}.service-card p{margin-bottom:19px}.quick-widget{padding:24px 16px}.issue-options{grid-template-columns:1fr;gap:9px}.issue{min-height:62px}.quick-result{min-height:135px}.universe-photo{padding:8px}.universe-stamp{font-size:.7rem;left:15px;bottom:-13px}.steps-grid{grid-template-columns:1fr;gap:10px}.steps-grid:before{left:41px;right:auto;top:48px;bottom:65px;border-top:0;border-left:1px dashed #4b94b3}.step-card{text-align:left;display:grid;grid-template-columns:82px 1fr;column-gap:20px;align-items:start}.step-number{grid-row:span 2;width:76px;height:76px;box-shadow:0 0 0 8px #0b2032;margin:0}.step-card h3{margin:6px 0 5px}.step-card p{margin:0}.location-art{height:315px}.map-label{font-size:.65rem}.label-2{left:4%}.label-1{right:8%}.location-center{height:130px;width:130px}.faq-list summary{font-size:.91rem}.contact-shell{border-radius:19px;padding:41px 22px}.contact-actions{display:grid}.contact-actions .btn{width:100%}.contact-mail{font-size:.78rem}.contact-symbol{display:none}.footer-upper{grid-template-columns:1fr;gap:28px}.footer-links,.footer-share{gap:8px}.footer-bottom{gap:14px}.footer-bottom div{flex-wrap:wrap;gap:16px}.site-footer{padding-bottom:78px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition:none!important}}
/* Full-image presentation: preserve the complete originals on every viewport. */
.hero-display{height:auto;min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto;gap:13px;align-content:center;justify-items:stretch;padding:24px 6px 12px;max-width:530px;width:100%;margin-inline:auto}
.hero-figure{grid-column:1/-1;justify-self:center;width:min(100%,390px);height:auto;aspect-ratio:1/1;padding:8px;border-radius:24px;overflow:hidden;transform:none}
.hero-figure img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;border-radius:16px}
.hero-card{position:relative;inset:auto;right:auto;left:auto;top:auto;bottom:auto;min-width:0;max-width:none;min-height:70px;width:100%;padding:11px 12px;transform:none}
.hero-card-top,.hero-card-bottom{position:relative;inset:auto;right:auto;left:auto;top:auto;bottom:auto;max-width:none}
.hero-card-bottom{font-size:.76rem}
.universe-photo img{width:100%;height:auto;aspect-ratio:2/1;object-fit:contain;object-position:center;border-radius:14px}
@media(max-width:1120px){.hero-display{height:auto;min-height:0}.hero-figure{width:min(100%,360px);height:auto}.hero-card-top,.hero-card-bottom{inset:auto}}
@media(max-width:900px){.hero-display{height:auto;min-height:0}.hero-figure{width:min(100%,325px);height:auto}.hero-card-top,.hero-card-bottom{inset:auto}}
@media(max-width:720px){.hero-display{height:auto;min-height:0;max-width:500px;margin:30px auto 0;padding:16px 5px 8px;gap:10px}.hero-figure{width:min(100%,365px);height:auto}.hero-card-top,.hero-card-bottom{inset:auto}}
@media(max-width:510px){.hero-display{height:auto;min-height:0;max-width:100%;margin-top:28px;gap:9px;padding:5px 2px}.hero-figure{width:min(100%,320px);height:auto;border-radius:19px;padding:6px}.hero-figure img{border-radius:14px}.hero-card{padding:9px;min-height:73px}.hero-card-top,.hero-card-bottom{inset:auto;max-width:none;font-size:.68rem}.hero-card-top strong{font-size:.7rem}.hero-card-top small{font-size:.62rem}.hero-card-top .card-icon{width:29px;height:29px}.hero-card-top .card-icon svg{width:16px;height:16px}}

/* Keep the secondary complete square artwork visible instead of a pre-cropped collage. */
.universe-photo img{aspect-ratio:1/1;width:100%;height:auto;object-fit:contain;object-position:center}
.universe-stamp{bottom:-23px}

/* Keep the caption below, never over the artwork itself. */
.universe-photo{margin-bottom:54px}
.universe-stamp{bottom:-54px;left:10px}

/* Official ninja brand mark (header, footer and contact). */
.brand img[src="/ninja-logo.webp"]{width:54px;height:54px;object-fit:cover;border-radius:12px;border:1px solid rgba(81,203,255,.38);box-shadow:0 0 18px #168cfd25;flex-shrink:0}
.contact-symbol img[src="/ninja-logo.webp"]{width:160px;height:160px;object-fit:cover;border-radius:28px;border:1px solid #dbfbff70}
@media(max-width:720px){.brand img[src="/ninja-logo.webp"]{width:45px;height:45px;border-radius:10px}}

/* Formulaire de contact, natif et accessible */
.demande-form{margin-top:22px;border-top:1px solid #2b4b60;padding-top:24px;display:grid;gap:15px}
.form-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form-field{display:flex;flex-direction:column;gap:6px;font-size:.82rem;font-weight:720;color:#cce5ef}
.form-field>span em,.form-consent em{color:#83ecff;font-style:normal}
.form-field input,.form-field textarea{width:100%;min-width:0;min-height:45px;padding:10px 12px;border:1px solid #3a6177;border-radius:9px;background:#102d40;color:#f4fbff;font:inherit;font-weight:450;font-size:.9rem;line-height:1.5;transition:border-color .2s}
.form-field textarea{min-height:118px;resize:vertical}
.form-field input::placeholder,.form-field textarea::placeholder{color:#829db1}
.form-field input:focus,.form-field textarea:focus{outline:2px solid #6adaf9;outline-offset:1px;border-color:#5ad7f8}
.form-consent{display:flex;align-items:flex-start;gap:10px;font-size:.78rem;color:#b9cfdf;line-height:1.55;cursor:pointer}
.form-consent input{accent-color:#5fdbf8;flex:0 0 auto;margin:3px 0 0;width:17px;height:17px}
.form-consent a,.quick-widget>small a{color:#9bf0ff;text-decoration:underline;text-underline-offset:3px}
.form-honeypot{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.form-status{margin:0;color:#b8d1e0;font-size:.85rem;line-height:1.5}
.form-status:empty{display:none}
.form-status.success{color:#93f9d5}
.form-status.error{color:#ffd0c9}
#demande-submit:disabled{opacity:.68;cursor:progress}
@media(max-width:510px){.form-field-grid{grid-template-columns:1fr}.demande-form{gap:14px}.form-field input,.form-field textarea{font-size:16px}}

/* Page locale pour le référencement naturel */
.seo-hero{padding:90px 0 95px;background:linear-gradient(130deg,#091a2b,#0e2e42);border-bottom:1px solid #2a526c}
.seo-hero-grid{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:65px}
.seo-hero h1{font-size:clamp(2.5rem,4.9vw,4.7rem);line-height:1.12;max-width:800px;margin:0 0 26px}
.seo-hero h1 span{display:block;color:var(--cyan)}
.seo-hero p:not(.kicker){color:#b5cee0;line-height:1.87;max-width:710px}
.seo-hero-figure{margin:0;padding:12px;border:1px solid #387e9f;border-radius:24px;background:#10283c;box-shadow:var(--shadow)}
.seo-hero-figure img{display:block;width:100%;height:auto;border-radius:15px}
.seo-phone{margin-left:auto}
.seo-area{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.seo-area p:not(.kicker){color:#b7cad9;line-height:1.9}
.seo-zone{display:grid;gap:10px;padding:36px;border-radius:23px;border:1px solid #326c8c;background:linear-gradient(135deg,#153d53,#0d263c)}
.seo-zone span,.seo-zone strong{padding:11px 17px;border:1px solid #386d89;border-radius:10px;background:#0e283a;color:#d7f5ff}
.seo-zone strong{color:#70e8ff}
@media(max-width:720px){.seo-hero{padding:60px 0 65px}.seo-hero-grid,.seo-area{grid-template-columns:1fr;gap:27px}.seo-hero h1{font-size:clamp(2.2rem,8vw,3.5rem)}.seo-hero-figure{max-width:440px}.seo-phone{font-size:.75rem;padding:10px 13px;min-height:43px}}

/* Zone d'intervention élargie, accessible et responsive */
.area-group-label{margin:18px 0 8px!important;color:#8ff1ff;font-weight:850;font-size:.78rem;text-transform:uppercase;letter-spacing:.1em}
.location-copy .places{margin:8px 0 19px;gap:8px}
.location-copy .places span{padding:7px 10px;font-size:.77rem;line-height:1.4}
.area-extra{margin:8px 0 16px;padding-bottom:7px;border-bottom:1px solid #294a5f}
.area-extra summary{display:flex;align-items:center;gap:8px;color:#86e9fc;cursor:pointer;padding:8px 0;font-size:.85rem;font-weight:790;list-style:none}
.area-extra summary::-webkit-details-marker{display:none}
.area-extra summary .icon{width:17px;height:17px;transition:transform .2s}
.area-extra[open] summary .icon{transform:rotate(180deg)}
.area-extra .places{margin:9px 0 12px}
.area-disclaimer{font-size:.78rem;color:#94b3c4;line-height:1.65;margin-bottom:20px!important}
.seo-zone{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:9px;padding:22px}
.seo-zone strong{grid-column:1/-1}
.seo-zone span{font-size:.84rem;line-height:1.35;overflow-wrap:anywhere;padding:12px}
@media(max-width:510px){.seo-zone{grid-template-columns:1fr;padding:18px}.location-copy .places span{font-size:.75rem}}