:root {
  --web-brand:#022639;
  --web-green:#AABF00;
  --web-orange:#FFB502;
  --web-black:#1D1D1B;
  --web-muted:#526b77;
  --web-paper:#FFFFFF;
  --web-mist:#F3F7F8;
  --web-radius:1.5rem;
  --web-shadow:0 24px 65px rgba(2,38,57,.12);
  --web-ease:cubic-bezier(.22,1,.36,1);
}

.web-page { color:var(--web-brand); background:#fff; }
.web-main { overflow:clip; }
.web-shell { width:min(1180px,calc(100% - 2.5rem)); margin-inline:auto; }
.web-section { position:relative; padding:clamp(5rem,9vw,8rem) 0; }
.web-kicker { display:flex; align-items:center; gap:.7rem; margin:0 0 1rem; color:var(--web-green); font-size:.78rem; font-weight:700; letter-spacing:.13em; text-transform:uppercase; }
.web-kicker::before { width:2rem; height:2px; border-radius:999px; background:var(--web-orange); content:""; }
.web-heading { max-width:780px; margin:0 0 clamp(2.5rem,5vw,4.5rem); }
.web-heading h2 { margin:0; color:var(--web-brand); font-size:clamp(2.35rem,5vw,4.9rem); font-weight:700; letter-spacing:-.06em; line-height:1; }
.web-heading p { max-width:650px; margin:1.25rem 0 0; color:var(--web-muted); font-size:clamp(1rem,1.3vw,1.12rem); line-height:1.75; }
.web-button { min-height:50px; display:inline-flex; align-items:center; justify-content:center; padding:.8rem 1.55rem; color:var(--web-brand) !important; border:2px solid var(--web-green); border-radius:999px; background:var(--web-green); font-size:.8rem; font-weight:700; letter-spacing:.06em; text-align:center; text-transform:uppercase; transition:transform .3s var(--web-ease),box-shadow .3s ease,background-color .3s ease,border-color .3s ease; }
.web-button:hover { color:var(--web-brand) !important; background:var(--web-orange); border-color:var(--web-orange); box-shadow:0 15px 35px rgba(2,38,57,.15); transform:translateY(-3px); }
.web-button:focus-visible,.web-plan a:focus-visible { outline:3px solid var(--web-orange); outline-offset:4px; }

.web-hero { min-height:min(850px,calc(100svh - 82px)); display:grid; align-items:center; position:relative; isolation:isolate; overflow:hidden; background:#f7f6f1; }
.web-hero__media,.web-hero__veil { position:absolute; inset:0; }
.web-hero__media { z-index:-3; margin:0; }
.web-hero__media img { width:100%; height:100%; display:block; object-fit:cover; object-position:center; }
.web-hero__veil { z-index:-2; background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.95) 39%,rgba(255,255,255,.52) 53%,rgba(255,255,255,0) 70%); }
.web-hero__shell { padding:clamp(8.5rem,14vw,11rem) 0 clamp(4rem,8vw,7rem); }
.web-hero__content { width:min(610px,52%); }
.web-hero h1 { margin:0; color:var(--web-brand); font-size:clamp(3.1rem,6.3vw,6.5rem); font-weight:700; letter-spacing:-.075em; line-height:.93; }
.web-hero h1 span { display:block; color:var(--web-green); }
.web-hero__lead { max-width:560px; margin:1.4rem 0 0; color:var(--web-muted); font-size:clamp(1rem,1.35vw,1.15rem); line-height:1.75; }
.web-hero__offer { display:flex; align-items:center; gap:1.25rem; margin:1.6rem 0; }
.web-price { min-width:180px; padding:1rem 1.25rem; border:1px solid rgba(2,38,57,.11); border-radius:1.25rem; background:rgba(255,255,255,.9); box-shadow:0 16px 38px rgba(2,38,57,.1); }
.web-price small,.web-price span { display:block; color:var(--web-muted); font-size:.72rem; font-weight:500; }
.web-price strong { display:block; color:var(--web-brand); font-size:clamp(2.5rem,4.5vw,4rem); font-weight:700; letter-spacing:-.07em; line-height:1; }
.web-price strong em { color:var(--web-orange); font-style:normal; }
.web-hero__line { position:absolute; right:4vw; bottom:2.5rem; width:min(18vw,220px); aspect-ratio:1; border-right:2px solid var(--web-orange); border-bottom:2px solid var(--web-orange); border-radius:0 0 4rem; pointer-events:none; }

