/* Gryffindor Apps — purpose-built, responsive static website */
:root{--navy:#0b1530;--navy-2:#0d1d41;--ink:#172544;--muted:#697891;--blue:#3468f5;--blue-2:#1853e8;--sky:#eaf0ff;--line:#e5eaf2;--soft:#f5f7fc;--white:#fff;--radius:22px;--shadow:0 22px 48px rgba(20,41,86,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.035em;line-height:1.15}h1{font-size:clamp(2.75rem,5.2vw,5.45rem)}h2{font-size:clamp(2rem,3.2vw,3.15rem)}h3{font-size:1.19rem}.container{width:min(1160px,calc(100% - 48px));margin-inline:auto}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-100px;left:12px;padding:12px 18px;background:#fff;color:#111;z-index:120;border-radius:12px}.skip-link:focus{top:10px}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #69a8ff;outline-offset:4px}
.site-header{background:#0b1530;position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(255,255,255,.105)}.header-inner{height:82px;display:flex;align-items:center;gap:32px;position:relative}.brand{display:flex;align-items:center;margin-right:auto}.brand img,.footer-about img{width:210px;height:auto;object-fit:contain}.desktop-nav{display:flex;align-items:center;gap:32px}.nav-link{color:#b9c7e4;font-size:.91rem;font-weight:650;transition:color .2s}.nav-link:hover,.nav-link.is-active{color:#fff}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;min-height:51px;padding:13px 24px;border-radius:12px;font-weight:750;font-size:.93rem;line-height:1.2;white-space:nowrap;transition:transform .22s ease,background .22s ease,box-shadow .22s ease}.button svg{flex:none}.button:hover{transform:translateY(-2px)}.button-primary{color:#fff;background:var(--blue);box-shadow:0 12px 26px rgba(41,105,244,.18)}.button-primary:hover{background:var(--blue-2);box-shadow:0 15px 33px rgba(41,105,244,.27)}.button-outline{border-color:rgba(255,255,255,.24);color:#fff;background:rgba(255,255,255,.055)}.button-outline:hover,.button-ghost:hover{background:rgba(255,255,255,.13)}.button-small{min-height:42px;font-size:.84rem;padding:10px 17px}.button-ghost{color:#e7efff;background:rgba(255,255,255,.075);border-color:rgba(255,255,255,.13)}.button-light{color:#12326c;background:#fff}.button-light:hover{background:#eff5ff}.menu-toggle,.mobile-nav{display:none}.menu-toggle{width:44px;height:44px;border:1px solid #3b4968;border-radius:12px;background:transparent;justify-content:center;align-items:center;flex-direction:column;gap:5px}.menu-toggle span{width:19px;height:2px;background:#fff;border-radius:10px}
/* Hero */
.hero{position:relative;min-height:635px;background:radial-gradient(circle at 70% 40%,#172b64 0%,#0d1c43 43%,#0a142f 100%);color:#fff;overflow:hidden}.hero-inner{display:grid;grid-template-columns:.99fr 1.01fr;min-height:620px;gap:10px;align-items:center;position:relative;z-index:2}.hero-copy{padding:70px 0 84px}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#a5c2ff;font-size:.75rem;font-weight:850;letter-spacing:.15em}.eyebrow-dot{width:7px;height:7px;background:#56c9ff;border-radius:50%;box-shadow:0 0 0 4px rgba(76,191,250,.12)}.hero h1{margin:21px 0 23px;line-height:1.055;font-size:clamp(3.2rem,5.75vw,5.65rem);font-weight:850;letter-spacing:-.063em}.hero h1 span{color:#74afff}.hero-copy>p{max-width:510px;color:#becee9;font-size:1.08rem;line-height:1.85;margin-bottom:28px}.hero-buttons{display:flex;flex-wrap:wrap;align-items:center;gap:11px}.hero-footnote{display:flex;gap:10px;align-items:center;margin-top:48px;color:#91a8ce;font-size:.77rem;font-weight:600}.spark-mark{color:#82abff;font-size:1.05rem}.hero-divider{opacity:.5}.hero-glow{position:absolute;pointer-events:none;border-radius:50%;filter:blur(4px)}.hero-glow-one{height:650px;width:650px;top:-310px;left:-290px;background:radial-gradient(circle,rgba(58,91,216,.14),transparent 70%)}.hero-glow-two{height:620px;width:620px;right:-240px;bottom:-330px;background:radial-gradient(circle,rgba(17,155,232,.19),transparent 70%)}
.hero-visual{height:590px;position:relative;isolation:isolate}.hero-halo{position:absolute;width:520px;height:520px;left:50%;top:48%;transform:translate(-50%,-50%);border:1px solid rgba(128,172,255,.21);border-radius:50%;box-shadow:0 0 0 65px rgba(91,130,230,.034),0 0 0 135px rgba(91,130,230,.025)}.phone-card{position:absolute;top:64px;width:207px;height:449px;overflow:hidden;border:6px solid #17213a;border-radius:31px;box-shadow:0 20px 50px rgba(2,7,24,.44),inset 0 0 0 1px rgba(255,255,255,.1);background:#111827}.phone-card img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.phone-back{left:45px;top:114px;transform:rotate(-16deg) scale(.85);opacity:.9;filter:saturate(.86)}.phone-middle{left:320px;top:104px;transform:rotate(14deg) scale(.88);opacity:.94}.phone-front{left:177px;top:48px;width:219px;height:478px;z-index:2;transform:rotate(1deg);box-shadow:0 35px 70px rgba(0,0,0,.51)}.floating-tag{position:absolute;z-index:5;display:flex;align-items:center;gap:8px;padding:11px 14px;border:1px solid rgba(255,255,255,.17);border-radius:13px;background:rgba(21,37,78,.93);backdrop-filter:blur(12px);color:#e6f1ff;font-size:.76rem;font-weight:750;box-shadow:0 13px 29px rgba(0,0,0,.14)}.floating-tag>span{color:#9fc3ff}.floating-tag-left{top:85px;left:7px;transform:rotate(-6deg)}.floating-tag-right{right:-12px;bottom:86px;transform:rotate(5deg)}
.proof-bar{background:#111e3c;color:#c4d4f1;border-top:1px solid rgba(255,255,255,.07)}.proof-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:21px 0;font-size:.83rem;text-align:center}.proof-grid span+span{border-left:1px solid #374564}.proof-grid b{color:#fff}
/* Sections / grid */
.section{padding:96px 0}.section-soft{background:var(--soft)}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:34px}.section-head h2{margin:8px 0 11px}.section-head p{color:var(--muted);margin:0;max-width:590px;font-size:1.01rem}.kicker{font-size:.74rem;color:#3c68bd;font-weight:850;letter-spacing:.16em}.subtle-link{display:inline-flex;align-items:center;gap:8px;color:var(--blue-2);font-size:.92rem;font-weight:800;white-space:nowrap}.subtle-link:hover,.text-link:hover{text-decoration:underline}.cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.app-card{display:flex;flex-direction:column;min-height:294px;border:1px solid var(--line);border-radius:20px;background:#fff;overflow:hidden;box-shadow:0 5px 18px rgba(15,44,90,.018);transition:transform .23s,box-shadow .23s,border-color .23s}.app-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#d4e0ff}.app-card[hidden]{display:none!important}.app-card-main{display:flex;align-items:flex-start;flex:1;gap:16px;padding:27px 23px 18px}.app-card-icon{flex:0 0 76px;height:76px;display:grid;place-items:center;background:#edf2ff;border-radius:19px;overflow:hidden}.app-card-icon img{width:76px;height:76px;object-fit:contain;border-radius:15px}.app-card-content{min-width:0;flex:1}.category-label{font-weight:850;text-transform:uppercase;color:#4b79cf;letter-spacing:.095em;font-size:.63rem}.app-card h3{font-size:1.16rem;margin:8px 0 11px;line-height:1.35;letter-spacing:-.03em}.app-card p{color:#718096;font-size:.87rem;line-height:1.65;margin-bottom:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.app-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 23px;border-top:1px solid #edf0f7;margin-top:auto}.text-link{display:inline-flex;align-items:center;gap:6px;color:#2461e1;font-weight:800;font-size:.86rem}.text-link svg{width:15px;height:15px}.store-mini{font-size:.78rem;color:#556a89;font-weight:740;white-space:nowrap}.store-mini:hover{color:var(--blue)}
.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.category-tile{display:flex;align-items:center;gap:16px;min-height:112px;border:1px solid #e2e9f3;border-radius:17px;background:#fff;padding:20px 22px;transition:transform .2s,box-shadow .2s}.category-tile:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.cat-glyph{display:grid;place-items:center;flex:0 0 53px;height:53px;background:#eaf0ff;border-radius:15px;color:#2b60d6;font-size:1.5rem;font-weight:800}.category-tile strong{display:block;font-size:.96rem}.category-tile small{display:block;color:#79879b;font-size:.79rem;margin-top:1px}.category-tile>svg{width:17px;height:17px;margin-left:auto;color:#6b89be}
.highlight-block{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:55px;padding:65px 70px;border-radius:27px;overflow:hidden;min-height:410px;background:linear-gradient(130deg,#eaf1ff,#f4f8ff)}.highlight-copy h2{margin:14px 0 18px;font-size:clamp(2.2rem,3.5vw,3.6rem)}.highlight-copy>p{color:#65748c;font-size:1.03rem;max-width:460px;margin-bottom:26px}.highlight-art{height:328px;display:flex;align-items:center;justify-content:center;gap:12px;position:relative}.highlight-art:before{position:absolute;content:"";width:360px;height:360px;border:1px dashed #b2c6ed;border-radius:50%}.highlight-art img{position:relative;max-width:none;height:308px;width:151px;object-fit:cover;border:5px solid #132142;border-radius:22px;box-shadow:0 19px 34px rgba(18,43,96,.2)}.highlight-art img:first-child{transform:rotate(-11deg) translateY(7px)}.highlight-art img:last-child{transform:rotate(11deg) translateY(-8px)}
.contact-section{padding:0 0 95px}.contact-box{background:linear-gradient(120deg,#285ae0,#397dfb);border-radius:26px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:35px;padding:46px 57px;box-shadow:0 20px 45px rgba(47,106,236,.16)}.contact-box .kicker{color:#c9d9ff}.contact-box h2{font-size:clamp(1.7rem,3vw,2.4rem);margin:8px 0 10px}.contact-box p{margin:0;color:#e2eaff}.site-footer{background:#0b1530;color:#a9b9d8;padding:66px 0 0}.footer-inner{display:grid;grid-template-columns:1.7fr .7fr .7fr;gap:55px;padding-bottom:64px}.footer-inner>div:not(.footer-about){display:flex;flex-direction:column;align-items:flex-start;gap:12px}.footer-inner strong{color:#fff;font-size:.9rem;margin-bottom:10px}.footer-inner a:hover{color:#fff}.footer-inner a{font-size:.86rem}.footer-about p{max-width:295px;color:#a2b2d0;margin:19px 0 0;font-size:.88rem}.footer-bottom{border-top:1px solid #253250;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 0;font-size:.78rem}
/* Catalog */
.page-hero{background:radial-gradient(circle at 88% 15%,#203971 0%,#0c1938 55%,#0b1530 100%);color:#fff;padding:88px 0 85px}.page-hero h1{font-size:clamp(3rem,5.1vw,4.8rem);margin:19px 0}.page-hero p{color:#b8c9e9;font-size:1.09rem;max-width:650px;margin-bottom:0}.catalog-section{padding-top:62px}.catalog-toolbar{display:flex;justify-content:space-between;align-items:center;gap:24px}.catalog-stats h2{font-size:2rem;margin:0 0 5px}.catalog-stats p{color:#7b889b;margin:0;font-size:.9rem}.search-box{display:flex;align-items:center;gap:12px;padding:0 17px;background:#f9fbfe;border:1px solid #e1e7f0;border-radius:13px;width:min(425px,100%);height:53px;color:#8697b1;transition:border-color .2s,box-shadow .2s}.search-box:focus-within{border-color:#7f9ff2;box-shadow:0 0 0 4px rgba(52,104,245,.085)}.search-box input{border:0;background:transparent;outline:0;width:100%;min-width:0;color:var(--ink);font-size:.94rem}.search-box input::-webkit-search-cancel-button{cursor:pointer}.filter-list{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:32px 0 31px}.filter-chip{border:1px solid #e0e7f1;background:#fff;color:#687990;padding:10px 16px;border-radius:50px;font-size:.85rem;font-weight:760;transition:background .18s,color .18s,border-color .18s}.filter-chip:hover{border-color:#9fb7f8;color:#235bdd}.filter-chip.is-active{background:var(--navy-2);border-color:var(--navy-2);color:#fff}.empty-state{text-align:center;padding:72px 10px;border:1px dashed #cbd9ef;border-radius:22px}.empty-state[hidden]{display:none}.empty-state>div{font-size:3rem;color:#6990df}.empty-state h3{font-size:1.5rem}.empty-state p{color:var(--muted)}.slim-contact{padding-top:10px}
/* App detail */
.detail-hero{background:radial-gradient(circle at 81% 39%,#1b3674 0%,#0e1e45 40%,#0b1530 100%);color:#fff;overflow:hidden}.detail-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:40px;min-height:560px}.detail-copy{padding:47px 0 58px}.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:12px;color:#a6badb;font-size:.8rem;margin-bottom:41px}.breadcrumb a:hover{text-decoration:underline;color:#fff}.breadcrumb span:last-child{color:#fff}.detail-intro{display:flex;align-items:center;gap:19px;margin-bottom:25px}.detail-icon{width:89px;height:89px;background:#fff;border-radius:22px;padding:5px;box-shadow:0 18px 40px rgba(0,0,0,.16);overflow:hidden}.detail-icon img{width:100%;height:100%;object-fit:cover;border-radius:18px}.detail-category{color:#b5cbf0;font-size:.79rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.detail-dot{padding-inline:7px;color:#5e8eff}.detail-hero h1{font-size:clamp(2.55rem,4.2vw,4.55rem);margin:0 0 17px}.detail-lead{max-width:565px;color:#becee9;font-size:1.04rem;line-height:1.8;margin-bottom:26px}.detail-actions{display:flex;gap:12px;flex-wrap:wrap}.detail-note{color:#819bc4;font-size:.77rem;margin:17px 0 0}.detail-hero-visual{height:550px;position:relative;display:grid;place-items:center}.detail-aura{position:absolute;inset:85px 15px;border-radius:50%;background:radial-gradient(circle,rgba(86,130,253,.28),rgba(86,130,253,.05) 48%,transparent 70%);box-shadow:0 0 0 50px rgba(65,117,220,.03)}.detail-phone{position:relative;width:208px;height:454px;border:6px solid #151f36;border-radius:30px;overflow:hidden;box-shadow:0 35px 62px rgba(0,0,0,.39);background:#182140;transform:rotate(6deg)}.detail-phone img{height:100%;width:100%;object-fit:cover;object-position:top}.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.feature-item{display:flex;align-items:center;gap:14px;background:#f8faff;border:1px solid #e8eefb;padding:22px 24px;min-height:82px;border-radius:15px;font-size:.96rem;font-weight:650}.feature-check{display:grid;place-items:center;flex:0 0 29px;height:29px;background:#e2edff;border-radius:50%;color:#2e6bef;font-weight:850}.gallery-section{overflow:hidden}.gallery-controls{display:flex;gap:8px}.gallery-arrow{display:grid;place-items:center;width:42px;height:42px;border:1px solid #dae4f3;border-radius:12px;background:#fff;color:#2b4485;font-size:1.4rem}.gallery-arrow:hover{background:#e5edff}.screenshot-rail{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:10px 4px 25px;scrollbar-color:#c2cfe5 transparent;scrollbar-width:thin}.screenshot-item{flex:0 0 auto;position:relative;scroll-snap-align:start;display:block;width:198px;height:394px;border:0;padding:4px;background:#15213e;border-radius:23px;overflow:hidden;box-shadow:0 9px 23px rgba(20,43,88,.14);transition:transform .22s}.screenshot-item:hover{transform:translateY(-4px)}.screenshot-item img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:19px;display:block}.shot-number{position:absolute;bottom:11px;left:50%;transform:translateX(-50%);font-size:.69rem;color:#fff;white-space:nowrap;background:rgba(5,13,30,.7);padding:4px 10px;border-radius:30px;opacity:0;transition:opacity .2s}.screenshot-item:hover .shot-number,.screenshot-item:focus-visible .shot-number{opacity:1}.download-panel{display:flex;align-items:center;gap:27px;border-radius:25px;border:1px solid #e3eaf3;padding:36px 40px;background:linear-gradient(120deg,#fff,#f6f9ff)}.download-icon{flex:0 0 79px;height:79px;border-radius:17px;overflow:hidden;background:#eef3fc}.download-icon img{width:79px;height:79px;object-fit:cover}.download-panel>div:nth-child(2){flex:1}.download-panel h2{font-size:clamp(1.6rem,2.6vw,2.3rem);margin:7px 0}.download-panel p{color:var(--muted);margin:0}.related-section{padding-top:30px}.lightbox{border:0;border-radius:19px;padding:15px;background:#0b142c;color:#fff;max-width:min(94vw,800px);max-height:94vh;box-shadow:0 36px 100px rgba(0,0,0,.5)}.lightbox::backdrop{background:rgba(1,6,19,.9)}.lightbox-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 3px 10px;font-size:.85rem;color:#e7f0ff}.lightbox-close{width:36px;height:36px;background:#203255;border:0;border-radius:10px;color:#fff;font-size:1.5rem}.lightbox-view{display:flex;justify-content:center;align-items:center;gap:12px}.lightbox-view img{height:auto;max-height:min(79vh,840px);max-width:min(67vw,490px);object-fit:contain;border-radius:12px}.lightbox-nav{width:39px;height:49px;border:1px solid #455c81;border-radius:10px;color:#fff;background:#1a2a4e;font-size:2rem;flex:none}
@media(max-width:1050px){.container{width:min(100% - 38px,1160px)}.hero-inner{grid-template-columns:1fr .98fr}.hero-visual{transform:scale(.84);transform-origin:center}.hero h1{font-size:clamp(3rem,6vw,4.3rem)}.floating-tag-right{right:0}.cards-grid{gap:16px}.app-card-main{padding:20px 18px;gap:13px}.app-card-icon,.app-card-icon img{height:65px;width:65px}.app-card-icon{flex-basis:65px}.app-card-bottom{padding:15px 18px}.store-mini{font-size:.73rem}.highlight-block{padding:50px 42px}.detail-hero-grid{gap:16px}}
@media(max-width:800px){.header-inner{height:72px}.desktop-nav,.header-action{display:none}.menu-toggle{display:flex}.mobile-nav:not([hidden]){display:flex;position:absolute;top:calc(100% + 1px);left:-19px;right:-19px;background:#0d1b3c;flex-direction:column;padding:12px 19px 20px;gap:2px;box-shadow:0 25px 35px rgba(0,0,0,.22)}.mobile-nav a{display:block;padding:11px 8px;color:#ecf2ff;border-radius:7px;font-weight:700}.mobile-nav a:hover{background:rgba(255,255,255,.1)}.hero-inner{grid-template-columns:1fr;min-height:0}.hero{min-height:0}.hero-copy{padding:72px 0 8px;text-align:center}.hero-copy>p{margin-inline:auto}.hero-buttons{justify-content:center}.hero-footnote{justify-content:center;margin-top:28px}.hero-visual{height:440px;transform:scale(.78);transform-origin:center top;margin:-4px auto -60px;width:570px;max-width:100%}.hero-halo{top:43%}.proof-grid{grid-template-columns:repeat(2,1fr);gap:8px}.proof-grid span{border-left:0!important;padding:8px}.proof-grid span:nth-child(2n){border-left:1px solid #374564!important}.cards-grid,.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-card-main{display:block}.app-card-icon{margin-bottom:16px}.section{padding:72px 0}.section-head{align-items:start}.highlight-block{grid-template-columns:1fr;text-align:center;gap:17px}.highlight-copy>p{margin-inline:auto}.highlight-art{height:300px}.contact-box{padding:36px;align-items:start}.detail-hero-grid{grid-template-columns:1fr;gap:0}.detail-copy{padding-bottom:0}.detail-hero-visual{height:380px}.detail-phone{height:352px;width:165px;transform:rotate(4deg)}.detail-aura{inset:15px}.footer-inner{grid-template-columns:1.4fr 1fr 1fr;gap:20px}}
@media(max-width:570px){.container{width:calc(100% - 32px)}.hero-copy{padding-top:60px}.hero h1{font-size:3.35rem}.hero-copy>p{font-size:.98rem}.hero-buttons{flex-direction:column}.hero-buttons .button{width:min(100%,340px)}.hero-visual{width:570px;margin-left:50%;transform:translateX(-50%) scale(.60);transform-origin:top center;margin-bottom:-160px;height:540px}.floating-tag-right{right:18px}.hero-footnote{flex-wrap:wrap;font-size:.72rem}.proof-grid{font-size:.79rem}.section{padding:62px 0}.section-head{display:block;margin-bottom:24px}.section-head h2{font-size:2rem}.section-head p{font-size:.93rem}.section-head .subtle-link{margin-top:17px}.cards-grid,.category-grid{grid-template-columns:1fr}.app-card{min-height:222px}.app-card-main{display:flex;gap:14px}.app-card-icon{flex:0 0 70px;width:70px;height:70px;margin-bottom:0}.app-card-icon img{width:70px;height:70px}.app-card h3{font-size:1.1rem}.app-card p{-webkit-line-clamp:2}.category-grid{gap:12px}.category-tile{min-height:92px;padding:16px}.highlight-block{padding:38px 23px}.highlight-copy h2{font-size:2.2rem}.highlight-art{height:260px}.highlight-art img{width:128px;height:260px}.highlight-art:before{height:260px;width:260px}.contact-section{padding-bottom:60px}.contact-box{padding:31px 25px;flex-direction:column;align-items:start;gap:22px}.contact-box .button{width:100%}.footer-inner{grid-template-columns:repeat(2,1fr);gap:29px;padding-bottom:43px}.footer-about{grid-column:1 / -1}.footer-bottom{display:block}.footer-bottom span{display:block}.footer-bottom span+span{margin-top:5px}.page-hero{padding:65px 0}.page-hero h1{font-size:3rem}.catalog-toolbar{display:block}.catalog-stats h2{font-size:1.8rem}.search-box{margin-top:23px;width:100%}.filter-list{margin-top:22px;flex-wrap:nowrap;overflow-x:auto;padding-bottom:10px}.filter-chip{flex:none}.detail-hero-grid{display:block}.detail-copy{padding:32px 0 0}.breadcrumb{margin-bottom:30px}.detail-icon{height:74px;width:74px}.detail-intro{margin-bottom:20px}.detail-category{font-size:.7rem}.detail-hero h1{font-size:2.6rem}.detail-lead{font-size:.98rem}.detail-actions{flex-direction:column}.detail-actions .button{width:100%}.detail-hero-visual{height:320px}.detail-phone{height:289px;width:140px}.feature-grid{grid-template-columns:1fr}.feature-item{padding:18px}.screenshot-item{width:170px;height:339px}.screenshot-rail{gap:12px}.gallery-controls{margin-top:16px}.download-panel{padding:26px 22px;display:grid;grid-template-columns:68px 1fr;gap:16px}.download-icon,.download-icon img{height:66px;width:66px}.download-panel .button{grid-column:1 / -1;width:100%}.download-panel h2{font-size:1.45rem}.lightbox{padding:8px}.lightbox-view{gap:4px}.lightbox-view img{max-width:calc(100vw - 115px)}.lightbox-nav{width:28px;height:40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Branding update: avoid crowding the mobile menu */
@media(max-width:570px){.brand img{width:174px}}

/* Expanded, app-specific feature descriptions. */
.feature-grid{align-items:stretch}
.feature-detail{display:flex;align-items:flex-start;min-height:176px;padding:26px 27px;gap:17px;background:#fff;border:1px solid #e1e9f5;border-radius:20px;box-shadow:0 8px 25px rgba(20,41,86,.035);font-weight:normal}
.feature-detail .feature-check{flex:0 0 32px;width:32px;height:32px;margin-top:1px;background:#e7efff;color:#2c64d9;border-radius:11px;font-size:1rem}
.feature-detail>div{flex:1;min-width:0}
.feature-detail h3{font-size:1.12rem;letter-spacing:-.018em;line-height:1.35;margin:1px 0 10px;color:#142543;font-weight:800}
.feature-detail p{color:#63728a;font-size:.94rem;line-height:1.75;margin:0;max-width:570px;font-weight:400}
@media(max-width:570px){.feature-detail{min-height:0;padding:23px 21px;gap:14px}.feature-detail h3{font-size:1.045rem}.feature-detail p{font-size:.91rem}}
