*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--teal: #117582;--teal-glow: #1ab5c8;--teal-deep: #0c5964;--dark: #1a1a17;--charcoal: #33332d;--gray: #ededed;--cream: #f8f7f4;--white: #ffffff;--h: "Red Hat Display", sans-serif;--b: "Red Hat Text", sans-serif;--ease: cubic-bezier(.16,1,.3,1)}html,body{height:100%}body{font-family:var(--b);font-weight:400;background:var(--cream);color:var(--charcoal);-webkit-font-smoothing:antialiased}::selection{background:var(--teal);color:#fff}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.wrap{max-width:1440px;margin:0 auto;padding:0 clamp(24px,3vw,48px)}.hero{padding:clamp(120px,14vw,200px) 0 0;position:relative}.hero__tag{font-family:var(--b);font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--teal);margin-bottom:16px}.hero__heading{font-family:var(--h);font-weight:900;font-size:clamp(2.8rem,6vw,5rem);line-height:.95;letter-spacing:-.04em;color:var(--dark);text-transform:uppercase;margin-bottom:32px;max-width:900px}.hero__heading span{color:var(--teal)}.hero__sub{font-family:var(--b);font-size:1.05rem;color:#33332db3;line-height:1.75;max-width:620px}.panels{padding:clamp(40px,4vw,56px) 0 clamp(80px,10vw,140px)}.panels__inner{display:flex;flex-direction:column;gap:24px}.panel{border:2px solid var(--dark);background:var(--white);overflow:hidden}.panel--dark{background:var(--dark);color:var(--cream);border-color:var(--teal)}.panel__header{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:clamp(20px,3vw,40px);padding:clamp(28px,3vw,40px);position:relative}.panel__num{font-family:var(--h);font-weight:900;font-size:clamp(2.6rem,4vw,3.8rem);letter-spacing:-.04em;color:var(--teal);line-height:1;min-width:80px}.panel__title{font-family:var(--h);font-weight:900;font-size:clamp(1.2rem,2.2vw,1.8rem);line-height:1.1;letter-spacing:-.03em;color:var(--dark);text-transform:uppercase;margin-bottom:6px}.panel--dark .panel__title{color:var(--cream)}.panel__subtitle{font-family:var(--b);font-size:.7rem;font-weight:500;color:#33332d80;letter-spacing:.04em;text-transform:uppercase}.panel--dark .panel__subtitle{color:#fff6}.panel__body-inner{padding:0 clamp(28px,3vw,40px) clamp(36px,4vw,56px);display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(32px,4vw,60px);align-items:stretch}.panel__body-inner>div:first-child{display:flex;flex-direction:column}.panel__desc{font-family:var(--b);font-size:1rem;color:#33332db3;line-height:1.8;margin-bottom:28px}.panel--dark .panel__desc{color:#ffffffa6}.panel__cta-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:auto}.panel__cta{display:inline-flex;align-items:center;gap:10px;font-family:var(--b);font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:var(--dark);border:2px solid var(--dark);padding:12px 24px;text-decoration:none;transition:all .2s ease}.panel__cta:hover{box-shadow:4px 4px 0 var(--dark);transform:translate(-2px,-2px)}.panel__cta .arr{transition:transform .2s ease}.panel__cta:hover .arr{transform:translate(4px)}.panel--dark .panel__cta{background:var(--teal);border-color:var(--teal)}.panel--dark .panel__cta:hover{box-shadow:4px 4px 0 var(--teal-glow)}.panel__cta--ghost{background:transparent;color:var(--dark)}.panel__cta--ghost:hover{background:var(--dark);color:#fff}.panel--dark .panel__cta--ghost{background:transparent;color:var(--cream);border-color:#ffffff40}.panel--dark .panel__cta--ghost:hover{background:#ffffff1a;border-color:#fff6;box-shadow:4px 4px #ffffff14}.panel__features{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--dark);border:2px solid var(--dark)}.panel--dark .panel__features{background:#fff3;border-color:#fff3}.pfeat{background:var(--cream);padding:22px 18px}.panel--dark .pfeat{background:var(--charcoal)}.pfeat__icon{width:26px;height:26px;color:var(--teal);margin-bottom:10px}.pfeat__name{font-family:var(--h);font-weight:700;font-size:.75rem;letter-spacing:-.01em;color:var(--dark);text-transform:uppercase;margin-bottom:6px}.panel--dark .pfeat__name{color:var(--cream)}.pfeat__txt{font-family:var(--b);font-size:.7rem;color:#33332d80;line-height:1.55}.panel--dark .pfeat__txt{color:#ffffff73}.panel__badge{display:inline-flex;align-items:center;align-self:flex-start;gap:10px;padding:10px 16px;border:2px solid rgba(51,51,45,.15);margin-bottom:20px}.panel__badge-via{font-family:var(--b);font-size:.5rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#33332d59}.panel__badge-name{font-family:var(--h);font-weight:900;font-size:.85rem;letter-spacing:-.01em;color:var(--dark);text-transform:uppercase}.cta-band{background:var(--dark);padding:clamp(60px,8vw,100px) 0}.cta-band__inner{display:flex;align-items:center;justify-content:space-between;gap:40px;flex-wrap:wrap}.cta-band__heading{font-family:var(--h);font-weight:900;font-size:clamp(1.8rem,3.5vw,2.8rem);line-height:1;letter-spacing:-.04em;color:var(--cream);text-transform:uppercase}.cta-band__heading span{color:var(--teal-glow)}.cta-band__btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--b);font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--dark);background:var(--teal-glow);border:2px solid var(--teal-glow);padding:16px 36px;text-decoration:none;transition:all .2s ease;flex-shrink:0}.cta-band__btn:hover{box-shadow:4px 4px 0 var(--teal);transform:translate(-2px,-2px)}.cta-band__btn .arr{transition:transform .2s ease}.cta-band__btn:hover .arr{transform:translate(4px)}[data-a]{opacity:0;transition:opacity .7s var(--ease),transform .7s var(--ease)}[data-a].v{opacity:1;transform:none!important}[data-a=up]{transform:translateY(40px)}[data-a=left]{transform:translate(-50px)}[data-a=right]{transform:translate(50px)}[data-a=scale]{transform:scale(.9)}[data-a=fade]{transform:none}[data-d="1"]{transition-delay:.1s}[data-d="2"]{transition-delay:.2s}[data-d="3"]{transition-delay:.3s}[data-d="4"]{transition-delay:.4s}[data-d="5"]{transition-delay:.5s}[data-d="6"]{transition-delay:.6s}@media(max-width:900px){.panel__body-inner{grid-template-columns:1fr}.panel__header{grid-template-columns:auto 1fr}.cta-band__inner{flex-direction:column;align-items:flex-start}}@media(max-width:600px){.panel__features{grid-template-columns:1fr}.panel__num{min-width:48px;font-size:2rem}}