@import url('assets/fonts.css');*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:70px}body{margin:0;background:#fff;color:#122b35;font:15px/1.6 Onest,'Segoe UI',sans-serif;letter-spacing:-.3px}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #388cf4;outline-offset:5px}button{border:0}button,input,select{border-radius:12px}input,select,textarea{width:100%;border:1px solid #dbe5e9;padding:15px 16px;background:#f9fbfc;color:#122b35;outline:0}input:focus,textarea:focus{box-shadow:0 0 0 3px #c9ecff;border-color:#38a3e9}label{display:grid;gap:8px;font-size:12px;color:#6d818b}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500;letter-spacing:-.065em;line-height:1.08}.serif{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-style:italic;letter-spacing:-.065em}.hidden{display:none!important}.concept-bar{height:51px;position:sticky;top:0;z-index:90;background:#f8fbfcf5;backdrop-filter:blur(16px);border-bottom:1px solid #e6edf0;display:flex;align-items:center;justify-content:space-between;padding:0 30px;font-size:9px;letter-spacing:1.3px;color:#69818d}.concept-bar>span:first-child{display:flex;align-items:center;gap:8px}.concept-bar i{width:6px;height:6px;background:#189ee5;border-radius:50%}.concept-bar nav{display:flex;gap:3px;background:#eaf0f3;padding:3px;border-radius:20px}.concept-bar button{background:none;color:#82929b;border-radius:20px;padding:6px 18px;font-size:11px;letter-spacing:0}.concept-bar button.active{background:white;box-shadow:0 2px 5px #22384a0d;color:#173c4d}.sky-hero{position:relative;overflow:hidden;margin:14px;border-radius:26px;min-height:880px;height:calc(100svh - 80px);max-height:1050px;background:#008fdd;color:#fff;isolation:isolate}.sky-layer{position:absolute;inset:-12px;background:linear-gradient(180deg,#0065a624,#0089d000 65%),url('assets/sky.webp') center 62%/cover no-repeat;z-index:-2;transform:translate3d(calc(var(--px,0px)*-.08),calc(var(--py,0px)*-.08),0) scale(1.035)}.sky-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#006a9740,transparent 65%,#10a1df12);z-index:-1;pointer-events:none}.nav{padding:25px 37px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:30px;font-weight:700;letter-spacing:-1.8px;display:inline-flex;align-items:center;gap:9px;line-height:1}.brand>svg{width:35px;height:32px}.brand>span{font-size:11px;align-self:start;letter-spacing:0;margin:1px 0 0 -4px}.landing-nav{display:flex;gap:32px;font-size:12px;color:#ffffffd9}.landing-nav a:hover{color:#d3ff65}.pill-button{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:12px 22px;border-radius:40px;font-size:12px;font-weight:550;letter-spacing:-.15px;transition:transform .2s,box-shadow .2s,background .2s}.pill-button:hover{transform:translateY(-2px);box-shadow:0 7px 25px #13324f19}.pill-button>span{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:17px}.lime{background:#d0ff65;color:#183a2e}.lime>span{background:#173c32;color:#d0ff65}.ink{background:#163b46;color:#fff}.ink>span{background:#d0ff65;color:#163b46}.large{padding:15px 20px 15px 27px;font-size:14px;gap:28px}.large>span{width:33px;height:33px}.hero-copy{position:relative;z-index:5;text-align:center;margin:37px auto 0;max-width:850px;pointer-events:none}.hero-copy a,.hero-copy button{pointer-events:auto}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:500;display:block;line-height:1.5;color:#6d8791;margin-bottom:24px}.eyebrow.light{color:#d6f1ff}.tiny-star{font-size:15px;vertical-align:middle;margin-right:5px}.hero-copy h1{font-size:clamp(64px,6.2vw,96px);line-height:.99;letter-spacing:-.068em}.hero-copy h1 em{font-style:normal;color:#d0ff65}.hero-copy>p{font-size:14px;line-height:1.65;color:#e6f6ff;margin-top:23px}.hero-buttons{display:flex;justify-content:center;align-items:center;gap:28px;margin-top:26px}.quiet-link{font-size:12px;color:#fff}.quiet-link span{margin-left:10px}.floating-apps{height:210px;position:absolute;bottom:61px;left:50%;width:min(1020px,90%);transform:translateX(-50%);perspective:1100px;pointer-events:none;z-index:3}.float-item{position:absolute;width:106px;filter:drop-shadow(0 20px 13px #006b9f24);text-align:center;transform:translate3d(calc(var(--px,0px)*var(--depth,.1)),calc(var(--py,0px)*var(--depth,.1)),0);animation:bob 7s ease-in-out infinite}.float-item img{width:100%;display:block;aspect-ratio:1;border-radius:26%;box-shadow:inset 0 0 0 1px #ffffff55;border:1px solid #ffffff48}.float-item span{display:inline-block;background:#ffffffdf;color:#34617e;border-radius:20px;padding:4px 13px;font-size:10px;position:relative;top:13px;box-shadow:0 5px 15px #006b9f0d;white-space:nowrap}.float-0{left:3%;top:53px;rotate:-16deg;width:90px;--depth:.24;animation-delay:-2s}.float-1{left:23%;top:5px;rotate:-9deg;width:107px;--depth:-.17;animation-delay:-1s}.float-2{left:45%;top:34px;rotate:5deg;width:116px;--depth:.1;animation-delay:-4s}.float-3{right:20%;top:3px;rotate:12deg;width:105px;--depth:-.22;animation-delay:-3s}.float-4{right:1%;top:55px;rotate:19deg;width:87px;--depth:.15;animation-delay:-5s}@keyframes bob{50%{translate:0 -13px}}.hero-bottom{position:absolute;bottom:22px;left:37px;right:37px;display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:.8px;color:#edfbff}.hero-bottom>a{letter-spacing:0;font-size:11px}.hero-bottom a>span{margin-left:17px}.status-dot{width:5px;height:5px;display:inline-block;background:#d0ff65;border-radius:50%;vertical-align:middle;margin-right:7px}.section{max-width:1240px;margin:auto;padding:110px 40px}.section h2{font-size:clamp(42px,4.1vw,65px)}.intro{padding-top:110px;padding-bottom:90px}.intro h2{font-size:clamp(48px,5.7vw,83px);letter-spacing:-.07em}.muted-text{color:#a9bac0}.intro-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:37px;color:#728891;font-size:14px;line-height:1.85}.round-note{display:flex;align-items:center;gap:20px;font-size:13px;color:#375460}.round-note>span{width:65px;height:65px;display:grid;place-items:center;font-size:48px;line-height:1;background:#d0ff65;border-radius:50%;color:#1a5b43}.section-top{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:38px}.section-top .eyebrow{margin-bottom:19px}.catalog{padding-top:45px}.catalog-tabs{display:flex;gap:5px;flex-wrap:wrap}.catalog-tabs button{font-size:11px;color:#7f929a;background:#f3f6f7;border-radius:20px;padding:9px 17px}.catalog-tabs button.active{background:#163b46;color:#fff}.catalog-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.catalog-card{background:#f4f8fa;border:1px solid #edf2f4;border-radius:22px;padding:24px 20px;position:relative;transition:transform .2s,border-color .2s}.catalog-card.chosen{border-color:#94c945;background:#f4ffe5}.catalog-card:hover{transform:translateY(-5px)}.catalog-card img{width:62px;height:62px;border-radius:17px;display:block;margin-bottom:28px}.catalog-card h3{font-size:19px;font-weight:550;letter-spacing:-.7px}.catalog-card p{font-size:11px;color:#8da0a9;margin-top:7px}.catalog-card .catalog-card-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:24px}.catalog-card strong{font-weight:500;font-size:14px}.add-app{width:29px;height:29px;border:1px solid #d4e1e5;background:#fff;color:#446675;border-radius:50%;font-size:19px;line-height:1}.chosen .add-app{background:#173b46;border-color:#173b46;color:#d0ff65;font-size:14px}.basket{margin-top:22px;display:flex;justify-content:space-between;align-items:center;gap:20px}.basket span{font-size:12px}.basket small{display:block;font-size:10px;color:#99acb3;margin-top:4px}.section-description{color:#8b9ea5;font-size:13px;line-height:1.9}.how{padding-top:30px}.how-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.how-card{padding:26px 29px 30px;border-radius:24px;position:relative;overflow:hidden;min-height:370px}.card-number{font-size:11px;letter-spacing:1px;opacity:.6}.how-card h3{font-size:25px;letter-spacing:-.9px;margin-bottom:14px}.how-card p{font-size:12px;line-height:1.8;max-width:285px;opacity:.72}.blue-card{background:#008de1;color:#fff}.pale-card{background:#eff5f8}.lime-card{background:#d0ff65}.code-art{height:190px;display:flex;justify-content:center;align-items:center;transform:rotate(-8deg);position:relative}.code-art>span{font-size:16px;font-family:Consolas,monospace;letter-spacing:1px;white-space:nowrap;background:#ffffff30;border:1px solid #ffffff55;padding:21px 20px;border-radius:16px;box-shadow:0 10px 35px #00497c23;backdrop-filter:blur(10px)}.code-art>b{border-radius:50%;width:40px;height:40px;display:grid;place-items:center;color:#173b46;background:#d0ff65;position:absolute;bottom:35px;right:10px;font-size:25px}.phone-art{height:190px;position:relative;display:flex;justify-content:center;align-items:center}.phone-art>div{width:87px;height:145px;border:4px solid #a1d4f2;border-radius:21px;background:#fff;transform:rotate(10deg);display:flex;align-items:center;justify-content:center;position:relative;box-shadow:10px 15px 30px #467d9620}.phone-art>div>span{position:absolute;top:7px;width:26px;height:5px;background:#bee3f5;border-radius:10px}.phone-art b{font-size:34px;color:#48a8e4;font-weight:400}.phone-art small{position:absolute;font-size:8px;white-space:nowrap;background:#fff;padding:8px 12px;border:1px solid #dce9ed;border-radius:20px;bottom:4px;left:30px;box-shadow:0 5px 15px #123d4b0a}.phone-art i{position:absolute;width:32px;height:43px;border-right:3px solid #9fd5f5;border-bottom:3px solid #9fd5f5;top:161px;left:calc(50% - 27px);border-radius:0 0 18px 0}.mini-icons{height:190px;display:flex;align-items:center;justify-content:center;position:relative}.mini-icons img{height:77px;width:77px;border-radius:20px;box-shadow:0 10px 20px #3263351c;transform:rotate(-12deg);margin-right:-8px}.mini-icons img:nth-child(2){transform:rotate(10deg) translateY(12px)}.mini-icons>span{width:34px;height:34px;position:absolute;right:15%;top:41px;background:#173b46;color:#d0ff65;display:grid;place-items:center;border-radius:50%;font-size:18px;border:4px solid #d0ff65}.important-note{display:flex;gap:20px;align-items:center;margin-top:27px;color:#8a9ea8;font-size:11px}.important-note>span{font-size:26px;color:#9cbdcc}.important-note>p{max-width:780px;flex:1}.text-link{background:none;padding:0;font-size:12px;color:#508199;white-space:nowrap}.care{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-top:10px;align-items:center}.care>div>p{font-size:13px;line-height:1.95;color:#728c98;margin-top:24px;max-width:430px}.care .subtle{font-size:11px;color:#a1b2ba;margin-top:18px}.care-visual{height:370px;position:relative;overflow:hidden;background:radial-gradient(ellipse,#ecf8ff,#fff 72%);display:grid;place-items:center}.care-orbit{position:absolute;inset:45px 50px;border:1px solid #dbeef7;border-radius:50%;transform:rotate(-20deg)}.care-orbit:before,.care-orbit:after{content:'';position:absolute;inset:25px;border:1px dashed #dcecf3;border-radius:50%}.care-orbit:after{inset:-28px;border-style:solid;opacity:.6}.glass-lock{height:150px;width:150px;border-radius:40px;background:linear-gradient(145deg,#6ed2ff70,#008be520);border:1px solid #b9e5ff;box-shadow:18px 25px 35px #1594db14,inset 0 0 25px #fff9;display:grid;place-items:center;font-size:130px;color:#078cdb;transform:rotate(-12deg);font-family:Georgia,serif;line-height:1}.care-tag{position:absolute;bottom:65px;background:#fff;padding:10px 18px;border:1px solid #e5f0f5;border-radius:30px;font-size:11px;color:#7294a8;box-shadow:0 15px 25px #125d7b09}.care-tag b{color:#2ba481;margin-left:10px}.faq{display:grid;grid-template-columns:1fr 1.4fr;gap:70px;padding-top:60px}.faq-list details{border-bottom:1px solid #e5edef;padding:23px 0}.faq-list details:first-child{padding-top:0}.faq-list summary{font-size:15px;list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:20px;font-weight:300;color:#8ca6b1;transition:rotate .2s}.faq-list details[open] summary span{rotate:45deg}.faq-list details p{font-size:12px;color:#8a9fa8;line-height:1.9;padding:17px 28px 0 0;max-width:530px}.closing{isolation:isolate;position:relative;overflow:hidden;background:#008dda;color:white;margin:0 14px;border-radius:26px;padding:90px 30px 110px;text-align:center}.closing .sky-layer{background-position:center 35%;opacity:.85}.closing h2{font-size:clamp(37px,4.3vw,66px);margin-bottom:33px}.closing .eyebrow{margin-bottom:25px}.site-footer{display:flex;align-items:center;justify-content:space-between;padding:42px 55px;gap:20px}.site-footer>.brand{color:#146383}.site-footer>span{font-size:12px;color:#90a6af}.site-footer small{text-align:right;font-size:9px;line-height:1.9;color:#a0b3bb}.client-frame{min-height:calc(100svh - 51px);background:#f4faff;position:relative;overflow:hidden;padding:0 35px}.client-head{height:96px;max-width:1120px;margin:auto;display:flex;justify-content:space-between;align-items:center}.client-head .brand{color:#138dd8}.client-foot{max-width:980px;margin:28px auto;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#9bb3bf}.client-welcome{min-height:700px;height:calc(100svh - 210px);max-height:850px;margin:0 auto;max-width:1150px;border-radius:28px;overflow:hidden;background:#058ed8;color:white;position:relative;isolation:isolate;text-align:center;padding:54px 25px}.client-welcome h1{font-size:clamp(44px,5vw,68px);line-height:1.05}.client-welcome h1>em{font-style:normal;color:#d0ff65}.client-welcome>p{color:#d8f3ff;font-size:13px;margin:22px 0 26px}.client-welcome>.floating-apps{bottom:34px;height:190px}.client-welcome .eyebrow{margin-bottom:24px}.client-step{background:#fff;border:1px solid #e6f0f6;border-radius:26px;max-width:990px;margin:10px auto 0;min-height:590px;padding:55px 30px;text-align:center;box-shadow:0 20px 70px #006da606;position:relative;animation:enter .45s ease both}.client-step>h1{font-size:45px;letter-spacing:-2px}.client-step>p{color:#8ca3b0;font-size:13px;line-height:1.9;margin:20px auto 27px;max-width:450px}.client-step>form{max-width:360px;margin:auto;text-align:left;display:grid;gap:18px}.client-step>form .pill-button{margin-top:5px}.step-symbol{width:70px;height:70px;background:#edf8ff;color:#1699e6;border-radius:23px;display:grid;place-items:center;font-size:34px;margin:0 auto 27px;line-height:1}.step-symbol.lime-symbol{background:#edffcf;color:#51832f}.code-input{letter-spacing:2px;font:18px Consolas,monospace;text-align:center;text-transform:uppercase}.micro-note{display:block;font-size:10px;color:#a4b7c2;margin-top:24px}.device-demo{max-width:360px;margin:25px auto;background:#f3faff;padding:16px;border:1px solid #dfeff8;border-radius:15px;display:flex;align-items:center;gap:15px;text-align:left}.device-demo>b{font-size:26px;color:#188dd4}.device-demo>div{flex:1}.device-demo strong{font-size:13px;font-weight:550}.device-demo small{display:block;font-size:10px;color:#9db4bf;margin-top:3px}.device-demo>span{color:#449e77;font-size:11px}.client-apps{max-width:800px;margin:30px auto;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;text-align:left}.client-apps .catalog-card{padding:24px}.client-apps .catalog-card img{width:58px;height:58px;margin-bottom:20px}.client-apps .catalog-card>small{font-size:10px;color:#89a2b0}.client-apps .catalog-card.selected{background:#f5ffe9;border-color:#badc83}.client-step .step-bottom{border-top:1px solid #edf3f6;padding-top:24px;max-width:800px;margin:auto;display:flex;justify-content:space-between;align-items:center;color:#8097a4;font-size:12px}.install-orb{position:relative;width:110px;height:110px;display:grid;place-items:center;margin:35px auto 30px}.install-orb img{width:70px;height:70px;border-radius:20px}.snake-ring{position:absolute;inset:0;width:110px;height:110px;fill:none;stroke-width:3.4;animation:spin 1.6s linear infinite}.snake-ring .track{stroke:#e3f0fa}.snake-ring .arc{stroke:#1298e5;stroke-linecap:round;stroke-dasharray:80 283;animation:snake 1.6s ease-in-out infinite}.client-queue{display:flex;justify-content:center;gap:9px;margin:30px 0}.client-queue>span{font-size:10px;background:#f2f7fa;padding:6px 12px;border-radius:20px;color:#9db2be}.client-queue>span.done{background:#edffcf;color:#66873d}@keyframes snake{0%{stroke-dasharray:5 283;stroke-dashoffset:0}50%{stroke-dasharray:190 283;stroke-dashoffset:-35}100%{stroke-dasharray:5 283;stroke-dashoffset:-283}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes enter{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.admin-shell{display:flex;min-height:calc(100svh - 51px);background:#f5f9fb}.admin-sidebar{width:232px;background:#fff;border-right:1px solid #e7eff3;padding:37px 23px 24px;display:flex;flex-direction:column;flex-shrink:0}.admin-sidebar .brand{color:#058ddb;margin-left:14px}.workspace-label{font-size:8px;letter-spacing:1.5px;color:#a2b5bf;margin:40px 12px 18px}.admin-sidebar nav{display:grid;gap:6px}.admin-sidebar nav button{display:flex;align-items:center;gap:13px;padding:12px 15px;font-size:12px;background:none;color:#91a6b2;text-align:left}.admin-sidebar nav button>span:first-child{font-size:17px;width:18px;text-align:center;font-weight:400}.admin-sidebar nav button.active{background:#eaf6ff;color:#058bd8}.admin-sidebar nav button b{font-size:9px;margin-left:auto;background:#d3ff80;color:#407338;border-radius:12px;padding:2px 7px}.admin-person{display:flex;align-items:center;gap:11px;margin-top:auto;padding-top:50px;font-size:11px;color:#5c7b8b}.admin-person>span{width:33px;height:33px;background:#e9f6ff;color:#1597df;display:grid;place-items:center;border-radius:50%}.admin-person small{display:block;color:#a6b6bf;font-size:8px;margin-top:3px}.admin-main{flex:1;min-width:0;padding:0 40px 50px}.admin-top{display:flex;justify-content:space-between;align-items:center;height:83px;border-bottom:1px solid #e7eef3;font-size:10px;color:#9baeb9}.demo-label{padding:5px 10px;background:#edf8df;color:#6e8e45;border-radius:20px;font-size:8px;letter-spacing:1px}.admin-heading{display:flex;justify-content:space-between;align-items:center;margin:37px 0 28px;gap:20px}.admin-heading h1{font-size:30px;letter-spacing:-1.2px}.admin-heading p{font-size:11px;color:#a1b3be;margin-top:10px}.admin-heading .eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:13px}.admin-heading .pill-button{font-size:10px;padding:10px 18px;gap:10px}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:23px}.admin-stat{position:relative;border:1px solid #e7eff4;border-radius:18px;background:#fff;padding:21px}.admin-stat small{font-size:10px;color:#94aab6}.admin-stat strong{display:block;font-size:32px;letter-spacing:-1px;line-height:1;margin-top:23px;font-weight:500}.admin-stat p{font-size:8px;color:#a5b8c3;margin-top:11px}.admin-stat:first-child{background:#d0ff65;border-color:#d0ff65}.admin-stat:first-child small,.admin-stat:first-child p{color:#53792d}.admin-split{display:grid;grid-template-columns:1.6fr 1fr;gap:20px}.admin-panel{background:#fff;border:1px solid #e7eff4;border-radius:20px;padding:25px;margin-bottom:20px;overflow:hidden}.panel-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;gap:15px}.panel-title h2{font-size:17px;letter-spacing:-.5px}.panel-title button{font-size:9px}.mini-app-row{display:flex;align-items:center;gap:12px;margin-top:17px}.mini-app-row img{height:36px;width:36px;border-radius:11px}.mini-app-row>div{flex:1}.mini-app-row strong{font-size:11px;font-weight:550;display:block}.mini-app-row small{font-size:8px;color:#a5b6c0}.badge{font-size:9px;display:inline-block;padding:4px 9px;border-radius:20px;background:#edffdd;color:#71944a;white-space:nowrap}.badge.blue{background:#ecf7ff;color:#5b9fc8}.badge.gray{background:#f1f5f8;color:#9cb0bc}.badge.amber{background:#fff6df;color:#b69c54}.mini-app-row>b{font-size:11px;font-weight:500;margin-left:14px}.admin-promo{background:#008de0;border:0;color:white;position:relative;isolation:isolate}.admin-promo:before{content:'';position:absolute;inset:0;background:url('assets/sky.webp') center bottom/cover;opacity:.45;z-index:-1}.admin-promo h2{font-size:27px;line-height:1.2;margin-top:10px;letter-spacing:-1px}.admin-promo p{font-size:11px;color:#e3f5ff;margin:18px 0 23px;max-width:220px}.admin-promo .pill-button{font-size:10px;padding:10px 17px}.admin-promo .promo-symbol{font-size:35px;line-height:1;color:#d0ff65}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}th{font-size:8px;letter-spacing:.8px;font-weight:500;color:#a7b8c1;padding:0 12px 14px;border-bottom:1px solid #edf2f5}td{font-size:10px;padding:17px 12px;border-bottom:1px solid #eff4f7;color:#708f9f}tbody tr:last-child td{border:0}td strong{font-size:11px;font-weight:500;color:#365c70}td small{display:block;font-size:8px;color:#b0c0ca;margin-top:5px}.table-app-tag{display:inline-block;background:#f4f8fa;padding:3px 7px;border-radius:6px;font-size:8px;margin-right:3px}.admin-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:20px}.admin-toolbar input{max-width:300px;font-size:11px;padding:11px 15px;background:#fff}.admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.admin-app-card{background:white;border:1px solid #e6eff4;border-radius:20px;padding:24px}.admin-app-card .app-card-top{display:flex;justify-content:space-between;align-items:center}.admin-app-card img{height:52px;width:52px;border-radius:15px}.admin-app-card h3{font-size:18px;letter-spacing:-.7px;margin-top:25px}.admin-app-card p{font-size:10px;color:#9eb3bf;margin-top:8px}.admin-app-price{display:flex;justify-content:space-between;border-top:1px solid #edf3f7;margin-top:22px;padding-top:17px;font-size:12px}.admin-app-price button{color:#3b9dd7;font-size:10px;background:none}.admin-empty{padding:50px 20px;text-align:center;font-size:13px;color:#90aab9}.admin-setting{max-width:650px;display:grid;gap:18px}.admin-setting p{font-size:12px;color:#8ca7b5}.admin-setting .pill-button{justify-self:start}dialog{border:1px solid #e5eff3;border-radius:25px;padding:36px;width:440px;max-width:94vw;color:#173b46;box-shadow:0 35px 100px #00243f30}dialog::backdrop{background:#123c5966;backdrop-filter:blur(9px)}dialog form{display:grid;gap:18px}dialog h2{font-size:36px}dialog p{font-size:12px;color:#8aa4b1}dialog .eyebrow{margin-bottom:0}dialog small{font-size:9px;color:#a7b9c2;line-height:1.8}dialog .dialog-close{position:absolute;right:20px;top:16px;background:none;font-size:25px;color:#a0b4bf}#admin-fields{display:grid;gap:16px}#request-result,#admin-result{font-size:11px;color:#449061}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%) translateY(30px);background:#143e4c;color:#fff;opacity:0;pointer-events:none;z-index:200;padding:14px 23px;border-radius:17px;font-size:12px;transition:transform .3s,opacity .3s;max-width:90vw}#toast.visible{opacity:1;transform:translateX(-50%) translateY(0)}
@media(min-width:1600px){.hero-copy{margin-top:65px}.floating-apps{bottom:80px}}@media(max-height:820px) and (min-width:800px){.sky-hero{min-height:790px}.hero-copy{margin-top:17px}.hero-copy h1{font-size:76px}.hero-copy>.eyebrow{margin-bottom:18px}.floating-apps{bottom:45px;height:180px}.hero-copy>p{margin-top:20px}}@media(max-width:1100px){.section{padding-left:30px;padding-right:30px}.catalog-grid{grid-template-columns:repeat(3,1fr)}.section-top{align-items:start}.admin-main{padding:0 25px 35px}.admin-sidebar{width:200px;padding-left:15px;padding-right:15px}.admin-stats{grid-template-columns:repeat(2,1fr)}.admin-split{grid-template-columns:1fr}.admin-promo{display:none}.admin-grid{grid-template-columns:repeat(2,1fr)}.care{gap:35px}.float-0{left:0}.float-4{right:0}.landing-nav{gap:22px}.nav{padding:27px}.hero-copy h1{font-size:76px}}
@media(max-width:760px){.concept-bar{padding:0 14px}.concept-bar>span:first-child{font-size:7px;letter-spacing:.6px}.concept-note{display:none}.concept-bar button{padding:6px 11px;font-size:10px}.sky-hero{margin:8px;border-radius:20px;height:800px;min-height:unset;max-height:unset}.nav{padding:22px 20px}.brand{font-size:25px}.brand>svg{width:27px}.landing-nav{display:none}.nav>.pill-button{padding:8px 11px;gap:8px;font-size:10px}.nav .pill-button>span{height:22px;width:22px;font-size:15px}.hero-copy{margin-top:55px;padding:0 15px}.hero-copy>.eyebrow{font-size:7px;letter-spacing:1px;margin-bottom:24px}.hero-copy h1{font-size:63px;line-height:1.02;letter-spacing:-4px}.hero-copy>p{font-size:12px;margin-top:25px}.hero-buttons{gap:19px;flex-direction:column;margin-top:30px}.hero-buttons .large{font-size:12px;padding:12px 16px 12px 24px}.quiet-link{font-size:11px}.floating-apps{height:180px;bottom:55px;width:100%}.float-item span{font-size:7px;padding:4px 9px;top:8px}.float-0{left:-1%;top:70px;width:57px}.float-1{left:17%;top:24px;width:66px}.float-2{left:40%;top:52px;width:76px}.float-3{right:15%;top:19px;width:67px}.float-4{right:-1%;top:69px;width:56px}.hero-bottom{left:20px;right:20px;bottom:20px;font-size:7px;letter-spacing:.3px}.hero-bottom>a{font-size:8px}.hero-bottom a>span{margin-left:7px}.section{padding:65px 24px}.eyebrow{font-size:8px;letter-spacing:1.2px;margin-bottom:23px}.intro h2{font-size:47px}.intro-bottom{font-size:12px;align-items:start;gap:20px}.intro-bottom>p>br{display:none}.round-note{font-size:9px;gap:10px;flex-shrink:0}.round-note>span{width:37px;height:37px;font-size:29px}.section-top{flex-direction:column;gap:25px;margin-bottom:27px}.section h2{font-size:42px}.catalog{padding-top:20px}.catalog-tabs button{font-size:10px;padding:8px 15px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.catalog-card{padding:22px 17px;border-radius:18px}.catalog-card img{width:53px;height:53px;margin-bottom:23px;border-radius:14px}.catalog-card h3{font-size:17px}.catalog-card p{font-size:10px}.basket{align-items:start;flex-direction:column;gap:20px}.basket .pill-button{width:100%;justify-content:space-between}.how{padding-top:15px}.how-grid{grid-template-columns:1fr}.how-card{min-height:330px;padding:24px}.how-card>p{max-width:100%}.code-art,.phone-art,.mini-icons{height:170px}.phone-art i{top:140px}.important-note{align-items:start;flex-wrap:wrap;gap:12px}.important-note>p{font-size:10px;flex-basis:80%}.important-note .text-link{margin-left:30px;font-size:10px}.care{grid-template-columns:1fr;padding-top:0;gap:20px}.care-visual{height:270px}.care-orbit{inset:20px 45px}.glass-lock{height:130px;width:130px}.care-tag{bottom:21px;font-size:9px}.care>div>p{font-size:12px}.faq{grid-template-columns:1fr;gap:40px;padding-top:10px}.faq-list summary{font-size:13px}.faq-list details p{font-size:11px}.closing{margin:0 8px;border-radius:20px;padding:65px 20px 80px}.closing h2{font-size:36px}.closing .eyebrow{font-size:7px}.closing .large{font-size:12px;padding:12px 15px 12px 22px}.site-footer{padding:30px 25px;flex-wrap:wrap;align-items:start}.site-footer>span{font-size:10px}.site-footer small{flex-basis:100%;text-align:left;font-size:8px}.client-frame{padding:0 14px}.client-head{height:80px;padding:0 9px}.client-head .text-link{font-size:10px}.client-welcome{min-height:650px;height:calc(100svh - 200px);padding:55px 20px}.client-welcome h1{font-size:43px}.client-welcome .eyebrow{font-size:7px}.client-welcome>.floating-apps{bottom:10px}.client-foot{font-size:8px;padding:0 10px;align-items:start}.client-foot .text-link{font-size:9px}.client-step{padding:40px 23px;min-height:590px}.client-step>h1{font-size:36px;letter-spacing:-1.8px}.client-step>p{font-size:12px}.client-apps{grid-template-columns:1fr;gap:10px;margin-top:20px}.client-apps .catalog-card{padding:15px;display:flex;align-items:center;gap:15px}.client-apps .catalog-card img{width:42px;height:42px;border-radius:12px;margin:0}.client-apps .catalog-card h3{font-size:14px}.client-apps .catalog-card>small{margin-left:auto;font-size:9px}.client-step .step-bottom{gap:18px;align-items:stretch;flex-direction:column}.admin-shell{flex-direction:column}.admin-sidebar{width:100%;padding:22px 20px 8px;border:0}.admin-sidebar .brand{margin-left:0}.workspace-label,.admin-person{display:none}.admin-sidebar nav{display:flex;overflow:auto;margin-top:25px;padding-bottom:10px;gap:6px}.admin-sidebar nav button{white-space:nowrap;padding:9px 13px;font-size:10px;gap:7px}.admin-sidebar nav button>span:first-child{font-size:13px;width:14px}.admin-main{padding:0 17px 30px}.admin-top{height:49px;font-size:8px}.admin-heading{margin-top:27px;align-items:start}.admin-heading h1{font-size:25px}.admin-heading p{font-size:9px}.admin-heading .eyebrow{font-size:7px;margin-bottom:11px}.admin-heading .pill-button{font-size:8px;padding:8px 12px;gap:5px}.admin-heading .pill-button>span{height:19px;width:19px;font-size:12px}.admin-stats{gap:10px}.admin-stat{padding:16px;border-radius:15px}.admin-stat small{font-size:9px}.admin-stat strong{font-size:29px;margin-top:16px}.admin-stat p{font-size:8px}.admin-panel{padding:20px 16px;border-radius:17px}.panel-title h2{font-size:16px}.admin-grid{gap:10px}.admin-app-card{padding:16px;border-radius:17px}.admin-app-card img{height:42px;width:42px}.admin-app-card h3{font-size:16px;margin-top:20px}.admin-app-card .badge{font-size:7px;padding:3px 5px}.admin-app-price{font-size:10px}.admin-app-price button{font-size:9px}.admin-toolbar{flex-direction:column;align-items:stretch;gap:14px}.admin-toolbar input{max-width:none}.mini-app-row .badge{font-size:8px}.mini-app-row>b{margin-left:0;font-size:10px}dialog{padding:30px 23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.float-item,.sky-layer{transform:none!important}}
/* Appoletta / composition 02 */
.concept-bar{height:44px;background:#f9fbfc;border-color:#edf1f3}.concept-bar>span:first-child{font-size:9px;font-weight:600;letter-spacing:1.5px}.concept-bar>span:first-child i{display:none}.concept-note{font-size:9px;letter-spacing:0;color:#a2b2bb}.concept-bar nav{background:transparent;padding:0;gap:8px}.concept-bar button{border-radius:0;padding:12px 10px;font-size:10px}.concept-bar button.active{box-shadow:none;background:none;color:#118cd1;border-bottom:2px solid #9ddf32}.sky-hero{margin:0;border-radius:0;min-height:810px;height:calc(100svh - 44px);max-height:none}.sky-layer{background:linear-gradient(110deg,#005a9c22,transparent 70%),url('assets/sky.webp') center bottom/cover}.nav{padding:30px 5.5%;position:relative;z-index:6}.brand{font-size:28px;letter-spacing:-1.7px;font-weight:650}.nav>.brand:before,.client-head>.brand:before,.admin-sidebar>.brand:before{content:'';display:block;width:12px;height:26px;background:#d2ff68;border-radius:8px;transform:rotate(30deg);box-shadow:8px -4px 0 -3px #d2ff6899;margin-right:4px}.hero-copy{text-align:left;max-width:none;width:51%;padding:55px 24px 135px 8%;margin:0;position:relative;z-index:5}.hero-copy>.eyebrow{margin-bottom:25px;font-size:9px;letter-spacing:2.4px;color:#e4f5ff}.hero-copy h1{font-size:clamp(72px,6.4vw,102px);line-height:.96;letter-spacing:-.065em}.hero-copy h1 .serif{font-style:normal;font-family:inherit;font-weight:300;color:#d5efff}.hero-copy h1 em{color:#d2ff68}.hero-copy>p{margin-top:30px;line-height:1.9;color:#e3f5ff;font-size:13px}.hero-buttons{justify-content:flex-start;gap:22px;margin-top:30px;flex-wrap:wrap}.floating-apps{position:absolute;top:19%;bottom:auto;left:56%;width:38%;height:66%;transform:none;z-index:3;perspective:900px}.float-item{animation-duration:8s}.float-item>span{top:14px;font-size:9px;background:#ffffffed;padding:6px 14px;rotate:0deg}.float-0{left:3%;top:10%;right:auto;width:99px;rotate:-12deg}.float-1{right:5%;left:auto;top:0;width:91px;rotate:10deg}.float-2{left:35%;top:35%;width:140px;rotate:3deg}.float-3{left:0;right:auto;top:66%;width:106px;rotate:-8deg}.float-4{left:auto;right:0;top:72%;width:92px;rotate:13deg}.hero-bottom{left:5.5%;right:5.5%;bottom:25px}.hero-bottom>span{font-size:8px;letter-spacing:1.2px}.status-dot{background:#d2ff68}.serif{font-style:normal;font-family:inherit;font-weight:350;letter-spacing:-.065em}.section h2{font-weight:450}.intro h2{font-weight:450}.intro{padding-top:95px}.round-note>span{border-radius:20px;rotate:-9deg;font-size:36px}.catalog-card{border:0;background:#f3f8fb;border-radius:23px}.catalog-card.chosen{background:#f0fbdf;outline:1px solid #c2df93}.how-grid{gap:0;border-top:1px solid #e3edf2;border-bottom:1px solid #e3edf2}.how-card{border-radius:0;background:#fff;color:#173c48;min-height:350px;padding:18px 30px 35px}.how-card+.how-card{border-left:1px solid #e3edf2}.how-card h3{font-weight:500}.blue-card .code-art>span{background:#eaf6ff;border-color:#d4ecfa;color:#2b88bf;box-shadow:none}.how-card p{color:#8ba1ad;opacity:1}.code-art{height:183px;transform:rotate(-4deg)}.mini-icons>span{border-color:white}.care-visual{background:linear-gradient(135deg,#eff8ff,#f8fcff);border-radius:45% 55% 50% 42%;height:350px}.glass-lock{background:#c1e8ff66;box-shadow:inset 0 0 25px #fff9;border:0}.care-orbit{display:none}.closing{border-radius:0;margin:0;padding:100px 30px 120px}.closing h2{font-weight:450}.site-footer>.brand{font-size:26px}.client-frame{min-height:calc(100svh - 44px);padding:0;background:linear-gradient(180deg,#005f9c3b,#006eaf08 55%,#00558733),url('assets/sky.webp') center bottom/cover;color:#fff;isolation:isolate}.client-head{position:absolute;left:0;right:0;top:0;max-width:none;padding:0 4%;height:90px;z-index:10}.client-head .brand{color:#fff}.client-head .text-link{color:#e4f7ff}.client-foot{position:absolute;bottom:18px;left:4%;right:4%;max-width:none;margin:0;color:#e6f7ffb0;font-size:9px;z-index:10}.client-foot .text-link{color:#ecf8ff;font-size:10px}.client-welcome{margin:0;border-radius:0;max-width:none;min-height:730px;height:calc(100svh - 44px);max-height:none;padding:140px 28px 160px;background:transparent;display:flex;align-items:center;justify-content:center;flex-direction:column}.client-welcome>.sky-layer{display:none}.client-welcome .eyebrow{display:none}.client-welcome h1{font-size:65px;letter-spacing:-3.4px;line-height:1.07;z-index:4;max-width:620px}.client-welcome h1 .serif{font-weight:350;color:#d2ff68}.client-welcome>p{margin:24px 0 29px;font-size:12px;color:#e0f5ff;z-index:4}.client-welcome>.pill-button{z-index:5}.client-welcome>.floating-apps{inset:0;width:100%;height:100%;left:0;top:0;transform:none;z-index:2}.client-welcome .float-0{left:7%;top:25%;width:82px}.client-welcome .float-1{left:auto;right:9%;top:20%;width:78px}.client-welcome .float-2{left:12%;top:65%;width:91px}.client-welcome .float-3{left:auto;right:10%;top:64%;width:83px}.client-welcome .float-4{left:calc(50% - 31px);right:auto;top:auto;bottom:7%;width:62px}.client-welcome .float-item span{font-size:8px;top:9px;padding:4px 10px}.client-step{border:0;border-radius:0;margin:0;max-width:none;min-height:calc(100svh - 44px);padding:140px 30px 110px;background:none;box-shadow:none;color:white;display:flex;flex-direction:column;justify-content:center;align-items:center}.client-step>h1{font-size:45px;letter-spacing:-2px}.client-step>h1 .serif{color:#d2ff68;font-weight:350}.client-step>p{color:#e1f5ff;max-width:480px}.step-symbol{background:#ffffff21;color:#e7f8ff;border-radius:50%;border:0}.step-symbol.lime-symbol{background:#d2ff68;color:#42672f}.client-step>form{width:min(360px,100%);margin:0 auto}.client-step label{color:#e5f6ff}.client-step input{border:0;background:#ffffffed}.micro-note{color:#e2f5ffb5;font-size:10px}.device-demo{background:#ffffff1c;border:0;width:360px;max-width:100%;color:#fff}.device-demo small,.device-demo>b{color:#d8f1ff}.device-demo>span{color:#d2ff68}.client-step .pill-button.ink{background:#d2ff68;color:#234731}.client-step .pill-button.ink>span{background:#214d37;color:#d2ff68}.client-apps{width:100%;gap:15px}.client-apps .catalog-card{background:#ffffff16;border:0;color:#fff;outline:none}.client-apps .catalog-card.selected{background:#ffffff25;box-shadow:inset 0 0 0 1px #d2ff6899}.client-apps .catalog-card h3{color:white}.client-apps .catalog-card small,.client-apps .catalog-card p{color:#e5f7ff}.client-step .step-bottom{width:100%;border-color:#ffffff2e;color:#e4f7ff}.client-queue>span{background:#ffffff1a;color:#e5f7ff}.client-queue>span.done{background:#d2ff68;color:#426e33}.snake-ring .track{stroke:#ffffff35}.snake-ring .arc{stroke:#d2ff68}.client-step>.step-symbol{flex-shrink:0}.client-step .client-apps{flex-shrink:0}.admin-sidebar .brand{color:#1889c3}.workspace-label{font-size:8px;letter-spacing:1.3px}.admin-heading>.eyebrow,.admin-heading>div>.eyebrow{display:none}.admin-promo{background:#087bb9}.admin-promo:before{opacity:.25}.admin-promo .promo-symbol{font-size:26px}.demo-label{border-radius:5px;background:#e6f3db}.pill-button{font-weight:500}.pill-button.large{border-radius:18px}.pill-button.large>span{border-radius:11px}.nav>.pill-button{background:#ffffff1f;color:#fff;border:1px solid #ffffff38}.nav>.pill-button>span{background:#ffffff24;color:#fff}
@media(max-width:1150px) and (min-width:761px){.hero-copy{padding-left:6%;width:52%;padding-top:70px}.hero-copy h1{font-size:76px}.floating-apps{left:57%;width:37%;top:22%;height:60%}.float-0{width:80px}.float-1{width:75px}.float-2{width:106px;left:35%}.float-3{width:82px}.float-4{width:73px}.hero-buttons{align-items:flex-start;flex-direction:column;gap:20px}.client-welcome h1{font-size:55px;max-width:540px}.client-welcome .float-0{left:4%;width:66px}.client-welcome .float-1{right:5%;width:65px}.client-welcome .float-2{left:5%;width:75px}.client-welcome .float-3{right:5%;width:70px}}
@media(max-width:760px){.concept-bar{height:43px;padding:0 12px}.concept-bar>span:first-child{font-size:8px;letter-spacing:.8px}.concept-bar nav{gap:1px}.concept-bar button{font-size:9px;padding:12px 8px}.sky-hero{height:auto;min-height:1040px;padding-bottom:65px;margin:0;border-radius:0}.nav{padding:26px 23px}.nav .brand{font-size:25px}.nav>.brand:before{height:22px;width:9px}.hero-copy{width:100%;padding:43px 28px 0;text-align:left}.hero-copy>.eyebrow{font-size:8px;margin-bottom:26px}.hero-copy h1{font-size:76px;letter-spacing:-4.4px;line-height:.98}.hero-copy>p{font-size:11px;line-height:1.9;margin-top:24px}.hero-buttons{align-items:flex-start;gap:19px;margin-top:27px}.hero-buttons .large{padding:12px 16px 12px 21px}.floating-apps{position:relative;left:auto;top:auto;width:calc(100% - 65px);height:300px;margin:38px auto 25px;transform:none}.float-0{left:0;top:16%;width:63px}.float-1{right:0;top:0;width:63px}.float-2{left:35%;top:34%;width:84px}.float-3{left:2%;top:72%;width:62px}.float-4{right:0;top:76%;width:60px}.float-item span{font-size:7px;top:10px;padding:4px 9px}.hero-bottom{left:24px;right:24px;bottom:20px}.hero-bottom>span{font-size:6px;letter-spacing:.3px}.hero-bottom>a{font-size:8px}.how-grid{display:grid;gap:0}.how-card{min-height:320px;padding:18px 5px 30px}.how-card+.how-card{border-left:0;border-top:1px solid #e3edf2}.care-visual{height:280px;border-radius:38% 45% 42% 35%}.closing{padding:70px 25px 95px;margin:0;border-radius:0}.closing h2{font-size:36px}.client-frame{min-height:calc(100svh - 43px);padding:0}.client-head{height:80px;padding:0 23px}.client-head .brand{font-size:25px}.client-head .text-link{font-size:9px}.client-foot{left:23px;right:23px;bottom:17px;font-size:7px;gap:15px}.client-foot .text-link{font-size:8px}.client-welcome{height:calc(100svh - 43px);min-height:760px;padding:130px 22px 185px}.client-welcome h1{font-size:42px;letter-spacing:-2.6px;line-height:1.1;max-width:100%;margin-top:0}.client-welcome>p{font-size:11px;margin:22px 0 27px;max-width:300px}.client-welcome .float-0{left:8%;top:14%;width:43px}.client-welcome .float-1{right:10%;top:14%;width:43px}.client-welcome .float-2{left:8%;top:auto;bottom:17%;width:49px}.client-welcome .float-3{right:9%;top:auto;bottom:17%;width:47px}.client-welcome .float-4{left:calc(50% - 23px);bottom:10%;width:46px}.client-welcome .float-item span{font-size:6px;top:7px;padding:3px 7px}.client-step{min-height:calc(100svh - 43px);padding:115px 25px 100px}.client-step>h1{font-size:34px;letter-spacing:-1.7px}.client-step>p{font-size:11px;line-height:1.9}.step-symbol{width:60px;height:60px;font-size:29px;margin-bottom:24px}.client-step>.step-bottom{gap:20px}.client-apps .catalog-card{padding:15px}.client-apps .catalog-card h3{font-size:14px}.client-step>.micro-note{font-size:9px;max-width:320px}.section .serif{font-weight:350}.admin-sidebar .brand:before{height:22px;width:9px}.admin-sidebar .brand{font-size:25px}}
/* Landing polish: soft edges, editorial accents and a shared sky ending. */
#landing-view .sky-hero{border-radius:0 0 48px 48px;overflow:hidden}
.serif,#landing-view .hero-copy h1 .serif,#landing-view .section .serif,#landing-view .closing .serif{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;letter-spacing:-.055em}
#landing-view .hero-copy h1 .serif{color:#e2f6ff}
#landing-view .intro h2 .serif{font-size:1.04em}
#landing-view .how-grid{align-items:stretch}
#landing-view .how-card{display:flex;flex-direction:column;align-items:stretch;overflow:hidden;min-width:0}
#landing-view .how-card>.code-art,#landing-view .how-card>.mini-icons,#landing-view .how-card>.usb-illustration{height:232px;min-height:232px;flex-shrink:0;position:relative;margin:0 0 10px;transform:none}
#landing-view .how-card h3{position:relative;margin:0 0 14px;line-height:1.22}
#landing-view .how-card>p{position:relative;line-height:1.85;margin:0}
.usb-illustration{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;isolation:isolate}
.usb-illustration>svg{display:block;width:225px;max-width:100%;height:190px;flex-shrink:0;overflow:hidden;transform:rotate(7deg);transform-origin:50% 60%}
.usb-illustration>span{display:flex;align-items:center;justify-content:center;gap:6px;color:#78a2b8;background:#f1f8fc;padding:4px 11px;border-radius:20px;font-size:9px;line-height:1.6;white-space:nowrap}
.usb-illustration>span>i{width:4px;height:4px;border-radius:50%;background:#74b98c}
#landing-view .code-art>span{transform:rotate(-5deg)}
#landing-view .care{gap:75px;padding-top:30px;padding-bottom:95px;align-items:center}
.privacy-scene{position:relative;isolation:isolate;min-width:0;min-height:395px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:46px 20px 36px;gap:26px;background:linear-gradient(145deg,#f4fbff,#eef8fe 65%,#f8fcff);border-radius:34px;overflow:hidden}
.privacy-halo{position:absolute;inset:20px;background:radial-gradient(ellipse at 50% 40%,#bce7ff88,transparent 70%);z-index:-1}
.privacy-computer{width:100%;max-width:340px;position:relative}
.privacy-window{background:#ffffffed;border:1px solid #d9ebf5;border-radius:16px;overflow:hidden;box-shadow:0 18px 45px #3e82a316;position:relative;z-index:1}
.privacy-window-top{height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;border-bottom:1px solid #edf5f9;color:#8badc1;font-size:9px}
.privacy-window-top>svg,.privacy-password>svg{height:15px;width:15px;stroke:#8bb4cb;stroke-width:1.6;flex-shrink:0}
.privacy-window-dots{display:flex;gap:4px;width:32px}
.privacy-window-dots i{display:block;width:4px;height:4px;border-radius:50%;background:#cde3ee}
.privacy-account{display:flex;align-items:center;gap:12px;padding:23px 22px 20px}
.privacy-avatar{height:44px;width:44px;background:#eaf6fe;border:1px solid #dfedf5;border-radius:14px;display:grid;place-items:center;flex-shrink:0}
.privacy-avatar>svg{height:32px;width:32px;stroke:#57a3d0;stroke-width:1.6;stroke-linecap:round}
.privacy-account>div:nth-child(2){flex:1;min-width:0}
.privacy-account strong{font-size:12px;color:#50758b;display:block;font-weight:500}
.privacy-account>div>span{display:block;font-size:9px;color:#a4bac7;margin-top:4px}
.privacy-check{font-size:10px;font-style:normal;background:#e8f8d7;color:#6c9650;border-radius:50%;width:22px;height:22px;display:grid;place-items:center;flex-shrink:0}
.privacy-password{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#f7fbfe;border:1px solid #e4f0f7;border-radius:10px;margin:0 22px;padding:12px 13px}
.privacy-password>span{font-size:9px;color:#a0b9c9}
.privacy-password>b{letter-spacing:2px;font-size:11px;font-weight:500;color:#6798b4}
.privacy-device{display:flex;gap:9px;align-items:center;font-size:8px;color:#97b2c3;margin:19px 22px 23px;line-height:1.6}
.privacy-device strong{color:#6a95ac;font-weight:500;font-size:9px}
.privacy-device-icon{width:27px;height:27px;display:grid;place-items:center;background:#eef8ff;border-radius:8px;color:#6aafd5;font-size:20px}
.privacy-device-check{margin-left:auto;color:#91b26c;font-size:11px}
.privacy-computer-base{height:8px;background:linear-gradient(#d4e8f3,#e8f3fa);border:1px solid #cfe4f0;border-top:0;border-radius:0 0 18px 18px;margin:-1px -15px 0;box-shadow:0 15px 18px #2d718f0a;position:relative}
.privacy-computer-base:before{content:'';width:47px;height:3px;background:#bfd9e8;border-radius:0 0 7px 7px;position:absolute;top:0;left:calc(50% - 24px)}
.privacy-note{display:flex;gap:8px;align-items:center;font-size:10px;color:#6d98af}
.privacy-note>svg{width:19px;height:19px;stroke:#7daec7;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.sky-outro{position:relative;isolation:isolate;overflow:hidden;border-radius:44px;margin:0 16px 16px;background:#078dda;color:white}
.sky-outro>.sky-layer{inset:-8px;background:linear-gradient(180deg,#0068a82b,#0086c20a 70%),url('assets/sky.webp') center 65%/cover;transform:scale(1.025);z-index:-2}
#landing-view .closing{background:none;border-radius:0;margin:0;padding:74px 30px 80px;overflow:visible;isolation:auto}
#landing-view .closing .eyebrow{font-size:8px;letter-spacing:2px;margin-bottom:26px;color:#d9f3ff}
#landing-view .closing h2{font-size:clamp(37px,4.4vw,68px);line-height:1.14;margin-bottom:18px;color:#fff;font-weight:450}
#landing-view .closing h2 .serif{color:#e8f8ff}
.closing-note{color:#e5f6ff;font-size:12px;line-height:1.85;margin-bottom:29px}
.outro-apps{display:flex;justify-content:center;align-items:center;gap:12px;height:82px;margin-bottom:29px;perspective:400px}
.outro-apps>img{height:53px;width:53px;object-fit:cover;border-radius:15px;border:1px solid #ffffff50;box-shadow:0 8px 20px #00538c22;transform:rotate(-10deg) translateY(4px)}
.outro-apps>img:nth-child(2){height:64px;width:64px;border-radius:18px;transform:rotate(2deg) translateY(-5px)}
.outro-apps>img:nth-child(3){transform:rotate(11deg) translateY(4px)}
.sky-outro .site-footer{position:relative;padding:31px 40px;background:linear-gradient(110deg,#ffffff29,#ffffff13);border-top:1px solid #ffffff47;backdrop-filter:blur(24px) saturate(1.2);-webkit-backdrop-filter:blur(24px) saturate(1.2);gap:22px;min-height:117px;color:#fff}
.sky-outro .site-footer>.brand{color:#fff;font-size:26px}
.sky-outro .site-footer>span{color:#e8f8ff;font-size:11px}
.sky-outro .site-footer>small{color:#eefaffc9;font-size:8px;max-width:365px;line-height:1.9}
.motion-ready #landing-view .reveal-pending{opacity:0;transform:translate3d(0,22px,0);transition:opacity .75s ease,transform .75s cubic-bezier(.18,.65,.25,1);transition-delay:var(--reveal-delay,0ms)}
.motion-ready #landing-view .reveal-pending.reveal-visible{opacity:1;transform:translate3d(0,0,0)}
@media(max-width:1050px){#landing-view .care{gap:38px}.privacy-scene{padding-left:17px;padding-right:17px;min-height:375px}.privacy-account{padding-left:18px;padding-right:18px}.privacy-password{margin-left:18px;margin-right:18px}.privacy-window-top{padding:0 14px}.privacy-account strong{font-size:11px}.privacy-account{gap:9px}.privacy-avatar{height:39px;width:39px}.privacy-password>b{letter-spacing:1px}.privacy-device{margin-left:18px;margin-right:18px}.sky-outro .site-footer{padding-left:30px;padding-right:30px}}
@media(max-width:760px){#landing-view .sky-hero{border-radius:0 0 30px 30px}#landing-view .how-card>.code-art,#landing-view .how-card>.mini-icons,#landing-view .how-card>.usb-illustration{height:220px;min-height:220px;margin-bottom:18px}#landing-view .how-card{padding:20px 8px 33px}#landing-view .how-card h3{font-size:24px;line-height:1.25}#landing-view .care{grid-template-columns:1fr;gap:37px;padding-top:10px;padding-bottom:65px}.privacy-scene{min-height:360px;padding:36px 28px 29px;border-radius:27px;gap:25px}.privacy-computer{max-width:330px}.privacy-account{padding:22px 19px 20px}.privacy-account strong{font-size:11px}.privacy-account>div>span{font-size:8px}.privacy-password{margin-left:19px;margin-right:19px}.privacy-device{margin-left:19px;margin-right:19px}.privacy-note{font-size:9px}.sky-outro{margin:0 8px 8px;border-radius:30px}#landing-view .closing{padding:52px 23px 59px}#landing-view .closing .eyebrow{font-size:7px;letter-spacing:1px;line-height:1.8;max-width:250px;margin-left:auto;margin-right:auto;margin-bottom:24px}#landing-view .closing h2{font-size:35px;line-height:1.2;letter-spacing:-1.6px}#landing-view .closing h2>br{display:none}.closing-note{font-size:11px;margin-top:18px;margin-bottom:26px}.outro-apps{height:75px;margin-bottom:25px;gap:10px}.outro-apps>img{width:45px;height:45px;border-radius:13px}.outro-apps>img:nth-child(2){width:55px;height:55px;border-radius:16px}.sky-outro .site-footer{padding:27px 24px 30px;gap:22px;align-items:center;flex-wrap:wrap}.sky-outro .site-footer>.brand{font-size:24px}.sky-outro .site-footer>span{font-size:9px}.sky-outro .site-footer>small{flex-basis:100%;max-width:none;font-size:8px;line-height:1.9;text-align:left}.motion-ready #landing-view .reveal-pending{transform:translate3d(0,15px,0)}}
@media(prefers-reduced-motion:reduce){.motion-ready #landing-view .reveal-pending{opacity:1!important;transform:none!important;transition:none!important}}
.motion-ready #landing-view .reveal-pending:focus-within,.motion-ready #landing-view .reveal-pending:focus-visible{opacity:1;transform:none}

.sky-outro .site-footer{background:linear-gradient(115deg,rgba(9,70,112,.82),rgba(11,83,128,.76));border-top-color:#ffffff40}.sky-outro .site-footer>small{color:#effaffee}
/* Hero copy is always readable; first-screen entrance does not depend on scroll observers. */
#landing-view .hero-copy{padding-top:66px;padding-bottom:110px}
#landing-view .hero-copy>p{opacity:1;visibility:visible;color:#fff;font-size:14px;line-height:1.85;max-width:490px;margin-top:29px;text-shadow:0 1px 14px #00558e55;position:relative;z-index:2}
#landing-view .hero-copy>h1{animation:hero-copy-enter .65s cubic-bezier(.2,.7,.3,1) both}
#landing-view .hero-copy>p{animation:hero-copy-enter .65s cubic-bezier(.2,.7,.3,1) .1s backwards}
#landing-view .hero-buttons{animation:hero-copy-enter .65s cubic-bezier(.2,.7,.3,1) .18s backwards}
@keyframes hero-copy-enter{from{opacity:0;translate:0 15px}to{opacity:1;translate:0 0}}
#catalog-grid{position:relative}
#landing-view .important-note{display:grid;grid-template-columns:24px minmax(0,1fr) auto;column-gap:20px;row-gap:20px;align-items:center;margin-top:29px}
#landing-view .important-note>span{line-height:1.2}
#landing-view .important-note>p{max-width:790px;line-height:1.9;font-size:11px;margin:0}
#landing-view .important-note>.question-primary{grid-column:3;grid-row:1;justify-self:end;align-self:center;margin-top:0;min-width:185px;background:#d2ff68;color:#2b5135;border:0;border-radius:18px;padding:13px 18px 13px 23px;font-size:12px;gap:26px}
#landing-view .important-note>.question-primary>span{background:#224e37;color:#d2ff68;border-radius:9px;width:29px;height:29px}
#landing-view .important-note>.question-primary:hover{background:#c4f458;transform:translateY(-2px)}
.sky-outro{margin-bottom:0}
#landing-view .closing{padding-bottom:87px}
.wordmark-footer{background:#fff;padding:42px 28px 12px;overflow:hidden;color:#7895a5}
.footer-wordmark{display:block;text-align:center;white-space:nowrap;font-size:clamp(64px,18.5vw,360px);line-height:.95;font-weight:650;letter-spacing:-.075em;color:#e2ebf0;padding-bottom:.07em;transition:color .3s ease;font-family:Onest,'Segoe UI',sans-serif}
.footer-wordmark:hover{color:#d0e1ea}
.footer-meta{max-width:1160px;margin:25px auto 0;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:10px;color:#8ea5b2}
.footer-meta>small{font-size:8px;line-height:1.8;text-align:right;color:#9aadb8}
@media(max-width:1150px) and (min-width:761px){#landing-view .hero-copy{padding-top:75px}#landing-view .hero-copy>p{font-size:13px}}
@media(max-width:760px){#landing-view .hero-copy{padding-top:46px;padding-bottom:0}#landing-view .hero-copy>p{font-size:12px;line-height:1.9;max-width:330px;margin-top:26px}#landing-view .important-note{grid-template-columns:20px minmax(0,1fr);column-gap:11px;row-gap:24px}#landing-view .important-note>p{font-size:10px}#landing-view .important-note>.question-primary{grid-column:2;grid-row:2;justify-self:stretch;justify-content:space-between;margin:0;padding:13px 17px 13px 23px;font-size:11px}.wordmark-footer{padding:34px 16px 12px}.footer-wordmark{font-size:18.5vw;letter-spacing:-.075em;line-height:1}.footer-meta{margin-top:21px;gap:17px;align-items:start;font-size:8px}.footer-meta>small{font-size:7px;text-align:right;max-width:210px}#landing-view .closing{padding-bottom:65px}}
@media(prefers-reduced-motion:reduce){#landing-view .hero-copy>h1,#landing-view .hero-copy>p,#landing-view .hero-buttons{animation:none!important;opacity:1;translate:none}.footer-wordmark{transition:none}}

/* Shared control corners, steady selection, and frosted recommendation cards. */
:root{--control-radius:12px}
button,input,select,body .pill-button,body .pill-button.large,#landing-view .important-note>.question-primary{border-radius:var(--control-radius)}
body .pill-button>span,body .pill-button.large>span,#landing-view .important-note>.question-primary>span{border-radius:7px}
.step-symbol>svg{width:34px;height:34px;display:block}
.device-demo>.device-icon{display:grid;place-items:center;flex-shrink:0}
.device-icon>svg{width:28px;height:34px;display:block}
.client-apps [data-client-app]{transition:background .2s ease,box-shadow .2s ease;transform:none}
.client-apps [data-client-app]:hover{transform:none;background:#ffffff25}
.client-apps [data-client-app]:focus-visible{outline:2px solid #d2ff68;outline-offset:4px}
.client-apps [data-client-app] small{display:block;min-height:20px;white-space:nowrap}
.client-step .recommendation-cards{grid-template-columns:repeat(2,minmax(0,1fr));max-width:560px;gap:20px}
#client-view .recommendation-card{display:flex;flex-direction:column;align-items:flex-start;gap:0;text-align:left;padding:26px;border:1px solid #ffffff70;border-radius:24px;background:linear-gradient(140deg,rgba(10,83,133,.72),rgba(40,113,155,.55));backdrop-filter:blur(22px) saturate(1.25);-webkit-backdrop-filter:blur(22px) saturate(1.25);box-shadow:inset 0 1px 0 #ffffff50,0 16px 36px #07517b24;transform:none}
#client-view .recommendation-card:hover{background:linear-gradient(140deg,rgba(10,83,133,.78),rgba(40,113,155,.60));transform:none}
#client-view .recommendation-card>img{width:64px;height:64px;margin:0 0 22px;border-radius:17px;box-shadow:0 6px 18px #003a6426}
#client-view .recommendation-card>h3{color:#fff;margin:0 0 8px;font-size:18px}
#client-view .recommendation-card>p{color:#f1faff;margin:0 0 24px;font-size:15px}
#client-view .recommend-action{margin-top:auto;width:100%;justify-content:space-between;padding:12px 14px;font-size:12px;gap:10px}
@media(max-width:600px){.client-step .recommendation-cards{gap:12px}#client-view .recommendation-card{padding:20px 15px;border-radius:20px}#client-view .recommendation-card>img{width:52px;height:52px;border-radius:14px;margin-bottom:18px}#client-view .recommendation-card>h3{font-size:15px}#client-view .recommend-action{padding:10px;font-size:11px;gap:5px}}
@media(prefers-reduced-motion:reduce){.client-apps [data-client-app]{transition:none}}

/* Reference styling: white selected cards and frosted unselected cards. */
#client-view .client-apps [data-client-app]{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:0;padding:26px;min-width:0;background:rgba(255,255,255,.42);color:#173b46;border:0;border-radius:24px;box-shadow:inset 0 0 0 1px #ffffffb3,inset 0 1px 0 2px #ffffff24;cursor:pointer;transition:background .18s ease,box-shadow .18s ease;backdrop-filter:blur(18px) saturate(1.08);-webkit-backdrop-filter:blur(18px) saturate(1.08)}
#client-view .client-apps [data-client-app]:hover{background:rgba(255,255,255,.56);transform:none;box-shadow:inset 0 0 0 2px #ffffffd9}
#client-view .client-apps [data-client-app].selected{background:#fff;box-shadow:inset 0 0 0 3px #b5ef3d}
#client-view .client-apps [data-client-app]>img{margin:0 0 32px;width:58px;height:58px;border-radius:14px;box-shadow:0 0 0 1px #e7eff3}
#client-view .client-apps [data-client-app]>h3{color:#173b46;margin:0 0 18px;font-size:18px;line-height:1.3}
#client-view .client-apps [data-client-app]>small{margin:0;min-height:28px;display:inline-flex;align-items:center;padding:5px 10px;background:#fff;border-radius:7px;color:#607882;font-size:11px;line-height:18px;white-space:nowrap}
#client-view .client-apps [data-client-app].selected>small{background:#ccf88f;color:#29452e}
.selection-check{position:absolute;right:22px;top:22px;width:28px;height:28px;display:grid;place-items:center;border:2px solid #fff;border-radius:8px;background:transparent}
.selection-check svg{width:22px;height:22px;stroke:#173b26;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;opacity:0}
.selected>.selection-check{background:#b5ef3d;border-color:#b5ef3d}
.selected>.selection-check svg{opacity:1}
#client-view .client-apps [data-client-app]:focus-visible{outline:3px solid #173b46;outline-offset:5px}
/* Stationary rounded-square contour: the stroke advances along the icon edges. */
.square-progress{animation:none;overflow:visible;--install-progress:0;stroke-width:3.4}
.square-progress .track{stroke:#ffffff65}
.square-progress .progress-fill{stroke:#d2ff68;stroke-dasharray:100 100;stroke-dashoffset:calc(100 - var(--install-progress));stroke-linecap:round;transition:stroke-dashoffset .1s linear}
.square-progress .arc{animation:none;stroke:#fff;stroke-dasharray:8 92;stroke-dashoffset:calc(8 - var(--install-progress));stroke-linecap:round;opacity:0;transition:stroke-dashoffset .1s linear,opacity .1s}
.install-orb[aria-valuenow]:not([aria-valuenow="0"]) .square-progress .arc{opacity:1}
.install-orb{--install-progress:0}
.install-orb .square-progress{--install-progress:inherit}
.install-percentage{font-size:14px;font-variant-numeric:tabular-nums;color:#e9f8ff;margin-top:12px;min-width:4ch}
@media(max-width:760px){#client-view .client-apps [data-client-app]{display:grid;grid-template-columns:48px minmax(0,1fr) 28px;grid-template-rows:auto auto;column-gap:15px;row-gap:6px;padding:20px;border-radius:20px}#client-view .client-apps [data-client-app]>img{grid-column:1;grid-row:1 / 3;width:48px;height:48px;border-radius:13px;margin:0}#client-view .client-apps [data-client-app]>h3{grid-column:2;grid-row:1;font-size:15px;margin:0}#client-view .client-apps [data-client-app]>small{grid-column:2;grid-row:2;justify-self:start;font-size:10px;padding:3px 7px;min-height:24px}#client-view .selection-check{position:static;grid-column:3;grid-row:1 / 3;align-self:center}}
@media(prefers-reduced-motion:reduce){#client-view .client-apps [data-client-app],.square-progress .progress-fill,.square-progress .arc{transition:none}}
/* Appoletta workspace — shared sky, typography and selection language. */
#admin-view{background:#edf5fa}
#admin-view .admin-shell{background:linear-gradient(145deg,#eaf5fc,#f5f9fc 65%);min-height:calc(100svh - 51px)}
#admin-view .admin-sidebar{width:244px;padding:36px 20px 24px;background:#ffffffd9;border-color:#fff;backdrop-filter:blur(20px)}
#admin-view .admin-sidebar .brand{color:#158bca;margin-left:12px}
#admin-view .workspace-label{font-size:8px;line-height:1.8;letter-spacing:1.1px;color:#7896a6;margin-top:35px}
#admin-view .admin-sidebar nav{gap:7px}
#admin-view .admin-sidebar nav button{font-size:12px;color:#607f90;padding:13px 14px;border-radius:12px;transition:background .18s,color .18s}
#admin-view .admin-sidebar nav button:hover{background:#eaf5fc;color:#126b9b}
#admin-view .admin-sidebar nav button.active{background:#d2ff68;color:#244a32}
#admin-view .admin-sidebar nav button>span:first-child{display:grid;place-items:center;width:21px;height:21px;flex-shrink:0}
#admin-view .admin-sidebar nav svg{width:20px;height:20px}
#admin-view .admin-sidebar nav button b{background:#fff;color:#345368;border-radius:7px;min-width:22px;text-align:center}
#admin-view .admin-person{padding-top:36px;color:#365d70}
#admin-view .admin-person small{color:#7895a4;font-size:9px}
#admin-view .admin-person>span{border-radius:12px;background:#dff1fc;color:#126b9b}
#admin-view .admin-main{padding:0 clamp(22px,3vw,48px) 45px}
#admin-view .admin-top{height:76px;color:#617f91;border-color:#dbeaf3;font-size:11px}
#admin-view .demo-label{background:#fff;border:1px solid #dcebf3;border-radius:7px;color:#537a90}
#admin-view .admin-heading{position:relative;isolation:isolate;overflow:hidden;background:#087fcb url('assets/sky.webp') center 38%/cover;color:#fff;border-radius:26px;padding:32px;margin:28px 0 24px;min-height:204px;align-items:flex-end}
#admin-view .admin-heading:before{content:'';position:absolute;inset:0;background:linear-gradient(110deg,#026cacbb,#087fcbaa 70%,#64bfe26b);z-index:-1}
#admin-view .admin-heading h1{font-size:clamp(30px,3.2vw,46px);line-height:1.1;letter-spacing:-1.8px}
#admin-view .admin-heading .serif{color:#d2ff68}
#admin-view .admin-heading p{font-size:12px;color:#effaff;margin-top:16px;max-width:520px;line-height:1.8}
#admin-view .admin-heading .pill-button{font-size:12px;padding:12px 16px;gap:20px;flex-shrink:0;white-space:nowrap;align-self:flex-end;background:#d2ff68;color:#234731}
#admin-view .admin-stats{gap:16px;margin-bottom:24px}
#admin-view .admin-stat{border-radius:22px;padding:24px;background:#fff;border:1px solid #ffffffb3;box-shadow:0 7px 24px #12598405}
#admin-view .admin-stat small{font-size:11px;color:#577b8e;line-height:1.6}
#admin-view .admin-stat strong{font-size:38px;color:#173b46;margin-top:20px}
#admin-view .admin-stat p{font-size:10px;color:#7493a4;line-height:1.6}
#admin-view .admin-stat:first-child{background:#d2ff68;border-color:#d2ff68}
#admin-view .admin-stat:first-child small,#admin-view .admin-stat:first-child p{color:#49693c}
#admin-view .admin-panel,#admin-view .admin-app-card{border-radius:24px;border:1px solid #ffffffb3;box-shadow:0 7px 24px #12598405;background:#fff;padding:26px}
#admin-view .panel-title h2{font-size:20px;color:#173b46}
#admin-view .panel-title button{font-size:11px}
#admin-view .mini-app-row{gap:13px;margin-top:19px}
#admin-view .mini-app-row img{width:42px;height:42px;border-radius:12px}
#admin-view .mini-app-row strong{font-size:12px}
#admin-view .mini-app-row small{font-size:10px;color:#7897a8}
#admin-view .mini-app-row>b{font-size:12px}
#admin-view .badge{font-size:10px;border-radius:7px;background:#e7fbc6;color:#41692d;padding:5px 9px}
#admin-view .badge.blue{background:#e4f3ff;color:#22678f}
#admin-view .badge.gray{background:#edf2f5;color:#667f8d}
#admin-view .badge.amber{background:#fff1d1;color:#886417}
#admin-view .admin-promo{background:#0784c9;color:#fff;border:1px solid #fff8;display:flex;flex-direction:column;align-items:flex-start}
#admin-view .admin-promo:before{opacity:.32}
#admin-view .admin-promo h2{font-size:29px;margin-top:20px}
#admin-view .admin-promo .serif{color:#d2ff68}
#admin-view .admin-promo p{font-size:12px;line-height:1.8;max-width:280px}
#admin-view .admin-promo .pill-button{margin-top:auto;font-size:12px}
#admin-view .promo-symbol{width:47px;height:47px;display:grid;place-items:center;background:#ffffff22;border:1px solid #ffffff66;border-radius:14px;backdrop-filter:blur(12px)}
#admin-view .promo-symbol svg{width:25px;height:25px}
#admin-view th{font-size:9px;color:#6c899b;letter-spacing:.6px}
#admin-view td{font-size:12px;color:#59788a;padding:19px 12px}
#admin-view td strong{font-size:12px;color:#214c61}
#admin-view td small{font-size:10px;color:#7d97a7}
#admin-view tbody tr:hover{background:#f8fbfd}
#admin-view .table-app-tag{font-size:10px;background:#edf5fa;color:#547387;border-radius:6px}
#admin-view .text-link{color:#177dae}
#admin-view .admin-toolbar input{font-size:12px;padding:14px 16px;border:1px solid #dae9f2;border-radius:12px;max-width:340px}
#admin-view .admin-grid{gap:18px}
#admin-view .admin-app-card{transition:box-shadow .18s}
#admin-view .admin-app-card:hover{box-shadow:0 10px 30px #12598412}
#admin-view .admin-app-card img{width:58px;height:58px;border-radius:15px}
#admin-view .admin-app-card h3{color:#173b46;font-size:20px;margin-top:28px}
#admin-view .admin-app-card p{font-size:11px;color:#68899c}
#admin-view .admin-app-price{align-items:center;font-size:14px;border-color:#e4eef5;margin-top:24px;padding-top:18px;gap:10px}
#admin-view .admin-app-price button{background:#eaf5fc;padding:9px 12px;border-radius:10px;font-size:11px;color:#22698f}
#admin-view .admin-setting{max-width:none;gap:20px}
#admin-view .admin-setting p{color:#68899c;font-size:12px}
#admin-view .admin-setting>.pill-button,#admin-dialog .pill-button{background:#d2ff68;color:#234731;border-radius:12px}
#admin-view .admin-setting>.pill-button>span,#admin-dialog .pill-button>span{background:#234731;color:#d2ff68}
.admin-choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:14px;padding:18px;border-radius:22px;background:linear-gradient(115deg,#197fb5bb,#8dc9e65e),url('assets/sky.webp') center 60%/cover}
.admin-choice{position:relative;display:block;cursor:pointer;min-width:0}
.admin-choice input{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;cursor:pointer;z-index:1}
.admin-choice-surface{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:0;padding:20px;min-height:164px;background:#ffffff45;border-radius:19px;box-shadow:inset 0 0 0 1px #ffffffc4;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:#173b46;transition:background .18s,box-shadow .18s}
.admin-choice input:checked+.admin-choice-surface{background:#fff;box-shadow:inset 0 0 0 2px #b5ef3d}
.admin-choice input:focus-visible+.admin-choice-surface{outline:3px solid #173b46;outline-offset:3px}
.admin-choice-surface img{width:42px;height:42px;border-radius:12px;margin-bottom:20px}
.admin-choice-surface strong{font-size:12px;line-height:1.4;padding-right:0;margin-bottom:7px;font-weight:550}
.admin-choice-surface small{font-size:11px;color:#416376}
.admin-choice-check{position:absolute;right:14px;top:16px;width:24px;height:24px;border:2px solid #fff;border-radius:7px;display:grid;place-items:center;background:transparent}
.admin-choice-check svg{width:20px;height:20px;stroke:#21452d;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;opacity:0}
.admin-choice input:checked+.admin-choice-surface .admin-choice-check{background:#b5ef3d;border-color:#b5ef3d}
.admin-choice input:checked+.admin-choice-surface .admin-choice-check svg{opacity:1}
.code-app-fieldset{border:0;padding:0;margin:0;min-width:0}
.code-app-fieldset legend{font-size:12px;color:#6d818b;margin-bottom:10px}
#admin-dialog{width:620px;padding:34px;border-radius:26px}
#admin-dialog h2{font-size:32px;letter-spacing:-1.2px}
#admin-dialog .admin-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:14px}
#admin-dialog .admin-choice-surface{padding:15px;min-height:150px}
#admin-dialog .admin-choice-check{right:10px;top:12px;width:22px;height:22px}
@media(max-width:1150px){#admin-view .admin-sidebar{width:216px;padding-left:14px;padding-right:14px}#admin-view .admin-heading{align-items:flex-start;flex-direction:column;gap:24px}#admin-view .admin-heading .pill-button{align-self:flex-start}#admin-view .admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}#admin-view .admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#admin-view .admin-split{grid-template-columns:1fr}#admin-view .admin-promo{min-height:285px}}
@media(max-width:760px){#admin-view .admin-sidebar{width:100%;padding:22px 20px 14px}#admin-view .workspace-label{margin:18px 12px 12px}#admin-view .admin-sidebar nav{display:flex;overflow-x:auto;gap:7px;padding-bottom:6px}#admin-view .admin-sidebar nav button{flex-shrink:0;padding:10px 12px;font-size:11px}#admin-view .admin-person{display:none}#admin-view .admin-main{padding:0 18px 30px}#admin-view .admin-top{height:58px;font-size:10px}#admin-view .admin-heading{padding:26px 23px;border-radius:22px;margin-top:20px}#admin-view .admin-heading h1{font-size:34px}#admin-view .admin-heading p{font-size:11px}#admin-view .admin-heading .pill-button{font-size:11px}#admin-view .admin-stat{padding:20px 17px;border-radius:19px}#admin-view .admin-stat small{font-size:10px}#admin-view .admin-stat strong{font-size:34px}#admin-view .admin-panel,#admin-view .admin-app-card{padding:20px;border-radius:21px}#admin-view .admin-toolbar{align-items:flex-start;flex-direction:column;gap:12px}#admin-view .admin-toolbar input{max-width:none}#admin-view .admin-grid{grid-template-columns:1fr}#admin-view .admin-panel .panel-title{align-items:flex-start}#admin-view .panel-title h2{font-size:19px}.admin-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px;gap:10px}.admin-choice-surface{padding:16px;min-height:154px}.admin-choice-check{right:12px;top:14px}#admin-dialog{padding:28px 20px}#admin-dialog .admin-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){#admin-view button,.admin-choice-surface,#admin-view .admin-app-card{transition:none}}
.landing-app-fallback{display:grid;place-items:center;width:62px;height:62px;border-radius:17px;background:#dff1fc;color:#177ba9;font-size:24px;margin-bottom:28px}.catalog-empty{grid-column:1/-1;color:#6b899b;padding:30px 0;line-height:1.8}.sky-hero .nav .pill-button{white-space:nowrap}.catalog .basket small{color:#829ca9}#request-form textarea{border-radius:12px;resize:vertical}#request-form .pill-button{background:#d2ff68;color:#234731}@media(max-width:760px){.sky-hero .nav .pill-button{font-size:9px;padding:10px;gap:8px}.sky-hero .nav .brand{font-size:23px}}