.products-hero{background:var(--purple);color:#fff}.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.product-card{min-height:520px;background:var(--ink);color:#fff;padding:35px;display:flex;flex-direction:column;position:relative;overflow:hidden}.product-card:after{content:"";position:absolute;width:330px;height:330px;border:1px solid #333a33;border-radius:50%;right:-90px;top:80px;box-shadow:0 0 0 55px rgba(168,245,53,.025),0 0 0 110px rgba(71,59,255,.035)}.product-card-top{display:flex;justify-content:space-between;color:var(--lime);font-size:11px;font-weight:800;text-transform:uppercase}.product-symbol{position:relative;z-index:1;width:110px;height:110px;background:var(--lime);color:var(--ink);display:grid;place-items:center;font-size:42px;font-weight:900;margin:75px 0 45px;transform:rotate(-5deg)}.product-card>p{color:var(--lime);font-size:10px;text-transform:uppercase}.product-card h2{font-size:55px;margin:5px 0;line-height:1}.product-card>strong{font-size:16px;color:#afb5ad;max-width:480px}.product-card>small{margin-top:auto;font-weight:800}.product-manifesto{padding:110px 0;background:var(--lime)}.product-manifesto h2{font-size:clamp(48px,6vw,82px);line-height:1.02;margin:0}.product-manifesto p{font-size:20px;max-width:720px}.product-hero{background:var(--ink);color:#fff;padding:105px 0}.product-hero>.wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.product-hero .eyebrow{color:var(--lime)}.product-status{display:inline-block;border:1px solid var(--lime);color:var(--lime);padding:7px 12px;font-size:10px;font-weight:800;text-transform:uppercase}.product-hero h1{font-size:clamp(58px,7.2vw,105px);line-height:1.02;letter-spacing:-.06em;margin:28px 0}.product-hero>div>div>p{font-size:20px;color:#b9beb7}.product-ui{height:480px;background:#f3f5ef;border:8px solid #202720;box-shadow:18px 18px 0 var(--lime);color:var(--ink);display:grid;grid-template-columns:85px 1fr;grid-template-rows:38px 1fr;transform:perspective(900px) rotateY(-8deg) rotateX(2deg)}.ui-bar{grid-column:1/-1;background:#202720;padding-left:12px}.ui-bar i{display:inline-block;width:7px;height:7px;background:#596159;border-radius:50%;margin:10px 2px}.ui-sidebar{background:var(--purple);padding:22px;display:flex;flex-direction:column;gap:25px}.ui-sidebar b{color:var(--lime);font-size:25px}.ui-sidebar span{height:7px;background:#7971ff}.ui-main{padding:42px}.ui-main small{color:var(--purple);font-weight:800}.ui-main>strong{font-size:42px;display:block}.ui-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:35px 0}.ui-stats span{background:#fff;padding:15px;font-size:10px}.ui-stats b{font-size:25px}.ui-lines i{display:block;height:10px;background:#dfe3da;margin:13px 0}.ui-lines i:nth-child(2){width:70%}.ui-lines i:nth-child(3){width:85%}.ui-lines i:nth-child(4){width:55%}.product-features{background:var(--ink);color:#fff}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #353a35;border-left:1px solid #353a35}.feature-grid article{padding:32px;min-height:270px;border-right:1px solid #353a35;border-bottom:1px solid #353a35}.feature-grid span{color:var(--lime);font-size:11px;font-weight:800}.feature-grid h3{font-size:27px;line-height:1.05}.feature-grid p{color:#9fa49c;font-size:14px}.product-audience{background:#fff}.product-audience h2{font-size:clamp(42px,5vw,70px);line-height:1.04;margin-top:0}.audience-list{display:flex;gap:10px;flex-wrap:wrap}.audience-list span{padding:13px 17px;background:var(--lime);font-size:12px;font-weight:800;text-transform:uppercase}.product-problems{padding:100px 0;background:#e9ebe2}.problem-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:40px}.problem-grid>div{padding:28px;border:1px solid #cbd0c6;display:flex;justify-content:space-between;gap:30px}.problem-grid s{color:#7b8079}.problem-grid strong{color:var(--purple)}
@media(max-width:850px){.product-hero>.wrap,.product-grid{grid-template-columns:1fr}.product-ui{transform:none}.feature-grid{grid-template-columns:1fr 1fr}.problem-grid{grid-template-columns:1fr}}
@media(max-width:560px){.product-ui{height:350px;grid-template-columns:60px 1fr}.ui-main{padding:24px}.ui-main>strong{font-size:30px}.ui-stats{grid-template-columns:1fr;margin:18px 0}.ui-stats span:nth-child(n+2){display:none}.feature-grid{grid-template-columns:1fr}.problem-grid>div{flex-direction:column}.product-card{min-height:440px;padding:25px}}