:root{--primaire:#6d3cf0;--bleu:#2563eb;--grad:linear-gradient(100deg,#7c3aed,#2563eb);--bg:#fbfaff;--bg-2:#f4f2fc;--surface:#ffffff;--texte:#14162e;--muted:#5b6178;--faint:#8a8fa6;--border:#e7e5f2;--border-2:#d8d5ea;--shadow:0 1px 2px #14162e0d,0 .8rem 2.4rem #14162e12;--shadow-lg:0 2px 4px #14162e0f,0 1.6rem 4rem #3b1f8a24;--display:var(--font-display,"Bricolage Grotesque"),ui-sans-serif,system-ui,sans-serif;--sans:var(--font-body,Inter),ui-sans-serif,system-ui,sans-serif;--mono:ui-monospace,SFMono-Regular,Menlo,monospace;--ease:cubic-bezier(.2,.7,.1,1);--ct-bg:var(--bg);--ct-surface:var(--bg-2);--ct-text:#3d4259;--ct-heading:var(--texte);--ct-muted:var(--muted);--ct-accent:var(--primaire);--ct-accent-contrast:#fff;--ct-border:var(--border);--ct-font-display:var(--display);--ct-font-body:var(--sans);--ct-font-mono:var(--mono)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:5rem}body{margin:0;background:var(--bg);color:var(--texte);font-family:var(--sans);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit}img{display:block;max-width:100%;height:auto}::selection{background:#7c3aed2e}.container{width:min(calc(100% - 2rem),76rem);margin-inline:auto}.section{padding-block:clamp(3.5rem,8vw,7rem)}.astrea h1,.astrea h2,.astrea h3{margin:0;color:var(--texte);font-family:var(--display);font-weight:700;letter-spacing:-.03em;line-height:1.05}.astrea h1 em,.astrea h2 em{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{color:var(--muted);font-size:clamp(1.05rem,1.5vw,1.18rem)}:focus-visible{outline:2px solid var(--primaire);outline-offset:3px;border-radius:6px}.icon{width:1.15em;height:1.15em;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.pill{display:inline-flex;align-items:center;gap:.45rem;margin:0 0 1.1rem;padding:.35rem .85rem;border-radius:999px;background:#7c3aed14;color:var(--primaire);font-size:.78rem;font-weight:700;letter-spacing:.02em}.pill--light{background:#ffffff26;color:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:3rem;padding:.75rem 1.35rem;border:1px solid transparent;border-radius:999px;font-weight:700;text-decoration:none;transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .25s}.btn--primary{background:var(--grad);color:#fff;box-shadow:0 .5rem 1.5rem #6d3cf040}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 .9rem 2.2rem #6d3cf055}.btn--ghost{border-color:var(--border-2);background:var(--surface);color:var(--texte)}.btn--ghost:hover{border-color:var(--primaire);color:var(--primaire);transform:translateY(-2px)}.btn--white{background:#fff;color:var(--primaire);box-shadow:0 .5rem 1.5rem #0000002a}.btn--white:hover{transform:translateY(-2px)}.astrea-header{position:-webkit-sticky;position:sticky;top:0;z-index:20;background:#fbfaffd9;-webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%);border-bottom:1px solid var(--border)}.astrea-header__bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:4rem;padding-right:5.5rem}.astrea-brand{display:inline-flex;align-items:center;gap:.5rem;color:var(--texte);font:800 1.3rem var(--display);letter-spacing:-.03em;text-decoration:none}.astrea-brand svg{width:1.4rem;height:1.4rem;fill:var(--primaire);transition:transform .6s var(--ease)}.astrea-brand:hover svg{transform:rotate(90deg) scale(1.1)}.astrea-nav{display:flex;align-items:center;gap:1.5rem;font-size:.92rem;font-weight:600}.astrea-nav a{color:var(--muted);text-decoration:none;transition:color .2s}.astrea-nav a:hover,.astrea-nav a[aria-current=page]{color:var(--texte)}.astrea-nav .astrea-nav__cta{padding:.45rem 1rem;border-radius:999px;background:var(--grad);color:#fff}.astrea-nav .astrea-nav__cta:hover{color:#fff;box-shadow:0 .4rem 1.2rem #6d3cf040}.hero{position:relative;overflow:hidden;padding-block:clamp(3rem,7vw,6rem) clamp(3rem,6vw,5rem);isolation:isolate}.hero__glow{position:absolute;inset:-30% -10% auto;z-index:-1;height:90%;background:radial-gradient(40% 60% at 20% 30%,#c4b5fd55,transparent 70%),radial-gradient(35% 55% at 80% 20%,#93c5fd55,transparent 70%),radial-gradient(30% 40% at 60% 80%,#f9a8d433,transparent 70%);animation:glow 16s ease-in-out infinite alternate}@keyframes glow{to{transform:translate3d(3%,4%,0) scale(1.06)}}.hero__layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;grid-gap:clamp(2rem,5vw,4.5rem);gap:clamp(2rem,5vw,4.5rem)}.hero h1{max-width:17ch;margin-bottom:1.2rem;font-size:clamp(2.5rem,4.6vw,4.2rem)}.hero .lead{max-width:52ch;margin:0 0 1.8rem}.hero__actions{display:flex;flex-wrap:wrap;gap:.75rem}.hero__chips{display:flex;flex-wrap:wrap;gap:.5rem;margin:2rem 0 0;padding:0;list-style:none}.hero__chips a{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .75rem;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--texte);font-size:.84rem;font-weight:600;text-decoration:none;transition:border-color .2s,transform .25s var(--ease)}.hero__chips a .icon{color:var(--accent)}.hero__chips a:hover{border-color:var(--accent);transform:translateY(-2px)}.hero__in{animation:rise .8s var(--ease) both;animation-delay:var(--d,0s)}@keyframes rise{0%{opacity:0;transform:translateY(1.2rem)}}.browser{overflow:hidden;border:1px solid var(--border);border-radius:1rem;background:var(--surface);box-shadow:var(--shadow-lg)}.browser__bar{display:flex;align-items:center;gap:.35rem;height:2.1rem;padding:0 .8rem;border-bottom:1px solid var(--border);background:#f7f6fb}.browser__bar i{width:.6rem;height:.6rem;border-radius:50%;background:#e2dfee}.browser__bar span{margin-left:.6rem;padding:.1rem .7rem;border-radius:999px;background:#fff;color:var(--faint);font:.72rem var(--mono)}.browser__view{position:relative;overflow:hidden}.showcase{position:relative;aspect-ratio:1200/820;animation:rise 1s .25s var(--ease) both}.showcase:before{content:"";position:absolute;inset:6% -3% -4% 6%;border-radius:1.2rem;background:linear-gradient(135deg,#ede9fe,#dbeafe);transform:rotate(3deg)}.showcase__slide{position:absolute;inset:0;animation:slide 20s var(--ease) infinite both;animation-delay:calc(var(--i) * 4s)}@keyframes slide{0%{opacity:0;transform:translateY(1.2rem) scale(.98)}19%,3%{opacity:1;transform:none}22%,to{opacity:0;transform:translateY(-.8rem) scale(.99)}}.showcase:hover .showcase__slide{animation-play-state:paused}.showcase__tag{position:absolute;left:-1rem;bottom:1.5rem;display:inline-flex;align-items:center;gap:.45rem;padding:.55rem .95rem;border-radius:999px;background:#fff;color:var(--texte);font-size:.86rem;font-weight:700;box-shadow:var(--shadow-lg)}.showcase__tag .icon{color:var(--accent)}.section-intro{max-width:46rem;margin-bottom:clamp(2.2rem,4vw,3.4rem)}.section-intro h2{font-size:clamp(2rem,4.2vw,3.3rem)}.section-intro .lead{margin:1rem 0 0;max-width:58ch}.guide{background:var(--bg-2)}.guide__list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:.9rem;gap:.9rem;margin:0;padding:0;list-style:none}.guide__list a{position:relative;display:flex;flex-direction:column;gap:.9rem;height:100%;padding:1.3rem;overflow:hidden;border:1px solid var(--border);border-radius:1.1rem;background:var(--surface);box-shadow:var(--shadow);text-decoration:none;transition:transform .35s var(--ease),border-color .35s,box-shadow .35s}.guide__list a:before{content:"";position:absolute;inset:0;background:radial-gradient(12rem circle at var(--mx,50%) var(--my,0),var(--tint),transparent 70%);opacity:0;transition:opacity .35s}.guide__list a:hover{transform:translateY(-5px);border-color:var(--accent);box-shadow:var(--shadow-lg)}.guide__list a:hover:before{opacity:1}.guide__icon{position:relative;display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:.75rem;background:var(--tint);color:var(--accent);font-size:1.15rem}.guide__want{position:relative;color:var(--texte);font:700 1.2rem/1.2 var(--display);letter-spacing:-.02em}.guide__name{position:relative;margin-top:auto;color:var(--accent);font-size:.85rem;font-weight:700}.guide__name span{display:inline-block;transition:transform .3s var(--ease)}.guide__list a:hover .guide__name span{transform:translateX(4px)}.products__list{display:grid;grid-gap:clamp(1.2rem,3vw,2rem);gap:clamp(1.2rem,3vw,2rem)}.product{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;grid-gap:clamp(1.5rem,5vw,4rem);gap:clamp(1.5rem,5vw,4rem);padding:clamp(1.4rem,4vw,3rem);border:1px solid color-mix(in srgb,var(--accent) 18%,var(--border));border-radius:1.75rem;background:linear-gradient(150deg,var(--tint),#fff 75%);scroll-margin-top:5.5rem}.product:target{box-shadow:0 0 0 2px var(--accent)}.product:nth-child(2n) .product__copy{order:2}.product__badge{display:inline-flex;align-items:center;gap:.45rem;margin:0 0 1.1rem;padding:.35rem .8rem;border-radius:999px;background:#fff;color:var(--accent);font:700 .74rem var(--mono);letter-spacing:.04em;box-shadow:var(--shadow)}.product h3{font-size:clamp(2rem,3.8vw,3rem)}.product__label{margin:.5rem 0 .9rem;color:var(--accent);font:600 clamp(1.1rem,1.7vw,1.3rem)/1.3 var(--display)}.product__vision{max-width:48ch;margin:0;color:var(--muted)}.product__details{display:grid;grid-gap:.7rem;gap:.7rem;margin:1.4rem 0 0;padding-top:1.2rem;border-top:1px solid color-mix(in srgb,var(--accent) 15%,var(--border))}.product__details div{display:grid;grid-template-columns:5.5rem 1fr;grid-gap:.8rem;gap:.8rem}.product__details dt{color:var(--texte);font-size:.78rem;font-weight:700}.product__details dd{margin:0;color:var(--muted);font-size:.9rem;line-height:1.5}.product__link{display:inline-flex;align-items:center;gap:.55rem;margin-top:1.6rem;padding:.8rem 1.35rem;border-radius:999px;background:var(--accent);color:#fff;font-weight:700;text-decoration:none;box-shadow:0 .5rem 1.4rem color-mix(in srgb,var(--accent) 30%,transparent);transition:transform .25s var(--ease),box-shadow .25s}.product__link:hover{transform:translateY(-2px);box-shadow:0 .9rem 2rem color-mix(in srgb,var(--accent) 40%,transparent)}.product__link span{transition:transform .25s var(--ease)}.product__link:hover span{transform:translate(2px,-2px)}.product__browser .browser__view{aspect-ratio:4/3}.product__page{width:100%;animation:page-scroll 16s ease-in-out infinite alternate}@keyframes page-scroll{0%,8%{transform:translateY(0)}92%,to{transform:translateY(-55%)}}.motion [data-reveal]:not(.is-in) .product__page,.product__browser:hover .product__page{animation-play-state:paused}.steps__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:1rem;gap:1rem;margin:0;padding:0;list-style:none}.steps__list li{padding:1.6rem;border:1px solid var(--border);border-radius:1.2rem;background:var(--surface);box-shadow:var(--shadow)}.steps__num{display:inline-block;margin-bottom:1rem;padding:.25rem .7rem;border-radius:999px;background:var(--grad);color:#fff;font-size:.75rem;font-weight:700}.steps__list h3{margin-bottom:.5rem;font-size:1.45rem}.steps__list p{margin:0;color:var(--muted)}.final__box{position:relative;padding:clamp(2.2rem,6vw,4.5rem);overflow:hidden;border-radius:1.75rem;background:radial-gradient(30rem circle at var(--mx,20%) var(--my,0),#ffffff33,transparent 60%),var(--grad);color:#fff;text-align:center;scroll-margin-top:6rem}.astrea .final__box h2{max-width:20ch;margin:0 auto;color:#fff;font-size:clamp(2rem,4.4vw,3.4rem)}.final__box .lead{max-width:52ch;margin:1rem auto 1.8rem;color:#e9e5ff}.final__mail{display:grid;justify-items:center;grid-gap:.8rem;gap:.8rem}.final__address{color:#e9e5ff;font:600 1rem var(--mono);text-decoration:none}.final__address:hover{color:#fff}.motion [data-reveal]{opacity:0;transform:translateY(2rem);transition:opacity .8s var(--ease),transform .8s var(--ease)}.motion [data-reveal].is-in{opacity:1;transform:none}.motion .guide__list li,.motion .steps__list li{opacity:0;transform:translateY(1.2rem);transition:opacity .6s var(--ease),transform .6s var(--ease);transition-delay:calc(var(--i) * 80ms + .12s)}.motion .is-in li{opacity:1;transform:none}.skip-link{position:absolute;left:-9999px;top:.5rem;z-index:100;padding:.5rem .8rem;border-radius:.4rem;background:var(--texte);color:#fff}.skip-link:focus{left:.5rem}.foot{align-items:center;justify-content:space-between;gap:1rem;padding:2rem max(1rem,calc((100% - 76rem) / 2));border-top:1px solid var(--border);color:var(--faint);font-size:.85rem}.foot,.legal-nav{display:flex;flex-wrap:wrap}.legal-nav{gap:1.2rem}.legal-nav a{color:var(--muted);text-decoration:none}.legal-nav a:hover{color:var(--primaire)}@media (max-width:1000px){.guide__list{grid-template-columns:repeat(6,minmax(0,1fr))}.guide__list li{grid-column:span 2}.guide__list li:nth-child(4){grid-column:2/span 2}.astrea-nav__wide{display:none}.product{gap:1.5rem;padding:1.6rem}.product__details div{grid-template-columns:1fr;gap:.1rem}}@media (max-width:820px){.hero__layout{grid-template-columns:1fr}.showcase{width:min(100%,36rem);margin:1rem auto 0}.showcase__tag{left:.5rem}}@media (max-width:700px){.product{grid-template-columns:1fr}.product:nth-child(2n) .product__copy{order:0}.steps__list{grid-template-columns:1fr}}@media (max-width:560px){.guide__list{grid-template-columns:repeat(2,minmax(0,1fr))}.guide__list li,.guide__list li:nth-child(4){grid-column:auto}.guide__list li:last-child{grid-column:1/-1}.guide__list a{padding:1rem}.guide__want{font-size:1.05rem}.astrea-nav{gap:.9rem;font-size:.85rem}.astrea-nav .astrea-nav__cta{padding:.35rem .8rem}.product{border-radius:1.3rem;padding:1.2rem}.showcase__tag{bottom:.8rem;font-size:.78rem}.hero__chips{display:none}}@media (max-width:420px){.astrea-nav__blog{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation:none!important;transition-duration:.01ms!important}.showcase__slide:not(:first-child){display:none}}