@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap');
:root{--bg:#050816;--panel:#0a1022;--line:rgba(255,255,255,.1);--text:#f4f7ff;--muted:#9ba7bd;--mint:#55f5c6;--blue:#5a7bff;--violet:#9b68ff;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,'Noto Sans KR',sans-serif;overflow-x:hidden}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.noise{position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E")}.cursor-glow{position:fixed;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(74,111,255,.09),transparent 66%);translate:-50% -50%;pointer-events:none;z-index:0}.progress{position:fixed;left:0;top:0;height:2px;width:100%;background:linear-gradient(90deg,var(--mint),var(--blue),var(--violet));transform:scaleX(0);transform-origin:left;z-index:200}.header{height:84px;padding:0 max(28px,calc((100vw - var(--max))/2));display:flex;align-items:center;justify-content:space-between;position:fixed;inset:0 0 auto;z-index:90;border-bottom:1px solid transparent;transition:.35s}.header.scrolled{height:70px;background:rgba(5,8,22,.78);backdrop-filter:blur(20px);border-color:var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:800;letter-spacing:.12em}.brand b{display:block;font-size:9px;letter-spacing:.3em;color:var(--mint)}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(85,245,198,.5);clip-path:polygon(20% 0,100% 0,100% 80%,80% 100%,0 100%,0 20%);color:var(--mint);background:rgba(85,245,198,.06);font-size:18px}.header nav{display:flex;gap:34px}.header nav a{font-size:13px;color:#cbd3e3;transition:.25s}.header nav a:hover{color:var(--mint)}.nav-cta{font-size:12px;border:1px solid var(--line);padding:12px 16px;border-radius:4px}.nav-cta span{color:var(--mint);margin-left:8px}.menu{display:none;background:none;border:0;color:white}.hero{min-height:900px;height:100svh;position:relative;display:flex;align-items:center;overflow:hidden}.hero:after{content:"";position:absolute;inset:auto 0 0;height:220px;background:linear-gradient(transparent,var(--bg));z-index:2}.hero-bg{position:absolute;inset:-5%;background:linear-gradient(90deg,rgba(5,8,22,.96) 0%,rgba(5,8,22,.7) 37%,rgba(5,8,22,.08) 72%),linear-gradient(0deg,rgba(5,8,22,.5),transparent),url('/assets/images/toto-solution-command-center.png') center/cover;will-change:transform;animation:heroIn 2s cubic-bezier(.2,.8,.2,1) both}.orb{position:absolute;border-radius:50%;filter:blur(1px);opacity:.5}.orb-a{width:500px;height:500px;right:-200px;top:-150px;border:1px solid rgba(85,245,198,.2);box-shadow:inset 0 0 100px rgba(85,245,198,.08);animation:float 8s ease-in-out infinite}.orb-b{width:250px;height:250px;right:35%;bottom:0;background:rgba(77,49,194,.1);filter:blur(60px);animation:float 6s ease-in-out infinite reverse}.hero-copy{width:min(var(--max),calc(100% - 56px));margin:auto;position:relative;z-index:3;padding-top:70px}.eyebrow{font-size:11px;letter-spacing:.24em;font-weight:700;color:var(--mint);text-transform:uppercase}.eyebrow span{display:inline-block;width:35px;height:1px;background:var(--mint);vertical-align:middle;margin-right:12px}.hero h1{font-family:'Noto Sans KR',sans-serif;font-size:clamp(48px,6vw,88px);line-height:1.1;letter-spacing:-.055em;margin:28px 0}.hero h1 em,.section h2 em,.contact h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.75);text-shadow:0 0 35px rgba(90,123,255,.24)}.lead{max-width:650px;color:#b6c1d5;line-height:1.85;font-size:17px}.hero-actions{display:flex;gap:12px;margin-top:38px}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:17px 22px;border:1px solid var(--line);border-radius:3px;font-size:13px;font-weight:700;transition:.3s}.btn.primary{background:var(--mint);color:#06100e;border-color:var(--mint)}.btn.primary:hover{box-shadow:0 0 32px rgba(85,245,198,.3);transform:translateY(-3px)}.btn.ghost:hover{border-color:var(--mint);color:var(--mint)}.hero-proof{display:flex;gap:50px;margin-top:70px}.hero-proof div{display:flex;flex-direction:column}.hero-proof strong{font-size:26px}.hero-proof strong:after{content:"+";color:var(--mint)}.hero-proof span{font-size:11px;color:var(--muted);margin-top:4px}.scroll-cue{position:absolute;right:max(28px,calc((100vw - var(--max))/2));bottom:75px;z-index:4;display:flex;align-items:center;gap:12px;writing-mode:vertical-rl;font-size:8px;letter-spacing:.2em;color:var(--muted)}.scroll-cue i{height:70px;width:1px;background:linear-gradient(var(--mint),transparent);animation:scroll 2s infinite}.ticker{border-block:1px solid var(--line);overflow:hidden;background:#070b18;position:relative;z-index:4}.ticker-track{width:max-content;display:flex;gap:42px;align-items:center;padding:20px 0;font-size:12px;letter-spacing:.22em;color:#71809a;animation:ticker 24s linear infinite}.ticker-track i{color:var(--mint);font-style:normal}.section{padding:130px max(28px,calc((100vw - var(--max))/2));position:relative}.section-label{display:flex;align-items:center;gap:16px;font-size:10px;letter-spacing:.25em;color:#8290a8;margin-bottom:80px}.section-label:after{content:"";height:1px;background:var(--line);flex:1}.section-label span{color:var(--mint)}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.sticky-copy{align-self:start;position:sticky;top:130px}.section h2{font-family:'Noto Sans KR',sans-serif;font-size:clamp(36px,4.2vw,60px);line-height:1.25;letter-spacing:-.05em;margin:18px 0}.rich-copy{color:var(--muted);font-size:15px;line-height:2}.rich-copy .big{font-size:20px;line-height:1.9;color:#d4dbea;margin-top:0}.quote{margin-top:60px;padding:30px;border:1px solid var(--line);background:linear-gradient(120deg,rgba(90,123,255,.08),transparent);display:flex;gap:20px}.quote>span{font-size:55px;line-height:1;color:var(--mint)}.quote p{margin:0;color:white;font-size:17px}.capabilities{background:linear-gradient(180deg,#070b19,#050816)}.section-head{display:grid;grid-template-columns:1.3fr .7fr;gap:100px;align-items:end;margin-bottom:60px}.section-head>p{color:var(--muted);line-height:1.9;margin-bottom:12px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;perspective:1200px}.feature-card{min-height:510px;border:1px solid var(--line);background:rgba(10,16,34,.75);padding:34px;position:relative;transition:border .3s,box-shadow .3s;transform-style:preserve-3d}.feature-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(85,245,198,.12),transparent 40%);opacity:0;transition:.3s}.feature-card:hover{border-color:rgba(85,245,198,.35);box-shadow:0 20px 80px rgba(0,0,0,.3)}.feature-card:hover:before{opacity:1}.feature-card.featured{background:linear-gradient(145deg,rgba(29,44,85,.75),rgba(10,16,34,.9));transform:translateY(-18px)}.feature-card .num{position:absolute;right:28px;top:28px;color:#59657a;font-size:11px}.feature-card .icon{width:64px;height:64px;border:1px solid rgba(85,245,198,.25);display:grid;place-items:center;font-size:28px;color:var(--mint);margin:35px 0 45px}.feature-card h3{font-size:24px;margin:0 0 18px}.feature-card p{color:var(--muted);line-height:1.8;font-size:14px}.feature-card ul{padding:0;list-style:none;margin:26px 0}.feature-card li{padding:8px 0;color:#bcc6d8;font-size:13px}.feature-card li:before{content:"·";color:var(--mint);margin-right:9px}.feature-card a{position:absolute;bottom:35px;font-size:12px;color:var(--mint)}.showcase{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:center;overflow:hidden}.showcase:before{content:"";position:absolute;width:600px;height:600px;border-radius:50%;background:rgba(78,93,255,.08);filter:blur(70px);left:-100px}.dashboard{aspect-ratio:1.55;border:1px solid rgba(122,151,255,.25);padding:12px;background:rgba(9,15,33,.85);box-shadow:0 50px 120px rgba(0,0,0,.5),0 0 80px rgba(53,78,215,.12);transform:perspective(1200px) rotateY(4deg) rotateX(2deg)}.dash-top{height:42px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line);padding:0 10px}.dash-top i{width:5px;height:5px;border-radius:50%;background:#35415a}.dash-top b{margin-left:auto;font-size:7px;letter-spacing:.18em;color:var(--mint)}.logo-mini{width:20px;height:20px;background:var(--mint);color:#06100e;display:grid;place-items:center;font-size:9px;font-weight:800;margin-right:10px}.dash-body{height:calc(100% - 42px);display:flex}.dash-body aside{width:52px;border-right:1px solid var(--line);padding:18px;display:flex;flex-direction:column;gap:24px}.dash-body aside i{width:14px;height:14px;border:1px solid #536079}.charts{padding:18px;width:100%}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stat-row article{border:1px solid var(--line);padding:13px}.stat-row span,.graph>span{display:block;font-size:6px;color:#77849a;letter-spacing:.12em}.stat-row strong{display:block;font-size:17px;margin:8px 0 4px}.stat-row small{font-size:6px;color:var(--mint)}.graph{margin-top:10px;border:1px solid var(--line);padding:14px;height:65%}.graph svg{width:100%;height:85%;overflow:visible}.area{fill:url(#fill)}.line{fill:none;stroke:var(--mint);stroke-width:2;stroke-dasharray:1000;stroke-dashoffset:1000}.showcase.visible .line{animation:draw 2.5s ease forwards}.showcase-copy>p:not(.eyebrow){color:var(--muted);line-height:1.9}.check-grid{display:grid;grid-template-columns:repeat(2,1fr);margin-top:35px;border-top:1px solid var(--line)}.check-grid span{padding:15px 0;border-bottom:1px solid var(--line);font-size:12px;color:#bbc5d6}.check-grid span:before{content:"✓";color:var(--mint);margin-right:10px}.compare{background:#070b18}.compare-grid{display:grid;grid-template-columns:1fr 70px 1fr;align-items:stretch}.compare-grid article{border:1px solid var(--line);padding:48px;background:rgba(10,16,34,.75)}.compare-grid article>p{font-size:10px;letter-spacing:.25em;color:var(--mint)}.compare-grid h3{font-size:30px;margin:25px 0 10px}.compare-grid strong{color:var(--muted);font-size:13px}.compare-grid ul{list-style:none;padding:0;margin:38px 0}.compare-grid li{border-top:1px solid var(--line);padding:16px 0;color:#aeb9cb;font-size:13px}.compare-grid li b{display:inline-block;color:white;width:54px}.versus{display:grid;place-items:center;font-size:10px;color:var(--mint);position:relative}.versus:before{content:"";position:absolute;width:1px;height:100%;background:var(--line);z-index:0}.versus{isolation:isolate}.versus:after{content:"";position:absolute;width:40px;height:40px;border-radius:50%;background:#070b18;border:1px solid var(--line);z-index:-1}.timeline{border-top:1px solid var(--line)}.timeline article{display:grid;grid-template-columns:100px 1fr;border-bottom:1px solid var(--line);padding:45px 0;transition:.3s}.timeline article:hover{padding-left:20px;background:linear-gradient(90deg,rgba(85,245,198,.05),transparent)}.timeline article>b{color:var(--mint);font-size:12px}.timeline span{font-size:9px;letter-spacing:.22em;color:#6f7d94}.timeline h3{font-size:24px;margin:12px 0}.timeline p{color:var(--muted);font-size:14px;margin:0;max-width:640px;line-height:1.7}.insight{background:linear-gradient(180deg,#070b18,#050816)}.insight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.insight-grid article{border:1px solid var(--line);padding:34px;min-height:310px;display:flex;flex-direction:column;transition:.3s}.insight-grid article:hover{transform:translateY(-8px);border-color:rgba(85,245,198,.35)}.insight-grid span{font-size:9px;letter-spacing:.14em;color:var(--mint)}.insight-grid h3{font-size:21px;line-height:1.55;margin:25px 0 15px}.insight-grid p{font-size:13px;color:var(--muted);line-height:1.75}.insight-grid button{margin-top:auto;text-align:left;background:none;border:0;color:white;padding:0;cursor:pointer;font-size:12px}.faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:100px}.accordions details{border-top:1px solid var(--line);padding:25px 0}.accordions details:last-child{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;font-size:16px;font-weight:600;display:flex;justify-content:space-between}summary::-webkit-details-marker{display:none}summary i{font-style:normal;color:var(--mint);font-size:22px;transition:.3s}details[open] summary i{transform:rotate(45deg)}details p{color:var(--muted);line-height:1.8;font-size:14px;padding-right:60px}.contact{min-height:720px;display:grid;place-items:center;text-align:center;position:relative;overflow:hidden;padding:100px 28px}.contact-bg{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(79,78,229,.22),transparent 45%),linear-gradient(rgba(5,8,22,.3),var(--bg)),url('/assets/images/toto-solution-command-center.png') center/cover;filter:saturate(.6)}.contact>div:last-child{position:relative;z-index:2}.contact h2{font-size:clamp(40px,5vw,70px);line-height:1.25;letter-spacing:-.05em}.contact p{color:var(--muted)}.contact-link{display:inline-flex;gap:25px;font-size:20px;margin-top:35px;padding-bottom:8px;border-bottom:1px solid var(--mint)}.contact-link span{color:var(--mint)}.contact small{display:block;color:#6f7b91;margin-top:20px}footer{max-width:var(--max);margin:auto;border-top:1px solid var(--line);min-height:220px;padding:55px 0;display:grid;grid-template-columns:1fr 1fr;gap:25px;color:var(--muted);font-size:12px}footer .brand{color:white}footer div{display:flex;gap:25px;justify-content:flex-end}footer small{text-align:right}.reveal{opacity:0;transform:translateY(35px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:none}dialog{width:min(680px,calc(100% - 32px));background:#091023;color:white;border:1px solid rgba(85,245,198,.3);padding:50px;box-shadow:0 30px 100px #000}dialog::backdrop{background:rgba(2,4,12,.85);backdrop-filter:blur(8px)}.modal-close{position:absolute;right:20px;top:15px;background:none;border:0;color:white;font-size:30px;cursor:pointer}.modal-body{color:var(--muted);line-height:1.9}.modal-body li{margin:10px 0}@keyframes heroIn{from{scale:1.12;opacity:0}to{scale:1;opacity:1}}@keyframes float{50%{transform:translateY(30px) rotate(8deg)}}@keyframes scroll{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}@keyframes ticker{to{transform:translateX(-50%)}}@keyframes draw{to{stroke-dashoffset:0}}
@media(max-width:900px){.header{height:70px;padding:0 20px}.header nav,.nav-cta{display:none}.menu{display:flex;flex-direction:column;gap:6px}.menu i{display:block;width:24px;height:1px;background:white}.header.open nav{display:flex;position:fixed;inset:70px 0 0;background:rgba(5,8,22,.98);flex-direction:column;align-items:center;justify-content:center;gap:30px}.header.open nav a{font-size:22px}.hero{min-height:760px}.hero-copy{width:calc(100% - 40px)}.hero h1{font-size:45px}.lead{font-size:15px}.hero-proof{gap:25px}.scroll-cue{display:none}.section{padding:90px 20px}.section-label{margin-bottom:50px}.intro-grid,.section-head,.showcase,.faq-grid{grid-template-columns:1fr;gap:40px}.sticky-copy{position:static}.cards,.insight-grid{grid-template-columns:1fr}.feature-card.featured{transform:none}.feature-card{min-height:470px}.showcase-visual{order:2}.compare-grid{grid-template-columns:1fr}.versus{height:70px}.versus:before{width:100%;height:1px}.compare-grid article{padding:32px}.dashboard{transform:none}.timeline article{grid-template-columns:55px 1fr}.contact{min-height:620px}footer{margin:0 20px;grid-template-columns:1fr;padding:45px 0}footer div{justify-content:flex-start;flex-wrap:wrap}footer small{text-align:left}.cursor-glow{display:none}}
@media(max-width:520px){.hero h1{font-size:39px}.hero-actions{flex-direction:column;align-items:stretch}.hero-proof{justify-content:space-between;gap:8px}.hero-proof strong{font-size:21px}.hero-proof span{font-size:9px}.section h2{font-size:34px}.rich-copy .big{font-size:17px}.dashboard{aspect-ratio:1.15}.stat-row article{padding:8px}.stat-row strong{font-size:12px}.graph{height:60%}.faq-grid{gap:15px}.contact h2{font-size:36px}dialog{padding:42px 25px}}
.reference-note{margin-top:22px;border:1px solid var(--line);background:linear-gradient(110deg,rgba(85,245,198,.07),rgba(90,123,255,.04));padding:30px 34px;display:grid;grid-template-columns:.7fr 1.3fr;gap:60px;align-items:center}.reference-note span{font-size:9px;letter-spacing:.18em;color:var(--mint)}.reference-note h3{margin:10px 0 0;font-size:19px}.reference-note p{color:var(--muted);line-height:1.8;font-size:13px}.reference-note a{color:white;border-bottom:1px solid var(--mint)}
@media(max-width:900px){.reference-note{grid-template-columns:1fr;gap:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}
.header nav .active{color:var(--mint)}.samples-page{background:#050816}.samples-hero{min-height:640px;padding:180px max(28px,calc((100vw - var(--max))/2)) 100px;display:flex;align-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 75% 35%,rgba(78,93,255,.18),transparent 35%),linear-gradient(145deg,#050816,#080e21)}.samples-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:60px 60px;mask-image:linear-gradient(to bottom,black,transparent)}.samples-orb{position:absolute;width:560px;height:560px;border:1px solid rgba(85,245,198,.12);border-radius:50%;right:-120px;top:80px;box-shadow:inset 0 0 100px rgba(90,123,255,.08);animation:float 8s ease-in-out infinite}.samples-hero>div:last-child{position:relative;z-index:2}.samples-hero h1{font-family:'Noto Sans KR',sans-serif;font-size:clamp(50px,7vw,92px);letter-spacing:-.06em;margin:25px 0}.samples-hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.75)}.samples-hero>div>p:not(.eyebrow){color:var(--muted);max-width:670px;line-height:1.9;font-size:16px}.sample-summary{display:flex;gap:45px;margin-top:55px}.sample-summary span{font-size:9px;letter-spacing:.16em;color:#748199}.sample-summary b{font-size:22px;color:white;display:block;margin-bottom:7px}.sample-content{padding:120px max(28px,calc((100vw - var(--max))/2))}.sample-intro{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:end}.sample-intro h2{font-size:clamp(34px,4vw,54px);letter-spacing:-.05em;margin:15px 0}.sample-intro>p{color:var(--muted);line-height:1.9}.filter-bar{display:flex;gap:8px;margin:75px 0 35px;border-bottom:1px solid var(--line);padding-bottom:16px}.filter-bar button{border:0;background:transparent;color:#7f8ba1;padding:13px 18px;cursor:pointer;font-size:13px}.filter-bar button b{font-size:9px;margin-left:7px}.filter-bar button.active{color:#06100e;background:var(--mint)}.sample-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:55px 22px}.sample-card[hidden]{display:none}.sample-card.filter-in{animation:sampleIn .5s ease both}.sample-card>button{display:block;width:100%;aspect-ratio:16/10;padding:0;border:1px solid var(--line);background:#080d1d;overflow:hidden;position:relative;cursor:zoom-in}.sample-card img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .5s}.sample-card button:hover img{transform:scale(1.035);filter:brightness(.65)}.sample-card button span{position:absolute;right:18px;bottom:18px;background:var(--mint);color:#06100e;font-weight:700;font-size:11px;padding:11px 14px;opacity:0;transform:translateY(8px);transition:.3s}.sample-card button:hover span{opacity:1;transform:none}.sample-card>div{padding:22px 4px}.sample-card small{color:var(--mint);font-size:9px;letter-spacing:.18em}.sample-card h2{font-size:23px;margin:10px 0}.sample-card p{color:var(--muted);font-size:13px;line-height:1.75;margin:0}.sample-cta{min-height:520px;display:grid;place-items:center;text-align:center;padding:90px 25px;background:radial-gradient(circle,rgba(90,123,255,.18),transparent 55%)}.sample-cta h2{font-size:clamp(35px,5vw,60px);letter-spacing:-.05em;line-height:1.35;margin:20px 0 35px}.sample-viewer{width:min(1180px,calc(100% - 30px));height:min(90vh,900px);padding:28px;background:#070b18}.sample-viewer .viewer-head{padding:0 10px 18px}.sample-viewer h2{font-size:20px;margin:8px 0}.sample-viewer>img{display:block;width:100%;height:calc(100% - 70px);object-fit:contain;object-position:top;background:#03050b}.sample-viewer .modal-close{z-index:2}.sample-card button:focus-visible,.filter-bar button:focus-visible{outline:2px solid var(--mint);outline-offset:3px}@keyframes sampleIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@media(max-width:900px){.samples-hero{min-height:590px;padding:140px 20px 70px}.samples-orb{width:380px;height:380px;right:-200px}.sample-summary{gap:24px}.sample-content{padding:80px 20px}.sample-intro{grid-template-columns:1fr;gap:20px}.filter-bar{margin-top:45px;overflow-x:auto}.filter-bar button{white-space:nowrap}.sample-grid{grid-template-columns:1fr;gap:40px}.sample-viewer{padding:16px}.sample-viewer>img{height:calc(100% - 65px)}}
@media(max-width:520px){.samples-hero h1{font-size:46px}.samples-hero>div>p:not(.eyebrow){font-size:14px}.sample-summary{justify-content:space-between;gap:8px}.sample-summary b{font-size:18px}.sample-summary span{font-size:7px}.filter-bar{margin-inline:-20px;padding-inline:20px}.sample-card>button{aspect-ratio:1.25}.sample-card h2{font-size:20px}}
.pcroom-launch{padding:125px max(28px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:90px 1fr 1fr;gap:45px;align-items:center;position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:linear-gradient(120deg,#080d1f,#050816 60%)}.pcroom-light{position:absolute;width:600px;height:600px;border-radius:50%;right:-120px;background:rgba(90,123,255,.12);filter:blur(70px)}.pcroom-badge{align-self:start;border:1px solid rgba(85,245,198,.3);padding:15px 10px;text-align:center;writing-mode:vertical-rl;color:var(--mint)}.pcroom-badge span{font-size:8px;letter-spacing:.2em}.pcroom-badge b{font-size:11px;margin-top:12px}.pcroom-copy{position:relative;z-index:2}.pcroom-copy h2{font-family:'Noto Sans KR',sans-serif;font-size:clamp(38px,4.2vw,58px);line-height:1.25;letter-spacing:-.055em;margin:18px 0 25px}.pcroom-copy h2 span{color:var(--mint);text-shadow:0 0 35px rgba(85,245,198,.15)}.pcroom-copy>p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.9}.pcroom-points{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:28px;border-top:1px solid var(--line)}.pcroom-points span{font-size:11px;color:#bbc5d6;padding:13px 0;border-bottom:1px solid var(--line)}.pcroom-points span:before{content:'✓';color:var(--mint);margin-right:9px}.pcroom-copy .hero-actions{margin-top:30px}.pcroom-terminal{position:relative;z-index:2;background:rgba(7,12,28,.88);border:1px solid rgba(85,245,198,.22);box-shadow:0 35px 100px rgba(0,0,0,.45);padding:14px;transform:perspective(1000px) rotateY(-3deg)}.terminal-top{height:34px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:6px}.terminal-top i{width:5px;height:5px;border-radius:50%;background:#35415a}.terminal-top span{margin-left:auto;font-size:7px;letter-spacing:.18em;color:var(--mint)}.terminal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding-top:12px}.terminal-grid article{border:1px solid var(--line);padding:13px}.terminal-grid small{font-size:6px;color:#77849a;display:block}.terminal-grid strong{font-size:17px;display:block;margin:8px 0}.terminal-grid em{font-style:normal;font-size:6px;color:var(--mint)}.seat-map{grid-column:1/-1;display:grid;grid-template-columns:repeat(8,1fr);gap:6px;border:1px solid var(--line);padding:14px}.seat-map i{font-style:normal;aspect-ratio:1.35;display:grid;place-items:center;background:rgba(85,245,198,.14);border:1px solid rgba(85,245,198,.22);font-size:7px;color:var(--mint);animation:seatPulse 3s ease-in-out infinite}.seat-map i:nth-child(3n){animation-delay:.7s}.seat-map i.off{background:rgba(255,255,255,.025);border-color:var(--line);color:#455067;animation:none}@keyframes seatPulse{50%{background:rgba(85,245,198,.25);box-shadow:0 0 12px rgba(85,245,198,.12)}}
@media(max-width:900px){.pcroom-launch{grid-template-columns:1fr;padding:90px 20px;gap:35px}.pcroom-badge{writing-mode:horizontal-tb;justify-self:start}.pcroom-badge b{margin:0 0 0 12px}.pcroom-terminal{transform:none}.pcroom-copy h2{font-size:40px}}
@media(max-width:520px){.pcroom-copy h2{font-size:35px}.pcroom-points{grid-template-columns:1fr}.pcroom-copy .hero-actions{flex-direction:column}.terminal-grid strong{font-size:14px}.seat-map{grid-template-columns:repeat(6,1fr)}}
.casino-section{padding:130px max(28px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 20% 50%,rgba(136,46,255,.16),transparent 36%),#060816;border-bottom:1px solid var(--line)}.casino-art{min-height:580px;display:grid;place-items:center;position:relative}.casino-art img{width:min(100%,560px);position:relative;z-index:2;filter:drop-shadow(0 30px 50px rgba(0,0,0,.45));animation:float 7s ease-in-out infinite}.casino-art>span{position:absolute;bottom:15px;font-size:9px;letter-spacing:.35em;color:#9a78ff}.casino-rings{position:absolute;inset:0;display:grid;place-items:center}.casino-rings i{position:absolute;width:440px;height:440px;border-radius:50%;border:1px solid rgba(155,104,255,.18);animation:ring 8s linear infinite}.casino-rings i:nth-child(2){width:340px;height:340px;border-style:dashed;animation-direction:reverse;animation-duration:12s}.casino-rings i:nth-child(3){width:520px;height:520px;border-color:rgba(85,245,198,.08);animation-duration:18s}.casino-copy h2{font-family:'Noto Sans KR',sans-serif;font-size:clamp(38px,4.3vw,58px);line-height:1.3;letter-spacing:-.055em;margin:20px 0 25px}.casino-copy h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.75)}.casino-copy>p:not(.eyebrow){color:var(--muted);line-height:1.9;font-size:14px}.casino-list{margin-top:35px;border-top:1px solid var(--line)}.casino-list article{display:grid;grid-template-columns:50px 1fr;gap:10px;padding:20px 0;border-bottom:1px solid var(--line)}.casino-list b{color:#a779ff;font-size:10px;padding-top:5px}.casino-list h3{font-size:17px;margin:0 0 7px}.casino-list p{font-size:12px;color:var(--muted);line-height:1.65;margin:0}@keyframes ring{to{transform:rotate(360deg)}}
.unified-offer{border:1px solid var(--line);padding:50px;background:linear-gradient(135deg,rgba(85,245,198,.06),rgba(90,123,255,.05));position:relative;overflow:hidden}.unified-offer:after{content:'TOTO SOLUTION';position:absolute;right:-20px;top:-25px;font-size:90px;font-weight:800;color:rgba(255,255,255,.018);white-space:nowrap}.offer-title{display:grid;grid-template-columns:.25fr .75fr 1fr;gap:25px;align-items:center;position:relative;z-index:1}.offer-title>span{font-size:9px;letter-spacing:.2em;color:var(--mint)}.offer-title h3{font-size:27px;margin:0}.offer-title p{font-size:13px;color:var(--muted);line-height:1.8;margin:0}.offer-features{display:grid;grid-template-columns:repeat(4,1fr);margin:45px 0 35px;border-block:1px solid var(--line)}.offer-features article{padding:25px;border-right:1px solid var(--line)}.offer-features article:last-child{border:0}.offer-features b{font-size:9px;color:var(--mint)}.offer-features h4{font-size:17px;margin:15px 0 10px}.offer-features p{font-size:12px;color:var(--muted);line-height:1.7;margin:0}
@media(max-width:900px){.casino-section{grid-template-columns:1fr;padding:90px 20px;gap:20px}.casino-art{min-height:430px}.casino-rings i{width:320px;height:320px}.casino-rings i:nth-child(2){width:250px;height:250px}.casino-rings i:nth-child(3){width:390px;height:390px}.unified-offer{padding:30px}.offer-title{grid-template-columns:1fr;gap:10px}.offer-features{grid-template-columns:1fr 1fr}.offer-features article:nth-child(2){border-right:0}.offer-features article:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media(max-width:520px){.casino-art{min-height:340px}.casino-copy h2{font-size:34px}.casino-copy .hero-actions{flex-direction:column}.casino-rings i{width:260px;height:260px}.casino-rings i:nth-child(2){width:200px;height:200px}.casino-rings i:nth-child(3){width:310px;height:310px}.offer-features{grid-template-columns:1fr}.offer-features article{border-right:0;border-bottom:1px solid var(--line)!important}.offer-features article:last-child{border-bottom:0!important}.unified-offer .btn{width:100%}}
.switching-section{padding:130px max(28px,calc((100vw - var(--max))/2));background:linear-gradient(180deg,#070a19,#050816);border-bottom:1px solid var(--line)}.switching-head{display:grid;grid-template-columns:1fr .75fr;gap:100px;align-items:end}.switching-head h2{font-family:'Noto Sans KR',sans-serif;font-size:clamp(38px,4.4vw,60px);line-height:1.25;letter-spacing:-.055em;margin:18px 0}.switching-head h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.72)}.switching-head>p{color:var(--muted);font-size:14px;line-height:1.9}.switch-console{margin-top:65px;display:grid;grid-template-columns:1.1fr .9fr;border:1px solid rgba(85,245,198,.2);background:rgba(7,13,29,.86);box-shadow:0 40px 100px rgba(0,0,0,.35)}.switch-panel{padding:36px;border-right:1px solid var(--line);position:relative;overflow:hidden}.switch-panel:before{content:'';position:absolute;width:300px;height:300px;border-radius:50%;background:rgba(85,245,198,.06);filter:blur(60px);left:25%;top:20%}.switch-status{display:flex;justify-content:space-between;position:relative}.switch-status>span{font-size:8px;letter-spacing:.2em;color:#71809a}.switch-status b{font-size:8px;color:var(--mint)}.switch-status b i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--mint);box-shadow:0 0 10px var(--mint);margin-right:7px}.route-flow{display:grid;grid-template-columns:1fr 100px 1fr;align-items:center;margin:65px 0 45px;position:relative}.route-source{border:1px solid var(--line);padding:22px;opacity:.45;transition:.45s}.route-source.active{opacity:1;border-color:rgba(85,245,198,.45);box-shadow:inset 0 0 30px rgba(85,245,198,.05)}.route-source small,.route-source span{display:block;font-size:7px;letter-spacing:.15em;color:#768399}.route-source strong{display:block;font-size:22px;margin:13px 0}.route-source.active strong{color:var(--mint)}.route-core{display:grid;place-items:center;position:relative}.switch-control{width:72px;height:72px;border-radius:50%;border:1px solid rgba(85,245,198,.5);background:#07121c;color:var(--mint);cursor:pointer;position:relative;z-index:2;transition:.45s}.switch-control:hover{box-shadow:0 0 30px rgba(85,245,198,.18)}.switch-control i{display:block;width:22px;height:10px;border:1px solid var(--mint);border-radius:8px;margin:0 auto 5px;position:relative}.switch-control i:after{content:'';position:absolute;width:6px;height:6px;border-radius:50%;background:var(--mint);left:2px;top:1px;transition:.4s}.route-b .switch-control{transform:rotate(180deg)}.route-b .switch-control i:after{left:12px}.switch-control b{font-size:7px;letter-spacing:.12em}.flow-line{position:absolute;width:100%;height:1px;background:linear-gradient(90deg,var(--mint),var(--violet));z-index:0}.route-target{border:1px solid rgba(155,104,255,.25);padding:18px 22px;display:grid;grid-template-columns:.5fr 1fr 1fr;gap:15px;align-items:center;position:relative}.route-target span{font-size:8px;letter-spacing:.15em;color:#a779ff}.route-target strong{font-size:16px}.route-target em{font-style:normal;font-size:10px;color:var(--muted)}.switch-features{display:grid;grid-template-columns:1fr 1fr}.switch-features article{padding:30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.switch-features article:nth-child(even){border-right:0}.switch-features article:nth-last-child(-n+2){border-bottom:0}.switch-features b{font-size:9px;color:#a779ff}.switch-features h3{font-size:16px;margin:15px 0 9px}.switch-features p{font-size:11px;color:var(--muted);line-height:1.7;margin:0}.switch-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:25px}.switch-notes article{border:1px solid var(--line);padding:25px}.switch-notes span{font-size:12px;font-weight:700;color:var(--mint)}.switch-notes p{font-size:12px;line-height:1.75;color:var(--muted);margin:12px 0 0}
@media(max-width:900px){.switching-section{padding:90px 20px}.switching-head{grid-template-columns:1fr;gap:20px}.switch-console{grid-template-columns:1fr}.switch-panel{border-right:0;border-bottom:1px solid var(--line)}.switch-notes{grid-template-columns:1fr}}
@media(max-width:520px){.switching-head h2{font-size:34px}.switch-panel{padding:22px}.route-flow{grid-template-columns:1fr 65px 1fr;margin:45px 0 30px}.route-source{padding:14px 10px}.route-source strong{font-size:17px}.switch-control{width:55px;height:55px}.route-target{grid-template-columns:1fr}.switch-features{grid-template-columns:1fr}.switch-features article{border-right:0;border-bottom:1px solid var(--line)!important}.switch-features article:last-child{border-bottom:0!important}}
.switching-head>div>p{color:var(--muted);font-size:14px;line-height:1.9;margin-top:0}.switching-head h2>span{color:var(--mint);text-shadow:0 0 35px rgba(85,245,198,.18)}.profit-guarantee{margin-top:24px;border-left:3px solid var(--mint);padding:18px 20px;background:linear-gradient(90deg,rgba(85,245,198,.09),transparent)}.profit-guarantee b,.profit-guarantee strong,.profit-guarantee span{display:block}.profit-guarantee b{font-size:8px;letter-spacing:.18em;color:var(--mint);margin-bottom:9px}.profit-guarantee strong{font-size:15px;line-height:1.55;color:white}.profit-guarantee span{font-size:10px;color:#8491a7;margin-top:7px}
.pcroom-profit{margin:0 0 22px;padding:16px 18px;border:1px solid rgba(85,245,198,.3);background:linear-gradient(100deg,rgba(85,245,198,.12),rgba(85,245,198,.025));position:relative;overflow:hidden}.pcroom-profit:after{content:'PROFIT GUARANTEE';position:absolute;right:-8px;top:-7px;font-size:25px;font-weight:800;color:rgba(255,255,255,.025);white-space:nowrap}.pcroom-profit b,.pcroom-profit strong,.pcroom-profit span{display:block;position:relative;z-index:1}.pcroom-profit b{color:var(--mint);font-size:11px;margin-bottom:7px}.pcroom-profit strong{font-size:14px;line-height:1.55}.pcroom-profit span{font-size:9px;color:#8390a5;margin-top:5px}
.sample-card[data-category="casino"]{order:1}.sample-card[data-category="integrated"]{order:2}.sample-card[data-category="classic"]{order:3}
/* Readability pass: keep decorative dashboard labels compact, enlarge actual reading copy. */
body{font-size:16px}.header nav a{font-size:15px}.nav-cta{font-size:14px}.eyebrow{font-size:13px;line-height:1.5}.lead{font-size:19px}.btn{font-size:15px;padding:18px 24px}.hero-proof span{font-size:13px}.section-label{font-size:12px}.rich-copy{font-size:17px}.rich-copy .big{font-size:22px}.section-head>p,.showcase-copy>p:not(.eyebrow),.switching-head>div>p,.sample-intro>p{font-size:16px}.feature-card p{font-size:16px}.feature-card li{font-size:15px}.feature-card a{font-size:14px}.pcroom-copy>p:not(.eyebrow),.casino-copy>p:not(.eyebrow){font-size:16px}.pcroom-points span{font-size:14px}.pcroom-profit b{font-size:13px}.pcroom-profit strong{font-size:17px}.pcroom-profit span{font-size:12px}.casino-list h3{font-size:19px}.casino-list p{font-size:15px}.offer-title>span{font-size:11px}.offer-title p{font-size:15px}.offer-features h4{font-size:19px}.offer-features p{font-size:14px}.timeline span{font-size:11px}.timeline p{font-size:16px}.insight-grid span{font-size:11px}.insight-grid p{font-size:15px}.insight-grid button{font-size:14px}summary{font-size:18px}details p{font-size:16px}.reference-note span{font-size:11px}.reference-note p{font-size:15px}.switch-features h3{font-size:18px}.switch-features p{font-size:14px}.switch-notes span{font-size:14px}.switch-notes p{font-size:14px}.filter-bar button{font-size:15px}.sample-card small{font-size:11px}.sample-card h2{font-size:25px}.sample-card p{font-size:15px}.samples-hero>div>p:not(.eyebrow){font-size:18px}footer{font-size:14px}
@media(max-width:900px){.header nav a{font-size:24px}.lead{font-size:17px}.section-head>p,.showcase-copy>p:not(.eyebrow),.switching-head>div>p,.sample-intro>p,.pcroom-copy>p:not(.eyebrow),.casino-copy>p:not(.eyebrow){font-size:16px}.feature-card p{font-size:15px}.sample-card p{font-size:15px}}
@media(max-width:520px){body{font-size:16px}.hero h1{font-size:42px}.eyebrow{font-size:11px}.btn{font-size:15px}.section h2{font-size:36px}.rich-copy .big{font-size:19px}.pcroom-copy h2,.casino-copy h2,.switching-head h2{font-size:37px}.pcroom-points span{font-size:14px}.sample-card h2{font-size:23px}.samples-hero>div>p:not(.eyebrow){font-size:16px}}
.experience-inline{display:block;color:white;font-size:18px;margin-bottom:6px}.hero-proof div:first-child strong{color:var(--mint);text-shadow:0 0 25px rgba(85,245,198,.25)}.hero-proof div:last-child strong:after{content:''}.pcroom-badge{min-height:145px}.pcroom-badge b{white-space:nowrap}footer p strong{color:var(--mint);font-size:16px;line-height:2}
.switch-notes.four{grid-template-columns:repeat(4,1fr)}@media(max-width:900px){.switch-notes.four{grid-template-columns:1fr 1fr}}@media(max-width:520px){.switch-notes.four{grid-template-columns:1fr}}

/* Keep the expanded mobile navigation viewport-height even when the blurred
   scrolled header creates a containing block for fixed descendants. */
@media(max-width:900px){.header.open nav{inset:70px 0 auto;height:calc(100dvh - 70px);min-height:calc(100vh - 70px)}}

.exclusive-edge{padding:135px max(28px,calc((100vw - var(--max))/2));position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(circle at 78% 18%,rgba(90,123,255,.16),transparent 33%),linear-gradient(145deg,#050816,#070c1e)}.edge-orbit{position:absolute;width:680px;height:680px;right:-230px;top:-250px;display:grid;place-items:center;opacity:.5}.edge-orbit i{position:absolute;width:100%;height:100%;border:1px solid rgba(85,245,198,.1);border-radius:50%;animation:ring 18s linear infinite}.edge-orbit i:nth-child(2){width:75%;height:75%;border-style:dashed;animation-duration:13s;animation-direction:reverse}.edge-orbit i:nth-child(3){width:48%;height:48%;border-color:rgba(90,123,255,.18);animation-duration:9s}.edge-head{display:grid;grid-template-columns:1.05fr .95fr;gap:100px;align-items:end;margin:55px 0 60px;position:relative;z-index:1}.edge-head h2{font-family:'Noto Sans KR',sans-serif;font-size:clamp(42px,5vw,68px);line-height:1.22;letter-spacing:-.06em;margin:18px 0 0}.edge-head h2 em{font-style:normal;color:var(--mint)}.edge-head>p{color:#aeb8cb;font-size:17px;line-height:1.9;margin:0}.edge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;position:relative;z-index:1}.edge-card{min-height:390px;padding:34px;border:1px solid var(--line);background:rgba(8,14,31,.78);position:relative;overflow:hidden;transition:transform .4s,border-color .4s,box-shadow .4s}.edge-card:hover{transform:translateY(-7px);border-color:rgba(85,245,198,.35);box-shadow:0 25px 70px rgba(0,0,0,.28)}.edge-card:before{content:'';position:absolute;width:180px;height:180px;right:-90px;top:-90px;border-radius:50%;background:rgba(85,245,198,.045);filter:blur(5px)}.edge-card.featured{background:linear-gradient(145deg,rgba(85,245,198,.13),rgba(8,14,31,.9));border-color:rgba(85,245,198,.3)}.edge-card.live{background:linear-gradient(145deg,rgba(90,123,255,.15),rgba(8,14,31,.9));border-color:rgba(90,123,255,.3)}.edge-card>span{font-size:10px;letter-spacing:.17em;color:var(--mint)}.edge-card h3{font-size:26px;line-height:1.38;letter-spacing:-.04em;margin:24px 0 17px}.edge-card p{color:#9da9bd;font-size:15px;line-height:1.82;margin:0}.edge-card ul{list-style:none;padding:22px 0 0;margin:22px 0 0;border-top:1px solid var(--line)}.edge-card li{font-size:14px;color:#c4ccda;padding:5px 0}.edge-card li:before{content:'✓';color:var(--mint);margin-right:10px}.tech-stack{display:flex;flex-wrap:wrap;gap:7px;margin-top:27px}.tech-stack b{font-size:10px;letter-spacing:.12em;padding:10px 12px;border:1px solid rgba(85,245,198,.25);color:var(--mint);background:rgba(85,245,198,.06)}.latency{display:flex;align-items:center;gap:24px;margin-top:27px;padding-top:23px;border-top:1px solid var(--line)}.latency strong{font-size:48px;line-height:1;color:white}.latency small{font-size:10px;color:var(--mint);margin-left:5px}.latency span{font-size:9px;line-height:1.8;letter-spacing:.13em;color:#8794aa}.latency i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 12px var(--mint);margin-right:7px;animation:seatPulse 2s ease-in-out infinite}.score-line{display:flex;align-items:center;gap:12px;margin-top:29px;padding:16px;border:1px solid var(--line);background:#060b19}.score-line b{font-size:10px;color:#06100e;background:var(--mint);padding:7px 9px}.score-line span{font-size:8px;letter-spacing:.13em;color:#8c99ae;margin-right:auto}.score-line i{font-style:normal;font-size:6px;color:var(--mint);animation:seatPulse 2s ease-in-out infinite}.score-line i:nth-last-child(2){animation-delay:.35s}.score-line i:last-child{animation-delay:.7s}
@media(max-width:1000px){.edge-grid{grid-template-columns:1fr 1fr}.edge-head{grid-template-columns:1fr;gap:25px}.edge-card{min-height:360px}}
@media(max-width:620px){.exclusive-edge{padding:90px 20px}.edge-head{margin:40px 0}.edge-head h2{font-size:38px}.edge-head>p{font-size:16px}.edge-grid{grid-template-columns:1fr}.edge-card{min-height:auto;padding:28px 24px}.edge-card h3{font-size:24px}.edge-orbit{width:450px;height:450px}.latency strong{font-size:42px}}