/* DAMAPILOT V23 — Premium public surface: Heikei SVG atmosphere + Motion-Primitives inspired interaction */
:root{
  --v23-radius-xl:28px;
  --v23-radius-lg:22px;
  --v23-radius-md:16px;
  --v23-glass:color-mix(in srgb,var(--surface) 82%,var(--transparent));
  --v23-glass-strong:color-mix(in srgb,var(--surface) 93%,var(--transparent));
  --v23-border:color-mix(in srgb,var(--primary) 15%,var(--border));
  --v23-shadow:0 28px 80px color-mix(in srgb,var(--surface-inverse) 12%,var(--transparent));
  --v23-shadow-soft:0 16px 42px color-mix(in srgb,var(--surface-inverse) 8%,var(--transparent));
}
html{scroll-padding-top:110px}
body{position:relative;isolation:isolate;min-height:100vh;overflow-x:hidden;background:var(--bg)!important}
body::before{content:"";position:fixed;z-index:-3;inset:-8vh -8vw auto auto;width:min(1180px,92vw);height:min(820px,74vw);background:url('/assets/heikei-aurora.svg?v=23') center/contain no-repeat;opacity:.82;pointer-events:none;transform:translate3d(7vw,-8vh,0)}
body::after{content:"";position:absolute;z-index:-4;left:0;right:0;top:640px;height:620px;background:url('/assets/heikei-layered-wave.svg?v=23') center top/100% 100% no-repeat;pointer-events:none;opacity:1}
html[data-theme="dark"] body::before{opacity:.62;filter:saturate(1.12) brightness(.86)}

/* Floating navigation */
header{top:10px!important;background:var(--transparent)!important;border:0!important;backdrop-filter:none!important;padding:0 10px;pointer-events:none}
header .wrap{pointer-events:auto}
header nav{height:68px;padding:0 12px 0 15px;border:1px solid var(--v23-border);border-radius:22px;background:color-mix(in srgb,var(--surface) 82%,var(--transparent));box-shadow:0 12px 40px color-mix(in srgb,var(--surface-inverse) 8%,var(--transparent));backdrop-filter:blur(24px) saturate(1.35);-webkit-backdrop-filter:blur(24px) saturate(1.35)}
.brand{gap:10px}.brand .damapilotOfficialLogo{width:38px!important;height:38px!important;border-radius:11px!important}.brand b{letter-spacing:.16em;font-size:16px}
.navlinks{gap:18px!important}.navlinks>a:not(.btn){font-weight:650;transition:color .18s ease,transform .18s ease}.navlinks>a:not(.btn):hover{transform:translateY(-1px)}
.btn{min-height:42px;border-radius:13px!important;font-weight:720;letter-spacing:-.01em;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease!important;will-change:transform}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0) scale(.98)}
.btn.primary{box-shadow:0 14px 32px color-mix(in srgb,var(--primary) 28%,var(--transparent))!important}.ctaLarge{min-height:50px;padding:0 21px!important;border-radius:15px!important}

/* Hero */
.hero{padding:112px 0 104px;position:relative}.hero::before{content:"";position:absolute;left:50%;top:42%;width:min(1000px,82vw);height:520px;transform:translate(-50%,-50%);background:radial-gradient(circle,color-mix(in srgb,var(--primary) 10%,var(--transparent)) 0,var(--transparent) 68%);pointer-events:none;z-index:-1}
.heroGrid{grid-template-columns:minmax(0,.88fr) minmax(520px,1.12fr)!important;gap:66px!important;align-items:center!important}
.heroGrid>div:first-child{position:relative;z-index:2}.eyebrow{min-height:30px;align-items:center;padding:0 12px!important;border-color:color-mix(in srgb,var(--primary) 26%,var(--border))!important;background:color-mix(in srgb,var(--primary) 7%,var(--surface))!important;color:var(--primary)!important;font-weight:820;letter-spacing:.11em!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--surface) 70%,var(--transparent))}
.hero h1{font-size:clamp(52px,5.25vw,78px)!important;line-height:.98!important;letter-spacing:-.065em!important;margin:22px 0 24px!important;max-width:720px}.gradient{background:linear-gradient(90deg,var(--on-bg),var(--primary) 52%,var(--secondary))!important;-webkit-background-clip:text!important;background-clip:text!important;color:var(--transparent)!important}
.hero .lead{max-width:650px;font-size:18px!important;line-height:1.72!important}.hero .actions{margin-top:30px!important}.proof{gap:9px!important;margin-top:20px!important}.proof span{padding:7px 10px;border:1px solid var(--border);border-radius:999px;background:color-mix(in srgb,var(--surface) 74%,var(--transparent));backdrop-filter:blur(8px);font-weight:650}
.productStage{min-height:610px!important;transform:none!important;perspective:1300px}.productStage::before{content:"";position:absolute;inset:8% 2% 4%;z-index:-2;border-radius:42px;background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 9%,var(--surface)),color-mix(in srgb,var(--secondary) 7%,var(--surface)));border:1px solid color-mix(in srgb,var(--primary) 15%,var(--border));box-shadow:var(--v23-shadow);transform:rotate(-1deg)}
.laptopShell{width:min(720px,100%)!important;filter:drop-shadow(0 42px 54px color-mix(in srgb,var(--surface-inverse) 34%,var(--transparent)))!important;transform:perspective(1300px) rotateX(var(--v23-rx,1deg)) rotateY(var(--v23-ry,-4deg)) translate3d(var(--v23-tx,0),var(--v23-ty,0),0)!important;transition:transform .22s ease-out}
.laptopScreen{border-radius:23px 23px 14px 14px!important}.floatingCard{border-radius:16px!important;box-shadow:0 20px 50px color-mix(in srgb,var(--surface-inverse) 32%,var(--transparent))!important;backdrop-filter:blur(12px);transition:transform .25s ease,box-shadow .25s ease}.floatingTop{animation:v23-float 5.6s ease-in-out infinite}.floatingBottom{animation:v23-float 6.2s ease-in-out -1.4s infinite}

