/* Garcia Axis, página da prévia: zona de soltar a logo, feed, story, padrão e o site que funciona. */

/* ---------- zona de soltar: a logo entra, o quadro nasce ---------- */
.pv-dropzone{margin-top:34px;position:relative}
.pv-dz{--c:var(--accent);position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;padding:24px 26px;border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.02));border:1px dashed rgba(255,255,255,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 30px 60px -40px rgba(0,0,0,.9);cursor:pointer;overflow:hidden;isolation:isolate;will-change:transform;transition:border-color .4s,box-shadow .5s,transform .35s var(--ease-out),background .4s}
.pv-dz::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 120% at 0% 50%,rgba(49,92,255,.2),transparent 70%);opacity:0;transition:opacity .6s;z-index:-1}
.pv-dz:hover::before,.pv-dropzone.over .pv-dz::before,.pv-dropzone.armed .pv-dz::before,.pv-dropzone.reading .pv-dz::before{opacity:1}
.pv-dz:hover,.pv-dropzone.armed .pv-dz{border-color:rgba(255,255,255,.45);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 0 44px -8px rgba(49,92,255,.35),0 30px 60px -40px rgba(0,0,0,.9)}
.pv-dropzone.over .pv-dz{border-color:var(--accent);border-style:solid;background:rgba(49,92,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 0 0 4px rgba(49,92,255,.18),0 0 70px -10px var(--accent-glow)}
.pv-dz:focus-within{outline:2px solid var(--accent);outline-offset:3px}
.pv-dz input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.pv-dz-ico{position:relative;width:72px;height:72px;border-radius:21px;display:grid;place-items:center;background:#0A0A10;border:1px solid rgba(255,255,255,.12);color:#fff;transition:color .5s,border-color .5s;flex:none}
.pv-dz-ico svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;grid-area:1/1;transition:transform .5s var(--ease-out),opacity .4s}
.pv-dz:hover .pv-dz-ico,.pv-dropzone.over .pv-dz-ico,.pv-dropzone.armed .pv-dz-ico{color:var(--accent);border-color:rgba(255,255,255,.22)}
.pv-dz:hover .pv-dz-ico svg{transform:translateY(-3px)}
.pv-dropzone.over .pv-dz-ico svg,.pv-dropzone.armed .pv-dz-ico svg{animation:dz-bob .9s ease-in-out infinite}
@keyframes dz-bob{50%{transform:translateY(-5px)}}
.pv-dz-ring{position:absolute;left:26px;top:50%;width:72px;height:72px;margin-top:-36px;border-radius:21px;border:1.5px solid var(--accent);opacity:0;pointer-events:none}
.pv-dropzone.over .pv-dz-ring,.pv-dropzone.armed .pv-dz-ring,.pv-dropzone.reading .pv-dz-ring{animation:dz-pulse 1.5s ease-out infinite}
@keyframes dz-pulse{0%{transform:scale(1);opacity:.85}100%{transform:scale(1.55);opacity:0}}
.pv-dz-logo{grid-area:1/1;width:100%;height:100%;display:grid;place-items:center;padding:11px;opacity:0;transition:opacity .4s}
.pv-dz-logo img{max-width:100%;max-height:100%;object-fit:contain}
.pv-dropzone.has .pv-dz-logo{opacity:1}
.pv-dropzone.has .pv-dz-ico svg{opacity:0}
.pv-dropzone.has .pv-dz:hover .pv-dz-logo,.pv-dropzone.has.over .pv-dz-logo{opacity:.2}
.pv-dropzone.has .pv-dz:hover .pv-dz-ico svg,.pv-dropzone.has.over .pv-dz-ico svg{opacity:1}
.pv-dz-t{display:flex;flex-direction:column;gap:5px;min-width:0}
.pv-dz-t b{font:600 1.18rem/1.25 var(--font-d);letter-spacing:-.02em;color:#fff}
.pv-dz-t small{font-size:.86rem;color:var(--text-2);line-height:1.45}
.pv-dz-btn{flex:none;height:40px;display:inline-flex;align-items:center;gap:8px;padding:0 16px;border-radius:10px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.05);font:500 .86rem var(--font-b);color:#fff;white-space:nowrap;transition:background .3s,border-color .3s,transform .3s var(--ease-out)}
.pv-dz:hover .pv-dz-btn{border-color:var(--accent);background:rgba(49,92,255,.16);transform:translateX(2px)}
.pv-dz-btn svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pv-dz-foot{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:12px;min-height:0}
.pv-extract{display:inline-flex;align-items:center;flex-wrap:wrap;gap:8px 14px;padding:8px 14px;border-radius:12px;background:rgba(8,8,15,.72);border:1px solid rgba(96,96,126,.3);opacity:0;transform:translateY(6px);transition:opacity .5s,transform .5s var(--ease-out)}
.pv-extract.show{opacity:1;transform:none}
.pv-extract[hidden],.pv-dz-note[hidden]{display:none}
.pv-ex-k{font:400 .66rem var(--font-m);letter-spacing:.14em;text-transform:uppercase;color:var(--text-2)}
.pv-ex-cs{display:inline-flex;gap:10px;flex-wrap:wrap}
.pv-ex-c{display:inline-flex;align-items:center;gap:6px;font:400 .7rem var(--font-m);color:#fff}
.pv-ex-c i{width:18px;height:18px;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 1px rgba(255,255,255,.22),0 0 12px -2px var(--c);flex:none}
.pv-dz-note{font-size:.84rem;color:#fff;padding:8px 12px;border-radius:9px;border:1px solid rgba(49,92,255,.45);background:var(--accent-muted)}

/* varredura mais longa enquanto monta; peças saem rápido antes de voltar */
.stage.building.sweeping .sweep{animation-duration:2.2s}
.zoomin.reset{transition:opacity .25s,transform .25s;transition-delay:0s}
.pv-live{transition:color .3s}
.stage.building~.pv-actions{opacity:.6}

/* ---------- peça: site que funciona ---------- */
.pv-links{opacity:1;gap:4px}
.pv-path{opacity:.55}
.pv-link{font:500 .6rem var(--p-font-b);color:inherit;opacity:.72;padding:4px 7px;border-radius:5px;cursor:pointer;position:relative;transition:opacity .3s,background .3s,transform .2s var(--ease-out);white-space:nowrap}
.pv-link:hover{opacity:1;background:rgba(128,128,128,.16)}
.pv-link:active{transform:scale(.94)}
.pv-link.on{opacity:1}
.pv-link.on::after{content:"";position:absolute;left:7px;right:7px;bottom:0;height:1.5px;border-radius:1px;background:var(--p-accent)}
.pv-link:focus-visible{outline:2px solid var(--p-accent);outline-offset:1px}
.pv-link.pv-navbtn{opacity:1;padding:5px 9px;margin-left:4px}
.pv-link.pv-navbtn.on,.pv-link.pv-navbtn:hover{background:var(--p-accent);color:var(--p-on-accent)}
.pv-link.pv-navbtn.on::after{display:none}
.pv-pages{--dir:1;position:relative;flex:1;display:flex;flex-direction:column;min-height:0}
.pv-page{position:absolute;inset:0;display:flex;flex-direction:column;opacity:0;transform:translateX(calc(var(--dir)*24px));transition:opacity .45s var(--ease-out),transform .6s var(--ease-out);pointer-events:none}
.pv-page.on{opacity:1;transform:none;pointer-events:auto;z-index:1}
.pv-page.leave{opacity:0;transform:translateX(calc(var(--dir)*-24px))}
.pv-page[data-page=inicio]{position:relative;inset:auto;flex:1}
.pv-btn{transition:background .5s,color .5s,transform .25s var(--ease-out),box-shadow .3s}
.pv-btn:hover{transform:translateY(-1px);box-shadow:0 10px 18px -10px var(--p-accent)}
.pv-btn:active{transform:scale(.96)}
.pv-btn.ghost:hover{box-shadow:none}
.pv-mockbtn{cursor:pointer;border:0;font-family:var(--p-font-b);text-align:center}
.pv-pg{flex:1;display:flex;flex-direction:column;justify-content:center;padding:8px 18px 16px;gap:8px}
.pv-pg h3{font:700 clamp(.95rem,1.6vw,1.3rem)/1.15 var(--p-font);font-style:var(--p-fs);letter-spacing:-.03em;color:var(--p-text)}
.pv-svcs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:6px}
.pv-svc{background:var(--p-surface);border:1px solid rgba(128,128,128,.18);border-radius:8px;padding:10px;display:flex;flex-direction:column;gap:6px;min-width:0;min-height:88px;transition:transform .35s var(--ease-out),border-color .35s,background .6s}
.pv-svc:hover{transform:translateY(-2px);border-color:var(--p-accent)}
.pv-svc i{width:22px;height:22px;border-radius:6px;background:var(--p-accent);display:block;position:relative;transition:background .5s}
.pv-svc i::after{content:"";position:absolute;inset:6px;border-radius:2px;background:var(--p-on-accent);opacity:.85}
.pv-svc b{font:600 .66rem/1.2 var(--p-font);font-style:var(--p-fs);letter-spacing:-.01em;color:var(--p-text);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.pv-more{font:500 .56rem var(--p-font-b);color:var(--p-accent);margin-top:auto;transition:color .5s}
.pv-more::after{content:" \2192"}
.pv-about{flex-direction:row;align-items:center;gap:18px}
.pv-about-logo{flex:none}
.pv-about-logo i{width:58px;height:58px;border-radius:16px;background:var(--p-grad);display:grid;place-items:center;font:700 1.25rem var(--font-d);font-style:normal;color:var(--p-on-accent);box-shadow:0 18px 30px -14px var(--p-accent);transition:background .5s}
.pv-about-logo img{width:76px;height:76px;object-fit:contain}
.pv-about>div{min-width:0;display:flex;flex-direction:column;gap:4px}
.pv-about-s{font:400 .74rem/1.35 var(--p-font-b);color:var(--p-text)}
.pv-about-p{font:400 .64rem/1.45 var(--p-font-b);color:var(--p-text-2);max-width:42ch}
.pv-contact{flex-direction:row;align-items:center;gap:18px}
.pv-contact>div:first-child{flex:1;min-width:0}
.pv-contact p:not(.pv-kicker){font:400 .66rem/1.45 var(--p-font-b);color:var(--p-text-2);margin-top:4px;max-width:28ch}
.pv-form{flex:1;display:flex;flex-direction:column;gap:6px;background:var(--p-surface);border:1px solid rgba(128,128,128,.18);border-radius:10px;padding:10px;transition:background .6s;max-width:230px}
.pv-input{display:block;padding:6px 9px;border-radius:6px;border:1px solid rgba(128,128,128,.3);font:400 .6rem var(--p-font-b);color:var(--p-text-2);background:var(--p-bg);transition:background .6s}
.pv-form .pv-btn{margin-top:2px}

/* ---------- peça: feed do Instagram em harmonia ---------- */
.t-feed .tile-in{padding:0}
.igp{flex:1;display:flex;flex-direction:column;background:var(--p-bg);color:var(--p-text);font-family:var(--p-font-b);padding:38px 12px 12px;position:relative;overflow:hidden;transition:background .6s,color .6s}
.igp::before{content:"";position:absolute;left:-15%;top:-12%;width:70%;height:42%;background:radial-gradient(closest-side,var(--p-accent),transparent 70%);opacity:.16;pointer-events:none;transition:background .6s}
.igp>*{position:relative}
.igp-head{display:flex;align-items:center;gap:12px}
.igp-av{width:52px;height:52px;border-radius:50%;flex:none;display:grid;place-items:center;background:var(--p-grad);color:var(--p-on-accent);overflow:hidden;box-shadow:0 0 0 2px var(--p-bg),0 0 0 3.5px var(--p-accent);transition:background .6s,box-shadow .6s}
.igp-av i{font:700 1rem var(--font-d);font-style:normal}
.igp-av.has{background:var(--p-surface)}
.igp-av img{width:100%;height:100%;object-fit:contain;padding:9px}
.igp-meta{display:flex;flex-direction:column;gap:7px;min-width:0;flex:1}
.igp-user{font:600 .8rem var(--font-b);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.igp-btns{display:flex;gap:6px}
.igp-follow,.igp-msg{padding:5px 12px;border-radius:7px;font:600 .62rem var(--font-b);transition:background .5s,color .5s,transform .25s var(--ease-out);cursor:default;white-space:nowrap}
.igp-follow{background:var(--p-accent);color:var(--p-on-accent)}
.igp-msg{background:var(--p-surface);border:1px solid rgba(128,128,128,.22);color:var(--p-text)}
.igp-follow:hover,.igp-msg:hover{transform:translateY(-1px)}
.igp-bio{margin-top:10px;font-size:.62rem;line-height:1.4;display:flex;flex-direction:column;gap:1px}
.igp-bio b{font-family:var(--p-font);font-style:var(--p-fs);font-size:.72rem;letter-spacing:-.01em}
.igp-bio span{color:var(--p-text-2);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.igp-hl{display:flex;gap:14px;margin-top:12px;overflow:hidden}
.igp-h{display:flex;flex-direction:column;align-items:center;gap:5px;font:400 .52rem var(--font-b);color:var(--p-text-2);flex:none}
.igp-h i{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--p-surface);border:1px solid rgba(128,128,128,.28);color:var(--p-accent);box-shadow:0 0 0 2px var(--p-bg),0 0 0 3px rgba(128,128,128,.3);font-style:normal;transition:background .6s,color .5s,transform .3s var(--ease-out)}
.igp-h:hover i{transform:translateY(-2px)}
.igp-h i svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.igp-tabs{display:grid;grid-template-columns:repeat(3,1fr);margin-top:12px;border-top:1px solid rgba(128,128,128,.22)}
.igp-tabs i{display:block;height:22px;position:relative}
.igp-tabs i::after{content:"";position:absolute;left:50%;top:7px;width:9px;height:9px;margin-left:-4.5px;border:1.4px solid currentColor;opacity:.35;border-radius:2px}
.igp-tabs i.on{box-shadow:inset 0 1.5px 0 var(--p-text)}
.igp-tabs i.on::after{opacity:1}
.igp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;margin-top:3px;counter-reset:tip}
.igp-p{position:relative;aspect-ratio:1;overflow:hidden;border-radius:3px;background:var(--p-surface);color:var(--p-text);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:9px;font-family:var(--p-font);font-style:var(--p-fs);transition:transform .45s var(--ease-out),box-shadow .45s,background .6s,color .6s;will-change:transform;cursor:default}
.igp-p:hover{transform:translateY(-4px) scale(1.04);z-index:2;box-shadow:0 18px 30px -14px rgba(0,0,0,.8)}
.igp-p>*{position:relative;min-width:0;max-width:100%}
.igp-q{font-size:.62rem;line-height:1.25;letter-spacing:-.01em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.igp-q::before{content:"\201C";display:block;font-size:1.5rem;line-height:.55;color:var(--p-accent);margin-bottom:6px;transition:color .5s}
.p-cta{background:var(--p-accent);color:var(--p-on-accent);font-family:var(--p-font-b);font-style:normal}
.p-cta span{font:600 .62rem/1.25 var(--p-font-b)}
.p-cta svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;margin-top:7px}
.p-photo i{position:absolute;border-radius:50%;pointer-events:none;transition:background .6s}
.p-photo i:first-child{width:85%;height:85%;left:-22%;top:-18%;background:radial-gradient(closest-side,var(--p-accent),transparent);opacity:.9}
.p-photo i:last-child{width:75%;height:75%;right:-22%;bottom:-22%;background:radial-gradient(closest-side,var(--p-sec),transparent);opacity:.8}
.p-photo.b i:first-child{left:auto;right:-14%;top:-32%;width:95%;height:95%;background:radial-gradient(closest-side,var(--p-soft),transparent)}
.p-photo.b i:last-child{right:auto;left:-28%;bottom:-12%;background:radial-gradient(closest-side,var(--p-accent),transparent)}
.p-photo.c i:first-child{left:12%;top:16%;width:64%;height:64%;background:radial-gradient(closest-side,var(--p-deep),transparent);opacity:1}
.p-photo.c i:last-child{right:-32%;top:-32%;bottom:auto;background:radial-gradient(closest-side,var(--p-accent),transparent)}
.p-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.3))}
.p-logo,.p-name{background:var(--p-bg);box-shadow:inset 0 0 0 1px rgba(128,128,128,.22)}
.p-logo{gap:6px}
.p-logo [data-pv=logo] i{width:36px;height:36px;border-radius:10px;background:var(--p-grad);display:grid;place-items:center;font:700 .82rem var(--font-d);font-style:normal;color:var(--p-on-accent);transition:background .5s}
.p-logo [data-pv=logo] img{width:46px;height:46px;object-fit:contain}
.p-logo b{font-size:.6rem;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.p-tip{align-items:flex-start;text-align:left;justify-content:flex-start;gap:3px;font-family:var(--p-font-b);font-style:normal;padding:10px}
.p-tip small{font:500 .48rem var(--font-m);letter-spacing:.14em;text-transform:uppercase;color:var(--p-accent);margin-bottom:3px;transition:color .5s}
.p-tip span{font-size:.56rem;line-height:1.3;display:flex;gap:5px;align-items:baseline;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.p-tip span::before{content:counter(tip,decimal-leading-zero);counter-increment:tip;font:500 .46rem var(--font-m);color:var(--p-text-2);flex:none}
.p-seg{background:var(--p-grad);color:var(--p-on-accent)}
.p-seg span{font:600 .62rem/1.25 var(--p-font);font-style:var(--p-fs);letter-spacing:-.01em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.p-name{gap:3px}
.p-name b{font-size:.78rem;letter-spacing:-.02em;line-height:1.1;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.p-name small{font:400 .5rem/1.3 var(--p-font-b);font-style:normal;color:var(--p-text-2);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}

/* ---------- peça: story 9:16 ---------- */
.t-story .tile-in{align-items:center;justify-content:center;padding:36px 14px 16px}
.sty{position:relative;width:min(100%,180px);aspect-ratio:9/16;border-radius:22px;overflow:hidden;background:var(--p-bg);color:var(--p-text);border:5px solid #1A1A21;box-shadow:0 40px 70px -40px rgba(0,0,0,.9),0 0 0 1px rgba(0,0,0,.6);display:flex;flex-direction:column;padding:9px;font-family:var(--p-font-b);transition:background .6s,color .6s}
.sty::before{content:"";position:absolute;left:-40%;top:-30%;width:180%;height:90%;background:radial-gradient(closest-side,var(--p-accent),transparent 70%);opacity:.3;pointer-events:none;transition:background .6s}
.sty>*{position:relative}
.sty-bars{display:flex;gap:3px}
.sty-bars i{flex:1;height:2.5px;border-radius:2px;background:rgba(128,128,128,.4);overflow:hidden;position:relative}
.sty-bars i::after{content:"";position:absolute;inset:0;background:var(--p-text);transform:scaleX(0);transform-origin:0 50%}
.tile-in.in .sty-bars i:nth-child(1)::after{animation:sty-fill 1.5s linear .3s forwards}
.tile-in.in .sty-bars i:nth-child(2)::after{animation:sty-fill 1.5s linear 1.8s forwards}
.tile-in.in .sty-bars i:nth-child(3)::after{animation:sty-fill 1.5s linear 3.3s forwards}
.tile-in.in .sty-bars.play i::after{animation-name:sty-fill-b}
@keyframes sty-fill{to{transform:scaleX(1)}}
@keyframes sty-fill-b{to{transform:scaleX(1)}}
.sty-head{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:.54rem}
.sty-head b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.sty-head span{color:var(--p-text-2);flex:none}
.sty-av{width:20px;height:20px;border-radius:50%;flex:none;display:grid;place-items:center;overflow:hidden;background:var(--p-grad);color:var(--p-on-accent);font:700 .46rem var(--font-d);transition:background .5s}
.sty-av i{font-style:normal}
.sty-av img{width:100%;height:100%;object-fit:contain;background:var(--p-surface);padding:3px}
.sty-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:6px 2px}
.sty-logo i{width:48px;height:48px;border-radius:14px;background:var(--p-grad);display:grid;place-items:center;font:700 1.05rem var(--font-d);font-style:normal;color:var(--p-on-accent);box-shadow:0 16px 26px -14px var(--p-accent);transition:background .5s}
.sty-logo img{width:66px;height:66px;object-fit:contain}
.sty-slogan{font:700 .82rem/1.15 var(--p-font);font-style:var(--p-fs);letter-spacing:-.02em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.sty-chip{font:500 .48rem var(--font-m);letter-spacing:.08em;text-transform:uppercase;padding:4px 9px;border-radius:999px;background:var(--p-surface);border:1px solid rgba(128,128,128,.25);color:var(--p-text-2);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:background .6s}
.sty-foot{display:flex;flex-direction:column;gap:6px}
.sty-cta{display:block;text-align:center;padding:7px 8px;border-radius:8px;background:var(--p-accent);color:var(--p-on-accent);font:600 .56rem var(--p-font-b);transition:background .5s,color .5s}
.sty-reply{display:block;text-align:center;padding:6px 8px;border-radius:999px;border:1px solid rgba(128,128,128,.35);font:400 .52rem var(--p-font-b);color:var(--p-text-2)}

/* ---------- peça: padrão (monograma ou logo repetido) ---------- */
.t-pattern .tile-in{padding:0}
.pattern{position:relative;flex:1;min-height:150px;background:var(--p-accent);color:var(--p-on-accent);overflow:hidden;display:flex;align-items:flex-end;padding:12px;transition:background .6s,color .6s}
.pattern-in{position:absolute;inset:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(52px,1fr));grid-auto-rows:52px;opacity:.22;pointer-events:none;transition:transform 7s linear;will-change:transform}
.pattern-in i{display:grid;place-items:center;font:700 1.15rem var(--font-d);font-style:normal;letter-spacing:-.05em;transform:rotate(-14deg)}
.pattern-in i:nth-child(odd){transform:rotate(-14deg) translate(4px,6px)}
.pattern-in.img{inset:-60%;display:block;background-repeat:repeat;background-size:64px auto;background-position:center;transform:rotate(-14deg);filter:var(--p-logo-filter,brightness(0) invert(1))}
.t-pattern .tile-in:hover .pattern-in{transform:translate3d(-10px,-10px,0)}
.t-pattern .tile-in:hover .pattern-in.img{transform:rotate(-14deg) translate3d(-14px,-10px,0)}
.pattern-l{position:relative;font:700 .9rem var(--p-font);font-style:var(--p-fs);letter-spacing:-.02em;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 10px rgba(0,0,0,.18)}

/* logo: lockups empilhados (a peça ficou mais alta) */
.t-logo .lockups{grid-template-columns:1fr;grid-auto-rows:1fr}
.t-logo .lock{flex-direction:row;gap:12px;text-align:left}
.t-logo .lock b{font-size:.92rem}

/* ---------- responsivo ---------- */
@media (max-width:820px){
  .pv-dz{grid-template-columns:auto 1fr;gap:16px;padding:18px}
  .pv-dz-btn{grid-column:1/-1;justify-content:center}
  .pv-dz-ring{left:18px}
  .pv-dz-t b{font-size:1.02rem}
}
@media (max-width:700px){
  #pv .pv-links{display:flex}
  .pv-svcs{grid-template-columns:repeat(3,1fr);gap:6px}
  .pv-svc{padding:8px;min-height:80px}
  .pv-contact,.pv-about{flex-direction:column;align-items:flex-start;gap:12px}
  .pv-form{max-width:none;width:100%}
}
@media (max-width:480px){
  .pv-dz{grid-template-columns:1fr;text-align:center;justify-items:center}
  .pv-dz-ring{left:50%;margin-left:-36px;top:18px;margin-top:0}
  .pv-dz-t{align-items:center}
  .pv-link{padding:4px 5px;font-size:.56rem}
  .pv-link.pv-navbtn{margin-left:0}
  .pv-nav{padding:10px 12px}
}

/* ---------- movimento reduzido ---------- */
@media (prefers-reduced-motion: reduce){
  .sty-bars i::after{transform:none}
  .pattern-in,.pv-page,.pv-dz,.igp-p{transition:none}
  .pv-dz-ico svg,.pv-dz-ring{animation:none}
  .pv-dz-ring{opacity:0}
  .zoomin.reset{opacity:1;transform:none}
}

/* ---------- grade com feed, story e padrão (só na página da prévia) ---------- */
.pg-previa .tiles{grid-template-areas:"site site site site app app" "site site site site pal pal" "feed feed feed card card card" "feed feed feed type type type" "feed feed feed pat pat pat" "post post post story story story" "post post post story story story" "ad ad ad ad logo logo"}
.t-feed{grid-area:feed}.t-story{grid-area:story}.t-pattern{grid-area:pat}
.pv-dz-ring{top:60px;margin-top:-36px}
.pv-page .pv-hero{max-width:66%}
.pv-live{transition:color .3s,border-color .3s}
.stage.building~.pv-live{color:#fff}
@media (max-width:820px){.pv-dz-ring{top:54px}}
@media (max-width:700px){.pg-previa .tiles{grid-template-areas:"site site" "app pal" "feed feed" "card card" "type type" "story pat" "post post" "ad ad" "logo logo"}.pv-page .pv-hero{max-width:100%}}
@media (max-width:480px){.pg-previa .tiles{grid-template-areas:"site" "app" "pal" "feed" "card" "type" "story" "pat" "post" "ad" "logo"}.pv-dz-ring{top:18px;margin-top:0}}

/* ---------- rodada 6: exemplo, identidade de prévia, download, dicas discretas, redes que respondem ---------- */
.pv-tools{display:inline-flex;gap:8px;flex-wrap:wrap}
.pv-dz-alt{font-size:.86rem;color:var(--text-2)}
.pv-dz-alt a{color:#fff;text-decoration:underline;text-underline-offset:3px;transition:color .3s}
.pv-dz-alt a:hover{color:var(--accent)}
.pv-gen{border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(0,0,0,.35)}
.pv-gen-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;font:500 .86rem var(--font-b);color:#fff;text-align:left;border-radius:12px;transition:background .3s}
.pv-gen-toggle:hover{background:rgba(49,92,255,.08)}
.pv-gen-toggle i{width:22px;height:22px;border-radius:50%;border:1px solid rgba(255,255,255,.2);position:relative;flex:none;transition:transform .4s var(--ease-out),background .3s,border-color .3s}
.pv-gen-toggle i::before,.pv-gen-toggle i::after{content:"";position:absolute;left:5px;top:9.5px;width:10px;height:1.5px;background:#fff;border-radius:1px}
.pv-gen-toggle i::after{transform:rotate(90deg)}
.pv-gen-toggle[aria-expanded=true] i{transform:rotate(45deg);background:var(--accent);border-color:var(--accent)}
.pv-gen-body{padding:4px 14px 14px;display:flex;flex-direction:column;gap:12px}
.pv-gen-body[hidden]{display:none}
.pv-gen-note{font-size:.8rem;color:var(--text-2);line-height:1.45}
.pv-gen-styles{grid-template-columns:repeat(3,1fr)}
.gen-thumb{display:block;width:40px;height:40px}
.gen-thumb img{width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-drag:none;user-select:none}
.pv-seg-4{grid-template-columns:repeat(4,1fr)}
.pv-seg-4 .pv-seg-b{padding:8px 2px;font-size:.74rem}
#pv-gen-shape-f[hidden]{display:none}
.pv-gen-actions{display:flex;gap:8px;flex-wrap:wrap}
.pv-gen-actions .pv-present{height:34px;padding:0 12px;font-size:.8rem}
.gen-on [data-pv=logo] img,.pv-dz-logo img{pointer-events:none;-webkit-user-drag:none;user-select:none}
.gen-on .app-ico img,.gen-on .favi img,.gen-on .lock.b img,.gen-on .pv-ad .fav img,.gen-on .igp-h img{filter:var(--p-logo-filter)}
.pv-ad .fav img{background:var(--p-surface)}
.pv-dl-note{font-size:.8rem;color:var(--text-2);margin-top:10px;max-width:60ch}
.btn[disabled],.btn[aria-disabled=true]{opacity:.42;cursor:not-allowed;filter:saturate(.3)}
.btn[disabled]:hover,.btn[aria-disabled=true]:hover{transform:none}

/* dicas discretas: somem depois da primeira interação */
.hint{position:absolute;right:10px;bottom:10px;z-index:3;display:inline-flex;align-items:center;gap:6px;font:400 .54rem var(--font-m);letter-spacing:.12em;text-transform:uppercase;color:rgba(245,245,242,.62);padding:4px 8px;border-radius:6px;background:rgba(0,0,0,.62);border:1px solid rgba(255,255,255,.1);pointer-events:none;transition:opacity .5s;max-width:calc(100% - 20px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hint::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent);animation:online-blink 2s ease-in-out infinite;flex:none}
.tile-in.used .hint{opacity:0}
.tiles.spotlit .hint{opacity:0}
@media (pointer:coarse){.hint.mouse{display:none}}

/* post escolhido vai pro celular */
.igp-p{cursor:pointer}
.igp-p:focus-visible{outline:2px solid var(--p-accent);outline-offset:-2px}
.igp-p.on{box-shadow:inset 0 0 0 2px var(--p-accent)}
.pv-phone .post-media.show-post{padding:0;display:block}
.pv-phone .post-media .igp-p.in-phone{position:absolute;inset:0;aspect-ratio:auto;border-radius:0;padding:16px;transform:none;box-shadow:none;cursor:default;display:flex}
.pv-phone .post-media .in-phone .igp-q{font-size:.92rem;-webkit-line-clamp:5}
.pv-phone .post-media .in-phone .igp-q::before{font-size:2rem}
.pv-phone .post-media .in-phone.p-cta span{font-size:.95rem}
.pv-phone .post-media .in-phone.p-cta svg{width:22px;height:22px}
.pv-phone .post-media .in-phone.p-tip small{font-size:.6rem}
.pv-phone .post-media .in-phone.p-tip span{font-size:.72rem;white-space:normal}
.pv-phone .post-media .in-phone.p-name b{font-size:1.1rem}
.pv-phone .post-media .in-phone.p-name small{font-size:.7rem}
.pv-phone .post-media .in-phone.p-seg span{font-size:.95rem}
.pv-phone .post-media .in-phone.p-logo [data-pv=logo] i{width:56px;height:56px;font-size:1.15rem}
.pv-phone .post-media .in-phone.p-logo [data-pv=logo] img{width:64px;height:64px}
.pv-phone .post-media .in-phone.p-logo b{font-size:.95rem}
.pv-phone.pulse{animation:phone-pulse .7s var(--ease-out)}
@keyframes phone-pulse{0%{transform:scale(1)}40%{transform:scale(1.025)}100%{transform:scale(1)}}

/* story em três telas, com as barras acompanhando */
.sty{cursor:pointer}
.sty:focus-visible{outline:2px solid var(--p-accent);outline-offset:3px}
.sty-slides{position:relative;flex:1;min-height:0}
.sty-slide{position:absolute;inset:0;opacity:0;transform:translateX(14px);transition:opacity .45s var(--ease-out),transform .55s var(--ease-out);pointer-events:none}
.sty.s0 .sty-slide:nth-child(1),.sty.s1 .sty-slide:nth-child(2),.sty.s2 .sty-slide:nth-child(3){opacity:1;transform:none;pointer-events:auto}
.sty-k{font:500 .5rem var(--font-m);letter-spacing:.14em;text-transform:uppercase;color:var(--p-accent)}
.sty-list{display:flex;flex-direction:column;gap:4px;width:100%}
.sty-list i{font:500 .58rem var(--p-font-b);font-style:normal;padding:5px 8px;border-radius:6px;background:var(--p-surface);border:1px solid rgba(128,128,128,.25);color:var(--p-text);text-align:center}
.tile-in.in .sty.s0 .sty-bars i:nth-child(n+2)::after{animation:none;transform:scaleX(0)}
.tile-in.in .sty.s1 .sty-bars i:nth-child(1)::after{animation:none;transform:scaleX(1)}
.tile-in.in .sty.s1 .sty-bars i:nth-child(3)::after{animation:none;transform:scaleX(0)}
.tile-in.in .sty.s2 .sty-bars i:nth-child(-n+2)::after{animation:none;transform:scaleX(1)}
.tile-in.in .sty.s0 .sty-bars i:nth-child(1)::after,.tile-in.in .sty.s1 .sty-bars i:nth-child(2)::after,.tile-in.in .sty.s2 .sty-bars i:nth-child(3)::after{animation:sty-fill 3.4s linear forwards}
@media (prefers-reduced-motion: reduce){
  .sty-slide{transition:none}
  .hint::before{animation:none}
  .pv-phone.pulse{animation:none}
  .tile-in.in .sty .sty-bars i::after{animation:none!important}
  .tile-in.in .sty.s0 .sty-bars i:nth-child(1)::after,.tile-in.in .sty.s1 .sty-bars i:nth-child(2)::after,.tile-in.in .sty.s2 .sty-bars i:nth-child(3)::after{transform:scaleX(1)}
}