:root { --forest:#0E5547; --forest-dark:#0A4037; --ink:#112025; --muted:#536D72; --mint:#E6F0E8; --mint-dark:#CFE5D6; --canvas:#F6F8F4; --cream:#FBFCF9; --line:#D9E5DC; --white:#FFFFFF; --shadow:0 24px 74px rgba(28,75,55,.07); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Inter,Arial,sans-serif; color:var(--ink); background:var(--canvas); line-height:1.58; -webkit-font-smoothing:antialiased; }
a { color:var(--forest); text-underline-offset:3px; }
a:focus-visible,button:focus-visible { outline:3px solid #93BBA1; outline-offset:4px; }
.shell { width:min(1216px,calc(100% - 88px)); margin:0 auto; }
.preview-note { background:#EEF4D8; color:#4C5E27; border-bottom:1px solid #D7E4B7; padding:9px 25px; font-size:12px; text-align:center; letter-spacing:.02em; }
.nav { min-height:100px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.brand { display:flex; align-items:center; gap:13px; text-decoration:none; color:var(--ink); font-size:23px; font-weight:740; letter-spacing:-.05em; line-height:1; }
.mark { position:relative; display:inline-flex; flex:none; width:42px; height:42px; border-radius:12px; background:var(--forest); align-items:center; justify-content:center; overflow:hidden; box-shadow:inset 0 1px 1px rgba(255,255,255,.2); }
.mark::after { content:''; display:block; width:19px; height:19px; border:6px solid #FFF; border-radius:8px; transform:rotate(45deg); }
.mark .dot { position:absolute; height:6px; width:6px; background:var(--mint-dark); border-radius:50%; top:6px; right:7px; }
nav { display:flex; gap:27px; align-items:center; }
nav a { color:var(--forest-dark); font-size:13px; font-weight:650; text-decoration:none; }
nav a:hover { text-decoration:underline; }
.nav-pill { padding:11px 19px; border:1px solid #A9CBBA; border-radius:25px; }
.hero { display:grid; grid-template-columns:1fr .93fr; align-items:center; min-height:650px; gap:26px; padding:55px 0 95px; }
.eyebrow { font-size:12px; letter-spacing:.15em; text-transform:uppercase; font-weight:790; color:var(--forest); }
h1 { font-size:clamp(53px,6vw,90px); letter-spacing:-.076em; line-height:1.04; font-weight:730; margin:25px 0 26px; max-width:790px; }
.lead { max-width:560px; font-size:clamp(19px,2vw,23px); line-height:1.62; color:var(--muted); margin:0 0 34px; letter-spacing:-.012em; }
.pilot { display:inline-flex; flex-wrap:wrap; align-items:center; gap:10px; border:1px solid var(--line); padding:13px 18px; border-radius:40px; color:#305D4C; font-size:13px; background:#F1F7F0; font-weight:650; }
.status-dot { height:8px; width:8px; border-radius:50%; background:#398B66; display:inline-block; box-shadow:0 0 0 4px rgba(57,139,102,.10); }
.art-wrap { width:100%; position:relative; min-height:510px; display:flex; align-items:center; justify-content:center; }
.orb { width:min(95%,525px); aspect-ratio:1/1; border-radius:44% 56% 46% 54%; background:radial-gradient(circle at 34% 27%,#F6FCF7 0%,#DFEFE4 35%,#D7E9DF 63%,#CCE0D4 100%); position:absolute; filter:drop-shadow(0 35px 65px rgba(18,90,65,.10)); transform:rotate(-17deg); }
.orb::before { content:''; position:absolute; inset:12%; border:1px solid rgba(39,117,87,.13); border-radius:50%; }
.orb::after { content:''; position:absolute; inset:28%; border:1px solid rgba(39,117,87,.14); border-radius:50%; }
.mock { position:relative; width:min(77%,390px); background:rgba(255,255,255,.87); border:1px solid rgba(255,255,255,.95); border-radius:27px; padding:29px 27px 24px; box-shadow:0 24px 66px rgba(30,93,64,.12); transform:rotate(-5deg); backdrop-filter: blur(5px); }
.mock-head { display:flex; align-items:center; justify-content:space-between; color:#678377; font-size:12px; margin-bottom:19px; }
.mock-title { font-size:22px; font-weight:740; letter-spacing:-.045em; line-height:1.18; margin:0 0 12px; }
.mock-sub { font-size:13px; color:#65807D; margin:0 0 24px; }
.mock-tile { display:flex; align-items:center; gap:13px; padding:14px 15px; border-radius:13px; background:#ECF5ED; margin-top:9px; }
.mock-tile:nth-child(2n) { background:#F5F7F4; }
.tile-glyph { height:37px; width:37px; border-radius:10px; background:white; border:1px solid #DCEAE0; display:flex; align-items:center; justify-content:center; font-size:18px; color:var(--forest); }
.tile-content { flex:1; }
.tile-content b { display:block; font-size:12px; margin-bottom:1px; }
.tile-content small { color:#76908A; font-size:10px; display:block; }
.tile-chevron { color:var(--forest); font-size:20px; }
.float-chip { position:absolute; left:0; bottom:76px; padding:13px 18px; border-radius:13px; box-shadow:0 13px 29px rgba(18,86,50,.09); background:#FFFFFF; color:var(--forest); font-size:12px; font-weight:700; transform:rotate(3deg); }
.float-chip::before { content:'●'; color:#428B68; margin-right:9px; }
.separator { border:0; height:1px; background:var(--line); margin:0; }
.bottom-panel { display:flex; align-items:center; justify-content:space-between; gap:40px; padding:52px 0 66px; }
.bottom-panel h2 { font-size:clamp(27px,3vw,39px); letter-spacing:-.05em; line-height:1.2; margin:0; max-width:580px; }
.bottom-panel p { max-width:390px; font-size:15px; color:var(--muted); margin:0; }
.footer { border-top:1px solid var(--line); padding:28px 0 34px; }
.footer-inner { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px 30px; }
.footer p { font-size:12px; color:#687B7D; margin:0; }
.footer-links { display:flex; flex-wrap:wrap; gap:9px 19px; }
.footer-links a { font-size:12px; color:var(--forest); text-decoration:none; }
.footer-links a:hover { text-decoration:underline; }
.page-head { max-width:780px; padding:60px 0 26px; }
.page-head h1 { font-size:clamp(43px,5vw,68px); margin:15px 0; }
.page-head p { font-size:18px; color:var(--muted); }
.paper { background:#FFF; border:1px solid #E2E9E3; padding:clamp(24px,4vw,55px); border-radius:22px; margin:28px 0 90px; box-shadow:var(--shadow); max-width:970px; overflow-wrap:anywhere; }
.paper h2 { font-size:26px; line-height:1.25; margin:35px 0 13px; letter-spacing:-.035em; }
.paper h3 { font-size:19px; line-height:1.3; margin:28px 0 10px; }
.paper h2:first-child { margin-top:0; }
.paper p,.paper li { font-size:15px; color:#344A4A; line-height:1.75; }
.paper ul { padding-left:22px; }
.paper strong { color:var(--ink); }
.paper table { border-collapse:collapse; margin:18px 0 28px; font-size:12px; width:100%; table-layout:auto; }
.paper th { background:#E8F1E9; color:#1D5744; font-weight:750; }
.paper th,.paper td { text-align:left; padding:10px 9px; border:1px solid #DDE7E0; vertical-align:top; overflow-wrap:anywhere; }
.paper blockquote { border-left:3px solid #B4D5BE; padding-left:15px; color:#526963; margin:15px 0; }
.notice { background:#F6F2DF; border:1px solid #DDD2A3; padding:15px 18px; border-radius:13px; color:#68542A; font-size:14px; margin:15px 0 24px; }
.placeholder { display:inline; background:#FFF1C7; padding:1px 4px; border-radius:3px; color:#68491A; }
.action { display:inline-flex; align-items:center; border-radius:10px; padding:12px 19px; background:var(--forest); color:white; text-decoration:none; font-size:13px; font-weight:690; }
.action:hover { background:var(--forest-dark); }
.lang { display:flex; align-items:center; gap:9px; font-size:13px; }
.lang a { text-decoration:none; }
.lang .selected { font-weight:750; color:var(--forest); }
.lang .muted { color:#879E92; }
@media(max-width:860px){.shell{width:min(100% - 44px,700px)}.nav{min-height:81px}.hero{grid-template-columns:1fr;min-height:auto;padding:48px 0 72px;gap:10px}.hero h1{max-width:620px}.art-wrap{min-height:410px}.orb{width:min(88%,430px)}.mock{width:min(74%,340px)}.bottom-panel{align-items:start;flex-direction:column;gap:18px}.nav-links .desktop-only{display:none}}
@media(max-width:480px){.shell{width:calc(100% - 34px)}.brand{font-size:20px;gap:10px}.mark{width:37px;height:37px}.nav{min-height:75px}nav{gap:15px}nav a{font-size:12px}.nav-pill{padding:8px 11px}.hero{padding-top:42px}.hero h1{font-size:clamp(48px,14vw,65px);margin:20px 0}.lead{font-size:18px}.art-wrap{min-height:340px}.mock{padding:21px 19px;width:78%;border-radius:19px}.float-chip{bottom:38px;left:-1px}.bottom-panel{padding:41px 0 55px}.footer{padding:24px 0}.paper{border-radius:15px;padding:19px;margin:18px 0 55px}.paper table{display:block;overflow-x:auto;white-space:normal}.paper th,.paper td{min-width:95px}.page-head{padding:40px 0 16px}}