/* Sections */
section{padding:92px 0!important;position:relative}.sectionHead{max-width:840px!important;margin-bottom:48px!important}.sectionHead span{font-weight:800;color:var(--primary)!important}.sectionHead h2,.twocol h2,.storyCopy h2{font-size:clamp(36px,4vw,52px)!important;line-height:1.06;letter-spacing:-.052em!important}.sectionHead p,.storyCopy>p,.twocol p{font-size:15px;line-height:1.8!important}
#produit .grid4{grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:16px!important}
#produit .feature{grid-column:span 3;min-height:220px;padding:24px!important;position:relative;overflow:hidden;border-radius:var(--v23-radius-lg)!important;box-shadow:var(--v23-shadow-soft)!important;transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease!important}
#produit .feature:nth-child(1),#produit .feature:nth-child(4){grid-column:span 6}#produit .feature:nth-child(5),#produit .feature:nth-child(8){grid-column:span 4}#produit .feature:nth-child(6),#produit .feature:nth-child(7){grid-column:span 4}
#produit .feature:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--primary) 32%,var(--border))!important;box-shadow:0 24px 64px color-mix(in srgb,var(--surface-inverse) 13%,var(--transparent))!important}
#produit .feature::before{content:"";position:absolute;width:180px;height:180px;right:-70px;top:-80px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--primary) 14%,var(--transparent)),var(--transparent) 70%);pointer-events:none}.ico{width:46px!important;height:46px!important;border-radius:14px!important;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 18%,var(--surface-2)),color-mix(in srgb,var(--secondary) 15%,var(--surface-2)))!important;color:var(--primary);font-weight:850}.feature h3{font-size:17px;margin-top:20px!important}.feature p{font-size:13px!important}

/* The centered Vision section */
.visualStory{overflow:hidden}.visualStory::before{content:"";position:absolute;inset:9% 4%;z-index:-1;border:1px solid var(--v23-border);border-radius:42px;background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 5%,var(--surface)),color-mix(in srgb,var(--secondary) 4%,var(--surface)));box-shadow:var(--v23-shadow-soft)}
.visualStorySingle{display:flex!important;justify-content:center!important;width:min(1180px,calc(100% - 36px))!important;margin-inline:auto!important}.visualStorySingle .storyCopy{width:min(920px,100%)!important;max-width:920px!important;margin:0 auto!important;text-align:center!important;display:flex;flex-direction:column;align-items:center}.storyCopy .eyebrow{margin-inline:auto}.storyCopy h2{max-width:800px;margin:20px auto 18px}.storyCopy>p{max-width:760px;margin:0 auto;color:var(--text-muted)!important}.storyCopy .checklist{width:100%;max-width:820px;margin:30px auto 0!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px!important;text-align:left}.storyCopy .checklist div{position:relative;padding:16px 16px 16px 46px!important;border-radius:15px!important;box-shadow:0 12px 30px color-mix(in srgb,var(--surface-inverse) 6%,var(--transparent))}.storyCopy .checklist div::before{content:"✓";position:absolute;left:16px;top:50%;transform:translateY(-50%);width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:var(--success-soft);color:var(--success);font-size:12px;font-weight:900}
.twocol{gap:36px!important}.twocol>.card{border-radius:var(--v23-radius-xl)!important;padding:30px!important;box-shadow:var(--v23-shadow-soft)!important}.checklist div{border-radius:14px!important;padding:14px 15px!important}

/* Pricing / forms / editorial pages */
.priceCard,.formCard,.article,.newsletter{border-radius:var(--v23-radius-lg)!important;box-shadow:var(--v23-shadow-soft)!important}.priceCard{padding:26px!important;transition:transform .22s ease,box-shadow .22s ease}.priceCard:hover{transform:translateY(-5px);box-shadow:var(--v23-shadow)!important}.priceCard.featured{transform:translateY(-7px);background:linear-gradient(165deg,color-mix(in srgb,var(--primary) 7%,var(--surface)),var(--surface))!important}.pageHero{padding:104px 0 54px!important}.pageHero h1{font-size:clamp(42px,5vw,64px)!important;letter-spacing:-.055em!important}.content{max-width:900px!important}.content h2{letter-spacing:-.025em}.formCard{padding:28px!important}.field input,.field select,.field textarea,.newsletter input[type=email]{border-radius:12px!important;min-height:45px}.newsletter{padding:30px!important}
footer{margin-top:30px!important;background:color-mix(in srgb,var(--surface) 62%,var(--transparent));backdrop-filter:blur(12px)}.footerGrid{padding:56px 0 44px!important}

