.app-page{background:#f3f6f7;color:var(--ink)}.app-page .site-header{top:28px}.app-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 75% 35%,#0873bd,#063d78 38%,#031b36 75%);color:#fff}.app-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff0d 1px,transparent 1px),linear-gradient(90deg,#ffffff0d 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,transparent,#000 30%,#000)}.app-hero-layout{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:40px;min-height:720px;padding-block:75px}.app-hero-copy{position:relative;z-index:2}.app-hero h1{margin:0 0 28px;font-family:'Arial Narrow',Arial,sans-serif;font-size:clamp(60px,7vw,100px);line-height:.86;letter-spacing:-.06em;text-transform:uppercase}.app-hero h1 span{color:var(--yellow)}.app-hero-copy>p:not(.eyebrow){max-width:620px;color:#d5e4f1;font-size:19px;line-height:1.55}.hero-actions{display:flex;align-items:center;gap:24px;margin:34px 0}.hero-actions>a:not(.button){color:#fff;font-size:11px;font-weight:900;letter-spacing:.07em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid #ffffff66;padding-bottom:6px}.hero-facts{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding-top:23px;border-top:1px solid #ffffff33}.hero-facts span{color:#b9cfe1;font-size:11px;line-height:1.5}.hero-facts b{display:block;color:#fff;font-size:10px;letter-spacing:.12em}.phone-composition{position:relative;height:610px}.phone{position:absolute;object-fit:contain;filter:drop-shadow(0 28px 28px #0008)}.phone-home{z-index:3;width:325px;left:31%;top:30px}.phone-firmware{z-index:2;width:255px;left:2%;top:180px;transform:rotate(-6deg)}.phone-device{z-index:1;width:260px;right:-1%;top:155px;transform:rotate(7deg)}.phone-tag{position:absolute;z-index:5;padding:10px 13px;color:#fff;background:#07305d;border:1px solid #ffffff33;font-size:9px;font-weight:900;letter-spacing:.11em}.phone-tag.local{left:1%;top:135px;background:var(--yellow);color:var(--navy)}.phone-tag.cloud{right:1%;bottom:70px}.app-section{padding:105px 0}.app-heading{display:grid;grid-template-columns:1fr .85fr;gap:80px;align-items:end;margin-bottom:42px}.app-heading h2,.library-layout h2,.workflow-intro h2{margin:0;font-family:'Arial Narrow',Arial,sans-serif;font-size:clamp(44px,5vw,70px);line-height:.95;letter-spacing:-.045em;text-transform:uppercase}.app-heading>p{margin:0;color:var(--muted);font-size:17px;line-height:1.6}.path-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.path-card{min-height:380px;padding:40px;border:1px solid var(--line);background:#fff;position:relative;overflow:hidden}.path-card:after{content:'';position:absolute;width:180px;height:180px;border:1px solid #0b70b826;border-radius:50%;right:-60px;bottom:-60px}.path-card>span,.casneo-data span{color:var(--blue);font-size:10px;font-weight:900;letter-spacing:.12em}.path-card h3{font-size:30px;line-height:1.05;margin:18px 0}.path-card p{color:var(--muted);line-height:1.6}.path-card ul{list-style:none;padding:0;margin:30px 0 0}.path-card li{padding:11px 0;border-top:1px solid var(--line);font-size:12px;font-weight:800}.cloud-path{background:var(--navy);color:#fff;border-color:var(--navy)}.cloud-path p{color:#bfd1e1}.cloud-path li{border-color:#ffffff26}.cloud-path>span{color:var(--yellow)}.workflow{background:var(--navy);color:#fff}.workflow-intro{max-width:820px;margin-bottom:48px}.workflow-intro p:last-child{max-width:650px;color:#bed1e1;font-size:17px}.workflow-steps{display:grid;grid-template-columns:1fr 1fr;gap:1px;padding:1px;background:#ffffff2a;list-style:none}.workflow-steps li{display:grid;grid-template-columns:55px 1fr;gap:20px;min-height:250px;padding:34px;background:#06284b}.workflow-steps li>b{color:var(--yellow);font:600 42px/1 'Arial Narrow',Arial,sans-serif}.workflow-steps span{color:#64c9f4;font-size:9px;font-weight:900;letter-spacing:.12em}.workflow-steps h3{font-size:22px;margin:12px 0}.workflow-steps p{color:#bcd0e0;font-size:13px;line-height:1.6}.cloud-library{background:#fff}.library-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.library-layout .lead{color:var(--muted);font-size:17px;line-height:1.65}.library-cards{border-top:3px solid var(--navy)}.library-cards article{padding:28px 4px;border-bottom:1px solid var(--line)}.library-cards b{color:var(--blue);font-size:9px;letter-spacing:.12em}.library-cards h3{font-size:24px;margin:10px 0}.library-cards p{color:var(--muted);margin:0;line-height:1.6}.casneo-example{background:linear-gradient(145deg,#08223d,#075b99);color:#fff}.casneo-example .app-heading>p{color:#c3d7e7}.casneo-data{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.casneo-data article{min-height:250px;padding:30px;border:1px solid #ffffff2d;background:#ffffff0b}.casneo-data span{color:var(--yellow)}.casneo-data h3{font-size:23px;margin:18px 0}.casneo-data p{color:#c4d7e6;line-height:1.6}.casneo-link{display:inline-block;margin-top:30px;color:#fff;font-size:11px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.casneo-link span{color:var(--yellow);margin-left:10px}.app-cta{padding:90px 0;text-align:center;background:#041426;color:#fff}.app-cta h2{font-family:'Arial Narrow',Arial,sans-serif;font-size:clamp(44px,6vw,76px);line-height:.92;text-transform:uppercase}.app-cta small{display:block;margin-top:16px;color:#a9c0d2}.app-page .site-footer{margin-top:0}
@media(max-width:900px){.app-hero-layout,.app-heading,.library-layout{grid-template-columns:1fr}.app-hero-layout{padding-top:80px}.phone-composition{height:570px}.app-heading{gap:22px}.casneo-data{grid-template-columns:1fr}.path-grid{grid-template-columns:1fr}.library-layout{gap:50px}}
@media(max-width:780px){.app-page .site-header{top:28px}.app-page .site-header nav.open{display:flex}.app-hero-layout{min-height:0}.app-hero h1{font-size:58px}.phone-composition{height:460px}.phone-home{width:250px;left:25%}.phone-firmware{width:190px;top:160px}.phone-device{width:195px;top:145px}.hero-facts,.workflow-steps{grid-template-columns:1fr}.hero-actions{align-items:flex-start;flex-direction:column}.app-section{padding:75px 0}.path-card{min-height:0;padding:30px}.workflow-steps li{min-height:0}.app-heading h2,.library-layout h2,.workflow-intro h2{font-size:45px}}
@media(max-width:520px){.phone-composition{height:400px}.phone-home{width:220px;left:20%}.phone-firmware{width:160px}.phone-device{width:165px}.phone-tag.cloud{bottom:35px}.app-hero h1{font-size:49px}}
.compact-app-heading{display:block;max-width:820px}
.workflow-intro{max-width:920px}