/* Website offering within the BRiQ.systems design system. */
.website-preview{border-top:1px solid var(--line);background:radial-gradient(ellipse at 85% 45%,#00ecda09,transparent 60%)}
.website-preview-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:90px;align-items:center}
.website-brand{display:inline-flex;align-items:baseline;gap:2px;font-family:var(--display);font-size:26px;font-weight:800;letter-spacing:-1px;margin:22px 0 28px}
.website-brand span{font-family:var(--body);font-weight:400;color:var(--muted);font-size:20px;letter-spacing:-.5px}.website-brand span:last-child{color:var(--accent);margin-left:16px}
.website-preview h2{margin:0 0 26px}.website-preview h2 em{color:var(--accent);font-style:normal}
.website-preview-copy>p{max-width:540px;color:var(--muted)}
.website-preview-actions{display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin-top:32px}
.website-preview .website-preview-note{font-size:12px;line-height:1.7;color:var(--muted);margin-top:24px}
.website-preview-card{background:linear-gradient(145deg,#1b2430,#11141f);border:1px solid #ffffff21;border-radius:18px;overflow:hidden;box-shadow:0 30px 90px #0003}
.website-browser-bar{display:flex;justify-content:space-between;gap:12px;padding:14px 24px;border-bottom:1px solid var(--line);color:var(--muted);font-size:11px}.website-browser-bar span:first-child{font-size:8px;letter-spacing:4px;color:#00ecda66}
.website-card-content{padding:36px}.website-card-content h3{font-family:var(--display);font-size:32px;line-height:1.2;letter-spacing:-1px;margin:20px 0 28px}
.website-preview-price{font-family:var(--display);font-size:74px;font-weight:650;line-height:1;letter-spacing:-4px;color:var(--accent)}.website-preview-price span{font-size:36px;letter-spacing:-2px}
.website-price-caption{font-size:12px;color:var(--muted);margin:10px 0 28px}.website-card-content ul{list-style:none;padding:0;margin:0 0 28px;font-size:14px}.website-card-content li{padding:9px 0;border-bottom:1px solid var(--line)}.website-card-content li:before{content:'✓';color:var(--accent);margin-right:12px}
.website-card-link{display:flex;justify-content:space-between;font-size:14px;color:var(--accent)}.website-card-link:hover{text-decoration:underline}
@media(max-width:1000px){.website-preview-grid{gap:40px}.nav-wrap{gap:20px}nav{gap:22px}}
@media(max-width:760px){.website-preview-grid{grid-template-columns:1fr;gap:36px}.website-card-content{padding:28px}.website-preview-price{font-size:64px}.website-preview-actions{align-items:flex-start;flex-direction:column}.website-card-content h3{font-size:28px}}