@font-face{font-family:FTGeist;src:url('../fonts/geist-latin.woff2') format('woff2');font-display:swap}@font-face{font-family:FTCormorant;src:url('../fonts/cormorant-garamond-normal-latin.woff2') format('woff2');font-display:swap}
body.ft-global-chrome-active{margin:0;background:#f8f6f2}.frametonic-subpage,.frametonic-subpage *{box-sizing:border-box}.frametonic-subpage{--ink:#14151d;--muted:#666875;--violet:#654cff;--pink:#e62ca8;--orange:#ff7047;--grad:linear-gradient(100deg,#5a61ff,#a12bea 48%,#ec2b9b 72%,#ff7548);font-family:FTGeist,Arial,sans-serif;color:var(--ink);background:#faf8f4;overflow:hidden}.ftsp-hero{width:min(1300px,calc(100% - 64px));min-height:620px;margin:auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;padding:72px 0 56px}.ftsp-copy{max-width:650px}.ftsp-kicker{display:inline-flex;margin:0 0 25px;padding:7px 12px;border-radius:999px;background:#f3edff;color:#7148df;font-size:11px;font-weight:800;letter-spacing:.08em}.ftsp-copy h1{font-size:clamp(55px,5.3vw,86px);line-height:.92;letter-spacing:-.065em;margin:0 0 25px;max-width:650px}.ftsp-tagline{font-family:FTCormorant,Georgia,serif;font-size:clamp(26px,2.4vw,38px);line-height:1.05;margin:0 0 22px;max-width:600px}.ftsp-lead{font-size:16px;line-height:1.65;color:var(--muted);max-width:610px;margin:0 0 30px}.ftsp-actions{display:flex;align-items:center;gap:22px}.ftsp-cta{display:inline-flex;padding:14px 20px;border-radius:999px;background:#11121a;color:#fff!important;text-decoration:none!important;font-size:12px;font-weight:750}.ftsp-link{color:#171821!important;text-decoration:none!important;font-size:12px;font-weight:650}.ftsp-visual{position:relative;height:460px;display:grid;place-items:center}.ftsp-benefits{border-top:1px solid #e3dfe1;border-bottom:1px solid #e3dfe1;display:flex;justify-content:center;width:100%;padding:0 max(32px,calc((100vw - 1300px)/2))}.ftsp-benefit{flex:1;min-height:135px;padding:32px 28px;display:flex;gap:16px;border-right:1px solid #e3dfe1}.ftsp-benefit:first-child{border-left:1px solid #e3dfe1}.ftsp-benefit-icon{font-size:22px;background:var(--grad);-webkit-background-clip:text;color:transparent}.ftsp-benefit h2{font-size:14px;margin:1px 0 7px;letter-spacing:-.02em}.ftsp-benefit p{font-size:11px;line-height:1.45;color:#777986;margin:0;max-width:190px}.ftsp-signature{margin:0;padding:13px 30px;text-align:center;font-family:FTCormorant,Georgia,serif;font-style:italic;font-size:14px;color:#7653b3;background:linear-gradient(90deg,rgba(237,47,185,.10),#fff 45%,rgba(255,114,73,.10))}
/* stratégie */.orbital{width:380px;height:380px;border:1px dashed #d9c9f5;border-radius:50%;position:relative;display:grid;place-items:center;box-shadow:0 0 80px rgba(128,69,231,.08) inset}.orbital:before{content:"";position:absolute;width:265px;height:265px;border:1px dashed #e5d9f4;border-radius:50%}.orbital>b{z-index:2;width:132px;height:132px;border-radius:50%;display:grid;place-items:center;text-align:center;background:#141426;color:#fff;font-family:FTCormorant;font-size:20px;line-height:1.1}.orbital>span{position:absolute;width:108px;height:108px;border-radius:50%;background:#fff;box-shadow:0 15px 45px rgba(36,25,58,.09);display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:FTCormorant;font-size:15px}.orbital small{font-family:FTGeist;font-size:7px;color:#85808e;margin-top:5px}.o1{top:-15px}.o2{right:-15px}.o3{bottom:-15px}.o4{left:-15px}
/* branding */.ftv-brand i{position:absolute;display:block;filter:drop-shadow(0 30px 35px rgba(93,42,180,.18))}.ftv-brand i:nth-child(1){width:220px;height:240px;background:linear-gradient(145deg,#654cff,#b533dd);clip-path:polygon(12% 0,100% 18%,76% 100%,0 72%);transform:rotate(10deg)}.ftv-brand i:nth-child(2){width:205px;height:205px;border-radius:50%;background:linear-gradient(145deg,rgba(255,108,67,.9),rgba(225,42,169,.72));transform:translate(100px,70px);mix-blend-mode:multiply}.ftv-brand i:nth-child(3){width:120px;height:120px;border-radius:50%;background:linear-gradient(145deg,#ff8a50,#e83baa);transform:translate(-105px,100px)}
/* web */.monitor{width:390px;height:260px;padding:12px;border:10px solid #171821;border-radius:10px;background:#111;box-shadow:0 30px 60px rgba(20,20,30,.18)}.monitor img{width:100%;height:100%;object-fit:cover}.phone{position:absolute;left:40px;bottom:35px;width:105px;height:205px;padding:7px;border:8px solid #161720;border-radius:20px;background:#fff;box-shadow:0 20px 45px rgba(20,20,30,.2)}.phone img{width:100%;height:100%;object-fit:cover}
/* commerce */.product-card{width:380px;height:330px;border-radius:20px;background:#fff;box-shadow:0 30px 70px rgba(40,30,50,.12);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px}.bag{font-size:125px;line-height:.8;color:#15151d;transform:rotate(4deg)}.stars{color:#6d4cff;letter-spacing:3px}.product-card strong{font-size:18px}.product-card span{background:#12131b;color:#fff;border-radius:999px;padding:10px 18px;font-size:10px}
/* growth */.metric{width:360px;height:320px;background:#fff;border-radius:20px;box-shadow:0 30px 70px rgba(40,30,50,.12);padding:35px}.metric small{font-size:12px}.metric b{display:block;font-size:55px;color:#654cff;margin:12px 0}.metric svg{width:100%;height:120px;overflow:visible}.metric path{fill:none;stroke:#e42ba7;stroke-width:4}.metric div{display:flex;justify-content:space-between;color:#777;font-size:10px}
/* search */.lens{width:220px;height:220px;border:10px solid #11131d;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#ee4cb8 0,#9c59f1 40%,#6a5cff 72%,#fff 73%);box-shadow:0 25px 60px rgba(103,64,220,.18)}.lens:after{content:"";position:absolute;width:115px;height:25px;background:#11131d;border-radius:20px;transform:translate(135px,135px) rotate(45deg)}.lens b{color:#fff;font-size:35px}.ftv-search .geo{position:absolute;right:50px;top:80px;background:#fff;border-radius:50%;width:70px;height:70px;display:grid;place-items:center;box-shadow:0 15px 35px rgba(0,0,0,.08);font-weight:700}.ftv-search i{position:absolute;width:7px;height:7px;border-radius:50%;background:#d72cae}.ftv-search i:nth-of-type(1){left:80px;top:120px}.ftv-search i:nth-of-type(2){right:85px;bottom:95px}.ftv-search i:nth-of-type(3){left:130px;bottom:55px}
/* crm */.ftv-crm{background:radial-gradient(circle,rgba(127,73,239,.08),transparent 55%)}.crm-core{width:125px;height:125px;border-radius:50%;display:grid;place-items:center;background:#fff;box-shadow:0 25px 55px rgba(50,30,80,.12);font-size:30px;color:#6c4df5}.ftv-crm span{position:absolute;width:110px;height:110px;border-radius:50%;display:grid;place-items:center;background:#fff;box-shadow:0 18px 45px rgba(50,30,80,.1);font-size:14px;font-weight:700}.ftv-crm span:nth-of-type(1){right:70px;top:40px;color:#e36d3d}.ftv-crm span:nth-of-type(2){right:35px;bottom:65px;color:#36a4e0}.ftv-crm span:nth-of-type(3){left:65px;bottom:50px;color:#444}
/* ai */.ftv-ai svg{width:440px;height:400px}.ftv-ai .lines path{stroke:#8b64ee;stroke-width:1;opacity:.5}.ftv-ai .nodes circle{fill:#7c55eb}.ftv-ai .nodes circle:nth-child(3n){fill:#ed3ca8}.ftv-ai .core{fill:#ff7548;filter:drop-shadow(0 0 12px #e55ab0)}
/* world */.ftv-world img{width:480px;height:360px;opacity:.75;filter:hue-rotate(35deg) saturate(2)}.ftv-world span{position:absolute;bottom:45px;background:#11131c;color:#fff;border-radius:999px;padding:12px 25px;font-size:11px;font-weight:800}.ftv-world span:nth-of-type(1){left:80px}.ftv-world span:nth-of-type(2){left:200px}
/* work */.ftv-work{grid-template-columns:repeat(3,1fr);gap:12px;padding:30px}.ftv-work img{width:145px;height:105px;object-fit:cover;border-radius:8px;box-shadow:0 12px 30px rgba(0,0,0,.12)}.ftv-work img:nth-child(even){transform:translateY(22px)}
.ftv-about img{width:360px;height:420px;object-fit:cover;border-radius:26px;filter:saturate(.9);box-shadow:0 30px 70px rgba(30,20,40,.15)}
@media(max-width:900px){.ftsp-hero{grid-template-columns:1fr;padding-top:45px;gap:15px}.ftsp-visual{height:390px}.ftsp-benefits{flex-wrap:wrap}.ftsp-benefit{min-width:50%}.ftsp-copy h1{font-size:clamp(48px,12vw,72px)}}@media(max-width:560px){.ftsp-hero{width:calc(100% - 36px)}.ftsp-visual{height:320px;transform:scale(.82);margin:-20px}.ftsp-benefit{min-width:100%;border-left:0!important}.ftsp-actions{align-items:flex-start;flex-direction:column}.orbital{width:320px;height:320px}.monitor{width:340px}.ftv-world img{width:390px}.ftv-work{grid-template-columns:repeat(2,1fr)}}
\n/* Réalisations V28 — mockups extraits de la page historique Frametonic */
.ftsp-real-hero{position:relative}
.ftv-work{display:block!important;position:relative;height:500px;padding:0!important;isolation:isolate}
.ftv-work-orbit{position:absolute;width:360px;height:360px;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 50% 50%,rgba(174,91,255,.18),rgba(238,52,165,.08) 44%,transparent 68%);border:1px solid rgba(117,77,221,.15);box-shadow:0 0 80px rgba(187,76,231,.12);z-index:-1}
.ftv-work-orbit:before,.ftv-work-orbit:after{content:"";position:absolute;border-radius:50%;border:1px dashed rgba(118,78,220,.24);inset:48px}.ftv-work-orbit:after{inset:105px;border-color:rgba(239,64,157,.25)}
.ftv-work img{position:absolute!important;width:190px!important;height:114px!important;object-fit:cover!important;border-radius:16px!important;border:5px solid rgba(255,255,255,.92);box-shadow:0 20px 55px rgba(30,25,45,.16)!important;background:#fff;transform:none!important}
.ftv-work img:nth-of-type(1){left:50%;top:18px;transform:translateX(-50%) rotate(-2deg)!important;width:220px!important;height:132px!important}
.ftv-work img:nth-of-type(2){right:5px;top:155px;transform:rotate(4deg)!important}
.ftv-work img:nth-of-type(3){right:70px;bottom:10px;transform:rotate(-3deg)!important}
.ftv-work img:nth-of-type(4){left:65px;bottom:10px;transform:rotate(3deg)!important}
.ftv-work img:nth-of-type(5){left:0;top:155px;transform:rotate(-4deg)!important}
.ft-real-gallery{padding:100px max(32px,calc((100vw - 1300px)/2)) 120px;background:linear-gradient(180deg,#faf8f4,#f6f1f7 55%,#faf8f4)}
.ft-real-gallery-head{max-width:760px;margin:0 auto 52px;text-align:center}.ft-real-gallery-head h2{font-size:clamp(42px,5vw,72px);line-height:.95;letter-spacing:-.055em;margin:5px 0 18px}.ft-real-gallery-head p:last-child{font-size:16px;color:#6d6b76;line-height:1.6}
.ft-real-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.ft-real-card{margin:0;min-width:0}.ft-real-shot{position:relative;overflow:hidden;border-radius:22px;background:#e1d7c4;box-shadow:0 16px 44px rgba(30,25,45,.08);transition:transform .35s ease,box-shadow .35s ease;border:1px solid rgba(22,22,30,.07)}
.ft-real-shot:before{content:"";display:block;padding-top:60%}.ft-real-shot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.015);transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.ft-real-card:hover .ft-real-shot{transform:translateY(-6px);box-shadow:0 26px 65px rgba(60,35,85,.14)}.ft-real-card:hover img{transform:scale(1.045)}
@media(max-width:900px){.ft-real-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ftv-work{height:420px}.ftv-work img{width:155px!important;height:93px!important}.ftv-work img:nth-of-type(1){width:185px!important;height:111px!important}}
@media(max-width:560px){.ft-real-gallery{padding:70px 18px 90px}.ft-real-grid{grid-template-columns:1fr;gap:18px}.ft-real-shot{border-radius:16px}.ftv-work{height:330px!important;transform:none!important;margin:0!important}.ftv-work-orbit{width:285px;height:285px}.ftv-work img{width:125px!important;height:75px!important;border-radius:12px!important;border-width:3px}.ftv-work img:nth-of-type(1){width:150px!important;height:90px!important;top:0}.ftv-work img:nth-of-type(2){right:0;top:110px}.ftv-work img:nth-of-type(3){right:35px;bottom:5px}.ftv-work img:nth-of-type(4){left:35px;bottom:5px}.ftv-work img:nth-of-type(5){left:0;top:110px}}

/* V32 — conteneurs pages internes calés sur 1300px */
:root{--ft-content-width:1300px;--ft-content-gutter:32px}
.ftsp-hero,
.ft-real-gallery > .ft-real-gallery-head,
.ft-real-grid{
  max-width:var(--ft-content-width)!important;
}
.ftsp-hero{width:min(var(--ft-content-width),calc(100% - 64px))!important}
.ft-real-gallery{padding-left:max(32px,calc((100vw - var(--ft-content-width))/2))!important;padding-right:max(32px,calc((100vw - var(--ft-content-width))/2))!important}
.ftsp-benefits{padding-left:max(32px,calc((100vw - var(--ft-content-width))/2))!important;padding-right:max(32px,calc((100vw - var(--ft-content-width))/2))!important}
@media(max-width:560px){.ftsp-hero{width:calc(100% - 36px)!important}.ft-real-gallery{padding-left:18px!important;padding-right:18px!important}.ftsp-benefits{padding-left:18px!important;padding-right:18px!important}}


/* V33 — pages internes : largeur réelle de 1300px, même si Uncode encapsule le shortcode */
@media (min-width: 1365px) {
  .frametonic-subpage .ftsp-hero,
  .frametonic-subpage .ft-real-grid,
  .frametonic-subpage .ftsp-content-shell,
  .frametonic-subpage .ftsp-section-shell {
    box-sizing: border-box !important;
    width: 1300px !important;
    min-width: 1300px !important;
    max-width: 1300px !important;
    position: relative !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .frametonic-subpage .ftsp-benefits {
    padding-left: calc((100vw - 1300px)/2) !important;
    padding-right: calc((100vw - 1300px)/2) !important;
  }
  .frametonic-subpage .ft-real-gallery {
    padding-left: calc((100vw - 1300px)/2) !important;
    padding-right: calc((100vw - 1300px)/2) !important;
  }
}
@media (min-width: 801px) and (max-width: 1364px) {
  .frametonic-subpage .ftsp-hero,
  .frametonic-subpage .ft-real-grid,
  .frametonic-subpage .ftsp-content-shell,
  .frametonic-subpage .ftsp-section-shell {
    width: calc(100vw - 64px) !important;
    max-width: calc(100vw - 64px) !important;
    position: relative !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}