:root{--v11-soft:#f0f7f1;--v11-forest:#184936;--v11-accent:#277551;--v11-line:#d9e8da}
body{font-feature-settings:"kern" 1;font-kerning:normal}
.professional-section{background:radial-gradient(circle at 7% 16%,#e7f4e9 0%,transparent 40%),linear-gradient(130deg,#f9fcf8,#f1f8f1);border-top:1px solid #e1eae2;border-bottom:1px solid #e1eae2;overflow:hidden}
.professional-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(30px,5vw,88px);align-items:start}
.professional-section h2{max-width:630px;font-size:clamp(2.05rem,4vw,4.1rem);line-height:1.15}
.professional-prose{background:#fff;border:1px solid #e4ece3;border-radius:22px;padding:clamp(24px,3.2vw,42px);box-shadow:0 18px 49px #1b4e3010;position:relative;overflow:hidden}
.professional-prose:before{content:'';position:absolute;height:4px;left:0;right:0;top:0;background:linear-gradient(90deg,#438c60,#c2dfbf,#e6ede3)}
.professional-prose p{font-size:1.04rem;line-height:2.02;color:#465f50;margin:0 0 20px}
.professional-prose p:last-child{margin:0}
.app-spotlight,.app-page-intro{overflow:hidden}
.app-showcase-grid{grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);gap:clamp(24px,4.4vw,80px);align-items:center}
.app-copy h2{font-size:clamp(2.1rem,4vw,4.5rem)}
.app-extra-intro{color:#4f6757}
.app-visuals{display:block;position:relative;min-width:0}
.app-visual-card.primary{display:block;width:100%;min-height:unset;padding:0;background:transparent;border:none;overflow:visible;box-shadow:none}
.app-photo-frame{position:relative;margin:0;border-radius:25px;isolation:isolate;overflow:hidden;box-shadow:0 40px 75px #143f302a;transition:transform .65s cubic-bezier(.2,.8,.25,1),box-shadow .6s;transform:translate3d(0,var(--app-photo-y,0px),0);background:#ebf3e9}
.app-photo-frame>img{display:block;width:100%;height:auto;aspect-ratio:3/2.5;object-fit:cover;object-position:center;transition:transform 1.2s cubic-bezier(.16,.76,.3,1)}
.app-photo-frame:hover>img{transform:scale(1.055)}
.app-photo-frame:after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(4,32,20,.62),transparent 48%);pointer-events:none}
.app-photo-label{position:absolute;left:20px;bottom:18px;z-index:2;display:flex;align-items:center;gap:11px;max-width:calc(100% - 40px);border-radius:16px;padding:12px 16px;background:rgba(255,255,255,.97);box-shadow:0 12px 27px #001f1936;color:#16432f;font-size:13px;font-weight:800;backdrop-filter:blur(6px)}
.app-photo-label>img{width:38px;height:38px;object-fit:contain;flex:none}
.app-photo-label small{display:block;font-size:10px;color:#64816c;font-weight:700;letter-spacing:.02em;margin-top:2px}
.app-visual-card.secondary{width:min(86%,360px);margin:-12px 0 0 auto;position:relative;z-index:3;box-shadow:0 13px 31px #10372e29;background:#124b35;border-radius:16px}
.app-visual-card.secondary img{max-width:74px;max-height:74px}
.app-benefits span{background:#fff;border:1px solid #cce3cd;box-shadow:0 7px 22px #1d653212;transition:transform .3s,background .3s,border .3s}
.app-benefits span:hover{transform:translateY(-3px);background:#eef8ef;border-color:#a4d0af}
.iphone-quick-card{position:relative;overflow:hidden;box-shadow:0 17px 40px #15432911}
.iphone-quick-card:after{content:'✦';position:absolute;top:-32px;right:17px;font-size:110px;line-height:1;color:#e6f2e7;pointer-events:none}
.iphone-quick-card>*{position:relative;z-index:1}
.push-guide-link{display:inline-flex;align-items:center;margin-top:12px;font-weight:800;color:#186843;text-decoration:underline;text-underline-offset:5px;font-size:.9rem}
.push-guide-wrapper{display:grid;grid-template-columns:1fr;gap:36px}
.push-steps-wrap{max-width:820px}
.push-steps-wrap h2{font-size:clamp(2.1rem,4.25vw,4.6rem)}
.push-visual-guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,2vw,28px)}
.push-visual-step{padding:19px 14px 26px;text-align:center;background:#fff;border:1px solid #d9e8db;border-radius:23px;box-shadow:0 18px 40px #10392d0f;transition:transform .5s cubic-bezier(.18,.75,.21,1),box-shadow .5s;position:relative;min-width:0}
.push-visual-step:hover{transform:translateY(-8px);box-shadow:0 27px 48px #143c3222}
.push-visual-label{display:flex;justify-content:space-between;align-items:center;color:#24724f;font:800 12px/1.2 'Manrope',sans-serif;letter-spacing:.05em;margin-bottom:13px}
.push-visual-label span{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#697c6d}
.push-mini-phone{height:287px;width:min(100%,166px);margin:0 auto 18px;background:#132e23;padding:7px;border-radius:27px;border:2px solid #31443c;box-shadow:0 10px 20px #08231729;position:relative}
.push-mini-notch{height:12px;width:59px;background:#0a1e15;border-radius:0 0 8px 8px;position:absolute;top:5px;left:50%;transform:translateX(-50%);z-index:2}
.push-mini-screen{height:100%;border-radius:20px;overflow:hidden;background:linear-gradient(135deg,#fafcf9,#e7f0e6);position:relative;color:#1c4a35;text-align:left;display:flex;flex-direction:column;align-items:stretch}
.push-mini-url{display:block;margin:21px 8px 10px;background:#eef3ef;color:#526b5c;border-radius:5px;padding:4px 0;text-align:center;font-size:8px}
.push-mini-top{display:flex;align-items:center;gap:5px;background:#fff;padding:7px;font-size:7px;font-weight:850}
.push-mini-top img{width:23px;height:23px;object-fit:contain}
.push-mini-content{padding:17px 9px;display:flex;flex-direction:column;gap:8px;font-size:8px}
.push-mini-content strong{font-size:12px}
.push-mini-content span{display:block;border:1px solid #d6e5d8;padding:8px;border-radius:7px;background:#fff}
.push-mini-action{display:flex;justify-content:space-around;align-items:center;margin-top:auto;padding:8px 0 10px;background:#fff;border-top:1px solid #e3e8e2;color:#2279b7;font-size:15px}
.push-mini-action b{border:2px solid #3889bd;border-radius:9px;padding:0 7px;font-size:18px;line-height:1.2}
.push-mini-dialog{display:flex;flex-direction:column;gap:7px;padding:42px 10px 10px;font-size:9px;line-height:1.25}
.push-mini-dialog>b{text-align:center;font-size:13px;margin-bottom:9px}
.push-mini-dialog>span,.push-mini-dialog>strong{padding:9px;background:#fff;border-radius:7px;box-shadow:0 3px 8px #23442a10}
.push-mini-dialog>.push-highlight{border:2px solid #2c8b57;background:#e5f2e8;font-size:10px;color:#1d5a38}
.push-mini-home{display:flex;flex-direction:column;align-items:center;padding:43px 8px 12px;background:linear-gradient(145deg,#d9e7dc,#4d795e 75%,#204831);color:#fff}
.push-mini-icon{background:#fff;padding:5px;border-radius:10px;width:43px;height:43px;display:grid;place-items:center}
.push-mini-icon img{width:32px;height:32px;object-fit:contain}
.push-mini-home>small{font-size:8px;margin:7px 0 21px;text-align:center}
.push-mini-permission{background:#fff;border-radius:12px;padding:9px 7px;color:#1c3229;text-align:center;width:100%;box-shadow:0 8px 22px #12322340}
.push-mini-permission strong{font-size:10px;display:block}
.push-mini-permission>span{display:block;font-size:8px;margin:6px 0 10px;color:#5b6a60}
.push-mini-permission>div{display:flex;justify-content:space-between;gap:4px;font-size:8px}
.push-mini-permission>div>*{padding:6px 4px;border-radius:6px;background:#f1f3f0;flex:1;font-weight:700}
.push-mini-permission b{background:#28734d!important;color:#fff}
.push-visual-step>strong{display:block;font-size:1.03rem;line-height:1.35;color:#1e5135;margin-bottom:10px}
.push-visual-step>p{margin:0 auto;max-width:285px;font-size:.9rem;line-height:1.66;color:#5b7261}
.visual-caption{font-size:.76rem!important;color:#6c8172!important;text-align:right;margin:11px 4px 0!important}
.professional-section .professional-prose,.app-photo-frame,.push-visual-step{will-change:transform}
/* Livelier but restrained movement */
@keyframes softBreathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes glowTravel{0%{transform:translateX(-130%)}100%{transform:translateX(180%)}}
@keyframes titleIn{from{opacity:0;transform:translateY(20px);filter:blur(7px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes brandFloat{0%,100%{transform:rotate(-1deg) translateY(0)}50%{transform:rotate(1deg) translateY(-7px)}}
.app-photo-label{animation:softBreathe 5.6s ease-in-out infinite}
.professional-layout h2.motion-in,.push-steps-wrap h2.motion-in{animation:titleIn .85s ease both}
.button{position:relative;isolation:isolate;overflow:hidden}
.button:before{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(105deg,transparent,rgba(255,255,255,.27),transparent);transform:translateX(-130%);pointer-events:none}
@media(hover:hover) and (pointer:fine){.button:hover:before{animation:glowTravel .6s ease}.push-visual-step:hover .push-mini-phone{animation:brandFloat 3s ease-in-out infinite}}
.card,.detail-panel,.professional-prose{transition:box-shadow .4s ease,transform .4s ease}
.card:hover,.detail-panel:hover,.professional-prose:hover{box-shadow:0 24px 55px #1b633019}
@media(max-width:1050px){.app-showcase-grid{grid-template-columns:1fr;gap:25px}.app-visuals{max-width:670px;width:100%;margin:0 auto}.app-visual-card.secondary{width:min(75%,370px)}.professional-layout{grid-template-columns:1fr;gap:15px}}
@media(max-width:800px){.push-visual-guide{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.push-visual-step{padding:14px 8px}.push-visual-step>strong{font-size:.9rem}.push-visual-step>p{font-size:.78rem}.push-mini-phone{width:min(100%,155px)}}
@media(max-width:640px){.app-photo-frame{border-radius:18px}.app-photo-label{left:10px;bottom:10px;padding:8px 10px;font-size:11px;gap:7px;border-radius:9px}.app-photo-label>img{width:28px;height:28px}.app-visual-card.secondary{width:88%;margin-top:7px}.app-visual-card.secondary figcaption{font-size:.87rem}.professional-prose{padding:23px}.professional-prose p{font-size:.98rem;line-height:1.85}.professional-section h2{font-size:clamp(2rem,8vw,3.2rem)}.push-visual-guide{grid-template-columns:1fr;gap:15px}.push-visual-step{display:grid;grid-template-columns:125px 1fr;align-items:center;text-align:left;padding:16px 17px;column-gap:15px;grid-template-rows:auto auto auto}.push-visual-label{grid-column:1/-1}.push-mini-phone{grid-row:2/4;grid-column:1;width:125px;height:237px;margin:0}.push-visual-step>strong{grid-column:2;margin:0;font-size:1.07rem}.push-visual-step>p{grid-column:2;margin-top:5px;font-size:.88rem}.push-mini-dialog{padding-top:39px;gap:3px;font-size:7px}.push-mini-dialog>span,.push-mini-dialog>strong{padding:6px}.push-mini-permission{padding:6px 5px}.push-mini-home{padding-top:36px}.push-mini-permission>div{font-size:7px}}
@media(max-width:375px){.push-visual-step{grid-template-columns:106px 1fr;gap:9px;padding:13px}.push-mini-phone{width:106px;height:216px}.push-mini-dialog{font-size:6px}.push-mini-dialog>.push-highlight{font-size:7px}.push-visual-step>strong{font-size:.96rem}.push-visual-step>p{font-size:.79rem}.app-photo-label{font-size:9px}.app-photo-label small{font-size:8px}}
@media(prefers-reduced-motion:reduce){.app-photo-label,.push-mini-phone,.professional-layout h2.motion-in,.push-steps-wrap h2.motion-in{animation:none!important}.button:before{display:none!important}.app-photo-frame{transform:none!important}.app-photo-frame>img{transition:none!important}}