@font-face{font-family:Space Grotesk;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/spacegrotesk/v22/V8mDoQDjQSkFtoMM3T6r8E7mPb54C-s0.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/spacegrotesk/v22/V8mDoQDjQSkFtoMM3T6r8E7mPb94C-s0.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/spacegrotesk/v22/V8mDoQDjQSkFtoMM3T6r8E7mPbF4Cw.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/spacegrotesk/v22/V8mDoQDjQSkFtoMM3T6r8E7mPb54C-s0.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/spacegrotesk/v22/V8mDoQDjQSkFtoMM3T6r8E7mPb94C-s0.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/spacegrotesk/v22/V8mDoQDjQSkFtoMM3T6r8E7mPbF4Cw.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/spacegrotesk/v22/V8mDoQDjQSkFtoMM3T6r8E7mPb54C-s0.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/spacegrotesk/v22/V8mDoQDjQSkFtoMM3T6r8E7mPb94C-s0.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/spacegrotesk/v22/V8mDoQDjQSkFtoMM3T6r8E7mPbF4Cw.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/spacegrotesk/v22/V8mDoQDjQSkFtoMM3T6r8E7mPb54C-s0.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/spacegrotesk/v22/V8mDoQDjQSkFtoMM3T6r8E7mPb94C-s0.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/spacegrotesk/v22/V8mDoQDjQSkFtoMM3T6r8E7mPbF4Cw.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #eff4f8;--ink: #0f1f2e;--ink-muted: #5d6f82;--line: #d6e2ed;--brand-a: #0653c8;--brand-b: #1184f0;--brand-c: #ff9800;--ok: #1e9d62;--danger: #cf334d;--panel: #ffffff;--panel-soft: #f7fbff;--shadow: 0 20px 45px rgba(4, 38, 78, .13)}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Space Grotesk,Segoe UI,sans-serif;color:var(--ink);min-height:100%}body{background:radial-gradient(1000px 450px at 120% 10%,rgba(17,132,240,.2),transparent 55%),radial-gradient(1000px 420px at -10% 120%,rgba(6,83,200,.16),transparent 50%),linear-gradient(180deg,#f9fcff 0%,var(--bg) 65%)}h1,h2,h3,p{margin:0}a{color:inherit}button,input{font:inherit}.app-shell{min-height:100vh}.app-topbar{position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe6;border-bottom:1px solid rgba(8,40,82,.1)}.app-topbar-inner{max-width:980px;margin:0 auto;padding:.9rem 1rem;display:flex;align-items:center;justify-content:space-between}.brand{font-size:1.2rem;font-weight:700;letter-spacing:.02em;color:#0e2f57}.top-nav{display:flex;gap:.45rem}.top-nav a{text-decoration:none;font-weight:600;padding:.45rem .85rem;border-radius:999px;color:#1f4468;transition:background-color .2s ease}.top-nav a:hover{background:#ebf2f8}.top-nav a.active{color:#fff;background:linear-gradient(120deg,var(--brand-a),var(--brand-b))}.app-main{max-width:980px;margin:0 auto;padding:1.1rem 1rem 2rem}.mobile-stage{max-width:430px;margin:0 auto}.phone-screen{border-radius:28px;border:1px solid #c0d6eb;overflow:hidden;background:var(--panel);box-shadow:var(--shadow);animation:screen-in .38s ease both}.phone-header{background:linear-gradient(120deg,var(--brand-a),var(--brand-b));color:#fff;padding:1rem 1.1rem}.phone-header h1{font-size:1.3rem;line-height:1.1}.phone-header p{color:#d9ebff;font-size:.95rem;margin-top:.3rem}.phone-content{padding:1.1rem;display:grid;gap:.9rem}.panel{border:1px solid var(--line);border-radius:18px;background:var(--panel-soft);padding:.9rem;display:grid;gap:.55rem}.title{font-size:1.04rem;font-weight:700}.muted{color:var(--ink-muted);font-size:.94rem}.product-media{width:100%;height:180px;object-fit:cover;border-radius:14px;border:1px solid #c7d9ea;background:linear-gradient(150deg,#cae7ff,#7cb6f0)}.price{font-size:1.5rem;font-weight:700}.item-row{display:flex;justify-content:space-between;gap:.9rem;align-items:center;border:1px solid var(--line);border-radius:14px;background:#fff;padding:.65rem .75rem}.item-name{font-weight:600}.item-price{color:#16395d;font-weight:700}.total-line{display:flex;justify-content:space-between;align-items:center;padding:.35rem 0}.total-line strong:last-child{font-size:1.18rem}.btn{border:0;border-radius:12px;padding:.72rem .92rem;font-weight:700;cursor:pointer;transition:transform .15s ease,filter .15s ease}.btn:hover{transform:translateY(-1px);filter:brightness(1.03)}.btn:disabled{cursor:not-allowed;transform:none;opacity:.6}.btn-primary{color:#fff;background:linear-gradient(120deg,var(--brand-a),var(--brand-b))}.btn-accent{color:#0e1f34;background:linear-gradient(120deg,#ffbe52,var(--brand-c))}.btn-ghost{color:#244568;background:#e8f1f8}.btn-danger{color:#7a1425;background:#ffe9ee}.field{display:grid;gap:.35rem}.field label{font-size:.89rem;font-weight:600;color:#345170}.field input{border:1px solid #bed2e4;background:#fff;border-radius:10px;padding:.62rem .72rem;outline:none}.field input:focus{border-color:#3f8de8;box-shadow:0 0 0 4px #3f8de829}.status-ok,.status-error{border-radius:12px;padding:.68rem .76rem;font-size:.92rem;font-weight:600}.status-ok{color:#115838;background:#e5f8ef;border:1px solid #9ddfbe}.status-error{color:#7d1c2e;background:#ffe8ee;border:1px solid #f0b9c6}.step{border:1px solid var(--line);border-radius:14px;background:#fff;padding:.75rem;display:grid;gap:.55rem}.step-title{font-size:.95rem;font-weight:700;color:#32506f}.spinner{width:30px;height:30px;border-radius:50%;border:4px solid #cddff1;border-top-color:var(--brand-a);animation:spin 1s linear infinite;margin:.3rem auto}@keyframes spin{to{transform:rotate(360deg)}}@keyframes screen-in{0%{opacity:0;transform:translateY(8px) scale(.995)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:560px){.app-main{padding:.6rem .55rem 1.5rem}.phone-content{padding:.85rem}}