.web-plans { background:linear-gradient(180deg,#fff,var(--web-mist)); }
.web-plans__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; align-items:stretch; }
.web-plan { min-width:0; display:flex; flex-direction:column; position:relative; padding:clamp(1.6rem,2.6vw,2.2rem); border:1px solid rgba(2,38,57,.11); border-radius:var(--web-radius); background:#fff; box-shadow:0 18px 48px rgba(2,38,57,.07); transition:transform .4s var(--web-ease),box-shadow .4s ease,border-color .3s ease; }
.web-plan:hover { border-color:rgba(255,181,2,.6); box-shadow:var(--web-shadow); transform:translateY(-8px); }
.web-plan--featured { border-top:5px solid var(--web-green); }
.web-plan__tag { align-self:flex-start; margin:0 0 1rem; padding:.4rem .7rem; color:var(--web-brand); border-radius:999px; background:var(--web-orange); font-size:.67rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.web-plan h3 { margin:0; color:var(--web-brand); font-size:clamp(1.45rem,2.2vw,2rem); font-weight:700; letter-spacing:-.04em; }
.web-plan__price { min-height:58px; margin:.8rem 0 1.2rem; color:var(--web-muted); font-size:.85rem; }
.web-plan__price strong { color:var(--web-brand); font-size:2.3rem; font-weight:700; letter-spacing:-.05em; }
.web-plan__price span { color:var(--web-muted); }
.web-plan ul { display:grid; gap:.72rem; margin:0 0 1.8rem; padding:0; list-style:none; }
.web-plan li { display:grid; grid-template-columns:20px 1fr; gap:.6rem; color:#415d6b; font-size:.87rem; line-height:1.5; }
.web-plan li::before { width:18px; height:18px; display:grid; place-items:center; color:var(--web-brand); border-radius:50%; background:var(--web-green); content:"✓"; font-size:.7rem; font-weight:700; }
.web-plan .web-button { width:100%; margin-top:auto; }

.web-benefits { background:#fff; }
.web-benefits__layout { display:grid; grid-template-columns:.8fr 1.2fr; gap:clamp(2rem,6vw,6rem); align-items:start; }
.web-benefits__intro { position:sticky; top:8rem; }
.web-benefits__intro h2 { margin:0; color:var(--web-brand); font-size:clamp(2.6rem,5vw,5rem); font-weight:700; letter-spacing:-.065em; line-height:.98; }
.web-benefits__intro h2 span { color:var(--web-green); }
.web-benefits__intro p { margin:1.3rem 0 0; color:var(--web-muted); line-height:1.8; }
.web-benefits__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
.web-benefit { min-height:220px; padding:1.5rem; border:1px solid rgba(2,38,57,.1); border-radius:var(--web-radius); background:var(--web-mist); transition:transform .35s var(--web-ease),background-color .35s ease,box-shadow .35s ease; }
.web-benefit:hover { background:#fff; box-shadow:0 20px 45px rgba(2,38,57,.1); transform:translateY(-6px); }
.web-benefit__icon { width:52px; height:52px; display:grid; place-items:center; margin-bottom:1.2rem; color:var(--web-brand); border-radius:16px; background:var(--web-orange); }
.web-benefit:nth-child(even) .web-benefit__icon { background:var(--web-green); }
.web-benefit svg { width:28px; height:28px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.web-benefit h3 { margin:0 0 .7rem; color:var(--web-brand); font-size:1.12rem; font-weight:700; }
.web-benefit p { margin:0; color:var(--web-muted); font-size:.9rem; line-height:1.7; }

.web-included { background:var(--web-mist); }
.web-included__panel { display:grid; grid-template-columns:.85fr 1.15fr; gap:clamp(2rem,6vw,6rem); align-items:center; padding:clamp(2rem,5vw,4.5rem); border:1px solid rgba(2,38,57,.1); border-radius:clamp(1.8rem,4vw,3.5rem); background:#fff; box-shadow:var(--web-shadow); overflow:hidden; position:relative; }
.web-included__visual { min-height:360px; display:grid; place-items:center; position:relative; border-radius:2rem; background:linear-gradient(145deg,#f2f6f7,#fff); }
.web-browser { width:min(420px,92%); padding:.8rem; border:1px solid rgba(2,38,57,.13); border-radius:1.4rem; background:#fff; box-shadow:0 25px 55px rgba(2,38,57,.15); transform:rotate(-2deg); }
.web-browser__bar { display:flex; gap:.35rem; padding:.2rem 0 .8rem; }.web-browser__bar i { width:9px; height:9px; border-radius:50%; background:var(--web-orange); }.web-browser__bar i:nth-child(2){background:var(--web-green)}.web-browser__bar i:nth-child(3){background:var(--web-brand)}
.web-browser__body { min-height:245px; display:grid; grid-template-columns:.75fr 1.25fr; gap:.8rem; padding:1rem; border-radius:1rem; background:var(--web-mist); }
.web-browser__copy { display:grid; align-content:center; gap:.6rem; }.web-browser__copy b,.web-browser__copy i { display:block; border-radius:999px; background:var(--web-brand); }.web-browser__copy b{width:90%;height:18px}.web-browser__copy i{width:72%;height:8px;opacity:.25}.web-browser__copy span{width:58%;height:30px;border-radius:999px;background:var(--web-green)}
.web-browser__art { border-radius:1rem 2.8rem 1rem 1rem; background:linear-gradient(145deg,var(--web-orange),#ffd46a); }
.web-included__content h2 { margin:0; color:var(--web-brand); font-size:clamp(2.5rem,5vw,5rem); font-weight:700; letter-spacing:-.065em; line-height:.98; }
.web-included__content h2 span { color:var(--web-green); }
.web-included__list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.8rem 1.2rem; margin:1.5rem 0 0; padding:0; list-style:none; }
.web-included__list li { display:flex; gap:.55rem; color:#415d6b; font-size:.9rem; line-height:1.5; }.web-included__list li::before{color:var(--web-orange);content:"●"}

.web-commerce { background:#fff; }
.web-commerce__grid { display:grid; grid-template-columns:1.08fr .92fr; gap:clamp(2.5rem,7vw,7rem); align-items:center; }
.web-commerce__visual { min-height:560px; margin:0; position:relative; }
.web-commerce__visual::after { position:absolute; inset:1.2rem -1.2rem -1.2rem 1.2rem; z-index:0; border:2px solid var(--web-green); border-radius:var(--web-radius); content:""; }
.web-commerce__visual img { width:100%; height:100%; min-height:560px; display:block; position:relative; z-index:1; object-fit:cover; border-radius:var(--web-radius); }
.web-commerce__content h2 { margin:0; color:var(--web-brand); font-size:clamp(2.5rem,5vw,5rem); font-weight:700; letter-spacing:-.065em; line-height:.98; }.web-commerce__content h2 span{display:block;color:var(--web-green)}
.web-commerce__content > p { margin:1.3rem 0 0; color:var(--web-muted); line-height:1.8; }
.web-commerce__benefits { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.8rem; margin:1.5rem 0 2rem; padding:0; list-style:none; }
.web-commerce__benefits li { min-height:70px; display:flex; align-items:center; gap:.7rem; padding:.8rem; color:var(--web-brand); border:1px solid rgba(2,38,57,.1); border-radius:1rem; background:var(--web-mist); font-size:.82rem; font-weight:600; }.web-commerce__benefits li::before{width:28px;height:28px;display:grid;flex:0 0 auto;place-items:center;border-radius:9px;background:var(--web-orange);content:"✓";font-weight:700}

.web-final { padding:clamp(4rem,7vw,6rem) 0; background:var(--web-brand); }
.web-final__inner { display:flex; align-items:center; justify-content:space-between; gap:2rem; }.web-final h2{max-width:750px;margin:0;color:#fff;font-size:clamp(2.2rem,4.5vw,4.5rem);font-weight:700;letter-spacing:-.055em;line-height:1}.web-final h2 span{color:var(--web-green)}

@media (max-width:991px) {
  .web-plans__grid { grid-template-columns:1fr 1fr; }.web-plan:last-child{grid-column:1/-1}
  .web-benefits__layout,.web-included__panel,.web-commerce__grid { grid-template-columns:1fr; }.web-benefits__intro{position:static}.web-commerce__content{order:-1}
}

@media (max-width:767px) {
  .web-shell { width:min(100% - 1.5rem,1180px); }.web-section{padding:4.75rem 0}
  .web-hero { min-height:820px; align-items:start; }.web-hero__media img{object-position:center}.web-hero__veil{background:linear-gradient(180deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.97) 47%,rgba(255,255,255,.45) 65%,rgba(255,255,255,0) 78%)}.web-hero__shell{padding:7.8rem 0 2.5rem}.web-hero__content{width:100%}.web-hero h1{max-width:22rem;font-size:clamp(2.65rem,12vw,3.6rem)}.web-hero__lead{max-width:20rem;margin-top:1rem;font-size:.93rem;line-height:1.6}.web-hero__offer{align-items:stretch;flex-direction:column;gap:.75rem;margin:1rem 0}.web-price{width:max-content;min-width:160px;padding:.75rem 1rem}.web-price strong{font-size:2.5rem}.web-hero .web-button{align-self:flex-start}.web-hero__line{width:6rem;right:-1rem;bottom:1rem;border-radius:0 0 2rem}
  .web-plans__grid,.web-benefits__grid { grid-template-columns:1fr }.web-plan:last-child{grid-column:auto}.web-benefit{min-height:0}
  .web-included__panel{padding:1.4rem}.web-included__visual{min-height:290px}.web-browser__body{min-height:190px}.web-included__list{grid-template-columns:1fr}
  .web-commerce__visual,.web-commerce__visual img{min-height:380px}.web-commerce__visual::after{inset:.7rem -.45rem -.7rem .45rem}.web-commerce__benefits{grid-template-columns:1fr}
  .web-final__inner{align-items:flex-start;flex-direction:column}.web-final .web-button{width:100%}
}

@media (prefers-reduced-motion:reduce) {
  .web-button,.web-plan,.web-benefit { transition:none; }
}