:root {
  --pl-bg: #070809;
  --pl-panel: #0e1012;
  --pl-panel-2: #121417;
  --pl-line: rgba(255,255,255,.10);
  --pl-line-strong: rgba(255,255,255,.16);
  --pl-text: #f4f4f1;
  --pl-muted: #9b9da3;
  --pl-muted-2: #686b72;
  --pl-violet: #7c5cff;
  --pl-violet-2: #9a7cff;
  --pl-green: #72e6ac;
}

.pl-landing { min-height: 100vh; background: var(--pl-bg); color: var(--pl-text); font-family: Inter, "Segoe UI", Arial, sans-serif; overflow-x: clip; position: relative; }
.pl-landing *, .pl-landing *::before, .pl-landing *::after { box-sizing: border-box; }
.pl-landing button { font: inherit; }
.pl-container { width: min(1240px, calc(100% - 48px)); margin: 0 auto; }
.pl-noise { pointer-events:none; position:fixed; inset:0; z-index:0; opacity:.11; mix-blend-mode:soft-light; 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='.82' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.4'/%3E%3C/svg%3E"); }

.pl-nav-shell { position: sticky; top: 0; z-index: 100; background: rgba(7,8,9,.72); backdrop-filter: blur(18px); border-bottom: 1px solid rgba(255,255,255,.055); }
.pl-nav { width:min(1320px, calc(100% - 40px)); height:76px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; gap:28px; }
.pl-logo { display:flex; align-items:center; gap:12px; color:var(--pl-text); }
.pl-logo-mark { width:34px; height:34px; border:1px solid rgba(255,255,255,.14); border-radius:10px; background:linear-gradient(145deg,#17191c,#0d0f11); display:grid; place-items:center; position:relative; overflow:hidden; box-shadow:inset 0 1px 0 rgba(255,255,255,.05); }
.pl-logo-mark::after { content:""; position:absolute; inset:5px; border-radius:6px; background:radial-gradient(circle at 30% 20%,rgba(148,122,255,.45),transparent 60%); }
.pl-logo-mark i { position:absolute; z-index:1; width:5px; height:18px; border-radius:4px; background:#ecebe8; transform:skewY(-28deg); left:10px; top:8px; }
.pl-logo-mark i + i { left:auto; right:10px; opacity:.55; transform:skewY(28deg); }
.pl-logo-copy { display:flex; flex-direction:column; line-height:1; }
.pl-logo-copy strong { font-size:14px; letter-spacing:.08em; font-weight:760; }
.pl-logo-copy small { margin-top:5px; font-size:9px; color:#70737b; letter-spacing:.04em; }
.pl-nav-links { display:flex; gap:34px; align-items:center; margin-left:auto; }
.pl-nav-links button { background:none; border:0; color:#85878d; font-size:12px; cursor:pointer; transition:.2s ease; padding:8px 0; }
.pl-nav-links button:hover { color:#f4f4f1; }
.pl-nav-cta { border:1px solid rgba(255,255,255,.13); background:#f2f2ef; color:#101112; min-height:42px; padding:0 18px; border-radius:999px; display:flex; align-items:center; gap:8px; font-size:12px; font-weight:700; cursor:pointer; transition:.2s ease; }
.pl-nav-cta:hover { transform:translateY(-1px); background:white; }

.pl-hero { position:relative; padding:106px 0 40px; border-bottom:1px solid rgba(255,255,255,.055); }
.pl-hero-inner { text-align:center; position:relative; z-index:2; }
.pl-hero-glow { position:absolute; pointer-events:none; border-radius:999px; filter:blur(120px); opacity:.22; }
.pl-hero-glow-a { width:540px; height:360px; top:40px; left:50%; margin-left:-270px; background:#7457ff; }
.pl-hero-glow-b { width:360px; height:250px; top:240px; left:62%; background:#35227f; opacity:.14; }
.pl-eyebrow { display:inline-flex; align-items:center; gap:8px; padding:8px 12px; border:1px solid var(--pl-line); border-radius:999px; background:rgba(255,255,255,.035); color:#a7a9ae; font-size:10px; letter-spacing:.08em; text-transform:uppercase; }
.pl-eyebrow span { display:flex; color:#a891ff; }
.pl-hero h1 { margin:28px auto 0; max-width:950px; font-size:clamp(56px,7.5vw,106px); line-height:.91; letter-spacing:-.065em; font-weight:620; color:#f4f4f0; }
.pl-hero h1 span { display:block; color:#7d7f84; font-weight:500; }
.pl-hero-lead { max-width:720px; margin:30px auto 0; color:#96989e; font-size:clamp(16px,1.6vw,20px); line-height:1.58; letter-spacing:-.015em; }
.pl-hero-actions { margin-top:34px; display:flex; justify-content:center; flex-wrap:wrap; gap:10px; }
.pl-primary, .pl-secondary { min-height:52px; border-radius:999px; padding:0 22px; display:inline-flex; align-items:center; justify-content:center; gap:10px; cursor:pointer; border:0; transition:transform .2s ease, background .2s ease, border-color .2s ease; font-size:13px; font-weight:700; }
.pl-primary { background:#f2f2ef; color:#0c0d0e; box-shadow:0 16px 42px rgba(0,0,0,.24); }
.pl-primary:hover { transform:translateY(-2px); background:white; }
.pl-secondary { background:rgba(255,255,255,.035); color:#c5c6c8; border:1px solid var(--pl-line); }
.pl-secondary:hover { border-color:var(--pl-line-strong); color:white; background:rgba(255,255,255,.055); }
.pl-proof-row { margin:22px auto 0; display:flex; justify-content:center; gap:24px; flex-wrap:wrap; color:#72757b; font-size:10px; }
.pl-proof-row span { display:flex; align-items:center; gap:6px; }
.pl-proof-row svg { color:#8e76ff; }

.pl-product-stage { max-width:1160px; margin:72px auto 0; position:relative; padding:0 38px 72px; }
.pl-stage-aura { position:absolute; width:70%; height:50%; left:15%; top:15%; background:radial-gradient(circle,rgba(122,92,255,.24),rgba(122,92,255,.04) 46%,transparent 70%); filter:blur(32px); }
.pl-browser-frame { position:relative; overflow:hidden; border-radius:24px; border:1px solid rgba(255,255,255,.12); background:#101214; box-shadow:0 50px 120px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.045); transform:perspective(1600px) rotateX(1.5deg); }
.pl-browser-top { height:46px; padding:0 14px; display:grid; grid-template-columns:100px 1fr 100px; align-items:center; border-bottom:1px solid rgba(255,255,255,.07); background:#111315; }
.pl-browser-dots { display:flex; gap:6px; }
.pl-browser-dots i { display:block; width:7px; height:7px; border-radius:50%; background:#404247; }
.pl-browser-dots i:nth-child(2){ opacity:.72; }.pl-browser-dots i:nth-child(3){ opacity:.48; }
.pl-browser-address { justify-self:center; width:min(380px,100%); height:25px; border:1px solid rgba(255,255,255,.07); border-radius:999px; color:#61646a; font-size:9px; display:flex; align-items:center; justify-content:center; gap:7px; background:#0d0f11; }
.pl-browser-status { justify-self:end; font-size:8px; color:#7f8287; text-transform:uppercase; letter-spacing:.08em; }
.pl-screen-wrap { position:relative; aspect-ratio:1911/870; overflow:hidden; background:#090a0b; }
.pl-screen-wrap img { display:block; width:100%; height:100%; object-fit:cover; object-position:center; filter:saturate(.88) contrast(1.03) brightness(.86); }
.pl-screen-shade { position:absolute; inset:0; background:linear-gradient(180deg,rgba(8,9,10,.04),rgba(8,9,10,.18)); box-shadow:inset 0 0 80px rgba(0,0,0,.32); }
.pl-float-card { position:absolute; z-index:5; display:flex; align-items:center; gap:11px; min-width:208px; padding:13px 14px; background:rgba(17,19,21,.92); border:1px solid rgba(255,255,255,.10); border-radius:14px; box-shadow:0 20px 50px rgba(0,0,0,.4); backdrop-filter:blur(12px); text-align:left; }
.pl-float-card small, .pl-float-metric small { color:#777a80; display:block; font-size:8px; text-transform:uppercase; letter-spacing:.08em; }
.pl-float-card strong { display:block; margin-top:4px; color:#e9e9e6; font-size:11px; font-weight:650; }
.pl-float-icon { width:34px; height:34px; border-radius:10px; display:grid; place-items:center; background:rgba(124,92,255,.11); color:#a58fff; border:1px solid rgba(124,92,255,.17); }
.pl-float-left { left:0; top:30%; animation:plFloat 7s ease-in-out infinite; }
.pl-float-right { right:0; top:17%; animation:plFloat 7s ease-in-out -2.5s infinite; }
.pl-live-dot { width:8px; height:8px; border-radius:50%; background:var(--pl-green); box-shadow:0 0 0 5px rgba(114,230,172,.08),0 0 20px rgba(114,230,172,.25); }
.pl-float-metric { position:absolute; z-index:5; right:7%; bottom:25px; width:218px; padding:14px 16px; border:1px solid rgba(255,255,255,.10); border-radius:15px; background:rgba(17,19,21,.93); backdrop-filter:blur(12px); text-align:left; box-shadow:0 18px 50px rgba(0,0,0,.4); }
.pl-float-metric > div { margin-top:7px; display:flex; align-items:baseline; justify-content:space-between; gap:10px; }
.pl-float-metric strong { font-size:26px; letter-spacing:-.045em; font-weight:620; }
.pl-float-metric span { color:#7b7e84; font-size:9px; }
@keyframes plFloat { 0%,100%{ transform:translateY(0) } 50%{ transform:translateY(-8px) } }

.pl-statement { padding:116px 0; border-bottom:1px solid rgba(255,255,255,.055); }
.pl-statement-grid { display:grid; grid-template-columns:1.25fr .75fr; gap:100px; align-items:end; }
.pl-kicker { display:block; margin-bottom:18px; color:#8170d8; font-size:10px; text-transform:uppercase; letter-spacing:.12em; font-weight:700; }
.pl-statement h2, .pl-section-head h2, .pl-feature-copy h2, .pl-modules-copy h2, .pl-final-copy h2 { margin:0; color:#efefec; font-size:clamp(36px,4.4vw,64px); line-height:1.02; letter-spacing:-.05em; font-weight:560; }
.pl-statement p { margin:0; color:#878a90; font-size:15px; line-height:1.75; max-width:480px; }

.pl-flow-section, .pl-cap-section { padding:112px 0; border-bottom:1px solid rgba(255,255,255,.055); }
.pl-section-head { display:grid; grid-template-columns:1.3fr .7fr; gap:80px; align-items:end; margin-bottom:54px; }
.pl-section-head h2 { max-width:720px; font-size:clamp(38px,4vw,58px); }
.pl-section-head > p { margin:0; max-width:420px; color:#7f8288; font-size:14px; line-height:1.7; }
.pl-flow-grid { display:grid; grid-template-columns:repeat(4,1fr); border:1px solid var(--pl-line); border-radius:22px; overflow:hidden; background:#0b0d0f; }
.pl-flow-card { min-height:280px; padding:24px; position:relative; border-right:1px solid var(--pl-line); background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,0)); transition:.25s ease; }
.pl-flow-card:last-child { border-right:0; }
.pl-flow-card:hover { background:rgba(255,255,255,.03); }
.pl-flow-top { display:flex; justify-content:space-between; align-items:center; color:#55585e; }
.pl-flow-top span { font-size:10px; letter-spacing:.12em; }
.pl-flow-card h3 { margin:96px 0 10px; font-size:22px; letter-spacing:-.03em; font-weight:560; }
.pl-flow-card p { margin:0; color:#777a80; font-size:12px; line-height:1.65; }

.pl-section-head-wide { grid-template-columns:1fr auto; }
.pl-cap-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:14px; }
.pl-cap-card { min-height:290px; padding:30px; border:1px solid var(--pl-line); border-radius:22px; background:linear-gradient(145deg,#0e1012,#0b0d0f); position:relative; overflow:hidden; }
.pl-cap-card::after { content:""; position:absolute; width:180px; height:180px; right:-90px; top:-90px; border-radius:50%; background:radial-gradient(circle,rgba(124,92,255,.09),transparent 68%); }
.pl-cap-icon { width:42px; height:42px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.09); background:#14171a; color:#a891ff; border-radius:12px; margin-bottom:56px; }
.pl-cap-card > span { color:#696c72; font-size:9px; text-transform:uppercase; letter-spacing:.1em; }
.pl-cap-card h3 { margin:9px 0 10px; font-size:24px; letter-spacing:-.035em; font-weight:560; }
.pl-cap-card p { margin:0; max-width:510px; color:#7c7f85; font-size:13px; line-height:1.65; }

.pl-feature-band { padding:116px 0; background:linear-gradient(180deg,#0a0b0c,#090a0b); border-bottom:1px solid rgba(255,255,255,.055); }
.pl-feature-layout { display:grid; grid-template-columns:.9fr 1.1fr; gap:86px; align-items:center; }
.pl-feature-copy h2 { font-size:clamp(40px,4.2vw,60px); }
.pl-feature-copy > p { margin:24px 0 0; color:#85888e; font-size:14px; line-height:1.75; max-width:550px; }
.pl-feature-list { margin-top:28px; display:flex; flex-direction:column; gap:11px; color:#aaa; font-size:12px; }
.pl-feature-list span { display:flex; align-items:center; gap:9px; }.pl-feature-list svg{color:#9079ff;}
.pl-inline-link { margin-top:34px; padding:0; border:0; background:none; color:#d9d9d6; font-size:12px; font-weight:700; display:flex; align-items:center; gap:8px; cursor:pointer; }
.pl-turn-card { border:1px solid rgba(255,255,255,.11); border-radius:24px; background:linear-gradient(145deg,#141618,#0d0f11); padding:24px; box-shadow:0 35px 80px rgba(0,0,0,.28); }
.pl-turn-header { display:flex; justify-content:space-between; align-items:flex-end; gap:20px; padding-bottom:18px; }
.pl-turn-header div { display:flex; flex-direction:column; }.pl-turn-header small{color:#6f7278;font-size:9px;letter-spacing:.1em;}.pl-turn-header strong{margin-top:5px;font-size:18px;letter-spacing:-.025em;}.pl-turn-header>span{color:#8c8f95;font-size:10px;}
.pl-turn-progress { height:3px; border-radius:99px; background:#23262a; overflow:hidden; margin-bottom:12px; }.pl-turn-progress i{display:block;height:100%;background:linear-gradient(90deg,#6f54ff,#9b82ff);}
.pl-turn-row { display:grid; grid-template-columns:44px 1fr auto; align-items:center; gap:14px; padding:20px 4px; border-bottom:1px solid rgba(255,255,255,.065); }
.pl-turn-number { width:32px; height:32px; border-radius:10px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.09); color:#696c72; font-size:9px; }
.pl-turn-row div { display:flex; flex-direction:column; }.pl-turn-row small{color:#777a80;font-size:9px;}.pl-turn-row strong{margin-top:4px;font-size:16px;font-weight:570;}.pl-turn-meta{color:#85888e;font-size:10px;}
.pl-turn-total { display:grid; grid-template-columns:1fr auto auto; gap:18px; align-items:center; padding:22px 4px 4px; color:#84878d; font-size:10px; }.pl-turn-total strong{color:#f0f0ed;font-size:20px;font-weight:580;}.pl-turn-total em{font-style:normal;color:#b39fff;border:1px solid rgba(124,92,255,.22);background:rgba(124,92,255,.09);padding:7px 9px;border-radius:999px;font-size:9px;}

.pl-modules-section { padding:108px 0; }
.pl-modules-card { min-height:420px; border-radius:28px; border:1px solid rgba(255,255,255,.10); background:radial-gradient(circle at 76% 20%,rgba(117,87,255,.12),transparent 35%),linear-gradient(145deg,#111315,#0b0d0f); padding:44px; display:grid; grid-template-columns:.8fr 1.2fr; gap:70px; align-items:center; overflow:hidden; }
.pl-modules-copy h2 { font-size:clamp(42px,4.5vw,64px); }.pl-modules-copy p{max-width:390px;color:#7d8086;line-height:1.7;font-size:13px;margin:20px 0 0;}
.pl-module-cloud { display:flex; flex-wrap:wrap; justify-content:flex-end; align-content:center; gap:10px; }
.pl-module-cloud span { padding:13px 16px; border:1px solid rgba(255,255,255,.09); background:rgba(255,255,255,.025); color:#92959a; border-radius:999px; font-size:11px; }
.pl-module-cloud span.is-accent { color:#c2b6ff; border-color:rgba(124,92,255,.24); background:rgba(124,92,255,.08); }

.pl-final-cta { padding:34px 0 100px; }
.pl-final-card { min-height:520px; border-radius:30px; background:#eeeee9; color:#101112; position:relative; overflow:hidden; padding:58px; display:flex; align-items:flex-end; }
.pl-final-copy { position:relative; z-index:4; max-width:700px; }.pl-final-copy h2{color:#111214;font-size:clamp(48px,5.3vw,78px);}.pl-final-copy p{color:#6d6f73;font-size:14px;margin:20px 0 28px;}.pl-eyebrow-dark{background:rgba(0,0,0,.035);border-color:rgba(0,0,0,.08);color:#5f6166;margin-bottom:22px;}.pl-primary-light{background:#111214;color:#f1f1ee;box-shadow:none;}.pl-primary-light:hover{background:#282a2d;}
.pl-final-orbit { position:absolute; width:600px; height:600px; right:-120px; top:-160px; border:1px solid rgba(16,17,18,.08); border-radius:50%; }.pl-final-orbit::before,.pl-final-orbit::after{content:"";position:absolute;border:1px solid rgba(16,17,18,.07);border-radius:50%;inset:70px;}.pl-final-orbit::after{inset:145px;}.pl-final-orbit span{position:absolute;width:12px;height:12px;background:#111214;border-radius:50%;}.pl-final-orbit span:nth-child(1){left:94px;top:150px}.pl-final-orbit span:nth-child(2){right:72px;top:270px}.pl-final-orbit span:nth-child(3){left:250px;bottom:70px;background:#7d5fff}
.pl-final-badge { position:absolute; right:56px; top:115px; display:flex; align-items:center; gap:10px; background:rgba(255,255,255,.68); border:1px solid rgba(0,0,0,.07); padding:12px 15px; border-radius:14px; box-shadow:0 14px 35px rgba(0,0,0,.08); font-size:10px; color:#414347; }.pl-final-badge svg{color:#765cff}.pl-final-badge-two{right:170px;top:220px;}

.pl-footer { border-top:1px solid rgba(255,255,255,.055); padding:28px 0 36px; }.pl-footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#5e6166;font-size:9px;letter-spacing:.04em;}.pl-footer .pl-logo-copy small{display:none}.pl-footer .pl-logo-mark{width:28px;height:28px;border-radius:8px}.pl-footer .pl-logo-mark i{height:14px;top:7px;left:8px}.pl-footer .pl-logo-mark i+i{left:auto;right:8px}

@media (max-width: 980px) {
  .pl-nav-links { display:none; }
  .pl-hero { padding-top:82px; }
  .pl-product-stage { padding-inline:0; }
  .pl-float-card { display:none; }
  .pl-statement-grid,.pl-section-head,.pl-feature-layout,.pl-modules-card { grid-template-columns:1fr; gap:38px; }
  .pl-flow-grid { grid-template-columns:repeat(2,1fr); }.pl-flow-card:nth-child(2){border-right:0}.pl-flow-card:nth-child(-n+2){border-bottom:1px solid var(--pl-line)}
  .pl-cap-grid { grid-template-columns:1fr 1fr; }
  .pl-modules-card { padding:34px; }.pl-module-cloud{justify-content:flex-start}.pl-final-badge{display:none}
}
@media (max-width: 680px) {
  .pl-container { width:min(100% - 28px,1240px); }.pl-nav{width:calc(100% - 28px);height:68px}.pl-logo-copy small{display:none}.pl-nav-cta{padding:0 14px}.pl-nav-cta svg{display:none}
  .pl-hero h1{font-size:52px}.pl-hero-lead{font-size:15px}.pl-proof-row{gap:10px 18px}.pl-product-stage{margin-top:48px;padding-bottom:48px}.pl-browser-frame{border-radius:16px}.pl-browser-top{grid-template-columns:60px 1fr;height:38px}.pl-browser-address{font-size:7px}.pl-browser-status{display:none}.pl-float-metric{display:none}
  .pl-statement,.pl-flow-section,.pl-cap-section,.pl-feature-band{padding:76px 0}.pl-statement-grid{gap:28px}.pl-statement h2,.pl-section-head h2,.pl-feature-copy h2{font-size:40px}.pl-section-head{gap:24px;margin-bottom:34px}
  .pl-flow-grid,.pl-cap-grid{grid-template-columns:1fr}.pl-flow-card{border-right:0!important;border-bottom:1px solid var(--pl-line)!important;min-height:235px}.pl-flow-card:last-child{border-bottom:0!important}.pl-flow-card h3{margin-top:62px}
  .pl-cap-card{min-height:245px;padding:24px}.pl-cap-icon{margin-bottom:38px}
  .pl-turn-row{grid-template-columns:38px 1fr}.pl-turn-meta{grid-column:2}.pl-turn-total{grid-template-columns:1fr auto}.pl-turn-total em{grid-column:2}.pl-modules-section{padding:74px 0}.pl-modules-card{padding:28px 22px;min-height:auto}.pl-module-cloud{gap:7px}.pl-module-cloud span{padding:10px 12px;font-size:9px}
  .pl-final-cta{padding-bottom:60px}.pl-final-card{min-height:480px;padding:32px 24px}.pl-final-copy h2{font-size:48px}.pl-footer-inner{flex-direction:column;align-items:flex-start}.pl-footer-inner>span{display:none}
}
@media (prefers-reduced-motion: reduce) { .pl-landing *, .pl-landing *::before, .pl-landing *::after { scroll-behavior:auto!important; animation:none!important; transition:none!important; } }
html.planercs-landing-active, html.planercs-landing-active body { overflow: hidden !important; }
#planercs-landing-shell { position: fixed; inset: 0; z-index: 1000000; overflow-y: auto; overflow-x: hidden; opacity: 1; transition: opacity .26s ease, transform .26s ease; }
#planercs-landing-shell.is-leaving { opacity: 0; transform: scale(.995); pointer-events: none; }