:root{--bg-color:#0f1115;--text-color:#e2e8f0;--accent-color:#00d2ff;--accent-color-hover:#3a7bd5;--glass-bg:#ffffff0d;--glass-border:#ffffff1a;--card-bg:#141820b3;--danger:#ff4757;--success:#2ed573}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);font-family:Inter,sans-serif;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4{font-family:Outfit,sans-serif}.container{max-width:1200px;margin:0 auto;padding:0 20px}.section{padding:100px 0}.section-title{text-align:center;background:linear-gradient(90deg, #fff, var(--accent-color));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:60px;font-size:2.5rem}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px}.hero-section{justify-content:center;align-items:center;height:100vh;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:1;background-position:50%;background-size:cover;width:100%;height:100%;animation:20s infinite alternate zoomIn;position:absolute;top:0;left:0}.hero-overlay{z-index:2;background:linear-gradient(#0f1115b3,#0f1115);position:absolute;inset:0}.hero-content{z-index:3;text-align:center;max-width:800px;animation:1s ease-out forwards fadeUp;position:relative}.hero-title{color:#fff;margin-bottom:20px;font-size:4rem;line-height:1.1}.hero-title .highlight{color:var(--accent-color);text-shadow:0 0 20px #00d2ff80}.hero-subtitle{color:#a0aec0;margin-bottom:40px;font-size:1.2rem}.btn-primary{color:#fff;background:linear-gradient(45deg, var(--accent-color), var(--accent-color-hover));cursor:pointer;border:none;border-radius:8px;padding:15px 30px;font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:600;transition:transform .3s,box-shadow .3s}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 20px #00d2ff4d}.cards-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;display:grid}.card{perspective:1000px;background:0 0;height:250px}.card-inner{text-align:left;width:100%;height:100%;transform-style:preserve-3d;cursor:pointer;transition:transform .8s;position:relative}.card:hover .card-inner{transform:rotateY(180deg)}.card-front,.card-back{backface-visibility:hidden;background:var(--card-bg);border:1px solid var(--glass-border);border-radius:16px;flex-direction:column;justify-content:center;width:100%;height:100%;padding:30px;display:flex;position:absolute;box-shadow:0 10px 30px #00000080}.card-front .icon{margin-bottom:15px;font-size:2.5rem}.card-front h3{color:#fff;margin-bottom:10px;font-size:1.3rem}.card-back{background:linear-gradient(135deg,#ff47571a,#141820e6);border-color:#ff47574d;transform:rotateY(180deg)}.card-back .risk{border-top:1px solid #ffffff1a;margin-top:15px;padding-top:15px}.card-back .risk h4{color:var(--danger);margin-bottom:5px}.architecture-grid{flex-wrap:wrap;align-items:center;gap:40px;display:flex}.arch-col{flex-direction:column;flex:1;gap:20px;min-width:300px;display:flex}.arch-item{background:var(--glass-bg);border:1px solid var(--glass-border);border-left:4px solid var(--accent-color);border-radius:12px;padding:20px;transition:transform .3s}.arch-item:hover{transform:translate(10px)}.arch-icon{margin-bottom:10px;font-size:2rem}.arch-item h4{color:#fff;margin-bottom:5px;font-size:1.2rem}.mockup-container{flex:1;min-width:300px;height:500px;position:relative}.mockup{border-radius:16px;position:absolute;overflow:hidden;box-shadow:0 20px 50px #000c}.mockup img{width:100%;height:auto;display:block}.mockup-desktop{z-index:1;width:90%;top:50%;right:0;transform:translateY(-50%)}.mockup-mobile{z-index:2;border:5px solid #222;border-radius:30px;width:35%;bottom:0;left:0}.roi-section{background:radial-gradient(circle,#00d2ff0d 0%,#0000 70%)}.calc-card{max-width:800px;margin:0 auto;padding:40px}.slider-container label{color:#fff;margin-bottom:15px;font-size:1.2rem;display:block}input[type=range]{-webkit-appearance:none;background:0 0;width:100%}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{cursor:pointer;background:#fff3;border-radius:4px;width:100%;height:8px}input[type=range]::-webkit-slider-thumb{background:var(--accent-color);cursor:pointer;-webkit-appearance:none;width:24px;height:24px;box-shadow:0 0 10px var(--accent-color);border-radius:50%;margin-top:-8px}.slider-value{text-align:right;color:var(--accent-color);margin-top:10px;font-size:1.5rem;font-weight:700}.calc-results{border-top:1px solid var(--glass-border);margin-top:40px;padding-top:20px}.calc-text{margin-bottom:10px;font-size:1.1rem}.loss-amount{color:var(--danger);margin-bottom:30px;font-family:Outfit;font-size:2.5rem;font-weight:800}.roi-graph{flex-direction:column;gap:15px;display:flex}.roi-bar{align-items:center;gap:15px;display:flex}.roi-bar span{width:180px;font-size:.9rem}.bar-fill{border-radius:6px;height:12px;transition:width .3s}.roi-cost .bar-fill{background:var(--danger)}.roi-save .bar-fill{background:var(--success)}.timeline{max-width:800px;margin:0 auto;position:relative}.timeline:before{content:"";background:var(--glass-border);width:2px;height:100%;position:absolute;top:0;left:20px}.timeline-item{margin-bottom:40px;padding-left:50px;position:relative}.timeline-dot{background:var(--accent-color);width:14px;height:14px;box-shadow:0 0 10px var(--accent-color);border-radius:50%;position:absolute;top:20px;left:14px}.timeline-content{padding:25px}.timeline-content h3{color:#fff;margin-bottom:10px}.conclusion-section{text-align:center;background:linear-gradient(#0000,#00000080)}.conclusion-content{max-width:800px;margin:0 auto}.conclusion-title{color:#fff;margin-bottom:30px;font-size:2.5rem}.conclusion-text{color:#cbd5e1;margin-bottom:20px;font-size:1.2rem}@keyframes zoomIn{0%{transform:scale(1)}to{transform:scale(1.1)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.hero-title{font-size:2.5rem}.architecture-grid{flex-direction:column}.mockup-container{width:100%;height:300px}.timeline:before{left:15px}.timeline-dot{left:9px}.roi-bar{flex-direction:column;align-items:flex-start;gap:5px}}