.basic-container{--bg-color:#ffffff;--card-bg:#FFFFFF;--text-primary:#1D1D1F;--text-secondary:#86868B;--accent-blue:#0071E3;max-width:1200px;margin:0 auto;padding:0 24px}.hero{height:80vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.hero-label{font-size:21px;font-weight:600;color:var(--text-secondary);margin-bottom:16px;opacity:0}.hero-title{font-size:80px;font-weight:700;line-height:1.05;letter-spacing:-.02em;margin-bottom:24px;opacity:0;background:linear-gradient(135deg,#1D1D1F,#434344);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-desc{font-size:24px;line-height:1.4;color:var(--text-secondary);max-width:600px;opacity:0;font-weight:500}.section{padding:100px 0}.section-header{font-size:48px;font-weight:700;margin-bottom:60px;letter-spacing:-.01em;opacity:0;transform:translateY(30px)}.bento-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:30px;gap:30px}.card{background:var(--card-bg);border-radius:30px;padding:40px;display:flex;flex-direction:column;justify-content:space-between;min-height:320px;box-shadow:0 4px 24px rgba(0,0,0,.04);border:1px solid #e5e5e5;transition:transform .5s cubic-bezier(.2,.8,.2,1);opacity:0;transform:translateY(50px)}.card:hover{transform:scale(1.02)}.card-label{font-size:14px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px}.card-value-big{font-size:56px;letter-spacing:-.02em;margin-bottom:10px}.card-title,.card-value-big{font-weight:700;color:var(--text-primary)}.card-title{font-size:28px;margin-bottom:12px}.card-desc{font-size:17px;line-height:1.5;font-weight:500;color:var(--text-secondary)}.col-span-2{grid-column:span 2}.col-span-3{grid-column:span 3}.text-card{justify-content:flex-start}.spec-list{border-top:1px solid #d2d2d7;margin-top:40px}.spec-row{display:flex;padding:24px 0;border-bottom:1px solid #d2d2d7;align-items:baseline;opacity:0;transform:translateY(20px)}.spec-key{flex:1 1;font-size:24px;font-weight:700;color:var(--text-primary)}.spec-val{flex:2 1;font-size:21px;font-weight:400;color:var(--text-secondary)}@media (max-width:768px){.hero-title{font-size:48px}.hero-desc{font-size:16px}.bento-grid{grid-template-columns:1fr}.col-span-2,.col-span-3{grid-column:span 1}.spec-row{flex-direction:column;gap:8px}.card{min-height:auto}.card-value-big{font-size:42px}}