:root{--o:#ff7617;--p:#7b2cff;--bg:#09080e;--line:#302b39}*{box-sizing:border-box}html{scroll-behavior:smooth}.f34-page{margin:0;background:var(--bg);color:#fff;font-family:'Noto Sans KR',sans-serif}.f34-page header{position:sticky;top:0;z-index:20;background:#09080edb;border-bottom:1px solid #ffffff18;backdrop-filter:blur(14px)}.f34-page .logo span{color:var(--o)}.f34-page .header-btn{background:linear-gradient(110deg,var(--o),#ef3e76,var(--p));border:0!important}.f34-hero{min-height:calc(100vh - 70px);padding:100px 7vw;display:grid;grid-template-columns:1.05fr .95fr;gap:7vw;align-items:center;overflow:hidden;background:radial-gradient(circle at 80% 30%,#722cff28,transparent 35%),linear-gradient(#0d0b14,#09080e)}.eyebrow{color:#f7a25c;font-size:.78rem;font-weight:900;letter-spacing:.12em}.f34-logo{width:min(280px,65vw);display:block;margin:16px 0 4px}.f34-copy h1{font-size:clamp(2.8rem,5.4vw,5.6rem);line-height:.98;letter-spacing:-.06em;margin:0}.f34-copy em{font-style:normal;background:linear-gradient(90deg,#ff9c31,var(--o),#ca38ff,var(--p));color:transparent;background-clip:text}.f34-copy>p{color:#aaa4b4;line-height:1.8;font-size:1.08rem;max-width:620px;margin:26px 0}.actions{display:flex;gap:12px;flex-wrap:wrap}.actions a{text-decoration:none;color:#fff;border-radius:8px}.download{display:flex;align-items:center;gap:13px;padding:13px 20px;background:linear-gradient(110deg,var(--o),#f13e71,var(--p));font-weight:900}.download span{display:flex;flex-direction:column}.download small{font-size:.65rem;opacity:.7}.more{padding:15px 18px;border:1px solid #ffffff20}.facts{display:flex;gap:18px;margin-top:25px;color:#777281;font-size:.8rem}.demo{height:520px;display:grid;place-items:center;position:relative}.switcher{width:min(420px,92vw);padding:9px;background:linear-gradient(145deg,#27232f,#0c0a10);border:2px solid #57525f;border-radius:8px;box-shadow:0 35px 90px #000,0 0 70px #772cff30;transform:perspective(900px) rotateY(-6deg)}.switch-title{height:70px;padding:0 25px;display:flex;align-items:center;justify-content:space-between;background:#1e1c23;border:3px solid #070609;box-shadow:inset 0 0 0 2px #66616c;font-size:1.45rem}.switch-title small{font-size:.75rem;color:#777}.slots{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:19px 13px 9px}.slot{aspect-ratio:1;background:#111014;border:3px solid #070609;box-shadow:inset 0 0 0 2px #4d4853;color:#aaa4b1;font-size:1.4rem;cursor:pointer;position:relative}.slot.active{color:#fff;outline:3px solid #ffd324;outline-offset:3px;box-shadow:0 0 20px #ffd32444}.hint{text-align:center;height:45px;padding-top:11px;color:#aaa}.hint kbd{color:#3ee9ef;background:none}.tag{position:absolute;padding:11px 15px;background:#17141ee8;border:1px solid #ffffff18;border-radius:7px;color:#bbb5c4;font-size:.8rem}.tag.one{left:0;top:17%}.tag.two{right:0;bottom:17%}.features{padding:120px 7vw;background:#0d0b12}.heading{display:grid;grid-template-columns:.5fr 1fr 1fr;gap:35px;align-items:end;margin-bottom:50px}.heading>span,.how>div>span{color:#a45dff;font-weight:900;letter-spacing:.13em;font-size:.75rem}.heading h2,.how h2{font-size:clamp(2.2rem,4vw,4.2rem);line-height:1.06;letter-spacing:-.05em;margin:0}.heading p,.how p{color:#9993a1;line-height:1.75}.grid{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--line);border-top:1px solid var(--line)}.grid article{padding:38px;min-height:260px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#ffffff05}.grid article:hover{background:linear-gradient(140deg,#732cff18,#ff761708)}.grid i{font-size:1.7rem;color:#a35cff;margin:25px 0}.grid article:nth-child(3n+1) i{color:#ff8b31}.grid h3{font-size:1.2rem}.grid p{color:#918b99;line-height:1.7;font-size:.9rem}.how{padding:100px 10vw;display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;background:radial-gradient(circle at 0 100%,#ff761716,transparent 32%),#100d16}.how ol{list-style:none;margin:0;padding:0;display:grid;gap:13px}.how li{display:grid;grid-template-columns:52px 1fr;gap:17px;padding:20px;background:#ffffff08;border:1px solid #ffffff12}.how li>b{width:45px;height:45px;display:grid;place-items:center;border-radius:7px;background:linear-gradient(135deg,var(--o),var(--p))}.how li span{display:flex;flex-direction:column;color:#8f8997;font-size:.88rem;line-height:1.6}.how strong{color:#fff;font-size:1rem}.final{padding:40px 7vw;display:grid;grid-template-columns:130px 1fr auto;align-items:center;gap:30px;background:linear-gradient(105deg,var(--o),#ef3d72 48%,var(--p))}.final img{width:130px}.final h2{margin:4px 0;font-size:2.4rem}.final a{padding:15px 23px;background:#fff;color:#17121c;text-decoration:none;border-radius:7px;font-weight:900}.f34-page footer{background:#07060a;border-top:1px solid #ffffff16}@media(max-width:900px){.f34-hero{grid-template-columns:1fr}.demo{height:430px}.heading{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}.how{grid-template-columns:1fr}.final{grid-template-columns:90px 1fr}.final img{width:90px}.final a{grid-column:1/-1;text-align:center}}@media(max-width:600px){.f34-hero,.features,.how{padding-left:20px;padding-right:20px}.f34-copy h1{font-size:2.8rem}.demo{height:370px}.switcher{transform:none}.tag{display:none}.grid{grid-template-columns:1fr}.final{grid-template-columns:1fr;text-align:center}.final img{margin:auto}.heading h2,.how h2{font-size:2.3rem}}
