
:root{box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);
--bg:#060d20;--bg2:#0b1630;--blue:#3d6bff;--orange:#f97316;--text:#f2f5fc;--muted:#9aa8c7;--line:#1f2d52;color-scheme:dark}
html{scroll-behavior:smooth;scroll-padding-top:calc(72px + env(safe-area-inset-top,0px))}
*,*::before,*::after{box-sizing:inherit}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
h1,h2,h3{font-family:"Trebuchet MS","Segoe UI",system-ui,sans-serif;margin:0 0 .5em;letter-spacing:-.025em;line-height:1.08}
h1{font-size:clamp(2.6rem,8vw,6rem)}h2{font-size:clamp(1.8rem,4.5vw,3.2rem)}
p{margin:0 0 1em}a{color:inherit}
.wrap{max-width:1180px;margin:0 auto;padding:0 22px}
section{padding:96px 0;border-top:1px solid var(--line)}
.tag{color:var(--blue);font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;margin-bottom:14px}
.muted{color:var(--muted)}.lead{color:var(--muted);font-size:1.1rem;max-width:640px}
.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 26px;border-radius:999px;font-weight:700;text-decoration:none;border:1.5px solid transparent;cursor:pointer;font:700 1rem/1 inherit;font-family:inherit;transition:transform .2s,background .2s}
.btn:hover{transform:translateY(-2px)}
.cta{background:var(--orange);color:#fff}.out{border-color:#34457a;color:#fff}.out:hover{background:#12214a}.wa{background:#18a957;color:#fff}
header{position:sticky;top:0;z-index:30;background:rgba(6,13,32,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top,0px)}
.nav{display:flex;align-items:center;justify-content:space-between;height:68px;gap:14px}
.logo{font-weight:800;letter-spacing:.12em;text-decoration:none}.logo b{color:var(--blue)}
nav ul{display:flex;gap:28px;list-style:none;margin:0;padding:0}nav a{text-decoration:none;font-size:.93rem;color:var(--muted)}nav a:hover{color:#fff}
.lang{font-size:.8rem;color:var(--muted)}.lang b{color:#fff}
.right{display:flex;align-items:center;gap:18px}
.burger{display:none;background:none;border:0;color:#fff;font-size:1.7rem;cursor:pointer}
.hero{padding:110px 0 90px;background:radial-gradient(ellipse at 85% 0,#17308a 0,transparent 55%),var(--bg);border:0}
.hero h1 em{font-style:normal;color:var(--blue)}
.hero .lead{margin:26px 0 34px}.actions{display:flex;gap:14px;flex-wrap:wrap}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:48px}
.chips span{border:1px solid var(--line);border-radius:999px;padding:7px 16px;font-size:.88rem;color:var(--muted)}
.big{font-size:clamp(1.5rem,3.4vw,2.5rem);line-height:1.25;font-weight:600;max-width:940px;letter-spacing:-.02em}
.big span{color:var(--muted)}
.three{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:56px;border-top:1px solid var(--line)}
.three div{padding:28px 28px 0 0}.three strong{display:block;margin-bottom:6px}.three p{color:var(--muted);font-size:.95rem}
.three .n{color:var(--blue);font-weight:800;font-size:.85rem}
.svc{margin-top:40px;border-top:1px solid var(--line)}
.svc details{border-bottom:1px solid var(--line);padding:0}
.svc summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:56px 1fr 40px;align-items:center;gap:12px;padding:26px 8px;font-size:clamp(1.2rem,2.8vw,1.9rem);font-weight:700;letter-spacing:-.02em;transition:background .2s,padding .2s}
.svc summary::-webkit-details-marker{display:none}
.svc summary:hover{background:var(--bg2);padding-left:18px}
.svc summary i{font-style:normal;color:var(--blue);font-size:.85rem;font-weight:800}
.svc summary::after{content:"+";font-size:1.8rem;color:var(--orange);text-align:right;transition:transform .25s}
.svc details[open] summary::after{transform:rotate(45deg)}
.svc .body{padding:0 8px 30px 68px;color:var(--muted);max-width:820px}
.svc ul{columns:2;padding-left:18px;margin:12px 0 0;gap:30px}
.about{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;align-items:center}
.photo{aspect-ratio:4/5;border-radius:22px;border:1.5px dashed #34457a;display:grid;place-items:center;text-align:center;color:var(--muted);padding:24px;font-size:.9rem;background:var(--bg2)}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:48px;border-top:1px solid var(--line)}
.step{padding:26px 24px 0 0}.step b{display:block;font-size:3.2rem;color:var(--blue);line-height:1;margin-bottom:14px;font-family:"Trebuchet MS",sans-serif}
.step h3{font-size:1.3rem}.step p{color:var(--muted);font-size:.95rem}
.gal{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:44px}
.tile{border-radius:22px;border:1px solid var(--line);background:linear-gradient(145deg,#0f1f4d,var(--bg2));padding:34px;min-height:240px;display:flex;flex-direction:column;justify-content:space-between;transition:border-color .2s}
.tile:hover{border-color:var(--blue)}.tile small{color:var(--orange);font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.72rem}
.tile h3{font-size:1.6rem;margin:0}.tile p{color:var(--muted);margin:6px 0 0;font-size:.92rem}
details.faq{border-bottom:1px solid var(--line);padding:22px 4px}details.faq:first-of-type{border-top:1px solid var(--line)}
details.faq summary{cursor:pointer;font-weight:700;font-size:1.1rem}details.faq p{margin:12px 0 0;color:var(--muted);max-width:760px}
.tri{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.tri div{background:var(--bg2);border:1px solid var(--line);border-radius:22px;padding:30px;display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.tri h3{font-size:1.3rem;margin:0}.tri p{color:var(--muted);margin:0;flex:1}
.contact{display:grid;grid-template-columns:.85fr 1.15fr;gap:56px}
.num{margin:22px 0}.num span{display:block;color:var(--muted);font-size:.88rem}.num strong{display:block;font-size:1.25rem;margin-bottom:10px}
form{display:grid;gap:14px;background:var(--bg2);border:1px solid var(--line);border-radius:22px;padding:30px}
label{font-weight:600;font-size:.88rem;display:grid;gap:6px}
input,select,textarea{font:inherit;padding:13px 15px;border-radius:12px;border:1px solid #2a3b6b;background:var(--bg);color:var(--text);width:100%}
input:focus,select:focus,textarea:focus{outline:2px solid var(--blue);border-color:transparent}
.note{font-size:.82rem;color:var(--muted);margin:0}
footer{padding:80px 0 30px;border-top:1px solid var(--line);font-size:.92rem;color:var(--muted)}
.giant{display:block;font-family:"Trebuchet MS",sans-serif;font-weight:800;font-size:clamp(3rem,13vw,10rem);line-height:.95;letter-spacing:-.04em;color:#fff;text-decoration:none;margin-bottom:56px}
.giant:hover{color:var(--blue)}
.fg{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:32px}footer h4{color:#fff;margin:0 0 12px}
footer ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}footer a{text-decoration:none}footer a:hover{color:#fff}
.legal details{border-top:1px solid var(--line);padding:14px 0}.legal summary{cursor:pointer;color:#fff}.legal p{margin:10px 0 0}
.rv{opacity:0;transform:translateY(20px);transition:opacity .6s,transform .6s}.rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}
@media (max-width:900px){
section{padding:64px 0}.burger{display:block}.right>.btn{display:none}
nav{position:absolute;left:0;right:0;top:100%;background:var(--bg);display:none;padding:8px 22px 20px;border-bottom:1px solid var(--line)}
nav.open{display:block}nav ul{flex-direction:column;gap:0}nav li a{display:block;padding:15px 0;border-bottom:1px solid var(--line);font-size:1.05rem}
.three,.steps,.tri,.about,.contact,.fg,.gal{grid-template-columns:1fr}
.three div,.step{padding-right:0}.svc ul{columns:1}.svc summary{grid-template-columns:36px 1fr 30px}.svc .body{padding-left:48px}
.photo{max-width:300px;aspect-ratio:1}}
@media (max-width:520px){.btn{width:100%;justify-content:center}}

.hero{position:relative;overflow:hidden}.hero .wrap{position:relative;z-index:1}
.bgv{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.28}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--bg) 25%,rgba(6,13,32,.55))}
.vcard{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;margin-top:64px;background:var(--bg2);border:1px solid var(--line);border-radius:24px;padding:20px}
.vcard video,.pvid{width:100%;border-radius:16px;display:block;aspect-ratio:16/9;object-fit:cover;background:#0b1630}
.svc a.row{display:grid;grid-template-columns:56px 1fr 40px;align-items:center;gap:12px;padding:26px 8px;font-size:clamp(1.2rem,2.8vw,1.9rem);font-weight:700;letter-spacing:-.02em;text-decoration:none;border-bottom:1px solid var(--line);transition:background .2s,padding .2s}
.svc a.row:hover{background:var(--bg2);padding-left:18px}.svc a.row i{font-style:normal;color:var(--blue);font-size:.85rem;font-weight:800}.svc a.row span{color:var(--orange);text-align:right}
.phero{padding:90px 0 70px;border:0;background:radial-gradient(ellipse at 90% 0,#17308a 0,transparent 55%)}
.phero .g{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}.phero h1{font-size:clamp(2.2rem,6vw,4.2rem)}
.crumb{display:inline-block;color:var(--muted);text-decoration:none;font-size:.9rem;margin-bottom:22px}.crumb:hover{color:#fff}
.pg{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px}
.pg div{background:var(--bg2);border:1px solid var(--line);border-radius:18px;padding:26px}.pg h3{font-size:1.1rem;margin:0 0 8px}.pg p{color:var(--muted);font-size:.93rem;margin:0}
.oth{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.oth a{border:1px solid var(--line);border-radius:999px;padding:9px 18px;text-decoration:none;font-size:.92rem;color:var(--muted)}.oth a:hover{color:#fff;border-color:var(--blue)}
@media (max-width:900px){.vcard,.phero .g,.pg{grid-template-columns:1fr}.svc a.row{grid-template-columns:36px 1fr 30px}.hero::after{background:rgba(6,13,32,.72)}}
.photo{padding:0;border:0;overflow:hidden}.photo img{width:100%;height:100%;object-fit:cover;object-position:50% 18%;display:block}
.hasbg{position:relative;overflow:hidden}.hasbg .wrap{position:relative;z-index:1}.sbg{opacity:.18}
.pbg{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;opacity:.14;z-index:-1;pointer-events:none}
.phero .g{grid-template-columns:1fr}.bgv{opacity:.4}
.mk{height:170px;border-radius:14px;background:#0b1630;border:1px solid var(--line);padding:14px;display:flex;flex-direction:column;gap:8px;overflow:hidden;justify-content:center;width:100%}
.mk i{display:block;border-radius:7px;background:#1f2d52}.mk .b{background:var(--blue)}.mk .o{background:var(--orange)}
.mk .r{display:flex;gap:8px}.mk .r i{flex:1;height:58px;display:grid;place-items:center}.mk i b{font-size:.62rem;color:#fff}
a.tile{text-decoration:none;color:inherit;gap:20px;justify-content:flex-start}
.logos{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-top:34px}.lg{background:#fff;border-radius:14px;padding:12px 22px;height:76px;display:grid;place-items:center}
.lg img{height:100%;width:auto;max-width:210px;object-fit:contain}.chip{border:1px solid #34457a;border-radius:999px;padding:14px 26px;color:var(--muted);font-weight:600}
.lg.ic{padding:12px 20px}
.pf{display:flex;flex-direction:column;align-items:center;gap:14px;background:var(--bg2);border:1px solid var(--line);border-radius:20px;padding:22px 28px;min-width:190px}
.pi{background:#fff;border-radius:16px;width:210px;height:116px;display:grid;place-items:center;padding:14px}.pi img{max-width:100%;max-height:100%;object-fit:contain;display:block}
.pf span{font-weight:600;font-size:.95rem}.band{border-top:1px solid var(--line);padding:22px 0}.band .wrap{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.band>.wrap>span{color:var(--muted);font-size:.9rem}.band .logos{margin:0;gap:12px}.band .lg{height:58px;padding:6px 14px}
@media (max-width:520px){.pf{min-width:0;flex:1 1 140px;padding:16px}.pi{width:100%}}
.inter{position:relative;overflow:hidden;min-height:480px;display:flex;align-items:center;justify-content:center;text-align:center;border:0;padding:90px 0;background:#000}
.ivid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.85;-webkit-mask-image:linear-gradient(transparent 0,#000 22%,#000 78%,transparent 100%);mask-image:linear-gradient(transparent 0,#000 22%,#000 78%,transparent 100%)}
.inter::before{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(ellipse at center,rgba(6,13,32,.72) 0,rgba(6,13,32,.25) 70%)}
.inter .wrap{position:relative;z-index:2;max-width:820px}.inter .lead{margin:0 auto 30px;color:#d3dcf2}
@media (max-width:900px){.inter{min-height:400px;padding:70px 0}}
.chips a{border:1px solid var(--line);border-radius:999px;padding:7px 16px;font-size:.88rem;color:var(--muted);text-decoration:none;transition:border-color .2s,color .2s,background .2s}.chips a:hover{color:#fff;border-color:var(--blue);background:rgba(61,107,255,.15)}
#methode{position:relative;overflow:hidden}
#methode::before{content:"";position:absolute;inset:0;background:url("/assets/media/bff5232a3e.jpg") center/cover no-repeat;opacity:.15;-webkit-mask-image:linear-gradient(transparent 0,#000 25%,#000 75%,transparent 100%);mask-image:linear-gradient(transparent 0,#000 25%,#000 75%,transparent 100%)}
#methode .wrap{position:relative;z-index:1}
@media (max-width:900px){#methode::before{opacity:.12;background-position:30% center}}
.morebar{margin-top:36px;text-align:center}
#more{margin-top:48px}.mg{margin-bottom:44px}.mg>h3{font-size:1.4rem;margin:0 0 6px}.mg>p{color:var(--muted);margin:0 0 18px;font-size:.95rem}
.mgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.mi{background:var(--bg2);border:1px solid var(--line);border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:8px;transition:border-color .2s}.mi:hover{border-color:var(--blue)}
.mi h4{margin:0;font-size:1.02rem}.mi p{margin:0;color:var(--muted);font-size:.9rem;flex:1}
.ask{background:none;border:0;color:var(--orange);font:700 .88rem/1 inherit;font-family:inherit;padding:6px 0 0;cursor:pointer;text-align:left}.ask:hover{text-decoration:underline}
.mnote{color:var(--muted);font-size:.85rem;margin-top:8px}
@media (max-width:900px){.mgrid{grid-template-columns:1fr}}
.morebar{margin-top:44px;padding:34px 20px;border:1px dashed #34457a;border-radius:24px;background:linear-gradient(180deg,rgba(61,107,255,.10),transparent)}
.mhint{margin:0 0 16px;color:var(--text);font-weight:600;font-size:1.05rem}
.btn.xl{padding:18px 40px;font-size:1.12rem;box-shadow:0 10px 34px rgba(249,115,22,.4);animation:pulse 2.6s ease-in-out infinite}
.btn.xl:hover{box-shadow:0 12px 40px rgba(249,115,22,.55)}
@keyframes pulse{0%,100%{box-shadow:0 10px 34px rgba(249,115,22,.4)}50%{box-shadow:0 10px 48px rgba(249,115,22,.62)}}
@media (prefers-reduced-motion:reduce){.btn.xl{animation:none}}
.ticker{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--bg2);padding:20px 0}
.tk{display:flex;align-items:center;gap:34px;width:max-content;animation:tkmove 34s linear infinite;padding-left:34px}
.ticker:hover .tk{animation-play-state:paused}
.tk span{font-family:"Trebuchet MS","Segoe UI",system-ui,sans-serif;font-weight:800;font-size:clamp(1.15rem,2.6vw,1.9rem);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;color:var(--text)}
.tk i{font-style:normal;color:var(--orange);font-size:1.3rem}
@keyframes tkmove{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.tk{animation-duration:60s}}
.faqbg{position:relative;overflow:hidden;border-top:1px solid var(--line)}
.fvid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.5;-webkit-mask-image:linear-gradient(transparent 0,#000 14%,#000 86%,transparent 100%);mask-image:linear-gradient(transparent 0,#000 14%,#000 86%,transparent 100%)}
.faqbg::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(rgba(6,13,32,.62),rgba(6,13,32,.74))}
.faqbg section{position:relative;z-index:2;border:0;background:none}
.faqbg details.faq{background:rgba(6,13,32,.35);border-radius:0}
.lang{display:flex;gap:2px}.lang button{background:none;border:0;color:var(--muted);font:700 .8rem/1 inherit;font-family:inherit;cursor:pointer;padding:8px 7px;border-bottom:2px solid transparent}.lang button:hover{color:#fff}.lang button[aria-current="true"]{color:#fff;border-bottom-color:var(--orange)}
@media (max-width:520px){header .logo{font-size:.8rem;letter-spacing:.05em;white-space:nowrap}.nav{gap:8px}}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
a,button,summary,select{touch-action:manipulation;-webkit-tap-highlight-color:rgba(61,107,255,.28)}
.navcta{display:none}
.fab{display:none;position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(16px,calc(env(safe-area-inset-bottom) + 8px));width:58px;height:58px;border-radius:50%;background:#18a957;place-items:center;box-shadow:0 8px 26px rgba(0,0,0,.5);z-index:25;transition:transform .2s}
.fab:active{transform:scale(.94)}
@media (max-width:900px){
.nav{gap:4px}.lang button{min-width:38px;min-height:44px;padding:0 6px}
.burger{width:46px;height:46px;font-size:1.8rem;padding:0}
.navcta{display:flex;margin-top:18px;justify-content:center}
.chips a{padding:12px 18px;min-height:44px;display:inline-flex;align-items:center}
details.faq summary,.legal summary{padding:14px 0;min-height:44px;display:flex;align-items:center}
footer li a,.num a:not(.btn),.mi .ask{display:inline-block;padding:11px 0}
.logo{padding:13px 0;display:inline-block}
.fab{display:grid}
footer{padding-bottom:96px}
input,select,textarea{font-size:16px;min-height:48px}
}
@media (max-width:380px){.wrap{padding:0 14px}header .logo{font-size:.68rem;letter-spacing:.03em}.lang button{min-width:32px;padding:0 3px;font-size:.74rem}.burger{width:42px;height:44px}.nav{gap:0}}
.logo{display:inline-flex;align-items:center;gap:10px}.lmark{width:36px;height:36px;flex:none;display:block}
@media (max-width:900px){.logo{padding:7px 0;display:inline-flex}}
@media (max-width:520px){.lmark{width:32px;height:32px}.logo{gap:8px}}
@media (max-width:380px){.lmark{width:28px;height:28px}.logo{gap:6px}}
footer .lmark{width:42px;height:42px}
@media (max-width:340px){header .logo{font-size:.6rem;gap:5px}.lmark{width:26px;height:26px}.lang button{min-width:28px;padding:0 2px}.burger{width:38px}}
.ticker{position:relative}.tkp{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:1px solid #34457a;background:rgba(11,22,48,.92);color:#fff;font-size:.7rem;cursor:pointer;z-index:2;display:grid;place-items:center}
body.still .tk,body.still .mqt{animation-play-state:paused}
.band{padding:16px 0;overflow:hidden}.mq{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.mqt{display:flex;width:max-content;animation:tkmove 46s linear infinite}.mqs{display:flex;gap:16px;padding-right:16px;align-items:center}.mq:hover .mqt{animation-play-state:paused}

.lang a{color:var(--muted);font:700 .8rem/1 inherit;font-family:inherit;text-decoration:none;padding:0 7px;min-height:44px;display:inline-flex;align-items:center;border-bottom:2px solid transparent}
.lang a:hover{color:#fff}.lang a[aria-current="true"]{color:#fff;border-bottom-color:var(--orange)}
@media (max-width:900px){.lang a{min-width:38px;justify-content:center;padding:0 6px}}
@media (max-width:380px){.lang a{min-width:32px;padding:0 3px;font-size:.74rem}}
@media (max-width:340px){.lang a{min-width:28px;padding:0 2px}}
video.bgv,video.ivid,video.fvid,video.pbg{background:transparent}
