.home2{--ember:#e8752c;--slate:#17202a;--slate-2:#1f2a36;--slate-line:#2d3a48;--mist:#c8d1da;--mist-2:#8794a2;--gain:#f0f3f5;--loss:#ff7a5c;--display:"Hahmlet", "Noto Serif KR", serif;--sans:"IBM Plex Sans KR", "Apple SD Gothic Neo", system-ui, sans-serif;font-family:var(--sans);color:#e9ebee;background:#07090c;font-size:16px;line-height:1.6}.home2 *{box-sizing:border-box}.home2 a{color:inherit}.home2 .gut{padding-inline:clamp(16px,4vw,56px)}.home2 :focus-visible{outline:2px solid var(--ember);outline-offset:3px;border-radius:4px}.home2 .aurora{color:#f3f4f6;--fan-line:#ebf0fa0d;--fan-grid:#ebf0fa38;--fan-axis:#f3f4f6;--fan-label:#a9b0ba;--fan-hist:#ebf0fa8c;--fan-best:#7ff0c8;--fan-worst:#e8752c;--fan-hover:#fff;background:#07090c;position:relative;overflow:hidden}.home2 .aurora>*{z-index:1;position:relative}.home2 .aurora:before{content:"";z-index:0;pointer-events:none;filter:blur(70px);background:radial-gradient(40% 35% at 70% 30%,#e8752c6b,#0000 70%),radial-gradient(38% 34% at 25% 70%,#4664e661,#0000 70%),radial-gradient(30% 30% at 85% 85%,#963cc840,#0000 70%);animation:22s ease-in-out infinite alternate lsq-drift;position:absolute;inset:-20%}@keyframes lsq-drift{0%{transform:translate(-3%,-2%)rotate(0)}to{transform:translate(3%,3%)rotate(8deg)}}.home2 .hero{gap:0;min-height:0;padding-top:clamp(96px,12vw,150px);padding-bottom:28px;display:block}.home2 .hero-head{z-index:2;pointer-events:none;max-width:1240px;position:relative}.home2 .hero-head .lede{max-width:40em}.home2:lang(en) .hero h1,html[lang=en] .home2 .hero h1{font-size:clamp(36px,6vw,84px)}.home2 .hero h1{word-break:keep-all;font-family:var(--display);letter-spacing:-.035em;text-wrap:balance;color:#f3f4f6;margin:0;font-size:clamp(38px,6.6vw,92px);font-weight:800;line-height:1.04}.home2 .lede{word-break:keep-all;color:#a9b0ba;max-width:40em;margin:22px 0 0;font-size:clamp(16px,1.6vw,19px)}.home2 .lede b{color:#f3f4f6;font-weight:600}.home2 .fan-wrap{height:clamp(360px,62vh,640px);margin-top:clamp(-170px,-12vw,-40px);position:relative}.home2 .fan-wrap canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.home2 [data-fan-hover]{cursor:crosshair;touch-action:pan-y}.home2 .tip{z-index:3;pointer-events:none;color:#07090c;white-space:nowrap;font-variant-numeric:tabular-nums;background:#f3f4f6;border-radius:8px;padding:9px 12px;font-size:14px;line-height:1.45;position:absolute;transform:translate(-50%,calc(-100% - 14px))}.home2 .tip[hidden]{display:none}.home2 .tip b{font-family:var(--display);font-size:18px;font-weight:700}.home2 .fan-key{color:#a9b0ba;flex-wrap:wrap;gap:8px 28px;margin-top:18px;font-size:14px;display:flex}.home2 .fan-key span{align-items:center;gap:8px;display:inline-flex}.home2 .fan-key i{border-radius:2px;width:22px;height:3px;display:inline-block}.home2 .k-each{background:var(--fan-grid)}.home2 .k-best{background:var(--fan-best)}.home2 .k-worst{background:var(--fan-worst)}.home2 .fine{color:#7a828d;word-break:keep-all;max-width:70em;margin:14px 0 0;font-size:13px}.home2 .pick{background:var(--slate);color:var(--mist);padding-block:clamp(56px,8vw,104px)}.home2 .pick h2,.home2 .sec h2,.home2 .story h2{font-family:var(--display);letter-spacing:-.035em;text-wrap:balance;word-break:keep-all;color:#f3f4f6;margin:0;font-size:clamp(32px,5vw,64px);font-weight:800;line-height:1.08}.home2 .pick .intro{max-width:36em;color:var(--mist-2);word-break:keep-all;margin:14px 0 0}.home2 .console{grid-template-columns:minmax(0,1fr) minmax(260px,340px);align-items:start;gap:28px 48px;margin-top:40px;display:grid}.home2 .controls{flex-wrap:wrap;align-items:center;gap:12px 20px;display:flex}.home2 .seg{border:1.5px solid var(--slate-line);border-radius:999px;padding:3px;display:inline-flex}.home2 .seg button{all:unset;cursor:pointer;color:var(--mist-2);border-radius:999px;padding:7px 16px;font-size:15px}.home2 .seg button[aria-pressed=true]{background:var(--gain);color:var(--slate);font-weight:600}.home2 .seg button:focus-visible{outline:2px solid var(--ember)}.home2 .act{flex-wrap:wrap;gap:8px;display:inline-flex}.home2 .act button{cursor:pointer;font:inherit;color:var(--gain);background:var(--slate-2);border:1.5px solid var(--slate-line);border-radius:999px;padding:7px 16px;font-size:15px}.home2 .act button:hover{border-color:var(--mist-2)}.home2 .act button.primary{background:var(--ember);border-color:var(--ember);color:#1a0d05;font-weight:600}.home2 .act button.primary:hover{background:#f08b48}.home2 .chart{margin-top:24px;position:relative}.home2 .chart svg{width:100%;height:auto;display:block;overflow:visible}.home2 .mini{margin-top:18px;position:relative}.home2 .mini canvas{width:100%;height:64px;display:block}.home2 .mini input[type=range]{opacity:0;cursor:ew-resize;width:100%;height:64px;margin:0;position:absolute;inset:0}.home2 .mini-cap{color:var(--mist-2);font-variant-numeric:tabular-nums;justify-content:space-between;gap:12px;margin-top:6px;font-size:13px;display:flex}.home2 .readout{border-left:1.5px solid var(--slate-line);flex-direction:column;gap:6px;padding-left:24px;display:flex}.home2 .readout .when{color:var(--mist-2);font-variant-numeric:tabular-nums;font-size:15px}.home2 .readout .big{font-family:var(--display);white-space:nowrap;letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:clamp(48px,5.2vw,76px);font-weight:800;line-height:1}.home2 .readout .big.up{color:var(--gain)}.home2 .readout .big.down{color:var(--loss)}.home2 .readout .stat{color:var(--mist);word-break:keep-all;margin-top:18px;font-size:15px}.home2 .readout .stat b{color:var(--gain);font-weight:600}.home2 .pick .fine{color:var(--mist-2);margin-top:40px}.home2 .sec{padding-block:clamp(72px,10vw,140px)}.home2 .sec .lead{word-break:keep-all;max-width:34em;margin:18px 0 0;font-size:clamp(16px,1.5vw,18px)}.home2 .light{color:#0e141b;background:#eef1f4}.home2 .light h2{color:#0e141b}.home2 .light .lead,.home2 .light p{color:#4c5763}.home2 .ink{color:#e9ebee;background:#07090c}.home2 .slate-sec{background:var(--slate);color:var(--mist)}.home2 .textlink{text-underline-offset:5px;font-weight:600;text-decoration:underline 1.5px}.home2 .textlink:hover{text-decoration-color:var(--ember)}.home2 .story{height:340vh;position:relative}.home2 .story-sticky{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:clamp(28px,5vw,80px);height:100vh;display:grid;position:sticky;top:0}.home2 .steps{flex-direction:column;gap:28px;margin-top:36px;display:flex}.home2 .step{opacity:.28;transition:opacity .35s}.home2 .step.on{opacity:1}.home2 .step h3{font-family:var(--display);letter-spacing:-.025em;color:#f3f4f6;word-break:keep-all;margin:0 0 10px;font-size:clamp(24px,2.8vw,38px);font-weight:700;line-height:1.2}.home2 .step p{color:#a9b0ba;word-break:keep-all;max-width:30em;margin:0}.home2 .board{flex-direction:column;gap:18px;display:flex}.home2 .tally-wrap{position:relative}.home2 .tally-wrap.hit{animation:.5s cubic-bezier(.3,.7,.2,1) lsq-hit}@keyframes lsq-hit{0%{transform:none}20%{transform:translate(-10px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(3px)}to{transform:none}}.home2 .tally{grid-template-columns:repeat(14,1fr);gap:clamp(3px,.5vw,6px);display:grid}.home2 .tally i{aspect-ratio:1;background:#1a1f26;border-radius:3px;transition:background-color .25s}.home2 .tally i.win{background:#c9d2dc}.home2 .lossblock{background:var(--ember);text-align:center;color:#1a0d05;font-family:var(--display);letter-spacing:-.02em;transform-origin:top;opacity:0;word-break:keep-all;border-radius:6px;place-content:center;padding:16px;font-size:clamp(20px,2.6vw,34px);font-weight:800;line-height:1.25;transition:transform .45s cubic-bezier(.5,0,.2,1.15),opacity .15s;display:grid;position:absolute;inset:-3px;transform:scaleY(0)}.home2 .lossblock.on{opacity:1;transform:none}.home2 .lossblock small{font-family:var(--sans);color:#3a1a07;letter-spacing:0;margin-top:8px;font-size:clamp(13px,1.1vw,15px);font-weight:500;display:block}.home2 .count{font-variant-numeric:tabular-nums;align-items:baseline;gap:clamp(20px,4vw,48px);display:flex}.home2 .count div{flex-direction:column;display:flex}.home2 .count b{font-family:var(--display);letter-spacing:-.04em;color:#f3f4f6;font-size:clamp(40px,5.4vw,72px);font-weight:800;line-height:1}.home2 .count b.loss{color:var(--ember)}.home2 .count span{color:#8b939e;margin-top:6px;font-size:14px}.home2 .vows ul{margin:48px 0 0;padding:0;list-style:none}.home2 .vows li{border-top:1.5px solid #cfd6dd;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:12px 48px;padding-block:30px;display:grid}.home2 .vows li:last-child{border-bottom:1.5px solid #cfd6dd}.home2 .vows h3{font-family:var(--display);letter-spacing:-.03em;color:#0e141b;word-break:keep-all;margin:0;font-size:clamp(24px,3vw,40px);font-weight:700;line-height:1.15}.home2 .vows li p{word-break:keep-all;align-self:center;max-width:32em;margin:0;font-size:17px}.home2 .method .lead{color:var(--mist)}.home2 .flow{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;margin:56px 0 0;padding:0;list-style:none;display:grid;position:relative}.home2 .flow:before{content:"";background:linear-gradient(90deg, var(--mist-2), var(--ember));height:1.5px;position:absolute;top:9px;left:9px;right:9px}.home2 .flow li{padding-top:40px;position:relative}.home2 .flow li:before{content:"";background:var(--slate);border:2px solid var(--mist-2);border-radius:50%;width:19px;height:19px;position:absolute;top:0;left:0}.home2 .flow li:last-child:before{border-color:var(--ember);background:var(--ember);box-shadow:0 0 0 6px #e8752c2e}.home2 .flow h3{word-break:keep-all;font-family:var(--display);letter-spacing:-.02em;color:#f3f4f6;margin:0 0 10px;font-size:24px;font-weight:700}.home2 .flow p{color:var(--mist-2);word-break:keep-all;margin:0;font-size:15px}.home2 .method .who{color:var(--mist);flex-wrap:wrap;align-items:baseline;gap:10px 24px;margin-top:48px;display:flex}.home2 #cases .all{margin:28px 0 0}.home2 .finale .inner{padding-block:clamp(96px,14vw,180px)}.home2 .finale h2{font-family:var(--display);letter-spacing:-.035em;color:#f3f4f6;word-break:keep-all;margin:0;font-size:clamp(32px,5vw,64px);font-weight:800;line-height:1.08}.home2 .finale .lead{color:#a9b0ba;word-break:keep-all;max-width:34em;margin:18px 0 0;font-size:clamp(16px,1.5vw,18px)}.home2 .finale .btns{flex-wrap:wrap;gap:12px;margin-top:36px;display:flex}.home2 .btn{border-radius:999px;padding:13px 24px;font-weight:600;text-decoration:none}.home2 .btn.solid{color:#07090c;background:#f3f4f6}.home2 .btn.solid:hover{background:var(--ember)}.home2 .btn.line{color:#f3f4f6;border:1.5px solid #f3f4f673}.home2 .btn.line:hover{border-color:#f3f4f6}@media (width<=960px){.home2 .story{height:auto}.home2 .story-sticky{grid-template-columns:1fr;height:auto;padding-block:72px;position:relative}.home2 .step{opacity:1}.home2 .flow{grid-template-columns:1fr 1fr}.home2 .flow:before{display:none}.home2 .vows li{grid-template-columns:1fr}}@media (width<=820px){.home2 .console{grid-template-columns:1fr}.home2 .readout{border-left:0;border-top:1.5px solid var(--slate-line);padding-top:20px;padding-left:0}.home2 .fan-wrap{height:380px;margin-top:8px}}@media (width<=560px){.home2 .flow{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.home2 .aurora:before{animation:none}.home2 .story{height:auto}.home2 .story-sticky{height:auto;padding-block:96px;position:relative}.home2 .step{opacity:1}.home2 .tally i,.home2 .lossblock{transition:none}}
