*, *::before, *::after{margin:0;padding:0;box-sizing:border-box;}
:root{--bg:#F5F2EE;--bg-alt:#EDE9E4;--bg-card:#FFFFFF;--bg-card-2:#F9F7F4;--border:rgba(0,0,0,0.08);--border-strong:rgba(0,0,0,0.14);--ink:#111110;--ink-mid:#2C2C2A;--muted:rgba(17,17,16,0.50);--muted-soft:rgba(17,17,16,0.30);--accent:#2D4A35;--accent-mid:#3A5E44;--accent-light:rgba(45,74,53,0.09);--accent-light2:rgba(45,74,53,0.05);--accent-border:rgba(45,74,53,0.22);--font-display:'Bebas Neue', sans-serif;--font-body:'DM Sans', sans-serif;--font-mono:'DM Mono', monospace;--nav-height:80px;}
html, body{height:100%;scroll-behavior:smooth;}
body{background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.7;overflow-x:hidden;}
::selection{background:var(--accent);color:#fff;}
::-webkit-scrollbar{width:4px;}
::-webkit-scrollbar-track{background:var(--bg);}
::-webkit-scrollbar-thumb{background:var(--accent);}
a{color:inherit;}

nav{position:fixed;top:0;left:0;right:0;height:var(--nav-height);z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 4rem;background:transparent;border-bottom:1px solid transparent;transition:background 0.35s ease,border-color 0.35s ease,backdrop-filter 0.35s ease;}
nav.scrolled{background:rgba(245,242,238,0.93);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-color:var(--border);}
.nav-logo-wrap{display:flex;align-items:center;gap:0.75rem;text-decoration:none;}
.nav-logo-img{width:36px;height:36px;object-fit:contain;border-radius:8px;}
.nav-logo-text{display:flex;flex-direction:column;gap:0.08rem;}
.nav-kicker{font-family:var(--font-mono);font-size:0.58rem;letter-spacing:0.2em;color:var(--accent);text-transform:uppercase;line-height:1;}
.nav-logo{font-family:var(--font-display);font-size:1.6rem;letter-spacing:0.18em;color:var(--ink);line-height:0.95;}
.nav-logo span{color:var(--accent);}
.nav-actions{display:flex;align-items:center;gap:0.85rem;}

.btn{font-family:var(--font-body);font-size:0.78rem;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;padding:0.85rem 1.7rem;min-height:46px;border-radius:3px;cursor:pointer;transition:all 0.22s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;white-space:nowrap;}
.btn-outline{background:transparent;border:1px solid var(--border-strong);color:var(--ink-mid);}
.btn-outline:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light2);}
.btn-accent{background:var(--accent);border:1px solid var(--accent);color:#fff;}
.btn-accent:hover{background:var(--accent-mid);border-color:var(--accent-mid);}
.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--muted);}
.btn-ghost:hover{border-color:var(--accent-border);color:var(--ink);background:var(--accent-light2);}

.hero{position:relative;height:100vh;display:flex;align-items:center;overflow:hidden;padding:0 4rem;padding-top:var(--nav-height);}
.hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse 50% 65% at 82% 50%, rgba(45,74,53,0.08) 0%, transparent 70%),radial-gradient(ellipse 30% 40% at 14% 18%, rgba(45,74,53,0.04) 0%, transparent 65%);pointer-events:none;}
.hero-noise{position:absolute;inset:0;opacity:0.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:220px;pointer-events:none;}
.hero-inner{position:relative;z-index:1;width:100%;display:grid;grid-template-columns:minmax(0, 660px) 1fr;gap:3rem;align-items:center;}
.hero-content{max-width:660px;}
.hero-tag{font-family:var(--font-mono);font-size:0.68rem;letter-spacing:0.24em;color:var(--accent);margin-bottom:1rem;text-transform:uppercase;opacity:0;animation:fadeUp 0.7s 0.12s forwards;}
.hero-title{font-family:var(--font-display);font-size:clamp(3.8rem, 8.5vw, 8rem);line-height:0.9;letter-spacing:0.035em;color:var(--ink);opacity:0;animation:fadeUp 0.7s 0.25s forwards;}
.hero-title .accent-word{color:var(--accent);}
.hero-sub{margin-top:1.5rem;max-width:500px;font-size:0.97rem;font-weight:300;color:var(--muted);line-height:1.82;opacity:0;animation:fadeUp 0.7s 0.4s forwards;}
.hero-points{margin-top:1.2rem;display:flex;flex-wrap:wrap;gap:0.55rem;opacity:0;animation:fadeUp 0.7s 0.52s forwards;}
.hero-point{font-family:var(--font-mono);font-size:0.64rem;letter-spacing:0.1em;padding:0.35rem 0.72rem;border:1px solid var(--accent-border);color:var(--accent);background:var(--accent-light);border-radius:2px;}
.hero-actions{margin-top:1.8rem;display:flex;flex-wrap:wrap;gap:0.85rem;opacity:0;animation:fadeUp 0.7s 0.64s forwards;}
.hero-side{display:flex;align-items:center;justify-content:center;position:relative;height:100%;min-height:300px;}
.hero-side::before{content:'';position:absolute;inset:15% 10%;border:1px solid var(--accent-border);background:radial-gradient(circle at center, var(--accent-light), transparent 70%);filter:blur(12px);}
.hero-scroll{position:absolute;right:4rem;bottom:2rem;display:flex;flex-direction:column;align-items:center;gap:0.55rem;opacity:0;animation:fadeIn 1s 1s forwards;}
.hero-scroll span{font-family:var(--font-mono);font-size:0.58rem;letter-spacing:0.2em;color:var(--muted-soft);writing-mode:vertical-rl;}
.scroll-line{width:1px;height:48px;background:linear-gradient(to bottom, var(--accent), transparent);animation:scrollPulse 2s ease-in-out infinite;}

