/* Identité visuelle I.T. For You — bleu nuit, bleu azur, rouge et orange */
:root{--navy:#021126;--navy2:#09294b;--teal:#0799cf;--mint:#56d8fa;--cream:#f5f8fd;--grey:#627387;--ink:#0a2340;--brand-blue:#028fcb;--brand-cyan:#11cbfb;--brand-red:#f02b35;--brand-orange:#ff861c}
body{background:#f9fbff;color:var(--ink)}
.topline{background:linear-gradient(90deg,#020d1c,#06325c,#020d1c);color:#c5e7fc;border-bottom:1px solid #1a68904b}.dot{background:var(--brand-orange);box-shadow:0 0 0 5px #ff861c20}
.header{background:#04172c;color:white;border-bottom:1px solid #1677ac88;box-shadow:0 6px 24px #00102035;padding-top:9px;padding-bottom:9px}.brand{gap:12px}.brand-logo{width:62px;height:62px;object-fit:contain;filter:drop-shadow(0 1px 8px #0090cb3d);flex:none}.brand-words{color:white;font-size:14px;letter-spacing:.06em}.brand-words small{color:#8fc9e8;font-size:7px}.header nav{color:#dcefff}.header nav>a:not(.nav-cta):hover{color:#31caff}.nav-cta{background:linear-gradient(115deg,#007fc0,#014b85);color:white;border:1px solid #2cc5f555;box-shadow:0 7px 20px #0085cf30}.nav-cta span{color:#ffb15f}.nav-toggle{color:white}
.hero{background:radial-gradient(ellipse at 74% 30%,#075184 0%,#031d39 36%,#010b1a 79%);isolation:isolate}.hero:before{background-image:linear-gradient(#3dc4ff12 1px,transparent 1px),linear-gradient(90deg,#3dc4ff10 1px,transparent 1px)}.hero:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(130deg,transparent 26%,#13afff0d 36%,transparent 47%),radial-gradient(circle at 15% 88%,#e23b260c,transparent 35%);z-index:-1}.hero-monogram{position:absolute;right:-7%;top:3%;width:35%;opacity:.1;filter:blur(1px);transform:rotate(-10deg);pointer-events:none}.hero-monogram img{width:100%}.hero-copy{position:relative;z-index:1}.eyebrow{color:#82d9ff;letter-spacing:.15em}.hero h1 em{color:#37caff;font-style:normal}.hero h1 em:last-child{color:#ffa24f}.hero-copy>p{color:#b9d5e8}.hero-trust b{color:#fff}.hero-trust small{color:#98bdd6}.hero-bottom{border-top:1px solid #258fc13a;color:#8ac2e2}.hero-actions .primary,.btn.primary{background:linear-gradient(105deg,#008dcc,#0551a1);color:white;border:1px solid #4fd5ff55;box-shadow:0 9px 24px #009dff31}.hero-actions .primary:hover,.btn.primary:hover{background:linear-gradient(105deg,#02aff1,#0861b8)}.hero-actions .ghost{border-color:#5dbee465;color:#f5fbff}.hero-art .orbit{border-color:#229dda3b}.dashboard{background:linear-gradient(150deg,#0b325e,#04172b);border-color:#2074ac90;box-shadow:0 25px 80px #0009}.dash-logo span,.dash-foot strong{color:var(--brand-orange)}.online,.dash-kpi span{color:#3bd6ff}.bars span{background:linear-gradient(#16ccfa,#0465b2)}.float{background:#092442;border:1px solid #2579b5;color:#e5f6ff}.circlecheck{background:#005895;color:#f8fbff}
.section-tag,.card-number,.project-kicker{color:#007eae}.intro-head h2 span{color:#0785bc}.intro-head p,.expertise-card p,.steps p{color:#5d7489}.expertise-card{box-shadow:0 13px 35px #06244713}.expertise-card.light{background:linear-gradient(135deg,#eef7ff,#fff);border:1px solid #c8e8fa}.expertise-card.dark{background:linear-gradient(145deg,#041730,#0b3761);border:1px solid #1579ac;color:white}.expertise-card.dark p{color:#c1d9eb}.expertise-card.dark .card-number,.expertise-card.dark .arrow-link{color:#63d8ff}.icon-tile{background:#e1f3ff;color:#007db6}.expertise-card.dark .icon-tile{background:#114e79;color:#6ce3ff}.tags span{border-color:#8da7b52e}.arrow-link{color:#007caf}.statement{background:linear-gradient(125deg,#011023,#04345e)}.statement em{color:#5fd8ff}.statement-line{background:linear-gradient(90deg,var(--brand-red),var(--brand-blue),var(--brand-orange))}
.project-a{background:linear-gradient(135deg,#03182f,#084575)}.project-b{background:linear-gradient(130deg,#04162c,#073c67)}.project h3 span{color:#4bcfff}.project-b h3 span{color:#ff981e}.project-points span{color:#c0d9ec}.project-screen{border-color:#1776ab}.screen-top{background:#06152b}.screen-workspace aside{background:#053659}.workspace-main{background:#f0f7ff}.mock-label{color:#a7c6df}.project .btn.outline-light{border-color:#5bc4f575;color:#fff}.project .btn.outline-light:hover{background:#0d6b9b}
.catalogue-section{background:#edf4fc}.catalogue-panel{border-color:#d5e4f1;box-shadow:0 20px 65px #00295612}.searchbox{background:#f5faff;border-color:#cfe3f3}.searchbox span,.course-type{color:#007fb9}.counter{color:#416789}.filterrow button{color:#476985;border-color:#d4e2f1}.filterrow button.active{background:#00518b;border-color:#00518b;color:white}.course-card{border-color:#dce6f2}.course-card:hover{border-color:#00a6e3;box-shadow:0 8px 26px #0376b421}.course-bottom{color:#007fb2}.catalogue-footer p strong{color:#164774}
.steps>div{border-color:#cfe0f0}.steps span{color:#018fc9}.qualiopi{background:linear-gradient(110deg,#e5f3ff,#f4faff)}.quality-icon{color:#058ec5}.qualiopi p{color:#4d6a80}.qualiopi small{color:#417896}
.contact{background:radial-gradient(ellipse at 13% 15%,#06558b,#031b38 48%,#010c1b 100%)}.contact h2 span{color:#4cd3ff}.contact p{color:#bfd5eb}.contact-note{border-left-color:var(--brand-orange);color:#b2d4ed}.contact-form{background:#062647;border:1px solid #1c719d}.contact-form label{color:#c7e9fb}.contact-form input,.contact-form select,.contact-form textarea{background:#02182e;border-color:#2c6084}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#25caff}.contact-direct{display:flex;flex-direction:column;gap:12px;margin-top:29px;font-size:13px;color:#d5ecfc}.contact-direct a:hover{color:#ff9b37}
footer{background:#010b19;border-top:1px solid #096596}footer .brand-logo{width:66px;height:66px}.footer-grid b{color:#56c7ed}.footer-grid a:not(.brand){color:#bdd5e5}.footer-grid p{color:#8faccc}.footer-bottom{border-top-color:#2279a540;color:#85abc5}.footer-contact{line-height:1.8!important}.modal-shade{background:#001126dd}.modal-dialog{border-top:4px solid #018dc6}.modal-facts span{background:#e5f3ff;color:#116494}.legal a{color:#027fb8}
@media(max-width:760px){.header{padding:7px 17px}.brand-logo{width:48px;height:48px}.brand-words{font-size:12px}.hero h1{font-size:clamp(34px,9vw,48px)}.hero-monogram{width:75%;top:12%;right:-35%;opacity:.055}.header nav{background:#04172c;border-bottom:1px solid #1c719d}.header nav>a{color:#e3f3ff}.footer-grid .brand-logo{width:58px;height:58px}}

.project-screen.real-interface {display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(135deg,#0a2746,#09213e);min-height:390px;overflow:hidden}
.project-screen.real-interface img {display:block;width:100%;height:auto;max-height:450px;object-fit:contain;border-radius:10px;box-shadow:0 20px 50px rgba(0,0,0,.25)}
.project-screen.awaiting-screen {display:flex;align-items:center;justify-content:center;padding:40px;background:#081f36;color:white;min-height:360px;text-align:center}
.awaiting-content strong{font-size:24px;display:block;margin-bottom:12px}
.awaiting-content p{color:#b5c8d9;max-width:300px}