/* Motion primitives: in-view, animated groups, spotlight, magnetic CTAs */
html.v23-motion-ready .v23Reveal{opacity:0;transform:translate3d(0,18px,0);filter:blur(7px);transition:opacity .62s cubic-bezier(.2,.72,.2,1),transform .62s cubic-bezier(.2,.72,.2,1),filter .62s ease;transition-delay:var(--v23-delay,0ms)}
html.v23-motion-ready .v23Reveal.v23Visible{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}
.v23Spotlight{position:relative;isolation:isolate;overflow:hidden}.v23Spotlight::after{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(320px circle at var(--v23-spot-x,50%) var(--v23-spot-y,50%),color-mix(in srgb,var(--primary) 11%,var(--transparent)),var(--transparent) 70%);opacity:0;transition:opacity .22s ease}.v23Spotlight:hover::after{opacity:1}
.v23Magnetic{transform:translate3d(var(--v23-mx,0),var(--v23-my,0),0);transition:transform .18s ease-out,box-shadow .18s ease!important}
@keyframes v23-float{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-9px,0)}}

@media(max-width:1100px){.heroGrid{grid-template-columns:1fr!important;gap:34px!important}.heroGrid>div:first-child{text-align:center}.hero .lead{margin-inline:auto}.hero .actions,.hero .proof{justify-content:center}.productStage{min-height:560px!important}#produit .feature{grid-column:span 6!important}}
@media(max-width:950px){header{top:6px}.navlinks{top:76px!important;border-radius:18px!important;box-shadow:var(--v23-shadow)!important}.hero{padding-top:92px}.storyCopy .checklist{grid-template-columns:1fr}.visualStory::before{inset:5% 14px}}
@media(max-width:700px){body::before{width:130vw;height:92vw;right:-42vw}.hero{padding:78px 0 66px!important}.hero h1{font-size:clamp(43px,13vw,58px)!important}.hero .proof span{width:auto!important}.productStage{min-height:430px!important}.floatingCard{display:none!important}#produit .grid4{grid-template-columns:1fr!important}#produit .feature{grid-column:1!important;min-height:auto}.sectionHead h2,.twocol h2,.storyCopy h2{font-size:34px!important}.visualStorySingle{width:min(100% - 24px,1180px)!important}.visualStory::before{inset:5% 8px;border-radius:26px}.storyCopy .checklist{width:100%}.pageHero{padding-top:82px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.v23Reveal,.v23Visible,.v23Magnetic,.laptopShell,.floatingCard{animation:none!important;transition:none!important;transform:none!important;filter:none!important;opacity:1!important}}

/* V23.3 — Fluid Landing System
   Haikei-inspired layered atmosphere + Watermelon-style landing blocks + Motion-Primitives interaction patterns.
   Kept in vanilla CSS/JS to preserve the zero-build DAMAPILOT architecture. */
:root{
  --v233-ease:cubic-bezier(.22,.8,.22,1);
  --v233-ease-spring:cubic-bezier(.16,1,.3,1);
  --v233-hairline:color-mix(in srgb,var(--primary) 18%,var(--border));
  --v233-glow:color-mix(in srgb,var(--primary) 22%,var(--transparent));
  --v233-glow-2:color-mix(in srgb,var(--secondary) 18%,var(--transparent));
}
body{background:linear-gradient(180deg,color-mix(in srgb,var(--bg) 94%,var(--primary) 6%) 0%,var(--bg) 38%,color-mix(in srgb,var(--bg) 96%,var(--secondary) 4%) 100%)!important}
body::before{opacity:.48!important;animation:v233-aurora-drift 22s var(--v233-ease) infinite alternate;will-change:transform}
body::after{top:720px!important;height:740px!important;opacity:.72!important;filter:saturate(1.08)}
.v233Atmosphere{position:fixed;z-index:-5;inset:0;overflow:hidden;pointer-events:none;contain:strict}
.v233Flow{position:absolute;inset:-14vh -8vw auto;width:116vw;height:min(980px,84vw);background:url('/assets/heikei-flow-field.svg?v=23.3') center/cover no-repeat;opacity:.72;filter:saturate(1.1);animation:v233-flow 26s ease-in-out infinite alternate;will-change:transform}
.v233Grid{position:absolute;left:50%;top:40px;width:min(1500px,112vw);height:930px;transform:translateX(-50%);background:url('/assets/heikei-orbit-grid.svg?v=23.3') center/contain no-repeat;opacity:.68;mask-image:linear-gradient(to bottom,black 0 76%,transparent 100%)}
.v233Blob{position:absolute;border-radius:999px;filter:blur(72px);opacity:.18;will-change:transform}.v233BlobA{width:36vw;height:36vw;min-width:420px;min-height:420px;right:-8vw;top:13vh;background:var(--primary);animation:v233-blob-a 24s ease-in-out infinite alternate}.v233BlobB{width:31vw;height:31vw;min-width:360px;min-height:360px;left:-10vw;top:47vh;background:var(--secondary);animation:v233-blob-b 30s ease-in-out infinite alternate}.v233BlobC{width:24vw;height:24vw;min-width:300px;min-height:300px;left:43vw;top:112vh;background:color-mix(in srgb,var(--primary) 55%,var(--secondary));opacity:.11;animation:v233-blob-c 27s ease-in-out infinite alternate}
.v233PointerGlow{position:fixed;z-index:-1;width:420px;height:420px;border-radius:50%;left:0;top:0;transform:translate3d(calc(var(--v233-pointer-x,50vw) - 210px),calc(var(--v233-pointer-y,35vh) - 210px),0);background:radial-gradient(circle,color-mix(in srgb,var(--primary) 10%,var(--transparent)),var(--transparent) 68%);opacity:var(--v233-pointer-opacity,0);transition:opacity .35s ease;pointer-events:none;will-change:transform}
.v233Progress{position:fixed;z-index:90;left:0;top:0;width:100%;height:2px;transform-origin:left center;transform:scaleX(var(--v233-scroll,0));background:linear-gradient(90deg,var(--secondary),var(--primary),color-mix(in srgb,var(--primary) 55%,white));box-shadow:0 0 18px var(--v233-glow);pointer-events:none}

header{transition:transform .38s var(--v233-ease),filter .38s ease}
header nav{transition:height .38s var(--v233-ease),background .38s ease,border-color .38s ease,box-shadow .38s ease,transform .38s var(--v233-ease)}
html.v233Scrolled header nav{height:60px;background:color-mix(in srgb,var(--surface) 90%,var(--transparent));border-color:color-mix(in srgb,var(--primary) 20%,var(--border));box-shadow:0 14px 44px color-mix(in srgb,var(--surface-inverse) 10%,var(--transparent));transform:translateY(-1px)}
html.v233Scrolled .brand .damapilotOfficialLogo{transform:scale(.92)}
.brand .damapilotOfficialLogo{transition:transform .38s var(--v233-ease)}
.navlinks>a:not(.btn){position:relative}.navlinks>a:not(.btn)::after{content:"";position:absolute;left:50%;right:50%;bottom:-7px;height:1px;background:linear-gradient(90deg,var(--secondary),var(--primary));transition:left .22s ease,right .22s ease}.navlinks>a:not(.btn):hover::after{left:0;right:0}

.hero{min-height:min(900px,92vh);display:flex;align-items:center;padding-top:118px!important}
.hero::after{content:"";position:absolute;z-index:-2;width:min(900px,78vw);height:min(900px,78vw);right:-12%;top:-30%;border:1px solid color-mix(in srgb,var(--primary) 8%,var(--transparent));border-radius:50%;box-shadow:inset 0 0 120px color-mix(in srgb,var(--primary) 3%,var(--transparent));animation:v233-orbit 30s linear infinite}
.heroGrid>div:first-child::before{content:"";position:absolute;z-index:-1;left:-8%;top:11%;width:68%;height:72%;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--primary) 8%,var(--transparent)),transparent 70%);filter:blur(26px)}
.hero .eyebrow{position:relative;overflow:hidden}.hero .eyebrow::after{content:"";position:absolute;inset:-1px auto -1px -42%;width:34%;transform:skewX(-18deg);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--on-bg) 18%,transparent),transparent);animation:v233-scan 5.8s ease-in-out infinite}
.hero h1{position:relative;text-wrap:balance;text-shadow:0 1px 0 color-mix(in srgb,var(--surface) 30%,transparent)}
.hero .gradient{background-size:180% 100%!important;animation:v233-gradient 8s ease-in-out infinite alternate}
.hero .lead{text-wrap:pretty}
.hero .proof span{position:relative;overflow:hidden;transition:transform .25s var(--v233-ease),border-color .25s ease,background .25s ease}.hero .proof span:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--primary) 28%,var(--border));background:color-mix(in srgb,var(--primary) 6%,var(--surface))}
.btn.primary{position:relative;isolation:isolate;overflow:hidden}.btn.primary::after{content:"";position:absolute;z-index:-1;inset:-2px auto -2px -36%;width:28%;transform:skewX(-18deg);background:linear-gradient(90deg,transparent,color-mix(in srgb,white 36%,transparent),transparent);opacity:0;transition:opacity .2s ease}.btn.primary:hover::after{opacity:1;animation:v233-cta-shine .75s var(--v233-ease) both}