.stats{display:grid;grid-template-columns:repeat(3, 1fr);border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--bg-alt);}
.stat-item{padding:2.5rem 4rem;border-right:1px solid var(--border);}
.stat-item:last-child{border-right:none;}
.stat-number{font-family:var(--font-display);font-size:3rem;letter-spacing:0.04em;color:var(--ink);line-height:1;}
.stat-number span{color:var(--accent);}
.stat-label{font-size:0.84rem;color:var(--muted);margin-top:0.55rem;font-weight:300;line-height:1.6;}

.section-tag{font-family:var(--font-mono);font-size:0.66rem;letter-spacing:0.25em;color:var(--accent);text-transform:uppercase;margin-bottom:0.85rem;}
.section-title{font-family:var(--font-display);font-size:clamp(2.6rem, 5vw, 4.2rem);letter-spacing:0.04em;line-height:1;color:var(--ink);margin-bottom:1.25rem;}
.section-desc{max-width:540px;color:var(--muted);font-weight:300;font-size:0.96rem;line-height:1.82;}

.features{padding:7rem 4rem;}
.features-header{margin-bottom:3.5rem;}
.features-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:1px;background:var(--border);border:1px solid var(--border);}
.feature-card{background:var(--bg-card);padding:2.35rem;position:relative;overflow:hidden;transition:background 0.28s ease,transform 0.28s ease;}
.feature-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform 0.4s ease;}
.feature-card:hover{background:var(--bg-card-2);transform:translateY(-3px);}
.feature-card:hover::before{transform:scaleX(1);}
.feature-num{font-family:var(--font-mono);font-size:0.62rem;color:var(--accent);letter-spacing:0.2em;margin-bottom:0.8rem;opacity:0.65;}
.feature-title{font-family:var(--font-display);font-size:1.42rem;letter-spacing:0.06em;color:var(--ink);margin-bottom:0.7rem;}
.feature-desc{font-size:0.86rem;color:var(--muted);font-weight:300;line-height:1.78;}

.how{padding:7rem 4rem;background:var(--bg-alt);border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
.how-header{margin-bottom:3rem;}
.how-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:1.2rem;}
.how-card{background:var(--bg-card);border:1px solid var(--border);padding:2rem;min-height:200px;transition:border-color 0.25s ease,transform 0.25s ease;}
.how-card:hover{border-color:var(--accent-border);transform:translateY(-3px);}
.how-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;}
.how-card-num{font-family:var(--font-display);font-size:1.8rem;line-height:1;letter-spacing:0.08em;color:var(--accent);}
.how-card-line{flex:1;height:1px;margin-left:1rem;background:linear-gradient(to right, var(--accent-border), transparent);}
.how-card-title{font-family:var(--font-display);font-size:1.25rem;letter-spacing:0.06em;color:var(--ink);margin-bottom:0.65rem;}
.how-card-desc{font-size:0.86rem;color:var(--muted);font-weight:300;line-height:1.75;}

.platform{padding:7rem 4rem;display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center;}
.platform-visual{position:relative;height:380px;border:1px solid var(--border);background:rgba(255,255,255,0.28);overflow:hidden;display:flex;align-items:center;justify-content:center;}
.platform-visual::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 55% at 50% 50%, rgba(45,74,53,0.04) 0%, transparent 72%);pointer-events:none;}
.platform-visual::after{content:'';position:absolute;inset:-10%;background:url("img/fork-knife.png") center/420px no-repeat;opacity:0.16;filter:none;z-index:0;pointer-events:none;}
.platform-sini-text{position:relative;z-index:2;font-family:var(--font-display);font-size:clamp(5rem, 8vw, 7.5rem);letter-spacing:0.28em;line-height:1;color:var(--ink);user-select:none;padding:0 1rem;}
.platform-sini-text .dot{color:var(--accent);}
.platform-tags{display:flex;flex-wrap:wrap;gap:0.6rem;margin-top:2rem;}
.tag{font-family:var(--font-mono);font-size:0.65rem;letter-spacing:0.08em;padding:0.36rem 0.82rem;border:1px solid var(--accent-border);color:var(--accent);background:var(--accent-light);border-radius:2px;}

