@import "https://fonts.bunny.net/css2?family=Manrope:wght@400;500;600;700;800&family=Tiempos+Headline&display=swap";
.px-demo{--bg:#faf8f5;--bg-soft:#f0ede6;--bg-card:#fff;--ink:#0f1a14;--ink-soft:#4a544e;--ink-faint:#8a948e;--green:#066b50;--green-deep:#044a37;--green-soft:#d6ebd9;--green-tint:#ebf4ec;--coral:#f47a5a;--rule:#0f1a141a;--ease:cubic-bezier(.2, .7, .1, 1);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;letter-spacing:-.012em;min-height:100vh;font-family:Manrope,-apple-system,sans-serif}.px-demo .container{max-width:1280px;margin-inline:auto;padding-inline:1.5rem}@media (min-width:768px){.px-demo .container{padding-inline:2.5rem}}.px-demo .eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--green);font-size:.78rem;font-weight:600}.px-demo .display{letter-spacing:-.035em;color:var(--ink);font-size:clamp(2.6rem,6vw,5rem);font-weight:700;line-height:1.05}.px-demo .h2{letter-spacing:-.025em;font-size:clamp(2rem,4.2vw,3.2rem);font-weight:600;line-height:1.1}.px-demo .h3{letter-spacing:-.018em;font-size:1.3rem;font-weight:600;line-height:1.25}.px-demo .body{color:var(--ink-soft);font-size:1.08rem;line-height:1.6}.px-demo .top{z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--rule);background:#faf8f5f0;position:sticky;top:0}.px-demo .top-inner{justify-content:space-between;align-items:center;max-width:1280px;height:72px;margin-inline:auto;padding-inline:1.5rem;display:flex}@media (min-width:768px){.px-demo .top-inner{padding-inline:2.5rem}}.px-demo .top .logo{color:var(--ink);letter-spacing:-.025em;align-items:center;gap:.5rem;font-size:1.15rem;font-weight:700;display:flex}.px-demo .top .logo .dot{background:var(--green);border-radius:50%;width:14px;height:14px}.px-demo .top nav{gap:1.8rem;display:none}@media (min-width:1000px){.px-demo .top nav{display:flex}}.px-demo .top nav a{color:var(--ink);font-size:.95rem;font-weight:500}.px-demo .top nav a:hover{color:var(--green)}.px-demo .btn-fill{background:var(--green);color:#fff;transition:background .25s var(--ease);border-radius:999px;align-items:center;gap:.5rem;padding:.95rem 1.6rem;font-size:.98rem;font-weight:600;display:inline-flex}.px-demo .btn-fill:hover{background:var(--green-deep)}.px-demo .btn-ghost{color:var(--ink);border:1.5px solid var(--ink);transition:background .25s var(--ease);background:0 0;border-radius:999px;align-items:center;gap:.5rem;padding:.95rem 1.6rem;font-size:.98rem;font-weight:600;display:inline-flex}.px-demo .btn-ghost:hover{background:var(--ink);color:var(--bg)}.px-demo .hero-panel{background:var(--green);color:#fff;border-radius:32px;padding:4rem 3rem;position:relative;overflow:hidden}.px-demo .hero-panel:after{content:"";background:radial-gradient(circle, var(--coral) 0%, transparent 70%);opacity:.35;width:60%;height:80%;position:absolute;top:-20%;right:-10%}.px-demo .diff-card{background:var(--bg-card);border:1px solid var(--rule);transition:transform .4s var(--ease);border-radius:24px;flex-direction:column;gap:1rem;padding:2.2rem;display:flex}.px-demo .diff-card:hover{transform:translateY(-3px)}.px-demo .diff-card .icon-blob{background:var(--green-tint);width:56px;height:56px;color:var(--green-deep);border-radius:16px;place-items:center;font-size:1.5rem;font-weight:700;display:grid}.px-demo .tile{background:var(--green-soft);border-radius:28px;position:relative;overflow:hidden}.px-demo .tile.team{background:radial-gradient(80% 70% at 50% 40%,#fbe6c8 0%,#d4a572 60%,#8a5a30 100%)}.px-demo .tile.lifestyle{background:radial-gradient(80% 80% at 50% 30%,#cbe6d4 0%,#6a9b7e 60%,#2a4a3c 100%)}.px-demo .tile.office{background:radial-gradient(70% 70% at 60% 40%,#f0e6d4 0%,#d8c4a4 50%,#8a6840 100%)}.px-demo .price-card{background:var(--ink);color:var(--bg);border-radius:32px;padding:3rem 2.5rem}.px-demo .price-card .num{letter-spacing:-.04em;font-size:4rem;font-weight:700;line-height:1}.px-demo .faq-row{border-top:1px solid var(--rule);cursor:pointer;padding:1.6rem 0}.px-demo .faq-row:last-child{border-bottom:1px solid var(--rule)}.px-demo .faq-row .q{color:var(--ink);justify-content:space-between;gap:1rem;font-size:1.15rem;font-weight:600;display:flex}.px-demo .faq-row .a{color:var(--ink-soft);margin-top:.8rem;font-size:.98rem;line-height:1.6}@keyframes px-fade{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.px-demo .fade{animation:px-fade .9s var(--ease) both}.px-demo .d1{animation-delay:80ms}.px-demo .d2{animation-delay:.16s}.px-demo .d3{animation-delay:.24s}.px-demo .foot{background:var(--bg-soft);border-top:1px solid var(--rule)}.px-demo .foot h4{letter-spacing:.08em;text-transform:uppercase;color:var(--ink);margin-bottom:1rem;font-size:.78rem;font-weight:700}.px-demo .foot a{color:var(--ink-soft)}.px-demo .foot a:hover{color:var(--green)}