:root{
  --ink:#101832;
  --muted:#69748c;
  --line:#e6ebf3;
  --soft:#f7f9fc;
  --white:#fff;
  --orange:#ff8d2e;
  --pink:#ff3d8d;
  --purple:#7b42f6;
  --blue:#1ba7ff;
  --grad:linear-gradient(105deg,var(--orange),var(--pink),var(--purple),var(--blue));
  --shadow:0 18px 50px rgba(24,42,88,.08);
  --container:1280px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.5}
img{display:block;max-width:100%}
a{text-decoration:none;color:inherit}
button,input{font:inherit}
.container{width:min(calc(100% - 40px),var(--container));margin-inline:auto}
.skip-link{position:absolute;left:-9999px;top:10px;z-index:999;background:#fff;padding:10px 14px;border-radius:8px}.skip-link:focus{left:10px}

.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.header-row{height:76px;display:flex;align-items:center;gap:28px}
.brand{display:inline-flex;align-items:center;gap:10px;flex:0 0 auto;white-space:nowrap}
.brand-mark{width:44px;height:44px;object-fit:contain;flex:0 0 44px}
.brand-word{font-weight:850;font-size:1.45rem;letter-spacing:-.04em}.brand-word span{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.main-nav{margin-left:auto;display:flex;align-items:center;gap:28px}.main-nav a{font-size:.94rem;font-weight:700;color:#3b4660;position:relative}.main-nav a:hover,.main-nav a.active{color:var(--ink)}.main-nav a.active:after{content:"";position:absolute;left:10%;right:10%;bottom:-12px;height:3px;border-radius:3px;background:var(--grad)}
.header-action{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:999px;color:#fff;font-weight:800;background:var(--grad);box-shadow:0 9px 24px rgba(113,70,246,.18)}
.nav-toggle,.nav-button{display:none}

.hero-section{padding:34px 0 26px;background:linear-gradient(180deg,#fbfcff 0%,#fff 100%)}
.hero-card{min-height:360px;border:1px solid var(--line);border-radius:30px;overflow:hidden;display:grid;grid-template-columns:1.08fr .92fr;background:linear-gradient(120deg,#fff 0%,#fff 46%,#f8f4ff 75%,#f3fbff 100%);box-shadow:var(--shadow)}
.hero-copy{padding:54px 58px;display:flex;flex-direction:column;justify-content:center}
.kicker,.section-kicker{font-size:.75rem;font-weight:850;letter-spacing:.19em;color:#6e7a96}
.hero-copy h1{font-size:clamp(2.65rem,4.5vw,4.65rem);line-height:.97;letter-spacing:-.055em;margin:13px 0 18px;max-width:720px}.hero-copy h1 span{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-copy p{margin:0 0 25px;max-width:650px;font-size:1.06rem;line-height:1.7;color:var(--muted)}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 19px;border-radius:999px;font-weight:800}.btn-gradient{color:#fff;background:var(--grad);box-shadow:0 10px 26px rgba(113,70,246,.17)}.btn-light{background:#fff;border:1px solid #dfe5ef}.play-mini{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:#111b34;color:#fff;font-size:.65rem}
.hero-art{position:relative;min-height:360px;display:grid;place-items:center;overflow:hidden}.hero-art:before{content:"";position:absolute;inset:24px 26px;border:1px solid rgba(255,255,255,.7);border-radius:26px;background:rgba(255,255,255,.28);backdrop-filter:blur(5px)}
.glow{position:absolute;border-radius:50%;filter:blur(8px)}.glow-one{width:260px;height:260px;right:30px;top:20px;background:radial-gradient(circle,rgba(255,83,152,.23),transparent 70%)}.glow-two{width:250px;height:250px;left:35px;bottom:0;background:radial-gradient(circle,rgba(35,166,255,.22),transparent 70%)}
.creative-ring{position:relative;z-index:2;width:220px;height:220px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.75);box-shadow:0 22px 50px rgba(56,66,129,.12)}.creative-ring img{width:148px;height:148px}
.mini-card{position:absolute;z-index:4;display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.94);border:1px solid var(--line);border-radius:16px;padding:12px 14px;box-shadow:0 14px 34px rgba(36,48,87,.12)}.mini-card strong,.mini-card small{display:block}.mini-card strong{font-size:.86rem}.mini-card small{font-size:.72rem;color:var(--muted)}.mini-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:#f5e8ff;color:#8c35de;font-weight:900}.mini-icon.play{background:#e7f4ff;color:#1b86e5}.mini-app{left:36px;top:80px}.mini-video{right:32px;bottom:72px}

.content-section{padding:72px 0}.video-section{background:var(--soft);border-top:1px solid #eef1f6;border-bottom:1px solid #eef1f6}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:26px}.section-head h2{margin:7px 0 0;font-size:clamp(2rem,3vw,3rem);line-height:1.08;letter-spacing:-.04em}.view-all{font-weight:800;color:#4653b5;white-space:nowrap}
.apps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.app-card{min-height:255px;border:1px solid var(--line);border-radius:20px;padding:22px;background:#fff;position:relative;transition:transform .2s,box-shadow .2s}.app-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.app-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.app-top img{width:62px;height:62px;border-radius:16px}.chip{padding:6px 9px;border-radius:999px;background:#f2eaff;color:#7832d3;font-size:.65rem;font-weight:850;text-transform:uppercase}.app-card h3{margin:18px 0 7px;font-size:1.2rem}.app-card p{margin:0;color:var(--muted);font-size:.92rem;line-height:1.55}.card-link{position:absolute;left:22px;bottom:20px;font-weight:800;font-size:.9rem}
.videos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.thumb{display:block;position:relative;border-radius:18px;overflow:hidden;aspect-ratio:16/9;background:#e8edf5}.thumb img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.video-card:hover .thumb img{transform:scale(1.035)}.play-button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.93);box-shadow:0 9px 24px rgba(0,0,0,.18)}.duration{position:absolute;right:10px;bottom:10px;background:rgba(8,15,30,.85);color:#fff;border-radius:7px;padding:4px 7px;font-size:.7rem;font-weight:800}.video-info{display:flex;justify-content:space-between;gap:10px;color:#8390aa;font-size:.74rem;margin:12px 0 5px}.video-card h3{margin:0 0 5px;font-size:1.17rem}.video-card p{margin:0;color:var(--muted);font-size:.92rem}

.simple-about{padding:40px 0;background:#111a35;color:#fff}.about-row{display:grid;grid-template-columns:1.1fr 1.25fr auto;align-items:center;gap:34px}.section-kicker.light{color:#adb8d3}.about-row h2{margin:7px 0 0;font-size:2rem}.about-row p{margin:0;color:#c7cee0}.about-btn{background:#fff;color:#111a35;white-space:nowrap}

.site-footer{padding:48px 0 22px}.footer-grid{display:grid;grid-template-columns:1.45fr .7fr .7fr 1.2fr;gap:42px;padding-bottom:30px}.brand-footer .brand-mark{width:38px;height:38px;flex-basis:38px}.brand-footer .brand-word{font-size:1.25rem}.footer-brand p,.footer-note p{color:var(--muted);max-width:320px;font-size:.9rem}.footer-links{display:flex;flex-direction:column;gap:8px}.footer-links h2,.footer-note h2{margin:0 0 8px;font-size:.9rem}.footer-links a{font-size:.9rem;color:var(--muted)}.footer-bottom{border-top:1px solid var(--line);padding-top:18px;display:flex;justify-content:space-between;color:#8993a8;font-size:.8rem}

@media (max-width:1050px){
  .main-nav{gap:19px}.header-action{display:none}
  .hero-card{grid-template-columns:1fr .8fr}.hero-copy{padding:44px}.mini-app{left:12px}.mini-video{right:12px}
  .apps-grid{grid-template-columns:repeat(2,1fr)}
  .about-row{grid-template-columns:1fr 1fr}.about-btn{grid-column:1/-1;justify-self:start}
  .footer-grid{grid-template-columns:1.3fr .7fr .7fr}.footer-note{grid-column:1/-1}
}
@media (max-width:760px){
  .container{width:min(calc(100% - 28px),var(--container))}.header-row{height:70px}.brand-mark{width:39px;height:39px;flex-basis:39px}.brand-word{font-size:1.25rem}
  .nav-toggle{display:block;position:absolute;opacity:0;pointer-events:none}.nav-button{display:flex;margin-left:auto;flex-direction:column;gap:5px;cursor:pointer}.nav-button span{width:25px;height:2px;background:#15203c;border-radius:3px}
  .main-nav{display:none;position:absolute;left:14px;right:14px;top:70px;flex-direction:column;align-items:stretch;background:#fff;border:1px solid var(--line);border-radius:17px;padding:12px;box-shadow:var(--shadow)}.main-nav a{padding:11px}.main-nav a.active:after{display:none}.nav-toggle:checked~.main-nav{display:flex}
  .hero-section{padding-top:20px}.hero-card{grid-template-columns:1fr}.hero-copy{padding:36px 28px 20px}.hero-copy h1{font-size:clamp(2.55rem,12vw,4rem)}.hero-art{min-height:275px}.creative-ring{width:180px;height:180px}.creative-ring img{width:120px;height:120px}.mini-card{display:none}
  .content-section{padding:56px 0}.section-head{align-items:flex-start;flex-direction:column}.apps-grid,.videos-grid{grid-template-columns:1fr}
  .about-row{grid-template-columns:1fr;gap:17px}.about-btn{grid-column:auto}
  .footer-grid{grid-template-columns:1fr 1fr}.footer-brand,.footer-note{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:5px}
}
@media (max-width:480px){.hero-actions{flex-direction:column}.btn{width:100%}.apps-grid{gap:13px}.footer-grid{grid-template-columns:1fr}.footer-links{grid-column:1/-1}}

/* ===== Shared inner-page layouts: Apps + Videos ===== */
.page-hero{padding:30px 0 18px;background:linear-gradient(180deg,#fbfcff 0%,#fff 100%)}
.page-hero-inner{min-height:300px;border:1px solid var(--line);border-radius:28px;overflow:hidden;display:grid;grid-template-columns:1.08fr .92fr;background:linear-gradient(120deg,#fff 0%,#fff 45%,#faf6ff 72%,#f2fbff 100%);box-shadow:var(--shadow)}
.page-hero-copy{padding:46px 54px;display:flex;flex-direction:column;justify-content:center}.page-hero-copy h1{font-size:clamp(2.5rem,4.1vw,4.2rem);line-height:.98;letter-spacing:-.052em;margin:12px 0 17px}.page-hero-copy h1 span{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.page-hero-copy p{max-width:650px;margin:0;color:var(--muted);font-size:1.03rem;line-height:1.65}
.page-hero-visual{position:relative;display:grid;place-items:center;min-height:300px;overflow:hidden}.page-hero-visual:before{content:"";position:absolute;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(125,66,246,.16),rgba(27,167,255,.06) 48%,transparent 72%)}
.app-cloud{position:relative;width:300px;height:245px}.cloud-main{position:absolute;width:150px;height:150px;left:75px;top:48px;filter:drop-shadow(0 22px 30px rgba(73,64,151,.16))}.cloud-item{position:absolute;width:58px;height:58px;border-radius:17px;box-shadow:0 12px 25px rgba(38,52,101,.13)}.cloud-a{left:18px;top:30px}.cloud-b{right:8px;top:26px}.cloud-c{left:16px;bottom:15px}.cloud-d{right:10px;bottom:12px}
.video-orbit{position:relative;width:230px;height:230px;border-radius:50%;border:20px solid transparent;background:linear-gradient(#fff,#fff) padding-box,var(--grad) border-box;box-shadow:0 22px 50px rgba(89,62,168,.14);display:grid;place-items:center}.video-orbit-core{width:98px;height:98px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:2rem;background:var(--grad);box-shadow:0 15px 36px rgba(123,66,246,.25)}.orbit-line{position:absolute;width:310px;height:1px;background:linear-gradient(90deg,transparent,#d9def1,transparent);transform:rotate(-20deg)}.orbit-dot{position:absolute;border-radius:50%;background:var(--grad);box-shadow:0 8px 16px rgba(71,75,160,.18)}.od1{width:22px;height:22px;right:-25px;top:50px}.od2{width:14px;height:14px;left:-18px;bottom:54px}.od3{width:10px;height:10px;right:8px;bottom:-12px}
.catalog-section{padding:28px 0 78px}.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 0 30px}.filter-pills{display:flex;gap:8px;flex-wrap:wrap}.filter-pill{border:1px solid #dfe5ef;background:#fff;color:#42506b;padding:9px 14px;border-radius:999px;font-weight:800;font-size:.8rem;cursor:pointer}.filter-pill.active{border-color:transparent;background:var(--grad);color:#fff;box-shadow:0 8px 20px rgba(123,66,246,.14)}.search-box{width:min(330px,100%);height:42px;border:1px solid #dfe5ef;border-radius:999px;display:flex;align-items:center;gap:8px;padding:0 14px;background:#fff}.search-box span{color:#76829a;font-size:1.1rem}.search-box input{border:0;outline:0;width:100%;background:transparent;color:var(--ink)}.search-box input::placeholder{color:#9aa4b8}
.catalog-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:8px 0 24px}.catalog-head h2{font-size:clamp(2rem,3vw,3rem);letter-spacing:-.04em;line-height:1.08;margin:7px 0 0}.result-count{color:#8993a8;font-size:.85rem;font-weight:750}
.catalog-grid{display:grid;gap:18px}.apps-catalog-grid{grid-template-columns:repeat(4,1fr)}.catalog-card{position:relative;min-height:275px;border:1px solid var(--line);border-radius:20px;background:#fff;padding:22px;transition:.2s transform,.2s box-shadow}.catalog-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.catalog-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.catalog-card-top img{width:64px;height:64px;border-radius:17px}.catalog-card h3{font-size:1.2rem;margin:18px 0 7px}.catalog-card p{margin:0;color:var(--muted);font-size:.91rem;line-height:1.56}.catalog-action{position:absolute;left:22px;bottom:20px;font-size:.89rem;font-weight:850}
.video-catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px 20px}.video-list-card .thumb{border:1px solid #e4e9f2}.video-list-card h3{font-size:1.15rem;margin:5px 0}.video-list-card p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.5}.video-list-meta{display:flex;justify-content:space-between;gap:12px;margin:11px 0 0;color:#8993a8;font-size:.74rem}
.catalog-cta{margin-top:42px;border-radius:24px;border:1px solid #e7e8f3;padding:30px 34px;display:flex;align-items:center;justify-content:space-between;gap:26px;background:linear-gradient(105deg,#fff7fb 0%,#f7f5ff 50%,#f1faff 100%)}.catalog-cta h2{margin:6px 0 5px;font-size:1.75rem}.catalog-cta p{margin:0;color:var(--muted)}
@media(max-width:1050px){.apps-catalog-grid{grid-template-columns:repeat(3,1fr)}.page-hero-copy{padding:40px}.catalog-toolbar{align-items:flex-start;flex-direction:column}.search-box{width:100%}}
@media(max-width:820px){.page-hero-inner{grid-template-columns:1fr}.page-hero-copy{padding:38px 30px 12px}.page-hero-visual{min-height:230px}.apps-catalog-grid{grid-template-columns:repeat(2,1fr)}.video-catalog-grid{grid-template-columns:repeat(2,1fr)}.catalog-cta{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.page-hero{padding-top:18px}.page-hero-copy{padding:30px 24px 6px}.page-hero-visual{min-height:205px}.app-cloud{transform:scale(.82)}.video-orbit{transform:scale(.82)}.apps-catalog-grid,.video-catalog-grid{grid-template-columns:1fr}.catalog-head{align-items:flex-start;flex-direction:column}.filter-pills{flex-wrap:nowrap;overflow-x:auto;width:100%;padding-bottom:4px}.filter-pill{flex:0 0 auto}.catalog-section{padding-bottom:56px}}

/* ===== Detail pages: App + Video ===== */
.detail-hero{padding:34px 0 22px;background:linear-gradient(180deg,#fbfcff 0%,#fff 100%)}
.detail-hero-card{border:1px solid var(--line);border-radius:28px;overflow:hidden;background:linear-gradient(120deg,#fff 0%,#fff 54%,#f9f5ff 80%,#f2fbff 100%);box-shadow:var(--shadow);padding:42px 46px;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);gap:42px;align-items:center}
.detail-breadcrumbs{display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:#7f8aa2;font-size:.82rem;font-weight:700;margin-bottom:22px}.detail-breadcrumbs a:hover{color:var(--ink)}
.app-identity{display:flex;gap:22px;align-items:flex-start}.app-identity-icon{width:112px;height:112px;border-radius:28px;box-shadow:0 18px 40px rgba(24,42,88,.12);flex:0 0 auto}.detail-title-wrap h1{font-size:clamp(2.55rem,4.6vw,4.5rem);letter-spacing:-.055em;line-height:.96;margin:4px 0 12px}.detail-title-wrap p{margin:0;color:var(--muted);font-size:1.06rem;max-width:700px}.detail-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.meta-pill{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid #e3e8f1;border-radius:999px;background:#fff;color:#526079;font-size:.77rem;font-weight:800}
.app-primary-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.app-url-btn{min-width:190px}.url-note{margin-top:10px;font-size:.78rem;color:#8290a7}.url-note strong{color:#4c5870}
.detail-visual-card{min-height:285px;border:1px solid rgba(255,255,255,.8);border-radius:24px;background:rgba(255,255,255,.62);display:grid;place-items:center;position:relative;overflow:hidden}.detail-visual-card:before,.detail-visual-card:after{content:"";position:absolute;border-radius:50%;filter:blur(4px)}.detail-visual-card:before{width:260px;height:260px;right:-30px;top:-30px;background:radial-gradient(circle,rgba(255,61,141,.18),transparent 68%)}.detail-visual-card:after{width:250px;height:250px;left:-45px;bottom:-55px;background:radial-gradient(circle,rgba(27,167,255,.17),transparent 68%)}.detail-visual-card img{width:180px;height:180px;position:relative;z-index:2;filter:drop-shadow(0 20px 35px rgba(73,64,151,.16))}
.detail-section{padding:64px 0}.detail-section.soft{background:var(--soft);border-top:1px solid #eef1f6;border-bottom:1px solid #eef1f6}.detail-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(290px,.55fr);gap:42px}.detail-main h2,.detail-side h2{letter-spacing:-.035em}.detail-main h2{font-size:2rem;margin:0 0 16px}.detail-main p{color:var(--muted);font-size:1rem;line-height:1.75}.feature-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:26px}.feature-item{border:1px solid var(--line);border-radius:18px;background:#fff;padding:20px}.feature-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#ffe9f3,#e9efff);font-weight:900;margin-bottom:14px}.feature-item h3{margin:0 0 7px;font-size:1.03rem}.feature-item p{margin:0;font-size:.9rem;line-height:1.55}
.info-card{border:1px solid var(--line);border-radius:20px;background:#fff;padding:22px;margin-bottom:18px}.info-card h2{font-size:1.08rem;margin:0 0 14px}.info-list{display:grid;gap:12px}.info-row{display:flex;justify-content:space-between;gap:18px;padding-bottom:11px;border-bottom:1px solid #eff2f6;font-size:.88rem}.info-row:last-child{border-bottom:0;padding-bottom:0}.info-row span:first-child{color:#8490a6}.info-row strong{text-align:right}.required-link{display:block;margin-top:15px;border-radius:14px;padding:13px 15px;background:#111a35;color:#fff;font-weight:850;text-align:center}.required-link:hover{opacity:.92}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.related-card{border:1px solid var(--line);border-radius:18px;background:#fff;padding:18px}.related-card img{width:54px;height:54px;border-radius:15px}.related-card h3{margin:13px 0 5px;font-size:1.05rem}.related-card p{margin:0;color:var(--muted);font-size:.87rem}

.video-detail-hero{padding:34px 0 24px;background:linear-gradient(180deg,#fbfcff 0%,#fff 100%)}
.video-detail-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:28px;align-items:start}
.video-player-shell{border:1px solid var(--line);border-radius:24px;background:#0f1730;padding:12px;box-shadow:var(--shadow)}.video-frame{position:relative;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:#060a14}.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.video-detail-copy{padding:8px 4px}.video-detail-copy h1{font-size:clamp(2.25rem,4vw,3.9rem);line-height:1;letter-spacing:-.05em;margin:10px 0 15px}.video-detail-copy>p{color:var(--muted);line-height:1.65;margin:0}.video-detail-stats{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.part-card{margin-top:23px;border:1px solid var(--line);border-radius:20px;background:#fff;padding:18px}.part-card-header{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:13px}.part-card-header h2{font-size:1rem;margin:0}.part-card-header span{font-size:.75rem;color:#8a95a8}.part-nav{display:grid;gap:9px}.part-button{appearance:none;border:1px solid #e1e6ef;background:#fff;border-radius:14px;padding:12px 13px;text-align:left;cursor:pointer;display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:11px;color:var(--ink)}.part-button:hover{border-color:#cfd7e6;background:#fbfcff}.part-button.active{border-color:transparent;background:linear-gradient(#fff,#fff) padding-box,var(--grad) border-box;box-shadow:0 9px 24px rgba(123,66,246,.10)}.part-num{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:#f3edff;color:#7832d3;font-size:.77rem;font-weight:900}.part-button strong{font-size:.86rem}.part-button small{display:block;color:#8993a8;font-size:.72rem;margin-top:2px}.part-time{font-size:.72rem;font-weight:800;color:#7d879b}.video-description{padding:56px 0}.video-description-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:42px}.video-description h2{font-size:2rem;margin:0 0 14px}.video-description p{color:var(--muted);line-height:1.75}.video-points{display:grid;gap:12px;margin-top:22px}.video-point{display:flex;gap:12px;align-items:flex-start}.check-dot{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#f1eaff;color:#7d37da;font-size:.78rem;font-weight:900;flex:0 0 26px}.video-point strong{display:block;margin-bottom:3px}.video-point span{color:var(--muted);font-size:.9rem}

@media(max-width:980px){.detail-hero-card,.video-detail-grid,.detail-layout,.video-description-grid{grid-template-columns:1fr}.detail-visual-card{min-height:240px}.related-grid{grid-template-columns:repeat(2,1fr)}.video-detail-copy{padding:8px 0}}
@media(max-width:650px){.detail-hero{padding-top:20px}.detail-hero-card{padding:28px 22px;gap:28px}.app-identity{flex-direction:column}.app-identity-icon{width:88px;height:88px;border-radius:22px}.app-primary-actions{flex-direction:column}.app-primary-actions .btn{width:100%}.detail-section{padding:48px 0}.feature-list,.related-grid{grid-template-columns:1fr}.detail-visual-card{min-height:210px}.detail-visual-card img{width:140px;height:140px}.video-detail-hero{padding-top:20px}.part-button{grid-template-columns:40px 1fr}.part-time{display:none}.video-description{padding:46px 0}}


/* ===== Dynamic CMS additions ===== */
.brand-logo-full{display:block;max-height:56px;max-width:250px;width:auto}.hero-upload{width:100%;height:100%;object-fit:cover;border-radius:24px}.listing-hero{padding:36px 0 12px}.listing-hero-card{min-height:260px;border-radius:30px;padding:46px;display:flex;align-items:center;justify-content:space-between;gap:30px;background:linear-gradient(135deg,#fff 0%,#faf7ff 55%,#f3f8ff 100%);border:1px solid var(--line);overflow:hidden}.listing-hero-card h1{font-size:clamp(2.4rem,5vw,4.8rem);margin:.2em 0}.listing-hero-card>img{width:44%;height:210px;object-fit:cover;border-radius:24px}.listing-visual{font-size:6rem;width:220px;height:180px;display:grid;place-items:center;border-radius:34px;background:linear-gradient(135deg,#ffe5f3,#e8f5ff);color:#8d45ff}.filter-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:28px}.filter-pill{border:1px solid var(--line);padding:10px 16px;border-radius:999px;text-decoration:none;color:var(--ink);font-weight:800}.filter-pill.active{color:white;border-color:transparent;background:linear-gradient(90deg,#ff6b4a,#ef2da6,#4c7cff)}.filter-bar input{margin-left:auto;min-width:240px;border:1px solid var(--line);border-radius:999px;padding:12px 18px}.filter-bar button{border:0;border-radius:999px;padding:12px 18px}.listing-grid{grid-template-columns:repeat(4,1fr)}.listing-videos{grid-template-columns:repeat(3,1fr)}.video-detail-top{padding-top:50px}.video-detail-title{font-size:clamp(2.5rem,6vw,5.5rem);margin:14px 0}.lead{font-size:1.1rem;color:var(--muted);max-width:780px}.video-player-card{margin-top:28px;aspect-ratio:16/9;border-radius:26px;overflow:hidden;background:#0c1020;box-shadow:var(--shadow)}.video-player-card iframe{width:100%;height:100%;border:0}.part-nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin:18px 0 30px}.part-button{background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px;text-align:left;cursor:pointer}.part-button.active{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.part-button span,.part-button small{display:block;color:var(--muted);font-size:.75rem}.video-body-copy{max-width:850px}.share-box,.interaction-card{margin-top:28px;border:1px solid var(--line);border-radius:20px;padding:22px;background:#fff}.share-box{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.share-box a,.share-box button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 13px;text-decoration:none;color:var(--ink);cursor:pointer}.rating-form{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.rating-form label{font-weight:700}.comment{padding:15px 0;border-top:1px solid var(--line)}.comment strong,.comment small{display:block}.comment small{color:var(--muted)}.comment-form{display:grid;gap:12px}.comment-form label{display:grid;gap:6px;font-weight:700}.comment-form input,.comment-form textarea{padding:12px;border:1px solid var(--line);border-radius:12px}.muted{color:var(--muted)}.ad-slot{padding:22px 0;text-align:center;overflow:hidden}.social-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.social-row a{font-size:.82rem}.installer-body,.login-body{background:#f5f7fb}.installer{max-width:900px;margin:40px auto;background:#fff;padding:34px;border-radius:24px;box-shadow:var(--shadow)}.check-grid,.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.check{padding:12px;border-radius:12px;background:#f6f8fb}.check.ok strong{color:#0a9d6b}.check.bad strong{color:#d32f2f}.install-form,.login-card{display:grid;gap:15px}.install-form label,.login-card label,.admin-form label{display:grid;gap:7px;font-weight:700}.install-form input,.login-card input,.admin-form input,.admin-form select,.admin-form textarea,.inline-admin-form input,.inline-admin-form select,.admin-table input{width:100%;box-sizing:border-box;padding:11px 12px;border:1px solid #dbe1eb;border-radius:10px;background:#fff}.login-card{max-width:420px;margin:10vh auto;background:#fff;padding:34px;border-radius:24px;box-shadow:var(--shadow)}.login-card h1 span,.admin-brand span{color:#e52ea6}.alert{padding:12px 15px;border-radius:12px;margin:12px 0}.alert.ok{background:#e7fff5;color:#087552}.alert.error{background:#fff0f0;color:#a21f1f}.admin-body{background:#f4f6fa;min-height:100vh}.admin-side{position:fixed;inset:0 auto 0 0;width:240px;padding:26px;background:#0d1530;color:#fff;display:flex;flex-direction:column}.admin-brand{font-size:1.5rem;font-weight:900;color:#fff;text-decoration:none;margin-bottom:30px}.admin-side nav{display:grid;gap:6px}.admin-side nav a,.admin-logout{color:#dce5ff;text-decoration:none;padding:10px 12px;border-radius:10px}.admin-side nav a:hover{background:#18264d}.admin-logout{margin-top:auto}.admin-main{margin-left:240px;padding:32px;max-width:1500px}.admin-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.admin-top h1{margin:0}.admin-card{background:#fff;border:1px solid #e2e7ef;border-radius:18px;padding:22px;margin-bottom:20px}.admin-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.stat-card{background:#fff;border-radius:18px;padding:24px;display:grid;gap:4px}.stat-card strong{font-size:2rem}.stat-card span{color:var(--muted)}.admin-actions{margin-bottom:16px}.table-wrap{overflow:auto;background:#fff;border-radius:16px}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:13px;border-bottom:1px solid #e8ecf2;text-align:left;vertical-align:top}.admin-table td small{display:block;color:var(--muted)}.switch-grid,.check-list{display:flex;gap:15px;flex-wrap:wrap;margin:12px 0}.rte-wrap{border:1px solid #dbe1eb;border-radius:12px;overflow:hidden;background:#fff}.rte-toolbar{display:flex;gap:4px;padding:6px;background:#f5f7fb;border-bottom:1px solid #e3e8ef}.rte-toolbar button{border:0;background:#fff;border-radius:7px;padding:6px 9px;cursor:pointer}.rte{min-height:130px;padding:12px;font-weight:400;outline:none}.rte-single{min-height:22px}.repeat-row{display:grid;grid-template-columns:1fr auto;gap:12px;padding:16px 0;border-bottom:1px solid #edf0f5}.remove-row{align-self:start;border:0;background:#fff0f0;color:#a21f1f;padding:8px 10px;border-radius:8px;cursor:pointer}.inline-admin-form{display:grid;grid-template-columns:140px 1fr 1fr 100px auto auto;gap:10px;align-items:center}.media-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.media-card{background:#fff;border-radius:16px;padding:12px;display:grid;gap:8px}.media-card img{width:100%;aspect-ratio:4/3;object-fit:contain;background:#f8f9fc;border-radius:12px}.focal-form{display:grid;gap:5px;font-size:.8rem}.admin-tabs{display:flex;gap:8px;margin-bottom:16px}.admin-tabs a{background:#fff;padding:9px 14px;border-radius:999px;text-decoration:none;color:#17213c}.admin-tabs a.active{background:#17213c;color:#fff}
@media(max-width:1000px){.listing-grid{grid-template-columns:repeat(2,1fr)}.admin-grid-2{grid-template-columns:1fr}.media-grid{grid-template-columns:repeat(2,1fr)}.stat-grid{grid-template-columns:repeat(2,1fr)}.inline-admin-form{grid-template-columns:1fr 1fr}.admin-side{position:static;width:auto}.admin-main{margin-left:0}.admin-body{display:block}.admin-side nav{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.listing-hero-card{padding:28px;min-height:auto}.listing-hero-card>img,.listing-visual{display:none}.listing-grid,.listing-videos,.media-grid,.check-grid,.form-grid,.stat-grid{grid-template-columns:1fr}.filter-bar input{margin-left:0;min-width:100%}.admin-main{padding:16px}.admin-side nav{grid-template-columns:1fr 1fr}.inline-admin-form{grid-template-columns:1fr}}
.media-choice-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:8px}.media-choice{border:1px solid #e2e7ef;border-radius:10px;padding:7px;display:grid!important;gap:5px;font-size:.75rem}.media-choice img{width:100%;aspect-ratio:4/3;object-fit:contain;border-radius:7px;background:#f8f9fc}.app-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:24px 0}.app-gallery img{width:100%;border-radius:18px;border:1px solid var(--line);aspect-ratio:16/10;object-fit:cover}@media(max-width:700px){.media-choice-grid,.app-gallery{grid-template-columns:1fr 1fr}}

/* Admin deletion controls */
.admin-row-actions{display:flex;align-items:center;gap:12px;white-space:nowrap}.inline-delete-form{display:inline;margin:0}.danger-link{border:0;background:transparent;color:#c62828;font-weight:800;cursor:pointer;padding:0}.danger-link:hover{text-decoration:underline}.btn-danger{background:#c62828;color:#fff;border:0}.danger-zone{border-color:#f1b7b7;background:#fffafa}.danger-zone h2{color:#9f1f1f}.admin-form small{display:block;color:var(--muted);font-weight:500;line-height:1.4}


/* ===== Native app HTML package ===== */
.app-package-native{display:block;width:100%;margin:22px 0 38px;min-width:0}
/* Start both columns on the same baseline after the custom About package. */
.detail-layout-after-package{margin-top:32px;align-items:start}
.detail-layout-after-package .detail-side{margin-top:0;align-self:start}
/* The first real content block in the left column must use the same top spacing
   as App information. This prevents Share / Ratings / Gallery from dropping
   lower because of their normal component margins. */
.detail-layout-after-package .detail-main>:first-child{margin-top:0!important}
.legacy-app-description{max-width:980px;margin:18px 0 34px}
.package-check{margin-top:8px!important;padding:9px 11px;border-radius:9px;font-weight:700!important}
.package-ok{background:#e9fff6;color:#087552!important}.package-ok a{text-decoration:underline}
.package-missing{background:#fff7e6;color:#875b00!important}

/* v5.3 footer admin + independent footer branding */
.brand-footer .footer-logo-full{display:block;max-height:52px;max-width:270px;width:auto;object-fit:contain}
.footer-link-admin-grid{display:grid;grid-template-columns:180px minmax(260px,1fr);gap:12px 16px;margin:12px 0 18px}
.admin-details{margin-top:18px;border:1px solid #e2e7ef;border-radius:12px;padding:12px 14px;background:#fafbfe}
.admin-details summary{cursor:pointer;font-weight:800}
.admin-details[open] summary{margin-bottom:12px}
@media (max-width:760px){.footer-link-admin-grid{grid-template-columns:1fr}.brand-footer .footer-logo-full{max-width:220px}}

/* ===== v6.0 public-content / AdSense quality rebuild ===== */
.trust-row{display:flex;flex-wrap:wrap;gap:9px 16px;margin-top:24px;color:#516079;font-size:.86rem;font-weight:750}
.value-strip{padding:18px 0 28px}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.value-grid article{border:1px solid var(--line);border-radius:20px;padding:24px;background:#fff}.value-grid article>span{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#f3edff;color:#7b42f6;font-weight:900;font-size:.78rem}.value-grid h2{font-size:1.08rem;margin:16px 0 7px}.value-grid p{margin:0;color:var(--muted);line-height:1.65;font-size:.93rem}
.home-apps-grid,.listing-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));max-width:920px}.app-card-rich{min-height:285px;display:flex;flex-direction:column}.app-card-rich .card-link{position:static;margin-left:auto;color:#4653b5}.app-card-footer{margin-top:auto;padding-top:24px;display:flex;align-items:center;gap:14px}.app-status-dot{font-size:.78rem;font-weight:850;color:#087552;display:flex;align-items:center;gap:7px}.app-status-dot:before{content:"";width:8px;height:8px;border-radius:50%;background:#20b276}.app-status-dot.soon{color:#9a5b00}.app-status-dot.soon:before{background:#f59e0b}.chip-soon{background:#fff1d6;color:#8a5700}.meta-soon,.status-soon{color:#9a5b00!important;background:#fff4dd!important}.coming-note{margin:18px 0 0;padding:13px 15px;border:1px solid #f4d69c;border-radius:13px;background:#fffaf0;color:#72501b;line-height:1.6}.btn-muted{background:#eef1f5;color:#5f6b80;cursor:default;box-shadow:none}
.guide-section{background:#f8f9fd;border-top:1px solid #eef1f6;border-bottom:1px solid #eef1f6}.section-lead{max-width:720px;color:var(--muted);line-height:1.7;margin:10px 0 0}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.guide-grid-wide{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.guide-card{position:relative;border:1px solid var(--line);border-radius:20px;background:#fff;padding:24px;min-height:260px;display:flex;flex-direction:column}.guide-label{align-self:flex-start;border-radius:999px;background:#eaf3ff;color:#1769b6;padding:5px 9px;font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.guide-card h2,.guide-card h3{font-size:1.2rem;line-height:1.3;margin:15px 0 8px}.guide-card p{margin:0;color:var(--muted);line-height:1.65}.guide-card .card-link{position:static;margin-top:auto;padding-top:22px;color:#4653b5}
.principles-section{background:#fff}.principles-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:start}.principles-grid h2{font-size:clamp(2rem,3vw,3.1rem);line-height:1.08;margin:8px 0 14px}.principles-grid>div>p{color:var(--muted);line-height:1.72}.principle-list{display:grid;gap:12px}.principle-list article{border:1px solid var(--line);border-radius:17px;padding:20px}.principle-list strong{display:block;margin-bottom:5px}.principle-list p{margin:0;color:var(--muted);line-height:1.6}.text-link{display:inline-flex;margin-top:10px;color:#4653b5;font-weight:850}.soft-section{background:#f8f9fc;border-top:1px solid #eef1f6}.listing-intro{max-width:850px;margin-bottom:26px}.listing-intro h2{font-size:1.7rem;margin:0 0 8px}.listing-intro p{color:var(--muted);line-height:1.7;margin:0}.empty-state{border:1px dashed #cfd7e6;border-radius:20px;padding:34px;max-width:800px;background:#fbfcff}.empty-state h2{margin:0 0 8px}.empty-state p{color:var(--muted);line-height:1.7}.substantial-empty{padding:42px}.compact-hero .listing-hero-card{min-height:220px}
.editorial-copy{font-size:1rem;line-height:1.78;color:#34415a}.editorial-copy h2{font-size:clamp(1.45rem,2.4vw,2rem);line-height:1.2;color:var(--ink);margin:1.8em 0 .55em}.editorial-copy h2:first-child{margin-top:0}.editorial-copy h3{font-size:1.2rem;color:var(--ink);margin:1.5em 0 .5em}.editorial-copy p{margin:.7em 0}.editorial-copy ul,.editorial-copy ol{padding-left:1.35em}.editorial-copy li{margin:.45em 0}.app-marketing-copy{max-width:900px;padding:22px 0 8px}.article-shell{padding:38px 0 70px}.article-container{max-width:880px}.article-head{padding:20px 0 30px;border-bottom:1px solid var(--line);margin-bottom:30px}.article-head h1{font-size:clamp(2.35rem,5vw,4.4rem);line-height:1.03;letter-spacing:-.045em;margin:10px 0 14px}.article-meta{color:#8290a7;font-size:.82rem;margin-top:16px}.article-copy{font-size:1.04rem}.article-callout{margin-top:34px;padding:20px 22px;border:1px solid #dbe6f7;border-radius:17px;background:#f7faff}.article-callout p{margin:5px 0 0;color:var(--muted)}
.ad-slot-content{margin-top:18px;margin-bottom:18px;min-height:40px}.ad-slot-content:before{content:"Advertisement";display:block;color:#9aa4b5;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}
.footer-grid{grid-template-columns:minmax(230px,1.25fr) minmax(120px,.65fr) minmax(140px,.7fr) minmax(220px,1fr)}
.admin-form .rte-wrap+.help,.admin-form label>small{margin-top:2px}.admin-card>p{line-height:1.65}.admin-card .rte{line-height:1.65}

@media(max-width:1000px){
  .value-grid,.guide-grid{grid-template-columns:repeat(2,1fr)}
  .principles-grid{grid-template-columns:1fr;gap:28px}
  .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-brand,.footer-note{grid-column:auto}
}
@media(max-width:700px){
  .trust-row{font-size:.8rem}.value-grid,.guide-grid{grid-template-columns:1fr}.value-grid article,.guide-card{padding:20px}
  .home-apps-grid,.listing-grid{grid-template-columns:1fr;max-width:none}
  .app-card-footer{align-items:flex-start;flex-direction:column}.app-card-rich .card-link{margin-left:0}
  .substantial-empty,.empty-state{padding:26px 20px}.editorial-copy{font-size:.98rem}.article-shell{padding-top:24px}.article-head h1{font-size:clamp(2.1rem,11vw,3.4rem)}
  .footer-grid{grid-template-columns:1fr}.footer-brand,.footer-note,.footer-links{grid-column:1}
}


/* ===== v6.1 responsive public typography / branding scale ===== */
/* Public pages scale up gently with the viewport while Admin keeps its existing density. */
.public-site-root{font-size:clamp(17px,calc(16px + .11vw),18px)}
.public-site-root .header-row{height:clamp(84px,6vw,96px);gap:clamp(24px,2vw,36px)}
.public-site-root .brand-logo-full{max-height:clamp(62px,4.6vw,76px);max-width:clamp(280px,24vw,380px)}
.public-site-root .brand-mark{width:clamp(50px,4vw,60px);height:clamp(50px,4vw,60px);flex-basis:clamp(50px,4vw,60px)}
.public-site-root .brand-word{font-size:clamp(1.45rem,1.7vw,1.72rem)}
.public-site-root .main-nav{gap:clamp(26px,2.25vw,40px)}
.public-site-root .main-nav a{font-size:1.03rem;padding:10px 3px;font-weight:750}
.public-site-root .main-nav a.active:after{bottom:-14px;height:3px}
.public-site-root .header-action{padding:13px 22px;font-size:1rem}

/* Home app artwork should read as a primary visual, especially on large displays. */
.public-site-root .home-apps-grid .app-top img{width:clamp(78px,6.4vw,108px);height:clamp(78px,6.4vw,108px);border-radius:clamp(19px,1.6vw,25px)}
.public-site-root .home-apps-grid .app-top{align-items:flex-start}

/* Footer branding is intentionally larger than the compact legacy footer treatment. */
.public-site-root .brand-footer .footer-logo-full{max-height:clamp(68px,5.5vw,90px);max-width:clamp(300px,28vw,420px)}
.public-site-root .brand-footer .brand-mark{width:clamp(52px,4.2vw,64px);height:clamp(52px,4.2vw,64px);flex-basis:clamp(52px,4.2vw,64px)}
.public-site-root .brand-footer .brand-word{font-size:clamp(1.4rem,1.6vw,1.65rem)}
.public-site-root .footer-brand p,.public-site-root .footer-note p{font-size:.98rem;line-height:1.68}
.public-site-root .footer-links h2,.public-site-root .footer-note h2{font-size:1rem}
.public-site-root .footer-links a{font-size:.98rem;line-height:1.55}
.public-site-root .footer-bottom{font-size:.88rem}

@media(max-width:1180px){
  .public-site-root .header-action{display:none}
  .public-site-root .main-nav{gap:20px}
  .public-site-root .brand-logo-full{max-width:310px}
}
@media(max-width:760px){
  .public-site-root{font-size:17px}
  .public-site-root .header-row{height:78px;gap:18px}
  .public-site-root .brand-logo-full{max-height:52px;max-width:min(240px,66vw)}
  .public-site-root .brand-mark{width:44px;height:44px;flex-basis:44px}
  .public-site-root .brand-word{font-size:1.28rem}
  .public-site-root .main-nav{top:78px;gap:2px}
  .public-site-root .main-nav a{font-size:1.02rem;padding:13px 12px}
  .public-site-root .nav-button span{width:28px;height:2.5px}
  .public-site-root .home-apps-grid .app-top img{width:78px;height:78px;border-radius:19px}
  .public-site-root .brand-footer .footer-logo-full{max-height:72px;max-width:min(300px,82vw)}
}
@media(max-width:480px){
  .public-site-root .brand-logo-full{max-width:min(215px,64vw)}
  .public-site-root .home-apps-grid .app-top img{width:72px;height:72px}
}