:where(.app-development-page).svc-page .sec{scroll-margin-top:96px}:where(.app-development-page) .tags{flex-wrap:wrap;gap:6px;display:flex}:where(.app-development-page) .tags li{box-shadow:inset 0 0 0 1px var(--line-strong);font:12.5px/1 var(--mono);color:var(--muted);white-space:nowrap;border-radius:99px;padding:7px 10px 6px}:where(.app-development-page) .kind-plate,:where(.app-development-page) .layer-art,:where(.app-development-page) .start,:where(.app-development-page) .windows{border-radius:var(--plate-radius);background:color-mix(in srgb, var(--ink) 4%, transparent);box-shadow:inset 0 0 0 1px var(--line)}:where(.app-development-page) .price-plate{--plate-ink:#f0efe7;--plate-muted:#b9b8ae;--plate-faint:#909088;--plate-line:#f0efe724;color:var(--plate-ink);background:#232826}html.light :where(.app-development-page) .price-plate{background:#1f2422}@media (max-width:480px){:where(.app-development-page) .tags li{padding:6px 9px 5px;font-size:12px}}
:where(.app-development-page) #apps{padding-top:clamp(20px,2.4vw,44px)}:where(.app-development-page) .apps-label{margin-bottom:clamp(22px,2.4vw,36px)}:where(.app-development-page) .apps{gap:clamp(72px,8vw,150px);display:grid}:where(.app-development-page) .app{grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);align-items:center;gap:28px clamp(28px,4.4vw,88px);display:grid}:where(.app-development-page) .app.is-flipped{grid-template-columns:minmax(280px,1fr) minmax(0,1.5fr)}:where(.app-development-page) .app.is-flipped .app-stage{order:2}:where(.app-development-page) .app-picture{border-radius:var(--plate-radius);margin:0;overflow:hidden}:where(.app-development-page) .app-picture img{width:100%;height:auto;display:block}:where(.app-development-page) .app-picture.is-scene{aspect-ratio:16/9;box-shadow:0 30px 80px #00000038}:where(.app-development-page) .app-picture.is-scene img{object-fit:cover;height:100%}:where(.app-development-page) .app-picture.is-screen{background:color-mix(in srgb, var(--ink) 4%, transparent);box-shadow:inset 0 0 0 1px var(--line);padding:clamp(14px,2.6vw,44px)}:where(.app-development-page) .app-picture.is-screen img{box-shadow:0 0 0 1px var(--line), 0 26px 60px #00000047;border-radius:10px}:where(.app-development-page) .app-info{gap:12px;display:grid}:where(.app-development-page) .app-n{font:12px var(--mono);color:var(--faint)}:where(.app-development-page) .app-kind{letter-spacing:-.048em;text-wrap:balance;font-size:clamp(28px,2.7vw,46px);font-weight:470;line-height:1.04}:where(.app-development-page) .app-kind-line{color:var(--muted);text-wrap:pretty;max-width:44ch;font-size:clamp(15.5px,1.12vw,18px);line-height:1.6}:where(.app-development-page) .app-example{border-top:1px solid var(--line);gap:10px;margin-top:clamp(14px,1.6vw,26px);padding-top:20px;display:grid}:where(.app-development-page) .app-name{flex-wrap:wrap;align-items:baseline;gap:4px 12px;display:flex}:where(.app-development-page) .app-name strong{font:500 13px var(--mono);letter-spacing:.08em;color:var(--ink)}:where(.app-development-page) .app-name span{color:var(--muted);font-size:15px}:where(.app-development-page) .app-line{color:var(--muted);text-wrap:pretty;max-width:46ch;font-size:15px;line-height:1.6}:where(.app-development-page) .app-example .tags{margin-top:4px}@media (max-width:900px){:where(.app-development-page) .app,:where(.app-development-page) .app.is-flipped{grid-template-columns:1fr}:where(.app-development-page) .app.is-flipped .app-stage{order:0}:where(.app-development-page) .app-info{max-width:620px}}
:where(.app-development-page) .steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:40px clamp(20px,2.4vw,40px);display:grid}:where(.app-development-page) .step-rail{font:12px var(--mono);color:var(--faint);align-items:center;gap:12px;margin-bottom:22px;display:flex}:where(.app-development-page) .step-rail i{background:var(--line-strong);flex:1;height:1px}:where(.app-development-page) .step.is-live .step-rail{color:var(--red-text)}:where(.app-development-page) .step.is-live .step-rail i{background:var(--red)}:where(.app-development-page) .step h3{letter-spacing:-.03em;flex-wrap:wrap;align-items:center;gap:8px 12px;font-size:clamp(19px,1.45vw,24px);font-weight:480;line-height:1.2;display:flex}:where(.app-development-page) .step>p:last-child{color:var(--muted);text-wrap:pretty;max-width:36ch;margin-top:12px;font-size:15px;line-height:1.6}:where(.app-development-page) .step-tag{box-shadow:inset 0 0 0 1px var(--line-strong);font:10.5px var(--mono);letter-spacing:.02em;color:var(--red-text);border-radius:99px;align-items:center;gap:7px;padding:4px 9px;display:inline-flex}:where(.app-development-page) .step-tag i{background:currentColor;border-radius:50%;width:6px;height:6px}@media (max-width:1100px){:where(.app-development-page) .steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){:where(.app-development-page) .steps{grid-template-columns:1fr;gap:30px}:where(.app-development-page) .step-rail{margin-bottom:14px}}
:where(.app-development-page) .expect-grid{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:stretch;gap:clamp(20px,3.4vw,64px);display:grid}:where(.app-development-page) .price-plate{border-radius:var(--plate-radius);flex-direction:column;gap:12px;padding:clamp(26px,3.4vw,56px);display:flex}:where(.app-development-page) .price-figure{letter-spacing:-.06em;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:clamp(54px,6.2vw,116px);font-weight:470;line-height:.95}:where(.app-development-page) .price-figure>span:first-child{font:12px var(--mono);letter-spacing:0;color:var(--plate-faint);margin-bottom:16px;display:block}:where(.app-development-page) .price-unit{font:12px var(--mono);color:var(--plate-faint)}:where(.app-development-page) .price-scope{color:var(--plate-muted);text-wrap:pretty;max-width:40ch;margin-top:auto;padding-top:30px;font-size:15px;line-height:1.6}:where(.app-development-page) .price-plate .link-arrow{border-color:var(--plate-line);align-self:flex-start}:where(.app-development-page) .price-plate .link-arrow:hover{border-color:var(--plate-ink)}:where(.app-development-page) .expect-rows{border-top:1px solid var(--line-strong);align-content:center;display:grid}:where(.app-development-page) .expect-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(150px,.7fr) minmax(0,1.3fr);gap:8px 32px;padding:clamp(22px,2.4vw,34px) 0;display:grid}:where(.app-development-page) .expect-row dt{letter-spacing:-.03em;font-size:clamp(18px,1.4vw,23px);font-weight:480;line-height:1.25}:where(.app-development-page) .expect-row dd{color:var(--muted);text-wrap:pretty;max-width:50ch;margin:0;font-size:15.5px;line-height:1.62}@media (max-width:900px){:where(.app-development-page) .expect-grid{grid-template-columns:1fr}}@media (max-width:560px){:where(.app-development-page) .expect-row{grid-template-columns:1fr}}
:where(.app-development-page) .faq-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:28px clamp(28px,5vw,96px);display:grid}:where(.app-development-page) .faq-head{gap:22px;display:grid;position:sticky;top:112px}:where(.app-development-page) .faq-head .sec-title{max-width:14ch}:where(.app-development-page) .faq-list{border-top:1px solid var(--line-strong)}:where(.app-development-page) .faq-item{border-bottom:1px solid var(--line)}:where(.app-development-page) .faq-item summary{cursor:pointer;border-radius:6px;justify-content:space-between;align-items:center;gap:24px;padding:22px 0;list-style:none;display:flex}:where(.app-development-page) .faq-item summary::-webkit-details-marker{display:none}:where(.app-development-page) .faq-item summary:focus-visible{outline:2px solid var(--red-text);outline-offset:4px}:where(.app-development-page) .faq-item h3{letter-spacing:-.025em;text-wrap:pretty;font-size:clamp(17px,1.35vw,22px);font-weight:480;line-height:1.3}:where(.app-development-page) .faq-icon{width:38px;height:38px;box-shadow:inset 0 0 0 1px var(--line-strong);color:var(--muted);transition:transform .24s var(--ease-out), box-shadow .18s ease, color .18s ease;border-radius:50%;flex:none;place-items:center;display:grid}:where(.app-development-page) .faq-item summary:hover .faq-icon{box-shadow:inset 0 0 0 1px var(--ink);color:var(--ink)}:where(.app-development-page) .faq-item[open] .faq-icon{color:var(--red-text);transform:rotate(45deg)}:where(.app-development-page) .faq-item p{color:var(--muted);text-wrap:pretty;max-width:66ch;padding:0 64px 26px 0;font-size:15.5px;line-height:1.65}@media (max-width:900px){:where(.app-development-page) .faq-grid{grid-template-columns:1fr}:where(.app-development-page) .faq-head{position:static}:where(.app-development-page) .faq-item p{padding-right:0}}
:where(.app-development-page).svc-page main{isolation:isolate;position:relative;overflow-x:clip}:where(.app-development-page) .app-stage{isolation:isolate;position:relative}:where(.app-development-page) .app-glow{z-index:-1;object-fit:cover;pointer-events:none;filter:blur(66px)saturate(1.45);width:100%;height:100%;opacity:calc(var(--glow,.4) * var(--lit,1) * var(--unveiled,1));position:absolute;inset:0;transform:scale(1.18)}html.light :where(.app-development-page) .app-glow{--glow:.32;filter:blur(66px)saturate(1.2)}:where(.app-development-page) .app-stage:has(.is-screen) .app-glow{--glow:.2}@media (max-width:900px){:where(.app-development-page) .app-glow{filter:blur(44px)saturate(1.35);transform:scale(1.1)}}
:where(.app-development-page) .line-mask,:where(.app-development-page) .is-masked{margin-bottom:-.16em;padding-bottom:.16em;display:block;overflow:hidden}:where(.app-development-page) .line{display:block}:where(.app-development-page) .app-picture{transition:transform .7s var(--ease-out), box-shadow .7s var(--ease-out)}:where(.app-development-page) .app:hover .app-picture.is-scene{transform:translateY(-5px);box-shadow:0 42px 100px #0000004d}:where(.app-development-page) .app:hover .app-picture.is-screen img{box-shadow:0 0 0 1px var(--line), 0 34px 74px #00000057;transform:translateY(-4px)}:where(.app-development-page) .app-picture.is-screen img{transition:transform .7s var(--ease-out), box-shadow .7s var(--ease-out)}:where(.app-development-page) .step-rail i{transform-origin:0}:where(.app-development-page) .step.is-live .step-rail span{position:relative}:where(.app-development-page) .step.is-live .step-rail span:after{content:"";border-radius:99px;animation:2.6s ease-out infinite step-pulse;position:absolute;inset:-6px -8px;box-shadow:0 0 #e6535366}:where(.app-development-page) .step-tag i{animation:2.6s ease-in-out infinite step-blink}@keyframes step-pulse{0%{box-shadow:0 0 #e6535366}to{box-shadow:0 0 0 13px #e6535300}}@keyframes step-blink{0%,to{opacity:1}50%{opacity:.4}}:where(.app-development-page) .price-amount-mask{margin-bottom:-.08em;padding-bottom:.08em;display:block;overflow:hidden}:where(.app-development-page) .price-amount{display:block}.app-development-page{interpolate-size:allow-keywords}:where(.app-development-page) .faq-item::details-content{block-size:0;transition:block-size .42s var(--ease-out), content-visibility .42s allow-discrete;overflow:hidden}:where(.app-development-page) .faq-item[open]::details-content{block-size:auto}:where(.app-development-page) .expect-row{position:relative}:where(.app-development-page) .expect-row:after{content:"";background:var(--line-strong);height:1px;transform:scaleX(var(--drawn,1));transform-origin:0;position:absolute;bottom:-1px;left:0;right:0}@media (prefers-reduced-motion:reduce){:where(.app-development-page) .app-picture,:where(.app-development-page) .app-picture.is-screen img{transition:none}:where(.app-development-page) .faq-item::details-content{transition:none}:where(.app-development-page) .step.is-live .step-rail span:after,:where(.app-development-page) .step-tag i{animation:none}}html.motion-off :where(.app-development-page) .app-picture,html.motion-off :where(.app-development-page) .app-picture.is-screen img{transition:none}html.motion-off :where(.app-development-page) .step.is-live .step-rail span:after,html.motion-off :where(.app-development-page) .step-tag i{animation:none}