:root{
    --ink:#141414;--coal:#101214;--coal2:#191b1e;--paper:#fff;--light:#f4f4f1;
    --yellow:#ffb900;--yellow2:#f5b10b;--muted:#61656b;--line:#d9d9d5;
    --edge:clamp(24px,6vw,118px);--header-height:154px;
  }
  *{box-sizing:border-box}
  html{scroll-behavior:smooth;scroll-padding-top:120px}
  body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--coal);line-height:1.48;-webkit-font-smoothing:antialiased}
  img{max-width:100%;display:block}a{color:inherit}
  ::selection{background:#ffba00;color:#111}
  .skip{position:absolute;top:-90px;left:20px;z-index:1000;background:var(--yellow);padding:12px;color:#111}.skip:focus{top:10px}
  #progress{position:fixed;z-index:300;top:0;left:0;height:3px;width:100%;background:var(--yellow);transform-origin:left;transform:scaleX(0);pointer-events:none}
  .site-header{z-index:120;position:sticky;top:0;background:#fff;color:#141414;box-shadow:0 1px 0 rgba(0,0,0,.07);transition:box-shadow .3s}
  .header-top{min-height:105px;display:flex;justify-content:space-between;align-items:center;gap:36px;padding:16px var(--edge);transition:min-height .35s,padding .35s}
  .brand-full{display:block;width:clamp(175px,18vw,275px);max-height:80px;object-fit:contain;object-position:left center;transition:width .35s,max-height .35s}
  .brand-link{display:inline-flex;align-items:center;flex:none;outline-offset:4px}
  .brand-message{text-align:right;max-width:710px;font-size:clamp(13px,1.05vw,17px);transition:opacity .3s}
  .brand-message strong{display:block;font-size:clamp(16px,1.25vw,22px);letter-spacing:-.035em;line-height:1.25;margin-bottom:4px}
  .brand-message span{display:block;font-size:clamp(12px,.95vw,16px)}
  .header-nav{min-height:57px;border-top:1px solid var(--line);margin:0 var(--edge);display:flex;align-items:center;justify-content:space-between;gap:25px}
  nav{display:flex;align-items:center;gap:clamp(12px,2vw,36px);min-width:0}
  nav a{font-size:13px;font-weight:700;color:#303236;text-decoration:none;white-space:nowrap;position:relative;padding:17px 0;transition:color .2s}
  nav a:after{content:"";height:2px;position:absolute;left:0;right:0;bottom:7px;background:var(--yellow);transform:scaleX(0);transform-origin:left;transition:transform .32s}
  nav a:hover,nav a.active{color:#101010}nav a:hover:after,nav a.active:after{transform:scaleX(1)}
  .nav-cta{color:#141414;text-decoration:none;font-size:12px;font-weight:850;letter-spacing:.02em;white-space:nowrap;display:inline-flex;gap:16px;align-items:center}.nav-cta .arr{width:30px;height:30px;border-radius:50%;background:var(--yellow);display:grid;place-items:center;font-size:19px;transition:transform .25s}
  .nav-cta:hover .arr{transform:translate(3px,-3px)}
  .site-header.compact .header-top{min-height:73px;padding-top:7px;padding-bottom:7px}.site-header.compact .brand-full{width:162px;max-height:52px}.site-header.compact .brand-message span{opacity:.75}.site-header.compact .header-nav{min-height:48px}
  .button{display:inline-flex;align-items:center;justify-content:center;gap:34px;min-height:58px;background:var(--yellow);border:1px solid var(--yellow);border-radius:5px;padding:16px 25px;color:#111;font-size:15px;font-weight:850;text-decoration:none;box-shadow:0 10px 30px rgba(255,185,0,.13);transition:background .25s,transform .25s,box-shadow .25s}
  .button:hover{background:#ffd042;transform:translateY(-3px);box-shadow:0 15px 30px rgba(255,185,0,.2)}.button:focus-visible,a:focus-visible{outline:3px solid #d18f00;outline-offset:3px}
  .hero{position:relative;min-height:min(760px,88vh);display:flex;align-items:center;isolation:isolate;overflow:hidden;background:#15181a;color:#fff}
  .hero::before{content:"";position:absolute;inset:-4%;z-index:-2;background-image:linear-gradient(90deg,rgba(6,9,13,.94),rgba(6,9,13,.67) 50%,rgba(6,9,13,.24)),url('https://images.unsplash.com/photo-1756674105261-673149ea8bb4?auto=format&fit=crop&w=2000&q=80');background-position:center;background-size:cover;transform:scale(1.08) translateY(var(--hero-shift,0px));will-change:transform}
  .hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#090c10b3,transparent 28%)}
  .hero-inner{padding:clamp(90px,10vw,145px) var(--edge);max-width:1250px;position:relative;z-index:1}
  .micro{font-size:11px;text-transform:uppercase;font-weight:800;letter-spacing:.22em}
  .hero .micro{color:#ffcf4a}
  h1,h2,h3,p{margin-top:0}
  .hero h1{font-size:clamp(45px,5.65vw,95px);line-height:1.045;letter-spacing:-.066em;margin:27px 0 27px;font-weight:850}
  .hero h1 em{font-style:normal;color:#ffc22a}
  .hero p{max-width:730px;font-size:clamp(18px,1.6vw,25px);line-height:1.45;color:#f1f1ef;margin-bottom:35px}
  .hero .scroll-cue{position:absolute;bottom:27px;right:var(--edge);display:flex;align-items:center;gap:12px;text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:700;color:#fff9}.hero .scroll-cue:before{content:"";height:38px;width:1px;background:var(--yellow)}
  .section{padding:clamp(85px,9vw,140px) var(--edge);background:var(--coal);color:#fff}
  .conviction{padding-top:clamp(110px,10vw,160px);padding-bottom:clamp(105px,10vw,155px)}
  .split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(35px,6vw,120px)}.split+.split{margin-top:clamp(85px,11vw,155px)}
  .split.flip .visual{order:1}.split.flip .copy{order:2}
  .split h2{font-size:clamp(35px,3.8vw,65px);line-height:1.09;letter-spacing:-.055em;margin:18px 0 28px}
  .split h3{font-size:clamp(28px,3vw,49px);line-height:1.13;letter-spacing:-.05em;margin-bottom:25px}
  .split p{color:#c5c8ca;font-size:clamp(16px,1.27vw,20px);max-width:670px;line-height:1.65}
  .visual{overflow:hidden;border-radius:4px;background:#d4d4d4;position:relative}.visual img{height:clamp(300px,30vw,495px);width:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.15,.7,.2,1)}.visual:hover img{transform:scale(1.055)}
  .accent-phrase{color:#ffc22a}
  .chapter{background:var(--light);color:#141517;position:relative;isolation:isolate;overflow:hidden;min-height:400px;display:flex;align-items:center}
  .chapter:nth-of-type(even){background:#efefec}
  .chapter-inner{position:relative;z-index:2;width:100%;padding:clamp(76px,8vw,130px) var(--edge);display:grid;grid-template-columns:minmax(100px,165px) minmax(0,1.55fr) minmax(190px,.6fr);column-gap:clamp(25px,4vw,70px);align-items:end}
  .chapter-index{align-self:start;font-size:clamp(60px,8.3vw,140px);font-weight:850;letter-spacing:-.1em;line-height:.9;color:#bcbdb8;position:relative}
  .chapter-index::after{content:"";display:block;margin-top:25px;width:55px;height:4px;background:var(--yellow)}
  .chapter-info{min-width:0}.chapter .micro{color:#986e00;display:block;margin:4px 0 18px}
  .chapter h2{font-size:clamp(38px,4.7vw,79px);line-height:1.055;letter-spacing:-.061em;font-weight:850;margin:0}
  .chapter p{font-size:clamp(16px,1.25vw,19px);line-height:1.65;max-width:350px;color:#54565a;margin:0 0 3px}
  .chapter-watermark{position:absolute;right:-3%;top:50%;height:clamp(250px,36vw,610px);width:clamp(250px,36vw,610px);object-fit:contain;opacity:.055;mix-blend-mode:multiply;transform:translate3d(0,calc(-50% + var(--mark-shift,0px)),0);pointer-events:none;z-index:1;filter:grayscale(1)}
  .chapter-rule{height:2px;background:#d9d9d5;position:absolute;bottom:0;left:0;right:0;z-index:3}
  .chapter-rule:after{content:"";display:block;height:100%;background:var(--yellow);width:100%;transform:scaleX(0);transform-origin:left;transition:transform 1.5s cubic-bezier(.2,.7,.2,1) .18s}
  .chapter.visible .chapter-rule:after{transform:scaleX(1)}
  .title-line{display:block;overflow:hidden;padding:.055em 0;margin:-.055em 0}.title-line>span{display:block;transform:translateY(112%);transition:transform .85s cubic-bezier(.19,.9,.28,1);will-change:transform}.chapter.visible .title-line>span{transform:translateY(0)}.title-line:nth-child(2)>span{transition-delay:.12s}.title-line:nth-child(3)>span{transition-delay:.23s}
  .chapter .chapter-index{opacity:0;transform:translateX(-28px);transition:opacity .75s ease,transform 1s cubic-bezier(.2,.7,.2,1)}.chapter.visible .chapter-index{opacity:1;transform:translateX(0)}
  .chapter .chapter-info .micro,.chapter .chapter-desc{opacity:0;transform:translateY(22px);transition:opacity .7s ease .25s,transform .7s ease .25s}.chapter.visible .chapter-info .micro,.chapter.visible .chapter-desc{opacity:1;transform:none}
  .service-section{padding-top:clamp(70px,7vw,115px)}.service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}
  .service{border:1px solid #ffffff18;background:#1a1c1f;border-radius:5px;overflow:hidden;transition:transform .35s,border-color .35s,box-shadow .35s}.service:hover{transform:translateY(-6px);border-color:#ffb90070;box-shadow:0 30px 60px #0005}
  .service-photo{height:clamp(230px,22vw,330px);overflow:hidden}.service-photo img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.7,.2,1)}.service:hover .service-photo img{transform:scale(1.055)}
  .service-body{padding:clamp(27px,3vw,46px)}.service small{color:#ffc32c;letter-spacing:.16em;font-weight:800;font-size:11px}.service h3{font-size:clamp(26px,2.6vw,43px);letter-spacing:-.046em;line-height:1.13;margin:18px 0}.service p{font-size:17px;line-height:1.6;color:#c7c7c6;max-width:620px}.service-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:24px}.service-meta span{border:1px solid #ffffff2a;border-radius:50px;padding:6px 10px;color:#cacac8;font-size:11px}
  .wide-line{border-top:1px solid #ffffff32;padding-top:28px;margin-top:70px;display:flex;align-items:flex-start;gap:55px}.wide-line strong{font-size:20px;line-height:1.35;flex:0 0 250px;color:#ffc32c}.wide-line p{font-size:clamp(16px,1.25vw,19px);color:#cacbc9;max-width:900px;margin:0}
  .cases{background:#17191b}.case-list{display:grid;gap:0}.case-list article{padding:26px 0;border-top:1px solid #ffffff2d;position:relative}.case-list article:last-child{border-bottom:1px solid #ffffff2d}.case-list h3{margin:0 0 11px;font-size:clamp(23px,2.1vw,32px);letter-spacing:-.036em}.case-list p{margin:0;font-size:16px;color:#c1c5c5}.case-list b{display:inline-block;color:#ffbb10;font-size:12px;letter-spacing:.06em;margin-bottom:9px}
  .steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(17px,2vw,30px)}.step{border-top:2px solid #ffc027;padding-top:24px}.step small{font-size:12px;color:#ffbd15;font-weight:900}.step h3{font-size:clamp(23px,2vw,32px);letter-spacing:-.05em;margin:21px 0 14px}.step p{color:#ccc;font-size:16px}.method-note{color:#bfc0bf;font-size:18px;margin-top:50px;max-width:1100px}.method-note strong{color:#fff}
  .references{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:35px;align-items:center}.references strong{font-size:clamp(19px,2.05vw,32px);letter-spacing:-.05em;line-height:1.2}.ref-note{color:#b6b9ba;font-size:15px;max-width:950px;margin-top:35px}
  .contact{display:grid;grid-template-columns:1.05fr .9fr;align-items:center;gap:5vw;background:#f8f8f6;color:#151515;padding:clamp(90px,8vw,135px) var(--edge);position:relative;overflow:hidden}.contact .copy{position:relative;z-index:1}.contact .micro{color:#8a6600}.contact h2{font-size:clamp(40px,5vw,83px);line-height:1.06;letter-spacing:-.06em;margin:20px 0 30px}.contact p{color:#55585a;font-size:19px;max-width:670px;margin-bottom:33px}.contact img{width:100%;height:clamp(300px,35vw,510px);object-fit:cover;border-radius:4px}.contact:before{content:"";width:300px;height:300px;border:1px solid #d4d4cb;border-radius:50%;position:absolute;left:-170px;bottom:-150px}
  footer{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:30px var(--edge);background:#101113;color:#c8c8c6;font-size:13px}footer a{text-decoration:none}
  .reveal{opacity:0;transform:translateY(37px);transition:opacity .85s ease,transform .85s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:translateY(0)}.service.reveal:nth-child(2n){transition-delay:.12s}
  @media(max-width:1100px){.chapter-inner{grid-template-columns:100px 1fr;row-gap:25px}.chapter-desc{grid-column:2}.chapter-watermark{right:-12%}nav{gap:17px}.header-nav{gap:15px}}
  @media(max-width:780px){:root{--header-height:125px}.header-top{min-height:80px;gap:12px}.brand-full{width:160px;max-height:64px}.brand-message{text-align:right}.brand-message strong{font-size:12px}.brand-message span{font-size:10px}.header-nav{min-height:50px;overflow-x:auto;gap:14px}nav{gap:21px}.nav-cta{display:none}.site-header.compact .brand-full{width:150px}.hero{min-height:660px}.hero-inner{padding:110px var(--edge) 90px}.hero h1{font-size:clamp(42px,7.5vw,70px)}.split{grid-template-columns:1fr}.split.flip .visual{order:2}.split.flip .copy{order:1}.split+.split{margin-top:90px}.visual img{height:390px}.chapter-inner{grid-template-columns:1fr;gap:18px}.chapter-index{font-size:85px}.chapter-desc{grid-column:1}.chapter{min-height:370px}.chapter-watermark{height:380px;width:380px;right:-90px}.service-grid,.contact{grid-template-columns:1fr}.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.references{grid-template-columns:repeat(2,minmax(0,1fr))}.wide-line{flex-direction:column;gap:12px}.wide-line strong{flex:auto}.contact .visual{display:none}}
  @media(max-width:490px){.header-top{padding-top:12px;padding-bottom:12px}.brand-full{width:125px}.brand-message{max-width:180px}.brand-message strong{font-size:11px}.brand-message span{font-size:9px}.hero{min-height:590px}.hero h1{font-size:clamp(37px,10vw,52px)}.hero p{font-size:17px}.hero .scroll-cue{display:none}.chapter h2{font-size:clamp(35px,10vw,47px)}.chapter-inner{padding-top:75px;padding-bottom:85px}.chapter-watermark{width:310px;height:310px;right:-160px}.section{padding-top:80px;padding-bottom:80px}.visual img{height:265px}.service-photo{height:230px}.steps{grid-template-columns:1fr}.references{grid-template-columns:1fr}.contact{padding-top:85px}.contact h2{font-size:clamp(40px,10vw,54px)}}

  /* Project references: true case study cards, retaining official logos */
  .reference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
  .reference-card{background:#f8f8f6;color:#111;border-radius:5px;overflow:hidden;min-height:420px;display:flex;flex-direction:column;transition:transform .35s ease,box-shadow .35s ease}
  .reference-card:hover{transform:translateY(-6px);box-shadow:0 28px 70px rgba(0,0,0,.26)}
  .reference-logo-box{height:146px;display:flex;align-items:center;padding:24px 38px;border-bottom:1px solid #e6e5e1;background:#fff}
  .reference-logo-box img{object-fit:contain;object-position:left center;width:auto;max-height:83px;max-width:78%;filter:none}
  .reference-card:nth-child(1) .reference-logo-box img{max-height:92px;max-width:155px}
  .reference-card:nth-child(2) .reference-logo-box img{max-width:195px}
  .reference-card:nth-child(3) .reference-logo-box img{max-width:190px}
  .reference-card:nth-child(4) .reference-logo-box img{max-width:180px}
  .reference-info{padding:34px 38px 40px;flex:1;display:flex;flex-direction:column}
  .reference-info small{font-size:11px;letter-spacing:.14em;color:#977100;font-weight:850;text-transform:uppercase}
  .reference-info h3{font-size:clamp(24px,2.12vw,33px);line-height:1.17;letter-spacing:-.045em;margin:13px 0 17px}
  .reference-info p{font-size:16px;line-height:1.57;color:#505457;margin-bottom:24px}
  .reference-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}
  .reference-tags span{font-size:11px;border:1px solid #d5d5d2;color:#505457;padding:6px 10px;border-radius:2px}
  .ref-note{margin:28px 0 0;color:#a7afb3;max-width:1050px;font-size:13px;line-height:1.5}
  /* The translucent official monogram, with warmer accent to its triangular portion */
  .chapter-watermark{opacity:.07;filter:grayscale(1);right:0}
  .chapter-watermark-accent{opacity:.18;filter:none;clip-path:polygon(50% 12%,100% 42%,100% 62%,50% 88%);mix-blend-mode:multiply}
  .chapter-watermark-accent{transform:translate3d(0,calc(-50% + var(--mark-shift,0px)),0)}
  /* Form submits in Wix itself and stays on this page */
  .contact{grid-template-columns:minmax(0,.87fr) minmax(0,1.13fr);gap:clamp(35px,5vw,90px);align-items:start}
  .contact .copy{padding-top:0}
  .contact-form-panel{background:#fff;border:1px solid #deded9;box-shadow:0 18px 70px #0000000c;border-radius:6px;padding:clamp(24px,3vw,52px);position:relative;z-index:1}
  .contact-form-panel h3{font-size:clamp(23px,2.2vw,34px);letter-spacing:-.035em;line-height:1.2;margin:0 0 5px}
  .contact-form-panel>.form-intro{font-size:14px;color:#777;margin:0 0 24px}
  .inquiry-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px;row-gap:17px}
  .inquiry-form .field{min-width:0;display:flex;flex-direction:column;gap:6px}
  .inquiry-form .field.full{grid-column:1/-1}
  .inquiry-form label{font-size:12px;line-height:1.4;font-weight:800;color:#303439}
  .inquiry-form input,.inquiry-form textarea{border:1px solid #d7d8d5;border-radius:3px;min-width:0;background:#fafafa;padding:12px 13px;color:#161616;font:inherit;font-size:14px;width:100%;outline:none;transition:border-color .15s,box-shadow .15s}
  .inquiry-form textarea{resize:vertical;min-height:120px}
  .inquiry-form input:focus,.inquiry-form textarea:focus{border-color:#b68100;box-shadow:0 0 0 3px rgba(255,185,0,.13)}
  .inquiry-form button{grid-column:1/-1;width:100%;cursor:pointer;font:inherit;justify-content:center;font-weight:850}
  .inquiry-form button:disabled{cursor:progress;opacity:.63}
  .form-info{font-size:12px;color:#666!important;line-height:1.5;margin:2px 0 0!important;grid-column:1/-1}
  .form-status{grid-column:1/-1;min-height:1.1em;color:#8a3030;font-size:13px;margin:0;line-height:1.4}
  .form-status.success{color:#16693d;font-weight:700}
  @media(max-width:880px){.contact{grid-template-columns:1fr}.reference-grid{grid-template-columns:1fr 1fr}.reference-info{padding:28px}}
  @media(max-width:650px){.reference-grid{grid-template-columns:1fr}.reference-card{min-height:0}.reference-logo-box{height:118px}.contact .copy{padding-top:0}.inquiry-form{grid-template-columns:1fr}.inquiry-form .field{grid-column:1/-1}.chapter-watermark-accent{opacity:.11}}

  @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}.title-line>span{transform:none}.chapter .chapter-index,.chapter .chapter-info .micro,.chapter .chapter-desc{opacity:1;transform:none}.chapter-rule:after{transform:scaleX(1)}.hero::before{transform:scale(1.08)}}
  
/* VERSION 4 — section choreography, authentic brand mark, benefit-led story */
:root{--brand-gold:#f9ae07;--brand-black:#121314;--card-gray:#dedfdd}
.chapter{min-height:clamp(390px,31vw,550px);background:#f5f5f3}
.chapter:nth-of-type(even){background:#f3f3f0}
.chapter-inner{padding:clamp(105px,9vw,155px) var(--edge) clamp(85px,8vw,145px);grid-template-columns:clamp(120px,13vw,225px) minmax(0,1.52fr) minmax(210px,.63fr);gap:clamp(25px,3.5vw,70px);align-items:center;min-height:inherit}
.chapter-index{position:absolute;z-index:-1;left:clamp(5px,2.5vw,46px);top:clamp(20px,2.6vw,55px);font-size:clamp(160px,18.5vw,340px);font-weight:900;letter-spacing:-.12em;color:#b3b6af;opacity:0;line-height:.79;user-select:none;pointer-events:none}
.chapter-index:after{display:none}
.chapter.visible .chapter-index{opacity:.22;transform:none}
.chapter-info{grid-column:2;position:relative;z-index:2}
.chapter h2{font-size:clamp(38px,4.45vw,78px);line-height:1.005;letter-spacing:-.062em;max-width:1100px}
.title-line{padding:.08em 0;margin:-.08em 0}
.title-line>span{transition-duration:1.04s;transition-timing-function:cubic-bezier(.16,1,.25,1)}
.title-line:nth-child(1)>span{transition-delay:.22s}.title-line:nth-child(2)>span{transition-delay:.42s}.title-line:nth-child(3)>span{transition-delay:.57s}
.chapter .chapter-info .micro{transition-delay:.12s}
.chapter-benefit{grid-column:3;position:relative;z-index:3;align-self:center;padding:0 0 0 23px;border-left:3px solid var(--brand-gold);opacity:0;transform:translateY(33px);transition:opacity .76s .98s,transform .83s cubic-bezier(.2,.7,.2,1) .98s}
.chapter.visible .chapter-benefit{opacity:1;transform:translateY(0)}
.benefit-kicker{font-size:10px;line-height:1.4;letter-spacing:.17em;font-weight:900;color:#a27700;display:block;margin-bottom:15px}
.chapter .benefit-lead{font-weight:850;color:#181a1c;font-size:clamp(21px,1.8vw,30px);line-height:1.19;letter-spacing:-.045em;margin:0 0 13px}
.benefit-point{color:var(--brand-gold)}
.chapter .benefit-detail{font-size:clamp(13px,1.02vw,16px);line-height:1.5;color:#5a5c5a;margin:0;max-width:310px}
.chapter-watermark{right:-7%;width:clamp(280px,36vw,650px);height:clamp(280px,36vw,650px);opacity:.09;filter:none;mix-blend-mode:multiply;transform:translate3d(0,calc(-50% + var(--mark-shift,0px)),0) rotate(-6deg) scale(.97);transition:opacity 1.4s ease,transform 1.6s cubic-bezier(.2,.7,.2,1);will-change:transform;pointer-events:none;z-index:1}
.chapter.visible .chapter-watermark{opacity:.11;transform:translate3d(0,calc(-50% + var(--mark-shift,0px)),0) rotate(0deg) scale(1)}
.chapter .chapter-rule:after{background:var(--brand-gold);transition-delay:1.25s;transition-duration:1.2s}
.chapter .chapter-index{transition:opacity 1.2s .05s,transform 1.1s .05s;transform:translate(-18px,10px)}
.split h2,.split h3{line-height:1.025}
.service h3,.step h3,.case-list h3{line-height:1.1}
.section-signature{position:relative;display:grid;grid-template-columns:minmax(160px,250px) minmax(0,1fr);align-items:center;gap:clamp(18px,2.4vw,32px);margin-top:clamp(27px,3vw,43px);padding:14px clamp(16px,2vw,25px);background:#23272a;border:1px solid #34393c;border-left:4px solid var(--brand-gold);border-radius:3px;box-shadow:0 8px 25px rgba(0,0,0,.08);overflow:hidden}
.signature-eyebrow{color:#ffc11e;font-size:10px;letter-spacing:.16em;font-weight:900;line-height:1.3;padding-top:0;display:block}
.signature-main{max-width:760px}
.signature-main strong{font-size:clamp(24px,2.05vw,34px);line-height:1.08;letter-spacing:-.045em;display:block;max-width:760px;margin:0}
.signature-main p{color:#cbd0d2;font-size:clamp(13px,1.05vw,16px);line-height:1.35;margin:4px 0 0;max-width:850px}
.signature-sweep{position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#ffd04d 0%, #f5b400 100%);transform:scaleY(0);transform-origin:top;transition:transform .85s cubic-bezier(.19,.75,.2,1) .18s}
.section-signature.visible .signature-sweep{transform:scaleY(1)}
/* Benefit blocks close each section instead of leaving a large empty band below them. */
#expertises > .section, #cas > .section, #methode > .section, #references > .section{padding-bottom:clamp(28px,3vw,48px)}
/* Construct each section in sequence: imagery, typographic content, then end signature. */
.reveal.visible{transition-duration:1.05s}
.service.reveal .service-body>*{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .8s cubic-bezier(.16,1,.3,1)}
.service.reveal.visible .service-body>*{opacity:1;transform:none}
.service.reveal.visible .service-body small{transition-delay:.23s}.service.reveal.visible .service-body h3{transition-delay:.32s}.service.reveal.visible .service-body p{transition-delay:.48s}.service.reveal.visible .service-body .service-meta{transition-delay:.63s}
.case-list.reveal article{opacity:0;transform:translateX(-18px);transition:opacity .72s ease,transform .9s cubic-bezier(.2,.7,.2,1)}
.case-list.reveal.visible article{opacity:1;transform:none}.case-list.reveal.visible article:nth-child(2){transition-delay:.18s}.case-list.reveal.visible article:nth-child(3){transition-delay:.34s}
.step.reveal h3,.step.reveal p{opacity:0;transform:translateY(13px);transition:opacity .6s,transform .7s}
.step.reveal.visible h3,.step.reveal.visible p{opacity:1;transform:none}.step.reveal.visible h3{transition-delay:.2s}.step.reveal.visible p{transition-delay:.39s}
.wide-line{margin-top:70px;gap:clamp(24px,3.5vw,80px)}
.wide-line strong{flex-basis:290px;line-height:1.2}
/* References: two compact grey cards visible at once on desktop, one on mobile */
.reference-carousel{width:100%}
.reference-carousel-top{display:flex;justify-content:space-between;align-items:end;gap:25px;margin:0 0 27px}
.reference-carousel-top p{font-size:17px;line-height:1.45;color:#fff;margin:0}.reference-carousel-top p span{font-size:14px;color:#aeb2b4}
.reference-controls{display:flex;gap:8px;align-items:center;flex:none}
#referenceCount{font-size:12px;letter-spacing:.13em;font-weight:800;color:#e7e7e4;min-width:105px}
.carousel-button{height:46px;width:46px;border-radius:50%;border:1px solid #747779;background:#212324;color:#fff;cursor:pointer;font-size:23px;display:grid;place-items:center;transition:background .2s,color .2s,border-color .2s,transform .2s}
.carousel-button:hover:not(:disabled){background:var(--brand-gold);color:#151515;border-color:var(--brand-gold);transform:translateY(-2px)}
.carousel-button:disabled{opacity:.27;cursor:default}
.carousel-button:focus-visible{outline:3px solid var(--brand-gold);outline-offset:2px}
/* Mouse: drag the actual cards. Touchscreens retain native horizontal swipe. */
.reference-viewport{overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-inline:contain;touch-action:auto;cursor:grab}
.reference-viewport.dragging{cursor:grabbing;scroll-behavior:auto;scroll-snap-type:none;user-select:none;-webkit-user-select:none}
.reference-viewport img{-webkit-user-drag:none;user-select:none}
@media(min-width:701px){.reference-card:nth-child(even){scroll-snap-align:none}}
@media(max-width:700px){.reference-card{scroll-snap-align:start}}
.reference-viewport::-webkit-scrollbar{display:none}
.reference-viewport:focus-visible{outline:2px solid var(--brand-gold);outline-offset:5px}
.reference-track{display:flex;gap:22px;align-items:stretch;width:100%}
.reference-card{flex:0 0 calc((100% - 22px)/2);scroll-snap-align:start;min-width:0;min-height:0;background:#e3e4e1;color:#151617;border-radius:3px;box-shadow:none;border:1px solid #d0d1cb;transition:transform .3s,box-shadow .3s}
.reference-card:hover{box-shadow:0 16px 36px #0003;transform:translateY(-3px)}
.reference-logo-box{height:108px;background:#e6e7e4;justify-content:flex-start;padding:18px 27px;border-bottom:3px solid var(--brand-gold)}
.reference-logo-box img{max-height:64px;max-width:210px;width:auto;object-fit:contain;mix-blend-mode:multiply}
.reference-card:nth-child(1) .reference-logo-box img{max-height:73px;max-width:140px}.reference-card:nth-child(2) .reference-logo-box img{max-width:180px}.reference-card:nth-child(3) .reference-logo-box img{max-width:180px}.reference-card:nth-child(4) .reference-logo-box img{max-width:160px}
.reference-info{padding:22px 27px 27px;gap:0}
.reference-info small{color:#946900;font-size:10px}
.reference-info h3{font-size:clamp(21px,1.7vw,29px);line-height:1.11;margin:10px 0 13px}
.reference-info p{color:#454a4c;font-size:14px;line-height:1.5;margin-bottom:20px}
.reference-tags{gap:6px}.reference-tags span{border:1px solid #c1c4be;padding:5px 7px;font-size:10px;color:#3a3c3c}
.reference-hint{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#a9adad;letter-spacing:.025em;margin:20px 0 0}
.ref-note{margin:24px 0 0;font-size:12px;color:#9da0a0}
.logo-fallback{font-size:20px;color:#237d30;white-space:nowrap;letter-spacing:-.03em}.logo-fallback em{font-style:normal;color:#e42b2b}
/* Slide & Light — a directional, replayable entrance for benefit signatures only. */
.section-signature.reveal{
  opacity:0;
  transform:translate3d(110px,0,0);
  transition:opacity .52s ease,transform .74s cubic-bezier(.18,.88,.22,1);
  will-change:opacity,transform;
}
.section-signature.reveal.visible{
  opacity:1;
  transform:translate3d(0,0,0);
}
.section-signature .signature-eyebrow,
.section-signature .signature-main strong,
.section-signature .signature-main p{
  opacity:0;
  transform:translate3d(18px,0,0);
  transition:opacity .42s ease,transform .53s cubic-bezier(.19,.8,.22,1);
}
.section-signature.visible .signature-eyebrow{
  opacity:1;transform:translate3d(0,0,0);transition-delay:.30s;
}
.section-signature.visible .signature-main strong{
  opacity:1;transform:translate3d(0,0,0);transition-delay:.43s;
}
.section-signature.visible .signature-main p{
  opacity:1;transform:translate3d(0,0,0);transition-delay:.56s;
}
.section-signature .signature-sweep{
  transition:transform .46s cubic-bezier(.22,.82,.27,1) .36s;
}
.section-signature .signature-sweep::after{
  content:"";
  position:absolute;
  width:24px;
  height:56%;
  top:-12%;
  left:-10px;
  background:linear-gradient(180deg,transparent 0%,rgba(255,212,102,.28) 25%,rgba(255,187,11,.82) 48%,rgba(255,212,102,.2) 76%,transparent 100%);
  filter:blur(7px);
  opacity:0;
  pointer-events:none;
}
.section-signature.visible .signature-sweep::after{
  animation:signature-light-pass .65s ease-out .52s both;
}
@keyframes signature-light-pass{
  0%{opacity:0;transform:translateY(-25%)}
  20%{opacity:1}
  70%{opacity:.85}
  100%{opacity:0;transform:translateY(105%)}
}
@media(max-width:700px){
  .section-signature.reveal{transform:translate3d(46px,0,0)}
}
@media(prefers-reduced-motion:reduce){
  .section-signature.reveal,.section-signature.reveal.visible{opacity:1;transform:none}
  .section-signature .signature-eyebrow,.section-signature .signature-main strong,.section-signature .signature-main p{opacity:1;transform:none}
  .section-signature.visible .signature-sweep::after{animation:none;opacity:0}
}
/* Responsive rhythm */
@media (max-width:1170px){.chapter-inner{grid-template-columns:105px minmax(0,1.5fr) minmax(180px,.7fr);gap:24px}.chapter-index{font-size:clamp(135px,18vw,250px)}.chapter-benefit{padding-left:15px}}
@media (max-width:900px){.chapter-inner{grid-template-columns:minmax(105px,.23fr) minmax(0,1fr);row-gap:23px}.chapter-info{grid-column:2}.chapter-benefit{grid-column:2;max-width:590px;margin-top:10px}.chapter-index{font-size:175px;left:10px;top:42px}.chapter-watermark{right:-20%;opacity:.07}.reference-info{padding:21px}.reference-info h3{font-size:23px}}
@media (max-width:700px){.chapter-inner{grid-template-columns:1fr;padding-top:160px;padding-bottom:78px}.chapter-index{left:var(--edge);top:28px;font-size:158px}.chapter-info{grid-column:1}.chapter-benefit{grid-column:1;margin-top:18px}.chapter h2{font-size:clamp(37px,9vw,58px);line-height:1.015}.chapter-watermark{width:clamp(235px,70vw,450px);height:clamp(235px,70vw,450px);right:-20%;top:45%;opacity:.065}.chapter .benefit-lead{font-size:23px}.chapter .benefit-detail{font-size:14px}.reference-card{flex-basis:88%;max-width:88%}.reference-carousel-top{align-items:start}.reference-carousel-top p{font-size:14px}.reference-carousel-top p span{display:none}#referenceCount{min-width:75px;font-size:10px}.carousel-button{width:39px;height:39px}.section-signature{grid-template-columns:1fr;gap:6px;padding:13px 14px}.signature-main strong{font-size:26px}.signature-main p{font-size:13px}}
@media(max-width:480px){.chapter-inner{padding-top:133px}.chapter-index{top:22px;font-size:130px}.reference-card{flex-basis:92%;max-width:92%}.reference-info h3{font-size:23px}.reference-controls{gap:5px}.reference-carousel-top{gap:8px}.reference-logo-box{height:95px}}
@media(prefers-reduced-motion:reduce){.chapter .chapter-benefit{opacity:1;transform:none}.chapter-watermark{opacity:.1;transform:translateY(-50%)}.service.reveal .service-body>*,.case-list.reveal article,.step.reveal h3,.step.reveal p{opacity:1;transform:none}.signature-sweep{transform:scaleY(1)}.reference-viewport{scroll-behavior:auto}}

/* Contact — portrait officiel, image non retouchée et cadrage intégral */
.contact .contact-portrait{margin:clamp(20px,2.2vw,34px) 0 0;display:flex;gap:clamp(14px,1.6vw,24px);align-items:flex-end;max-width:510px}
.contact .contact-portrait img{display:block;width:clamp(190px,20vw,300px);max-width:66%;height:auto;aspect-ratio:1/1;object-fit:contain;border-radius:4px;flex:0 0 auto;box-shadow:0 15px 40px rgba(0,0,0,.10)}
.contact .contact-portrait figcaption{display:flex;flex-direction:column;gap:5px;padding:0 0 8px 15px;border-left:3px solid var(--brand-gold);font-size:13px;color:#646665;letter-spacing:.015em;line-height:1.4}
.contact .contact-portrait figcaption strong{font-size:16px;font-weight:800;color:#151515;letter-spacing:-.02em}
.contact .copy.visible .contact-portrait{animation:contactPortraitIn .9s cubic-bezier(.2,.7,.2,1) both .3s}
@keyframes contactPortraitIn{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:880px){.contact .contact-portrait{max-width:480px;margin-bottom:10px}.contact .contact-portrait img{width:clamp(180px,33vw,255px)}}
@media(max-width:490px){.contact .contact-portrait{gap:12px}.contact .contact-portrait img{width:min(56%,230px);max-width:56%}.contact .contact-portrait figcaption{padding-left:10px;font-size:11px}.contact .contact-portrait figcaption strong{font-size:14px}}
@media(prefers-reduced-motion:reduce){.contact .copy.visible .contact-portrait{animation:none}}
.anti-bot-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}

/* OVH mobile QA: prevent the animation's off-screen starting frame from
   expanding the document width in Chrome device simulation. clip does not
   create a scroll container and keeps scroll-driven reveals operational. */
#expertises > .section, #cas > .section,
#methode > .section, #references > .section {
  overflow-x: clip;
}

/* At narrow widths the desktop's 290px basis was overriding the
   earlier column layout, leaving a huge gap before its paragraph. */
@media screen and (max-width: 780px) {
  .wide-line strong {flex: 0 0 auto;}

  /* iOS Safari / Chrome Android: avoid transforming a fixed ancestor.
     Instead collapse only its brand row; navigation stays at visual viewport top. */
  .site-header {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    z-index: 500;
    transform: none;
    transition: box-shadow .25s ease;
  }
  .site-header .header-top {
    max-height: 220px;
    opacity: 1;
    overflow: hidden;
    transition: max-height .34s cubic-bezier(.2,.8,.2,1),
                min-height .34s cubic-bezier(.2,.8,.2,1),
                padding .34s cubic-bezier(.2,.8,.2,1),opacity .21s ease;
  }
  /* When scrolling, leave ONLY the navigation fixed at the top. */
  .site-header.mobile-nav-only .header-top {
    max-height: 0;
    min-height: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
    padding-top: 0;
    padding-bottom: 0;
    pointer-events: none;
  }
  .site-header.mobile-nav-only {transform:none;}
  .site-header.compact .header-top{min-height:80px;padding:16px var(--edge)}
  .site-header.compact .brand-full{width:160px;max-height:64px}
  .site-header.compact .header-nav{min-height:50px}
  html{scroll-padding-top:60px}
  body {padding-top: var(--mobile-header-space, 136px);}
  .header-nav {max-width: 100%;overflow-x: auto;overscroll-behavior-x: contain;}
  .header-nav nav {width: max-content;flex: 0 0 auto;}
}

/* Portrait version validée : PNG détouré de l’utilisateur, fond noir pur,
   aucune modification des pixels, aucun recadrage. */
.contact .contact-portrait img {
  background-color: #08090a;
  object-fit: contain;
  object-position: center;
  border-radius: 0;
  box-shadow: none;
}


:root{--edge:clamp(20px,6vw,105px)}
/* No body scrolling container: match the approved Studio architecture. */
html{overflow-x:clip}
body{overflow-x:clip}
.sector-badge{display:inline-flex;align-items:center;gap:9px;font-size:10px;font-weight:900;letter-spacing:.17em;text-transform:uppercase;color:#6d5310;white-space:nowrap}
.sector-badge:before{content:'';width:23px;height:3px;background:var(--yellow)}
.sector-badge.dark{color:#ffd14d}.site-header .brand-message{max-width:520px}.brand-message em{font-style:normal;color:#805c00}
.hero{min-height:min(790px,90vh)}.hero::before{background-image:linear-gradient(90deg,rgba(10,12,15,.96) 0%,rgba(10,12,15,.89) 33%,rgba(10,12,15,.61) 63%,rgba(10,12,15,.15) 100%),url('https://images.unsplash.com/photo-1756674105261-673149ea8bb4?auto=format&fit=crop&w=2000&q=80');background-position:center;filter:saturate(.86)}
.hero-inner{max-width:1400px}.hero h1{font-size:clamp(48px,5.85vw,94px);max-width:1300px}.hero h1 em{color:#ffbf20}.hero p{max-width:690px}.hero-ctas{display:flex;gap:13px;flex-wrap:wrap}.ghost-link{display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;border:1px solid #ffffff8a;color:white;text-decoration:none;font-weight:800;font-size:14px;border-radius:5px;transition:.25s}.ghost-link:hover{background:#fff;color:#111}
.eyebrow-note{display:inline-flex;align-items:center;gap:14px;padding:8px 13px;background:#ffffff1c;border:1px solid #ffffff25;border-radius:3px;font-size:12px;font-weight:800;color:#e5e5e5;margin-top:33px}.eyebrow-note:before{content:'';width:7px;height:7px;border-radius:50%;background:#ffbf20}
.intro-section{padding-top:90px;padding-bottom:80px}.int-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:clamp(40px,5vw,95px);align-items:center}.int-grid h2{font-size:clamp(35px,4vw,64px);letter-spacing:-.055em;line-height:1.1;margin:12px 0 26px}.int-grid p{font-size:19px;color:#c9c9c9;line-height:1.65}.portrait-shape{height:440px;border-radius:4px;background:#27292b;position:relative;overflow:hidden}.portrait-shape img{width:100%;height:100%;object-fit:cover;filter:saturate(.7)}.portrait-shape:after{content:'VOTRE MÉTIER D’ABORD';position:absolute;bottom:30px;right:30px;left:30px;font-size:clamp(26px,3vw,50px);font-weight:900;letter-spacing:-.05em;color:#fff;text-shadow:0 3px 20px #0009}
.constraint-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding-top:58px}.constraint{padding:33px 31px;background:#212427;border-top:3px solid #ffba15}.constraint b{color:#ffc32a;letter-spacing:.11em;font-size:11px;text-transform:uppercase}.constraint h3{font-size:clamp(21px,2vw,29px);letter-spacing:-.035em;line-height:1.13;margin:16px 0 12px}.constraint p{font-size:16px;line-height:1.6;color:#bdc0c0;margin:0}.constraint a{font-size:12px;color:#ffcf51;display:inline-block;margin-top:16px}
.editorial-claim{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;border-top:1px solid #ffffff30;padding-top:80px;margin-top:80px}.editorial-claim strong{font-size:clamp(29px,3.2vw,50px);line-height:1.1;letter-spacing:-.045em}.editorial-claim p{font-size:19px;color:#cbcbcb;line-height:1.6}
.problems{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:62px}.problem{padding:30px 32px;border:1px solid #ffffff1f;background:#1a1c1f}.problem small{letter-spacing:.15em;font-weight:900;color:#ffc13d}.problem h3{font-size:25px;line-height:1.15;margin:13px 0}.problem p{font-size:16px;color:#c1c4c5;margin:0;line-height:1.55}.problem.wide{grid-column:span 2;background:linear-gradient(100deg,#22252a,#101214)}
.solutions{padding-top:100px}.solution-row{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;align-items:center;padding:60px 0;border-bottom:1px solid #ffffff25}.solution-row:nth-of-type(even){grid-template-columns:1.2fr .8fr}.solution-row:nth-of-type(even) .solution-art{order:-1}.solution-copy small{color:#ffc32a;letter-spacing:.15em;font-size:12px;font-weight:900}.solution-copy h3{font-size:clamp(31px,3.7vw,58px);line-height:1.08;letter-spacing:-.05em;margin:17px 0}.solution-copy p{font-size:19px;color:#bfc2c4;line-height:1.63}.solution-copy ul{padding-left:19px;list-style:none;margin:26px 0}.solution-copy li{padding-left:9px;margin:12px 0;color:#e1e2e2}.solution-copy li:before{content:'↗';color:#ffc32a;padding-right:11px}
.solution-art{min-height:350px;border-radius:4px;position:relative;overflow:hidden;background:#27292b}.art-street{background-image:url('/immobilier/assets/img/visuel_quartier_montpellier_VALIDE.webp');background-size:cover;background-position:center center;background-color:#17191c}.art-street:after{content:none;display:none}.art-privacy{background-image:linear-gradient(180deg,#10121412,#1012149a),url('/immobilier/assets/img/terrasse-herault.webp');background-size:cover;background-position:center}.privacy-overlay{position:absolute;bottom:25px;left:30px;right:30px;background:#101214de;padding:20px 24px;border-left:4px solid var(--yellow);max-width:380px}.privacy-overlay b{display:block;font-size:25px;letter-spacing:-.045em}.privacy-overlay span{font-size:13px;color:#d4d4d4}.art-editorial{background:#e8e8e5;color:#141414;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:22px;gap:16px}.mock-phone{background:#fff;border-radius:18px;border:6px solid #16181b;padding:11px;width:160px;height:292px;box-shadow:12px 20px 24px #0002;justify-self:center;transform:rotate(-7deg)}.phone-top{height:12px;width:45px;border-radius:20px;background:#191919;margin:auto auto 18px}.phone-visual{height:112px;background:linear-gradient(125deg,#fdbd13,#d3d8d1);display:grid;place-items:center;font-size:33px;font-weight:900}.phone-line{height:6px;background:#d7d7d7;margin:12px 0;width:80%}.phone-line:last-child{width:50%}.brand-editorial h4{font-size:clamp(24px,2.4vw,39px);line-height:1.02;letter-spacing:-.07em;margin:6px 0 15px}.brand-editorial .small-cap{font-size:10px;font-weight:900;letter-spacing:.2em;color:#845f00}.brand-editorial p{color:#444;font-size:14px}
.topic-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:32px}.topic-head h3{font-size:clamp(31px,3.5vw,55px);line-height:1.08;letter-spacing:-.055em;margin:0;max-width:760px}.topic-head p{font-size:17px;max-width:330px;color:#c0c0be;margin:0}.topic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.topic{padding:25px 23px;background:#23262a;min-height:198px;display:flex;flex-direction:column;justify-content:space-between;border-top:2px solid #ffb900}.topic small{font-weight:900;font-size:10px;letter-spacing:.17em;color:#ffc12b}.topic h4{font-size:19px;letter-spacing:-.03em;line-height:1.22;margin:15px 0 0}.topic .type{font-size:11px;letter-spacing:.1em;color:#d0d0d0;margin-top:24px}
/* Correctif lisibilité titres sur fonds sombres */
.topic-head h3,.package-intro h3,.editorial-claim strong,.process h3,.constraint h3,.problem h3,.solution-copy h3,.promise-bar b,.addon h4{color:#fff !important;}
.topic-head h3 .accent-phrase,.package-intro h3 .accent-phrase,.editorial-claim .accent-phrase,.final-cta .accent-phrase,.promise-bar .accent-phrase,.solution-copy .accent-phrase{color:#ffc22a !important;}
.topic-head,.package-intro,.editorial-claim,.process,.addon,.promise-bar{isolation:isolate;}
#options .topic-head h3{color:#fff !important;text-shadow:0 0 1px rgba(255,255,255,.02);}
.package-wrap{padding:95px var(--edge);background:#101214}.package-intro{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:end;margin-bottom:45px}.package-intro h3{font-size:clamp(39px,4.6vw,74px);line-height:1.03;letter-spacing:-.06em;margin:15px 0 0}.package-intro p{color:#c9c9c9;font-size:18px;line-height:1.6;margin:0}.packs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.pack{background:#f0f0ee;color:#181818;border-radius:4px;padding:34px 30px;display:flex;flex-direction:column;min-height:670px;position:relative;transition:transform .3s,box-shadow .3s}.pack:hover{transform:translateY(-7px);box-shadow:0 20px 40px #0004}.pack.featured{background:#fff;outline:3px solid var(--yellow);transform:translateY(-9px)}.pack.featured:hover{transform:translateY(-15px)}.pack-label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-weight:900;letter-spacing:.11em;text-transform:uppercase;font-size:12px}.pack .tag{font-size:10px;font-weight:900;background:var(--yellow);padding:6px 8px;letter-spacing:.05em}.pack-title{font-size:31px;letter-spacing:-.06em;line-height:1.1;margin:22px 0 11px}.pack-intent{font-size:15px;color:#666;margin:0 0 26px;min-height:62px}.pack-price{font-size:clamp(39px,4vw,62px);letter-spacing:-.085em;font-weight:900;line-height:1}.pack-price small{font-size:14px;letter-spacing:0;font-weight:700;color:#5b5d5c}.pack-price .euro{font-size:34px}.pack-setup{font-size:12px;margin:10px 0 27px;color:#6a6c6d}.pack-items{border-top:1px solid #d1d1cd;list-style:none;padding:17px 0 0;margin:0 0 35px}.pack-items li{position:relative;padding:10px 0 10px 22px;border-bottom:1px solid #e1e1dd;font-size:14px;line-height:1.48}.pack-items li:before{content:'✓';position:absolute;left:0;color:#bc8300;font-weight:900}.pack-items strong{display:block}.pack-cta{display:block;background:#1c1d20;color:#fff;text-align:center;text-decoration:none;font-weight:850;font-size:14px;border-radius:3px;padding:16px;margin-top:auto;transition:.3s}.pack.featured .pack-cta{background:#ffbd14;color:#151515}.pack-cta:hover{filter:brightness(1.15)}.pack-foot{font-size:14px;line-height:1.7;color:#ccc;margin-top:27px;max-width:1230px}.pack-foot b{color:#ffc12a}
.addons{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:35px}.addon{border:1px solid #ffffff31;padding:25px;background:#1f2124;min-height:220px}.addon small{color:#ffbf21;font-size:11px;letter-spacing:.14em;font-weight:900}.addon h4{font-size:23px;letter-spacing:-.04em;margin:15px 0 7px}.addon p{font-size:15px;color:#c5c5c5;line-height:1.6}.addon strong{font-size:18px;color:#fff}
.process-wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:60px 0}.process{border-top:3px solid var(--yellow);padding-top:19px}.process span{font-size:13px;color:#ffc62b;letter-spacing:.16em;font-weight:900}.process h3{font-size:24px;letter-spacing:-.04em;margin:17px 0}.process p{font-size:16px;color:#c4c6c6;line-height:1.6}.system-map{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;margin:45px 0 0}.system-map span{font-size:12px;background:#23262a;padding:16px 8px;text-align:center;font-weight:800;color:#fff;border-bottom:2px solid #ffb900}.system-map span:nth-child(even){background:#2a2c2f}
.promise-bar{background:#282b2d;display:grid;grid-template-columns:1fr 2fr;gap:30px;padding:25px 31px;border-left:7px solid var(--yellow);margin-top:60px;align-items:center}.promise-bar span{font-size:11px;letter-spacing:.18em;color:#ffc42d;font-weight:900}.promise-bar b{font-size:27px;letter-spacing:-.045em;line-height:1.1}.promise-bar p{font-size:15px;color:#d5d5d5;margin:8px 0 0}
.faq-wrap{background:#f5f5f2;color:#151515;padding:100px var(--edge)}.faq-wrap h2{font-size:clamp(36px,4.3vw,68px);line-height:1.05;letter-spacing:-.055em;max-width:1000px;margin:14px 0 50px}.faq-items{display:grid;grid-template-columns:1fr 1fr;gap:10px 28px}.faq-items details{border-top:1px solid #c7c7c3;padding:15px 0}.faq-items summary{font-size:20px;font-weight:800;letter-spacing:-.025em;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq-items summary:after{content:'+';color:#c58a00}.faq-items details[open] summary:after{content:'−'}.faq-items p{font-size:16px;color:#555;line-height:1.58;padding-right:24px;margin:16px 0 0}
.final-cta{background:#fff;color:#141414;padding:clamp(90px,8vw,140px) var(--edge);display:grid;grid-template-columns:1.3fr .7fr;gap:55px;align-items:center}.final-cta h2{font-size:clamp(43px,5.5vw,88px);line-height:1.06;letter-spacing:-.06em;margin:15px 0 24px}.final-cta p{font-size:19px;color:#595959;max-width:680px}.final-contact{border:1px solid #d9d9d5;padding:30px;background:#f5f5f3}.final-contact .muted{font-size:14px;color:#646464}.final-contact .button{width:100%;margin-top:18px}.founder{display:flex;align-items:center;gap:20px;margin-top:26px}.founder img{height:120px;width:120px;object-fit:cover;background:#101214;border-radius:4px}.founder strong{display:block;font-size:16px}.founder span{font-size:13px;color:#646464}.data-fineprint{font-size:12px!important;color:#777!important;line-height:1.55!important}
footer .footer-notes{max-width:780px;font-size:11px;color:#a9a9a9;line-height:1.55}footer{align-items:flex-start}.foot-legal{display:flex;flex-wrap:wrap;gap:13px;margin-top:12px}.foot-legal a{color:#e0cfad}
@media(max-width:1040px){.constraint-grid,.packs,.addons{grid-template-columns:1fr 1fr}.packs>.pack:last-child,.addons>.addon:last-child{grid-column:span 2}.topic-grid{grid-template-columns:1fr 1fr}.system-map{grid-template-columns:repeat(4,1fr)}.package-intro,.solution-row,.solution-row:nth-of-type(even),.int-grid{grid-template-columns:1fr}.solution-row:nth-of-type(even) .solution-art{order:0}.solution-art{min-height:380px}.editorial-claim{gap:20px}}
@media(max-width:780px){.hero{min-height:680px}.hero h1{font-size:clamp(43px,10vw,70px)}.hero-inner{padding-top:95px;padding-bottom:110px}.hero::before{background-position:63% center}.hero .scroll-cue{display:none}.brand-message strong{font-size:11px}.brand-message span{display:none}.sector-badge{font-size:9px}.constraint-grid,.packs,.addons,.faq-items,.final-cta,.editorial-claim,.problems{grid-template-columns:1fr}.packs>.pack:last-child,.addons>.addon:last-child,.problem.wide{grid-column:span 1}.pack.featured{transform:none}.pack.featured:hover{transform:translateY(-7px)}.pack{min-height:0}.topic-head{display:block}.topic-head p{margin-top:15px}.topic-grid{grid-template-columns:1fr 1fr}.solution-row{gap:30px}.solution-copy h3{font-size:36px}.solution-art{min-height:300px}.process-wrap{grid-template-columns:1fr 1fr}.system-map{grid-template-columns:repeat(2,1fr)}.promise-bar{grid-template-columns:1fr;gap:10px}.chapter-inner{padding-top:65px;padding-bottom:70px}.final-cta{gap:30px}.portrait-shape{height:320px}.section{padding-top:70px;padding-bottom:70px}}
@media(max-width:480px){.topic-grid,.process-wrap{grid-template-columns:1fr}.topic{min-height:150px}.topic h4{font-size:20px}.hero h1{font-size:41px}.hero-ctas{display:grid}.hero .button,.hero .ghost-link{width:100%}.constraint{padding:25px}.final-contact{padding:24px}.addon{min-height:0}}