.device-selector{padding:4rem 0;background:var(--color-background)}.device-selector__title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:1rem;color:var(--color-text-primary)}@media(max-width:1023px){.device-selector__title{font-size:2rem}}.device-selector__subtitle{font-size:1.125rem;text-align:center;margin-bottom:3rem;color:var(--color-text-secondary);max-width:600px;margin-left:auto;margin-right:auto}@media(max-width:1023px){.device-selector__subtitle{font-size:1rem;margin-bottom:2rem}}.device-selector__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-bottom:3rem}@media(max-width:1023px){.device-selector__grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}}.device-selector__actions{display:flex;justify-content:center;margin-top:2rem}.device-card{cursor:pointer;transition:all .3s ease;border:2px solid transparent;text-align:center;padding:2rem 1.5rem}.device-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px rgba(var(--color-primary-rgb),.15)}.device-card--selected{border-color:var(--color-primary);background:rgba(var(--color-primary-rgb),.05);transform:translateY(-2px)}.device-card__icon{font-size:3rem;margin-bottom:1rem;display:block}.device-card__name{font-size:1.25rem;font-weight:600;margin-bottom:.75rem;color:var(--color-text-primary)}.device-card__description{font-size:.875rem;color:var(--color-text-secondary);line-height:1.5}[data-theme=dark] .device-selector{background:var(--color-background-dark)}[data-theme=dark] .device-selector__title{color:var(--color-text-primary-dark)}[data-theme=dark] .device-selector__subtitle{color:var(--color-text-secondary-dark)}[data-theme=dark] .device-card--selected{background:rgba(var(--color-primary-rgb),.1)}[data-theme=dark] .device-card__name{color:var(--color-text-primary-dark)}[data-theme=dark] .device-card__description{color:var(--color-text-secondary-dark)}.hero{min-height:100vh;display:flex;align-items:center;background:linear-gradient(135deg,var(--color-background) 0,rgba(var(--color-primary-rgb),.05) 100%);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="2" fill="%23ar(--color-primary)" opacity="0.1"/></svg>') repeat;background-size:50px 50px;pointer-events:none}.hero__content{display:grid;grid-template-columns:1fr 1fr;grid-gap:4rem;gap:4rem;align-items:center;position:relative;z-index:1}@media(max-width:1023px){.hero__content{grid-template-columns:1fr;gap:2rem;text-align:center}}.hero__text{max-width:600px}@media(max-width:1023px){.hero__text{max-width:100%}}.hero__title{font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem;color:var(--color-text-primary);background:linear-gradient(135deg,var(--color-text-primary) 0,var(--color-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media(min-width:1024px){.hero__title{font-size:3rem}}@media(max-width:1023px){.hero__title{font-size:2.5rem}}@media(max-width:767px){.hero__title{font-size:2rem}}.hero__subtitle{font-size:1.25rem;line-height:1.6;margin-bottom:2.5rem;color:var(--color-text-secondary)}@media(max-width:1023px){.hero__subtitle{font-size:1.125rem;margin-bottom:2rem}}.hero__actions{display:flex;gap:1rem;flex-wrap:wrap}@media(max-width:1023px){.hero__actions{justify-content:center}}@media(max-width:767px){.hero__actions{flex-direction:column;align-items:center}}.hero__visual{display:flex;justify-content:center;align-items:center}@media(max-width:1023px){.hero__visual{order:-1}}.hero__image{position:relative;width:400px;height:400px;display:flex;align-items:center;justify-content:center}@media(max-width:1023px){.hero__image{width:300px;height:300px}}@media(max-width:767px){.hero__image{width:250px;height:250px}}.hero__icon{width:100%;height:100%;animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}[data-theme=dark] .hero{background:linear-gradient(135deg,var(--color-background-dark) 0,rgba(var(--color-primary-rgb),.08) 100%)}[data-theme=dark] .hero__title{color:var(--color-text-primary-dark);background:linear-gradient(135deg,var(--color-text-primary-dark) 0,var(--color-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=dark] .hero__subtitle{color:var(--color-text-secondary-dark)}:root{--color-primary:#87ceeb;--color-primary-rgb:135,206,235;--color-primary-light:#b0e0e6;--color-primary-dark:#4682b4;--color-secondary:silver;--color-secondary-rgb:192,192,192;--color-secondary-light:#dcdcdc;--color-secondary-dark:#a9a9a9;--color-accent:gold;--color-accent-rgb:255,215,0;--color-background:#fff;--color-surface:#f8f9fa;--color-surface-light:#fff;--color-text-primary:#2c3e50;--color-text-secondary:#6c757d;--color-text-muted:#adb5bd;--color-text-white:#fff;--color-border:#e9ecef;--color-border-light:#f1f3f4;--color-border-dark:#dee2e6;--color-success:#28a745;--color-success-rgb:40,167,69;--color-warning:#ffc107;--color-warning-rgb:255,193,7;--color-error:#dc3545;--color-error-rgb:220,53,69;--color-info:#17a2b8;--color-info-rgb:23,162,184;--color-background-dark:#1a1a1a;--color-surface-dark:#2d2d2d;--color-text-primary-dark:#fff;--color-text-secondary-dark:#b0b0b0;--color-text-muted-dark:grey;--color-border-dark:#404040;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--border-radius-sm:0.25rem;--border-radius-md:0.5rem;--border-radius-lg:0.75rem;--border-radius-xl:1rem;--border-radius-2xl:1.5rem;--border-radius-full:9999px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,.25);--shadow-inner:inset 0 2px 4px 0 rgba(0,0,0,.06);--card-padding:var(--space-6);--card-radius:var(--border-radius-lg);--card-image-radius:var(--border-radius-md)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes bounceIn{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.features{padding:5rem 0;background:var(--color-surface)}.features__header{text-align:center;margin-bottom:4rem;max-width:800px;margin-left:auto;margin-right:auto}@media(max-width:1023px){.features__header{margin-bottom:3rem}}.features__title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:var(--color-text-primary)}@media(max-width:1023px){.features__title{font-size:2rem}}@media(max-width:767px){.features__title{font-size:1.75rem}}.features__subtitle{font-size:1.125rem;color:var(--color-text-secondary);line-height:1.6}@media(max-width:1023px){.features__subtitle{font-size:1rem}}.features__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:2rem;gap:2rem}@media(max-width:1023px){.features__grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}}@media(max-width:767px){.features__grid{grid-template-columns:1fr;gap:1rem}}.feature-card{text-align:center;padding:2.5rem 2rem;transition:all .3s ease;border:1px solid var(--color-border);background:var(--color-background)}.feature-card:hover{transform:translateY(-8px);box-shadow:0 12px 30px rgba(var(--color-primary-rgb),.15);border-color:var(--color-primary)}.feature-card__icon{font-size:3rem;margin-bottom:1.5rem;display:block;filter:grayscale(.3);transition:filter .3s ease}.feature-card:hover .feature-card__icon{filter:grayscale(0)}.feature-card__title{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:var(--color-text-primary)}.feature-card__description{font-size:.875rem;color:var(--color-text-secondary);line-height:1.6}[data-theme=dark] .features{background:var(--color-surface-dark)}[data-theme=dark] .features__title{color:var(--color-text-primary-dark)}[data-theme=dark] .features__subtitle{color:var(--color-text-secondary-dark)}[data-theme=dark] .feature-card{background:var(--color-background-dark);border-color:var(--color-border-dark)}[data-theme=dark] .feature-card__title{color:var(--color-text-primary-dark)}[data-theme=dark] .feature-card__description{color:var(--color-text-secondary-dark)}[data-theme=dark] .feature-card:hover{border-color:var(--color-primary)}