/* ScudIA — page Concepts. Palette, typographies et logos repris de la référence fournie. */
:root{--bg:#000103;--panel:#0a0d12;--ink:#e9eef5;--mut:#9aa7b8;--line:rgba(233,238,245,.12);--ac:#0a9cff;--ac2:#5cc0ff;--disp:"Unbounded",system-ui,sans-serif;--body:"Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"JetBrains Mono",ui-monospace,Menlo,monospace;color-scheme:dark}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.6 var(--body);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}img{max-width:100%;display:block}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--ac2);outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--disp);font-weight:500;letter-spacing:-.035em;text-wrap:balance}h2{font-size:clamp(25px,3vw,38px);line-height:1.2}p{max-width:70ch}[hidden]{display:none!important}.wrap{width:calc(100% - 96px);max-width:1264px;margin-inline:auto}.mono{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase}.skip{position:fixed;top:8px;left:8px;z-index:50;background:var(--ink);color:var(--bg);padding:12px 18px;transform:translateY(-180%)}.skip:focus{transform:none}
.header{position:relative;z-index:10;background:rgba(0,1,3,.94);border-bottom:1px solid var(--line)}.header-inner{min-height:96px;display:flex;align-items:center;gap:30px;justify-content:space-between}.brand{display:flex;gap:12px;align-items:center;flex-shrink:0}.brand-symbol{width:45px;height:auto}.brand-name{width:118px;height:auto}.nav{display:flex;align-items:center;gap:28px}.nav a{font-size:14px;color:var(--mut);position:relative;min-height:44px;display:inline-flex;align-items:center}.nav a:hover,.nav a[aria-current=page]{color:var(--ink)}.nav a[aria-current=page]::after{position:absolute;content:"";left:0;right:0;bottom:0;height:2px;background:var(--ac)}.header-cta{font-size:14px;white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:52px;padding:0 24px;border-radius:999px;font-weight:600;background:var(--ac);color:#00111c;border:1px solid transparent;transition:background .2s,transform .2s,box-shadow .2s}.btn:hover{background:var(--ac2);box-shadow:0 0 30px #0a9cff33;transform:translateY(-2px)}.btn.secondary{background:rgba(255,255,255,.035);border-color:var(--line);color:var(--ink)}.btn.secondary:hover{border-color:var(--ac);background:#0a9cff12}.arrow{font-size:22px;line-height:1;font-family:var(--body);font-weight:400}.mobile-menu{display:none}.mobile-menu summary{list-style:none;cursor:pointer;border:1px solid var(--line);border-radius:999px;min-height:44px;padding:9px 16px;font-size:14px}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-nav{position:absolute;left:0;right:0;top:100%;background:#080e16;border-bottom:1px solid var(--line);padding:12px 24px 22px;display:grid;gap:4px}.mobile-nav a{padding:12px}
.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 80% 46%,#0a9cff13,transparent 52%)}.hero::before{content:"";position:absolute;width:900px;height:900px;border-radius:50%;border:1px solid #0a9cff35;top:-560px;right:-170px;box-shadow:0 0 90px #008cff0a,inset 0 0 80px #008cff0a;pointer-events:none}.hero::after{content:"";position:absolute;bottom:0;left:48px;width:min(70%,800px);height:1px;background:linear-gradient(90deg,var(--ac),transparent);box-shadow:0 0 18px #0a9cff55}.hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:1.45fr 1fr;gap:35px;align-items:center;padding-top:70px;padding-bottom:76px}.eyebrow{display:flex;gap:12px;align-items:center;color:var(--ac2);margin-bottom:28px}.eyebrow::before{content:"";width:24px;height:1px;background:var(--ac)}.hero h1{font-size:clamp(39px,4.4vw,64px);line-height:1.1;max-width:12ch}.hero h1 span{color:var(--ac);display:block}.lead{margin-top:26px;color:#b1bece;font-size:18px;line-height:1.65;max-width:49ch}.hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:32px}.hero-art{position:relative;min-height:305px;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #0a9cff24;border-radius:50%;width:290px;height:290px;transform:rotate(-24deg) scaleX(1.25)}.orbit.two{width:360px;height:360px;transform:rotate(24deg) scaleY(.74);border-color:#0a9cff14}.hero-art::before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,#087dff26,transparent 70%);filter:blur(20px)}.hero-logo{width:200px;height:auto;filter:drop-shadow(0 0 35px #0795ff28);position:relative;transform:rotate(-5deg)}.art-label{position:absolute;bottom:5px;left:0;right:0;text-align:center;color:#6c8195;font-size:10px}.art-label b{color:var(--ac2);font-weight:500}.proofline{display:flex;align-items:center;gap:28px;padding-block:20px;color:var(--mut);font-size:13px}.proofline span{display:flex;align-items:center;gap:9px}.proofline span::before{content:"";width:4px;height:4px;border-radius:50%;background:var(--ac)}
.showcase{padding-block:70px 64px;scroll-margin-top:20px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:28px}.section-head .mono{color:var(--ac2);margin-bottom:14px}.section-intro{max-width:40ch;color:var(--mut);font-size:15px}.filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:30px}.filter{min-height:44px;padding:0 19px;border:1px solid var(--line);border-radius:999px;background:transparent;color:#b6c2cf;cursor:pointer;font-size:13px;transition:border-color .2s,background .2s}.filter:hover{border-color:var(--ac)}.filter[aria-pressed=true]{background:var(--ac);color:#00111c;border-color:var(--ac);font-weight:600}.count{margin-left:auto;color:var(--mut);font-size:11px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.card{background:linear-gradient(150deg,#101720,#060a10);border:1px solid var(--line);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .25s,box-shadow .25s}.card:hover{border-color:#0a9cff99;box-shadow:0 16px 55px -30px #0a9cff66}.preview{position:relative;display:block;overflow:hidden;background:#101720;aspect-ratio:16/10}.preview img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.card:hover .preview img{transform:scale(1.025)}.preview::after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#0008);pointer-events:none}.sector{position:absolute;top:18px;left:18px;z-index:1;padding:7px 11px;border-radius:999px;background:#03070be8;color:#e9eef5;font-size:10px;border:1px solid #ffffff24}.preview-icon{position:absolute;right:18px;bottom:18px;z-index:1;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#0009;border:1px solid #ffffff55;font-size:25px}.card-body{padding:26px 28px 28px;display:flex;flex-direction:column;gap:14px;flex:1}.card-title{display:flex;align-items:flex-start;gap:18px;justify-content:space-between}.card h3{font-size:clamp(19px,2vw,25px);line-height:1.3}.number{font-family:var(--mono);color:#5b738c;font-size:11px;padding-top:5px}.card-body p{font-size:15px;line-height:1.7;color:#a5b2c2;max-width:55ch}.tags{display:flex;gap:7px 15px;flex-wrap:wrap;color:#778c9f;font-size:11px}.tags span+span{position:relative}.card-link{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:17px;margin-top:auto;color:var(--ac2);font-size:14px;font-weight:600;min-height:48px}.card-link:hover{color:white}.disclaimer{margin-top:24px;display:flex;gap:13px;align-items:flex-start;padding:18px 22px;border:1px solid var(--line);border-radius:12px;color:var(--mut);font-size:13px;line-height:1.65;background:#050a10}.disclaimer .info{color:var(--ac2);font-family:var(--mono);font-size:13px}.disclaimer strong{font-weight:600;color:#d5e1ec}
.method{border-top:1px solid var(--line);padding-block:60px}.method-head{display:flex;align-items:start;justify-content:space-between;gap:30px}.method-head h2{font-size:clamp(25px,3vw,35px);max-width:21ch}.method-head>p{color:var(--mut);font-size:15px;max-width:47ch}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:40px}.step{padding-top:22px;border-top:1px solid var(--line)}.step .mono{color:var(--ac2);margin-bottom:15px}.step h3{font-size:17px;line-height:1.5;letter-spacing:-.02em;margin-bottom:12px}.step p{font-size:14px;color:var(--mut)}.cta-wrap{padding-block:10px 70px}.cta{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:42px 45px;border:1px solid #0a9cff40;border-radius:20px;background:radial-gradient(ellipse at 85% 25%,#0a9cff20,transparent 70%),#080f18}.cta .mono{color:var(--ac2);margin-bottom:15px}.cta h2{font-size:clamp(25px,3vw,36px)}.cta p{color:var(--mut);font-size:15px;margin-top:13px}.cta .btn{flex-shrink:0}.footer{border-top:1px solid var(--line);padding-block:30px;color:var(--mut);font-size:12px}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap}.footer-brand{width:130px;height:auto}.footer-links{display:flex;gap:22px;flex-wrap:wrap}.footer-links a{min-height:44px;display:inline-flex;align-items:center}.footer-links a:hover{color:var(--ac2)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media (max-width:1100px){.wrap{width:calc(100% - 64px)}.nav{gap:18px}.nav a{font-size:12px}.header-inner{gap:20px}.hero-inner{grid-template-columns:1.6fr 1fr}.hero-art{min-height:250px}.orbit{width:230px;height:230px}.orbit.two{width:280px;height:280px}.hero-logo{width:165px}.art-label{font-size:9px}.hero::after{left:32px}.card-body{padding:24px}.header-cta{padding-inline:18px;font-size:12px}}
@media(max-width:900px){.nav,.header-cta{display:none}.mobile-menu{display:block}.header-inner{min-height:78px}.hero-inner{grid-template-columns:1fr;max-width:720px;gap:0;padding-top:55px;padding-bottom:55px}.hero h1{max-width:none;font-size:clamp(39px,7vw,58px)}.hero-art{display:none}.section-head{display:block}.section-intro{margin-top:18px;max-width:62ch}.card h3{font-size:20px}.cta{display:block;padding:32px}.cta .btn{margin-top:25px}.method-head{display:block}.method-head>p{margin-top:18px;max-width:65ch}.steps{gap:25px}}
@media(max-width:640px){.wrap{width:calc(100% - 40px)}.brand-symbol{width:38px}.brand-name{width:112px}.hero-inner{padding-top:42px;padding-bottom:44px}.hero h1{font-size:clamp(34px,9vw,48px);letter-spacing:-.045em}.eyebrow{font-size:9px;margin-bottom:22px}.lead{font-size:16px;margin-top:22px}.hero-actions{margin-top:25px;gap:12px}.btn{min-height:50px;font-size:14px;padding-inline:20px}.hero-actions .secondary{display:none}.proofline{font-size:11px;gap:10px 22px;flex-wrap:wrap;padding-block:17px}.showcase{padding-top:44px;padding-bottom:42px}.section-head{margin-bottom:23px}h2{font-size:27px}.filters{gap:8px;margin-bottom:24px}.filter{font-size:12px;padding-inline:15px}.count{flex-basis:100%;margin-top:6px}.grid{grid-template-columns:1fr;gap:22px}.card-body{padding:22px}.card h3{font-size:21px}.card-body p{font-size:14px}.disclaimer{padding:17px;font-size:12px}.method{padding-block:40px}.steps{grid-template-columns:1fr;gap:25px;margin-top:28px}.cta-wrap{padding-bottom:42px}.cta{padding:28px 23px}.cta .btn{width:100%;gap:10px}.footer-inner{align-items:flex-start;gap:18px}.footer-links{gap:12px 22px}.footer-brand{width:110px}.footer-inner>p{width:100%}.hero::after{left:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.btn:hover,.card:hover .preview img{transform:none}}