.landing-hero{overflow:hidden}.landing-hero .hero-grid{min-height:720px;padding:60px 0 70px;grid-template-columns:1.08fr .92fr;gap:50px}.landing-hero .hero-copy{position:relative;z-index:2}.landing-hero h1{font-size:clamp(40px,4vw,58px);line-height:1.1;max-width:640px}.landing-scene.hero-art{position:relative;width:100%;height:500px;perspective:1100px;isolation:isolate;overflow:visible;background:none;border:0;transform:none;scale:1;margin:0}.lp-browser{position:absolute;left:0;top:42px;width:92%;height:355px;border:7px solid #252526;border-radius:17px;background:#f7f5ed;box-shadow:10px 12px 0 #cca000,0 35px 70px #0008;transform:rotateY(-12deg) rotateX(7deg) rotateZ(-5deg);color:#202022;overflow:hidden}.lp-chrome{height:29px;padding:0 12px;background:#e5e3dc;display:flex;align-items:center;gap:20px}.lp-chrome>span{display:flex;gap:4px}.lp-chrome i{width:6px;height:6px;border-radius:50%;background:#a8a69e}.lp-chrome b{font-size:8px;font-weight:500;color:#777}.lp-screen{padding:17px}.lp-mini-nav{display:flex;justify-content:space-between;font-size:8px}.lp-mini-nav>span{color:#777}.lp-mini-hero{position:relative;margin-top:22px;padding-right:65px}.lp-mini-hero>span:first-child{font-size:7px;letter-spacing:1px;color:#856700}.lp-mini-hero>strong{display:block;font-size:25px;line-height:1.13;letter-spacing:-1px;margin-top:10px}.lp-mini-hero p{font-size:9px;color:#656566;line-height:1.6}.lp-mini-button{display:inline-block;background:#ffcd18;color:#181818;border-radius:20px;font-size:8px;padding:9px 13px;font-weight:750}.lp-orbit{position:absolute;right:1px;top:28px;width:75px;height:75px;background:radial-gradient(circle at 30% 20%,#ffe488,#b98900);border-radius:24px;transform:rotate(-12deg);display:grid;place-items:center;box-shadow:7px 8px 0 #333}.lp-orbit span{font-size:38px}.lp-mini-cards{display:flex;gap:8px;margin-top:22px}.lp-mini-cards>span{flex:1;background:#ebe8dd;border-radius:7px;padding:9px 6px;font-size:7px}.lp-mini-cards b{display:block;color:#947200;margin-bottom:4px}.lp-lines{padding-top:14px}.lp-lines i{display:block;height:4px;background:#d9d7ce;margin-bottom:5px;border-radius:3px;width:85%}.lp-lines i:nth-child(2){width:65%}.lp-phone{position:absolute;right:-7px;top:176px;width:155px;height:289px;background:#f7f5ed;color:#222;border:7px solid #1c1c1d;border-radius:27px;box-shadow:7px 8px 0 #eeb900,0 22px 40px #0008;transform:rotateY(-9deg) rotateZ(8deg);z-index:3;overflow:hidden}.lp-phone .device-island{width:44px;height:7px;margin:7px auto 10px}.lp-phone-content{padding:0 12px}.lp-phone-content small{font-size:7px}.lp-phone-content strong{display:block;font-size:17px;line-height:1.15;margin-top:12px}.lp-phone-image{background:linear-gradient(135deg,#ffe77c,#d6a900);height:55px;border-radius:9px;display:grid;place-items:center;font-size:32px;margin:12px 0}.lp-phone-content p{font-size:8px;line-height:1.4}.lp-phone-content .lp-mini-button{padding:7px 9px;font-size:7px}.lp-float-label{position:absolute;left:5px;bottom:38px;background:#19191bdd;border:1px solid #9d7b20;border-radius:30px;padding:13px 17px;color:#e8d9a0;font-size:11px;backdrop-filter:blur(10px);z-index:4}.lp-float-label span{color:#ffd000;margin-right:7px}.landing-scene .mock-disclaimer{bottom:0;font-size:9px}.service-cards article{position:relative;overflow:hidden;transition:transform .35s,border-color .35s;isolation:isolate}.service-cards article:hover{border-color:#b28a23;transform:translateY(-5px)}
@media(prefers-reduced-motion:no-preference){.motion-active .lp-browser{animation:lp-browser-float 7s ease-in-out infinite}.motion-active .lp-phone{animation:lp-phone-float 6s ease-in-out infinite}.motion-active .lp-float-label{animation:lp-label-float 5s ease-in-out infinite}@keyframes lp-browser-float{50%{transform:translateY(-10px) rotateY(-9deg) rotateX(5deg) rotateZ(-3deg)}}@keyframes lp-phone-float{50%{transform:translateY(-13px) rotateY(-6deg) rotateZ(5deg)}}@keyframes lp-label-float{50%{translate:0 -5px}}}
@media(max-width:1000px){.landing-hero .hero-grid{gap:30px}.landing-scene.hero-art{height:440px}.lp-browser{width:95%;height:340px}.lp-phone{right:-2px;width:140px}.lp-mini-hero>strong{font-size:21px}}
@media(max-width:800px){.landing-hero .hero-grid{grid-template-columns:1fr;padding:35px 0 55px;min-height:0;gap:25px}.landing-hero h1{font-size:clamp(35px,7vw,49px)}.landing-scene.hero-art{height:440px;max-width:500px;margin:0 auto}.lp-browser{width:88%;top:20px;height:340px}.lp-phone{top:150px;right:5px}.lp-float-label{bottom:25px}.landing-hero .hero-actions{margin-top:28px}}
@media(max-width:400px){.landing-scene.hero-art{height:395px}.lp-browser{height:300px;border-width:6px}.lp-screen{padding:12px}.lp-mini-hero{padding-right:45px;margin-top:15px}.lp-mini-hero>strong{font-size:19px}.lp-orbit{width:48px;height:48px;right:0}.lp-orbit span{font-size:26px}.lp-mini-cards{margin-top:15px}.lp-phone{width:125px;height:255px;top:122px}.lp-phone-content{padding:0 9px}.lp-phone-content strong{font-size:15px}.lp-phone-image{height:43px}.lp-float-label{font-size:10px;padding:10px 12px;bottom:18px}}

/* Miniature content uses compact proportions inside the device. */
.lp-phone-content{padding:0 12px 12px}.lp-phone-content strong{font-size:15px;line-height:1.13;margin-top:9px}.lp-phone-image{height:42px;margin:9px 0 7px;background:#eeebe1;border-radius:5px;overflow:hidden}.lp-phone-image svg{display:block;width:100%;height:100%}.lp-phone-content p{font-size:8px;line-height:1.35;margin:7px 0 9px}.lp-phone-content .lp-mini-button{display:inline-flex;justify-content:center;align-items:center;max-width:100%;min-height:0;padding:6px 9px;font-size:7px;line-height:1.2;border-radius:12px;white-space:nowrap}.lp-phone-content .lp-lines{padding-top:9px}.lp-phone-content .lp-lines i{height:3px;margin-bottom:4px}
@media(max-width:400px){.lp-phone-content{padding:0 9px 10px}.lp-phone-content strong{font-size:13px;margin-top:7px}.lp-phone-image{height:35px;margin:8px 0 6px}.lp-phone-content p{font-size:7px;margin:6px 0 8px}.lp-phone-content .lp-mini-button{font-size:6.5px;padding:5px 8px}}
.lp-phone-content{padding-bottom:6px}.lp-phone-content strong{font-size:14px}
@media(max-width:400px){.lp-phone-content strong{font-size:13px}}