.hero{background-color:var(--surface-container-lowest);padding:var(--spacing-xl) 0;align-items:center;min-height:80vh;padding-top:100px;display:flex;position:relative;overflow:hidden}.hero:after{content:"";filter:blur(80px);z-index:0;pointer-events:none;background:radial-gradient(circle,#0050cb1f 0%,#0000 70%);width:50%;height:70%;position:absolute;top:10%;left:-5%}.hero:before{content:"";background-image:radial-gradient(var(--outline-variant) 1.5px, transparent 1.5px);opacity:.25;z-index:0;pointer-events:none;background-size:60px 60px;position:absolute;inset:0}.hero-bg-accent{filter:blur(40px);z-index:0;pointer-events:none;background:radial-gradient(circle,#0050cb0d 0%,#0000 70%);width:30%;height:40%;position:absolute;bottom:10%;right:5%}.hero__inner{gap:var(--spacing-xl);grid-template-columns:1fr 1.2fr;align-items:center;display:grid}.hero__content{z-index:1}.hero__badge{margin-bottom:var(--spacing-md)}.hero__title{margin-bottom:var(--spacing-md);color:var(--on-surface);font-size:48px}.hero__title span{color:var(--primary)}.hero__desc{margin-bottom:var(--spacing-lg);max-width:500px;font-size:18px}.hero__actions{gap:var(--spacing-md);display:flex}.hero__visual{position:relative}.hero__img-container{border-radius:var(--radius-lg);border:1px solid var(--outline-variant);background-color:#000;position:relative;box-shadow:0 32px 64px #0000001a}.hero__image{border-radius:inherit;width:100%;height:auto;display:block}.hero__floating-card{bottom:var(--spacing-sm);left:var(--spacing-sm);padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--outline-variant);background-color:#fff;align-items:center;gap:12px;display:flex;position:absolute;box-shadow:0 12px 32px #0000001a}.hero__floating-icon{background-color:var(--primary-container);color:#fff;border-radius:var(--radius-sm);justify-content:center;align-items:center;width:40px;height:40px;display:flex}.hero__floating-text{flex-direction:column;display:flex}.hero__floating-label{color:var(--on-surface-variant);text-transform:uppercase;font-size:12px;font-weight:700}.hero__floating-value{color:var(--on-surface);font-size:14px;font-weight:500}@media (max-width:1024px){.hero__inner{text-align:center;grid-template-columns:1fr}.hero__title{font-size:32px}.hero__desc{margin-left:auto;margin-right:auto;font-size:16px}.hero__actions{align-items:center;gap:var(--spacing-sm);flex-direction:column}.hero__actions .btn{width:100%;max-width:300px}.hero__visual{margin-top:var(--spacing-xl)}.hero__floating-card{left:50%;transform:translate(-50%)}}
.services{background-color:var(--inverse-surface);color:var(--on-primary);padding:var(--spacing-xl) 0}.services__header{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:flex-end;gap:var(--spacing-md);display:flex}.services__title{color:var(--on-primary);margin-bottom:var(--spacing-xs)}.services__subtitle{color:var(--outline-variant)}.services__grid{gap:var(--gutter);grid-template-columns:repeat(3,1fr);display:grid}.spec-card{padding:var(--spacing-md);background-color:#1e293b;border:1px solid #334155;transition:all .3s;position:relative}.spec-card:hover{border-color:var(--primary-container)}.spec-card--featured{z-index:2;border-color:var(--primary-container);transform:scale(1.05);box-shadow:0 20px 40px #0006}.spec-card__id{color:var(--primary-bright);letter-spacing:.1em;margin-bottom:var(--spacing-sm);font-size:12px;font-weight:700}.spec-card__title{color:var(--on-primary);margin-bottom:var(--spacing-sm)}.spec-card__specs{margin-bottom:var(--spacing-md)}.spec-item{border-bottom:1px solid #334155;justify-content:space-between;padding:8px 0;display:flex}.spec-label{color:#94a3b8;font-size:12px}.spec-value{color:var(--on-primary);font-size:14px}.spec-card__desc{color:#94a3b8;margin-bottom:var(--spacing-md);font-size:14px}.spec-card__icon{color:var(--primary-bright)}@media (max-width:900px){.services__header{flex-direction:column;align-items:flex-start}.services__grid{gap:var(--spacing-md);grid-template-columns:1fr}.spec-card--featured{transform:none}}
.bonding{background-color:var(--surface-container-lowest);position:relative;overflow:hidden}.bonding:before{content:"";background-image:linear-gradient(var(--surface-container) 1px, transparent 1px), linear-gradient(90deg, var(--surface-container) 1px, transparent 1px);opacity:.15;pointer-events:none;background-size:40px 40px;position:absolute;inset:0}.bonding__inner{gap:var(--spacing-lg);grid-template-columns:1fr 1fr;align-items:center;display:grid}.bonding__img-wrap{position:relative}.bonding__img-bg{border-radius:var(--radius-xl);border:1px solid var(--outline-variant);height:400px;position:relative;overflow:hidden}.bonding__photo{object-fit:cover;width:100%;height:100%}.bonding__photo-overlay{background:linear-gradient(#0000,#0006);position:absolute;inset:0}.bonding__img-badge{background-color:var(--primary-container);color:var(--on-primary-container);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);text-align:center;border:1px solid #ffffff1a;position:absolute;top:-32px;right:-32px;box-shadow:0 16px 40px #00000026}.bonding__img-badge-num{font-size:32px;font-weight:700;display:block}.bonding__title{margin:var(--spacing-sm) 0 var(--spacing-md)}.primary-text{color:var(--primary)}.bonding__desc{margin-bottom:var(--spacing-lg)}.bonding__features{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);grid-template-columns:1fr 1fr;display:grid}.bonding__feature{align-items:center;gap:12px;display:flex}.bonding__feature .spec-value{color:var(--on-surface-variant);font-size:14px;font-weight:500}@media (max-width:900px){.bonding__inner{text-align:center;grid-template-columns:1fr}.bonding__img-wrap{margin-top:var(--spacing-xl);order:2}.bonding__img-badge{padding:var(--spacing-sm) var(--spacing-md);top:-10px;right:10px}.bonding__img-badge-num{font-size:24px}.bonding__feature{justify-content:center}.bonding__btn{width:100%;max-width:300px}}
.why-us__grid{gap:var(--spacing-md);grid-template-columns:repeat(3,1fr);display:grid}.why-us__card{background-color:var(--surface-container-lowest);padding:var(--spacing-lg);border-radius:var(--radius-md);border:1px solid var(--outline-variant);flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.card-large{grid-column:span 2}.card-blue{background-color:var(--primary-container);color:#fff;border:none}.card-blue h3,.card-blue p{color:#fff}.card-microscope{background-color:var(--surface-container);flex-direction:row;grid-column:span 3;justify-content:space-between;align-items:center;min-height:250px}.card-microscope__content{z-index:1;max-width:60%}.why-us__icon{color:var(--primary);margin-bottom:var(--spacing-md)}.why-us__icon-white{color:#fff;margin-bottom:var(--spacing-md)}.why-us__icon-ghost{color:var(--on-surface);opacity:.05;z-index:0;position:absolute;right:40px}.why-us__stats{gap:var(--spacing-md);margin-top:var(--spacing-lg);grid-template-columns:1fr 1fr;display:grid}.stat-item{padding:var(--spacing-md);background-color:var(--surface-container-lowest);border:1px solid var(--outline-variant);border-radius:var(--radius-sm);text-align:center}.stat-num{color:var(--primary);font-size:32px;font-weight:700;display:block}.stat-label{color:var(--on-surface-variant);font-size:10px;font-weight:700}.why-us__link{color:#fff;margin-top:var(--spacing-md);align-items:center;gap:8px;font-size:14px;font-weight:600;text-decoration:none;display:flex}@media (max-width:1024px){.why-us__grid{grid-template-columns:1fr}.card-large,.card-microscope{grid-column:span 1}.card-microscope{flex-direction:column;justify-content:center;align-items:flex-start;min-height:auto}.card-microscope__content{max-width:100%}.why-us__icon-ghost{width:80px;height:80px;top:20px;right:20px}.why-us__stats{grid-template-columns:1fr}}
.workshop__grid{gap:var(--spacing-md);grid-template-columns:repeat(4,1fr);display:grid}.workshop__item{aspect-ratio:1;border-radius:var(--radius-lg);border:1px solid var(--outline-variant);background-color:var(--surface-container-low);position:relative;overflow:hidden}.workshop__media{object-fit:cover;width:100%;height:100%;transition:transform .4s}.workshop__item:hover .workshop__media{transform:scale(1.05)}@media (max-width:1024px){.workshop__grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.workshop__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.workshop__grid{grid-template-columns:1fr}}