:root{--ink:#e8f4fa;--cream:#0a1220;--paper:#101d2c;--lime:#63dcf1;--muted:#9db6c4;--line:#294257;--dark:#080f1c}
body{background:var(--cream);color:var(--ink)}::selection{background:#57d9ed;color:#07101b}.skip-link{background:#6ee4f4;color:#07101b}
.site-header{background:linear-gradient(180deg,#0a1220,rgba(10,18,32,.7))}.nav-wrap{border-color:rgba(130,213,231,.18)}.brand{display:inline-flex;width:177px;height:64px;overflow:hidden}.brand img{display:block;width:177px;height:66px;object-fit:contain}.nav-links{color:#d6e8f1}.nav-cta{border-color:rgba(115,219,239,.5)}.nav-cta:hover{background:rgba(81,210,238,.09)}.nav-cta span{color:var(--lime)}
.hero{background:#0a1220}.hero:before{right:-120px;top:-200px;background:radial-gradient(circle,rgba(51,154,196,.18),transparent 64%)}.hero-grid{background-image:linear-gradient(rgba(106,205,231,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(106,205,231,.045) 1px,transparent 1px)}.hero-content{grid-template-columns:55% 45%}.hero-copy{padding-top:90px}h1,h2,h3{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500}h1{font-size:clamp(64px,6.5vw,105px);letter-spacing:-.045em;line-height:.92;margin-bottom:38px}h1 em,h2 em,.section-head h2 span{color:#69def0;font-style:normal;text-shadow:0 0 26px rgba(74,209,239,.18)}.hero-lead{color:#aec3d0}.button{border-radius:2px}.button-primary{background:#63dcef;color:#07131f;box-shadow:0 0 28px rgba(70,210,237,.17)}.button-primary:hover{background:#a0eff9}.text-link{border-color:rgba(158,211,225,.55)}.text-link span{color:#75deed}.hero-bottom{color:#6f94a8}.hero-line{background:#4f8099}
.hero-art{height:570px;display:flex;align-items:center;justify-content:center}.logo-stage{width:min(100%,585px);aspect-ratio:1.55;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(90,201,229,.22);background:radial-gradient(circle at 52% 45%,#122943 0,#0b1627 52%,#09111f 100%);box-shadow:0 35px 85px rgba(0,0,0,.35),inset 0 0 65px rgba(41,137,179,.08);overflow:hidden}.logo-stage:before,.logo-stage:after{content:'';position:absolute;width:90px;height:90px;border-color:rgba(97,219,239,.65);border-style:solid}.logo-stage:before{top:18px;left:18px;border-width:1px 0 0 1px}.logo-stage:after{right:18px;bottom:18px;border-width:0 1px 1px 0}.stage-halo{position:absolute;width:77%;aspect-ratio:1;border:1px solid rgba(87,195,224,.14);border-radius:50%;box-shadow:0 0 0 52px rgba(64,146,182,.025),0 0 100px rgba(26,151,203,.13)}.hero-logo{width:min(94%,560px);height:auto;object-fit:contain;position:relative;filter:drop-shadow(0 0 22px rgba(93,206,238,.18))}.stage-caption{position:absolute;bottom:34px;color:#6998af;font:600 10px 'Space Grotesk',sans-serif;letter-spacing:.22em}
.intro-strip{background:linear-gradient(90deg,#112437,#17344a 50%,#10283a);color:#e7f7fa;border-top:1px solid #28506b;border-bottom:1px solid #28506b}.intro-label,.asterisk{color:#6de0ef}.intro-inner p{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(26px,2.6vw,38px);font-weight:500;letter-spacing:-.025em}.intro-inner p strong{color:#72e2f0;font-weight:600}
.expertise-section{background:#0b1524}.section-head h2,.approach-intro h2,.contact-copy h2{font-size:clamp(58px,5.5vw,82px);line-height:.98;letter-spacing:-.04em}.section-head>p{color:#a8bfca}.eyebrow.dark,.eyebrow.light{color:#70dce9}.section-index{border-color:rgba(101,220,238,.8)}.expertise-card{background:#111f30;border-color:#294155}.expertise-card:hover{box-shadow:0 25px 45px rgba(2,8,17,.32),0 0 0 1px rgba(78,208,236,.3)}.service-top,.service-foot{color:#78aebd}.service-arrow{color:#70e0ee}.expertise-card h3{font-size:34px;letter-spacing:-.02em}.expertise-card p{color:#a7beca}.service-foot{border-color:#2d4759}.service-visual,.web-visual,.app-visual,.flow-visual{background:radial-gradient(circle at center,#1b4055,#14293c 70%);border:1px solid #28506a}.visual-browser,.visual-app{background:#152b40;border-color:#37708a;box-shadow:10px 15px 0 rgba(3,12,25,.28)}.visual-browser-top{border-color:#2c5168}.visual-browser-top i{background:#5b8fa1}.visual-browser-top i:first-child,.visual-block,.app-main b:nth-child(2){background:#65d5e8}.visual-lines i,.app-main>i{background:#3e6175}.visual-lines b,.app-side{background:#071726}.app-main b{background:#325773}.flow-node{background:#092034;color:#75e0ed;box-shadow:7px 10px 0 #183d54}.flow-node.end{background:#62d9e9;color:#0a192a}.flow-path i{border-color:#6bcfe4}.flow-path:after{color:#6bcfe4}
.approach-section{background:#07111f}.approach-intro>p:not(.eyebrow),.steps p{color:#a4bdc9}.button-outline{border-color:#47798c;color:#e6f4fa}.button-outline:hover{background:#12283b}.steps article,.steps article:last-child{border-color:#2d4b60}.step-no,.step-plus{color:#6fdde9}.steps h3{font-size:31px}.scenarios-section{background:#0d1b2b}.scenario-grid,.scenario-grid article+article{border-color:#2d4c60}.scenario-number,.scenario-kind{color:#75dbe8}.scenario-grid h3{font-size:31px}.scenario-grid p{color:#a7bfcc}
.contact-section{background:#0a1423}.contact-section:after{color:rgba(95,214,237,.035)}.contact-copy>p:not(.eyebrow),.contact-note p{color:#a8c0ce}.contact-note{border-color:#31536a}.contact-note span{color:#6edfec}.contact-email{color:#70e0ef;border-color:#4f9cae}.brief-card{background:#132538;color:#e9f5fa;border:1px solid #31546b;box-shadow:20px 25px 0 rgba(61,169,198,.04)}.brief-head{color:#8eb9c8;border-color:#35576b}.brief-card label span{color:#95adbb}.brief-card input,.brief-card select,.brief-card textarea{background:#0a1929;border-color:#3a5a70;color:#ecf8fc}.brief-card input::placeholder,.brief-card textarea::placeholder{color:#7896a6}.brief-card input:focus,.brief-card select:focus,.brief-card textarea:focus{border-color:#6eddec;box-shadow:0 0 0 3px rgba(95,210,230,.16)}.brief-result p{color:#aac6d1}.brief-result pre{background:#0b1a2a;color:#dfedf4;border:1px solid #2e5367}.edit-button,.copy-button{color:#80dbe9}.site-footer{background:#070e1a;border-top:1px solid #233d51}.site-footer .brand,.site-footer .brand img{width:139px;height:53px}.footer-inner p{color:#8baabd}.footer-inner>a:not(.brand){color:#aac4d0}.footer-inner>span{color:#708c9e}
@media(max-width:1050px){.hero-art{transform:none}h1{font-size:clamp(58px,6.4vw,80px)}}
@media(max-width:760px){.brand,.brand img{width:152px;height:57px}.nav-links{background:#0d1b2c}.hero-copy{padding-top:65px}h1{font-size:clamp(55px,11vw,76px)}.hero-art{transform:none;height:320px;margin-top:24px}.logo-stage{width:100%;aspect-ratio:1.65}.stage-caption{font-size:7px;bottom:18px;letter-spacing:.13em}.section-head h2,.approach-intro h2,.contact-copy h2{font-size:clamp(51px,10vw,68px)}.scenario-grid article+article{border-left:0}}
@media(max-width:430px){.hero-art{transform:none;margin-left:0;width:100%;height:265px}.logo-stage:before,.logo-stage:after{width:40px;height:40px}.stage-caption{font-size:6px}}
/* Identité StackPY : wordmark approuvé, halo discret et composition épurée. */
.logo-stage{border:0;background:transparent;box-shadow:none;aspect-ratio:700/260;width:min(100%,700px)}
.logo-stage:before,.logo-stage:after,.stage-halo,.stage-caption{display:none}
.hero-logo{width:min(100%,700px);filter:drop-shadow(0 0 30px rgba(63,217,241,.13))}
@media(max-width:760px){.logo-stage{aspect-ratio:700/260}.hero-art{height:auto;padding:20px 0 45px}}