:root{--bg:#050a12;--bg2:#0a1422;--card:#0d1828;--line:#1e3350;--text:#f4f7fb;--muted:#9aa8bc;--blue:#5ec4ff;--blue-dim:#3a9fd4;--green:#42e088;--gold:rgba(255,210,120,.12);--radius:18px;--shadow:0 24px 64px rgba(0,0,0,.35);--shadow-glow:0 0 60px rgba(94,196,255,.15);--max:1180px;--gutter:clamp(16px,4vw,24px)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:"DM Sans",Inter,"Segoe UI",Roboto,Arial,sans-serif;background:var(--bg);color:var(--text);font-size:15px;line-height:1.65;overflow-x:hidden}main{overflow-x:clip}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 80% -10%,rgba(79,183,243,.16),transparent 34%),radial-gradient(circle at 12% 12%,rgba(62,212,123,.06),transparent 27%)}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{width:min(var(--max),calc(100% - var(--gutter) * 2));max-width:var(--max);margin-inline:auto;padding-inline:var(--gutter)}
.section-stack{display:flex;flex-direction:column;gap:clamp(40px,5vw,56px);width:100%}.site-header{position:sticky;top:0;z-index:50;background:rgba(7,16,29,.94);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(14px)}.nav-inner{height:74px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;flex-direction:column;line-height:1.1}.brand span{font-size:1.28rem;font-weight:850;letter-spacing:-.04em}.brand small{font-size:.68rem;color:#7b889c;text-transform:uppercase;letter-spacing:.12em;margin-top:3px}.navbar{display:flex;gap:25px;align-items:center}.navbar a{font-size:.92rem;font-weight:650;color:#e8f0fb;position:relative}.navbar a:after{content:"";position:absolute;left:0;bottom:-9px;width:0;height:2px;background:var(--blue);transition:.22s}.navbar a:hover:after{width:100%}.menu-toggle{display:none;background:none;border:0;cursor:pointer}.menu-toggle span{display:block;width:24px;height:2px;background:#fff;margin:5px}.hero{background:linear-gradient(180deg,#050b14,#07101d);border-bottom:1px solid rgba(255,255,255,.06)}.hero-grid{min-height:660px;display:grid;grid-template-columns:1fr .95fr;gap:52px;align-items:center;padding:64px 0}.status,.eyebrow{font-size:.74rem;text-transform:uppercase;letter-spacing:.13em;color:var(--blue);font-weight:850}.status i{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;margin-right:8px;box-shadow:0 0 14px rgba(62,212,123,.7)}h1,h2,h3{line-height:1.2;letter-spacing:-.03em}h1{font-size:clamp(2.1rem,4.5vw,3.65rem);font-weight:850;margin:12px 0}h2{font-size:clamp(1.45rem,2.6vw,2.08rem)}h3{font-size:1.08rem}.hero h2{font-size:1.15rem;color:#dceafa;min-height:33px}.hero h2 em{font-style:normal;color:var(--blue);animation:blink .8s infinite}@keyframes blink{50%{opacity:0}}.lead{font-size:1.02rem;color:var(--muted);max-width:700px;margin-top:18px}.hero-actions,.case-actions,.footer-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn,.small-link{display:inline-flex;align-items:center;justify-content:center;border:1px solid #31506f;border-radius:11px;padding:10px 16px;font-size:.92rem;font-weight:750;transition:.2s}.btn:hover,.small-link:hover{transform:translateY(-2px);border-color:var(--blue)}.primary{background:linear-gradient(135deg,var(--blue),#8bd7ff);color:#06111f;border-color:transparent}.outline{background:rgba(255,255,255,.03);color:#f1f7ff}.full{width:100%;margin-top:10px}.hero-panel{position:relative;background:var(--card);border:1px solid rgba(255,255,255,.08);border-radius:20px;overflow:hidden;box-shadow:var(--shadow)}.hero-panel img{height:360px;width:100%;object-fit:cover;object-position:top left}.panel-note{padding:18px;background:linear-gradient(180deg,var(--card),#0e1929)}.panel-note span{color:var(--blue);font-weight:850}.panel-note p{color:var(--muted);font-size:.92rem}.section{padding:72px 0}.section.alt{background:var(--bg2);border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stats-grid article,.service-box,.work-card,.service-detail,.values-grid article,.case-content,.case-side,.contact-form,.contact-panel,.timeline-process article,.why-list article{background:linear-gradient(180deg,var(--card),#0f1a2b);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);box-shadow:var(--shadow)}.stats-grid article{padding:22px;text-align:center}.stats-grid strong{font-size:1.55rem;color:#fff;display:block}.stats-grid span{color:var(--muted)}.split,.why-grid,.about-grid,.contact-grid,.case-grid,.case-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:42px;align-items:start}.split p,.why-grid p,.about-grid p,.case-grid p,.page-hero p{color:var(--muted);margin-bottom:12px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:28px}.section-head h2{margin-top:4px}
.section-head--center{justify-content:center;text-align:center;margin-bottom:36px}
.section-head--center>div{display:flex;flex-direction:column;align-items:center}.service-grid,.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.service-box,.values-grid article{padding:22px}.service-box p,.values-grid p{color:var(--muted);font-size:.92rem;margin-top:8px}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.work-grid.all{grid-template-columns:repeat(4,1fr)}.work-card{overflow:hidden;transition:.2s}.work-card:hover{transform:translateY(-3px);border-color:#34597d}.work-img{position:relative}.work-img img{height:185px;width:100%;object-fit:cover}.work-img b{position:absolute;top:12px;left:12px;background:rgba(0,0,0,.58);border-radius:8px;padding:6px 9px;font-size:.68rem;border:1px solid rgba(255,255,255,.12)}.work-body{padding:18px}.work-body span{font-size:.74rem;color:var(--blue);font-weight:850;text-transform:uppercase;letter-spacing:.05em}.work-body h3{margin:6px 0}.work-body p{color:var(--muted);font-size:.9rem;min-height:92px}.work-body strong{display:inline-block;color:var(--blue);font-size:.88rem;margin-top:14px}.tags,.skill-cloud{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.tags span,.skill-cloud span{background:rgba(79,183,243,.08);border:1px solid #31506f;color:#dceafa;border-radius:999px;padding:6px 10px;font-size:.78rem;font-weight:650}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:28px}.process-grid article{background:var(--card);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);padding:22px}.process-grid b{color:var(--blue);display:block;margin-bottom:12px}.process-grid p{color:var(--muted);font-size:.92rem}.why-list{display:grid;gap:14px}.why-list article{padding:18px}.why-list p{font-size:.92rem}.cta{display:flex;justify-content:space-between;align-items:center;gap:28px;border:1px solid rgba(79,183,243,.28);border-radius:20px;background:linear-gradient(135deg,rgba(79,183,243,.13),rgba(16,28,46,.95));padding:30px}.cta p{color:var(--muted);max-width:700px}.page-hero{padding:72px 0;text-align:center;background:linear-gradient(180deg,#081321,#07101d);border-bottom:1px solid rgba(255,255,255,.08)}.page-hero h1{font-size:clamp(2rem,4vw,3rem);max-width:880px;margin:10px auto}.page-hero p{max-width:760px;margin:0 auto}.filter-bar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:26px}.filter-btn{border:1px solid #31506f;background:rgba(255,255,255,.03);color:#dceafa;border-radius:999px;padding:8px 13px;font-weight:750;cursor:pointer}.filter-btn.active,.filter-btn:hover{background:var(--blue);color:#06111f;border-color:var(--blue)}.service-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.service-detail{padding:18px}.service-detail img{height:150px;width:100%;object-fit:cover;border-radius:12px;margin-bottom:16px}.service-detail p,.service-detail li{color:var(--muted);font-size:.92rem}.service-detail ul{padding-left:18px;margin-top:10px}.timeline-process{display:grid;gap:18px;max-width:900px}.timeline-process article{display:grid;grid-template-columns:80px 1fr;gap:20px;padding:22px}.timeline-process span{color:var(--blue);font-size:1.4rem;font-weight:850}.timeline-process p{color:var(--muted)}.about-grid img{height:430px;width:100%;object-fit:cover;border-radius:6px;filter:grayscale(.25);border:1px solid rgba(255,255,255,.08)}.contact-form,.contact-panel{padding:26px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}label{display:block;margin-bottom:14px;font-weight:750;font-size:.9rem}input,textarea,select{width:100%;margin-top:7px;background:#081729;color:#fff;border:1px solid #2b435f;border-radius:10px;padding:12px 13px;outline:none;font:inherit;font-size:.92rem}textarea{resize:vertical}input:focus,textarea:focus,select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(79,183,243,.12)}.contact-form p,.contact-panel p,.contact-note li{color:var(--muted);font-size:.92rem}.contact-note{margin-top:22px}.contact-note ul{padding-left:18px;margin-top:8px}.case-hero{padding:72px 0;background:linear-gradient(180deg,#081321,#07101d);border-bottom:1px solid rgba(255,255,255,.08)}.case-grid{align-items:center}.case-grid img{border-radius:18px;border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow)}.case-content,.case-side{padding:26px}.case-content h2{font-size:1.25rem;margin:26px 0 9px}.case-content h2:first-child{margin-top:0}.case-content p,.case-content li,.case-side p{color:var(--muted)}.case-content ul{padding-left:20px}.case-side{height:max-content;position:sticky;top:96px}.case-side h3{margin-bottom:14px}.footer{padding:54px 0 26px;background:linear-gradient(180deg,#081321,#050b14);border-top:1px solid rgba(255,255,255,.08)}.footer-grid{display:grid;grid-template-columns:1.25fr .7fr .8fr;gap:42px}.footer h3{font-size:1.12rem}.footer h4{font-size:.74rem;color:var(--blue);letter-spacing:.13em;text-transform:uppercase;margin-bottom:12px}.footer p{color:var(--muted);max-width:430px;margin-top:8px}.footer a{display:block;color:#dceafa;margin:7px 0;font-size:.92rem}.footer-actions{display:flex;gap:10px;flex-wrap:wrap}.footer-actions a{border:1px solid #31506f;border-radius:999px;padding:6px 10px;margin-top:12px}.copyright{margin-top:30px;color:#748297;font-size:.86rem}.back-top{position:fixed;right:20px;bottom:20px;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:var(--blue);color:#06111f;font-weight:900}.reveal{opacity:0;transform:translateY(20px);transition:.7s cubic-bezier(.22,1,.36,1)}.reveal.visible{opacity:1;transform:none}

/* ─── Home premium ─── */
.home-serif{font-family:"Instrument Serif",Georgia,serif;font-style:italic;font-weight:400;color:#c8e8ff}
.home .site-header{background:rgba(5,10,18,.72);border-bottom-color:rgba(255,255,255,.05)}
.home .navbar a[aria-current="page"]{color:var(--blue)}
.btn--glow{box-shadow:0 4px 24px rgba(94,196,255,.35),inset 0 1px 0 rgba(255,255,255,.25)}
.btn--glow:hover{box-shadow:0 8px 36px rgba(94,196,255,.45),inset 0 1px 0 rgba(255,255,255,.3)}

.home-hero{position:relative;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.05)}
.home-hero__bg{position:absolute;inset:0;pointer-events:none;z-index:0}
.home-hero__bg .orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.55}
.orb--1{width:520px;height:520px;background:radial-gradient(circle,rgba(94,196,255,.22),transparent 70%);top:-180px;right:-120px;animation:floatOrb 14s ease-in-out infinite}
.orb--2{width:400px;height:400px;background:radial-gradient(circle,rgba(66,224,136,.12),transparent 70%);bottom:-80px;left:-100px;animation:floatOrb 18s ease-in-out infinite reverse}
.orb--3{width:280px;height:280px;background:radial-gradient(circle,rgba(120,140,255,.1),transparent 70%);top:40%;left:35%;animation:floatOrb 12s ease-in-out infinite 2s}
@keyframes floatOrb{0%,100%{transform:translate(0,0)}50%{transform:translate(24px,-18px)}}
.home-hero__bg .grid-lines{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse 70% 60% at 50% 0%,#000 20%,transparent 75%)}
.home-hero__inner{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;min-height:min(92vh,820px);padding:72px 0 64px}
.home-badge{display:inline-flex;align-items:center;gap:10px;padding:8px 16px 8px 12px;border-radius:999px;border:1px solid rgba(94,196,255,.25);background:rgba(94,196,255,.06);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#b8ddf5}
.home-badge__dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 12px rgba(66,224,136,.8);animation:pulseDot 2s ease infinite}
@keyframes pulseDot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.9)}}
.home-hero h1{font-size:clamp(2.35rem,5vw,3.75rem);font-weight:800;line-height:1.08;letter-spacing:-.045em;margin:20px 0 14px;max-width:640px}
.home-hero__role{font-size:clamp(1.05rem,2vw,1.35rem);color:#8eb8d8;min-height:2rem;font-weight:600}
.home-typing{color:var(--blue)}
.home-cursor{color:var(--blue);animation:blink .75s step-end infinite;margin-left:2px}
.home-lead{font-size:1.05rem;color:var(--muted);max-width:520px;line-height:1.7;margin-top:18px}
.home-hero__actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}
.home-trust{display:flex;flex-wrap:wrap;gap:20px;margin-top:36px;padding:0;list-style:none}
.home-trust li{font-size:.82rem;color:#7d92ab;display:flex;align-items:center;gap:8px}
.home-trust li:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--green);box-shadow:0 0 8px rgba(66,224,136,.6)}

