@charset "UTF-8";
:root{color-scheme:dark;--bg:#071016;--surface:#0e1c27;--surface-2:#122534;--surface-3:#181d25;--line:rgba(255,255,255,.105);--line-soft:rgba(255,255,255,.065);--txt:#effffb;--muted:#9399a4;--muted-2:#b3b9c2;--accent:#4ed8bb;--accent-dark:#29c9f1;--violet:#4ed8bb;--coral:#87f5e8;--container:1250px;--ease:cubic-bezier(.22,1,.36,1);--header:84px;font-family:Inter,"Satoshi","Manrope",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--txt);overflow-x:hidden;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}
a{text-decoration:none;color:inherit}button,input,textarea{font:inherit}button{cursor:pointer}svg{display:block}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.047em;line-height:1.1}::selection{background:#42d7c6;color:#10140c}.container{width:min(calc(100% - 64px),var(--container));margin-inline:auto}
:focus-visible{outline:2px solid var(--accent);outline-offset:4px}a,button{ -webkit-tap-highlight-color:transparent}
.skip-link{position:fixed;left:12px;top:-100px;z-index:999;background:var(--accent);color:#101710;padding:12px 18px;border-radius:8px}.skip-link:focus{top:12px}
.reading-progress{position:fixed;z-index:300;top:0;left:0;width:100%;height:2px;pointer-events:none;background:transparent}.reading-progress div{height:100%;width:0;background:linear-gradient(90deg,var(--accent),#80e9d6);box-shadow:0 0 18px rgba(78,216,187,.6)}
.site-noise{position:fixed;inset:0;pointer-events:none;z-index:99;opacity:.042;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.83' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E")}
.announcement{height:35px;display:flex;align-items:center;justify-content:center;gap:12px;background:var(--accent);color:#13190c;font-size:10px;font-weight:900;letter-spacing:.11em;white-space:nowrap}.announcement-extra{opacity:.56;font-size:9px}.announcement a{padding-left:10px;text-decoration:underline;text-underline-offset:4px;font-size:10px;letter-spacing:0}.pulse-dot{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px rgba(26,33,18,.13);flex:none;animation:pulse 2.3s ease-in-out infinite}
.topbar{position:sticky;z-index:150;top:0;transition:background .35s,border .35s,backdrop-filter .35s;background:rgba(9,11,17,.62);border-bottom:1px solid rgba(255,255,255,.065);backdrop-filter:blur(22px) saturate(1.2)}.topbar.scrolled{background:rgba(9,11,17,.94);border-color:var(--line)}
.nav-shell{max-width:var(--container);width:min(calc(100% - 64px),var(--container));height:var(--header);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}
.logo{display:flex;align-items:center;gap:11px;flex:none}.logo-text{font-size:15px;font-weight:600;letter-spacing:.09em;white-space:nowrap;line-height:1.08}.logo-text strong{font-weight:880}.logo-text small{display:block;margin-top:5px;color:#838c95;letter-spacing:.15em;font-size:7px;font-weight:700}
.desktop-nav{display:flex;align-items:center;gap:34px}.desktop-nav a{font-size:12px;font-weight:600;color:#afb3be;transition:color .2s;white-space:nowrap}.desktop-nav a:hover,.footer-links a:hover{color:var(--accent)}
.nav-actions{display:flex;align-items:center;gap:17px}.nav-status{font-size:11px;color:#bfc6cd;white-space:nowrap;display:flex;align-items:center;gap:8px}.green-tick{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 18px rgba(78,216,187,.65);flex:none}
.button{border:1px solid transparent;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:15px;font-weight:780;line-height:1.2;position:relative;white-space:nowrap;transition:transform .25s var(--ease),background .22s,border .22s,color .22s,box-shadow .25s;isolation:isolate}
.button:hover{transform:translateY(-3px)}.button:active{transform:translateY(0) scale(.98)}.button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}.button-small{min-height:41px;padding:0 17px;font-size:11px}.button-lg{min-height:58px;padding:0 24px;font-size:13px}
.button-primary{color:#08231f;background:var(--accent);box-shadow:0 3px 32px rgba(78,216,187,.09)}.button-primary:hover{box-shadow:0 8px 35px rgba(78,216,187,.21);background:#8bebdc}
.button-ghost{border-color:rgba(255,255,255,.22);color:var(--txt);background:rgba(255,255,255,.02)}.button-ghost:hover{border-color:rgba(78,216,187,.6);background:rgba(78,216,187,.045)}
.play-arrow{font-size:17px;font-weight:400}.menu-toggle{display:none;border:1px solid var(--line);background:#161b22;color:#fff;width:42px;height:42px;border-radius:12px;align-items:center;flex-direction:column;justify-content:center;gap:5px}.menu-toggle span{height:2px;width:17px;background:#eafff8;border-radius:2px;transition:transform .25s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
.mobile-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#11151c;border-bottom:1px solid var(--line);padding:16px 24px 24px}.mobile-nav:not([hidden]){display:flex;flex-direction:column;gap:1px}.mobile-nav a{padding:14px 6px;border-bottom:1px solid var(--line-soft);font-size:14px;font-weight:700}
.hero{position:relative;min-height:820px;padding:100px 0 35px;overflow:hidden;background:radial-gradient(ellipse 760px 580px at 70% 34%,rgba(38,152,169,.07),transparent 78%),radial-gradient(ellipse 610px 380px at -12% 5%,rgba(65,207,201,.075),transparent 70%)}.hero::before{content:"";position:absolute;inset:0;opacity:.45;pointer-events:none;background-image:linear-gradient(to right,rgba(255,255,255,.024) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.024) 1px,transparent 1px);background-size:82px 82px;mask-image:linear-gradient(to bottom,transparent,black 8%,black 70%,transparent)}
.hero-ambient{position:absolute;pointer-events:none;border-radius:50%;filter:blur(45px);will-change:transform}.hero-ambient-one{width:520px;height:520px;background:radial-gradient(circle,rgba(53,228,211,.14),transparent 72%);right:7%;top:4%}.hero-ambient-two{width:430px;height:430px;background:radial-gradient(circle,rgba(41,201,241,.11),transparent 70%);left:-14%;bottom:-23%}
.hero-wrap{position:relative;display:grid;grid-template-columns:51% 49%;gap:0;align-items:center;min-height:690px}.hero-intro{position:relative;z-index:5;padding-bottom:105px}
.eyebrow,.section-kicker{display:flex;align-items:center;gap:11px;color:var(--accent);font-size:10px;font-weight:880;letter-spacing:.18em}.eyebrow-line{height:1px;width:25px;background:var(--accent)}.hero h1{font-size:clamp(51px,5.9vw,91px);font-weight:740;max-width:710px;letter-spacing:-.078em;line-height:1.035;margin:25px 0 30px}.hero-emphasis{color:var(--accent);position:relative;white-space:nowrap}.hero-spark{font-size:.23em;position:absolute;top:7%;right:-.85em;transform:rotate(-20deg);color:#ccfffc;animation:twinkle 8s linear infinite}.hero-period{color:var(--accent)}
.hero-copy{font-size:clamp(15px,1.45vw,18px);line-height:1.85;max-width:500px;color:#b0b7c1}.hero-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.hero-footnote{margin-top:59px;display:flex;gap:17px;align-items:center}.mini-avatars{display:flex;align-items:center;padding-left:10px}.mini-avatars i{font-style:normal;display:grid;place-items:center;width:32px;height:32px;margin-left:-10px;border:2px solid #0e1c27;border-radius:50%;background:#4ed8bb;color:#162014;font-size:12px;font-weight:860}.mini-avatars i:nth-child(2){background:#8fe5de;color:#252037}.mini-avatars i:nth-child(3){background:#2b3544;color:#e4ecee}.hero-footnote strong,.hero-footnote small{display:block}.hero-footnote strong{font-size:9px;letter-spacing:.095em}.hero-footnote small{font-size:11px;color:var(--muted);margin-top:6px}
.hero-scene{height:635px;position:relative;align-self:center;transform:perspective(1700px) rotateY(-8deg) rotateX(3deg);transform-origin:center;will-change:transform}.orbit{position:absolute;border:1px solid rgba(110,238,224,.1);border-radius:50%;pointer-events:none}.orbit-outer{height:700px;width:700px;top:-37px;left:-12px;animation:orbitSpin 60s linear infinite}.orbit-inner{height:575px;width:575px;top:28px;left:47px;border-style:dashed;border-color:rgba(102,233,219,.09);animation:orbitSpin 53s linear infinite reverse}
.dashboard-shell{position:absolute;left:6%;right:-8%;top:85px;height:448px;background:#131821;border:1px solid rgba(255,255,255,.17);border-radius:17px;box-shadow:0 45px 100px rgba(0,0,0,.55),0 0 0 8px rgba(255,255,255,.017),0 0 0 30px rgba(255,255,255,.009);overflow:hidden}
.dashboard-top{height:49px;border-bottom:1px solid #313642;background:#181e28;display:flex;align-items:center;justify-content:space-between;padding:0 20px}.mock-brand{display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:.06em;font-weight:850}.mock-logo{font-size:21px;color:var(--accent);line-height:1}.mock-slash{opacity:.25;padding:0 6px}.mock-page{font-weight:480;color:#aab3be;letter-spacing:0}.mock-top-right{display:flex;align-items:center;gap:12px}.mock-pilot{padding:5px 9px;border:1px solid rgba(78,216,187,.2);background:rgba(78,216,187,.07);border-radius:7px;font-size:7px;letter-spacing:.08em;color:var(--accent);font-weight:800}.mock-avatar{width:25px;height:25px;border-radius:8px;background:#8adbd6;display:grid;place-items:center;color:#181426;font-size:11px;font-weight:800}
.dashboard-body{height:calc(100% - 49px);display:flex}.mock-sidebar{width:53px;background:#131820;border-right:1px solid #2a303c;display:flex;flex-direction:column;align-items:center;gap:14px;padding:19px 0}.side-mark{width:30px;height:29px;display:grid;place-items:center;color:#707986;font-size:17px;border-radius:7px}.side-mark.selected{background:rgba(78,216,187,.12);color:var(--accent)}.side-bottom{margin-top:auto;color:#707986}
.mock-main{flex:1;min-width:0;padding:25px 24px;background:linear-gradient(140deg,#151a23,#121720 60%,#141923)}.mock-greeting{display:flex;justify-content:space-between;align-items:flex-end;gap:12px}.mock-overline{font-size:7px;letter-spacing:.14em;color:#96a39c}.mock-greeting h2{font-size:17px;letter-spacing:-.03em;line-height:1.2;margin-top:10px}.mock-period{border:1px solid #333b49;border-radius:6px;padding:7px 9px;font-size:8px;color:#b0bbbf}
.mock-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:24px}.mock-stat{border-radius:9px;background:#1e2530;border:1px solid rgba(255,255,255,.05);padding:14px 12px}.mock-stat>span{font-size:7px;letter-spacing:.12em;color:#aab7bc}.mock-stat strong{display:block;font-size:20px;margin-top:9px;letter-spacing:-.04em}.mock-stat small{display:flex;align-items:center;gap:5px;font-size:8px;color:#a1aab4;margin-top:10px;white-space:nowrap}.dot-lime,.dot-purple,.dot-blue{width:5px;height:5px;border-radius:50%;display:inline-block;background:var(--accent)}.dot-purple{background:#52d3df}.dot-blue{background:#62b9d8}
.mock-details{display:grid;grid-template-columns:1.1fr .9fr;gap:9px;margin-top:10px;height:175px}.mock-chart,.mock-queue{background:#1e2530;border-radius:9px;padding:15px 13px;min-width:0;border:1px solid rgba(255,255,255,.047);overflow:hidden}.mock-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:9px;font-weight:750}.mock-title-row small{font-size:6px;letter-spacing:.09em;color:#919fa7;white-space:nowrap}.mock-chart{position:relative}.chart-lines{position:absolute;left:14px;right:14px;bottom:36px;top:47px;display:flex;flex-direction:column;justify-content:space-between;opacity:.28}.chart-lines i{height:1px;background:repeating-linear-gradient(to right,#69747d 0,#69747d 2px,transparent 2px,transparent 5px)}.chart-bars{height:100px;position:relative;z-index:2;display:flex;align-items:flex-end;gap:6px;margin-top:15px}.chart-bars b{width:100%;height:34%;border-radius:3px 3px 0 0;background:linear-gradient(to top,#1c6670,#4fd8d6);transform-origin:bottom;animation:barGrow 1.7s var(--ease) both}.chart-bars b:nth-child(2){height:61%;animation-delay:.05s}.chart-bars b:nth-child(3){height:48%;animation-delay:.1s}.chart-bars b:nth-child(4){height:79%;animation-delay:.15s}.chart-bars b:nth-child(5){height:59%;animation-delay:.2s}.chart-bars b:nth-child(6){height:75%;animation-delay:.25s}.chart-bars b:nth-child(7){height:51%;animation-delay:.3s}.chart-bars b:nth-child(8){height:94%;animation-delay:.35s}.chart-bars b:nth-child(9){height:67%;animation-delay:.4s}.chart-bars b:nth-child(10){height:83%;animation-delay:.45s}.chart-bars b:nth-child(11){height:60%;animation-delay:.5s}.chart-bars b:nth-child(12){height:99%;animation-delay:.55s}.chart-days{display:flex;justify-content:space-between;font-size:6px;color:#8a939e;margin-top:5px}
.queue-step{display:flex;align-items:center;gap:8px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.07)}.queue-step:last-child{border-bottom:0}.queue-step>i{font-size:9px;font-style:normal;color:#8c96a1;border:1px solid #4b5462;padding:5px;border-radius:5px}.queue-step span{font-size:8px;font-weight:700}.queue-step span small{font-size:6px;display:block;margin-top:5px;color:#8793a0;letter-spacing:.06em}.queue-step em{font-size:9px;font-style:normal;color:var(--accent);margin-left:auto}
.float-tag{position:absolute;z-index:5;display:flex;align-items:center;gap:10px;background:rgba(28,35,42,.9);border:1px solid rgba(217,252,163,.3);box-shadow:0 20px 50px rgba(0,0,0,.25);backdrop-filter:blur(10px);border-radius:12px;padding:12px 17px;color:#ecfffb;animation:float 6s ease-in-out infinite}.float-tag>span:last-child{font-size:8px;font-weight:840;letter-spacing:.11em}.float-tag small{font-size:8px;margin-top:5px;color:#aab3bd;display:block;font-weight:500;letter-spacing:0}.float-tag-one{top:27px;right:-9%;transform:rotate(5deg)}.tag-icon{width:26px;height:26px;display:grid;place-items:center;background:#4ed8bb;color:#142015;border-radius:7px}.float-tag-two{bottom:26px;left:-7%;animation-delay:-2s}.tag-status-dot{height:15px;width:15px;background:#7fe9dc;border-radius:50%;box-shadow:0 0 0 6px rgba(78,216,187,.12)}
.preview-disclaimer{position:absolute;bottom:0;left:18%;color:#8d959d;font-size:10px;letter-spacing:.025em}.status-orbit{display:inline-block;height:6px;width:6px;border:1px solid var(--accent);border-radius:50%;vertical-align:middle;margin-right:6px}
.hero-bottom-row{position:absolute;bottom:13px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;color:#636d72;font-size:9px;letter-spacing:.14em;font-weight:750}.vertical-mouse{border:1px solid #3e4850;width:22px;height:33px;border-radius:20px;display:grid;justify-content:center;padding-top:7px}.vertical-mouse i{height:7px;width:2px;border-radius:6px;background:var(--accent);animation:mouse 1.7s ease-in-out infinite}
.trust-ribbon{height:104px;background:#4ed8bb;color:#083331;overflow:hidden}.ribbon-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:25px}.ribbon-label,.ribbon-end{font-size:10px;font-weight:880;letter-spacing:.18em;white-space:nowrap}.ribbon-end{font-size:40px;font-weight:700}.ribbon-inner>span:nth-last-child(2){font-size:clamp(16px,2.9vw,29px);font-weight:810;letter-spacing:-.04em;white-space:nowrap}.ribbon-inner i{color:#237c78;font-size:.55em;vertical-align:middle;font-style:normal;padding:0 15px}.ribbon-separator{width:1px;background:rgba(30,38,25,.25);height:34px;flex:none}
.section{padding:135px 0;position:relative}.section-head{max-width:780px}.center-head{text-align:center;margin:0 auto 68px}.section-kicker{font-size:10px;letter-spacing:.2em;text-transform:uppercase}.center-head .section-kicker{justify-content:center} .section-head h2,.flow-top h2,.pricing-heading h2,.faq-intro h2{font-size:clamp(38px,5.2vw,70px);font-weight:710;line-height:1.14;margin-top:21px}.section-head h2 span,.flow-top h2 span,.pricing-heading h2 span,.faq-intro h2 span{color:var(--accent)}.section-head p{color:var(--muted-2);margin-top:20px;font-size:16px;line-height:1.75}
.experience-section{background:linear-gradient(180deg,#0e1016,#101e29 65%,#0b0e13)}
.feature-bento{display:grid;grid-template-columns:1.15fr 1fr 1fr;grid-template-rows:310px 310px;gap:16px}.bento-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:20px;padding:27px;transition:border-color .3s,transform .35s var(--ease);background:radial-gradient(ellipse 350px 250px at 110% -25%,rgba(255,255,255,.038),transparent 80%),#161a22;isolation:isolate}.bento-card:hover{border-color:rgba(78,216,187,.4);transform:translateY(-4px)}.spotlight:before{content:"";z-index:-1;position:absolute;inset:0;pointer-events:none;background:radial-gradient(420px circle at var(--spot-x,50%) var(--spot-y,50%),rgba(78,216,187,.095),transparent 64%);opacity:0;transition:opacity .3s}.spotlight:hover:before{opacity:1}
.bento-head,.plan-top{display:flex;align-items:center;justify-content:space-between}.bento-label,.plan-index{font-size:9px;letter-spacing:.14em;font-weight:820;color:#a2a8b5}.bento-corner{border:1px solid #59616b;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:14px}.bento-card h3{font-size:clamp(24px,2.25vw,36px);line-height:1.14;max-width:380px;margin:29px 0 13px}.bento-card h3 em{font-style:normal;color:var(--accent)}.bento-card p{font-size:13px;line-height:1.75;color:#a9b0bc;max-width:310px}
.bento-hero{grid-column:span 2;grid-row:span 2;background:radial-gradient(ellipse 550px 450px at 90% 90%,rgba(53,228,211,.15),transparent 85%),#191d28}.bento-hero h3{font-size:clamp(35px,3.5vw,51px);margin-top:36px}.bento-hero p{max-width:380px;font-size:14px}.bento-feed-art{position:absolute;bottom:-76px;right:-10px;width:60%;height:355px;transform:rotate(-10deg)}.art-frame{border-radius:19px;width:210px;height:260px;position:absolute;display:flex;flex-direction:column;justify-content:space-between;padding:22px;box-shadow:0 25px 45px rgba(0,0,0,.2)}.art-frame>span{font-size:9px;font-weight:900;letter-spacing:.18em}.frame-back{right:180px;top:32px;transform:rotate(-10deg);border:1px solid #63718b;background:#17313a;color:#8dbfbb}.art-glyph{font-size:100px;color:rgba(176,211,128,.5);text-align:center}.art-bar{height:20px;background:rgba(255,255,255,.13);border-radius:5px}.frame-front{right:35px;top:0;background:#4ed8bb;color:#0b302d;transform:rotate(12deg)}.frame-front strong{font-size:52px;letter-spacing:-.09em;line-height:.88}.art-pill{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #158a8d;font-weight:850;font-size:11px;padding-top:14px}.art-pill b{font-size:18px}.art-spark{position:absolute;right:20px;top:-27px;color:#d5fffa;font-size:43px}
.bento-cut{background:radial-gradient(ellipse 300px 270px at 120% 100%,rgba(41,201,241,.12),transparent 75%),#171922}.bento-cut h3{margin:21px 0 9px;font-size:27px}.bento-cut p{font-size:12px}.cut-art{position:absolute;right:20px;bottom:-4px;left:40%;height:164px;opacity:.97}.cut-film{position:absolute;right:16px;bottom:37px;width:125px;height:140px;border:5px solid #33394a;border-radius:16px 16px 0 0;background:radial-gradient(circle at 55% 55%,#4cb7c0,transparent 43%),linear-gradient(150deg,#16333a,#1e2630);display:flex;align-items:center;justify-content:center}.cut-film-overlay{border:1px solid rgba(255,255,255,.6);width:39px;height:39px;border-radius:50%;display:grid;place-items:center;font-size:15px;padding-left:2px}.cut-timer{position:absolute;bottom:10px;font-size:8px;color:#e8eff8}.cut-wave{position:absolute;bottom:5px;right:-8px;left:-48px;height:40px;border-radius:7px;background:#252d37;display:flex;gap:3px;align-items:center;padding:7px;transform:rotate(-6deg);box-shadow:0 15px 20px rgba(0,0,0,.24)}.cut-wave i{height:35%;width:100%;border-radius:3px;background:var(--violet)}.cut-wave i:nth-child(2n){height:80%}.cut-wave i:nth-child(3n){height:56%}.cut-wave i:nth-child(5n){height:96%;background:var(--accent)}
.bento-cal{background:#171d1b}.bento-cal h3{margin:22px 0 8px;font-size:26px}.bento-cal p{font-size:12px}.calendar-art{position:absolute;left:30px;right:30px;bottom:-28px;height:124px;background:#242c29;border:1px solid #315e6a;border-radius:12px;padding:12px 14px;transform:rotate(-3deg)}.cal-head{display:flex;justify-content:space-between;font-size:7px;letter-spacing:.07em;color:#b4c1b9}.cal-head b{color:var(--accent)}.cal-dow,.cal-days{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;gap:5px;margin-top:11px}.cal-dow{font-size:8px;color:#85978b}.cal-days i{font-size:10px;font-style:normal;padding:7px 2px;border-radius:6px}.cal-active{background:var(--accent);color:#142111;font-weight:850}.cal-active small{color:#19240d}.cal-booked{background:#355d67}
.bento-insight{background:radial-gradient(ellipse 320px 300px at 90% 90%,rgba(78,216,187,.09),transparent),#181d22}.bento-insight h3{margin-top:25px;font-size:27px}.bento-insight p{font-size:12px}.mini-metrics{display:flex;gap:13px;align-items:flex-end;margin-top:20px}.metric-line{display:flex;align-items:flex-end;gap:5px;height:52px}.metric-line i,.metric-line b{display:block;width:7px;height:40%;background:#235661;border-radius:4px}.metric-line b{height:83%;background:var(--accent)}.metric-line i:nth-child(3){height:53%}.metric-line b:nth-child(4){height:91%}.metric-line i:nth-child(5){height:68%}.metric-line b:nth-child(6){height:70%}.metric-line i:nth-child(7){height:90%}.metric-line b:nth-child(8){height:100%}.mini-insight-label{font-size:8px;letter-spacing:.11em;color:#8fbdb8;margin-bottom:4px}
.flow-section{background:#08131c}.flow-top{display:grid;grid-template-columns:1.4fr .6fr;align-items:end;gap:40px}.flow-top h2{max-width:850px}.flow-top p{font-size:15px;color:var(--muted);line-height:1.9;padding-bottom:12px}.step-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line);margin-top:65px}.step{padding:27px 26px 18px 2px;border-right:1px solid var(--line);min-height:265px}.step:not(:first-child){padding-left:26px}.step:last-child{border-right:0}.step-number{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:800;color:var(--accent);letter-spacing:.08em}.step-number span{font-size:21px;color:#63736c}.step h3{font-size:27px;margin-top:57px}.step p{font-size:13px;line-height:1.8;color:#98a1ac;margin-top:13px}.flow-note{display:flex;align-items:center;gap:12px;color:#a8b1bc;font-size:11px;margin-top:22px}.flow-note .pulse-dot{background:var(--accent);box-shadow:0 0 0 4px rgba(78,216,187,.1)}
.wide-statement{position:relative;overflow:hidden;background:#80eedd;color:#09302d;padding:97px 0}.wide-glow{pointer-events:none;position:absolute;inset:0;background:radial-gradient(circle at 65% -100%,rgba(255,255,255,.8),transparent 60%)}.wide-inner{position:relative;display:flex;align-items:center;gap:50px}.statement-asterisk{font-size:110px;line-height:1;font-weight:400;animation:orbitSpin 24s linear infinite}.wide-inner p{font-size:clamp(29px,4.2vw,60px);font-weight:560;letter-spacing:-.06em;line-height:1.19}.wide-inner strong{font-weight:810}.wide-inner em{font-style:normal;text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:7px}.statement-signature{margin-left:auto;align-self:flex-end;letter-spacing:.13em;font-size:9px;white-space:nowrap;font-weight:890}.statement-signature b{display:block;font-size:34px;text-align:right;margin-top:12px}
.pricing-section{background:radial-gradient(ellipse 690px 450px at 50% 68%,rgba(203,245,107,.045),transparent),#0e1c27;padding-bottom:120px}.pricing-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:52px}.pricing-heading p{color:#9ea7b1;line-height:1.8;margin-top:17px;font-size:15px}.pricing-period{color:var(--accent);border:1px solid #465542;background:#1b241d;border-radius:99px;font-size:11px;font-weight:750;padding:13px 18px;white-space:nowrap;display:flex;align-items:center;gap:9px}
.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}.pricing-card{background:linear-gradient(150deg,#1a1e27,#122534);border:1px solid #343a42;border-radius:19px;padding:35px 31px 31px;position:relative;isolation:isolate;transition:transform .3s var(--ease),border-color .25s;min-height:550px;display:flex;flex-direction:column}.pricing-card:hover{transform:translateY(-8px);border-color:#849975}.pricing-featured{background:linear-gradient(165deg,#152d36,#142e37 46%,#132935);border:1px solid rgba(78,216,187,.77);box-shadow:0 20px 90px rgba(78,216,187,.06),inset 0 0 0 1px rgba(78,216,187,.13)}.popular-badge{position:absolute;right:28px;top:-16px;padding:8px 15px;border-radius:7px;background:var(--accent);color:#08352f;font-size:10px;letter-spacing:.09em;font-weight:900}.tiny-star{margin-right:6px}.plan-top{align-items:center}.plan-symbol{font-size:30px;font-weight:550;color:var(--accent)}.pricing-card h3{font-size:31px;letter-spacing:-.055em;margin:26px 0 8px}.plan-desc{font-size:13px;color:#afb9c1;line-height:1.75;min-height:44px}.price{display:flex;align-items:baseline;gap:4px;margin:30px 0 26px}.price small{font-size:19px;font-weight:730;align-self:flex-start;margin-top:9px}.price strong{font-size:clamp(40px,4.3vw,57px);line-height:1;letter-spacing:-.09em;font-weight:800}.price span{font-size:12px;color:#a6adb9;margin-left:7px}.price-divider{height:1px;background:rgba(255,255,255,.1)}.plan-caption{font-size:11px;margin:23px 0 14px;font-weight:850;letter-spacing:.03em;color:#c7e8e5}.pricing-card ul{list-style:none;padding:0;margin:0 0 28px;display:flex;flex-direction:column;gap:15px}.pricing-card li{display:flex;align-items:center;gap:10px;font-size:12px;color:#c5ccd0}.pricing-card li span{color:var(--accent);font-weight:850;border:1px solid #3f5c37;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;flex:none;font-size:10px}.plan-button{background:#282d35;border-color:#454b53;color:#e6fff9;width:100%;height:51px;font-size:12px;display:flex;justify-content:space-between;padding:0 20px;margin-top:auto}.plan-button:hover{background:var(--accent);color:#18210f;border-color:var(--accent)}.featured-button{background:var(--accent);color:#082f2e;border-color:var(--accent)}.featured-button:hover{background:#9ff1ef}.plan-button span{font-size:16px;font-weight:400}
.pricing-disclaimer{font-size:12px;color:#a1abb0;line-height:1.8;max-width:950px;margin:29px auto 0;text-align:center}.pricing-disclaimer strong{color:#b8dfd9}.warning-dot{display:inline-grid;place-items:center;border:1px solid #888d75;border-radius:50%;height:17px;width:17px;margin-right:6px;font-style:normal;font-size:11px}
.faq-section{background:#0a1720}.faq-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:85px}.faq-intro h2{font-size:clamp(36px,4.3vw,60px)}.faq-intro p{color:#a5adb9;max-width:345px;margin-top:22px;line-height:1.9;font-size:14px}.faq-back{display:inline-flex;margin-top:34px;color:var(--accent);font-size:12px;font-weight:850;border-bottom:1px solid var(--accent);padding-bottom:7px}
.faq-items{border-top:1px solid #3b414b}details{border-bottom:1px solid #313842;padding:0 0 0 0}details summary{display:flex;align-items:center;justify-content:space-between;list-style:none;gap:20px;padding:26px 3px;cursor:pointer;font-size:16px;font-weight:720;line-height:1.4}details summary::-webkit-details-marker{display:none}details summary:hover{color:var(--accent)}.faq-plus{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;border:1px solid #525a64;flex:none;transition:transform .25s,border-color .25s}.faq-plus:before{content:"+";font-size:19px;line-height:1;font-weight:350}details[open] .faq-plus{transform:rotate(45deg);border-color:var(--accent);color:var(--accent)}details p{font-size:13px;line-height:1.9;color:#a1abb5;margin:0 48px 28px 3px;max-width:600px}
.closing-section{background:radial-gradient(ellipse 750px 460px at 50% 95%,rgba(53,228,211,.13),transparent 80%),#0a1a27;overflow:hidden}.closing-inner{text-align:center;position:relative;padding:120px 0 144px}.closing-inner .section-kicker{justify-content:center}.closing-inner h2{font-size:clamp(39px,6.2vw,85px);margin:32px auto 22px;position:relative;z-index:2;letter-spacing:-.068em;line-height:1.09}.closing-inner h2 span{color:var(--accent)}.closing-inner p{font-size:15px;line-height:1.8;color:#b2bcc3;max-width:510px;margin:0 auto 30px;position:relative;z-index:2}.closing-inner .button{position:relative;z-index:2}.closing-watermark{position:absolute;left:50%;bottom:-275px;transform:translateX(-50%);font-size:800px;line-height:1;color:rgba(78,216,187,.025);pointer-events:none;font-weight:300}
.footer{background:#071016;padding:58px 0 24px}.footer-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:60px;gap:35px}.footer-links{display:flex;gap:27px}.footer-links a{color:#a8afb8;font-size:12px;font-weight:630;transition:color .2s}.footer-bottom{display:flex;justify-content:space-between;gap:22px;align-items:center;border-top:1px solid var(--line);padding-top:26px;color:#838c96;font-size:11px}.footer-bottom a{font-weight:800;letter-spacing:.09em;color:#b7d9d4;font-size:10px}
.plan-modal{width:min(calc(100% - 32px),510px);max-height:calc(100vh - 42px);border:1px solid #53664e;padding:0;border-radius:22px;color:var(--txt);background:linear-gradient(145deg,#212a22,#141a1e 65%);box-shadow:0 55px 150px rgba(0,0,0,.7);overflow:auto}.plan-modal::backdrop{background:rgba(1,4,8,.81);backdrop-filter:blur(13px)}.dialog-inner{padding:39px;position:relative}.dialog-close{position:absolute;top:19px;right:19px;width:33px;height:33px;border-radius:8px;border:1px solid #43524a;background:transparent;color:#a8efe4;font-size:24px;display:grid;place-items:center}.dialog-symbol{font-size:48px;color:var(--accent);margin-top:22px}.plan-modal h2{font-size:39px;margin:14px 0 13px}.plan-modal #dialogBody{color:#bcc8bd;font-size:14px;line-height:1.8}.dialog-price{font-size:32px;color:var(--accent);font-weight:860;letter-spacing:-.04em;margin-top:25px}.dialog-note{margin:20px 0 26px;font-size:12px;color:#b5c2b5;line-height:1.8;border-top:1px solid #3b4b40;padding-top:15px}.dialog-inner>.button{width:100%;font-size:13px}
[data-reveal]{opacity:0;transform:translate3d(0,34px,0);transition:opacity .9s var(--ease),transform .95s var(--ease)}[data-reveal].visible{opacity:1;transform:translate3d(0,0,0)}.feature-bento [data-reveal]:nth-child(2){transition-delay:.1s}.feature-bento [data-reveal]:nth-child(3){transition-delay:.2s}.feature-bento [data-reveal]:nth-child(4){transition-delay:.3s}.step-grid [data-reveal]:nth-child(2),.pricing-grid [data-reveal]:nth-child(2){transition-delay:.11s}.step-grid [data-reveal]:nth-child(3),.pricing-grid [data-reveal]:nth-child(3){transition-delay:.22s}.step-grid [data-reveal]:nth-child(4){transition-delay:.33s}
@keyframes float{0%,100%{translate:0 0}50%{translate:0 -13px}}@keyframes twinkle{0%,100%{rotate:0deg;opacity:.85}50%{rotate:45deg;opacity:1}}@keyframes orbitSpin{to{rotate:360deg}}@keyframes mouse{0%{opacity:0;transform:translateY(0)}30%{opacity:1}100%{opacity:0;transform:translateY(10px)}}@keyframes barGrow{from{scale:1 0;opacity:.2}to{scale:1 1;opacity:1}}@keyframes pulse{0%,100%{opacity:1;scale:1}50%{opacity:.6;scale:.7}}
@media (min-width:1440px){.hero{padding-top:120px}.hero-wrap{min-height:710px}}
@media (max-width:1170px){.nav-shell{gap:16px}.desktop-nav{gap:19px}.nav-status{display:none}.hero h1{font-size:clamp(50px,6.2vw,77px)}.hero-scene{scale:.91;transform-origin:35% 50%}.dashboard-shell{right:-15%}.float-tag-one{right:-11%}.bento-feed-art{width:68%}}
@media (max-width:1000px){:root{--header:72px}.desktop-nav{display:none}.nav-actions .menu-toggle{display:flex}.hero{padding-top:58px}.hero-wrap{grid-template-columns:1fr;min-height:auto;gap:15px}.hero-intro{padding-bottom:12px;text-align:center;display:flex;flex-direction:column;align-items:center}.hero h1{max-width:850px;font-size:clamp(52px,8.5vw,80px)}.hero-copy{max-width:680px}.hero-footnote{margin-top:32px}.hero-scene{width:min(100%,730px);margin:12px auto 0;scale:1;transform:perspective(1800px) rotateY(-4deg) rotateX(2deg);height:590px}.dashboard-shell{left:7%;right:5%}.float-tag-one{right:0}.float-tag-two{left:0}.orbit-outer{left:0}.hero-bottom-row{position:relative;margin-top:20px}.hero-wrap{min-height:auto}.hero{padding-bottom:34px}.feature-bento{grid-template-columns:repeat(2,1fr);grid-template-rows:300px 300px 300px}.bento-hero{grid-row:span 2;grid-column:span 1}.bento-cut{grid-column:2;grid-row:1}.bento-cal{grid-column:2;grid-row:2}.bento-insight{grid-column:1 / -1;grid-row:3}.bento-hero h3{font-size:35px}.bento-feed-art{width:98%;right:-35px;bottom:-88px;scale:.9;transform-origin:bottom right}.flow-top{grid-template-columns:1fr;gap:20px}.step-grid{grid-template-columns:repeat(2,1fr)}.step:nth-child(2){border-right:0}.step:nth-child(-n+2){border-bottom:1px solid var(--line)}.step:nth-child(3){padding-left:2px}.faq-layout{grid-template-columns:1fr;gap:55px}.faq-intro p{max-width:600px}.statement-signature{display:none}}
@media (max-width:720px){:root{--header:67px}.container,.nav-shell{width:calc(100% - 34px)}.announcement{font-size:9px;gap:6px;height:35px}.announcement-extra{display:none}.announcement a{font-size:9px}.nav-shell{gap:10px}.logo svg{width:34px;height:34px}.logo-text{font-size:13px}.logo-text small{font-size:6px}.nav-cta{display:none}.hero{padding:57px 0 25px}.hero h1{font-size:clamp(44px,10.6vw,66px);max-width:650px;margin:25px 0 23px;letter-spacing:-.07em}.hero-emphasis{white-space:normal}.hero-spark{display:none}.eyebrow{font-size:9px;letter-spacing:.11em}.hero-copy{font-size:15px;line-height:1.85}.hero-buttons{margin-top:25px;justify-content:center;gap:10px}.hero-buttons .button{min-height:51px;font-size:11px;padding:0 16px}.hero-footnote{margin-top:25px}.hero-scene{height:410px;width:100%;transform:none;margin-top:23px}.dashboard-shell{left:0;right:0;top:38px;height:357px;border-radius:12px}.dashboard-top{height:39px;padding:0 11px}.dashboard-body{height:calc(100% - 39px)}.mock-main{padding:14px 10px}.mock-sidebar{width:34px;gap:11px}.side-mark{width:23px;height:23px;font-size:14px}.mock-brand{font-size:7px;gap:5px}.mock-page{display:none}.mock-pilot{font-size:6px}.mock-top-right{gap:4px}.mock-avatar{width:21px;height:21px}.mock-greeting h2{font-size:14px}.mock-period{font-size:7px;padding:5px}.mock-stat-grid{gap:5px;margin-top:17px}.mock-stat{padding:9px 6px}.mock-stat>span{font-size:6px}.mock-stat strong{font-size:16px;margin-top:8px}.mock-stat small{font-size:6px;margin-top:7px;white-space:normal;min-height:20px}.mock-details{height:140px;gap:5px}.mock-chart,.mock-queue{padding:10px 7px}.mock-title-row{font-size:7px}.mock-title-row small{font-size:5px}.chart-bars{height:68px;gap:3px}.chart-lines{top:38px;bottom:33px}.queue-step{padding:9px 0;gap:5px}.queue-step>i{font-size:6px;padding:3px}.queue-step span{font-size:7px}.queue-step span small{font-size:5px}.queue-step em{font-size:7px}.float-tag{padding:9px;gap:5px;border-radius:8px}.float-tag>span:last-child{font-size:6px}.float-tag small{font-size:6px}.tag-icon{height:20px;width:20px}.float-tag-one{top:2px;right:-2px}.float-tag-two{display:none}.orbit{display:none}.preview-disclaimer{bottom:-6px;left:0;right:0;text-align:center;font-size:9px}.hero-bottom-row{display:none}.trust-ribbon{height:72px}.ribbon-label,.ribbon-separator,.ribbon-end{display:none}.ribbon-inner{justify-content:center}.ribbon-inner>span:nth-last-child(2){font-size:clamp(14px,3vw,21px)}.ribbon-inner i{padding:0 6px}.section{padding:88px 0}.center-head{margin-bottom:35px}.section-head h2,.flow-top h2,.pricing-heading h2,.faq-intro h2{font-size:clamp(34px,8vw,48px)}.section-head p{font-size:14px}.feature-bento{grid-template-columns:1fr;grid-template-rows:auto;gap:12px}.bento-card,.bento-hero,.bento-cut,.bento-cal,.bento-insight{grid-column:auto;grid-row:auto;min-height:310px}.bento-hero{min-height:500px}.bento-hero h3{font-size:34px}.bento-card{padding:23px}.bento-card h3{max-width:280px}.bento-feed-art{bottom:-70px;width:99%;right:-23px;scale:.8}.bento-cut h3,.bento-cal h3,.bento-insight h3{max-width:300px}.cut-art{right:10px;left:42%}.step-grid{margin-top:40px}.step{min-height:225px;padding-top:19px}.step:not(:first-child){padding-left:16px}.step:nth-child(3){padding-left:2px}.step h3{margin-top:39px;font-size:23px}.step p{font-size:12px}.flow-note{font-size:10px}.wide-statement{padding:70px 0}.wide-inner{gap:18px}.statement-asterisk{font-size:55px}.wide-inner p{font-size:clamp(23px,5.4vw,36px)}.pricing-heading{flex-direction:column;align-items:flex-start;margin-bottom:42px;gap:20px}.pricing-grid{grid-template-columns:1fr;gap:27px}.pricing-card{min-height:0;padding:30px 25px 26px}.pricing-featured{order:-1}.price strong{font-size:55px}.pricing-disclaimer{font-size:11px}.faq-layout{gap:35px}.faq-items summary{font-size:14px;padding:22px 1px}.faq-intro p{font-size:13px}.closing-inner{padding:85px 0 110px}.closing-inner h2{font-size:clamp(39px,8.2vw,62px)}.closing-inner p{font-size:14px}.closing-watermark{font-size:480px;bottom:-140px}.footer{padding-top:44px}.footer-top{align-items:flex-start;flex-direction:column;gap:30px;padding-bottom:37px}.footer-links{flex-wrap:wrap;gap:19px}.footer-bottom{flex-wrap:wrap;font-size:10px}.dialog-inner{padding:29px 24px}.plan-modal h2{font-size:34px}}
@media (max-width:395px){.announcement a{display:none}.hero h1{font-size:43px}.hero-buttons{flex-direction:column;width:100%}.hero-buttons .button{width:100%}.hero-scene{height:377px}.dashboard-shell{top:30px;height:325px}.mock-stat:nth-child(3) small{font-size:5px}.mock-details{height:126px}.mock-main{padding:11px 7px}.mock-chart,.mock-queue{padding:8px 5px}.bento-hero{min-height:450px}.bento-feed-art{scale:.67;right:-15px}.nav-shell{width:calc(100% - 26px)}}
@media (hover:none){.spotlight:before{opacity:0!important}.bento-card:hover,.pricing-card:hover,.button:hover{transform:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition-duration:.01ms!important}html{scroll-behavior:auto}[data-reveal]{opacity:1;transform:none}.hero-scene{transform:none!important}.site-noise{display:none}}


/* ===============================
   POST INFINITY V3 · BRAND HERO 3D
   Brand: graphite / lime / ivory
   =============================== */
:root {
 --accent:#4ed8bb;
 --accent-dark:#35e4d3;
 --brand-ink:#071016;
 --brand-fog:#b6f6ee;
}
.hero {
 isolation:isolate;
 background:
 radial-gradient(ellipse 650px 540px at 67% 37%,rgba(78,216,187,.085),transparent 70%),
 radial-gradient(ellipse 500px 330px at 0% 100%,rgba(53,195,198,.045),transparent 75%),var(--bg);
}
.hero-ambient-one {background:radial-gradient(circle,rgba(78,216,187,.16),transparent 72%)}
.hero-ambient-two {background:radial-gradient(circle,rgba(70,209,204,.10),transparent 72%)}
.eyebrow-orbit{display:inline-block;color:var(--accent);font-size:18px;line-height:1;animation:orbitSpin 25s linear infinite}
.hero-title{max-width:710px;display:flex;flex-direction:column;align-items:flex-start;overflow:visible;margin:22px 0 26px !important}
.hero-title-intro{
 display:block;font-size:clamp(17px,2vw,26px);letter-spacing:-.035em;font-weight:560;line-height:1.35;color:#effffb;
 margin-bottom:18px
}
.hero-3d-stage{
 --rx:-4deg;--ry:7deg;
 display:flex;flex-direction:column;align-items:flex-start;
 position:relative;z-index:0;isolation:isolate;
 width:max-content;max-width:100%;min-width:0;
 padding:20px 16px 37px 4px;
 transform-style:preserve-3d;
 transform-origin:46% 51%;
 transform:perspective(1050px) rotateX(var(--rx)) rotateY(var(--ry));
 transition:transform .55s cubic-bezier(.2,.8,.3,1);
 will-change:transform;
 cursor:default
}
.hero-3d-word{
 display:block;position:relative;z-index:4;white-space:nowrap;
 letter-spacing:-.091em;line-height:.99;
 font-weight:900;font-size:clamp(43px,5.72vw,85px);
 font-family:Inter,"Arial Black",system-ui,-apple-system,sans-serif;
 text-transform:uppercase;
 text-shadow:
 1px 1px 0 #25545c,2px 2px 0 #204a53,
 3px 3px 0 #15404c,4px 4px 0 #123847,
 5px 5px 0 #133444,6px 6px 0 #0d3340,
 7px 7px 0 #11303b,8px 8px 0 #112b35,
 11px 13px 13px rgba(0,0,0,.46),23px 28px 42px rgba(0,0,0,.42);
 transform:translateZ(42px);
 -webkit-text-stroke:.5px rgba(232,255,189,.34);
}
.word-primary{
 background:linear-gradient(167deg,#ffffff 1%,#9cf8e9 22%,#4ed8bb 40%,#38d5cf 59%,#cefffa 76%,#80a945 98%);
 color:#4ed8bb;
 background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent
}
.word-secondary{
 font-size:clamp(41px,5.48vw,83px);
 background:linear-gradient(166deg,#ffffff 5%,#e9faf8 29%,#bbf4ed 48%,#ffffff 67%,#9ba99a 100%);
 color:#f0fffa;
 background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;
 text-shadow:
 1px 1px 0 #37626a,2px 2px 0 #30545f,
 3px 3px 0 #2b4c57,4px 4px 0 #244451,
 5px 5px 0 #1b3b49,6px 6px 0 #173443,
 7px 7px 0 #11303d,9px 11px 12px rgba(0,0,0,.6),
 20px 25px 40px rgba(0,0,0,.4);
 transform:translateZ(52px)
}
.hero-3d-word:after{
 content:attr(data-layer);
 position:absolute;inset:0;
 z-index:6;
 background:linear-gradient(105deg,transparent 19%,rgba(255,255,255,.10) 37%,rgba(255,255,255,.86) 48%,rgba(255,255,255,.09) 57%,transparent 71%);
 background-size:280% 100%;
 background-position:120% 0;
 background-clip:text;-webkit-background-clip:text;
 -webkit-text-fill-color:transparent;
 pointer-events:none;
 mix-blend-mode:screen;
 animation:sloganSweep 7s ease-in-out infinite
}
.hero-3d-glow{position:absolute;inset:12% -10% 3%;z-index:0;border-radius:50%;
 background:radial-gradient(ellipse,rgba(66,230,209,.25),rgba(78,216,187,.085) 39%,transparent 70%);
 filter:blur(28px);transform:translateZ(-50px);
 animation:sloganAura 5s ease-in-out infinite alternate;pointer-events:none}
.hero-3d-orbit{pointer-events:none;position:absolute;inset:-35px -60px -12px -40px;z-index:-1;border:1px solid rgba(78,216,187,.16);
 border-radius:50%;transform:rotate(-18deg) translateZ(-40px);
 box-shadow:0 0 35px rgba(78,216,187,.035),inset 0 0 35px rgba(78,216,187,.025);
 animation:galaxyOrbit 22s linear infinite
}
.hero-3d-orbit.orbit-two{inset:-55px -55px -35px -55px;opacity:.48;border-style:dashed;transform:rotate(20deg) translateZ(-65px);animation-duration:35s;animation-direction:reverse}
.hero-3d-star{position:absolute;z-index:6;color:#92ffea;text-shadow:0 0 18px rgba(78,216,187,.8);pointer-events:none;transform:translateZ(86px);animation:sloganStar 6s ease-in-out infinite}
.star-one{font-size:25px;top:-5px;right:-2px}.star-two{font-size:15px;left:8%;bottom:4px;animation-delay:-3s}
.hero-copy{font-size:clamp(14px,1.32vw,17px);max-width:520px;line-height:1.85;color:#adb9af}
.hero-copy strong{font-weight:780;color:#ebfffa}
.hero-preview-status{display:flex;align-items:center;gap:10px;margin-top:20px;font-size:11px;color:#9dbfbd;letter-spacing:.01em}
.hero-buttons{margin-top:27px}
.hero-footnote{margin-top:41px}
.mini-avatars i:nth-child(2){background:#6ddacb;color:#07352f}
.mini-avatars i:nth-child(3){background:#2b3529;color:#d0f5ef}
.mock-avatar{background:#6ccfc2;color:#213017}
.dot-purple,.dot-blue{background:#86ad68}
.cut-wave i{background:#53d5cf}
.cut-film{background:radial-gradient(circle at 55% 55%,#5dbfca,transparent 43%),linear-gradient(150deg,#394c36,#1e2e23)}
.frame-back{background:#15313b;color:#acdfd5}
.bento-hero{background:radial-gradient(ellipse 550px 450px at 90% 90%,rgba(78,216,187,.12),transparent 85%),#102933}
.bento-cut{background:radial-gradient(ellipse 300px 270px at 120% 100%,rgba(78,216,187,.1),transparent 75%),#102934}
.section-head h2 span,.flow-top h2 span,.pricing-heading h2 span,.faq-intro h2 span{color:var(--accent)}
.pricing-card:hover{border-color:rgba(78,216,187,.68)}
.popular-badge{letter-spacing:.12em}
.pricing-featured{box-shadow:0 24px 90px rgba(78,216,187,.09),inset 0 0 0 1px rgba(78,216,187,.14)}
.hero-3d-stage:focus-visible{outline:none}
@keyframes sloganSweep{0%,20%{background-position:130% 0}45%,100%{background-position:-135% 0}}
@keyframes sloganAura{from{opacity:.55;scale:.98}to{opacity:.9;scale:1.07}}
@keyframes sloganStar{0%,100%{opacity:.58;rotate:-11deg;scale:.86}50%{opacity:1;rotate:18deg;scale:1.3}}
@keyframes galaxyOrbit{0%{rotate:0deg}100%{rotate:360deg}}
@media(min-width:1001px){
 .hero-wrap{grid-template-columns:52% 48%}
 .hero-intro{padding-bottom:100px}
 .hero-title{max-width:690px}
}
@media(max-width:1000px){
 .hero-title{align-items:center;margin:20px auto 15px!important}
 .hero-3d-stage{align-items:center;transform:perspective(1050px) rotateX(-2deg) rotateY(0deg)}
 .hero-title-intro{font-size:21px}
 .hero-preview-status{justify-content:center}
 .hero-3d-word{font-size:clamp(50px,9vw,78px)}
 .word-secondary{font-size:clamp(48px,8.8vw,77px)}
 .hero-footnote{margin-top:30px}
}
@media(max-width:720px){
 .hero-title-intro{font-size:17px;margin-bottom:11px}
 .hero-title{margin:15px auto 14px!important}
 .hero-3d-stage{padding:16px 10px 24px 0}
 .hero-3d-word{font-size:clamp(43px,11vw,65px);letter-spacing:-.087em}
 .word-secondary{font-size:clamp(42px,10.6vw,62px)}
 .hero-3d-orbit{inset:-15px -12px -12px -12px}
 .hero-3d-orbit.orbit-two{inset:-21px -14px -18px -14px}
 .hero-3d-glow{filter:blur(17px)}
 .star-one{font-size:14px;top:0;right:0}
 .star-two{font-size:10px}
 .hero-copy{font-size:14px;line-height:1.8}
 .hero-preview-status{font-size:10px;margin-top:13px}
 .hero-buttons{margin-top:19px}
 .hero-footnote{margin-top:22px}
}
@media(max-width:395px){
 .hero-3d-word{font-size:clamp(43px,12vw,50px)}
 .word-secondary{font-size:clamp(42px,11.5vw,49px)}
 .hero-3d-stage{padding-right:3px}
 .hero-title-intro{font-size:15px}
 .hero-3d-orbit{inset:0}
}
@media(prefers-reduced-motion:reduce){
 .hero-3d-word:after,.hero-3d-star,.hero-3d-orbit,.hero-3d-glow,.eyebrow-orbit{animation:none!important}
 .hero-3d-stage{--rx:0deg!important;--ry:0deg!important;transform:none!important;transition:none!important;will-change:auto}
}

/* V4 OFFICIAL BRAND TOKENS: sourced from original POST INFINITY login + panel CSS */
:root{
 --bg:#071016;
 --surface:#0e1e2c;
 --surface-2:#102334;
 --surface-3:#142a38;
 --txt:#effffb;
 --accent:#4ed8bb;
 --accent-dark:#29c9f1;
 --brand-ink:#071016;
 --brand-fog:#a7f3e7;
 --pi-blue:#29c9f1;
 --pi-violet:#8b7cf6;
 --pi-neon:#35e4d3;
}
body{
 background:linear-gradient(145deg,#071016,#0a1720 58%,#0d2226);
}
.logo .brand-mark{
 width:56px;height:42px;flex:none;
 overflow:visible;
 filter:drop-shadow(0 0 10px rgba(53,228,211,.37));
 transition:filter .3s ease,transform .3s ease;
}
.logo:hover .brand-mark{
 transform:translateY(-2px);
 filter:drop-shadow(0 0 15px rgba(53,228,211,.64));
}
.announcement,.trust-ribbon{
 background:linear-gradient(95deg,#4ed8bb,#29c9f1);
 color:#08231f;
}
.topbar{background:rgba(7,16,22,.83);}
.topbar.scrolled{background:rgba(7,16,22,.96);}
.hero{
 background:
 radial-gradient(ellipse 760px 580px at 65% 30%,rgba(41,201,241,.095),transparent 80%),
 radial-gradient(ellipse 620px 420px at 4% 25%,rgba(53,228,211,.07),transparent 74%),
 #071016;
}
.hero-ambient-one{
 background:radial-gradient(circle,rgba(41,201,241,.19),transparent 73%);
}
.hero-ambient-two{
 background:radial-gradient(circle,rgba(139,124,246,.11),transparent 72%);
}
.hero-3d-word.word-primary{
 background:linear-gradient(160deg,#e7fffc 2%,#87fff0 22%,#35e4d3 48%,#29c9f1 70%,#15b8dd 100%);
 color:#35e4d3;
 -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
 -webkit-text-stroke:.5px rgba(154,255,240,.26);
}
.hero-3d-word.word-secondary{
 background:linear-gradient(160deg,#fff 2%,#e4fffc 22%,#92e4ee 55%,#f3fffb 79%,#77bfce 100%);
 color:#effffb;
 -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.hero-3d-glow{
 background:radial-gradient(ellipse,rgba(53,228,211,.25),rgba(41,201,241,.09) 44%,transparent 70%);
}
.hero-3d-orbit{border-color:rgba(78,216,187,.22);box-shadow:0 0 35px rgba(41,201,241,.035);}
.hero-3d-star{color:#a6fff0;text-shadow:0 0 20px rgba(41,201,241,.78);}
.hero-3d-word:after{
 background:linear-gradient(105deg,transparent 19%,rgba(255,255,255,.06) 36%,rgba(212,255,251,.88) 48%,rgba(255,255,255,.10) 58%,transparent 72%);
 background-size:280% 100%;
 -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.button-primary,.featured-button{
 background:linear-gradient(118deg,#72efd4,#4bd9ed);
 color:#08231f;border-color:transparent;
 box-shadow:0 8px 32px rgba(54,222,202,.18);
}
.button-primary:hover,.featured-button:hover{
 background:linear-gradient(115deg,#8bffe8,#59e7f9);
 box-shadow:0 14px 38px rgba(41,201,241,.24);
}
.bento-hero{
 background:radial-gradient(ellipse 550px 450px at 92% 96%,rgba(41,201,241,.17),transparent 75%),#122433;
}
.bento-cut{
 background:radial-gradient(ellipse 320px 300px at 100% 100%,rgba(139,124,246,.09),transparent),#131f30;
}
.bento-cal{background:#112730}
.bento-insight{background:radial-gradient(ellipse 320px 300px at 94% 85%,rgba(53,228,211,.10),transparent),#112433}
.frame-front{background:linear-gradient(165deg,#8bffe8,#35e4d3);color:#092c29;}
.frame-back{background:#173a4a;color:#b7f7f2;}
.mock-stat{background:#192c3c;}
.mock-chart,.mock-queue{background:#192d3d;}
.pricing-section{background:radial-gradient(ellipse 690px 460px at 48% 70%,rgba(41,201,241,.065),transparent),#0a1720;}
.pricing-card{background:linear-gradient(150deg,#16293b,#101e2d);border-color:#2d405b;}
.pricing-featured{
 background:linear-gradient(158deg,#163d44,#112d3b 46%,#102336);
 border-color:rgba(78,216,187,.8);
 box-shadow:0 20px 70px rgba(41,201,241,.09),inset 0 0 0 1px rgba(78,216,187,.13);
}
.popular-badge{background:linear-gradient(115deg,#72efd4,#4bd9ed);color:#08231f;}
.plan-button{background:#192a3a;border-color:#355269;color:#effffb;}
.plan-button:hover{background:#4ed8bb;border-color:#4ed8bb;color:#08231f;}
.plan-button.featured-button{background:linear-gradient(115deg,#72efd4,#4bd9ed);color:#08231f;}
.wide-statement{background:linear-gradient(112deg,#77f3db,#45cce9);color:#08231f;}
.closing-section{background:radial-gradient(ellipse 770px 500px at 50% 96%,rgba(41,201,241,.14),transparent 78%),#0b1b29;}
.closing-watermark{color:rgba(78,216,187,.034);}
.faq-section{background:#0a1720;}
.footer{background:#071016;}
.dialog-symbol,.section-kicker,.eyebrow{color:#4ed8bb;}
.plan-modal{border-color:#3c8b8b;background:linear-gradient(145deg,#15343c,#101f2b 70%);}
.dialog-price{color:#4ed8bb;}
::selection{background:#4ed8bb;color:#08231f;}
@media(max-width:720px){
 .logo .brand-mark{width:48px;height:34px;}
}
@media(prefers-reduced-motion:reduce){
 .logo .brand-mark,.logo:hover .brand-mark{transition:none;transform:none;}
}


/* ==========================================================
   POST INFINITY V5: LIVING 3D HEADLINE
   TURQUOISE "CRIAÇÃO" / OFFICIAL VIOLET "SEM LIMITES."
   Motion is continuous even on touch devices (unless prefers-reduced-motion).
   ========================================================== */
.hero-title .hero-3d-stage {
  --rx:-5deg;
  --ry:8deg;
  display:flex;
  position:relative;
  isolation:isolate;
  transform-style:preserve-3d;
  transform-origin:50% 45%;
  transform:perspective(1100px) rotateX(var(--rx)) rotateY(var(--ry));
  animation:piHeadlineFloat 5.2s cubic-bezier(.45,.08,.45,.92) infinite both;
  padding:20px 20px 36px 6px;
  min-width:0;
  max-width:100%;
  will-change:transform;
}
.hero-title .hero-3d-word {
  transform-style:preserve-3d;
  overflow:visible;
  isolation:isolate;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.hero-title .word-primary {
  background:linear-gradient(140deg,
    #e7fffc 0%,#8bffee 19%,#35e4d3 42%,#29c9f1 65%,#70f3fa 84%,#1595c3 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  color:#35e4d3;
  -webkit-text-stroke:.7px rgba(195,255,246,.28);
  transform:translateZ(52px);
  text-shadow:
    1px 1px 0 rgba(6,76,86,.65),
    2px 2px 0 rgba(5,67,80,.60),
    3px 3px 0 rgba(3,61,77,.55),
    4px 4px 0 rgba(3,50,67,.48),
    6px 6px 0 rgba(3,35,50,.4),
    9px 13px 15px rgba(0,0,0,.4),
    0 0 34px rgba(41,201,241,.20);
  filter:drop-shadow(0 0 5px rgba(53,228,211,.11));
  animation:piPrimaryGlow 4.8s ease-in-out infinite alternate;
}
.hero-title .word-secondary {
  background:linear-gradient(126deg,#f1ebff 0%,#d2c4ff 17%,#b1a1ff 37%,#8b7cf6 57%,#6c5ad9 76%,#c9baff 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  color:#9e8bff;
  -webkit-text-stroke:.7px rgba(222,204,255,.42);
  transform:translateZ(67px);
  text-shadow:
    1px 1px 0 rgba(70,54,126,.77),
    2px 2px 0 rgba(61,43,118,.72),
    3px 3px 0 rgba(49,33,101,.66),
    4px 4px 0 rgba(40,27,87,.61),
    6px 6px 0 rgba(30,20,65,.57),
    10px 16px 19px rgba(0,0,0,.54),
    0 0 32px rgba(139,124,246,.22);
  filter:drop-shadow(0 0 7px rgba(139,124,246,.12));
  animation:piSecondaryGlow 4.8s ease-in-out infinite alternate;
}
.hero-title .hero-3d-word::before{
  content:attr(data-layer);
  position:absolute;
  inset:0;
  z-index:-1;
  font:inherit;
  white-space:inherit;
  color:rgba(18,15,36,.78);
  -webkit-text-fill-color:rgba(20,15,39,.75);
  opacity:.7;
  transform:translate(10px,12px) translateZ(-38px);
  filter:blur(5px);
  pointer-events:none;
}
.hero-title .hero-3d-word::after{
  content:attr(data-layer);
  position:absolute;
  inset:0;
  z-index:3;
  font:inherit;
  white-space:inherit;
  background:linear-gradient(108deg,
    transparent 24%,
    rgba(255,255,255,.025) 34%,
    rgba(255,255,255,.83) 47%,
    rgba(255,255,255,.22) 51%,
    transparent 65%);
  background-size:300% 100%;
  background-position:125% 0%;
  background-clip:text;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  text-shadow:none;
  pointer-events:none;
  animation:piHeadlineSweep 3.3s linear infinite;
  mix-blend-mode:screen;
}
.hero-title .word-secondary::after {
  animation-delay:-1.5s;
}
.hero-title .hero-3d-glow {
  z-index:-2;
  position:absolute;
  inset:-19% -14% -9%;
  background:
    radial-gradient(ellipse at 33% 34%,rgba(53,228,211,.29),transparent 44%),
    radial-gradient(ellipse at 75% 67%,rgba(139,124,246,.39),transparent 46%),
    radial-gradient(ellipse at 51% 60%,rgba(41,201,241,.14),transparent 62%);
  filter:blur(25px);
  opacity:.82;
  animation:piHeadlineAura 4.8s ease-in-out infinite alternate;
}
.hero-title .hero-3d-orbit {
  border-width:1.5px;
  border-color:rgba(139,124,246,.28);
  animation:piOrbitAround 20s linear infinite;
  box-shadow:0 0 25px rgba(139,124,246,.07);
}
.hero-title .hero-3d-orbit.orbit-two {
  border-color:rgba(53,228,211,.32);
  animation:piOrbitAroundBack 16s linear infinite;
}
.hero-title .hero-3d-star {
  color:#d6baff;
  text-shadow:0 0 12px rgba(139,124,246,.85),0 0 25px rgba(139,124,246,.4);
  animation:piSparkle 3.8s ease-in-out infinite;
}
.hero-title .star-two {color:#7cfff0;animation-delay:-1.9s}
.hero-title .hero-3d-particle {
  position:absolute;
  z-index:3;
  pointer-events:none;
  border-radius:50%;
  filter:blur(.5px);
  animation:piParticleOrbit 5.5s ease-in-out infinite;
}
.pi-particle-one {
  width:9px;height:9px;
  top:4%;right:6%;
  background:#35e4d3;
  box-shadow:0 0 18px 4px rgba(53,228,211,.55),0 0 33px rgba(41,201,241,.3);
}
.pi-particle-two {
  width:7px;height:7px;
  left:2%;bottom:9%;
  background:#a996ff;
  box-shadow:0 0 17px 3px rgba(139,124,246,.65);
  animation-delay:-2.1s!important;
}
.pi-particle-three {
  width:5px;height:5px;
  top:48%;right:1%;
  background:#29c9f1;
  box-shadow:0 0 15px 3px rgba(41,201,241,.45);
  animation-delay:-3.3s!important;
}
@keyframes piHeadlineFloat {
  0%,100%{
    transform:perspective(1100px) rotateX(var(--rx)) rotateY(var(--ry)) translate3d(0,0,0);
  }
  50%{
    transform:perspective(1100px) rotateX(calc(var(--rx) + 2deg)) rotateY(calc(var(--ry) - 2deg)) translate3d(0,-12px,0);
  }
}
@keyframes piHeadlineSweep{
  0%{background-position:130% 0}
  100%{background-position:-130% 0}
}
@keyframes piPrimaryGlow{
  0%{filter:drop-shadow(0 0 3px rgba(53,228,211,.09));}
  100%{filter:drop-shadow(0 0 13px rgba(41,201,241,.48));}
}
@keyframes piSecondaryGlow{
  0%{filter:drop-shadow(0 0 3px rgba(139,124,246,.14));}
  100%{filter:drop-shadow(0 0 18px rgba(139,124,246,.62));}
}
@keyframes piHeadlineAura{
  0%{opacity:.55;transform:scale(.95) rotate(-4deg)}
  100%{opacity:1;transform:scale(1.11) rotate(4deg)}
}
@keyframes piOrbitAround{
  0%{transform:rotate(-16deg) translateZ(-50px)}
  100%{transform:rotate(344deg) translateZ(-50px)}
}
@keyframes piOrbitAroundBack{
  0%{transform:rotate(15deg) translateZ(-80px)}
  100%{transform:rotate(-345deg) translateZ(-80px)}
}
@keyframes piSparkle{
  0%,100%{opacity:.42;transform:scale(.75) rotate(-16deg) translateZ(55px)}
  50%{opacity:1;transform:scale(1.18) rotate(15deg) translateZ(70px)}
}
@keyframes piParticleOrbit{
  0%,100%{opacity:.45;transform:translate3d(0,0,0) scale(.8)}
  50%{opacity:1;transform:translate3d(12px,-18px,22px) scale(1.38)}
}
/* Keep the 3D experience readable and fully within narrow viewports. */
@media(max-width:1000px){
  .hero-title .hero-3d-stage {
    --rx:-2deg;--ry:0deg;
    padding:19px 11px 28px 4px;
  }
  .hero-title .hero-3d-orbit{inset:-14px -10px -8px}
  .hero-title .hero-3d-orbit.orbit-two{inset:-24px -14px -15px}
}
@media(max-width:720px){
  .hero-title .hero-3d-stage {padding:16px 4px 25px 0}
  .hero-title .hero-3d-glow {filter:blur(16px)}
  .hero-title .hero-3d-star {font-size:12px}
  .hero-title .hero-3d-particle {transform:scale(.8)}
  .pi-particle-three {right:0}
}
@media(max-width:395px){
  .hero-title .hero-3d-stage {padding:12px 3px 22px 0}
  .hero-title .hero-3d-glow{filter:blur(12px)}
}
@media(prefers-reduced-motion:reduce){
  .hero-title .hero-3d-stage,
  .hero-title .hero-3d-word,
  .hero-title .hero-3d-word::after,
  .hero-title .hero-3d-glow,
  .hero-title .hero-3d-orbit,
  .hero-title .hero-3d-star,
  .hero-title .hero-3d-particle {animation:none!important;transition:none!important}
  .hero-title .hero-3d-stage {
    --rx:0deg!important;--ry:0deg!important;
    transform:none!important;will-change:auto
  }
  .hero-title .hero-3d-word {filter:none!important;transform:none!important}
  .hero-title .hero-3d-particle,.hero-title .hero-3d-orbit{display:none}
}

/* Legibility fix after visual review: filled luminous 3D letterfaces, not hollow outlines. */
.hero-title .word-primary{
 -webkit-text-fill-color:#58ebdf;
 color:#58ebdf;
 text-shadow:
  1px 1px 0 #0b4b52,2px 2px 0 #0a444e,3px 3px 0 #083c47,
  4px 4px 0 #073441,6px 7px 0 #052632,
  8px 11px 16px rgba(0,0,0,.48),
  0 0 28px rgba(53,228,211,.48);
}
.hero-title .word-secondary{
 -webkit-text-fill-color:#b6a5ff;
 color:#b6a5ff;
 text-shadow:
  1px 1px 0 #4e448e,2px 2px 0 #403776,3px 3px 0 #352c65,
  4px 4px 0 #292350,6px 7px 0 #1d1b3c,
  8px 12px 17px rgba(0,0,0,.5),
  0 0 32px rgba(139,124,246,.55);
}


/* POST INFINITY v6 — animated official symbol on the public brand too */
.logo .brand-mark{animation:piPublicInfinity 18s linear infinite!important;transform-origin:50% 50%;will-change:transform;overflow:visible}
.logo .brand-mark .pi-loop{stroke-dasharray:none;animation:none!important}
.logo .brand-mark .pi-energy-runner{stroke:#dcfffa;fill:none;stroke-width:2.4;stroke-dasharray:23 217;stroke-dashoffset:240;stroke-linecap:round;filter:drop-shadow(0 0 4px #35e4d3) drop-shadow(0 0 7px #29c9f1);animation:piPublicTrace 2.8s linear infinite}
.logo:hover .brand-mark{animation-duration:6s!important}
.logo:hover .brand-mark .pi-energy-runner{animation-duration:1.15s}
@keyframes piPublicInfinity{0%{transform:perspective(700px) rotateZ(0deg) rotateX(-10deg) rotateY(-8deg)}25%{transform:perspective(700px) rotateZ(90deg) rotateX(7deg) rotateY(7deg)}50%{transform:perspective(700px) rotateZ(180deg) rotateX(-8deg) rotateY(8deg)}75%{transform:perspective(700px) rotateZ(270deg) rotateX(8deg) rotateY(-8deg)}100%{transform:perspective(700px) rotateZ(360deg) rotateX(-10deg) rotateY(-8deg)}}
@keyframes piPublicTrace{from{stroke-dashoffset:240}to{stroke-dashoffset:0}}
@media(prefers-reduced-motion:reduce){.logo .brand-mark,.logo:hover .brand-mark,.logo .brand-mark .pi-energy-runner{animation:none!important;transform:none!important;filter:none!important;will-change:auto}}

/* Figure-eight contour, not full-logo rotation: professional X-axis micro-depth. */
.logo .brand-mark,.logo:hover .brand-mark{
 animation:piMarketingX 6.5s ease-in-out infinite!important;
 transform-origin:50% 50%!important;
 filter:drop-shadow(0 0 9px rgba(53,228,211,.3)) drop-shadow(0 8px 8px rgba(0,8,18,.5));
}
.logo .brand-mark .pi-loop{stroke-width:5.6;stroke-linecap:round;stroke-linejoin:round;opacity:.95;stroke-dasharray:none!important;animation:none!important}
.logo .brand-mark .pi-energy-runner{stroke:#e2fffb;stroke-width:2.4;stroke-dasharray:15 225;stroke-dashoffset:240;
 animation:piMarketingContour 3.6s linear infinite!important;
 filter:drop-shadow(0 0 4px #35e4d3) drop-shadow(0 0 8px #29c9f1);
}
.logo:hover .pi-energy-runner{animation-duration:1.8s!important}
@keyframes piMarketingX{0%,100%{transform:perspective(650px) rotateX(-10deg) rotateY(-3deg) translateZ(0)}50%{transform:perspective(650px) rotateX(11deg) rotateY(3deg) translateZ(3px)}}
@keyframes piMarketingContour{0%{stroke-dashoffset:240}100%{stroke-dashoffset:0}}
@media(prefers-reduced-motion:reduce){.logo .brand-mark,.logo:hover .brand-mark,.logo .pi-energy-runner{animation:none!important;transform:none!important;filter:none!important}}

@media(prefers-reduced-motion:reduce){.logo .brand-mark .pi-energy-runner{animation:none!important;transform:none!important;filter:none!important}}


/* POST INFINITY · COSMIC PARALLAX v1
 * Original dark cosmic field inspired by 21st.dev Parallax Cosmic Background.
 * All content is decorative. Only transforms and a lightweight 2D particle layer move.
 */
:root{--pi-cosmic-navy:#07101e;--pi-cosmic-turquoise:#35e4d3;--pi-cosmic-cyan:#29c9f1;--pi-cosmic-violet:#8b7cf6}
html{background:#07101e}
body{position:relative;background:#07101e!important}
#piAmbientDepth,#pilotAmbientDepth{display:none!important}
#piCosmicField{
  position:fixed!important;inset:0!important;
  width:100%;height:100%;height:100dvh;
  pointer-events:none!important;user-select:none!important;
  z-index:0!important;overflow:hidden;contain:layout paint;
  background:
    radial-gradient(ellipse 60% 48% at 71% 25%,rgba(26,82,108,.22),transparent 85%),
    radial-gradient(ellipse 40% 44% at 10% 80%,rgba(57,43,109,.11),transparent 78%),
    linear-gradient(155deg,#07111e 0%,#091525 45%,#080e1b 100%);
}
#piCosmicField .pi-cosmic-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;opacity:.91;pointer-events:none}
#piCosmicField .pi-cosmic-nebula{
 position:absolute;pointer-events:none;aspect-ratio:1;border-radius:50%;
 mix-blend-mode:screen;opacity:.86;will-change:transform;
}
#piCosmicField .pi-nebula-one{
 width:min(92vw,1100px);top:-26%;right:-16%;
 background:
  radial-gradient(ellipse at 42% 49%,rgba(45,228,219,.29) 0%,rgba(33,149,195,.17) 26%,rgba(54,115,181,.085) 43%,transparent 68%);
 filter:blur(clamp(20px,4vw,48px));
 transform:translate3d(var(--cosmos-a-x,0px),var(--cosmos-a-y,0px),0);
}
#piCosmicField .pi-nebula-two{
 width:min(91vw,1000px);bottom:-31%;left:-24%;
 background:
 radial-gradient(ellipse at 61% 45%,rgba(139,124,246,.25),rgba(64,100,207,.16) 29%,rgba(39,110,160,.08) 44%,transparent 70%);
 filter:blur(clamp(22px,4vw,54px));
 transform:translate3d(var(--cosmos-b-x,0px),var(--cosmos-b-y,0px),0);
}
#piCosmicField .pi-nebula-three{
 width:min(59vw,700px);top:27%;left:25%;
 background:radial-gradient(circle at 42% 56%,rgba(22,138,173,.095),rgba(68,41,149,.045) 46%,transparent 71%);
 filter:blur(clamp(18px,4vw,46px));opacity:.65;
 transform:translate3d(var(--cosmos-c-x,0px),var(--cosmos-c-y,0px),0);
}
#piCosmicField .pi-cosmic-depth-ring{
 position:absolute;left:58%;top:42%;width:min(75vw,910px);height:min(75vw,910px);
 border:1px solid rgba(68,218,227,.11);border-radius:50%;opacity:.65;
 box-shadow:0 0 0 78px rgba(40,182,222,.01),0 0 0 158px rgba(139,124,246,.008);
 transform:translate3d(-50%,-50%,0) perspective(1100px) rotateX(72deg) rotateZ(-25deg) translateY(var(--cosmos-ring-y,0px));
}
#piCosmicField .pi-cosmic-depth-ring:after{
 content:"";position:absolute;inset:17%;border:1px dashed rgba(148,145,250,.16);
 border-radius:50%;transform:rotate(33deg);
}
#piCosmicField .pi-cosmic-vignette{
 position:absolute;inset:0;pointer-events:none;
 background:linear-gradient(90deg,rgba(4,9,19,.25),transparent 28%,transparent 75%,rgba(4,9,19,.23));
}
body > main,body > header,body > footer,body > .announcement,body > .reading-progress,
body > .site-noise,body > .shell,body > .welcome{position:relative;z-index:1}
body > header.topbar{position:sticky;z-index:150}
/* Legacy operation dashboard: no fake data; existing cards are intentionally opaque enough for readability. */
body > main#app,body > main{background:transparent}
#home .pi-workspace{
 background:radial-gradient(ellipse 53% 85% at var(--pi-parallax-x,76%) var(--pi-parallax-y,12%),rgba(41,201,241,.12),transparent 85%),linear-gradient(130deg,rgba(17,41,61,.88),rgba(11,26,45,.93))!important;
 border-color:rgba(75,200,213,.37)!important;
 backdrop-filter:blur(12px);
}
#home .pi-workspace-card{
 background:linear-gradient(155deg,rgba(29,56,78,.92),rgba(11,31,54,.93))!important;
 backdrop-filter:blur(10px);
}
/* Pilot private login & workspace: sidebar remains readable and permission guards unchanged. */
body > .shell{background:transparent}
.shell .side{background:linear-gradient(180deg,rgba(13,28,47,.95),rgba(9,23,40,.97))!important}
.shell main .pilot-hero{background:radial-gradient(ellipse at 84% 15%,rgba(42,180,204,.19),transparent 76%),linear-gradient(130deg,rgba(22,58,78,.90),rgba(12,30,51,.94))!important}
.shell main .panel,.shell main .card,.shell main .signcard{
 background:linear-gradient(150deg,rgba(22,40,59,.91),rgba(12,27,46,.95))!important;
 backdrop-filter:blur(10px);
}
.welcome .signcard{background:linear-gradient(154deg,rgba(20,41,60,.96),rgba(11,25,44,.98))!important}
/* Public marketing landing: cosmic backdrop remains visible BETWEEN and BEHIND each section. */
body > main#conteudo{background:transparent!important}
body > main#conteudo > section{
 background-color:rgba(7,15,28,.70)!important;
 background-image:none!important;
}
body > main#conteudo > section.hero{
 background:linear-gradient(100deg,rgba(7,16,31,.53),rgba(6,15,26,.2) 54%,rgba(7,14,24,.32))!important;
}
body > main#conteudo > section.pricing-section,
body > main#conteudo > section.faq-section{
 background:linear-gradient(125deg,rgba(8,19,34,.84),rgba(10,19,34,.72))!important;
}
body > main#conteudo > section.closing-section{
 background:linear-gradient(150deg,rgba(8,20,35,.72),rgba(10,20,35,.82))!important;
}
body > footer.footer{background:rgba(7,16,30,.92)!important}
body > .topbar{background:rgba(7,15,28,.88)!important}
body > .topbar.scrolled{background:rgba(7,15,28,.95)!important}
/* Perf: coarse pointer gets fewer canvased stars, reduced nebula blur and no hover-only effects. */
@media(max-width:760px){
 #piCosmicField .pi-cosmic-canvas{opacity:.83}
 #piCosmicField .pi-nebula-one{width:128vw;top:-22%;right:-42%;opacity:.75;filter:blur(22px)}
 #piCosmicField .pi-nebula-two{width:130vw;bottom:-21%;left:-30%;opacity:.65;filter:blur(24px)}
 #piCosmicField .pi-nebula-three{display:none}
 #piCosmicField .pi-cosmic-depth-ring{width:116vw;height:116vw;left:62%;top:47%;opacity:.35}
 body > main#conteudo > section{background-color:rgba(7,15,28,.81)!important}
 body > main#conteudo > section.hero{background:linear-gradient(180deg,rgba(7,15,29,.45),rgba(7,15,29,.18) 40%,rgba(7,15,29,.62))!important}
}
@media(prefers-reduced-motion:reduce){
 #piCosmicField .pi-cosmic-nebula,#piCosmicField .pi-cosmic-depth-ring{transform:none!important;will-change:auto!important}
 #piCosmicField .pi-cosmic-canvas{opacity:.56}
}



/* Cosmic mobile safety: clip decorative halos without creating a nested scroll container. */
@supports (overflow:clip){
  html,body{overflow-x:clip!important}
}

/* POST INFINITY — signed Android app releases section */
.app-download-section{position:relative;padding:clamp(70px,10vw,132px) 0;overflow:hidden;isolation:isolate}
.app-download-layout{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:clamp(32px,5vw,92px);align-items:center}
.app-download-icon-stage{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:360px;isolation:isolate}
.app-download-icon-stage:before{content:"";position:absolute;z-index:-1;inset:2% 8%;background:radial-gradient(circle,rgba(43,210,224,.21),transparent 65%);filter:blur(16px)}
.app-download-halo{position:absolute;aspect-ratio:1;width:min(95%,410px);border-radius:50%;border:1px solid rgba(78,216,187,.19);box-shadow:0 0 0 48px rgba(41,201,241,.014),0 0 0 88px rgba(139,124,246,.009);transform:perspective(900px) rotateX(66deg) rotateZ(-10deg);pointer-events:none}
.app-download-logo{width:clamp(190px,19vw,260px);height:auto;aspect-ratio:1;object-fit:cover;position:relative;z-index:1;border-radius:27%;box-shadow:0 24px 85px rgba(0,0,0,.52),0 0 56px rgba(41,201,241,.14);transition:transform .45s ease,box-shadow .45s ease}
.app-download-logo:hover{transform:translateY(-9px) rotateX(7deg);box-shadow:0 29px 90px rgba(0,0,0,.55),0 0 65px rgba(41,201,241,.25)}
.app-download-os{margin-top:25px;display:flex;align-items:center;gap:9px;font-size:11px;letter-spacing:.18em;color:#99dcd6;font-weight:800}
.app-download-device-icon{color:#60eddf;font-size:18px}
.app-download-copy h2{font-size:clamp(35px,4.1vw,61px);line-height:1.07;letter-spacing:-.07em;margin:19px 0 23px;color:#effffa}
.app-download-copy h2 span{display:block;background:linear-gradient(112deg,#94fff0,#35e4d3,#29c9f1);-webkit-background-clip:text;background-clip:text;color:transparent}
.app-download-copy>p{color:#b1c6cd;font-size:clamp(14px,1.3vw,17px);line-height:1.8;max-width:570px}
.app-download-features{display:flex;flex-wrap:wrap;gap:10px 17px;margin:21px 0 28px}
.app-download-features span{font-size:12px;color:#9fe9dc}
.app-download-actions{display:flex;align-items:center;gap:17px;flex-wrap:wrap;margin:0 0 16px}
.app-download-button{display:inline-flex!important;align-items:center;gap:13px;text-decoration:none}
.app-download-button span{font-size:20px;line-height:1}
.app-version-label{font-size:12px;font-weight:650;color:#8dbbc1}
.app-download-security{font-size:11px!important;color:#829da8!important;max-width:590px!important}
@media(max-width:840px){.app-download-layout{grid-template-columns:1fr;gap:15px;text-align:center}.app-download-copy{display:flex;flex-direction:column;align-items:center}.app-download-features,.app-download-actions{justify-content:center}.app-download-icon-stage{min-height:310px}.app-download-section{padding:75px 0 82px}}
@media(max-width:460px){.app-download-icon-stage{min-height:240px}.app-download-logo{width:180px}.app-download-copy h2{font-size:36px}.app-download-actions{flex-direction:column;gap:12px}.app-download-button{width:100%;justify-content:center}.app-download-features{justify-content:center}}
@media(prefers-reduced-motion:reduce){.app-download-logo,.app-download-logo:hover{transition:none;transform:none}}


/* POST INFINITY · acesso existente e ícone vetorial HD */
.nav-login{
 display:inline-flex;align-items:center;justify-content:center;gap:8px;
 padding:10px 13px;border:1px solid rgba(82,228,215,.36);
 border-radius:12px;color:#d5fff8!important;font-size:12px;font-weight:780;
 white-space:nowrap;background:linear-gradient(130deg,rgba(31,92,99,.32),rgba(12,31,56,.35));
 box-shadow:0 0 20px rgba(41,201,241,.035),inset 0 1px rgba(182,249,240,.09);
 transition:border-color .2s,background .2s,transform .2s;
}
.nav-login:hover{border-color:rgba(82,228,215,.75);background:rgba(30,103,113,.3);transform:translateY(-2px)}
.nav-login:focus-visible,.mobile-login:focus-visible,.app-download-signin a:focus-visible{outline:2px solid #61ffeb;outline-offset:3px}
.nav-login svg{height:19px;width:19px;stroke:#6af5dd;stroke-width:1.6}
.mobile-login{color:#8afbed!important;font-weight:800!important}
.mobile-login span{float:right;opacity:.85}
.app-download-signin{font-size:13px!important;color:#b7d0d5!important;margin:8px 0 13px!important}
.app-download-signin a{color:#80efe3;text-decoration:underline;text-underline-offset:4px;font-weight:750}
.app-download-logo{
 image-rendering:auto;
 width:clamp(190px,19vw,260px);
 aspect-ratio:1;
 border-radius:25%;
 filter:drop-shadow(0 0 18px rgba(34,214,242,.12));
}
@media(max-width:1000px){.nav-login{margin-left:auto}}
@media(max-width:720px){
 .nav-actions{gap:8px}
 .nav-login{padding:8px 10px;gap:5px;font-size:11px;border-radius:11px}
 .nav-login svg{width:17px;height:17px}
 .app-download-logo{width:190px}
}
@media(max-width:360px){.nav-login{padding:8px}.nav-login svg{width:15px}.nav-login span{font-size:10px}}


/* POST INFINITY — secure recurring billing journey (2026-10-12) */
.pi-subscription-journey{padding:clamp(66px,9vw,124px) 0 80px;position:relative;isolation:isolate}
.pi-subscription-heading{display:grid;grid-template-columns:1fr .75fr;align-items:end;gap:32px;margin-bottom:34px}
.pi-subscription-heading h2{font-size:clamp(33px,4.2vw,62px);line-height:1.1;letter-spacing:-.06em;margin:14px 0;color:#f1fffa}
.pi-subscription-heading h2 span{color:#62e9dc}
.pi-subscription-heading>p{color:#adc4d0;line-height:1.75;max-width:470px;margin:0}
.pi-subscription-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.pi-subscription-step{padding:27px 19px 24px;min-width:0;min-height:214px;border:1px solid rgba(78,216,187,.25);border-radius:18px;background:linear-gradient(145deg,rgba(17,48,67,.85),rgba(9,25,45,.87));box-shadow:0 12px 40px rgba(0,0,0,.15)}
.pi-subscription-number{font-weight:850;color:#55eee4;letter-spacing:.2em;font-size:12px}
.pi-subscription-step h3{color:#e9fcf9;font-size:18px;letter-spacing:-.02em;margin:19px 0 9px}
.pi-subscription-step p{color:#a9bdc9;line-height:1.68;font-size:13px;margin:0}
.pi-subscription-guard{margin:24px 0 9px;color:#a6eadb;line-height:1.65;font-size:13px}
.pi-subscription-guard span{color:#5dffe5;margin-right:7px}
.pi-subscription-release{font-size:12px;color:#96b7c1;line-height:1.65;margin:6px 0 0}
@media(max-width:1050px){.pi-subscription-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.pi-subscription-step{min-height:175px}}
@media(max-width:760px){.pi-subscription-heading{grid-template-columns:1fr;gap:10px}.pi-subscription-step{padding:20px 16px;min-height:180px}.pi-subscription-heading h2{font-size:35px}}
@media(max-width:430px){.pi-subscription-steps{grid-template-columns:1fr;gap:10px}.pi-subscription-step{min-height:0}.pi-subscription-step h3{margin:9px 0 5px}}