:root{--bg:#0d0c10;--panel:#171014;--panel2:#22161a;--ink:#f5eadf;--muted:#a99a94;--accent:#f39a5b;--green:#94b798;--line:rgba(255,255,255,.09)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Pretendard,"Segoe UI",sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}.shell{width:min(1160px,calc(100% - 40px));margin:auto}.grain{position:fixed;inset:0;pointer-events:none;opacity:.14;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E")}.nav{height:82px;display:flex;align-items:center;gap:34px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;font-weight:800;letter-spacing:-.02em}.brand img{width:30px;height:30px;border-radius:9px}.nav nav{display:flex;gap:28px;margin-left:auto;color:var(--muted);font-size:14px}.nav nav a:hover{color:var(--ink)}.nav-download{font-size:13px;font-weight:800;padding:11px 17px;border:1px solid rgba(243,154,91,.35);border-radius:999px;background:rgba(243,154,91,.08)}.hero{min-height:720px;display:grid;grid-template-columns:.82fr 1.18fr;align-items:center;gap:64px;padding-block:68px 84px}.eyebrow{margin:0 0 14px;color:var(--accent);font-size:11px;font-weight:900;letter-spacing:.18em}.hero h1,.section h2,.sound-section h2,.install h2{font-size:clamp(42px,5vw,72px);line-height:1.06;letter-spacing:-.055em;margin:0}.hero h1 em{font-style:normal;color:var(--accent)}.lead{max-width:470px;color:var(--muted);font-size:18px;margin:27px 0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:14px 20px;border-radius:13px;font-weight:800;font-size:14px;transition:.2s transform,.2s background}.button:hover{transform:translateY(-2px)}.primary{background:var(--accent);color:#1b0f0b;box-shadow:0 12px 40px rgba(243,154,91,.2)}.secondary{background:var(--panel2);border:1px solid var(--line)}.meta{color:#736966;font-size:12px;margin-top:15px}.room-card{position:relative;aspect-ratio:1.36;border-radius:26px;overflow:hidden;background:linear-gradient(#132936 0 47%,#2b2020 47%);box-shadow:0 40px 100px #000;border:1px solid rgba(255,255,255,.12);isolation:isolate}.room-card:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 46% 48%,rgba(255,171,83,.28),transparent 35%),linear-gradient(90deg,transparent,rgba(0,0,0,.25));pointer-events:none;z-index:9}.room-top{position:absolute;z-index:10;left:18px;right:18px;top:16px;height:38px;border-radius:11px;background:rgba(20,12,15,.82);display:flex;align-items:center;justify-content:space-between;padding:0 13px;font-size:10px}.window{position:absolute;left:8%;right:6%;top:0;height:53%;border-left:12px solid #25343c;border-right:12px solid #25343c;border-bottom:15px solid #25343c;background:linear-gradient(#102938,#173442)}.window i{position:absolute;width:2px;height:75px;background:rgba(190,221,233,.38);transform:rotate(12deg);animation:rain 1.4s linear infinite}.window i:nth-child(1){left:15%;top:15%}.window i:nth-child(2){left:38%;top:3%;animation-delay:-.4s}.window i:nth-child(3){left:66%;top:23%;animation-delay:-.8s}.window i:nth-child(4){left:88%;top:8%;animation-delay:-1.1s}@keyframes rain{to{transform:translateY(90px) rotate(12deg);opacity:0}}.desk{position:absolute;left:4%;right:18%;bottom:13%;height:20%;background:#4d3024;border-radius:4px;box-shadow:0 13px 0 #251919}.monitor{position:absolute;left:12%;bottom:100%;width:29%;height:92%;background:#1c2529;border:7px solid #0d1113}.mug{position:absolute;left:48%;bottom:20%;width:28px;height:34px;border-radius:5px;background:#c47e67}.lamp{position:absolute;left:51%;top:25%;z-index:3;width:8px;height:35%;background:#282122}.lamp span{position:absolute;top:-16px;left:-15px;width:38px;height:38px;border-radius:50%;background:#ffd277;box-shadow:0 0 45px #ff9d4c}.companion{position:absolute;z-index:6;right:13%;bottom:9%;width:31%;height:66%}.body{position:absolute;left:13%;right:6%;bottom:0;height:65%;border-radius:43% 43% 12% 12%;background:linear-gradient(100deg,#bd6a58,#e4b1a2);transform:rotate(-4deg)}.head{position:absolute;z-index:2;left:19%;top:3%;width:62%;aspect-ratio:1;border-radius:47%;background:#e9c9b8;box-shadow:-15px -12px 0 #25313c}.head i{position:absolute;top:48%;width:10%;height:13%;border-radius:50%;background:#27333a}.head i:first-child{left:25%}.head i:last-child{right:25%}.ears:before,.ears:after{content:"";position:absolute;z-index:3;top:0;width:28%;height:25%;background:#25313c;clip-path:polygon(50% 0,100% 100%,0 100%)}.ears:before{left:12%}.ears:after{right:19%}.dialogue{position:absolute;z-index:10;left:20%;right:19%;bottom:15%;background:rgba(11,8,10,.82);border-radius:11px;padding:10px;text-align:center;font-size:11px}.player{position:absolute;z-index:10;left:3%;right:3%;bottom:3%;height:42px;border-radius:12px;background:rgba(26,16,20,.9);display:flex;align-items:center;gap:12px;padding:0 15px;font-size:10px}.player span{margin-right:auto;color:#e8d8ce}.player b{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#342128}.section{padding-block:110px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:44px}.section h2,.sound-section h2,.install h2{font-size:clamp(38px,4vw,58px)}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.feature-grid article{min-height:260px;padding:28px;border-radius:20px;background:linear-gradient(145deg,var(--panel2),#121014);border:1px solid var(--line)}.feature-grid article span{display:inline-block;color:var(--accent);font:800 12px ui-monospace,monospace;letter-spacing:.08em;margin-bottom:60px}.feature-grid h3{font-size:20px;margin:0 0 11px}.feature-grid p{font-size:14px;color:var(--muted);margin:0}.sound-section{background:#141a19;border-block:1px solid rgba(148,183,152,.12)}.sound-inner{min-height:570px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:100px}.sound-inner>div>p:last-child{color:#92a199;max-width:470px}.mixer{padding:34px;border-radius:22px;background:#0d1110;border:1px solid rgba(148,183,152,.18)}.mixer div{display:grid;grid-template-columns:70px 1fr;align-items:center;gap:16px;margin:19px 0;font:800 11px ui-monospace,monospace;color:#aebdb4}.mixer i{height:7px;border-radius:9px;background:linear-gradient(90deg,var(--green) var(--level),#26312d var(--level));position:relative}.mixer i:after{content:"";position:absolute;left:calc(var(--level) - 8px);top:-5px;width:17px;height:17px;border-radius:50%;background:#d7e2d9}.install{padding-block:110px}.install-card{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;padding:60px;border-radius:28px;background:radial-gradient(circle at 12% 10%,rgba(243,154,91,.14),transparent 35%),var(--panel);border:1px solid var(--line)}.install-card p{color:var(--muted)}.install ol{list-style:none;padding:0;margin:0}.install li{display:flex;align-items:center;gap:16px;padding:15px 0;border-bottom:1px solid var(--line)}.install li b{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--panel2);color:var(--accent)}.wide{grid-column:1/-1}footer{min-height:100px;display:flex;align-items:center;gap:28px;border-top:1px solid var(--line);color:#776d69;font-size:12px}footer a{margin-left:auto;color:var(--muted)}@media(max-width:900px){.nav nav{display:none}.nav-download{margin-left:auto}.hero{grid-template-columns:1fr;gap:50px}.hero-copy{text-align:center}.lead{margin-inline:auto}.hero-actions{justify-content:center}.room-card{width:min(680px,100%);margin:auto}.feature-grid{grid-template-columns:1fr 1fr}.sound-inner{grid-template-columns:1fr;gap:45px;padding-block:80px}.install-card{grid-template-columns:1fr}}@media(max-width:560px){.shell{width:min(100% - 24px,1160px)}.nav{height:68px}.brand span{font-size:14px}.nav-download{font-size:0;padding:9px 12px}.nav-download:after{content:"다운로드";font-size:12px}.hero{padding-top:45px;min-height:auto}.hero h1{font-size:43px}.lead{font-size:16px}.room-card{border-radius:16px}.feature-grid{grid-template-columns:1fr}.feature-grid article{min-height:210px}.feature-grid article span{margin-bottom:34px}.section{padding-block:75px}.sound-inner{min-height:auto}.install{padding-block:70px}.install-card{padding:28px;gap:30px}.hero-actions .button{width:100%}footer{flex-wrap:wrap;padding-block:25px}footer a{margin-left:0}}