.appdev-page{--appdev-icon-teal:#0d3b3b;--appdev-icon-purple:#241c38;--appdev-icon-pink:#3a1530}.appdev-hero{background:radial-gradient(ellipse 70% 50% at 85% 20%, #14b8a61f, transparent 55%), radial-gradient(ellipse 50% 40% at 10% 80%, #5c449b24, transparent 50%), var(--color-bg);padding:3.5rem 0 4rem}.appdev-hero__grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:3rem;display:grid}.appdev-eyebrow{color:var(--color-teal-bright);letter-spacing:.04em;text-transform:uppercase;margin:0 0 .5rem;font-size:.95rem}.appdev-product{color:var(--color-white);margin:0 0 .75rem;font-size:clamp(2.4rem,5vw,3.5rem);font-weight:700;line-height:1.05}.appdev-hero__title{color:var(--color-text);max-width:36ch;margin:0 0 1rem;font-size:clamp(1.25rem,2.4vw,1.65rem);font-weight:400;line-height:1.35}.appdev-hero__intro{color:var(--color-text-muted);max-width:48ch;margin:0 0 1.5rem;font-size:1.05rem;line-height:1.6}.appdev-hero__actions{flex-wrap:wrap;gap:.75rem;margin-bottom:2rem;display:flex}.appdev-highlights{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.appdev-highlights li{border:1px solid var(--color-border);background:var(--color-bg-elevated);border-radius:8px;flex-direction:column;gap:.25rem;padding:.85rem 1rem;display:flex}.appdev-highlights strong{color:var(--color-white);font-size:.95rem;font-weight:600}.appdev-highlights span{color:var(--color-text-muted);font-size:.85rem;line-height:1.4}.appdev-hero__media{justify-self:end;width:min(100%,420px);position:relative}.appdev-hero__frame{border:1px solid var(--color-teal);aspect-ratio:4/5;background:var(--color-surface);border-radius:12px;overflow:hidden;box-shadow:0 24px 60px #00000073}.appdev-hero__frame--logo{aspect-ratio:1;background:#fff;place-items:center;padding:1.25rem;display:grid}.appdev-hero__frame img{object-fit:cover;width:100%;height:100%;display:block}.appdev-hero__frame--logo img{object-fit:contain;max-width:100%;max-height:100%}.appdev-principles{background:var(--color-bg);padding:1rem 0 3.5rem}.appdev-principles .section-intro{max-width:52rem;margin-bottom:2rem}.appdev-principles__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.appdev-principle{background:var(--color-bg-elevated);border:1px solid #14b8a659;border-radius:10px;padding:1.5rem 1.35rem 1.6rem}.appdev-principle h3{color:var(--color-white);margin:0 0 .65rem;font-size:1.2rem;font-weight:600;line-height:1.3}.appdev-principle p{color:var(--color-text-muted);margin:0;font-size:.95rem;line-height:1.55}.appdev-features{background:linear-gradient(180deg, var(--color-bg) 0%, #0a1220 100%);padding:4rem 0}.appdev-features .section-intro{margin-bottom:2.5rem}.appdev-features__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.appdev-feature{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:10px;padding:1.35rem 1.25rem 1.5rem;transition:border-color .25s,transform .2s}.appdev-feature:hover{border-color:#14b8a673;transform:translateY(-2px)}.appdev-feature__icon{width:50px;height:50px;color:var(--color-teal-bright);border-radius:10px;place-items:center;margin-bottom:1rem;display:grid}.appdev-feature__icon.tone-teal{background:var(--appdev-icon-teal);color:var(--color-teal-bright)}.appdev-feature__icon.tone-purple{background:var(--appdev-icon-purple);color:#c4b5fd}.appdev-feature__icon.tone-pink{background:var(--appdev-icon-pink);color:#f9a8d4}.appdev-feature__icon svg{width:24px;height:24px}.appdev-feature h3{color:var(--color-white);margin:0 0 .6rem;font-size:1.15rem;font-weight:500;line-height:1.3}.appdev-feature p{color:var(--color-text-muted);margin:0;font-size:.92rem;line-height:1.55}.appdev-showcase{padding:2rem 0 4rem}.appdev-showcase__panel{border:1px solid var(--color-teal);border-radius:10px;min-height:280px;padding:3rem;position:relative;overflow:hidden}.appdev-showcase__bg{opacity:.28;pointer-events:none;background-position:50%;background-size:cover;position:absolute;inset:0}.appdev-showcase__bg:after{content:"";background:linear-gradient(105deg,#070b14f0 0%,#070b14b8 55%,#0d3b3b73 100%);position:absolute;inset:0}.appdev-showcase__copy{z-index:1;max-width:40rem;position:relative}.appdev-showcase__intro{color:var(--color-text-muted);margin:.75rem 0 1.5rem;line-height:1.6}.appdev-checklist{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.appdev-checklist li{color:var(--color-text);align-items:flex-start;gap:.65rem;font-size:.98rem;line-height:1.45;display:flex}.appdev-checklist__icon{width:22px;height:22px;color:var(--color-teal-bright);flex-shrink:0;margin-top:.1rem}.appdev-checklist__icon svg{width:100%;height:100%;display:block}.appdev-cta{padding:0 0 1rem}.appdev-cta__inner{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:1.5rem;padding:1.75rem 0 2.5rem;display:flex}.appdev-cta .section-intro{max-width:42ch;margin:.5rem 0 0}.appdev-cta .btn{flex-shrink:0}.appdev-page .btn-ghost{border:1px solid var(--color-border);color:var(--color-white);background:0 0}.appdev-page .btn-ghost:hover{border-color:var(--color-teal);color:var(--color-teal-bright)}@media (width<=1024px){.appdev-features__grid,.appdev-principles__grid,.appdev-highlights{grid-template-columns:1fr}}@media (width<=768px){.appdev-hero{padding-top:2.5rem}.appdev-hero__grid{grid-template-columns:1fr;gap:2rem}.appdev-hero__media{order:-1;justify-self:center;width:min(100%,320px)}.appdev-features__grid{grid-template-columns:1fr}.appdev-showcase__panel{padding:2rem 1.25rem}.appdev-cta__inner{flex-direction:column;align-items:flex-start}}