:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#ecf3fa;background:#080d17;font-synthesis:none}
*{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}body{margin:0;min-height:100vh;line-height:1.5}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}[hidden]{display:none!important}
.backdrop{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 55% 25%,#111b2b 0,#090e19 48%,#070b13 100%)}
.glow{position:absolute;border-radius:50%;filter:blur(92px);opacity:.42}.glow-a{width:560px;height:540px;left:-195px;top:17%;background:#184960}.glow-b{width:510px;height:460px;right:0;bottom:-180px;background:#17374e;opacity:.28}
.grid{position:absolute;inset:0;opacity:.32;background-image:linear-gradient(#2b3a50 1px,transparent 1px),linear-gradient(90deg,#2b3a50 1px,transparent 1px);background-size:76px 76px;mask-image:linear-gradient(to bottom,transparent,black 45%,transparent)}
.shell{max-width:1330px;padding:0 50px;margin:auto;min-height:100vh;display:flex;flex-direction:column}
.masthead{height:113px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2330406d}
.brand{display:inline-flex;gap:12px;align-items:center}.brand-icon{width:38px;height:38px;color:#8df9cf;display:grid;place-items:center;border:1px solid #4b877d;border-radius:12px;background:#123c3b}.brand-icon svg{width:27px;height:27px}
.brand-name{font-weight:800;font-size:25px;letter-spacing:1.25px}.brand-dot{color:#73edc6}.masthead-tag{display:inline-flex;align-items:center;gap:12px;border:1px solid #344151;border-radius:99px;padding:10px 16px;color:#b8c4d3;font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:700}.status-light{height:7px;width:7px;border-radius:50%;background:#83e4bf;box-shadow:0 0 14px #80e9be}.tag-divider{width:1px;height:16px;background:#3b4756}
.layout{flex:1;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(370px,.85fr);gap:clamp(45px,7vw,114px);align-items:center;padding:64px 0 73px}
.story{padding:20px 0}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.22em;color:#98b3c7;display:flex;align-items:center;gap:13px}.eyebrow-line{height:2px;width:25px;background:#80ebc9;border-radius:4px}
h1{font-size:clamp(54px,6vw,85px);line-height:1.08;font-weight:750;letter-spacing:-.065em;margin:30px 0 28px;max-width:730px}.gradient-text{background:linear-gradient(100deg,#82f9ce,#8ac8ed 85%);background-clip:text;-webkit-background-clip:text;color:transparent}
.story-lead{font-size:17px;line-height:1.85;color:#a8b7c9;max-width:520px;margin:0}
.flow{margin-top:65px;border:1px solid #34455794;padding:22px 24px 20px;background:linear-gradient(125deg,#142332b8,#0e1b27b4);border-radius:20px;box-shadow:0 24px 90px #0002}
.flow-label{display:flex;justify-content:space-between;gap:10px;color:#b7c6d7;font-size:10px;font-weight:800;letter-spacing:.18em}.flow-label span{color:#677d93;font-weight:600;letter-spacing:0}
.flow-nodes{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:22px 0}.flow-node{display:flex;align-items:center;gap:9px;min-width:0}.flow-node strong{font-size:13px;display:block;white-space:nowrap;letter-spacing:-.015em}.flow-node small{color:#8999ac;font-size:10px;display:block;white-space:nowrap}
.node-logo{height:33px;width:33px;display:grid;place-items:center;border-radius:10px;font-size:18px;font-weight:900;flex-shrink:0}.shopify{background:#1e482c;color:#a3efa0}.qbo{background:#164a42;color:#81dace}.vericon{background:#e4fffa;color:#135b55}
.flow-core strong{color:#96f5d3}.flow-line{height:1px;flex:1;min-width:5px;background:linear-gradient(90deg,#416c73,#82d9c6,#416c73);position:relative}.flow-line i{position:absolute;top:-2px;left:40%;height:5px;width:5px;background:#b5fce5;border-radius:50%;box-shadow:0 0 9px #92f6d4}
.flow-foot{padding-top:17px;border-top:1px solid #34465880;font-size:11px;display:flex;align-items:center;gap:9px;color:#9eb9ba}.flow-check{color:#83efc5;font-size:14px}
.story-footer{margin-top:36px;color:#5f7890;letter-spacing:.15em;font-weight:700;font-size:10px;display:flex;align-items:center;gap:12px}.footer-rule{height:1px;width:27px;background:#557184}
.login-panel{border:1px solid #4250619e;border-radius:28px;background:linear-gradient(160deg,#172231f5,#111c29f5 80%);padding:36px 36px 0;box-shadow:0 28px 86px #0007,0 0 0 5px #ffffff04;overflow:hidden;max-width:490px;width:100%;justify-self:end}
.panel-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px}.panel-symbol{background:#153f40;border:1px solid #4e817f;border-radius:15px;width:50px;height:50px;display:grid;place-items:center}.panel-symbol-inner{font-size:26px;color:#9afadc}.panel-flag{font-size:10px;color:#9eb3c4;font-weight:800;letter-spacing:.17em;border:1px solid #394a5a;padding:9px 12px;border-radius:8px}
.panel-kicker{font-size:10px;letter-spacing:.2em;color:#93d8c2;font-weight:800;margin:0 0 12px}
h2{font-size:31px;line-height:1.2;letter-spacing:-.04em;margin:0 0 14px;font-weight:730}.panel-description{color:#9aaec0;font-size:14px;line-height:1.75;margin:0 0 30px}
label{font-size:12px;display:block;color:#cad6e1;font-weight:700;margin-bottom:10px}
.input-wrap{border:1px solid #405368;background:#0d1724;border-radius:12px;height:54px;display:flex;align-items:center;padding:0 15px;gap:12px;color:#8798ac;transition:border-color .2s,box-shadow .2s}
.input-wrap:focus-within{border-color:#89edd1;box-shadow:0 0 0 3px #76ecc526}
.input-wrap input{background:transparent;border:0;outline:0;color:#f2f7fc;width:100%;font-size:14px;min-width:0}.input-wrap input::placeholder{color:#6c8294}
.primary-button{width:100%;margin-top:15px;background:linear-gradient(100deg,#a5f2d8,#79d8c7);border:0;border-radius:12px;height:55px;color:#113339;font-weight:800;font-size:14px;display:flex;justify-content:center;align-items:center;position:relative;transition:transform .18s,filter .18s}.primary-button:hover{filter:brightness(1.06);transform:translateY(-1px)}.primary-button:disabled{opacity:.65;cursor:wait;transform:none}
.button-arrow{position:absolute;right:20px;font-size:21px}.notice{font-size:12px;line-height:1.6;margin:14px 0 0;padding:12px 13px;border:1px solid #557c75;border-radius:10px;background:#11332e;color:#b5f8df}.notice.error{border-color:#975a64;background:#3a222b;color:#ffd5da}
.separator{margin:31px 0 22px;display:flex;align-items:center;gap:10px;font-weight:800;color:#60778b;letter-spacing:.14em;font-size:10px}.separator span{flex:1;height:1px;background:#344454}
.steps{display:grid;gap:14px;padding-bottom:34px}.steps>div{display:flex;align-items:center;gap:13px;color:#a9bbcb;font-size:12px}.steps b{font-size:11px;color:#8bedcc;font-weight:750;letter-spacing:.04em}
.session-data{border:1px solid #3b5060;background:#0e1a27;border-radius:12px;padding:8px 17px;margin:24px 0}.session-data div{padding:14px 0;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #324253}.session-data div:last-child{border-bottom:0}.session-data span{color:#8fa4b5;font-size:12px}.session-data strong{font-size:12px;font-weight:700;text-align:right;overflow-wrap:anywhere}.session-data .locked{color:#edc59d}
.secondary-button{height:52px;width:100%;border:1px solid #446476;background:#172e3a;color:#d6edf0;font-weight:700;border-radius:12px;display:flex;justify-content:space-between;align-items:center;padding:0 17px;margin:20px 0 34px}
.panel-bottom{margin:0 -36px;padding:19px 34px;background:#0a142080;border-top:1px solid #334458a3;display:flex;align-items:center;gap:10px;color:#7b91a4;font-size:10px;line-height:1.5}.panel-bottom svg{flex-shrink:0}
.site-footer{border-top:1px solid #24314375;padding:22px 0 29px;color:#647b90;font-size:11px;display:flex;align-items:center;justify-content:space-between;gap:12px}
@media(max-width:960px){.shell{padding:0 28px}.layout{grid-template-columns:1fr;gap:45px;padding:38px 0 65px}.story{padding:0}.story h1{font-size:clamp(50px,8vw,75px)}.story-lead{max-width:680px}.flow{max-width:660px;margin-top:38px}.story-footer{display:none}.login-panel{justify-self:center;max-width:660px}.masthead{height:86px}}
@media(max-width:520px){.shell{padding:0 19px}.masthead{height:76px}.brand-name{font-size:21px}.brand-icon{width:34px;height:34px}.masthead-tag{padding:8px 10px;font-size:10px;gap:8px}.layout{padding:38px 0 42px;gap:35px}h1{font-size:clamp(44px,11vw,61px);margin:22px 0}.story-lead{font-size:14px;line-height:1.75}.flow{padding:18px 15px;margin-top:30px;border-radius:16px}.flow-nodes{gap:4px}.flow-node{gap:5px}.node-logo{width:27px;height:27px;font-size:14px;border-radius:8px}.flow-node strong{font-size:10px}.flow-node small{font-size:9px}.flow-line{min-width:3px}.flow-label{font-size:9px}.flow-label span{display:none}.flow-foot{font-size:10px}.login-panel{border-radius:22px;padding:26px 23px 0}.panel-top{margin-bottom:26px}h2{font-size:27px}.panel-description{font-size:13px}.panel-bottom{margin:0 -23px;padding:17px 22px}.site-footer{padding:18px 0 23px;flex-wrap:wrap;font-size:10px}.site-footer span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}