@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');
:root{--blue:#315cff;--ink:#182239;--muted:#768196;--line:#e8ecf3;--bg:#f5f7fb;--mint:#d8f4e8;--green:#178363;--radius:24px;font-family:'Noto Sans KR','Malgun Gothic',sans-serif;color:var(--ink);background:white;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{cursor:not-allowed;opacity:.48}button{border:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #83a2ff;outline-offset:4px}h1,h2,h3,p{margin:0}h1{font-size:54px;line-height:1.28;letter-spacing:-2.5px;font-weight:800}h2{font-size:32px;letter-spacing:-1.3px;line-height:1.4}h3{font-size:20px;letter-spacing:-.5px}p{line-height:1.75}small,.smalltext{font-size:13px;line-height:1.7;color:var(--muted)}.muted{color:var(--muted)}.blue{color:var(--blue)}.green{color:var(--green)}.skip{position:absolute;top:-60px;z-index:90;background:white;padding:12px}.skip:focus{top:0}.prototype{height:34px;background:#17233b;color:#c4cfdf;font-size:12px;display:flex;align-items:center;justify-content:center;gap:12px}.prototype span{color:#b4c5ff;font-size:10px;letter-spacing:1px;font-weight:700}.prototype button{background:transparent;color:white;font-size:12px;margin-left:16px}header{height:86px;max-width:1280px;padding:0 40px;margin:auto;display:flex;align-items:center;gap:62px;background:white}.brand{display:flex;align-items:center;gap:9px;font-size:33px;letter-spacing:-2px;font-weight:900}.brandmark{display:grid;place-items:center;border-radius:10px;background:var(--blue);color:white;font-size:25px;width:33px;height:33px;font-style:italic;letter-spacing:0}.brand-sub{font-size:10px;letter-spacing:1.4px;align-self:flex-end;margin-bottom:10px;color:#8590a2;font-weight:700}header nav{display:flex;gap:31px;font-size:15px;font-weight:600}header nav a{padding:30px 0;border-bottom:2px solid transparent}header nav a.active{color:var(--blue);border-color:var(--blue)}.header-right{margin-left:auto;display:flex;align-items:center;gap:20px}.text-btn{background:transparent;color:var(--muted);font-size:14px;padding:6px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:12px;min-height:52px;padding:13px 23px;font-size:15px;font-weight:700;white-space:nowrap;transition:transform .16s,background .16s;background:#edf1f7;color:#46536a}.btn:hover{transform:translateY(-2px);background:#e3e9f4}.btn.primary{background:var(--blue);color:white;box-shadow:0 5px 12px #315cff12}.btn.primary:hover{background:#244bd7}.btn.outline{border:1px solid var(--line);background:white}.btn.small{min-height:42px;padding:9px 17px;font-size:14px}.btn.full{width:100%}.arrow{font-size:21px;font-family:Arial,sans-serif}.wrap{max-width:1200px;margin:auto;padding:0 36px}.section{padding-top:78px;padding-bottom:78px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.section-head p{color:var(--muted);margin-top:9px}.eyebrow{color:var(--blue);font-size:13px;font-weight:700;letter-spacing:.8px;margin-bottom:19px}.hero{background:linear-gradient(110deg,#f5f8ff 0%,#f3f7ff 60%,#edf2ff 100%);border-radius:32px;padding:65px 58px 44px;margin-top:18px;position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:65px;align-items:center}.hero-copy p{margin:23px 0 26px;color:#6c7890;font-size:17px}.hero-copy h1 em{font-style:normal;color:var(--blue)}.hero-sub{display:flex;gap:20px;font-size:13px;color:#8d99ae;margin-top:28px}.hero-sub b{color:#647089;font-weight:500}.uid-card{background:white;border-radius:22px;padding:28px;box-shadow:0 14px 50px #334f9610;border:1px solid #ffffff;position:relative}.uid-card .flag{display:inline-block;font-size:12px;color:var(--blue);background:#f0f4ff;padding:5px 9px;border-radius:7px;margin-bottom:16px}.uid-card h3{font-size:23px}.uid-card p{font-size:14px;color:var(--muted);margin:8px 0 22px}.uid-card label,.field label{display:block;font-size:14px;font-weight:600;margin-bottom:9px}.input{width:100%;border:1px solid #e0e5ef;border-radius:11px;height:51px;background:white;padding:0 14px;color:var(--ink);min-width:0}.input::placeholder{color:#a7aebe}.field{margin:19px 0}.uid-card .btn{margin-top:12px}.uid-card small{display:block;text-align:center;margin-top:13px}.hero-foot{margin-top:42px;border-top:1px solid #dfe6f5;padding-top:23px;display:flex;justify-content:space-between;gap:15px;color:#73809a;font-size:13px}.hero-foot strong{color:#42536e;font-size:15px;font-weight:700}.brokermarks{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;padding:28px 10px 0;color:#8491a8;font-weight:800;font-size:18px;letter-spacing:-.4px}.brokermarks span:first-child{font-size:12px;font-weight:500;letter-spacing:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{border:1px solid var(--line);border-radius:20px;padding:25px;background:white}.broker-head{display:flex;align-items:center;gap:13px;margin-bottom:25px}.broker-icon{display:grid;place-items:center;width:49px;height:49px;border-radius:13px;background:var(--tint,#edf2ff);color:var(--color,#315cff);font-size:16px;font-weight:900;letter-spacing:-1px;flex-shrink:0}.broker-head p{font-size:12px;color:var(--muted);margin-top:4px}.tag{display:inline-flex;align-items:center;border-radius:6px;background:#f1f4f9;color:#728096;padding:4px 7px;font-size:12px;font-weight:500}.tag.blue{background:#edf2ff;color:var(--blue)}.tag.green{background:#e9f7f1;color:#148063}.tag.orange{background:#fff5e5;color:#af7925}.card-value{font-size:20px;font-weight:700;margin:8px 0 16px}.row{display:flex;align-items:center;justify-content:space-between;gap:14px}.stack{display:flex;gap:10px;align-items:center}.card dl{margin:0 0 22px;font-size:14px}.card dl div{display:flex;justify-content:space-between;margin:12px 0}.card dt{color:var(--muted)}.card dd{margin:0;text-align:right;font-weight:500}.card-actions{display:flex;gap:9px}.card-actions .btn:first-child{flex:1}.checkbtn{width:44px;height:44px;border:1px solid var(--line);background:white;border-radius:10px;color:#8b96a8;font-size:20px}.checkbtn.selected{border-color:var(--blue);color:var(--blue);background:#edf2ff}.soft{background:var(--bg)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:42px}.step-no{display:grid;place-items:center;background:#eaf0ff;color:var(--blue);font-weight:800;width:38px;height:38px;border-radius:12px;margin-bottom:20px}.steps h3{margin-bottom:10px}.steps p{font-size:15px;color:var(--muted)}.app-promo{background:#192b4b;color:white;border-radius:24px;padding:43px 48px;display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:65px}.app-promo p{margin:10px 0 20px;color:#a8b7d1;font-size:15px}.promo-stats{display:flex;gap:15px}.promo-stat{background:#263959;padding:20px;border-radius:16px;min-width:150px}.promo-stat small{color:#acb9d0}.promo-stat strong{display:block;font-size:25px;margin-top:8px}.promo-stat .tag{margin-top:10px;background:#3c526f;color:#d1e0f5}.faq{border-bottom:1px solid var(--line);padding:23px 0}.faq summary{font-size:16px;font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq summary:after{content:'+';color:#9da8ba;font-size:20px}.faq[open] summary:after{content:'−'}.faq p{padding:15px 0 0;color:var(--muted);font-size:15px}.page-title{padding:54px 0 33px}.page-title h1{font-size:37px;letter-spacing:-1.5px}.page-title p{color:var(--muted);margin-top:13px}.toolbar{display:flex;gap:12px;align-items:center;margin-bottom:26px;flex-wrap:wrap}.search{max-width:340px;flex:1}.chip{border:1px solid var(--line);border-radius:30px;padding:10px 18px;background:white;color:#738099;font-size:14px}.chip.active{background:var(--ink);border-color:var(--ink);color:white}.broker-list{padding-bottom:75px}.broker-list .cards{gap:17px}.count{font-size:14px;color:var(--muted);margin:15px 0}.comparebar{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#18243b;border-radius:18px;padding:15px 20px;display:flex;gap:24px;align-items:center;color:white;z-index:10;box-shadow:0 10px 30px #17223933;max-width:95%;font-size:14px}.comparebar .btn{min-height:40px}.dash-bg{background:var(--bg);min-height:72vh;padding:35px 0 70px}.dash-layout{display:grid;grid-template-columns:190px 1fr;gap:32px}.sidebar{padding:13px 0}.sidebar small{display:block;letter-spacing:1px;font-size:11px;margin:0 0 20px 15px}.sidebar a{display:block;font-size:15px;padding:14px 16px;margin-bottom:6px;border-radius:11px;color:#8190a5}.sidebar a.active{background:#e8eeff;color:var(--blue);font-weight:700}.sidebar .helpbox{margin-top:38px;border:1px solid #e0e6f0;border-radius:15px;padding:18px;font-size:14px}.helpbox p{font-size:13px;margin:7px 0 13px;color:var(--muted)}.dash-title{margin-bottom:26px}.dash-title h1{font-size:29px;letter-spacing:-1px}.dash-title p{font-size:14px;margin-top:8px;color:var(--muted)}.metrics{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:15px}.metric{background:white;border:1px solid var(--line);border-radius:18px;padding:23px}.metric.primary{background:var(--blue);color:white;border-color:var(--blue)}.metric .label{font-size:13px;color:#8e9ab0}.metric.primary .label{color:#d6e0ff}.metric .num{font-size:29px;font-weight:700;letter-spacing:-.7px;margin:15px 0}.metric .num span{font-size:13px;font-weight:500;margin-left:5px}.metric small{font-size:12px}.metric.primary small{color:#c4d3ff}.panel{background:white;border-radius:18px;padding:27px;margin-top:21px;border:1px solid var(--line)}.panel h3{font-size:18px}.chart{height:155px;display:flex;align-items:flex-end;gap:11px;padding:15px 0 0;margin-top:15px;border-bottom:1px solid var(--line)}.barwrap{height:100%;flex:1;display:flex;align-items:flex-end;position:relative}.bar{width:100%;height:var(--h);border-radius:5px 5px 0 0;background:#dce5ff}.barwrap:last-child .bar{background:var(--blue)}.chart-labels{display:flex;justify-content:space-between;color:#9aa4b5;font-size:12px;padding-top:9px}.note{background:#eff4ff;border-radius:12px;padding:14px 18px;font-size:13px;color:#58709d;line-height:1.7;margin-top:20px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap;margin-top:17px;font-size:14px}th{color:#8c97a8;font-size:12px;font-weight:500;background:#fafbfd}th,td{padding:15px 12px;border-bottom:1px solid var(--line)}td:first-child,th:first-child{padding-left:6px}td strong{font-weight:600}.account-card{margin-top:17px;border:1px solid var(--line);border-radius:17px;padding:22px}.account-card .broker-head{margin-bottom:15px}.account-card p{font-size:14px}.account-card .details{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;border-top:1px solid var(--line);padding-top:17px;margin-top:17px}.details span{display:block;font-size:12px;color:var(--muted);margin-bottom:7px}.details strong{font-size:14px}.empty{text-align:center;padding:50px 20px;color:var(--muted)}.empty h3{margin:15px 0;color:var(--ink)}.empty .btn{margin-top:20px}.reward-hero{display:flex;gap:30px;align-items:center;background:#e1f4ea;border-radius:22px;padding:35px;margin-bottom:22px}.reward-hero h2{font-size:28px}.reward-hero p{font-size:14px;color:#5f8a78;margin-top:12px}.reward-hero .reward-number{margin-left:auto;font-size:38px;font-weight:800;color:#1a7f5a;white-space:nowrap}.reward-hero .reward-number small{font-size:14px;color:#478d70}.reward-row{display:flex;align-items:center;gap:20px;padding:24px 0;border-bottom:1px solid var(--line)}.reward-icon{border-radius:15px;background:#f2f5ff;color:var(--blue);width:49px;height:49px;display:grid;place-items:center;font-size:21px;flex-shrink:0}.reward-row p{font-size:13px;color:var(--muted);margin-top:6px}.reward-row .btn{margin-left:auto}.detail-hero{display:flex;gap:30px;justify-content:space-between;align-items:center;padding:40px;background:#f2f6ff;border-radius:24px;margin:30px 0}.detail-hero h1{font-size:37px}.detail-hero .broker-head{margin:0}.detail-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:25px}.tabs{display:flex;gap:27px;border-bottom:1px solid var(--line);margin-bottom:28px}.tabs button{padding:17px 0;font-weight:600;color:#8d98aa;background:white;border-bottom:2px solid transparent}.tabs button.active{color:var(--blue);border-color:var(--blue)}.calc{background:#f7f9fd;border:1px solid var(--line);border-radius:20px;padding:25px;align-self:start}.calc .result{font-size:32px;font-weight:700;margin-top:12px;color:var(--blue)}.calc input[type=range]{width:100%;accent-color:var(--blue);margin:20px 0}.breadcrumb{font-size:13px;color:var(--muted);padding-top:30px}.blueprint-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.blueprint-grid article{border:1px solid var(--line);padding:25px;border-radius:18px}.blueprint-grid article p{font-size:14px;color:var(--muted);margin:14px 0}.blueprint-grid a{color:var(--blue);font-size:13px}.flow{padding:28px;background:#eef3ff;border-radius:16px;margin:28px 0;line-height:2;color:#385893}.support-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:45px}.formbox{background:var(--bg);padding:28px;border-radius:20px}textarea.input{height:110px;padding:15px;resize:vertical}.error{color:#d94b55;font-size:13px;margin-top:8px;min-height:18px}.stepdots{display:flex;gap:10px;margin-bottom:27px}.stepdots span{width:29px;height:29px;border-radius:50%;background:#f0f3f8;color:#9ca5b5;display:grid;place-items:center;font-size:13px;font-weight:700}.stepdots span.active{background:var(--blue);color:white}.success-icon{background:#e7f6ee;color:#21966c;border-radius:50%;width:60px;height:60px;display:grid;place-items:center;font-size:26px;margin-bottom:22px}.mock-scenario{margin-top:22px;border-top:1px solid var(--line);padding-top:16px;font-size:12px;color:var(--muted)}.mock-scenario select{font-size:12px;margin-top:10px;height:38px}.inline-link{background:none;color:var(--blue);font-size:13px;padding:7px 0}dialog{border:0;border-radius:25px;padding:38px;width:min(480px,calc(100% - 28px));max-height:90vh;box-shadow:0 25px 80px #10254b33;color:var(--ink)}dialog::backdrop{background:#18263b60;backdrop-filter:blur(4px)}dialog h2{font-size:26px;margin-bottom:10px}dialog p{font-size:14px;color:var(--muted)}.close{position:absolute;right:20px;top:17px;background:transparent;color:#8793a6;font-size:28px;width:35px;height:35px}#toast{position:fixed;bottom:90px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#1c2b43;color:white;border-radius:12px;padding:15px 22px;z-index:80;max-width:90%;font-size:14px;transition:.2s}#toast.show{opacity:1;transform:translate(-50%,0)}footer{max-width:1200px;margin:auto;padding:42px 36px 50px;border-top:1px solid var(--line);color:#8b96a8}footer .brand{font-size:24px;color:#8b96a8}footer p{font-size:13px;margin:12px 0 18px}footer>div{display:flex;gap:22px;align-items:center;font-size:13px;margin-bottom:22px}footer small{font-size:12px}.bottomnav{display:none}.compare-table td{white-space:normal;min-width:175px;vertical-align:top}.compare-table th{white-space:normal;min-width:120px}.guide-link{margin-top:26px;font-size:14px;color:var(--blue)}.tabcontent{min-height:260px}.pill-note{padding:10px 15px;background:#f4f6fa;border-radius:9px;color:var(--muted);font-size:13px;margin-bottom:20px}.visually-hidden{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}.mobile-only{display:none}
@media(min-width:1500px){header{max-width:1320px}.wrap{max-width:1230px}.hero{padding-top:78px;padding-bottom:50px}.hero-grid{gap:85px}}
@media(max-width:1050px){header{gap:25px;padding:0 25px}header nav{gap:18px}.header-right .text-btn{display:none}.hero{padding:42px 35px}.hero-grid{gap:30px}h1{font-size:43px}.cards{grid-template-columns:repeat(2,1fr)}.metrics{grid-template-columns:1fr 1fr}.metric:first-child{grid-column:1/-1}.dash-layout{grid-template-columns:160px 1fr;gap:20px}.app-promo{padding:32px}.promo-stats{display:none}}
@media(max-width:720px){.prototype{height:30px;font-size:10px;gap:8px}.prototype span{font-size:9px}.prototype button{display:none}header{height:69px;padding:0 20px}.brand{font-size:28px}.brandmark{width:29px;height:29px}.brand-sub{font-size:8px;margin-bottom:8px}header nav{display:none}.header-right{gap:0}.header-right .btn{font-size:12px;padding:9px 13px;min-height:37px}.wrap{padding:0 20px}.hero{margin-top:3px;padding:31px 22px;border-radius:23px}.hero-grid{grid-template-columns:1fr;gap:29px}h1{font-size:37px;letter-spacing:-1.8px}.hero-copy p{font-size:15px;margin:16px 0}.hero-copy>.btn{display:none}.hero-sub{margin-top:17px;font-size:12px;gap:15px}.eyebrow{font-size:11px;margin-bottom:14px}.uid-card{padding:23px}.uid-card h3{font-size:21px}.uid-card .flag{margin-bottom:12px}.hero-foot{margin-top:25px;padding-top:20px;flex-direction:column;gap:12px}.hero-foot strong{font-size:13px}.brokermarks{padding:25px 0 0;gap:21px;font-size:15px;justify-content:center}.brokermarks span:first-child{width:100%;text-align:center}.section{padding-top:45px;padding-bottom:45px}h2{font-size:25px}.section-head{align-items:flex-start;gap:13px}.section-head p{font-size:14px}.section-head .btn{padding:9px 12px;font-size:12px;min-height:37px}.cards{grid-template-columns:1fr;gap:13px}.card{padding:23px}.steps{grid-template-columns:1fr;gap:30px}.step-no{float:left;margin-right:17px;margin-bottom:50px}.steps h3{font-size:18px}.steps p{font-size:14px}.app-promo{padding:27px;margin-top:40px}.app-promo h2{font-size:24px}.page-title{padding:32px 0 26px}.page-title h1{font-size:30px}.page-title p{font-size:14px}.toolbar{gap:8px}.search{min-width:100%;max-width:none;margin-bottom:4px}.chip{font-size:13px;padding:9px 13px}.dash-bg{padding:26px 0 40px}.dash-layout{display:block}.sidebar{display:none}.dash-title h1{font-size:26px}.metrics{gap:10px}.metric{padding:18px}.metric .num{font-size:25px}.metric .label{font-size:12px}.metric small{font-size:11px}.panel{padding:20px}.panel h3{font-size:17px}.panel .row>.btn{font-size:12px;padding:8px 10px}.account-card{padding:18px}.account-card .details{gap:8px}.reward-hero{padding:24px;display:block}.reward-hero .reward-number{margin-top:17px;font-size:32px}.reward-row{gap:12px;flex-wrap:wrap}.reward-row h3{font-size:16px}.reward-row .btn{min-height:36px;padding:8px 12px;font-size:12px;margin-left:61px}.detail-hero{padding:25px;align-items:flex-start;flex-direction:column;gap:23px}.detail-hero h1{font-size:28px}.detail-grid{display:flex;flex-direction:column}.detail-grid .calc{width:100%}.tabs{gap:23px}.support-layout,.blueprint-grid{grid-template-columns:1fr;gap:23px}.bottomnav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:20;justify-content:space-around;background:#fffffff5;border-top:1px solid var(--line);padding:10px 8px max(10px,env(safe-area-inset-bottom));backdrop-filter:blur(12px)}.bottomnav a{font-size:21px;color:#97a3b6;display:flex;flex-direction:column;align-items:center;gap:4px;width:20%}.bottomnav a span{font-size:10px}.bottomnav a.active{color:var(--blue);font-weight:700}footer{padding:32px 20px 106px}footer small{font-size:11px}.comparebar{bottom:80px;width:calc(100% - 24px);padding:12px 15px;gap:15px;font-size:12px;justify-content:space-between}.comparebar .btn{font-size:12px;padding:9px 12px}.mobile-only{display:block}dialog{padding:31px 25px}.chart{height:130px}.flow{font-size:14px;padding:20px}.account-card .row{align-items:flex-start}.section-head .row{gap:8px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.opsnav-mobile{display:none}.opslayout{max-width:1390px;grid-template-columns:205px minmax(0,1fr)}.audit-entry{padding:18px 0;border-bottom:1px solid var(--line);font-size:14px}.audit-entry p{margin:9px 0}.opscheck{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.7}.opscheck input{margin-top:5px;accent-color:var(--blue)}.appstudio{padding:65px 0;background:#f1f5fc}.appstudio-grid{display:grid;grid-template-columns:1fr 420px;gap:100px;align-items:center}.appnotes>div{display:flex;gap:18px;align-items:center;margin:25px 0}.appnotes b{color:var(--blue);background:#e2eaff;padding:10px;border-radius:12px;font-size:14px}.appnotes strong{display:block;font-size:16px}.appnotes small{display:block;margin-top:5px}.phone{width:405px;max-width:100%;height:850px;border:8px solid #172135;border-radius:46px;background:white;box-shadow:0 28px 70px #33466b26;overflow:hidden;margin:auto;position:relative}.phonebar{height:39px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;font:600 12px Arial;background:#f5f7fb}.island{background:#172135;width:85px;height:21px;border-radius:15px}.phone iframe{border:0;width:100%;height:calc(100% - 39px);display:block}.app-mode .prototype,.app-mode footer{display:none}.app-mode header{height:59px;padding:0 19px}.app-mode .brand-sub{display:none}.app-mode .header-right{display:none}.app-mode header nav{display:none}.app-mode .brand{font-size:24px}.app-mode .brandmark{width:27px;height:27px;font-size:19px}.app-mode .dash-bg{padding-top:19px;padding-bottom:92px}.app-mode .wrap{padding-left:17px;padding-right:17px}.app-mode .metrics .metric:first-child{grid-column:1/-1}.app-mode .bottomnav{display:flex}.app-mode .hero-copy h1{font-size:32px}.app-mode .metrics{gap:9px}.app-mode .metric .num{font-size:23px}.app-mode .metric.primary .num{font-size:34px}.app-mode .metric .label{font-size:12px}.app-mode .metric{padding:17px}.app-mode .dash-title h1{font-size:24px}
@media(max-width:1050px){.appstudio-grid{gap:40px;grid-template-columns:1fr 390px}.phone{width:380px}.opslayout{grid-template-columns:165px minmax(0,1fr)}}@media(max-width:720px){.appstudio{padding:35px 0}.appstudio-grid{display:flex;flex-direction:column;gap:35px;align-items:stretch}.phone{height:780px;width:375px}.opslayout{display:block}.opsnav-mobile{display:flex;gap:6px;overflow:auto;margin:0 0 20px}.opsnav-mobile a{font-size:12px;padding:8px 14px;white-space:nowrap}footer>div{flex-wrap:wrap;row-gap:10px}.opslayout .panel{padding:18px}}

.prototype a{color:white;text-decoration:none;font-weight:700;margin-left:12px}.prototype a:hover{text-decoration:underline}
.tag{white-space:nowrap;flex-shrink:0}@media(max-width:600px){.dash-title.row{align-items:flex-start;gap:12px;flex-wrap:wrap}.prototype{flex-wrap:wrap;height:auto;min-height:34px;padding:8px 12px;line-height:1.7}}

.integration-shortcuts{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 22px}.gategrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:20px}.gategrid>div{padding:16px;background:#f6f8fc;border-radius:12px;display:flex;gap:10px;align-items:center}.validation{margin-top:22px;padding:22px;border-radius:14px;background:#eaf9f1;color:#1a6543}.validation p{margin:12px 0;line-height:1.8}.validation.blocked{background:#fff5e5;color:#805515}.identity-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0}.identity-steps>div{padding:18px 10px;background:#f2f5ff;border-radius:14px;display:flex;flex-direction:column;gap:10px}.identity-steps b{color:#315cff}#serverField{margin-top:12px}#ibQuestionPanel{scroll-margin-top:125px}@media(max-width:700px){.gategrid{grid-template-columns:1fr}.identity-steps{grid-template-columns:repeat(2,1fr)}.gategrid strong{font-size:13px}}
.discovery-head{background:#f2f5fc;padding:48px 0 28px}.discovery-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.discovery-title h1{font-size:46px;line-height:1.2;letter-spacing:-2px;margin:12px 0 16px}.discovery-title em{font-style:normal;color:#3457ee}.discovery-title p{color:#65708a}.discovery-grid{display:grid;grid-template-columns:1fr 1.45fr;gap:24px}.start-panel{background:white;border:1px solid #e6eaf2;border-radius:24px;padding:28px}.start-panel h2{font-size:24px;margin:16px 0 8px}.start-panel p{font-size:14px;color:#6a7489}.start-panel label{display:block;font-size:14px;margin:16px 0 7px}.start-panel form .btn{margin-top:16px}.start-new{display:block;text-align:center;font-size:14px;margin-top:16px}.start-steps{border-top:1px solid #edf0f6;display:flex;justify-content:space-between;margin-top:20px;padding-top:16px;font-size:12px;color:#7c859b}.spotlight{padding:38px;border-radius:24px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;background:#2447e8;color:white}.spotlight h2{font-size:34px;line-height:1.4;margin:24px 0 6px;letter-spacing:-1.2px}.welcome-total{font-size:92px;font-weight:800;letter-spacing:-5px;line-height:1.25}.welcome-total span{font-size:24px;letter-spacing:0}.spotlight p{color:#dce4ff;margin:10px 0 25px}.spotlight .btn{background:white;color:#2345d9}.spotlight>small{font-size:12px;color:#cad7ff;margin-top:16px}.discovery-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px}.discovery-quick a{background:white;padding:18px;border-radius:12px;font-size:14px;display:flex;justify-content:space-between}.offer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.offer{border:1px solid #e5eaf3;border-radius:20px;overflow:hidden;background:white}.offer-art{padding:24px;background:#eaf0ff;min-height:238px;display:flex;flex-direction:column;justify-content:space-between}.offer-top{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;font-weight:700;letter-spacing:.4px}.offer-top span:last-child{font-size:12px;border:1px solid currentColor;border-radius:5px;padding:3px 6px;white-space:nowrap;opacity:.8}.offer h3{font-size:22px;line-height:1.4;max-width:240px;margin:20px 0 12px;letter-spacing:-.6px}.offer-art>strong{font-size:35px;line-height:1.3;letter-spacing:-1px}.offer-art>small{font-size:12px;margin-top:5px;opacity:.8}.cobalt .offer-art{background:#294eea;color:white}.mint .offer-art{background:#d7f5eb;color:#135e4d}.ink .offer-art{background:#182744;color:#fff}.rose .offer-art{background:#fff0ed;color:#b63f37}.sky .offer-art{background:#e5eeff;color:#284b8a}.offer-body{padding:22px}.offer-body p{font-size:14px;color:#68758d;min-height:42px;line-height:1.7;margin:14px 0}.benefit-split{display:grid;grid-template-columns:1fr 1fr;gap:30px;background:#f3f6fc;padding:32px;border-radius:20px;margin-top:32px}.benefit-split span{font-size:13px;color:#4564a7}.benefit-split h3{margin:12px 0;font-size:22px}.benefit-split p{color:#64728a;font-size:14px}.event-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:28px 0}.promo-detail-value{font-size:40px;font-weight:800;color:#3457ef;margin:24px 0}.discovery-head .tag{font-size:12px}.offer-grid .empty{grid-column:1/-1}
@media(max-width:760px){.discovery-head{padding:28px 0 20px}.discovery-title{display:block}.discovery-title h1{font-size:34px;letter-spacing:-1.5px}.discovery-title>.btn{margin-top:18px}.discovery-grid{grid-template-columns:1fr}.spotlight{padding:28px;order:-1}.spotlight h2{font-size:26px;margin-top:20px}.welcome-total{font-size:70px}.start-panel{padding:24px}.discovery-quick{grid-template-columns:1fr 1fr;gap:8px}.discovery-quick a{padding:14px;font-size:13px}.offer-grid{grid-template-columns:1fr}.offer-art{min-height:220px}.benefit-split{grid-template-columns:1fr;padding:24px}.event-tabs{gap:8px}.event-tabs .chip{font-size:13px}.discovery-title p{font-size:15px}.section-head{gap:16px}}
.actual-logo{width:112px!important;min-width:112px;height:50px!important;border-radius:9px!important;background:white!important;border:1px solid #edf0f5;padding:9px!important}.actual-logo img{width:100%;height:100%;object-fit:contain}.official-art{position:relative;background:#eff4fa;height:228px;padding:18px;display:flex;align-items:center;justify-content:center}.official-art img{width:100%;height:100%;object-fit:contain}.official-status{position:absolute;top:14px;left:14px;padding:6px 9px;border-radius:6px;font-size:12px;background:#162842;color:white}.league-art{background:#092448;padding:0}.league-art img{object-fit:cover}.official-brand{display:flex;justify-content:space-between;align-items:center;gap:12px}.official-brand>img{width:115px;height:30px;object-fit:contain;object-position:left}.real-offer h3{font-size:21px;margin:18px 0 10px}.official-value{font-size:27px;letter-spacing:-.7px}.official-source{display:block;font-size:13px;color:#64728a;margin-top:13px;text-decoration:underline}.event-detail-image{width:100%;max-height:240px;object-fit:contain;border-radius:12px;background:#edf3fb}.broker-head{flex-wrap:wrap}
.actual-logo.dark-logo{background:#14273f!important;border-color:#14273f}.dark-brand>img{background:#14273f;padding:7px;border-radius:6px;width:120px;height:38px}
.illustrated-art{position:relative;aspect-ratio:3/2;background:#081b39;overflow:hidden}.illustrated-art>img{width:100%;height:100%;object-fit:cover;display:block}.illustrated-art>small{position:absolute;bottom:12px;right:14px;color:#dde8ff;font-size:11px;text-shadow:0 1px 4px #000}.illustrated-offer h3{margin:18px 0 12px;font-size:22px}.spotlight{background:linear-gradient(90deg,rgba(6,19,48,.94),rgba(6,19,48,.58)),url('assets/rewards/welcome.png') center/cover!important}.spotlight .welcome-total{color:#fff}.official-brand>strong{font-size:12px;letter-spacing:.5px}
.actual-logo{display:flex!important;align-items:center;justify-content:center;overflow:hidden}.actual-logo img{width:94px!important;height:30px!important;max-height:30px;max-width:100%;object-fit:contain;flex-shrink:0}