.landing-page-hero{grid-template-columns:minmax(0,.88fr) minmax(540px,1.12fr);gap:clamp(46px,6vw,96px);min-height:780px}.landing-project-visual{color:#fff;min-width:0;margin:0}.landing-action-rail{background:#0a0710;border:1px solid #3c294f;border-radius:13px 13px 0 0;justify-content:center;align-items:center;gap:clamp(10px,1.5vw,22px);min-height:58px;padding:9px 16px;display:flex}.landing-action-rail span{white-space:nowrap;align-items:baseline;gap:7px;display:flex}.landing-action-rail small{color:#978d9f;letter-spacing:.09em;text-transform:uppercase;font-size:8px;font-weight:800}.landing-action-rail strong{color:#fff;font-size:11px}.landing-action-rail i{color:#a852ff;font-size:15px;font-style:normal}.landing-project-stage{background:radial-gradient(circle at 88% 8%,#7f07ff23,#0000 35%),#08060c;border:1px solid #3c294f;border-top:0;gap:12px;min-width:0;padding:12px;display:grid}.landing-browser{background:#09070d;border:1px solid #67448a;border-radius:11px;min-width:0;overflow:hidden}.landing-browser>header{color:#9e58e2;background:#171020;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;min-height:38px;padding:0 15px;display:grid}.landing-browser>header>span{color:#b960ff;letter-spacing:.12em;font-size:8px}.landing-browser>header b{color:#b5acbb;letter-spacing:.08em;text-align:center;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:8px;font-weight:700;overflow:hidden}.landing-browser>header small{color:#e3d9ea;letter-spacing:.09em;font-size:7px;font-weight:900}.landing-browser-screen{aspect-ratio:1200/630;background:#09070d;overflow:hidden}.landing-browser-screen img{object-fit:cover;width:100%;height:100%;display:block}.landing-project-decisions{background:#0b0811;border:1px solid #3c294f;border-radius:10px;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.landing-project-decisions>div{min-width:0;padding:15px}.landing-project-decisions>div+div{border-left:1px solid #3c294f}.landing-project-decisions small,.landing-project-decisions strong,.landing-project-decisions span{display:block}.landing-project-decisions small{color:#b466f2;letter-spacing:.12em;font-size:7px;font-weight:900}.landing-project-decisions strong{color:#fff;margin-top:8px;font-size:12px;line-height:1.25}.landing-project-decisions span{color:#8e8595;margin-top:7px;font-size:9px;line-height:1.5}.landing-project-visual figcaption{color:#c8c0ce;border-bottom:1px solid #3c294f;justify-content:space-between;align-items:center;gap:24px;min-height:56px;padding:12px 0;font-size:12px;display:flex}.landing-project-visual figcaption span{line-height:1.45}.landing-project-visual figcaption small{color:#bd73f7;letter-spacing:.1em;margin-right:7px;font-size:8px;font-weight:900}.landing-project-visual figcaption a{color:#fff;flex:none;align-items:center;gap:8px;font-size:11px;font-weight:750;text-decoration:none;display:inline-flex}.landing-project-visual figcaption a:hover{color:#d49cff}.landing-project-visual figcaption a:focus-visible{outline-offset:5px;outline:2px solid #c47cff}@media (width<=1120px){.landing-page-hero{grid-template-columns:1fr;gap:36px}.landing-project-visual{width:min(100%,760px);margin-inline:auto}}@media (width<=620px){.landing-page-hero{min-height:auto;padding-top:56px;padding-bottom:76px}.landing-page-hero h1{font-size:clamp(42px,12.4vw,50px)}.landing-page-hero .actions{align-items:stretch}.landing-page-hero .actions .button{width:100%}.landing-action-rail{gap:7px;min-height:54px;padding-inline:9px}.landing-action-rail span{text-align:center;gap:2px;display:grid}.landing-action-rail small{font-size:7px}.landing-action-rail strong{font-size:10px}.landing-project-stage{padding:8px}.landing-browser>header{grid-template-columns:auto 1fr;gap:10px;min-height:34px;padding-inline:11px}.landing-browser>header b{text-align:right}.landing-browser>header small{display:none}.landing-project-decisions{grid-template-columns:1fr}.landing-project-decisions>div{padding:13px 14px}.landing-project-decisions>div+div{border-top:1px solid #3c294f;border-left:0}.landing-project-decisions span{font-size:10px}.landing-project-visual figcaption{flex-direction:column;align-items:flex-start;gap:8px;padding-block:14px}.landing-project-visual figcaption small{margin:0 0 3px;display:block}}@media (prefers-reduced-motion:reduce){.landing-project-visual *,.landing-project-visual :before,.landing-project-visual :after{scroll-behavior:auto!important;transition:none!important}}
