:root{--cream:#f4f0e7;--paper:#fcfaf4;--olive:#243b2f;--olive2:#31493c;--gold:#ab8848;--ink:#151917;--muted:#5f655f;--line:#d8d3c8;--max:1240px;--shadow:0 24px 70px rgba(36,59,47,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--cream)}body{margin:0;color:var(--ink);font-family:Inter,system-ui,sans-serif;background:linear-gradient(180deg,#f4f0e7,#efe8da 64%,#f7f3ea);overflow-x:hidden}a{text-decoration:none;color:inherit}.wrap{width:min(var(--max),calc(100% - 40px));margin:auto}
.progress{position:fixed;top:0;left:0;width:0;height:3px;background:var(--gold);z-index:120}.site-header{position:fixed;inset:0 0 auto;z-index:100;background:rgba(244,240,231,.84);backdrop-filter:blur(14px);border-bottom:1px solid rgba(36,59,47,.08)}.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:42px;height:42px;border:1px solid var(--olive);display:grid;place-items:center;font-family:Georgia,serif;color:var(--olive);background:#fff}.brand strong{display:block;font-family:Georgia,serif;font-size:18px}.brand small{display:block;font-size:11px;color:var(--muted);margin-top:4px}nav{display:flex;gap:24px;font-size:13px;color:#425047}.menu-pill{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 16px;border-radius:999px;border:1px solid rgba(36,59,47,.12);background:#fff;color:var(--olive);font-size:13px;font-weight:700}
.hero{position:relative;padding:120px 0 46px;overflow:hidden}.hero::before{content:"";position:absolute;inset:0;background:repeating-radial-gradient(circle at 100% 0%,transparent 0 22px,rgba(36,59,47,.045) 22px 23px,transparent 24px 44px);opacity:.6}.orbital{position:absolute;inset:-18% -10% auto auto;width:76vw;height:76vw;max-width:980px;max-height:980px;border-radius:50%;border:1px solid rgba(171,136,72,.18);filter:blur(.2px)}
.hero-grid{position:relative;display:grid;grid-template-columns:.92fr 1.08fr;gap:20px;align-items:center;min-height:calc(100svh - 170px)}.pathline,.kicker{font-size:11px;letter-spacing:.18em;font-weight:800;text-transform:uppercase;color:var(--gold)}.hero h1,.vision h2,.system-card h3,.service-card h3,.start-copy h2{font-family:Georgia,serif;font-weight:500;letter-spacing:-.045em;color:var(--olive)}.hero h1{font-size:clamp(64px,8vw,104px);line-height:.88;margin:18px 0 20px}.hero p{font-size:16px;line-height:1.82;color:var(--muted);max-width:560px}.action-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 18px;border-radius:12px;font-weight:700;border:1px solid var(--olive);transition:.22s ease}.btn.dark{background:var(--olive);color:#fff}.btn.gold{background:var(--gold);color:#fff;border-color:var(--gold)}.btn.wide{width:100%}
.hero-visual{display:flex;justify-content:flex-end}.circle-stage{position:relative;width:min(580px,48vw);aspect-ratio:1/1;border-radius:50%;background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.8),rgba(255,255,255,.34) 38%,rgba(171,136,72,.09) 66%,rgba(36,59,47,.07) 100%);overflow:hidden;border:1px solid rgba(36,59,47,.10);box-shadow:var(--shadow)}.circle-core{position:absolute;inset:18%;border-radius:50%;background:linear-gradient(180deg,rgba(36,59,47,.14),rgba(171,136,72,.10)),radial-gradient(circle at 30% 25%,rgba(171,136,72,.18),transparent 20%),linear-gradient(rgba(36,59,47,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(36,59,47,.08) 1px,transparent 1px);background-size:auto,auto,30px 30px,30px 30px;box-shadow:inset 0 0 0 1px rgba(36,59,47,.10)}.parcel-grid{position:absolute;inset:28% 24%;clip-path:polygon(10% 8%,76% 0%,100% 36%,84% 100%,19% 92%,0% 42%);background:linear-gradient(180deg,rgba(171,136,72,.14),rgba(171,136,72,.04));border:1px solid rgba(171,136,72,.45);transform:translateY(0);animation:rise 7s ease-in-out infinite}.parcel-grid::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.13) 1px,transparent 1px);background-size:28px 28px}.line{position:absolute;border-radius:50%;border:1px solid rgba(171,136,72,.32)}.ring-1{inset:9%;animation:spin 26s linear infinite}.ring-2{inset:1%;border-style:dashed;animation:spin 34s linear infinite reverse}
.bottom-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding-top:18px}.bottom-stats div{padding-top:16px;border-top:1px solid rgba(36,59,47,.10)}.bottom-stats b{display:block;font-size:36px;font-family:Georgia,serif;color:var(--olive)}.bottom-stats span{display:block;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.07em}
.section{position:relative;padding:110px 0;border-top:1px solid rgba(36,59,47,.08)}.dual-head{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:end}.vision h2{font-size:clamp(42px,5vw,68px);line-height:.98;margin:10px 0 0}.dual-head p{max-width:560px;color:var(--muted);line-height:1.85}
.system-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:20px;align-items:stretch}.system-card,.stack-card,.service-card,.start-box{border-radius:28px;background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow)}.system-card{padding:34px}.system-card h3{font-size:40px;line-height:1.02;margin:12px 0 14px}.system-card p{margin:0;color:var(--muted);line-height:1.85}.stack-card{padding:22px;display:grid;place-items:center;background:linear-gradient(180deg,#fff,#f7f1e5)}.stack-visual{position:relative;width:min(500px,100%);height:320px}.layer{position:absolute;left:50%;transform:translateX(-50%);display:grid;place-items:center;width:80%;height:72px;border-radius:20px;border:1px solid rgba(36,59,47,.10);font-weight:700;color:var(--olive);background:rgba(255,255,255,.82);box-shadow:0 16px 30px rgba(36,59,47,.08)}.l1{top:26px}.l2{top:90px;width:73%;background:rgba(250,245,235,.94)}.l3{top:154px;width:66%;background:rgba(241,234,219,.96)}.l4{top:218px;width:59%;background:rgba(228,220,202,.98)}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{padding:28px}.service-no{font-size:12px;font-weight:800;color:var(--gold);letter-spacing:.18em}.service-card h3{font-size:32px;margin:10px 0}.service-card p{margin:0;color:var(--muted);line-height:1.78}
.start-box{display:grid;grid-template-columns:1fr 380px;gap:18px;padding:30px;background:linear-gradient(180deg,#fff,#f8f4eb)}.start-copy h2{font-size:clamp(38px,4.5vw,58px);line-height:1.02;margin:10px 0 14px}.start-copy p{color:var(--muted);line-height:1.85;max-width:560px}.cta-mini{padding:22px;border-radius:22px;background:linear-gradient(180deg,rgba(36,59,47,.04),rgba(171,136,72,.05));border:1px solid rgba(36,59,47,.10);display:grid;gap:14px;align-content:start}.mini-label{font-size:12px;font-weight:800;letter-spacing:.18em;color:var(--gold)}.mini-input{min-height:54px;padding:16px 14px;border-radius:14px;background:#fff;color:var(--muted);border:1px solid rgba(36,59,47,.12)}
.reveal{opacity:1;transform:none}.js .reveal{opacity:0;transform:translateY(34px);transition:opacity .9s ease,transform .9s ease}.js .reveal.in{opacity:1;transform:none}.delay1{transition-delay:.12s}.delay2{transition-delay:.22s}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes rise{50%{transform:translateY(-12px)}}
@media (max-width: 1080px){.hero-grid,.dual-head,.system-grid,.service-grid,.start-box{grid-template-columns:1fr}.hero-visual{justify-content:center}.circle-stage{width:min(620px,88vw)}.bottom-stats{grid-template-columns:1fr 1fr}}
@media (max-width: 720px){nav{display:none}.hero{padding-top:100px}.hero h1{font-size:54px}.section{padding:82px 0}.bottom-stats{grid-template-columns:1fr}.circle-stage{width:92vw}}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}