/* Xinix identity and motion, September 2026. */
body.landing { font-family: 'Manrope', 'Segoe UI', sans-serif; --lp-bg:#f5f4ef; --lp-muted:#677168; }
html[data-theme="dark"] body.landing { --lp-bg:#121a16; --lp-surface:#19231d; --lp-card:#1d2922; --lp-muted:#adb9ac; }
.lp-shell { width:min(1280px,calc(100% - 80px)); }
.lp-header { height:86px; }
.lp-brand { gap:12px; font-size:26px; font-weight:800; letter-spacing:-.065em; }
.lp-mark { width:39px; height:39px; padding:0; background:transparent; border-radius:0; transform:none; }
.lp-mark svg { width:100%; height:100%; color:var(--lp-green); transition:transform .4s cubic-bezier(.2,.8,.2,1); }
.lp-brand:hover .lp-mark svg { transform:rotate(-7deg); }
.lp-nav { gap:24px; font-size:12px; }
.lp-nav > a { white-space:nowrap; }
.lp-nav > a:not(.lp-button) { position:relative; padding-block:8px; }
.lp-nav > a:not(.lp-button)::after { content:''; position:absolute; left:0; bottom:2px; width:100%; height:1px; background:var(--lp-green); transform:scaleX(0); transform-origin:left; transition:transform .25s; }
.lp-nav > a:hover::after { transform:scaleX(1); }
.lp-hero { min-height:min(790px,calc(100svh - 86px)); padding-block:85px 92px; grid-template-columns:1fr 1fr; gap:60px; }
.lp-hero h1 { font-family:'DM Serif Display',Georgia,serif; font-size:clamp(66px,7.5vw,110px); line-height:.98; letter-spacing:-.065em; }
.lp-hero h1 em { display:inline-block; }
.lp-section h2,.lp-final-cta h2 { font-family:'DM Serif Display',Georgia,serif; letter-spacing:-.045em; }
.lp-kicker { font-size:10px; letter-spacing:.13em; }
.lp-lede { font-size:16px; line-height:1.85; max-width:470px; }
.lp-button { min-height:52px; border-radius:7px; padding-inline:24px; font-size:12px; box-shadow:0 4px 0 color-mix(in srgb,var(--lp-green) 10%,transparent); }
.lp-button-small { min-height:42px; padding-inline:17px; font-size:11px; }
.lp-button span { transition:transform .25s; }
.lp-button:hover span { transform:translate(3px,-3px); }
.lp-hero-art { min-height:470px; perspective:1100px; }
.lp-hero-art::after { content:''; position:absolute; inset:6% 0; z-index:-3; background-image:linear-gradient(var(--lp-line) 1px,transparent 1px),linear-gradient(90deg,var(--lp-line) 1px,transparent 1px); background-size:38px 38px; opacity:.45; mask-image:radial-gradient(ellipse,#000,transparent 70%); }
.lp-product-card { width:83%; max-width:440px; border-radius:16px; padding:22px 27px; transform:rotate(-3deg) rotateY(-6deg); box-shadow:0 35px 75px -30px rgba(20,45,28,.4),0 1px 0 rgba(255,255,255,.2) inset; transition:transform .5s cubic-bezier(.2,.8,.2,1); }
.lp-product-top h2 { font-family:'DM Serif Display',Georgia,serif; font-size:31px; }
.lp-product-row { min-height:76px; }
.lp-product-row strong { font-size:12px; }
.lp-product-row small { font-size:10px; }
.lp-card-footer { padding-top:20px; font-size:10px; }
.lp-product-row { transition:opacity .25s,background .25s; }
.lp-product-card[data-preview] .lp-product-row { opacity:.4; }
.lp-product-card[data-preview] .lp-product-row.is-preview { opacity:1; }
.lp-preview-tabs { display:flex; gap:4px; margin:0 0 22px; padding:4px; border:1px solid var(--lp-line); border-radius:7px; }
body.landing .lp-preview-tabs button { flex:1; border:0; background:transparent; color:var(--lp-muted); padding:7px 4px; font-size:11px; border-radius:4px; cursor:pointer; }
body.landing .lp-preview-tabs button[aria-pressed="true"] { background:var(--lp-green); color:var(--lp-bg); }
.lp-float-tag { border-radius:9px; box-shadow:0 15px 35px -20px rgba(0,0,0,.3); }
.lp-tag-left { z-index:3; top:-34px; left:0; }
.lp-tag-right { z-index:3; bottom:0; right:-8px; }
.lp-art-caption { display:none; }
.lp-ribbon { background:var(--lp-surface); }
.lp-feature { transition:background .3s; padding-top:34px; }
.lp-feature h3 { font-family:'DM Serif Display',Georgia,serif; font-size:27px; }
.lp-feature p { font-size:13px; }
.lp-feature > a { font-size:12px; }
.lp-feature-symbol { transition:transform .4s,background .4s; }
.lp-feature:hover .lp-feature-symbol { transform:translateY(-4px) rotate(-7deg); background:var(--lp-lime); }
.lp-section-summary { font-size:14px; }
.lp-access-step { transition:transform .25s,border-color .25s; }
.lp-access-step:hover { transform:translateX(5px); border-color:var(--lp-green); }
.lp-tour { position:relative; overflow:hidden; margin-block:50px 100px; padding:65px; border-radius:20px; color:#eff2e8; background:#18392d; display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:55px; }
.lp-tour::before { content:''; position:absolute; inset:0; background:radial-gradient(ellipse at 85% 20%,#617b4340,transparent 65%); pointer-events:none; }
.lp-tour-copy { position:relative; z-index:1; }
.lp-tour .lp-kicker { color:#bdd79f; }
.lp-tour h2 { margin:0 0 20px; font:400 clamp(35px,4vw,54px)/1.05 'DM Serif Display',Georgia,serif; letter-spacing:-.04em; }
.lp-tour p:not(.lp-kicker) { max-width:370px; font-size:14px; line-height:1.8; color:#bccbbb; }
.lp-tour-link { display:inline-flex; gap:35px; align-items:center; margin-top:18px; padding-bottom:10px; border-bottom:1px solid #a7c98b; font-size:13px; }
.lp-tour-link span { transition:transform .3s; }.lp-tour-link:hover span { transform:translate(4px,-4px); }
.lp-tour-visual { position:relative; width:100%; filter:drop-shadow(0 30px 20px #071c2370); }
.lp-tour-visual svg { width:100%; height:auto; display:block; }
.lp-tour-visual .signal { stroke-dasharray:12 90; animation:signal 6s linear infinite; }
@keyframes signal { to { stroke-dashoffset:-204; } }
@media (prefers-reduced-motion:no-preference) {
 .lp-float-tag { animation:tag-float 7s ease-in-out infinite; }.lp-tag-right { animation-delay:-3.5s; }
 @keyframes tag-float { 50% { translate:0 -8px; } }
 .lp-live-indicator { animation:indicator 3s ease-in-out infinite; }
 @keyframes indicator { 50% { box-shadow:0 0 0 6px #8aa76f12; } }
}
@media(max-width:1050px) { .lp-shell { width:calc(100% - 48px); }.lp-nav { gap:16px; }.lp-hero { gap:25px; }.lp-tour { padding:40px; } }
@media(max-width:700px) { .lp-header { height:72px; }.lp-shell { width:calc(100% - 36px); }.lp-hero { min-height:0; padding-block:55px 60px; grid-template-columns:1fr; gap:48px; }.lp-hero h1 { font-size:clamp(62px,14vw,90px); }.lp-lede { font-size:14px; }.lp-hero-art { min-height:410px; }.lp-product-card { width:87%; padding:20px; }.lp-tag-left { top:-28px; }.lp-tag-right { bottom:-12px; right:0; }.lp-float-tag { font-size:9px; }.lp-tour { padding:32px 25px; margin-block:20px 65px; grid-template-columns:1fr; gap:30px; }.lp-tour-visual { max-width:400px; margin:auto; }.lp-feature { min-height:300px; }.lp-brand { font-size:24px; }.lp-mark { width:35px;height:35px; } }
@media(prefers-reduced-motion:reduce) { .lp-tour-visual .signal { animation:none; } }