.experience-more{max-width:1320px;margin:1.7rem auto 0;text-align:right;color:#656970;font:500 .66rem var(--mono);text-transform:uppercase;letter-spacing:.15em}.experience-more:before{content:"";display:inline-block;width:44px;height:1px;margin:0 .8rem .22rem 0;background:currentColor;opacity:.55}

/* Logo fidelity: preserve brand artwork without white plates. */
.project-card--visual{color:#171629;background:radial-gradient(circle at 88% 12%,rgba(96,80,230,.18),transparent 34%),linear-gradient(145deg,#f1f0ff,#dcd9ff)}.project-card--visual:hover{background:radial-gradient(circle at 88% 12%,rgba(96,80,230,.23),transparent 36%),linear-gradient(145deg,#f7f6ff,#d5d0ff);color:#171629}.project-card--visual .project-card__top>span,.project-card--visual>p{color:#55526f}.project-card--visual .project-card__brand img{background:transparent;padding:0;mix-blend-mode:multiply;width:min(88%,300px);max-height:112px}.project-card--visual .project-card__footer>button{color:#211c51}.project-card--visual .project-card__footer>button:hover{color:#fff}.project-card--visual .project-card__footer>button:hover b{color:#fff}
.project-card--mente{color:#082b50;background:radial-gradient(circle at 88% 12%,rgba(255,75,154,.16),transparent 34%),linear-gradient(145deg,#eff9ff,#cdeaff)}.project-card--mente:hover{background:radial-gradient(circle at 88% 12%,rgba(255,75,154,.22),transparent 36%),linear-gradient(145deg,#f5fbff,#c4e5ff);color:#082b50}.project-card--mente .project-card__top>span,.project-card--mente>p{color:#46647d}.project-card--mente .project-card__brand img{background:transparent;padding:0;width:min(92%,330px);max-height:105px;filter:drop-shadow(0 8px 18px rgba(3,32,60,.12))}.project-card--mente .project-card__footer>button{color:#082b50}.project-card--mente .project-card__footer>button:hover{color:#fff}.project-card--mente .project-card__footer>button:hover b{color:#fff}

.app-showcase{margin:5rem 0 0;border-top:1px solid rgba(255,255,255,.16);padding-top:2.3rem;display:grid;grid-template-columns:minmax(220px,.56fr) minmax(0,1.44fr);gap:3rem;align-items:stretch}.app-showcase__intro>span{font:500 .6rem var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--acid)}.app-showcase__intro h3{font-size:clamp(2.1rem,3.5vw,3.8rem);line-height:.94;letter-spacing:-.06em;margin:1.25rem 0}.app-showcase__intro p{max-width:350px;color:#8e949e;font-size:.74rem;line-height:1.65}.app-showcase__list{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(255,255,255,.16)}.app-showcase__card{min-height:250px;padding:1.5rem;background:#10141b;display:flex;flex-direction:column;position:relative;overflow:hidden}.app-showcase__card:after{content:"";position:absolute;width:190px;height:190px;border:44px solid var(--app-accent);border-radius:50%;right:-135px;bottom:-135px;opacity:.35}.app-showcase__card--fit{--app-accent:#ff7355;background:radial-gradient(circle at 78% 20%,rgba(255,115,85,.17),transparent 32%),#17120f}.app-showcase__card--onpsi{--app-accent:#43b9ef;background:radial-gradient(circle at 78% 20%,rgba(67,185,239,.18),transparent 32%),#071c2d}.app-showcase__index{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2}.app-showcase__index span{font:500 .56rem var(--mono);letter-spacing:.1em;color:#9aa0aa}.app-showcase__index b{font:500 .58rem var(--mono);color:var(--app-accent);border:1px solid color-mix(in srgb,var(--app-accent) 45%,transparent);border-radius:99px;padding:.5rem}.app-showcase__wordmark{display:flex;align-items:baseline;gap:.45rem;margin:auto 0 1rem;position:relative;z-index:2;color:#fff}.app-showcase__wordmark strong{font-size:clamp(2rem,4vw,4.2rem);letter-spacing:-.075em}.app-showcase__wordmark strong:last-child{color:var(--app-accent)}.app-showcase__wordmark i{font-style:normal;color:#b8bdc5;font-size:1.2rem}.app-showcase__logo{height:95px;margin:auto 0 1rem;display:flex;align-items:center;position:relative;z-index:2}.app-showcase__logo img{display:block;max-width:230px;max-height:90px;object-fit:contain}.app-showcase__card p{position:relative;z-index:2;margin:0 0 .65rem;color:#fff;font-size:.78rem}.app-showcase__card small{position:relative;z-index:2;color:#8e98a5;font:400 .55rem var(--mono);text-transform:uppercase;letter-spacing:.07em}
@media(max-width:900px){.app-showcase{grid-template-columns:1fr}.app-showcase__intro{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.app-showcase__intro>span{grid-column:1/-1}.app-showcase__intro h3,.app-showcase__intro p{margin-top:0}.app-showcase__intro p{align-self:end}}
@media(max-width:620px){.experience-more{text-align:left}.app-showcase{margin-top:3.5rem}.app-showcase__intro,.app-showcase__list{grid-template-columns:1fr}.app-showcase__intro p{align-self:auto}.app-showcase__card{min-height:230px}.app-showcase__wordmark strong{font-size:2.8rem}}

.experience-more{color:#272b31;font-weight:600}
.project-card--visual,.project-card--visual:hover{background:#fff;color:#171629}

/* Mobile products: compact cards with unmistakable device mockups. */
.app-showcase__card{min-height:300px;padding:1.4rem}.app-showcase__copy{position:relative;z-index:3;width:calc(100% - 145px);margin-top:auto}.app-showcase__copy .app-showcase__wordmark,.app-showcase__copy .app-showcase__logo{margin:0 0 1rem}.app-showcase__open{margin-top:1.2rem;border:1px solid color-mix(in srgb,var(--app-accent) 52%,transparent);background:color-mix(in srgb,var(--app-accent) 14%,transparent);color:#fff;padding:.72rem .8rem;font:500 .55rem var(--mono);text-transform:uppercase;letter-spacing:.06em;display:inline-flex;align-items:center;gap:.8rem;cursor:pointer;transition:.25s}.app-showcase__open b{color:var(--app-accent);font-size:.85rem}.app-showcase__open:hover,.app-showcase__open:focus-visible{background:var(--app-accent);color:#081016;transform:translateY(-2px)}.app-showcase__open:hover b,.app-showcase__open:focus-visible b{color:#081016}.app-showcase__device{position:absolute;z-index:2;right:1.25rem;bottom:-28px;width:118px;height:235px;border:6px solid #080b10;border-radius:28px;background:#080b10;box-shadow:0 24px 50px rgba(0,0,0,.48);transform:rotate(5deg);overflow:hidden}.app-showcase__device>i,.app-modal__phone>i{position:absolute;z-index:4;left:50%;top:8px;transform:translateX(-50%);width:38%;height:6px;border-radius:99px;background:#080b10}.app-showcase__screen{height:100%;display:grid;place-items:center;text-align:center;border-radius:21px;overflow:hidden}.app-showcase__screen--fit{background:radial-gradient(circle at 70% 22%,rgba(255,115,85,.5),transparent 26%),linear-gradient(160deg,#25140f,#0d0c0c);color:#fff}.app-showcase__screen--fit span{font-size:2.1rem;font-weight:800;letter-spacing:-.08em}.app-showcase__screen--fit small{position:absolute;top:58%;color:#ff7355;font:700 .72rem var(--mono)}.app-showcase__screen--onpsi{background:radial-gradient(circle at 70% 22%,rgba(67,185,239,.32),transparent 28%),linear-gradient(160deg,#0a314c,#06141f)}.app-showcase__screen--onpsi img{width:76%;object-fit:contain}

.app-modal{--app-modal-accent:#ff7355;width:min(1080px,94vw);height:min(760px,92vh);max-width:none;max-height:none;padding:0;border:0;background:#f0ede6;color:#101319;overflow:hidden}.app-modal[open]{display:grid;grid-template-columns:.9fr 1.1fr}.app-modal::backdrop{background:rgba(3,6,10,.9);backdrop-filter:blur(12px)}.app-modal--onpsi{--app-modal-accent:#43b9ef}.app-modal .modal-close{position:fixed;right:max(4vw,1.5rem);top:max(4vh,1.5rem);height:44px;padding:0 1rem;border:1px solid rgba(255,255,255,.25);border-radius:99px;background:rgba(7,12,18,.9);color:#fff;display:flex;align-items:center;gap:.7rem;z-index:8}.app-modal .modal-close span{color:var(--app-modal-accent);font-size:1.1rem}.app-modal__stage{position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 60% 28%,color-mix(in srgb,var(--app-modal-accent) 30%,transparent),transparent 33%),#0b0e14}.app-modal__stage:after{content:"";position:absolute;width:360px;height:360px;border:78px solid var(--app-modal-accent);border-radius:50%;left:-250px;bottom:-270px;opacity:.45}.app-modal__phone{position:relative;z-index:2;width:245px;height:500px;border:11px solid #05070a;border-radius:52px;background:#05070a;box-shadow:0 45px 80px rgba(0,0,0,.55);transform:rotate(-4deg);overflow:hidden}.app-modal__phone>i{top:12px;height:9px}.app-modal__screen{height:100%;border-radius:40px;display:grid;place-items:center;text-align:center;overflow:hidden}.app-modal__screen--fit{background:radial-gradient(circle at 70% 22%,rgba(255,115,85,.5),transparent 28%),linear-gradient(160deg,#28140e,#0b0c0e);color:#fff}.app-modal__screen--fit span{font-size:4.2rem;font-weight:800;letter-spacing:-.09em}.app-modal__screen--fit small{position:absolute;top:58%;font:700 1rem var(--mono);color:#ff7355}.app-modal__screen--onpsi{background:radial-gradient(circle at 72% 22%,rgba(67,185,239,.38),transparent 28%),linear-gradient(160deg,#0b3858,#06141f)}.app-modal__screen--onpsi img{width:74%;object-fit:contain}.app-modal__stage-label{position:absolute;z-index:3;left:2rem;bottom:1.8rem;color:rgba(255,255,255,.62);font:500 .58rem var(--mono);text-transform:uppercase;letter-spacing:.12em}.app-modal__content{padding:clamp(3rem,6vw,6rem);overflow-y:auto}.app-modal__content>span{font:500 .6rem var(--mono);text-transform:uppercase;letter-spacing:.12em;color:#6c727b}.app-modal__content h2{font-size:clamp(4rem,7vw,7.2rem);line-height:.82;letter-spacing:-.08em;margin:2rem 0}.app-modal__content h2 em{font-style:normal;color:var(--app-modal-accent)}.app-modal__content>p{max-width:560px;font-size:.9rem;line-height:1.8;color:#565d67}.app-modal__ready{margin-top:3rem;padding:1.5rem;border-left:4px solid var(--app-modal-accent);background:#fff}.app-modal__ready b{font-size:1rem}.app-modal__ready p{margin:.7rem 0 0;color:#687079;font-size:.75rem;line-height:1.65}.app-modal__tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:2.5rem}.app-modal__tags span{padding:.65rem .8rem;border:1px solid rgba(16,19,25,.18);font:500 .56rem var(--mono);text-transform:uppercase;letter-spacing:.07em}
@media(max-width:900px){.app-modal[open]{grid-template-columns:1fr}.app-modal{overflow-y:auto}.app-modal__stage{min-height:620px}.app-modal__content{overflow:visible}.app-showcase__device{right:1rem}}
@media(max-width:620px){.app-showcase__card{min-height:300px}.app-showcase__copy{width:58%}.app-showcase__wordmark{display:block}.app-showcase__wordmark i{display:block}.app-showcase__wordmark strong{font-size:2.15rem}.app-showcase__device{right:.65rem;width:108px;height:218px}.app-modal{width:100vw;height:100vh;max-height:100vh}.app-modal__stage{min-height:520px}.app-modal__phone{width:205px;height:420px}.app-modal__content{padding:4rem 1.4rem}.app-modal__content h2{font-size:19vw}}

/* Fit & Rápido — produto real e galeria de telas */
.app-showcase__screen--fit,.app-modal__screen--fit{display:block;background:#130f0d}
.app-showcase__screen--fit img,.app-modal__screen--fit img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.app-modal__content h2{margin-bottom:1.35rem}
.app-modal__content h2>span{color:var(--app-modal-accent)}
.app-modal__highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:2.2rem;background:rgba(16,19,25,.14);border:1px solid rgba(16,19,25,.14)}
.app-modal__highlights article{min-height:168px;padding:1.2rem;background:#f7f4ed;display:flex;flex-direction:column}
.app-modal__highlights b{font:600 .56rem var(--mono);color:var(--app-modal-accent);letter-spacing:.08em}
.app-modal__highlights strong{margin:.8rem 0 .55rem;font-size:.92rem;line-height:1.12;letter-spacing:-.025em}
.app-modal__highlights p{margin:0;color:#69707a;font-size:.68rem;line-height:1.55}
.app-modal__stage,.app-modal__content{min-width:0}
.app-modal__gallery-wrap{min-width:0;margin-top:2.8rem}
.app-modal__gallery-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1rem}
.app-modal__gallery-head span{font:600 .54rem var(--mono);color:var(--app-modal-accent);text-transform:uppercase;letter-spacing:.1em}
.app-modal__gallery-head h3{margin:.35rem 0 0;font-size:1.45rem;letter-spacing:-.045em}
.app-modal__gallery-controls{display:flex;gap:.4rem}
.app-modal__gallery-controls button{width:40px;height:40px;border:1px solid rgba(16,19,25,.2);background:transparent;color:#101319;cursor:pointer;transition:.2s}
.app-modal__gallery-controls button:hover,.app-modal__gallery-controls button:focus-visible{background:#101319;color:#fff;border-color:#101319}
.app-modal__gallery{display:flex;gap:.85rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--app-modal-accent) rgba(16,19,25,.1);padding:0 0 1rem;overscroll-behavior-inline:contain}
.app-modal__gallery figure{flex:0 0 178px;margin:0;scroll-snap-align:start;background:transparent}
.app-modal__device-shot{position:relative;width:100%;aspect-ratio:414/896;border:7px solid #090c11;border-radius:28px;background:#090c11;box-shadow:0 14px 28px rgba(0,0,0,.18);overflow:hidden}
.app-modal__device-shot>i{position:absolute;z-index:2;left:50%;top:7px;transform:translateX(-50%);width:36%;height:7px;border-radius:99px;background:#090c11}
.app-modal__device-shot img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;background:#0b0e14}
.app-modal__device-shot--source-frame{border:0;background:transparent;box-shadow:none}
.app-modal__device-shot--source-frame img{object-fit:contain;background:transparent}
.app-modal__gallery figcaption{display:flex;align-items:center;gap:.6rem;padding:.85rem .15rem .4rem;background:transparent;color:#474c54;border-bottom:1px solid rgba(16,19,25,.18);font:600 .55rem var(--mono);text-transform:uppercase;letter-spacing:.08em}
.app-modal__gallery figcaption:before{content:"";width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:var(--app-modal-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--app-modal-accent) 15%,transparent)}
.app-modal__links{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.4rem}
.app-modal__links a{display:inline-flex;align-items:center;gap:.65rem;padding:.8rem 1rem;border:1px solid #101319;color:#101319;text-decoration:none;font:600 .56rem var(--mono);text-transform:uppercase;letter-spacing:.06em;transition:.2s}
.app-modal__links a span{color:var(--app-modal-accent)}
.app-modal__links a b{color:var(--app-modal-accent);font-size:.8rem}
.app-modal__links a:hover,.app-modal__links a:focus-visible{background:#101319;color:#fff}
.app-modal__store-row{display:flex;align-items:center;flex-wrap:wrap;gap:.8rem 1rem;margin-top:1.4rem}
.app-modal__store-row .app-modal__links{margin:0}
.app-modal__links--inactive button{display:inline-flex;align-items:center;gap:.65rem;padding:.8rem 1rem;border:1px solid #b6b8bb;background:#e1e0dc;color:#888b90;font:600 .56rem var(--mono);text-transform:uppercase;letter-spacing:.06em;cursor:not-allowed;opacity:.82}
.app-modal__links--inactive button span{color:#aaa}
.app-modal__store-row>small{color:#8b8e93;font:500 .55rem var(--mono);text-transform:uppercase;letter-spacing:.07em}
.app-showcase__screen--onpsi,.app-modal__screen--onpsi{display:block;background:transparent}
.app-showcase__screen--onpsi img,.app-modal__screen--onpsi img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.app-showcase__card--onpsi .app-showcase__device{border:0;background:transparent;box-shadow:none;overflow:visible}
.app-showcase__card--onpsi .app-showcase__device>i,.app-modal__phone--onpsi>i{display:none}
.app-showcase__card--onpsi .app-showcase__screen{border-radius:0}
.app-showcase__card--onpsi .app-showcase__screen img{object-fit:contain;object-position:center;background:transparent;filter:drop-shadow(0 18px 24px rgba(0,0,0,.32))}
.app-modal--onpsi .app-modal__stage{background:radial-gradient(circle at 60% 28%,rgba(67,185,239,.28),transparent 33%),#000}
.app-modal__phone--onpsi{width:265px;height:570px;border:0;background:#000;box-shadow:none;overflow:hidden;transform:none}
.app-modal__phone--onpsi .app-modal__screen{border-radius:0}
.app-modal__phone--onpsi .app-modal__screen img{object-fit:contain;background:#000}
.app-modal__brand-title{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:.8rem;margin-top:1.7rem!important}
.app-modal__brand-title img{display:block;width:clamp(210px,52%,300px);height:auto;max-height:78px;object-fit:contain;object-position:left center}
.app-modal__content h2.app-modal__brand-title em{display:block;font-size:clamp(1.45rem,2.4vw,2.15rem);font-weight:500;line-height:1;letter-spacing:-.045em}
.onpsi-ecosystem{margin-top:2.8rem}.onpsi-ecosystem header{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(16,19,25,.16)}.onpsi-ecosystem header span{font:600 .53rem var(--mono);color:var(--app-modal-accent);text-transform:uppercase;letter-spacing:.1em}.onpsi-ecosystem header h3{margin:0;font-size:1.45rem;letter-spacing:-.045em}.onpsi-ecosystem__grid{display:grid;grid-template-columns:1fr 1fr;column-gap:2rem}.onpsi-ecosystem__item{display:flex;align-items:center;gap:.85rem;min-height:82px;border-bottom:1px solid rgba(16,19,25,.14);opacity:0;transform:translateY(18px)}.app-modal--onpsi[open] .onpsi-ecosystem__item{animation:onpsiItemIn .55s cubic-bezier(.2,.75,.2,1) forwards;animation-delay:calc(180ms + var(--item-delay))}.onpsi-ecosystem__item>i{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:50%;background:linear-gradient(145deg,#1683e8,#0757bf);box-shadow:0 8px 20px rgba(9,103,205,.22)}.onpsi-ecosystem__item svg{width:20px;height:20px;fill:none;stroke:#fff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.onpsi-ecosystem__item strong{display:block;color:#0864c9;font-size:.82rem;line-height:1.1}.onpsi-ecosystem__item p{margin:.28rem 0 0;color:#5b6570;font-size:.6rem;line-height:1.35}.app-modal__development{display:flex;align-items:center;gap:.55rem;margin:.65rem 0 0;color:#737982;font:600 .54rem var(--mono);text-transform:uppercase;letter-spacing:.12em}.app-modal__development i{width:7px;height:7px;border-radius:50%;background:var(--app-modal-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--app-modal-accent) 14%,transparent)}
@keyframes onpsiItemIn{to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.onpsi-ecosystem__item{opacity:1;transform:none}.app-modal--onpsi[open] .onpsi-ecosystem__item{animation:none}}
@media(max-width:1120px){.app-modal__highlights{grid-template-columns:1fr}.app-modal__highlights article{min-height:0}.app-modal__gallery figure{flex-basis:165px}}
@media(max-width:900px){.app-modal[open]{grid-template-columns:minmax(0,1fr)}}
@media(max-width:620px){.app-modal__highlights{margin-top:1.8rem}.app-modal__gallery-wrap{margin-top:2.2rem}.app-modal__gallery figure{flex-basis:72vw}.app-modal__gallery-head h3{font-size:1.2rem}.app-modal__links{display:grid}.app-modal__links a,.app-modal__links--inactive button{justify-content:center}.app-modal__store-row{display:block}.app-modal__store-row>small{display:block;margin-top:.8rem}.app-modal__brand-title{gap:.55rem}.app-modal__brand-title img{width:min(66vw,240px)}.app-modal__content h2.app-modal__brand-title em{font-size:1.35rem}.onpsi-ecosystem header{display:block}.onpsi-ecosystem header h3{margin-top:.45rem}.onpsi-ecosystem__grid{grid-template-columns:1fr}.onpsi-ecosystem__item{min-height:76px}}

/* Fit & Rápido — wordmark using the same title font as the application. */
@font-face{font-family:"Playfair Display Fit";src:url("assets/fonts/PlayfairDisplay-700.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}
.app-showcase__wordmark--fit{display:flex;flex-direction:column;align-items:flex-start;gap:.3rem}
.app-showcase__wordmark--fit strong{font-family:"Playfair Display Fit",Georgia,serif;font-size:clamp(2.25rem,3.55vw,3.65rem);font-weight:700;line-height:.96;letter-spacing:-.045em;color:#fff;white-space:nowrap}
.app-showcase__wordmark--fit strong span{font:inherit;color:inherit}
.app-showcase__wordmark--fit svg{display:block;width:min(220px,92%);height:14px;overflow:visible}
.app-showcase__wordmark--fit svg path{fill:none;stroke:#d2aa58;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:620px){.app-showcase__wordmark--fit strong{font-size:2.45rem}.app-showcase__wordmark--fit svg{width:185px}}