.phero{padding:clamp(120px,16vh,180px) 0 var(--pad);align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.phero-bg{z-index:0;position:absolute;inset:0}.phero-bg img{object-fit:cover;object-position:center center;width:100%;height:100%}.phero-bg:after{content:"";background:linear-gradient(120deg,#062a24f5 0%,#062a24e0 45%,#062a24bd 100%);position:absolute;inset:0}.phero .container{z-index:2;position:relative}.phero-in{grid-template-columns:1fr .9fr;align-items:center;gap:60px;display:grid}@media (max-width:920px){.phero-in{grid-template-columns:1fr;gap:40px}}.phero h1{color:#fff;margin:4px 0 22px;font-size:clamp(40px,5vw,72px);line-height:1.05}.phero-sub{max-width:480px;color:var(--on-dark);margin-bottom:34px;font-size:clamp(16px,1.4vw,18px);line-height:1.65}.phero-wall{grid-template-columns:repeat(6,1fr);gap:12px;display:grid}.phero-wall .cell{background:#062a24;border:1px solid #ffffff14;border-radius:12px;overflow:hidden}.phero-wall .cell img{object-fit:cover;filter:saturate(.85);width:100%;height:100%}.phero-wall .c1{aspect-ratio:4/3;grid-column:1/4}.phero-wall .c2{aspect-ratio:4/3;grid-column:4/7}.phero-wall .c3{aspect-ratio:1;grid-column:1/3}.phero-wall .c4{aspect-ratio:21/9;grid-column:3/7}.ctx-tabs{flex-direction:column;gap:12px;display:flex}.ctx-tab{border:1px solid var(--soft);cursor:none;text-align:left;background:#ffffff05;border-radius:16px;align-items:center;gap:16px;padding:22px 24px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex}.ctx-tab:hover{border-color:var(--border-teal);background:#5fd0bf0a;transform:translate(6px)}.ctx-tab.on{border-color:var(--teal-bright);background:#5fd0bf14;transform:translate(10px)}.ctx-tab .ic{width:44px;height:44px;color:var(--teal-bright);background:#062a24cc;border-radius:12px;flex-shrink:0;place-items:center;font-size:20px;display:grid}.ctx-tab h3{color:#fff;font-size:1.15rem;font-family:var(--font-body);font-weight:600}.ctx-tab p{color:var(--on-dark);margin-top:4px;font-size:13.5px}.ctx-scene{opacity:0;pointer-events:none;place-items:center;transition:opacity .5s;display:grid;position:absolute;inset:0}.ctx-scene.on{opacity:1;pointer-events:auto}.mock-web{border:1px solid var(--soft);border-radius:12px;width:100%;max-width:420px;overflow:hidden;box-shadow:0 30px 60px -25px #0009}.mock-web .bar{background:#0d4a40;align-items:center;gap:6px;height:30px;padding:0 12px;display:flex}.mock-web .bar i{background:#ffffff40;border-radius:50%;width:9px;height:9px}.mock-web .shot{aspect-ratio:16/9}.mock-web .lines{gap:8px;padding:14px;display:grid}.mock-web .lines span{background:#ffffff24;border-radius:4px;height:7px}.mock-web .lines span:first-child{width:70%}.mock-web .lines span:nth-child(2){width:90%}.mock-web .lines span:nth-child(3){width:50%}.mock-bro{grid-template-columns:1fr 1fr;gap:10px;width:100%;max-width:430px;display:grid;transform:rotate(-2deg)}.mock-bro .pg{border:1px solid var(--soft);background:#0d4a40;border-radius:10px;overflow:hidden;box-shadow:0 24px 50px -22px #0009}.mock-bro .pg .shot{aspect-ratio:4/5}.mock-bro .pg .lines{gap:7px;padding:12px;display:grid}.mock-bro .pg .lines span{background:#ffffff24;border-radius:3px;height:6px}.mock-goo{border:1px solid var(--soft);background:#0b3f37;border-radius:12px;width:100%;max-width:430px;overflow:hidden;box-shadow:0 30px 60px -25px #0009}.mock-goo .shot{aspect-ratio:16/7}.mock-goo .info{gap:8px;padding:16px;display:grid}.mock-goo .info .name{color:#fff;font-size:15px;font-weight:700}.mock-goo .info .stars{color:var(--teal-bright);letter-spacing:2px;font-size:13px}.mock-goo .info .meta{background:#ffffff24;border-radius:3px;width:60%;height:6px}.proc-tabs{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px;display:grid}@media (max-width:760px){.proc-tabs{grid-template-columns:repeat(2,1fr)}}.proc-tab{text-align:left;cursor:pointer;border:1px solid var(--soft);font-family:var(--font-body);background:#ffffff05;border-radius:16px;padding:22px;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative}.proc-tab:hover{border-color:var(--border-teal);background:#5fd0bf0a}.proc-tab.on{border-color:var(--teal-bright);background:#5fd0bf14}.proc-tab .pnum{font-family:var(--font-display);color:var(--teal-bright);letter-spacing:.1em;margin-bottom:10px;font-size:14px;display:block}.proc-tab .pname{color:#fff;font-size:1.12rem;font-weight:600;line-height:1.2}.proc-tab .pbar{background:var(--teal-bright);transform-origin:0;border-radius:0 0 16px 16px;height:3px;transition:transform .4s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.proc-tab.on .pbar{transform:scaleX(1)}.proc-panel-wrap{border:1px solid var(--soft);background:#0a3a32;border-radius:22px;min-height:360px;position:relative;overflow:hidden}.proc-monitor{grid-template-columns:1.05fr .95fr;min-height:360px;display:grid}@media (max-width:760px){.proc-monitor{grid-template-columns:1fr}}.proc-detail{padding:clamp(30px,4vw,52px);position:relative}.proc-detail .step{opacity:0;pointer-events:none;flex-direction:column;justify-content:center;padding:clamp(30px,4vw,52px);transition:opacity .5s,transform .5s;display:flex;position:absolute;inset:0;transform:translateY(16px)}.proc-detail .step.on{opacity:1;pointer-events:auto;transform:none}.proc-detail h3{color:#fff;margin-bottom:16px;font-size:clamp(1.7rem,3vw,2.3rem)}.proc-detail p{color:var(--on-dark);max-width:44ch;font-size:15px}.proc-sheet{border-left:1px solid var(--soft);background:#062a24;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;align-content:center;gap:10px;padding:22px;display:grid;position:relative}@media (max-width:760px){.proc-sheet{border-left:none;border-top:1px solid var(--soft)}}.proc-sheet .frame{aspect-ratio:3/2;border:1px solid #ffffff14;border-radius:6px;position:relative;overflow:hidden}.proc-sheet .frame .pho{filter:blur(6px)saturate(.4)brightness(.7);transition:filter .8s,transform .8s;transform:scale(1.05)}.proc-sheet.dev1 .frame:nth-child(-n+2) .pho{filter:blur(2px)saturate(.7)brightness(.85);transform:none}.proc-sheet.dev2 .frame:nth-child(-n+4) .pho{filter:blur()saturate()brightness();transform:none}.proc-sheet.dev3 .frame .pho{filter:blur()saturate(1.2)brightness(1.05);transform:none}.proc-sheet .frame .pick{z-index:2;border:2px solid var(--teal-bright);opacity:0;border-radius:6px;transition:all .4s;position:absolute;inset:0}.proc-sheet.dev3 .frame:nth-child(5) .pick{opacity:1}.proc-sheet .loupe{z-index:3;letter-spacing:.16em;text-transform:uppercase;color:#fff9;border:1px solid var(--soft);border-radius:5px;padding:4px 9px;font-size:10px;position:absolute;top:14px;right:14px}.proc-screen{border-left:1px solid var(--soft);background:#062a24;position:relative;overflow:hidden}@media (max-width:760px){.proc-screen{border-left:none;border-top:1px solid var(--soft)}}.proc-screen .frame{opacity:0;transition:opacity .6s;position:absolute;inset:0}.proc-screen.dev1 .frame:first-child,.proc-screen.dev2 .frame:nth-child(2),.proc-screen.dev3 .frame:nth-child(3),.proc-screen.dev4 .frame:nth-child(4){opacity:1}.proc-screen .frame img{object-fit:cover;width:100%;height:100%}.proc-screen .frame .ui{pointer-events:none;z-index:2;position:absolute;inset:0}.proc-screen .rec{z-index:3;letter-spacing:.18em;color:#fff9;text-transform:uppercase;align-items:center;gap:7px;font-size:10px;display:flex;position:absolute;top:18px;left:18px}.proc-screen .rec .led{background:#ff5a5a;border-radius:50%;width:8px;height:8px;animation:1.4s infinite blink;box-shadow:0 0 8px #ff5a5a}@keyframes blink{0%,to{opacity:1}50%{opacity:.25}}.mason{columns:3;column-gap:16px}@media (max-width:900px){.mason{columns:2}}@media (max-width:560px){.mason{columns:1}}.mason .m{break-inside:avoid;border:1px solid var(--soft);border-radius:14px;margin-bottom:16px;position:relative;overflow:hidden}.mason .m .pho{aspect-ratio:var(--ar,1)}.filter-bar{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:50px;display:flex}.fchip{letter-spacing:.08em;text-transform:uppercase;color:var(--on-dark);border:1px solid var(--soft);cursor:pointer;font-size:13px;font-family:var(--font-body);background:0 0;border-radius:50px;padding:10px 18px;font-weight:500;transition:all .3s}.fchip:hover{color:#fff;border-color:var(--border-teal)}.fchip.on{color:var(--ink);background:var(--teal-bright);border-color:var(--teal-bright)}.types-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}@media (max-width:920px){.types-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.types-grid{grid-template-columns:1fr}}.tcard{border:1px solid var(--soft);background:#0a3a32;border-radius:18px;transition:transform .5s cubic-bezier(.16,1,.3,1),border-color .4s,opacity .4s;overflow:hidden}.tcard.hidden{opacity:0;pointer-events:none;border:0;height:0;margin:0;padding:0;overflow:hidden;transform:scale(.96)}.tcard:hover{border-color:var(--border-teal);transform:translateY(-4px)}.tcard .thumb{aspect-ratio:16/10;background:radial-gradient(circle at 30% 30%,#13695d,#0000 65%),#0a3a32;position:relative;overflow:hidden}.tcard .thumb:after{content:attr(data-label);color:#fff3;letter-spacing:.2em;text-transform:uppercase;white-space:nowrap;font-size:10px;position:absolute;top:14px;left:50%;transform:translate(-50%)}.tcard .play{place-items:center;display:grid;position:absolute;inset:0}.tcard .play span{width:54px;height:54px;color:var(--teal-primary);background:#ffffffeb;border-radius:50%;place-items:center;font-size:18px;display:grid}.tcard .body{padding:22px 24px 26px}.tcard .body h3{color:#fff;margin-bottom:8px;font-size:1.2rem}.tcard .body p{color:var(--on-dark);margin-top:0;margin-bottom:14px;font-size:14px}.tcard .where{letter-spacing:.14em;text-transform:uppercase;color:var(--teal-bright);font-size:11px}.tcard .anim-design .top{transition:transform .3s}.tcard:hover .anim-design .top{background:#ffffff1a;transform:scaleX(1.02)}.tcard .anim-dev>div{transition:all .3s}.tcard:hover .anim-dev .top{background:var(--teal-bright);height:16px}.tcard .anim-manage .cir{transition:all .4s cubic-bezier(.34,1.56,.64,1)}.tcard:hover .anim-manage .cir{opacity:1;background:var(--teal-bright);transform:scale(1.6)}.tcard .anim-seo .bar{transition:all .3s}.tcard:hover .anim-seo .bar:nth-child(4),.tcard:hover .anim-seo .bar:nth-child(5){background:var(--teal-bright);opacity:1}.tcard:hover .anim-seo .bar:first-child,.tcard:hover .anim-seo .bar:nth-child(2){opacity:.3}.tcard .anim-content .top{transition:transform .3s}.tcard:hover .anim-content .top{background:#ffffff26;transform:translateY(-4px)}.tcard .anim-hosting .circle{transition:transform .5s cubic-bezier(.34,1.56,.64,1)}.tcard:hover .anim-hosting .circle{transform:translateY(-6px)scale(1.1);box-shadow:0 4px 12px #5fd0bf66}.fw-grid{grid-template-columns:1.6fr 1fr;align-items:stretch;gap:24px;display:grid}@media (max-width:860px){.fw-grid{grid-template-columns:1fr}}.fw-side{grid-template-rows:1fr 1fr;gap:24px;min-height:420px;display:grid}.fw-card{border:1px solid var(--soft);cursor:pointer;background:#0a3a32;border-radius:20px;transition:transform .5s,border-color .4s;position:relative;overflow:hidden}.fw-card:hover{border-color:var(--border-teal);transform:translateY(-3px)}.fw-card.hero{min-height:420px}.fw-card.small{aspect-ratio:16/10;min-height:0}.fw-card .ph-bg{background:radial-gradient(circle at 30% 30%,#13695d,#0000 65%),#0a3a32;width:100%;height:100%;position:relative}.fw-card .ph-bg:after{content:attr(data-label);color:#fff3;letter-spacing:.2em;text-transform:uppercase;white-space:nowrap;font-size:10px;position:absolute;top:14px;left:50%;transform:translate(-50%)}.fw-card .ph-bg .play{place-items:center;display:grid;position:absolute;inset:0}.fw-card .ph-bg .play span{width:54px;height:54px;color:var(--teal-primary);background:#ffffffeb;border-radius:50%;place-items:center;font-size:18px;display:grid}.fw-meta{z-index:2;align-items:center;gap:10px;display:flex;position:absolute;bottom:20px;left:20px}.fw-meta .tag{letter-spacing:.14em;text-transform:uppercase;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--soft);background:#062a24a6;border-radius:50px;padding:6px 12px;font-size:11px}.fw-meta .title{color:#fff;font-size:14px;font-weight:500}.deliv{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}@media (max-width:860px){.deliv{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.deliv{grid-template-columns:1fr}}.deliv-item{border:1px solid var(--soft);background:#ffffff05;border-radius:16px;padding:28px 26px}.deliv-item .ic{width:38px;height:38px;color:var(--teal-bright);background:#5fd0bf1f;border-radius:10px;place-items:center;margin-bottom:16px;font-size:16px;display:grid}.deliv-item h4{color:#fff;margin-bottom:6px;font-size:15px;font-weight:600}.deliv-item p{color:var(--on-dark);margin:0;font-size:13px;line-height:1.5}.reveal{opacity:0;transition:opacity .9s,transform .9s;transform:translateY(30px)}.reveal.in{opacity:1;transform:translateY(0)}.stagger>*{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(30px)}.stagger.in>*{opacity:1;transform:translateY(0)}.stagger.in>:nth-child(2){transition-delay:.1s}.stagger.in>:nth-child(3){transition-delay:.2s}.cam-cursor{pointer-events:none;z-index:9999;opacity:0;width:130px;height:90px;transition:opacity .3s;position:fixed;top:0;left:0}.cam-cursor.active{opacity:1}.cam-cursor .cam-box{border:2px solid #5fd0bf80;border-radius:8px;width:100%;height:100%;position:relative;box-shadow:0 0 10px #5fd0bf33,inset 0 0 10px #5fd0bf33}.cam-cursor .bracket{border:2px solid var(--teal-bright);width:12px;height:12px;position:absolute}.cam-cursor .tl{border-bottom:none;border-right:none;top:8px;left:8px}.cam-cursor .tr{border-bottom:none;border-left:none;top:8px;right:8px}.cam-cursor .bl{border-top:none;border-right:none;bottom:8px;left:8px}.cam-cursor .br{border-top:none;border-left:none;bottom:8px;right:8px}.cam-cursor .cam-fstop{font-family:var(--font-body);color:var(--teal-bright);letter-spacing:.1em;text-shadow:0 0 6px #5fd0bf66;font-size:13px;font-weight:700;position:absolute;bottom:-24px;left:50%;transform:translate(-50%)}.phero-grid-full{z-index:1;opacity:.15;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:4px;padding:4px;display:grid;position:absolute;inset:0}.phero-grid-full .cell{color:#ffffff4d;letter-spacing:.1em;background:#5fd0bf0d;border:1px solid #ffffff0d;border-radius:8px;justify-content:center;align-items:center;font-size:10px;font-weight:600;display:flex}.phero-center{z-index:3;text-align:center;flex-direction:column;align-items:center;max-width:1000px;margin:0 auto;padding:60px 20px;display:flex;position:relative}.phero-center h1{letter-spacing:-.02em;margin-bottom:24px;font-size:clamp(44px,6vw,80px)}.phero-center .phero-sub{text-align:center;max-width:720px;margin:0 auto 40px;font-size:clamp(18px,1.5vw,20px);line-height:1.6}.phero-center .btn-group{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.ba-slider-wrap{aspect-ratio:16/9;-webkit-user-select:none;user-select:none;border:1px solid var(--soft);background:#062a24;border-radius:16px;width:100%;max-width:900px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 20px 40px #0006}@media (max-width:600px){.ba-slider-wrap{aspect-ratio:4/3}}.ba-image{width:100%;height:100%;position:absolute;inset:0}.ba-image img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.before-image{z-index:2;border-right:1px solid #ffffff4d}.after-image{z-index:1}.ba-label{border:1px solid var(--soft);color:#fff;letter-spacing:.15em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:3;text-transform:uppercase;background:#062a24cc;border-radius:50px;padding:6px 14px;font-size:10px;font-weight:600;position:absolute;top:20px}.before-image .ba-label{left:20px}.after-image .ba-label{right:20px}.ba-handle{z-index:4;cursor:ew-resize;touch-action:none;justify-content:center;align-items:center;width:40px;margin-left:-20px;display:flex;position:absolute;top:0;bottom:0}.ba-handle-line{background:var(--teal-primary);width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 0 10px #00000080}.ba-handle-button{background:var(--teal-primary);color:#fff;border:2px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;transition:transform .2s;display:flex;position:relative;box-shadow:0 2px 10px #0000004d}.ba-handle:hover .ba-handle-button{transform:scale(1.1)}.ba-handle:active .ba-handle-button{transform:scale(.95)}.ba-caption{text-align:center;color:var(--on-dark);letter-spacing:.05em;opacity:.8;margin-top:16px;font-size:12px}.shoot-grid{grid-template-columns:repeat(2,1fr);gap:24px;max-width:900px;margin:40px auto 0;display:grid}@media (max-width:700px){.shoot-grid{grid-template-columns:1fr}}.shoot-card{border:1px solid var(--soft);background:#ffffff05;border-radius:16px;padding:36px 32px;transition:all .3s cubic-bezier(.16,1,.3,1)}.shoot-card:hover{border-color:var(--border-teal);background:#5fd0bf0a;transform:translateY(-4px)}.shoot-card h3{color:#fff;margin-bottom:12px;font-size:1.25rem}.shoot-card p{color:var(--on-dark);margin:0;font-size:14px;line-height:1.6}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.four-kinds-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}@media (max-width:860px){.four-kinds-grid{grid-template-columns:1fr}}.fk-card{border:1px solid var(--soft);cursor:pointer;background:#ffffff08;border-radius:16px;flex-direction:column;padding:40px;transition:transform .4s cubic-bezier(.16,1,.3,1),border-color .4s,background .4s;display:flex}.fk-card:hover{border-color:var(--teal-bright);background:#5fd0bf0f;transform:translateY(-6px)}.fk-card .ic{width:48px;height:48px;color:var(--teal-bright);background:#5fd0bf1a;border-radius:50%;justify-content:center;align-items:center;margin-bottom:24px;transition:transform .4s,background .4s;display:flex}.fk-card:hover .ic{background:#5fd0bf33;transform:scale(1.1)}.dp-banner{letter-spacing:2px;text-transform:uppercase;color:var(--teal-primary);background:#04201b;border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff0d;justify-content:center;align-items:center;gap:20px;padding:16px 0;font-size:.75rem;font-weight:600;display:flex}.dp-banner span{opacity:.8}.dp-banner .dot{background:#ffffff4d;border-radius:50%;width:4px;height:4px}.ba-slider{aspect-ratio:16/10;cursor:ew-resize;-webkit-user-select:none;user-select:none;background:#e8e3d8;border:1px solid #ffffff1a;border-radius:16px;width:100%;position:relative;overflow:hidden;box-shadow:0 20px 40px #0000004d}.ba-after,.ba-before{width:100%;height:100%;position:absolute;top:0;left:0}.ba-after img,.ba-before img{object-fit:cover;object-position:left center;pointer-events:none;height:100%;display:block}.ba-before{border-right:2px solid var(--teal-primary);overflow:hidden}.ba-tags{z-index:4;pointer-events:none;justify-content:space-between;display:flex;position:absolute;top:24px;left:24px;right:24px}.ba-tags .btag,.ba-tags .atag{color:#fff;letter-spacing:1.5px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000080;border-radius:20px;padding:6px 16px;font-size:.75rem;font-weight:600}.ds-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px;display:grid}.ds-card{background:#ffffff05;border:1px solid #ffffff0f;border-radius:16px;flex-direction:column;padding:32px;transition:all .3s;display:flex;position:relative}.ds-card:hover{background:#ffffff0d;border-color:#2a9d8f4d;transform:translateY(-4px)}.ds-card .icon{color:#fff;background:#ffffff0d;border-radius:8px;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:24px;font-size:1.5rem;display:flex}.ds-card .num{opacity:.5;font-family:monospace;font-size:.85rem;position:absolute;top:32px;right:32px}.ds-card h3{margin-bottom:12px;font-size:1.25rem}.ds-card p{opacity:.7;margin-bottom:auto;font-size:.95rem;line-height:1.5}.ds-card .see-ex{color:var(--teal-primary);margin-top:24px;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s;display:inline-block}.ds-card:hover .see-ex{color:#fff}.rx-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-top:40px;display:grid}.rx-item{background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;padding:24px}.rx-item .icon{width:40px;height:40px;color:var(--teal-primary);background:#2a9d8f26;border-radius:8px;justify-content:center;align-items:center;margin-bottom:16px;font-size:1.2rem;display:flex}.rx-item h4{margin-bottom:8px;font-size:1.05rem}.rx-item p{opacity:.7;font-size:.85rem;line-height:1.5}.sig-wrapper{border:1px solid #ffffff1a;border-radius:20px;grid-template-columns:1fr 1fr;align-items:center;gap:40px;margin-bottom:80px;padding:40px;display:grid}.sig-vid{aspect-ratio:16/9;background:#0006;border:1px solid #ffffff0d;border-radius:12px;justify-content:center;align-items:center;display:flex;overflow:hidden}.fw-gallery{grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(180px,auto);gap:16px;margin-top:40px;display:grid}.fw-item{background:#ffffff05;border:1px solid #ffffff14;border-radius:12px;min-height:240px;position:relative;overflow:hidden}.fw-item img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.fw-item:hover img{transform:scale(1.05)}.fw-item.wide{grid-column:span 2}.fw-item .fwt{letter-spacing:1px;text-transform:uppercase;opacity:.5;background:#0009;border-radius:4px;padding:4px 8px;font-size:.65rem;position:absolute;top:12px;left:16px}.ip-tabs{gap:16px;margin-bottom:24px;display:flex}.ip-tab{cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;flex:1;padding:20px 24px;transition:all .3s;position:relative;overflow:hidden}.ip-tab .num{color:var(--teal-primary);margin-bottom:8px;font-size:.75rem;font-weight:600;display:block}.ip-tab .name{font-size:1.1rem;font-weight:500}.ip-tab.on{border-color:var(--teal-primary);background:#2a9d8f0d}.ip-tab.on:after{content:"";background:var(--teal-primary);width:100%;height:3px;position:absolute;bottom:0;left:0}.ip-tab .circ{border:1px solid var(--teal-primary);opacity:0;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:opacity .3s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ip-tab .circ:after{content:"";background:#fff;border-radius:50%;width:8px;height:8px}.ip-tab.on .circ{opacity:1}.ip-tab.on .name,.ip-tab.on .num{z-index:2;position:relative}.ip-panel{background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;grid-template-columns:1fr 1fr;min-height:480px;display:grid;overflow:hidden}.ip-text{border-right:1px solid #ffffff0d;flex-direction:column;justify-content:center;padding:60px;animation:.4s forwards fadeIn;display:flex}.ip-text h3{margin-bottom:24px;font-size:2.2rem}.ip-text p{opacity:.8;font-size:1.05rem;line-height:1.6}.ip-viz{background:#082924;justify-content:center;align-items:center;padding:40px;display:flex;position:relative}.ip-badge{letter-spacing:1px;text-transform:uppercase;color:var(--teal-primary);background:#0000004d;border:1px solid #ffffff1a;border-radius:6px;padding:6px 12px;font-size:.65rem;font-weight:600;position:absolute;top:24px;right:24px}.viz-doc{background:#f4f1ea;border-radius:4px;flex-direction:column;width:280px;height:380px;transition:all .4s;animation:.4s forwards fadeIn;display:flex;position:relative;box-shadow:0 20px 40px #0006}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.viz-doc .top-part{background:#165c52;align-items:flex-start;height:140px;padding:20px;transition:all .4s;display:flex}.viz-doc .bot-part{flex-direction:column;gap:16px;padding:30px;display:flex}.viz-mode-0.viz-doc{box-shadow:none;background:#0b342e;border:1px solid #ffffff0d}.viz-mode-0 .top-part{background:0 0}.viz-mode-0 .hero-box{border:1px dashed #ffffff4d;border-radius:4px;width:100%;height:100%}.viz-mode-0 .bot-part .line{background:0 0;border:1px dashed #ffffff4d;border-radius:4px;width:100%;height:6px}.viz-mode-0 .bot-part .line.short{width:60%}.viz-mode-0 .bot-part .box{border:1px dashed #ffffff4d;border-radius:4px;width:100%;height:80px;margin-top:10px}.viz-mode-1 .hero-box{background:linear-gradient(135deg,#0d4a40,#1b8574);border-radius:4px;width:100%;height:100%;box-shadow:inset 0 0 40px #0000004d}.viz-mode-1 .bot-part .box{background:linear-gradient(135deg,#0d4a40,#1b8574);border-radius:4px;height:80px;box-shadow:inset 0 0 30px #0000004d}.viz-mode-1 .bot-part .line{background:#00000026;border-radius:4px;width:100%;height:8px}.viz-mode-1 .bot-part .line.short{width:60%}.viz-mode-2 .hero-box{background:linear-gradient(135deg,#0d4a40,#1b8574);border-radius:4px;width:100%;height:100%;box-shadow:inset 0 0 40px #0000004d}.viz-mode-2 .bot-part .box{background:linear-gradient(135deg,#0d4a40,#1b8574);border:2px solid #ff4b4b;border-radius:4px;height:80px;position:relative}.viz-mode-2 .bot-part .line{background:#00000026;border-radius:4px;width:100%;height:8px}.viz-mode-2 .bot-part .line.short{width:60%}.viz-mode-2 .red-circle{border:2px solid #ff4b4b;border-radius:50%;width:32px;height:32px}.rev-tag{color:#ff4b4b;white-space:nowrap;background:#282828;border:1px solid #ff4b4b;border-radius:4px;padding:4px 8px;font-size:.5rem;font-weight:700;position:absolute}.rev-tag.t1{top:20px;right:20px}.rev-tag.t2{bottom:-12px;left:50%;transform:translate(-50%)}.viz-mode-3 .hero-box{background:linear-gradient(135deg,#0d4a40,#1b8574);border-radius:4px;width:100%;height:100%;box-shadow:inset 0 0 40px #0000004d}.viz-mode-3 .logo-circle{background:var(--teal-primary);border-radius:50%;width:32px;height:32px}.viz-mode-3 .bot-part .box{background:linear-gradient(135deg,#0d4a40,#1b8574);border-radius:4px;height:80px;box-shadow:inset 0 0 30px #0000004d}.viz-mode-3 .bot-part .line{background:#00000026;border-radius:4px;width:100%;height:8px}.viz-mode-3 .bot-part .line.short{width:60%}.cmyk-bar{display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.cmyk-dot{width:16px;height:12px}.cmyk-c{background:#0ff}.cmyk-m{background:#f0f}.cmyk-y{background:#ff0}.cmyk-k{background:#000}.phero-3d{perspective:1200px;width:100%;height:100%;min-height:480px;transform-style:preserve-3d;justify-content:center;align-items:center;display:flex;position:relative}.ph3-card{background:#ffffff05;border:1px solid #ffffff1a;border-radius:8px;transition:transform 1.2s cubic-bezier(.2,.8,.2,1),opacity 1.2s;position:absolute;overflow:hidden;box-shadow:0 20px 40px #0000004d}.ph3-card img{object-fit:cover;width:100%;height:100%}.ph3-c1{z-index:1;width:280px;height:360px;transform:translate3d(-100px,-40px,-40px)rotateY(-15deg)rotate(-5deg)}.ph3-c2{z-index:3;width:340px;height:240px;transform:translate3d(60px,40px,60px)rotateY(-5deg)rotate(8deg)}.ph3-c3{z-index:2;width:200px;height:200px;transform:translate3d(140px,-120px,-60px)rotateY(15deg)rotate(15deg)}.phero-3d.in .ph3-c1{transform:translate3d(-100px,-40px,-40px)rotateY(-15deg)rotate(-5deg)}.phero-3d.in .ph3-c2{transform:translate3d(60px,40px,60px)rotateY(-5deg)rotate(8deg)}.phero-3d.in .ph3-c3{transform:translate3d(140px,-120px,-60px)rotateY(15deg)rotate(15deg)}.phero-3d:not(.in) .ph3-card{opacity:0;transform:translateZ(-400px)scale(.6)}@media (max-width:900px){.ba-slider{aspect-ratio:1}.ds-grid,.rx-grid{grid-template-columns:1fr 1fr}.sig-wrapper{grid-template-columns:1fr}.fw-gallery{grid-template-columns:1fr 1fr}.ip-tabs{flex-direction:column;gap:8px}.ip-panel{grid-template-columns:1fr}.ip-text{border-bottom:1px solid #ffffff0d;border-right:none;padding:30px}}@media (max-width:600px){.ds-grid,.rx-grid,.fw-gallery{grid-template-columns:1fr}.fw-item.wide{aspect-ratio:1;grid-column:span 1}.dp-banner{text-align:center;flex-direction:column;gap:10px;padding:24px 0}.dp-banner .dot{display:none}}.dp-stats-inner{background:#ffffff05;border:1px solid #ffffff14;border-radius:14px;grid-template-columns:repeat(3,1fr);max-width:920px;margin:60px auto 0;display:grid;overflow:hidden}.dp-stat{text-align:center;border-right:1px solid #ffffff14;padding:32px 24px}.dp-stat:last-child{border-right:none}.dp-stat-num{font-family:var(--font-display);color:var(--teal-bright);margin-bottom:12px;font-size:3.5rem;font-weight:500;line-height:1}.dp-stat-label{color:var(--text-muted);font-size:.95rem;font-weight:500;line-height:1.4}@media (max-width:768px){.dp-stats-inner{grid-template-columns:1fr}.dp-stat{border-bottom:1px solid #ffffff14;border-right:none;padding:24px 20px}.dp-stat:last-child{border-bottom:none}}.hero-device-wrap{perspective:1000px;justify-content:center;align-items:center;display:flex;position:relative}.hero-device{background:#08211c;border:4px solid #133a32;border-radius:20px;flex-direction:column;gap:12px;width:240px;height:400px;padding:12px;animation:6s ease-in-out infinite floatUI;display:flex;position:relative;box-shadow:0 30px 60px #0006,inset 0 0 0 1px #ffffff0d}@keyframes floatUI{0%,to{transform:translateY(0)rotateX(2deg)rotateY(-5deg)}50%{transform:translateY(-12px)rotateX(5deg)rotateY(-2deg)}}.hero-device .resp-tag{background:var(--teal-bright);color:#062a24;letter-spacing:1px;text-transform:uppercase;z-index:2;border-radius:20px;padding:4px 10px;font-size:10px;font-weight:700;position:absolute;top:-12px;right:-16px;box-shadow:0 4px 12px #5fd0bf66}.dev-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}.dev-header .logo{background:var(--teal-bright);opacity:.8;border-radius:50%;width:14px;height:14px}.dev-header .menu{gap:3px;display:flex}.dev-header .menu span{background:#ffffff4d;border-radius:2px;width:8px;height:3px}.dev-hero{background:#0d2e27;border-radius:8px;align-items:center;gap:12px;padding:12px;display:flex}.dev-hero .text{flex-direction:column;flex:1;gap:6px;display:flex}.dev-hero .text .line{background:#fffc;border-radius:3px;height:6px}.dev-hero .text .line.short{background:var(--teal-bright);opacity:.8;width:50%}.dev-hero .text .line.dim{background:#fff3;width:80%}.dev-hero .img{background:#5fd0bf33;border-radius:6px;width:36px;height:36px}.dev-cards{grid-template-columns:1fr 1fr;gap:8px;display:grid}.dev-cards .card{background:#ffffff08;border:1px solid #ffffff0d;border-radius:8px;height:50px}.dev-footer{background:#ffffff05;border:1px solid #ffffff0d;border-radius:8px;height:60px;margin-top:auto}.hero-device.laptop{border-width:14px 14px 20px;border-radius:12px 12px 0 0;width:480px;height:300px}.hero-device.laptop:after{content:"";background:linear-gradient(#dcdcdc 0%,#999 100%);border-radius:0 0 12px 12px;width:calc(100% + 60px);height:10px;position:absolute;bottom:-30px;left:50%;transform:translate(-50%);box-shadow:0 10px 20px #0006}.hero-device.laptop:before{content:"";z-index:2;background:#666;border-radius:0 0 6px 6px;width:70px;height:6px;position:absolute;bottom:-20px;left:50%;transform:translate(-50%)}