@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@600;700&display=swap');
:root{--ink:#08090c;--ink2:#101217;--card:#151820;--line:rgba(255,255,255,.09);--gold:#ffc21c;--orange:#ff7a00;--cream:#fff7df;--text:#f7f7f9;--muted:#a8acb8;--shadow:0 24px 80px rgba(0,0,0,.42)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0b0c10;color:var(--text);font-family:Manrope,Arial,sans-serif;overflow-x:hidden}a{text-decoration:none}.wrap{width:min(1180px,calc(100% - 44px));margin:auto}.top{position:sticky;top:0;z-index:50;background:rgba(8,9,12,.78);border-bottom:1px solid var(--line);backdrop-filter:blur(18px);animation:navDrop .65s ease both}.nav{min-height:82px;display:flex;align-items:center;gap:30px}.logo{margin-right:auto;display:flex;align-items:center}.logo img{width:205px;height:58px;object-fit:contain;filter:drop-shadow(0 5px 16px rgba(255,153,0,.2))}.links{display:flex;gap:27px}.links a{position:relative;color:#c7c9d0;font-size:13px;font-weight:700}.links a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:2px;background:linear-gradient(90deg,var(--gold),var(--orange));transition:.28s}.links a:hover{color:#fff}.links a:hover:after{right:0}.actions,.hero-actions{display:flex;gap:11px}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:46px;border-radius:12px;padding:12px 20px;font-weight:800;overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s}.btn:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.42),transparent 75%);transform:translateX(-120%);transition:.65s}.btn:hover:before{transform:translateX(120%)}.btn:hover{transform:translateY(-3px)}.line{border:1px solid rgba(255,194,28,.34);color:#fff;background:rgba(255,255,255,.025)}.line:hover{border-color:var(--gold)}.green{color:#171005;background:linear-gradient(135deg,#ffe05d 0%,var(--gold) 40%,var(--orange) 115%);box-shadow:0 12px 35px rgba(255,142,0,.22)}.green:hover{box-shadow:0 16px 45px rgba(255,142,0,.36)}
.hero{position:relative;isolation:isolate;min-height:720px;display:flex;align-items:center;background:#08090c;padding:105px 0 95px}.hero:before{content:"";position:absolute;z-index:-2;inset:0;background:radial-gradient(circle at 76% 38%,rgba(255,122,0,.18),transparent 28%),radial-gradient(circle at 15% 20%,rgba(255,194,28,.1),transparent 24%),linear-gradient(135deg,#08090c 15%,#11141b 60%,#090a0e)}.hero:after{content:"";position:absolute;z-index:-1;inset:0;opacity:.27;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom,black,transparent 88%)}.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:75px}.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--gold);border:1px solid rgba(255,194,28,.2);background:rgba(255,194,28,.06);border-radius:99px;padding:9px 14px;font-size:11px;font-weight:800;letter-spacing:.15em;animation:fadeUp .65s .05s both}.eyebrow:first-letter{animation:pulse 1.5s infinite}.hero h1{font:700 clamp(45px,6vw,76px)/.98 Space Grotesk,Manrope,sans-serif;letter-spacing:-.055em;margin:23px 0;animation:fadeUp .7s .14s both}.hero h1 em{font-style:normal;background:linear-gradient(90deg,#ffe06a,var(--gold),var(--orange));-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{max-width:650px;color:#b7bac4;font-size:18px;line-height:1.75;margin:0;animation:fadeUp .7s .23s both}.hero-actions{margin-top:33px;animation:fadeUp .7s .32s both}.preview{position:relative;padding:1px;border-radius:25px;background:linear-gradient(140deg,rgba(255,220,90,.75),rgba(255,122,0,.16) 42%,rgba(255,255,255,.08));box-shadow:var(--shadow);animation:floatPanel 5s ease-in-out infinite,fadeScale .85s .2s both}.preview:before,.preview:after{content:"";position:absolute;border-radius:50%;filter:blur(1px);z-index:-1}.preview:before{width:110px;height:110px;right:-35px;top:-40px;background:rgba(255,194,28,.12);animation:orb 5s ease-in-out infinite}.preview:after{width:150px;height:150px;left:-50px;bottom:-55px;background:rgba(255,122,0,.1);animation:orb 6s ease-in-out infinite reverse}.browser{padding:15px;background:rgba(16,18,23,.96);border-radius:24px;overflow:hidden}.browser-top{height:38px;background:#1d2028;color:#656975;padding:10px 15px;border-radius:12px 12px 0 0;letter-spacing:5px}.browser-body{position:relative;background:linear-gradient(145deg,#fffdf7,#f3f0e9);border-radius:0 0 13px 13px;padding:35px;color:#1d2028}.browser-body>b{display:block;font:700 22px Space Grotesk}.urlbox{margin:21px 0 14px;border:1px solid #ddd7ca;background:#fff;border-radius:11px;padding:15px;color:#8a887f;box-shadow:inset 0 1px 3px rgba(0,0,0,.04)}.browser-body>span{display:inline-block;color:#171005;background:linear-gradient(135deg,var(--gold),var(--orange));border-radius:10px;padding:12px 20px;font-weight:800}.minicards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:25px}.minicards i{font-style:normal;background:#fff;border:1px solid #e5dfd4;border-radius:11px;padding:14px;font-weight:800;box-shadow:0 8px 24px rgba(32,25,15,.06);transition:.25s}.minicards i:hover{transform:translateY(-5px);border-color:#ffc942}.minicards small{display:block;color:#89867f;font-weight:500;margin-top:3px}
.section{position:relative;padding:105px 0;background:#f6f4ef;color:#17191e}.heading{text-align:center;max-width:740px;margin:0 auto 55px}.heading small{color:#c86a00;font-weight:900;letter-spacing:.15em}.heading h2{font:700 clamp(34px,5vw,52px)/1.08 Space Grotesk;margin:14px 0}.heading p{color:#696c75;line-height:1.75}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.cards article{position:relative;overflow:hidden;background:#fff;border:1px solid #e4e0d8;border-radius:20px;padding:31px;box-shadow:0 15px 38px rgba(34,27,16,.055);transition:transform .32s,box-shadow .32s,border-color .32s;animation:reveal linear both;animation-timeline:view();animation-range:entry 8% cover 28%}.cards article:after{content:"";position:absolute;width:100px;height:100px;right:-55px;top:-55px;border-radius:50%;background:rgba(255,183,0,.09);transition:.35s}.cards article:hover{transform:translateY(-9px);border-color:rgba(255,154,0,.55);box-shadow:0 25px 55px rgba(68,43,0,.12)}.cards article:hover:after{transform:scale(1.8)}.cards article>b{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#fff3bb,#ffd34d);color:#5b3800;font-size:22px;box-shadow:0 9px 25px rgba(255,174,0,.18)}.cards h3{font:700 21px Space Grotesk;margin:21px 0 10px}.cards p,.steps p,.faq p{color:#6e717a;line-height:1.68}.dark{color:#fff;background:linear-gradient(145deg,#0a0b0f,#12151b)}.dark:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 10% 70%,rgba(255,194,28,.08),transparent 30%)}.dark .heading p{color:var(--muted)}.dark .heading small{color:var(--gold)}.steps{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.steps article{background:linear-gradient(145deg,#171a21,#111319);border:1px solid var(--line);border-radius:20px;padding:32px;transition:.3s;animation:reveal linear both;animation-timeline:view();animation-range:entry 8% cover 30%}.steps article:hover{transform:translateY(-7px);border-color:rgba(255,194,28,.4)}.steps strong{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;color:#211300;background:linear-gradient(135deg,#ffe45d,var(--orange));box-shadow:0 10px 28px rgba(255,140,0,.18)}.steps h3{font:700 22px Space Grotesk;margin-top:22px}.steps p{color:#aeb2bd}.two{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.heading.left{text-align:left;margin:0}.checks{display:grid;gap:14px}.checks p{display:flex;gap:15px;margin:0;padding:21px;background:#fff;border:1px solid #e3ded5;border-radius:15px;box-shadow:0 12px 32px rgba(34,27,16,.05);transition:.28s;animation:slideIn linear both;animation-timeline:view();animation-range:entry 5% cover 25%}.checks p:hover{transform:translateX(7px);border-color:#eaaa31}.checks p>b{display:grid;place-items:center;flex:0 0 36px;height:36px;border-radius:10px;background:#fff0ba;color:#b45e00}.checks strong{display:block;margin-bottom:5px;color:#202229}.checks span{color:#72757e;font-size:14px}.faq-bg{background:#eeebe4}.faq{max-width:860px;margin:auto}.faq details{background:#fff;border:1px solid #dfdad1;border-radius:14px;margin:12px 0;padding:21px 23px;transition:.25s}.faq details[open]{border-color:#e4a92f;box-shadow:0 12px 35px rgba(60,39,0,.08)}.faq summary{cursor:pointer;font-weight:800;list-style:none}.faq summary:after{content:"+";float:right;color:#c86a00;font-size:22px}.faq details[open] summary:after{content:"−"}.faq p{margin-bottom:0}.cta{position:relative;overflow:hidden;padding:85px 0;text-align:center;color:#211300;background:linear-gradient(115deg,#ffd645,#ffb000 52%,#ff7a00)}.cta:before{content:"";position:absolute;inset:-100%;background:linear-gradient(110deg,transparent 45%,rgba(255,255,255,.23) 50%,transparent 55%);animation:shine 6s linear infinite}.cta .wrap{position:relative}.cta h2{font:700 clamp(34px,5vw,53px) Space Grotesk;margin:0 0 13px}.cta p{font-weight:600}.darkbtn{margin-top:18px;color:#fff;background:#0b0c10;box-shadow:0 15px 35px rgba(0,0,0,.22)}footer{background:#07080b;color:#989ca7;padding:55px 0 26px}.foot{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:40px}.foot img{width:205px}.foot p{max-width:350px;line-height:1.7}.foot h4{color:#fff}.foot a{display:block;color:#989ca7;margin:11px 0;transition:.2s}.foot a:hover{color:var(--gold);transform:translateX(3px)}.copy{border-top:1px solid #1b1d23;margin-top:36px;padding-top:23px;font-size:13px}
@keyframes navDrop{from{opacity:0;transform:translateY(-22px)}to{opacity:1;transform:none}}@keyframes fadeUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}@keyframes fadeScale{from{opacity:0;transform:scale(.92) rotate(2deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes floatPanel{0%,100%{transform:translateY(0) rotate(1deg)}50%{transform:translateY(-14px) rotate(-.4deg)}}@keyframes orb{50%{transform:translate(12px,-16px) scale(1.13)}}@keyframes pulse{50%{opacity:.42}}@keyframes reveal{from{opacity:0;transform:translateY(35px)}to{opacity:1;transform:none}}@keyframes slideIn{from{opacity:0;transform:translateX(35px)}to{opacity:1;transform:none}}@keyframes shine{to{transform:translateX(55%)}}
@media(max-width:920px){.links{display:none}.hero{min-height:auto;padding:78px 0 90px}.hero-grid,.two{grid-template-columns:1fr}.preview{max-width:650px;margin:15px auto 0}.cards,.steps{grid-template-columns:1fr}.foot{grid-template-columns:1fr 1fr}}
@media(max-width:580px){.wrap{width:min(100% - 26px,1180px)}.nav{min-height:70px}.logo img{width:148px}.actions .line{display:none}.btn{padding:11px 15px}.hero{padding:60px 0 70px}.hero h1{font-size:44px}.hero p{font-size:16px}.hero-actions{display:grid}.preview{padding:1px}.browser{padding:8px}.browser-body{padding:22px}.minicards{grid-template-columns:1fr}.section{padding:72px 0}.foot{grid-template-columns:1fr}.cta{padding:67px 0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}

/* Camada visual premium: dourado da marca + roxo EinkRede */
:root{--purple:#8b5cf6;--purple2:#5b21b6}.hero:before{background:radial-gradient(circle at var(--mx,76%) var(--my,38%),rgba(139,92,246,.25),transparent 23%),radial-gradient(circle at 82% 30%,rgba(255,122,0,.15),transparent 28%),radial-gradient(circle at 12% 18%,rgba(255,194,28,.1),transparent 25%),linear-gradient(135deg,#07070a 10%,#11101a 58%,#08090d)}.top{box-shadow:0 10px 45px rgba(57,25,120,.1)}.eyebrow{color:#e4d5ff;border-color:rgba(139,92,246,.38);background:rgba(139,92,246,.1);box-shadow:inset 0 0 25px rgba(139,92,246,.08)}.hero h1 em{background:linear-gradient(90deg,#ffe45e 0%,#ffab14 43%,#ba8cff 82%,#8b5cf6 100%);background-size:220% auto;-webkit-background-clip:text;background-clip:text;animation:gradientText 4s linear infinite;color:transparent}.preview{background:linear-gradient(140deg,rgba(255,218,79,.85),rgba(139,92,246,.68) 48%,rgba(255,122,0,.28));box-shadow:0 35px 100px rgba(58,22,128,.28),0 20px 65px rgba(0,0,0,.48)}.preview:after{background:rgba(139,92,246,.18)}.cards article:nth-child(2n)>b{background:linear-gradient(135deg,#eee7ff,#b999ff);color:#43149a;box-shadow:0 9px 25px rgba(111,60,220,.18)}.cards article:nth-child(3n):hover{border-color:rgba(139,92,246,.55)}.dark:after{background:radial-gradient(circle at 10% 70%,rgba(139,92,246,.12),transparent 30%),radial-gradient(circle at 90% 10%,rgba(255,194,28,.08),transparent 28%)}.steps article:nth-child(2){border-color:rgba(139,92,246,.3);transform:translateY(-12px)}.steps article:nth-child(2) strong{background:linear-gradient(135deg,#d7c2ff,var(--purple));color:#1b073e}.checks p:nth-child(2) b{background:#eee6ff;color:#6c32d2}.cta{background:linear-gradient(115deg,#ffdc4b 0%,#ffad0f 42%,#a56cf4 100%);background-size:180% 180%;animation:ctaFlow 8s ease infinite}
.cursor-glow{position:fixed;z-index:0;width:420px;height:420px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(139,92,246,.13),transparent 68%);transform:translate(-50%,-50%);filter:blur(3px);transition:opacity .3s}.ambient{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1}.particle{position:absolute;width:var(--size);height:var(--size);left:var(--left);bottom:-30px;border-radius:50%;background:var(--color);box-shadow:0 0 14px var(--color);opacity:0;animation:particleRise var(--duration) var(--delay) linear infinite}.reveal-js{opacity:0;transform:translateY(38px) scale(.975);transition:opacity .72s cubic-bezier(.2,.8,.2,1),transform .72s cubic-bezier(.2,.8,.2,1)}.reveal-js.visible{opacity:1;transform:none}.cards .reveal-js:nth-child(2),.steps .reveal-js:nth-child(2){transition-delay:.1s}.cards .reveal-js:nth-child(3),.steps .reveal-js:nth-child(3){transition-delay:.2s}.cards .reveal-js:nth-child(4){transition-delay:.05s}.cards .reveal-js:nth-child(5){transition-delay:.15s}.cards .reveal-js:nth-child(6){transition-delay:.25s}.tilt-ready{transform-style:preserve-3d;will-change:transform}.tilt-ready .browser{transform:translateZ(18px)}.browser-body>span{position:relative;overflow:hidden}.browser-body>span:after{content:"";position:absolute;inset:-30% auto -30% -55%;width:35%;background:rgba(255,255,255,.55);transform:skewX(-24deg);animation:buttonSweep 3.4s ease-in-out infinite}.typing{display:inline-block;min-width:4.6em;transition:opacity .2s,transform .2s}.typing.swap{opacity:0;transform:translateY(8px)}.scroll-hint{position:absolute;left:50%;bottom:22px;width:28px;height:46px;border:1px solid rgba(255,255,255,.25);border-radius:20px;transform:translateX(-50%);animation:fadeUp .7s .8s both}.scroll-hint:after{content:"";position:absolute;top:8px;left:12px;width:3px;height:8px;border-radius:5px;background:var(--gold);animation:scrollDot 1.6s ease infinite}.nav.scrolled{min-height:66px}.top.scrolled{background:rgba(6,6,9,.93);box-shadow:0 14px 55px rgba(0,0,0,.35)}
@keyframes gradientText{to{background-position:220% center}}@keyframes ctaFlow{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}@keyframes particleRise{0%{opacity:0;transform:translateY(0) scale(.5)}12%{opacity:.75}80%{opacity:.35}100%{opacity:0;transform:translateY(-850px) translateX(70px) scale(1.3)}}@keyframes buttonSweep{0%,55%{left:-55%}85%,100%{left:135%}}@keyframes scrollDot{0%{opacity:0;transform:translateY(0)}30%{opacity:1}100%{opacity:0;transform:translateY(18px)}}
@media(max-width:920px){.cursor-glow{display:none}.steps article:nth-child(2){transform:none}.scroll-hint{display:none}}@media(prefers-reduced-motion:reduce){.reveal-js{opacity:1;transform:none}.particle,.cursor-glow,.scroll-hint{display:none}}