@charset "UTF-8";
:root{color-scheme:dark;--bg:#101411;--surface:#181e1a;--text:#eef1e9;--muted:#9ca69e;--line:#303a32;--mint:#b8d7ad;--blue:#9ab8d5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--mint);outline-offset:6px}.wrap{width:min(1240px,calc(100% - 112px));margin:auto}.header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{display:inline-flex;align-items:center;gap:12px;font-size:15px;letter-spacing:1.4px;font-weight:650}.brand b{font-weight:400;color:var(--muted)}.brand-mark{font-size:37px;color:var(--mint);line-height:1}.header nav{display:flex;gap:34px;font-size:13px;color:#c8d0c8}.header nav a:hover,.text-link:hover{color:var(--mint)}.header-note{font-size:11px;color:var(--muted);display:flex;gap:8px;align-items:center}.header-note i{width:5px;height:5px;border-radius:50%;background:var(--mint)}.hero{padding-top:66px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--muted);line-height:1.8}.hero>.eyebrow{display:flex;justify-content:space-between}.hero h1{font-weight:500;letter-spacing:-4px;font-size:clamp(48px,6.5vw,92px);line-height:1.24;margin:47px 0 32px}.growth{color:var(--mint);position:relative;white-space:nowrap}.growth svg{position:absolute;bottom:-14px;left:0;width:100%;height:20px;fill:none;stroke:var(--mint);stroke-width:1.5;opacity:.7}.hero-bottom{display:flex;justify-content:space-between;align-items:end;gap:24px;margin:44px 0 57px}.hero-bottom p{font-size:14px;line-height:1.9;color:var(--muted);margin:0}.text-link{font-size:13px;display:flex;align-items:center;gap:65px;padding-bottom:13px;border-bottom:1px solid #65725f}.text-link span{font-size:24px}.hero-rule{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.7px;color:#7c897e;margin-bottom:22px}.products{display:grid;grid-template-columns:1fr 1fr;gap:20px}.product-entry{padding:30px 33px;border:1px solid #39483b;border-radius:16px;background:linear-gradient(115deg,#222e24,#1b241f);transition:transform .2s,border-color .2s}.product-entry:hover{transform:translateY(-4px);border-color:#9bb592}.ecology-entry{background:linear-gradient(115deg,#202930,#1c2129);border-color:#35414e}.index{font-size:9px;letter-spacing:1.8px;color:#a4b29f}.ecology-entry .index{color:#a9bac9}.product-entry h2{font-size:28px;font-weight:500;margin:20px 0 12px;display:flex;justify-content:space-between}.product-entry h2 span{font-size:25px;color:var(--mint)}.ecology-entry h2 span{color:var(--blue)}.product-entry p{font-size:12px;color:var(--muted);margin:0 0 28px}.mini-tag{font-size:10px;color:#b6c4b4;letter-spacing:2px}.showcase{padding:105px 0 96px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:34px}.section-heading h2{font-size:38px;font-weight:500;letter-spacing:-1px;margin:13px 0 14px}.section-heading p{font-size:13px;color:var(--muted);line-height:1.8;margin:0}.platform{vertical-align:middle;font-size:9px;letter-spacing:1px;font-weight:400;border:1px solid #49534b;border-radius:99px;padding:5px 10px;margin-left:18px;color:var(--muted)}.section-symbol{font-size:72px;color:#b5ccaa;opacity:.65}.media{position:relative;overflow:hidden;border-radius:14px;border:1px solid #354338;background:#1a251f;display:grid;place-items:center;margin:0;min-width:0}.large-media{min-height:420px;aspect-ratio:16/9}.placeholder{position:relative;z-index:1;text-align:center;padding:24px;max-width:100%;display:flex;align-items:center;flex-direction:column}.placeholder-icon{width:60px;height:60px;display:grid;place-items:center;border-radius:50%;border:1px solid #6d846d;color:#b5cfa9;font-size:31px;margin-bottom:22px}.placeholder h3{font-size:clamp(18px,2.6vw,30px);font-weight:400;letter-spacing:2px;line-height:1.5;margin:0 0 14px}.placeholder p{font-size:11px;letter-spacing:1px;margin:0;color:#a3b09f}.placeholder small{font-size:9px;line-height:1.7;margin-top:25px;color:#859482;word-break:break-word}.placeholder .pending{font-size:8px;padding:4px 8px;border:1px solid #53654f;border-radius:4px;color:#b5c3ad;margin-top:16px;letter-spacing:1px}.media:not(.loaded)::before{content:"";position:absolute;width:60%;height:100%;border-radius:50%;border:1px solid #56745025;transform:rotate(-28deg) scale(1.8)}.media:not(.loaded)::after{content:"";position:absolute;width:40%;height:80%;border-radius:50%;border:1px solid #56745030;transform:rotate(-28deg) scale(1.8)}.evolution-media{background:radial-gradient(ellipse at 50% 90%,#344834 0,transparent 65%),#1b271e}.gallery-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:33px 0 21px}.gallery-top h3{font-size:14px;font-weight:400;margin:0}.gallery-top>span{font-size:9px;color:var(--muted);letter-spacing:1.5px}.filmstrip{display:flex;gap:22px;overflow-x:auto;padding:0 1px 14px;scroll-snap-type:x mandatory;scrollbar-color:#63745f #1a211b;scrollbar-width:thin}.filmstrip>figure{margin:0;flex:0 0 calc((100% - 66px)/4);min-width:210px;scroll-snap-align:start}.phone-media{aspect-ratio:9/19;background:#19211c}.phone-media .placeholder{padding:18px}.phone-media .placeholder h3{font-size:15px;letter-spacing:0}.phone-media .placeholder-icon{width:42px;height:42px;font-size:23px}.phone-media .placeholder p{font-size:10px}.phone-media .placeholder small{font-size:8px}figcaption{display:flex;gap:12px;font-size:11px;color:#c9d1c7;padding-top:15px}figcaption span{color:#7b897c;font-size:9px;letter-spacing:1px}.media img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain}.media.loaded{aspect-ratio:auto;min-height:0;background:#121915}.phone-media.loaded{aspect-ratio:9/19}.phone-media.loaded img{height:100%;object-fit:contain}.ecology-section{background:#151b1b;border-top:1px solid #283332;border-bottom:1px solid #283332;padding:83px 0 88px}.ecology-section .section-symbol{color:#99b6c8}.ecology-media{background:radial-gradient(ellipse at 50% 100%,#304b4d,transparent 70%),#1c2a2f;border-color:#35494b}.ecology-section .placeholder-icon{color:#aac7d1;border-color:#597781}.ecology-section .placeholder p{color:#a6babf}.ecology-section .placeholder small{color:#839ca2}.ecology-section .pending{border-color:#50676b;color:#a5bfc4}.world-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px 24px}.world-grid figure{margin:0}.world-media{aspect-ratio:16/10;background:#1c292c;border-color:#334548}.world-media .placeholder h3{font-size:18px}.world-media .placeholder-icon{width:36px;height:36px;font-size:20px;margin-bottom:12px}.world-media .placeholder small{margin-top:14px}.closing{padding:83px 0;text-align:center}.closing p{font-size:28px;line-height:1.6;font-weight:400;margin:24px 0}.closing p span{color:var(--muted)}.footer{display:flex;align-items:center;justify-content:space-between;padding:29px 0;border-top:1px solid var(--line);gap:20px}.footer .brand{font-size:10px}.footer>span,.footer>a:last-child{font-size:10px;color:var(--muted)}.skip{position:absolute;top:-100px;left:12px;background:var(--mint);color:var(--bg);padding:12px;z-index:9}.skip:focus{top:10px}@media(min-width:1600px){.hero h1{font-size:100px}}@media(max-width:800px){.wrap{width:calc(100% - 48px)}.header{height:84px}.brand{font-size:12px;gap:7px}.brand-mark{font-size:29px}.header nav{gap:20px;font-size:12px}.header-note{display:none}.hero{padding-top:38px}.hero>.eyebrow>span:last-child{display:none}.hero h1{letter-spacing:-2px;margin-top:30px}.hero-bottom{margin:36px 0}.text-link{gap:25px;white-space:nowrap}.product-entry{padding:23px}.product-entry h2{font-size:25px}.showcase{padding:70px 0}.large-media{min-height:290px}.section-heading h2{font-size:32px}.section-symbol{font-size:52px}.ecology-section{padding:64px 0}.filmstrip>figure{flex-basis:40%;min-width:200px}.world-media .placeholder small{display:none}.world-media .placeholder h3{font-size:15px;letter-spacing:0}.world-media .placeholder{padding:15px}.footer{flex-wrap:wrap}}@media(max-width:520px){.wrap{width:calc(100% - 36px)}.header nav{gap:14px;font-size:11px}.brand{font-size:10px;letter-spacing:.8px}.hero h1{font-size:clamp(35px,9vw,48px);letter-spacing:-1.7px}.hero-bottom{align-items:start;flex-direction:column;gap:22px}.hero-bottom p{font-size:12px}.text-link{font-size:12px;gap:66px}.products{grid-template-columns:1fr;gap:12px}.product-entry{padding:24px}.product-entry h2{margin:16px 0 10px}.product-entry p{margin-bottom:22px}.hero-rule{font-size:8px}.section-heading h2{font-size:30px}.section-heading p{font-size:12px}.section-symbol{font-size:42px}.large-media{min-height:280px;aspect-ratio:4/3}.large-media .placeholder h3{font-size:19px;letter-spacing:0}.placeholder small{font-size:8px}.filmstrip{gap:16px}.filmstrip>figure{flex-basis:70%;min-width:0}.world-grid{grid-template-columns:1fr;gap:25px}.world-media{aspect-ratio:16/10}.world-media .placeholder small{display:block}.world-media .placeholder h3{font-size:18px}.closing{padding:65px 0}.closing p{font-size:25px}.footer{gap:18px}.footer>span{width:100%;order:3;font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.product-entry{transition:none}}
/* Product covers are original HTML compositions using current product imagery. */
.product-cover{border:1px solid #354338;border-radius:16px;overflow:hidden;position:relative}.app-cover{background:radial-gradient(ellipse at 65% 110%,#33422b,transparent 70%),#19221b;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;padding:42px 48px;gap:30px}.cover-copy h3{font-weight:400;font-size:clamp(26px,3.5vw,48px);line-height:1.5;letter-spacing:-1px;margin:20px 0}.cover-copy p{font-size:12px;color:var(--muted);line-height:1.8}.source-note,.render-note{font-size:9px;color:#98a79c;line-height:1.8}.app-cover .source-note{display:block;margin-top:35px}.app-cover-screens{display:flex;align-items:center;justify-content:center;gap:18px;min-width:0}.app-cover-screens img{display:block;width:calc(50% - 9px);height:auto;max-height:500px;object-fit:contain;border:1px solid #43503d;border-radius:14px;background:#080908}.app-cover-screens img:last-child{margin-top:45px}.eco-cover{padding:42px 35px 22px;background:radial-gradient(ellipse at 50% 100%,#30434b,transparent 75%),#1c282d;text-align:center;border-color:#35494b}.eco-cover h3{font-size:36px;line-height:1.4;margin:15px 0}.eco-cover h3 br{display:none}.eco-cover-scenes{display:flex;justify-content:center;gap:10px;align-items:center;margin:15px auto 20px;max-width:1050px}.eco-cover-scenes img{width:calc((100% - 20px)/3);height:auto;image-rendering:pixelated}.eco-cover-scenes img:nth-child(2){transform:translateY(-8px)}.world-media.loaded{aspect-ratio:16/10;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#24373c,#192326)}.world-media.loaded img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;image-rendering:pixelated}.render-note{margin:25px 0 0;color:#8a9d9f}.phone-media.loaded{background:#080908}.phone-media.loaded img{width:100%;height:100%;object-fit:contain}@media(max-width:800px){.app-cover{padding:28px;gap:20px;grid-template-columns:.8fr 1.2fr}.app-cover-screens{gap:10px}.app-cover-screens img{width:calc(50% - 5px);border-radius:9px}.eco-cover{padding:30px 16px 20px}.eco-cover h3{font-size:28px}.eco-cover-scenes{gap:0}.eco-cover-scenes img{width:33.333%}}@media(max-width:520px){.app-cover{grid-template-columns:1fr;padding:26px 22px;gap:16px}.cover-copy h3{font-size:29px;margin:13px 0}.app-cover .source-note{margin-top:16px}.app-cover-screens{max-width:300px;margin:auto}.app-cover-screens img{max-height:320px}.app-cover-screens img:last-child{margin-top:24px}.eco-cover h3{font-size:25px}.eco-cover h3 br{display:block}.eco-cover-scenes{flex-wrap:wrap;margin-bottom:12px}.eco-cover-scenes img{width:50%}.eco-cover-scenes img:nth-child(3){display:none}.eco-cover .source-note{font-size:8px}.world-media.loaded img{max-height:100%;max-width:100%}}