.productStage{transform-style:preserve-3d}.productStage::before{background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 12%,var(--surface)),color-mix(in srgb,var(--secondary) 8%,var(--surface)))!important;box-shadow:0 40px 120px color-mix(in srgb,var(--surface-inverse) 16%,var(--transparent)),inset 0 1px 0 color-mix(in srgb,var(--on-bg) 8%,transparent)!important}
.productStage::after{content:"";position:absolute;z-index:-1;inset:2% -3% 1%;border-radius:46px;background:conic-gradient(from var(--v233-spin,0deg),transparent 0 14%,color-mix(in srgb,var(--primary) 18%,transparent) 23%,transparent 34% 63%,color-mix(in srgb,var(--secondary) 14%,transparent) 72%,transparent 82%);filter:blur(20px);opacity:.78;animation:v233-stage-spin 14s linear infinite}
.laptopShell{transition:transform .36s var(--v233-ease-spring),filter .36s ease!important;will-change:transform}.productStage:hover .laptopShell{filter:drop-shadow(0 48px 62px color-mix(in srgb,var(--surface-inverse) 40%,var(--transparent)))!important}
.laptopScreen{position:relative}.laptopScreen::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(112deg,transparent 20%,color-mix(in srgb,white 7%,transparent) 42%,transparent 58%);transform:translateX(-115%);animation:v233-screen-glint 9s ease-in-out infinite}
.floatingCard{border:1px solid color-mix(in srgb,white 10%,var(--border));box-shadow:0 20px 55px color-mix(in srgb,var(--surface-inverse) 35%,var(--transparent)),inset 0 1px 0 color-mix(in srgb,white 11%,transparent)!important}

