/* Gold Box 3.4: experiência imersiva, editorial e responsiva */
:root { --champagne:#eee7da; --champagne-deep:#ded2c0; --ink:#0a0908; --premium-ease:cubic-bezier(.16,1,.3,1); }
.scroll-progress { position:fixed; inset:0 auto auto 0; z-index:10000; width:100%; height:3px; background:linear-gradient(90deg,#8c6028,#f2d58f,#b77b2d); box-shadow:0 0 20px rgba(226,181,91,.42); transform:scaleX(0); transform-origin:left; pointer-events:none; }
.section-bridge { position:relative; z-index:2; height:clamp(70px,8vw,130px); margin-block:-1px; pointer-events:none; }
.bridge-dark-champagne { background:linear-gradient(180deg,#100d0a 0%,#2a2117 17%,#7b6d59 49%,#d7cdbc 78%,#f3eee6 100%); }
.bridge-champagne-dark { background:linear-gradient(180deg,#eee7da 0%,#c9baa3 28%,#5d4a32 63%,#17110c 86%,#0a0908 100%); }
.bridge-dark-champagne.bridge-soft { background:linear-gradient(180deg,#0a0908 0%,#2b241d 22%,#8c7c65 55%,#ddd3c3 82%,#f2ede5 100%); }
.bridge-champagne-light { height:clamp(48px,6vw,90px); background:linear-gradient(180deg,#eee7da 0%,#f3eee6 100%); }
.champagne-block { position:relative; isolation:isolate; overflow:hidden; color:#18120d; }
.champagne-block::after { position:absolute; inset:0; z-index:-1; opacity:.16; background-image:linear-gradient(rgba(43,31,18,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(43,31,18,.09) 1px,transparent 1px); background-size:72px 72px; mask-image:radial-gradient(circle at center,#000 0%,transparent 76%); content:""; }
.hero { min-height:max(820px,100svh); padding-top:142px; }
.hero::before { background:radial-gradient(circle at 76% 28%,rgba(193,140,46,.25),transparent 28%),radial-gradient(circle at 92% 64%,rgba(104,70,30,.18),transparent 33%),radial-gradient(circle at 18% 86%,rgba(183,138,61,.1),transparent 30%),linear-gradient(180deg,#070707 0%,#0b0907 67%,#18120d 100%); }
.hero-grid { grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr); gap:clamp(38px,5vw,76px); }
.hero-copy { position:relative; z-index:8; }
.hero-copy::before { position:absolute; top:-42px; left:-70px; z-index:-1; width:260px; height:260px; border:1px solid rgba(218,175,89,.1); border-radius:50%; box-shadow:0 0 0 48px rgba(218,175,89,.018); content:""; }
.hero h1 { font-size:clamp(3.35rem,5.9vw,5.75rem); }
.hero-command { min-height:690px; perspective:1500px; }
.hero-command::before { inset:25px -8px 30px 12px; border-radius:44% 56% 50% 50%; }
.command-board { inset:68px 50px 70px 38px; box-shadow:0 56px 130px rgba(0,0,0,.62),0 0 0 1px rgba(255,255,255,.045) inset; }
.hero-scene { position:absolute; inset:0; z-index:7; pointer-events:none; transform:translate3d(var(--scene-x,0),var(--scene-y,0),0); transition:transform 800ms var(--premium-ease); }
.hero-scene [data-depth],.expert-portrait-stage [data-depth],.ecosystem-stage [data-depth] { translate:0 var(--parallax-y,0px); will-change:translate; }
.hero-browser-float { position:absolute; top:54px; right:-72px; width:202px; overflow:hidden; border:1px solid rgba(239,207,137,.38); border-radius:18px; background:#0b0b0b; box-shadow:0 28px 70px rgba(0,0,0,.62); transform:rotate(7deg); transition:transform 600ms var(--premium-ease); }
.float-window-bar { display:flex; align-items:center; gap:5px; height:27px; padding:0 9px; background:#171411; }
.float-window-bar i { width:5px; height:5px; border-radius:50%; background:#8f7651; }
.float-window-bar span { margin-left:auto; color:#756c60; font-size:.38rem; font-weight:800; letter-spacing:.08em; }
.hero-browser-float img { display:block; width:100%; height:236px; object-fit:cover; object-position:50% 38%; opacity:.88; }
.hero-phone-float { position:absolute; bottom:38px; left:-35px; width:126px; height:246px; overflow:hidden; padding:9px 8px 28px; border:1px solid rgba(238,207,140,.42); border-radius:26px; background:#070707; box-shadow:0 30px 70px rgba(0,0,0,.65); transform:rotate(-7deg); transition:transform 600ms var(--premium-ease); }
.hero-phone-speaker { width:29px; height:4px; margin:1px auto 7px; border-radius:20px; background:#3c3934; }
.hero-phone-float img { width:100%; height:190px; border-radius:17px; object-fit:cover; object-position:center; }
.hero-phone-float>span { position:absolute; right:0; bottom:9px; left:0; color:#c8a45d; font-size:.37rem; font-weight:800; letter-spacing:.14em; text-align:center; }
.hero-code-card { position:absolute; right:-52px; bottom:78px; min-width:138px; padding:14px 15px; border:1px solid rgba(224,189,118,.28); border-radius:14px; background:rgba(9,8,7,.86); box-shadow:0 22px 55px rgba(0,0,0,.44); backdrop-filter:blur(14px); }
.hero-code-card span,.hero-code-card strong { display:block; font-size:.43rem; letter-spacing:.14em; }
.hero-code-card span { margin-bottom:5px; color:#776e64; }
.hero-code-card strong { color:#d8bd7b; }
.hero-code-card i { position:absolute; top:14px; right:13px; width:6px; height:6px; border-radius:50%; background:#55d4a4; box-shadow:0 0 12px #55d4a4; }
.hero-command:hover .hero-browser-float { transform:translateY(-8px) rotate(4deg); }
.hero-command:hover .hero-phone-float { transform:translateY(-10px) rotate(-4deg); }
.proof-bar { position:relative; z-index:9; backdrop-filter:blur(8px); }
.expert-grid { grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr); gap:clamp(58px,7vw,104px); }
.expert-portrait-stage { position:relative; min-height:700px; margin:0; isolation:isolate; }
.expert-portrait-stage::before { position:absolute; inset:36px 22px 30px; z-index:-2; border:1px solid rgba(162,116,49,.34); border-radius:48px; background:radial-gradient(circle at 66% 22%,rgba(204,155,63,.2),transparent 29%),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),#080807; background-size:auto,46px 46px,46px 46px,auto; box-shadow:0 48px 110px rgba(61,43,21,.28); content:""; }
.expert-portrait-stage::after { position:absolute; inset:9px -10px 0 52px; z-index:-3; border:1px solid rgba(128,89,34,.16); border-radius:52px; content:""; transform:rotate(2deg); }
.portrait-halo { position:absolute; top:8px; left:0; width:430px; height:430px; border:1px solid rgba(192,143,57,.22); border-radius:50%; box-shadow:0 0 0 60px rgba(183,138,61,.035),0 0 0 120px rgba(183,138,61,.018); }
.portrait-frame { position:absolute; inset:58px 45px 40px; overflow:hidden; border:1px solid rgba(235,201,133,.25); border-radius:38px; background:#0a0908; box-shadow:inset 0 -110px 90px rgba(0,0,0,.38); }
.portrait-frame::after { position:absolute; inset:0; background:linear-gradient(180deg,transparent 45%,rgba(4,4,3,.2) 65%,rgba(4,4,3,.88) 100%); content:""; }
.portrait-frame img { width:100%; height:100%; object-fit:cover; object-position:center 23%; filter:saturate(.86) contrast(1.05); transition:transform 1.1s var(--premium-ease),filter .8s ease; }
.expert-portrait-stage:hover .portrait-frame img { transform:scale(1.035); filter:saturate(1) contrast(1.04); }
.portrait-identity { position:absolute; right:78px; bottom:78px; left:78px; z-index:4; display:flex; align-items:flex-start; flex-direction:column; color:#f5eee2; }
.portrait-identity small { margin-bottom:10px; color:#d8b76d; font-size:.51rem; font-weight:800; letter-spacing:.18em; }
.portrait-identity strong { font-size:clamp(2.4rem,4vw,4.25rem); letter-spacing:-.07em; line-height:.78; }
.portrait-identity span { margin-top:15px; color:#9d9489; font-size:.48rem; font-weight:800; letter-spacing:.16em; }
.founder-float-card { position:absolute; z-index:5; display:grid; grid-template-columns:auto 1fr; column-gap:10px; min-width:174px; padding:14px 16px; border:1px solid rgba(158,112,46,.28); border-radius:17px; background:rgba(245,240,231,.9); box-shadow:0 22px 55px rgba(61,43,22,.2); backdrop-filter:blur(15px); color:#17120d; }
.founder-float-card>span { grid-row:1/3; color:#a87630; font-size:1.25rem; font-weight:800; }
.founder-float-card strong { font-size:.57rem; letter-spacing:.12em; }
.founder-float-card small { color:#766c5f; font-size:.51rem; }
.founder-float-card-one { top:94px; right:-32px; }
.founder-float-card-two { bottom:154px; left:-42px; }
.portrait-monogram { position:absolute; top:18px; left:30px; z-index:4; display:grid; width:92px; height:92px; place-items:center; border:1px solid rgba(229,193,119,.5); border-radius:50%; background:#050505; box-shadow:0 17px 42px rgba(0,0,0,.38); }
.portrait-monogram img { width:84px; height:84px; border-radius:50%; }
.about-breath { padding-block:135px; }
.studio-showcase { padding:132px 0 118px; background:radial-gradient(circle at 8% 22%,rgba(186,140,66,.17),transparent 28%),radial-gradient(circle at 88% 78%,rgba(153,115,61,.13),transparent 25%),linear-gradient(135deg,#f6f2eb 0%,#e9e1d4 55%,#dcd0bf 100%); }
.champagne-glow { position:absolute; top:9%; right:-12%; z-index:-1; width:540px; height:540px; border:1px solid rgba(116,81,32,.13); border-radius:50%; box-shadow:0 0 0 74px rgba(116,81,32,.025),0 0 0 148px rgba(116,81,32,.016); }
.studio-showcase .section-heading p { color:#655c51; }
.showcase-wall { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); grid-template-rows:repeat(2,285px); gap:20px; margin-top:62px; }
.showcase-panel { position:relative; overflow:hidden; border:1px solid rgba(56,39,21,.16); border-radius:30px; background:#0b0a09; box-shadow:0 30px 75px rgba(68,46,24,.16); transform:perspective(1200px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)); transform-style:preserve-3d; transition:transform .65s var(--premium-ease),box-shadow .65s var(--premium-ease); }
.showcase-panel:hover { transform:perspective(1200px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(-8px); box-shadow:0 42px 95px rgba(68,46,24,.25); }
.showcase-panel-tall { grid-column:1/3; grid-row:1/3; }
.showcase-panel-wide { grid-column:3/5; grid-row:1; }
.showcase-panel-color { grid-column:3/5; grid-row:2; }
.showcase-media { position:absolute; inset:0; }
.showcase-media::after { position:absolute; inset:0; background:linear-gradient(180deg,transparent 40%,rgba(6,5,4,.25) 62%,rgba(6,5,4,.94) 100%); content:""; }
.showcase-media img { width:100%; height:100%; object-fit:cover; object-position:center; transition:transform 1s var(--premium-ease); }
.showcase-panel-tall .showcase-media img { object-position:center 34%; }
.showcase-panel-color .showcase-media img { object-position:center 55%; }
.showcase-panel:hover .showcase-media img { transform:scale(1.045); }
.showcase-caption { position:absolute; right:28px; bottom:26px; left:28px; z-index:3; display:flex; align-items:flex-end; justify-content:space-between; gap:20px; color:#f6f0e7; }
.showcase-caption span { color:#d8b66e; font-size:.52rem; font-weight:800; letter-spacing:.14em; }
.showcase-caption strong { max-width:260px; font-size:clamp(1.05rem,1.6vw,1.5rem); letter-spacing:-.04em; line-height:1.12; text-align:right; }
.showcase-panel-tall .showcase-caption { align-items:flex-start; flex-direction:column; }
.showcase-panel-tall .showcase-caption strong { max-width:380px; font-size:clamp(1.8rem,3vw,3rem); text-align:left; }
.showcase-interface { position:absolute; inset:22px 25px 78px; overflow:hidden; border:1px solid rgba(233,200,135,.24); border-radius:18px; background:#0b0908; box-shadow:0 24px 50px rgba(0,0,0,.35); }
.interface-top { display:flex; align-items:center; gap:5px; height:25px; padding:0 10px; border-bottom:1px solid rgba(255,255,255,.07); background:#17130f; }
.interface-top i { width:5px; height:5px; border-radius:50%; background:#7c6a55; }
.interface-top span { margin-left:auto; color:#756b60; font-size:.38rem; }
.interface-body { position:absolute; inset:25px 0 0; display:flex; flex-direction:column; justify-content:center; padding:18px 28px; background:radial-gradient(circle at 82% 42%,rgba(195,143,48,.24),transparent 28%),linear-gradient(130deg,#13100d,#070707); }
.interface-body small { margin-bottom:7px; color:#b9934e; font-size:.4rem; font-weight:800; letter-spacing:.15em; }
.interface-body strong { color:#f4eee5; font-size:1.45rem; letter-spacing:-.055em; line-height:.94; }
.interface-body>b { width:62px; height:17px; margin-top:13px; border-radius:30px; background:linear-gradient(90deg,#e6c578,#ad772e); }
.interface-body>div { position:absolute; right:26px; bottom:20px; display:flex; gap:5px; }
.interface-body>div span { width:34px; height:5px; border-radius:8px; background:#332a21; }
.interface-body>div span:nth-child(2) { background:#9f7336; }
.studio-marquee { position:relative; overflow:hidden; margin-top:52px; padding:17px 0; border-block:1px solid rgba(53,38,22,.16); }
.studio-marquee div { display:flex; align-items:center; justify-content:space-around; gap:30px; min-width:1100px; animation:marqueeDrift 13s ease-in-out infinite alternate; }
.studio-marquee span { white-space:nowrap; color:#40362c; font-size:.62rem; font-weight:800; letter-spacing:.14em; }
.studio-marquee i { flex:0 0 5px; width:5px; height:5px; border-radius:50%; background:#b08039; }
.digital-ecosystem { padding:138px 0; background:radial-gradient(circle at 78% 48%,rgba(179,132,56,.16),transparent 34%),linear-gradient(125deg,#f5f1ea 0%,#e8dfd1 58%,#ddd1bf 100%); }
.ecosystem-grid-bg { position:absolute; inset:0; z-index:-1; opacity:.22; background-image:linear-gradient(rgba(74,53,30,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(74,53,30,.1) 1px,transparent 1px); background-size:60px 60px; mask-image:linear-gradient(90deg,transparent,#000 38%,#000); }
.ecosystem-layout { display:grid; grid-template-columns:minmax(0,.82fr) minmax(540px,1.18fr); align-items:center; gap:clamp(60px,8vw,120px); }
.ecosystem-copy h2 { margin:0 0 24px; font-size:clamp(3rem,5.4vw,5.25rem); letter-spacing:-.07em; line-height:.96; }
.ecosystem-copy h2 em { color:#a87831; font-style:normal; }
.ecosystem-copy>p:not(.eyebrow) { max-width:560px; margin-bottom:30px; color:#635a4f; line-height:1.8; }
.ecosystem-index { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:0 0 32px; }
.ecosystem-index span { padding:13px 15px; border:1px solid rgba(66,46,24,.13); border-radius:13px; background:rgba(255,255,255,.42); color:#50463b; font-size:.7rem; font-weight:700; }
.ecosystem-index b { margin-right:8px; color:#a97832; }
.ecosystem-stage { position:relative; min-height:640px; border:1px solid rgba(87,61,29,.2); border-radius:48px; background:radial-gradient(circle at 50% 50%,rgba(190,139,52,.24),transparent 28%),linear-gradient(rgba(255,255,255,.024) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.024) 1px,transparent 1px),#090807; background-size:auto,48px 48px,48px 48px,auto; box-shadow:0 48px 110px rgba(59,42,22,.28); overflow:hidden; }
.ecosystem-orbit { position:absolute; top:50%; left:50%; border:1px solid rgba(222,182,104,.18); border-radius:50%; transform:translate(-50%,-50%); }
.orbit-a { width:420px; height:420px; }
.orbit-b { width:560px; height:560px; box-shadow:0 0 0 56px rgba(223,184,105,.018); }
.ecosystem-core { position:absolute; top:50%; left:50%; z-index:3; display:flex; align-items:center; width:190px; height:190px; flex-direction:column; justify-content:center; border:1px solid rgba(233,200,134,.48); border-radius:50%; background:radial-gradient(circle at 50% 35%,#1d160e,#060606 68%); box-shadow:0 0 70px rgba(190,139,52,.24),0 20px 55px rgba(0,0,0,.52); color:#f5eee4; transform:translate(-50%,-50%); }
.ecosystem-core img { width:100px; height:100px; border-radius:50%; }
.ecosystem-core strong { margin-top:5px; font-size:.75rem; letter-spacing:.13em; }
.ecosystem-core span { margin-top:4px; color:#a79b8d; font-size:.4rem; letter-spacing:.16em; }
.ecosystem-node { position:absolute; z-index:4; min-width:154px; padding:14px 15px; border:1px solid rgba(226,188,114,.27); border-radius:15px; background:rgba(18,15,12,.9); box-shadow:0 20px 50px rgba(0,0,0,.4); color:#efe7db; backdrop-filter:blur(14px); }
.ecosystem-node span,.ecosystem-node strong,.ecosystem-node small { display:block; }
.ecosystem-node span { margin-bottom:5px; color:#c79a4d; font-size:.49rem; font-weight:800; }
.ecosystem-node strong { font-size:.68rem; letter-spacing:.11em; }
.ecosystem-node small { margin-top:4px; color:#887e72; font-size:.52rem; }
.node-brand { top:75px; left:48px; }
.node-web { top:92px; right:38px; }
.node-content { bottom:80px; left:56px; }
.node-tech { right:42px; bottom:68px; }
.ecosystem-stage:hover .ecosystem-core { box-shadow:0 0 100px rgba(190,139,52,.37),0 20px 55px rgba(0,0,0,.52); }
@keyframes marqueeDrift { from { transform:translateX(0); } to { transform:translateX(-7%); } }
@keyframes statusPulse { 0%,100% { opacity:.45; transform:scale(.86); } 50% { opacity:1; transform:scale(1.15); } }
.hero-code-card i { animation:statusPulse 2.4s ease-in-out infinite; }
@media (max-width:1180px) {
  .hero-grid { grid-template-columns:minmax(0,.94fr) minmax(470px,1.06fr); gap:32px; }
  .hero-browser-float { right:-22px; width:172px; }
  .hero-code-card { right:-6px; }
  .hero-phone-float { left:-12px; }
  .expert-grid { gap:48px; }
  .founder-float-card-one { right:-10px; }
  .founder-float-card-two { left:-12px; }
  .ecosystem-layout { grid-template-columns:minmax(0,.88fr) minmax(500px,1.12fr); gap:48px; }
}
@media (max-width:980px) {
  .hero { min-height:0; padding-top:130px; }
  .hero-grid { grid-template-columns:minmax(0,1fr); }
  .hero-copy { max-width:760px; }
  .hero-command { width:min(100%,700px); min-height:690px; margin:0 auto; }
  .hero-browser-float { right:-18px; }
  .expert-grid { grid-template-columns:minmax(0,1fr); }
  .expert-portrait-stage { width:min(100%,680px); margin:auto; }
  .showcase-wall { grid-template-rows:repeat(2,250px); }
  .ecosystem-layout { grid-template-columns:minmax(0,1fr); }
  .ecosystem-copy { max-width:720px; }
  .ecosystem-stage { width:min(100%,690px); margin:auto; }
}
@media (max-width:820px) {
  .section-bridge { height:76px; }
  .hero-command { display:block; min-height:760px; padding-top:0; }
  .command-board { position:absolute; inset:76px 34px 178px; min-height:0; }
  .command-chip { display:none; }
  .hero-command .brand-seal { position:absolute; right:24px; bottom:99px; width:auto; }
  .hero-browser-float { top:28px; right:4px; width:154px; }
  .hero-browser-float img { height:178px; }
  .hero-phone-float { bottom:50px; left:4px; width:112px; height:214px; }
  .hero-phone-float img { height:160px; }
  .hero-code-card { right:15px; bottom:35px; }
  .about-breath { padding-block:94px; }
  .expert-portrait-stage { min-height:670px; }
  .showcase-wall { grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-rows:520px 300px 300px; }
  .showcase-panel-tall { grid-column:1/3; grid-row:1; }
  .showcase-panel-wide { grid-column:1/3; grid-row:2; }
  .showcase-panel-color { grid-column:1/3; grid-row:3; }
  .digital-ecosystem,.studio-showcase { padding-block:96px; }
}
@media (max-width:600px) {
  .scroll-progress { height:2px; }
  .hero { padding-top:112px; }
  .hero-copy::before { display:none; }
  .hero-command { min-height:650px; }
  .command-board { inset:62px 6px 162px; padding:48px 18px 30px; border-radius:27px; }
  .command-board h2 { font-size:clamp(2rem,10vw,3rem); }
  .command-board .command-emblem { width:105px; height:105px; }
  .command-board .command-emblem img { width:95px; height:95px; }
  .hero-browser-float { top:9px; right:-14px; width:132px; }
  .hero-browser-float img { height:142px; }
  .float-window-bar span { display:none; }
  .hero-phone-float { bottom:39px; left:-8px; width:100px; height:190px; }
  .hero-phone-float img { height:138px; }
  .hero-code-card { right:0; bottom:31px; min-width:123px; }
  .hero-command .brand-seal { right:0; bottom:91px; max-width:132px; font-size:.46rem; }
  .expert-portrait-stage { min-height:570px; }
  .expert-portrait-stage::before { inset:28px 0 24px; border-radius:32px; }
  .expert-portrait-stage::after { display:none; }
  .portrait-frame { inset:43px 14px 34px; border-radius:26px; }
  .portrait-identity { right:35px; bottom:62px; left:35px; }
  .portrait-identity strong { font-size:2.8rem; }
  .portrait-identity span { max-width:230px; line-height:1.5; }
  .portrait-halo { width:280px; height:280px; }
  .portrait-monogram { top:4px; left:14px; width:70px; height:70px; }
  .portrait-monogram img { width:64px; height:64px; }
  .founder-float-card { min-width:142px; padding:10px 12px; }
  .founder-float-card-one { top:70px; right:-4px; }
  .founder-float-card-two { bottom:142px; left:-6px; }
  .showcase-wall { grid-template-rows:450px 260px 310px; gap:14px; margin-top:40px; }
  .showcase-panel { border-radius:23px; }
  .showcase-caption { right:20px; bottom:20px; left:20px; align-items:flex-start; flex-direction:column; gap:8px; }
  .showcase-caption strong { text-align:left; }
  .showcase-interface { inset:16px 16px 88px; }
  .studio-marquee { margin-top:36px; }
  .ecosystem-copy h2 { font-size:clamp(2.65rem,13vw,4rem); }
  .ecosystem-stage { min-height:550px; border-radius:30px; }
  .orbit-a { width:300px; height:300px; }
  .orbit-b { width:450px; height:450px; }
  .ecosystem-core { width:150px; height:150px; }
  .ecosystem-core img { width:76px; height:76px; }
  .ecosystem-node { min-width:126px; padding:11px 12px; }
  .node-brand { top:40px; left:14px; }
  .node-web { top:54px; right:12px; }
  .node-content { bottom:51px; left:13px; }
  .node-tech { right:12px; bottom:39px; }
}
@media (hover:none),(pointer:coarse) {
  .showcase-panel { transform:none!important; }
  .showcase-panel:hover { transform:none; }
}
@media (prefers-reduced-motion:reduce) {
  .studio-marquee div,.hero-code-card i { animation:none!important; }
  .hero-scene,[data-depth] { transform:none!important; translate:none!important; transition:none!important; }
}
[data-theme="dark"] .champagne-block { color:#18120d; }
[data-theme="dark"] .champagne-block .section-heading h2,[data-theme="dark"] .ecosystem-copy h2 { color:#17120e; }
[data-theme="dark"] .champagne-block .section-heading p,[data-theme="dark"] .ecosystem-copy>p:not(.eyebrow) { color:#655c51; }

.hero-scene>div { opacity:0; transition:opacity .85s ease,transform .7s var(--premium-ease); }
.experience-ready .hero-scene>div { opacity:1; }
.experience-ready .hero-browser-float { transition-delay:.12s; }
.experience-ready .hero-phone-float { transition-delay:.28s; }
.experience-ready .hero-box-3d { transition-delay:.42s; }
.experience-ready .hero-code-card { transition-delay:.55s; }
.showcase-wall .reveal:nth-child(2) { transition-delay:.09s; }
.showcase-wall .reveal:nth-child(3) { transition-delay:.18s; }

/* Gold Box 3.4: hierarquia segura, novas subcamadas e movimento ao rolar */
main > section { position:relative; isolation:isolate; }
main > section > .shell { position:relative; z-index:2; }
.section-ambient { position:absolute; z-index:0; width:clamp(250px,31vw,560px); height:clamp(250px,31vw,560px); border:1px solid rgba(183,138,61,.09); border-radius:50%; box-shadow:0 0 0 58px rgba(183,138,61,.018),0 0 0 116px rgba(183,138,61,.01); opacity:.78; pointer-events:none; translate:0 var(--parallax-y,0px); will-change:translate; }
.section-ambient::before,.section-ambient::after { position:absolute; border:1px solid rgba(183,138,61,.1); border-radius:50%; content:""; }
.section-ambient::before { inset:18%; }
.section-ambient::after { inset:38%; background:radial-gradient(circle,rgba(183,138,61,.09),transparent 68%); }
.section-ambient-1 { top:9%; right:-18%; }
.section-ambient-2 { bottom:4%; left:-19%; }
.section-ambient-3 { top:36%; right:-22%; }
.section-dark .section-ambient { border-color:rgba(232,195,119,.11); opacity:.62; }
.champagne-block .section-ambient { border-color:rgba(91,62,28,.12); }

html.motion-ready .reveal { opacity:0!important; filter:blur(7px); transform:translate3d(0,46px,0) scale(.985)!important; transition:opacity .82s var(--premium-ease),transform .92s var(--premium-ease),filter .72s ease; will-change:opacity,transform,filter; }
html.motion-ready .reveal.is-visible { opacity:1!important; filter:blur(0); transform:translate3d(0,0,0) scale(1)!important; }
html.motion-ready .heading-row.reveal,html.motion-ready .faq-list.reveal { transform:translate3d(34px,36px,0) scale(.99)!important; }
html.motion-ready .heading-row.reveal.is-visible,html.motion-ready .faq-list.reveal.is-visible { transform:translate3d(0,0,0) scale(1)!important; }
.services-grid .reveal:nth-child(2n),.process-list .reveal:nth-child(2n),.plans-grid .reveal:nth-child(2) { transition-delay:.08s; }
.services-grid .reveal:nth-child(3n),.process-list .reveal:nth-child(3n),.plans-grid .reveal:nth-child(3) { transition-delay:.16s; }
.feedback-rail .reveal:nth-child(2n),.lp-projects .reveal:nth-child(2n) { transition-delay:.1s; }

.hero-box-3d { position:absolute; top:-4px; left:50%; z-index:9; width:96px; height:96px; perspective:700px; transform:translateX(-50%); }
.box-ring { position:absolute; border:1px solid rgba(236,200,127,.3); border-radius:50%; animation:boxOrbit 10s linear infinite; }
.box-ring-one { inset:2px; border-inline-color:transparent; }
.box-ring-two { inset:13px; border-block-color:rgba(236,200,127,.12); animation-direction:reverse; animation-duration:7s; }
.box-cube { position:absolute; top:50%; left:50%; width:34px; height:34px; transform:translate(-50%,-50%) rotateX(-18deg) rotateY(32deg); transform-style:preserve-3d; animation:boxTurn 9s cubic-bezier(.45,.05,.55,.95) infinite; }
.box-face { position:absolute; inset:0; border:1px solid rgba(255,225,159,.72); background:linear-gradient(145deg,rgba(238,196,111,.76),rgba(112,69,22,.48)); box-shadow:inset 0 0 14px rgba(255,228,169,.16); backface-visibility:visible; }
.box-front { transform:translateZ(17px); }
.box-back { transform:rotateY(180deg) translateZ(17px); }
.box-right { transform:rotateY(90deg) translateZ(17px); }
.box-left { transform:rotateY(-90deg) translateZ(17px); }
.box-top { transform:rotateX(90deg) translateZ(17px); }
.box-bottom { transform:rotateX(-90deg) translateZ(17px); }
.hero-box-3d::before { position:absolute; inset:26px; border-radius:50%; background:rgba(221,166,64,.28); filter:blur(17px); content:""; }
@keyframes boxTurn { 0%,100% { transform:translate(-50%,-50%) rotateX(-18deg) rotateY(32deg); } 50% { transform:translate(-50%,-50%) rotateX(22deg) rotateY(212deg); } }
@keyframes boxOrbit { to { transform:rotate(360deg); } }

@media (min-width:821px) {
  .command-board { inset:82px 42px 82px; }
  .command-chip-one { top:12px; left:0; }
  .command-chip-two { top:12px; right:0; }
  .command-chip-three { bottom:10px; left:18px; }
  .hero-command .brand-seal { right:8px; bottom:10px; }
  .hero-browser-float { top:42px; right:-28px; width:172px; }
  .hero-browser-float img { height:190px; }
  .hero-phone-float { bottom:42px; left:-28px; width:112px; height:222px; }
  .hero-phone-float img { height:166px; }
  .portrait-identity { bottom:116px; }
  .founder-float-card-one { top:86px; right:10px; }
  .founder-float-card-two { bottom:20px; left:18px; }
}

.faq { overflow:clip; padding-block:132px; background:radial-gradient(circle at 12% 48%,rgba(183,138,61,.12),transparent 28%),linear-gradient(135deg,#0d0c0b 0%,#090909 54%,#100d09 100%); }
.faq::before { position:absolute; inset:0; z-index:0; opacity:.22; background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px); background-size:66px 66px; mask-image:linear-gradient(90deg,#000,transparent 48%,transparent); content:""; pointer-events:none; }
.faq-grid { grid-template-columns:minmax(0,.9fr) minmax(500px,1.1fr); gap:clamp(64px,8vw,120px); }
.faq-intro { position:sticky; top:122px; align-self:start; }
.faq-decision-map { position:relative; min-height:390px; margin-top:42px; overflow:hidden; border:1px solid rgba(128,87,34,.27); border-radius:36px; background:radial-gradient(circle at 50% 48%,rgba(198,147,55,.23),transparent 29%),linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px),#090807; background-size:auto,42px 42px,42px 42px,auto; box-shadow:0 34px 90px rgba(61,43,21,.22); }
.faq-decision-map::after { position:absolute; inset:0; background:linear-gradient(125deg,rgba(255,255,255,.055),transparent 26%,transparent 72%,rgba(183,138,61,.08)); content:""; pointer-events:none; }
.faq-map-orbit { position:absolute; top:50%; left:50%; width:270px; height:270px; border:1px solid rgba(226,188,113,.18); border-radius:50%; box-shadow:0 0 0 48px rgba(226,188,113,.025); transform:translate(-50%,-50%); animation:mapBreath 5.5s ease-in-out infinite; }
.faq-map-route { position:absolute; z-index:1; height:1px; background:linear-gradient(90deg,transparent,rgba(221,178,93,.42),transparent); transform-origin:left center; }
.route-one { top:112px; left:124px; width:220px; transform:rotate(18deg); }
.route-two { right:93px; bottom:104px; width:224px; transform:rotate(154deg); }
.faq-map-core { position:absolute; top:50%; left:50%; z-index:4; display:flex; align-items:center; width:146px; height:146px; flex-direction:column; justify-content:center; border:1px solid rgba(235,200,130,.42); border-radius:50%; background:radial-gradient(circle at 50% 35%,#20170f,#050505 70%); box-shadow:0 0 55px rgba(192,139,48,.28),0 22px 50px rgba(0,0,0,.44); color:#eee6da; transform:translate(-50%,-50%); }
.faq-map-core img { width:78px; height:78px; border-radius:50%; }
.faq-map-core strong { margin-top:4px; font-size:.46rem; letter-spacing:.14em; line-height:1.35; text-align:center; }
.faq-map-node { position:absolute; z-index:5; min-width:142px; padding:12px 14px; border:1px solid rgba(231,195,123,.28); border-radius:14px; background:rgba(18,15,12,.88); box-shadow:0 18px 42px rgba(0,0,0,.36); color:#eee7dc; backdrop-filter:blur(14px); }
.faq-map-node small,.faq-map-node strong,.faq-map-node span { display:block; }
.faq-map-node small { margin-bottom:4px; color:#d4aa59; font-size:.46rem; font-weight:800; }
.faq-map-node strong { font-size:.61rem; letter-spacing:.11em; }
.faq-map-node span { margin-top:3px; color:#8f8579; font-size:.5rem; }
.faq-node-one { top:27px; left:24px; }
.faq-node-two { top:112px; right:20px; }
.faq-node-three { bottom:25px; left:31px; }
.faq-assurance { display:flex; flex-wrap:wrap; gap:8px; margin-top:15px; }
.faq-assurance span { padding:9px 12px; border:1px solid rgba(231,195,123,.16); border-radius:999px; background:rgba(255,255,255,.045); color:#b9afa4; font-size:.63rem; font-weight:750; }
.faq-list { display:grid; gap:12px; border-top:0; }
.faq-list details { overflow:hidden; border:1px solid rgba(255,246,231,.11); border-radius:17px; background:rgba(255,255,255,.035); box-shadow:0 13px 34px rgba(0,0,0,.12); transition:border-color .3s ease,background .3s ease,box-shadow .3s ease,transform .3s ease; }
.faq-list details:hover,.faq-list details[open] { border-color:rgba(208,160,72,.34); background:rgba(255,255,255,.065); box-shadow:0 18px 42px rgba(0,0,0,.18); transform:translateX(-5px); }
.faq-list summary { padding:21px 22px; }
.faq-list details p { padding:0 48px 22px 22px; color:#aaa197; }
.faq-list summary span { display:grid; width:28px; height:28px; flex:0 0 28px; place-items:center; border:1px solid rgba(164,113,43,.22); border-radius:50%; background:rgba(183,138,61,.08); }
@keyframes mapBreath { 0%,100% { opacity:.68; transform:translate(-50%,-50%) scale(.96); } 50% { opacity:1; transform:translate(-50%,-50%) scale(1.025); } }

:root[data-theme="light"] .faq { background:radial-gradient(circle at 12% 48%,rgba(183,138,61,.12),transparent 28%),linear-gradient(135deg,#f7f4ee 0%,#eee8dd 54%,#e5dccf 100%); }
:root[data-theme="light"] .faq::before { background-image:linear-gradient(rgba(75,52,27,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(75,52,27,.08) 1px,transparent 1px); }
:root[data-theme="light"] .faq-assurance span { border-color:rgba(73,51,26,.13); background:rgba(255,255,255,.48); color:#5d5247; }
:root[data-theme="light"] .faq-list details { border-color:rgba(70,50,29,.13); background:rgba(255,255,255,.52); box-shadow:0 13px 34px rgba(67,47,23,.055); }
:root[data-theme="light"] .faq-list details:hover,:root[data-theme="light"] .faq-list details[open] { border-color:rgba(166,116,46,.34); background:rgba(255,255,255,.78); box-shadow:0 18px 42px rgba(67,47,23,.09); }
:root[data-theme="light"] .faq-list details p { color:#6f655a; }

@media (max-width:980px) {
  .faq-grid { grid-template-columns:minmax(0,1fr); }
  .faq-intro { position:relative; top:auto; }
  .faq-decision-map { width:min(100%,680px); }
}
@media (max-width:820px) {
  .hero-box-3d { top:23px; width:74px; height:74px; }
  .box-cube { width:28px; height:28px; }
  .box-front { transform:translateZ(14px); }
  .box-back { transform:rotateY(180deg) translateZ(14px); }
  .box-right { transform:rotateY(90deg) translateZ(14px); }
  .box-left { transform:rotateY(-90deg) translateZ(14px); }
  .box-top { transform:rotateX(90deg) translateZ(14px); }
  .box-bottom { transform:rotateX(-90deg) translateZ(14px); }
  .section-ambient { opacity:.45; }
  .portrait-identity { bottom:103px; }
  .founder-float-card-one { top:72px; right:8px; }
  .founder-float-card-two { bottom:20px; left:16px; }
  .faq { padding-block:94px; }
}
@media (max-width:600px) {
  html.motion-ready .reveal { filter:blur(4px); transform:translate3d(0,30px,0) scale(.99)!important; }
  html.motion-ready .reveal.is-visible { filter:blur(0); transform:translate3d(0,0,0) scale(1)!important; }
  .hero-box-3d { top:11px; left:26%; width:62px; height:62px; }
  .expert-portrait-stage { min-height:600px; }
  .portrait-identity { right:34px; bottom:112px; left:34px; }
  .portrait-identity strong { font-size:2.55rem; }
  .founder-float-card-one { top:66px; right:8px; }
  .founder-float-card-two { bottom:22px; left:14px; }
  .faq-decision-map { min-height:470px; border-radius:28px; }
  .faq-map-orbit { width:238px; height:238px; }
  .faq-map-core { width:132px; height:132px; }
  .faq-map-core img { width:66px; height:66px; }
  .faq-node-one { top:24px; left:15px; }
  .faq-node-two { top:118px; right:14px; }
  .faq-node-three { bottom:23px; left:17px; }
  .faq-map-route { display:none; }
  .faq-list details:hover,.faq-list details[open] { transform:none; }
  .faq-list summary { padding:18px; font-size:.84rem; }
  .faq-list details p { padding:0 44px 19px 18px; }
}
@media (prefers-reduced-motion:reduce) {
  html.motion-ready .reveal,html.motion-ready .reveal.is-visible { opacity:1!important; filter:none!important; transform:none!important; }
  .box-ring,.box-cube,.faq-map-orbit { animation:none!important; }
  .section-ambient,[data-depth] { translate:none!important; }
}