:root{--nc-cyan:#22d8ff;--nc-blue:#356dff;--nc-violet:#8c38ff;--nc-magenta:#ff36c8;--nc-ink:#050816;--nc-panel:#0e1530}
.neocanvas-page{background:var(--nc-ink);color:#f7f9ff}.neocanvas-hero{min-height:820px;padding:150px 0 90px;overflow:hidden;background:radial-gradient(circle at 77% 35%,rgba(140,56,255,.32),transparent 31%),radial-gradient(circle at 67% 53%,rgba(34,216,255,.18),transparent 32%),linear-gradient(145deg,#050816,#0a1230 58%,#130626)}
.neocanvas-hero-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr);gap:70px;align-items:center}.neocanvas-back{display:inline-block;margin-bottom:28px;color:#9fb5dd;text-decoration:none}.neocanvas-status{display:block;width:max-content;padding:8px 13px;border:1px solid rgba(96,221,255,.35);border-radius:999px;color:#8ce8ff;background:rgba(10,27,61,.7);font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.neocanvas-hero h1{margin:25px 0 24px;font-size:clamp(64px,8vw,118px);line-height:.86;letter-spacing:-.07em}.neocanvas-hero h1 em{font-style:normal;background:linear-gradient(100deg,var(--nc-cyan),#9b7bff 55%,var(--nc-magenta));-webkit-background-clip:text;background-clip;color:transparent}.neocanvas-hero-copy>p{max-width:690px;color:#b9c5df;font-size:clamp(18px,2vw,23px);line-height:1.65}.neocanvas-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:32px}.neocanvas-note{font-size:13px!important;color:#8291b1!important}.neocanvas-hero-art{position:relative;min-height:610px}.neocanvas-icon{position:absolute;right:2%;top:0;width:180px;filter:drop-shadow(0 24px 45px rgba(66,36,255,.45));z-index:3}.neocanvas-showcase-hero{position:absolute;left:0;bottom:0;width:92%;padding:12px;border-radius:30px;background:linear-gradient(140deg,rgba(255,255,255,.8),rgba(74,91,150,.22));box-shadow:0 40px 100px rgba(0,0,0,.55),0 0 80px rgba(52,111,255,.2);transform:perspective(1300px) rotateY(-8deg) rotateX(3deg)}.neocanvas-showcase-hero img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:20px}.neocanvas-showcase-hero span{position:absolute;left:28px;bottom:28px;padding:8px 12px;border:1px solid rgba(255,255,255,.32);border-radius:999px;background:rgba(5,8,22,.75);backdrop-filter:blur(10px);color:#fff;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.neocanvas-orbit{position:absolute;border:1px solid rgba(77,210,255,.25);border-radius:50%;transform:rotate(-20deg)}.neocanvas-orbit.one{inset:40px 2% 90px 8%}.neocanvas-orbit.two{inset:100px -12% 30px 24%;border-color:rgba(255,54,200,.18)}
.neocanvas-section{padding:110px 0}.neocanvas-showcase{background:radial-gradient(circle at 15% 15%,rgba(34,216,255,.15),transparent 25%),radial-gradient(circle at 90% 70%,rgba(255,54,200,.13),transparent 30%),#070b1d}.neocanvas-showcase .neocanvas-section-head p{color:#aebbd5}.neocanvas-showcase-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.neocanvas-showcase-card{position:relative;margin:0;overflow:hidden;border:1px solid rgba(130,166,235,.2);border-radius:26px;background:#111936;box-shadow:0 28px 70px rgba(0,0,0,.3)}.neocanvas-showcase-card.feature{grid-column:span 2}.neocanvas-showcase-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .5s ease}.neocanvas-showcase-card:hover img{transform:scale(1.025)}.neocanvas-showcase-card figcaption{position:absolute;right:18px;bottom:18px;left:18px;display:flex;justify-content:space-between;gap:20px;padding:16px 18px;border:1px solid rgba(255,255,255,.18);border-radius:16px;background:rgba(5,8,22,.76);backdrop-filter:blur(14px);color:#aebbd5}.neocanvas-showcase-card strong{color:#fff}.neocanvas-intro{background:#f3f6fb;color:#07111e}.neocanvas-section-head{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:55px}.neocanvas-section-head h2{margin:10px 0 0;font-size:clamp(44px,6vw,76px);line-height:.98;letter-spacing:-.055em}.neocanvas-section-head p{color:#667389;font-size:18px;line-height:1.7}.neocanvas-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.neocanvas-feature-grid article{padding:30px;min-height:245px;border:1px solid #dce3ed;border-radius:22px;background:#fff;box-shadow:0 18px 50px rgba(19,38,72,.06)}.neocanvas-feature-grid article>span{color:#55708f;font-size:12px;font-weight:800;letter-spacing:.14em}.neocanvas-feature-grid h3{margin:38px 0 12px;font-size:24px}.neocanvas-feature-grid p{color:#667389;line-height:1.65}.neocanvas-gallery{background:linear-gradient(160deg,#080b1b,#111a39);color:#fff}.neocanvas-gallery .neocanvas-section-head p{color:#a7b4cf}.neocanvas-shots{display:grid;grid-template-columns:1fr 1fr;gap:22px}.neocanvas-shots figure{margin:0;padding:11px 11px 22px;border:1px solid rgba(135,164,224,.16);border-radius:24px;background:rgba(255,255,255,.055);overflow:hidden}.neocanvas-shots figure.wide{grid-column:span 2}.neocanvas-shots img{display:block;width:100%;border-radius:15px}.neocanvas-shots figcaption{display:flex;justify-content:space-between;gap:20px;padding:17px 8px 0;color:#aab7d1}.neocanvas-shots strong{color:#fff}.neocanvas-local{background:radial-gradient(circle at 20% 30%,rgba(34,216,255,.15),transparent 28%),#050816}.neocanvas-local-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.neocanvas-local h2{font-size:clamp(54px,7vw,88px);line-height:.92;letter-spacing:-.06em}.neocanvas-local p{color:#b5c1da;font-size:19px;line-height:1.75}.neocanvas-provenance{font-size:13px!important;color:#7f8ba7!important}.neocanvas-apps-band{background:radial-gradient(circle at 78% 20%,rgba(126,55,255,.23),transparent 28%),linear-gradient(145deg,#060918,#101a39);color:#fff}.neocanvas-apps-band .nw-section-head p{color:#aebbd5}.neocanvas-app-card{display:grid;grid-template-columns:150px 1fr minmax(330px,.75fr);gap:40px;align-items:center;padding:28px;border:1px solid rgba(122,172,255,.2);border-radius:28px;background:rgba(255,255,255,.06);color:inherit;text-decoration:none;box-shadow:0 30px 80px rgba(0,0,0,.22)}.neocanvas-app-icon img{display:block;width:130px;filter:drop-shadow(0 20px 30px rgba(69,68,255,.35))}.neocanvas-app-card h3{margin:10px 0;font-size:44px}.neocanvas-app-card p{max-width:580px;color:#b6c2dc;line-height:1.6}.neocanvas-app-preview img{display:block;width:100%;border-radius:16px}
.neocanvas-hero h1 em{background-clip:text}
.neocanvas-ui-composite{position:relative;isolation:isolate;aspect-ratio:3/4;background:#171c25;overflow:hidden}.neocanvas-ui-frame{position:absolute!important;inset:0;z-index:2;display:block;width:100%!important;height:100%!important;aspect-ratio:auto!important;object-fit:fill!important;border-radius:0!important;pointer-events:none}.neocanvas-ui-art{position:absolute!important;z-index:3;left:9.9%;top:5%;width:85.4%!important;height:87.8%!important;aspect-ratio:auto!important;object-fit:cover!important;border-radius:0!important}.neocanvas-showcase-hero{right:4%;left:auto;width:68%;padding:10px}.neocanvas-showcase-hero .neocanvas-ui-frame{inset:10px;width:calc(100% - 20px)!important;height:calc(100% - 20px)!important;border-radius:20px!important}.neocanvas-showcase-hero .neocanvas-ui-art{left:calc(9.9% + 8px);top:calc(5% + 9px);width:calc(85.4% - 17px)!important;height:calc(87.8% - 18px)!important}.neocanvas-showcase-hero span{z-index:4}.neocanvas-showcase-card .neocanvas-ui-composite{width:100%}.neocanvas-showcase-card.feature .neocanvas-ui-composite{max-width:720px;margin:auto}.neocanvas-showcase-card:hover .neocanvas-ui-art{transform:none;filter:saturate(1.06)}
@media (max-width:980px){.neocanvas-hero-grid{grid-template-columns:1fr}.neocanvas-hero-art{min-height:720px}.neocanvas-feature-grid{grid-template-columns:1fr 1fr}.neocanvas-app-card{grid-template-columns:110px 1fr}.neocanvas-app-preview{grid-column:1/-1}.neocanvas-app-icon img{width:100px}}
@media (max-width:760px){.neocanvas-hero{padding-top:115px;min-height:0}.neocanvas-hero h1{font-size:56px}.neocanvas-hero-art{min-height:340px}.neocanvas-icon{width:105px}.neocanvas-showcase-hero{width:100%;transform:none}.neocanvas-section{padding:75px 0}.neocanvas-section-head,.neocanvas-local-grid{grid-template-columns:1fr;gap:20px}.neocanvas-feature-grid,.neocanvas-shots,.neocanvas-showcase-grid{grid-template-columns:1fr}.neocanvas-showcase-card.feature{grid-column:auto}.neocanvas-showcase-card figcaption,.neocanvas-shots figcaption{display:block}.neocanvas-showcase-card figcaption span,.neocanvas-shots figcaption span{display:block;margin-top:5px}.neocanvas-app-card{grid-template-columns:1fr;padding:22px}.neocanvas-app-preview{grid-column:auto}.neocanvas-app-card h3{font-size:36px}}
@media (max-width:760px){.neocanvas-hero-art{min-height:510px}.neocanvas-showcase-hero{right:0}}
