@font-face{font-family:Studio;src:url('fonts/font-0.woff2')}@font-face{font-family:Studio;src:url('fonts/font-2.woff2');font-weight:600}
:root{--ink:#1b1f4a;--jade:#4256e0;--mint:#e9ecff;--turquoise:#8f9cf3;--peach:#f4b49a;--cream:#fff7ef;--paper:#fffaf5;--line:#dfe2f5;--radius:38px;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:115px}body{margin:0;color:var(--ink);font-family:Studio,Arial,sans-serif;background:#fffefa;line-height:1.55}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;flex-shrink:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500;line-height:1.04;letter-spacing:-.048em}h2{font-size:clamp(36px,4vw,61px)}h3{font-size:26px;letter-spacing:-.035em}em{font-style:normal;color:var(--jade)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #e48641;outline-offset:5px}.sr-only,.skip-link{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip-link:focus{clip:auto;width:auto;height:auto;position:fixed;top:5px;left:5px;z-index:200;background:white;padding:10px}.eyebrow{font:600 11px/1.6 Studio,Arial,sans-serif;letter-spacing:.17em;display:block;margin-bottom:22px}.section-space{padding:110px 4%}.section-title{text-align:center;margin:0 auto 40px;max-width:890px}.section-title p{max-width:550px;margin:24px auto 0;font-size:18px;color:#57655f}.center-actions{display:flex;gap:15px;justify-content:center;margin-top:30px;flex-wrap:wrap}
.studio-nav{position:fixed;top:22px;left:3%;width:94%;display:flex;align-items:center;justify-content:space-between;z-index:90;gap:30px;pointer-events:none}.studio-nav>*{pointer-events:auto}.studio-brand{display:inline-flex;align-items:center;gap:12px;font-size:29px;letter-spacing:-1.6px;font-weight:600;white-space:nowrap}.studio-nav>.studio-brand{color:white;filter:drop-shadow(0 1px 8px #0003)}.brand-symbol{height:27px;width:37px;display:block;position:relative;transform:rotate(-12deg);border:2px solid currentColor;border-radius:50%}.brand-symbol:after{content:'';position:absolute;inset:-7px 4px;border:2px solid currentColor;border-radius:50%;transform:rotate(50deg)}.studio-nav nav{display:flex;align-items:center;gap:4px;background:#fffffff0;padding:6px;border-radius:17px;backdrop-filter:blur(16px);box-shadow:0 1px 0 #1e223d10,0 8px 30px #151a3e20}.studio-nav nav a{padding:17px 18px;font-size:13px}.studio-nav nav a:hover{background:#e8e9ef;border-radius:11px}.studio-nav nav .nav-contact{background:#171c3c;color:white;border-radius:11px;padding:18px 24px}.studio-nav.scrolled>.studio-brand,.inner-page .studio-nav>.studio-brand{color:var(--jade);filter:none}.studio-nav.scrolled{background:#fffefaeb;padding:6px 8px;border-radius:20px;backdrop-filter:blur(16px)}.nav-toggle{display:none}.pill{--button-color:var(--jade);display:inline-flex;align-items:center;gap:16px;background:var(--button-color);color:white;border:3px solid var(--button-color);border-radius:60px;padding:3px 22px 3px 3px;font-size:15px;line-height:1.2;min-height:57px;position:relative;overflow:hidden;transition:background .3s,color .3s,box-shadow .3s;isolation:isolate}.pill-icon{width:45px;height:45px;display:grid;place-items:center;background:#fffefa;color:var(--button-color);border-radius:50% 0 50% 50%;transition:border-radius .3s;flex-shrink:0}.pill svg{width:25px;height:25px}.pill:hover{background:#fffefa;color:var(--button-color);box-shadow:0 5px 15px #0001}.pill:hover .pill-icon{border-radius:50%}.pill.outline{background:transparent;color:var(--button-color)}.pill.outline .pill-icon{background:transparent}.pill.outline:hover{background:var(--button-color);color:white}.pill.outline:hover .pill-icon{color:white}
.studio-hero{background:#16247c;overflow:hidden;position:relative;color:white;padding-bottom:110px}.hero-media{height:clamp(370px,38vw,580px);position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 35%,#b3bbeb 0,#7480cd 38%,#263493 76%)}.hero-media:after{content:'';height:150px;position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#16247c);pointer-events:none}.hero-copy{display:grid;grid-template-columns:1.3fr 1fr;gap:9%;margin:0 auto;width:88%;position:relative;z-index:2;padding-top:15px;align-items:center}.hero-copy h1{font-size:clamp(52px,6.5vw,102px);letter-spacing:-.065em;line-height:1.03}.hero-copy p{font-size:clamp(19px,1.8vw,26px);line-height:1.35;max-width:500px}.hero-actions{display:flex;gap:10px;margin:25px 0 16px;flex-wrap:wrap}.hero-actions .pill{--button-color:#fffefa;color:#19204c;background:#fffefa;border-color:#fffefa;font-size:13px;gap:8px;padding-right:14px}.hero-actions .pill-icon{background:#e9eaf1;color:#19204c}.hero-actions .outline{background:transparent;color:white}.hero-actions .outline .pill-icon{background:transparent;color:white}.hero-actions .pill:hover{color:#19204c;background:#d7dbef}.hero-note{font-size:12px;color:#d1d5ee}.media-caption{position:absolute;bottom:16px;right:4%;font-size:9px;letter-spacing:.14em;color:#171d4499;z-index:4}.hero-media .media-caption{bottom:36px;color:#fff9}.has-video .sculpture,.has-video .media-caption{display:none}.hero-media video,.footer-media video{height:100%;width:100%;display:block;object-fit:cover}.video-overlay{position:absolute;inset:0;pointer-events:none}.logo-section{position:relative;z-index:3;background:var(--cream);margin:-55px 2.5% 0;border-radius:48px;padding:40px 32px 26px}.logo-section>p{text-align:center;font-size:21px;line-height:1.35;margin-bottom:28px}.logo-mosaic{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;max-width:1260px;margin:auto}.logo-tile{background:#fffefa;border-radius:20px;min-height:112px;display:flex;align-items:center;justify-content:center;gap:12px;flex-direction:column;padding:23px 16px;transition:transform .25s,box-shadow .25s}.logo-tile img{max-height:30px;max-width:135px;width:auto}.logo-tile span{font-size:11px;color:#707c76}.logo-tile:hover{transform:translateY(-5px);box-shadow:0 10px 22px #1e244d10}.logo-bottom{display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#5d6b64;margin-top:25px}.logo-bottom a{display:flex;align-items:center;gap:10px;color:var(--jade)}
.demo-section{padding-bottom:55px}.scenario-tabs{display:flex;justify-content:center;gap:9px;margin:35px 0 70px;flex-wrap:wrap}.scenario-tabs button{border:0;border-radius:14px;background:#f0f1ec;padding:14px 22px;font-size:14px;transition:background .25s,transform .25s;color:var(--ink)}.scenario-tabs button[aria-selected=true]{background:var(--scene-color,#c6caea);transform:translateY(-3px)}.product-stage{--scene-color:#c6caea;--scene-accent:#192575;position:relative;max-width:1220px;margin:auto;min-height:500px;padding:0 55px 100px}.product-stage:before{content:'';position:absolute;inset:65px 0 20px;background:var(--scene-color);border-radius:38px;transition:background .45s}.product-window{position:relative;overflow:hidden;border-radius:18px;background:#fffefb;border:1px solid #e1e5dd;box-shadow:0 0 0 7px #ffffff59,0 15px 35px #22274712}.window-bar{height:51px;border-bottom:1px solid #e6e9e2;display:flex;align-items:center;gap:20px;padding:0 20px;background:#fcfcf8;font-size:13px}.window-dots{display:flex;gap:5px}.window-dots i{height:7px;width:7px;border-radius:50%;background:#c8cfc8}.simulation-tag{margin-left:auto;font-size:10px;color:#758078}.window-tools{display:flex;justify-content:space-between;padding:20px 23px;font-size:11px;gap:20px}.live-dot{color:#6b7c72}.live-dot:before{content:'';display:inline-block;width:6px;height:6px;background:#3f4da7;border-radius:50%;margin-right:6px}.demo-table{border-collapse:collapse;width:100%;white-space:nowrap;font-size:12px}.demo-table td,.demo-table th{padding:17px 24px;border:1px solid #e8ece4;text-align:left}.demo-table th{background:#f7f8f3;font-weight:400;font-size:11px;color:#718078}.demo-table tr.active-row{background:color-mix(in srgb,var(--scene-color),white 45%)}.demo-table .status{display:inline-block;font-size:10px;border-radius:6px;padding:4px 7px;background:#edeef3;color:#323c7a}.demo-table .warning{background:#fff0dc;color:#ad6424}.demo-table .pending{color:#748479;background:#ededf0}.window-bottom{display:flex;justify-content:space-between;padding:15px 23px;font-size:10px;color:#708077}.process-card{position:absolute;background:#fffffc;padding:25px;border:1px solid #e7e9df;border-radius:19px;box-shadow:0 5px 0 #00000004,0 15px 25px #292e4c1c;width:30%;min-width:260px;bottom:0;transition:transform .3s}.source-card{left:0;transform:rotate(-1deg)}.result-card{right:0;transform:rotate(1deg)}.process-card .eyebrow{font-size:9px;margin-bottom:13px;color:#6f7a70}.process-card h3{font-size:23px;line-height:1.2;letter-spacing:-.035em}.source-detail{font-size:12px;background:#f4f6ef;padding:11px 13px;margin:15px 0;border-radius:9px}.source-detail div{display:flex;justify-content:space-between;gap:10px;padding:5px 0}.small-status{font-size:10px;color:#849084}.agent-label{display:flex;gap:6px;align-items:center;font-size:9px;font-weight:600;letter-spacing:.1em;margin-bottom:14px}.agent-dot{width:9px;height:9px;border-radius:50%;background:var(--scene-accent)}.agent-state{margin-left:auto;letter-spacing:0;font-weight:400;color:var(--scene-accent)}.result-card p{font-size:12px;color:#66736a;line-height:1.5;margin:12px 0 17px;min-height:54px}.demo-action{background:var(--scene-accent);color:white;border:0;padding:12px 14px;border-radius:8px;width:100%;display:flex;align-items:center;justify-content:space-between;font-size:12px}.demo-action:disabled{opacity:.6;cursor:wait}.reset-demo{background:none;border:0;text-decoration:underline;display:block;margin:9px auto 0;font-size:10px;color:#66776c}.demo-disclaimer{text-align:center;font-size:10px;color:#7c867c;margin:20px 0 0}.table-scroll{overflow:auto}.prompt-section{max-width:740px;margin:30px auto 110px;padding:20px}.prompt-section h2{font-size:36px;text-align:center;margin-bottom:27px}.prompt-section textarea{width:100%;border:1px solid #dcdee8;border-radius:23px;box-shadow:0 10px 20px #15193910;resize:vertical;min-height:145px;display:block;padding:24px;font-size:15px;color:var(--ink);position:relative;z-index:1;background:white}.prompt-toolbar{background:#f1f2eb;border-radius:0 0 20px 20px;display:flex;align-items:center;justify-content:space-between;padding:17px 12px 12px;gap:12px;margin:-7px 20px 0}.prompt-toolbar>div{display:flex;gap:7px;flex-wrap:wrap}.prompt-toolbar button{background:white;border:0;padding:8px 14px;border-radius:9px;font-size:12px;color:#657266}.prompt-toolbar .prompt-submit{background:var(--jade);color:white;width:45px;height:40px;padding:8px}.prompt-section>p{font-size:11px;text-align:center;color:#738075;margin-top:17px}
.feature-stack{margin:0 2.5%}.feature-panel{position:sticky;top:110px;display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:25px;border-radius:40px;min-height:590px;margin-top:20px;overflow:hidden;background:var(--feature-bg);--feature-accent:#1b2b93;--feature-bg:#ecedf5;box-shadow:0 -8px 25px #00000003}.panel-agents{--feature-bg:#fff0e6;--feature-accent:#b26034}.panel-workflow{--feature-bg:#e8efe0;--feature-accent:#404777}.panel-supervision{--feature-bg:#edf0ff;--feature-accent:#6371a9}.feature-copy{padding:22px 22px 15px;display:flex;align-items:flex-start;flex-direction:column}.stack-badge{display:block;padding:6px 14px;margin:0 0 25px 12px;border-radius:100px;background:var(--feature-accent);color:white;font-size:9px;letter-spacing:.2em;box-shadow:-7px 0 0 1px var(--feature-bg),-15px 0 0 color-mix(in srgb,var(--feature-accent),transparent 65%),-24px 0 0 color-mix(in srgb,var(--feature-accent),transparent 80%)}.feature-copy h2{font-size:clamp(34px,3.3vw,54px);line-height:1.05;letter-spacing:-.055em}.feature-copy h2 em{color:var(--feature-accent)}.feature-copy>p{font-size:16px;line-height:1.5;max-width:440px;margin-top:25px}.feature-bottom{margin-top:auto;padding-top:55px}.feature-domains{font-size:11px;display:inline-block;padding:8px 12px;background:#ffffffa0;border-radius:9px}.feature-bottom p{font-size:12px;max-width:320px;margin:15px 0 20px}.feature-bottom .pill{--button-color:var(--feature-accent);font-size:12px;min-height:49px;gap:10px}.feature-bottom .pill-icon{width:37px;height:37px}.feature-art{border-radius:27px;background:radial-gradient(ellipse at 50% 30%,#fffef8,#e5e0d2);min-height:530px;overflow:hidden;position:relative}.art-note{position:absolute;bottom:23px;left:25px;right:25px;display:grid;grid-template-columns:36px 1fr;gap:0 9px;border-top:1px solid #80796630;padding-top:16px}.art-note>span:first-child{grid-row:span 2;font-size:10px;margin-top:4px}.art-note strong{font-weight:400;font-size:17px}.art-note>span:last-child{font-size:10px;color:#7b7c6d}.method-section{margin:80px 2.5% 0;background:var(--cream);border-radius:40px;padding:55px 4%}.method-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:10%;align-items:center}.method-heading h2{font-size:clamp(36px,3.6vw,54px)}.method-heading p{font-size:18px;margin-bottom:20px}.underlink{display:inline-flex;align-items:center;gap:16px;font-size:13px;border-bottom:1px solid #b2b5ca;padding-bottom:6px}.method-path{margin-top:55px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.method-path article{background:#fffefa;padding:26px;border-radius:19px;position:relative}.method-path article>span{font-size:12px;display:grid;place-items:center;width:36px;height:36px;border:1px solid #d0d2e1;border-radius:50%;margin-bottom:28px}.method-path h3{font-size:23px;margin-bottom:14px}.method-path p{font-size:13px;color:#6a776b}.resource-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;margin:45px auto 0;max-width:1300px}.resource-card{border-radius:25px;padding:30px;display:flex;flex-direction:column;justify-content:space-between;gap:20px;min-height:235px;transition:transform .3s}.resource-card:hover{transform:translateY(-5px)}.resource-big{grid-row:span 2;background:#232d6e;color:#fffefa}.resource-wide{grid-column:span 2;background:var(--cream);display:grid;grid-template-columns:1.5fr 1fr;align-items:center}.resource-peach{background:#fce7d7}.resource-jade{background:#dbdeef}.resource-numeral{font-size:140px;line-height:1;color:#a7aed9;letter-spacing:-.1em}.resource-numeral span{font-size:70px;color:#f3ba91;margin-left:30px}.resource-card h3{font-size:29px;line-height:1.1}.resource-card .eyebrow{font-size:9px;margin-bottom:15px}.resource-card p{font-size:13px;margin:15px 0}.resource-link{font-size:12px;display:flex;align-items:center;gap:9px;margin-top:15px}.mini-logo-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.mini-logo-grid img{width:100%;height:65px;object-fit:contain;background:white;border-radius:10px;padding:14px}.final-cta{position:relative;padding-top:25px;background:linear-gradient(#fffefa 32%,#e6eee0)}.final-cta .section-title{position:relative;z-index:2;padding:0 20px;margin-bottom:0}.footer-media{height:340px;position:relative;overflow:hidden;margin-top:15px}.studio-footer{position:relative;z-index:3;background:var(--cream);padding:50px 4% 22px;margin:-25px 2.5% 0;border-radius:40px 40px 0 0}.footer-top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:30px;padding-bottom:65px}.footer-top p{font-size:14px;margin-top:20px;color:#67766c}.footer-top h3{font-size:10px;letter-spacing:.12em;text-transform:uppercase;margin:8px 0 20px;font-weight:600}.footer-top>div>a:not(.studio-brand){display:block;font-size:13px;margin:10px 0;color:#5c6b62}.footer-top a:hover{text-decoration:underline}.footer-end{display:flex;justify-content:space-between;gap:20px;padding-top:22px;border-top:1px solid #dce2d6;font-size:10px;color:#657467}.footer-end button{border:0;background:none;font-size:10px;color:inherit;text-decoration:underline}
/* Original CSS study: a video-ready sculptural stage, not third-party media. */
.sculpture{position:absolute;inset:0;overflow:hidden;perspective:950px;--obj:#293cb6;--ball:#f2ac78}.stage-floor{position:absolute;width:115%;height:80%;left:-7%;bottom:-45%;background:radial-gradient(ellipse at 55% 10%,#848cbd,#172479 65%);border-radius:50%;transform:rotate(-4deg);box-shadow:0 -15px 80px #a1a9e166}.track{position:absolute;height:33px;background:linear-gradient(#e7e9d0 0,#f8f8e2 22%,#6e75a2 65%,#edfae0 85%);border-radius:40px;box-shadow:0 14px 15px #070e3d25;transform:rotate(-13deg);top:55%;left:15%;width:37%}.track-b{left:48%;top:65%;width:31%;transform:rotate(15deg)}.sculpt-ring{position:absolute;width:160px;height:180px;border:31px solid var(--obj);border-right-color:#0c1970;border-bottom-color:#1a2882;border-radius:50%;left:40%;top:20%;transform:rotate(-24deg) rotateY(20deg);box-shadow:inset 8px 6px 9px #090f3660,8px 12px 0 #182470,11px 24px 19px #080f3e25;animation:rock 8s ease-in-out infinite}.sculpt-gate{position:absolute;left:25%;top:44%;width:85px;height:110px;background:linear-gradient(110deg,#ffdfb9,#dc9367 80%);border-radius:20px 20px 8px 8px;transform:rotate(-8deg);box-shadow:10px 9px 0 #be784c,14px 24px 20px #10174322}.sculpt-gate i{position:absolute;inset:22px 12px;background:#171f4f;border-radius:15px;box-shadow:inset 4px 5px 4px #0005}.sculpt-gate b{width:20px;height:20px;border-radius:50%;background:#7582d9;position:absolute;top:45px;left:27px;box-shadow:25px 0 0 #e7ac81}.sculpt-step{position:absolute;bottom:22%;width:68px;background:linear-gradient(100deg,#ffe4af,#edb080);box-shadow:13px 5px 0 #b57c59,18px 12px 15px #09114430;border-radius:3px;transform:skewY(-8deg)}.s1{left:64%;height:68px}.s2{left:69%;height:113px}.s3{left:74%;height:158px}.marble{position:absolute;width:43px;height:43px;border-radius:50%;background:radial-gradient(circle at 29% 25%,#fff1c9,var(--ball) 45%,#b3653e 90%);box-shadow:5px 10px 12px #070f3d2d;animation:bob 4s ease-in-out infinite}.marble-a{left:44%;top:28%}.marble-b{left:62%;top:50%;width:31px;height:31px;--ball:#3f51c9;background:radial-gradient(circle at 28% 24%,#d8dcf7,#4f5ebf 45%,#162481 90%);animation-delay:-2s}.marble-c{left:19%;top:55%;width:26px;height:26px;animation-delay:-1s}.stage-shadow{position:absolute;height:15px;width:145px;left:41%;top:75%;border-radius:50%;background:#080f3d40;filter:blur(9px)}.feature-art .sculpture{bottom:60px;transform:scale(1.2)}.feature-art .stage-floor{background:radial-gradient(ellipse,#cfcab760,transparent 70%);height:35%;bottom:0}.feature-art .track-a{left:-10%;width:50%;top:45%}.feature-art .track-b{left:60%;top:65%;width:55%}.feature-art .sculpt-step,.feature-art .sculpt-gate{display:none}.feature-art .sculpt-ring{left:37%;top:25%;width:125px;height:150px;border-width:25px}.feature-art .marble-a{left:47%;top:38%;width:30px;height:30px}.sculpture-agents .sculpt-ring{display:none}.sculpture-agents .sculpt-gate{display:block;left:40%;top:32%;transform:scale(1.35);animation:rock 8s infinite}.sculpture-agents .marble-a{top:15%;left:48%;width:30px}.sculpture-workflow .sculpt-ring{border-radius:22px;transform:rotate(-15deg);border-color:#848bbb #434b81 #2f376d #a1a8d4;animation:turnblock 12s ease-in-out infinite}.sculpture-supervision .sculpt-ring{--obj:#a5b1d6;border-right-color:#717fb1;border-bottom-color:#717fb1;transform:rotate(35deg)}.sculpture-supervision .marble-a{background:radial-gradient(circle at 30% 20%,#eeeaff,#9da2d6 55%,#6a6f9b)}.sculpture-footer .stage-floor{bottom:-30%;height:65%;background:radial-gradient(ellipse at 50% 0,#9da2c4,#333f8e)}.sculpture-footer .sculpt-ring{top:35%;left:25%;width:95px;height:105px;border-width:20px}.sculpture-footer .sculpt-gate{left:67%;top:38%}.sculpture-footer .sculpt-step{height:60px;bottom:5%}.sculpture-footer .track-a{top:70%}.sculpture-footer .marble-a{left:46%;top:55%}.sculpture-footer .marble-c{left:59%;top:69%}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-13px)}}@keyframes rock{0%,100%{rotate:-4deg}50%{rotate:6deg}}@keyframes turnblock{0%,100%{rotate:0deg}50%{rotate:90deg}}.motion-paused *{animation-play-state:paused!important;scroll-behavior:auto!important}
.review-tools{position:fixed;bottom:15px;left:15px;z-index:100;display:flex;gap:7px;background:#fffefaf2;padding:7px;border:1px solid #d1d3e1;border-radius:13px;box-shadow:0 4px 20px #0001;font-size:10px}.review-tools button{border:0;background:#edf2e9;border-radius:8px;padding:8px;font-size:10px;color:#23284e}.review-tools strong{padding:8px;font-size:10px}.review-dialog{border:1px solid #d1d3e1;border-radius:22px;padding:0;max-width:950px;width:94vw;height:85vh;box-shadow:0 20px 80px #10143240}.review-dialog::backdrop{background:#13172e90;backdrop-filter:blur(5px)}.review-dialog>header{height:52px;display:flex;align-items:center;justify-content:space-between;padding:10px 20px;border-bottom:1px solid #d9dbe6;font-size:13px}.review-dialog>header button{background:#e5e6ec;border:0;border-radius:8px;padding:6px 12px}.review-dialog iframe{border:0;width:100%;height:calc(100% - 52px);display:block}.inner-page #main{padding-top:130px}.inner-page h1,.inner-page h2,.inner-page h3{font-family:Studio,Arial,sans-serif}.inner-page .service-hero h1{font-size:clamp(40px,5vw,68px)}.inner-page .shell{width:90%;max-width:1250px;margin:auto}.inner-page .button{background:var(--jade);color:white;border-radius:40px;padding:13px 23px;display:inline-block;font-family:Studio,Arial,sans-serif}.inner-page .dark-footer{background:var(--cream)}.contact-trap{position:absolute;left:-9999px}.inner-page form input,.inner-page form textarea,.inner-page form select{max-width:100%}.inner-page .integration-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.inner-page .integration-card{border:1px solid #d9dbe8;border-radius:20px;padding:25px}.inner-page .integration-logo{height:45px;max-width:160px;object-fit:contain}.inner-page .catalog-controls{display:flex;gap:20px;margin:30px 0}.inner-page .catalog-controls label{display:flex;flex-direction:column;gap:8px}.inner-page .catalog-controls input,.inner-page .catalog-controls select{padding:13px;border-radius:10px;border:1px solid #cacddc}.inner-page .integration-detail{padding:40px 5%;max-width:1200px;margin:auto}.inner-page .integration-detail h1{font-size:52px;margin:25px 0}.inner-page .integration-detail h2{font-size:32px;margin:35px 0 20px}.inner-page .integration-detail p{margin:15px 0}.inner-page .integration-detail-hero>a{display:block;margin-bottom:20px}
@media(min-width:1700px){.hero-media{height:580px}.studio-hero .sculpture{max-width:1600px;margin:auto}.hero-copy,.logo-section,.feature-stack,.method-section,.studio-footer{max-width:1600px;margin-left:auto;margin-right:auto}}
@media(max-width:1100px){.studio-nav nav a{padding:15px 11px;font-size:11px}.studio-brand{font-size:24px}.hero-copy{gap:5%;width:90%}.hero-actions{gap:8px}.hero-copy h1{font-size:70px}.process-card{width:34%}.feature-panel{min-height:570px}.feature-copy{padding:15px}.feature-art{min-height:520px}.method-path{gap:10px}.method-path article{padding:20px}.feature-copy h2{font-size:39px}.feature-copy>p{font-size:14px}}
@media(max-width:800px){.studio-nav{top:12px;left:4%;width:92%;gap:12px}.nav-toggle{display:block;border:1px solid #d5d7e6;padding:10px 16px;background:#fffffa;border-radius:12px;font-size:12px}.studio-nav nav{display:none;position:absolute;top:60px;right:0;width:280px;padding:12px;flex-direction:column;align-items:stretch;box-shadow:0 10px 30px #13173320}.studio-nav nav.is-open{display:flex}.studio-nav nav a{font-size:13px;padding:13px}.studio-brand{font-size:25px}.hero-media{height:350px}.hero-copy{grid-template-columns:1fr;gap:25px;padding-top:20px}.hero-copy h1{font-size:64px}.hero-copy p{font-size:20px;max-width:540px}.studio-hero{padding-bottom:100px}.hero-actions .pill{font-size:13px}.hero-note{font-size:10px}.logo-section{padding:30px 20px;border-radius:30px}.logo-mosaic{grid-template-columns:repeat(5,1fr);gap:7px}.logo-tile{padding:16px 10px;min-height:90px;border-radius:13px}.logo-tile img{max-width:100%;height:24px;object-fit:contain}.logo-tile span{font-size:9px}.logo-bottom{flex-direction:column;gap:9px;align-items:center;text-align:center}.section-space{padding:75px 5%}.section-title h2{font-size:43px}.scenario-tabs{justify-content:flex-start;flex-wrap:nowrap;overflow:auto;margin-bottom:35px;padding:8px 3px}.scenario-tabs button{white-space:nowrap;font-size:12px;padding:12px 16px}.product-stage{padding:0 18px 20px;display:grid;grid-template-columns:1fr 1fr;gap:16px;min-height:auto}.product-window{grid-column:span 2}.product-stage:before{inset:35px 0 0}.process-card{position:relative;left:auto;right:auto;bottom:auto;min-width:0;width:100%;transform:none;padding:20px}.process-card h3{font-size:20px}.window-tools{font-size:10px}.live-dot{display:none}.demo-table td,.demo-table th{padding:14px}.feature-panel{position:relative;top:auto;min-height:0;grid-template-columns:1fr;padding:18px;gap:20px;border-radius:30px;margin-top:20px}.feature-copy h2{font-size:43px}.feature-copy>p{font-size:17px;max-width:600px}.feature-bottom{padding-top:28px}.feature-art{min-height:340px}.feature-art .sculpture{transform:scale(1)}.feature-stack{margin:0 4%}.method-heading{grid-template-columns:1fr;gap:25px}.method-path{grid-template-columns:1fr 1fr;gap:14px}.method-section{margin:55px 4% 0;padding:35px 25px}.method-heading p{font-size:16px}.resource-grid{grid-template-columns:1fr 1fr;gap:13px}.resource-big{grid-row:auto}.resource-wide{grid-column:auto;display:flex}.mini-logo-grid{display:none}.resource-card{padding:25px}.resource-numeral{font-size:90px}.resource-numeral span{font-size:45px}.resource-card h3{font-size:25px}.footer-top{grid-template-columns:1fr 1fr;gap:35px}.footer-end{flex-wrap:wrap}.footer-media{height:260px}.feature-art .sculpt-ring{left:43%}.prompt-section{margin-bottom:65px}.inner-page .integration-grid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.hero-media{height:290px}.hero-copy h1{font-size:53px}.hero-copy p{font-size:18px}.hero-actions .pill{font-size:11px;padding-right:12px;min-height:48px;border-width:2px}.hero-actions .pill-icon{width:35px;height:35px}.hero-actions .pill-icon svg{width:20px}.logo-mosaic{grid-template-columns:repeat(2,1fr)}.logo-tile{min-height:85px;flex-direction:row;gap:6px}.logo-tile img{max-width:88px;max-height:23px}.logo-tile span{display:none}.logo-section>p{font-size:19px}.section-title h2{font-size:36px}.section-title p{font-size:15px}.product-stage{grid-template-columns:1fr;padding:0 12px 15px}.product-window{grid-column:auto}.window-bar{gap:9px;padding:0 10px;font-size:11px}.simulation-tag{font-size:8px}.source-card{display:none}.result-card{padding:20px}.result-card p{min-height:0}.demo-table{font-size:10px}.demo-table td,.demo-table th{padding:12px}.window-tools,.window-bottom{padding:12px}.prompt-section h2{font-size:30px}.prompt-toolbar{margin-left:8px;margin-right:8px}.prompt-toolbar button{font-size:10px;padding:8px}.feature-copy h2{font-size:35px}.feature-copy>p{font-size:15px}.feature-copy{padding:12px}.feature-art{min-height:300px}.feature-bottom .pill{font-size:11px}.method-path{grid-template-columns:1fr 1fr;gap:8px}.method-path article{padding:17px}.method-path h3{font-size:20px}.method-path p{font-size:12px}.method-heading h2{font-size:35px}.resource-grid{grid-template-columns:1fr}.resource-wide{grid-column:auto}.resource-numeral{display:none}.resource-card{min-height:200px}.footer-top{gap:25px 15px}.footer-top>div:first-child{grid-column:span 2}.footer-top>div:last-child{grid-column:span 2}.footer-top>div>a:not(.studio-brand){font-size:12px}.footer-media{height:210px}.center-actions .pill{font-size:12px}.sculpture-hero{transform:scale(.8);width:125%;left:-12.5%}.sculpt-ring{width:100px;height:125px;border-width:23px}.sculpt-step{width:36px}.s1{height:45px}.s2{height:80px}.s3{height:110px}.sculpt-gate{width:66px;height:90px}.sculpt-gate b{left:20px;top:36px;width:13px;height:13px;box-shadow:18px 0 0 #e7ac81}.marble{width:28px;height:28px}.media-caption{font-size:7px}.review-tools strong{display:none}.inner-page .integration-grid{grid-template-columns:1fr}.inner-page .catalog-controls{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.feature-panel{position:relative;top:auto}}

[hidden]{display:none!important}

/* v2.9 — barre de navigation translucide sur toutes les pages, bouton « pill » avec son petit Q */
.studio-nav{top:14px;left:2%;width:96%;padding:8px 10px 8px 22px;background:rgba(255,255,255,.58);-webkit-backdrop-filter:blur(18px) saturate(1.5);backdrop-filter:blur(18px) saturate(1.5);border:1px solid rgba(255,255,255,.75);border-radius:22px;box-shadow:0 8px 32px rgba(27,31,74,.10);pointer-events:auto}
.studio-nav.scrolled{background:rgba(255,255,255,.78);padding:8px 10px 8px 22px;border-radius:22px}
.studio-nav>.studio-brand,.studio-nav.scrolled>.studio-brand,.inner-page .studio-nav>.studio-brand{color:var(--ink);filter:none}
.studio-nav nav{background:transparent;box-shadow:none;padding:0;border-radius:0;-webkit-backdrop-filter:none;backdrop-filter:none;gap:2px}
.studio-nav nav a:hover{background:rgba(66,86,224,.10)}
.studio-nav nav .nav-contact{--button-color:var(--jade);background:var(--jade);color:#fff;border:3px solid var(--jade);padding:3px 20px 3px 3px;min-height:48px;gap:10px;border-radius:60px;font-size:13px;margin-left:8px}
.studio-nav nav .nav-contact:hover{background:#fff;color:var(--jade)}
.studio-nav nav .nav-contact .pill-icon{width:38px;height:38px}.studio-nav nav .nav-contact svg{width:20px;height:20px}
@media(max-width:800px){.studio-nav{top:10px;left:3%;width:94%;padding:8px 10px 8px 16px}.studio-nav nav{background:#fffffff2;border-radius:18px;padding:8px;box-shadow:0 12px 30px rgba(27,31,74,.18)}.studio-nav nav .nav-contact{margin:6px 0 0;justify-content:flex-start}}
/* footer : même bouton que le reste du site */
.footer-cta{margin-top:22px}
.studio-footer a.footer-cta{display:inline-flex;width:max-content;max-width:100%;color:#fff;font-size:13px;margin-top:22px;padding:3px 20px 3px 3px}
.studio-footer a.footer-cta:hover{color:var(--jade)}.studio-footer a.footer-cta span{color:inherit}.studio-footer a.footer-cta .pill-icon{color:var(--jade)}

/* v3.0 — footer plein écran : la vidéo descend jusqu'en bas derrière la carte ; une coupole de la couleur de la section précédente monte sur la vidéo */
.site-end{position:relative;isolation:isolate;overflow:hidden;padding:clamp(240px,34vw,460px) 2.5% 28px;background:linear-gradient(180deg,#fff7ef 0%,#f4b49a 55%,#8f9cf3 100%)}
.site-end .footer-media{position:absolute;inset:0;z-index:-2;height:auto;margin:0;border-radius:0;background:none}
.site-end .footer-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 60%;display:block}
.site-end:before{content:'';position:absolute;left:0;right:0;top:0;height:78%;z-index:-1;pointer-events:none;background:radial-gradient(130% 100% at 50% 0%,var(--cream) 0%,var(--cream) 34%,rgba(255,247,239,.7) 52%,rgba(255,247,239,0) 76%)}
.site-end:after{content:'';position:absolute;left:0;right:0;top:0;height:62%;z-index:-1;pointer-events:none;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);-webkit-mask-image:radial-gradient(130% 100% at 50% 0%,#000 0%,#000 30%,transparent 72%);mask-image:radial-gradient(130% 100% at 50% 0%,#000 0%,#000 30%,transparent 72%)}
.site-end>.final-cta{position:absolute;left:0;right:0;top:0;z-index:3;background:none;min-height:0;padding:clamp(70px,9vw,130px) 4% 0;text-align:center}
.site-end>.final-cta .section-title{text-shadow:0 1px 18px rgba(255,247,239,.85)}
.site-end .studio-footer{position:relative;z-index:4;margin:0 auto;max-width:none;border-radius:44px;background:var(--cream);box-shadow:0 20px 60px rgba(27,31,74,.2)}
@media(max-width:800px){.site-end{padding-top:clamp(300px,80vw,420px)}}
.footer-top>div>a.footer-cta:not(.studio-brand){display:inline-flex;width:max-content;color:#fff;font-size:13px;margin:22px 0 0;padding:3px 20px 3px 3px;text-decoration:none}
.footer-top>div>a.footer-cta:not(.studio-brand):hover{color:var(--jade);background:#fff}.footer-top>div>a.footer-cta span{color:inherit}.footer-top>div>a.footer-cta .pill-icon{color:var(--jade)}

/* v3.1 — flou progressif en coupole sur le haut de la vidéo, carte du footer en verre dépoli */
.site-end:before{height:80%;background:radial-gradient(135% 100% at 50% 0%,var(--cream) 0%,rgba(255,247,239,.92) 22%,rgba(255,247,239,.5) 46%,rgba(255,247,239,.15) 62%,rgba(255,247,239,0) 76%)}
.site-end:after{height:78%;-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);-webkit-mask-image:radial-gradient(135% 100% at 50% 0%,#000 0%,#000 28%,rgba(0,0,0,.6) 48%,transparent 74%);mask-image:radial-gradient(135% 100% at 50% 0%,#000 0%,#000 28%,rgba(0,0,0,.6) 48%,transparent 74%)}
.site-end .studio-footer{background:rgba(255,247,239,.74);-webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3);border:1px solid rgba(255,255,255,.65)}

/* v3.1b — la coupole reprend le blanc de la section précédente */
.site-end{background:linear-gradient(180deg,#fffefa 0%,#f4b49a 55%,#8f9cf3 100%)}
.site-end:before{background:radial-gradient(135% 100% at 50% 0%,#fffefa 0%,rgba(255,254,250,.94) 22%,rgba(255,254,250,.55) 46%,rgba(255,254,250,.16) 62%,rgba(255,254,250,0) 76%)}
.site-end>.final-cta .section-title{text-shadow:0 1px 18px rgba(255,254,250,.9)}

/* v3.2 — coupole en U : le blanc descend davantage sur les côtés, la vidéo remonte au centre */
.site-end:before{height:88%;background:linear-gradient(180deg,#fffefa 0,rgba(255,254,250,.9) 12%,rgba(255,254,250,0) 30%),radial-gradient(70% 100% at 0% 0%,#fffefa 0%,rgba(255,254,250,.9) 40%,rgba(255,254,250,.45) 62%,rgba(255,254,250,0) 82%),radial-gradient(70% 100% at 100% 0%,#fffefa 0%,rgba(255,254,250,.9) 40%,rgba(255,254,250,.45) 62%,rgba(255,254,250,0) 82%)}
.site-end:after{height:84%;-webkit-mask-image:linear-gradient(180deg,#000 0,rgba(0,0,0,.8) 14%,transparent 32%),radial-gradient(70% 100% at 0% 0%,#000 0%,rgba(0,0,0,.7) 45%,transparent 82%),radial-gradient(70% 100% at 100% 0%,#000 0%,rgba(0,0,0,.7) 45%,transparent 82%);mask-image:linear-gradient(180deg,#000 0,rgba(0,0,0,.8) 14%,transparent 32%),radial-gradient(70% 100% at 0% 0%,#000 0%,rgba(0,0,0,.7) 45%,transparent 82%),radial-gradient(70% 100% at 100% 0%,#000 0%,rgba(0,0,0,.7) 45%,transparent 82%)}

/* v3.6 — vidéo du footer 16:9 calée en haut, le bas est « comblé » par un fondu vers la couleur du sol de la scène */
.site-end{padding-top:clamp(300px,40vw,560px);background:#f0e7dc}
.site-end .footer-media video{position:absolute;top:0;left:0;right:auto;bottom:auto;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:50% 50%;-webkit-mask-image:linear-gradient(180deg,#000 0,#000 72%,transparent 100%);mask-image:linear-gradient(180deg,#000 0,#000 72%,transparent 100%)}
.site-end .footer-media{background:linear-gradient(180deg,transparent 0,#f0e7dc 55%,#e7d8c9 100%)}
@media(max-width:800px){.site-end .footer-media video{height:62%;width:100%;aspect-ratio:auto;object-position:50% 40%}}

/* v3.6b — vidéo du footer remontée, flou de la coupole réduit */
.site-end .footer-media video{top:-9%}
.site-end:after{-webkit-backdrop-filter:blur(11px);backdrop-filter:blur(11px)}
.site-end:before{background:linear-gradient(180deg,#fffefa 0,rgba(255,254,250,.85) 10%,rgba(255,254,250,0) 26%),radial-gradient(70% 100% at 0% 0%,#fffefa 0%,rgba(255,254,250,.82) 36%,rgba(255,254,250,.36) 58%,rgba(255,254,250,0) 78%),radial-gradient(70% 100% at 100% 0%,#fffefa 0%,rgba(255,254,250,.82) 36%,rgba(255,254,250,.36) 58%,rgba(255,254,250,0) 78%)}

/* v3.7 — coupole plus courte : blanc et flou seulement jusqu'à la courbe (coins ~180 px, centre ~30 px), vidéo nette dessous */
.site-end:before{height:min(26%,300px);background:linear-gradient(180deg,#fffefa 0,rgba(255,254,250,.8) 35%,rgba(255,254,250,0) 100%),radial-gradient(60% 100% at 0% 0%,#fffefa 0%,rgba(255,254,250,.85) 38%,rgba(255,254,250,.35) 62%,rgba(255,254,250,0) 84%),radial-gradient(60% 100% at 100% 0%,#fffefa 0%,rgba(255,254,250,.85) 38%,rgba(255,254,250,.35) 62%,rgba(255,254,250,0) 84%)}
.site-end:after{height:min(26%,300px);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-mask-image:linear-gradient(180deg,#000 0,rgba(0,0,0,.7) 35%,transparent 100%),radial-gradient(60% 100% at 0% 0%,#000 0%,rgba(0,0,0,.7) 45%,transparent 84%),radial-gradient(60% 100% at 100% 0%,#000 0%,rgba(0,0,0,.7) 45%,transparent 84%);mask-image:linear-gradient(180deg,#000 0,rgba(0,0,0,.7) 35%,transparent 100%),radial-gradient(60% 100% at 0% 0%,#000 0%,rgba(0,0,0,.7) 45%,transparent 84%),radial-gradient(60% 100% at 100% 0%,#000 0%,rgba(0,0,0,.7) 45%,transparent 84%)}
/* lisibilité du texte sur la scène : léger voile blanc doux derrière le bloc, sans flouter la vidéo */
.site-end>.final-cta .section-title{position:relative;isolation:isolate}
.site-end>.final-cta .section-title:before{content:'';position:absolute;z-index:-1;left:50%;top:50%;width:min(860px,96vw);height:150%;transform:translate(-50%,-48%);background:radial-gradient(50% 50% at 50% 50%,rgba(255,254,250,.78) 0%,rgba(255,254,250,.55) 45%,rgba(255,254,250,0) 100%);pointer-events:none}

/* The home page already provides its own editorial CTA; inner pages use the same footer-film composition. */
.studio-home .site-end>.footer-page-cta{display:none}
.inner-page .site-end>.footer-page-cta{display:block}
.inner-page .site-end>.footer-page-cta h2{color:#252b59}

/* Light brand-aware panels on integration detail pages; genuine SVG logos remain unchanged. */
.qreew-brand-securex .integration-detail-hero{background:#f0eaf6;color:#4c2d68}
.qreew-brand-sd-worx .integration-detail-hero{background:#fff4dc;color:#252b59}
.qreew-brand-protime .integration-detail-hero{background:#eef1fd;color:#263068}
.qreew-brand-securex .integration-detail-hero .integration-logo,.qreew-brand-sd-worx .integration-detail-hero .integration-logo,.qreew-brand-protime .integration-detail-hero .integration-logo{background:transparent;filter:none}

/* Five-column, content-led Qreew footer after adding selected integration pages. */
@media(min-width:1001px){.site-end .footer-top{grid-template-columns:minmax(220px,1.45fr) repeat(4,minmax(140px,1fr));gap:clamp(15px,2vw,32px)}}
@media(min-width:650px) and (max-width:1000px){.site-end .footer-top{grid-template-columns:repeat(3,minmax(0,1fr))}.site-end .footer-top>div:first-child{grid-column:span 2}}
@media(max-width:649px){.site-end .footer-top{grid-template-columns:repeat(2,minmax(0,1fr))}.site-end .footer-top>div:first-child{grid-column:span 2}.site-end .footer-top>div:last-child{grid-column:auto}}

/* Transparent, single CTA over the footer animation. Preserve moving film and legibility. */
.site-end>.footer-page-cta,.inner-page .site-end>.footer-page-cta,.site-end>.footer-page-cta .section-title{background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.site-end>.footer-page-cta .section-title:before{background:none!important}
.site-end>.footer-page-cta .section-title h2,.site-end>.footer-page-cta .section-title p{text-shadow:0 2px 24px rgba(255,247,239,.95)}


/* Qreew money pages: one closing CTA directly on the existing footer film.
   No white card, panel or radial backing behind the headline. */
.qreew-page-onboarding .site-end,
.qreew-page-protime .site-end,
.qreew-page-paie .site-end,
.qreew-page-recrutement .site-end,
.qreew-page-absences .site-end,
.qreew-page-offboarding .site-end{isolation:isolate}
.qreew-page-onboarding .site-end>.footer-page-cta,
.qreew-page-protime .site-end>.footer-page-cta,
.qreew-page-paie .site-end>.footer-page-cta,
.qreew-page-recrutement .site-end>.footer-page-cta,
.qreew-page-absences .site-end>.footer-page-cta,
.qreew-page-offboarding .site-end>.footer-page-cta{position:absolute;left:0;right:0;top:clamp(190px,21vw,300px);z-index:3;padding:0 5%;min-height:0;background:transparent!important;border:0!important;box-shadow:none!important}
.qreew-page-onboarding .site-end>.footer-page-cta .section-title,
.qreew-page-protime .site-end>.footer-page-cta .section-title,
.qreew-page-paie .site-end>.footer-page-cta .section-title,
.qreew-page-recrutement .site-end>.footer-page-cta .section-title,
.qreew-page-absences .site-end>.footer-page-cta .section-title,
.qreew-page-offboarding .site-end>.footer-page-cta .section-title{background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.qreew-page-onboarding .site-end>.footer-page-cta .section-title:before,
.qreew-page-protime .site-end>.footer-page-cta .section-title:before,
.qreew-page-paie .site-end>.footer-page-cta .section-title:before,
.qreew-page-recrutement .site-end>.footer-page-cta .section-title:before,
.qreew-page-absences .site-end>.footer-page-cta .section-title:before,
.qreew-page-offboarding .site-end>.footer-page-cta .section-title:before{content:none!important;display:none!important}
.qreew-page-onboarding .site-end>.footer-page-cta h2,
.qreew-page-protime .site-end>.footer-page-cta h2,
.qreew-page-paie .site-end>.footer-page-cta h2,
.qreew-page-recrutement .site-end>.footer-page-cta h2,
.qreew-page-absences .site-end>.footer-page-cta h2,
.qreew-page-offboarding .site-end>.footer-page-cta h2{color:#252b59;text-shadow:0 2px 16px rgba(255,247,239,.85)}
.qreew-page-onboarding .site-end>.footer-page-cta p,
.qreew-page-protime .site-end>.footer-page-cta p,
.qreew-page-paie .site-end>.footer-page-cta p,
.qreew-page-recrutement .site-end>.footer-page-cta p,
.qreew-page-absences .site-end>.footer-page-cta p,
.qreew-page-offboarding .site-end>.footer-page-cta p{text-shadow:0 2px 16px rgba(255,247,239,.95)}
.qreew-page-onboarding .site-end .studio-footer,
.qreew-page-protime .site-end .studio-footer,
.qreew-page-paie .site-end .studio-footer,
.qreew-page-recrutement .site-end .studio-footer,
.qreew-page-absences .site-end .studio-footer,
.qreew-page-offboarding .site-end .studio-footer{position:relative;z-index:4}
@media(max-width:800px){
.qreew-page-onboarding .site-end,
.qreew-page-protime .site-end,
.qreew-page-paie .site-end,
.qreew-page-recrutement .site-end,
.qreew-page-absences .site-end,
.qreew-page-offboarding .site-end{padding-top:clamp(420px,100vw,560px)}
.qreew-page-onboarding .site-end>.footer-page-cta,
.qreew-page-protime .site-end>.footer-page-cta,
.qreew-page-paie .site-end>.footer-page-cta,
.qreew-page-recrutement .site-end>.footer-page-cta,
.qreew-page-absences .site-end>.footer-page-cta,
.qreew-page-offboarding .site-end>.footer-page-cta{top:clamp(185px,39vw,265px);padding:0 18px}
.qreew-page-onboarding .site-end>.footer-page-cta h2,
.qreew-page-protime .site-end>.footer-page-cta h2,
.qreew-page-paie .site-end>.footer-page-cta h2,
.qreew-page-recrutement .site-end>.footer-page-cta h2,
.qreew-page-absences .site-end>.footer-page-cta h2,
.qreew-page-offboarding .site-end>.footer-page-cta h2{font-size:clamp(29px,7vw,43px)}
}

/* 3.11.4: footer CTA identical in scale/typography/position to homepage.
   Keep one transparent CTA on top of the film, no white card. */
body.qreew-page-onboarding .site-end,
body.qreew-page-protime .site-end,
body.qreew-page-paie .site-end,
body.qreew-page-recrutement .site-end,
body.qreew-page-absences .site-end,
body.qreew-page-offboarding .site-end{padding-top:clamp(440px,47vw,650px)}
body.qreew-page-onboarding .site-end>.footer-page-cta,
body.qreew-page-protime .site-end>.footer-page-cta,
body.qreew-page-paie .site-end>.footer-page-cta,
body.qreew-page-recrutement .site-end>.footer-page-cta,
body.qreew-page-absences .site-end>.footer-page-cta,
body.qreew-page-offboarding .site-end>.footer-page-cta{
  position:absolute;inset:auto 0 auto 0;top:0;
  padding:clamp(70px,9vw,130px) 4% 0;
  z-index:3;text-align:center;
  background:transparent!important;transform:none;
}
body.qreew-page-onboarding .site-end>.footer-page-cta .section-title,
body.qreew-page-protime .site-end>.footer-page-cta .section-title,
body.qreew-page-paie .site-end>.footer-page-cta .section-title,
body.qreew-page-recrutement .site-end>.footer-page-cta .section-title,
body.qreew-page-absences .site-end>.footer-page-cta .section-title,
body.qreew-page-offboarding .site-end>.footer-page-cta .section-title{
  max-width:890px;margin:0 auto;text-align:center;padding:0 20px;
}
body.qreew-page-onboarding .site-end>.footer-page-cta h2,
body.qreew-page-protime .site-end>.footer-page-cta h2,
body.qreew-page-paie .site-end>.footer-page-cta h2,
body.qreew-page-recrutement .site-end>.footer-page-cta h2,
body.qreew-page-absences .site-end>.footer-page-cta h2,
body.qreew-page-offboarding .site-end>.footer-page-cta h2{
  font-size:clamp(36px,4vw,61px);font-weight:500;
  line-height:1.04;letter-spacing:-.048em;color:#252b59;
  max-width:890px;margin:0 auto;text-shadow:0 1px 18px rgba(255,247,239,.9);
}
body.qreew-page-onboarding .site-end>.footer-page-cta p,
body.qreew-page-protime .site-end>.footer-page-cta p,
body.qreew-page-paie .site-end>.footer-page-cta p,
body.qreew-page-recrutement .site-end>.footer-page-cta p,
body.qreew-page-absences .site-end>.footer-page-cta p,
body.qreew-page-offboarding .site-end>.footer-page-cta p{
  font-size:clamp(15px,1.5vw,18px);line-height:1.5;
  max-width:550px;margin:24px auto 0;color:#252b59;
}
body.qreew-page-onboarding .site-end>.footer-page-cta .center-actions,
body.qreew-page-protime .site-end>.footer-page-cta .center-actions,
body.qreew-page-paie .site-end>.footer-page-cta .center-actions,
body.qreew-page-recrutement .site-end>.footer-page-cta .center-actions,
body.qreew-page-absences .site-end>.footer-page-cta .center-actions,
body.qreew-page-offboarding .site-end>.footer-page-cta .center-actions{
  display:flex;justify-content:center;margin-top:25px;position:relative;z-index:5;
}
body.qreew-page-onboarding .site-end>.footer-page-cta .pill,
body.qreew-page-protime .site-end>.footer-page-cta .pill,
body.qreew-page-paie .site-end>.footer-page-cta .pill,
body.qreew-page-recrutement .site-end>.footer-page-cta .pill,
body.qreew-page-absences .site-end>.footer-page-cta .pill,
body.qreew-page-offboarding .site-end>.footer-page-cta .pill{position:relative;z-index:5}
@media(max-width:800px){
 body.qreew-page-onboarding .site-end,
 body.qreew-page-protime .site-end,
body.qreew-page-paie .site-end,
body.qreew-page-recrutement .site-end,
body.qreew-page-absences .site-end,
body.qreew-page-offboarding .site-end{padding-top:clamp(490px,112vw,670px)}
 body.qreew-page-onboarding .site-end>.footer-page-cta,
 body.qreew-page-protime .site-end>.footer-page-cta,
body.qreew-page-paie .site-end>.footer-page-cta,
body.qreew-page-recrutement .site-end>.footer-page-cta,
body.qreew-page-absences .site-end>.footer-page-cta,
body.qreew-page-offboarding .site-end>.footer-page-cta{top:0;padding:clamp(80px,18vw,125px) 18px 0}
 body.qreew-page-onboarding .site-end>.footer-page-cta h2,
 body.qreew-page-protime .site-end>.footer-page-cta h2,
body.qreew-page-paie .site-end>.footer-page-cta h2,
body.qreew-page-recrutement .site-end>.footer-page-cta h2,
body.qreew-page-absences .site-end>.footer-page-cta h2,
body.qreew-page-offboarding .site-end>.footer-page-cta h2{font-size:clamp(36px,7vw,51px)}
 body.qreew-page-onboarding .site-end>.footer-page-cta .section-title,
 body.qreew-page-protime .site-end>.footer-page-cta .section-title,
body.qreew-page-paie .site-end>.footer-page-cta .section-title,
body.qreew-page-recrutement .site-end>.footer-page-cta .section-title,
body.qreew-page-absences .site-end>.footer-page-cta .section-title,
body.qreew-page-offboarding .site-end>.footer-page-cta .section-title{padding:0 8px}
}

/* 3.23 : CTA de footer strictement identique à celui de l'accueil sur TOUTES les pages, accueil comprise (police Studio, tailles, couleurs).
   Le style hérité (assets/style.css) ne s'applique plus ici. */
body .site-end>.final-cta,
body .site-end>.final-cta *{font-family:Studio,Arial,sans-serif!important;text-transform:none!important}
body .site-end>.final-cta .section-title{max-width:890px!important;margin:0 auto!important;padding:0 20px!important;text-align:center!important;color:#1b1f4a!important}
body .site-end>.final-cta .eyebrow{display:block!important;margin:0 0 22px!important;font-size:11px!important;font-weight:600!important;line-height:1.6!important;letter-spacing:.17em!important;color:#1b1f4a!important;text-shadow:0 1px 18px rgba(255,254,250,.9)!important}
body .site-end>.final-cta h2{margin:0 auto!important;max-width:none!important;font-size:clamp(36px,4vw,61px)!important;font-weight:500!important;line-height:1.04!important;letter-spacing:-.048em!important;color:#1b1f4a!important;text-shadow:0 1px 18px rgba(255,254,250,.9)!important}
body .site-end>.final-cta h2 br{display:inline!important}
body .site-end>.final-cta p{margin:24px auto 0!important;max-width:550px!important;font-size:clamp(15px,1.5vw,18px)!important;font-weight:400!important;line-height:1.55!important;letter-spacing:normal!important;color:#57655f!important;text-shadow:0 1px 18px rgba(255,254,250,.9)!important}
body .site-end>.final-cta .center-actions{display:flex!important;justify-content:center!important;flex-wrap:wrap!important;gap:15px!important;margin:30px 0 0!important}
body .site-end>.final-cta .pill{font-size:15px!important;font-weight:400!important;line-height:18px!important;min-height:57px!important;padding:3px 22px 3px 3px!important;gap:16px!important;letter-spacing:normal!important;text-shadow:none!important}
@media(max-width:800px){body .site-end>.final-cta h2{font-size:clamp(36px,7vw,51px)!important}}

/* Même voile doux derrière le texte qu'à l'accueil, partout. */
body.inner-page .site-end>.footer-page-cta .section-title{position:relative!important;isolation:isolate!important}
body.inner-page .site-end>.footer-page-cta .section-title:before{content:''!important;display:block!important;position:absolute!important;z-index:-1!important;left:50%!important;top:50%!important;width:min(860px,96vw)!important;height:150%!important;transform:translate(-50%,-48%)!important;background:radial-gradient(50% 50% at 50% 50%,rgba(255,254,250,.78) 0%,rgba(255,254,250,.55) 45%,rgba(255,254,250,0) 100%)!important;pointer-events:none!important}
/* Footer : titres de colonnes, liens, marque et texte identiques accueil / pages. */
body .site-end .studio-footer,body .site-end .studio-footer *{font-family:Studio,Arial,sans-serif!important}
body .site-end .studio-footer .footer-top h3{font-size:10px!important;font-weight:600!important;letter-spacing:.12em!important;line-height:1.04!important;text-transform:uppercase!important;margin:0 0 20px!important;color:#1b1f4a!important}


/* 3.31.5 : footer mobile (toutes les pages). La vidéo portrait est un fond unique : elle commence derrière le CTA
   et se poursuit derrière la carte du footer jusqu'en bas. L'espace sous le CTA laisse voir le décor. */
@media(max-width:800px){
body .site-end{padding-top:134vw}
body .site-end .footer-media.mobile-video{inset:0;top:0;bottom:0;height:auto;background:#fffefa}
body .site-end .footer-media.mobile-video video.is-mobile{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:50% 0;transform:none;-webkit-mask-image:none;mask-image:none}
}
/* lisibilité du texte du CTA sur la vidéo mobile : voile doux derrière le bloc de texte */
@media(max-width:800px){
body .site-end>.final-cta .section-title:before{content:''!important;display:block!important;position:absolute!important;z-index:-1!important;left:50%!important;top:46%!important;width:130vw!important;height:105%!important;transform:translate(-50%,-50%)!important;background:radial-gradient(50% 50% at 50% 50%,rgba(255,254,250,.7) 0%,rgba(255,254,250,.45) 50%,rgba(255,254,250,0) 100%)!important;pointer-events:none!important}
body .site-end>.final-cta .section-title{position:relative!important;isolation:isolate!important}
}

/* 3.32 : footer mobile identique sur toutes les pages (même hauteur, même position du CTA), quelles que soient les règles propres à une page. */
@media(max-width:800px){
html body.inner-page .site-end,html body.studio-home .site-end{padding-top:134vw!important}
html body.inner-page .site-end>.final-cta,html body.studio-home .site-end>.final-cta{top:0!important;padding:clamp(80px,18vw,125px) 18px 0!important}
html body.inner-page .site-end>.final-cta .section-title>p,html body.studio-home .site-end>.final-cta .section-title>p{display:none!important}
}

/* 3.36 : pages dont le hero occupe tout le haut de l'écran : il démarre derrière la barre de navigation, comme l'accueil.
   (le hero a déjà son propre espace en haut pour dégager la barre ; on supprime l'espace ajouté au-dessus) */
.inner-page #main:has(>.ob:first-child),.inner-page #main:has(>.sx:first-child),.inner-page #main:has(>.pc:first-child),.inner-page #main:has(>.ac:first-child),.inner-page #main:has(>.wf:first-child),.inner-page #main:has(>.ap:first-child),.inner-page #main:has(>.dm:first-child),.inner-page #main:has(>.oc:first-child),
body.qreew-page-paie #main,body.qreew-page-recrutement #main,body.qreew-page-absences #main,body.qreew-page-offboarding #main,body.qreew-page-onboarding #main{padding-top:0!important}