section{isolation:isolate}
section:not(.visualStory)::after{content:"";position:absolute;z-index:-2;left:50%;bottom:-1px;width:min(1180px,calc(100% - 48px));height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,var(--v233-hairline),transparent);opacity:.6}
.sectionHead>span{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid var(--v233-hairline);border-radius:999px;background:color-mix(in srgb,var(--surface) 74%,transparent);backdrop-filter:blur(10px)}
.sectionHead>span::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--primary);box-shadow:0 0 14px var(--primary)}
.sectionHead h2,.twocol h2,.storyCopy h2{text-wrap:balance}

#produit{overflow:hidden}
#produit::before{content:"";position:absolute;z-index:-3;inset:2% 0 0;background:radial-gradient(circle at 13% 28%,color-mix(in srgb,var(--secondary) 7%,transparent),transparent 29%),radial-gradient(circle at 90% 54%,color-mix(in srgb,var(--primary) 8%,transparent),transparent 31%)}
#produit .feature{background:linear-gradient(155deg,color-mix(in srgb,var(--surface) 96%,var(--primary) 4%),color-mix(in srgb,var(--surface) 98%,var(--secondary) 2%))!important;transform:perspective(900px) rotateX(var(--v233-tilt-x,0deg)) rotateY(var(--v233-tilt-y,0deg)) translate3d(0,var(--v233-lift,0px),0);transform-style:preserve-3d;will-change:transform;transition:transform .32s var(--v233-ease-spring),border-color .28s ease,box-shadow .28s ease!important}
#produit .feature:hover{--v233-lift:-8px;box-shadow:0 28px 74px color-mix(in srgb,var(--surface-inverse) 14%,var(--transparent)),inset 0 1px 0 color-mix(in srgb,var(--on-bg) 5%,transparent)!important}
#produit .feature::after{content:"";position:absolute;z-index:-1;inset:0;border-radius:inherit;background:linear-gradient(125deg,color-mix(in srgb,var(--primary) 5%,transparent),transparent 42%,color-mix(in srgb,var(--secondary) 4%,transparent));opacity:.7;pointer-events:none}
#produit .feature:nth-child(1),#produit .feature:nth-child(4){min-height:250px}
#produit .feature:nth-child(1) .ico,#produit .feature:nth-child(4) .ico{width:52px!important;height:52px!important}
.ico{box-shadow:inset 0 1px 0 color-mix(in srgb,white 12%,transparent),0 12px 28px color-mix(in srgb,var(--primary) 11%,transparent);transition:transform .34s var(--v233-ease-spring)}
.feature:hover .ico{transform:translateY(-2px) scale(1.06) rotate(-2deg)}

.visualStory{padding-block:112px!important}.visualStory::before{inset:7% 3.5%!important;background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 7%,var(--surface)),color-mix(in srgb,var(--secondary) 5%,var(--surface)))!important;box-shadow:0 34px 100px color-mix(in srgb,var(--surface-inverse) 10%,var(--transparent)),inset 0 1px 0 color-mix(in srgb,var(--on-bg) 6%,transparent)!important;overflow:hidden}
.visualStory::after{content:"";position:absolute;z-index:-1;inset:10% 5%;border-radius:38px;background:url('/assets/heikei-orbit-grid.svg?v=23.3') center/cover no-repeat;opacity:.56;mask-image:linear-gradient(to bottom,black,transparent 92%);pointer-events:none}
.storyCopy .checklist div{background:color-mix(in srgb,var(--surface) 82%,transparent)!important;backdrop-filter:blur(14px);border-color:var(--v233-hairline)!important;transition:transform .3s var(--v233-ease-spring),border-color .3s ease,background .3s ease}.storyCopy .checklist div:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--primary) 34%,var(--border))!important;background:color-mix(in srgb,var(--primary) 6%,var(--surface))!important}
.twocol>.card{background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 96%,var(--primary) 4%),color-mix(in srgb,var(--surface) 99%,var(--secondary) 1%))!important;min-height:260px;display:flex;flex-direction:column;justify-content:center}

