.miniapp-root{overflow-x:clip;-webkit-font-smoothing:antialiased}
.miniapp-page{--mini-ink:#0e1a33;--mini-blue:#275efe;--mini-sky:#89adff;--mini-cyan:#42d8df;--mini-paper:#f5f7fb;--mini-line:#dce3ef}
.miniapp-page h1,.miniapp-page h2,.miniapp-page h3{text-wrap:balance}
.miniapp-page p,.miniapp-page li{text-wrap:pretty}
.miniapp-page button,.miniapp-page a{touch-action:manipulation}
.miniapp-page .header-cta-icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.miniapp-page .hero{background:linear-gradient(180deg,#fbfcff 0%,#f5f7fb 100%)}
.miniapp-page .hero-grid{grid-template-columns:minmax(0,.93fr) minmax(440px,1.07fr);gap:clamp(42px,6vw,78px)}
.miniapp-page .hero h1{max-width:760px;font-size:clamp(2.65rem,4.7vw,5.05rem)}
.miniapp-page .hero-lead{font-size:clamp(1rem,.95rem + .22vw,1.15rem);line-height:1.66}
.miniapp-page .hero-lead strong{color:var(--mini-blue);font-weight:900}
.miniapp-founder-visual{position:relative;min-height:570px;margin:0;overflow:hidden;border-radius:2px;background:#111a2d;box-shadow:0 38px 90px -46px rgba(8,20,48,.7);cursor:default;outline:1px solid rgba(0,0,0,.1)}
.miniapp-founder-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,16,32,.02) 45%,rgba(8,16,32,.91) 100%);pointer-events:none}
.miniapp-founder-visual>img{width:100%;height:100%;min-height:570px;object-fit:cover;object-position:52% center}
.miniapp-founder-visual:hover>img{transform:none}
.miniapp-founder-visual .video-topline,.miniapp-founder-visual .video-copy{position:absolute;z-index:2}
.miniapp-founder-visual .video-topline{top:22px;left:22px;display:inline-flex;align-items:center;gap:9px;padding:9px 12px;border:1px solid rgba(255,255,255,.28);background:rgba(9,16,31,.5);color:#fff;font-size:.68rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase;backdrop-filter:blur(8px)}
.miniapp-founder-visual .video-topline i{width:8px;height:8px;border-radius:50%;background:var(--mini-cyan);box-shadow:0 0 0 4px rgba(66,216,223,.14)}
.miniapp-founder-visual .video-copy{right:24px;bottom:24px;left:24px;color:#fff}
.miniapp-founder-visual .video-copy small,.miniapp-founder-visual .video-copy strong,.miniapp-founder-visual .video-copy b{display:block}
.miniapp-founder-visual .video-copy small{color:#b8caff;font-size:.64rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.miniapp-founder-visual .video-copy strong{margin-top:8px;font-family:var(--font-display);font-size:1.1rem}
.miniapp-founder-visual .video-copy b{max-width:560px;margin-top:8px;color:rgba(255,255,255,.72);font-size:.8rem;line-height:1.48}

.miniapp-stack-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;padding-block:0;background:var(--line)}
.miniapp-stack-strip p{display:grid;grid-template-columns:40px 1fr;grid-template-rows:auto auto;min-height:116px;padding:24px;background:#fff}
.miniapp-stack-strip svg{grid-row:1/3;width:30px;height:30px;align-self:center;fill:none;stroke:var(--mini-blue);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.miniapp-stack-strip strong{font-family:var(--font-display);font-size:.92rem}
.miniapp-stack-strip span{color:#596579;font-size:.72rem}
.miniapp-audience-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.miniapp-audience-grid .problem-card{min-height:370px}
.miniapp-page .mini-icon{fill:none;stroke:var(--mini-blue);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}

.capabilities-section{position:relative;overflow:hidden}
.capabilities-section::after{content:"";position:absolute;right:-130px;top:80px;width:410px;height:410px;border:1px solid rgba(39,94,254,.12);border-radius:50%;box-shadow:0 0 0 42px rgba(39,94,254,.028),0 0 0 84px rgba(39,94,254,.017);pointer-events:none}
.capabilities-section>.container{position:relative;z-index:1}
.miniapp-capability-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:50px;background:var(--mini-line)}
.capability-card{position:relative;min-height:360px;padding:34px;background:#fff;overflow:hidden}
.capability-card::after{content:"";position:absolute;right:-52px;bottom:-52px;width:150px;height:150px;border:1px solid #dfe7f8;border-radius:50%;box-shadow:0 0 0 24px rgba(39,94,254,.025)}
.capability-card>.mini-icon{position:relative;z-index:1;width:48px;height:48px;padding:10px;border:1px solid #dbe4f4;background:#f4f7fd}
.capability-card small,.capability-card h3,.capability-card p{position:relative;z-index:1}
.capability-card small{display:block;margin-top:44px;color:var(--mini-blue);font-size:.64rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.capability-card h3{margin:13px 0 16px;font-size:1.55rem}
.capability-card p{max-width:650px;margin:0;color:#657084;font-size:.88rem;line-height:1.7}

.format-section{background:#fff}
.format-comparison{display:grid;grid-template-columns:minmax(0,1fr) 104px minmax(0,1fr);align-items:stretch;margin-top:50px}
.format-comparison article{min-height:430px;padding:36px;border:1px solid var(--mini-line);background:#f8faff}
.format-comparison .format-card-accent{border-color:#2b5ff0;background:#122859;color:#fff;box-shadow:0 32px 70px -50px rgba(39,94,254,.85)}
.format-comparison article>.mini-icon{width:54px;height:54px;padding:11px;border:1px solid #dce4f3;background:#fff}
.format-card-accent>.mini-icon{border-color:rgba(255,255,255,.16)!important;background:rgba(255,255,255,.08)!important;stroke:#9bb6ff!important}
.format-comparison article>span{display:block;margin-top:52px;color:var(--mini-blue);font-size:.65rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.format-card-accent>span{color:#9bb6ff!important}
.format-comparison h3{margin:14px 0 22px;font-size:1.7rem}
.format-card-accent h3{color:#fff}
.format-comparison ul{display:grid;gap:14px;margin:0;padding:0;list-style:none}
.format-comparison li{position:relative;padding-left:24px;color:#596579;font-size:.86rem}
.format-card-accent li{color:rgba(255,255,255,.74)}
.format-comparison li::before{content:"";position:absolute;left:0;top:.55em;width:8px;height:8px;border:2px solid var(--mini-blue);border-radius:50%}
.format-card-accent li::before{border-color:var(--mini-cyan)}
.format-bridge{display:grid;place-items:center;position:relative}
.format-bridge::before{content:"";position:absolute;inset:0 50%;width:1px;background:var(--mini-line)}
.format-bridge svg{position:relative;z-index:1;width:70px;height:70px;border-radius:50%;background:#fff;fill:none;stroke:var(--mini-blue);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;box-shadow:0 16px 40px -24px rgba(13,30,64,.58)}

.blueprint-section{position:relative;overflow:hidden;background:#0d172a;color:#fff}
.blueprint-section::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px) 0 0/56px 56px,linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px) 0 0/56px 56px,radial-gradient(circle at 82% 15%,rgba(39,94,254,.28),transparent 34%);pointer-events:none}
.blueprint-section>.container{position:relative}
.blueprint-section h2{color:#fff}
.blueprint-section .split-intro>p{color:rgba(255,255,255,.64)}
.blueprint-workbench{margin-top:48px;border:1px solid rgba(255,255,255,.14);background:#111e35;box-shadow:0 44px 104px -64px #000}
.blueprint-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:rgba(255,255,255,.13)}
.blueprint-tabs button{display:flex;align-items:center;justify-content:center;gap:12px;min-height:76px;padding:14px;border:0;background:#101b30;color:rgba(255,255,255,.58);font:inherit;font-size:.78rem;font-weight:900;cursor:pointer;transition-property:background-color,color,transform;transition-duration:180ms;transition-timing-function:var(--ease)}
.blueprint-tabs button:hover,.blueprint-tabs button[aria-selected="true"]{background:#214eb8;color:#fff}
.blueprint-tabs button:active{transform:scale(.96)}
.blueprint-tabs button:focus-visible{position:relative;z-index:2;outline:3px solid var(--mini-cyan);outline-offset:-3px}
.blueprint-tabs svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.blueprint-panel{display:grid;grid-template-columns:minmax(320px,.78fr) minmax(0,1.22fr);min-height:610px}
.device-preview{position:relative;align-self:center;justify-self:center;width:270px;height:520px;padding:16px 13px;border:1px solid rgba(255,255,255,.19);border-radius:38px;background:#060c17;box-shadow:0 42px 80px -45px rgba(0,0,0,.9),inset 0 0 0 5px #1c2739}
.device-preview::after{content:"";position:absolute;inset:1px;border:1px solid rgba(255,255,255,.05);border-radius:37px;pointer-events:none}
.device-speaker{position:absolute;z-index:2;top:11px;left:50%;width:68px;height:16px;border-radius:0 0 12px 12px;background:#060c17;transform:translateX(-50%)}
.device-screen{display:flex;height:100%;flex-direction:column;padding:34px 16px 18px;border-radius:28px;background:linear-gradient(180deg,#eef4ff 0%,#fff 100%);overflow:hidden}
.screen-kicker{color:#275efe;font-size:.56rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.device-screen>strong{margin-top:8px;color:#0e1a33;font-family:var(--font-display);font-size:1.15rem;line-height:1.15}
.screen-card{display:grid;grid-template-columns:44px 1fr;grid-template-rows:10px 8px;gap:8px 10px;margin-top:13px;padding:12px;border:1px solid #dce5f4;background:#fff;box-shadow:0 12px 24px -20px rgba(12,34,78,.5)}
.screen-card i{grid-row:1/3;width:44px;height:44px;background:linear-gradient(135deg,#d4e1ff,#a9c2ff)}
.screen-card b,.screen-card small{height:7px;background:#d7dfec}
.screen-card b{width:84%}
.screen-card small{width:58%}
.screen-card-main{grid-template-columns:66px 1fr;margin-top:22px;padding:14px}
.screen-card-main i{width:66px;height:66px;background:linear-gradient(135deg,#275efe,#42d8df)}
.screen-card-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.screen-card-row .screen-card{grid-template-columns:1fr;grid-template-rows:50px 7px}
.screen-card-row .screen-card i{grid-row:auto;width:100%;height:50px}
.screen-action{height:42px;margin-top:auto;background:#275efe;box-shadow:0 12px 24px -16px rgba(39,94,254,.8)}
.blueprint-copy{display:flex;min-width:0;flex-direction:column;justify-content:center;padding:clamp(36px,5vw,70px);background:#15213a}
.blueprint-label{color:#8faeff;font-size:.65rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.blueprint-copy h3{margin:18px 0 16px;color:#fff;font-size:clamp(1.8rem,3vw,3rem)}
.blueprint-copy>p{max-width:700px;margin:0;color:rgba(255,255,255,.68);line-height:1.68}
.blueprint-copy ul{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;margin:34px 0 0;padding:28px 0 0;border-top:1px solid rgba(255,255,255,.14);list-style:none}
.blueprint-copy li{position:relative;padding-left:22px;color:rgba(255,255,255,.78);font-size:.82rem;line-height:1.5}
.blueprint-copy li::before{content:"";position:absolute;left:0;top:.54em;width:8px;height:8px;border:2px solid var(--mini-cyan);border-radius:50%}
.blueprint-boundary{display:grid;grid-template-columns:42px 1fr;gap:16px;margin-top:30px;padding:20px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.035)}
.blueprint-boundary svg{width:42px;height:42px;padding:9px;border:1px solid rgba(255,255,255,.14);fill:none;stroke:#8faeff;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.blueprint-boundary p{margin:0;color:rgba(255,255,255,.6);font-size:.78rem;line-height:1.55}
.blueprint-boundary strong{color:#fff}

.miniapp-scenarios{grid-template-columns:repeat(2,minmax(0,1fr))}
.miniapp-scenarios article{min-height:300px}
.miniapp-scenarios article:last-child{grid-column:1/-1}
.miniapp-case-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.miniapp-case-card{display:flex;min-width:0;flex-direction:column;border:1px solid var(--mini-line);background:#fff}
.miniapp-case-card figure{aspect-ratio:16/9;margin:0;overflow:hidden;background:#e8edf7}
.miniapp-case-card figure img{width:100%;height:100%;object-fit:cover;outline:1px solid rgba(0,0,0,.1);outline-offset:-1px}
.miniapp-case-card>div{display:flex;min-height:460px;flex-direction:column;padding:34px}
.miniapp-case-card>div>span{color:var(--mini-blue);font-size:.65rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.miniapp-case-card h3{margin:16px 0;font-size:1.6rem}
.miniapp-case-card p{margin:0;color:#657084;font-size:.87rem;line-height:1.68}
.miniapp-case-card ul{display:grid;gap:10px;margin:28px 0 26px;padding:22px 0 0;border-top:1px solid #e1e6ef;list-style:none}
.miniapp-case-card li{position:relative;padding-left:21px;color:#596579;font-size:.82rem}
.miniapp-case-card li::before{content:"";position:absolute;left:0;top:.55em;width:8px;height:8px;border:2px solid var(--mini-blue);border-radius:50%}
.miniapp-case-card a{margin-top:auto;color:var(--mini-blue);font-weight:900}
.miniapp-case-card-dark{background:#101a2d;color:#fff}
.miniapp-case-card-dark>div>span{color:#9bb5ff}
.miniapp-case-card-dark h3{color:#fff}
.miniapp-case-card-dark p,.miniapp-case-card-dark li{color:rgba(255,255,255,.67)}
.miniapp-case-card-dark ul{border-color:rgba(255,255,255,.14)}
.miniapp-case-card-dark li::before{border-color:var(--mini-cyan)}
.miniapp-case-card-dark a{color:#a6bfff}
.case-proof-strip{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);min-height:390px;margin:18px 0 0;border:1px solid var(--mini-line);background:#fff}
.case-proof-strip img{width:100%;height:100%;object-fit:cover;outline:1px solid rgba(0,0,0,.1);outline-offset:-1px}
.case-proof-strip figcaption{display:flex;flex-direction:column;justify-content:center;padding:clamp(32px,5vw,68px)}
.case-proof-strip small{color:var(--mini-blue);font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.case-proof-strip strong{max-width:660px;margin-top:16px;font-family:var(--font-display);font-size:clamp(1.55rem,2.4vw,2.5rem);line-height:1.14}
.case-proof-strip p{max-width:680px;margin:20px 0 0;color:#657084;line-height:1.68}

.architecture-section{background:#fff}
.architecture-map{display:grid;grid-template-columns:minmax(130px,1fr) 64px minmax(150px,1fr) 64px minmax(130px,1fr) 64px minmax(150px,1fr);align-items:center;margin-top:50px;padding:34px;border:1px solid var(--mini-line);background:#f6f8fc}
.architecture-node{display:flex;min-height:170px;flex-direction:column;align-items:center;justify-content:center;padding:24px;border:1px solid #dce3ef;background:#fff;text-align:center;box-shadow:0 20px 44px -38px rgba(12,32,70,.6)}
.architecture-node-primary{border-color:#275efe;background:#15367f;color:#fff}
.architecture-node svg{width:46px;height:46px;margin-bottom:22px;padding:9px;border:1px solid #dce4f3;background:#f4f7fd;fill:none;stroke:var(--mini-blue);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.architecture-node-primary svg{border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.08);stroke:#a9c0ff}
.architecture-node span{font-family:var(--font-display);font-size:.92rem}
.architecture-node small{margin-top:8px;color:#5d687c;font-size:.65rem}
.architecture-node-primary small{color:#d9e2f4}
.architecture-arrow{width:64px;fill:none;stroke:#8aa5e6;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.miniapp-integration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.miniapp-integration-grid .integration-card{min-height:300px}

.miniapp-process-list li{grid-template-columns:88px 1fr}
.miniapp-process-list>li>span{font-variant-numeric:tabular-nums}
.miniapp-page #process{background:#111622;color:#fff}
.miniapp-page #process h2{color:#fff}
.miniapp-page #process .eyebrow{color:#8fb1ff}
.miniapp-page #process .split-intro>p{color:#bdc5d3}
.miniapp-price-drivers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:50px;background:var(--mini-line)}
.miniapp-price-drivers article{min-height:330px;padding:30px;background:#fff}
.miniapp-price-drivers .mini-icon{width:48px;height:48px;padding:10px;border:1px solid #dce4f3;background:#f4f7fd}
.miniapp-price-drivers strong{display:block;margin-top:48px;font-family:var(--font-display);font-size:1.15rem}
.miniapp-price-drivers p{margin:16px 0 0;padding:0;background:transparent;color:#596579;font-size:.83rem;line-height:1.65}
.pricing-link-note{margin:18px 0 0;padding:22px;border:1px solid var(--mini-line);background:#fff;color:#606b80}
.pricing-link-note a{color:var(--mini-blue);font-weight:900}
.miniapp-fit-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-top:50px;background:var(--mini-line)}
.miniapp-fit-grid .fit-card{min-height:430px;padding:36px;background:#fff}
.miniapp-fit-grid .fit-card-accent{background:#15367f;color:#fff}
.miniapp-fit-grid .fit-card-accent h3{color:#fff}
.miniapp-fit-grid .fit-card-accent .fit-label{color:#a9c0ff}
.miniapp-fit-grid .fit-card h3{margin:18px 0 24px;font-size:1.7rem}
.miniapp-fit-grid .fit-card ul{display:grid;gap:14px;margin:0;padding-left:20px}
.miniapp-fit-grid .fit-card a{display:inline-flex;align-items:center;min-height:44px;margin-top:26px;color:var(--mini-blue);font-weight:900}
.miniapp-fit-grid .fit-card-accent a{color:#fff}
.miniapp-page .choice-row input:checked+span{color:#164dce}
.miniapp-related-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.miniapp-related-grid .related-card{min-height:330px}
.miniapp-page .author-bar img{border-radius:0;outline:1px solid rgba(0,0,0,.1)}

@media(max-width:1180px){
  .miniapp-page .hero-grid{grid-template-columns:1fr}
  .miniapp-founder-visual,.miniapp-founder-visual>img{min-height:520px}
  .miniapp-case-grid{grid-template-columns:1fr}
  .miniapp-case-card{display:grid;grid-template-columns:minmax(320px,.85fr) minmax(0,1.15fr)}
  .miniapp-case-card figure{height:100%;aspect-ratio:auto}
  .architecture-map{grid-template-columns:1fr 42px 1fr 42px 1fr 42px 1fr;padding:24px}
  .architecture-arrow{width:42px}
  .miniapp-price-drivers{grid-template-columns:repeat(2,minmax(0,1fr))}
  .miniapp-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  .miniapp-audience-grid,.miniapp-capability-grid,.miniapp-integration-grid{grid-template-columns:1fr}
  .format-comparison{grid-template-columns:1fr}
  .format-bridge{min-height:88px}
  .format-bridge::before{inset:0 50%;height:100%;width:1px}
  .format-bridge svg{transform:rotate(90deg)}
  .blueprint-panel{grid-template-columns:1fr}
  .device-preview{margin:48px auto}
  .blueprint-copy{padding:42px}
  .miniapp-case-card{grid-template-columns:1fr}
  .miniapp-case-card figure{aspect-ratio:16/9}
  .miniapp-case-card>div{min-height:0}
  .architecture-map{grid-template-columns:1fr;gap:14px}
  .architecture-arrow{height:42px;margin:auto;transform:rotate(90deg)}
  .architecture-node{width:min(100%,480px);justify-self:center}
  .miniapp-fit-grid{grid-template-columns:1fr}
}
@media(max-width:768px){
  .miniapp-stack-strip{grid-template-columns:1fr 1fr}
  .blueprint-tabs{display:flex;overflow-x:auto;scroll-snap-type:x proximity}
  .blueprint-tabs button{flex:0 0 170px;scroll-snap-align:start}
  .miniapp-scenarios{grid-template-columns:1fr}
  .miniapp-scenarios article:last-child{grid-column:auto}
  .case-proof-strip{grid-template-columns:1fr}
  .case-proof-strip img{aspect-ratio:16/10}
  .miniapp-process-list li{grid-template-columns:68px 1fr}
}
@media(max-width:560px){
  .miniapp-page .header-cta-icon{width:22px;height:22px}
  .miniapp-page .hero{padding-top:42px}
  .miniapp-page .hero h1{font-size:clamp(2.38rem,11.7vw,3.45rem);overflow-wrap:anywhere}
  .miniapp-page .hero-actions{align-items:stretch;flex-direction:column;gap:12px}
  .miniapp-page .hero-actions .button{width:100%}
  .miniapp-founder-visual,.miniapp-founder-visual>img{min-height:430px}
  .miniapp-founder-visual>img{object-position:54% center}
  .miniapp-founder-visual .video-copy{right:18px;bottom:18px;left:18px}
  .miniapp-stack-strip{grid-template-columns:1fr}
  .miniapp-stack-strip p{min-height:0}
  .capability-card,.format-comparison article{min-height:0;padding:26px}
  .blueprint-workbench{margin-inline:calc(var(--gutter) * -1)}
  .blueprint-panel{min-height:0}
  .device-preview{width:238px;height:470px}
  .blueprint-copy{padding:28px 22px}
  .blueprint-copy ul{grid-template-columns:1fr}
  .miniapp-case-card>div{padding:26px}
  .case-proof-strip figcaption{padding:28px}
  .miniapp-price-drivers{grid-template-columns:1fr}
  .miniapp-related-grid{grid-template-columns:1fr}
  .miniapp-process-list li{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  .blueprint-tabs button{transition-duration:1ms}
  .blueprint-tabs button:active{transform:none}
  .format-bridge svg{transition:none}
}