/*
Theme Name: SYSAO Conquête Premium
Theme URI: https://sysao.fr
Author: SYSAO — SYSTELECOMS
Description: Site vitrine SaaS SYSAO premium, éditable, multipage et responsive.
Version: 3.0.0
Requires at least: 6.2
Requires PHP: 8.0
Text Domain: sysao
*/
:root{--bg:#050c1c;--bg2:#0b1730;--panel:#0d1b36;--sky:#39d8ff;--blue:#4289ff;--violet:#9d79ff;--txt:#f2f8ff;--muted:#a8b9d5;--border:rgba(91,157,238,.25);--shadow:0 22px 90px rgba(0,0,0,.44)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:var(--bg);color:var(--txt);line-height:1.6;overflow-x:hidden}a{text-decoration:none;color:inherit}button,input,textarea{font:inherit}button{cursor:pointer}::selection{background:var(--sky);color:#041025} .shell{max-width:1260px;margin:auto;padding-left:28px;padding-right:28px}.site-header{position:sticky;top:0;z-index:40;background:rgba(5,12,28,.82);border-bottom:1px solid rgba(78,149,228,.18);backdrop-filter:blur(19px)}.site-nav{height:78px;display:flex;align-items:center;gap:32px}.logo{font-size:26px;font-weight:900;letter-spacing:-1px;line-height:1;color:#fff;display:inline-flex;align-items:center;gap:12px}.logo-em{color:var(--sky)}.mark{width:34px;height:34px;background:linear-gradient(150deg,#2074ff,#48c9ff);clip-path:polygon(20% 0,100% 0,75% 36%,100% 63%,78% 100%,0 100%,24% 65%,0 35%);filter:drop-shadow(0 0 15px #2b89ff66)}.nav-items{margin-left:auto;display:flex;align-items:center;gap:23px}.nav-items a{font-size:13px;color:#c8d9ef;font-weight:650;transition:color .25s}.nav-items a:hover,.nav-items a[aria-current="page"]{color:#53d9ff}.button,.button:visited{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:12px;padding:14px 22px;line-height:1.2;font-weight:800;background:linear-gradient(120deg,#1d8bff,#44d1ff);color:#04132b;border:1px solid #83e6ff55;box-shadow:0 8px 32px #147be52a;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px);box-shadow:0 12px 40px #238eff50}.button.secondary{background:rgba(16,38,70,.77);color:#ecf7ff;border:1px solid #5885ba85;box-shadow:none}.nav-toggle{display:none}.eyebrow{display:inline-flex;gap:8px;align-items:center;color:#7ce6ff;letter-spacing:2.2px;text-transform:uppercase;font-weight:800;font-size:11px}.eyebrow:before{content:'';width:25px;height:1px;background:var(--sky)}h1,h2,h3,h4{line-height:1.11;letter-spacing:-.04em;margin:0}h1{font-size:clamp(44px,5.6vw,79px);font-weight:850}h2{font-size:clamp(30px,4vw,54px)}h3{font-size:clamp(19px,2vw,24px)}.grad{background:linear-gradient(110deg,#f0f7ff 5%,#36d8ff 50%,#9d85ff 92%);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{font-size:clamp(17px,1.6vw,21px);color:#b9cce4;max-width:800px}.hero{min-height:720px;position:relative;display:flex;align-items:center;overflow:hidden;isolation:isolate;border-bottom:1px solid var(--border);background:radial-gradient(circle at 78% 40%,#193f8b76 0,transparent 42%),radial-gradient(circle at 17% 16%,#3c218261 0,transparent 34%),linear-gradient(125deg,#061126 0%,#071124 51%,#060e24 100%)}.hero:before,.banner:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(8,24,53,.04),rgba(48,130,250,.035)),repeating-linear-gradient(90deg,transparent,transparent 95px,rgba(93,174,255,.025) 96px);z-index:-1}.hero .shell{width:100%;position:relative;z-index:2}.hero-copy{width:min(670px,58%);padding:98px 0 100px}.hero h1{margin:22px 0}.hero p{max-width:600px}.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:32px}.hero-visual{position:absolute;right:-5%;top:15%;width:54%;height:75%;perspective:1000px;z-index:-1;pointer-events:none}.orbit{position:absolute;right:5%;top:1%;width:80%;aspect-ratio:1;border:1px solid #56bbff56;border-radius:50%;box-shadow:0 0 45px #3689ff24,inset 0 0 50px #3689ff14;animation:orbit 33s linear infinite}.orbit:before,.orbit:after{content:'';position:absolute;inset:12%;border:1px dashed #59aaff66;border-radius:50%;transform:rotate(40deg)}.orbit:after{inset:28%;border:1px solid #bb8bff55}.orbit .node{position:absolute;width:12px;height:12px;background:#7ce8ff;box-shadow:0 0 30px #61d5ff;border-radius:50%;top:12%;left:15%}.screen{position:absolute;background:#08152a;border:1px solid #51a5efaa;border-radius:16px;box-shadow:0 20px 80px #0009,0 0 55px #2582fa3a;overflow:hidden;transform:rotateY(-12deg) rotateX(3deg) rotateZ(-2deg);animation:float 7s ease-in-out infinite}.screen:before{content:'';position:absolute;inset:0;border:1px solid #b9ecff2d;border-radius:16px;pointer-events:none;z-index:2}.screen img{width:100%;height:100%;object-fit:cover;display:block}.screen.primary{top:19%;right:2%;width:86%;height:62%}.screen.secondary{top:55%;left:-15%;width:57%;height:35%;animation-delay:-2s;transform:rotateY(9deg) rotateZ(3deg)}.screen.tertiary{top:9%;left:-9%;width:49%;height:29%;animation-delay:-4s;opacity:.86}.hero-mini{display:flex;gap:28px;margin-top:42px;flex-wrap:wrap;color:#91b2d5;font-size:13px}.hero-mini span{display:flex;align-items:center;gap:7px}.hero-mini b{color:var(--sky)}.section{padding:100px 0;position:relative}.section.tint{background:linear-gradient(145deg,#09162d,#0d1630 60%,#071324)}.section.intro{padding-bottom:42px}.section-header{max-width:920px;margin-bottom:40px}.section-header h2{margin:15px 0 17px}.section-header p{color:var(--muted);font-size:18px;margin:0}.grid{display:grid;gap:20px}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.tile{border:1px solid var(--border);background:linear-gradient(145deg,rgba(17,37,75,.88),rgba(6,18,38,.94));padding:28px;border-radius:20px;box-shadow:0 10px 40px #0002;position:relative;overflow:hidden}.tile:hover{border-color:#4ebaff9b}.tile .icon-square{width:45px;height:45px;display:grid;place-items:center;border-radius:13px;background:#114274;color:#71e4ff;box-shadow:inset 0 0 16px #3d8dff35;margin-bottom:20px;font-size:21px}.tile p{color:var(--muted);margin:13px 0 0}.tile h3{font-weight:760}.tile .ordinal{color:#7ce6ff;font-size:12px;font-weight:800;letter-spacing:2px}.tile ul{padding-left:18px;color:#b5c8e5}.tile li+li{margin-top:7px}.highlight{border:1px solid #3c9ce770;box-shadow:0 0 35px #2674cb19}.mock-frame{position:relative;border-radius:18px;overflow:hidden;border:1px solid #378de190;background:#061326;box-shadow:0 20px 60px #0008,0 0 44px #1679e52c}.mock-frame img{width:100%;display:block}.mock-label{position:absolute;left:18px;bottom:16px;font-size:11px;background:#031b34ed;color:#a7e8ff;border:1px solid #459adc87;padding:7px 12px;border-radius:8px}.cols{display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center}.cols .copy p{font-size:18px;color:var(--muted)}.checklist{display:grid;gap:12px;margin-top:25px}.checklist span{display:flex;gap:12px;color:#dce9fa}.checklist i{color:#38d7ff;font-style:normal}.metric{font-size:46px;font-weight:900;color:#58ceff;letter-spacing:-3px}.metric-note{font-size:13px;color:var(--muted)}.pathline{display:flex;align-items:stretch;gap:12px;flex-wrap:wrap}.path-item{min-width:150px;flex:1;padding:24px 19px;border:1px solid var(--border);border-radius:15px;background:#102244}.path-item strong{display:block;font-size:16px}.path-item small{color:#8daecc}.path-num{font-size:12px;color:#54d1ff;font-weight:800;letter-spacing:2px;display:block;margin-bottom:12px}.sector-card{min-height:220px}.sector-card .sector-tag{color:#56dfff;font-size:12px;font-weight:800;letter-spacing:1.2px;margin-bottom:14px;display:block;text-transform:uppercase}.case-strip{border-top:1px solid #5ea3de3d;padding:14px 0 0;margin-top:18px;font-size:13px;color:#b4d1eb}.large-statement{padding:40px;border:1px solid #499aea7b;border-radius:24px;background:radial-gradient(circle at 90% 20%,#1b58a258,transparent 48%),linear-gradient(125deg,#091934,#102244);font-size:clamp(23px,3vw,39px);font-weight:850;line-height:1.26;letter-spacing:-1px}.pricing{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.plan{padding:27px 23px 28px;border:1px solid #376493;border-radius:19px;background:linear-gradient(135deg,#0a1a37,#0e2246);position:relative}.plan.featured{border-color:#b482ff;box-shadow:0 0 48px #784ef02a}.plan .tag{font-size:11px;letter-spacing:1px;color:#7ddfff}.plan h3{margin:12px 0 4px}.plan-price{font-weight:900;font-size:36px;letter-spacing:-2px;margin:22px 0 7px}.plan-price small{font-size:13px;letter-spacing:0;color:#b3cfe9;font-weight:400}.plan li{margin:9px 0;color:#d1e3f5;font-size:14px}.plan ul{padding-left:17px}.plan .quota{color:#7acfff;font-size:13px}.price-note{font-size:12px;color:#94aacb;margin-top:17px}.cta-band{position:relative;background:linear-gradient(115deg,#0a2751,#13275d 60%,#242054);border:1px solid #54a7ec73;border-radius:24px;padding:50px;box-shadow:0 16px 85px #0005;overflow:hidden}.cta-band:after{content:'';position:absolute;right:-120px;top:-170px;width:420px;height:420px;border-radius:50%;border:1px solid #59d9ff6d;box-shadow:0 0 100px #338eff45;pointer-events:none}.cta-band h2{max-width:790px}.cta-band p{max-width:700px;color:#c4d7ef;font-size:18px}.footer{padding:60px 0 28px;border-top:1px solid #283e65;background:#050c1a}.footer-columns{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:40px}.footer h4{font-size:13px;letter-spacing:1px;color:#78dcff;margin-bottom:17px}.footer a{display:block;font-size:14px;color:#a9bed9;margin:10px 0}.footer a:hover{color:#fff}.footer .small{font-size:13px;color:#879bb9}.footer-bottom{margin-top:55px;padding-top:24px;border-top:1px solid #233c61;display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px;color:#90a4c0;font-size:12px}.page-hero{padding:110px 0 85px;position:relative;background:radial-gradient(circle at 90% 10%,#164d9675,transparent 44%),linear-gradient(140deg,#0b1a3b,#060f25)}.page-hero h1{max-width:1050px;margin:22px 0}.page-hero p{max-width:850px;font-size:20px;color:#bbcae4}.faq-list{max-width:960px}.faq-item{border:1px solid var(--border);margin:13px 0;border-radius:14px;background:#0c1c39}.faq-item summary{cursor:pointer;font-weight:760;padding:21px 24px;list-style:none}.faq-item summary:after{content:'+';float:right;color:#70dfff}.faq-item[open] summary:after{content:'−'}.faq-item p{margin:0;padding:0 24px 23px;color:#b5c5dc}.contact-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:42px}.contact-form{border:1px solid #4c85c086;border-radius:22px;padding:32px;background:linear-gradient(130deg,#14284c,#0a1d3c)}.field{display:block;margin-bottom:18px}.field label{display:block;margin-bottom:6px;font-size:13px;color:#d3e8fa;font-weight:700}.field input,.field select,.field textarea{width:100%;background:#061731;color:white;border:1px solid #3b6ca0;border-radius:10px;padding:14px 13px;outline:none}.field input:focus,.field textarea:focus{border-color:#65cbff}.field textarea{min-height:125px;resize:vertical}.legal-link{font-size:12px;color:#b7cbe4}.honeypot{position:absolute;left:-10000px}.alert{padding:14px 16px;border-radius:9px;background:#174771;color:#ecffff;margin:0 0 22px}.wp-block-image img{max-width:100%}.text-page{max-width:950px;margin:70px auto;line-height:1.8;color:#c7d7eb}.text-page h2,.text-page h3{color:#fff;margin:30px 0 18px}.page-content{color:#c4d6ee}.page-content a{color:#5bd7ff}.reveal{opacity:0;transform:translateY(21px);transition:opacity .8s,transform .8s}.reveal.is-visible{opacity:1;transform:none}@keyframes float{0%,100%{translate:0 0}50%{translate:0 -14px}}@keyframes orbit{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}@media(max-width:1040px){.nav-items{gap:13px}.hero-copy{width:60%}.hero-visual{right:-12%;width:57%}.grid-4{grid-template-columns:repeat(2,1fr)}.pricing{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.nav-toggle{display:block;margin-left:auto;color:#e9f8ff;background:#142e51;border:1px solid #3d6796;border-radius:8px;padding:8px 12px}.nav-items{display:none;position:absolute;top:77px;left:0;right:0;background:#09162c;padding:24px;flex-direction:column;align-items:stretch;border-bottom:1px solid #467bb0}.nav-items.open{display:flex}.hero{min-height:680px;align-items:flex-start}.hero-copy{width:100%;padding-top:75px;padding-bottom:240px}.hero-visual{top:auto;bottom:5px;right:0;left:15%;width:80%;height:270px;opacity:.64}.hero h1{font-size:46px}.section{padding:68px 0}.grid-3,.grid-2,.cols,.contact-grid,.footer-columns{grid-template-columns:1fr}.grid-4,.pricing{grid-template-columns:1fr}.cols{gap:34px}.cta-band{padding:30px}.page-hero{padding:75px 0 62px}.footer-columns{gap:12px}.shell{padding-left:20px;padding-right:20px}}