/* GNK brand palette from the supplied HTML */
:root{--bg:#061222;--surface:#0b1d32;--text:#f6f6f1;--gold:#dbb571;--line:#324053;--muted:#9aa9bb;--container:1200px;--header-height:88px;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--text);font-family:"Pretendard","Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",Arial,sans-serif;-webkit-font-smoothing:antialiased;word-break:keep-all}button,a,input{ -webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:default}img{display:block;max-width:100%;height:auto}p,h1,h2,h3{margin:0}button{color:inherit}::selection{background:var(--gold);color:var(--bg)}:focus-visible{outline:2px solid var(--gold);outline-offset:5px}section[id]{scroll-margin-top:20px}.container{width:calc(100% - 112px);max-width:var(--container);margin-inline:auto}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.skip-link{position:fixed;z-index:100;left:16px;top:12px;padding:14px 20px;background:var(--gold);color:var(--bg);transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}
.site-header{height:var(--header-height);position:sticky;top:0;z-index:30;background:rgba(6,18,34,.92);backdrop-filter:blur(20px);border-bottom:1px solid rgba(50,64,83,.55)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:inline-flex;gap:11px;align-items:center;font-size:24px;font-weight:800;letter-spacing:-.8px;white-space:nowrap}.brand-mark{width:35px;height:35px;fill:none;stroke:var(--gold);stroke-width:1.6;stroke-linejoin:round}.brand-light{font-weight:400;margin-left:6px}.desktop-nav{display:flex;align-items:center;gap:30px;font-size:13px;color:#b7c0cd}.desktop-nav a{transition:color .2s}.desktop-nav a:hover{color:var(--gold)}.header-actions{display:flex;gap:20px;align-items:center}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:55px;padding:10px 12px 10px 24px;border:1px solid transparent;border-radius:100px;font-size:14px;font-weight:650;line-height:1.4;transition:transform .25s var(--ease),background .25s,border-color .25s;white-space:nowrap}.button:hover{transform:translateY(-3px)}.button-gold{background:var(--gold);color:#061222;border-color:var(--gold)}.button-gold:hover{background:#e9c68b;border-color:#e9c68b}.button-circle{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(6,18,34,.25);border-radius:50%}.button-circle .icon{width:18px;height:18px}.button-outline{background:transparent;border-color:rgba(219,181,113,.6);color:var(--gold)}.button-outline:hover{background:rgba(219,181,113,.09);border-color:var(--gold)}.button-small{min-height:42px;padding:10px 17px;font-size:12px;gap:14px}.button-small .icon{width:15px;height:15px}.text-link{display:inline-flex;align-items:center;gap:13px;border:0;background:none;padding:0;font-size:13px;transition:color .2s}.text-link:hover{color:var(--gold)}.text-link .icon{width:18px;height:18px}.menu-toggle{display:none;border:0;background:transparent;width:32px;height:38px;padding:8px 3px}.menu-toggle span{display:block;width:26px;height:1px;background:var(--text);margin:7px 0;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.mobile-nav{border-bottom:1px solid var(--line);background:var(--bg);padding:8px 28px 22px}.mobile-nav a{display:block;padding:15px 0;border-bottom:1px solid #1b2a3c;color:#d2d8df;font-size:15px}
.hero{overflow:hidden;position:relative;background:radial-gradient(ellipse at 80% 60%,#10213a55,transparent 53%)}.hero-grid{display:grid;grid-template-columns:1fr 1.05fr;position:relative;min-height:690px}.hero-copy{position:relative;z-index:2;padding:100px 0 86px}.eyebrow{font-family:Arial,sans-serif;font-size:10px;font-weight:600;letter-spacing:2.2px;color:var(--gold);line-height:1.7}.hero-eyebrow{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:2px;margin-bottom:25px}.status-dot{display:inline-block;width:6px;height:6px;flex-shrink:0;border-radius:50%;background:var(--gold);box-shadow:0 0 12px #dbb57135}.hero h1{font-size:clamp(48px,4.65vw,66px);line-height:1.22;font-weight:650;letter-spacing:-3.5px}.gold-text{color:var(--gold)}.hero-description{color:#a5b3c4;font-size:14px;line-height:1.85;margin-top:25px;letter-spacing:-.2px}.hero-buttons{display:flex;align-items:center;gap:27px;margin-top:34px}.hero-caption{display:flex;gap:13px;align-items:center;color:#6e7b8d;font-family:Arial,sans-serif;font-size:8px;letter-spacing:1.8px;margin-top:37px}.fine-line{width:28px;height:1px;background:#6e7b8d}.hero-visual{position:relative;align-self:stretch;min-width:0}.hero-card-image{position:absolute;max-width:none;width:1000px;height:auto;top:85px;left:50%;transform:translateX(-51%);mask-image:radial-gradient(ellipse 49% 49% at 52% 52%,black 39%,transparent 94%);-webkit-mask-image:radial-gradient(ellipse 49% 49% at 52% 52%,black 39%,transparent 94%);animation:card-in 1.7s var(--ease) both;pointer-events:none}.orbit-label{position:absolute;top:101px;left:81px;z-index:1;display:flex;gap:11px;align-items:center;font-family:Arial,sans-serif;font-size:8px;letter-spacing:1.8px;color:#657c97}.orbit-label .icon{width:17px;height:17px}.hero-product-label{position:absolute;bottom:103px;left:72px;right:10px;display:flex;gap:14px;align-items:center}.tiny-cross{color:var(--gold);font-size:23px;font-weight:200}.hero-product-label strong{display:block;font-family:Arial,sans-serif;font-size:10px;letter-spacing:2px;font-weight:500}.hero-product-label div>span{display:block;color:#798a9f;font-family:Arial,sans-serif;font-size:10px;margin-top:6px}.product-line{height:1px;background:linear-gradient(90deg,#67738255,transparent);flex:1;margin-left:18px}.visual-coordinate{position:absolute;right:0;bottom:56px;color:#566880;font-family:Arial,sans-serif;font-size:7px;letter-spacing:1.5px}.hero-bottom{display:flex;justify-content:space-between;padding-bottom:24px;font-family:Arial,sans-serif;font-size:8px;letter-spacing:1.8px;color:#718096}.hero-bottom a{display:flex;align-items:center;gap:22px}.hero-bottom a span{font-size:18px;color:var(--gold);letter-spacing:0}.value-strip{border-top:1px solid #32405370;border-bottom:1px solid #32405370;background:#091727}.value-strip>.container{display:flex;align-items:center;justify-content:space-between;padding-block:23px;gap:20px;color:#9eacbc;font-family:Arial,sans-serif;font-size:10px;letter-spacing:2px}.strip-spark{color:var(--gold);font-size:15px;opacity:.7}
.section{padding:116px 0}.section-heading h2,h2{font-size:42px;line-height:1.35;letter-spacing:-1.9px;font-weight:600}.section-heading .eyebrow{margin-bottom:20px}.section-heading>p:not(.eyebrow){font-size:14px;line-height:1.8;color:var(--muted);margin-top:23px}.centered{text-align:center;max-width:650px;margin-inline:auto}.muted-heading{color:#7f8e9f}.intro-grid{display:grid;grid-template-columns:1.42fr 1fr;gap:20px;margin-top:60px}.intro-main{position:relative;overflow:hidden;min-height:460px;border:1px solid #33405388;border-radius:18px;background:radial-gradient(ellipse at 70% 82%,#25405c60,transparent 60%),#0a192b}.intro-main-copy{position:relative;z-index:2;padding:36px 38px}.intro-main h3{font-size:28px;line-height:1.45;font-weight:550;letter-spacing:-1px;margin-top:18px}.intro-main p{margin-top:17px;font-size:12px;line-height:1.8;color:var(--muted)}.connection-art{height:200px;position:absolute;bottom:-20px;right:-10px;left:20px}.connection-art img{position:absolute;width:290px;right:50px;bottom:34px;transform:rotate(-16deg);filter:drop-shadow(0 15px 28px #0009)}.art-orbit{position:absolute;border:1px solid #dbb57133;width:630px;height:210px;left:-65px;bottom:-20px;border-radius:50%;transform:rotate(-17deg)}.orbit-two{bottom:16px;transform:rotate(12deg);border-color:#5e789933}.art-dot{position:absolute;width:10px;height:10px;left:110px;bottom:100px;background:var(--gold);border-radius:50%;box-shadow:0 0 28px #dbb57180}.corner-plus{position:absolute;right:25px;top:23px;color:#5a6a7c;font-size:22px;font-weight:200}.intro-side{display:grid;grid-template-columns:1fr;gap:20px}.intro-small{position:relative;border:1px solid #33405388;border-radius:18px;background:#0a192b;padding:29px 32px;overflow:hidden}.intro-small .eyebrow{font-size:9px;letter-spacing:1.7px}.intro-small h3{font-size:21px;line-height:1.45;letter-spacing:-.7px;font-weight:550;margin-top:11px}.intro-small p{font-size:12px;line-height:1.7;color:var(--muted);margin-top:13px}.feature-icon{position:absolute;top:28px;right:28px;color:var(--gold);width:43px;height:43px;display:grid;place-items:center;border:1px solid #dbb57133;border-radius:12px;background:#dbb57107}.feature-icon .icon{width:21px;height:21px}
.experience-section{border-top:1px solid #32405345;background:linear-gradient(180deg,#0a1929,var(--bg));padding-block:100px}.experience-grid{display:grid;grid-template-columns:1fr 1fr;gap:95px;align-items:center}.experience-copy h2,.card-copy h2,.faq-grid h2{margin-top:19px}.section-description{color:var(--muted);font-size:14px;line-height:1.9;margin-top:23px}.experience-tabs{margin-top:37px}.experience-tab{display:flex;align-items:center;text-align:left;width:100%;gap:18px;padding:22px 18px 22px 0;border:0;border-top:1px solid #32405375;background:transparent;color:#8493a7;transition:color .2s,padding .3s,background .3s;border-radius:0}.experience-tab:last-child{border-bottom:1px solid #32405375}.experience-tab.active{color:var(--text);padding-left:16px;background:linear-gradient(90deg,#dbb57109,transparent);border-top-color:#dbb57165}.tab-number{font-family:Arial,sans-serif;font-size:10px;color:#65758a}.experience-tab.active .tab-number{color:var(--gold)}.experience-tab strong{font-size:16px;letter-spacing:-.4px;font-weight:500;display:block}.experience-tab small{display:block;font-size:11px;color:#7e8da1;margin-top:7px}.experience-tab>.icon{margin-left:auto;width:18px;height:18px;color:#566b83}.experience-tab.active>.icon{color:var(--gold)}.experience-stage{min-height:526px;border:1px solid #32405377;border-radius:22px;background:radial-gradient(ellipse at 50% 40%,#163047,var(--bg) 73%);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.stage-grid{position:absolute;inset:0;opacity:.3;background-image:linear-gradient(#32405370 1px,transparent 1px),linear-gradient(90deg,#32405370 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse at center,black,transparent 70%)}.experience-panel{position:relative;width:100%;padding:34px 35px 57px;animation:fade-in .45s var(--ease)}[hidden]{display:none!important}.wallet-preview{width:290px;max-width:100%;margin:auto;background:linear-gradient(150deg,#17283b,#081421);border:1px solid #65738577;padding:21px 23px 0;border-radius:21px;box-shadow:0 20px 70px #0008;transform:rotate(-4deg)}.preview-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:23px;border-bottom:1px solid #3c4b5c66}.mini-brand{font-family:Arial,sans-serif;font-size:12px;font-weight:700;letter-spacing:.5px}.mini-brand>span{font-weight:400;margin-left:3px}.preview-avatar{display:grid;place-items:center;background:#dbb57118;color:var(--gold);border-radius:50%;width:24px;height:24px;font-size:9px}.preview-title{font-family:Arial,sans-serif;font-size:8px;letter-spacing:1.5px;color:#8d9fb5;margin-top:26px;display:flex;justify-content:space-between}.preview-title>span{font-size:15px;color:var(--gold)}.wallet-balance{font-size:25px;font-weight:550;line-height:1.4;letter-spacing:-.7px;margin-top:13px}.wallet-balance span{color:var(--gold)}.preview-asset{display:flex;align-items:center;gap:10px;margin-top:26px;padding:14px 0;border-top:1px solid #3c4b5c66;border-bottom:1px solid #3c4b5c66}.asset-symbol{color:var(--gold);font-size:22px}.preview-asset b,.preview-card b{font-size:11px;font-weight:500;display:block}.preview-asset small,.preview-card small{font-size:8px;color:#71849e;display:block;margin-top:5px}.preview-asset>.icon{width:14px;height:14px;color:#8596aa;margin-left:auto}.wallet-connection{display:flex;align-items:center;justify-content:center;gap:13px;height:39px;color:var(--gold)}.wallet-connection>span{height:1px;width:34px;background:#dbb57144}.wallet-connection .icon{width:17px;height:17px;transform:rotate(90deg)}.preview-card{display:flex;gap:10px;align-items:center;background:#dbb57109;border:1px solid #dbb57140;border-radius:9px;padding:15px 11px}.preview-card>.icon{color:var(--gold);width:23px;height:23px}.preview-tag{font-family:Arial,sans-serif;font-size:6px;color:var(--gold);margin-left:auto;padding:4px 5px;border:1px solid #dbb57133;border-radius:3px}.preview-bottom{display:flex;justify-content:space-between;color:#6f839c;font-family:Arial,sans-serif;font-size:7px;letter-spacing:1px;padding:25px 8px 20px}.preview-bottom .selected{color:var(--gold)}.floating-tag{position:absolute;bottom:41px;right:15px;display:flex;align-items:center;gap:9px;background:#172638ee;border:1px solid #64718377;border-radius:8px;padding:16px 18px;box-shadow:0 10px 40px #0004;font-family:Arial,sans-serif;font-size:7px;letter-spacing:1px;transform:rotate(3deg)}.stage-note{position:absolute;bottom:17px;font-family:Arial,sans-serif;font-size:7px;color:#65758b;letter-spacing:1.2px}.payment-panel img{position:relative;max-width:330px;width:90%;margin:38px auto 45px;transform:rotate(-12deg);filter:drop-shadow(0 25px 20px #0008)}.payment-orbit{position:absolute;width:430px;height:210px;border:1px solid #dbb57130;left:50%;top:53px;transform:translateX(-50%) rotate(-25deg);border-radius:50%}.panel-message{text-align:center;position:relative}.panel-message>.icon{color:var(--gold);width:26px;height:26px;margin-bottom:15px}.panel-message h3{font-size:21px;font-weight:500;letter-spacing:-.7px}.panel-message p{color:var(--muted);font-size:12px;line-height:1.8;margin-top:15px}.security-emblem{display:grid;place-items:center;margin:10px auto 45px;width:150px;height:150px;border:1px solid #dbb57155;border-radius:50%;background:radial-gradient(circle,#dbb57112,transparent);box-shadow:0 0 0 25px #dbb57104,0 0 0 50px #dbb57103}.security-emblem .icon{color:var(--gold);width:65px;height:65px;stroke-width:1}.security-checks{display:flex;justify-content:center;gap:20px;margin-top:25px;color:var(--gold);font-size:10px}.security-checks>span{display:flex;align-items:center;gap:5px}.security-checks .icon{width:14px;height:14px}
.card-section{border-top:1px solid #32405345}.card-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:100px;align-items:center}.card-display{position:relative;height:445px;display:flex;align-items:center;justify-content:center;perspective:1000px;overflow:hidden;background:radial-gradient(ellipse at 50% 55%,#dbb5710e,transparent 60%)}.card-display>img{width:390px;max-width:80%;position:relative;transform:rotate(-12deg) rotateY(-7deg);filter:drop-shadow(0 35px 25px #0008);transition:transform .65s var(--ease)}.card-display:hover>img{transform:rotate(-7deg) rotateY(0) translateY(-10px)}.card-display-ring{position:absolute;width:490px;height:280px;border:1px solid #dbb57128;border-radius:50%;transform:rotate(-28deg);box-shadow:0 0 0 30px #dbb57102}.card-watermark{position:absolute;font-family:Arial,sans-serif;font-size:170px;font-weight:800;letter-spacing:-10px;top:31px;color:#18263760}.card-display-caption{position:absolute;bottom:8px;left:28px;right:28px;display:flex;align-items:center;gap:9px;font-family:Arial,sans-serif;font-size:8px;letter-spacing:1.6px;color:#b5a078;padding-top:23px;border-top:1px solid #dbb57125}.card-display-caption>span:last-child{margin-left:auto;color:#5f6b7a}.card-specs{margin-block:27px 30px}.card-specs>div{display:flex;justify-content:space-between;align-items:center;padding-block:14px;border-bottom:1px solid #32405377}.card-specs>div>span{font-family:Arial,sans-serif;font-size:8px;letter-spacing:1.8px;color:#72849b}.card-specs strong{font-family:Arial,sans-serif;font-size:11px;font-weight:400;color:#ccd4dc}.card-specs .status-dot{width:5px;height:5px;margin-right:6px;vertical-align:2px}.card-note{font-size:9px;line-height:1.8;color:#6c7b90;margin-top:16px}
.steps-section{background:#0a192b;border-block:1px solid #32405350;padding-block:90px}.steps-heading{display:flex;align-items:flex-end;justify-content:space-between}.steps-heading>p{margin:0 0 6px!important;font-size:13px!important}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;list-style:none;padding:0;margin:53px 0 0}.steps-grid li{border-top:1px solid #dbb57170;padding-top:25px;position:relative}.step-top{display:flex;justify-content:space-between;align-items:center;color:var(--gold)}.step-number{font-family:Arial,sans-serif;font-size:37px;font-weight:300;letter-spacing:-1.5px}.step-top>.icon{width:23px;height:23px;color:#7a8b9f}.steps-grid h3{font-size:20px;letter-spacing:-.8px;font-weight:500;margin-top:30px}.steps-grid p{font-size:12px;color:var(--muted);line-height:1.9;margin-top:13px}.step-caption{display:block;font-family:Arial,sans-serif;font-size:7px;letter-spacing:1.8px;color:#687d98;margin-top:29px}
.faq-grid{display:grid;grid-template-columns:1fr 1.45fr;gap:100px}.faq-grid .text-link{margin-top:28px;color:var(--gold)}.faq-list{border-top:1px solid #324053aa}.faq-list details{border-bottom:1px solid #324053aa}.faq-list summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 0;cursor:pointer;font-size:14px;font-weight:450;letter-spacing:-.3px}.faq-list summary::-webkit-details-marker{display:none}.faq-plus{position:relative;width:15px;height:15px;flex-shrink:0}.faq-plus:before,.faq-plus:after{content:"";position:absolute;top:7px;left:1px;width:13px;height:1px;background:#a3afbd}.faq-plus:after{transform:rotate(90deg);transition:transform .2s}.faq-list details[open] .faq-plus:after{transform:rotate(0)}.faq-list details[open] summary{color:var(--gold)}.faq-list details[open] .faq-plus:before,.faq-list details[open] .faq-plus:after{background:var(--gold)}.faq-list details p{font-size:12px;color:var(--muted);line-height:1.95;max-width:94%;padding-bottom:25px}.closing-section{padding-bottom:90px}.closing-inner{position:relative;overflow:hidden;border:1px solid #32405388;background:radial-gradient(ellipse at 50% 160%,#34516b70,transparent 74%),linear-gradient(110deg,#0b1b2d,#0a192a);border-radius:23px;text-align:center;padding:69px 30px 74px}.closing-inner>*:not(.closing-orbits){position:relative}.closing-inner h2{margin-top:21px;font-size:43px}.closing-inner>p:not(.eyebrow){font-size:13px;color:var(--muted);margin-top:23px}.closing-inner .button{margin-top:31px}.closing-orbits{position:absolute;inset:0;pointer-events:none;opacity:.5}.closing-orbits span{position:absolute;width:160%;height:600px;border:1px solid #dbb57124;left:-30%;top:130px;border-radius:50%}.closing-orbits span:nth-child(2){top:160px;width:140%;left:-20%}.closing-orbits span:nth-child(3){top:190px;width:120%;left:-10%}.site-footer{border-top:1px solid #32405377;padding:48px 0 29px}.footer-top{display:flex;justify-content:space-between;gap:30px;padding-bottom:36px;border-bottom:1px solid #32405377}.footer-top .brand{font-size:21px}.footer-top .brand-mark{width:30px;height:30px}.footer-top p{font-family:Arial,sans-serif;font-size:7px;letter-spacing:2px;color:#6f7e93;margin-top:13px}.footer-top nav{display:flex;align-items:center;gap:30px;color:#8c9aad;font-size:11px}.footer-top nav a:hover,.footer-top nav button:hover{color:var(--gold)}.footer-top nav button{background:none;padding:0;border:0;font-size:11px;color:inherit}.footer-top nav button span{margin-left:8px}.footer-bottom{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#73839b;margin-top:23px}.footer-bottom>p{font-family:Arial,sans-serif}.footer-bottom>span{display:flex;align-items:center;gap:8px}.footer-bottom .status-dot{width:4px;height:4px}.footer-note{font-size:8px;line-height:1.8;color:#53667e;margin-top:20px;max-width:820px}
.info-dialog{max-width:450px;width:calc(100% - 36px);padding:42px 36px 33px;background:linear-gradient(150deg,#142940,#0a192a);color:var(--text);border:1px solid #dbb57155;border-radius:22px;text-align:center;box-shadow:0 30px 100px #0009}.info-dialog::backdrop{background:#020911cc;backdrop-filter:blur(7px)}.dialog-close{position:absolute;right:15px;top:12px;background:none;border:0;color:#99a6b6;font-size:27px;font-weight:300;width:35px;height:35px}.dialog-emblem{width:61px;height:61px;display:grid;place-items:center;margin:0 auto 23px;border:1px solid #dbb57144;background:#dbb57108;border-radius:16px;color:var(--gold)}.dialog-emblem .icon{width:28px;height:28px}.info-dialog .eyebrow{font-size:8px}.info-dialog h2{font-size:29px;letter-spacing:-1px;margin-top:16px;line-height:1.45}.info-dialog>p:not(.eyebrow){font-size:12px;color:var(--muted);line-height:1.9;margin-top:18px}.dialog-status{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:24px;font-size:10px;color:var(--gold)}.info-dialog .button{margin-top:28px;width:100%;min-height:48px;padding:12px 20px}.info-dialog .button .icon{width:18px;height:18px}body.dialog-open{overflow:hidden}.reveal{transition:opacity .8s var(--ease),transform .8s var(--ease)}.js-motion .reveal:not(.is-visible){opacity:0;transform:translateY(22px)}@keyframes card-in{from{opacity:0;transform:translateX(-51%) translateY(20px)}to{opacity:1;transform:translateX(-51%) translateY(0)}}@keyframes fade-in{from{opacity:.3;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){.hero-grid{min-height:740px}.hero-copy{padding-top:120px}.hero-card-image{top:110px}.orbit-label{top:120px}.hero h1{font-size:70px}.hero-product-label{bottom:115px}}
@media(max-width:1100px){.container{width:calc(100% - 72px)}.desktop-nav{gap:21px;font-size:12px}.header-inner{gap:20px}.brand{font-size:22px}.hero-grid{min-height:660px}.hero-copy{padding-top:91px}.hero h1{font-size:55px;letter-spacing:-2.5px}.hero-description{font-size:12px}.hero-buttons{gap:17px}.hero-buttons .button{font-size:12px;padding-left:18px}.hero-buttons .text-link{font-size:11px;gap:8px}.hero-card-image{width:850px;top:110px;transform:translateX(-51%)}.orbit-label{left:50px;top:99px;font-size:7px}.hero-product-label{left:50px;bottom:97px}.value-strip>.container{font-size:8px;letter-spacing:1.5px}.experience-grid{gap:50px}.card-grid,.faq-grid{gap:60px}.section-heading h2,h2{font-size:36px}.intro-main h3{font-size:26px}.intro-small h3{font-size:20px}.experience-tab strong{font-size:15px}.experience-stage{min-height:500px}.wallet-preview{width:275px}.floating-tag{right:12px;font-size:6px}.card-display{height:410px}.steps-grid{gap:29px}.footer-top nav{gap:23px}}
@media(max-width:860px){:root{--header-height:76px}.container{width:calc(100% - 48px)}.desktop-nav{display:none}.menu-toggle{display:block}.hero-grid{min-height:595px;grid-template-columns:1fr 1fr}.hero-copy{padding-top:73px;padding-bottom:65px}.hero h1{font-size:48px;letter-spacing:-2.6px}.hero-buttons{flex-wrap:wrap;gap:18px;margin-top:27px}.hero-caption{font-size:6px;letter-spacing:1px;margin-top:25px}.hero-description{font-size:12px;max-width:315px}.desktop-break{display:none}.hero-card-image{width:720px;top:126px;left:56%}.orbit-label{left:20px;font-size:6px;top:85px;letter-spacing:1.2px}.hero-product-label{left:25px;bottom:99px;right:0}.hero-product-label strong{font-size:8px}.hero-product-label div>span{font-size:8px}.visual-coordinate{bottom:59px;font-size:5px}.section{padding-block:85px}.intro-grid{grid-template-columns:1.2fr 1fr;gap:15px;margin-top:45px}.intro-main-copy{padding:30px 26px}.intro-main h3{font-size:23px}.intro-main p{font-size:11px}.intro-small{padding:25px 23px}.intro-small h3{font-size:18px}.intro-small p{font-size:11px}.intro-side{gap:15px}.feature-icon{right:18px;top:21px;width:34px;height:34px}.feature-icon .icon{width:18px;height:18px}.connection-art img{right:10px;width:250px;bottom:42px}.experience-grid{gap:30px}.experience-copy h2{font-size:30px;letter-spacing:-1.5px}.section-description{font-size:12px}.experience-tab{gap:12px;padding-block:18px}.experience-tab strong{font-size:14px}.experience-tab small{font-size:10px}.experience-stage{min-height:480px}.experience-panel{padding-inline:20px}.wallet-preview{width:242px;padding:17px 18px 0}.wallet-balance{font-size:22px}.floating-tag{right:8px;padding:12px;font-size:5px;bottom:41px}.card-grid{gap:35px;grid-template-columns:1fr 1fr}.card-copy h2{font-size:34px}.card-display{height:390px}.card-display>img{max-width:92%}.card-display-ring{width:360px;height:220px}.card-watermark{font-size:135px;top:56px}.card-display-caption{left:0;right:0;font-size:6px}.steps-heading>p{font-size:11px!important}.steps-grid{gap:25px}.steps-grid h3{font-size:18px}.steps-grid p{font-size:11px}.step-caption{font-size:6px;letter-spacing:1px}.faq-grid{gap:45px;grid-template-columns:1fr 1.3fr}.faq-list summary{font-size:12px}.faq-list details p{font-size:11px}.closing-inner h2{font-size:37px}.footer-top nav{gap:18px;font-size:10px}}
@media(max-width:640px){:root{--header-height:70px}.container{width:calc(100% - 40px)}.header-inner{gap:12px}.brand{font-size:20px;gap:8px}.brand-mark{width:29px;height:29px}.header-actions{gap:12px}.button-small{font-size:10px;padding:9px 12px;gap:7px;min-height:36px}.button-small .icon{width:13px;height:13px}.menu-toggle{width:26px}.menu-toggle span{width:22px}.hero-grid{display:flex;flex-direction:column;min-height:0}.hero-copy{padding:57px 0 0;text-align:center}.hero-eyebrow{justify-content:center;font-size:8px;letter-spacing:1.7px;margin-bottom:20px}.hero h1{font-size:48px;line-height:1.2;letter-spacing:-2.9px}.hero h1 br:nth-of-type(2){display:none}.hero h1 .gold-text{display:block}.hero-description{margin:21px auto 0;max-width:320px;font-size:12px;line-height:1.85}.hero-buttons{justify-content:center;margin-top:26px;gap:22px}.hero-buttons .button{font-size:12px;min-height:47px;gap:13px}.button-circle{width:29px;height:29px}.hero-buttons .text-link{font-size:10px}.hero-caption{display:none}.hero-visual{height:300px;width:100%;margin-top:12px}.hero-card-image{width:650px;top:-38px;left:50%;mask-image:radial-gradient(ellipse 49% 49% at 52% 52%,black 36%,transparent 94%);-webkit-mask-image:radial-gradient(ellipse 49% 49% at 52% 52%,black 36%,transparent 94%)}.orbit-label{display:none}.hero-product-label{bottom:17px;left:50%;transform:translateX(-50%);white-space:nowrap;right:auto;gap:9px}.hero-product-label strong{font-size:7px;letter-spacing:1.5px}.hero-product-label div>span{font-size:7px;text-align:center}.tiny-cross{font-size:18px}.product-line{display:none}.visual-coordinate{display:none}.hero-bottom{font-size:5px;letter-spacing:1px;padding-top:19px;padding-bottom:18px}.hero-bottom a{gap:11px}.hero-bottom a span{font-size:14px}.value-strip>.container{padding-block:19px;gap:10px;font-size:6px;letter-spacing:1px;flex-wrap:wrap;justify-content:center}.value-strip>.container>span:last-child,.value-strip>.container>span:nth-last-child(2){display:none}.strip-spark{font-size:10px}.section{padding-block:70px}.section-heading h2,h2{font-size:30px;letter-spacing:-1.5px}.eyebrow{font-size:8px;letter-spacing:1.7px}.section-heading .eyebrow{margin-bottom:17px}.section-heading>p:not(.eyebrow){font-size:12px;margin-top:20px}.intro-grid{grid-template-columns:1fr;margin-top:36px;gap:14px}.intro-main{min-height:380px;border-radius:15px}.intro-main-copy{padding:28px}.intro-main h3{font-size:25px;margin-top:14px}.intro-main p{font-size:12px;line-height:1.8;margin-top:13px}.connection-art{height:170px}.connection-art img{width:238px;right:27px;bottom:20px}.intro-side{grid-template-columns:1fr 1fr;gap:12px}.intro-small{padding:22px 18px 24px;border-radius:15px}.intro-small .eyebrow{font-size:7px;letter-spacing:1px}.intro-small h3{font-size:16px;letter-spacing:-.7px;margin-top:36px}.intro-small p{font-size:10px;line-height:1.8;margin-top:12px}.intro-small p br{display:none}.feature-icon{top:49px;right:auto;left:18px;width:27px;height:27px;border-radius:8px}.feature-icon .icon{width:14px;height:14px}.experience-grid{grid-template-columns:1fr;gap:32px}.experience-copy h2{font-size:30px}.experience-copy>.eyebrow{text-align:left}.experience-tabs{margin-top:25px}.experience-tab{padding:20px 14px 20px 0}.experience-tab strong{font-size:14px}.experience-tab small{font-size:10px}.experience-stage{min-height:477px;border-radius:17px}.experience-panel{padding-block:32px 48px}.wallet-preview{width:263px;padding:20px 22px 0}.wallet-balance{font-size:24px}.floating-tag{font-size:6px;right:15px;bottom:41px;padding:14px}.preview-top{padding-bottom:20px}.stage-note{font-size:6px;bottom:13px}.card-grid{display:flex;flex-direction:column;gap:35px}.card-display{height:320px;width:100%;max-width:420px}.card-display>img{width:300px;max-width:84%}.card-display-ring{width:340px;height:205px}.card-watermark{font-size:133px;top:35px}.card-display-caption{left:7px;right:7px;padding-top:18px;font-size:7px;bottom:0}.card-copy{width:100%}.card-copy h2{font-size:32px}.card-specs{margin-block:24px}.card-specs>div{padding-block:15px}.card-copy .button{font-size:12px;min-height:50px}.card-note{font-size:8px}.steps-heading{display:block}.steps-heading>p{margin-top:20px!important;font-size:12px!important;line-height:1.85}.steps-grid{grid-template-columns:1fr;gap:30px;margin-top:35px}.steps-grid li{padding-top:23px;padding-left:61px}.step-top{position:static}.step-number{position:absolute;top:22px;left:0;font-size:30px}.step-top>.icon{position:absolute;top:26px;right:3px;width:20px;height:20px}.steps-grid h3{margin-top:0;font-size:18px}.steps-grid p{font-size:12px;margin-top:13px}.step-caption{margin-top:18px;font-size:6px;letter-spacing:1.5px}.faq-grid{grid-template-columns:1fr;gap:33px}.faq-grid .text-link{margin-top:20px;font-size:12px}.faq-list summary{font-size:13px;padding-block:23px}.faq-list details p{font-size:12px;padding-bottom:23px}.closing-section{padding-bottom:60px}.closing-inner{padding:46px 18px 49px;border-radius:17px}.closing-inner .eyebrow{font-size:6px;letter-spacing:1.6px}.closing-inner h2{font-size:29px;letter-spacing:-1.5px}.closing-inner>p:not(.eyebrow){font-size:11px;margin-top:20px}.closing-inner .button{font-size:12px;min-height:48px;gap:16px;margin-top:25px}.closing-orbits span{height:360px;top:152px}.closing-orbits span:nth-child(2){top:174px}.closing-orbits span:nth-child(3){top:196px}.site-footer{padding-top:32px;padding-bottom:23px}.footer-top{display:block;padding-bottom:25px}.footer-top nav{flex-wrap:wrap;gap:20px;margin-top:26px;font-size:10px}.footer-top nav button{font-size:10px}.footer-bottom{align-items:flex-start;gap:17px;font-size:8px;flex-direction:column;margin-top:20px}.footer-note{font-size:8px;margin-top:20px;line-height:1.9}.info-dialog{padding:36px 26px 28px}.info-dialog h2{font-size:26px}.info-dialog>p:not(.eyebrow){font-size:11px}}
@media(max-width:360px){.container{width:calc(100% - 32px)}.brand{font-size:18px}.brand-mark{width:25px;height:25px}.button-small{font-size:9px;padding-inline:9px}.hero h1{font-size:43px}.hero-card-image{width:590px;top:-22px}.hero-buttons{gap:15px}.hero-buttons .button{font-size:11px;gap:8px}.hero-buttons .text-link{font-size:9px}.intro-small{padding-inline:14px}.intro-small h3{font-size:15px}.feature-icon{left:14px}.floating-tag{right:6px;font-size:5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.js-motion .reveal:not(.is-visible){opacity:1;transform:none}.hero-card-image{animation:none}}

/* Moving gold: the card is the centre of a living flow of light. */
.motion-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.hero-grid{z-index:1}
.hero-canvas{mask-image:linear-gradient(90deg,transparent 22%,#000 52%);-webkit-mask-image:linear-gradient(90deg,transparent 22%,#000 52%)}
.hero-card-scene{position:absolute;width:1000px;aspect-ratio:1812 / 984;top:85px;left:50%;transform:translateX(-51%) perspective(1100px) translate3d(var(--card-shift-x,0px),var(--card-shift-y,0px),0) rotateX(var(--card-rx,0deg)) rotateY(var(--card-ry,0deg));transform-origin:53% 49%;pointer-events:none;will-change:transform}
.scene-float{position:relative;width:100%;height:100%}
.hero .hero-card-image{position:static;width:100%;height:auto;max-width:100%;top:auto;left:auto;transform:none;animation:none}
.scene-shimmer{position:absolute;inset:0;clip-path:polygon(30.5% 24.2%,74.6% 22.5%,75.8% 70.8%,29.8% 73.4%);overflow:hidden;mix-blend-mode:screen;pointer-events:none}
.scene-shimmer::before{content:"";position:absolute;inset:-25%;background:linear-gradient(108deg,transparent 39%,rgba(255,244,213,.035) 44%,rgba(255,246,220,.32) 49.5%,rgba(255,246,220,.14) 52%,transparent 59%);transform:translateX(-75%)}
.scene-edge{position:absolute;left:30.05%;top:23.7%;width:45.35%;height:48.7%;border:1px solid #f2d7a566;border-radius:2.4%;transform:rotate(-1.6deg);box-shadow:0 0 17px #dbb57118;opacity:.35}
.card-spark{position:absolute;display:block;width:13px;height:13px;opacity:.45;transform:translate(-50%,-50%);background:radial-gradient(circle,#fff8dd 0%,#f5dfa375 13%,transparent 66%);filter:drop-shadow(0 0 5px #e5c082);z-index:1}
.card-spark::before,.card-spark::after{content:"";position:absolute;background:linear-gradient(90deg,transparent,#fff3d1,transparent);height:1px;width:100%;top:50%;left:0}.card-spark::after{transform:rotate(90deg)}
.spark-one{left:30.5%;top:24.5%}.spark-two{left:75.5%;top:70.1%;width:18px;height:18px}.spark-three{left:71%;top:22.6%;width:10px;height:10px}
.motion-toggle{display:none;align-items:center;gap:7px;min-height:30px;border:1px solid #dbb5712e;border-radius:30px;background:#0b192acc;color:#a18f72;padding:6px 11px;font-size:9px;line-height:1;letter-spacing:.1px;transition:color .2s,border-color .2s}.motion-ready .motion-toggle{display:inline-flex}.motion-toggle:hover{color:var(--gold);border-color:#dbb57177}.motion-toggle .icon{width:10px;height:10px;stroke-width:2}.hero-bottom{align-items:center;position:relative;z-index:2}.motion-toggle[aria-pressed=true]{color:var(--gold)}
.motion-ready .hero h1 .gold-text{background:linear-gradient(110deg,#cda260 20%,#dbb571 36%,#fff0c5 49%,#dbb571 62%,#cda260 80%);background-size:220% 100%;background-clip:text;-webkit-background-clip:text;color:transparent}
.button-gold{position:relative;overflow:hidden;isolation:isolate}.button-gold::before{content:"";position:absolute;inset:-35%;background:linear-gradient(105deg,transparent 40%,#fff6df55 49%,transparent 58%);transform:translateX(-110%);pointer-events:none;z-index:0}.button-gold .button-circle{position:relative}.button-gold:hover::before{animation:button-sheen 1.15s var(--ease) both!important}
.intro-small{transition:border-color .4s,box-shadow .4s,transform .4s var(--ease)}.intro-small:hover{border-color:#dbb57160;box-shadow:0 12px 38px #0003,inset 0 0 30px #dbb57105;transform:translateY(-5px)}.feature-icon{transition:box-shadow .4s,color .4s}.intro-small:hover .feature-icon{box-shadow:0 0 25px #dbb57118;color:#f2d49d}
.card-display::after{content:"";position:absolute;inset:22% 11%;border-radius:30%;background:radial-gradient(ellipse,#dbb57110,transparent 67%);pointer-events:none;z-index:-1}
.card-display>img{will-change:transform}.wallet-preview{will-change:transform}
.closing-inner>.closing-canvas{position:absolute;inset:0;z-index:0}.closing-inner>*:not(.closing-orbits):not(.motion-canvas){z-index:1}.closing-canvas{opacity:.8;mask-image:linear-gradient(transparent 5%,#000 50%);-webkit-mask-image:linear-gradient(transparent 5%,#000 50%)}

/* Continuous motion runs only while its section is visible. */
.motion-ready .scene-float{animation:card-breathe 8s ease-in-out infinite;animation-play-state:paused}
.motion-ready .scene-shimmer::before{animation:metal-sheen 8.5s ease-in-out infinite;animation-play-state:paused}
.motion-ready .scene-edge{animation:edge-breathe 6s ease-in-out infinite;animation-play-state:paused}
.motion-ready .card-spark{animation:jewel-glint 6.5s ease-in-out infinite;animation-play-state:paused}
.motion-ready .spark-two{animation-delay:-3.2s}.motion-ready .spark-three{animation-delay:-1.5s}
.motion-ready .hero h1 .gold-text{animation:type-sheen 10s ease-in-out infinite;animation-play-state:paused}
.motion-ready .hero-eyebrow .status-dot{animation:signal-glow 4s ease-in-out infinite;animation-play-state:paused}
.motion-ready .hero-buttons .button-gold::before,.motion-ready .closing-inner .button-gold::before{animation:button-sheen 9s ease-in-out infinite;animation-play-state:paused}
.motion-ready .art-orbit.orbit-one{animation:orbit-sway-one 13s ease-in-out infinite;animation-play-state:paused}.motion-ready .art-orbit.orbit-two{animation:orbit-sway-two 16s ease-in-out infinite;animation-play-state:paused}.motion-ready .art-dot{animation:value-flow 9s ease-in-out infinite;animation-play-state:paused}
.motion-ready .card-display>img{animation:product-float 7s ease-in-out infinite;animation-play-state:paused}
.motion-ready .wallet-preview{animation:wallet-float 9s ease-in-out infinite;animation-play-state:paused}
.motion-in-view .scene-float,.motion-in-view .scene-shimmer::before,.motion-in-view .scene-edge,.motion-in-view .card-spark,.motion-in-view .hero-eyebrow .status-dot,.motion-in-view.hero h1 .gold-text,.motion-in-view .button-gold::before,.motion-in-view .art-orbit,.motion-in-view .art-dot,.motion-in-view.card-display>img,.motion-in-view .wallet-preview{animation-play-state:running!important}
.motion-paused .scene-float,.motion-paused .scene-shimmer::before,.motion-paused .scene-edge,.motion-paused .card-spark,.motion-paused .hero-eyebrow .status-dot,.motion-paused .hero h1 .gold-text,.motion-paused .button-gold::before,.motion-paused .art-orbit,.motion-paused .art-dot,.motion-paused .card-display>img,.motion-paused .wallet-preview,.motion-background .scene-float,.motion-background .scene-shimmer::before,.motion-background .scene-edge,.motion-background .card-spark,.motion-background .hero h1 .gold-text,.motion-background .hero-eyebrow .status-dot,.motion-background .button-gold::before,.motion-background .art-orbit,.motion-background .art-dot,.motion-background .card-display>img,.motion-background .wallet-preview{animation-play-state:paused!important}
@keyframes card-breathe{0%,100%{transform:translateY(0) rotate(-.35deg)}50%{transform:translateY(-13px) rotate(.45deg)}}
@keyframes metal-sheen{0%,12%{transform:translateX(-65%);opacity:0}22%{opacity:1}55%{transform:translateX(55%);opacity:.8}65%,100%{transform:translateX(70%);opacity:0}}
@keyframes edge-breathe{0%,100%{opacity:.2;box-shadow:0 0 10px #dbb57110}50%{opacity:.65;box-shadow:0 0 21px #dbb57130}}
@keyframes jewel-glint{0%,100%{opacity:.18;transform:translate(-50%,-50%) scale(.65) rotate(0)}48%{opacity:.95;transform:translate(-50%,-50%) scale(1.4) rotate(14deg)}}
@keyframes type-sheen{0%,15%{background-position:100% 50%}70%,100%{background-position:0% 50%}}
@keyframes signal-glow{0%,100%{box-shadow:0 0 8px #dbb57144}50%{box-shadow:0 0 19px #dbb57199,0 0 0 4px #dbb57108}}
@keyframes button-sheen{0%,67%{transform:translateX(-110%)}87%,100%{transform:translateX(110%)}}
@keyframes orbit-sway-one{0%,100%{transform:rotate(-17deg)}50%{transform:rotate(-8deg)}}
@keyframes orbit-sway-two{0%,100%{transform:rotate(12deg)}50%{transform:rotate(4deg)}}
@keyframes value-flow{0%,100%{transform:translate(0,0);box-shadow:0 0 28px #dbb57180}50%{transform:translate(60px,-22px);box-shadow:0 0 36px #dbb571b0}}
@keyframes product-float{0%,100%{transform:translateY(0) rotate(-12deg) rotateY(-7deg)}50%{transform:translateY(-13px) rotate(-9deg) rotateY(0deg)}}
@keyframes wallet-float{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-8px) rotate(-2.5deg)}}
@media(min-width:1500px){.hero-card-scene{top:110px}}
@media(max-width:1100px){.hero-card-scene{width:850px;top:110px}}
@media(max-width:860px){.hero-card-scene{width:720px;top:126px;left:56%}}
@media(max-width:640px){.hero-card-scene{width:650px;top:-38px;left:50%}.hero-canvas{mask-image:linear-gradient(transparent 42%,#000 65%);-webkit-mask-image:linear-gradient(transparent 42%,#000 65%)}.hero-bottom>span:first-child{display:none}.hero-bottom{padding-top:12px;gap:15px}.motion-toggle{font-size:8px;padding:7px 10px;min-height:30px}.scene-shimmer::before{opacity:.7}.card-spark{filter:drop-shadow(0 0 3px #e5c082)}.scene-edge{box-shadow:none}.motion-ready .scene-float{animation-name:card-breathe-mobile}.hero-card-scene{will-change:auto}}
@media(max-width:360px){.hero-card-scene{width:590px;top:-22px}}
@keyframes card-breathe-mobile{0%,100%{transform:translateY(0) rotate(-.25deg)}50%{transform:translateY(-8px) rotate(.4deg)}}
@media(prefers-reduced-motion:reduce){.motion-ready .scene-float,.motion-ready .scene-shimmer::before,.motion-ready .scene-edge,.motion-ready .card-spark,.motion-ready .hero h1 .gold-text,.motion-ready .hero-eyebrow .status-dot,.motion-ready .button-gold::before,.motion-ready .art-orbit,.motion-ready .art-dot,.motion-ready .card-display>img,.motion-ready .wallet-preview{animation:none!important}.scene-shimmer{display:none}.hero-card-scene{transform:translateX(-51%);will-change:auto}.hero .gold-text{color:var(--gold)!important;background:none!important}.motion-toggle{display:none!important}.intro-small:hover{transform:none}.motion-canvas{opacity:.35}}

/* Supplied GNK shield-and-wallet logo; screen blending preserves its gold artwork on navy. */
.brand-logo{width:56px;height:56px;object-fit:contain;flex-shrink:0;mix-blend-mode:screen}
.footer-top .brand-logo{width:64px;height:64px}
.mini-brand{display:flex;align-items:center;gap:3px}.mini-logo{width:29px;height:29px;object-fit:contain;mix-blend-mode:screen;margin-right:6px;flex-shrink:0}
@media(max-width:860px){.brand-logo{width:48px;height:48px}}
@media(max-width:640px){.brand-logo{width:44px;height:44px}.footer-top .brand-logo{width:56px;height:56px}}
@media(max-width:360px){.brand-logo{width:36px;height:36px}.header-actions{gap:10px}}

/* Account access stays in the mobile menu and hero on smaller screens. */
.header-account-link{font-size:12px;color:var(--muted);white-space:nowrap}
@media(min-width:861px) and (max-width:1100px){.header-inner{gap:20px}.desktop-nav{gap:20px}.header-actions{gap:16px}}
@media(max-width:860px){.header-account-link{display:none}}