@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css');
:root{--bg:#080c0e;--ink:#f1f5f4;--mint:#b8f6e5;--muted:#99a6a6;--line:rgba(198,232,223,.16);--pad:clamp(24px,5vw,84px);color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.7 'Pretendard Variable','Malgun Gothic',sans-serif;letter-spacing:-.02em}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,#model:focus-visible,input:focus-visible{outline:2px solid var(--mint);outline-offset:5px}h1,h2,h3,p{margin:0}img{max-width:100%}.site-header{height:96px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--pad);border-bottom:1px solid var(--line);gap:32px;background:#080c0ef2;position:relative;z-index:10}.wordmark{font-size:32px;font-weight:650;letter-spacing:-.08em;line-height:1}.wordmark span{display:block;font-size:9px;font-weight:500;letter-spacing:.18em;margin-top:8px;color:#aeb8b5}.site-header nav{display:flex;gap:32px;align-items:center}.site-header nav a{font-size:14px;color:#a5afad}.site-header nav a:hover,.site-header nav a[aria-current]{color:var(--mint)}.header-cta{border:1px solid #53635d;border-radius:5px;padding:10px 17px;font-size:14px}.header-cta span{margin-left:26px;color:var(--mint)}.hero-new{display:grid;grid-template-columns:1fr 1.1fr;min-height:700px;height:calc(100svh - 96px);max-height:930px;padding:0 var(--pad);overflow:hidden;border:0}.hero-text{padding:70px 0 45px;z-index:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.eyeline{font-size:12px;font-weight:500;letter-spacing:.14em;color:var(--mint);display:flex;gap:10px;align-items:center}.eyeline i,.stage-bottom i{width:6px;height:6px;background:var(--mint);border-radius:50%;display:inline-block}.hero-text h1{font-size:clamp(44px,4.8vw,78px);line-height:1.22;letter-spacing:-.065em;font-weight:550;margin:28px 0 26px;word-break:keep-all}.hero-text h1>span{display:block;color:var(--mint);font-size:clamp(80px,9vw,145px);line-height:1.12;letter-spacing:-.085em;font-weight:550;margin-top:4px}.hero-text p{font-size:17px;color:#a5b3b0;line-height:1.8}.actions{display:flex;align-items:center;gap:28px;margin-top:34px}.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;background:var(--mint);color:#102923;padding:14px 22px;border-radius:4px;font-weight:650;font-size:15px;transition:background .2s}.primary:hover{background:#defff5}.text-link{font-size:14px;border-bottom:1px solid #62716c;padding-bottom:4px}.hero-note{margin-top:44px;display:flex;gap:25px;letter-spacing:.12em;color:#788c85;font-size:10px}.device-stage{position:relative;min-width:0;align-self:stretch;background:radial-gradient(ellipse at 50% 45%,#203d38 0%,#11201e 30%,transparent 67%)}#model{position:absolute;inset:0;z-index:2;touch-action:pan-y}#model canvas{display:block;width:100%;height:100%;cursor:grab}#model canvas:active{cursor:grabbing}.model-fallback{position:absolute;width:65%;height:74%;object-fit:contain;left:18%;top:12%;border-radius:45%;opacity:.7}.model-ready .model-fallback{display:none}.stage-label{position:absolute;top:45px;left:25px;color:#6f8982;font-size:10px;letter-spacing:.16em}.stage-bottom{position:absolute;left:30px;right:0;bottom:44px;display:flex;justify-content:space-between;color:#839b92;font-size:11px;letter-spacing:.06em;z-index:3;pointer-events:none}.stage-bottom i{margin-right:9px}.orbit{position:absolute;width:90%;height:65%;border:1px solid #a7e0ce12;border-radius:50%;left:5%;top:18%;transform:rotate(-25deg)}.orbit-two{width:76%;left:12%;transform:rotate(25deg);height:75%;top:12%}.model-controls{position:absolute;bottom:88px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:4;white-space:nowrap}.model-controls button{background:#0a1613bb;border:1px solid #49665a;color:#b9d6ca;font-size:12px;padding:8px 12px;border-radius:30px;backdrop-filter:blur(8px)}.feature-strip{border-block:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px var(--pad);font-size:13px;color:#b3c2bc}.feature-strip b{font-size:10px;letter-spacing:.12em;color:#557266;font-weight:500}.intro-section{padding:100px var(--pad)}.intro-section h2{font-size:clamp(36px,4vw,58px);line-height:1.28;letter-spacing:-.05em;margin:24px 0 50px;font-weight:500}.intro-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:35px}.intro-grid>p{color:var(--muted);padding-top:24px;line-height:1.9}.editorial-card{border-top:1px solid #426353;padding-top:24px}.editorial-card>span,.editorial-card b{font-size:11px;letter-spacing:.08em;color:var(--mint);font-weight:500}.editorial-card h3{font-size:28px;font-weight:500;line-height:1.4;margin:24px 0 14px}.editorial-card p{color:#95a9a0;font-size:15px;margin-bottom:38px}.story-banner{background:#172c24;padding:80px var(--pad);border-top:1px solid #3b5247}.story-banner>span{color:#8da998;letter-spacing:.18em;font-size:11px}.story-banner h2{font-size:clamp(32px,4vw,60px);font-weight:450;line-height:1.4;margin:25px 0 35px}.bottom-links{display:grid;grid-template-columns:1fr 1fr;padding:70px var(--pad);gap:50px}.bottom-links a{border-bottom:1px solid var(--line);padding-bottom:25px}.bottom-links small{font-size:11px;letter-spacing:.15em;color:#7b9c8d}.bottom-links h3{font-size:28px;font-weight:500;margin:15px 0 20px}.bottom-links span{font-size:14px;color:var(--mint)}.site-footer{padding:50px var(--pad) 30px!important;background:#060908;color:var(--ink);border-top:1px solid var(--line)}.site-footer p{font-size:14px;color:#8d9d95;margin:20px 0}.site-footer>div{display:flex;gap:28px;flex-wrap:wrap;font-size:13px}.site-footer small{display:block;font-size:11px;color:#587166;margin-top:40px;letter-spacing:.05em}.page-intro{padding:70px var(--pad) 60px;background:#0d1713;border-bottom:1px solid var(--line)}.page-intro h1{font-size:clamp(32px,4.5vw,64px);letter-spacing:-.06em;font-weight:550;line-height:1.3;margin-top:22px}.page-intro p{color:#9aafa3;margin-top:20px}.guide-page{--black:#edf5ef;--white:#0e1713;--gray-05:#16271e;--gray-10:#25372d;--gray-20:#43564a;--gray-40:#8aa092;--gray-60:#afc0b5;--maxw:1440px;background:#0e1713;color:#edf5ef}.guide-page section{border-color:#293c31}.guide-page .dark,.guide-page .beta-cell{background:#09100c}.guide-page .sec-pad{padding:65px 0}.guide-page .sec-title{font-weight:550;font-size:34px}.guide-page .sec-en,.guide-page .sec-num{font-size:12px}.guide-page p,.guide-page li,.guide-page dd,.guide-page td{font-size:16px}.guide-page .sec-desc{font-size:16px;max-width:850px;margin-top:0}.guide-page .feat,.guide-page .uc,.guide-page .box-grid,.guide-page .caution{gap:16px;border:0;background:transparent}.guide-page .feat-cell,.guide-page .uc-cell,.guide-page .box-item,.guide-page .c-cell{border:1px solid #2e4335;border-radius:8px;background:#111e16}.guide-page .ph{background:#132119}.guide-page .ph::before{content:none}.guide-page .ph img{border-radius:4px}.guide-page .rv{opacity:1;transform:none}.guide-page .btn{border-color:#6f957f;color:#e9f5ed}.guide-page .btn.fill{color:#0c2113;background:#b8f6e5}.guide-page .cd-item,.guide-page .ob-ch{background:#111e16}.guide-page .ob-sum,.guide-page .ob-in,.guide-page .ob-t{color:#e5efe8}.guide-page .ob-t.on{color:#102819;background:#b8f6e5}.guide-page input{background:#111e16;color:#edf5ef}.guide-page .ob-call,.guide-page .ob-chk{color:#d7e5dc;background:#1b2d22}.guide-page .ob-call h5,.guide-page .ob-chk li{color:#d7e5dc}.guide-page .ic{color:#b8f6e5}.guide-page .spec-row dt .en{font-size:11px}.device-detail{padding:60px var(--pad);display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.device-detail>img{max-height:560px;justify-self:center;border-radius:12px}.device-detail h2{font-size:48px;font-weight:500;line-height:1.3;margin:24px 0}.device-detail p{color:#a7bbae;margin-bottom:30px}.device-detail small{display:block;margin-top:22px;font-size:12px;color:#8aa092}.guide-page #story .toon img{max-height:none}.guide-page .ob-tw{overflow-x:auto}.guide-page .sec-head{flex-wrap:wrap}.guide-page .ph:has(img:not([src])){display:none}
@media(min-width:1600px){.hero-new{padding-inline:max(84px,calc((100vw - 1500px)/2))}.site-header,.feature-strip{padding-inline:max(84px,calc((100vw - 1500px)/2))}}
@media(max-width:1000px){.site-header{gap:20px}.site-header nav{gap:18px}.header-cta{display:none}.hero-new{min-height:650px}.hero-text h1{font-size:46px}.hero-text h1>span{font-size:90px}.hero-text p{font-size:15px}.actions{gap:18px}.intro-grid{gap:25px}.stage-bottom{left:0;font-size:10px}.stage-bottom span:last-child{display:none}.device-detail{gap:35px}.device-detail h2{font-size:36px}}
@media(max-width:700px){.site-header{height:auto;min-height:92px;padding-top:15px;padding-bottom:12px;flex-wrap:wrap;gap:14px}.wordmark{font-size:27px}.wordmark span{display:none}.site-header nav{order:3;width:100%;justify-content:space-between;gap:10px}.site-header nav a{font-size:12px}.hero-new{height:auto;max-height:none;grid-template-columns:1fr;padding-top:0;min-height:0}.hero-text{padding:38px 0 0}.hero-text h1{font-size:43px;margin:22px 0 20px}.hero-text h1>span{font-size:88px}.hero-text .eyeline{font-size:9px}.hero-text p{font-size:15px}.hero-note{margin-top:24px;font-size:9px}.device-stage{height:520px;margin-top:-15px;margin-inline:-20px}.stage-label{top:35px;font-size:9px}.stage-bottom{bottom:28px;left:24px}.model-controls{bottom:55px}.feature-strip{flex-wrap:wrap;justify-content:flex-start;gap:12px 24px;padding-block:20px}.feature-strip span{font-size:12px}.feature-strip b{display:none}.intro-section{padding-block:65px}.intro-grid{grid-template-columns:1fr;gap:35px}.intro-grid>p{padding:0}.editorial-card h3{font-size:26px}.editorial-card p{margin-bottom:22px}.story-banner{padding-block:55px}.bottom-links{grid-template-columns:1fr;padding-block:50px;gap:35px}.page-intro{padding-block:42px}.device-detail{grid-template-columns:1fr;padding-block:35px}.device-detail>img{max-height:400px}.guide-page .box-grid,.guide-page .feat,.guide-page .uc,.guide-page .caution{grid-template-columns:1fr}.guide-page .sec-title{font-size:28px}.guide-page .sec-head{gap:12px}.site-footer>div{gap:12px 22px}.guide-page .sec-pad{padding-block:40px}.guide-page .ob-no{font-size:20px}.guide-page .ob-tt{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Family links retain the original wordmark and mobile header. */
.site-header .wordmark{flex:none}
.site-header .wordmark .company-link{display:block}
.site-header .wordmark .company-link span{display:block}
@media(max-width:700px){.site-header nav:not(.language-switch){flex-wrap:wrap;justify-content:flex-start;column-gap:14px;row-gap:8px}}
