:root{color:#092845;--navy:#092845;--green:#119c69;--soft:#eaf8f2;--line:#dbe4e7;--muted:#657786;background:#e9f0f2;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{min-width:320px;min-height:100%}body{background:radial-gradient(circle at 50% 10%,#fff 0,#edf3f5 38%,#dce6e9 100%);min-width:320px;min-height:100%;margin:0}.preview-stage{flex-direction:column;align-items:center;width:100%;min-height:100vh;padding:22px;transition:all .3s;display:flex}.device-picker{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffed;border:1px solid #d5e0e4;border-radius:16px;grid-template-columns:repeat(3,1fr);width:min(100%,430px);margin-bottom:12px;padding:5px;display:grid;position:sticky;top:12px;box-shadow:0 10px 30px #09284514}.device-picker button{min-height:42px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:11px;font-size:14px;font-weight:800}.device-picker button.active{background:var(--navy);color:#fff;box-shadow:0 5px 14px #0928452b}.device-label{width:min(100%,430px);color:var(--muted);justify-content:space-between;align-items:center;margin:0 0 10px;padding:0 4px;font-size:12px;display:flex}.device-label b{color:var(--navy);font-size:13px}.shell{background:#fff;border:1px solid #fffc;border-radius:36px;flex-direction:column;width:100%;max-width:390px;min-height:844px;margin:0 auto;transition:max-width .3s,border-radius .3s;display:flex;overflow:hidden;box-shadow:0 24px 80px #09284526}.device-android .shell{border-radius:28px;max-width:412px;min-height:892px}.device-pc .shell{border-radius:24px;max-width:1100px;min-height:720px}.device-pc .device-picker,.device-pc .device-label{width:min(100%,620px)}.header{border-bottom:1px solid var(--line);grid-template-columns:82px 1fr;align-items:center;gap:14px;padding:22px 22px 18px;display:grid}.header img{object-fit:contain;width:82px;height:50px}.header div{display:grid}.header strong{letter-spacing:-.04em;font-size:23px}.header span{font-size:14px}.header em{color:var(--green);font-size:15px;font-style:normal;font-weight:750}main{flex:1;padding:30px 22px}.kicker{color:var(--green);letter-spacing:.1em;margin:0 0 10px;font-size:13px;font-weight:850}h1{letter-spacing:-.055em;margin:0 0 18px;font-size:42px;line-height:1}h1 span{color:var(--green)}.lead{color:var(--muted);margin:0 0 26px;font-size:18px;line-height:1.5}.hero-card{border:2px solid var(--green);background:linear-gradient(145deg,#fbfffd,var(--soft));width:100%;min-height:108px;color:var(--navy);text-align:left;cursor:pointer;border-radius:24px;justify-content:space-between;align-items:center;padding:20px;display:flex;box-shadow:0 16px 36px #119c6918}.hero-card b,.future b{font-size:22px;display:block}.hero-card small,.future span{color:var(--muted);margin-top:7px;font-size:16px;line-height:1.35;display:block}.hero-card i{color:var(--green);font-size:42px;font-style:normal}.safe{color:var(--muted);background:#f5f8f9;border-radius:18px;gap:5px;margin-top:20px;padding:18px;display:grid}.safe b{color:var(--navy)}.future{border:1px solid var(--line);opacity:.58;border-radius:20px;margin-top:12px;padding:18px 20px}label{gap:10px;font-size:18px;font-weight:750;display:grid}input{border:1px solid var(--line);min-width:0;height:54px;font:inherit;border-radius:15px;padding:0 15px}.empty{background:#f7fafb;border:1px dashed #aebdc5;border-radius:22px;margin-top:22px;padding:22px}.empty>span{color:#725200;background:#fff1bf;border-radius:999px;padding:7px 11px;font-size:13px;font-weight:850;display:inline-block}.empty h2{margin:16px 0 8px;font-size:26px}.empty p{color:var(--muted);margin:0;font-size:17px;line-height:1.5}nav{grid-template-columns:1fr 1fr;gap:12px;padding:8px 22px 18px;display:grid}nav button{border:1px solid var(--navy);height:50px;color:var(--navy);font:inherit;cursor:pointer;background:#fff;border-radius:15px;font-weight:750}footer{padding:16px 18px calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--line);text-align:center;color:var(--muted);font-size:13px}.device-pc .header{grid-template-columns:112px 1fr;padding:26px 40px}.device-pc .header img{width:112px;height:62px}.device-pc main{width:100%;max-width:820px;padding:48px 50px}.device-pc h1{font-size:58px}.device-pc .hero-card{max-width:720px}@media (max-width:600px){.preview-stage{padding:10px}.device-picker{top:8px}.shell{min-height:calc(100dvh - 88px)}.header span{display:none}.device-pc{overflow:hidden}.device-pc .shell{transform-origin:top;min-width:960px;margin-bottom:-440px;transform:scale(.38)}}