*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,sans-serif;background:#f8f9fa;color:#222}.container{max-width:1100px;margin:0 auto;padding:0 20px}header{background:linear-gradient(90deg,#fc0,#ff6b00);padding:16px 0}header .container{display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:10px;font-size:1.6rem;font-weight:700}.logo-mark{height:44px;width:auto;display:block;border-radius:8px;background:#000;flex-shrink:0}.logo-text{line-height:1.1}.druk{color:#c41e3a}.bees{color:#111}nav a{margin-left:20px;color:#111;text-decoration:none;font-weight:500}.hero{background:linear-gradient(#00000080,#00000080),url(https://images.unsplash.com/photo-1488646953014-85cb44e25828?w=1400) center/cover;color:#fff;text-align:center;padding:100px 20px}.hero h1{font-size:2.6rem;margin-bottom:12px}.hero p{font-size:1.15rem;max-width:640px;margin:0 auto 24px}.btn{display:inline-block;background:#ff6b00;color:#fff;border:none;padding:12px 24px;border-radius:30px;font-weight:600;cursor:pointer;text-decoration:none}.btn:hover{background:#e55a00}.section{padding:60px 0}.section h2{text-align:center;margin-bottom:24px;color:#c41e3a}.finder-intro{text-align:center;color:#555;margin:-8px auto 24px;max-width:520px}.plan-finder{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;align-items:flex-end;margin:0 auto 32px;max-width:820px}.finder-field{display:flex;flex-direction:column;gap:6px;min-width:160px;flex:1}.finder-field span{font-size:.85rem;font-weight:600;color:#444}.finder-field select,.finder-field input{padding:11px 14px;border:1px solid #ddd;border-radius:10px;background:#fff;font-size:1rem;color:#222}.finder-field select{cursor:pointer}.finder-field select:disabled{opacity:.55;cursor:not-allowed}.finder-search{flex:1.4;min-width:200px}.results-meta{text-align:center;color:#666;font-size:.95rem;margin:-12px 0 20px}.btn-ghost{background:transparent;color:#ff6b00;border:1.5px solid #ff6b00;align-self:flex-end}.btn-ghost:hover{background:#fff4ec;color:#e55a00}.plans-empty{text-align:center;padding:40px 20px;background:#fff;border-radius:12px;box-shadow:0 4px 14px #00000012}.plans-empty p{color:#555;margin-bottom:16px}.plans-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:20px}.plan-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 14px #00000012}.plan-card h3{color:#ff6b00}.plan-card-top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px}.plan-card .price{font-size:1.5rem;font-weight:700;color:#c41e3a;margin:8px 0}.plan-card .desc{font-size:.9rem;color:#555;margin-bottom:12px}.plan-card .network{font-size:.85rem;color:#777;margin-top:4px}.plan-card .btn{width:100%}.plan-card .btn:disabled{opacity:.5;cursor:not-allowed;background:#999}.stock{font-size:.75rem;font-weight:600;padding:3px 8px;border-radius:999px;white-space:nowrap}.stock.in-stock{background:#e8f8ef;color:#0a7}.stock.out-stock{background:#fdeaea;color:#c41e3a}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.step{background:#fff;padding:18px;border-radius:10px;text-align:center}.note{text-align:center;margin-top:20px;color:#666}.payment-banner{max-width:520px;margin:0 auto 20px;padding:14px 16px;border-radius:10px;text-align:center;font-weight:500}.payment-paid{background:#e8f8ef;color:#0a7}.payment-cancelled,.payment-error{background:#fdeaea;color:#c41e3a}.lookup{display:flex;gap:10px;justify-content:center;margin-bottom:20px}.lookup input{padding:10px;width:280px;border:1px solid #ddd;border-radius:6px}.order-card{background:#fff;max-width:520px;margin:0 auto;padding:20px;border-radius:12px}.order-card pre{background:#f4f4f4;padding:10px;border-radius:6px;white-space:pre-wrap}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.modal-content{background:#fff;padding:28px;border-radius:12px;width:90%;max-width:440px;position:relative}.close{position:absolute;top:8px;right:12px;font-size:28px;background:none;border:none;cursor:pointer}.modal-content form{display:flex;flex-direction:column;gap:8px;margin-top:12px}.modal-content input{padding:10px;border:1px solid #ddd;border-radius:6px}.message{margin-top:12px;color:#0a7;font-weight:500}footer{background:#111;color:#fff;text-align:center;padding:30px 0;margin-top:40px}@media (max-width: 640px){.hero h1{font-size:2rem}header .container{flex-direction:column;gap:10px}.plan-finder{flex-direction:column;align-items:stretch}.finder-field{min-width:0}.btn-ghost{width:100%;align-self:stretch}}