:root{--ink:#242736;--muted:#747581;--purple:#6046d5;--line:#e5e4eb;--green:#196753;--orange:#b16c2e}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#fff;color:var(--ink);font:15px/1.6 'Segoe UI',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a,input,summary{-webkit-tap-highlight-color:transparent}.symbols{position:absolute;width:0;height:0;overflow:hidden}.wrap{max-width:1180px;margin:auto;padding:0 30px}header{max-width:1260px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:25px 40px;border-bottom:1px solid #efedf4}.brand{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:750;letter-spacing:-.7px;line-height:1.2}.brand small{display:block;color:#9793a9;font-size:8px;letter-spacing:1.5px;margin-top:7px;font-weight:600}.brand img{flex:none}nav{display:flex;gap:29px;font-size:12px;color:#62606e}nav a:hover,.text-link:hover{color:var(--purple)}.outline,.primary{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:12px 18px;border-radius:9px;font-size:12px;font-weight:650;border:1px solid var(--line);background:white}.primary{background:var(--purple);color:white;border-color:var(--purple)}.primary:hover{background:#4d32b9}.outline:hover{background:#f5f2ff}.text-link{font-size:12px;font-weight:600}#admin{font-size:10px;color:#8a809f;max-width:100px}.hero{display:grid;grid-template-columns:1fr 1.05fr;gap:62px;align-items:center;padding-top:70px;padding-bottom:75px}.eyebrow{display:block;font-size:9px;letter-spacing:1.7px;color:#8b819b;font-weight:700}.eyebrow i{display:inline-block;width:6px;height:6px;background:var(--purple);border-radius:50%;margin-right:8px}h1{font-size:64px;letter-spacing:-3px;line-height:1.08;font-weight:760;margin:22px 0}h1 span{color:var(--purple)}.hero-copy>p{max-width:400px;color:var(--muted);font-size:14px;line-height:1.8}.hero-actions{display:flex;gap:20px;align-items:center;margin:28px 0}.hero-note{display:flex;gap:13px;align-items:center;font-size:10px;color:#97909f}.hero-note span:first-child{font-size:8px;letter-spacing:1px;border:1px solid var(--line);border-radius:4px;padding:3px 6px}.hero-visual{padding:25px;background:linear-gradient(135deg,#f1eefb,#f9f7ff);border:1px solid #eeebf7;border-radius:25px;box-shadow:0 15px 70px #b8aad019}.visual-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.visual-label{font-size:8px;letter-spacing:1.2px;color:#a7a0b3}.pill{display:inline-block;font-size:8px;font-weight:650;letter-spacing:.4px;padding:5px 9px;border-radius:6px;background:#ede7fb;color:var(--purple)}.pill.green{color:var(--green);background:#e4f0e8}.pill.orange{color:var(--orange);background:#f9eede}.window-bar{background:white;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:12px 14px;color:#9e9aa7;font-size:9px;border-bottom:1px solid #f3f1f8}.window-bar i{width:5px;height:5px;border-radius:50%;background:#ded9e8;display:inline-block;margin-right:3px}.preview-window{border:1px solid #e6e1ef;border-radius:12px;overflow:hidden;background:white;box-shadow:0 15px 30px #9182b520}.preview-window img{width:100%;display:block;aspect-ratio:1.75;object-fit:contain;background:#f5f7f5}.visual-caption{display:flex;align-items:center;gap:12px;margin:22px 0 15px}.visual-caption strong{font-size:15px}.visual-caption small{display:block;font-size:9px;color:#8a8396}.visual-caption>.pill{margin-left:auto}.app-icon{display:inline-flex;align-items:center;justify-content:center;width:47px;height:47px;border-radius:13px;background:var(--purple);color:white;flex:none}.app-icon.green{background:var(--green)}.app-icon.orange{background:var(--orange)}.app-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.small-apps{display:grid;grid-template-columns:1fr 1fr;gap:12px}.small-apps>span{background:#ffffff9c;border:1px solid #e7e2f1;padding:10px;border-radius:10px;font-size:11px;font-weight:650}.small-apps small{display:block;font-size:8px;font-weight:400;color:#9c94a7;margin-left:24px}.small-apps b{margin-right:7px}.orange{color:var(--orange)}.purple{color:var(--purple)}.catalog-section{background:#f8f8fa;padding:62px 0;border-block:1px solid #eeeeF2}.section-title{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:28px}h2{font-size:31px;letter-spacing:-1px;line-height:1.25;margin:12px 0 0}.section-title>p{font-size:12px;color:#8f8c97;line-height:1.7;margin:0}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:26px 0}.filters button{padding:9px 15px;font-size:11px;background:white;border:1px solid #e8e6ec;border-radius:7px;color:#817a8f}.filters button.selected{background:var(--ink);border-color:var(--ink);color:white}.filters span{background:#ffffff20;padding:1px 5px;margin-left:7px;border-radius:4px;font-size:9px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}.app-card{background:white;border:1px solid var(--line);border-radius:16px;padding:25px;display:flex;flex-direction:column;color:var(--ink);transition:transform .18s,box-shadow .18s}.app-card:hover{transform:translateY(-3px);box-shadow:0 12px 25px #34304209}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.availability{font-size:9px;color:#96919d;display:flex;align-items:center;gap:5px}.availability i{width:4px;height:4px;border-radius:50%;background:#b8afc4}.availability.ready{color:var(--green)}.availability.ready i{background:var(--green)}.app-card h3{font-size:24px;letter-spacing:-.7px;line-height:1.2;margin:10px 0}.tagline{font-size:12px;font-weight:600;margin:0 0 12px;min-height:39px}.description{font-size:11px;line-height:1.8;color:#96909c;min-height:60px}.app-card ul{list-style:none;padding:0;margin:12px 0 28px;font-size:11px;color:#726a7e}.app-card li{margin:9px 0;display:flex;gap:9px}.app-card li span{color:var(--green)}.card-actions{margin-top:auto;display:flex;gap:10px;align-items:center;border-top:1px solid #efedf3;padding-top:18px}.card-actions button{border:0;border-radius:6px;background:#f4f1fb;color:#644da3;font-size:10px;font-weight:650;padding:10px 13px;flex:1;display:flex;justify-content:space-between}.app-card.green .card-actions button{background:#edf5ef;color:var(--green)}.app-card.orange .card-actions button{background:#fcf3e7;color:var(--orange)}.card-actions a{font-size:10px;padding:8px 5px;color:#7c708d}.catalog-note{font-size:10px;color:#a19aa8;margin:23px 0 0}.steps{padding-top:65px;padding-bottom:65px}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:35px}.step-grid article{border-top:1px solid var(--line);padding-top:22px}.step-grid article>span{font-size:9px;color:var(--purple);font-weight:650;letter-spacing:1px}.step-grid h3{font-size:16px;letter-spacing:-.3px;margin:12px 0}.step-grid p{font-size:12px;color:#8f8998;line-height:1.8}.questions{display:grid;grid-template-columns:.75fr 1.3fr;gap:80px;padding-top:45px;padding-bottom:65px;border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:17px 0}summary{font-size:12px;font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}summary::after{content:'+';color:#9786b9}details[open] summary::after{content:'−'}details p{font-size:12px;color:#948c9e;margin:14px 20px 0 0}.callout{border:1px solid #e5ddf6;border-radius:20px;background:#f7f4fc;padding:36px 40px;display:flex;align-items:center;justify-content:space-between;gap:35px}.callout h2{font-size:25px}.callout p{font-size:12px;color:#978ba7}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:40px!important;padding-bottom:35px!important}footer>span{font-size:10px;color:#a29aad}footer .brand{font-size:16px}footer .brand small{font-size:7px}dialog{border:1px solid var(--line);border-radius:20px;padding:36px;width:min(650px,94vw);color:var(--ink);max-height:90vh}dialog::backdrop{background:#24223877;backdrop-filter:blur(4px)}.close{position:absolute;right:16px;top:12px;border:0;background:transparent;color:#93839f;font-size:25px;padding:0 8px}.detail-top{display:flex;align-items:center;gap:15px;margin-bottom:24px}dialog h2{font-size:35px}dialog p,dialog ul{font-size:13px;color:#82778d;line-height:1.8}.detail-shot{width:100%;border:1px solid var(--line);border-radius:10px;margin:15px 0}.detail-note{background:#f8f5fa;border-radius:10px;padding:16px}.detail-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}:focus-visible{outline:3px solid #beafe8;outline-offset:4px}[hidden]{display:none!important}@media(max-width:950px){header{padding:20px 25px;gap:18px}#admin{display:none}.hero{gap:30px;padding-top:50px}h1{font-size:53px}.hero-visual{padding:20px}.hero-actions{flex-wrap:wrap;gap:15px}.app-card{padding:20px}.cards{gap:13px}.questions{gap:40px}.step-grid{gap:25px}.visual-label{font-size:7px}}@media(max-width:720px){.wrap{padding-inline:22px}header{flex-wrap:wrap;padding:18px 22px}header>.outline{padding:9px 12px;margin-left:auto}header nav{order:3;width:100%;justify-content:space-between;gap:15px;font-size:11px;border-top:1px solid #f1edf6;padding-top:12px}.brand{font-size:19px}.hero{grid-template-columns:1fr;gap:30px;padding-top:36px;padding-bottom:38px}h1{font-size:50px;letter-spacing:-2px}.hero-copy>p{font-size:13px}.hero-visual{max-width:530px;width:100%;margin:auto}.cards{grid-template-columns:1fr}.app-card{padding:26px}.description,.tagline{min-height:0}.section-title{align-items:start}.section-title>p{display:none}h2{font-size:28px}.catalog-section{padding-block:40px}.filters{gap:7px}.filters button{padding:8px 10px;font-size:10px}.steps{padding-block:40px}.step-grid{grid-template-columns:1fr;gap:20px;margin-top:22px}.questions{grid-template-columns:1fr;gap:20px;padding-block:35px}.questions h2 br{display:none}.callout{margin:10px 20px;padding:27px!important;flex-direction:column;align-items:start;gap:12px}.callout h2{font-size:24px}footer{flex-wrap:wrap}footer>span{font-size:9px}dialog{padding:27px}.visual-caption small{font-size:8px}.hero-note{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.app-card{transition:none}}