.priceCard,.formCard,.article,.newsletter{background:linear-gradient(155deg,color-mix(in srgb,var(--surface) 97%,var(--primary) 3%),var(--surface))!important;border-color:var(--v233-hairline)!important;backdrop-filter:blur(18px)}
.priceCard:hover,.article:hover{border-color:color-mix(in srgb,var(--primary) 34%,var(--border))!important}
.pageHero{position:relative;overflow:hidden}.pageHero::before{content:"";position:absolute;z-index:-1;left:50%;top:-44%;width:min(980px,92vw);height:620px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--primary) 13%,transparent),color-mix(in srgb,var(--secondary) 5%,transparent) 38%,transparent 70%);filter:blur(10px)}
.pageHero h1{text-wrap:balance}.pageHero .lead{text-wrap:pretty}
.content{position:relative}.content::before{content:"";position:absolute;z-index:-1;inset:-24px -30px;border:1px solid color-mix(in srgb,var(--primary) 6%,transparent);border-radius:28px;background:color-mix(in srgb,var(--surface) 34%,transparent);backdrop-filter:blur(8px);opacity:.72}
footer{position:relative;overflow:hidden}footer::before{content:"";position:absolute;z-index:-1;left:50%;bottom:-160px;width:900px;height:420px;transform:translateX(-50%);background:radial-gradient(circle,color-mix(in srgb,var(--primary) 8%,transparent),transparent 68%)}

html.v23-motion-ready .v23Reveal{transform:translate3d(0,24px,0) scale(.992);filter:blur(9px);transition-duration:.78s;transition-timing-function:var(--v233-ease-spring)}
html.v23-motion-ready .v23Reveal.v23Visible{transform:translate3d(0,0,0) scale(1)}
.v23Spotlight::after{background:radial-gradient(420px circle at var(--v23-spot-x,50%) var(--v23-spot-y,50%),color-mix(in srgb,var(--primary) 13%,var(--transparent)),transparent 67%);transition:opacity .28s ease}

@keyframes v233-aurora-drift{0%{transform:translate3d(7vw,-8vh,0) scale(1)}100%{transform:translate3d(3vw,-4vh,0) scale(1.07) rotate(2deg)}}
@keyframes v233-flow{0%{transform:translate3d(-2%,0,0) scale(1.02)}100%{transform:translate3d(3%,-3%,0) scale(1.09)}}
@keyframes v233-blob-a{0%{transform:translate3d(0,0,0) scale(1)}100%{transform:translate3d(-12vw,9vh,0) scale(1.14)}}
@keyframes v233-blob-b{0%{transform:translate3d(0,0,0) scale(1)}100%{transform:translate3d(15vw,-7vh,0) scale(.92)}}
@keyframes v233-blob-c{0%{transform:translate3d(-5vw,0,0)}100%{transform:translate3d(8vw,10vh,0)}}
@keyframes v233-orbit{to{transform:rotate(360deg)}}
@keyframes v233-scan{0%,58%{left:-42%;opacity:0}67%{opacity:.8}82%,100%{left:120%;opacity:0}}
@keyframes v233-gradient{0%{background-position:0 50%}100%{background-position:100% 50%}}
@keyframes v233-cta-shine{from{left:-36%}to{left:118%}}
@keyframes v233-stage-spin{to{--v233-spin:360deg}}
@keyframes v233-screen-glint{0%,70%{transform:translateX(-115%)}86%,100%{transform:translateX(115%)}}

