@charset "UTF-8";
:root{--ink:#142b21;--ink2:#2f4639;--muted:#66796e;--forest:#163e2e;--deep:#0c2920;--accent:#b5da79;--accent2:#dff1b0;--paper:#f7f8f4;--white:#fff;--line:#dce5d8;--shadow:0 22px 65px rgba(17,52,32,.09);--radius:28px;--wrap:1216px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.7 -apple-system,BlinkMacSystemFont,"Pretendard","Apple SD Gothic Neo","Malgun Gothic","Segoe UI",sans-serif;word-break:keep-all;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button{font:inherit}
button,a,summary{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #7ab437;outline-offset:4px}
::selection{background:#c7e792;color:#193a2b}
img,svg{max-width:100%}
.wrap{width:min(calc(100% - 72px),var(--wrap));margin-inline:auto}
.skip-link{position:absolute;top:-70px;left:16px;background:#fff;padding:10px 16px;z-index:50}
.skip-link:focus{top:12px}
.header{position:sticky;top:0;z-index:40;background:rgba(250,252,248,.94);border-bottom:1px solid #e4e9e1;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.header-inner{height:86px;display:flex;align-items:center;gap:28px}
.brand{display:inline-flex;align-items:center;gap:11px;flex-shrink:0}
.brand-mark{width:39px;height:39px;display:grid;place-items:center;background:var(--forest);color:#d9f49b;border-radius:12px;transform:rotate(-5deg)}
.brand-mark svg{width:25px;height:25px;transform:rotate(5deg)}
.brand-text{font-size:23px;line-height:1;font-weight:850;letter-spacing:-.065em}
.brand-caption{display:block;color:#79927f;font-size:10px;font-weight:800;letter-spacing:.11em;margin-top:6px}
.nav{margin-left:auto;display:flex;align-items:center;gap:29px}
.nav a{font-size:14px;font-weight:750;color:#4d6255;white-space:nowrap;transition:color .2s}
.nav a:hover,.nav a.is-active{color:#16764b}
.header-actions{display:flex;align-items:center;gap:12px;margin-left:8px}
.lang-link{font-size:12px;letter-spacing:.035em;font-weight:800;border:1px solid #d3e0d2;background:white;border-radius:100px;padding:7px 12px}
.nav-toggle{display:none;border:0;background:var(--forest);color:white;width:42px;height:42px;border-radius:13px;align-items:center;justify-content:center;cursor:pointer}
.nav-toggle svg{width:22px;height:22px}
.hero{position:relative;overflow:hidden;background:linear-gradient(145deg,#f5f8f1 0%,#f2f6ee 55%,#e4eedf 100%);padding:85px 0 68px}
.hero::before{content:"";position:absolute;width:700px;height:700px;right:-350px;top:-430px;border:1px solid #cbd8c8;border-radius:50%;box-shadow:0 0 0 88px rgba(204,226,191,.13),0 0 0 180px rgba(204,226,191,.10)}
.hero-grid{position:relative;display:grid;grid-template-columns:1.01fr .99fr;gap:38px;align-items:center}
.eyebrow{display:flex;gap:10px;align-items:center;color:#496b46;font-size:12px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}
.eyebrow .line{width:24px;height:2px;background:#89b654}
.hero h1{font-size:clamp(42px,5vw,71px);line-height:1.22;letter-spacing:-.078em;font-weight:850;margin:27px 0 22px}
.hero h1 .em{color:#477844}
.hero-desc{font-size:18px;line-height:1.92;color:#536c5d;max-width:510px;margin:0}
.hero-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:35px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:14px 23px;border:1px solid transparent;border-radius:13px;font-weight:800;font-size:14px;transition:transform .2s,box-shadow .2s,background .2s;white-space:nowrap}
.button:hover{transform:translateY(-2px)}
.button.primary{background:var(--forest);color:#fff;box-shadow:0 12px 24px rgba(16,60,36,.15)}
.button.primary:hover{background:#22553f}
.button.secondary{background:#fff;color:var(--forest);border-color:#d4dfd0}
.button.light{background:var(--accent2);color:#24432a}
.button .arrow{font-size:18px;line-height:1}
.availability{display:flex;align-items:center;gap:9px;margin-top:34px;font-size:12px;color:#6a7e6a}
.availability .pulse{width:8px;height:8px;border-radius:50%;background:#79a65b;box-shadow:0 0 0 5px rgba(121,166,91,.15)}
.hero-art{height:570px;position:relative;border-radius:34px;overflow:hidden;background:radial-gradient(ellipse at 48% 30%,#386b50,#133d2c 50%,#0b281f 88%);box-shadow:0 30px 75px rgba(11,49,30,.22)}
.hero-art::before{content:"";inset:0;position:absolute;background-image:linear-gradient(rgba(207,237,187,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(207,237,187,.07) 1px,transparent 1px);background-size:35px 35px;mask-image:linear-gradient(to bottom,black,transparent)}
.hero-art .farm-illustration{position:absolute;width:100%;height:100%;inset:0;display:block}
.art-top{position:absolute;top:26px;left:27px;right:27px;display:flex;justify-content:space-between;align-items:center;z-index:1}
.art-top .art-kicker{font-size:10px;letter-spacing:.19em;color:#cce3bc;font-weight:800}
.art-status{font-size:11px;white-space:nowrap;background:rgba(220,242,180,.13);border:1px solid rgba(225,245,187,.26);color:#e2f4c9;padding:5px 11px;border-radius:30px}
.art-bottom{position:absolute;bottom:25px;left:27px;right:27px;z-index:1;display:flex;justify-content:space-between;align-items:flex-end;color:#e1f1dd}
.art-bottom strong{font-size:15px;letter-spacing:-.03em}
.art-bottom span{display:block;font-size:11px;color:#abcbb7}
.art-bottom .dim{font:700 12px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em;color:#def3bf}
.metrics{display:grid;grid-template-columns:repeat(3,1fr);padding:31px 0 5px;gap:20px}
.metric{display:flex;align-items:center;gap:15px}
.metric-num{font-size:34px;line-height:1;font-weight:850;letter-spacing:-.05em;color:#234d34;white-space:nowrap}
.metric-label{font-size:12px;line-height:1.5;color:#718372}
.metric-label strong{display:block;font-size:13px;color:#35503c}
.section{padding:105px 0}
.section-head{max-width:735px;margin-bottom:45px}
.kicker{font-size:12px;color:#628b54;font-weight:850;letter-spacing:.16em;text-transform:uppercase;margin:0 0 14px}
.h2{font-size:clamp(30px,3.65vw,48px);line-height:1.32;letter-spacing:-.063em;font-weight:840;margin:0}
.section-lead{font-size:16px;color:var(--muted);margin:18px 0 0;line-height:1.95}
.intro{background:#fff}
.intro-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:22px}
.intro-main{min-height:410px;background:#163a2d;border-radius:28px;padding:48px 48px 40px;color:white;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}
.intro-main:after{content:"";position:absolute;width:320px;height:320px;border:1px solid rgba(204,238,175,.25);border-radius:50%;right:-130px;top:-110px;box-shadow:0 0 0 65px rgba(204,238,175,.05),0 0 0 140px rgba(204,238,175,.025)}
.intro-main .small{font-size:13px;color:#bddfb0;letter-spacing:.12em;font-weight:800}
.intro-main h3{font-size:clamp(30px,3vw,43px);letter-spacing:-.055em;line-height:1.4;margin:28px 0 0}
.intro-main p{font-size:15px;max-width:470px;color:#d4e2d4;margin:35px 0 0;line-height:2}
.intro-side{display:grid;grid-template-columns:1fr;gap:20px}
.intro-tile{border:1px solid #e0e9dc;border-radius:26px;background:#f6f9f2;padding:28px 32px;display:grid;grid-template-columns:52px 1fr;gap:20px;align-items:center}
.tile-icon{width:52px;height:52px;background:#e3f0d9;border-radius:17px;display:grid;place-items:center;color:#427349}
.tile-icon svg{width:26px;height:26px}
.intro-tile strong{font-size:18px;letter-spacing:-.04em}
.intro-tile p{font-size:13px;line-height:1.7;color:#6f8171;margin:7px 0 0}
.modules{background:#f5f7f1}
.modules-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:43px}
.modules-head .section-head{margin:0}
.module-note{font-size:12px;color:#72836e;max-width:310px;line-height:1.8}
.module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}
.module{position:relative;min-height:285px;background:white;border:1px solid #e0e7df;border-radius:24px;padding:27px;display:flex;flex-direction:column;box-shadow:0 5px 20px rgba(41,74,43,.022);transition:transform .2s,border-color .2s,box-shadow .2s}
.module:hover{transform:translateY(-4px);border-color:#bed7af;box-shadow:var(--shadow)}
.module-number{font:700 11px/1 ui-monospace,Consolas,monospace;color:#8ca18b;letter-spacing:.13em}
.module-icon{height:74px;display:flex;align-items:center}
.module-icon svg{width:66px;height:66px}
.module-name{font-size:14px;color:#61895c;font-weight:850;letter-spacing:.055em;margin:0 0 5px}
.module h3{font-size:23px;line-height:1.35;margin:0 0 11px;letter-spacing:-.045em}
.module-desc{font-size:14px;line-height:1.85;color:#6e8173;margin:0 0 24px;flex:1}
.module-status{margin-top:auto;font-size:11px;font-weight:800;color:#56744d;display:inline-flex;align-items:center;gap:7px}
.module-status:before{content:"";background:#a8c987;height:6px;width:6px;border-radius:50%}
.module-status.design{color:#93998b}
.module-status.design:before{background:#c4c9b8}
.module.special{background:#e2efd6;border-color:#d6e7c8;justify-content:center}
.module.special h3{font-size:28px}
.module.special .module-desc{flex:0}
.module.special .tiny-steps{display:flex;gap:6px;margin-top:26px}
.module.special .tiny-steps i{background:#7ea968;width:28px;height:7px;border-radius:10px;display:block}
.workflow{background:#fff}
.work-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.work-card{padding:28px 24px;border-radius:24px;background:#f6f9f2;border:1px solid #e7ede3;min-height:245px}
.work-card .step{font:850 39px/1 ui-monospace,SFMono-Regular,Consolas,monospace;color:#bfd8ac}
.work-card h3{font-size:19px;margin:38px 0 12px;letter-spacing:-.04em}
.work-card p{font-size:13px;line-height:1.9;color:#6b806f;margin:0}
.workflow-caption{font-size:12px;color:#748474;line-height:1.8;margin:19px 0 0}
.spec{background:#142f25;color:#f5faef;overflow:hidden;position:relative}
.spec:before{content:"";position:absolute;width:750px;height:750px;border:1px solid rgba(193,228,171,.15);border-radius:50%;left:-350px;bottom:-420px;box-shadow:0 0 0 115px rgba(193,228,171,.035)}
.spec .kicker{color:#b0d690}
.spec .section-lead{color:#bfcebf}
.spec-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;position:relative}
.spec-grid .section-head{margin:0}
.spec-table{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.spec-item{padding:25px 24px;border:1px solid rgba(227,245,222,.17);background:rgba(241,255,230,.045);border-radius:19px;min-height:130px}
.spec-item span{display:block;font-size:11px;color:#adc6b3;font-weight:750;letter-spacing:.07em;margin-bottom:14px}
.spec-item strong{display:block;font-size:21px;line-height:1.42;letter-spacing:-.04em}
.spec-foot{font-size:12px;color:#acc3b4;margin-top:20px}
.scenes{background:#fff}
.scene-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.scene-card{position:relative;border-radius:25px;overflow:hidden;background:#e4efe0;min-height:315px;padding:30px;display:flex;justify-content:flex-end;flex-direction:column}
.scene-card:nth-child(2){background:#e4e9d9}
.scene-card:nth-child(3){background:#dce9e5}
.scene-card svg{position:absolute;inset:0;width:100%;height:100%}
.scene-card .scene-copy{position:relative;background:rgba(255,255,255,.92);padding:17px 19px;border-radius:17px;backdrop-filter:blur(10px)}
.scene-card h3{font-size:20px;letter-spacing:-.045em;margin:0 0 4px}
.scene-card p{font-size:12px;color:#738074;line-height:1.65;margin:0}
.readiness{background:#f0f5ec}
.ready-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.ready-panel{border:1px solid #dce5d4;border-radius:27px;background:#fff;padding:38px 35px}
.ready-row{display:flex;gap:16px;padding:18px 0}
.ready-row+.ready-row{border-top:1px solid #edf0e9}
.ready-dot{flex-shrink:0;width:12px;height:12px;border-radius:50%;background:#7baf60;margin-top:8px;box-shadow:0 0 0 6px #eaf4e3}
.ready-dot.muted{background:#bdc9ad;box-shadow:0 0 0 6px #f0f3eb}
.ready-row strong{font-size:17px;letter-spacing:-.03em}
.ready-row p{font-size:13px;line-height:1.78;color:#788676;margin:5px 0 0}
.faq{background:#fff}
.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}
.faq .section-head{margin:0}
.faq details{border-top:1px solid #dae5d9;padding:24px 0}
.faq details:last-child{border-bottom:1px solid #dae5d9}
.faq summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:12px;justify-content:space-between;font-size:17px;font-weight:750;letter-spacing:-.035em}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:26px;font-weight:300;color:#64885c;line-height:1}
.faq details[open] summary::after{content:"−"}
.faq details p{font-size:14px;color:#6e8072;line-height:1.9;margin:14px 37px 0 0}
.contact{background:#e1efd8;padding:80px 0}
.contact-panel{display:flex;align-items:center;justify-content:space-between;gap:30px}
.contact-panel h2{font-size:clamp(29px,4vw,45px);line-height:1.37;letter-spacing:-.06em;margin:0 0 10px}
.contact-panel p{font-size:14px;line-height:1.8;color:#617c60;margin:0}
.contact-panel .button{flex-shrink:0}
.footer{background:#0e291f;color:#d3e3d3;padding:47px 0 32px}
.footer-main{display:flex;align-items:flex-start;gap:30px;justify-content:space-between}
.footer .brand-mark{background:#d6edab;color:#1a4933}
.footer .brand-caption{color:#8ea895}
.footer .brand-text{color:#f4f8ef}
.footer .foot-brand p{font-size:13px;color:#a1bca7;margin:19px 0 0}
.footer-links{display:flex;flex-wrap:wrap;gap:25px}
.footer-links a{font-size:13px;font-weight:650;color:#b7c9b9}
.footer-links a:hover{color:#e5f9ce}
.footer-line{border-top:1px solid rgba(219,238,216,.16);margin-top:42px;padding-top:22px;display:flex;gap:12px;justify-content:space-between;font-size:11px;color:#94b09c}
.footer-line span{max-width:620px}
@media(max-width:1120px){.nav{gap:16px}.nav a{font-size:13px}.hero-art{height:535px}.hero h1{font-size:57px}.spec-grid{gap:50px}}
@media(max-width:880px){.header-inner{height:75px}.nav-toggle{display:flex}.nav{display:none;position:absolute;top:75px;left:0;right:0;margin:0;padding:20px max(28px,calc((100vw - 720px)/2));background:#fafcf8;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:0;box-shadow:0 15px 25px rgba(22,49,28,.07)}.nav[data-open="true"]{display:flex}.nav a{width:100%;padding:13px 0;font-size:15px}.header-actions{margin-left:auto}.hero{padding-top:60px}.hero-grid{grid-template-columns:1fr}.hero-copy{max-width:680px}.hero h1{font-size:clamp(44px,6vw,67px)}.hero-art{height:530px;max-width:700px;width:100%;margin-inline:auto}.metrics{margin-top:10px}.intro-grid,.spec-grid,.ready-grid,.faq-grid{grid-template-columns:1fr;gap:25px}.intro-main{min-height:360px}.module-grid,.scene-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.work-grid{grid-template-columns:repeat(2,1fr)}.spec-grid{gap:35px}.faq-grid{gap:35px}}
@media(max-width:600px){.wrap{width:min(calc(100% - 36px),var(--wrap))}.brand-text{font-size:22px}.brand-mark{width:37px;height:37px}.header-actions{gap:9px}.hero{padding:49px 0 45px}.eyebrow{font-size:10px}.hero h1{font-size:clamp(40px,10vw,54px);letter-spacing:-.075em;margin:22px 0}.hero-desc{font-size:15px}.hero-btns{margin-top:28px}.button{font-size:13px;padding:13px 18px}.hero-art{height:465px;border-radius:24px}.art-top,.art-bottom{left:19px;right:19px}.metrics{grid-template-columns:repeat(3,1fr);gap:10px}.metric{display:block;text-align:center;border-right:1px solid #d7e3d1}.metric:last-child{border:0}.metric-num{font-size:25px}.metric-label{font-size:10px;margin-top:9px}.metric-label strong{font-size:11px}.section{padding:72px 0}.h2{font-size:32px}.section-lead{font-size:14px;margin-top:15px}.section-head,.modules-head{margin-bottom:28px}.intro-main{padding:33px 28px;min-height:350px}.intro-main h3{font-size:30px}.intro-main p{font-size:13px}.intro-tile{padding:22px;grid-template-columns:45px 1fr}.tile-icon{height:45px;width:45px}.modules-head{display:block}.module-note{margin-top:12px}.module-grid,.scene-grid{grid-template-columns:1fr;gap:13px}.module{min-height:245px;padding:25px}.module-icon{height:60px}.module-icon svg{width:56px;height:56px}.module-desc{margin-bottom:17px}.module.special{min-height:250px}.work-grid{grid-template-columns:1fr;gap:12px}.work-card{min-height:160px;padding:24px}.work-card h3{margin:18px 0 7px}.spec-table{gap:10px}.spec-item{padding:21px 18px;min-height:110px}.spec-item strong{font-size:18px}.scene-card{min-height:290px}.ready-panel{padding:22px}.ready-grid{gap:22px}.faq summary{font-size:15px}.faq details p{font-size:13px;margin-right:5px}.contact{padding:65px 0}.contact-panel{display:block}.contact-panel .button{margin-top:25px}.footer-main{display:block}.footer-links{margin-top:28px;gap:12px 22px}.footer-line{display:block}.footer-line span{display:block;margin-bottom:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.module,.button{transition:none}}
/* Small-screen detail QA adjustments */
@media(max-width:600px){
 .art-bottom{flex-direction:column;align-items:stretch;gap:3px;bottom:16px}
 .art-bottom>div{width:100%}
 .art-bottom>div span{max-width:100%;font-size:10px;line-height:1.4}
 .art-bottom .dim{align-self:flex-end;font-size:10px}
 .footer-line .year{display:inline;margin:0}
}