:root{--bg:#06121f;--bg-deep:#020713;--bg-soft:#0b1b2d;--text:#f5f8ff;--muted:#9cabbd;--line:#ffffff21;--card:#ffffff13;--card-strong:#ffffff21;--accent:#2cd4ff;--accent-2:#7cffd4;--white:#fff;--dark:#07111e;--dark-muted:#607083;--light-bg:#f3f7fb;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg-deep);min-width:320px;color:var(--text);word-break:keep-all;margin:0;font-family:Pretendard,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{border:0}button:disabled{cursor:not-allowed;opacity:.65}::selection{background:#2cd4ff59}.site-header{z-index:50;height:76px;color:var(--white);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#02071394;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:24px;padding:0 clamp(20px,4vw,56px);display:flex;position:fixed;top:0;left:0;right:0}.brand{align-items:center;gap:12px;min-width:max-content;display:inline-flex}.brand-mark{width:38px;height:38px;color:var(--bg-deep);background:linear-gradient(135deg, var(--accent), var(--accent-2));border-radius:14px;place-items:center;font-weight:900;display:grid;box-shadow:0 14px 34px #2cd4ff3d}.brand strong,.brand small{line-height:1.1;display:block}.brand strong{letter-spacing:-.02em;font-size:16px}.brand small{color:var(--muted);margin-top:4px;font-size:12px}.desktop-nav{color:#ffffffc7;align-items:center;gap:30px;font-size:14px;display:flex}.desktop-nav a{transition:color .2s}.desktop-nav a:hover{color:var(--white)}.header-button{border:1px solid var(--line);min-height:42px;color:var(--white);cursor:pointer;background:#ffffff12;border-radius:999px;justify-content:center;align-items:center;padding:0 17px;font-size:13px;font-weight:800;transition:transform .2s,background .2s,border-color .2s;display:inline-flex}.header-button:hover{background:#ffffff21;border-color:#ffffff3d;transform:translateY(-2px)}.eyebrow{color:var(--accent);letter-spacing:.16em;text-transform:uppercase;margin:0 0 18px;font-size:13px;font-weight:900}.section{width:min(100% - 40px, var(--max));margin:0 auto;padding:120px 0;position:relative}.section-heading{max-width:780px;margin-bottom:44px}.section-heading.split{grid-template-columns:1fr .82fr;align-items:end;gap:52px;max-width:none;display:grid}.section-heading h2{letter-spacing:-.07em;margin:0;font-size:clamp(36px,5vw,64px);line-height:1.06}.section-heading p:not(.eyebrow){color:var(--muted);margin:0;font-size:18px;line-height:1.75}.primary-button,.secondary-button,.product-link-button{cursor:pointer;border-radius:999px;justify-content:center;align-items:center;min-height:52px;padding:0 22px;font-weight:900;transition:transform .2s,background .2s,border-color .2s,box-shadow .2s;display:inline-flex}.primary-button,.product-link-button{color:var(--bg-deep);background:linear-gradient(135deg, var(--accent), var(--accent-2));box-shadow:0 18px 44px #2cd4ff38}.secondary-button{border:1px solid var(--line);color:var(--white);background:#ffffff14}.primary-button:hover,.secondary-button:hover,.product-link-button:hover{transform:translateY(-2px)}.secondary-button:hover{background:#ffffff21;border-color:#ffffff3d}.hero-section{background:radial-gradient(circle at 50% 24%,#2cd4ff2e,#0000 34%),radial-gradient(circle at 85% 30%,#7cffd424,#0000 30%),linear-gradient(#07192d 0%,#020713 72%);grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);align-items:center;gap:clamp(34px,5vw,76px);min-height:100vh;padding:156px clamp(20px,4vw,56px) 88px;display:grid;position:relative;overflow:hidden}.hero-background,.grid-glow{pointer-events:none;position:absolute;inset:0}.grid-glow{opacity:.28;background-image:linear-gradient(#ffffff14 1px,#0000 1px),linear-gradient(90deg,#ffffff14 1px,#0000 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(circle at 50% 42%,#000 0%,#0000 70%);mask-image:radial-gradient(circle at 50% 42%,#000 0%,#0000 70%)}.orb{filter:blur(4px);opacity:.75;border-radius:999px;position:absolute}.orb-one{background:radial-gradient(circle,#2cd4ff4d,#0000 68%);width:360px;height:360px;bottom:10%;left:5%}.orb-two{background:radial-gradient(circle,#7cffd438,#0000 68%);width:430px;height:430px;top:14%;right:4%}.hero-content{z-index:2;max-width:960px;position:relative}.hero-content h1{letter-spacing:-.085em;max-width:980px;margin:0;font-size:clamp(50px,8vw,108px);line-height:.96}.hero-description{color:#ffffffc7;letter-spacing:-.035em;max-width:720px;margin:30px 0 0;font-size:clamp(18px,2vw,24px);line-height:1.65}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:38px;display:flex}.hero-panel{z-index:2;border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#ffffff1f,#ffffff0a),#ffffff0f;border-radius:34px;min-height:520px;position:relative;overflow:hidden;box-shadow:0 34px 120px #00000047}.panel-top{border-bottom:1px solid var(--line);gap:8px;height:48px;padding:18px 22px;display:flex}.panel-top span{background:#ffffff57;border-radius:999px;width:10px;height:10px}.scan-visual{background:radial-gradient(circle at 50% 45%,#2cd4ff2e,#0000 34%),repeating-linear-gradient(90deg,#0000 0 28px,#ffffff0a 28px 29px),repeating-linear-gradient(0deg,#0000 0 28px,#ffffff0a 28px 29px);height:calc(100% - 48px);min-height:472px;position:relative}.scan-line{background:linear-gradient(90deg, transparent, var(--accent), var(--accent-2), transparent);height:2px;position:absolute;top:50%;left:14%;right:14%;transform:rotate(-18deg);box-shadow:0 0 28px #2cd4ffcc}.scan-point{background:var(--accent);border-radius:999px;width:10px;height:10px;animation:2.6s ease-in-out infinite pulse;position:absolute;box-shadow:0 0 24px #2cd4ffe6}.point-a{top:26%;left:24%}.point-b{animation-delay:.4s;top:34%;right:28%}.point-c{animation-delay:.8s;bottom:24%;left:54%}.scan-card{border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0207138a;border-radius:18px;gap:6px;padding:16px 18px;display:grid;position:absolute}.scan-card strong{color:var(--accent);letter-spacing:.08em;font-size:13px}.scan-card small{color:var(--muted)}.card-a{bottom:34px;left:28px}.card-b{top:82px;right:28px}@keyframes pulse{0%,to{opacity:.9;transform:scale(1)}50%{opacity:.45;transform:scale(1.8)}}.hub-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.hub-card{border:1px solid var(--line);background:var(--card);min-height:360px;color:var(--white);text-align:left;cursor:pointer;border-radius:34px;flex-direction:column;align-items:flex-start;padding:30px;transition:transform .25s,background .25s,border-color .25s;display:flex;box-shadow:0 24px 80px #0003}.hub-card:hover{background:var(--card-strong);border-color:#ffffff38;transform:translateY(-6px)}.hub-card p{color:#ffffff59;letter-spacing:.1em;margin:0 0 58px;font-size:13px;font-weight:900}.hub-card h3{letter-spacing:-.05em;margin:0;font-size:27px;line-height:1.15}.hub-card span{color:var(--muted);margin-top:18px;line-height:1.7}.hub-card strong{color:var(--accent);margin-top:auto;padding-top:28px}.hub-card-button{font:inherit}.brand-message{background:radial-gradient(circle at 72% 10%,#2cd4ff29,#0000 34%),#030a16;padding:130px clamp(20px,4vw,56px)}.brand-message h2{letter-spacing:-.07em;max-width:980px;margin:0;font-size:clamp(36px,5vw,64px);line-height:1.06}.message-lines{gap:12px;max-width:1100px;margin:42px 0 34px;display:grid}.message-lines span{letter-spacing:-.08em;font-size:clamp(42px,7vw,86px);font-weight:900;line-height:1;display:block}.message-lines span:nth-child(2){color:#ffffff9e}.message-lines span:nth-child(3){color:var(--accent)}.brand-message>p:not(.eyebrow){max-width:760px;color:var(--muted);font-size:19px;line-height:1.75}.solution-list{gap:14px;display:grid}.solution-item{background:#ffffff0e;border:1px solid #ffffff1f;border-radius:28px;grid-template-columns:70px .8fr 1.2fr;align-items:start;gap:22px;padding:26px;display:grid}.solution-item span{color:#ffffff52;font-size:20px;font-weight:900}.solution-item h3{letter-spacing:-.04em;margin:0;font-size:24px}.solution-item p{color:var(--muted);margin:0;line-height:1.7}.dark-section{width:100%;max-width:none;padding:120px max(20px, calc((100% - var(--max)) / 2));background:var(--bg)}.dark-section .section-heading{width:min(100%, var(--max))}.product-grid{width:min(100%, var(--max));grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.product-card{border:1px solid var(--line);background:linear-gradient(135deg, #2cd4ff1f, #7cffd40a), var(--card);border-radius:34px;flex-direction:column;align-items:flex-start;min-height:330px;padding:30px;display:flex;box-shadow:0 24px 80px #0000002e}.product-card>span{border:1px solid var(--line);color:var(--accent);background:#02071380;border-radius:999px;margin-bottom:52px;padding:9px 13px;font-size:12px;font-weight:900;display:inline-flex}.product-card h3{letter-spacing:-.05em;margin:0;font-size:26px;line-height:1.18}.product-card p{color:var(--muted);margin:18px 0 0;line-height:1.7}.product-link-button{min-height:46px;margin-top:auto;padding:0 18px;font-size:14px}.story-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.story-card{background:#fff1;border:1px solid #ffffff1f;border-radius:34px;min-height:260px;padding:30px;box-shadow:0 24px 80px #00000029}.story-card h3{letter-spacing:-.05em;margin:0;font-size:25px;line-height:1.2}.story-card p{color:var(--muted);margin:24px 0 0;line-height:1.7}.contact-section{width:min(100% - 40px, var(--max));color:var(--dark);background:linear-gradient(135deg,#e9fbff,#f4fff9);border-radius:38px;grid-template-columns:1fr auto;align-items:center;gap:34px;margin:0 auto;padding:clamp(46px,6vw,78px);display:grid}.contact-section h2{letter-spacing:-.07em;max-width:760px;margin:0;font-size:clamp(34px,5vw,60px);line-height:1.08}.contact-section p:not(.eyebrow){max-width:720px;color:var(--dark-muted);margin:20px 0 0;font-size:18px;line-height:1.75}.contact-section .eyebrow{color:#008fbe}.contact-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.contact-section .secondary-button{color:var(--dark);background:#07111e0f;border-color:#07111e26}.contact-section .secondary-button:hover{background:#07111e1a}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#020713b8;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.contact-modal{width:min(100%,760px);max-height:min(92vh,820px);color:var(--dark);background:linear-gradient(135deg,#fffffffa,#ecfafffa);border:1px solid #ffffff2e;border-radius:34px;padding:clamp(26px,4vw,44px);position:relative;overflow:auto;box-shadow:0 34px 120px #0000006b}.modal-close{width:40px;height:40px;color:var(--dark);cursor:pointer;background:#07111e0d;border:1px solid #07111e1a;border-radius:999px;font-size:26px;line-height:1;position:absolute;top:18px;right:18px}.modal-close:hover{background:#07111e1a}.contact-modal h2{letter-spacing:-.065em;max-width:620px;margin:0;padding-right:34px;font-size:clamp(32px,5vw,52px);line-height:1.05}.modal-description{max-width:620px;color:var(--dark-muted);font-size:17px;line-height:1.7}.contact-form{gap:16px;margin-top:30px;display:grid}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.contact-form label{color:#243246;gap:9px;font-size:14px;font-weight:900;display:grid}.contact-form input,.contact-form textarea{width:100%;color:var(--dark);background:#ffffffd6;border:1px solid #07111e1f;border-radius:18px;outline:0;transition:border .2s,box-shadow .2s,background .2s}.contact-form input{height:54px;padding:0 16px}.contact-form textarea{resize:vertical;min-height:150px;padding:16px}.contact-form input:focus,.contact-form textarea:focus{background:#fff;border-color:#008fbe85;box-shadow:0 0 0 4px #2cd4ff24}.hidden-field{display:none!important}.modal-actions{flex-wrap:wrap;gap:12px;margin-top:8px;display:flex}.modal-actions .secondary-button{color:var(--dark);background:#07111e0f;border-color:#07111e26}.form-note{color:var(--dark-muted);margin:0;font-size:14px;line-height:1.6}.site-footer{width:min(100% - 40px, var(--max));border-top:1px solid var(--line);color:var(--white);grid-template-columns:.75fr 1.25fr;gap:clamp(34px,6vw,90px);margin:90px auto 0;padding:56px 0 42px;display:grid}.footer-brand strong{letter-spacing:-.02em;margin-bottom:12px;font-size:20px;display:block}.footer-brand p,.site-footer dd,.site-footer a{color:var(--muted)}.footer-info-grid{grid-template-columns:1fr 180px;gap:clamp(28px,5vw,70px);display:grid}.footer-column h3{color:var(--white);letter-spacing:-.02em;margin:0 0 18px;font-size:16px}.footer-column dl{gap:12px;margin:0;display:grid}.footer-column dl div{grid-template-columns:118px 1fr;gap:18px;display:grid}.footer-column dt{color:#ffffffd1;font-weight:900}.footer-column dd{margin:0;line-height:1.7}.footer-column a{transition:color .2s}.footer-column a:hover{color:var(--accent)}.footer-sns-links{gap:10px;display:grid}.footer-sns-links a{text-transform:lowercase;width:fit-content}.footer-copyright{border-top:1px solid var(--line);color:var(--muted);grid-column:1/-1;margin:8px 0 0;padding-top:28px;font-size:14px}@media (width<=1080px){.hero-section{grid-template-columns:1fr;padding-top:140px}.hero-panel{min-height:420px}.scan-visual{min-height:372px}.section-heading.split,.contact-section{grid-template-columns:1fr}.contact-actions{justify-content:flex-start}.site-footer{grid-template-columns:1fr}}@media (width<=920px){.desktop-nav{display:none}.hub-grid,.product-grid,.story-grid{grid-template-columns:1fr}.solution-item{grid-template-columns:1fr;gap:12px}}@media (width<=640px){.site-header{height:68px;padding:0 14px}.brand small{display:none}.brand strong{font-size:14px}.brand-mark{border-radius:12px;width:34px;height:34px}.header-button{min-height:38px;padding:0 13px;font-size:12px}.hero-section{min-height:auto;padding:120px 14px 72px}.hero-content h1{font-size:clamp(44px,15vw,68px)}.hero-description{font-size:17px}.primary-button,.secondary-button,.product-link-button{width:100%;min-height:50px}.hero-actions,.contact-actions,.modal-actions{width:100%}.hero-panel{border-radius:28px;min-height:360px}.scan-visual{min-height:312px}.scan-card{padding:12px 14px}.card-b{top:70px;right:16px}.card-a{bottom:24px;left:16px}.section{width:min(100% - 28px, var(--max));padding:82px 0}.section-heading{margin-bottom:32px}.section-heading h2,.brand-message h2,.contact-section h2{letter-spacing:-.06em}.hub-card,.product-card,.story-card{border-radius:28px;min-height:auto;padding:24px}.hub-card p,.product-card>span{margin-bottom:38px}.product-link-button{margin-top:26px}.brand-message{padding:88px 14px}.message-lines span{letter-spacing:-.07em}.dark-section{padding:82px 14px}.contact-section{width:min(100% - 28px, var(--max));border-radius:30px;padding:32px 22px}.modal-backdrop{align-items:end;padding:12px}.contact-modal{border-radius:28px;max-height:94vh}.form-grid{grid-template-columns:1fr}.site-footer{width:min(100% - 28px, var(--max));margin-top:64px;padding-bottom:34px}.footer-info-grid{grid-template-columns:1fr}.footer-column dl div{grid-template-columns:1fr;gap:4px}}
