
:root{--pp-bg:#020b10;--pp-bg2:#05151b;--pp-panel:#071922;--pp-panel2:#0c222d;--pp-green:#19f182;--pp-green2:#18b65d;--pp-text:#e9f6ff;--pp-muted:#91a6b8;--pp-line:rgba(25,241,130,.25);--pp-dim:rgba(255,255,255,.06)}
.product-page{background:radial-gradient(circle at 50% 0,rgba(25,241,130,.12),transparent 32%),linear-gradient(180deg,#020b10,#030b12 60%,#02080d);color:var(--pp-text)}
.product-main{overflow:hidden}.pp-wrap{max-width:1120px;margin:0 auto;padding:0 24px}.pp-hero{min-height:700px;display:flex;align-items:center;position:relative;padding:145px 24px 95px;background:radial-gradient(circle at 50% 20%,rgba(27,232,120,.17),transparent 38%)}.pp-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,11,16,.18),rgba(2,11,16,.90));pointer-events:none}.pp-grid-bg{position:absolute;inset:0;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:72px 72px;mask-image:linear-gradient(180deg,#000,transparent 80%);opacity:.55}.pp-hero-inner{position:relative;z-index:2;max-width:1120px;margin:auto;display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}.pp-hero.center .pp-hero-inner{display:block;text-align:center;max-width:920px}.pp-kicker{display:inline-flex;gap:8px;align-items:center;color:var(--pp-green);font-family:var(--mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;background:rgba(25,241,130,.08);border:1px solid var(--pp-line);padding:8px 12px;border-radius:999px;margin-bottom:18px}.pp-h1{font-size:clamp(42px,6vw,82px);line-height:.96;letter-spacing:-.055em;margin:0 0 18px;font-weight:900}.pp-h1 span{color:var(--pp-green)}.pp-lead{font-size:clamp(16px,1.5vw,21px);line-height:1.62;color:#b7cadb;max-width:720px;margin:0 0 30px}.pp-hero.center .pp-lead{margin-left:auto;margin-right:auto}.pp-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.pp-hero.center .pp-actions{justify-content:center}.pp-btn{display:inline-flex;align-items:center;justify-content:center;height:50px;min-width:158px;padding:0 22px;border-radius:5px;background:linear-gradient(135deg,#1fc466,#11f58d);color:#00150d;font-weight:800;letter-spacing:.04em;border:1px solid rgba(255,255,255,.08);box-shadow:0 0 35px rgba(25,241,130,.25)}.pp-btn.secondary{background:rgba(255,255,255,.03);color:#dce9f7;border-color:rgba(255,255,255,.22);box-shadow:none}.pp-visual{justify-self:end;width:100%;max-width:470px}.pp-screen{border:1px solid var(--pp-line);background:linear-gradient(145deg,rgba(10,35,45,.95),rgba(0,8,14,.98));border-radius:14px;box-shadow:0 25px 70px rgba(0,0,0,.45),0 0 40px rgba(25,241,130,.12);overflow:hidden;padding:12px;transform:perspective(1100px) rotateY(-7deg) rotateX(4deg);animation:floaty 6s ease-in-out infinite}.pp-screen img{width:100%;height:340px;object-fit:cover;object-position:top;border-radius:8px;opacity:.88}.pp-screen-bar{height:28px;display:flex;gap:7px;align-items:center;padding:0 8px}.pp-screen-bar span{width:8px;height:8px;border-radius:999px;background:rgba(25,241,130,.45)}.pp-stats{position:relative;z-index:3;max-width:1000px;margin:-50px auto 0;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--pp-line);background:linear-gradient(180deg,rgba(9,67,41,.88),rgba(5,24,30,.95));box-shadow:0 0 45px rgba(25,241,130,.18)}.pp-stat{padding:28px 18px;text-align:center;border-right:1px solid rgba(25,241,130,.16)}.pp-stat:last-child{border-right:0}.pp-stat b{font-size:clamp(26px,3vw,44px);color:var(--pp-green);display:block;line-height:1}.pp-stat small{display:block;margin-top:8px;color:#c0d0dc;text-transform:uppercase;font-size:11px;letter-spacing:.12em}.pp-section{padding:105px 24px;position:relative}.pp-section.alt{background:linear-gradient(180deg,rgba(5,32,25,.68),rgba(3,15,20,.7))}.pp-section.dark{background:#041017}.pp-head{text-align:center;max-width:780px;margin:0 auto 58px}.pp-label{font-family:var(--mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--pp-green);display:block;margin-bottom:12px}.pp-head h2,.pp-left h2{font-size:clamp(34px,4vw,58px);line-height:1.05;letter-spacing:-.045em;margin:0 0 15px}.pp-head h2 span,.pp-left h2 span{color:var(--pp-green)}.pp-head p,.pp-left p{color:var(--pp-muted);line-height:1.7;font-size:16px}.pp-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.pp-cards.two{grid-template-columns:repeat(2,1fr)}.pp-cards.four{grid-template-columns:repeat(4,1fr)}.pp-card{position:relative;min-height:185px;background:linear-gradient(145deg,rgba(11,32,43,.94),rgba(5,18,24,.96));border:1px solid rgba(25,241,130,.18);border-radius:6px;padding:28px;overflow:hidden;transition:transform .28s ease,border .28s ease,box-shadow .28s ease}.pp-card:hover{transform:translateY(-6px);border-color:rgba(25,241,130,.6);box-shadow:0 18px 50px rgba(0,0,0,.32),0 0 24px rgba(25,241,130,.1)}.pp-card .num{position:absolute;right:20px;top:16px;font-size:44px;color:rgba(25,241,130,.12);font-weight:900}.pp-icon{width:44px;height:44px;border-radius:8px;display:grid;place-items:center;color:var(--pp-green);border:1px solid var(--pp-line);background:rgba(25,241,130,.08);margin-bottom:22px;font-size:22px}.pp-card h3{font-size:22px;letter-spacing:-.03em;margin:0 0 12px}.pp-card p{color:#a8bacb;line-height:1.62;margin:0}.pp-list{margin:18px 0 0;padding:0;list-style:none}.pp-list li{margin:9px 0;color:#b8c8d8;font-size:14px}.pp-list li:before{content:"✓";color:var(--pp-green);margin-right:8px}.pp-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.pp-tags span{font-family:var(--mono);font-size:10px;color:#a7ffcf;border:1px solid rgba(25,241,130,.22);background:rgba(25,241,130,.06);padding:6px 9px;border-radius:999px;text-transform:uppercase}.pp-split{display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center}.pp-panel{background:linear-gradient(145deg,rgba(12,33,45,.92),rgba(3,13,20,.96));border:1px solid var(--pp-line);border-radius:8px;padding:36px;box-shadow:0 0 40px rgba(25,241,130,.07)}.pp-panel.terminal{font-family:var(--mono);background:#02070a;color:#2cff93}.pp-mini-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.pp-mini{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);padding:18px;border-radius:5px}.pp-mini strong{display:block;margin-bottom:8px}.pp-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;text-align:center;position:relative}.pp-flow:before{content:"";position:absolute;left:7%;right:7%;top:34px;height:1px;background:var(--pp-line)}.pp-step{position:relative;z-index:1}.pp-step b{width:68px;height:68px;margin:0 auto 18px;border-radius:999px;border:1px solid var(--pp-green);display:grid;place-items:center;background:#062017;color:var(--pp-green);box-shadow:0 0 25px rgba(25,241,130,.18)}.pp-step h3{font-size:18px;margin:0 0 10px}.pp-step p{color:var(--pp-muted);font-size:14px;line-height:1.55}.pp-chips{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;max-width:900px;margin:0 auto}.pp-chip{border:1px solid rgba(25,241,130,.22);background:rgba(25,241,130,.07);border-radius:999px;padding:9px 14px;color:#cfffe4;font-size:13px}.pp-pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:980px;margin:0 auto}.pp-price{padding:34px;border:1px solid rgba(25,241,130,.22);background:linear-gradient(180deg,rgba(11,36,24,.9),rgba(4,17,22,.96));border-radius:6px}.pp-price.featured{border-color:var(--pp-green);box-shadow:0 0 36px rgba(25,241,130,.18);transform:translateY(-10px)}.pp-price small{text-transform:uppercase;color:#7df2b3;letter-spacing:.12em}.pp-price h3{font-size:42px;margin:12px 0}.pp-price h3 span{font-size:15px;color:#8fa2b0}.pp-price p{color:var(--pp-muted)}.pp-price ul{padding:0;list-style:none;margin:24px 0}.pp-price li{margin:11px 0;color:#c5d3df}.pp-price li:before{content:"✓";color:var(--pp-green);margin-right:8px}.pp-cta{max-width:900px;margin:0 auto;text-align:center;padding:70px 34px;border:1px solid var(--pp-line);background:radial-gradient(circle at 50% 0,rgba(25,241,130,.18),transparent 55%),linear-gradient(145deg,rgba(10,32,45,.92),rgba(3,13,20,.96));border-radius:8px}.pp-cta h2{font-size:clamp(36px,5vw,68px);line-height:1.04;letter-spacing:-.05em;margin:0 0 18px}.pp-cta h2 span{color:var(--pp-green)}.pp-cta p{color:#adbdca;line-height:1.65;max-width:640px;margin:0 auto 28px}.pp-table{width:100%;border-collapse:collapse;background:rgba(255,255,255,.02);border:1px solid var(--pp-line)}.pp-table th,.pp-table td{padding:18px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left;color:#c4d1dc}.pp-table th{color:var(--pp-green);font-family:var(--mono);text-transform:uppercase;font-size:12px}.pp-table td.check{color:var(--pp-green);text-align:center;font-weight:900}.pp-showcase{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}.pp-showcase .pp-panel{min-height:260px}.pp-device-row{display:flex;gap:22px;justify-content:center;margin-top:38px}.pp-phone{width:145px;height:240px;border:1px solid var(--pp-line);border-radius:24px;background:linear-gradient(180deg,#0b2a25,#030b12);box-shadow:0 14px 40px rgba(0,0,0,.4);padding:18px}.pp-phone:before{content:"";display:block;width:42px;height:5px;background:#031017;margin:0 auto 18px;border-radius:99px}.pp-phone div{height:22px;background:rgba(25,241,130,.12);border:1px solid rgba(25,241,130,.18);margin:10px 0;border-radius:4px}.pp-phone .active{background:var(--pp-green)}.pp-chat{display:grid;grid-template-columns:1fr 1fr;gap:28px}.pp-chat-box{background:#06141d;border:1px solid var(--pp-line);border-radius:8px;padding:24px}.pp-msg{padding:13px 16px;border-radius:8px;margin:12px 0;background:rgba(25,241,130,.08);color:#d9e8f5}.pp-msg.alt{background:#0d2430;text-align:right}.pp-orbit{width:310px;height:310px;border:1px dashed rgba(25,241,130,.25);border-radius:50%;margin:auto;display:grid;place-items:center;position:relative;animation:spinSlow 30s linear infinite}.pp-orbit:before{content:"AUTOMATE";display:grid;place-items:center;width:116px;height:116px;border-radius:50%;border:1px solid var(--pp-green);color:var(--pp-green);font-family:var(--mono);background:#051b14;box-shadow:0 0 30px rgba(25,241,130,.18)}.pp-orbit span{position:absolute;font-size:11px;color:#aee6c7;background:#061922;border:1px solid var(--pp-line);border-radius:999px;padding:7px 10px}.pp-orbit span:nth-child(1){top:18px}.pp-orbit span:nth-child(2){right:-12px}.pp-orbit span:nth-child(3){bottom:12px}.pp-orbit span:nth-child(4){left:-18px}.pp-orbit span:nth-child(5){right:36px;bottom:62px}.pp-product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.pp-product-card{background:linear-gradient(145deg,rgba(9,37,23,.9),rgba(5,16,21,.95));border:1px solid rgba(25,241,130,.24);padding:28px;border-radius:5px;min-height:260px}.pp-product-card.wide{grid-column:span 2}.pp-product-card h3{font-size:24px}.pp-category-band{border-top:1px solid rgba(25,241,130,.17);border-bottom:1px solid rgba(25,241,130,.17);background:rgba(8,46,25,.36);padding:70px 24px}.pp-category-line{max-width:1120px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:20px;border:1px solid rgba(25,241,130,.18);padding:18px;background:rgba(3,14,18,.62)}.pp-category-line strong{color:#fff}.pp-category-line a{color:var(--pp-green)}
@keyframes floaty{0%,100%{transform:perspective(1100px) rotateY(-7deg) rotateX(4deg) translateY(0)}50%{transform:perspective(1100px) rotateY(-7deg) rotateX(4deg) translateY(-14px)}}@keyframes spinSlow{to{transform:rotate(360deg)}}
@media(max-width:960px){.pp-hero-inner,.pp-split,.pp-chat{grid-template-columns:1fr;text-align:center}.pp-actions{justify-content:center}.pp-visual{justify-self:center}.pp-cards,.pp-cards.two,.pp-cards.four,.pp-pricing,.pp-product-grid,.pp-showcase{grid-template-columns:1fr}.pp-product-card.wide{grid-column:auto}.pp-stats{grid-template-columns:repeat(2,1fr);margin:0}.pp-flow{grid-template-columns:1fr}.pp-flow:before{display:none}.pp-price.featured{transform:none}.pp-section{padding:76px 20px}.pp-hero{min-height:auto;padding-top:120px}.pp-table{font-size:13px}.pp-category-line{flex-direction:column;align-items:flex-start}}@media(max-width:560px){.pp-h1{font-size:40px}.pp-stats{grid-template-columns:1fr}.pp-stat{border-right:0;border-bottom:1px solid rgba(25,241,130,.16)}.pp-screen img{height:260px}.pp-mini-grid{grid-template-columns:1fr}.pp-device-row{flex-direction:column;align-items:center}}

.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
