:root{--torder-red:#d42e1e;--torder-red-dark:#a92015;--torder-ivory:#f4f0e7;--torder-charcoal:#171412;--torder-cream:#fffaf0}
body.torder-page{background:var(--torder-ivory);padding-bottom:0}
.torder-page button,.torder-page a{touch-action:manipulation}
.torder-page .wrap{width:min(1080px,calc(100% - 40px))}
.torder-page .site-head{position:relative;z-index:20}
.torder-page .nav a[aria-current="page"]{color:#fff}
.torder-hero{position:relative;overflow:hidden;background:var(--torder-charcoal);color:#f8f3ea;padding:58px 0 66px;border-top:1px solid #2d2925}
.torder-hero:before{content:"";position:absolute;inset:-30% -10% auto 50%;height:560px;background:radial-gradient(circle,rgba(212,46,30,.27),transparent 67%);pointer-events:none}
.torder-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);gap:44px;align-items:center}
.torder-kicker,.benefit-label,.section-label{font:600 12px/1.4 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:#f05443}
.campaign-lockup{display:flex;align-items:center;gap:14px;margin-bottom:25px;color:#fff}
.campaign-lockup img{width:116px;height:auto;display:block}
.campaign-lockup span{color:#776f67;font:400 20px/1 var(--sans)}
.campaign-lockup b{font:600 12px/1 var(--mono);letter-spacing:.18em}
.torder-hero h1{font:800 clamp(40px,4.5vw,55px)/1.14 var(--serif);letter-spacing:-.025em;margin:18px 0 18px;max-width:800px}
.hero-question{display:block}
.torder-hero h1 em{display:block;color:#eee7dc;font-style:normal}
.hero-brand-torder{color:#d6c39e}
.hero-brand-hwaggaesoo{color:#d8786b}
.hero-benefit-line{display:flex;align-items:center;justify-content:space-between;gap:20px;width:min(100%,540px);margin:26px 0 18px;padding:13px 0;border-top:1px solid #443d38;border-bottom:1px solid #443d38}
.hero-benefit-line span{font-size:14px;color:#c9c2b8}
.hero-benefit-line strong{font:800 25px/1.1 var(--serif);color:#ff5c49;white-space:nowrap}
.hero-campaign-visual{position:relative;display:block;margin:0;border:1px solid #403832;overflow:hidden;background:#0b0908;box-shadow:14px 14px 0 rgba(212,46,30,.3)}
.hero-campaign-image{position:static;display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;object-position:center;filter:saturate(.9) contrast(1.02)}
.cta{min-height:52px;padding:14px 22px;border:1px solid transparent;display:inline-flex;justify-content:center;align-items:center;gap:9px;text-decoration:none;font-weight:800;font-size:16px;cursor:pointer;transition:background .2s,color .2s,border-color .2s,transform .2s;font-family:inherit}
.cta:hover{transform:translateY(-1px)}
.cta-primary{background:var(--torder-red);color:#fff;border-color:var(--torder-red)}
.cta-primary:hover{background:var(--torder-red-dark);border-color:var(--torder-red-dark)}
.cta-dark{background:var(--torder-charcoal);color:#fff;border-color:var(--torder-charcoal)}
.cta-outline{background:transparent;color:var(--torder-charcoal);border-color:#878078}
.cta[aria-disabled="true"],.cta:disabled{opacity:.52;cursor:not-allowed;transform:none}
.torder-section{padding:88px 0;border-bottom:1px solid var(--line)}
.section-head{max-width:720px;margin-bottom:38px}
.section-head h2,.benefit-copy h2{font:800 clamp(32px,5vw,54px)/1.16 var(--serif);letter-spacing:-.04em;margin:13px 0 16px}
.section-head>p:last-child,.benefit-copy>p{color:var(--soft);font-size:18px}
.coupon-section{background:#ebe4d8}
.coupon-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(380px,1.1fr);gap:58px;align-items:start}
.benefit-copy ul{padding-left:20px;margin:26px 0 0;color:var(--soft)}
.coupon-steps{list-style:none;padding:0;margin:28px 0;display:grid;gap:12px}
.coupon-steps li{display:flex;align-items:center;gap:14px;margin:0;color:var(--soft)}
.coupon-steps b{flex:0 0 34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font:600 13px/1 var(--mono);color:var(--torder-red)}
.coupon-card{position:relative;background:var(--torder-cream);border:2px solid var(--torder-charcoal);box-shadow:12px 12px 0 var(--torder-charcoal);padding:34px}
.coupon-card:before,.coupon-card:after{content:"";position:absolute;top:50%;width:24px;height:48px;background:#ebe4d8;border:2px solid var(--torder-charcoal);transform:translateY(-50%)}
.coupon-card:before{left:-2px;border-left:0;border-radius:0 30px 30px 0}
.coupon-card:after{right:-2px;border-right:0;border-radius:30px 0 0 30px}
.coupon-amount{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:1px dashed #938b80;padding-bottom:22px;margin-bottom:24px}
.coupon-amount span{font:600 12px/1.4 var(--mono);letter-spacing:.12em;color:var(--soft)}
.coupon-amount strong{font:800 clamp(42px,6vw,64px)/1 var(--serif);color:var(--torder-red)}
.pin-label{font-size:13px;color:var(--soft);margin:0 0 8px}
.pin-box{display:flex;gap:10px;align-items:stretch}
.pin-value{flex:1;min-width:0;border:1px solid var(--line);background:#fff;padding:14px 16px;font:700 clamp(20px,4vw,28px)/1.2 var(--mono);letter-spacing:.09em;text-align:center;user-select:all;overflow-wrap:anywhere}
.coupon-actions{display:grid;gap:10px;margin-top:18px}
.coupon-help{font-size:14px;color:var(--soft);margin:18px 0 0}
.coupon-period{font-size:13px;color:#756e66;margin:8px 0 0}
.benefit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
.benefit-panel{background:var(--torder-ivory);padding:42px;display:flex;flex-direction:column;align-items:flex-start}
.benefit-panel h2{font:800 clamp(29px,4vw,42px)/1.2 var(--serif);letter-spacing:-.035em;margin:14px 0}
.benefit-panel p{color:var(--soft);margin:0 0 24px}
.benefit-number{font:800 38px/1 var(--serif);color:var(--torder-red);margin:3px 0 5px}
.kakao-coupon-visual{display:block;width:100%;height:auto;margin:4px 0 22px;border:1px solid #d8b818}
.benefit-panel .cta{margin-top:auto;width:100%}
.todo-note{font-size:12px;color:#7c756d;margin:9px 0 0;width:100%;text-align:center}
.media-section{background:var(--torder-charcoal);color:#f5f0e7}
.media-section .section-head>p:last-child{color:#bdb5aa}
.terminal-frame{border:1px solid #4a443e;background:#080808;padding:12px 12px 14px;border-radius:18px 18px 4px 4px;box-shadow:0 24px 50px rgba(0,0,0,.28);overflow:hidden}
.terminal-bar{min-height:46px;display:flex;align-items:center;justify-content:center;gap:11px;color:#f5f0e7;border-bottom:1px solid #332f2b;margin-bottom:12px}
.terminal-bar img{width:72px;height:auto;display:block}
.terminal-bar b{color:#777068}
.terminal-bar span{font:600 10px/1 var(--mono);letter-spacing:.18em}
.campaign-video{width:100%;height:auto;aspect-ratio:1280/800;background:#050505;border:0;display:block;object-fit:contain}
.comparison{width:100%;border:1px solid var(--line);background:rgba(255,255,255,.18)}
.comparison-row{display:grid;grid-template-columns:1.2fr .8fr 1.4fr;gap:22px;padding:22px 24px;border-bottom:1px solid var(--line);align-items:center}
.comparison-row:last-child{border-bottom:0}
.comparison-row strong{font:800 23px/1.25 var(--serif)}
.comparison-row b{color:var(--torder-red)}
.comparison-row span{color:var(--soft)}
.lucky-section{background:#dfd9cd}
.lucky-shell{border:1px solid #817970;padding:42px}
.lucky-head{display:flex;justify-content:space-between;align-items:flex-start;gap:36px;margin-bottom:38px}
.lucky-head h2{font:800 clamp(31px,5vw,52px)/1.15 var(--serif);margin:12px 0}
.lucky-head p{color:var(--soft);margin:0}
.coming-soon{font:700 15px/1 var(--mono);letter-spacing:.18em;border:1px solid #817970;padding:18px 20px;white-space:nowrap}
.prize-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid #817970;border-bottom:1px solid #817970}
.prize-card{padding:28px 30px 30px 0;display:flex;flex-direction:column;align-items:flex-start}
.prize-card+.prize-card{border-left:1px solid #817970;padding-left:30px;padding-right:0}
.prize-card .prize-cycle{font:600 12px/1.4 var(--mono);letter-spacing:.16em;color:var(--torder-red);margin:0 0 14px}
.prize-card h3{font:800 clamp(28px,4vw,40px)/1.2 var(--serif);letter-spacing:-.035em;margin:0 0 8px}
.prize-card strong{font-size:19px;color:var(--torder-red);margin-bottom:12px}
.prize-card span{color:var(--soft)}
.lucky-note{color:var(--soft);font-size:13px;margin:18px 0 0}
.faq-list details{border-top:1px solid var(--line);padding:20px 0}
.faq-list details:last-child{border-bottom:1px solid var(--line)}
.faq-list summary{font-weight:800;font-size:18px;cursor:pointer;padding-right:32px;position:relative;list-style:none}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:after{content:"+";position:absolute;right:4px;top:0;color:var(--torder-red);font-size:24px}
.faq-list details[open] summary:after{content:"−"}
.faq-list p{color:var(--soft);margin:13px 0 0;max-width:72ch}
.torder-footer{padding-bottom:92px}
.sticky-cta{position:fixed;z-index:50;left:50%;bottom:16px;transform:translateX(-50%);width:min(520px,calc(100% - 28px));box-shadow:0 12px 36px rgba(0,0,0,.3);transition:opacity .2s,visibility .2s,transform .2s}
.sticky-cta.is-hidden{opacity:0;visibility:hidden;transform:translate(-50%,18px);pointer-events:none}
.toast{position:fixed;z-index:80;left:50%;bottom:88px;transform:translate(-50%,12px);background:#171412;color:#fff;padding:13px 18px;box-shadow:0 8px 28px rgba(0,0,0,.25);font-weight:700;opacity:0;visibility:hidden;transition:.2s;text-align:center;max-width:calc(100% - 28px)}
.toast.is-visible{opacity:1;visibility:visible;transform:translate(-50%,0)}
@media(max-width:780px){
  .torder-page .wrap{width:min(100% - 28px,1080px)}
  .torder-hero{padding:44px 0 54px}
  .torder-hero-grid{grid-template-columns:1fr;gap:24px}
  .torder-hero h1{font-size:clamp(39px,12vw,57px);margin-top:14px}
  .torder-hero-copy{font-size:17px;margin-bottom:20px}
  .hero-benefit-line{margin:18px 0 16px;padding:11px 0}
  .hero-benefit-line span{font-size:13px}
  .hero-benefit-line strong{font-size:22px}
  .hero-campaign-visual{margin:14px 0 6px;box-shadow:8px 8px 0 rgba(212,46,30,.28)}
  .hero-campaign-image{width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
  .torder-hero .cta{width:100%}
  .torder-section{padding:64px 0}
  .coupon-layout{grid-template-columns:1fr;gap:34px}
  .coupon-card{padding:26px 22px;box-shadow:7px 7px 0 var(--torder-charcoal)}
  .coupon-card:before,.coupon-card:after{width:16px;height:34px}
  .pin-box{flex-direction:column}
  .benefit-grid{grid-template-columns:1fr}
  .benefit-panel{padding:30px 24px}
  .comparison-row{grid-template-columns:1fr;gap:5px;padding:20px}
  .lucky-shell{padding:30px 24px}
  .lucky-head{display:block;margin-bottom:28px}
  .coming-soon{text-align:center}
  .lucky-head .coming-soon{display:inline-block;margin-top:20px;padding:14px 16px}
  .prize-grid{grid-template-columns:1fr}
  .prize-card{padding:23px 0}
  .prize-card+.prize-card{border-left:0;border-top:1px solid #817970;padding:23px 0}
  .prize-card h3{font-size:32px}
  .terminal-frame{padding:8px;border-radius:13px 13px 3px 3px}
  .torder-footer{padding-bottom:100px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cta,.sticky-cta,.toast{transition:none}}