/* DeVo App Page: standalone pages for app marketing, support and privacy */
:root{--bg:#0e0d0c;--ink:#ece6dc;--mut:#a39b90;--acc:#5fd3c8;--line:rgba(236,230,220,.16);--red:#e0262d;
  --display:"Bebas Neue",Impact,sans-serif;--serif:"Instrument Serif",Georgia,serif;--sans:Inter,system-ui,-apple-system,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{background:var(--bg);-webkit-text-size-adjust:100%}
body.devo-app-body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.65 var(--sans);-webkit-font-smoothing:antialiased}
a{color:var(--acc);text-underline-offset:3px}
.app-bar{display:flex;align-items:center;padding:22px clamp(20px,5vw,64px)}
.app-bar__logo img{display:block;height:38px;width:auto}
.app-main{max-width:860px;margin:0 auto;padding:clamp(40px,9vw,110px) clamp(20px,5vw,40px) 90px}
.app-article .app-icon{display:block;width:clamp(72px,10vw,104px);height:auto;margin:0 0 24px;border-radius:22.4%;box-shadow:0 14px 34px -12px rgba(0,0,0,.75),0 0 0 1px rgba(255,255,255,.12)}
.app-article h1{margin:0 0 .12em;font:400 clamp(60px,13vw,150px)/.88 var(--display);letter-spacing:.005em;text-transform:uppercase}
.app-article h1.is-doc{font-size:clamp(44px,8vw,84px)}
.app-article .lede{margin:.2em 0 .8em;font:italic 400 clamp(24px,3.4vw,34px)/1.25 var(--serif);color:var(--ink)}
.app-article .promo{max-width:60ch;color:var(--mut);font-size:clamp(17px,2vw,19px)}
.app-article h2{margin:2.4em 0 .5em;font:400 clamp(28px,4vw,40px)/1 var(--display);letter-spacing:.05em;text-transform:uppercase;color:var(--acc)}
.app-article p,.app-article li{max-width:68ch}
.app-article ul{padding-left:1.15em}
.app-article li{margin:.35em 0}
.app-article .meta{color:var(--mut);font-size:15px}
.app-article strong{font-weight:600}
.app-links{display:flex;flex-wrap:wrap;gap:10px;margin:1.6em 0 0;padding:0;list-style:none}
.app-links a{display:inline-block;padding:11px 22px;border:1px solid var(--ink);border-radius:99px;color:var(--ink);text-decoration:none;font-size:14px;font-weight:500;transition:background .25s,color .25s}
.app-links a:hover{background:var(--ink);color:var(--bg)}
.app-shots{display:flex;gap:14px;margin:2.4em calc(-1 * clamp(20px,5vw,40px)) 0;padding:6px clamp(20px,5vw,40px) 20px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin}
.app-shots img{flex:none;height:min(64vh,540px);width:auto;border-radius:26px;scroll-snap-align:start;box-shadow:0 18px 40px -16px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.08)}
.app-foot{display:flex;flex-wrap:wrap;gap:12px 28px;justify-content:space-between;max-width:860px;margin:0 auto;padding:26px clamp(20px,5vw,40px) 50px;border-top:1px solid var(--line);color:var(--mut);font-size:14px}
.app-foot nav{display:flex;flex-wrap:wrap;gap:6px 22px}
.app-foot a{color:var(--mut)}
.app-foot a:hover{color:var(--ink)}
/* support form (Contact Form 7) */
.app-article .wpcf7 form{display:grid;gap:16px;max-width:520px;margin:1.2em 0 0}
.app-article .hidden-fields-container{display:none}
.app-article .wpcf7 label{display:block;font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}
.app-article .wpcf7 input[type=text],.app-article .wpcf7 input[type=email],.app-article .wpcf7 textarea{display:block;width:100%;margin-top:8px;padding:12px 14px;border:1px solid var(--line);border-bottom:1.5px solid rgba(236,230,220,.6);border-radius:8px;background:rgba(236,230,220,.06);color:var(--ink);font:400 16px/1.3 var(--sans);letter-spacing:0;text-transform:none}
.app-article .wpcf7 textarea{height:130px;resize:vertical}
.app-article .wpcf7 input:focus,.app-article .wpcf7 textarea:focus{outline:0;border-color:var(--acc)}
.app-article .wpcf7-submit{justify-self:start;padding:14px 30px;border:0;border-radius:99px;background:var(--ink);color:var(--bg);font:500 14px var(--sans);cursor:pointer;transition:background .25s}
.app-article .wpcf7-submit:hover{background:var(--acc)}
.app-article .wpcf7-spinner{display:none}
.app-article .wpcf7-not-valid-tip{display:block;margin-top:6px;font-size:13px;color:#ffb4a8;letter-spacing:0;text-transform:none}
.app-article .wpcf7 form .wpcf7-response-output{margin:2px 0 0;padding:10px 14px;border:1px solid var(--line);border-radius:8px;font-size:15px}
@media (max-width:600px){.app-shots img{height:min(58vh,440px)}}