:root{--bg:#060403;--bg-soft:#0e0906;--surface:#15100b;--surface-2:#1d170f;--gold:#c8a84b;--gold-bright:#e8d48b;--gold-dim:#7d6530;--border:#2f2718;--text:#d4c9ae;--text-soft:#a99b7d;--text-strong:#f2e8cf;--success:#95b178;--radius-sm:12px;--radius-md:18px;--radius-lg:28px;--font-logo:"Metamorphous","IM Fell English","Times New Roman";--font-title:"Cormorant Garamond","Times New Roman";--font-subtitle:"Cormorant Garamond","Times New Roman";--font-body:"Source Sans 3","Helvetica Neue","Segoe UI";--font-quote:"IM Fell English","Times New Roman";--font-mark:"Cinzel Decorative","Cormorant Garamond","Times New Roman"}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-body);line-height:1.65;overflow-x:hidden}body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:0.55;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='260' height='260' filter='url(%23noiseFilter)' opacity='0.05'/%3E%3C/svg%3E")}a{color:inherit}main,nav,footer,section{position:relative;z-index:1}.container{width:100%;max-width:480px;margin:0 auto;padding:0 1.2rem}.eyebrow{text-transform:uppercase;letter-spacing:0.28em;font-size:0.62rem;color:var(--gold-dim)}.section-head{text-align:center;display:grid;gap:0.8rem}.section-head h2{font-family:var(--font-title);font-size:clamp(1.6rem,7vw,2.5rem);line-height:1.1;color:var(--gold-bright);font-weight:600}.section-head p{color:var(--text-soft);font-size:1rem}.ornament{display:flex;align-items:center;gap:0.9rem;color:var(--gold-dim);justify-content:center;font-size:0.76rem;letter-spacing:0.25em;text-transform:uppercase}.ornament::before,.ornament::after{content:"";width:54px;height:1px;background:linear-gradient(to right,transparent,var(--gold-dim),transparent)}.top-nav{position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(200,168,75,0.2);background:linear-gradient(to bottom,rgba(6,4,3,0.95),rgba(6,4,3,0.72));backdrop-filter:blur(10px)}.top-nav-main{display:flex;align-items:center;justify-content:space-between;min-height:64px}.top-nav-pages{min-height:36px;display:flex;justify-content:space-between;align-items:center;gap:0.4rem;flex-wrap:wrap;padding-top:0.12rem;padding-bottom:0.55rem}.top-nav-pages a{position:relative;flex:1;text-align:center;text-decoration:none;text-transform:uppercase;letter-spacing:0.1em;font-size:0.56rem;color:var(--text-soft)}.top-nav-pages a+a::before{content:"|";position:absolute;left:0;top:50%;transform:translate(-50%,-50%);color:#88795f}.top-nav-pages a:hover{color:var(--gold-bright)}.logo{font-family:var(--font-logo);color:var(--gold);text-decoration:none;letter-spacing:0.08em;font-size:1rem}.nav-cta{display:inline-flex;align-items:center;gap:0.38rem;text-decoration:none;text-transform:uppercase;letter-spacing:0.15em;font-size:0.62rem;color:#080604;font-weight:700;padding:0.62rem 1rem;border-radius:999px;background:linear-gradient(130deg,#b89230 0%,var(--gold-bright)52%,#b89230 100%);border:1px solid rgba(0,0,0,0.28)}.nav-cta::before{content:"▶";font-size:0.66rem;line-height:1}.nav-cta-temp{gap:0;color:#2a2a2a;text-transform:uppercase;letter-spacing:0.04em;background:linear-gradient(138deg,#f0f4fa 0%,#b2c2d6 20%,#6f89a8 48%,#a8bbd3 78%,#edf3f9 100%);border:1px solid #90a9c7;box-shadow:inset 0 1px 0 rgba(255,255,255,0.65),0 10px 20px rgba(43,68,95,0.34);font-size:x-small}.nav-cta-temp::before{content:"";display:none}.hero{min-height:calc(100svh - 98px);display:grid;place-items:center;text-align:center;padding:3.2rem 0 7rem;background:radial-gradient(circle at 18% 5%,rgba(200,168,75,0.12),transparent 45%),radial-gradient(circle at 85% 90%,rgba(232,212,139,0.08),transparent 42%),var(--bg)}.hero-inner{width:100%;max-width:480px;padding:0 1.0rem;display:grid;justify-items:center}.hero-icon{width:106px;height:106px;border-radius:26px;border:1px solid var(--gold-dim);background:linear-gradient(145deg,#161108,#0d0906);box-shadow:0 16px 40px rgba(0,0,0,0.6),0 0 40px rgba(200,168,75,0.14);margin-bottom:1.2rem;overflow:hidden}.hero-icon picture{display:block;width:100%;height:100%}.hero-icon img{width:100%;height:100%;object-fit:cover}.hero h1{font-family:var(--font-logo);color:var(--gold-bright);font-size:clamp(2.1rem,11vw,3.3rem);line-height:0.95;letter-spacing:0.04em;margin-top:1.5rem;font-weight:600}.hero-subtitle{font-family:var(--font-subtitle);font-style:italic;font-size:clamp(1.1rem,5vw,1.35rem);color:#ebddba;margin-top:1rem}.hero-copy{max-width:36ch;margin-top:1.2rem;color:var(--text-soft);font-size:1.02rem;text-align:justify}.hero-actions{width:100%;max-width:320px;margin:1.8rem auto 0;display:grid;gap:0.72rem}.btn{display:inline-flex;justify-content:center;align-items:center;gap:0.46rem;width:100%;text-decoration:none;text-transform:uppercase;letter-spacing:0.17em;font-size:0.67rem;padding:0.9rem 1.15rem;border-radius:999px;font-weight:700}.btn svg{width:0.9rem;height:0.9rem;fill:currentColor;flex:0 0 auto}.btn-primary{color:#090704;border:1px solid rgba(0,0,0,0.45);background:linear-gradient(130deg,#b88f2f 0%,var(--gold-bright)50%,#b88f2f 100%);box-shadow:0 10px 24px rgba(200,168,75,0.18);font-size:small}.btn-secondary{color:var(--gold-bright);border:1px solid var(--gold-dim);background:transparent}.btn-temp-metallic{color:#2a2a2a;text-transform:uppercase;letter-spacing:0.04em;border:1px solid #90a9c7;background:linear-gradient(138deg,#f0f4fa 0%,#b2c2d6 20%,#6f89a8 48%,#a8bbd3 78%,#edf3f9 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.65),0 12px 24px rgba(43,68,95,0.34);font-size:smaller}.hero-scroll{margin-top:1.7rem;display:grid;justify-items:center;gap:0.38rem;text-transform:uppercase;letter-spacing:0.2em;color:var(--gold-dim);font-size:0.56rem}.scroll-line{width:1px;height:42px;background:linear-gradient(to bottom,var(--gold),transparent);animation:scrollPulse 1.9s ease-in-out infinite}@keyframes scrollPulse{0%,100%{opacity:0.4;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.15)}}.hero[data-fade]{opacity:0;transform:translateY(20px);animation:fadeUp 0.74s ease forwards}.hero[data-fade="1"]{animation-delay:0.08s}.hero[data-fade="2"]{animation-delay:0.18s}.hero[data-fade="3"]{animation-delay:0.28s}.hero[data-fade="4"]{animation-delay:0.38s}.hero[data-fade="5"]{animation-delay:0.48s}.hero[data-fade="6"]{animation-delay:0.58s}.hero[data-fade="7"]{animation-delay:0.68s}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.section{padding:3.2rem 0}.features-grid{margin-top:1.8rem;display:grid;gap:0.95rem}.gold-card{position:relative;border-radius:var(--radius-md);background:var(--surface-2);padding:1.15rem;border:1px solid var(--border);overflow:hidden}.gold-card::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(140deg,rgba(200,168,75,0.75),transparent 38%,transparent 62%,rgba(232,212,139,0.75));-webkit-mask:linear-gradient(#fff 0 0)content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.feature-card h3{font-family:var(--font-title);color:var(--gold-bright);font-size:1.25rem;margin-bottom:0.35rem;font-weight:600}.feature-card p{color:var(--text-soft);font-size:0.96rem}.feature-icon{width:1.9rem;height:1.9rem;border:1px solid rgba(200,168,75,0.45);border-radius:50%;display:grid;place-items:center;color:var(--gold);margin-bottom:0.7rem;font-size:0.9rem}.screenshots-track,.baralho-track{display:flex;overflow-x:auto;gap:0.9rem;scroll-snap-type:x mandatory;padding:0.15rem 0.1rem 0.5rem;scrollbar-width:none;-ms-overflow-style:none}.screenshots-track::-webkit-scrollbar,.baralho-track::-webkit-scrollbar{display:none}.baralho-shell{margin-top:1.1rem;position:relative}.baralho-viewport{position:relative;overflow:hidden}.baralho-viewport::before,.baralho-viewport::after{content:"";position:absolute;top:0;bottom:0;width:40px;pointer-events:none;z-index:3;backdrop-filter:blur(1.5px)}.baralho-viewport::before{left:0;background:linear-gradient(to right,rgba(6,4,3,1),rgba(6,4,3,0))}.baralho-viewport::after{right:0;background:linear-gradient(to left,rgba(6,4,3,1),rgba(6,4,3,0))}.baralho-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:2.15rem;height:2.15rem;border-radius:999px;border:1px solid var(--gold-dim);background:rgba(12,8,6,0.74);color:var(--gold-bright);font-family:var(--font-title);font-size:1.05rem;line-height:1;cursor:pointer}.baralho-prev{left:0.2rem}.baralho-next{right:0.2rem}.baralho-btn:hover{border-color:var(--gold-bright);background:rgba(232,212,139,0.16)}.screenshot-item,.baralho-item{flex:0 0 clamp(148px,39vw,178px);scroll-snap-align:start;display:grid;gap:0.5rem}.baralho-track{cursor:grab}.baralho-track.is-dragging{cursor:grabbing;scroll-snap-type:none}.phone-chrome{border-radius:var(--radius-lg);border:1px solid #3a2e1a;background:linear-gradient(145deg,#0f0b07,#1d170f);aspect-ratio:9/19;padding:0.35rem;box-shadow:0 15px 40px rgba(0,0,0,0.45)}.phone-chrome img{width:100%;height:100%;border-radius:calc(var(--radius-lg)- 7px);object-fit:cover;object-position:center;display:block}.screenshot-placeholder{width:100%;height:100%;border-radius:calc(var(--radius-lg)- 7px);border:1px dashed rgba(232,212,139,0.5);display:grid;place-items:center;text-align:center;color:var(--text-soft);font-size:0.8rem;padding:0.75rem;background:linear-gradient(135deg,rgba(200,168,75,0.06),rgba(6,4,3,0.75))}.screenshot-item p,.baralho-item p{text-align:center;text-transform:uppercase;letter-spacing:0.16em;font-size:0.57rem;color:var(--text-soft)}.steps{margin-top:1.7rem;display:grid}.step{display:grid;grid-template-columns:52px 1fr;gap:0.9rem;position:relative;padding:1rem 0}.step:not(:last-child)::after{content:"";position:absolute;left:26px;top:52px;width:1px;bottom:-2px;background:linear-gradient(to bottom,rgba(200,168,75,0.72),transparent)}.step-num{width:52px;height:52px;border-radius:50%;border:1px solid var(--gold-dim);color:var(--gold);display:grid;place-items:center;font-family:var(--font-title);font-size:1rem;background:#110d08}.step h3{font-family:var(--font-title);font-size:1.21rem;color:var(--gold-bright);margin-bottom:0.24rem;font-weight:600}.step p{color:var(--text-soft);font-size:0.95rem}.style-grid{margin-top:1.7rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0.7rem}.style-chip{border:1px solid var(--border);border-radius:var(--radius-sm);padding:0.8rem;background:var(--surface)}.style-chip.featured{border-color:rgba(232,212,139,0.78);box-shadow:inset 0 0 0 1px rgba(200,168,75,0.45);background:linear-gradient(150deg,rgba(200,168,75,0.12),rgba(12,9,6,0.9))}.style-chip strong{display:block;font-family:var(--font-title);color:var(--gold-bright);font-size:1.04rem;font-weight:600}.style-chip p{color:var(--text-soft);font-size:0.86rem;margin-top:0.22rem}.marquee-shell{margin-top:1.7rem;overflow:hidden;border-top:1px solid rgba(200,168,75,0.18);border-bottom:1px solid rgba(200,168,75,0.18);padding:0.95rem 0}.marquee-track{display:flex;width:max-content;animation:marqueeMove 68s linear infinite;gap:0.6rem}.marquee-shell:hover .marquee-track{animation-play-state:paused}.marquee-image{width:100%;height:auto;display:block;border:1px solid var(--border);border-top:none;border-radius:0 0 var(--radius-md)var(--radius-md)}.marquee-media,.cta-media,#cartas .container picture,#download .container>picture{display:block;line-height:0}@keyframes marqueeMove{from{transform:translateX(0)}to{transform:translateX(-50%)}}.marquee-group{display:flex;gap:0.6rem}.card-chip{white-space:nowrap;border:1px solid #3b2e19;color:var(--text-soft);padding:0.35rem 0.78rem;border-radius:999px;background:#120e09;font-size:0.64rem;letter-spacing:0.12em;text-transform:uppercase}.card-chip.major{border-color:rgba(200,168,75,0.65);color:var(--gold-bright)}.quote-box{text-align:center;max-width:420px;margin:1.8rem auto 0}.quote-mark{display:block;font-family:var(--font-mark);color:var(--gold-dim);font-size:5.2rem;line-height:0.5;margin-bottom:1rem}.quote-box blockquote{font-family:var(--font-quote);font-size:clamp(1.18rem,4.8vw,1.5rem);font-style:italic;color:var(--text-strong)}.quote-box cite{display:block;margin-top:1rem;font-family:var(--font-title);letter-spacing:0.16em;text-transform:uppercase;color:#8f763b;font-size:0.72rem;font-style:normal}.tags{margin-top:1.7rem;display:flex;flex-wrap:wrap;gap:0.55rem}.tag{border-radius:999px;border:1px solid var(--border);background:#120e09;color:var(--text-soft);padding:0.42rem 0.75rem;font-size:0.72rem;letter-spacing:0.08em;text-transform:uppercase}.tag.highlight{color:var(--gold-bright);border-color:rgba(232,212,139,0.54);background:rgba(200,168,75,0.1)}.cta-panel{margin-top:1.8rem;border:1px solid var(--border);border-radius:var(--radius-md);background:radial-gradient(circle at 50% 100%,rgba(200,168,75,0.15),transparent 60%),var(--surface);padding:1.4rem;text-align:center}.cta-image{width:100%;height:auto;display:block;border:1px solid var(--border);border-bottom:none;border-radius:var(--radius-md)var(--radius-md)0 0}.cta-image+.cta-panel,.cta-media+.cta-panel{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}.cta-panel h2{font-family:var(--font-title);color:var(--gold-bright);font-size:clamp(1.5rem,7vw,2.2rem);line-height:1.05;font-weight:600}.cta-panel p{margin-top:0.65rem;color:var(--text-soft)}.badges{margin-top:1rem;display:flex;justify-content:center;gap:0.45rem;flex-wrap:wrap}.badge{border:1px solid rgba(236,170,112,0.45);color:#fff4ea;background:rgba(190,82,38,0.14);text-transform:uppercase;letter-spacing:0.12em;font-size:0.56rem;border-radius:999px;padding:0.34rem 0.55rem}.site-footer{margin-top:4.3rem;border-top:1px solid var(--border);padding:1.6rem 0 2.4rem}.footer-inner{width:100%;max-width:480px;margin:0 auto;padding:0 1.2rem;text-align:center;display:grid;gap:0.8rem}.footer-inner nav{display:flex;justify-content:center;gap:0.7rem;flex-wrap:wrap;align-items:center}.footer-inner nav a{position:relative;text-decoration:none;text-transform:uppercase;letter-spacing:0.15em;font-size:0.58rem;color:var(--text-soft)}.footer-inner nav a+a::before{content:"|";position:absolute;left:-0.45rem;color:#88795f}.footer-inner p{font-size:0.76rem;color:#88795f}.top-nav-pages a[aria-current="page"]{color:var(--gold-bright)}@media(min-width:540px){.features-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}