:root{--background:233,71%,10%;--foreground:210,40%,96%;--card:233,50%,14%;--card-foreground:210,40%,96%;--primary:190,100%,50%;--primary-foreground:233,71%,10%;--secondary:233,40%,20%;--secondary-foreground:210,40%,96%;--muted:233,30%,18%;--muted-foreground:215,20%,65%;--accent:190,100%,50%;--destructive:0,84%,60%;--border:233,30%,22%;--ring:190,100%,50%;--radius:.75rem;--ddi-navy:233,71%,10%;--ddi-deep:233,80%,6%;--ddi-cyan:190,100%,50%;--ddi-cyan-glow:190,100%,65%;--ddi-purple:260,60%,55%;--ddi-amber:35,100%,55%;--ddi-red:0,75%,55%;--ddi-glass:233,40%,16%;--ddi-glass-border:233,30%,28%;--text-strong:210,40%,98%;--text-soft:215,28%,84%;--text-soft-2:215,24%,76%}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:hsl(var(--background));color:hsl(var(--foreground));font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;line-height:1.6;overflow-x:hidden}img{max-width:100%;display:block}button{cursor:pointer;border:0;font-family:inherit}.text-gradient-cyan{background-image:linear-gradient(135deg,hsl(var(--ddi-cyan)),hsl(var(--ddi-cyan-glow)));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass-card{background:hsla(var(--ddi-glass),0.6);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid hsla(var(--ddi-glass-border),0.4)}.glow-text{text-shadow:0 0 40px hsla(var(--ddi-cyan),0.5),0 0 80px hsla(var(--ddi-cyan),0.2)}section{position:relative;overflow:hidden}.section-inner{position:relative;z-index:10;max-width:72rem;margin:0 auto;padding:0 1.5rem}.section-inner-narrow{position:relative;z-index:10;max-width:64rem;margin:0 auto;padding:0 1.5rem}.section-inner-md{position:relative;z-index:10;max-width:56rem;margin:0 auto;padding:0 1.5rem}.section-padding{padding-top:7rem;padding-bottom:9rem}.reveal{opacity:0;transform:translateY(40px);transition:opacity .8s cubic-bezier(.25,.46,.45,.94),transform .8s cubic-bezier(.25,.46,.45,.94)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transform:translateX(-60px);transition:opacity 1s ease,transform 1s ease}.reveal-left.visible{opacity:1;transform:translateX(0)}.reveal-right{opacity:0;transform:translateX(60px);transition:opacity 1s ease,transform 1s ease}.reveal-right.visible{opacity:1;transform:translateX(0)}.reveal-scale{opacity:0;transform:scale(0.9);transition:opacity .7s ease,transform .7s ease}.reveal-scale.visible{opacity:1;transform:scale(1)}@keyframes gridPulse{0%,100%{opacity:.03}50%{opacity:.08}}@keyframes shieldPulse{0%,100%{filter:drop-shadow(0 0 10px hsla(0,75%,55%,0.3))}50%{filter:drop-shadow(0 0 25px hsla(0,75%,55%,0.6))}}@keyframes barGrow{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes checkReveal{0{transform:scale(0) rotate(-45deg);opacity:0}50%{transform:scale(1.2) rotate(0);opacity:1}100%{transform:scale(1) rotate(0);opacity:1}}@keyframes glowPulse{0%,100%{box-shadow:0 0 20px hsla(190,100%,50%,0.2)}50%{box-shadow:0 0 40px hsla(190,100%,50%,0.5)}}@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}.animate-grid-pulse{animation:gridPulse 4s ease-in-out infinite}.animate-shield-pulse{animation:shieldPulse 2s ease-in-out infinite}.animate-bar-grow{animation:barGrow 1.2s cubic-bezier(.25,.46,.45,.94) forwards;transform-origin:left}.animate-check-reveal{animation:checkReveal .6s cubic-bezier(.34,1.56,.64,1) forwards}.animate-glow-pulse{animation:glowPulse 3s ease-in-out infinite}.text-center{text-align:center}.mb-16{margin-bottom:4rem}.section-label{display:inline-block;font-size:.875rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:hsl(var(--ddi-cyan));margin-bottom:.55rem}.section-title{font-size:clamp(2rem,5vw,3rem);font-weight:900;color:hsl(var(--foreground));margin-top:.95rem;margin-bottom:1.35rem;line-height:1.1;letter-spacing:-0.03em;padding-top:.12rem;padding-bottom:.18rem}.section-desc{color:hsl(var(--muted-foreground));max-width:48rem;margin:.2rem auto 0;font-size:1.125rem;line-height:1.75}.grid-4{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:768px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.grid-4{grid-template-columns:repeat(4,1fr)}}.grid-3{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:768px){.grid-3{grid-template-columns:repeat(3,1fr)}}.grid-2{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:768px){.grid-2{grid-template-columns:repeat(2,1fr)}}.grid-2-3{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:768px){.grid-2-3{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.grid-2-3{grid-template-columns:repeat(3,1fr)}}#hero{min-height:100vh;display:flex;align-items:center;background:hsl(var(--ddi-deep));position:relative}#hero .grid-bg{position:absolute;inset:0;background-image:linear-gradient(hsla(var(--ddi-cyan),0.06) 1px,transparent 1px),linear-gradient(90deg,hsla(var(--ddi-cyan),0.06) 1px,transparent 1px);background-size:60px 60px;animation:gridPulse 4s ease-in-out infinite}#hero canvas.network-bg{position:absolute;inset:0;width:100%;height:100%}#hero .radial-glow{position:absolute;top:50%;left:25%;transform:translate(-50%,-50%);width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,hsla(var(--ddi-cyan),0.06) 0,transparent 70%)}.hero-content{position:relative;z-index:10;width:100%;max-width:80rem;margin:0 auto;padding:0 1.5rem;display:flex;flex-direction:column;align-items:center;gap:2rem}@media(min-width:1024px){.hero-content{flex-direction:row;gap:1rem;padding:0 3rem}}.hero-left,.hero-right{width:100%}@media(min-width:1024px){.hero-left,.hero-right{width:50%}}.hero-left{display:flex;align-items:center;justify-content:center}.hero-right{text-align:center}@media(min-width:1024px){.hero-right{text-align:left}}.hero-badge{display:inline-block;margin-bottom:1.75rem;padding:.375rem 1rem;border-radius:9999px;border:1px solid hsla(var(--ddi-cyan),0.3);background:hsla(var(--ddi-cyan),0.05);color:hsl(var(--ddi-cyan));font-size:.875rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase}.hero-title{font-size:clamp(3rem,8vw,6rem);font-weight:900;color:hsl(var(--text-strong));text-shadow:0 0 24px rgba(0,212,255,0.08);line-height:.98;letter-spacing:-0.02em;margin-top:.2rem;margin-bottom:1.7rem}.hero-title span{display:block}.hero-sub{font-size:1.25rem;color:hsl(var(--text-strong));max-width:42rem;line-height:1.45;margin-bottom:1rem}.hero-sub-sm{font-size:1rem;color:hsl(var(--text-soft));max-width:38rem;line-height:1.7;margin-bottom:2.8rem}@media(min-width:1024px){.hero-sub,.hero-sub-sm{margin-left:0;margin-right:0}}.hero-buttons{display:flex;flex-direction:column;gap:1rem;justify-content:center}@media(min-width:640px){.hero-buttons{flex-direction:row}}@media(min-width:1024px){.hero-buttons{justify-content:flex-start}}.btn-primary{position:relative;padding:1rem 2rem;background:hsl(var(--primary));color:hsl(var(--primary-foreground));font-weight:700;border-radius:.5rem;overflow:hidden;transition:box-shadow .3s}.btn-primary:hover{box-shadow:0 0 40px hsla(var(--ddi-cyan),0.4)}.btn-primary .overlay{position:absolute;inset:0;background:linear-gradient(135deg,hsl(var(--ddi-cyan-glow)),hsl(var(--ddi-cyan)));opacity:0;transition:opacity .3s}.btn-primary:hover .overlay{opacity:1}.btn-primary span{position:relative;z-index:1}.btn-outline{padding:1rem 2rem;border:1px solid hsla(var(--ddi-cyan),0.3);background:transparent;color:hsl(var(--ddi-cyan));font-weight:600;border-radius:.5rem;transition:background .3s}.btn-outline:hover{background:hsla(var(--ddi-cyan),0.1)}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;color:hsla(var(--muted-foreground),0.5)}.scroll-indicator span{font-size:.75rem;letter-spacing:.15em;text-transform:uppercase}.scroll-dot-wrap{width:1.25rem;height:2rem;border-radius:9999px;border:1px solid hsla(var(--muted-foreground),0.3);display:flex;align-items:flex-start;justify-content:center;padding-top:.25rem}.scroll-dot{width:.25rem;height:.5rem;border-radius:9999px;background:hsl(var(--ddi-cyan));animation:bounce 1s infinite}.ddi-canvas-wrap{position:relative;width:100%;max-width:500px;aspect-ratio:1/1}.ddi-canvas-wrap canvas{width:100%;height:100%}#pain-points{background:hsl(var(--background))}#pain-points .top-grad{position:absolute;top:0;left:0;right:0;height:8rem;background:linear-gradient(to bottom,hsl(var(--ddi-deep)),transparent)}.pain-card{border-radius:.75rem;padding:1.5rem;transition:all .5s ease;cursor:default}.pain-card:hover{border-color:hsla(var(--ddi-cyan),0.4);transform:translateY(-0.5rem);box-shadow:0 20px 60px -15px hsla(var(--ddi-cyan),0.15)}.icon-box{width:3rem;height:3rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;transition:all .3s}.icon-box svg{width:1.5rem;height:1.5rem}.icon-box-cyan{background:hsla(var(--ddi-cyan),0.1);color:hsl(var(--ddi-cyan))}.pain-card:hover .icon-box-cyan{background:hsla(var(--ddi-cyan),0.2)}.card-title{font-size:1.125rem;font-weight:700;color:hsl(var(--foreground));margin-bottom:.5rem}.card-desc{font-size:.875rem;color:hsl(var(--muted-foreground));line-height:1.7}#blind-spot{background:linear-gradient(135deg,hsl(var(--ddi-deep)),hsl(233,60%,12%))}#blind-spot .orb-red{position:absolute;top:0;right:0;width:24rem;height:24rem;background:radial-gradient(circle,hsla(var(--ddi-red),0.12) 0,transparent 70%)}#blind-spot .orb-amber{position:absolute;bottom:0;left:0;width:24rem;height:24rem;background:radial-gradient(circle,hsla(var(--ddi-amber),0.08) 0,transparent 70%)}.blind-grid{display:grid;grid-template-columns:1fr;gap:4rem;align-items:center}@media(min-width:1024px){.blind-grid{grid-template-columns:1fr 1fr}}.blind-badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;background:hsla(var(--ddi-red),0.1);border:1px solid hsla(var(--ddi-red),0.3);color:hsl(var(--ddi-red));font-size:.75rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;margin-bottom:1.7rem}.blind-title{font-size:clamp(2rem,5vw,3rem);font-weight:900;margin-top:.15rem;margin-bottom:1.6rem;line-height:1.12;color:hsl(var(--foreground))}.blind-title .red{color:hsl(var(--ddi-red))}.blind-text{color:hsl(var(--muted-foreground));font-size:1.125rem;line-height:1.7;margin-bottom:1rem}.blind-quote{color:hsl(var(--ddi-red));font-weight:600;font-size:1.125rem;font-style:italic;margin-top:.35rem;margin-bottom:1.1rem}.blind-list{list-style:none;padding:0}.blind-list li{display:flex;align-items:flex-start;gap:.75rem;color:hsl(var(--muted-foreground));font-size:.875rem;margin-bottom:.75rem}.blind-list li .dot{margin-top:.375rem;width:.5rem;height:.5rem;border-radius:50%;background:hsl(var(--ddi-red));flex-shrink:0}.appliance-diagram{display:flex;justify-content:center}.appliance-wrap{position:relative;width:340px;display:flex;flex-direction:column;align-items:center}@media(min-width:768px){.appliance-wrap{width:380px}}.shield-svg{width:14rem;height:14rem;margin-bottom:-1rem}@media(min-width:768px){.shield-svg{width:16rem;height:16rem}}.appliance-body{position:relative;width:290px;border-radius:.375rem;overflow:hidden;background:linear-gradient(180deg,hsl(233,20%,22%),hsl(233,25%,14%))}@media(min-width:768px){.appliance-body{width:320px}}.appliance-top{display:flex;align-items:center;justify-content:space-between;padding:.375rem .5rem;border-bottom:1px solid rgba(255,255,255,0.05);background:linear-gradient(180deg,hsl(233,15%,28%),hsl(233,20%,20%))}.rack-screw{width:.75rem;height:.75rem;border-radius:50%;border:1px solid rgba(255,255,255,0.1);background:rgba(255,255,255,0.05)}.vent-slots{display:flex;gap:3px}.vent-slot{width:2px;height:.75rem;border-radius:9999px;background:rgba(255,255,255,0.05)}.appliance-face{--agent-size:2.5rem;--agent-gap:.75rem;padding:1rem}.status-leds{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.led{width:.5rem;height:.5rem;border-radius:50%}.led-red{background:hsl(var(--ddi-red));box-shadow:0 0 6px hsl(0,75%,55%)}.led-amber{background:hsla(var(--ddi-amber),0.6)}.led-off{background:rgba(255,255,255,0.1)}.appliance-label{margin-left:.5rem;font-size:9px;color:hsla(var(--muted-foreground),0.6);font-family:monospace;text-transform:uppercase;letter-spacing:.15em}.lock-row{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.75rem}.lock-text{color:hsl(var(--ddi-red));font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.blocked-agents{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:.5rem}.agent-icon{position:relative}.agent-box{width:2.5rem;height:2.5rem;border-radius:.5rem;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);display:flex;align-items:center;justify-content:center}.agent-box svg{width:18px;height:18px;stroke:hsl(var(--muted-foreground));opacity:.4}.agent-x{position:absolute;top:-0.25rem;right:-0.25rem;width:1rem;height:1rem;border-radius:50%;background:hsl(var(--ddi-red));display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:700;color:hsl(var(--foreground))}.bounce-arrows{display:grid;grid-template-columns:repeat(3,var(--agent-size));justify-content:center;column-gap:var(--agent-gap);width:max-content;margin:0 auto .25rem}.bounce-arrows svg{width:14px;height:14px;justify-self:center;animation:bounce 1s infinite}.appliance-caption{text-align:center;color:hsla(var(--muted-foreground),0.6);font-size:10px;letter-spacing:.05em}.appliance-bottom{display:flex;align-items:center;justify-content:space-between;padding:.375rem .75rem;border-top:1px solid rgba(255,255,255,0.05);background:hsl(233,20%,12%)}.eth-ports{display:flex;gap:.25rem}.eth-port{width:1rem;height:.75rem;border-radius:2px;border:1px solid rgba(255,255,255,0.1);background:rgba(255,255,255,0.05)}.console-port{width:1.25rem;height:.75rem;border-radius:2px;border:1px solid hsla(var(--ddi-amber),0.3);background:hsla(var(--ddi-amber),0.1)}.power-led{width:.5rem;height:.5rem;border-radius:50%;background:hsla(var(--ddi-red),0.8);box-shadow:0 0 4px hsl(0,75%,55%)}.micro-labels{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:.75rem}.micro-label{padding:.25rem .5rem;border-radius:.25rem;font-weight:700;font-size:9px}.micro-label-red{background:hsla(var(--ddi-red),0.2);border:1px solid hsla(var(--ddi-red),0.4);color:hsl(var(--ddi-red))}.micro-label-amber{background:hsla(var(--ddi-amber),0.2);border:1px solid hsla(var(--ddi-amber),0.4);color:hsl(var(--ddi-amber))}#solution{background:linear-gradient(180deg,hsl(210,30%,96%) 0,hsl(200,25%,92%) 100%)}.solution-card{position:relative;border-radius:1rem;padding:2rem;background:rgba(255,255,255,0.8);backdrop-filter:blur(10px);border:1px solid hsl(210,30%,88%);box-shadow:0 10px 30px -10px rgba(0,0,0,0.1);transition:all .7s}.solution-card:hover{transform:translateY(-0.5rem);box-shadow:0 20px 50px -15px rgba(0,0,0,0.15)}.solution-icon-box{width:3.5rem;height:3.5rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;background:hsla(190,100%,50%,0.1)}.solution-icon-box svg{width:1.75rem;height:1.75rem;color:hsl(190,100%,40%)}.solution-title{font-size:1.25rem;font-weight:700;margin-bottom:.75rem;color:hsl(233,71%,10%)}.solution-desc{font-size:.875rem;line-height:1.7;color:hsl(233,20%,45%)}.solution-connector{display:none}@media(min-width:768px){.solution-connector{display:block;position:absolute;top:50%;right:-1rem;width:2rem;height:1px;background:hsla(190,100%,50%,0.3)}}.edr-callout{border-radius:1rem;padding:2rem;margin-top:2rem;background:linear-gradient(135deg,hsl(233,71%,10%),hsl(233,60%,15%));border:1px solid hsla(190,100%,50%,0.2);display:flex;flex-direction:column;gap:2rem;align-items:center}@media(min-width:768px){.edr-callout{flex-direction:row}}.edr-title{font-size:1.5rem;font-weight:700;color:hsl(var(--foreground));margin-bottom:.5rem}.edr-desc{color:hsl(var(--muted-foreground))}.edr-tags{display:flex;flex-wrap:wrap;gap:.75rem}.edr-tag{padding:.5rem 1rem;border-radius:.5rem;background:hsla(var(--ddi-cyan),0.1);border:1px solid hsla(var(--ddi-cyan),0.2);color:hsl(var(--ddi-cyan));font-size:.875rem;font-weight:500}#solution .section-label{color:hsl(190,100%,35%)}#solution .section-title{color:hsl(233,71%,10%)}#solution .section-title .cyan{color:hsl(190,100%,40%)}#solution .section-desc{color:hsl(233,20%,40%)}#scale{background:hsl(var(--background))}#scale .orb-1{position:absolute;top:5rem;left:-10rem;width:31rem;height:31rem;border-radius:50%;background:radial-gradient(circle,hsla(var(--ddi-purple),0.06) 0,transparent 70%)}#scale .orb-2{position:absolute;bottom:5rem;right:-10rem;width:31rem;height:31rem;border-radius:50%;background:radial-gradient(circle,hsla(var(--ddi-cyan),0.06) 0,transparent 70%)}.scale-card{border-radius:1rem;padding:2rem;text-align:center;transition:all .7s}.scale-card:hover{border-color:hsla(var(--ddi-cyan),0.4);transform:translateY(-0.75rem);box-shadow:0 30px 80px -20px hsla(var(--ddi-cyan),0.2)}.scale-icon-box{width:4rem;height:4rem;border-radius:1rem;background:hsla(var(--ddi-cyan),0.1);display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;transition:all .3s}.scale-icon-box svg{width:2rem;height:2rem;color:hsl(var(--ddi-cyan))}.scale-title{font-size:1.25rem;font-weight:700;color:hsl(var(--foreground));margin-bottom:.75rem}.scale-desc{font-size:.875rem;color:hsl(var(--muted-foreground));line-height:1.7}#tco{background:linear-gradient(180deg,hsl(var(--ddi-deep)),hsl(233,70%,8%))}.tco-big{display:inline-flex;align-items:baseline;gap:.25rem}.tco-num{font-size:clamp(4rem,10vw,8rem);font-weight:900}.tco-pct{font-size:clamp(2rem,5vw,3rem);font-weight:900;color:hsl(var(--ddi-cyan))}.tco-sub{font-size:1.25rem;color:hsl(var(--muted-foreground));margin-top:.5rem}.bar-chart-group{max-width:48rem;margin:0 auto}.bar-row{margin-bottom:2rem}.bar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.bar-label{font-size:.875rem;font-weight:500;color:hsl(var(--foreground))}.bar-values{display:flex;gap:1rem;font-size:.75rem;color:hsl(var(--muted-foreground))}.bar-values .cyan{color:hsl(var(--ddi-cyan))}.bar-track{height:.75rem;border-radius:9999px;background:hsl(var(--secondary));overflow:hidden;margin-bottom:.375rem}.bar-fill-red{height:100%;border-radius:9999px;background:hsla(var(--ddi-red),0.6);transform:scaleX(0);transform-origin:left}.bar-fill-cyan{height:100%;border-radius:9999px;background:hsl(var(--ddi-cyan));transform:scaleX(0);transform-origin:left}#comparison{background:hsl(var(--background))}#comparison .orb-1{position:absolute;top:5rem;left:-10rem;width:31rem;height:31rem;border-radius:50%;background:radial-gradient(circle,hsla(var(--ddi-purple),0.06) 0,transparent 70%)}#comparison .orb-2{position:absolute;bottom:5rem;right:-10rem;width:31rem;height:31rem;border-radius:50%;background:radial-gradient(circle,hsla(var(--ddi-cyan),0.06) 0,transparent 70%)}#comparison .section-inner{max-width:88rem;padding-left:1.25rem;padding-right:1.25rem}.carousel-shell{position:relative;max-width:84rem;margin:0 auto;padding-left:2.9rem;padding-right:2.9rem;overflow:visible}.carousel-viewport{overflow:hidden;position:relative;border-radius:1.1rem}.carousel-container{display:flex;width:100%;transition:transform .5s ease}.carousel-slide{min-width:100%;width:100%}.carousel-card{width:100%;max-width:100%;border-radius:1.1rem;padding:1.9rem 1.55rem 1.55rem}@media(min-width:768px){.carousel-card{padding:2.05rem 1.8rem 1.7rem}}.carousel-slide-title{max-width:30ch;margin:0 auto 1.25rem;text-align:center;font-size:1.14rem;line-height:1.12;color:hsl(var(--foreground))}@media(min-width:768px){.carousel-slide-title{font-size:1.28rem}}.col-headers{display:grid;grid-template-columns:1fr 1fr;gap:.85rem;margin-bottom:.95rem;text-align:center}.col-badge{display:inline-block;padding:.34rem .9rem;font-size:.8rem;font-weight:600;border-radius:999px}.col-badge-red{background:hsla(var(--destructive),0.2);color:hsl(var(--destructive))}.col-badge-cyan{background:hsla(var(--ddi-cyan),0.15);color:hsl(var(--ddi-cyan))}.comparison-rows{display:flex;flex-direction:column;gap:.78rem}.comparison-row{display:grid;grid-template-columns:1fr 1fr;gap:.85rem;align-items:stretch}.comp-cell{display:grid;grid-template-columns:2.9rem minmax(0,1fr);column-gap:.82rem;align-items:start;min-height:112px;padding:.95rem;border-radius:.78rem}.comp-cell-left{border:1px solid hsla(var(--border),0.55);background:hsla(var(--secondary),0.28)}.comp-cell-right{border:1px solid hsla(var(--ddi-cyan),0.2);background:hsla(var(--ddi-cyan),0.05)}.comp-icon{width:2.9rem;height:2.9rem;border-radius:.7rem;display:flex;align-items:center;justify-content:center;align-self:start;flex-shrink:0}.comp-icon-red{background:hsla(var(--destructive),0.1);color:hsl(var(--destructive))}.comp-icon-cyan{background:hsla(var(--ddi-cyan),0.1);color:hsl(var(--ddi-cyan))}.comp-icon svg,.comp-svg{width:1.06rem;height:1.06rem}.comp-copy{min-width:0;display:flex;flex-direction:column}.comp-head{min-height:2.9rem;display:flex;align-items:center}.comp-label{margin:0;font-size:.82rem;font-weight:700;line-height:1.24;color:hsl(var(--text-strong))}.comp-caption-red,.comp-caption-cyan{margin:0 0 .16rem 0;font-size:.7rem;line-height:1.22}.comp-caption-red{color:hsla(var(--destructive),0.85)}.comp-caption-cyan{color:hsla(var(--ddi-cyan),0.85)}.comp-desc{margin:0;font-size:.7rem;line-height:1.44;color:hsl(var(--text-soft));max-width:none}.balance-scale{display:flex;justify-content:center;margin-top:1.15rem}.balance-wrap{display:flex;align-items:flex-end;gap:.22rem}.balance-left,.balance-right{width:4rem;height:.62rem;border-radius:9999px}.balance-left{background:hsla(var(--destructive),0.6);transform:translateY(0.2rem)}.balance-right{background:hsla(var(--ddi-cyan),0.6);transform:translateY(-0.2rem)}.balance-pivot{width:1px;height:1.9rem;background:hsla(var(--muted-foreground),0.4);margin:0 .22rem}.carousel-nav{display:flex;position:absolute;top:50%;transform:translateY(-50%);width:3rem;height:3rem;border-radius:50%;align-items:center;justify-content:center;z-index:20;background:hsla(var(--ddi-glass),0.92);border:1px solid hsla(var(--ddi-cyan),0.16);color:hsl(var(--foreground));box-shadow:0 10px 30px rgba(0,0,0,0.28);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background .25s ease,border-color .25s ease,transform .25s ease}.carousel-nav:hover{background:hsla(var(--ddi-cyan),0.12);border-color:hsla(var(--ddi-cyan),0.35)}.carousel-prev{left:-1rem}.carousel-next{right:-1rem}.carousel-dots{display:flex;justify-content:center;gap:.5rem;margin-top:1.25rem}.carousel-dot{width:.625rem;height:.625rem;border-radius:9999px;background:hsla(var(--muted-foreground),0.3);transition:all .3s}.carousel-dot.active{background:hsl(var(--ddi-cyan));width:1.5rem}@media(max-width:1199px){#comparison .section-inner{max-width:80rem}.carousel-shell{max-width:76rem;padding-left:2.15rem;padding-right:2.15rem}.carousel-prev{left:-0.55rem}.carousel-next{right:-0.55rem}.comp-cell{grid-template-columns:2.75rem minmax(0,1fr);min-height:108px;padding:.88rem}.comp-icon{width:2.75rem;height:2.75rem}.comp-head{min-height:2.75rem}.comp-label{font-size:.79rem}.comp-desc{font-size:.69rem}}@media(max-width:767px){#comparison .section-inner{max-width:100%;padding-left:1rem;padding-right:1rem}.carousel-shell{max-width:100%;padding-left:0;padding-right:0;padding-bottom:4.4rem}.carousel-card{padding:1.2rem .95rem}.carousel-slide-title{font-size:1rem;margin-bottom:.95rem}.comparison-row{grid-template-columns:1fr;gap:.75rem}.comp-cell{grid-template-columns:2.65rem minmax(0,1fr);min-height:auto;padding:.9rem}.comp-icon{width:2.65rem;height:2.65rem}.comp-head{min-height:2.65rem}.carousel-nav{top:auto;bottom:0;transform:none;width:2.7rem;height:2.7rem}.carousel-prev{left:calc(50% - 3.35rem)}.carousel-next{right:calc(50% - 3.35rem)}}#advantages{background:hsl(var(--background))}.advantage-card{border-radius:.75rem;padding:1.5rem;transition:all .5s;cursor:default}.advantage-card:hover{border-color:hsla(var(--ddi-cyan),0.5);transform:translateY(-0.5rem);box-shadow:0 20px 60px -15px hsla(var(--ddi-cyan),0.2)}.advantage-card:hover .icon-box-cyan{background:hsla(var(--ddi-cyan),0.2);box-shadow:0 0 20px hsla(var(--ddi-cyan),0.2)}#summary{background:linear-gradient(180deg,hsl(var(--ddi-deep)),hsl(233,80%,6%))}.benefit-row{display:flex;align-items:center;gap:1rem;margin-bottom:1.35rem}.benefit-check{flex-shrink:0;width:2rem;height:2rem;border-radius:50%;background:hsla(var(--ddi-cyan),0.2);border:1px solid hsla(var(--ddi-cyan),0.4);display:flex;align-items:center;justify-content:center}.benefit-check svg{width:1rem;height:1rem;color:hsl(var(--ddi-cyan));transform:translateY(-0.5px)}.benefit-text{font-size:1.125rem;color:hsla(var(--foreground),0.9);line-height:1.55;padding-top:0;margin:0}#video{background:linear-gradient(180deg,hsl(var(--ddi-deep)) 0,hsl(233,60%,8%) 50%,hsl(var(--ddi-deep)) 100%)}#video .ambient-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50rem;height:31rem;border-radius:50%;opacity:.07;background:radial-gradient(ellipse,hsl(var(--ddi-cyan)),transparent 70%)}.video-container{position:relative;border-radius:1rem;overflow:hidden;box-shadow:0 0 80px -20px hsla(var(--ddi-cyan),0.15),0 25px 60px -15px rgba(0,0,0,0.5)}.video-border{position:absolute;inset:-1px;border-radius:1rem;z-index:0;background:linear-gradient(135deg,hsla(var(--ddi-cyan),0.3),transparent 40%,transparent 60%,hsla(var(--ddi-cyan),0.15))}.video-inner{position:relative;z-index:1;border-radius:1rem;overflow:hidden;background:#000}.video-aspect{position:relative;width:100%;padding-bottom:56.25%}.video-thumb{position:absolute;inset:0;cursor:pointer}.video-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.video-overlay{position:absolute;inset:0;background:rgba(0,0,0,0.3);transition:background .3s}.video-thumb:hover .video-overlay{background:rgba(0,0,0,0.2)}.play-btn{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.play-circle{width:5rem;height:5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background:hsla(var(--ddi-cyan),0.9);box-shadow:0 0 40px hsla(var(--ddi-cyan),0.4),0 0 80px hsla(var(--ddi-cyan),0.15);transition:transform .3s}@media(min-width:768px){.play-circle{width:6rem;height:6rem}}.video-thumb:hover .play-circle{transform:scale(1.1)}.play-circle svg{width:2rem;height:2rem;fill:white}@media(min-width:768px){.play-circle svg{width:2.5rem;height:2.5rem}}.video-iframe{position:absolute;inset:0;width:100%;height:100%;border:0}#seven-questions{background:hsl(var(--ddi-deep))}#seven-questions .dot-bg{position:absolute;inset:0;opacity:.03;background-image:radial-gradient(circle at 20% 50%,hsl(var(--ddi-cyan)) 1px,transparent 1px);background-size:40px 40px}#seven-questions .section-inner-md{max-width:72rem}#seven-questions .text-center{max-width:60rem;margin-left:auto;margin-right:auto}#seven-questions .section-title{max-width:16ch;margin-left:auto;margin-right:auto;font-size:clamp(2.5rem,6vw,4.75rem);line-height:1.02;padding-top:.35rem;padding-bottom:.7rem}#seven-questions .section-desc{max-width:44rem;color:hsl(var(--text-soft));font-size:1.16rem}.q-card{border-radius:.75rem;cursor:pointer;transition:all .5s;margin-bottom:1rem}.q-card:hover{border-color:hsla(var(--ddi-cyan),0.2)}.q-card.open{border-color:hsla(var(--ddi-cyan),0.4);box-shadow:0 0 30px -10px hsla(var(--ddi-cyan),0.2)}.q-header{display:flex;align-items:flex-start;gap:1.1rem;padding:1.45rem 1.75rem}.q-num{flex-shrink:0;width:2.5rem;height:2.5rem;border-radius:.5rem;background:hsla(var(--ddi-cyan),0.1);display:flex;align-items:center;justify-content:center;font-weight:700;color:hsl(var(--ddi-cyan));font-size:.875rem;margin-top:.125rem}.q-text{flex:1;font-size:1.08rem;font-weight:700;color:hsl(var(--foreground));line-height:1.55;padding-right:1rem}@media(min-width:768px){.q-text{font-size:1.18rem}}.q-chevron{flex-shrink:0;width:1.25rem;height:1.25rem;color:hsla(var(--ddi-cyan),0.6);margin-top:.25rem;transition:transform .3s}.q-card.open .q-chevron{transform:rotate(180deg)}.q-detail{max-height:0;opacity:0;overflow:hidden;transition:max-height .4s ease,opacity .3s ease}.q-card.open .q-detail{max-height:220px;opacity:1}.q-detail-inner{font-size:.96rem;color:hsl(var(--text-soft-2));line-height:1.82;padding:0 1.75rem 1.4rem 4.95rem;border-top:1px solid rgba(255,255,255,0.05);margin:0 1.75rem;padding-top:.95rem}#cta{background:hsl(var(--ddi-deep))}#cta .grid-bg{position:absolute;inset:0;background-image:linear-gradient(hsla(var(--ddi-cyan),0.04) 1px,transparent 1px),linear-gradient(90deg,hsla(var(--ddi-cyan),0.04) 1px,transparent 1px);background-size:80px 80px;animation:gridPulse 4s ease-in-out infinite}#cta .center-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:37rem;height:37rem;border-radius:50%;background:radial-gradient(circle,hsla(var(--ddi-cyan),0.1) 0,transparent 70%)}#cta .section-inner-md{max-width:60rem}.cta-title{font-size:clamp(2rem,6vw,4.5rem);font-weight:900;line-height:1.02;color:hsl(var(--text-strong));margin-top:.2rem;margin-bottom:1.7rem;padding-top:.25rem;padding-bottom:.7rem}.cta-desc{font-size:1.18rem;color:hsl(var(--text-soft));max-width:48rem;margin:.15rem auto 2.8rem;line-height:1.75}.cta-buttons{display:flex;flex-direction:column;gap:1rem;justify-content:center}@media(min-width:640px){.cta-buttons{flex-direction:row}}.btn-cta-primary{position:relative;padding:1.25rem 2.5rem;background:hsl(var(--primary));color:hsl(var(--primary-foreground));font-weight:700;font-size:1.125rem;border-radius:.75rem;overflow:hidden;transition:box-shadow .3s;animation:glowPulse 3s ease-in-out infinite}.btn-cta-primary:hover{box-shadow:0 0 50px hsla(var(--ddi-cyan),0.5)}.btn-cta-primary .overlay{position:absolute;inset:0;background:linear-gradient(135deg,hsl(var(--ddi-cyan-glow)),hsl(var(--ddi-cyan)));opacity:0;transition:opacity .3s}.btn-cta-primary:hover .overlay{opacity:1}.btn-cta-primary span{position:relative;z-index:1}.btn-cta-outline{padding:1.25rem 2.5rem;border:1px solid hsla(var(--ddi-cyan),0.3);background:transparent;color:hsl(var(--ddi-cyan));font-weight:600;font-size:1.125rem;border-radius:.75rem;transition:background .3s}.btn-cta-outline:hover{background:hsla(var(--ddi-cyan),0.1)}@media(max-width:767px){.benefit-row{align-items:flex-start}.benefit-text{line-height:1.6}}"""
path = "/mnt/data/styles_new.css"
with open(path, "w", encoding="utf-8") as f:f.write(css) print(path)