:root{color-scheme:dark;--bg:#0c0b16;--ink:#f9f7ff;--muted:#a9a4b9;--line:rgba(255,255,255,.13);--cyan:#24dbc7;--violet:#9272ff;--pink:#ee77d2;--orange:#ffc16e;--wrap:1220px;font-family:Inter,"Segoe UI",Arial,sans-serif;font-synthesis:none;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink)}
button,a{font:inherit}
a{color:inherit;text-decoration:none}
button{cursor:pointer}
img{max-width:100%}
::selection{background:#7161bd;color:#fff}
.skip-link{position:absolute;z-index:100;top:-80px;left:16px;padding:12px 16px;background:#fff;color:#111;border-radius:8px}
.skip-link:focus{top:12px}
.site-shell{overflow:hidden}
.section-wrap{width:min(calc(100% - 64px),var(--wrap));margin-inline:auto}
.site-header{height:88px;width:min(calc(100% - 64px),var(--wrap));margin:auto;display:flex;align-items:center;gap:52px;position:relative;z-index:5;border-bottom:1px solid rgba(255,255,255,.08)}
.brand{display:inline-flex;align-items:center;gap:12px;white-space:nowrap}
.brand-mark{width:43px;height:43px;border-radius:13px;background:linear-gradient(140deg,#14e2d1 5%,#4a71ff 51%,#e858cf 95%);display:grid;place-items:center;box-shadow:0 5px 22px #3d64df4a;color:white;font-size:21px;font-weight:900;letter-spacing:-.14em;padding-right:4px}
.brand-wordmark{font-size:22px;font-weight:830;letter-spacing:-.065em}
.brand-wordmark span{font-weight:430;color:#e5e3ec;letter-spacing:-.05em}
.site-nav{display:flex;align-items:center;gap:34px;margin-left:auto}
.site-nav a{font-size:13px;font-weight:650;color:#c4bfd4;transition:color .2s}
.site-nav a:hover,.site-nav a:focus-visible{color:#fff}
.nav-action{display:inline-flex;align-items:center;gap:12px;border:1px solid #6b6182;border-radius:11px;padding:12px 16px;font-size:12px;font-weight:760;transition:background .2s,border-color .2s}
.nav-action:hover,.nav-action:focus-visible{background:#272139;border-color:#ad9bd5}
.nav-action span{color:#52e6d5}
.hero{min-height:840px;padding-top:102px;padding-bottom:66px;position:relative;display:grid;grid-template-columns:46% 54%;align-items:center}
.hero::before{content:"";position:absolute;inset:-88px -60vw 0;z-index:-2;background:radial-gradient(ellipse 29% 40% at 51% 42%,#2c1b5d5c,transparent 82%),radial-gradient(ellipse 19% 35% at 72% 47%,#093d4b64,transparent 85%),linear-gradient(180deg,#11101f 0%,#0b0b16 100%)}
.hero::after{content:"";position:absolute;z-index:-1;inset:0 -60vw;background-image:linear-gradient(#fff1 1px,transparent 1px),linear-gradient(90deg,#fff1 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(90deg,transparent 18%,#000 50%,transparent 82%);opacity:.26;transform:perspective(550px) rotateX(67deg) translateY(140px)}
.hero-orb{position:absolute;z-index:-1;border-radius:50%;filter:blur(88px);opacity:.23;pointer-events:none}
.orb-one{width:260px;height:260px;top:70px;left:-200px;background:#ad3ccc}
.orb-two{width:320px;height:320px;right:-180px;bottom:80px;background:#08b9ba}
.hero-copy{align-self:center;position:relative;z-index:2;padding-bottom:50px}
.eyebrow{display:inline-flex;align-items:center;gap:11px;font-size:10px;font-weight:850;letter-spacing:.17em;color:#8ce9e0;text-transform:uppercase}
.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:#38efd1;box-shadow:0 0 0 4px #38efd129,0 0 16px #38efd1}
h1,h2,h3,p{margin-top:0}
h1,h2{letter-spacing:-.066em}
.hero h1{font-size:clamp(56px,5.55vw,88px);line-height:1.04;margin:27px 0 24px;font-weight:790;max-width:710px;white-space:nowrap}
h1 em,.closing h2 em{font-style:normal;background:linear-gradient(93deg,#83f1d9 7%,#5eb5ff 42%,#be87ff 74%,#f092d4 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-lede{font-size:17px;line-height:1.75;color:#bdb7ce;max-width:510px;margin-bottom:32px}
.hero-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:50px;padding:0 22px;border-radius:12px;font-weight:750;font-size:13px;transition:transform .2s,box-shadow .2s,background .2s}
.button:hover,.button:focus-visible{transform:translateY(-2px)}
.button-primary{color:#0f1020;background:linear-gradient(105deg,#58e9d0 0%,#98d2ff 45%,#c69dff 100%);box-shadow:0 15px 36px #3c81d42c}
.button-primary:hover,.button-primary:focus-visible{box-shadow:0 19px 45px #49bdb657}
.button-primary span{font-size:18px;font-weight:600}
.button-quiet{border:1px solid #4b465d;background:#1d1a2c;color:#f3f0fa}
.button-quiet:hover,.button-quiet:focus-visible{background:#2b253f}
.play-icon{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:8px;background:#ffffff20;color:#a2f4e3;padding-left:2px}
.hero-proof{display:flex;align-items:center;gap:11px;color:#8c899e;font-size:11px;margin-top:31px;font-weight:600;letter-spacing:.015em}
.proof-pulse{width:7px;height:7px;border-radius:50%;background:#42e3b5;box-shadow:0 0 0 4px #42e3b51f}
.hero-product{position:relative;z-index:1;margin-left:-28px;transform:perspective(1400px) rotateY(-9deg) rotateX(3deg) translateX(26px);transform-origin:35% 50%}
.product-glow{position:absolute;inset:8% 4% -4%;background:linear-gradient(130deg,#7a49ec88,#24c7d388,#f485c069);filter:blur(45px);opacity:.58;z-index:-1}
.product-window{padding:7px;border:1px solid #ffffff4d;border-radius:19px;background:linear-gradient(135deg,#cab8ff77,#79dce46d,#f1a5d083);box-shadow:0 42px 100px #000a,0 12px 42px #8261b63d;overflow:hidden}
.window-chrome{height:31px;border-radius:12px 12px 0 0;background:#191624;color:#c6bbda;display:flex;align-items:center;justify-content:space-between;padding:0 12px;font-size:8px;font-weight:760;letter-spacing:.1em;text-transform:uppercase}
.window-dots{display:flex;gap:5px}.window-dots i{width:6px;height:6px;border-radius:50%;background:#a995bc}.window-dots i:first-child{background:#ff9b91}.window-dots i:nth-child(2){background:#f2d184}.window-dots i:last-child{background:#66dcbf}
.window-live{display:flex;gap:5px;align-items:center}.window-live i{width:5px;height:5px;background:#48e4be;border-radius:50%}
.product-window img,.product-window video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:0 0 10px 10px;background:#0c0b09}
.floating-card{display:flex;align-items:center;gap:11px;padding:12px 15px;position:absolute;border:1px solid #ffffff33;border-radius:14px;background:#201c35e8;backdrop-filter:blur(18px);box-shadow:0 18px 45px #060411a8;white-space:nowrap}
.floating-card strong,.floating-card small{display:block}.floating-card strong{font-size:11px}.floating-card small{font-size:9px;color:#b4aaca;margin-top:3px}
.floating-card-top{top:2%;right:-4%}.floating-card-bottom{bottom:-3%;left:3%}
.floating-icon{width:27px;height:27px;border-radius:8px;background:linear-gradient(140deg,#6b64ff,#c26ce0);display:grid;place-items:center;font-size:14px}
.floating-status{width:11px;height:11px;border-radius:50%;background:#54e9c6;box-shadow:0 0 0 5px #54e9c62c}
.preview-note{position:absolute;bottom:38px;right:0;width:55%;text-align:center;font-size:10px;color:#777184;letter-spacing:.02em}
.signal-strip{display:flex;align-items:center;justify-content:center;gap:54px;height:70px;padding:0 28px;background:#161424;border-top:1px solid #ffffff0f;border-bottom:1px solid #ffffff0f;white-space:nowrap;overflow:auto}
.signal-strip span{font-size:10px;font-weight:850;letter-spacing:.18em;color:#aca4ba}.signal-strip i{font-style:normal;color:#7866b8}
.intro{padding-top:112px;padding-bottom:130px}
.section-kicker{display:flex;align-items:center;gap:20px;color:#6fe5d8;font-size:10px;letter-spacing:.18em;font-weight:850;white-space:nowrap}
.kicker-line{width:70px;height:1px;background:#79dfd04a}
.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;margin:24px 0 62px;align-items:start}
.intro h2,.workflow h2,.product-heading h2{font-size:clamp(42px,4.4vw,70px);line-height:1.1;margin:0;font-weight:770}
.intro h2 span,.workflow h2 span,.product-heading h2 span{color:#817c93}
.intro-copy{max-width:495px;padding-top:10px}.intro-copy p{font-size:15px;line-height:1.8;color:#b5b0c3;margin-bottom:16px}.intro-copy strong{color:#fff;font-weight:680}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.feature-card{min-height:260px;border:1px solid #ffffff17;border-radius:18px;padding:24px 27px;background:linear-gradient(160deg,#1d1b2d,#14131f 74%);position:relative;transition:border-color .2s,transform .2s}
.feature-card:hover{border-color:#7f6c9e;transform:translateY(-4px)}
.feature-number{position:absolute;top:25px;right:27px;color:#696477;font-size:10px;font-weight:800;letter-spacing:.14em}
.feature-symbol{display:grid;place-items:center;width:47px;height:47px;border:1px solid #ffffff21;border-radius:13px;font-size:23px;margin-bottom:36px}.feature-symbol.cyan{color:#68e6d8;background:#20d3be16}.feature-symbol.violet{color:#b297ff;background:#9a79ff1a}.feature-symbol.amber{color:#ffd388;background:#ffc16e15}
.feature-card h3{font-size:17px;letter-spacing:-.025em;margin-bottom:10px}.feature-card p{font-size:13px;line-height:1.65;color:#a9a3b8;max-width:310px;margin-bottom:0}
.product-section{padding:115px 0 120px;background:radial-gradient(ellipse 70% 75% at 80% 35%,#31266070,transparent 90%),#171426;border-block:1px solid #ffffff13}
.section-kicker.light{color:#c0a6ff}.section-kicker.light .kicker-line{background:#ba9ffb55}
.product-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:26px 0 47px}.product-heading h2{margin-bottom:19px}.product-heading h2 span{color:#a7a0bc}.product-heading p{font-size:14px;color:#b2aabf;line-height:1.7;max-width:510px;margin:0}
.screenshot-label{display:inline-flex;align-items:center;gap:8px;color:#a6dfd5;font-size:10px;font-weight:800;letter-spacing:.15em;margin-bottom:5px;white-space:nowrap}.screenshot-label span{width:7px;height:7px;background:#45d9b2;border-radius:50%;box-shadow:0 0 0 4px #45d9b21e}
.gallery{display:grid;grid-template-columns:minmax(0,1.74fr) minmax(280px,.76fr);gap:18px;align-items:stretch}
.gallery-main{overflow:hidden;background:#211d31;border:1px solid #ffffff27;border-radius:20px;box-shadow:0 25px 80px #05030d70}
.gallery-image-wrap{position:relative;aspect-ratio:16/9;background:linear-gradient(145deg,#463a67,#201e37);overflow:hidden}.gallery-image-wrap img,.gallery-image-wrap video{width:100%;height:100%;object-fit:cover;display:block}.gallery-live{position:absolute;top:16px;left:16px;display:flex;align-items:center;gap:7px;padding:8px 10px;border-radius:999px;background:rgba(12,11,9,.8);color:#fff;font:800 8px/1 "Lucida Console","Courier New",monospace;letter-spacing:.08em;text-transform:uppercase;pointer-events:none}.gallery-live i{width:7px;height:7px;border-radius:50%;background:#42eea3;box-shadow:0 0 12px #42eea3}
.gallery-caption{display:flex;gap:22px;align-items:start;padding:25px 29px;min-height:105px}.gallery-caption>span{color:#aa99d2;font-size:10px;letter-spacing:.12em;font-weight:850;white-space:nowrap;margin-top:4px}.gallery-caption h3{font-size:17px;margin:0 0 6px;letter-spacing:-.025em;color:#fff}.gallery-caption p{font-size:12px;color:#a9a2b9;line-height:1.6;margin:0}
.gallery-tabs{display:grid;gap:12px;grid-template-rows:repeat(3,1fr)}
.gallery-tab{display:flex;align-items:center;gap:14px;text-align:left;padding:14px;border:1px solid #ffffff25;border-radius:16px;background:#211d31;color:#fff;min-width:0;transition:background .2s,border-color .2s,transform .2s}
.gallery-tab:hover,.gallery-tab:focus-visible{background:#302846;border-color:#9c82cb;transform:translateX(-3px)}.gallery-tab.active{border-color:#a490da;background:linear-gradient(130deg,#383052,#26213b)}
.tab-thumb{width:84px;height:69px;border-radius:9px;overflow:hidden;flex:none;background:#7e6ca1}.tab-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.tab-copy{min-width:0;display:grid;gap:5px}.tab-copy small{font-size:8px;letter-spacing:.13em;color:#a29bc0;font-weight:850}.tab-copy strong{font-size:13px;letter-spacing:-.018em}.tab-copy>span{font-size:10px;color:#aca5bb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tab-arrow{margin-left:auto;align-self:flex-start;color:#b6a1eb}
.gallery-disclaimer{color:#878096;font-size:11px;margin:19px 0 0}
.workflow{padding-block:118px 140px}.workflow-heading{display:flex;justify-content:space-between;gap:60px;align-items:end;margin:28px 0 62px}.workflow-heading p{font-size:15px;line-height:1.8;color:#b6afc2;max-width:430px;margin:0 0 8px}
.workflow-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;position:relative}.workflow-steps::before{content:"";position:absolute;left:10%;right:10%;top:36px;height:1px;background:linear-gradient(90deg,#20d3c099,#8562e399,#ef94c099)}
.workflow-steps article{position:relative}.step-index{display:block;font-size:10px;color:#918aa7;letter-spacing:.17em;font-weight:800;margin-bottom:20px}.step-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(140deg,#3a334d,#26203b);border:1px solid #a391b060;box-shadow:0 0 0 8px #0c0b16;font-size:23px;color:#86e6d6;margin-bottom:28px}.workflow-steps article:nth-child(2) .step-icon{color:#c6a3ff}.workflow-steps article:nth-child(3) .step-icon{color:#f3aecc}.workflow-steps h3{font-size:19px;letter-spacing:-.035em;margin-bottom:10px}.workflow-steps p{color:#a9a3b7;font-size:13px;line-height:1.7;max-width:310px;margin:0}
.closing{position:relative;overflow:hidden;border:1px solid #ffffff24;border-radius:27px;text-align:center;min-height:520px;padding:97px 30px 70px;background:radial-gradient(ellipse 55% 80% at 50% 120%,#3f356d 0%,transparent 90%),linear-gradient(140deg,#1d1934,#141427 65%,#22162e)}
.closing::before{content:"";position:absolute;inset:0;background-image:linear-gradient(115deg,transparent 25%,#ffffff07 25% 26%,transparent 26% 74%,#ffffff05 74% 75%,transparent 75%);background-size:140px 140px;opacity:.25;pointer-events:none}
.closing-glow{position:absolute;width:320px;height:140px;background:#5c53e2;filter:blur(100px);opacity:.27;left:calc(50% - 160px);bottom:20px}
.closing>*:not(.closing-glow){position:relative}.closing h2{font-size:clamp(43px,5vw,74px);line-height:1.13;margin:26px 0 18px;font-weight:760}.closing p{color:#b6afc5;line-height:1.75;font-size:15px;max-width:560px;margin:0 auto 30px}.closing .button{margin:auto}.release-note{display:block;margin-top:25px;font-size:10px;color:#8f88a4}
.install{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:46px;overflow:hidden;padding:72px;border:1px solid #ffffff28;border-radius:27px;background:radial-gradient(ellipse 70% 100% at 94% 17%,#42408355,transparent 75%),linear-gradient(140deg,#201c38,#141425 65%,#241729)}
.install::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(115deg,transparent 25%,#ffffff06 25% 26%,transparent 26% 74%,#ffffff05 74% 75%,transparent 75%);background-size:140px 140px;opacity:.3}
.install-glow{position:absolute;width:410px;height:280px;background:#4a6df0;filter:blur(130px);opacity:.15;right:6%;top:2%;pointer-events:none}
.install>*:not(.install-glow){position:relative;z-index:1}
.install-copy h2{font-size:clamp(45px,4.5vw,67px);line-height:1.09;letter-spacing:-.063em;margin:26px 0 22px;font-weight:770}
.install-copy h2 em{font-style:normal;background:linear-gradient(90deg,#6debd7,#8cbfff,#d792f4);-webkit-background-clip:text;background-clip:text;color:transparent}
.install-copy>p:not(.preview-disclaimer){font-size:15px;line-height:1.75;color:#b8b1c6;max-width:570px;margin-bottom:26px}
.install-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:21px}
.install-actions .button{min-height:54px;white-space:nowrap}
.install-actions .button span:first-child{font-size:22px;line-height:1}
.download-disabled{filter:saturate(.2);opacity:.6;cursor:not-allowed;pointer-events:none;box-shadow:none}
.download-status{font-size:11px;color:#aaa2ba;max-width:190px;line-height:1.5}
.release-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.release-meta>span{border:1px solid #ffffff26;background:#ffffff0c;padding:7px 10px;border-radius:7px;font-size:9px;letter-spacing:.11em;color:#b6b0c5;font-weight:800}
.preview-disclaimer{color:#888199;font-size:10px;line-height:1.6;margin:20px 0 0;max-width:560px}
.install-card{align-self:center;border:1px solid #ffffff3d;border-radius:20px;padding:9px;background:linear-gradient(145deg,#63588977,#26233f);box-shadow:0 25px 55px #0504107a;transform:rotate(3deg)}
.install-card-top,.install-card-bottom{display:flex;align-items:center;gap:12px;padding:13px 15px;background:#171527}.install-card-top{border-radius:12px 12px 0 0}.install-card-top .brand-mark{width:37px;height:37px;border-radius:11px;font-size:18px}
.install-card-top strong,.install-card-top small{display:block}.install-card-top strong{font-size:13px}.install-card-top small{font-size:9px;color:#aba3bf;margin-top:2px}
.install-card-os{margin-left:auto;padding:5px 7px;border:1px solid #76e3d17a;border-radius:5px;color:#85ebdc;font-size:8px;font-weight:900;letter-spacing:.11em}
.install-card>img{width:100%;height:auto;display:block;aspect-ratio:16/9;object-fit:cover}
.install-card-bottom{border-radius:0 0 12px 12px;justify-content:space-between;color:#b5aec6;font-size:9px}.install-card-bottom span:first-child{display:flex;align-items:center;gap:6px}.install-card-bottom i{width:6px;height:6px;border-radius:50%;background:#56e6c6;box-shadow:0 0 0 3px #56e6c628}.install-card-bottom span:last-child{color:#8debdc}
.runtime-support{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:28px;border-top:1px solid #ffffff24;margin-top:23px;padding-top:34px}
.runtime-kicker{font-size:9px;letter-spacing:.16em;color:#a794d2;font-weight:850}.runtime-support h3{font-size:25px;letter-spacing:-.04em;margin:8px 0 8px}.runtime-support p{font-size:12px;line-height:1.6;color:#a8a2b9;max-width:440px;margin:0}
.runtime-list{display:grid;gap:11px}.runtime-item{display:flex;align-items:center;gap:13px;padding:13px;border:1px solid #ffffff2c;background:#ffffff0c;border-radius:12px}.runtime-icon{height:34px;width:34px;display:grid;place-items:center;background:linear-gradient(140deg,#5653b8,#a47ae8);border-radius:9px;font-size:19px}.runtime-item strong,.runtime-item small{display:block}.runtime-item strong{font-size:13px}.runtime-item small{color:#aaa3bc;font-size:10px;margin-top:3px}.runtime-badge{margin-left:auto;font-size:8px;letter-spacing:.08em;font-weight:850;color:#6de9d1;background:#31caa21c;border-radius:5px;padding:7px 8px;white-space:nowrap}.runtime-more{font-size:10px;color:#8e879e;text-align:right}
.site-footer{min-height:180px;display:flex;align-items:center;gap:30px;color:#8f899d;font-size:11px}.site-footer .brand-wordmark{color:#fff}.site-footer p{margin:0 auto 0 0}.site-footer>span{white-space:nowrap}
:focus-visible{outline:2px solid #75e4d7;outline-offset:4px}
@media(max-width:1100px){.hero{grid-template-columns:1fr;padding-top:82px;min-height:auto;gap:55px}.hero-copy{padding-bottom:0}.hero h1{white-space:normal}.hero-product{max-width:850px;width:90%;margin:0 auto;transform:perspective(1400px) rotateY(-4deg) rotateX(2deg)}.preview-note{position:static;width:100%;grid-column:1;margin:0}.gallery{grid-template-columns:1fr}.gallery-tabs{grid-template-columns:repeat(3,1fr);grid-template-rows:auto}.gallery-tab{align-items:start;flex-direction:column}.tab-thumb{width:100%;height:auto;aspect-ratio:16/9}.tab-arrow{display:none}}
@media(max-width:760px){.section-wrap,.site-header{width:min(calc(100% - 36px),var(--wrap))}.site-header{height:72px;gap:16px}.site-nav{display:none}.nav-action{margin-left:auto;padding:10px 12px;font-size:11px}.brand-mark{width:36px;height:36px;font-size:18px}.brand-wordmark{font-size:20px}.hero{padding-top:78px;gap:55px}.hero h1{font-size:clamp(48px,10vw,68px)}.hero-lede{font-size:15px}.hero-product{width:100%;transform:none}.floating-card{display:none}.preview-note{font-size:9px}.signal-strip{justify-content:start;gap:25px;height:60px}.signal-strip span{font-size:9px}.intro{padding-block:85px}.intro-grid,.workflow-heading{grid-template-columns:1fr;display:grid;gap:26px}.intro-grid{margin-bottom:35px}.intro-copy{padding:0}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:190px}.feature-symbol{margin-bottom:24px}.product-section{padding-block:85px}.product-heading{align-items:start;display:block}.screenshot-label{margin-top:20px}.gallery-caption{padding:20px;min-height:120px}.gallery-tabs{grid-template-columns:1fr}.gallery-tab{flex-direction:row}.tab-thumb{width:83px;height:68px;aspect-ratio:auto}.tab-arrow{display:block}.workflow{padding-block:85px}.workflow-heading{margin-bottom:48px}.workflow-steps{grid-template-columns:1fr;gap:35px}.workflow-steps::before{display:none}.step-icon{margin-bottom:18px}.closing{padding:75px 22px 70px;min-height:auto}.site-footer{padding-block:45px;display:grid;gap:16px}.site-footer p{margin:0}}
@media(max-width:460px){.site-header{gap:8px}.nav-action{padding:10px 11px}.nav-action span{display:none}.hero-actions{align-items:stretch}.hero-actions .button{width:100%}.hero-proof{flex-wrap:wrap;line-height:1.6}.hero h1{font-size:46px}.window-chrome{font-size:6px;height:25px}.gallery-caption{display:block}.gallery-caption>span{display:block;margin-bottom:10px}.closing h2{font-size:42px}}
@media(max-width:1100px){.install{grid-template-columns:1fr;padding:58px}.install-card{width:min(100%,620px);margin-inline:auto;transform:none}.runtime-support{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.install{padding:48px 24px;gap:34px}.install-copy h2{font-size:clamp(43px,9vw,62px)}.runtime-support{grid-template-columns:1fr;gap:20px;margin-top:0}.runtime-more{text-align:left}.install-card{max-width:580px}}
@media(max-width:460px){.install-actions .button{width:100%}.download-status{max-width:none}.runtime-item{gap:9px}.runtime-badge{font-size:7px;padding:6px}.install-copy>p:not(.preview-disclaimer){font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* LM Office workspace brand system — derived from the v59 internal workspace. */
:root{
  color-scheme:light;
  --bg:#f4f1eb;
  --ink:#201d18;
  --muted:#716b62;
  --line:#ddd5ca;
  --cyan:#8f6846;
  --violet:#6f4a2e;
  --pink:#c79a72;
  --orange:#d9bd9f;
  --lm-paper:#fffdf9;
  --lm-soft:#eee2d6;
  --lm-brown:#765335;
  --lm-brown-deep:#2d241d;
  --lm-bronze:#b7834f;
  --lm-shadow:0 18px 48px rgba(61,41,29,.10);
}
body{background:radial-gradient(circle at 84% 4%,rgba(183,131,79,.12),transparent 28rem),var(--bg);color:var(--ink)}
::selection{background:#d9bd9f;color:#2d241d}
.site-shell{overflow:clip}
.site-header{height:82px;border-bottom:1px solid var(--line);background:rgba(244,241,235,.88);backdrop-filter:blur(16px);position:sticky;top:0;width:100%;padding-inline:max(32px,calc((100% - var(--wrap))/2));z-index:20}
.brand-mark{background:linear-gradient(145deg,#d7b48e 0%,#8a6241 48%,#3f2b1e 100%);box-shadow:inset 3px 3px 7px rgba(255,255,255,.32),0 8px 18px rgba(61,41,29,.22);border-radius:12px}
.brand-wordmark{color:var(--ink)}
.brand-wordmark span{color:var(--lm-brown);font-weight:620}
.site-nav a{color:#665f56}.site-nav a:hover,.site-nav a:focus-visible{color:#241d17}
.nav-action{color:#fff;background:var(--lm-brown-deep);border-color:var(--lm-brown-deep);border-radius:8px;box-shadow:0 8px 20px rgba(45,36,29,.14)}
.nav-action span{color:#d8b58f}.nav-action:hover,.nav-action:focus-visible{background:#4b3829;border-color:#4b3829}
.hero{min-height:790px;padding-top:88px}
.hero::before{background:radial-gradient(circle at 76% 29%,rgba(183,131,79,.16),transparent 24rem),linear-gradient(135deg,#fffdf9 0%,#f2e9df 58%,#e7d6c4 100%)}
.hero::after{background-image:linear-gradient(rgba(86,56,32,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(86,56,32,.08) 1px,transparent 1px);opacity:.36}
.orb-one{background:#b7834f}.orb-two{background:#765335}
.eyebrow,.section-kicker{color:var(--lm-brown);font-family:"Lucida Console","Courier New",monospace}
.eyebrow-dot,.proof-pulse{background:var(--lm-bronze);box-shadow:0 0 0 4px rgba(183,131,79,.14)}
.hero h1{color:#1f1b17}.hero h1 em,.closing h2 em,.install-copy h2 em{background:linear-gradient(95deg,#4f3827 0%,#8b623f 44%,#c29162 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-lede{color:#5d564e}.hero-proof{color:#776f65}
.button{border-radius:8px}.button-primary{color:#fff;background:linear-gradient(105deg,#3e3025,#795638 58%,#b7834f);box-shadow:0 14px 30px rgba(75,51,33,.20)}
.button-primary:hover,.button-primary:focus-visible{box-shadow:0 18px 38px rgba(75,51,33,.28)}
.button-quiet{background:rgba(255,253,249,.68);border-color:#bdae9d;color:#34291f}.button-quiet:hover,.button-quiet:focus-visible{background:#fff;border-color:#8a6749}
.play-icon{background:#efe2d5;color:#765335}
.product-window{padding:6px;border-color:rgba(75,51,33,.24);border-radius:15px;background:linear-gradient(135deg,#ead7c4,#ae8158,#583c29);box-shadow:0 38px 80px rgba(49,32,21,.25),0 10px 30px rgba(87,58,37,.16)}
.window-chrome{background:#211c17;color:#d7c7b7}.window-live i{background:#d2a36f}
.floating-card{border-color:rgba(255,255,255,.13);border-radius:10px;background:rgba(39,31,24,.94);box-shadow:0 18px 40px rgba(40,26,17,.28)}
.floating-card small{color:#c6b7a8}.floating-icon{background:linear-gradient(145deg,#c69a70,#65452f)}.floating-status{background:#cda26f;box-shadow:0 0 0 5px rgba(205,162,111,.18)}
.preview-note{color:#736b61}
.signal-strip{background:#211e1a;border-color:#352e27}.signal-strip span{color:#c9bfb3}.signal-strip i{color:#9d754e}
.intro{background:transparent}.kicker-line{background:rgba(118,83,53,.25)}
.intro h2 span,.workflow h2 span,.product-heading h2 span{color:#8c8277}
.intro-copy p,.workflow-heading p{color:#625b53}.intro-copy strong{color:#28211b}
.feature-card{border-color:var(--line);border-radius:12px;background:rgba(255,253,249,.88);box-shadow:0 8px 24px rgba(46,32,22,.045)}
.feature-card:hover{border-color:#b99370;box-shadow:var(--lm-shadow)}
.feature-number{color:#a79d91}.feature-symbol{border-radius:10px;border-color:#d9cabb}.feature-symbol.cyan,.feature-symbol.violet,.feature-symbol.amber{color:#765335;background:#efe2d5}
.feature-card p{color:#686057}
.product-section{background:radial-gradient(circle at 82% 28%,rgba(183,131,79,.16),transparent 31rem),#211e1a;border-color:#3a332c}
.product-section .section-kicker,.screenshot-label{color:#d1a677}.section-kicker.light .kicker-line{background:rgba(209,166,119,.32)}
.product-heading h2{color:#fff}.product-heading h2 span{color:#a89e93}.product-heading p{color:#c7bdb1}
.gallery-main{background:#2b2722;border-color:#4d443b;border-radius:14px;box-shadow:0 25px 65px rgba(0,0,0,.25)}
.gallery-image-wrap{background:#3b332b}.gallery-caption>span{color:#cba375}.gallery-caption p{color:#b8aea3}
.gallery-tab{border-color:#4b433a;border-radius:10px;background:#2a2622;color:#fff}
.gallery-tab:hover,.gallery-tab:focus-visible{background:#373029;border-color:#9f7955}.gallery-tab.active{border-color:#c59a70;background:linear-gradient(135deg,#45372b,#29241f)}
.tab-thumb{border-radius:6px;background:#79604a}.tab-copy small,.tab-arrow{color:#d1a677}.tab-copy>span{color:#b8aea2}
.workflow{color:var(--ink)}.workflow-steps::before{background:linear-gradient(90deg,transparent,#b7834f,transparent)}
.step-index{color:#8d8275}.step-icon{border-radius:10px;background:linear-gradient(145deg,#fffdf9,#e6d7c8);border-color:#cdb99f;box-shadow:0 0 0 8px var(--bg);color:#765335!important}
.workflow-steps p{color:#686057}
.install{border-color:#d2c1ae;border-radius:18px;background:radial-gradient(circle at 91% 10%,rgba(183,131,79,.20),transparent 24rem),linear-gradient(135deg,#fffdf9,#eee2d6);box-shadow:var(--lm-shadow)}
.install::before{background-image:linear-gradient(115deg,transparent 25%,rgba(86,56,32,.03) 25% 26%,transparent 26% 74%,rgba(86,56,32,.03) 74% 75%,transparent 75%)}
.install-glow{background:#b7834f;opacity:.09}.install-copy h2{color:#211d18}.install-copy>p:not(.preview-disclaimer){color:#625b53}
.download-status,.preview-disclaimer{color:#756c62}.release-meta>span{border-color:#d4c4b3;background:rgba(255,255,255,.6);color:#695e53}
.install-card{border-color:#bda88f;border-radius:14px;background:linear-gradient(145deg,#d9bd9f,#7a5639);box-shadow:0 24px 50px rgba(61,41,29,.22)}
.install-card-top,.install-card-bottom{background:#211e1a}.install-card-top{border-radius:8px 8px 0 0}.install-card-bottom{border-radius:0 0 8px 8px;color:#c5b9ac}.install-card-top small{color:#b8ab9e}.install-card-os{border-color:#b98a5e;color:#d5ae86}.install-card-bottom span:last-child{color:#d7af86}.install-card-bottom i{background:#c89868;box-shadow:0 0 0 3px rgba(200,152,104,.2)}
.runtime-support{border-color:#d7c8b8}.runtime-kicker{color:#8d6847}.runtime-support p,.runtime-more{color:#746b61}.runtime-item{border-color:#d4c2af;background:rgba(255,255,255,.62);border-radius:9px}.runtime-icon{background:linear-gradient(145deg,#c19569,#65452f)}.runtime-item small{color:#756c63}.runtime-badge{color:#684629;background:#ead8c5}
.closing{border-color:#d0bda8;border-radius:18px;background:radial-gradient(circle at 50% 110%,rgba(183,131,79,.24),transparent 38rem),linear-gradient(140deg,#fffdf9,#eadccf);color:#211d18}
.closing::before{background-image:linear-gradient(115deg,transparent 25%,rgba(86,56,32,.035) 25% 26%,transparent 26% 74%,rgba(86,56,32,.035) 74% 75%,transparent 75%)}
.closing p{color:#625b53}.release-note{color:#81776d}
.site-footer{color:#746c63}.site-footer .brand-wordmark{color:var(--ink)}
:focus-visible{outline-color:#9a704c}
@media(max-width:760px){.site-header{padding-inline:18px}.install{padding:42px 24px}.hero{padding-top:62px}}

/* Official LM Office identity */
.site-header{
  background:rgba(33,30,26,.96);
  border-bottom-color:rgba(255,255,255,.08);
  box-shadow:0 8px 30px rgba(40,27,18,.12);
}
.official-logo{display:block;width:188px;height:63px;object-fit:contain;object-position:left center;filter:drop-shadow(0 4px 12px rgba(183,131,79,.18))}
.site-header .official-logo{width:166px;height:58px}
.site-header .site-nav a{color:#d8d0c7}.site-header .site-nav a:hover,.site-header .site-nav a:focus-visible{color:#fff}
.site-header .nav-action{background:linear-gradient(115deg,#6f4a2e,#b7834f);border-color:#c29365;color:#fff}
.site-header .nav-action span{color:#fff3e4}
.official-logo-compact{width:126px;height:42px;flex:none}
.install-card-top>div{margin-right:auto}.install-card-top>div small{margin:0}
.site-footer{width:100%;min-height:180px;background:#211e1a;color:#c6bcb0}
.site-footer-inner{min-height:180px;display:flex;align-items:center;gap:30px}
.site-footer-inner p{margin:0 auto 0 0}.site-footer-inner>span{white-space:nowrap}
.official-logo-footer{width:166px;height:56px}
@media(max-width:760px){
  .site-header .official-logo{width:142px;height:50px}
  .official-logo-footer{width:150px;height:50px}
  .site-footer-inner{padding-block:42px;display:grid;gap:16px}
  .site-footer-inner p{margin:0}
}
@media(max-width:460px){.site-header .official-logo{width:126px;height:46px}.official-logo-compact{width:108px}}

/* Locked Tone Palette — LMOffice Hub v50 brand reference. */
:root{
  --bg:#f8f5f1;
  --ink:#0a0a0a;
  --muted:#76685f;
  --line:rgba(61,41,29,.16);
  --lm-paper:#fffdf9;
  --lm-soft:#f4e9de;
  --lm-brown-deep:#3d291d;
  --lm-brown:#6f4a2e;
  --lm-warm-brown:#8c623f;
  --lm-bronze:#b7834f;
  --lm-soft-bronze:#d4ae82;
  --lm-black:#0a0a0a;
  --lm-capsule:linear-gradient(135deg,#fff8f1 0%,#f4e9de 52%,#d4ae82 100%);
}
body{background:radial-gradient(circle at 85% 5%,rgba(212,174,130,.14),transparent 30rem),#f8f5f1;color:var(--ink)}
.site-header,.site-footer{background:var(--lm-black)}
.site-header{border-bottom-color:rgba(212,174,130,.18);box-shadow:0 10px 34px rgba(10,10,10,.18)}
.site-header .nav-action{background:linear-gradient(115deg,var(--lm-brown-deep),var(--lm-brown));border-color:var(--lm-warm-brown)}
.hero::before{background:radial-gradient(circle at 77% 28%,rgba(212,174,130,.22),transparent 25rem),linear-gradient(135deg,#fffdf9 0%,#f4e9de 62%,#e8d2bb 100%)}
.hero h1 em,.closing h2 em,.install-copy h2 em{background:linear-gradient(95deg,var(--lm-brown-deep),var(--lm-brown) 48%,var(--lm-bronze));-webkit-background-clip:text;background-clip:text;color:transparent}
.eyebrow-dot,.proof-pulse{background:var(--lm-bronze);box-shadow:0 0 0 4px rgba(183,131,79,.16)}
.button-primary{background:linear-gradient(105deg,var(--lm-brown-deep),var(--lm-brown) 60%,var(--lm-bronze))}
.button-quiet{background:rgba(255,253,249,.78);border-color:rgba(111,74,46,.28)}
.product-window{background:linear-gradient(145deg,#fff8f1 0%,#d4ae82 30%,#8c623f 67%,#3d291d 100%)}
.window-chrome,.floating-card,.signal-strip,.install-card-top,.install-card-bottom{background:var(--lm-black)}
.signal-strip{border-color:rgba(212,174,130,.15)}
.signal-strip span{color:#d8cdc1}.signal-strip i{color:var(--lm-soft-bronze)}
.feature-card{background:var(--lm-paper);border-color:rgba(61,41,29,.16)}
.feature-symbol.cyan,.feature-symbol.violet,.feature-symbol.amber{background:var(--lm-soft);color:var(--lm-brown)}
.product-section{background:radial-gradient(circle at 82% 28%,rgba(183,131,79,.15),transparent 32rem),var(--lm-black);border-color:#211b17}
.gallery-main,.gallery-tab{background:#15120f}.gallery-tab.active{background:linear-gradient(135deg,var(--lm-brown-deep),#17120f);border-color:var(--lm-soft-bronze)}
.gallery-tab:hover,.gallery-tab:focus-visible{background:#211913;border-color:var(--lm-bronze)}
.step-icon{background:var(--lm-capsule);border-color:var(--lm-soft-bronze);color:var(--lm-brown-deep)!important;box-shadow:0 0 0 8px #f8f5f1}
.install,.closing{background:radial-gradient(circle at 90% 8%,rgba(212,174,130,.20),transparent 26rem),linear-gradient(135deg,#fffdf9,#f4e9de);border-color:rgba(111,74,46,.22)}
.release-meta>span,.runtime-item{background:rgba(255,253,249,.75);border-color:rgba(111,74,46,.22)}
.install-card{background:linear-gradient(145deg,#fff8f1 0%,#d4ae82 32%,#8c623f 68%,#3d291d 100%)}
.runtime-icon{background:linear-gradient(145deg,var(--lm-soft-bronze),var(--lm-brown))}.runtime-badge{background:var(--lm-soft);color:var(--lm-brown-deep)}
.site-footer{border-top:1px solid rgba(212,174,130,.16);color:#cbbfb3}
:focus-visible{outline-color:var(--lm-bronze)}

/* Capsule Skin is the primary interaction accent; brown stays restrained. */
:root{
  --lm-capsule-pink:#f3d8d0;
  --lm-capsule-base:#f4e9de;
  --lm-capsule-light:#fff8f4;
  --lm-capsule-accent:linear-gradient(105deg,#f3d8d0 0%,#f4e9de 54%,#fff8f4 100%);
}
.site-header .nav-action{
  background:var(--lm-capsule-accent);
  border-color:#ead0c7;
  color:#2f241d;
  box-shadow:0 8px 22px rgba(243,216,208,.15);
}
.site-header .nav-action span{color:#6f4a2e}
.eyebrow,.section-kicker{color:#8c6659}
.eyebrow-dot,.proof-pulse{background:#eabfb6;box-shadow:0 0 0 4px rgba(243,216,208,.34)}
.hero h1 em,.closing h2 em,.install-copy h2 em{
  background:linear-gradient(95deg,#a16f62 0%,#d8a89d 46%,#f0cfc7 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.button-primary{
  background:var(--lm-capsule-accent);
  color:#2f241d;
  border:1px solid #e9cfc7;
  box-shadow:0 14px 30px rgba(135,88,73,.14);
}
.button-primary:hover,.button-primary:focus-visible{box-shadow:0 18px 38px rgba(135,88,73,.22)}
.button-primary span{color:#6f4a2e}
.button-quiet{border-color:#e8d2ca;background:#fffaf7}
.play-icon{background:#f3d8d0;color:#6f4a2e}
.signal-strip i,.section-kicker.light,.screenshot-label{color:#efc5bc}
.feature-symbol.cyan,.feature-symbol.violet,.feature-symbol.amber{
  background:var(--lm-capsule-accent);
  border-color:#ead0c8;
  color:#6f4a2e;
}
.feature-card:hover{border-color:#e2beb5}
.gallery-tab.active{
  background:linear-gradient(135deg,#4b3730,#211815);
  border-color:#f0c6bd;
  box-shadow:inset 3px 0 0 #f3d8d0;
}
.gallery-tab:hover,.gallery-tab:focus-visible{border-color:#e0b3aa}
.tab-copy small,.tab-arrow,.gallery-caption>span{color:#efc5bc}
.workflow-steps::before{background:linear-gradient(90deg,transparent,#edc1b8,transparent)}
.step-icon{background:var(--lm-capsule-accent);border-color:#e8c9c0}
.release-meta>span{border-color:#ead6cf;background:#fffaf7}
.runtime-icon{background:var(--lm-capsule-accent);color:#4b3428;border:1px solid #e6c8bf}
.runtime-badge{background:#f3d8d0;color:#53382a}
.install-card{background:linear-gradient(145deg,#fff8f4 0%,#f3d8d0 34%,#d4ae82 70%,#6f4a2e 100%)}
:focus-visible{outline-color:#e2afa4}

/* Sales funnel layout */
.funnel-page h2{font-size:clamp(42px,4.6vw,70px);line-height:1.08;letter-spacing:-.06em;margin:0;font-weight:790}
.funnel-page h2 span{color:#8b8178}
.funnel-hero{min-height:760px;padding-top:76px;padding-bottom:84px}
.funnel-hero .hero-copy{padding-bottom:0}
.hero-download{min-width:174px}
.problem-section{padding-block:110px 120px}
.problem-layout,.workflow-intro{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start;margin-top:28px}
.problem-copy,.workflow-intro>p{padding-top:11px}
.problem-copy p,.workflow-intro>p{font-size:16px;line-height:1.8;color:#615a52;margin-bottom:15px}
.problem-strip{display:grid;grid-template-columns:repeat(3,1fr);margin-top:54px;border:1px solid var(--line);border-radius:14px;background:#fffdf9;box-shadow:0 12px 30px rgba(61,41,29,.055)}
.problem-strip span{padding:22px 24px;font-size:13px;font-weight:720;color:#39322c;border-right:1px solid var(--line)}
.problem-strip span:last-child{border-right:0}.problem-strip i{font-style:normal;font-family:"Lucida Console","Courier New",monospace;color:#b47e73;margin-right:12px;font-size:10px}
.approach-section{padding-block:96px 110px;background:var(--lm-black);color:#fff}
.approach-marble{--reveal-strength:.15;position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 10% 18%,rgba(224,164,151,.07),transparent 25rem),radial-gradient(circle at 88% 82%,rgba(164,93,79,.06),transparent 28rem),#080807}
.approach-marble .approach-grid{position:relative;z-index:4}
.approach-shell{position:relative;z-index:4}
.approach-problem{display:grid;grid-template-columns:1.05fr .95fr;column-gap:72px;align-items:end;padding-bottom:62px;margin-bottom:72px;border-bottom:1px solid rgba(239,197,188,.18)}
.approach-problem h2{font-size:clamp(38px,4.5vw,65px);line-height:.98;margin:24px 0 0;letter-spacing:-.055em}.approach-problem h2 span{color:#efc5bc}
.approach-problem>p{color:#c7bdb3;font-size:15px;line-height:1.75;max-width:520px;margin:0}
.approach-problem-signals{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}.approach-problem-signals span{padding:9px 13px;border:1px solid #352c27;border-radius:999px;background:rgba(21,18,15,.78);color:#bcb1a7;font-size:10px;font-weight:780;letter-spacing:.045em;text-transform:uppercase}
.approach-art{opacity:.18}
.approach-art-left{left:-25vw;top:5%;transform:rotate(-21deg)}
.approach-art-right{right:-24vw;bottom:-4%;transform:rotate(22deg)}
.approach-pixels{opacity:.13;background-position:6% 15%,13% 84%,94% 24%,88% 76%,72% 8%}
.approach-marble .dither-reveal{z-index:2;mix-blend-mode:screen;background:conic-gradient(from 90deg at 1px 1px,rgba(220,156,142,.54) 25%,transparent 0 75%,rgba(128,75,64,.31) 0),conic-gradient(from 90deg at 1px 1px,rgba(239,192,181,.3) 25%,transparent 0 75%,rgba(170,103,89,.28) 0);background-position:0 0,5px 5px;background-size:10px 10px,10px 10px;filter:brightness(.68);-webkit-mask-image:radial-gradient(ellipse 108px 78px at var(--reveal-x,50%) var(--reveal-y,50%),#000 0 12%,rgba(0,0,0,.82) 32%,rgba(0,0,0,.34) 62%,transparent 100%);mask-image:radial-gradient(ellipse 108px 78px at var(--reveal-x,50%) var(--reveal-y,50%),#000 0 12%,rgba(0,0,0,.82) 32%,rgba(0,0,0,.34) 62%,transparent 100%)}
.approach-marble .dither-reveal.is-visible{opacity:var(--reveal-strength)}
.approach-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:78px;align-items:center}
.approach-copy>p{font-size:16px;line-height:1.8;color:#c7bdb3;max-width:520px;margin:25px 0 30px}
.approach-copy h2 span{color:#efc5bc}
.object-language{display:grid;gap:10px}.object-language article{display:flex;align-items:center;gap:14px;padding:14px;border:1px solid #302924;border-radius:10px;background:#15120f}
.object-language article>span{width:40px;height:40px;display:grid;place-items:center;border-radius:9px;background:var(--lm-capsule-accent);color:#53382a;font-size:20px}
.object-language strong,.object-language small{display:block}.object-language strong{font-size:13px}.object-language small{font-size:11px;color:#aa9f94;margin-top:3px}
.approach-visual{margin:0;border:0;border-radius:12px;background:transparent;box-shadow:none;overflow:hidden}
.approach-visual img,.approach-visual video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:12px;background:#0c0b09}.approach-visual figcaption{padding:12px 8px 0;color:#d8cbc0;font-size:10px;text-align:center}
.workflow-demo{padding-block:96px 105px}
.workflow-video{margin:52px 0 0}.workflow-video-frame{position:relative;padding:0;border:0;border-radius:12px;background:transparent;box-shadow:none;overflow:hidden}.workflow-video video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:12px;background:#0c0b09}.workflow-live-badge{position:absolute;top:24px;left:24px;display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(15,13,11,.82);backdrop-filter:blur(10px);color:#fff;font:800 9px/1 "Lucida Console","Courier New",monospace;letter-spacing:.08em;text-transform:uppercase}.workflow-live-badge i{width:8px;height:8px;border-radius:50%;background:#42eea3;box-shadow:0 0 0 4px rgba(66,238,163,.16),0 0 16px rgba(66,238,163,.8)}.workflow-video figcaption{display:flex;align-items:baseline;gap:15px;padding:14px 6px 0;color:#736960;font-size:12px;line-height:1.55}.workflow-video figcaption strong{color:#342c27;font-size:13px;white-space:nowrap}.workflow-video figcaption span{max-width:690px}
.workflow-story{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:52px 0 64px}
.workflow-story article{position:relative;min-height:235px;padding:25px;border:1px solid var(--line);border-radius:13px;background:#fffdf9;box-shadow:0 10px 28px rgba(61,41,29,.05)}
.story-index{position:absolute;right:21px;top:19px;color:#b3a69a;font:800 10px/1 "Lucida Console","Courier New",monospace}
.story-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:10px;background:var(--lm-capsule-accent);border:1px solid #ead0c8;color:#5c3b2c;font-size:20px;margin-bottom:28px}
.workflow-story h3{font-size:18px;margin-bottom:10px}.workflow-story p{color:#686057;font-size:13px;line-height:1.7;margin:0}
.funnel-gallery{margin-top:42px}
.business-section{padding-block:110px 120px}
.business-heading{display:grid;grid-template-columns:1.15fr .85fr;gap:72px;align-items:end;margin:28px 0 52px}.business-heading h2{margin:0;font-size:clamp(42px,5vw,72px);line-height:1.02;letter-spacing:-.055em}.business-heading h2 span{color:#c98273}.business-heading p{margin:0;color:#665e56;font-size:15px;line-height:1.75;max-width:520px}
.business-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.business-grid article{position:relative;min-height:315px;padding:27px;border:1px solid var(--line);border-radius:14px;background:#fffdf9;box-shadow:0 14px 34px rgba(61,41,29,.055);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.business-grid article:hover{transform:translateY(-4px);border-color:#dfb6ac;box-shadow:0 20px 42px rgba(61,41,29,.09)}
.business-grid article>span{width:46px;height:58px;display:grid;place-items:center;border:1px solid #ead0c8;border-radius:999px;background:var(--lm-capsule-accent);color:#5c3b2c;font-size:20px;margin-bottom:27px}.business-grid small{display:block;margin-bottom:13px;color:#a46d61;font:800 9px/1 "Lucida Console","Courier New",monospace;letter-spacing:.14em}.business-grid h3{font-size:20px;margin:0 0 12px}.business-grid p{color:#686057;font-size:13px;line-height:1.72;margin:0 0 24px}.business-grid strong{position:absolute;left:27px;right:27px;bottom:25px;color:#8b7f74;font-size:10px;line-height:1.5;text-transform:uppercase;letter-spacing:.055em}
.reasons-section{padding-block:120px;background:radial-gradient(circle at 82% 18%,rgba(243,216,208,.12),transparent 28rem),var(--lm-black);color:#fff}
.reasons-marble{--reveal-strength:.18;position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 84% 12%,rgba(231,174,162,.08),transparent 27rem),radial-gradient(circle at 8% 88%,rgba(177,105,90,.065),transparent 23rem),#080807}
.reasons-marble>.section-wrap{position:relative;z-index:4}
.reasons-art{position:absolute;z-index:-1;width:min(47vw,720px);aspect-ratio:2.65/1;border:1px solid rgba(226,171,158,.09);border-radius:999px;overflow:hidden;pointer-events:none;opacity:.22;filter:saturate(.72)}
.reasons-art::before,.reasons-art::after,.reasons-art i{content:"";position:absolute;inset:-25%;border-radius:46% 54% 48% 52%;mix-blend-mode:screen;will-change:transform}
.reasons-art::before{background:repeating-radial-gradient(ellipse at 48% 48%,rgba(226,166,152,.35) 0 1px,rgba(129,74,63,.08) 1px 4px,transparent 4px 9px);animation:reasons-marble-drift 31s ease-in-out infinite alternate}
.reasons-art::after{background:radial-gradient(ellipse at 58% 52%,rgba(198,122,106,.2),transparent 18%),conic-gradient(from 80deg,transparent,rgba(229,170,157,.14),transparent 47%);filter:blur(7px);animation:reasons-marble-counter 37s ease-in-out infinite alternate}
.reasons-art i{inset:8% -12%;background:repeating-linear-gradient(16deg,transparent 0 17px,rgba(239,190,179,.075) 18px 20px,transparent 21px 36px);animation:reasons-marble-ripple 25s ease-in-out infinite alternate}
.reasons-art-left{left:-22vw;bottom:4%;transform:rotate(24deg)}
.reasons-art-right{right:-18vw;top:5%;transform:rotate(-19deg)}
.reasons-pixels{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.18;background-image:linear-gradient(#dca99d 0 0),linear-gradient(#a66759 0 0),linear-gradient(#efc4ba 0 0),linear-gradient(#bd7d6e 0 0),linear-gradient(#d89a8d 0 0);background-repeat:no-repeat;background-size:7px 7px,11px 11px,5px 5px,8px 8px,6px 6px;background-position:4% 23%,11% 78%,91% 17%,96% 62%,77% 89%;animation:reasons-pixel-breathe 14s steps(5,end) infinite alternate}
.reasons-marble .dither-reveal{z-index:2;mix-blend-mode:screen;background:conic-gradient(from 90deg at 1px 1px,rgba(220,156,142,.58) 25%,transparent 0 75%,rgba(128,75,64,.35) 0),conic-gradient(from 90deg at 1px 1px,rgba(239,192,181,.34) 25%,transparent 0 75%,rgba(170,103,89,.32) 0);background-position:0 0,5px 5px;background-size:10px 10px,10px 10px;filter:brightness(.72);-webkit-mask-image:radial-gradient(ellipse 112px 82px at var(--reveal-x,50%) var(--reveal-y,50%),#000 0 12%,rgba(0,0,0,.85) 32%,rgba(0,0,0,.38) 62%,transparent 100%);mask-image:radial-gradient(ellipse 112px 82px at var(--reveal-x,50%) var(--reveal-y,50%),#000 0 12%,rgba(0,0,0,.85) 32%,rgba(0,0,0,.38) 62%,transparent 100%)}
.reasons-marble .dither-reveal.is-visible{opacity:var(--reveal-strength)}
@keyframes reasons-marble-drift{to{transform:translate3d(5%,3%,0) rotate(7deg) scale(1.05)}}
@keyframes reasons-marble-counter{to{transform:translate3d(-4%,4%,0) rotate(-8deg) scale(1.08)}}
@keyframes reasons-marble-ripple{to{transform:translate3d(2%,-3%,0) skewX(5deg)}}
@keyframes reasons-pixel-breathe{0%,24%{opacity:.09}100%{opacity:.22;transform:translate3d(5px,-4px,0)}}
.reasons-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin:28px 0 52px}.reasons-heading h2 span{color:#efc5bc}.reasons-heading .button{flex:none}
.reason-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}
.reason-grid article{min-height:220px;padding:24px;border:1px solid #302824;border-radius:12px;background:#15120f;transition:transform .2s,border-color .2s}
.reason-grid article:hover{transform:translateY(-3px);border-color:#e1b7ae}
.reason-grid article>span{width:42px;height:42px;display:grid;place-items:center;border-radius:9px;background:var(--lm-capsule-accent);color:#55382a;font-size:20px;margin-bottom:30px}
.reason-grid h3{font-size:17px;margin-bottom:9px}.reason-grid p{font-size:12.5px;line-height:1.7;color:#aaa095;margin:0}
.later-note{display:flex;gap:16px;align-items:center;margin-top:20px;padding:16px 18px;border:1px solid #312a25;border-radius:10px;color:#a99f94;background:#12100e;font-size:12px}.later-note strong{padding:6px 9px;border-radius:6px;background:#f3d8d0;color:#4b3428;font:800 9px/1 "Lucida Console","Courier New",monospace;text-transform:uppercase;letter-spacing:.08em}.later-note span{color:#b8aea4}
.offer-section{display:grid;grid-template-columns:1.05fr .95fr;gap:54px;margin-block:110px;padding:70px;border:1px solid rgba(111,74,46,.2);border-radius:20px;background:radial-gradient(circle at 88% 12%,rgba(243,216,208,.34),transparent 25rem),linear-gradient(135deg,#fffdf9,#f4e9de);box-shadow:0 22px 55px rgba(61,41,29,.09)}
.offer-copy h2{margin:24px 0 20px}.offer-copy h2 em{font-style:normal;background:linear-gradient(95deg,#a16f62,#d8a89d,#f0cfc7);-webkit-background-clip:text;background-clip:text;color:transparent}.offer-copy>p{font-size:15px;line-height:1.75;color:#625b53;max-width:610px}
.requirements-card{align-self:stretch;padding:28px;border-radius:13px;background:#0a0a0a;color:#fff;box-shadow:0 20px 40px rgba(10,10,10,.15)}
.requirements-label{color:#efc5bc;font:800 9px/1 "Lucida Console","Courier New",monospace;letter-spacing:.15em}.requirements-card h3{font-size:25px;margin:13px 0 22px}.requirements-card ul{list-style:none;margin:0;padding:0}.requirements-card li{display:grid;gap:4px;padding:14px 0;border-top:1px solid #2b2521}.requirements-card li strong{font-size:13px}.requirements-card li span{font-size:11px;color:#aba197}.requirements-card>small{display:block;margin-top:20px;padding:12px;border-radius:7px;background:#191512;color:#c2b5a9;font-size:10px;line-height:1.55}
.about-section{display:grid;grid-template-columns:220px 1fr;align-items:center;gap:72px;margin-bottom:110px;padding:72px;border:1px solid #302824;border-radius:20px;background:radial-gradient(circle at 10% 50%,rgba(243,216,208,.13),transparent 19rem),var(--lm-black);color:#fff;box-shadow:0 28px 65px rgba(31,22,17,.16)}
.about-mark{position:relative;width:150px;height:210px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.2);border-radius:75px;background:linear-gradient(145deg,#fff7ef 0%,#f0c9bc 28%,#c8917e 60%,#79503f 100%);box-shadow:inset 10px 12px 22px rgba(255,255,255,.45),inset -14px -18px 26px rgba(80,43,28,.28),0 20px 45px rgba(0,0,0,.34)}
.about-mark::before,.about-mark::after{content:"";position:absolute;top:78px;width:14px;height:48px;border-radius:999px;background:#2d1b14;box-shadow:inset 0 2px 4px #0008}.about-mark::before{left:45px}.about-mark::after{right:45px}.about-mark span{position:absolute;bottom:-31px;color:#f3d8d0;font:800 12px/1 "Lucida Console","Courier New",monospace;letter-spacing:.12em}.about-mark i{position:absolute;inset:-12px;border:1px solid rgba(240,197,188,.16);border-radius:86px;pointer-events:none}
.about-copy .section-kicker{margin-bottom:28px}.about-copy h2{max-width:780px;font-size:clamp(38px,5vw,68px);line-height:1.05;margin:0 0 24px;color:#fff}.about-copy p{max-width:780px;margin:0;color:#d8cec5;font-size:clamp(19px,2.2vw,29px);line-height:1.5}
.funnel-close{margin-bottom:110px}.funnel-close h2{margin-top:24px}.funnel-close .eyebrow{color:#8c6659}.funnel-close .button{display:inline-flex}
@media(max-width:1000px){.problem-layout,.workflow-intro,.approach-grid,.approach-problem,.business-heading,.offer-section{grid-template-columns:1fr;gap:35px}.approach-problem{align-items:start}.approach-problem-signals{grid-column:1}.approach-visual{max-width:820px}.business-grid,.reason-grid{grid-template-columns:repeat(2,1fr)}.business-grid article:last-child{grid-column:1/-1}.offer-section{padding:52px}.workflow-story{grid-template-columns:1fr}.about-section{grid-template-columns:150px 1fr;gap:48px;padding:54px}.about-mark{width:120px;height:168px}.about-mark::before,.about-mark::after{top:63px;width:11px;height:38px}.about-mark::before{left:36px}.about-mark::after{right:36px}}
@media(max-width:760px){.funnel-hero{padding-top:64px}.workflow-demo,.approach-section,.business-section,.reasons-section{padding-block:82px}.problem-strip,.business-grid,.reason-grid{grid-template-columns:1fr}.business-grid article:last-child{grid-column:auto}.problem-strip span{border-right:0;border-bottom:1px solid var(--line)}.problem-strip span:last-child{border-bottom:0}.reasons-heading{display:grid;align-items:start}.reasons-heading .button{width:100%}.offer-section{padding:42px 24px;margin-block:75px}.workflow-story{margin-top:38px}.approach-grid{gap:46px}.approach-problem{padding-bottom:46px;margin-bottom:54px}.approach-problem-signals{gap:7px}}
@media(max-width:760px){.workflow-video{margin-top:36px}.workflow-video-frame{padding:0;border-radius:12px}.workflow-video video{border-radius:8px}.workflow-live-badge{top:14px;left:14px;padding:7px 9px;font-size:8px}.workflow-video figcaption{display:grid;gap:4px}.workflow-video figcaption strong{white-space:normal}}
@media(max-width:760px){.about-section{grid-template-columns:1fr;gap:42px;padding:48px 28px;text-align:left;margin-bottom:75px}.about-mark{margin-inline:auto}.about-copy h2{font-size:42px}.about-copy p{font-size:20px}}

/* Compact 64px navigation proportions. */
.site-header{
  height:64px;
  min-height:64px;
  padding-inline:max(24px,calc((100% - var(--wrap))/2));
  gap:24px;
}
.site-header .brand{height:100%;flex:none}
.site-header .official-logo{width:128px;height:44px}
.site-header .site-nav{height:100%;gap:0}
.site-header .site-nav a{height:100%;display:inline-flex;align-items:center;padding-inline:14px;font-size:13px}
.site-header .nav-action{min-height:36px;height:36px;padding:0 18px;border-radius:18px;font-size:12px;margin-left:12px}
@media(max-width:760px){
  .site-header{height:60px;min-height:60px;padding-inline:18px;gap:12px}
  .site-header .official-logo{width:112px;height:38px}
  .site-header .nav-action{height:34px;min-height:34px;padding-inline:14px;margin-left:auto}
}

/* Full-bleed dithered capsule marbling for the closing download story. */
.hero.hero-marble{
  --pointer-x:78%;
  --pointer-y:46%;
  --pixel-x:0px;
  --pixel-y:0px;
  position:relative;
  width:100%;
  max-width:none;
  min-height:760px;
  padding:132px max(24px,calc((100% - var(--wrap))/2)) 100px;
  display:flex;
  align-items:center;
  overflow:hidden;
  isolation:isolate;
  background:linear-gradient(112deg,#fffdf9 0%,#fffaf6 48%,#f8e8e0 100%);
}
.hero-marble .hero-copy{position:relative;z-index:5;width:min(690px,58%);padding:0}
.hero-pixel-title{position:relative;isolation:isolate;cursor:default}
.hero-title-line{display:block;white-space:nowrap}
.hero-letter{--hero-letter-final:#171513;display:inline-block;opacity:.42;color:#8e8984;transform:translateY(0);transform-origin:50% 100%;font-family:inherit;will-change:opacity,transform,color}
.hero-pixel-title.is-animating .hero-letter{animation:hero-letter-reveal .58s cubic-bezier(.16,1,.3,1) forwards;animation-delay:calc(2s + var(--letter-index) * 55ms)}
.hero-pixel-title.is-dimming .hero-letter{animation:hero-letter-dim .76s ease-in-out forwards;animation-delay:calc(var(--letter-index) * 18ms)}
.hero-letter-space{width:.3em}
.hero-letter-accent{--hero-letter-final:#c98273}
@keyframes hero-letter-reveal{0%{opacity:.42;color:#8e8984;transform:translateY(12px);font-family:inherit}45%{opacity:.72;color:#625e5a;transform:translateY(5px);font-family:inherit}100%{opacity:1;color:var(--hero-letter-final);transform:translateY(0);font-family:"Lucida Console","Courier New",monospace}}
@keyframes hero-letter-dim{0%{opacity:1;color:var(--hero-letter-final);transform:translateY(0);font-family:"Lucida Console","Courier New",monospace}45%{opacity:.72;color:#696560;transform:translateY(1px);font-family:"Lucida Console","Courier New",monospace}100%{opacity:.42;color:#8e8984;transform:translateY(0);font-family:inherit}}
.hero-art-static,.hero-art-color,.hero-art-pixels{position:absolute;inset:0;pointer-events:none}
.hero-art-static{z-index:-3;background:radial-gradient(circle at var(--pointer-x) var(--pointer-y),rgba(218,155,140,.14),transparent 24rem),repeating-radial-gradient(ellipse at 94% 43%,rgba(142,77,62,.21) 0 1px,transparent 1px 5px);mask-image:linear-gradient(90deg,transparent 0 43%,black 64% 100%);opacity:.72}
.hero-art-static::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(137,93,75,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(137,93,75,.075) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to top,black,transparent 39%);opacity:.38}
.hero-art-color{z-index:-2;left:auto;right:-15vw;top:-10%;width:min(76vw,1120px);height:115%;border-radius:50% 0 0 50%;overflow:hidden;opacity:.86;transform:rotate(-7deg);mask-image:linear-gradient(90deg,transparent 0,black 25%)}
.hero-art-color::before,.hero-art-color::after,.hero-art-color i{content:"";position:absolute;inset:-20%;will-change:transform;mix-blend-mode:multiply}
.hero-art-color::before{border-radius:48% 52% 44% 56%;background:conic-gradient(from 112deg at 60% 45%,transparent 0 8%,rgba(234,178,164,.42) 18%,rgba(169,91,73,.66) 25%,rgba(251,220,210,.84) 36%,transparent 48% 58%,rgba(194,112,93,.56) 71%,transparent 85%);filter:blur(5px);animation:hero-color-drift 24s ease-in-out infinite alternate}
.hero-art-color::after{border-radius:44% 56% 53% 47%;background:repeating-radial-gradient(ellipse at 66% 48%,rgba(134,68,54,.52) 0 1px,rgba(237,182,168,.18) 1px 4px,transparent 4px 9px);animation:hero-color-counter 30s ease-in-out infinite alternate}
.hero-art-color i{inset:10% -8%;background:radial-gradient(ellipse at 54% 51%,rgba(255,242,235,.95),transparent 18%),repeating-linear-gradient(18deg,transparent 0 18px,rgba(136,70,56,.11) 19px 21px,transparent 22px 38px);filter:blur(1px);animation:hero-ripple 18s ease-in-out infinite alternate}
.hero-art-pixels{z-index:1;transform:translate3d(var(--pixel-x),var(--pixel-y),0);transition:transform .35s ease-out;opacity:.66;background-image:linear-gradient(#a85d4c 0 0),linear-gradient(#d89585 0 0),linear-gradient(#bd7462 0 0),linear-gradient(#edc0b6 0 0),linear-gradient(#9f5545 0 0),linear-gradient(#d99d8d 0 0),linear-gradient(#bc725f 0 0),linear-gradient(#ebb8ad 0 0);background-repeat:no-repeat;background-size:12px 12px,7px 7px,18px 18px,9px 9px,13px 13px,6px 6px,10px 10px,8px 8px;background-position:58% 18%,64% 27%,72% 15%,82% 24%,89% 11%,92% 43%,68% 71%,84% 82%;animation:hero-pixel-flicker 9s steps(7,end) infinite alternate}
.dither-reveal{
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  opacity:0;
  transition:opacity 1s cubic-bezier(.16,1,.3,1);
  background:
    conic-gradient(from 90deg at 1px 1px,rgba(137,72,58,.82) 25%,transparent 0 75%,rgba(235,177,164,.72) 0),
    conic-gradient(from 90deg at 1px 1px,rgba(186,111,94,.52) 25%,transparent 0 75%,rgba(248,210,200,.7) 0);
  background-position:0 0,5px 5px;
  background-size:10px 10px,10px 10px;
  -webkit-mask-image:radial-gradient(ellipse 158px 118px at var(--reveal-x,75%) var(--reveal-y,45%),#000 0 18%,rgba(0,0,0,.95) 31%,rgba(0,0,0,.7) 45%,rgba(0,0,0,.38) 61%,rgba(0,0,0,.14) 75%,transparent 100%);
  mask-image:radial-gradient(ellipse 158px 118px at var(--reveal-x,75%) var(--reveal-y,45%),#000 0 18%,rgba(0,0,0,.95) 31%,rgba(0,0,0,.7) 45%,rgba(0,0,0,.38) 61%,rgba(0,0,0,.14) 75%,transparent 100%);
  image-rendering:pixelated;
}
.dither-reveal.is-visible{opacity:.42;transition-duration:.06s}
.closing-marble .dither-reveal{position:absolute;inset:0;z-index:2}
@keyframes hero-color-drift{to{transform:translate3d(5%,-3%,0) rotate(8deg) scale(1.08)}}
@keyframes hero-color-counter{to{transform:translate3d(-5%,4%,0) rotate(-10deg) scale(1.1)}}
@keyframes hero-ripple{to{transform:translate3d(2%,-4%,0) skewY(5deg)}}
@keyframes hero-pixel-flicker{0%,18%{opacity:.28}100%{opacity:.78}}

.closing.closing-marble{
  --pointer-x:50%;
  --pointer-y:50%;
  width:100%;
  min-height:720px;
  margin:0;
  padding:0;
  border:0;
  border-radius:0;
  box-shadow:none;
  display:grid;
  place-items:center;
  isolation:isolate;
  overflow:hidden;
  color:#211d18;
  background:
    radial-gradient(circle at var(--pointer-x) var(--pointer-y),rgba(226,175,164,.16),transparent 19rem),
    linear-gradient(112deg,#fffdf9 0%,#fff9f4 46%,#f9e9e2 100%);
}
.closing.closing-marble::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-3;
  opacity:.4;
  background-image:
    linear-gradient(rgba(137,93,75,.08) 1px,transparent 1px),
    linear-gradient(90deg,rgba(137,93,75,.08) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:linear-gradient(to top,black,transparent 48%);
}
.closing-inner{position:relative;z-index:4;text-align:center;padding-block:138px 130px}
.closing-inner h2{max-width:980px;margin:27px auto 20px;font-size:clamp(48px,6vw,86px);line-height:1.02}
.closing-inner p{max-width:700px;margin:0 auto 34px;color:#625b53;font-size:clamp(15px,1.5vw,20px);line-height:1.65}
.closing-inner .button{margin-inline:auto;min-height:60px;padding-inline:28px}
.closing-inner .release-note{font-size:12px;color:#6f675f}
.marble-capsule{position:absolute;z-index:-1;width:min(66vw,980px);aspect-ratio:2.5/1;border-radius:999px;overflow:hidden;opacity:.82;filter:saturate(.88);border:1px solid rgba(171,103,86,.24);box-shadow:inset 0 0 60px rgba(255,255,255,.82)}
.marble-capsule::before,.marble-capsule::after,.marble-capsule i{content:"";position:absolute;inset:-28%;border-radius:44% 56% 52% 48%;mix-blend-mode:multiply;will-change:transform}
.marble-capsule::before{background:repeating-radial-gradient(ellipse at 36% 45%,rgba(171,91,73,.68) 0 1px,rgba(240,188,176,.16) 1px 4px,transparent 4px 8px);animation:marble-drift 20s ease-in-out infinite alternate}
.marble-capsule::after{background:radial-gradient(ellipse at 62% 52%,rgba(193,112,94,.54),transparent 13%),radial-gradient(ellipse at 42% 47%,rgba(248,207,196,.92),transparent 27%),conic-gradient(from 55deg,transparent,#e5aa9b88,#fff8f1,transparent 48%);filter:blur(7px);animation:marble-drift-reverse 26s ease-in-out infinite alternate}
.marble-capsule i{inset:10% -8%;background:repeating-linear-gradient(12deg,transparent 0 15px,rgba(132,71,57,.11) 16px 18px,transparent 19px 31px);filter:url("#none");animation:marble-ripple 16s ease-in-out infinite alternate}
.marble-capsule-top{right:-19vw;top:-9%;transform:rotate(25deg)}
.marble-capsule-bottom{left:-23vw;bottom:-15%;transform:rotate(28deg)}
.marble-pixels{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.68;background-image:linear-gradient(#b8705c 0 0),linear-gradient(#db9f90 0 0),linear-gradient(#a75e4d 0 0),linear-gradient(#edc1b7 0 0),linear-gradient(#bf7967 0 0),linear-gradient(#d99d8d 0 0),linear-gradient(#ae6654 0 0);background-repeat:no-repeat;background-size:10px 10px,7px 7px,15px 15px,8px 8px,12px 12px,6px 6px,9px 9px;background-position:8% 67%,15% 76%,25% 84%,75% 12%,84% 22%,91% 35%,69% 91%;animation:pixel-breathe 8s steps(6,end) infinite alternate}
@keyframes marble-drift{to{transform:translate3d(7%,4%,0) rotate(9deg) scale(1.08)}}
@keyframes marble-drift-reverse{to{transform:translate3d(-7%,5%,0) rotate(-12deg) scale(1.12)}}
@keyframes marble-ripple{to{transform:translate3d(3%,-4%,0) skewX(8deg)}}
@keyframes pixel-breathe{0%,20%{opacity:.25;transform:translate3d(0,0,0)}100%{opacity:.8;transform:translate3d(9px,-7px,0)}}
@media(max-width:760px){
  .hero.hero-marble{min-height:690px;padding:112px 18px 82px;align-items:flex-start}
  .hero-marble .hero-copy{width:100%}
  .hero-art-color{right:-58vw;top:26%;width:130vw;height:80%;opacity:.55}
  .hero-art-static{opacity:.46;mask-image:linear-gradient(to bottom,transparent 0 32%,black 58%)}
  .hero-art-pixels,.dither-reveal{display:none}
  .closing.closing-marble{min-height:640px}
  .closing-inner{padding-block:105px 100px}
  .closing-inner h2{font-size:clamp(42px,12vw,60px)}
  .closing-inner p{font-size:15px}
  .marble-capsule{width:105vw;opacity:.7}
  .marble-capsule-top{right:-52vw;top:-2%}
  .marble-capsule-bottom{left:-53vw;bottom:-4%}
  .marble-pixels{opacity:.45}
  .reasons-art{width:92vw;opacity:.17}
  .reasons-art-left{left:-58vw;bottom:16%}
  .reasons-art-right{right:-58vw;top:9%}
  .reasons-pixels{opacity:.12}
  .approach-art{width:94vw;opacity:.14}
  .approach-art-left{left:-60vw;top:8%}
  .approach-art-right{right:-62vw;bottom:5%}
  .approach-pixels{opacity:.09}
}
@media(prefers-reduced-motion:reduce){
  .hero-art-color::before,.hero-art-color::after,.hero-art-color i,.hero-art-pixels,.marble-capsule::before,.marble-capsule::after,.marble-capsule i,.marble-pixels,.reasons-art::before,.reasons-art::after,.reasons-art i,.reasons-pixels{animation:none!important}
  .hero.hero-marble{--pointer-x:78%;--pointer-y:46%;--pixel-x:0px;--pixel-y:0px}
  .closing.closing-marble{--pointer-x:50%;--pointer-y:50%}
  .dither-reveal{display:none!important}
  .hero-letter{animation:none!important;opacity:1;color:var(--hero-letter-final);transform:none;font-family:"Lucida Console","Courier New",monospace}
}

/* Capsule-skin icon system, adapted from the LMOffice brand document. */
:root{
  --lm-icon-capsule:linear-gradient(145deg,#fff8f1 0%,#f4e9de 52%,#d4ae82 100%);
  --lm-icon-capsule-border:rgba(212,174,130,.68);
  --lm-icon-capsule-shadow:
    inset 3px 3px 5px rgba(255,255,255,.76),
    inset -3px -5px 7px rgba(111,74,46,.17),
    0 7px 14px rgba(61,41,29,.16);
}

.floating-icon,
.feature-symbol,
.step-icon,
.runtime-icon,
.object-language article>span,
.story-icon,
.reason-grid article>span{
  width:34px;
  height:54px;
  min-width:34px;
  border-radius:19px;
  background:var(--lm-icon-capsule)!important;
  border:1px solid var(--lm-icon-capsule-border)!important;
  box-shadow:var(--lm-icon-capsule-shadow)!important;
  color:#5b3d2d!important;
  display:grid;
  place-items:center;
  position:relative;
  overflow:hidden;
}

.floating-icon::before,
.feature-symbol::before,
.step-icon::before,
.runtime-icon::before,
.object-language article>span::before,
.story-icon::before,
.reason-grid article>span::before{
  content:"";
  position:absolute;
  top:7px;
  left:6px;
  width:8px;
  height:15px;
  border-radius:8px;
  background:linear-gradient(145deg,rgba(255,255,255,.74),rgba(255,255,255,.12));
  pointer-events:none;
}

.floating-icon{width:27px;height:43px;min-width:27px;border-radius:15px;font-size:12px}
.object-language article>span{width:32px;height:49px;min-width:32px;border-radius:17px;font-size:17px}
.story-icon,.reason-grid article>span{margin-bottom:25px}
.runtime-icon{height:46px;width:29px;min-width:29px;border-radius:16px;font-size:16px}
.step-icon{margin-left:6px}

.floating-card:hover .floating-icon,
.object-language article:hover>span,
.workflow-story article:hover .story-icon,
.reason-grid article:hover>span{
  transform:translateY(-2px);
  box-shadow:
    inset 3px 3px 5px rgba(255,255,255,.82),
    inset -3px -5px 7px rgba(111,74,46,.19),
    0 10px 19px rgba(61,41,29,.21)!important;
}

/* Shared, one-shot capsule activation used by every capsule-card group. */
[data-capsule-sequence]>article{--capsule-delay:0ms;--capsule-rx:0deg;--capsule-ry:0deg;position:relative;overflow:hidden;isolation:isolate}
[data-capsule-sequence]>article:nth-child(2){--capsule-delay:130ms}
[data-capsule-sequence]>article:nth-child(3){--capsule-delay:260ms}
[data-capsule-sequence]>article:nth-child(4){--capsule-delay:390ms}
[data-capsule-sequence]>article:nth-child(5){--capsule-delay:520ms}
[data-capsule-sequence]>article:nth-child(6){--capsule-delay:650ms}
[data-capsule-sequence]>article::after{content:"";position:absolute;z-index:0;inset:0 auto 0 -32%;width:24%;pointer-events:none;opacity:0;transform:skewX(-14deg);background:linear-gradient(90deg,transparent,rgba(232,178,165,.1),transparent),conic-gradient(from 90deg at 1px 1px,rgba(237,191,180,.22) 25%,transparent 0 75%,rgba(166,99,85,.14) 0);background-size:auto,8px 8px;mix-blend-mode:screen}
[data-capsule-sequence]>article>*{position:relative;z-index:1}
.object-language article>span,.workflow-story article .story-icon,.reason-grid article>span{transform:perspective(240px) rotateX(var(--capsule-rx)) rotateY(var(--capsule-ry));transform-origin:50% 72%;transition:transform .28s cubic-bezier(.16,1,.3,1),box-shadow .28s ease;will-change:transform}
[data-capsule-sequence].is-activated>article{animation:capsule-card-activate 820ms cubic-bezier(.2,.8,.2,1) var(--capsule-delay) backwards}
[data-capsule-sequence].is-activated>article::after{animation:capsule-dither-relay 780ms cubic-bezier(.2,.7,.2,1) var(--capsule-delay) both}
.object-language.is-activated article>span,.workflow-story.is-activated article .story-icon,.reason-grid.is-activated article>span{animation:capsule-rise 880ms cubic-bezier(.16,1,.3,1) var(--capsule-delay) backwards}
.object-language article:hover>span,.workflow-story article:hover .story-icon,.reason-grid article:hover>span{transform:perspective(240px) translateY(-4px) rotateX(var(--capsule-rx)) rotateY(var(--capsule-ry))}
[data-capsule-sequence]>article.is-capsule-hovered{animation:capsule-card-hover 620ms cubic-bezier(.2,.8,.2,1) both}
[data-capsule-sequence]>article.is-capsule-hovered::after{animation:capsule-dither-hover 640ms cubic-bezier(.2,.7,.2,1) both}
.object-language article.is-capsule-hovered>span,.workflow-story article.is-capsule-hovered .story-icon,.reason-grid article.is-capsule-hovered>span{animation:capsule-hover-rise 620ms cubic-bezier(.16,1,.3,1) both}
@keyframes capsule-rise{0%{transform:perspective(240px) translateY(7px) scale(.96);filter:brightness(.82)}48%{transform:perspective(240px) translateY(-7px) scale(1.035);filter:brightness(1.13)}100%{transform:perspective(240px) translateY(0) scale(1);filter:brightness(1)}}
@keyframes capsule-card-activate{0%,100%{box-shadow:inherit}48%{border-color:rgba(226,181,169,.56);box-shadow:0 0 0 1px rgba(226,181,169,.08),0 12px 32px rgba(177,103,87,.1)}}
@keyframes capsule-dither-relay{0%{left:-32%;opacity:0}28%{opacity:.5}76%{opacity:.22}100%{left:108%;opacity:0}}
@keyframes capsule-hover-rise{0%{transform:perspective(240px) translateY(0) rotateX(var(--capsule-rx)) rotateY(var(--capsule-ry));filter:brightness(1)}48%{transform:perspective(240px) translateY(-7px) scale(1.045) rotateX(var(--capsule-rx)) rotateY(var(--capsule-ry));filter:brightness(1.16)}100%{transform:perspective(240px) translateY(-4px) rotateX(var(--capsule-rx)) rotateY(var(--capsule-ry));filter:brightness(1.04)}}
@keyframes capsule-card-hover{0%,100%{transform:translateY(-3px)}48%{transform:translateY(-5px);border-color:rgba(226,181,169,.62);box-shadow:0 0 0 1px rgba(226,181,169,.1),0 14px 34px rgba(177,103,87,.13)}}
@keyframes capsule-dither-hover{0%{left:-32%;opacity:0}30%{opacity:.55}78%{opacity:.2}100%{left:108%;opacity:0}}
@media(prefers-reduced-motion:reduce){[data-capsule-sequence]>article,[data-capsule-sequence]>article::after,[data-capsule-sequence] .story-icon,[data-capsule-sequence] article>span{animation:none!important;transition:none!important}}

/* Bright neon-pink interaction rim for primary controls. */
@property --neon-rim-angle{syntax:"<angle>";inherits:false;initial-value:0deg}
.button,.site-header .nav-action,.gallery-tab{position:relative;isolation:isolate}
.button::before,.site-header .nav-action::before,.gallery-tab::before{content:"";position:absolute;z-index:3;inset:-1px;padding:2px;border-radius:inherit;pointer-events:none;opacity:0;background:conic-gradient(from var(--neon-rim-angle),transparent 0 17%,#ff2bd6 27%,#ff79ec 36%,#fff4fd 41%,#ff37dc 47%,transparent 59% 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;transition:opacity .22s ease}
.button:hover::before,.button:focus-visible::before,.site-header .nav-action:hover::before,.site-header .nav-action:focus-visible::before,.gallery-tab:hover::before,.gallery-tab:focus-visible::before{opacity:1;animation:neon-rim-orbit 1.65s linear infinite}
.button:hover,.button:focus-visible,.site-header .nav-action:hover,.site-header .nav-action:focus-visible{box-shadow:0 0 0 1px rgba(255,55,220,.34),0 0 14px rgba(255,43,214,.42),0 0 30px rgba(255,43,214,.18)}
.gallery-tab:hover,.gallery-tab:focus-visible{box-shadow:0 0 0 1px rgba(255,55,220,.28),0 0 13px rgba(255,43,214,.28)}
.button:focus-visible,.site-header .nav-action:focus-visible,.gallery-tab:focus-visible{outline:2px solid rgba(255,121,236,.8);outline-offset:3px}
@keyframes neon-rim-orbit{to{--neon-rim-angle:360deg}}
@media(prefers-reduced-motion:reduce){.button:hover::before,.button:focus-visible::before,.site-header .nav-action:hover::before,.site-header .nav-action:focus-visible::before,.gallery-tab:hover::before,.gallery-tab:focus-visible::before{animation:none!important}}

/* A deliberately bright live-connection state for real project context. */
.floating-card-bottom{
  background:linear-gradient(135deg,rgba(7,41,29,.97),rgba(5,24,18,.97));
  border-color:#53f2a8;
  box-shadow:
    0 0 0 1px rgba(83,242,168,.2),
    0 0 28px rgba(55,239,153,.34),
    0 18px 42px rgba(4,25,17,.38);
}
.floating-card-bottom strong{color:#8dffc6}
.floating-card-bottom small{color:#d7ffe9}
.floating-card-bottom .floating-status{
  background:#45f59d;
  box-shadow:0 0 0 5px rgba(69,245,157,.18),0 0 18px rgba(69,245,157,.9);
}

@media(max-width:760px){
  .story-icon,.reason-grid article>span{width:32px;height:50px;min-width:32px;border-radius:17px}
}