.mockup-wrapper{background:#fff;justify-content:center;align-items:center;padding:0 20px 40px;display:flex;overflow-x:hidden}.macbook-container{perspective:1000px;transform-origin:top;width:100%;max-width:980px}.macbook-bezel{background:#3b3b3b;border-radius:20px;padding:16px;position:relative}.browser-chrome{background:#e8e8e8;border-bottom:1px solid #d0d0d0;border-radius:8px 8px 0 0;justify-content:space-between;align-items:center;gap:16px;padding:10px 16px;display:flex}.browser-controls{gap:8px;display:flex}.control-dot{border-radius:50%;width:12px;height:12px}.control-dot.red{background:#ff5f57}.control-dot.yellow{background:#ffbd2e}.control-dot.green{background:#28ca42}.browser-address-bar{background:#fff;border:1px solid #d0d0d0;border-radius:6px;flex:1;align-items:center;gap:8px;padding:6px 12px;display:flex;overflow:hidden}.url-text{color:#333;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.browser-nav-arrows{gap:4px;display:flex}.nav-arrow{color:#666;cursor:pointer;background:#d8d8d8;border:none;border-radius:6px;width:28px;height:28px;font-size:14px}.macbook-screen{aspect-ratio:1919/825;background:#f5f5f5;border-radius:0 0 8px 8px;width:100%;display:flex;overflow:hidden}.dashboard-image{object-fit:contain;width:100%;height:100%}.macbook-base{background:linear-gradient(#2a2a2a 0%,#1a1a1a 100%);border-radius:0 0 20px 20px;height:25px;margin-top:-2px;position:relative}.macbook-base-notch{background:#1a1a1a;border-radius:0 0 8px 8px;width:120px;height:6px;position:absolute;top:0;left:50%;transform:translate(-50%)}@media (max-width:1024px){.macbook-container{transform:scale(.95)}}@media (max-width:768px){.mockup-wrapper{padding:32px 12px}.macbook-container{transform:scale(.9)}.browser-chrome{gap:8px;padding:4px 10px}.url-text{font-size:11px}.nav-arrow{width:22px;height:22px;font-size:12px}}@media (max-width:480px){.macbook-container{transform:scale(.92)}.macbook-bezel{padding:12px}.macbook-base{height:18px}.macbook-base-notch{width:90px}}
.sub-section-container{text-align:center;max-width:1200px;margin:0 auto;padding:80px 5%}.sub-section-line-1,.sub-section-line-2{letter-spacing:-.04em;margin:0;font-size:30px;font-weight:700;line-height:1.2}.sub-section-line-1{color:#000;margin-bottom:20px}.sub-section-line-2{color:#999;font-size:28px}.sub-section-line-2 ul{padding:0;list-style:none}.sub-section-line-2 li::marker{color:#fff}@media (max-width:768px){.sub-section-container{padding:50px 20px}.sub-section-line-1,.sub-section-line-2{font-size:20px;line-height:1.3}.sub-section-line-1{font-size:22px}.desktop-br{display:none}}@media (min-width:1024px){.sub-section-container{padding-left:100px;padding-right:100px}}.fade-in-section{opacity:0;transition:opacity 1.5s ease-out}.fade-in-section.visible{opacity:1}@media (prefers-reduced-motion:reduce){.fade-in-section{opacity:1;transform:none}}