@media(max-width:950px){.v233PointerGlow{display:none}.hero{min-height:auto}.v233Grid{top:100px;width:150vw}.v233Flow{width:155vw;left:-25vw}.content::before{inset:-18px -12px}.visualStory{padding-block:86px!important}}
@media(max-width:700px){body::before{animation:none}.v233Flow{opacity:.46}.v233Blob{filter:blur(58px);opacity:.12}.hero::after{display:none}.hero{padding-top:88px!important}.hero .proof{gap:7px!important}.hero .proof span{font-size:11px;padding:6px 8px}.productStage::after{opacity:.45}.visualStory::after{opacity:.34}.content::before{display:none}}
@media(prefers-reduced-motion:reduce){body::before,.v233Flow,.v233Blob,.hero::after,.hero .eyebrow::after,.hero .gradient,.productStage::after,.laptopScreen::after,.floatingCard{animation:none!important}.v233PointerGlow,.v233Progress{display:none!important}#produit .feature{transform:none!important}.btn.primary::after{display:none!important}}


/* V23.18 — site public aligné sur Smart Operations */
.v2318SmartOps{position:relative;overflow:hidden;background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 3%,var(--bg)),var(--bg))}
.v2318SmartOps::before{content:"";position:absolute;right:-12vw;top:8%;width:42vw;height:42vw;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--secondary) 11%,transparent),transparent 70%);filter:blur(30px);pointer-events:none}
.v2318OpsGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;position:relative;z-index:1}
.v2318OpsCard{min-height:260px;padding:26px;border:1px solid var(--border);border-radius:28px;background:color-mix(in srgb,var(--surface) 86%,transparent);box-shadow:0 18px 44px color-mix(in srgb,var(--surface-inverse) 8%,transparent);backdrop-filter:blur(14px);transition:transform .28s var(--v233-ease),border-color .28s ease,box-shadow .28s ease}
.v2318OpsCard:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--primary) 30%,var(--border));box-shadow:0 26px 56px color-mix(in srgb,var(--surface-inverse) 12%,transparent)}
.v2318OpsCard small{display:block;margin:16px 0 8px;color:var(--primary);font-weight:850;letter-spacing:.11em;font-size:11px}.v2318OpsCard h3{margin:0 0 12px;font-size:24px;letter-spacing:-.035em}.v2318OpsCard p{margin:0;color:var(--text-muted);line-height:1.72}
.v2318OpsHero{grid-column:span 2;display:grid;grid-template-columns:1fr minmax(260px,.72fr);gap:24px;align-items:center;background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 8%,var(--surface)),color-mix(in srgb,var(--surface) 92%,transparent))}.v2318OpsHero>.v2318OpsIcon{grid-column:1/-1;margin-bottom:-6px}.v2318OpsIcon{width:48px;height:48px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--primary) 26%,var(--border));border-radius:16px;background:color-mix(in srgb,var(--primary) 9%,var(--surface));color:var(--primary);font-size:22px;box-shadow:inset 0 1px 0 color-mix(in srgb,var(--on-surface) 10%,transparent)}
.v2318TodayMini{display:grid;gap:10px;padding:16px;border-radius:22px;background:color-mix(in srgb,var(--bg) 72%,transparent);border:1px solid var(--border)}.v2318TodayMini>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border-radius:14px;background:color-mix(in srgb,var(--surface) 88%,transparent)}.v2318TodayMini span{color:var(--text-muted);font-size:12px}.v2318TodayMini b{font-size:15px}
.v2318FieldSection{overflow:hidden}.v2318FieldPhone{width:min(390px,100%);margin-inline:auto;border:1px solid color-mix(in srgb,var(--primary) 22%,var(--border));border-radius:38px;padding:10px;background:color-mix(in srgb,var(--surface) 92%,var(--bg));box-shadow:0 34px 80px color-mix(in srgb,var(--surface-inverse) 14%,transparent);transform:rotate(1deg)}.v2318PhoneTop{display:flex;align-items:center;gap:9px;padding:12px 14px;border-bottom:1px solid var(--border)}.v2318PhoneTop img{width:28px;height:28px}.v2318PhoneTop b{font-size:13px;letter-spacing:.1em}.v2318PhoneTop span{margin-left:auto;padding:5px 8px;border-radius:999px;background:color-mix(in srgb,var(--primary) 9%,var(--surface));color:var(--primary);font-size:10px;font-weight:800}.v2318PhoneBody{padding:24px 18px}.v2318PhoneBody>small{font-weight:850;letter-spacing:.12em;color:var(--primary)}.v2318PhoneBody h3{font-size:26px;margin:8px 0 18px}.v2318FieldActions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.v2318FieldActions span{min-height:52px;display:flex;align-items:center;padding:0 13px;border:1px solid var(--border);border-radius:15px;background:color-mix(in srgb,var(--surface-2) 70%,var(--surface));font-size:12px;font-weight:760}.v2318Human{margin-top:16px;padding:15px;border-radius:18px;background:color-mix(in srgb,var(--success) 7%,var(--surface));border:1px solid color-mix(in srgb,var(--success) 22%,var(--border))}.v2318Human b{font-size:13px}.v2318Human p{margin:5px 0 0;font-size:11px;line-height:1.55;color:var(--text-muted)}
.v2318Portal{position:relative}.v2318PortalGrid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(390px,1.08fr);gap:70px;align-items:center}.v2318PortalMock{padding:22px;border:1px solid var(--border);border-radius:30px;background:linear-gradient(160deg,color-mix(in srgb,var(--surface) 96%,transparent),color-mix(in srgb,var(--primary) 4%,var(--surface)));box-shadow:0 30px 70px color-mix(in srgb,var(--surface-inverse) 12%,transparent)}.v2318PortalHead{display:flex;align-items:center;gap:12px;padding-bottom:18px;border-bottom:1px solid var(--border)}.v2318PortalHead img{width:40px;height:40px}.v2318PortalHead div{display:grid}.v2318PortalHead small{color:var(--text-muted)}.v2318PortalHead>span{margin-left:auto;padding:7px 10px;border-radius:999px;background:color-mix(in srgb,var(--success) 9%,var(--surface));color:var(--success);font-size:11px;font-weight:800}.v2318PortalDoc{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 4px;border-bottom:1px solid var(--border)}.v2318PortalDoc>div{display:grid;gap:3px}.v2318PortalDoc small{font-size:10px;color:var(--primary);font-weight:850;letter-spacing:.1em}.v2318PortalDoc span{font-size:12px;color:var(--text-muted)}.v2318PortalDoc em{font-style:normal;padding:6px 9px;border-radius:999px;background:color-mix(in srgb,var(--warning) 10%,var(--surface));color:var(--warning);font-size:10px;font-weight:800}.v2318PortalDoc em.paid{background:color-mix(in srgb,var(--success) 10%,var(--surface));color:var(--success)}.v2318PortalMock button{width:100%;margin-top:18px;min-height:46px;border:0;border-radius:14px;background:var(--primary);color:var(--on-primary);font-weight:850}.v2318PricingNote{max-width:920px;margin:28px auto 0;padding:16px 18px;border:1px solid color-mix(in srgb,var(--primary) 20%,var(--border));border-radius:18px;background:color-mix(in srgb,var(--primary) 5%,var(--surface));display:grid;gap:5px;text-align:center}.v2318PricingNote b{color:var(--primary)}.v2318PricingNote span{font-size:12px;line-height:1.6;color:var(--text-muted)}
@media(max-width:1000px){.v2318OpsGrid{grid-template-columns:1fr 1fr}.v2318OpsHero{grid-column:1/-1}.v2318PortalGrid{grid-template-columns:1fr;gap:34px}.v2318PortalMock{max-width:720px;width:100%;margin-inline:auto}}
@media(max-width:700px){.v2318OpsGrid{grid-template-columns:1fr}.v2318OpsHero{grid-column:auto;grid-template-columns:1fr}.v2318OpsCard{min-height:auto;padding:22px}.v2318PortalMock{padding:16px;border-radius:24px}.v2318PortalHead{align-items:flex-start}.v2318PortalHead>span{font-size:9px}.v2318FieldPhone{transform:none}.v2318FieldActions{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.v2318OpsCard{transition:none}.v2318OpsCard:hover{transform:none}}

/* DAMAPILOT V1.1 — Site Studio public preview / animation controls */
html[data-site-motion="off"] *,html[data-site-motion="off"] *::before,html[data-site-motion="off"] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important;transform:none!important}
html[data-site-motion="subtle"] .v233Blob,html[data-site-motion="subtle"] .floatingCard{animation-duration:18s!important}
html.sitePointerEffectsOff .v233PointerGlow{display:none!important}
html.siteStudioPreview .studioEditable{outline:1px dashed rgba(53,130,255,.58);outline-offset:4px;cursor:pointer;border-radius:4px}
html.siteStudioPreview .studioEditable:hover{outline:2px solid rgba(53,130,255,.95);background:rgba(53,130,255,.06)}
html.siteStudioPreview .studioSection{position:relative}
html.siteStudioPreview .studioSection::after{content:"Modifier cette section";position:absolute;z-index:90;top:12px;right:12px;padding:6px 9px;border:1px solid rgba(53,130,255,.28);border-radius:999px;background:rgba(13,28,56,.88);color:#fff;font:700 10px/1.1 Inter,system-ui,sans-serif;letter-spacing:.04em;opacity:0;pointer-events:none;transition:opacity .18s ease}
html.siteStudioPreview .studioSection:hover::after{opacity:1}


/* DAMAPILOT V1.4 — public-site identity */

img.damapilotOfficialLogo{display:block!important;object-fit:contain!important;background:none!important;box-shadow:none!important;padding:0!important;color:transparent!important;font-size:0!important;border-style:none!important}
body{--blue:var(--damapilot-magenta);--violet:var(--damapilot-purple)}
.brand img.logo,.appBrand img.appMark,.v2318PhoneTop img,.v2318PortalHead img{object-fit:contain!important;background:transparent!important;border-radius:12px}
.brand b,.appBrand b,.v2318PhoneTop b{letter-spacing:.075em;background:linear-gradient(90deg,var(--damapilot-deep) 0 48%,var(--damapilot-purple) 62%,var(--damapilot-magenta));-webkit-background-clip:text;background-clip:text;color:transparent!important}
html[data-theme="dark"] .brand b,html[data-theme="dark"] .appBrand b,html[data-theme="dark"] .v2318PhoneTop b{background:linear-gradient(90deg,var(--on-bg) 0 46%,var(--damapilot-violet) 64%,var(--damapilot-pink));-webkit-background-clip:text;background-clip:text}
.btn.primary{background:linear-gradient(135deg,var(--damapilot-purple),var(--damapilot-magenta));box-shadow:0 14px 38px var(--damapilot-glow)}
.gradient{background:linear-gradient(90deg,var(--damapilot-purple),var(--damapilot-magenta) 60%,var(--damapilot-pink));-webkit-background-clip:text;background-clip:text;color:transparent}
.eyebrow,.sectionHead span{color:var(--damapilot-violet)}
.productStage:before,.visualStory:before{filter:hue-rotate(45deg) saturate(1.15)}
html[data-theme="light"] .brand b,html[data-theme="light"] .appBrand b,html[data-theme="light"] .v2318PhoneTop b{background:linear-gradient(90deg,var(--damapilot-deep) 0 48%,var(--damapilot-purple) 62%,var(--damapilot-magenta));-webkit-background-clip:text;background-clip:text}