.hero-phone-scene{--phone-metal:linear-gradient(110deg, #2a241f, #3a3029 48%, #2a241f);--phone-edge:#c9793c8c;--phone-ground:#c9793c40;--phone-glass:linear-gradient(125deg, transparent 20%, #ffffff0f 45%, transparent 70%);--phone-screen:var(--gradient-phone-loading);--phone-black:#080808;--phone-white:#fff;--phone-notification:#1e1e1ec7;--phone-notification-shadow:0 8px 24px #00000040;--phone-time:#9a9a9a;--phone-message:#ffffffe6;--phone-whatsapp:#25d366;--phone-width:230px;--phone-height:468px;width:100%;height:calc(var(--phone-height) + 88px);perspective:1100px;place-items:start center;display:grid;position:relative}.hero-phone{width:var(--phone-width);height:var(--phone-height);transform-style:preserve-3d;touch-action:pan-y;cursor:grab;margin-top:10px;position:relative}.hero-phone.is-dragging{cursor:grabbing}.phone-layer{background:var(--phone-metal);border:1px solid var(--phone-edge);backface-visibility:hidden;border-radius:44px;position:absolute;inset:0}.phone-front{background:var(--phone-metal);border:1px solid var(--phone-edge);backface-visibility:hidden;border-radius:44px;padding:8px;position:absolute;inset:0;transform:translateZ(8px)}.phone-screen{background:var(--phone-screen);isolation:isolate;border-radius:36px;width:100%;height:100%;position:relative;overflow:hidden}.phone-site{position:absolute;inset:0;overflow:hidden}.phone-site img{-webkit-user-select:none;user-select:none;width:100%;max-width:none;height:auto;display:block}.phone-island{z-index:5;background:var(--phone-black);border-radius:20px;width:29%;height:22px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.phone-island:after{content:"";background:var(--phone-metal);border-radius:50%;width:6px;height:6px;position:absolute;top:8px;right:10px}.phone-glass{pointer-events:none;z-index:4;background:var(--phone-glass);position:absolute;inset:-12%}.phone-side-button{background:var(--phone-metal);border:1px solid var(--phone-edge);border-radius:3px;width:3px;height:32px;position:absolute;top:100px;left:-3px;transform:translateZ(4px)}.phone-side-button.second{top:144px}.phone-side-button.power{height:55px;top:120px;left:auto;right:-3px}.phone-ground{background:var(--phone-ground);filter:blur(15px);pointer-events:none;border-radius:50%;width:210px;height:24px;position:absolute;bottom:42px}.phone-address{text-align:center;color:var(--muted-foreground);font-size:13px;position:absolute;bottom:6px;left:0;right:0}.phone-notification{z-index:6;background:var(--phone-notification);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--phone-notification-shadow);color:var(--phone-white);border-radius:18px;gap:8px;padding:10px 12px;display:flex;position:absolute;top:38px;left:8px;right:8px}.phone-app-icon{background:var(--phone-whatsapp);border-radius:9px;flex:0 0 34px;place-items:center;height:34px;display:grid}.phone-notification-content{flex:1;min-width:0}.phone-notification-heading{justify-content:space-between;align-items:baseline;gap:4px;font-size:13px;line-height:17px;display:flex}.phone-notification-heading strong{font-weight:600}.phone-notification-heading span{color:var(--phone-time);font-size:12px}.phone-notification-content p{color:var(--phone-message);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:2px;font-size:13px;line-height:17px;display:-webkit-box;overflow:hidden}@media (width>=1024px){.hero-phone-scene{--phone-width:290px;--phone-height:590px}.phone-ground{width:260px}}.process-track{--process-active-border:#c9793c66;position:relative}.process-line{background:var(--border);width:2px;position:absolute;top:18px;bottom:18px;left:17px}.process-line-fill{transform-origin:top;background:var(--gradient-copper);position:absolute;inset:0}.process-step{padding-left:52px;position:relative}.process-number{border:1px solid var(--border);background:var(--background);width:36px;height:36px;color:var(--muted-foreground);border-radius:50%;place-items:center;font-size:13px;display:grid;position:absolute;top:0;left:0}.process-number-active{border:1px solid var(--primary);background:var(--primary);color:var(--background);border-radius:50%;place-items:center;display:grid;position:absolute;inset:-1px}@media (hover:hover) and (pointer:fine){.process-card:hover{border-color:var(--process-active-border);transform:translateY(-4px)}}@media (width>=1024px){.process-line{width:auto;height:2px;inset:17px 18px auto}.process-line-fill{transform-origin:0}.process-step{padding-top:58px;padding-left:0}.process-card{min-height:274px}}