:root{--accent:#2357f5;--accent-light:#7d9cf9;--blue:#2357f5;--ink:#181818;--muted:#888888;--line:#e5e5e5}body.visual-site{background:#fff;color:var(--ink)}.visual-site header{height:82px;background:#181818f5;color:#f7f7f7;border-bottom:1px solid #ffffff12;backdrop-filter:blur(14px)}.visual-site .brand{color:#fff}.visual-site .mark{border-color:#7d9cf9;border-right-color:transparent}.visual-site nav .navcta{background:#2357f5;border-radius:7px}.visual-site nav a:hover{opacity:1;color:#e5e5e5}.visual-site nav .navcta:hover{color:white;background:#7d9cf9}.visual-site .lang-switch button[aria-pressed=true]{color:#e5e5e5}.visual-site .menu-toggle{color:white;background:#ffffff10}.visual-site .button{border-radius:8px}.visual-site .button.primary{background:#2357f5;color:white}.visual-site .section-kicker b,.visual-site .number,.visual-site .text-link{color:#2357f5}.visual-site h2 em{color:#2357f5}.visual-site .clobe-hero{background:#181818;color:white;padding-top:94px;overflow:hidden;min-height:0;text-align:center;isolation:isolate}.clobe-hero:before{content:'';position:absolute;width:850px;height:650px;top:-120px;left:50%;transform:translateX(-50%);background:radial-gradient(ellipse,#7d9cf94a 0%,#2357f526 35%,transparent 68%);z-index:-1}.clobe-hero:after{content:'';position:absolute;left:20%;right:20%;bottom:120px;height:300px;background:#2357f530;filter:blur(90px);z-index:-1}.clobe-hero .eyebrow{justify-content:center;color:#7d9cf9;letter-spacing:2.2px}.clobe-hero .hero-copy{max-width:960px;margin:auto}.clobe-hero h1{font-size:clamp(44px,5.5vw,78px);line-height:1.12;font-weight:600;letter-spacing:-3.8px;margin-top:30px}.clobe-hero h1 em{background:linear-gradient(100deg,#7d9cf9,#e5e5e5);-webkit-background-clip:text;background-clip:text;color:transparent}.clobe-hero .hero-copy p{max-width:550px;margin:25px auto;color:#7d9cf9;font-size:15px;line-height:1.85}.clobe-hero .button{margin-top:10px;font-size:12px}.hero-screen{position:relative;width:min(920px,92%);margin:62px auto 0;transform:perspective(1300px) rotateX(7deg);transform-origin:bottom;box-shadow:0 -10px 80px #2357f521;border-radius:17px 17px 0 0}.clobe-hero .hero-bottom{margin-top:40px;text-align:left;border-color:#ffffff18}.clobe-hero .hero-bottom>div{border-color:#ffffff18}.clobe-hero .hero-bottom strong{color:#e5e5e5}.clobe-hero .hero-bottom span{color:#888888}.workbench{background:#fff;border:1px solid #e5e5e5;border-radius:14px;overflow:hidden;text-align:left;box-shadow:0 25px 60px #18181812;color:#454545;width:100%}.wb-top{display:flex;justify-content:space-between;align-items:center;padding:17px 22px;border-bottom:1px solid #eeeeee;font-size:12px;font-weight:600}.mini-logo{background:#2357f5;color:white;font-size:17px;padding:1px 7px;border-radius:5px;margin-right:6px}.demo-badge{font-size:8px;font-weight:400;background:#eeeeee;color:#2357f5;padding:6px 9px;border-radius:5px;letter-spacing:.5px}.wb-body{display:flex}.wb-body aside{background:#f7f7f7;width:55px;border-right:1px solid #eeeeee;flex:none;padding-top:20px}.wb-body aside i{display:block;width:15px;height:15px;border:1.5px solid #7d9cf9;border-radius:4px;margin:0 auto 22px}.wb-body aside i:first-child{background:#e5e5e5;border-color:#2357f5}.wb-content{padding:24px;flex:1;min-width:0}.wb-title{display:flex;align-items:center;justify-content:space-between}.wb-title h3{margin:0 0 20px;font-size:17px;font-weight:600}.status-dot{height:7px;width:7px;background:#78bb9a;display:block;border-radius:50%;margin-bottom:20px}.wb-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.wb-stats>div{background:#f7f7f7;border:1px solid #eeeeee;border-radius:8px;padding:13px}.wb-stats small{font-size:9px;color:#aaaaaa;display:block;margin-bottom:8px}.wb-stats strong{font-weight:500;font-size:12px;display:block}.wb-panels{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:20px}.doc-mini{background:#fff;border:1px solid #eeeeee;border-radius:8px;padding:18px;position:relative;overflow:hidden}.doc-mini b,.checks b{font-size:10px;display:block;margin-bottom:18px;font-weight:500}.doc-mini i{display:block;height:5px;background:#eeeeee;border-radius:3px;width:80%;margin:11px 0}.doc-mini i:nth-of-type(2){width:63%}.doc-mini i:nth-of-type(3){width:90%}.doc-highlight{height:24px;position:absolute;left:10px;right:10px;top:75px;background:#7d9cf918;border:1px solid #7d9cf945;border-radius:4px}.checks{border:1px solid #eeeeee;border-radius:8px;padding:18px}.checks>div{display:flex;align-items:center;gap:10px;font-size:9px;margin:13px 0;color:#888888}.checks>div>span:first-child{color:#2357f5;font-size:11px}.wb-bottom{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#2357f5;margin-top:22px;gap:8px}.wb-bottom i{flex:1;height:1px;background:#e5e5e5}.visual-site section{padding-top:96px;padding-bottom:96px}.visual-site .about{background:white}.visual-site .about>.infographic{max-width:860px;margin:45px auto}.visual-site .principles article,.visual-site .principles article+article{border-radius:14px;background:#f7f7f7}.visual-site .products,.visual-site .tinted{background:#f7f7f7}.visual-site .product-grid details{border:1px solid #eeeeee;border-radius:13px;box-shadow:0 5px 20px #45454503}.product-icon{width:56px;height:52px;flex:none;display:block;margin-left:-9px}.product-icon .scene{width:100%;height:100%}.visual-site summary small{display:none}.visual-site details ul{margin-left:64px}.visual-site .capacity{background:#181818;gap:65px}.visual-site .capacity .section-kicker,.visual-site .capacity .section-kicker b{color:#2357f5}.visual-site .capacity .capacity-tag{color:#7d9cf9}.visual-site .capacity-side{border:0;padding-top:0}.visual-site .capacity .button{background:#181818}.visual-site .ai-flow{border-color:#e5e5e5;border-radius:14px;background:#ffffff}.visual-site .flow-head span:first-child,.visual-site .flow .step{color:#2357f5}.visual-site .contact{background:#2357f5;border-radius:0;color:white;position:relative;overflow:hidden}.visual-site .contact:after{content:'';position:absolute;right:-70px;top:-140px;width:400px;height:400px;border:1px solid #ffffff15;border-radius:50%;box-shadow:0 0 0 50px #ffffff08,0 0 0 100px #ffffff05;pointer-events:none}.visual-site .contact h2 em{color:#e5e5e5}.visual-site .contact .button{color:#2357f5;position:relative;z-index:1}.visual-site footer{background:#181818;color:#e5e5e5}.visual-site .footer-main .brand{color:white}.visual-site .footer-links{color:#7d9cf9}.visual-site .footer-bottom{border-color:#ffffff15;color:#888888}.visual-site .footer-main p{color:#2357f5}.infographic{position:relative;min-width:0;border-radius:22px;background:radial-gradient(ellipse at 40% 20%,#eeeeee,#f7f7f7 65%);border:1px solid #eeeeee;overflow:hidden;padding:26px}.art-caption{font-size:10px;color:#2357f5;text-align:center;line-height:1.7;margin-top:18px}.scene{width:100%;height:100%;max-height:300px;display:block}.network-canvas{height:380px;position:relative;width:100%;max-width:600px;margin:auto}.network-lines{position:absolute;left:50%;top:50%;width:64%;height:64%;border:1px dashed #e5e5e5;border-radius:50%;transform:translate(-50%,-50%)}.network-lines:after,.network-lines:before{content:'';position:absolute;left:50%;top:-15%;bottom:-15%;width:1px;background:#e5e5e555}.network-lines:after{transform:rotate(90deg);transform-origin:center}.net-center{width:145px;height:145px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;box-shadow:0 20px 45px #2357f51c;border:1px solid #e5e5e5;border-radius:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2}.net-symbol{font-size:28px;color:white;background:#2357f5;width:45px;height:45px;border-radius:13px;display:flex;align-items:center;justify-content:center;margin-bottom:10px}.net-center strong{font-size:15px;letter-spacing:-.5px}.net-center small{font-size:8px;color:#2357f5;margin-top:7px}.net-node{position:absolute;width:105px;display:flex;align-items:center;flex-direction:column;font-size:10px;color:#2357f5;background:#ffffffe8;border-radius:15px;padding:9px;border:1px solid #e5e5e5;box-shadow:0 8px 25px #2357f50c;text-align:center;gap:5px}.net-node .scene{width:64px;height:53px}.n1{left:2%;top:16%}.n2{right:2%;top:16%}.n3{left:2%;bottom:8%}.n4{right:2%;bottom:8%}.layers-canvas{height:360px;position:relative;max-width:480px;margin:auto}.layer{position:absolute;left:8%;width:84%;height:77px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border:1px solid #e5e5e5;border-radius:13px;background:#fff;box-shadow:0 15px 30px #2357f50d;transform:perspective(800px) rotateX(8deg) rotateZ(-5deg);font-size:12px}.l1{top:15px;z-index:4;background:#2357f5;color:white;border-color:#7d9cf9}.l2{top:90px;z-index:3;left:11%;width:78%}.l3{top:164px;z-index:2;left:14%;width:72%}.l4{top:237px;left:17%;width:66%;background:#eeeeee;color:#2357f5}.rating-chip{font-size:9px;background:#ffffff25;border:1px solid #ffffff35;border-radius:5px;padding:8px}.mini-bars{display:flex;gap:4px;align-items:end;height:20px}.mini-bars i{height:12px;width:6px;background:#e5e5e5}.mini-bars i:nth-child(2){height:20px}.mini-bars i:nth-child(3){height:16px}.mini-tick{background:#eeeeee;color:#2357f5;border-radius:50%;padding:4px}.layers-note{position:absolute;bottom:1px;width:100%;text-align:center;color:#2357f5;font-size:10px}.capacity .infographic{background:#181818;border-color:#ffffff0c;padding:15px;margin-bottom:30px}.capacity .art-caption{color:#2357f5}.capacity .layers-note{color:#7d9cf9}.gate-canvas{max-width:420px;margin:auto;text-align:center}.gate-in{background:white;border:1px solid #e5e5e5;border-radius:11px;padding:20px;display:flex;align-items:center;justify-content:space-between;font-size:12px}.signal-bars{display:flex;gap:4px;align-items:center;height:25px}.signal-bars i{background:#7d9cf9;width:4px;height:12px;border-radius:2px}.signal-bars i:nth-child(2){height:22px}.signal-bars i:nth-child(3){height:30px}.signal-bars i:nth-child(4){height:19px}.gate-arrow{color:#7d9cf9;font-size:24px;padding:8px}.gate-box{background:#fff;border:1px solid #e5e5e5;border-radius:17px;padding:10px 25px 20px}.gate-box .scene{height:115px}.gate-box strong{font-size:15px}.gate-box>div{font-size:10px;color:#2357f5;margin-top:10px}.gate-outputs{display:flex;gap:18px;justify-content:center;margin-top:20px}.gate-outputs>div{background:#eeeeee;color:#2357f5;padding:12px 20px;font-size:10px;border-radius:8px}.ai>.infographic{max-width:700px;margin:45px auto}.pipeline-canvas{display:flex;align-items:center;justify-content:center;gap:12px;padding:30px 5px}.pipe-step{min-width:0;position:relative;background:#fff;border:1px solid #e5e5e5;border-radius:15px;padding:18px 10px 23px;flex:1;text-align:center}.pipe-step .scene{height:105px}.pipe-step strong{font-size:12px;color:#2357f5}.pipe-num{position:absolute;top:11px;left:12px;font-size:8px;color:#7d9cf9}.pipe-arrow{color:#7d9cf9;font-size:20px}.home-model>.infographic{margin-bottom:30px}.detail-hero{background:#181818!important;color:white;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:55px;position:relative;overflow:hidden}.detail-hero:before{content:'';position:absolute;width:700px;height:700px;right:-180px;top:-200px;background:radial-gradient(ellipse,#2357f538,transparent 65%);pointer-events:none}.detail-hero-copy{position:relative}.detail-hero h1{font-size:clamp(38px,4vw,59px);letter-spacing:-2.6px;margin-top:25px;line-height:1.17}.detail-hero .section-kicker{color:#7d9cf9}.detail-hero .detail-lead{font-size:14px;color:#2357f5;line-height:1.85}.detail-hero>.infographic{padding:20px;background:#181818;border-color:#ffffff10}.detail-hero .network-canvas{height:330px}.detail-hero .art-caption{color:#2357f5}.detail-hero .net-center{background:#181818;color:white;border-color:#454545}.detail-hero .net-node{background:#181818;border-color:#454545;color:#7d9cf9}.detail-hero .net-center small{color:#7d9cf9}.detail-hero .network-lines{border-color:#2357f555}.detail-hero .network-lines:after,.detail-hero .network-lines:before{background:#2357f533}.detail-hero .workbench{box-shadow:0 10px 50px #2357f520}.detail-intro{gap:65px}.detail-card{border-radius:16px;border-color:#eeeeee;background:#f7f7f7}.detail-card .card-illustration{background:linear-gradient(#eeeeee,#f7f7f7);margin:-30px -30px 25px;border-radius:16px 16px 0 0;height:180px}.card-illustration .scene{max-height:170px}.detail-card .feature-picture{background:radial-gradient(ellipse at top,#eeeeee,#f7f7f7);margin:-30px -30px 25px;border-radius:16px 16px 0 0;height:235px;position:relative;padding:18px}.feature-picture .scene{height:185px}.feature-indicator{position:absolute;bottom:17px;left:20px;display:flex;align-items:center;gap:7px;font-size:8px;color:#7d9cf9}.feature-indicator i{height:5px;width:5px;background:#7d9cf9;border-radius:50%}.tinted>.infographic{max-width:650px;margin:0 auto 55px}.illustrated-product{position:relative;display:grid;grid-template-columns:1.2fr 1fr;gap:0 55px;align-items:start}.illustrated-product:nth-of-type(even){background:#ffffff}.illustrated-product .detail-intro{grid-column:1;display:block;margin-bottom:30px}.illustrated-product .detail-intro .body-copy{margin-top:22px}.illustrated-product .line-art{grid-column:2;grid-row:1/3;position:sticky;top:120px;background:radial-gradient(ellipse,#eeeeee,#f7f7f7 65%);border:1px solid #eeeeee;border-radius:22px;min-height:340px;display:flex;flex-direction:column;justify-content:center;padding:25px}.line-art .scene{max-height:260px}.line-art-label{text-align:center;font-size:10px;color:#7d9cf9;margin-top:10px}.illustrated-product .product-table{grid-column:1}.product-table article{display:block;padding:19px 0;border-color:#eeeeee}.product-table article h3{font-size:15px}.product-table article p{margin-top:7px;font-size:12px}.product-jump{background:#fff;border-color:#eeeeee;gap:9px}.product-jump a{background:#f7f7f7;border-radius:7px;color:#2357f5}.rating-story{position:relative;background:#f7f7f7;color:#454545;min-height:380px;padding-right:49%!important}.rating-story .rating-big{color:#2357f5}.rating-story h2{font-size:30px}.rating-story p{color:#2357f5}.rating-story .fine{color:#2357f5}.rating-visual{position:absolute;width:34%;right:8%;top:50%;transform:translateY(-50%)}.rating-visual .scene{max-height:260px}.rating-link{font-size:10px;text-align:center;color:#2357f5}.contact-map{height:300px;position:relative}.contact-map>svg{position:absolute;width:100%;height:100%;inset:0}.map-grid{position:absolute;inset:0;background-image:linear-gradient(#7d9cf916 1px,transparent 1px),linear-gradient(90deg,#7d9cf916 1px,transparent 1px);background-size:28px 28px}.map-pin{position:absolute;top:48%;left:49%;display:flex;align-items:center;flex-direction:column;gap:9px;z-index:1}.map-pin b{display:flex;align-items:center;justify-content:center;background:#2357f5;color:white;width:36px;height:36px;border-radius:11px;box-shadow:0 0 0 10px #7d9cf918,0 0 0 20px #7d9cf90a}.map-pin>span{font-size:10px;color:#7d9cf9}.reveal{opacity:.5;transform:translateY(15px);transition:opacity .65s,transform .65s}.reveal.is-visible{opacity:1;transform:none}html[lang=ko] .visual-site .clobe-hero h1{font-size:clamp(38px,4.5vw,64px);line-height:1.3;letter-spacing:-2.8px}html[lang=ko] .visual-site .detail-hero h1{font-size:clamp(34px,3.3vw,48px);letter-spacing:-2px;line-height:1.3}.contact-workspace{border-radius:18px;border-color:#e5e5e5}.visual-site input,.visual-site textarea,.visual-site select{border-radius:7px!important}.visual-site .contact .section-kicker{color:#e5e5e5}@media(max-width:900px){.detail-hero{gap:28px}.detail-hero h1{font-size:40px}.detail-hero .network-canvas{height:290px}.net-center{width:125px;height:125px}.net-node{width:90px}.net-node .scene{width:48px;height:45px}.detail-hero .pipeline-canvas{gap:5px}.detail-hero .pipe-step{padding:12px 5px}.detail-hero .pipe-step .scene{height:60px}.detail-hero .pipe-step strong{font-size:8px}.detail-hero .infographic{padding:12px}.wb-content{padding:16px}.wb-stats{gap:7px}.wb-stats>div{padding:10px}.wb-stats strong{font-size:10px}.detail-hero .wb-body aside{display:none}.detail-hero .wb-top{padding:14px 12px;font-size:10px}.detail-hero .wb-title h3{font-size:12px}.detail-hero .wb-panels{gap:9px}.detail-hero .checks,.detail-hero .doc-mini{padding:12px}.detail-hero .checks>div{font-size:8px}.illustrated-product{gap:0 30px}.illustrated-product .line-art{min-height:290px;padding:15px}}
@media(max-width:620px){.visual-site section{padding-top:62px;padding-bottom:62px}.visual-site header{height:72px}.visual-site nav{background:#181818;color:#e5e5e5;border-color:#454545}.visual-site nav a{padding:11px 0}.visual-site .clobe-hero{padding-top:55px;padding-bottom:0}.clobe-hero h1{font-size:43px;letter-spacing:-2.4px}.clobe-hero .hero-copy p{font-size:13px;max-width:320px}.clobe-hero .eyebrow{font-size:8px;letter-spacing:1.5px}.hero-screen{width:100%;margin-top:40px;transform:none}.wb-top{padding:13px;font-size:10px}.demo-badge{font-size:7px;padding:5px}.wb-body aside{display:none}.wb-content{padding:15px}.wb-title h3{font-size:14px}.wb-stats>div{padding:10px 8px}.wb-stats small{font-size:8px}.wb-stats strong{font-size:10px}.wb-panels{gap:9px;margin-top:12px}.doc-mini,.checks{padding:12px}.doc-mini b,.checks b{font-size:9px}.checks>div{font-size:8px;gap:5px;margin:10px 0}.wb-bottom{font-size:8px;margin-top:17px}.clobe-hero .hero-bottom{margin-top:32px}.clobe-hero .hero-bottom>div{border-color:#ffffff18}.infographic{padding:15px;border-radius:17px}.network-canvas{height:310px}.net-node{width:88px;font-size:8px;padding:8px}.net-node .scene{width:48px;height:42px}.net-center{width:116px;height:116px;border-radius:24px}.net-center strong{font-size:13px}.net-center small{font-size:6px}.net-symbol{width:33px;height:33px;font-size:22px;border-radius:10px}.network-lines{width:65%;height:65%}.art-caption{font-size:8px}.pipeline-canvas{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:10px 0}.pipe-arrow{display:none}.pipe-step .scene{height:95px}.pipe-step strong{font-size:11px}.layers-canvas{height:335px}.layer{font-size:11px;padding:0 16px}.gate-in{font-size:11px;padding:16px}.gate-outputs>div{font-size:9px;padding:12px}.product-icon{width:44px;height:44px}.visual-site details ul{margin-left:45px}.visual-site .product-grid summary{gap:10px;font-size:15px}.visual-site .about>.infographic{margin:30px 0}.visual-site .capacity{gap:35px}.visual-site .capacity-side .infographic{margin-bottom:25px}.detail-hero{display:flex;flex-direction:column;align-items:stretch;gap:25px}.detail-hero h1{font-size:37px;letter-spacing:-1.8px}.detail-hero .detail-lead{font-size:13px}.detail-hero>.infographic{width:100%}.detail-hero .pipeline-canvas{grid-template-columns:repeat(4,1fr);gap:6px}.detail-hero .pipe-step .scene{height:51px}.detail-hero .pipe-step strong{font-size:8px}.detail-hero .network-canvas{height:290px}.detail-hero .layers-canvas{height:315px}.detail-card .card-illustration{margin:-25px -25px 24px;height:165px}.detail-card .feature-picture{margin:-25px -25px 24px;height:215px}.feature-picture .scene{height:170px}.illustrated-product{display:flex;flex-direction:column;gap:0}.illustrated-product .detail-intro{margin-bottom:25px}.illustrated-product .line-art{position:static;order:0;width:100%;min-height:240px;margin-bottom:28px}.illustrated-product .line-art .scene{height:210px}.illustrated-product .product-table{width:100%}.product-table article h3{font-size:15px}.rating-story{padding-right:6%!important;padding-bottom:48px!important}.rating-visual{position:static;width:100%;transform:none;margin-top:25px}.rating-visual .scene{height:200px}.rating-link{margin-top:10px}.rating-story h2{font-size:27px}.visual-site .contact h2{font-size:34px}.visual-site .contact:after{right:-250px}.visual-site .infographic.workbench-art{padding:10px}.detail-hero .wb-content{padding:14px}.detail-hero .wb-panels{margin-top:13px}.visual-site .ai>.infographic{margin:30px 0}html[lang=ko] .visual-site .clobe-hero h1{font-size:37px;letter-spacing:-2.1px}html[lang=ko] .visual-site .detail-hero h1{font-size:33px;letter-spacing:-1.5px}.hero-bottom strong{font-size:12px}}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}

/* Keep explanatory graphics fully legible on first paint. */
.visual-site .reveal{opacity:1;transform:none}