/* BergaMotion — page system extensions (Creative AI / Portfolio) */
.section-head .intro{max-width:440px;color:var(--muted);line-height:1.8}
.hero-art{position:absolute;right:clamp(20px,6vw,100px);top:50%;transform:translateY(-40%);width:min(46vw,552px);height:408px;opacity:.85;pointer-events:none}
.art-window{position:absolute;border:1px solid rgba(255,255,255,.28);border-radius:18px;background:rgba(255,255,255,.055);backdrop-filter:blur(16px);box-shadow:0 25px 75px #0008;overflow:hidden}
.art-window.one{inset:10px 5% 55px 12%;transform:rotate(-7deg)}.art-window.two{inset:85px 0 0 28%;transform:rotate(7deg);background:rgba(18,18,18,.82)}
.window-head{height:32px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:5px;padding:0 12px}.window-head i{width:5px;height:5px;border-radius:50%;background:#888}
.window-body{padding:16px;display:grid;grid-template-columns:.8fr 1.2fr;gap:12px;height:calc(100% - 32px)}.wire-column{border:1px solid #ffffff21;border-radius:8px;padding:9px}.wire-line{height:4px;background:#ffffff55;border-radius:5px;margin:7px 0;width:85%}.wire-line.short{width:45%}.wire-cards{display:grid;grid-template-columns:1fr 1fr;gap:7px}.wire-cards i{border:1px solid #ffffff2c;border-radius:7px;background:linear-gradient(145deg,#ffffff22,#ffffff04)}
.hero-stat{position:absolute;border:1px solid #ffffff24;border-radius:12px;background:#111d;padding:12px 15px;font:10px "DM Mono",monospace;color:#aaa;backdrop-filter:blur(15px)}.hero-stat b{display:block;font:600 17px Inter,sans-serif;color:#fff;margin-top:4px;letter-spacing:-.04em}.stat-a{top:0;left:0}.stat-b{bottom:14px;left:8%}.stat-c{right:-2%;top:38%}
.marquee{overflow:hidden}.marquee-track{width:max-content;display:flex;gap:32px;animation:marquee 33s linear infinite;padding:14px 0;font:10px "DM Mono",monospace;letter-spacing:.11em;text-transform:uppercase}.marquee-track span{display:flex;gap:32px;align-items:center}.marquee-track span:after{content:"✳"}@keyframes marquee{to{transform:translateX(-50%)}}
.page-tabs-wrap{position:sticky;top:78px;z-index:25;background:rgba(8,8,8,.88);border-block:1px solid var(--line);backdrop-filter:blur(18px)}.page-tabs{display:flex;align-items:center;gap:8px;padding:12px 0;overflow-x:auto}.page-tab{border:1px solid var(--line-strong);border-radius:999px;background:rgba(255,255,255,.04);padding:10px 17px;color:#aaa;font-size:12px;white-space:nowrap}.page-tab[aria-selected="true"]{background:#f5f5f2;color:#080808;border-color:#f5f5f2}.page-tab-count{font:9px "DM Mono",monospace;margin-left:5px;opacity:.7}.page-panel[hidden]{display:none!important}
.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.service-card{position:relative;min-height:330px;padding:25px;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.015));display:flex;flex-direction:column;justify-content:space-between;transition:transform .3s var(--ease),border-color .3s}.service-card:hover{transform:translateY(-5px);border-color:#ffffff55}.service-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font:10px "DM Mono",monospace;letter-spacing:.11em;color:#92928c;text-transform:uppercase}.service-icon{display:grid;place-items:center;width:48px;height:48px;margin:24px 0;border:1px solid var(--line-strong);border-radius:15px;background:#ffffff08;font-size:21px}.service-card h3{font-size:22px;line-height:1.08;letter-spacing:-.05em;font-weight:550;margin:0 0 10px}.service-card p{font-size:12px;color:#aaa;line-height:1.75;margin:0;max-width:340px}.feature-list{display:grid;gap:8px;margin:18px 0 0;padding:0;list-style:none;color:#deded9;font-size:11px}.feature-list li{display:flex;gap:8px;align-items:flex-start}.feature-list li:before{content:"↗";color:#aaa}.service-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--line);padding-top:16px;margin-top:22px;font:9px "DM Mono",monospace;color:#8c8c86;letter-spacing:.06em;text-transform:uppercase}.service-foot b{color:#eee;font-weight:500}.service-foot a{color:#fff}
.compare-section{background:#f0f0ec;color:#0a0a0a}.compare-section .eyebrow{color:#555}.compare-section .intro{color:#5f5f59}.compare-grid{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:clamp(35px,7vw,90px)}.compare-copy p{color:#5e5e58;font-size:14px;line-height:1.8;max-width:420px;margin:22px 0}.demo-note{font:10px "DM Mono",monospace;color:#72726c}.compare-stage{position:relative;aspect-ratio:1.22;border-radius:22px;overflow:hidden;border:1px solid #0002;background:#ccc;isolation:isolate;--split:50%;box-shadow:0 25px 65px #00000018}.scene{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.scene.before{background:linear-gradient(140deg,#bcbcb8,#e2e2de 52%,#b7b7b3)}.scene.after{clip-path:inset(0 0 0 var(--split));background:radial-gradient(ellipse at 54% 31%,#ffffff,transparent 37%),linear-gradient(145deg,#202020,#575752 44%,#101010)}.product-render{position:relative;width:30%;height:56%;min-width:100px;max-width:180px;z-index:1;filter:drop-shadow(0 18px 17px #0003)}.bottle{position:absolute;bottom:0;left:10%;width:80%;height:82%;border-radius:18px 18px 25px 25px;background:linear-gradient(90deg,#ddd,#fff 25%,#c1c1bb 66%,#92928c);border:1px solid #ffffff78}.bottle:before{content:"";position:absolute;left:35%;width:30%;height:19%;top:-18%;background:linear-gradient(90deg,#777,#eee 50%,#9c9c9c);border-radius:4px 4px 2px 2px}.bottle:after{content:"";position:absolute;top:42%;left:11%;width:78%;height:23%;border:1px solid #ffffff70;background:#e6e6e080}.bottle-label{position:absolute;z-index:2;top:47%;left:18%;width:64%;text-align:center;font:6px "DM Mono",monospace;color:#292925;letter-spacing:.08em}.before .bottle{filter:grayscale(1);opacity:.65}.stage-tag{position:absolute;z-index:5;top:18px;padding:8px 11px;border-radius:999px;font:9px "DM Mono",monospace;letter-spacing:.11em}.stage-tag.left{left:18px;background:#00000014;color:#111}.stage-tag.right{right:18px;border:1px solid #ffffff55;color:#fff}.compare-divider{position:absolute;z-index:6;top:0;bottom:0;left:var(--split);width:1px;background:#fff;pointer-events:none}.compare-divider:after{content:"↔";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:38px;height:38px;display:grid;place-items:center;background:#f5f5f2;border-radius:50%;color:#090909;box-shadow:0 5px 18px #0003;font-size:16px}.compare-range{position:absolute;z-index:8;inset:auto 18px 15px;width:calc(100% - 36px);accent-color:#fff;cursor:ew-resize}.compare-caption{display:flex;justify-content:space-between;gap:10px;margin-top:14px;color:#65655f;font:10px "DM Mono",monospace;text-transform:uppercase;letter-spacing:.08em}
.steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.step{padding:24px 20px 0 0;min-height:180px;position:relative}.step:before{content:"";position:absolute;top:-4px;left:0;width:7px;height:7px;background:#f5f5f0;border-radius:50%;box-shadow:0 0 0 4px #0b0b0b}.step-num{display:block;font:10px "DM Mono",monospace;color:#85857f;margin-bottom:30px}.step h3{font-size:18px;font-weight:550;letter-spacing:-.04em;margin:0 0 10px}.step p{font-size:12px;color:#999;line-height:1.75;margin:0;max-width:230px}.tab-list{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:28px}.process-tab{border:1px solid var(--line-strong);background:#ffffff08;color:#bdbdb7;border-radius:999px;padding:10px 15px;font-size:12px}.process-tab[aria-selected="true"]{background:#f5f5f2;color:#090909;border-color:#f5f5f2}
.chapter{padding-top:32px;margin-top:24px;border-top:1px solid var(--line);scroll-margin-top:150px}.chapter-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:20px}.chapter-number{display:block;font:10px "DM Mono",monospace;letter-spacing:.12em;color:#888;text-transform:uppercase;margin-bottom:12px}.chapter h3{font-size:clamp(24px,3vw,36px);font-weight:550;letter-spacing:-.06em;line-height:1.05;margin:0}.chapter-count{border:1px solid var(--line);border-radius:999px;padding:8px 11px;font:9px "DM Mono",monospace;color:#aaa;white-space:nowrap}.chapter-nav{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 26px}.chapter-nav a{padding:8px 12px;border-radius:999px;border:1px solid var(--line);font-size:10px;color:#aaa}.chapter-nav a:hover{background:#ffffff12;color:#fff}
.site-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.site-card{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg,#ffffff0b,#ffffff03);transition:transform .25s var(--ease),border-color .25s}.site-card:hover{transform:translateY(-4px);border-color:#ffffff4a}.site-preview{height:145px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 15%,#ffffff18,transparent 55%),linear-gradient(145deg,#202020,#0a0a0a);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:center;padding:14px}.site-preview:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff0d 1px,transparent 1px),linear-gradient(90deg,#ffffff0d 1px,transparent 1px);background-size:22px 22px;opacity:.35}.mock-browser{position:relative;z-index:1;width:95%;height:105px;border:1px solid #ffffff35;border-radius:8px;background:#111d;overflow:hidden;transform:rotate(-2deg);box-shadow:0 12px 30px #0009}.site-card:nth-child(3n) .mock-browser{transform:rotate(2deg)}.site-card:nth-child(4n) .mock-browser{height:92px;transform:rotate(-4deg)}.mock-bar{height:15px;border-bottom:1px solid #ffffff1e;display:flex;align-items:center;gap:3px;padding:0 6px}.mock-bar i{width:3px;height:3px;background:#777;border-radius:50%}.mock-content{padding:9px;display:grid;grid-template-columns:1.2fr .8fr;gap:7px;height:calc(100% - 15px)}.mock-title{height:7px;width:70%;background:#eee;border-radius:2px;margin-bottom:5px}.mock-copy{height:3px;background:#777;border-radius:2px;width:90%;margin:4px 0}.mock-copy.short{width:55%}.mock-visual{border:1px solid #ffffff2b;border-radius:4px;background:linear-gradient(140deg,#ffffff40,#ffffff03)}.site-info{padding:15px}.site-type{font:9px "DM Mono",monospace;letter-spacing:.08em;text-transform:uppercase;color:#888;display:block;margin-bottom:7px}.site-info h4{margin:0 0 7px;font-size:14px;line-height:1.15;letter-spacing:-.04em;font-weight:600}.site-info p{margin:0;color:#999;font-size:10px;line-height:1.65;min-height:55px}.site-card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 15px;border-top:1px solid var(--line);font-size:10px;color:#c8c8c2}.site-card-foot span:last-child{font-size:15px}
.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.video-card{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#111}.video-frame{position:relative;aspect-ratio:16/10;background:radial-gradient(ellipse at 50% 20%,#ffffff19,transparent 45%),linear-gradient(145deg,#292929,#090909);overflow:hidden}.video-frame video{width:100%;height:100%;object-fit:cover;display:block}.video-fallback{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;pointer-events:none;transition:opacity .3s;background:linear-gradient(145deg,#ffffff0a,transparent)}.play-mark{width:48px;height:48px;border-radius:50%;border:1px solid #ffffff70;display:grid;place-items:center;background:#08080872;backdrop-filter:blur(8px);font-size:16px;padding-left:3px}.video-fallback span{font:9px "DM Mono",monospace;text-transform:uppercase;letter-spacing:.12em;color:#aaa}.video-frame.loaded .video-fallback{opacity:0}.video-info{padding:14px 15px;display:flex;align-items:center;justify-content:space-between;gap:10px}.video-info b{font-weight:550;font-size:12px}.video-info span{font:9px "DM Mono",monospace;color:#888;text-transform:uppercase}
.creative-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:22px}.filter-list{display:flex;gap:7px;flex-wrap:wrap}.filter{border:1px solid var(--line);border-radius:999px;padding:9px 13px;font-size:10px;color:#aaa;background:#ffffff04}.filter[aria-pressed="true"]{background:#f5f5f2;color:#080808;border-color:#f5f5f2}.gallery-count{font:10px "DM Mono",monospace;color:#8f8f89}.creative-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.creative-item{position:relative;min-width:0;border:1px solid var(--line);border-radius:13px;overflow:hidden;background:#131313;aspect-ratio:4/5;transition:transform .25s,border-color .25s}.creative-item:hover{transform:translateY(-4px);border-color:#ffffff61}.creative-item img{width:100%;height:100%;object-fit:cover;transition:transform .45s var(--ease),filter .3s;filter:saturate(.72)}.creative-item:hover img{transform:scale(1.04);filter:saturate(1)}.creative-item figcaption{position:absolute;inset:auto 0 0;padding:27px 12px 12px;background:linear-gradient(transparent,#000d);font:9px "DM Mono",monospace;letter-spacing:.06em;text-transform:uppercase;color:#eee}.creative-item[hidden]{display:none}.asset-unavailable{display:none!important}.vehicle-note{margin-top:19px;border:1px solid var(--line);border-radius:16px;background:#ffffff05;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:18px}.vehicle-note p{margin:0;color:#999;font-size:11px;line-height:1.7;max-width:690px}
.portfolio-cta{background:#f2f2ee;color:#080808;padding:clamp(70px,9vw,112px) 0;position:relative;overflow:hidden}.portfolio-cta:before{content:"";position:absolute;right:-12%;top:-85%;width:60vw;height:60vw;border:1px solid #0002;border-radius:50%;box-shadow:0 0 0 45px #0001,0 0 0 90px #0001,0 0 0 135px #0001}.cta-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:45px}.portfolio-cta .eyebrow{color:#555}.portfolio-cta .h2{margin-top:20px;max-width:730px}.portfolio-cta p{font-size:13px;line-height:1.8;color:#5b5b56;max-width:450px}.portfolio-cta .btn-primary{background:#080808;color:#fff;border-color:#080808}.portfolio-cta .btn-ghost{color:#080808;background:transparent;border-color:#0003;backdrop-filter:none}.portfolio-cta .btn-ghost:hover{background:#0000000a}.cta-actions{display:flex;gap:10px;flex-wrap:wrap}
@media(max-width:1100px){.site-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-art{opacity:.55;right:2%;width:47vw}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.page-tabs-wrap{top:68px}.page-tabs{gap:6px;padding:10px 0}.page-tab{padding:10px 13px;font-size:11px}.hero-art{right:-10%;top:66%;width:78vw;opacity:.27;transform:translateY(-20%)}.hero-stat.stat-c{right:0}.service-grid{grid-template-columns:1fr}.service-card{min-height:300px;padding:21px}.compare-grid{grid-template-columns:1fr;gap:35px}.steps{grid-template-columns:1fr;border-top:0;border-left:1px solid var(--line);margin-left:5px}.step{padding:0 0 28px 24px;min-height:0}.step:before{top:4px;left:-4px}.step-num{margin-bottom:10px}.site-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.site-preview{height:120px;padding:8px}.mock-browser{height:88px}.site-info{padding:12px}.site-info p{min-height:68px;font-size:10px}.site-card-foot{padding:10px 12px}.chapter-head{align-items:flex-start}.chapter h3{font-size:27px}.chapter-count{padding:7px 9px;font-size:8px}.video-grid{grid-template-columns:1fr 1fr;gap:8px}.video-info{display:block;padding:12px}.video-info b{display:block;font-size:11px}.video-info span{display:block;margin-top:7px}.creative-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.creative-item{border-radius:9px}.creative-item figcaption{font-size:8px;padding:24px 8px 8px}.vehicle-note{align-items:flex-start;flex-direction:column}.cta-grid{grid-template-columns:1fr;gap:24px}.foot-top{grid-template-columns:1fr;gap:28px}.foot-bottom{flex-direction:column}}
@media(max-width:420px){.video-grid{grid-template-columns:1fr}.creative-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-info p{min-height:80px}.chapter-count{display:none}.hero-art{opacity:.16}}
@media(prefers-reduced-motion:reduce){.marquee-track{animation:none}.hero-art *{animation:none!important}}

/* antes/depois com mídia real */
.compare-stage{aspect-ratio:1.6}.compare-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;user-select:none}.stage-tag.left{background:#ffffffd9;backdrop-filter:blur(8px);font-weight:700}.stage-tag.right{background:#0000008c;backdrop-filter:blur(8px)}

/* portfolio: real site thumbnails (static webp + looped muted mp4 when available) */
.site-preview.has-thumb{height:auto;aspect-ratio:16/9;padding:0;display:block;background:#0a0a0a}
.site-preview.has-thumb:before{display:none}
.site-preview.has-thumb img,.site-preview.has-thumb video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s var(--ease)}
.site-preview.has-thumb video{opacity:0;transition:opacity .4s,transform .6s var(--ease)}
.site-preview.has-thumb video.playing{opacity:1}
.site-card:hover .site-preview.has-thumb img,.site-card:hover .site-preview.has-thumb video{transform:scale(1.04)}
@media (prefers-reduced-motion:reduce){.site-preview.has-thumb video{display:none}}

/* compare: drag the handle (or anywhere on the stage) */
.compare-stage{cursor:ew-resize;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.compare-stage.dragging{cursor:grabbing}
.compare-divider:after{cursor:grab;box-shadow:0 5px 18px #0003,0 0 0 6px #ffffff40;transition:transform .15s}
.compare-stage.dragging .compare-divider:after{transform:translate(-50%,-50%) scale(1.12);cursor:grabbing}

/* ---- thumbs de exemplo dentro dos mocks (janelas e posters) ---- */
.wire-cards i,.window-right i{background-size:cover;background-position:center;border-color:#ffffff3a}
.wire-cards i:nth-child(1),.window-right i:nth-child(1){background-image:linear-gradient(#0000002e,#0000002e),url(../portfolio/thumbs/ristorante-bella-vista.webp)}
.wire-cards i:nth-child(2),.window-right i:nth-child(2){background-image:linear-gradient(#0000002e,#0000002e),url(../portfolio/thumbs/burger-house.webp)}
.wire-cards i:nth-child(3),.window-right i:nth-child(3){background-image:linear-gradient(#0000002e,#0000002e),url(../portfolio/thumbs/moda-urbana.webp)}
.wire-cards i:nth-child(4),.window-right i:nth-child(4){background-image:linear-gradient(#0000002e,#0000002e),url(../portfolio/thumbs/salao-luxe.webp)}
.art-window.two .wire-cards i:nth-child(1){background-image:linear-gradient(#0000002e,#0000002e),url(../portfolio/thumbs/cafe-aroma.webp)}
.art-window.two .wire-cards i:nth-child(2){background-image:linear-gradient(#0000002e,#0000002e),url(../portfolio/thumbs/autoprime-veiculos.webp)}
.art-window.two .wire-cards i:nth-child(3){background-image:linear-gradient(#0000002e,#0000002e),url(../portfolio/thumbs/clinica-estetica-bella.webp)}
.art-window.two .wire-cards i:nth-child(4){background-image:linear-gradient(#0000002e,#0000002e),url(../portfolio/thumbs/powerzone-academia.webp)}
.creative-art .poster,.creative-art .poster:nth-child(2){background-size:cover;background-position:center;background-color:#171717}
.creative-art .poster:nth-child(1){background-image:url(img/ex-criativo-1.webp)}
.creative-art .poster:nth-child(2){background-image:url(img/ex-criativo-2.webp)}
.creative-art .poster:nth-child(3){background-image:url(img/ex-criativo-3.webp)}
.creative-art .poster:before,.creative-art .poster:after{display:none}

/* ---- cards de produtos próprios: arte em fluxo, sem sobrepor o texto ---- */
.case-grid{grid-template-columns:repeat(3,1fr)}
.case-card,.case-card:last-child{grid-column:auto;min-height:0;justify-content:flex-start;gap:12px}
.case-card .case-visual,.case-card:last-child .case-visual{position:relative;inset:auto;left:auto;width:auto;height:210px;flex:none;margin:8px 0 10px}
.case-card .case-bottom{margin-top:auto}
.case-card .case-visual>*{max-height:100%}
@media(max-width:1000px){.case-grid{grid-template-columns:1fr}.case-card .case-visual,.case-card:last-child .case-visual{height:220px}}

/* ---- narrativa de método (home) ---- */
.method-story{margin-top:30px;padding-top:24px;border-top:1px solid var(--line)}
.method-story>p:first-child{margin:0;color:#d8d8d2;font-size:15px;line-height:1.75;max-width:520px}
.method-story b{color:#fff;font-weight:600}
.method-story .frameworks{margin-top:22px}

/* ---- portfolio CTA: colagem de exemplos ---- */
.cta-collage{position:relative;height:250px;margin-bottom:26px}
.cta-collage img{position:absolute;display:block;object-fit:cover;border-radius:14px;border:1px solid #0002;box-shadow:0 18px 40px #0003}
.cta-collage img:nth-child(1){width:62%;aspect-ratio:16/9;left:0;top:26px;transform:rotate(-5deg)}
.cta-collage img:nth-child(2){width:58%;aspect-ratio:16/9;right:0;top:0;transform:rotate(4deg)}
.cta-collage img:nth-child(3){width:34%;aspect-ratio:3/4;left:36%;top:46px;transform:rotate(-1deg);z-index:2}

/* ---- ícones de serviço em SVG ---- */
.service-icon svg{width:24px;height:24px}

/* ---- formulário de orçamento ---- */
.quote-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;background:#fff;border:1px solid #0001;border-radius:22px;padding:clamp(20px,3vw,30px);box-shadow:0 25px 60px #0000001a;color:#0a0a0a;text-align:left}
.qf-full{grid-column:1/-1}
.qf-field{display:flex;flex-direction:column;gap:7px;min-width:0}
.qf-field label{font:500 10px "DM Mono",monospace;letter-spacing:.08em;text-transform:uppercase;color:#5e5e58}
.qf-field input,.qf-field select,.qf-field textarea{width:100%;font:450 14px Inter,sans-serif;color:#0a0a0a;background:#f6f6f3;border:1px solid #0002;border-radius:12px;padding:13px 14px;outline:none;transition:border-color .2s,background .2s}
.qf-field textarea{resize:vertical;min-height:100px}
.qf-field input:focus,.qf-field select:focus,.qf-field textarea:focus{border-color:#0a0a0a;background:#fff}
.qf-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.quote-form .btn{width:auto}
.quote-form .btn[disabled]{opacity:.55;cursor:wait}
.quote-status{margin:0;font-size:12px;line-height:1.5;color:#5e5e58}
.quote-status.ok{color:#1b7a3b}.quote-status.err{color:#a02020}
.quote-status a{text-decoration:underline}
#orcamento-form{scroll-margin-top:110px}
.closing-inner.has-form{grid-template-columns:.85fr 1.15fr;grid-template-rows:auto 1fr;align-items:start;column-gap:clamp(35px,6vw,80px)}
.closing-inner.has-form>div:first-child{grid-column:1;grid-row:1}
.closing-inner.has-form .closing-actions{grid-column:1;grid-row:2}
.closing-inner.has-form .quote-form{grid-column:2;grid-row:1/3}
.quote-wrap{position:relative;z-index:2;margin-top:clamp(40px,6vw,70px);display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(24px,5vw,60px);align-items:start}
.quote-intro p{color:#5b5b56;font-size:14px;line-height:1.75;max-width:300px;margin:16px 0 0}
@media(max-width:900px){.closing-inner.has-form,.quote-wrap{grid-template-columns:1fr}.closing-inner.has-form .quote-form{grid-column:1;grid-row:auto}.closing-inner.has-form .closing-actions{grid-row:auto}.closing-inner.has-form>div:first-child{grid-row:auto}}
@media(max-width:560px){.quote-form{grid-template-columns:1fr}.quote-form .btn{width:100%}}

/* cards de produto: link para o site (card inteiro clicável) */
.case-bottom{display:flex;flex-direction:column;align-items:flex-start}
.case-link{display:inline-flex;gap:8px;align-items:center;margin-top:14px;font:500 11px "DM Mono",monospace;letter-spacing:.06em;color:inherit;border-bottom:1px solid currentColor;padding-bottom:2px;opacity:.85;transition:opacity .2s}
.case-link:before{content:"";position:absolute;inset:-400px -30px -30px;z-index:3}
.case-card:hover .case-link,.case-link:focus-visible{opacity:1}
.case-card:has(.case-link){cursor:pointer}
.case-card.darkcase .case-link{color:#fff}

/* marca: ícone da Bergamotion */
.brand-mark{width:40px;height:40px;border:0;border-radius:12px;transform:none;background:#f5f5f2 url(img/brand-mark.png) center/66% no-repeat;box-shadow:0 0 0 1px #ffffff22}
.brand-mark:before,.brand-mark:after{display:none}