:root{--green:#123f2d;--green2:#1f6647;--orange:#f27a1a;--cream:#f7f6f0;--ink:#142219;--muted:#66736b;--line:#dfe5df}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);font-family:"Noto Sans KR",sans-serif}
.platform-header{height:88px;display:flex;align-items:center;gap:26px;padding:0 clamp(22px,3.5vw,64px);background:#fff;position:sticky;top:0;z-index:50;border-bottom:1px solid #edf0ed}
.platform-logo img{width:118px;height:58px;object-fit:contain}
.platform-nav{display:flex;gap:clamp(11px,1.25vw,24px);align-items:center;margin-left:auto}
.platform-nav a{color:#2f3b34;text-decoration:none;font-size:13px;font-weight:700;white-space:nowrap}
.platform-nav a:hover,.platform-nav a.active{color:var(--orange)}
.member-link{padding:11px 16px;border-radius:999px;background:var(--green);color:#fff;text-decoration:none;font-size:12px;font-weight:800;white-space:nowrap}
.mobile-menu{display:none;border:0;background:none;font-size:24px}
.platform-hero{height:calc(100vh - 88px);min-height:680px;position:relative;overflow:hidden;color:#fff}
.platform-hero>img{width:100%;height:100%;object-fit:cover}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,35,24,.9) 0%,rgba(5,35,24,.54) 53%,rgba(5,35,24,.15) 100%)}
.hero-content{position:absolute;left:clamp(28px,8vw,150px);top:50%;max-width:770px;transform:translateY(-53%)}
.hero-content>p,.label{margin:0 0 18px;color:var(--orange);font-size:12px;font-weight:900;letter-spacing:.18em}
.hero-content h1{margin:0;font-size:clamp(52px,6.8vw,92px);line-height:1.08;letter-spacing:-.06em}
.hero-content h1 em{color:#ff9b42;font-style:normal}
.hero-content>span{display:block;margin-top:27px;color:rgba(255,255,255,.8);font-size:17px;line-height:1.8}
.hero-content>div{display:flex;gap:12px;margin-top:34px}
.orange-button,.glass-button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border-radius:999px;text-decoration:none;font-weight:800}
.orange-button{background:var(--orange);color:#fff}
.glass-button{border:1px solid rgba(255,255,255,.4);color:#fff;background:rgba(255,255,255,.08)}
.hero-dashboard{position:absolute;right:clamp(26px,5vw,90px);bottom:52px;width:min(370px,32vw);padding:26px;border:1px solid rgba(255,255,255,.2);border-radius:22px;background:rgba(10,48,33,.8);backdrop-filter:blur(16px)}
.dash-head span{display:block;color:#ffad68;font-size:10px;font-weight:900;letter-spacing:.18em}
.dash-head b{font-size:20px}
.dash-head i{float:right;margin-top:-24px;color:#b7c7bd;font-size:11px;font-style:normal}
.hero-dashboard dl{margin:19px 0}
.hero-dashboard dl div{display:flex;justify-content:space-between;padding:14px 0;border-top:1px solid rgba(255,255,255,.13)}
.hero-dashboard dt{font-weight:700}
.hero-dashboard dd{margin:0;text-align:right}
.hero-dashboard dd strong,.hero-dashboard dd span{display:block}
.hero-dashboard dd span{color:#9eb1a6;font-size:11px}
.hero-dashboard>a{color:#fff;font-size:13px;font-weight:800;text-decoration:none}
.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:0 clamp(24px,6vw,110px);background:var(--green)}
.quick-grid a{padding:34px;border-right:1px solid rgba(255,255,255,.12);color:#fff;text-decoration:none}
.quick-grid span{color:#ff9a46;font-size:11px;font-weight:900}
.quick-grid b{display:block;margin:9px 0 4px;font-size:19px}
.quick-grid p{margin:0;color:rgba(255,255,255,.58);font-size:13px}
.platform-section{padding:110px clamp(24px,8vw,150px)}
.about-platform{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;align-items:center}
.section-copy h2,.center-heading h2{margin:0;font-size:clamp(32px,3.8vw,50px);line-height:1.2;letter-spacing:-.045em}
.contact-platform h2{margin:0;font-size:clamp(32px,3.7vw,48px);line-height:1.24;letter-spacing:-.045em}
.contact-platform .purchase-contact-title{font-size:clamp(48px,5.2vw,72px);line-height:1.08;letter-spacing:-.055em}
.purchase-contact-copy{max-width:440px;margin:20px 0 0;color:rgba(255,255,255,.76);font-size:clamp(18px,1.8vw,25px);font-weight:600;line-height:1.55;word-break:keep-all}
.section-copy>p:not(.label){color:var(--muted);line-height:1.9}
.text-link{display:inline-block;margin-top:16px;color:var(--green);font-weight:800;text-decoration:none}
.about-image{position:relative}
.about-image img{display:block;width:100%;height:520px;object-fit:cover;border-radius:4px 80px 4px 4px}
.about-image div{position:absolute;left:-50px;bottom:-30px;padding:24px 28px;background:var(--orange);color:#fff}
.about-image strong,.about-image span{display:block}
.about-image span{margin-top:6px;font-size:13px}
.process-platform{background:var(--cream)}
.center-heading{text-align:center}
.center-heading>span{display:block;margin-top:15px;color:var(--muted)}
.process-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:46px}
.process-cards article{overflow:hidden;background:#fff}
.process-cards img{width:100%;height:210px;object-fit:cover}
.process-cards article>span,.process-cards h3,.process-cards p{margin-left:22px;margin-right:22px}
.process-cards article>span{display:block;margin-top:20px;color:var(--orange);font-size:11px;font-weight:900}
.process-cards h3{margin-top:8px;margin-bottom:7px}
.process-cards p{margin-bottom:24px;color:var(--muted);font-size:13px;line-height:1.7}
.product-preview{display:grid;grid-template-columns:.6fr 1.4fr;gap:5vw;align-items:center}
.mini-products{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.mini-products a{color:var(--ink);text-decoration:none}
.mini-products img{width:100%;aspect-ratio:1/1.12;object-fit:cover}
.mini-products b,.mini-products span{display:block}
.mini-products b{margin-top:13px}
.mini-products span{margin-top:4px;color:var(--muted);font-size:12px}
.contact-platform{padding:90px clamp(24px,8vw,150px);display:grid;grid-template-columns:1fr 1fr;gap:8vw;background:var(--green);color:#fff}
.contact-details a{display:flex;justify-content:space-between;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.17);color:#fff;text-decoration:none}
.contact-details span,.contact-details p{color:rgba(255,255,255,.62)}
.location-section{display:grid;grid-template-columns:.72fr 1.28fr;min-height:470px;background:#f6f7f3}
.location-copy{display:flex;flex-direction:column;justify-content:center;padding:65px clamp(24px,6vw,100px)}
.location-copy h2{margin:0;font-size:clamp(32px,3.8vw,48px);letter-spacing:-.045em}
.location-copy>p:not(.label){margin:18px 0 24px;color:var(--muted);line-height:1.8}
.location-copy a{color:var(--green);font-size:14px;font-weight:800;text-decoration:none}
.location-map{min-height:470px}
.location-map iframe{display:block;width:100%;height:100%;min-height:470px;border:0}
.platform-footer{padding:35px clamp(24px,6vw,110px);display:flex;align-items:center;gap:26px;background:#0d2c20;color:#9aad9f;font-size:12px}
.platform-footer img{width:160px;height:68px;object-fit:contain;padding:7px 10px;border-radius:10px;background:#fff}
.platform-footer span{margin-left:auto}
.footer-company-info{display:grid;gap:7px}.footer-company-info strong{color:#d7e1db;font-size:13px}.footer-company-info p{margin:0}
.footer-credit{display:grid;gap:7px;margin-left:auto;text-align:right}.footer-credit span{margin:0}.footer-credit small{color:#7f9588;font-size:11px}
.common-company-footer{width:100%;min-height:130px;padding:28px clamp(24px,5vw,76px);display:flex!important;align-items:center!important;gap:26px;background:#0d2c20!important;color:#9aad9f!important;font-family:"Noto Sans KR",sans-serif!important;font-size:12px!important}.common-company-footer>img{width:160px!important;height:68px!important;object-fit:contain!important;padding:7px 10px!important;border-radius:10px!important;background:#fff!important}.common-company-footer .footer-company-info{display:grid;gap:7px}.common-company-footer .footer-company-info strong{color:#d7e1db;font-size:13px}.common-company-footer .footer-company-info p{margin:0}.common-company-footer .footer-credit{display:grid;gap:7px;margin-left:auto;text-align:right}.common-company-footer .footer-credit span{margin:0}.common-company-footer .footer-credit small{color:#7f9588;font-size:11px}
@media(max-width:760px){.common-company-footer{align-items:flex-start!important;flex-direction:column!important;padding:30px 20px!important}.common-company-footer .footer-credit{margin-left:0;text-align:left}}
.sub-hero{padding:90px clamp(24px,8vw,150px);background:linear-gradient(110deg,#113c2b,#246d4c);color:#fff}
.sub-hero h1{margin:0;font-size:clamp(42px,6vw,72px)}
.sub-hero p:last-child{max-width:650px;color:rgba(255,255,255,.7);line-height:1.8}
.market-sub-hero{position:relative;isolation:isolate;overflow:hidden;background-image:linear-gradient(90deg,rgba(7,48,33,.88) 0%,rgba(7,48,33,.58) 43%,rgba(7,48,33,.16) 100%),url('/market-auction-hall.png');background-position:center 52%;background-size:cover;background-repeat:no-repeat}
.market-sub-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.2));pointer-events:none}
.market-sub-hero h1{max-width:720px;text-shadow:0 2px 20px rgba(0,0,0,.28)}
.market-sub-hero p:last-child{color:rgba(255,255,255,.84);text-shadow:0 1px 12px rgba(0,0,0,.28)}
.customer-sub-hero{position:relative;isolation:isolate;overflow:hidden;background-image:linear-gradient(90deg,rgba(7,48,33,.95) 0%,rgba(7,48,33,.8) 46%,rgba(7,48,33,.3) 100%),url('/citrus-hero.png');background-position:center 56%;background-size:cover;background-repeat:no-repeat}
.customer-sub-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.22));pointer-events:none}
.customer-sub-hero h1{max-width:720px;text-shadow:0 2px 20px rgba(0,0,0,.3)}
.customer-sub-hero p:last-child{color:rgba(255,255,255,.87);text-shadow:0 1px 12px rgba(0,0,0,.3)}
@media(max-width:760px){.market-sub-hero{background-position:59% center}.market-sub-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(8,48,34,.18)}}
@media(max-width:760px){.customer-sub-hero{background-position:58% center}.customer-sub-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(8,48,34,.18)}}
.page-content{padding:80px clamp(24px,8vw,150px)}
.data-panel{border:1px solid var(--line);border-radius:22px;overflow:hidden}
.data-toolbar{display:flex;justify-content:space-between;align-items:center;padding:22px;background:#f4f7f4}
.data-toolbar h2{margin:0}
.price-table{width:100%;border-collapse:collapse}
.price-table th,.price-table td{padding:16px;border-top:1px solid var(--line);text-align:center}
.price-table th{background:#fafbfa;font-size:13px}
.status-pill{padding:6px 10px;border-radius:999px;background:#e7f3eb;color:var(--green2);font-size:11px;font-weight:800}
.notice-box{margin-top:22px;padding:20px;border-radius:12px;background:#fff4e8;color:#805127}
.product-grid-page{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.product-card-page{overflow:hidden;border:1px solid var(--line);border-radius:18px;color:var(--ink);text-decoration:none}
.product-card-page img{width:100%;aspect-ratio:4/3;object-fit:cover}
.product-card-page div{padding:22px}
.product-card-page h3{margin:0 0 8px}
.product-card-page p{margin:0;color:var(--muted)}
.customer-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:45px}
.customer-form{padding:30px;border-radius:20px;background:#f5f7f5}
.customer-form label{display:grid;gap:8px;margin-bottom:16px;font-size:13px;font-weight:800}
.customer-form input,.customer-form textarea,.customer-form select{padding:13px;border:1px solid #ccd6d0;border-radius:9px;font:inherit}
.customer-form button{width:100%;padding:14px;border:0;border-radius:9px;background:var(--orange);color:#fff;font:inherit;font-weight:800}
.customer-table{width:100%;border-collapse:collapse}
.customer-table th,.customer-table td{padding:15px 10px;border-bottom:1px solid var(--line);text-align:left}
.customer-table th{font-size:13px;background:#f7f8f7}
@media(max-width:1180px){.platform-header{height:auto;min-height:82px;flex-wrap:wrap}
.mobile-menu{display:block;margin-left:auto}
.member-link{order:2}
.platform-nav{display:none;order:3;width:100%;overflow:auto;padding:10px 0;margin:0}
.platform-nav.open{display:flex}
.platform-hero{height:800px}
.hero-dashboard{width:380px;max-width:calc(100% - 48px)}
.process-cards{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){.platform-hero{min-height:760px}
.hero-content{top:39%;left:24px;right:24px}
.hero-dashboard{left:24px;right:24px;bottom:28px;width:auto}
.quick-grid,.about-platform,.product-preview,.contact-platform,.customer-layout,.location-section{grid-template-columns:1fr}
.quick-grid a{padding:22px}
.about-image{margin-top:30px}
.about-image img{height:360px}
.about-image div{left:12px}
.process-cards,.mini-products,.product-grid-page{grid-template-columns:1fr}
.platform-section,.page-content{padding:70px 24px}
.location-section{display:grid;grid-template-columns:.72fr 1.28fr;min-height:470px;background:#f6f7f3}
.location-copy{display:flex;flex-direction:column;justify-content:center;padding:65px clamp(24px,6vw,100px)}
.location-copy h2{margin:0;font-size:clamp(32px,3.8vw,48px);letter-spacing:-.045em}
.location-copy>p:not(.label){margin:18px 0 24px;color:var(--muted);line-height:1.8}
.location-copy a{color:var(--green);font-size:14px;font-weight:800;text-decoration:none}
.location-map{min-height:470px}
.location-map iframe{display:block;width:100%;height:100%;min-height:470px;border:0}
.location-map,.location-map iframe{min-height:360px}
.platform-footer{align-items:flex-start;flex-direction:column}
.platform-footer span{margin:0}
.footer-credit{margin-left:0;text-align:left}
.price-table,.customer-table{min-width:720px}
.data-panel{overflow-x:auto}
}
html{scroll-behavior:smooth}
.skip-link{position:fixed;left:16px;top:10px;z-index:9999;padding:11px 16px;border-radius:8px;background:#103d2b;color:#fff;font-weight:800;text-decoration:none;transform:translateY(-160%);transition:transform .15s}.skip-link:focus{transform:none}
:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid #f28a32;outline-offset:3px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}