/* eatgo-intro v2 — 신규 인트로(루트) 전용 스타일
   출처: Downloads/EATGO(Next 소스)의 app/globals.css + styles/*.css 를
   @import 순서대로 펼쳐 한 파일로 합친 것. 선택자·선언은 원본 그대로 보존한다.
   (Next 는 서버에 없다 — Apache/php-fpm 이므로 정적 CSS 로 내려보낸다)
   맨 아래 '레거시 본문' 블록만 이 저장소에서 추가했다. */

/* ===== styles/Header.css ===== */

/*공통*/
.eatgo-eyebrow{display:flex;align-items:center;gap:8px;margin-bottom:20px;color:#27715f;font-size:16px;font-weight:800;line-height:1.55;letter-spacing:-.03em}
.eatgo-eyebrow:before{content:"";display:block;flex:0 0 auto;width:9px;height:9px;background:#dc784d}

/* EATGO header styles */

.nav{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.96);border-bottom:1px solid #d7e8df;box-shadow:0 8px 32px rgba(8,62,48,.035);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.nav .wrap{width:min(1240px,calc(100% - 48px));max-width:none;margin:0 auto}
.navin{display:flex;align-items:center;gap:18px;height:78px}

/* BRAND */
.brand{display:inline-flex;align-items:center;flex:0 0 auto;gap:10px;white-space:nowrap;color:#123c32;font-size:22px;font-weight:950;line-height:1;letter-spacing:-.9px;text-decoration:none}
.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:#079b82;color:#fff;box-shadow:0 8px 22px rgba(7,155,130,.20);transform:rotate(-5deg);transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease}
.brand-mark svg{display:block;transform:rotate(5deg);transition:transform .35s cubic-bezier(.22,1,.36,1)}
.brand:hover .brand-mark{transform:rotate(0deg) translateY(-2px);box-shadow:0 10px 25px rgba(7,155,130,.25)}
.brand:hover .brand-mark svg{transform:rotate(0deg)}

/* MENU */
.nav-menu{display:flex;align-items:center;gap:38px;margin-left:auto}
.nav-menu>a{position:relative;display:inline-flex;align-items:center;color:#294b41;font-size:16px;font-weight:750;line-height:1;text-decoration:none;letter-spacing:-.035em;white-space:nowrap;transition:color .25s ease}
.nav-menu>a:not(.nav-trial):after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:1px;background:#079b82;transform:scaleX(0);transform-origin:right center;transition:transform .35s cubic-bezier(.22,1,.36,1)}
.nav-menu>a:not(.nav-trial):hover{color:#079b82}
.nav-menu>a:not(.nav-trial):hover:after{transform:scaleX(1);transform-origin:left center}

/* LOGIN */
.nav-login{gap:7px}
.nav-login span{font-size:17px;font-weight:500;transition:transform .3s cubic-bezier(.22,1,.36,1)}
.nav-login:hover span{transform:translate(3px,-3px)}

/* FREE TRIAL */
.nav-menu .nav-trial{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:space-between;gap:30px;overflow:hidden;min-width:220px;height:54px;padding:0 20px;background:#078c75;color:#fff;font-size:16px;font-weight:850;border:1px solid #078c75;border-radius:4px;box-shadow:none;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.nav-menu .nav-trial:before{content:"";position:absolute;z-index:-1;top:0;left:-120%;width:70%;height:100%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.25),transparent);transform:skewX(-18deg);animation:eatgoNavShine 3.6s ease-in-out infinite}
.nav-menu .nav-trial:after{content:"";position:absolute;z-index:-2;inset:0;height:auto;bottom:auto;background:#066f5e;transform:scaleX(0);transform-origin:left center;transition:transform .35s cubic-bezier(.22,1,.36,1)}
.nav-menu .nav-trial i{font-size:20px;font-weight:500;font-style:normal;transition:transform .3s cubic-bezier(.22,1,.36,1)}
.nav-menu .nav-trial:hover{color:#fff;transform:translateY(-2px);border-color:#066f5e;box-shadow:0 10px 24px rgba(23,78,57,.16)}
.nav-menu .nav-trial:hover:after{transform:scaleX(1)}
.nav-menu .nav-trial:hover i{transform:translate(4px,-4px)}

/* MOBILE BUTTON */
.nav-toggle{display:none;width:44px;height:44px;margin-left:auto;padding:0;border:0;background:transparent;cursor:pointer}
.nav-toggle span{display:block;width:23px;height:2px;margin:6px auto;background:#173f35;transition:transform .3s ease,opacity .3s ease}

/* MOTION */
@keyframes eatgoNavShine{0%,58%{left:-120%;opacity:0}62%{opacity:1}78%{left:145%;opacity:1}79%,100%{left:145%;opacity:0}}

/* TABLET */
@media(max-width:1100px){
.nav-menu{gap:24px}
.nav-menu .nav-trial{min-width:200px;gap:20px}
}

/* MOBILE */
@media(max-width:850px){
.nav .wrap{width:calc(100% - 30px)}
.navin{height:70px}
.brand{font-size:21px}
.brand-mark{width:36px;height:36px}
.nav-toggle{display:block}
.nav-menu{position:absolute;left:0;right:0;top:100%;display:flex;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:10px 20px 20px;background:rgba(255,255,255,.98);border-bottom:1px solid #d7e8df;box-shadow:0 18px 35px rgba(23,63,53,.08);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .3s ease,transform .3s ease,visibility .3s ease}
.nav-menu>a{display:flex;align-items:center;min-height:58px;font-size:17px;border-bottom:1px solid #edf2ef}
.nav-menu>a:not(.nav-trial):after{display:none}
.nav-menu .nav-trial{width:100%;min-width:0;height:58px;margin-top:10px;padding:0 18px;border-bottom:0;border-radius:4px}
.nav.is-open .nav-menu{opacity:1;visibility:visible;transform:translateY(0)}
.nav.is-open .nav-toggle span:first-child{transform:translateY(4px) rotate(45deg)}
.nav.is-open .nav-toggle span:last-child{transform:translateY(-4px) rotate(-45deg)}
}

/* REDUCED MOTION */
@media(prefers-reduced-motion:reduce){
.brand-mark,.brand-mark svg,.nav-menu .nav-trial:before{animation:none;transition:none}
}

/* ===== styles/MainIntro.css ===== */
/* EATGO main-intro styles */

.eatgo-intro{position:relative;isolation:isolate;overflow:hidden;padding:clamp(54px,5vw,76px) 0 clamp(48px,4.5vw,68px);background:radial-gradient(circle at 84% 8%,rgba(112,211,174,.18) 0%,rgba(181,235,214,.13) 24%,transparent 48%),radial-gradient(circle at 4% 62%,rgba(202,238,218,.28) 0%,transparent 38%),linear-gradient(135deg,#fbfcf6 0%,#f7fbf5 46%,#eff9f4 100%);color:#173f35;text-align:left}
.eatgo-intro:before{content:"";position:absolute;z-index:-1;width:clamp(420px,50vw,760px);height:clamp(420px,50vw,760px);left:-25%;top:-45%;border-radius:50%;background:radial-gradient(circle,transparent 48%,rgba(24,139,105,.07) 48.3%,rgba(24,139,105,.07) 48.7%,transparent 49%);box-shadow:0 0 0 85px rgba(24,139,105,.018),0 0 0 170px rgba(24,139,105,.01);animation:eatgoIntroOrbit 13s ease-in-out infinite alternate;pointer-events:none}
.eatgo-intro:after{content:"";position:absolute;z-index:-1;width:clamp(360px,44vw,680px);height:clamp(360px,44vw,680px);right:-17%;top:-18%;border-radius:50%;background:radial-gradient(circle,transparent 49%,rgba(25,154,116,.09) 49.25%,rgba(25,154,116,.09) 49.6%,transparent 49.85%);box-shadow:0 0 0 70px rgba(25,154,116,.02),0 0 0 140px rgba(25,154,116,.012);animation:eatgoIntroOrbit 11s ease-in-out infinite alternate-reverse;pointer-events:none}
.eatgo-intro .wrap{position:relative;z-index:1;width:min(1240px,calc(100% - 64px));max-width:none;margin:0 auto}

/* EYEBROW */
.eatgo-intro .eyebrow{display:flex;align-items:center;gap:11px;margin:0;color:#27715f;font-size:16px;font-weight:750;line-height:1.55;letter-spacing:-.025em}
.eatgo-intro .eyebrow:before{content:"";display:block;flex:0 0 auto;width:8px;height:8px;background:#e88354}

/* MAIN */
.eatgo-intro-main{margin-top:25px}
.eatgo-intro-title{width:100%}

/* TITLE */
.eatgo-intro h1{margin:0;color:#173f35;font-size:clamp(56px,5.15vw,76px);line-height:1.08;font-weight:900;letter-spacing:-.055em;white-space:nowrap;text-align:left;text-shadow:none;animation:none}
.eatgo-intro h1 em{display:inline;color:#27684f;font-style:normal;text-shadow:none;animation:none}

/* INFO */
.eatgo-intro-info{display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,430px);gap:80px;align-items:end;margin:50px auto;padding-top:34px;border-top:1px solid rgba(25,74,62,.14)}
.eatgo-intro-copy{min-width:0}
.eatgo-intro-cta{min-width:0}

/* COPY */
.eatgo-intro h2{margin:0 0 12px;color:#173f35;font-size:clamp(25px,2.15vw,30px);line-height:1.45;font-weight:800;letter-spacing:-.05em;text-align:left}
.eatgo-intro .lead{margin:0;color:#66736e;font-size:20px;line-height:1.65;font-weight:450;letter-spacing:-.04em;text-align:left}

/* CTA */
.eatgo-intro-cta-title{margin:0 0 13px;color:#315f50;font-size:17px;font-weight:750;line-height:1.5;letter-spacing:-.035em}
.eatgo-intro .btn{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;width:100%;min-height:62px;padding:0 25px;border-radius:4px;background:#078c75;color:#fff;font-size:18px;font-weight:850;line-height:1;text-decoration:none;box-shadow:none;transition:background .25s ease,transform .25s ease;animation:none}
.eatgo-intro .btn:after{content:"↗";font-size:21px;font-weight:500}
.eatgo-intro .btn:hover{transform:translateY(-2px);background:#066f5e;box-shadow:none}
.eatgo-intro .btn:hover:after{transform:translateX(4px)}
.eatgo-intro .cta-note{margin-top:12px;color:#87918c;font-size:16px;line-height:1.55;letter-spacing:-.03em;text-align:left}

/* FILM */
.eatgo-film-frame{position:relative;width:100%;margin:66px auto 0;border:0;border-radius:14px;overflow:hidden;background:#103f35;box-shadow:0 20px 55px rgba(20,61,51,.10)}
.eatgo-film-frame iframe{display:block;width:100%;height:calc(min(1240px,100vw) * .5625 + 65px);max-height:762px;border:0;background:#103f35}

/* BENEFITS */
.eatgo-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;margin:24px auto 0;border-top:1px solid rgba(25,74,62,.14)}
.eatgo-benefit{position:relative;min-width:0;padding:24px 32px 6px 0}
.eatgo-benefit+.eatgo-benefit{padding-left:32px;border-left:1px solid rgba(25,74,62,.13)}
.eatgo-benefit .num{display:inline-block;margin-right:6px;color:#27715f;font-size:16px;font-weight:800}
.eatgo-benefit strong{color:#173f35;font-size:18px;font-weight:800;letter-spacing:-.04em}
.eatgo-benefit p{margin:20px 0 0;color:#53665f;font-size:16px;line-height:1.65;letter-spacing:-.035em}

/* OLD */
.eatgo-intro .trustbar,.eatgo-film-heading,.eatgo-intro .pill,.eatgo-intro .video,.eatgo-intro .play,.eatgo-start-guide{display:none}

/* MOTION */
@keyframes eatgoIntroOrbit{0%{transform:translate3d(0,0,0) scale(1)}100%{transform:translate3d(24px,16px,0) scale(1.035)}}

/* TABLET */
@media(max-width:1050px){
.eatgo-intro .wrap{width:calc(100% - 48px)}
.eatgo-intro-main{margin-top:48px}
.eatgo-intro h1{font-size:clamp(48px,6.2vw,64px)}
.eatgo-intro-info{grid-template-columns:minmax(0,1fr) 360px;gap:50px;margin-top:42px}
.eatgo-intro h2{font-size:25px}
.eatgo-intro .lead{font-size:18px}
.eatgo-film-frame{margin-top:56px}
}

/* MOBILE */
@media(max-width:800px){
.eatgo-intro{padding-top:42px}
.eatgo-intro .wrap{width:calc(100% - 40px)}
.eatgo-intro-main{margin-top:38px}
.eatgo-intro h1{font-size:clamp(42px,8vw,58px);white-space:normal}
.eatgo-intro-info{display:block;margin-top:36px;padding-top:30px}
.eatgo-intro-cta{margin-top:30px}
.eatgo-intro h2{font-size:26px}
.eatgo-intro .lead{font-size:18px}
.eatgo-film-frame{margin-top:44px;border-radius:11px}
.eatgo-film-frame iframe{height:auto;aspect-ratio:16/9}
.eatgo-benefits{grid-template-columns:1fr;margin-top:24px}
.eatgo-benefit{padding:22px 0}
.eatgo-benefit+.eatgo-benefit{padding-left:0;border-left:0;border-top:1px solid rgba(25,74,62,.13)}
}

/* SMALL MOBILE */
@media(max-width:650px){
.eatgo-intro{padding-top:34px;padding-bottom:44px}
.eatgo-intro .wrap{width:calc(100% - 30px)}
.eatgo-intro .eyebrow{font-size:16px}
.eatgo-intro-main{margin-top:32px}
.eatgo-intro h1{font-size:clamp(38px,10.5vw,48px);line-height:1.12;letter-spacing:-.06em}
.eatgo-intro-info{margin-top:30px;padding-top:26px}
.eatgo-intro h2{font-size:24px;line-height:1.42}
.eatgo-intro .lead{font-size:17px}
.eatgo-intro-cta-title{font-size:16px}
.eatgo-intro .btn{width:100%;min-width:0;min-height:60px;border-radius:5px;font-size:17px}
.eatgo-intro .cta-note{font-size:16px}
.eatgo-film-frame{border-radius:10px}
.eatgo-film-frame iframe{aspect-ratio:4/5.8}
.eatgo-benefit strong{font-size:18px}
.eatgo-benefit p{font-size:16px}
.eatgo-intro:before,.eatgo-intro:after{opacity:.5}
}

/* REDUCED MOTION */
@media(prefers-reduced-motion:reduce){
.eatgo-intro:before,.eatgo-intro:after{animation:none}
.eatgo-intro .btn{transition:none}
}

/* ===== styles/SignupStatus.css ===== */

/* WORK */
.eatgo-work{--green:#123f34;--green2:#1f6953;--mint:#edf8f2;--paper:#fbfdfb;--line:#dce9e2;--gray:#687b73;--orange:#dc784d;position:relative;overflow:hidden;padding:120px 0 130px;background:#fff;color:var(--green)}
.eatgo-work:after{content:"";position:absolute;width:560px;height:560px;right:-310px;top:30px;border:1px solid rgba(24,139,105,.07);border-radius:50%;box-shadow:0 0 0 70px rgba(24,139,105,.018),0 0 0 140px rgba(24,139,105,.01);pointer-events:none}
.eatgo-work-wrap{position:relative;z-index:1;width:min(1240px,calc(100% - 48px));margin:0 auto}

/* HEAD */
.eatgo-work-head{margin-bottom:20px}
.eatgo-work-head h2{margin:0;color:var(--green);font-size:clamp(44px,4.3vw,62px);font-weight:850;line-height:1.12;letter-spacing:-.065em}
.eatgo-work-head-desc{margin:0 0 7px;padding-top:20px;color:#62766e;font-size:20px;line-height:1.8;letter-spacing:-.035em}

/* DEMO */
.eatgo-demo{overflow:hidden;border:1px solid var(--line);border-top:2px solid var(--green2);background:rgba(255,255,255,.9);box-shadow:0 24px 65px rgba(19,73,58,.07)}
.eatgo-demo-top{display:flex;align-items:center;justify-content:space-between;min-height:66px;padding:0 28px;background:#f7fbf8;border-bottom:1px solid var(--line)}
.eatgo-demo-top>p{margin:0;color:#71817a;font-size:16px;letter-spacing:-.025em}
.eatgo-demo-brand{display:flex;align-items:center;gap:17px}
.eatgo-demo-brand strong{color:var(--green);font-size:24px;font-weight:900;letter-spacing:-.07em}
.eatgo-demo-brand span{color:#62766e;font-size:16px;font-weight:700}

/* TABS */
.eatgo-demo-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}
.eatgo-demo-tab{position:relative;height:68px;border:0;border-right:1px solid #e3eee8;background:#fbfdfb;color:#687b73;font-size:17px;font-weight:700;cursor:pointer;transition:background .25s ease,color .25s ease}
.eatgo-demo-tab:last-child{border-right:0}
.eatgo-demo-tab span{margin-right:14px;color:#94a39c;font-size:16px;font-weight:700}
.eatgo-demo-tab:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--green2);transform:scaleX(0);transition:transform .3s ease}
.eatgo-demo-tab.is-active{background:#edf8f2;color:var(--green)}
.eatgo-demo-tab.is-active:after{transform:scaleX(1)}

/* PANEL */
.eatgo-demo-panel{display:none;grid-template-columns:33.3% 66.7%;min-height:510px}
.eatgo-demo-panel.is-active{display:grid;animation:eatgoPanelIn .4s ease both}

/* COPY */
.eatgo-work-copy{display:flex;flex-direction:column;align-items:flex-start;padding:66px 44px 52px 34px;border-right:1px solid var(--line);background:#fbfdfb}
.eatgo-work-copy-label{display:block;margin-bottom:27px;color:#b66b4c;font-size:16px;font-weight:850;letter-spacing:.1em}
.eatgo-work-copy h3{margin:0 0 28px;color:var(--green);font-size:34px;font-weight:850;line-height:1.3;letter-spacing:-.055em}
.eatgo-work-copy>p{max-width:330px;margin:0;color:#64766e;font-size:17px;line-height:1.9;letter-spacing:-.035em}
.eatgo-work-run{width:100%;margin-top:auto;padding-top:42px}
.eatgo-run-btn{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:space-between;width:100%;max-width:270px;min-height:62px;padding:0 20px;border:1px solid #7eaa99;background:#fff;color:var(--green);font-size:17px;font-weight:800;cursor:pointer;box-shadow:0 5px 18px rgba(31,105,83,.07);transition:background .25s ease,color .25s ease,border-color .25s ease,transform .25s ease,box-shadow .25s ease;animation:eatgoRunAttention 2.4s ease-in-out infinite}
.eatgo-run-btn:before{content:"";position:absolute;z-index:-1;inset:-1px;border:2px solid rgba(31,105,83,.38);pointer-events:none;animation:eatgoRunPulse 2.4s ease-out infinite}
.eatgo-run-btn:after{content:"";position:absolute;z-index:-2;inset:5px;background:rgba(62,154,120,.12);filter:blur(12px);opacity:0;pointer-events:none;animation:eatgoRunGlow 2.4s ease-in-out infinite}
.eatgo-run-btn span{font-size:24px;font-weight:400;transition:transform .25s ease;animation:eatgoRunArrow 2.4s ease-in-out infinite}
.eatgo-run-btn:hover{border-color:var(--green2);background:var(--green2);color:#fff;box-shadow:0 12px 28px rgba(31,105,83,.18);transform:translateY(-3px)}
.eatgo-run-btn:hover:before{animation:none;opacity:0}
.eatgo-run-btn:hover:after{animation:none;opacity:0}
.eatgo-run-btn:hover span{animation:none;transform:translateX(6px)}
.eatgo-run-btn.is-running{pointer-events:none;border-color:#cfe1d8;background:#eef7f2;color:#6d8178;box-shadow:none;animation:none}
.eatgo-run-btn.is-running:before{display:none}
.eatgo-run-btn.is-running:after{display:none}
.eatgo-run-btn.is-running span{animation:none}
.eatgo-run-btn.is-complete{border-color:var(--green2);background:var(--green2);color:#fff;box-shadow:none;animation:none}
.eatgo-run-btn.is-complete:before{display:none}
.eatgo-run-btn.is-complete:after{display:none}
.eatgo-run-btn.is-complete span{animation:none}
.eatgo-run-note{max-width:300px;margin:14px 0 0;color:#819089;font-size:16px!important;line-height:1.6!important}

/* SCREEN */
.eatgo-work-screen{position:relative;padding:38px 34px 28px;background:linear-gradient(145deg,#fff 0%,#f7fcf9 100%)}
.eatgo-screen-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}
.eatgo-screen-head>div{display:flex;flex-direction:column;gap:6px}
.eatgo-screen-head>div>span{color:#7d9087;font-size:16px}
.eatgo-screen-head strong{color:var(--green);font-size:20px;font-weight:800}
.eatgo-status{display:inline-flex;align-items:center;justify-content:center;min-width:82px;height:36px;padding:0 12px;border:1px solid #d7e5de;background:#f5faf7;color:#71827a;font-size:16px;font-weight:700}
.eatgo-status.is-running{border-color:#bfe3d3;background:#eaf8f1;color:#197255}
.eatgo-status.is-complete{border-color:#addac6;background:#e3f5ec;color:#176248}

/* PRODUCT */
.eatgo-product-table{border-top:1px solid #cbded5}
.eatgo-table-head{display:grid;grid-template-columns:1.4fr .55fr 1.4fr;padding:14px 16px;background:#f2f8f4;color:#667b72;font-size:16px}
.eatgo-product-row{display:grid;grid-template-columns:1.4fr .55fr 1.4fr;align-items:center;min-height:82px;padding:0 16px;border-bottom:1px solid var(--line);font-size:16px}
.eatgo-product-row>div:first-child{display:flex;flex-direction:column;gap:5px}
.eatgo-product-row strong{color:#173f35;font-size:17px}
.eatgo-product-row small{color:#819189;font-size:16px}
.eatgo-match-result{display:flex;align-items:center;gap:12px;color:#82928a;font-size:16px}
.eatgo-match-result i{display:block;width:100%;max-width:150px;height:5px;background:#dfe9e4;overflow:hidden}
.eatgo-product-row.is-searching .eatgo-match-result i:after{content:"";display:block;width:42%;height:100%;background:#55a184;animation:eatgoScan .8s linear infinite}
.eatgo-product-row.is-complete .eatgo-match-result{color:#197255;font-weight:750}
.eatgo-product-row.is-complete .eatgo-match-result i{max-width:18px;height:18px;border-radius:50%;background:#d9f1e5}
.eatgo-product-row.is-complete .eatgo-match-result i:after{content:"✓";display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#197255;font-size:16px;font-style:normal}

/* ESTIMATE */
.eatgo-estimate-list{border-top:1px solid #cbded5}
.eatgo-estimate-row{display:grid;grid-template-columns:1.3fr .7fr 1fr;align-items:center;min-height:76px;padding:0 18px;border-bottom:1px solid var(--line);font-size:16px}
.eatgo-estimate-row>div{display:flex;flex-direction:column;gap:5px}
.eatgo-estimate-row strong{color:#173f35}
.eatgo-estimate-row small{color:#819189;font-size:16px}
.eatgo-estimate-row>span{color:#75877f}
.eatgo-price{color:#173f35;font-size:18px;text-align:right;transition:color .25s ease}
.eatgo-price.is-calculating{color:#8ea098}
.eatgo-estimate-summary{display:grid;grid-template-columns:repeat(3,1fr);margin-top:24px;border:1px solid #d7e6df}
.eatgo-estimate-summary>div{display:flex;flex-direction:column;gap:10px;padding:20px;border-right:1px solid #d7e6df;background:#fff}
.eatgo-estimate-summary>div:last-child{border-right:0}
.eatgo-estimate-summary span{color:#72847c;font-size:16px}
.eatgo-estimate-summary strong{color:#173f35;font-size:22px}
.eatgo-margin-box{background:#eaf7f0!important}

/* AI REVIEW */
.eatgo-bid-stats{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:18px;border:1px solid #d7e6df;background:#fff}
.eatgo-bid-stats>div{display:flex;flex-direction:column;gap:10px;padding:18px;border-right:1px solid #d7e6df}
.eatgo-bid-stats>div:last-child{border-right:0}
.eatgo-bid-stats span{color:#74867e;font-size:16px}
.eatgo-bid-stats strong{color:#173f35;font-size:18px}
.eatgo-ai-review{position:relative;min-height:245px;border:1px solid #d5e5dd;background:#f5fbf7}
.eatgo-ai-review-head{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;border-bottom:1px solid #d7e6df}
.eatgo-ai-review-head>div{display:flex;align-items:center;gap:12px}
.eatgo-ai-review-head span{padding:7px 10px;background:#ddf3e8;color:#197255;font-size:16px;font-weight:850;letter-spacing:.04em}
.eatgo-ai-review-head strong{color:#173f35;font-size:16px}
.eatgo-ai-review-head em{color:#7c8e85;font-size:16px;font-style:normal}
.eatgo-ai-processing{display:none;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;min-height:175px;padding:30px;text-align:center}
.eatgo-ai-processing span{width:9px;height:9px;border-radius:50%;background:#29916f;animation:eatgoDot .8s ease-in-out infinite alternate}
.eatgo-ai-processing span:nth-child(2){animation-delay:.15s}
.eatgo-ai-processing span:nth-child(3){animation-delay:.3s}
.eatgo-ai-processing p{flex-basis:100%;margin:12px 0 0;color:#697d74;font-size:16px}
.eatgo-ai-result{padding:24px 16px 14px;text-align:center}
.eatgo-ai-result>span{color:#72847c;font-size:16px}
.eatgo-ai-result>strong{display:block;margin:7px 0 4px;color:var(--green);font-size:32px;font-weight:850}
.eatgo-ai-result>p{margin:0;color:#7a8c83;font-size:16px}
.eatgo-ai-result-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:20px;border-top:1px solid #d7e6df}
.eatgo-ai-result-grid>div{padding:15px;text-align:left;border-right:1px solid #d7e6df}
.eatgo-ai-result-grid>div:last-child{border-right:0}
.eatgo-ai-result-grid span{display:block;margin-bottom:7px;color:#74867e;font-size:16px}
.eatgo-ai-result-grid strong{color:#173f35;font-size:17px}

/* FOOT */
.eatgo-screen-foot{display:flex;align-items:center;gap:10px;margin-top:20px;padding:15px 16px;background:#edf6f1}
.eatgo-screen-foot p{margin:0;color:#63766d;font-size:16px;line-height:1.6}
.eatgo-screen-pulse{flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:#a7bbb1}
.eatgo-screen-pulse.is-running{background:#2b8569;box-shadow:0 0 0 0 rgba(43,133,105,.3);animation:eatgoPulse 1.3s infinite}

/* MOTION */
@keyframes eatgoPanelIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes eatgoScan{from{transform:translateX(-100%)}to{transform:translateX(260%)}}
@keyframes eatgoDot{from{opacity:.3;transform:translateY(0)}to{opacity:1;transform:translateY(-5px)}}
@keyframes eatgoPulse{0%{box-shadow:0 0 0 0 rgba(43,133,105,.32)}70%{box-shadow:0 0 0 9px rgba(43,133,105,0)}100%{box-shadow:0 0 0 0 rgba(43,133,105,0)}}
@keyframes eatgoRunAttention{0%,55%,100%{transform:translateY(0) scale(1);box-shadow:0 5px 18px rgba(31,105,83,.07)}63%{transform:translateY(-3px) scale(1.018);box-shadow:0 13px 28px rgba(31,105,83,.17)}72%{transform:translateY(0) scale(1);box-shadow:0 5px 18px rgba(31,105,83,.07)}}
@keyframes eatgoRunPulse{0%,54%{opacity:0;transform:scale(1)}58%{opacity:.8;transform:scale(1)}82%{opacity:0;transform:scale(1.1)}100%{opacity:0;transform:scale(1.1)}}
@keyframes eatgoRunGlow{0%,54%,100%{opacity:0;transform:scale(.96)}62%{opacity:1;transform:scale(1.04)}78%{opacity:0;transform:scale(1.08)}}
@keyframes eatgoRunArrow{0%,54%,100%{transform:translateX(0)}60%{transform:translateX(9px)}66%{transform:translateX(2px)}72%{transform:translateX(9px)}78%{transform:translateX(0)}}

/* TABLET */
@media(max-width:900px){
.eatgo-work{padding:90px 0}
.eatgo-work-head{display:block;margin-bottom:48px}
.eatgo-work-head-desc{margin-top:25px}
.eatgo-demo-panel{grid-template-columns:1fr}
.eatgo-work-copy{padding:44px 34px;border-right:0;border-bottom:1px solid var(--line)}
.eatgo-work-copy>p{max-width:650px}
.eatgo-work-run{margin-top:30px;padding-top:0}
.eatgo-work-screen{padding:32px 28px}
}

/* MOBILE */
@media(max-width:650px){
.eatgo-work{padding:70px 0}
.eatgo-work-wrap{width:calc(100% - 30px)}
.eatgo-work-head h2{font-size:40px}
.eatgo-demo-top{min-height:auto;padding:18px}
.eatgo-demo-top>p{display:none}
.eatgo-demo-tabs{grid-template-columns:repeat(3,1fr)}
.eatgo-demo-tab{height:72px;padding:0 6px;font-size:16px}
.eatgo-demo-tab span{display:block;margin:0 0 4px;font-size:16px}
.eatgo-work-copy{padding:38px 22px}
.eatgo-work-copy h3{font-size:30px}
.eatgo-run-btn{max-width:none}
.eatgo-work-screen{padding:28px 18px}
.eatgo-table-head{grid-template-columns:1.15fr .45fr 1.1fr;padding:12px 8px}
.eatgo-product-row{grid-template-columns:1.15fr .45fr 1.1fr;padding:0 8px}
.eatgo-match-result i{display:none}
.eatgo-estimate-row{grid-template-columns:1.2fr .6fr 1fr;padding:0 8px}
.eatgo-estimate-summary{grid-template-columns:1fr}
.eatgo-estimate-summary>div{border-right:0;border-bottom:1px solid #d7e6df}
.eatgo-estimate-summary>div:last-child{border-bottom:0}
.eatgo-bid-stats{grid-template-columns:1fr}
.eatgo-bid-stats>div{border-right:0;border-bottom:1px solid #d7e6df}
.eatgo-bid-stats>div:last-child{border-bottom:0}
.eatgo-ai-result-grid{grid-template-columns:1fr}
.eatgo-ai-result-grid>div{border-right:0;border-bottom:1px solid #d7e6df}
}

/* REDUCED MOTION */
@media(prefers-reduced-motion:reduce){
.eatgo-demo-panel,.eatgo-product-row.is-searching .eatgo-match-result i:after,.eatgo-ai-processing span,.eatgo-screen-pulse.is-running{animation:none}
}
/* 상품 연결 데이터 */

/* RECORD */
.eatgo-record{position:relative;isolation:isolate;overflow:hidden;padding:120px 0 125px;background:radial-gradient(circle at 12% 78%,rgba(199,241,222,.48),transparent 34%),radial-gradient(circle at 82% 12%,rgba(214,245,232,.40),transparent 30%),linear-gradient(135deg,#f8fcf8 0%,#f3fbf7 48%,#f8fbf5 100%);color:#173f35}
.eatgo-record:before{content:"";position:absolute;z-index:-1;width:680px;height:680px;right:-360px;top:-260px;border:1px solid rgba(21,143,108,.07);border-radius:50%;box-shadow:0 0 0 80px rgba(21,143,108,.018),0 0 0 160px rgba(21,143,108,.01);pointer-events:none}
.eatgo-record:after{content:"";position:absolute;z-index:-1;width:520px;height:520px;left:-350px;bottom:-300px;border:1px solid rgba(21,143,108,.06);border-radius:50%;box-shadow:0 0 0 75px rgba(21,143,108,.016),0 0 0 150px rgba(21,143,108,.009);pointer-events:none}
.eatgo-record-wrap{display:grid;grid-template-columns:minmax(330px,.72fr) minmax(0,1.28fr);gap:clamp(70px,8vw,130px);width:min(1240px,calc(100% - 64px));margin:0 auto}

/* INTRO */
.eatgo-record-intro{display:flex;flex-direction:column;align-items:flex-start}
.eatgo-record-intro h2{margin:0;color:#173f35;font-size:clamp(42px,3.7vw,56px);font-weight:900;line-height:1.18;letter-spacing:-.065em}
.eatgo-record-intro h2 em{color:#27684f;font-style:normal}
.eatgo-record-desc{margin:30px 0 0;color:#66736e;font-size:17px;line-height:1.8;letter-spacing:-.035em}
.eatgo-record-link{display:inline-flex;align-items:center;gap:18px;margin-top:auto;padding-top:60px;color:#173f35;font-size:16px;font-weight:800;text-decoration:none}
.eatgo-record-link:after{content:"";position:absolute}
.eatgo-record-link span{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid rgba(23,63,53,.25);border-radius:50%;font-size:16px;transition:background .25s ease,color .25s ease,transform .25s ease}
.eatgo-record-link:hover span{background:#173f35;color:#fff;transform:translate(2px,-2px)}

/* DATA */
.eatgo-record-data{min-width:0;border-top:2px solid #078c75}
.eatgo-record-primary{position:relative;padding:32px 0 44px;border-bottom:1px solid rgba(23,63,53,.16)}
.eatgo-record-label{display:flex;align-items:center;justify-content:space-between;gap:20px}
.eatgo-record-label>span{color:#4e6b61;font-size:17px;font-weight:750}
.eatgo-record-label small{color:#89958f;font-size:16px}
.eatgo-record-number{display:flex;align-items:baseline;gap:12px;margin-top:14px}
.eatgo-record-number strong{color:#123f34;font-size:clamp(76px,8vw,118px);font-weight:500;line-height:1;letter-spacing:-.075em;font-variant-numeric:tabular-nums}
.eatgo-record-number>span{color:#173f35;font-size:25px;font-weight:750;letter-spacing:-.04em}
.eatgo-record-progress{position:absolute;right:0;bottom:-1px;left:0;height:2px;overflow:hidden}
.eatgo-record-progress span{display:block;width:100%;height:100%;background:#5b9b7e;transform:scaleX(0);transform-origin:left center}

/* RATE */
.eatgo-record-rate{padding:36px 0 40px;border-bottom:1px solid rgba(23,63,53,.16)}
.eatgo-record-rate-head{display:flex;align-items:flex-start;justify-content:space-between;gap:30px}
.eatgo-record-rate-head>div{display:flex;flex-direction:column;gap:7px}
.eatgo-record-rate-head>div>span{color:#4e6b61;font-size:17px;font-weight:750}
.eatgo-record-rate-head strong{color:#8a958f;font-size:16px;font-weight:500}
.eatgo-record-badge{padding:8px 12px;border:1px solid rgba(33,99,71,.16);border-radius:100px;color:#477264;font-size:16px;font-weight:700}
.eatgo-rate-numbers{display:grid;grid-template-columns:auto minmax(80px,1fr) auto;align-items:center;gap:30px;margin-top:35px}
.eatgo-rate-value>span{display:block;margin-bottom:8px;color:#9a7b66;font-size:16px;font-weight:800;letter-spacing:.08em}
.eatgo-rate-value strong{display:flex;align-items:baseline;color:#173f35;line-height:1}
.eatgo-rate-value strong b{font-size:clamp(48px,5vw,72px);font-weight:500;letter-spacing:-.065em;font-variant-numeric:tabular-nums}
.eatgo-rate-value strong i{margin-left:4px;font-size:22px;font-weight:700;font-style:normal}
.eatgo-rate-value-last{text-align:right}
.eatgo-rate-value-last strong{justify-content:flex-end}
.eatgo-rate-line{position:relative;height:20px}
.eatgo-rate-line:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(33,99,71,.16)}
.eatgo-rate-line span{position:absolute;left:0;top:50%;width:100%;height:2px;background:#75a58d;transform:scaleX(0);transform-origin:left center}
.eatgo-rate-line i{position:absolute;right:-1px;top:50%;width:9px;height:9px;border-radius:50%;background:#078c75;opacity:0;transform:translateY(-50%) scale(.2)}
.eatgo-rate-caption{margin:26px 0 0;color:#64736d;font-size:16px;line-height:1.7;letter-spacing:-.035em}

/* SOURCE */
.eatgo-record-source{display:grid;grid-template-columns:110px 1fr;gap:24px;padding-top:25px}
.eatgo-record-source>span{color:#a27058;font-size:16px;font-weight:850;letter-spacing:.06em}
.eatgo-record-source p{margin:0;color:#7a8781;font-size:16px;line-height:1.75;letter-spacing:-.03em}

/* ACTIVE */
.eatgo-record.is-visible .eatgo-record-progress span{animation:eatgoRecordLine 1.1s .15s cubic-bezier(.2,.75,.25,1) forwards}
.eatgo-record.is-visible .eatgo-rate-line span{animation:eatgoRecordLine 1s .75s cubic-bezier(.2,.75,.25,1) forwards}
.eatgo-record.is-visible .eatgo-rate-line i{animation:eatgoRecordDot .4s 1.65s ease forwards}

/* MOTION */
@keyframes eatgoRecordLine{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes eatgoRecordDot{from{opacity:0;transform:translateY(-50%) scale(.2)}to{opacity:1;transform:translateY(-50%) scale(1)}}

/* TABLET */
@media(max-width:900px){
.eatgo-record{padding:90px 0}
.eatgo-record-wrap{grid-template-columns:1fr;gap:55px}
.eatgo-record-desc br{display:none}
.eatgo-record-link{margin-top:35px;padding-top:0}
}

/* MOBILE */
@media(max-width:650px){
.eatgo-record{padding:70px 0}
.eatgo-record-wrap{width:calc(100% - 30px);gap:45px}
.eatgo-record-eyebrow{margin-bottom:26px}
.eatgo-record-intro h2{font-size:40px}
.eatgo-record-desc{font-size:16px}
.eatgo-record-primary{padding:25px 0 34px}
.eatgo-record-label{align-items:flex-start;flex-direction:column;gap:5px}
.eatgo-record-number strong{font-size:72px}
.eatgo-record-number>span{font-size:21px}
.eatgo-record-rate-head{display:block}
.eatgo-record-badge{display:inline-flex;margin-top:15px}
.eatgo-rate-numbers{grid-template-columns:1fr;gap:22px}
.eatgo-rate-line{height:2px}
.eatgo-rate-value-last{text-align:left}
.eatgo-rate-value-last strong{justify-content:flex-start}
.eatgo-rate-value strong b{font-size:54px}
.eatgo-record-source{grid-template-columns:1fr;gap:9px}
}

/* REDUCED MOTION */
@media(prefers-reduced-motion:reduce){
.eatgo-record-progress span,.eatgo-rate-line span{transform:scaleX(1);animation:none!important}
.eatgo-rate-line i{opacity:1;transform:translateY(-50%) scale(1);animation:none!important}
}

/* START */
.eatgo-start{position:relative;isolation:isolate;overflow:hidden;padding:125px 0 120px;background:#fff;color:#173f35}
.eatgo-start:before{content:"";position:absolute;z-index:-1;width:620px;height:620px;left:-390px;bottom:-410px;border:1px solid rgba(31,105,83,.045);border-radius:50%;box-shadow:0 0 0 90px rgba(31,105,83,.012),0 0 0 180px rgba(31,105,83,.008);pointer-events:none}
.eatgo-start:after{content:"";position:absolute;z-index:-1;width:620px;height:620px;right:-360px;top:-390px;border:1px solid rgba(31,105,83,.04);border-radius:50%;box-shadow:0 0 0 90px rgba(31,105,83,.01),0 0 0 180px rgba(31,105,83,.006);pointer-events:none}
.eatgo-start-wrap{position:relative;z-index:1;width:min(1240px,calc(100% - 48px));margin:0 auto}

/* HEAD */
.eatgo-start-head{max-width:1080px}
.eatgo-start-eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 27px;color:#276b58;font-size:16px;font-weight:800;letter-spacing:-.03em}
.eatgo-start-eyebrow>span{display:block;width:9px;height:9px;background:#df7950}
.eatgo-start-head h2{margin:0;color:#143f34;font-size:clamp(48px,4.7vw,68px);font-weight:900;line-height:1.1;letter-spacing:-.065em}
.eatgo-start-head-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:60px;margin-top:50px}
.eatgo-start-head-bottom>p{margin:0;color:#667b71;font-size:18px;line-height:1.8;letter-spacing:-.035em}

/* CTA */
.eatgo-start-btn{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:space-between;flex:0 0 auto;gap:45px;overflow:hidden;min-width:315px;min-height:64px;padding:0 23px;border:1px solid #078c75;background:#078c75;color:#fff;font-size:17px;font-weight:850;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease}
.eatgo-start-btn:before{content:"";position:absolute;z-index:-1;top:0;left:-120%;width:70%;height:100%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.22),transparent);transform:skewX(-18deg);animation:eatgoStartShine 3.5s ease-in-out infinite}
.eatgo-start-btn:after{content:"";position:absolute;z-index:-2;inset:0;background:#066f5e;transform:scaleX(0);transform-origin:left center;transition:transform .35s cubic-bezier(.22,1,.36,1)}
.eatgo-start-btn i{font-size:22px;font-weight:500;font-style:normal;transition:transform .3s cubic-bezier(.22,1,.36,1)}
.eatgo-start-btn:hover{transform:translateY(-3px);box-shadow:0 13px 30px rgba(33,99,71,.18)}
.eatgo-start-btn:hover:after{transform:scaleX(1)}
.eatgo-start-btn:hover i{transform:translate(4px,-4px)}

/* PROCESS */
.eatgo-start-process{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:76px;border-top:1px solid #bcd3c7;border-bottom:1px solid #cbded4}
.eatgo-start-line{position:absolute;left:0;right:0;top:-2px;height:3px;overflow:hidden}
.eatgo-start-line>span{display:block;width:100%;height:100%;background:#21755b;transform:scaleX(0);transform-origin:left center}
.eatgo-start-step{position:relative;min-height:300px;padding:35px 38px 42px;background:rgba(255,255,255,.28);opacity:0;transform:translateY(28px)}
.eatgo-start-step+.eatgo-start-step{border-left:1px solid #cbded4}
.eatgo-start-step-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:37px}
.eatgo-start-num{color:#b96849;font-size:17px;font-weight:850;letter-spacing:.04em}
.eatgo-start-status{color:#799087;font-size:16px;font-weight:700}
.eatgo-start-step h3{margin:0;color:#173f35;font-size:27px;font-weight:850;line-height:1.35;letter-spacing:-.05em}
.eatgo-start-step>p{margin:20px 0 0;color:#687d73;font-size:17px;line-height:1.8;letter-spacing:-.035em}
.eatgo-start-point{position:absolute;left:38px;bottom:-6px;width:11px;height:11px;border:2px solid #2c8266;border-radius:50%;background:#f5f8ef;opacity:0;transform:scale(.3)}
.eatgo-start-point>span{position:absolute;left:50%;top:50%;width:3px;height:3px;border-radius:50%;background:#2c8266;transform:translate(-50%,-50%)}

/* TIP */
.eatgo-start-tip{display:grid;grid-template-columns:200px minmax(0,1fr);align-items:center;gap:40px;margin-top:34px;padding:27px 32px;background:rgba(255,255,255,.55);border:1px solid #d3e2da}
.eatgo-start-tip-label{display:flex;flex-direction:column;gap:5px}
.eatgo-start-tip-label span{color:#b96849;font-size:16px;font-weight:850;letter-spacing:.09em}
.eatgo-start-tip-label strong{color:#173f35;font-size:18px;font-weight:850}
.eatgo-start-tip>p{margin:0;color:#687d73;font-size:17px;line-height:1.8;letter-spacing:-.035em}
.eatgo-start-tip>p strong{color:#285e4e;font-weight:800}

/* PLAY */
.eatgo-start.is-visible .eatgo-start-line>span{animation:eatgoStartLine 2.1s .25s cubic-bezier(.22,1,.36,1) both}
.eatgo-start.is-visible .eatgo-start-step:nth-of-type(1){animation:eatgoStartStep .85s .25s cubic-bezier(.22,1,.36,1) both}
.eatgo-start.is-visible .eatgo-start-step:nth-of-type(2){animation:eatgoStartStep .85s .48s cubic-bezier(.22,1,.36,1) both}
.eatgo-start.is-visible .eatgo-start-step:nth-of-type(3){animation:eatgoStartStep .85s .71s cubic-bezier(.22,1,.36,1) both}
.eatgo-start.is-visible .eatgo-start-step:nth-of-type(1) .eatgo-start-point{animation:eatgoStartPoint .55s .65s cubic-bezier(.22,1,.36,1) both}
.eatgo-start.is-visible .eatgo-start-step:nth-of-type(2) .eatgo-start-point{animation:eatgoStartPoint .55s .95s cubic-bezier(.22,1,.36,1) both}
.eatgo-start.is-visible .eatgo-start-step:nth-of-type(3) .eatgo-start-point{animation:eatgoStartPoint .55s 1.25s cubic-bezier(.22,1,.36,1) both}

/* KEYFRAMES */
@keyframes eatgoStartStep{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
@keyframes eatgoStartLine{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes eatgoStartPoint{0%{opacity:0;transform:scale(.3)}60%{opacity:1;transform:scale(1.5)}100%{opacity:1;transform:scale(1)}}
@keyframes eatgoStartShine{0%,58%{left:-120%;opacity:0}62%{opacity:1}78%{left:145%;opacity:1}79%,100%{left:145%;opacity:0}}

/* TABLET */
@media(max-width:900px){
.eatgo-start{padding:95px 0}
.eatgo-start-head-bottom{display:block}
.eatgo-start-btn{width:max-content;margin-top:28px}
.eatgo-start-process{grid-template-columns:1fr;margin-top:60px}
.eatgo-start-step{min-height:0;padding:32px}
.eatgo-start-step+.eatgo-start-step{border-left:0;border-top:1px solid #cbded4}
.eatgo-start-point{display:none}
.eatgo-start-line{display:none}
}

/* MOBILE */
@media(max-width:650px){
.eatgo-start{padding:72px 0}
.eatgo-start-wrap{width:calc(100% - 30px)}
.eatgo-start-head h2{font-size:42px}
.eatgo-start-head-bottom>p{font-size:17px}
.eatgo-start-btn{width:100%;min-width:0}
.eatgo-start-process{margin-top:46px}
.eatgo-start-step{padding:29px 22px}
.eatgo-start-step-top{margin-bottom:25px}
.eatgo-start-step h3{font-size:24px}
.eatgo-start-tip{grid-template-columns:1fr;gap:18px;padding:24px 22px}
}

/* REDUCED MOTION */
@media(prefers-reduced-motion:reduce){
.eatgo-start-step,.eatgo-start-point{opacity:1;transform:none}
.eatgo-start.is-visible .eatgo-start-line>span{transform:scaleX(1);animation:none}
.eatgo-start.is-visible .eatgo-start-step,.eatgo-start.is-visible .eatgo-start-point,.eatgo-start-btn:before{animation:none}
}

/* ===== styles/Faq.css ===== */
/* FAQ SECTION */
.eatgo-faq-section{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(135deg,#f8fbf8 0%,#f3faf6 46%,#eaf7f1 100%);color:#173f35}
.eatgo-faq-wrap{position:relative;z-index:2;width:min(1240px,calc(100% - 48px));margin:0 auto;padding:90px 0 72px}

/* BACKGROUND */
.eatgo-faq-deco{position:absolute;z-index:-1;border-radius:50%;pointer-events:none}
.eatgo-faq-deco-top{width:720px;height:720px;right:-450px;top:-420px;border:1px solid rgba(32,103,79,.045);box-shadow:0 0 0 90px rgba(32,103,79,.016),0 0 0 180px rgba(32,103,79,.01)}
.eatgo-faq-deco-bottom{width:560px;height:560px;left:-390px;bottom:-330px;border:1px solid rgba(32,103,79,.035);box-shadow:0 0 0 80px rgba(32,103,79,.012),0 0 0 160px rgba(32,103,79,.008)}

/* HEAD */
.eatgo-faq-head{text-align:center}
.eatgo-faq-head h2{margin:0;color:#143f34;font-size:clamp(44px,4vw,58px);font-weight:900;line-height:1.12;letter-spacing:-.06em}

/* FAQ LIST */
.faq{width:min(100%,1020px);margin:48px auto 0;border-top:2px solid #174f40}
.faq details{position:relative;border-bottom:1px solid rgba(57,104,85,.18);background:rgba(255,255,255,.28);transition:background .4s ease,box-shadow .4s ease}
.faq details[open]{background:rgba(255,255,255,.7);box-shadow:0 14px 40px rgba(22,76,59,.035)}
.faq summary{display:grid;grid-template-columns:62px minmax(0,1fr) 44px;align-items:center;min-height:80px;padding:0 20px;cursor:pointer;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq-num{color:#bd6849;font-size:16px;font-weight:850;letter-spacing:.05em}
.faq summary strong{color:#173f35;font-size:20px;font-weight:800;line-height:1.5;letter-spacing:-.045em}

/* PLUS / MINUS */
.faq summary i{position:relative;display:block;width:38px;height:38px;border:1px solid #b9d1c6;border-radius:50%;transition:background .35s ease,border-color .35s ease,transform .5s cubic-bezier(.22,1,.36,1)}
.faq summary i:before{content:"";position:absolute;left:50%;top:50%;width:12px;height:1px;background:#17674f;transform:translate(-50%,-50%)}
.faq summary i:after{content:"";position:absolute;left:50%;top:50%;width:1px;height:12px;background:#17674f;transform:translate(-50%,-50%);transition:opacity .3s ease,transform .3s ease}
.faq details[open] summary i{border-color:#216a53;background:#216a53;transform:rotate(180deg)}
.faq details[open] summary i:before{background:#fff}
.faq details[open] summary i:after{background:#fff;opacity:0;transform:translate(-50%,-50%) rotate(90deg)}

/* ANSWER */
.faq-answer{display:grid;grid-template-columns:62px minmax(0,1fr) 44px;padding:0 20px 25px}
.faq-answer p{grid-column:2;margin:0;max-width:800px;color:#60766c;font-size:17px;line-height:1.8;letter-spacing:-.035em}
.faq details[open] .faq-answer{animation:eatgoFaqAnswer .65s cubic-bezier(.22,1,.36,1) both}

/* CTA */
.eatgo-faq-cta{position:relative;z-index:2;border-top:1px solid rgba(35,99,75,.14);background:rgba(224,242,232,.28)}
.eatgo-faq-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:60px;width:min(1020px,calc(100% - 48px));min-height:205px;margin:0 auto}
.eatgo-faq-cta-copy{position:relative}
.eatgo-faq-cta-copy p{margin:0 0 14px;color:#597466;font-size:17px;font-weight:650;line-height:1.6;letter-spacing:-.035em}
.eatgo-faq-cta-copy h3{margin:0;color:#143f34;font-size:clamp(38px,3.3vw,48px);font-weight:900;line-height:1.15;letter-spacing:-.06em}

/* CTA BUTTON */
.eatgo-faq-cta-btn{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:space-between;flex:0 0 auto;gap:45px;overflow:hidden;min-width:285px;min-height:64px;padding:0 23px;border:1px solid #078c75;background:#078c75;color:#fff;font-size:17px;font-weight:850;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease}
.eatgo-faq-cta-btn:before{content:"";position:absolute;z-index:-1;top:0;left:-120%;width:70%;height:100%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.24),transparent);transform:skewX(-18deg);animation:eatgoFaqShine 3.5s ease-in-out infinite}
.eatgo-faq-cta-btn:after{content:"";position:absolute;z-index:-2;inset:0;background:#066f5e;transform:scaleX(0);transform-origin:left center;transition:transform .35s cubic-bezier(.22,1,.36,1)}
.eatgo-faq-cta-btn span{position:relative;z-index:1}
.eatgo-faq-cta-btn i{position:relative;z-index:1;font-size:22px;font-weight:500;font-style:normal;transition:transform .3s cubic-bezier(.22,1,.36,1)}
.eatgo-faq-cta-btn:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(33,99,71,.2)}
.eatgo-faq-cta-btn:hover:after{transform:scaleX(1)}
.eatgo-faq-cta-btn:hover i{transform:translate(4px,-4px)}

/* MOTION */
@keyframes eatgoFaqAnswer{
from{opacity:0;transform:translateY(-10px)}
to{opacity:1;transform:translateY(0)}
}

@keyframes eatgoFaqShine{
0%,58%{left:-120%;opacity:0}
62%{opacity:1}
78%{left:145%;opacity:1}
79%,100%{left:145%;opacity:0}
}

/* TABLET */
@media(max-width:900px){
.eatgo-faq-wrap{padding:80px 0 65px}
.eatgo-faq-cta-inner{min-height:195px}
.eatgo-faq-deco-top{right:-520px}
}

/* MOBILE */
@media(max-width:650px){
.eatgo-faq-wrap{width:calc(100% - 30px);padding:65px 0 55px}
.eatgo-faq-head h2{font-size:40px}
.faq{margin-top:38px}
.faq summary{grid-template-columns:42px minmax(0,1fr) 36px;min-height:78px;padding:0 8px}
.faq-num{font-size:16px}
.faq summary strong{font-size:18px}
.faq summary i{width:32px;height:32px}
.faq-answer{grid-template-columns:42px minmax(0,1fr) 36px;padding:0 8px 24px}
.faq-answer p{font-size:16px;line-height:1.75}
.eatgo-faq-cta-inner{display:block;width:calc(100% - 30px);min-height:0;padding:48px 0}
.eatgo-faq-cta-copy p{margin-bottom:13px;font-size:16px}
.eatgo-faq-cta-copy h3{font-size:36px}
.eatgo-faq-cta-btn{width:100%;min-width:0;min-height:62px;margin-top:30px}
.eatgo-faq-deco-top{width:500px;height:500px;right:-390px;top:-270px}
.eatgo-faq-deco-bottom{width:420px;height:420px;left:-330px;bottom:-180px}
}

/* REDUCED MOTION */
@media(prefers-reduced-motion:reduce){
.faq details[open] .faq-answer,.eatgo-faq-cta-btn:before{animation:none}
}

/* ===== styles/Footer.css ===== */
/* EATGO footer styles */

footer{padding:45px 0;background:#0f172a;color:#cbd5e1}
.foot{display:flex;justify-content:space-between;gap:30px;align-items:center}

.footlinks{display:flex;gap:18px;font-size:16px}

footer{position:relative;z-index:2}

footer{padding-top:54px;padding-bottom:54px}
.foot{line-height:1.7}

footer{background:#102b29}
.footlinks a{color:#d9ebe4}
.footlinks a:hover{color:#fff}

footer{background:#092b28;border-top:5px solid #ddfa7a;padding:62px 0}
.footlinks a:hover{color:#ddfa7a}

footer{border-top:0!important}

footer{border-top:0!important;padding:42px 0!important}
.foot{align-items:center;gap:22px}
.foot>div:first-child{display:grid;gap:7px}
.foot>div:first-child>div{color:#b9d2c9;font-size:14px}
.footlinks{align-items:center;gap:22px}
.footlinks a{font-size:14px}

footer{border:0!important;background:#092b28!important}
.foot>div:first-child{gap:7px}
.footlinks a{transition:color .2s ease}

/* ===== styles/FloatingCta.css ===== */
/* EATGO floating-cta styles */

.floating{display:none!important}

.floating{animation:floatCta 2.6s ease-in-out infinite}

.mobile-cta{display:none}

@keyframes floatCta {

    0%,
    100% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-7px)
    }
}

.floating{box-shadow:0 16px 38px rgba(7,155,130,.30)}

.floating{display:none!important}
.mobile-cta{left:0!important;right:0!important;width:100%!important}

@media(min-width:801px) {
    .mobile-cta {
        display: none !important
    }
}

@media(prefers-reduced-motion:reduce) {
    .mobile-cta {
        transition: none !important
    }
}

/* ===== app/globals.css (@import 행 제외) ===== */
/* EATGO global styles — shared rules + section stylesheet imports */

:root{--ink:#10231f;--muted:#647a74;--line:#dce8e4;--brand:#079b82;--brand2:#087a68;--brand-dark:#056a5c;--brand-deep:#064f47;--accent:#ffd83d;--soft:#edf9f6;--navy:#10231f;--green:#079b82}
*{box-sizing:border-box}
html{scroll-behavior:smooth;font-size:16px}
body{margin:0;font-family:Pretendard,"Noto Sans KR",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.55;word-break: keep-all}
a{color:inherit;text-decoration:none}
.wrap{width:min(1120px,calc(100% - 40px));margin:auto}

.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;padding:14px 22px;background:var(--brand);color:white;font-weight:850;box-shadow:0 8px 24px rgba(255,90,31,.18)}
.btn:hover{transform:translateY(-1px)}
.btn.dark{background:#111827}
.btn.ghost{background:white;color:var(--brand);border:1px solid #bfe9df;box-shadow:none}

.section{padding:92px 0}
.section.alt{background:#f8fafc}
.section.orange{background:#f0faf7}
.center{text-align:center}
.kicker{font-weight:900;color:var(--brand);font-size:17px}
.title{font-size:clamp(34px,4vw,52px);line-height:1.18;letter-spacing:-2.5px;margin:10px 0 18px}
.sub{color:var(--muted);font-size:18px}
.checks{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:28px 0}
.pill{background:#fff;border:1px solid var(--line);border-radius:999px;padding:10px 16px;font-weight:750}

.grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}

.foot .logo{color:#fff}

body{overflow-x:hidden}
.reveal{opacity:0;transform:translateY(34px);transition:opacity .75s cubic-bezier(.2,.8,.2,1),transform .75s cubic-bezier(.2,.8,.2,1)}
.reveal.is-visible{opacity:1;transform:none}
.btn{position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}
.btn:hover{transform:translateY(-2px) scale(1.015);box-shadow:0 14px 32px rgba(255,90,31,.28)}
.btn:active{transform:translateY(0) scale(.985)}
.btn:after{content:"";position:absolute;top:-50%;left:-80%;width:45%;height:200%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent);transform:rotate(18deg);transition:left .7s ease}
.btn:hover:after{left:140%}

.feature-card,.calendar{transition:transform .35s ease,box-shadow .35s ease}
.feature-card:hover,.calendar:hover{transform:translateY(-5px);box-shadow:0 24px 58px rgba(16,24,40,.11)}

@keyframes softPulse {

    0%,
    100% {
        box-shadow: inset 0 0 0 0 rgba(255, 90, 31, 0)
    }

    50% {
        box-shadow: inset 0 0 0 2px rgba(255, 90, 31, .18)
    }
}

@media(prefers-reduced-motion:reduce) {

    *,
    *:before,
    *:after {
        animation: none !important;
        transition: none !important;
        scroll-behavior: auto !important
    }

    .reveal {
        opacity: 1;
        transform: none
    }
}

@media(max-width:800px) {
    body {
        padding-bottom: 78px
    }

    .floating {
        display: none
    }

    .mobile-cta {
        display: flex;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 50;
        padding: 10px 14px calc(10px + env(safe-area-inset-bottom));
        background: rgba(255, 255, 255, .94);
        backdrop-filter: blur(12px);
        border-top: 1px solid var(--line)
    }

    .mobile-cta .btn {
        width: 100%;
        min-height: 54px;
        font-size: 17px
    }

    .eatgo-intro {
        padding-bottom: 54px
    }

    .lead,
    .sub {
        font-size: 17px
    }

    .stats {
        grid-template-columns: 1fr 1fr
    }

    .stat strong {
        font-size: 34px
    }
}

@media(max-width:480px) {
    .wrap {
        width: min(100% - 28px, 1120px)
    }

    .stats {
        grid-template-columns: 1fr
    }

    .tabs {
        overflow-x: auto;
        justify-content: flex-start;
        padding-bottom: 5px
    }

    .tab {
        white-space: nowrap
    }

    .eatgo-intro h1 {
        font-size: 40px
    }

    .title {
        font-size: 34px
    }
}

@media(max-width:800px) {
    .eatgo-intro {
        padding-top: 65px
    }

    .eatgo-intro h1 {
        letter-spacing: -2.5px
    }

    .stats {
        grid-template-columns: 1fr 1fr
    }

    .calendar-wrap,
    .feature {
        grid-template-columns: 1fr
    }

    .flow,
    .three {
        grid-template-columns: 1fr
    }

    .limit {
        padding: 38px 22px
    }

    .navin {
        height: 64px
    }

    .nav .btn {
        padding: 10px 14px
    }

    .foot {
        display: block
    }

    .footlinks {
        margin-top: 18px;
        flex-wrap: wrap
    }
}

.good-caption b{color:#087a55}

footer .brand{color:#fff}
footer .brand-mark{background:rgba(255,255,255,.14);box-shadow:none}

.kicker{color:var(--brand)}

.section.orange{background:linear-gradient(180deg,#effaf7,#f8fcfb)}

.btn{background:var(--brand);box-shadow:0 8px 24px rgba(7,155,130,.20)}
.btn:hover{box-shadow:0 14px 32px rgba(7,155,130,.28)}

.section{position:relative}
.section:nth-of-type(even):before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;left:-150px;top:22%;background:radial-gradient(circle,rgba(7,155,130,.055),transparent 70%);pointer-events:none}
.kicker{display:inline-block;position:relative}
.kicker:after{content:"";position:absolute;left:0;bottom:-5px;width:0;height:2px;background:var(--accent);transition:width .7s cubic-bezier(.2,.8,.2,1)}
.is-visible.kicker:after,.section:has(.is-visible) .kicker:after{width:100%}

.kicker:after{display:none!important;content:none!important}

@media(max-width:800px) {
    .calendar-compare {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 22px !important;
        align-items: stretch !important;
    }

    .calendar-stage {
        width: 100%;
        min-width: 0
    }

    .transform-arrow {
        position: relative !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 5px !important;
        width: 100% !important;
        min-height: 76px !important;
        margin: 0 !important;
        transform: none !important;
    }

    .transform-arrow span {
        display: block !important;
        transform: rotate(90deg) !important;
        animation: mobileArrowNudge 1.5s ease-in-out infinite !important;
        font-size: 40px !important;
        line-height: 1 !important;
    }

    .transform-arrow b {
        position: static !important;
        margin: 0 !important;
        transform: none !important;
        font-size: 16px !important;
        line-height: 1.4 !important;
        writing-mode: horizontal-tb !important;
    }

    .stage-label {
        margin-left: 0 !important;
        white-space: nowrap;
    }

    .calendar {
        width: 100%;
        padding: 20px 14px
    }

    .cal-head {
        gap: 12px;
        align-items: flex-end
    }

    .cal-head strong {
        font-size: 22px
    }

    .grid {
        gap: 5px
    }

    .day,
    .date {
        min-width: 0
    }

    .date {
        font-size: 16px
    }

    .overtime-intro .title br {
        display: none
    }
}

@media(max-width:480px) {
    .calendar {
        padding: 18px 10px;
        border-radius: 18px
    }

    .grid {
        gap: 3px
    }

    .cal-head {
        margin-bottom: 14px
    }

    .cal-head strong {
        font-size: 18px
    }

    .cal-head b {
        font-size: 16px
    }

    .overtime-caption {
        font-size: 16px
    }
}

body{line-height:1.7}
.section{padding:112px 0}

.kicker{line-height:1.65;margin-bottom:4px}
.title{
  line-height:1.28;
  letter-spacing:-2px;
  margin:16px 0 26px;
}
.sub{line-height:1.82;margin-top:0;margin-bottom:24px}
.center>h3{margin-top:42px;margin-bottom:10px}
.checks{margin:34px 0 46px;gap:14px}
.pill{line-height:1.55;padding:12px 18px}

@media(max-width:800px) {
    .section {
        padding: 82px 0
    }

    .eatgo-intro {
        padding-top: 76px;
        padding-bottom: 64px
    }

    .eatgo-intro h1 {
        font-size: clamp(36px, 10vw, 48px);
        line-height: 1.22;
        letter-spacing: -2px;
        margin-bottom: 30px
    }

    .eatgo-intro h2 {
        font-size: 26px;
        line-height: 1.42;
        margin-top: 36px;
        margin-bottom: 18px
    }

    .eatgo-intro .lead {
        line-height: 1.8;
        margin-bottom: 24px
    }

    .video {
        margin-top: 50px
    }

    .title {
        line-height: 1.34;
        margin-top: 14px;
        margin-bottom: 22px
    }

    .sub {
        line-height: 1.8;
        margin-bottom: 22px
    }

    .overtime-intro {
        margin-bottom: 42px
    }

    .feature {
        gap: 34px
    }

    .feature h3 {
        font-size: 28px;
        line-height: 1.42;
        margin-bottom: 18px
    }

    .feature-card {
        padding: 25px 20px
    }

    .limit {
        padding: 48px 24px
    }

    .faq {
        margin-top: 34px
    }
}

@media(max-width:480px) {
    .section {
        padding: 70px 0
    }

    .eatgo-intro {
        padding-top: 62px;
        padding-bottom: 54px
    }

    .eatgo-intro h1 {
        font-size: 36px;
        line-height: 1.25;
        letter-spacing: -1.7px
    }

    .eatgo-intro h2 {
        font-size: 24px;
        line-height: 1.45
    }

    .title {
        font-size: 32px;
        line-height: 1.38;
        letter-spacing: -1.4px
    }

    .feature h3 {
        font-size: 26px;
        line-height: 1.45
    }

    .checks {
        margin: 28px 0 38px
    }

    .stat {
        padding: 28px 18px
    }
}

:root{--canvas:#f6faf8;--forest:#083f38;--forest2:#0a5549;--mint:#d8f2e9;--lime:#d8f27d;--shadow:0 28px 65px rgba(10,65,55,.085)}
body{background:#fff;color:#142d29;-webkit-font-smoothing:antialiased}
.wrap{width:min(1160px,calc(100% - 48px))}

.btn{border-radius:14px;letter-spacing:-.3px;min-height:54px}
.btn:focus-visible,.tab:focus-visible,.faq summary:focus-visible{outline:3px solid #e4ca55;outline-offset:4px}

.section{overflow:clip}
.section.orange{background:linear-gradient(180deg,#f3faf6,#eaf7f1)}
.section.alt{background:#f7faf8}
.section .wrap{position:relative}
.kicker{font-size:16px;font-weight:850;letter-spacing:.1px;color:#078c75}
.title{font-weight:900;letter-spacing:-2.3px;text-wrap:balance}
.sub{color:#60766f;max-width:780px}
.center>.sub{margin-left:auto;margin-right:auto}
.checks{gap:12px}
.pill{border:1px solid #d1e8de;box-shadow:0 5px 15px rgba(8,84,68,.025);border-radius:12px;background:#fff;font-weight:650}

@media(max-width:800px) {
    .wrap {
        width: min(100% - 34px, 1160px)
    }

    .navin {
        height: 70px
    }

    .nav .btn {
        padding: 11px 15px
    }

    .eatgo-intro {
        padding-top: 78px;
        padding-bottom: 66px
    }

    .eatgo-intro .eyebrow {
        margin-bottom: 28px
    }

    .eatgo-intro h1 {
        letter-spacing: -2px
    }

    .eatgo-intro h2 {
        margin-top: 35px
    }

    .video {
        margin-top: 53px;
        border-width: 4px;
        border-radius: 15px
    }

    .demo-window-top {
        height: 31px;
        padding: 0 11px
    }

    .demo-window-top span {
        font-size: 16px;
        letter-spacing: 0;
        transform: scale(.7);
        transform-origin: left center
    }

    .demo-window-top i {
        width: 6px;
        height: 6px
    }

    .demo-body {
        height: calc(100% - 31px);
        padding: 10px;
        gap: 7px;
        grid-template-columns: 18% 1fr 20%
    }

    .demo-sidebar,
    .demo-sheet,
    .demo-result {
        padding: 8px;
        border-radius: 7px;
        gap: 6px
    }

    .demo-sidebar span {
        height: 7px
    }

    .demo-sidebar span:first-child {
        height: 13px
    }

    .demo-sheet-head span {
        height: 8px
    }

    .demo-sheet-line {
        height: 10px
    }

    .demo-result-icon {
        width: 25px;
        height: 25px;
        font-size: 16px
    }

    .demo-result>span:not(:first-child) {
        height: 7px
    }

    .play {
        width: 56px;
        height: 56px;
        font-size: 20px
    }

    .stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0
    }

    .stat {
        border-bottom: 1px solid #e4efea
    }

    .stat:nth-child(2) {
        border-right: 0
    }

    .stat:nth-child(n

            /**/
            +3) {
        border-bottom: 0
    }

    .calendar-compare {
        gap: 18px
    }

    .tabs {
        margin-top: 32px
    }

    .tab {
        padding: 13px 16px
    }

    .feature {
        gap: 32px
    }

    .limit {
        padding: 57px 24px
    }
}

@media(max-width:480px) {
    .wrap {
        width: calc(100% - 30px)
    }

    .brand {
        font-size: 20px
    }

    .brand-mark {
        width: 35px;
        height: 35px
    }

    .eatgo-intro h1 {
        font-size: clamp(33px, 9vw, 39px);
        letter-spacing: -1.6px
    }

    .eatgo-intro .eyebrow {
        font-size: 16px
    }

    .video {
        aspect-ratio: 16/10
    }

    .stats {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .stat {
        padding: 25px 9px
    }

    .stat strong {
        font-size: 34px;
        letter-spacing: -1.5px
    }

    .stat small {
        font-size: 16px
    }

    .tabs {
        width: 100%;
        overflow-x: auto;
        justify-content: flex-start;
        scrollbar-width: none
    }

    .tab {
        flex: 1;
        min-width: max-content;
        font-size: 16px
    }

    .limit {
        border-radius: 23px;
        padding: 49px 18px
    }

    .limit .title {
        letter-spacing: -1.3px
    }
}

.brand-mark,footer .brand-mark{transform:none!important;box-shadow:none!important;border-radius:11px!important;flex:0 0 auto;display:grid!important;place-items:center!important;}
.brand-mark svg,footer .brand-mark svg{transform:none!important;display:block;width:18px;height:18px;flex:none;}

:root{--design-ink:#102f29;--design-lime:#ddfa7a;--design-teal:#079b82}
body{font-family:Pretendard,"Noto Sans KR",system-ui,sans-serif;letter-spacing:-.025em}

.section{padding:135px 0;isolation:isolate}
.section .wrap{z-index:1}
.kicker{font-size:15px;letter-spacing:.12em;text-transform:uppercase;font-weight:900}
.title{font-size:clamp(39px,4.4vw,64px);letter-spacing:-.075em;line-height:1.24;margin:18px 0 29px}
.sub{font-size:clamp(17px,1.45vw,20px);line-height:1.9}
.section.orange{background:radial-gradient(ellipse at 5% 20%,#d9f5e7 0,transparent 36%),linear-gradient(160deg,#f4faf4,#eaf7ee)}
.section.orange .kicker{display:inline-flex;background:#d9f1e4;border:1px solid #b8e3cf;border-radius:999px;padding:9px 18px;color:#08765e}
.section.orange .title{color:#103b32}
.section.orange .title br{display:block}
.checks{margin:43px 0 65px}
.pill{border-radius:100px;padding:13px 20px;box-shadow:0 12px 28px #165d4210;background:#fff}
.section.orange .center>h3{font-size:clamp(21px,2vw,27px);letter-spacing:-.045em;color:#3d6657}
.section.orange .center>h3+.title{margin-top:4px}

.section.orange>.wrap>.btn{border-radius:100px;padding:17px 30px}

.section.alt{background:#102f2b;color:#fff}
.section.alt .kicker{color:#ddfa7a}
.section.alt .title{color:#fff}
.section.alt .sub{color:#c3ddd3}

@media(max-width:800px) {
    .section {
        padding: 85px 0
    }

    .eatgo-intro {
        padding-top: 77px
    }

    .eatgo-intro h1 {
        font-size: clamp(36px, 8.5vw, 56px);
        letter-spacing: -.065em
    }

    .eatgo-film-heading {
        margin-top: 62px
    }

    .stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px
    }

    .calendar-compare {
        grid-template-columns: minmax(0, 1fr);
        gap: 20px
    }

    .calendar-stage {
        padding: 10px
    }

    .transform-arrow {
        min-height: 75px
    }

    .transform-arrow span {
        width: 55px;
        height: 55px;
        font-size: 34px
    }

    .section.alt .tabs {
        border-radius: 18px
    }

    .section.alt .tab {
        border-radius: 13px
    }

    .limit {
        padding: 65px 25px
    }

    .section:has(.limit) {
        padding: 80px 0
    }
}

@media(max-width:480px) {
    .wrap {
        width: calc(100% - 30px)
    }

    .section {
        padding: 73px 0
    }

    .title {
        font-size: clamp(34px, 9vw, 42px)
    }

    .eatgo-intro h1 {
        font-size: clamp(33px, 9vw, 42px)
    }

    .stats {
        gap: 10px
    }

    .stat,
    .stat.hot {
        padding: 25px 8px;
        border-radius: 18px
    }

    .stat strong {
        font-size: 37px
    }

    .stat small {
        font-size: 13px
    }

    .calendar {
        padding: 16px 9px
    }

    .section.alt .tabs {
        border-radius: 15px
    }

    .section.alt .tab {
        padding: 12px
    }

    .limit {
        padding: 58px 19px
    }

    .limit .title {
        font-size: 35px
    }
}

@keyframes impactGlow {

    0%,
    100% {
        filter: drop-shadow(0 0 0 transparent)
    }

    50% {
        filter: drop-shadow(0 0 20px #ddfa7a55)
    }
}

.section.orange{background-size:170% 170%;animation:softCanvas 17s ease-in-out infinite alternate}

@keyframes softCanvas {
    to {
        background-position: 100% 100%
    }
}

@keyframes motionStat {
    from {
        opacity: .3;
        transform: translateY(45px) rotateX(12deg)
    }

    to {
        opacity: 1;
        transform: translateY(0) rotateX(0)
    }
}

@keyframes motionDone {
    from {
        background: #f7f8f5;
        transform: scale(.78);
        opacity: .3
    }

    to {
        background: #ddfa7a;
        transform: scale(1);
        opacity: 1
    }
}

@keyframes motionRow {
    from {
        opacity: 0;
        transform: translateX(-35px)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes motionFlow {
    from {
        opacity: 0;
        transform: translateY(30px) scale(.95)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes ctaOrbit {
    to {
        transform: translate(-55px, 75px) scale(1.16)
    }
}

@media(prefers-reduced-motion:reduce) {

    .eatgo-intro,
    .eatgo-intro h1 em,
    .section.orange,
    .limit:before,
    .stat.is-visible,
    .overtime-section.story-active .before-stage .date.overtime,
    .overtime-section.story-active .after-stage .date.done,
    .section.alt .panel.active .row,
    .section.alt .panel.active .flow>div,
    .section.alt .panel.active .three>div {
        animation: none !important;
        opacity: 1 !important;
        transform: none !important
    }
}

@media(max-width:800px) {
    .eatgo-intro {
        padding-top: 58px;
        padding-bottom: 58px
    }

    .eatgo-intro h1 {
        font-size: clamp(34px, 7.6vw, 49px)
    }

    .eatgo-film-heading {
        margin-top: 42px
    }

    .calendar-compare .transform-arrow {
        min-height: 90px !important;
        gap: 7px !important
    }

    .calendar-compare .transform-arrow span {
        width: 58px !important;
        height: 58px !important;
        transform: none !important;
        animation: none !important
    }

    .calendar-compare .transform-arrow span {
        font-size: 0 !important
    }

    .calendar-compare .transform-arrow span::after {
        content: "↓";
        font-size: 37px;
        line-height: 1;
        color: #ddfa7a
    }

    .calendar-compare .transform-arrow b {
        font-size: 15px !important
    }
}

@keyframes eatgoIntroOrbit {
    from {
        transform: translate(0, 0) scale(1)
    }

    to {
        transform: translate(-28px, 26px) scale(1.055)
    }
}


.section.orange:after,.overtime-section:after,.section.alt:has(.tabs):after{content:"";position:absolute;z-index:0;width:clamp(240px,32vw,510px);height:clamp(240px,32vw,510px);right:-18%;top:9%;border:1px solid rgba(7,126,100,.07);border-radius:50%;box-shadow:0 0 0 58px rgba(7,126,100,.018),0 0 0 116px rgba(7,126,100,.012);pointer-events:none;animation:eatgoAmbient 16s ease-in-out infinite alternate}

@keyframes eatgoAmbient {
    to {
        transform: translate(-20px, 25px) scale(1.05)
    }
}

@media(max-width:800px) {
    .eatgo-intro:after {
        right: -55% !important;
        top: 3% !important;
        width: 380px !important;
        height: 380px !important;
        box-shadow: 0 0 0 45px rgba(255, 255, 255, .013), 0 0 0 85px rgba(255, 255, 255, .009) !important
    }

    .stats .stat strong {
        gap: 6px
    }

    .stats .stat strong>small {
        font-size: 16px !important
    }

    .section.orange:after,
    .overtime-section:after,
    .section.alt:has(.tabs):after {
        right: -65%;
        width: 290px;
        height: 290px;
        box-shadow: 0 0 0 40px rgba(7, 126, 100, .014)
    }
}

@media(prefers-reduced-motion:reduce) {

    .eatgo-intro:after,
    .section.orange:after,
    .overtime-section:after,
    .section.alt:has(.tabs):after {
        animation: none !important
    }
}

@keyframes eatgoIntroOrbitV4 {
    0% {
        transform: translate(0, 0) scale(.96)
    }

    100% {
        transform: translate(-48px, 38px) scale(1.095)
    }
}

.section.orange:after,.overtime-section:after,.section.alt:has(.tabs):after{animation:eatgoAmbientV4 5.2s ease-in-out infinite alternate!important}

@keyframes eatgoAmbientV4 {
    0% {
        transform: translate(0, 0) scale(.96)
    }

    100% {
        transform: translate(-43px, 36px) scale(1.11)
    }
}

@keyframes ctaOrbitV4 {
    0% {
        transform: translate(0, 0) scale(.97)
    }

    100% {
        transform: translate(-57px, 52px) scale(1.13)
    }
}

@media(max-width:800px) {

    .section.alt:has(.tabs) .panel,
    .section.alt:has(.tabs) .panel.active {
        min-height: 0 !important;
        height: auto !important
    }

    .section.alt:has(.tabs) .panel.active {
        display: block !important
    }

    .section.alt:has(.tabs) .feature {
        min-height: 0 !important;
        height: auto !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 22px !important;
        margin-top: 14px !important;
        align-items: start !important
    }

    .section.alt:has(.tabs) .feature>div:first-child,
    .section.alt:has(.tabs) .feature-card,
    .section.alt:has(.tabs) .flow {
        align-self: start !important;
        min-width: 0
    }

    .section.alt:has(.tabs) .feature .sub {
        margin-bottom: 0 !important
    }

    .section.alt:has(.tabs) .feature-card {
        padding: 23px 18px !important
    }

    .section.alt:has(.tabs) .flow {
        display: grid;
        grid-template-columns: 1fr;
        gap: 12px
    }

    .section.alt:has(.tabs) .flow>div {
        min-height: 0 !important;
        padding: 23px 20px !important;
        border-radius: 18px;
        line-height: 1.55
    }

    .section.alt:has(.tabs) .three {
        grid-template-columns: 1fr;
        gap: 10px
    }

    .section.alt:has(.tabs) .three>div {
        padding: 18px !important
    }

    .section.alt:has(.tabs) {
        padding-top: 65px !important;
        padding-bottom: 62px !important
    }

    .section.alt:has(.tabs) .tabs {
        margin: 25px auto 23px !important
    }

    .section.alt:has(.tabs) .feature h3 {
        margin: 9px 0 12px !important
    }

    .section.alt:has(.tabs) .feature .sub {
        line-height: 1.68 !important
    }

    .section.alt:has(.tabs) .feature-card>b {
        margin-bottom: 14px
    }

    .section.alt:has(.tabs) .rows {
        gap: 9px
    }

    .section.alt:has(.tabs) .row {
        padding: 13px 12px !important;
        overflow-wrap: anywhere
    }

    .foot {
        display: flex !important;
        flex-direction: column;
        align-items: flex-start !important;
        gap: 21px !important
    }

    .footlinks {
        display: flex;
        flex-wrap: wrap;
        margin: 0 !important;
        gap: 12px 24px
    }

    footer {
        padding: 35px 0 calc(110px + env(safe-area-inset-bottom)) !important
    }

    footer .brand {
        font-size: 22px
    }

    .section.alt:has(.tabs):after {
        opacity: .8
    }
}

@media(max-width:480px) {
    .section.alt:has(.tabs) {
        padding-top: 53px !important;
        padding-bottom: 50px !important
    }

    .section.alt:has(.tabs) .feature {
        gap: 17px !important
    }

    .section.alt:has(.tabs) .feature-card {
        padding: 18px 13px !important;
        border-radius: 20px
    }

    .section.alt:has(.tabs) .flow>div {
        padding: 19px 17px !important;
        min-height: 0 !important
    }

    .section.alt:has(.tabs) .feature h3 {
        font-size: clamp(25px, 7vw, 31px)
    }

    .section.alt:has(.tabs) .feature .sub {
        font-size: 16px !important
    }

    .section.alt:has(.tabs) .row {
        font-size: 15px !important;
        line-height: 1.55 !important
    }

    .section.alt:has(.tabs) .feature-card>b {
        font-size: 17px;
        line-height: 1.5
    }

    .section.alt:has(.tabs) .three {
        margin-top: 14px
    }

    footer {
        padding-top: 30px !important
    }

    .footlinks a {
        font-size: 14px
    }
}

@media(prefers-reduced-motion:reduce) {

    .eatgo-intro:after,
    .section.orange:after,
    .overtime-section:after,
    .section.alt:has(.tabs):after,
    .limit:before {
        animation: none !important
    }
}

@media(min-width:801px) {
    .eatgo-intro {
        padding-top: 88px !important;
        padding-bottom: 76px !important
    }

    .eatgo-intro .video,
    .eatgo-intro .eatgo-film-frame {
        margin-top: 0
    }

    .eatgo-film-heading {
        margin-top: 52px !important
    }

    .stats {
        gap: 20px !important
    }

    .section.alt:has(.tabs) .feature {
        gap: 38px !important
    }

    .section.alt:has(.tabs) .feature-card {
        padding: 28px !important
    }
}

.eatgo-intro:after,.section.orange:after,.overtime-section:after,.section.alt:has(.tabs):after,.limit:before{pointer-events:none}

@media(max-width:800px) {
    body {
        padding-bottom: 0 !important
    }

    .eatgo-intro {
        padding-top: 56px !important;
        padding-bottom: 49px !important
    }

    .eatgo-film-heading {
        margin-top: 38px !important;
        margin-bottom: 18px !important
    }

    .section.orange,
    .overtime-section {
        padding-top: 62px !important;
        padding-bottom: 62px !important
    }

    .section.alt:has(.tabs) {
        padding-top: 52px !important;
        padding-bottom: 48px !important
    }

    .section.alt:has(.tabs) .panel {
        min-height: 0 !important;
        height: auto !important
    }

    .section.alt:has(.tabs) .panel.active {
        min-height: 0 !important;
        display: block !important
    }

    .section.alt:has(.tabs) .feature {
        min-height: 0 !important;
        gap: 18px !important;
        margin-top: 12px !important
    }

    .section.alt:has(.tabs) .feature-card {
        margin: 0 !important
    }

    .section.alt:has(.tabs) .flow {
        gap: 9px !important
    }

    .section.alt:has(.tabs) .flow>div {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 16px !important;
        text-align: left !important;
        padding: 17px 18px !important;
        min-height: 0 !important;
        line-height: 1.45 !important;
        border-radius: 15px !important
    }

    .section.alt:has(.tabs) .flow>div b {
        display: block !important;
        flex: 0 0 76px !important;
        margin: 0 !important;
        font-size: 19px !important;
        line-height: 1.35 !important;
        text-align: left !important
    }

    .section.alt:has(.tabs) .flow>div:nth-child(3) {
        background: #dff4e9 !important
    }

    .section.alt:has(.tabs) .three>div {
        padding: 15px 17px !important
    }

    .section.alt:has(.tabs)>.wrap>.sub:last-child {
        margin-top: 22px !important;
        margin-bottom: 0 !important;
        font-size: 14px !important
    }

    .section:has(>.wrap>.limit) {
        padding: 55px 0 48px !important
    }

    .limit {
        padding: 43px 22px !important;
        border-radius: 23px !important
    }

    .limit .title {
        margin: 13px auto 18px !important
    }

    .limit p {
        margin: 14px auto !important
    }

    .limit p:has(.btn) {
        margin-top: 22px !important
    }

    .section.alt:has(.faq) {
        padding-top: 57px !important;
        padding-bottom: 47px !important
    }

    .section.alt:has(.faq) .faq {
        margin-top: 23px !important
    }

    .section.alt:has(.faq) .faq details {
        padding: 18px 3px !important
    }

    .section.alt:has(.faq) .faq details[open] {
        padding-left: 13px !important;
        padding-right: 13px !important
    }

    .section.alt:has(.faq) .wrap>p:last-child {
        margin-top: 24px !important;
        margin-bottom: 0 !important
    }

    footer {
        padding: 29px 0 calc(26px + env(safe-area-inset-bottom)) !important
    }

    .foot {
        gap: 15px !important
    }

    .foot>div:first-child {
        gap: 5px !important
    }

    footer .brand {
        font-size: 20px !important
    }

    .footlinks {
        padding-top: 13px !important;
        border-top: 1px solid rgba(255, 255, 255, .15);
        width: 100%;
        gap: 12px 21px !important
    }

    .footlinks a {
        font-size: 13px !important
    }

    .mobile-cta {
        transition: transform .25s ease, opacity .25s ease, visibility .25s ease;
        box-shadow: 0 -8px 28px rgba(4, 47, 38, .065);
        padding: 8px 14px calc(8px + env(safe-area-inset-bottom)) !important
    }

    .mobile-cta .btn {
        min-height: 48px !important;
        font-size: 16px !important;
        border-radius: 13px !important
    }

    .mobile-cta.at-footer {
        transform: translateY(110%) !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important
    }
}

@media(max-width:480px) {
    .stats .stat strong {
        gap: 5px !important;
        font-size: clamp(28px, 9vw, 38px) !important
    }

    .stats .stat strong>small {
        font-size: 14px !important
    }

    .section.alt:has(.tabs) .flow>div {
        padding: 15px 14px !important;
        gap: 10px !important;
        font-size: 15px !important
    }

    .section.alt:has(.tabs) .flow>div b {
        flex-basis: 69px !important;
        font-size: 17px !important
    }

    .limit {
        padding: 39px 19px !important
    }
}

@keyframes bidPulse {
    50% {
        box-shadow: 0 0 0 8px #e3f8ec77
    }
}

.sample-disclosure{font-size:12px;color:#6c8178;margin:0 auto 25px;line-height:1.5}