.blueprint-grid{background-image:linear-gradient(90deg,#ffffff08 1px,#0000 1px),linear-gradient(#ffffff08 1px,#0000 1px);background-size:48px 48px;border-radius:16px}.blueprint-card{will-change:transform, opacity;border-radius:16px}.contact-form-panel{border-radius:20px}.form-group textarea,.form-group input{font-family:Inter,sans-serif}.form-group textarea:focus,.form-group input:focus{box-shadow:0 0 0 3px #8b5cf61a}.phone-mockup{perspective:1000px;will-change:transform;width:290px;height:600px;margin:0 auto;position:relative}.phone-bezel{width:100%;height:100%;transform-style:preserve-3d;background:linear-gradient(135deg,#2d3748 0%,#1e2530 100%);border:4px solid #3d4957;border-radius:46px;padding:11px;transition:transform .6s cubic-bezier(.16,1,.3,1),box-shadow .6s cubic-bezier(.16,1,.3,1),border-color .6s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 15px 35px #0006,0 25px 60px #0000004d,inset 0 2px 3px #ffffff26,inset 0 -2px 3px #0006}.phone-screen{background:#000;border:1px solid #000c;border-radius:36px;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 10px #000c}.phone-status-bar{z-index:30;color:#fff;pointer-events:none;justify-content:space-between;align-items:center;height:34px;padding:0 20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:10.5px;font-weight:500;transition:color .5s;display:flex;position:absolute;top:0;left:0;right:0}body:not([data-theme=dark]) .phone-status-bar{color:#1a202c}.phone-notch{z-index:40;background:#000;border-bottom-right-radius:14px;border-bottom-left-radius:14px;width:110px;height:20px;position:absolute;top:0;left:50%;transform:translate(-50%)}.phone-icons{gap:4px;display:flex}.phone-time{font-weight:600}.phone-home-indicator{z-index:30;pointer-events:none;background:#ffffff80;border-radius:3px;width:110px;height:4.5px;transition:background-color .5s;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}body:not([data-theme=dark]) .phone-home-indicator{background:#00000059}.phone-label{text-align:center;color:var(--text-light);letter-spacing:.05em;margin-top:18px;font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;transition:color .4s,transform .4s}.phone-1-float{animation:7s ease-in-out infinite float-phone-1}.phone-2-float{animation:7.8s ease-in-out infinite float-phone-2}@keyframes float-phone-1{0%,to{transform:translateY(0)rotate(-1.5deg)}50%{transform:translateY(-12px)rotate(-.5deg)}}@keyframes float-phone-2{0%,to{transform:translateY(0)rotate(1.5deg)}50%{transform:translateY(-16px)rotate(.5deg)}}.phone-mockup:hover .phone-bezel{border-color:var(--primary);transform:scale(1.05)rotateX(10deg)rotateY(-6deg)rotate(0)translateZ(25px);box-shadow:0 25px 50px #00000080,0 40px 90px #1a5cdb40,inset 0 2px 4px #ffffff40}#phone-eco-matcher:hover .phone-bezel{transform:scale(1.05)rotateX(10deg)rotateY(6deg)rotate(0)translateZ(25px)}.phone-mockup:hover .phone-label{color:var(--primary);transform:translateY(2px)}.phone-screen-img{object-fit:cover;object-position:top center;will-change:opacity;width:100%;height:calc(100% + 34px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s;position:absolute;top:-34px;left:0}.phone-screen-img.light{opacity:1;z-index:10}.phone-screen-img.dark{opacity:0;z-index:5}body[data-theme=dark] .phone-screen-img.light{opacity:0}body[data-theme=dark] .phone-screen-img.dark{opacity:1;z-index:20}.service-panel-backdrop{z-index:200;-webkit-backdrop-filter:blur(6px);opacity:0;visibility:hidden;background:#060d1e73;transition:opacity .4s,visibility .4s;position:fixed;top:0;bottom:0;left:0;right:0}[data-theme=light] .service-panel-backdrop{background:#ffffff40}.service-panel-backdrop.is-open{opacity:1;visibility:visible}.service-panel{z-index:201;background:var(--surface);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);visibility:hidden;flex-direction:column;transition:transform .5s cubic-bezier(.32,.72,0,1),visibility .5s;display:flex;position:fixed;overflow:hidden;box-shadow:-8px 0 40px #0003}[data-theme=light] .service-panel{background:#ffffffd9;box-shadow:-8px 0 40px #0b2b5c26}.service-panel.is-open{visibility:visible}@media (min-width:768px){.service-panel{border-radius:24px 0 0 24px;width:min(520px,85vw);height:100vh;top:0;right:0;transform:translate(100%)}.service-panel.is-open{transform:translate(0)}}@media (max-width:767px){.service-panel{border-radius:24px 24px 0 0;max-height:85vh;bottom:0;left:0;right:0;transform:translateY(100%)}.service-panel.is-open{transform:translateY(0)}}.service-panel__header{border-bottom:1px solid var(--glass-border);background:var(--surface-hover);flex-shrink:0;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}[data-theme=light] .service-panel__header{background:#fffffff2}.service-panel__title{color:var(--text);margin:0;font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:700}.service-panel__close{border:1px solid var(--glass-border);background:var(--surface);width:36px;height:36px;color:var(--text-light);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:transform .3s cubic-bezier(.34,1.56,.64,1),border-color .3s,color .3s;display:flex}.service-panel__close:hover{border-color:var(--primary);color:var(--text);transform:scale(1.1)rotate(90deg)}.service-panel__body{overscroll-behavior:contain;flex:1;padding:2rem;overflow-y:auto}.service-panel__body h3{color:var(--text);margin:0 0 .75rem;font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:700}.service-panel__body p{color:var(--text-light);margin:0 0 1.25rem;font-size:.95rem;line-height:1.75}.service-panel__body .pillar-block{background:var(--surface-hover);border:1px solid var(--glass-border);border-radius:16px;margin-bottom:1rem;padding:1.25rem}[data-theme=light] .service-panel__body .pillar-block{background:#f5f6fab3}.service-panel__body .pillar-block h4{color:var(--primary);align-items:center;gap:.5rem;margin:0 0 .5rem;font-family:Outfit,sans-serif;font-size:1rem;font-weight:600;display:flex}.service-panel__body .pillar-block p{margin-bottom:0;font-size:.9rem}.service-panel__body .deliverables{margin:0 0 1.5rem;padding:0;list-style:none}.service-panel__body .deliverables li{color:var(--text-light);border-bottom:1px solid var(--glass-border);padding:.6rem 0 .6rem 1.75rem;font-size:.9rem;position:relative}.service-panel__body .deliverables li:last-child{border-bottom:none}.service-panel__body .deliverables li:before{content:"";background:var(--lime);width:8px;height:8px;box-shadow:0 0 6px var(--lime-glow);border-radius:50%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.service-panel__divider{background:var(--glass-border);border:none;height:1px;margin:1.5rem 0}.service-panel__tag{color:var(--lime);background:#9dcf001a;border-radius:999px;align-items:center;gap:.35rem;margin-bottom:.35rem;margin-right:.35rem;padding:.35rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.service-panel__body::-webkit-scrollbar{width:4px}.service-panel__body::-webkit-scrollbar-track{background:0 0}.service-panel__body::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:4px}body.panel-open{overflow:hidden}.service-explore-link{color:var(--primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:.35rem;margin-top:1rem;padding:0;font-family:Outfit,sans-serif;font-size:.8rem;font-weight:600;transition:gap .3s,color .3s;display:inline-flex}.service-explore-link:hover{color:var(--lime);gap:.6rem}.service-explore-link svg{transition:transform .3s}.service-explore-link:hover svg{transform:translate(2px)}