.cta-section{padding:8rem 4rem;text-align:center;position:relative;overflow:hidden;background:var(--bg-alt);border-top:1px solid var(--border);}
.cta-section::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 60% at 50% 50%, rgba(45,74,53,0.06) 0%, transparent 70%);pointer-events:none;}
.cta-inner{position:relative;z-index:1;max-width:820px;margin:0 auto;}
.cta-section .section-desc{margin:0 auto 2.4rem;text-align:center;}
.cta-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;}

footer{position:relative;border-top:1px solid var(--border);padding:4rem;display:grid;grid-template-columns:1.2fr 2fr;gap:4.5rem;align-items:start;background:var(--bg);overflow:hidden;}
footer::before{content:'';position:absolute;inset:0;background:rgba(245,242,238,0.72);z-index:1;pointer-events:none;}
footer::after{content:'';position:absolute;inset:0;background:url("img/emrcn-logo.png") center/380px no-repeat;opacity:0.14;filter:invert(1);z-index:0;pointer-events:none;}
.footer-brand-col,.footer-right{position:relative;z-index:2;}
.footer-right{display:grid;grid-template-columns:1fr 1fr;gap:6rem;}
.footer-logo-wrap{display:flex;align-items:center;gap:0.65rem;margin-bottom:1rem;}
.footer-logo-img{width:40px;height:40px;object-fit:contain;border-radius:9px;}
.footer-brand-name{font-family:var(--font-display);font-size:1.4rem;letter-spacing:0.2em;color:var(--ink);}
.footer-brand-sub{font-size:0.84rem;color:var(--muted);font-weight:300;line-height:1.72;max-width:300px;}
.footer-col-title{font-family:var(--font-mono);font-size:0.62rem;letter-spacing:0.2em;color:var(--accent);text-transform:uppercase;margin-bottom:1.25rem;}
.footer-links ul{list-style:none;display:flex;flex-direction:column;gap:0.65rem;}
.footer-links li a{font-size:0.88rem;color:var(--muted);text-decoration:none;font-weight:300;transition:color 0.2s ease;}
.footer-links li a:hover{color:var(--ink);}
.footer-note-col{max-width:420px;}
.footer-note{font-size:0.84rem;color:var(--muted);font-weight:300;line-height:1.76;}
.footer-bottom{border-top:1px solid var(--border);padding:1.4rem 4rem;display:flex;justify-content:flex-start;align-items:center;background:var(--bg);}
.footer-bottom-copy{font-family:var(--font-mono);font-size:0.64rem;letter-spacing:0.16em;color:var(--muted-soft);text-decoration:none;transition:color 0.2s ease;}
.footer-bottom-copy:hover{color:var(--accent);}

@keyframes fadeUp{from{opacity:0;transform:translateY(28px);}to{opacity:1;transform:translateY(0);}}
@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}
@keyframes scrollPulse{0%, 100%{opacity:0.35;}50%{opacity:1;}}
.reveal{opacity:0;transform:translateY(20px);transition:opacity 0.65s ease,transform 0.65s ease;}
.reveal.visible{opacity:1;transform:translateY(0);}

@media (max-width:1200px){.hero-title{font-size:clamp(3.6rem, 8vw, 7rem);}.hero-inner{grid-template-columns:minmax(0, 600px) 1fr;}}
@media (max-width:1024px){:root{--nav-height:70px;}nav{padding:0 2rem;}.hero{padding:0 2rem;padding-top:var(--nav-height);}.hero-inner{grid-template-columns:1fr;}.hero-side{display:none;}.hero-scroll{right:2rem;}.stats{grid-template-columns:1fr;}.stat-item{padding:2rem;border-right:none;border-bottom:1px solid var(--border);}.stat-item:last-child{border-bottom:none;}.features,.how,.platform,.cta-section{padding:5rem 2rem;}.features-grid{grid-template-columns:1fr 1fr;}.how-grid{grid-template-columns:1fr;}.platform{grid-template-columns:1fr;gap:3rem;}.footer-right{grid-template-columns:1fr 1fr;gap:3rem;}footer{grid-template-columns:1fr;padding:3rem 2rem;gap:2.5rem;}.footer-bottom{padding:1.3rem 2rem;}}
@media (max-width:640px){:root{--nav-height:62px;}nav{padding:0 1.25rem;}.hero{padding:0 1.25rem;padding-top:var(--nav-height);}.hero-title{font-size:clamp(3.4rem, 16vw, 5.2rem);}.hero-sub{font-size:0.91rem;}.hero-actions,.cta-actions{flex-direction:column;}.btn{width:100%;}.nav-actions{gap:0.5rem;}.nav-logo{font-size:1.35rem;}.nav-kicker{display:none;}.btn-outline{display:none;}.platform-sini-text{font-size:clamp(3.5rem, 14vw, 5.5rem);}.features-grid{grid-template-columns:1fr;}.platform-visual{height:240px;}.footer-right{grid-template-columns:1fr;gap:2rem;}footer{grid-template-columns:1fr;padding:3rem 1.25rem;}.footer-bottom{padding:1.2rem 1.25rem;}.hero-scroll{display:none;}}