:root{--bg:#050708;--line:rgba(255,255,255,.14);--muted:#929b9d;--white:#f5f6f3;--blue:#5fa8ff;--max:1120px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}.wrap{width:min(var(--max),calc(100% - 56px));margin:auto}.eyebrow{color:#9ca8aa;font-size:11px;letter-spacing:.25em;text-transform:uppercase}.back{display:inline-flex;align-items:center;gap:8px;color:#c7cfce;font-size:13px;border-bottom:1px solid #566164;padding-bottom:4px}.back:hover{color:#fff}.top{padding:28px 0}.brand{font-size:38px;line-height:.75;font-weight:900;letter-spacing:-.14em;font-style:italic}.top-row{display:flex;align-items:center;justify-content:space-between}.hero{padding:72px 0 105px;background:radial-gradient(ellipse at 76% 28%,#152c38 0,transparent 36%),radial-gradient(ellipse at 25% 120%,#17262b 0,transparent 38%)}.hero-grid{display:grid;grid-template-columns:1fr .9fr;gap:70px;align-items:end}.hero h1{font-size:clamp(56px,8vw,105px);line-height:.87;letter-spacing:-.075em;font-weight:450;margin:22px 0 28px}.hero h1 span{color:var(--blue)}.hero p{color:#d9dfdd;font-size:19px;max-width:530px;margin:0}.hero-visual{min-height:410px;position:relative;display:flex;align-items:center;justify-content:center;perspective:1000px}.hero-visual:before{content:"";position:absolute;width:205px;height:386px;border:5px solid #202a2d;border-radius:31px;background:linear-gradient(145deg,#111b1e,#070a0b);right:11%;bottom:2px;transform:rotate(8deg);box-shadow:0 25px 55px rgba(0,0,0,.4);opacity:.72}.visual-window{position:relative;z-index:2;width:205px;height:386px;border:5px solid #303b3f;border-radius:31px;background:#0a0d0e;box-shadow:0 28px 60px rgba(0,0,0,.55),inset 0 0 0 2px #1c2528;padding:26px 10px 10px;overflow:hidden;transform:rotate(-5deg)}.visual-window:before{content:"";position:absolute;z-index:3;top:6px;left:50%;width:74px;height:18px;border-radius:0 0 12px 12px;background:#030405;transform:translateX(-50%)}.visual-window:after{content:"⌂    ◌    ♡    ◉";position:absolute;z-index:4;bottom:13px;left:14px;right:14px;padding:9px 2px 5px;border-top:1px solid rgba(255,255,255,.13);color:#8faab4;background:rgba(7,13,16,.94);font-size:10px;letter-spacing:4px;text-align:center}.visual-top{display:flex;justify-content:space-between;color:#a9b5b5;font-size:8px;position:relative}.visual-top:after{content:"⋯";position:absolute;right:0;top:-20px;font-size:19px;color:#dce4e1}.visual-title{font-size:17px;line-height:1.03;margin:35px 0 18px;letter-spacing:-.06em}.visual-title:before{content:"Olá, hoje";display:block;color:#8d9b9e;font-size:8px;letter-spacing:0;margin-bottom:6px}.visual-lines{display:grid;gap:8px}.visual-lines i{height:7px;border-radius:5px;background:#203740;display:block}.visual-lines i:nth-child(2){width:75%;background:#294454}.visual-lines i:nth-child(3){width:52%;background:var(--blue)}.visual-chart{height:112px;display:flex;align-items:end;gap:4px;margin-top:21px;border-bottom:1px solid #405158;padding:0 4px 28px;position:relative}.visual-chart:after{content:"Resumo semanal";position:absolute;top:0;left:0;color:#99a7a8;font-size:8px}.visual-chart i{flex:1;background:var(--blue);border-radius:3px 3px 0 0;opacity:.85}.visual-chart i:nth-child(1){height:32%}.visual-chart i:nth-child(2){height:48%}.visual-chart i:nth-child(3){height:40%}.visual-chart i:nth-child(4){height:66%}.visual-chart i:nth-child(5){height:82%}.visual-chart i:nth-child(6){height:100%}.visual-window[style*="background"]:after{content:"⌂    ◌    ♡    ◉";background:rgba(36,31,27,.95);color:#d7c4ac}.visual-window[style*="background"] .visual-title:before{content:"Que bom"}.visual-window[style*="background"] .visual-chart:after{content:"Em destaque"}.facts{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);padding:25px 0;margin-bottom:90px}.fact{padding:0 22px;border-left:1px solid var(--line)}.fact:first-child{border-left:0;padding-left:0}.fact strong{display:block;font-size:13px;margin-bottom:4px}.fact span{font-size:13px;color:var(--muted)}.content{display:grid;grid-template-columns:.8fr 1.2fr;gap:75px;padding-bottom:100px}.content h2,.closing h2{font-size:clamp(34px,4vw,56px);line-height:.95;letter-spacing:-.07em;font-weight:450;margin:0}.content p{font-size:17px;color:#d3dad8;margin:0 0 20px}.content p:last-child{margin-bottom:0}.features{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;margin-top:32px}.feature{border:1px solid #263438;border-radius:11px;padding:20px;background:linear-gradient(145deg,#101719,#080b0c)}.feature-icon{color:var(--blue);font-size:21px;margin-bottom:18px}.feature h3{font-size:16px;margin:0 0 6px}.feature p{font-size:13px;color:var(--muted);margin:0}.closing{border-top:1px solid var(--line);padding:62px 0 84px;display:flex;align-items:center;justify-content:space-between;gap:30px}.closing h2{margin-top:8px}.button{background:#f5f6f3;color:#050708;border-radius:10px;padding:15px 19px;font-size:13px;font-weight:600;display:inline-flex;gap:12px;align-items:center;white-space:nowrap;transition:transform .2s}.button:hover{transform:translateY(-2px)}footer{border-top:1px solid var(--line);padding:22px 0 38px;color:#8f999b;font-size:12px;display:flex;justify-content:space-between}@media(max-width:760px){.wrap{width:calc(100% - 32px)}.hero{padding:48px 0 72px}.hero-grid,.content{grid-template-columns:1fr;gap:38px}.hero h1{font-size:58px}.hero p{font-size:16px}.hero-visual{min-height:350px;margin-top:4px}.visual-window{width:180px;height:340px}.hero-visual:before{width:180px;height:340px;right:8%}.visual-title{font-size:15px;margin-top:28px}.visual-window:after{font-size:9px;letter-spacing:2px}.facts{grid-template-columns:1fr;gap:18px;margin-bottom:62px}.fact{border-left:0;border-top:1px solid var(--line);padding:14px 0 0}.fact:first-child{border-top:0;padding-top:0}.features{grid-template-columns:1fr}.closing{display:grid;padding:48px 0 64px}.closing h2{font-size:42px}footer{display:grid;gap:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
