:root { --ink:#112522; --deep:#102e2a; --deep-2:#0a211e; --lime:#c7ef70; --sage:#b8cdb9; --mist:#edf0e7; --paper:#fbfaf5; --sand:#f1eee4; --orange:#f19a6c; --yellow:#efbe63; --line:rgba(17,37,34,.13); --white-line:rgba(255,255,255,.16); --display:Georgia,"Times New Roman",serif; --sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; background:var(--paper); color:var(--ink); font-family:var(--sans); -webkit-font-smoothing:antialiased; } a { color:inherit; text-decoration:none; } button { font:inherit; }
.shell { width:min(1180px,calc(100% - 48px)); margin:0 auto; }.eyebrow { display:inline-flex; align-items:center; gap:9px; font-size:10px; line-height:1; font-weight:800; letter-spacing:.15em; text-transform:uppercase; }.eyebrow::before { content:""; width:8px; height:8px; flex:0 0 auto; border-radius:50%; background:currentColor; }.eyebrow--lime { color:var(--lime); }.eyebrow--orange { color:var(--orange); }.display { font-family:var(--display); font-weight:500; letter-spacing:-.06em; line-height:.95; }.section-title { max-width:740px; margin:18px 0 0; font-size:clamp(39px,5vw,66px); }.lede { max-width:560px; color:rgba(17,37,34,.68); font-size:17px; line-height:1.62; }
.button { display:inline-flex; align-items:center; justify-content:center; gap:9px; min-height:48px; padding:0 19px; border:1px solid transparent; border-radius:999px; font-size:13px; font-weight:800; transition:transform .2s ease,background .2s ease,border .2s ease; }.button:hover { transform:translateY(-2px); }.button--dark { background:var(--deep); color:#fff; }.button--lime { background:var(--lime); color:var(--deep-2); }.button--line { border-color:var(--line); background:rgba(255,255,255,.3); }.button--light-line { border-color:rgba(255,255,255,.3); color:#fff; }.button-arrow { font-size:17px; line-height:1; }
.announcement { display:flex; align-items:center; justify-content:center; min-height:35px; padding:8px 18px; background:var(--deep-2); color:#dcebd2; font-size:11px; font-weight:680; letter-spacing:.025em; text-align:center; }.announcement b { color:var(--lime); margin-right:8px; }.site-header { position:relative; display:flex; align-items:center; justify-content:space-between; min-height:80px; border-bottom:1px solid var(--line); }.brand { display:inline-flex; align-items:center; gap:10px; font-size:19px; font-weight:850; letter-spacing:-.055em; }.brand-mark { position:relative; width:25px; height:25px; }.brand-mark::before,.brand-mark::after { content:""; position:absolute; top:6px; width:14px; height:14px; border-radius:4px; transform:rotate(45deg); }.brand-mark::before { left:1px; background:var(--deep); }.brand-mark::after { right:0; background:var(--orange); mix-blend-mode:multiply; }.nav { display:flex; align-items:center; gap:25px; }.nav>a:not(.button) { color:rgba(17,37,34,.72); font-size:12px; font-weight:750; transition:color .2s ease; }.nav>a:hover,.nav>a[aria-current="page"] { color:var(--deep); }.nav .button { min-height:39px; padding:0 15px; }.menu-toggle { display:none; padding:8px 0; border:0; background:none; color:var(--ink); font-size:13px; font-weight:800; }
.home-hero { position:relative; overflow:hidden; padding:72px 0 84px; }.home-hero::before { content:""; position:absolute; z-index:-1; top:-320px; right:-210px; width:670px; height:670px; border-radius:50%; background:#e7edcc; }.home-hero::after { content:""; position:absolute; z-index:-1; top:110px; right:7%; width:130px; height:130px; border-radius:50%; background:var(--orange); }.hero-grid { display:grid; grid-template-columns:minmax(0,.98fr) minmax(460px,1.02fr); align-items:center; gap:60px; }.home-hero h1 { max-width:690px; margin:18px 0 0; font-family:var(--display); font-size:clamp(54px,6.4vw,84px); font-weight:500; letter-spacing:-.072em; line-height:.9; }.home-hero h1 em { color:var(--deep); font-style:italic; }.hero-copy { max-width:520px; margin:24px 0 0; color:rgba(17,37,34,.72); font-size:17px; line-height:1.62; }.hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:29px; }.hero-note { display:flex; align-items:center; gap:10px; margin-top:23px; color:rgba(17,37,34,.55); font-size:12px; font-weight:650; }.hero-note::before { content:""; width:27px; height:1px; background:var(--orange); }
.command-surface { position:relative; min-height:508px; }.command-surface__orb { position:absolute; top:2px; right:-44px; width:390px; height:390px; border-radius:50%; background:var(--sage); }.command-surface__orb::after { content:""; position:absolute; left:52px; bottom:-74px; width:175px; height:175px; border-radius:50%; background:var(--yellow); }.command-board { position:absolute; z-index:1; top:53px; right:0; left:0; padding:20px; overflow:hidden; border:1px solid rgba(17,37,34,.12); border-radius:18px; background:rgba(255,254,249,.93); box-shadow:0 27px 64px rgba(16,46,42,.17); backdrop-filter:blur(14px); }.board-top { display:flex; align-items:center; justify-content:space-between; padding-bottom:16px; border-bottom:1px solid var(--line); }.board-product { display:flex; align-items:center; gap:7px; font-size:11px; font-weight:850; }.board-logo { width:11px; height:11px; border-radius:3px; background:var(--deep); transform:rotate(45deg); }.live { display:inline-flex; align-items:center; gap:5px; color:#4d8a50; font-size:9px; font-weight:850; letter-spacing:.09em; text-transform:uppercase; }.live::before { content:""; width:6px; height:6px; border-radius:50%; background:#60a85d; }.board-title { display:flex; align-items:end; justify-content:space-between; margin:20px 0 13px; }.board-title strong { font-family:var(--display); font-size:27px; font-weight:500; letter-spacing:-.05em; }.board-title span { color:rgba(17,37,34,.52); font-size:9px; font-weight:800; letter-spacing:.07em; }.trip-list { display:grid; gap:8px; }.trip-row { display:grid; grid-template-columns:10px 1.25fr .8fr .66fr; align-items:center; gap:11px; padding:12px 10px; border-radius:10px; background:#f1f0e9; font-size:10px; }.trip-row:nth-child(2) { background:#e7f0df; }.trip-row:nth-child(3) { background:#f8ebe3; }.trip-dot { width:8px; height:8px; border-radius:50%; background:var(--deep); }.trip-row:nth-child(2) .trip-dot { background:#6fa24d; }.trip-row:nth-child(3) .trip-dot { background:var(--orange); }.trip-row b { display:block; font-size:11px; }.trip-row small { display:block; margin-top:4px; color:rgba(17,37,34,.5); font-size:9px; }.trip-row>span { color:rgba(17,37,34,.62); font-weight:700; }.map-surface { position:relative; height:138px; margin-top:14px; overflow:hidden; border-radius:12px; background:#dce6d8; }.map-surface::before { content:""; position:absolute; inset:0; opacity:.58; background-image:linear-gradient(23deg,transparent 48%,#fbfbf7 49%,#fbfbf7 50%,transparent 51%),linear-gradient(144deg,transparent 47%,rgba(255,255,255,.9) 48%,rgba(255,255,255,.9) 49%,transparent 50%); background-size:92px 73px,113px 82px; }.map-route { position:absolute; z-index:1; top:25%; left:18%; width:60%; height:49%; border-top:3px solid var(--deep); border-radius:50%; transform:rotate(10deg); }.map-pin { position:absolute; z-index:2; width:13px; height:13px; border:3px solid var(--paper); border-radius:50%; background:var(--orange); box-shadow:0 2px 5px rgba(16,46,42,.22); }.map-pin--a { top:27%; left:17%; }.map-pin--b { right:18%; bottom:26%; background:var(--deep); }.signal-card { position:absolute; z-index:2; right:-20px; bottom:-23px; width:183px; padding:15px; border-radius:12px; background:var(--deep); color:#fff; box-shadow:0 16px 30px rgba(16,46,42,.25); }.signal-card p { margin:0; color:#c8dcc6; font-size:9px; }.signal-card strong { display:block; margin:6px 0; font-size:12px; }.signal-card span { color:var(--lime); font-size:10px; font-weight:750; }
.strip { overflow:hidden; border-top:1px solid var(--line); border-bottom:1px solid var(--line); background:#e8eddf; }.strip__track { display:flex; width:max-content; animation:scroll-strip 28s linear infinite; }.strip__item { display:flex; align-items:center; gap:15px; padding:18px 26px; color:var(--deep); font-size:10px; font-weight:850; letter-spacing:.12em; text-transform:uppercase; white-space:nowrap; }.strip__item::before { content:"✦"; color:var(--orange); font-size:15px; } @keyframes scroll-strip { to { transform:translateX(-50%); } }
.intro { padding:124px 0; }.intro-grid { display:grid; grid-template-columns:.72fr 1.28fr; gap:90px; align-items:start; }.intro-side { padding-top:8px; }.intro-side p { max-width:270px; margin:19px 0 0; color:rgba(17,37,34,.62); font-size:14px; line-height:1.6; }.outcome-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:15px; margin-top:46px; }.outcome { min-height:194px; padding:21px; border:1px solid var(--line); border-radius:14px; background:#fffef9; }.outcome-icon { display:grid; width:36px; height:36px; place-items:center; border-radius:50%; background:#e7efdd; color:var(--deep); font-family:var(--display); font-size:20px; }.outcome h3 { margin:37px 0 0; font-size:14px; letter-spacing:-.025em; }.outcome p { margin:8px 0 0; color:rgba(17,37,34,.62); font-size:12px; line-height:1.5; }
.module-section { padding:108px 0 116px; background:var(--deep); color:#fff; }.module-section .section-title { max-width:760px; }.module-section .lede { color:rgba(255,255,255,.67); }.feature-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:13px; margin-top:54px; }.feature-card { position:relative; min-height:270px; padding:24px; overflow:hidden; border:1px solid var(--white-line); border-radius:15px; background:rgba(255,255,255,.045); transition:transform .2s ease,background .2s ease; }.feature-card:hover { transform:translateY(-4px); background:rgba(255,255,255,.09); }.feature-card__icon { position:absolute; top:23px; right:23px; color:var(--sage); font-family:var(--display); font-size:44px; line-height:.8; }.feature-card__tag { color:var(--lime); font-size:9px; font-weight:850; letter-spacing:.13em; text-transform:uppercase; }.feature-card h3 { max-width:230px; margin:58px 0 0; font-family:var(--display); font-size:30px; font-weight:500; letter-spacing:-.05em; line-height:1; }.feature-card p { margin:12px 0 0; color:rgba(255,255,255,.65); font-size:13px; line-height:1.55; }.feature-card__link { display:inline-flex; gap:7px; margin-top:19px; color:#fff; font-size:11px; font-weight:800; }
.how { padding:122px 0; }.how-heading { display:flex; align-items:end; justify-content:space-between; gap:40px; }.how-heading .lede { margin-bottom:5px; }.how-list { margin-top:58px; border-top:1px solid var(--line); }.how-row { display:grid; grid-template-columns:104px 1.2fr 1fr auto; align-items:center; gap:27px; min-height:135px; border-bottom:1px solid var(--line); }.how-num { color:var(--orange); font-family:var(--display); font-size:31px; font-style:italic; }.how-row h3 { margin:0; font-family:var(--display); font-size:clamp(27px,3.2vw,41px); font-weight:500; letter-spacing:-.055em; }.how-row p { margin:0; color:rgba(17,37,34,.65); font-size:13px; line-height:1.55; }.how-chip { padding:7px 9px; border-radius:999px; background:#e7eee0; color:var(--deep); font-size:9px; font-weight:850; letter-spacing:.1em; text-transform:uppercase; white-space:nowrap; }
.platform-band { padding:0 0 122px; }.platform-band__inner { display:grid; grid-template-columns:1fr 1fr; min-height:420px; overflow:hidden; border-radius:19px; background:#dfe8d4; }.platform-copy { padding:59px; }.platform-copy .section-title { max-width:505px; font-size:clamp(38px,4.5vw,59px); }.platform-copy .lede { margin-top:20px; }.platform-copy .button { margin-top:26px; }.platform-visual { position:relative; min-height:340px; }.platform-visual::before { content:""; position:absolute; top:27px; right:-65px; width:410px; height:410px; border-radius:50%; background:var(--orange); }.platform-visual::after { content:""; position:absolute; bottom:-70px; left:38px; width:210px; height:210px; border-radius:50%; background:var(--yellow); }.layer-card { position:absolute; z-index:1; top:70px; left:0; width:min(364px,94%); padding:17px; border-radius:13px; background:#fffef9; box-shadow:0 20px 45px rgba(16,46,42,.16); }.layer-card__top { display:flex; align-items:center; justify-content:space-between; padding-bottom:12px; border-bottom:1px solid var(--line); font-size:11px; font-weight:850; }.layer-card__top span { color:#528c50; font-size:9px; letter-spacing:.08em; }.layer { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:12px 0; border-bottom:1px solid var(--line); }.layer:last-child { padding-bottom:0; border-bottom:0; }.layer b { display:block; font-size:11px; }.layer small { display:block; margin-top:3px; color:rgba(17,37,34,.5); font-size:9px; }.layer span { flex:0 0 auto; padding:5px 7px; border-radius:999px; background:#edf2e6; color:#478145; font-size:8px; font-weight:850; letter-spacing:.08em; }
.page-hero { position:relative; overflow:hidden; padding:73px 0 62px; background:var(--deep); color:#fff; }.page-hero::before { content:""; position:absolute; top:-230px; right:-185px; width:570px; height:570px; border-radius:50%; background:rgba(199,239,112,.17); }.page-hero::after { content:""; position:absolute; bottom:-145px; left:54%; width:300px; height:300px; border-radius:50%; background:rgba(241,154,108,.34); }.breadcrumb { display:flex; align-items:center; gap:8px; position:relative; z-index:1; color:rgba(255,255,255,.6); font-size:10px; font-weight:750; }.breadcrumb b { color:var(--lime); font-size:15px; }.page-hero-grid { position:relative; z-index:1; display:grid; grid-template-columns:1.1fr .9fr; gap:70px; align-items:center; margin-top:41px; }.page-hero h1 { max-width:740px; margin:15px 0 0; font-family:var(--display); font-size:clamp(47px,6vw,76px); font-weight:500; letter-spacing:-.07em; line-height:.9; }.page-hero h1 em { color:var(--lime); font-style:italic; }.page-hero .lede { margin:23px 0 0; color:rgba(255,255,255,.7); }.page-hero-actions { display:flex; flex-wrap:wrap; gap:11px; margin-top:28px; }.hero-pills { display:flex; flex-wrap:wrap; gap:7px; margin-top:22px; }.hero-pills span { padding:7px 10px; border:1px solid rgba(255,255,255,.2); border-radius:999px; color:#d9e5d2; font-size:10px; font-weight:700; }.product-console { position:relative; min-height:315px; padding:18px; overflow:hidden; border:1px solid rgba(255,255,255,.18); border-radius:16px; background:rgba(255,255,255,.09); backdrop-filter:blur(8px); }.product-console::after { content:""; position:absolute; right:-80px; bottom:-95px; width:240px; height:240px; border-radius:50%; background:rgba(199,239,112,.26); }.console-top { display:flex; align-items:center; justify-content:space-between; padding-bottom:15px; border-bottom:1px solid rgba(255,255,255,.16); color:rgba(255,255,255,.86); font-size:10px; font-weight:800; }.console-state { display:inline-flex; align-items:center; gap:5px; color:var(--lime); font-size:8px; letter-spacing:.1em; }.console-state::before { content:""; width:5px; height:5px; border-radius:50%; background:var(--lime); }.console-row { position:relative; z-index:1; display:grid; grid-template-columns:1fr auto; gap:14px; padding:14px 0; border-bottom:1px solid rgba(255,255,255,.13); }.console-row:last-child { border-bottom:0; }.console-row b { display:block; color:#fff; font-size:11px; }.console-row small { display:block; margin-top:5px; color:rgba(255,255,255,.56); font-size:9px; }.console-row span { align-self:center; padding:5px 7px; border-radius:999px; background:rgba(199,239,112,.16); color:var(--lime); font-size:8px; font-weight:800; letter-spacing:.08em; }
.page-intro { padding:110px 0 72px; }.page-intro__top { display:grid; grid-template-columns:.72fr 1.28fr; gap:90px; }.page-intro__side { padding-top:9px; color:rgba(17,37,34,.62); font-size:14px; line-height:1.6; }.value-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:15px; margin-top:51px; }.value-card { min-height:221px; padding:22px; border:1px solid var(--line); border-radius:14px; background:#fffef9; }.value-card__index { color:var(--orange); font-size:10px; font-weight:850; letter-spacing:.12em; }.value-card h3 { margin:41px 0 0; font-family:var(--display); font-size:26px; font-weight:500; letter-spacing:-.045em; line-height:1.03; }.value-card p { margin:10px 0 0; color:rgba(17,37,34,.62); font-size:12px; line-height:1.55; }.journey { padding:67px 0 118px; }.journey-grid { display:grid; grid-template-columns:.82fr 1.18fr; gap:80px; }.journey-copy .section-title { font-size:clamp(38px,4.6vw,59px); }.journey-copy .lede { margin-top:20px; }.step-stack { border-top:1px solid var(--line); }.step { display:grid; grid-template-columns:45px 1fr; gap:16px; padding:25px 0; border-bottom:1px solid var(--line); }.step__num { color:var(--orange); font-family:var(--display); font-size:25px; font-style:italic; }.step h3 { margin:1px 0 0; font-size:15px; letter-spacing:-.025em; }.step p { margin:8px 0 0; color:rgba(17,37,34,.62); font-size:13px; line-height:1.55; }.related { padding:99px 0 109px; background:var(--sand); }.related-head { display:flex; align-items:end; justify-content:space-between; gap:30px; }.related-head .section-title { font-size:clamp(38px,4.2vw,57px); }.related-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:43px; }.related-card { min-height:180px; padding:20px; border:1px solid rgba(17,37,34,.1); border-radius:13px; background:var(--paper); }.related-card__icon { color:var(--orange); font-family:var(--display); font-size:31px; }.related-card h3 { margin:34px 0 0; font-size:14px; letter-spacing:-.02em; }.related-card p { margin:7px 0 0; color:rgba(17,37,34,.6); font-size:11px; line-height:1.48; }.related-card a { display:inline-flex; margin-top:13px; color:var(--deep); font-size:11px; font-weight:800; }
.contact-page { padding:75px 0 121px; background:var(--deep); color:#fff; }.contact-page__inner { display:grid; grid-template-columns:1.1fr .9fr; gap:70px; }.contact-page h1 { max-width:700px; margin:18px 0 0; font-family:var(--display); font-size:clamp(48px,6vw,76px); font-weight:500; letter-spacing:-.07em; line-height:.9; }.contact-page h1 em { color:var(--lime); font-style:italic; }.contact-page .lede { margin-top:23px; color:rgba(255,255,255,.7); }.contact-methods { display:grid; gap:12px; margin-top:44px; }.contact-method { padding:17px; border:1px solid rgba(255,255,255,.17); border-radius:12px; background:rgba(255,255,255,.05); }.contact-method span { display:block; color:var(--lime); font-size:9px; font-weight:800; letter-spacing:.11em; text-transform:uppercase; }.contact-method a,.contact-method b { display:inline-block; margin-top:7px; color:#fff; font-size:15px; }.contact-method p { margin:7px 0 0; color:rgba(255,255,255,.59); font-size:12px; line-height:1.5; }.contact-aside { align-self:end; padding:24px; border:1px solid rgba(255,255,255,.17); border-radius:15px; background:rgba(255,255,255,.06); }.contact-aside h2 { margin:0; font-family:var(--display); font-size:34px; font-weight:500; letter-spacing:-.055em; }.contact-aside p { margin:13px 0 0; color:rgba(255,255,255,.64); font-size:13px; line-height:1.6; }.contact-aside ul { display:grid; gap:10px; margin:23px 0 0; padding:0; list-style:none; }.contact-aside li { display:flex; gap:9px; color:#e9f1df; font-size:12px; }.contact-aside li::before { content:"✦"; color:var(--lime); }
.site-footer { padding:67px 0 21px; background:var(--deep-2); color:#fff; }.footer-grid { display:grid; grid-template-columns:1.3fr .72fr .85fr .9fr; gap:34px; }.site-footer .brand-mark::before { background:var(--lime); }.site-footer .brand-mark::after { background:var(--orange); }.footer-about { max-width:250px; margin:14px 0 0; color:rgba(255,255,255,.54); font-size:12px; line-height:1.6; }.footer-label { display:block; margin-bottom:13px; color:var(--lime); font-size:9px; font-weight:850; letter-spacing:.13em; text-transform:uppercase; }.footer-links { display:grid; gap:9px; color:rgba(255,255,255,.69); font-size:12px; }.footer-links a:hover { color:var(--lime); }.footer-email { color:#fff; font-size:13px; font-weight:750; }.footer-bottom { display:flex; justify-content:space-between; gap:20px; margin-top:56px; padding-top:18px; border-top:1px solid var(--white-line); color:rgba(255,255,255,.43); font-size:10px; }.noscript { max-width:700px; margin:80px auto; padding:32px; font-family:var(--sans); }
@media (max-width:930px) { .hero-grid,.page-hero-grid,.platform-band__inner,.contact-page__inner { grid-template-columns:1fr; }.hero-grid { gap:34px; }.command-surface { max-width:650px; width:100%; }.intro-grid,.page-intro__top,.journey-grid { grid-template-columns:1fr; gap:20px; }.intro-side { display:flex; align-items:baseline; gap:25px; }.intro-side p { max-width:410px; margin:0; }.feature-grid { grid-template-columns:repeat(2,1fr); }.how-row { grid-template-columns:62px 1.1fr 1fr; }.how-chip { display:none; }.platform-visual { min-height:372px; }.layer-card { left:55px; }.footer-grid { grid-template-columns:1.4fr 1fr 1fr; }.footer-grid>:first-child { grid-column:1/-1; }.page-hero-grid { margin-top:35px; }.product-console { max-width:500px; min-height:280px; } }
@media (max-width:650px) { .shell { width:min(100% - 32px,1180px); }.site-header { min-height:67px; }.nav { display:none; position:absolute; z-index:12; top:61px; right:0; left:0; flex-direction:column; align-items:stretch; gap:0; padding:10px; border:1px solid var(--line); border-radius:12px; background:var(--paper); box-shadow:0 18px 35px rgba(16,46,42,.15); }.nav.is-open { display:flex; }.nav>a:not(.button) { padding:11px; }.nav .button { margin-top:5px; }.menu-toggle { display:block; }.home-hero { padding:54px 0 56px; }.home-hero h1 { font-size:clamp(50px,15.2vw,70px); }.command-surface { min-height:408px; }.command-surface__orb { width:315px; height:315px; }.command-board { top:28px; padding:15px; }.signal-card { right:-5px; bottom:-21px; }.trip-row { grid-template-columns:9px 1.3fr .66fr; }.trip-row>span:last-child { display:none; }.intro,.how,.page-intro { padding:81px 0; }.intro-side { display:block; }.intro-side p { margin-top:17px; }.outcome-grid,.feature-grid,.value-grid,.related-grid { grid-template-columns:1fr; }.outcome { min-height:152px; }.outcome h3 { margin-top:25px; }.feature-card { min-height:225px; }.how-heading,.related-head { display:block; }.how-list { margin-top:37px; }.how-row { grid-template-columns:48px 1fr; gap:11px; min-height:auto; padding:25px 0; }.how-row p { grid-column:2; }.platform-band { padding-bottom:82px; }.platform-copy { padding:41px 26px 34px; }.layer-card { left:16px; }.page-hero { padding:54px 0 45px; }.page-hero-grid { gap:31px; }.page-hero h1 { font-size:clamp(45px,14.4vw,67px); }.product-console { min-height:260px; }.journey { padding:0 0 82px; }.related { padding:78px 0; }.related-head .button { margin-top:21px; }.contact-page { padding:56px 0 82px; }.footer-grid { grid-template-columns:1fr; }.footer-grid>:first-child { grid-column:auto; }.footer-bottom { display:block; margin-top:40px; }.footer-bottom span+span { display:block; margin-top:6px; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { animation-duration:.01ms!important; transition-duration:.01ms!important; } }
.footer-credit { margin-top:22px; color:rgba(255,255,255,.42); font-size:9px; font-weight:700; letter-spacing:.1em; text-align:center; text-transform:uppercase; }.footer-credit a { transition:color .18s ease; }.footer-credit a:hover { color:var(--lime); }
.demo-menu { position:relative; }.demo-menu__trigger { display:flex; align-items:center; gap:5px; padding:0; border:0; background:none; color:rgba(17,37,34,.72); font:inherit; font-size:12px; font-weight:750; cursor:pointer; }.demo-menu__trigger span { font-size:14px; line-height:1; transition:transform .18s ease; }.demo-menu.is-open .demo-menu__trigger,.demo-menu__trigger:hover { color:var(--deep); }.demo-menu.is-open .demo-menu__trigger span { transform:rotate(180deg); }.demo-menu__panel { position:absolute; z-index:20; top:calc(100% + 13px); right:-13px; display:grid; width:202px; padding:7px; border:1px solid var(--line); border-radius:12px; background:var(--paper); box-shadow:0 16px 32px rgba(16,46,42,.14); opacity:0; pointer-events:none; transform:translateY(-5px); transition:opacity .16s ease,transform .16s ease; }.demo-menu.is-open .demo-menu__panel { opacity:1; pointer-events:auto; transform:translateY(0); }.demo-menu__panel a { display:grid; gap:3px; padding:10px 11px; border-radius:8px; }.demo-menu__panel a:hover { background:var(--mist); }.demo-menu__panel strong { color:var(--deep); font-size:12px; }.demo-menu__panel small { color:rgba(17,37,34,.58); font-size:10px; }.demo-credentials { display:grid; gap:8px; margin:-.45rem 0 1.35rem; padding:13px 14px; border:1px solid #d9e5d7; border-radius:.75rem; background:#f3f8ef; }.demo-credentials>span { color:#5a765b; font-size:.62rem; font-weight:850; letter-spacing:.12em; }.demo-credentials p { display:flex; justify-content:space-between; align-items:center; gap:12px; margin:0; color:var(--ink); font-size:.77rem; }.demo-credentials code { padding:.23rem .42rem; border-radius:.35rem; background:#fff; color:#2e4e31; font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:.72rem; font-weight:750; }.demo-credentials b { font-size:.72rem; }.login-card .demo-credentials + form { margin-top:0; } @media (max-width:650px) { .demo-menu { width:100%; }.demo-menu__trigger { width:100%; justify-content:space-between; padding:11px; }.demo-menu__panel { position:static; width:auto; margin:0 6px; }.demo-menu.is-open .demo-menu__panel { margin-bottom:6px; } }
.explore-menu { position:relative; }.explore-menu__trigger { display:flex; align-items:center; gap:5px; padding:0; border:0; background:none; color:rgba(17,37,34,.72); font:inherit; font-size:12px; font-weight:750; cursor:pointer; }.explore-menu__trigger span { font-size:14px; line-height:1; transition:transform .18s ease; }.explore-menu.is-open .explore-menu__trigger,.explore-menu__trigger:hover { color:var(--deep); }.explore-menu.is-open .explore-menu__trigger span { transform:rotate(180deg); }.explore-menu__panel { position:absolute; z-index:20; top:calc(100% + 13px); left:-13px; display:grid; width:244px; padding:7px; border:1px solid var(--line); border-radius:12px; background:var(--paper); box-shadow:0 16px 32px rgba(16,46,42,.14); opacity:0; pointer-events:none; transform:translateY(-5px); transition:opacity .16s ease,transform .16s ease; }.explore-menu.is-open .explore-menu__panel { opacity:1; pointer-events:auto; transform:translateY(0); }.explore-menu__panel a { display:grid; gap:3px; padding:10px 11px; border-radius:8px; }.explore-menu__panel a:hover { background:var(--mist); }.explore-menu__panel strong { color:var(--deep); font-size:12px; }.explore-menu__panel small { color:rgba(17,37,34,.58); font-size:10px; }.nav { gap:22px; }.nav>a:not(.button),.demo-menu__trigger,.explore-menu__trigger { letter-spacing:.005em; } @media (max-width:650px) { .explore-menu { width:100%; }.explore-menu__trigger { width:100%; justify-content:space-between; padding:11px; }.explore-menu__panel { position:static; width:auto; margin:0 6px; }.explore-menu.is-open .explore-menu__panel { margin-bottom:6px; } }