.home-mockup{position:relative;padding:12px;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.02));border-radius:24px;border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow),var(--shadow-glow)}
.home-mockup__chrome{display:flex;align-items:center;gap:8px;padding:12px 14px;background:rgba(0,0,0,.35);border-radius:14px 14px 0 0;border-bottom:1px solid rgba(255,255,255,.06)}
.home-mockup__chrome span{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.15)}
.home-mockup__chrome span:nth-child(1){background:#ff6b6b}
.home-mockup__chrome span:nth-child(2){background:#ffd166}
.home-mockup__chrome span:nth-child(3){background:#42e088}
.home-mockup__url{flex:1;text-align:center;font-size:.68rem;color:#6b8299;letter-spacing:.02em}
.home-mockup__screen{padding:14px;background:linear-gradient(180deg,#0a1220,#060d16);border-radius:0 0 14px 14px}
.home-mockup__grid{display:grid;grid-template-columns:1.4fr 1fr;grid-template-rows:1fr 1fr;gap:10px;height:320px}
.home-mockup__tile{margin:0;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:var(--card)}
.home-mockup__tile--lg{grid-row:span 2}
.home-mockup__tile img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.home-mockup:hover .home-mockup__tile img{transform:scale(1.04)}
.home-mockup__float{position:absolute;padding:14px 18px;border-radius:14px;background:rgba(13,24,40,.92);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(16px);box-shadow:0 12px 40px rgba(0,0,0,.4)}
.home-hero__visual{padding:0 12px 28px 0;max-width:100%}
.home-mockup__float--stats{bottom:8px;left:8px;text-align:center}
.home-mockup__float--stats strong{display:block;font-size:1.5rem;font-weight:800;color:#fff;line-height:1}
.home-mockup__float--stats span{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.home-mockup__float--perf{top:20px;right:8px;display:flex;align-items:center;gap:12px}
.home-mockup__perf-icon{font-size:1.4rem}
.home-mockup__float--perf strong{display:block;font-size:1rem;color:#fff}
.home-mockup__float--perf span{font-size:.7rem;color:var(--muted)}

.home-marquee{padding:20px 0;border-block:1px solid rgba(255,255,255,.05);background:rgba(10,20,34,.6);overflow:hidden}
.home-marquee__track{display:flex;gap:48px;width:max-content;animation:marquee 32s linear infinite}
.home-marquee__track span{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:#4a6278;white-space:nowrap}
.home-marquee__track span:after{content:"◆";margin-left:48px;color:var(--blue);opacity:.4;font-size:.5rem;vertical-align:middle}
@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

.home-stats{padding:56px 0}
.home-stats__grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:16px}
.home-stat{padding:28px 24px;border-radius:var(--radius);background:linear-gradient(165deg,rgba(255,255,255,.04),rgba(255,255,255,.01));border:1px solid rgba(255,255,255,.07);transition:border-color .25s,transform .25s}
.home-stat:hover{border-color:rgba(94,196,255,.25);transform:translateY(-2px)}
.home-stat--featured{background:linear-gradient(145deg,rgba(94,196,255,.1),rgba(13,24,40,.95));border-color:rgba(94,196,255,.2)}
.home-stat__value{display:block;font-size:clamp(1.8rem,3vw,2.4rem);font-weight:800;letter-spacing:-.03em;color:#fff;margin:8px 0 4px}
.home-stat__label{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--blue);font-weight:700}
.home-stat--featured p{margin-top:12px;font-size:.9rem;color:var(--muted);line-height:1.6;max-width:280px}
.home-stat:not(.home-stat--featured){text-align:center}
.home-stat:not(.home-stat--featured) .home-stat__value{margin-top:16px}

.home-intro__grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.home-intro__head h2{font-size:clamp(1.75rem,3vw,2.35rem);margin-top:10px;max-width:480px}
.home-intro__body p{color:var(--muted);margin-bottom:16px;line-height:1.75}
.home-link{display:inline-block;margin-top:8px;font-weight:700;color:var(--blue);font-size:.92rem;transition:gap .2s}
.home-link:hover{color:#9ddfff}

.home-services__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.home-service{position:relative;padding:28px 24px;border-radius:var(--radius);background:linear-gradient(180deg,var(--card),#0a1524);border:1px solid rgba(255,255,255,.07);transition:transform .3s,border-color .3s,box-shadow .3s;overflow:hidden}
.home-service:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(94,196,255,.4),transparent);opacity:0;transition:opacity .3s}
.home-service:hover{transform:translateY(-4px);border-color:rgba(94,196,255,.2);box-shadow:0 20px 50px rgba(0,0,0,.3)}
.home-service:hover:before{opacity:1}
.home-service__icon{width:52px;height:52px;display:grid;place-items:center;border-radius:14px;background:rgba(94,196,255,.08);border:1px solid rgba(94,196,255,.15);margin-bottom:18px}
.home-service__icon img{width:28px;height:28px;object-fit:contain}
.home-service h3{font-size:1.05rem;margin-bottom:10px}
.home-service p{font-size:.9rem;color:var(--muted);line-height:1.65;min-height:72px}
.home-service__link{display:inline-block;margin-top:16px;font-size:.85rem;font-weight:700;color:var(--blue)}

.home-work__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.home-project{border-radius:var(--radius);overflow:hidden;background:var(--card);border:1px solid rgba(255,255,255,.07);transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s}
.home-project:hover{transform:translateY(-6px);box-shadow:0 28px 56px rgba(0,0,0,.4);border-color:rgba(94,196,255,.2)}
.home-project__link{display:block;height:100%}
.home-project__media{position:relative;overflow:hidden}
.home-project__media img{width:100%;height:200px;object-fit:cover;transition:transform .5s ease}
.home-project:hover .home-project__media img{transform:scale(1.06)}
.home-project__media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(5,10,18,.85));pointer-events:none}
.home-project__badge{position:absolute;bottom:14px;left:14px;z-index:1;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:6px 12px;border-radius:8px;background:rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(8px)}
.home-project__body{padding:20px 22px 24px}
.home-project__cat{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--blue)}
.home-project__body h3{margin:8px 0;font-size:1.12rem}
.home-project__body p{font-size:.88rem;color:var(--muted);line-height:1.6;margin-bottom:14px}
.home-project .tags{margin-top:0}
.home-project .tags span{font-size:.72rem;padding:5px 10px}

.home-process__head{text-align:center;max-width:560px;margin:0 auto 48px}
.home-process__head h2{font-size:clamp(1.75rem,3vw,2.2rem);margin:8px 0 12px}
.home-process__head p{color:var(--muted)}
.home-process__steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative}
.home-process__steps:before{content:"";position:absolute;top:28px;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,rgba(94,196,255,.35),transparent);z-index:0}
.home-process__step{position:relative;z-index:1;padding:0 16px;text-align:center}
.home-process__num{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;font-size:1rem;font-weight:800;color:var(--blue);background:var(--card);border:1px solid rgba(94,196,255,.3);margin-bottom:20px;box-shadow:0 0 0 8px var(--bg2)}
.home-process__step h3{font-size:1rem;margin-bottom:8px}
.home-process__step p{font-size:.88rem;color:var(--muted);line-height:1.6}
.home-process__cta{text-align:center;margin-top:40px}

.home-why__grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;align-items:start}
.home-why__intro h2{font-size:clamp(1.7rem,3vw,2.2rem);margin:10px 0 16px;max-width:420px}
.home-why__intro p{color:var(--muted);line-height:1.75}
.home-why__cards{display:grid;gap:14px}
.home-why__card{display:grid;grid-template-columns:auto 1fr;gap:18px;padding:24px;border-radius:var(--radius);background:linear-gradient(135deg,rgba(255,255,255,.03),transparent);border:1px solid rgba(255,255,255,.06);transition:border-color .25s}
.home-why__card:hover{border-color:rgba(94,196,255,.2)}
.home-why__icon{font-size:1.1rem;color:var(--blue);line-height:1.4}
.home-why__card h3{font-size:1rem;margin-bottom:6px}
.home-why__card p{font-size:.9rem;color:var(--muted)}

.home-cta-section{padding:80px 0}
.home-cta{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:32px;padding:48px 52px;border-radius:28px;border:1px solid rgba(94,196,255,.2);background:linear-gradient(135deg,rgba(94,196,255,.08),rgba(8,14,24,.98));overflow:hidden}
.home-cta__glow{position:absolute;width:400px;height:400px;right:-100px;top:-150px;background:radial-gradient(circle,rgba(94,196,255,.2),transparent 65%);pointer-events:none}
.home-cta__content{position:relative;max-width:580px}
.home-cta__content h2{font-size:clamp(1.5rem,2.8vw,2rem);margin:10px 0 14px;line-height:1.2}
.home-cta__content p{color:var(--muted);line-height:1.7}
.home-cta__actions{position:relative;display:flex;flex-wrap:wrap;gap:12px}

/* ─── Global premium (toutes pages) ─── */
.serif-accent{font-family:"Instrument Serif",Georgia,serif;font-style:italic;font-weight:400;color:#c8e8ff}
.page .site-header{background:rgba(5,10,18,.78);border-bottom-color:rgba(255,255,255,.05)}
.page .navbar a[aria-current="page"]{color:var(--blue)}
.nav-cta{background:linear-gradient(135deg,var(--blue),#9ddfff)!important;color:#041018!important;border-radius:999px;padding:8px 18px!important;font-weight:800}
.nav-cta:after{display:none!important}

.pg-hero{position:relative;padding:88px 0 72px;text-align:center;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.05)}
.pg-hero--left{text-align:left}
.pg-hero--left .pg-hero__inner{max-width:720px}
.pg-hero__bg{position:absolute;inset:0;pointer-events:none}
.pg-hero__bg .orb{position:absolute;border-radius:50%;filter:blur(90px);opacity:.45}
.pg-hero .orb--1{width:480px;height:480px;top:-160px;right:-80px}
.pg-hero .orb--2{width:360px;height:360px;bottom:-100px;left:-80px}
.pg-hero .grid-lines{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse 80% 70% at 50% 0%,#000 15%,transparent 72%)}
.pg-hero__inner{position:relative;z-index:1}
.pg-hero h1{font-size:clamp(2.2rem,4.8vw,3.4rem);font-weight:800;letter-spacing:-.04em;line-height:1.1;max-width:820px;margin:14px auto 0}
.pg-hero--left h1{margin-left:0;margin-right:0}
.pg-hero__lead{font-size:1.08rem;color:var(--muted);max-width:640px;margin:18px auto 0;line-height:1.75}
.pg-hero--left .pg-hero__lead{margin-left:0}
.pg-hero__actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:28px}
.pg-hero--left .pg-hero__actions{justify-content:flex-start}
.pg-hero__stats{display:flex;flex-wrap:wrap;gap:28px;justify-content:center;margin-top:36px;padding:0;list-style:none}
.pg-hero--left .pg-hero__stats{justify-content:flex-start}
.pg-hero__stats li{text-align:center}
.pg-hero__stats strong{display:block;font-size:1.4rem;font-weight:800;color:#fff}
.pg-hero__stats span{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}

.pg-strip{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.05);background:rgba(10,20,34,.5)}
.pg-strip p{text-align:center;font-size:.88rem;color:#6d849c;max-width:700px;margin:0 auto}

.pg-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:32px}
.pg-filters .filter-btn{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);color:#c5d4e8;border-radius:999px;padding:10px 18px;font-weight:700;font-size:.85rem;cursor:pointer;transition:.25s}
.pg-filters .filter-btn.active,.pg-filters .filter-btn:hover{background:var(--blue);color:#041018;border-color:var(--blue);box-shadow:0 4px 20px rgba(94,196,255,.3)}

.pg-services{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.pg-service{padding:32px 28px;border-radius:var(--radius);background:linear-gradient(165deg,rgba(255,255,255,.04),rgba(13,24,40,.9));border:1px solid rgba(255,255,255,.07);transition:transform .3s,border-color .3s,box-shadow .3s}
.pg-service:hover{transform:translateY(-4px);border-color:rgba(94,196,255,.22);box-shadow:0 24px 56px rgba(0,0,0,.35)}
.pg-service__head{display:flex;align-items:flex-start;gap:16px;margin-bottom:18px}
.pg-service__icon{width:56px;height:56px;flex-shrink:0;display:grid;place-items:center;border-radius:14px;background:rgba(94,196,255,.08);border:1px solid rgba(94,196,255,.15)}
.pg-service__icon img{width:30px;height:30px;object-fit:contain}
.pg-service h3{font-size:1.12rem;margin-bottom:10px}
.pg-service>p{color:var(--muted);font-size:.92rem;line-height:1.7;margin-bottom:16px}
.pg-service ul{padding:0;list-style:none;margin-bottom:20px}
.pg-service li{font-size:.86rem;color:#8fa3b8;padding:8px 0 8px 22px;position:relative;border-top:1px solid rgba(255,255,255,.05)}
.pg-service li:before{content:"";position:absolute;left:0;top:50%;width:6px;height:6px;border-radius:50%;background:var(--green);transform:translateY(-50%)}
.pg-service__cta{font-size:.88rem;font-weight:700;color:var(--blue)}

.pg-pricing{width:100%;padding:36px;border-radius:24px;border:1px solid rgba(94,196,255,.18);background:linear-gradient(135deg,rgba(94,196,255,.06),transparent);text-align:center}
.pg-pricing h3{font-size:1.35rem;margin-bottom:10px}
.pg-pricing p{color:var(--muted);max-width:520px;margin:0 auto 22px;line-height:1.7}

.pg-timeline{max-width:760px;margin:0 auto;display:grid;gap:0;position:relative}
.pg-timeline:before{content:"";position:absolute;left:27px;top:28px;bottom:28px;width:2px;background:linear-gradient(180deg,var(--blue),rgba(94,196,255,.1))}
.pg-timeline__item{display:grid;grid-template-columns:56px 1fr;gap:24px;padding:28px 0;position:relative}
.pg-timeline__num{width:56px;height:56px;display:grid;place-items:center;border-radius:50%;font-weight:800;font-size:.95rem;color:var(--blue);background:var(--card);border:2px solid rgba(94,196,255,.35);position:relative;z-index:1;box-shadow:0 0 0 6px var(--bg)}
.pg-timeline__item h3{font-size:1.1rem;margin-bottom:8px}
.pg-timeline__item p{color:var(--muted);line-height:1.7;font-size:.94rem}
.pg-timeline__item ul{margin-top:12px;padding:0;list-style:none}
.pg-timeline__item li{font-size:.88rem;color:#7d92ab;padding:4px 0 4px 16px;position:relative}
.pg-timeline__item li:before{content:"→";position:absolute;left:0;color:var(--blue);font-size:.75rem}

.pg-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:48px}
.pg-principle{padding:28px;border-radius:var(--radius);border:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,var(--card),#0a1524);text-align:center}
.pg-principle span{font-size:1.6rem;display:block;margin-bottom:12px}
.pg-principle h3{font-size:1rem;margin-bottom:8px}
.pg-principle p{font-size:.9rem;color:var(--muted);line-height:1.65}

.pg-about{display:grid;grid-template-columns:.95fr 1.05fr;gap:56px;align-items:center}
.pg-about__visual{position:relative;padding:0 16px 24px 0}
.pg-about__photo{width:100%;aspect-ratio:4/5;max-height:480px;object-fit:cover;object-position:center top;border-radius:24px;border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow);display:block;background:var(--card)}
.pg-about__badge{position:absolute;bottom:8px;right:8px;padding:16px 20px;border-radius:14px;background:rgba(13,24,40,.95);border:1px solid rgba(94,196,255,.25);backdrop-filter:blur(12px)}
.pg-about__badge strong{display:block;font-size:1.2rem;color:var(--green)}
.pg-about__badge span{font-size:.72rem;color:var(--muted)}
.pg-about__content h2{font-size:clamp(1.6rem,2.8vw,2.1rem);margin:10px 0 18px}
.pg-about__content p{color:var(--muted);line-height:1.75;margin-bottom:14px}
.pg-values{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.pg-value{padding:26px 22px;border-radius:var(--radius);border:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,rgba(255,255,255,.03),transparent);transition:border-color .25s}
.pg-value:hover{border-color:rgba(94,196,255,.2)}
.pg-value h3{font-size:1rem;margin-bottom:8px}
.pg-value p{font-size:.88rem;color:var(--muted);line-height:1.6}

.pg-contact{display:grid;grid-template-columns:1.15fr .85fr;gap:32px;align-items:start}
.pg-contact__form,.pg-contact__aside{padding:32px;border-radius:var(--radius);border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,var(--card),#0a1524);box-shadow:var(--shadow)}
.pg-contact__form h2,.pg-contact__aside h2{font-size:1.25rem;margin-bottom:8px}
.pg-contact__form>p,.pg-contact__aside>p{color:var(--muted);font-size:.92rem;margin-bottom:22px;line-height:1.65}
.pg-contact__channels{display:grid;gap:10px;margin-bottom:28px}
.pg-contact__channel{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.02);transition:border-color .2s,background .2s}
.pg-contact__channel:hover{border-color:rgba(94,196,255,.25);background:rgba(94,196,255,.04)}
.pg-contact__channel span{font-size:1.2rem}
.pg-contact__channel div strong{display:block;font-size:.92rem}
.pg-contact__channel div small{font-size:.8rem;color:var(--muted)}
.pg-contact__tips{padding:20px;border-radius:14px;background:rgba(94,196,255,.06);border:1px solid rgba(94,196,255,.12)}
.pg-contact__tips h3{font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--blue);margin-bottom:12px}
.pg-contact__tips ul{padding:0;list-style:none}
.pg-contact__tips li{font-size:.86rem;color:var(--muted);padding:6px 0 6px 18px;position:relative}
.pg-contact__tips li:before{content:"✓";position:absolute;left:0;color:var(--green);font-size:.75rem}

.pg-case-hero{padding:72px 0;border-bottom:1px solid rgba(255,255,255,.05);position:relative;overflow:hidden}
.pg-case-hero__grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;position:relative;z-index:1;width:100%}
.pg-case-hero h1{font-size:clamp(2rem,4vw,2.8rem)}
.pg-case-hero__intro{color:var(--muted);font-size:1.02rem;line-height:1.75;margin:16px 0 20px}
.pg-case-hero__media{border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow),var(--shadow-glow)}
.pg-case-hero__media img{width:100%;height:auto;max-height:380px;object-fit:cover}
.pg-case-body{display:grid;grid-template-columns:1fr 320px;gap:40px;align-items:start}
.pg-case-main h2{font-size:1.2rem;margin:32px 0 12px;padding-top:24px;border-top:1px solid rgba(255,255,255,.06)}
.pg-case-main h2:first-child{margin-top:0;padding-top:0;border-top:0}
.pg-case-main p,.pg-case-main li{color:var(--muted);line-height:1.75}
.pg-case-main ul{padding-left:20px;margin-top:10px}
.pg-case-main li{margin-bottom:8px}
.pg-case-sidebar{position:sticky;top:96px;padding:28px;border-radius:var(--radius);border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,var(--card),#0a1524)}
.pg-case-sidebar h3{font-size:1rem;margin-bottom:18px}
.pg-case-meta{display:grid;gap:14px;margin-bottom:24px}
.pg-case-meta dt{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--blue);font-weight:700}
.pg-case-meta dd{font-size:.92rem;color:#dce4f0}
.pg-case-nav{margin-top:32px;padding-top:24px;border-top:1px solid rgba(255,255,255,.06)}
.pg-case-nav a{font-size:.9rem;font-weight:700;color:var(--blue)}

.pg-cta-block{padding:80px 0}
.pg-cta-block .container{width:min(var(--max),calc(100% - var(--gutter) * 2));max-width:var(--max);margin-inline:auto;padding-inline:var(--gutter)}
.pg-cta-block .home-cta{margin:0;width:100%}
.pg-case-hero__grid,.pg-case-body,.pg-contact,.pg-about,.pg-services,.pg-timeline,.pg-principles,.pg-values{width:100%}
.pg-case-hero,.pg-hero{overflow-x:clip}
.home-project__media img,.pg-case-hero__media img{background:#0a1220}
.section-head--center{justify-content:center;text-align:center;margin-bottom:36px}
.section-head--center>div{display:flex;flex-direction:column;align-items:center}
.page-portfolio .project-list{grid-template-columns:repeat(4,1fr)}

@media(max-width:1120px){
.page-portfolio .project-list{grid-template-columns:repeat(2,1fr)}
.pg-services{grid-template-columns:repeat(2,1fr)}
.pg-principles{grid-template-columns:1fr}
.pg-values{grid-template-columns:repeat(2,1fr)}
.pg-case-body{grid-template-columns:1fr}
.pg-case-sidebar{position:static}
.home-services__grid{grid-template-columns:repeat(2,1fr)}
.home-work__grid{grid-template-columns:repeat(2,1fr)}
.work-grid.all{grid-template-columns:repeat(3,1fr)}
.service-detail-grid{grid-template-columns:repeat(2,1fr)}
}@media(max-width:940px){
.home-hero__inner{grid-template-columns:1fr;min-height:auto;padding:56px 0 48px}
.home-hero__visual{order:-1;max-width:520px;margin:0 auto}
.home-mockup__float--perf{right:8px}
.home-stats__grid{grid-template-columns:repeat(2,1fr)}
.home-stat--featured{grid-column:span 2}
.home-intro__grid,.home-why__grid{grid-template-columns:1fr}
.home-process__steps{grid-template-columns:repeat(2,1fr);gap:32px}
.home-process__steps:before{display:none}
.pg-about,.pg-contact,.pg-case-hero__grid{grid-template-columns:1fr}
.pg-about__visual{max-width:400px;margin:0 auto}
.hero-grid,.split,.why-grid,.about-grid,.contact-grid,.case-grid,.case-layout{grid-template-columns:1fr}.stats-grid,.service-grid,.values-grid,.process-grid,.work-grid,.work-grid.all{grid-template-columns:repeat(2,1fr)}.case-side{position:static}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:720px){
.pg-services,.pg-values{grid-template-columns:1fr}
.pg-hero{padding:64px 0 52px}
.pg-hero__stats{gap:20px}body{font-size:14px}.container{padding-inline:max(16px,var(--gutter))}.nav-inner{height:66px}.menu-toggle{display:block}.navbar{display:none;position:absolute;right:16px;top:66px;width:230px;flex-direction:column;align-items:flex-start;gap:16px;background:#0b1626;border:1px solid #263950;border-radius:14px;padding:18px;box-shadow:var(--shadow)}.navbar.open{display:flex}.home-hero h1{max-width:none}.home-mockup__grid{height:260px}.home-mockup__float--stats{left:8px;bottom:-8px}.page-portfolio .project-list,.home-stats__grid,.home-services__grid,.home-work__grid,.home-process__steps{grid-template-columns:1fr}
.home-stat--featured{grid-column:span 1}
.home-cta{padding:32px 24px;flex-direction:column;align-items:flex-start}
.hero-grid{min-height:auto;padding:52px 0}.hero-panel img{height:250px}.section{padding:54px 0}.page-hero{padding:56px 0}.stats-grid,.service-grid,.values-grid,.process-grid,.work-grid,.work-grid.all,.service-detail-grid,.form-row{grid-template-columns:1fr}.section-head,.cta{flex-direction:column;align-items:flex-start}.timeline-process article{grid-template-columns:1fr;gap:8px}.footer-grid{grid-template-columns:1fr}}
.pg-cta-block{
    padding: 0 0 100px;
}

.pg-cta-block .container{
    max-width: 1200px; /* même valeur que le reste du site */
    margin: 0 auto;
    padding-left: 24px;
    padding-right: 24px;
}

.home-cta{
    width: 100%;
}.project-status{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:8px 14px;
    border-radius:50px;
    background:rgba(59,130,246,.15);
    border:1px solid rgba(59,130,246,.3);
    color:#7dd3fc;
    font-size:.8rem;
    font-weight:600;
}

.project-status::before{
    content:"";
    width:8px;
    height:8px;
    border-radius:50%;
    background:#3b82f6;
    animation:pulse 2s infinite;
}

@keyframes pulse{
    0%{transform:scale(1);opacity:1;}
    100%{transform:scale(2);opacity:0;}
}
.home-lab__grid{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:28px;
  align-items:stretch;
}

.home-lab__content,
.home-lab__card{
  background:linear-gradient(180deg,var(--card),#0f1a2b);
  border:1px solid rgba(255,255,255,.08);
  border-radius:var(--radius);
  padding:28px;
  box-shadow:var(--shadow);
}

.home-lab__content p,
.home-lab__card p{
  color:var(--muted);
  margin-top:12px;
}

.home-lab__card{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}

.home-lab__card span{
  color:var(--blue);
  font-size:.75rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.13em;
}

.home-lab__card h3{
  margin-top:14px;
  font-size:1.45rem;
}

.home-lab__card .btn{
  margin-top:22px;
  width:max-content;
}

@media(max-width:900px){
  .home-lab__grid{
    grid-template-columns:1fr;
  }
}
.lab-soon-page{
  min-height:100vh;
  background:#07101d;
  overflow:hidden;
}

.lab-soon{
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:40px 20px;
  position:relative;
  background:
    radial-gradient(circle at 20% 20%, rgba(79,183,243,.18), transparent 30%),
    radial-gradient(circle at 80% 80%, rgba(62,212,123,.10), transparent 35%),
    linear-gradient(135deg,#050b14,#07101d 55%,#0b1626);
}

.lab-soon::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);
  background-size:44px 44px;
  mask-image:linear-gradient(to bottom, transparent, black 20%, black 80%, transparent);
}

.lab-orb{
  position:absolute;
  border-radius:50%;
  filter:blur(24px);
  opacity:.5;
  animation:floatOrb 7s ease-in-out infinite;
}

.lab-orb-1{
  width:180px;
  height:180px;
  background:#4fb7f3;
  top:12%;
  left:12%;
}

.lab-orb-2{
  width:220px;
  height:220px;
  background:#3ed47b;
  right:10%;
  bottom:14%;
  animation-delay:1.5s;
}

.lab-soon-card{
  position:relative;
  z-index:2;
  width:min(850px,100%);
  padding:56px;
  text-align:center;
  border-radius:32px;
  background:rgba(16,28,46,.78);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 30px 90px rgba(0,0,0,.35);
  backdrop-filter:blur(18px);
  animation:fadeUp .8s ease both;
}

.lab-eyebrow{
  color:#4fb7f3;
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.lab-soon-card h1{
  margin:14px 0;
  font-size:clamp(2.5rem,6vw,5rem);
  letter-spacing:-.06em;
}

.lab-lead{
  max-width:680px;
  margin:0 auto;
  color:#aeb8c8;
  font-size:1.05rem;
}

.lab-tags{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:10px;
  margin:30px 0;
}

.lab-tags span{
  padding:9px 14px;
  border-radius:999px;
  color:#dceafa;
  border:1px solid rgba(79,183,243,.35);
  background:rgba(79,183,243,.08);
  font-size:.86rem;
  font-weight:700;
}

.lab-progress{
  width:min(420px,100%);
  height:9px;
  margin:28px auto 12px;
  background:#0a1424;
  border-radius:999px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
}

.lab-progress-fill{
  height:100%;
  width:65%;
  border-radius:999px;
  background:linear-gradient(90deg,#4fb7f3,#3ed47b);
  animation:progressMove 2.4s ease-in-out infinite;
}

.lab-status{
  color:#7f8ca3;
  font-size:.9rem;
}

.lab-actions{
  display:flex;
  justify-content:center;
  gap:14px;
  flex-wrap:wrap;
  margin-top:32px;
}

@keyframes fadeUp{
  from{
    opacity:0;
    transform:translateY(24px) scale(.98);
  }
  to{
    opacity:1;
    transform:none;
  }
}

@keyframes floatOrb{
  0%,100%{
    transform:translateY(0);
  }
  50%{
    transform:translateY(-28px);
  }
}

@keyframes progressMove{
  0%,100%{
    width:58%;
  }
  50%{
    width:78%;
  }
}

@media(max-width:700px){
  .lab-soon-card{
    padding:36px 22px;
    border-radius:24px;
  }

  .lab-actions .btn{
    width:100%;
  }
}
/* ==================================================
   HEADER PREMIUM FIXE
================================================== */

.site-header{
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;

  z-index: 999999 !important;

  background: rgba(8, 15, 28, 0.72) !important;

  backdrop-filter: blur(18px) saturate(150%);
  -webkit-backdrop-filter: blur(18px) saturate(150%);

  border-bottom: 1px solid rgba(255,255,255,.08);

  transition:
    background .35s ease,
    box-shadow .35s ease,
    border-color .35s ease;
}

.site-header.scrolled{
  background: rgba(8,15,28,.95) !important;

  box-shadow:
    0 12px 40px rgba(0,0,0,.28),
    0 1px 0 rgba(255,255,255,.04);
}

/* Décale le contenu sous le header */

body{
  padding-top: 82px !important;
}

@media (max-width:768px){

  body{
    padding-top: 72px !important;
  }

}