@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");*{margin:0;padding:0;box-sizing:border-box}:root{--lime:#af0;--red:#ff2d2d;--black:#0a0a0a;--white:#fafafa;--gray:#b0b0b0;--dark:#111;--light-text:#1a1a1a;--light-sub:#555}html{scroll-behavior:smooth}body,html{overflow-x:hidden}body{background:var(--black);color:var(--white);font-family:Space Mono,monospace}a{color:inherit;text-decoration:none}body:before{content:"";height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");pointer-events:none;z-index:9999;opacity:.3}.nav,body:before{position:fixed;top:0;left:0;width:100%}.nav{z-index:1000;background:hsla(0,0%,4%,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:2px solid var(--lime);padding:12px 24px;justify-content:space-between}.nav,.nav-logo{display:flex;align-items:center}.nav-logo{font-family:Permanent Marker,cursive;font-size:1.4rem;color:var(--lime);gap:10px}.nav-logo img{height:36px;width:auto}.nav-links{display:flex;gap:24px;align-items:center}.nav-links a{font-size:.8rem;letter-spacing:1px;text-transform:uppercase;transition:color .2s}.nav-links a:hover{color:var(--lime)}.nav-cta{background:var(--lime);color:var(--black);padding:8px 20px;font-family:Space Mono,monospace;font-weight:700;font-size:.75rem;letter-spacing:1px;text-transform:uppercase;border:none;cursor:pointer;transition:all .2s}.nav-cta:hover{background:var(--white)}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:120px 24px 60px;position:relative}.hero-badge{display:inline-block;background:var(--red);color:var(--white);padding:6px 16px;font-size:.7rem;letter-spacing:2px;text-transform:uppercase;font-weight:700;margin-bottom:24px;transform:rotate(-2deg)}.hero h1{font-family:Permanent Marker,cursive;font-size:clamp(2.5rem,8vw,6rem);line-height:1;margin-bottom:16px}.highlight{color:var(--lime)}.highlight-dark{color:var(--red)}.hero-sub{font-size:clamp(.9rem,2vw,1.1rem);color:var(--gray);max-width:500px;line-height:1.6;margin-bottom:40px}.hero-cta{display:inline-block;background:var(--lime);color:var(--black);padding:18px 48px;font-family:Permanent Marker,cursive;font-size:1.3rem;border:none;cursor:pointer;transition:all .15s;position:relative}.hero-cta:hover{background:var(--white);transform:scale(1.05)}.hero-cta:after{content:"";position:absolute;top:6px;left:6px;width:100%;height:100%;border:2px solid var(--lime);z-index:-1;transition:all .15s}.hero-cta:hover:after{top:8px;left:8px}.hero-delivery{margin-top:20px;font-size:.75rem;color:var(--gray);letter-spacing:1px;text-transform:uppercase}.hero-delivery span{color:var(--lime);font-weight:700}.scroll-hint{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(10px)}}.section-title{font-family:Permanent Marker,cursive;font-size:clamp(1.8rem,5vw,3rem);text-align:center;margin-bottom:16px}.section-sub{text-align:center;color:var(--gray);font-size:.85rem;max-width:500px;margin:0 auto 48px;line-height:1.6}.section-inner{max-width:1000px;margin:0 auto;padding:0 24px}.section-inner-narrow{max-width:600px;margin:0 auto;padding:0 24px}.stars-row{color:gold;font-size:1.2rem;letter-spacing:0}.star-half-wrap{color:#ddd;font-size:1.2rem;margin-left:0}.star-half-char,.star-half-wrap{display:inline-block;position:relative}.star-half-char{background:linear-gradient(90deg,gold 50%,#ddd 0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gallery-header{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:16px}.gallery-header .section-title{margin-bottom:0}.gallery-stars{display:flex;align-items:center;gap:8px;cursor:pointer;transition:opacity .2s}.gallery-stars:hover{opacity:.8}.gallery-review-count{color:var(--gray);font-size:.75rem;letter-spacing:1px}.section-divider{width:100%;height:1px;background:linear-gradient(90deg,transparent,#333 20%,#af0 50%,#333 80%,transparent);max-width:900px;margin:0 auto}.light-section{background:#fff;font-family:Inter,sans-serif;padding:80px 0}.light-section,.light-section .section-title{color:var(--light-text)}.light-section .section-sub{color:var(--light-sub)}.gallery{padding:60px 24px 40px;max-width:1200px;margin:0 auto}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:32px;gap:32px}.gallery-card{background:var(--dark);border:1px solid #222;overflow:hidden;transition:all .3s;position:relative}.gallery-card:hover{border-color:var(--lime);transform:translateY(-4px)}.gallery-pair{display:flex;position:relative;overflow:hidden}.gallery-pair img{width:50%;aspect-ratio:1/1;object-fit:cover;display:block}.gallery-arrow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--lime);color:var(--black);width:36px;height:36px;border-radius:50%;justify-content:center;font-size:1.2rem;font-weight:700;z-index:2}.gallery-arrow,.gallery-label{display:flex;align-items:center}.gallery-label{padding:16px;justify-content:space-between}.gallery-label span{font-size:.7rem;letter-spacing:1px;text-transform:uppercase;color:var(--gray)}.gallery-label .tag{background:var(--lime);color:var(--black);padding:4px 10px;font-size:.65rem;font-weight:700;letter-spacing:1px}.how .section-inner{max-width:900px}.how-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:32px;gap:32px;margin-top:48px}.how-step{text-align:center;padding:32px 24px}.how-num{font-family:Permanent Marker,cursive;font-size:3rem;color:var(--red);margin-bottom:12px}.light-section .how-step h3{font-family:Inter,sans-serif;font-weight:700;font-size:1.1rem;margin-bottom:12px;color:var(--light-text)}.light-section .how-step p{color:var(--light-sub);font-size:.85rem;line-height:1.6}.print-callout{max-width:900px;margin:0 auto;border:2px dashed var(--red);padding:40px;text-align:center}.print-callout h3{font-family:Permanent Marker,cursive;font-size:1.4rem;margin-bottom:12px;color:var(--red)}.print-callout p{color:var(--light-sub);font-size:.85rem;line-height:1.6}.print-callout .price{color:var(--light-text);font-weight:700}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:24px;gap:24px}.pricing-card{background:linear-gradient(180deg,#fdf8f0,#f5e6d3,#fdf8f0);border:1.5px solid #1a1a1a;padding:40px 32px;text-align:center;position:relative;transition:all .3s}.pricing-card:hover{border-color:#333;transform:translateY(-4px)}.pricing-card.popular{border-color:#1a1a1a;border-width:2px}.pricing-card.popular:before{content:"MOST POPULAR";position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:#1a1a1a;color:#fff;padding:4px 16px;font-size:.65rem;font-weight:700;letter-spacing:2px}.pricing-card h3{font-family:Permanent Marker,cursive;font-size:1.3rem;margin-bottom:8px;color:var(--light-text)}.pricing-card .price-tag{font-family:Permanent Marker,cursive;font-size:3rem;color:var(--red);margin:16px 0}.pricing-card p{color:var(--light-sub);font-size:.85rem;line-height:1.6;margin-bottom:24px}.pricing-btn{width:100%;padding:14px;background:transparent;border:2px solid #1a1a1a;color:#1a1a1a;font-family:Inter,sans-serif;font-weight:700;font-size:.8rem;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:all .2s}.pricing-btn:hover{background:#1a1a1a;color:#fff}.pricing-card.popular .pricing-btn{background:#1a1a1a;border-color:#1a1a1a;color:#fff}.pricing-card.popular .pricing-btn:hover{background:#333;border-color:#333}.rush-note{text-align:center;margin-top:32px;color:var(--light-sub);font-size:.85rem}.rush-note span{color:var(--red);font-weight:700}.upload{padding:60px 0}.upload-form{background:linear-gradient(180deg,#fdf8f0,#f5e6d3,#fdf8f0);border:1.5px solid #1a1a1a;padding:40px 32px}.form-group{margin-bottom:24px}.form-group label{display:block;font-size:.75rem;letter-spacing:1px;text-transform:uppercase;margin-bottom:8px;color:var(--light-sub)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:14px;background:#f9f9f9;border:1px solid #ddd;color:var(--light-text);font-family:Inter,sans-serif;font-size:.85rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--red)}.form-group select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23555' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-color:#f9f9f9}.form-group select option{background:#fff;color:var(--light-text)}.dropzone{border:2px dashed #ccc;padding:48px 24px;text-align:center;cursor:pointer;transition:all .2s;position:relative}.dropzone.dragover,.dropzone:hover{border-color:var(--red);background:rgba(255,45,45,.03)}.dropzone-icon{font-size:2rem;margin-bottom:12px}.dropzone-text{color:var(--light-sub);font-size:.8rem}.dropzone-text span{color:var(--red);font-weight:700}.dropzone input{position:absolute;inset:0;opacity:0;cursor:pointer}.file-preview{margin-top:12px;padding:8px 12px;background:rgba(0,170,0,.08);border:1px solid #22c55e;display:none;font-size:.75rem;color:#16a34a}.file-preview.show{display:block}.rush-toggle{gap:12px;cursor:pointer}.rush-box,.rush-toggle{display:flex;align-items:center}.rush-box{width:20px;height:20px;border:2px solid #ccc;justify-content:center;transition:all .2s;flex-shrink:0;font-size:.75rem;color:#fff}.rush-box:not(:empty){border-color:#1a1a1a;background:#1a1a1a}.rush-label{font-size:.8rem;color:var(--light-sub)}.rush-label span{color:var(--red);font-weight:700}.form-total{text-align:center;padding:20px;border-top:1px solid #ddd;margin-top:16px}.form-total .total-label{font-size:.75rem;color:var(--light-sub);letter-spacing:1px;text-transform:uppercase}.form-total .total-price{font-family:Permanent Marker,cursive;font-size:2.5rem;color:var(--red)}.submit-btn{width:100%;padding:18px;background:#1a1a1a;color:#fff;font-family:Permanent Marker,cursive;font-size:1.2rem;border:none;cursor:pointer;transition:all .15s;margin-top:16px}.submit-btn:hover{background:#333;transform:scale(1.02)}.submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.roast-style-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.roast-style-btn{padding:14px 16px;background:transparent;border:1.5px solid #1a1a1a;color:#1a1a1a;font-family:Inter,sans-serif;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s;text-align:center}.roast-style-btn:hover{background:#f0f0f0}.roast-style-btn.active{background:#1a1a1a;color:#fff}.reviews{padding:80px 0}.reviews-summary{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:48px}.reviews-count{color:var(--light-sub);font-size:.85rem}.review-card-featured{background:#fff;border:1.5px solid #1a1a1a;padding:24px;margin-bottom:12px}.review-card{background:#fff;border:1px solid #ddd;padding:24px;margin-bottom:2px}.rev-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.rev-name{font-weight:700;font-size:.9rem;color:var(--light-text)}.rev-stars{color:gold;font-size:.85rem}.rev-card-text{color:var(--light-sub);font-size:.8rem;line-height:1.7;margin-bottom:8px}.rev-date{font-size:.65rem;color:#999;letter-spacing:1px}.reviews-more-toggle{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#fff;border:1px solid #ddd;cursor:pointer;transition:all .2s;margin-bottom:2px;font-size:.8rem;color:var(--red)}.reviews-more-toggle:hover{background:rgba(255,45,45,.03);border-color:var(--red)}.rev-toggle-arrow{font-size:.8rem}.reviews-pagination{display:flex;justify-content:center;gap:8px;margin-top:32px}.reviews-pagination button{padding:8px 16px;background:transparent;border:1px solid #ccc;color:var(--light-sub);font-family:Inter,sans-serif;font-size:.75rem;cursor:pointer;transition:all .2s}.reviews-pagination button.active,.reviews-pagination button:hover{border-color:var(--red);color:var(--red)}.reviews-pagination button:disabled{opacity:.3;cursor:default}footer{border-top:2px solid var(--lime);padding:24px 24px 16px;text-align:center;background:var(--black)}.footer-logo{font-family:Permanent Marker,cursive;font-size:1.2rem;color:var(--lime);margin-bottom:8px;display:flex;align-items:center;justify-content:center;gap:10px}.footer-logo img{height:32px;width:auto}.footer-tagline{color:var(--gray);font-size:.7rem;margin-bottom:12px}.footer-socials{gap:16px;margin-bottom:12px}.footer-socials,.footer-socials a{display:flex;justify-content:center}.footer-socials a{width:32px;height:32px;border:1px solid #333;align-items:center;transition:all .2s;font-size:.7rem;color:var(--gray)}.footer-socials a:hover{border-color:var(--lime);color:var(--lime)}.footer-email{color:var(--gray);font-size:.65rem;margin-bottom:4px}.footer-email a{color:var(--lime)}.footer-copy{color:#555;font-size:.6rem;letter-spacing:1px}.admin-container{max-width:1100px;margin:0 auto;padding:100px 24px 40px}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;flex-wrap:wrap;gap:16px}.admin-header h1{font-family:Permanent Marker,cursive;font-size:2rem;color:var(--lime)}.admin-toggle{display:flex;align-items:center;gap:12px}.admin-toggle-label{font-size:.75rem;color:var(--gray);letter-spacing:1px;text-transform:uppercase}.admin-toggle-switch{width:48px;height:24px;background:#333;border-radius:12px;position:relative;cursor:pointer;transition:background .3s}.admin-toggle-switch.on{background:var(--lime)}.admin-toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:var(--white);border-radius:50%;transition:transform .3s}.admin-toggle-switch.on:after{transform:translateX(24px)}.admin-filter{display:flex;gap:8px}.admin-filter button{padding:6px 14px;background:transparent;border:1px solid #333;color:var(--gray);font-family:Space Mono,monospace;font-size:.7rem;cursor:pointer;transition:all .2s}.admin-filter button.active,.admin-filter button:hover{border-color:var(--lime);color:var(--lime)}.admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:16px;gap:16px;margin-bottom:32px}.stat-card{background:var(--dark);border:1px solid #222;padding:24px;text-align:center}.stat-card .stat-num{font-family:Permanent Marker,cursive;font-size:2rem;color:var(--lime)}.stat-card .stat-label{font-size:.7rem;color:var(--gray);letter-spacing:1px;text-transform:uppercase;margin-top:4px}.orders-table{width:100%;border-collapse:collapse;background:var(--dark)}.orders-table th{padding:14px 16px;text-align:left;font-size:.7rem;letter-spacing:1px;text-transform:uppercase;color:var(--gray);border-bottom:2px solid var(--lime)}.orders-table td{padding:14px 16px;border-bottom:1px solid #222;font-size:.8rem}.status-badge{padding:4px 10px;font-size:.65rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;display:inline-block}.status-pending{background:#333;color:var(--gray)}.status-paid{background:rgba(170,255,0,.15);color:var(--lime)}.status-processing{background:rgba(255,165,0,.15);color:orange}.status-delivered{background:rgba(0,200,0,.15);color:#0c0}.status-completed{background:rgba(0,150,255,.15);color:#09f}.status-failed{background:rgba(255,0,0,.15);color:var(--red)}.admin-login{max-width:400px;margin:200px auto;text-align:center}.admin-login h1{font-family:Permanent Marker,cursive;font-size:2rem;color:var(--lime);margin-bottom:24px}.admin-login input{width:100%;padding:14px;background:var(--dark);border:1px solid #333;color:var(--white);font-family:Space Mono,monospace;font-size:.9rem;margin-bottom:16px;text-align:center}.admin-login input:focus{outline:none;border-color:var(--lime)}.admin-login button{width:100%;padding:14px;background:var(--lime);color:var(--black);font-family:Permanent Marker,cursive;font-size:1.1rem;border:none;cursor:pointer}.admin-login .error{color:var(--red);font-size:.8rem;margin-top:8px}.admin-btn{border:none;padding:4px 8px;cursor:pointer;font-size:.65rem;font-weight:700;font-family:Space Mono,monospace}@media (max-width:768px){.nav-links a:not(.nav-cta){display:none}.gallery-pair img{height:auto}.how-steps,.pricing-grid{grid-template-columns:1fr}.upload-form{padding:24px 16px}.hero{padding:100px 16px 60px}.orders-table{font-size:.7rem}.orders-table td,.orders-table th{padding:10px 8px}.admin-stats{grid-template-columns:1fr 1fr}.gallery-header{gap:6px}.roast-style-grid{grid-template-columns:1fr 1fr}}@media (max-width:480px){.gallery-grid{grid-template-columns:1fr}.roast-style-grid{grid-template-columns:1fr 1fr}}