:root{--red:#e10600;--red-soft:#ff3b3d;--red-dark:#880500;--black:#0d0d0d;--black-soft:#151515;--panel:#fff1;--panel-strong:#ffffff1b;--line:#ffffff1f;--gray:#a5a5a5;--white:#fff;--radius:28px;--shadow:0 28px 80px #0000006b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--white);background:radial-gradient(circle at 12% 8%,#e1060047,#0000 34rem),radial-gradient(circle at 84% 0,#ff3b3d24,#0000 30rem),linear-gradient(#111,#050505 52%,#0d0d0d);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.site-header{z-index:20;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#0a0a0adb;border-bottom:1px solid #ffffff14;grid-template-columns:auto 1fr auto;align-items:center;gap:1.25rem;padding:.85rem clamp(1rem,4vw,4rem);display:grid;position:sticky;top:0}.brand{align-items:center;display:inline-flex}.brand-logo{object-fit:contain;filter:drop-shadow(0 8px 22px #e1060040);width:120px;height:auto}.site-nav,.header-actions,.footer-columns,.footer-columns div{display:flex}.site-nav{color:#dedede;flex-wrap:wrap;justify-content:center;gap:.75rem 1.15rem;font-size:.94rem}.site-nav a:hover,.footer-columns a:hover{color:var(--red-soft)}.header-actions{flex-wrap:wrap;justify-content:flex-end;gap:.55rem}.header-cta,.header-link,.button-primary,.button-secondary,.button-ghost{border-radius:999px;justify-content:center;align-items:center;min-height:2.75rem;padding:.78rem 1.08rem;font-weight:850;display:inline-flex}.header-cta,.button-primary{background:linear-gradient(135deg, var(--red), var(--red-soft));color:var(--white);box-shadow:0 18px 42px #e1060047}.header-link,.button-secondary,.button-ghost{border:1px solid var(--line);background:#ffffff0e}.button-ghost{color:#f2f2f2}.hero{grid-template-columns:minmax(0,1.03fr) minmax(310px,.97fr);align-items:center;gap:clamp(2rem,5vw,5rem);min-height:78vh;padding:clamp(4rem,8vw,8rem) clamp(1rem,5vw,5rem);display:grid}.hero-content,.page-hero,.section,.cta-band{max-width:1180px;margin:0 auto}.eyebrow{color:var(--red-soft);letter-spacing:.16em;text-transform:uppercase;margin:0 0 1rem;font-size:.82rem;font-weight:900}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.08em;max-width:900px;margin-bottom:1.25rem;font-size:clamp(3.1rem,7.4vw,7rem);line-height:.92}h2{letter-spacing:-.06em;font-size:clamp(2rem,4vw,4rem);line-height:1}h3{font-size:1.32rem}.hero-logo{object-fit:contain;filter:drop-shadow(0 12px 28px #e1060047);width:min(330px,70vw);height:auto;margin-bottom:1.4rem}.hero-text,.lead,.page-hero p,.section-heading p{color:#d7d7d7;max-width:720px;font-size:clamp(1.05rem,2vw,1.3rem);line-height:1.7}.hero-actions{flex-wrap:wrap;gap:1rem;margin-top:2rem;display:flex}.hero-showcase{border:1px solid var(--line);border-radius:var(--radius);min-height:560px;box-shadow:var(--shadow);background:linear-gradient(90deg,#000000c7,#0000003d),url(/brand/hajdee-food-hero-bg-web.jpg) 50%/cover no-repeat;overflow:hidden}.food-stage{background:radial-gradient(circle at 74% 32%,#e106002e,#0000 26rem);min-height:560px;padding:2rem;display:grid;position:relative}.delivery-card{border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a0a0abd;border-radius:1.3rem;gap:.28rem;width:min(280px,100% - 4rem);padding:1rem;display:grid;position:absolute;bottom:2rem;right:2rem}.delivery-card span,.delivery-card small,.access-card small,.footer-note{color:var(--gray)}.section{padding:clamp(3rem,7vw,6rem) clamp(1rem,5vw,5rem)}.section-heading{margin-bottom:2rem}.stats-strip,.access-grid,.feature-grid,.testimonial-grid,.contact-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.stats-strip{padding-top:1rem;padding-bottom:1rem}.stats-strip article,.access-card,.feature-card,.faq-card,.testimonial-grid blockquote,.platform-preview article{border:1px solid var(--line);background:var(--panel);border-radius:1.5rem;box-shadow:0 18px 44px #00000038}.stats-strip article{gap:.35rem;padding:1.3rem;display:grid}.stats-strip strong{color:var(--red-soft);font-size:2.2rem}.access-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.access-card,.feature-card,.faq-card,.testimonial-grid blockquote,.platform-preview article{padding:1.55rem}.access-card{flex-direction:column;gap:.8rem;transition:transform .18s,border-color .18s,background .18s;display:flex}.access-card:hover{background:var(--panel-strong);border-color:#ff3b3d75;transform:translateY(-4px)}.access-icon,.feature-icon{font-size:2rem}.access-card p,.feature-card p,.faq-card p,.check-list,.testimonial-grid blockquote{color:#d0d0d0;line-height:1.65}.access-card a{color:var(--red-soft);margin-top:auto;font-weight:900}.elevated-card{background:linear-gradient(135deg, #e1060024, #ffffff0b), var(--panel)}.testimonial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.testimonial-grid blockquote{margin:0;font-size:1.15rem}.testimonial-grid cite{color:var(--red-soft);margin-top:1rem;font-style:normal;font-weight:900;display:block}.cta-band{border-radius:var(--radius);background:linear-gradient(135deg, #e1060042, #ffffff0a), var(--black-soft);border:1px solid #ffffff21;margin-bottom:4rem;padding:clamp(2rem,5vw,4rem)}.page-hero{padding:clamp(5rem,10vw,8rem) clamp(1rem,5vw,5rem) 2rem}.page-hero .button-primary{margin-top:1.2rem}.page-section h1{font-size:clamp(2.8rem,6vw,6rem)}.split-section{grid-template-columns:.9fr 1.1fr;gap:2rem;display:grid}.check-list{gap:1rem;margin:0;padding:0;list-style:none;display:grid}.check-list li{border:1px solid var(--line);background:var(--panel);border-radius:1.2rem;padding:1.1rem 1.2rem}.check-list li:before{color:var(--red-soft);content:"✓";margin-right:.75rem;font-weight:900}.platform-preview article{background:linear-gradient(135deg, #e1060029, #ffffff0d), var(--panel)}.platform-preview p{color:var(--red-soft);letter-spacing:-.06em;font-size:clamp(2rem,4vw,3.8rem);font-weight:900}.faq-list{gap:1rem;margin-top:2rem;display:grid}.contact-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:2rem}.contact-grid span{color:var(--red-soft);font-weight:900}.site-footer{color:#cfcfcf;background:#00000052;border-top:1px solid #ffffff14;grid-template-columns:minmax(240px,.85fr) 1.15fr;gap:2rem;padding:2.4rem clamp(1rem,4vw,4rem);display:grid}.footer-logo{object-fit:contain;width:140px;height:auto}.footer-main p{max-width:360px}.footer-columns{justify-content:space-between;gap:2rem}.footer-columns div{flex-direction:column;gap:.65rem}.footer-columns h3{color:var(--white);margin-bottom:.4rem}.footer-columns span{color:var(--gray)}@media (max-width:1120px){.site-header{grid-template-columns:1fr}.site-nav,.header-actions{justify-content:flex-start}.access-grid,.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.hero,.split-section,.site-footer{grid-template-columns:1fr}.hero-showcase,.food-stage{min-height:440px}.stats-strip,.feature-grid,.testimonial-grid{grid-template-columns:1fr}}@media (max-width:620px){.site-header{position:static}.brand-logo{width:104px}.site-nav{display:none}.header-actions,.hero-actions,.button-primary,.button-secondary,.button-ghost,.header-cta,.header-link{width:100%}.hero{min-height:auto;padding-top:3rem}.access-grid,.contact-grid,.footer-columns{grid-template-columns:1fr}.footer-columns{display:grid}}.language-select{min-height:44px;color:var(--white);background:#ffffff0f;border:1px solid #ffffff29;border-radius:999px;align-items:center;padding:0 .85rem;display:inline-flex;position:relative}.language-select span{font-size:.85rem;font-weight:800}.language-select select{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.platform-shell{gap:1.4rem;padding:clamp(1.4rem,4vw,4rem);display:grid}.platform-hero{background:radial-gradient(circle at 82% 12%, #e1060047, transparent 34%), linear-gradient(135deg, #ffffff14, #ffffff05), var(--black);border:1px solid #ffffff1f;border-radius:2rem;grid-template-columns:minmax(0,1fr) minmax(260px,.34fr);align-items:stretch;gap:1.4rem;min-height:260px;padding:clamp(1.5rem,4vw,3rem);display:grid;box-shadow:0 24px 90px #0000005c}.platform-hero h1{max-width:860px;color:var(--white);letter-spacing:-.07em;margin:.5rem 0 1rem;font-size:clamp(2.4rem,6vw,5.5rem);line-height:.95}.platform-hero p{color:#d8d8d8;max-width:720px;font-size:1.08rem}.platform-status{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:1.4rem;align-content:center;gap:.65rem;padding:1rem;display:grid}.platform-status span,.platform-status strong,.platform-status small{display:block}.platform-status button,.platform-card button,.menu-item button,.quantity-controls button{color:var(--white);background:var(--red);cursor:pointer;border:0;border-radius:999px;transition:transform .2s,opacity .2s}.platform-status button:hover,.platform-card button:hover,.menu-item button:hover,.quantity-controls button:hover{transform:translateY(-1px)}.platform-status button:disabled,.platform-card button:disabled,.menu-item button:disabled{cursor:not-allowed;opacity:.45}.platform-toast{color:var(--white);background:#ffffff14;border:1px solid #ffffff1f;border-radius:1rem;margin:0;padding:.9rem 1rem}.platform-toast.success{background:#23c5781f;border-color:#23c57880}.platform-toast.error{background:#e1060029;border-color:#e106008c}.platform-grid,.menu-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.platform-section{gap:1rem;display:grid}.platform-card,.platform-form{color:var(--white);background:linear-gradient(145deg,#ffffff14,#ffffff08),#121212;border:1px solid #ffffff1f;border-radius:1.5rem;gap:1rem;padding:clamp(1.2rem,3vw,1.8rem);text-decoration:none;display:grid}.platform-card strong{font-size:1.05rem}.platform-card span,.platform-card p{color:#cfcfcf}.hero-card{background:radial-gradient(circle at 72% 24%,#ff4a5457,#0000 34%),linear-gradient(135deg,#e1060038,#ffffff0a),#111;grid-column:span 2;min-height:190px}.platform-form{max-width:720px}.platform-form input{width:100%;color:var(--white);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:1rem;padding:1rem}.social-auth{gap:.85rem;display:grid}.social-divider{color:var(--gray);grid-template-columns:1fr auto 1fr;align-items:center;gap:.8rem;font-size:.86rem;display:grid}.social-divider:before,.social-divider:after{content:"";background:#ffffff1f;height:1px}.social-buttons{gap:.7rem;display:grid}.social-button{min-height:3.2rem;color:var(--white);text-align:left;background:#ffffff0e;border:1px solid #ffffff1f;border-radius:1rem;grid-template-columns:2rem 1fr auto;align-items:center;gap:.75rem;padding:0 1rem;font-weight:800;display:grid}.social-button:disabled{cursor:not-allowed;opacity:.72}.social-button>span{background:#ffffff1c;border-radius:999px;place-items:center;width:2rem;height:2rem;font-weight:950;display:inline-grid}.social-button small{color:var(--red-soft);text-transform:uppercase;font-size:.74rem;font-weight:900}.form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.button-primary,.platform-card .button-primary,.platform-form .button-primary{min-height:52px;color:var(--white);background:linear-gradient(135deg, #ff3844, var(--red));border:0;border-radius:999px;justify-content:center;align-items:center;padding:0 1.25rem;font-weight:900;text-decoration:none;display:inline-flex;box-shadow:0 18px 34px #e1060038}.restaurant-banner{background:radial-gradient(circle at 78% 8%,#e1060047,#0000 38%),#111;border:1px solid #ffffff1f;border-radius:1.7rem;align-items:center;gap:1rem;padding:clamp(1.3rem,4vw,2.2rem);display:flex}.restaurant-banner>span{font-size:clamp(3rem,8vw,5rem)}.restaurant-banner h2{color:var(--white);margin:0 0 .35rem;font-size:clamp(1.8rem,4vw,3rem)}.menu-item,.cart-line,.summary-line,.order-card{background:#ffffff0a;border:1px solid #ffffff17;border-radius:1rem;justify-content:space-between;align-items:center;gap:1rem;padding:.95rem;display:flex}.menu-item div,.cart-line div{gap:.25rem;display:grid}.menu-item button{min-width:96px;min-height:40px;font-weight:800}.quantity-controls{align-items:center;grid-template-columns:unset!important;gap:.7rem!important;display:inline-flex!important}.quantity-controls button{width:34px;height:34px;font-size:1rem;font-weight:900}.summary-line{background:0 0;border:0;padding-inline:0}.summary-line.total{border-top:1px solid #ffffff1f;padding-top:1rem;font-size:1.25rem}.timeline{gap:.7rem;display:grid}.timeline div{color:#a9a9a9;grid-template-columns:18px 1fr;align-items:center;gap:.75rem;display:grid}.timeline span{border:2px solid #ffffff40;border-radius:999px;width:14px;height:14px}.timeline .active{color:var(--white)}.timeline .active span{border-color:var(--red-soft);background:var(--red);box-shadow:0 0 0 6px #e106001f}.order-card{flex-wrap:wrap}.order-actions{flex-wrap:wrap;gap:.55rem;display:flex}.order-actions button{min-height:38px;padding:0 .9rem}.empty-state{text-align:center;place-items:center;min-height:220px}@media (max-width:900px){.platform-hero,.platform-grid,.menu-grid{grid-template-columns:1fr}.hero-card{grid-column:auto}}@media (max-width:620px){.platform-shell{padding:1rem}.form-row,.menu-item,.cart-line{grid-template-columns:1fr}}