/* Mini Tech Website V1.1 — approved typography + selective premium refinement
   Live minitech.app remains the canonical visual/content baseline.
   New typography: Manrope (Latin) + Kantumruy Pro (Khmer), 400 / 500 / 600 only. */

:root{
  --v11-font:"Manrope","Kantumruy Pro",system-ui,-apple-system,"Segoe UI",sans-serif;
  --v11-soft-border:rgba(182,204,235,.13);
  --v11-surface:rgba(255,255,255,.026);
  --v11-surface-strong:rgba(255,255,255,.045);
  --v11-muted:#b9c8df;
}

body.v11-typography,
body.v11-typography button,
body.v11-typography input,
body.v11-typography select,
body.v11-typography textarea{font-family:var(--v11-font)!important;font-weight:400}
body.v11-typography h1,
body.v11-typography h2,
body.v11-typography h3,
body.v11-typography h4,
body.v11-typography h5,
body.v11-typography h6,
body.v11-typography strong,
body.v11-typography b{font-family:var(--v11-font)!important;font-weight:600!important}
body.v11-typography p,
body.v11-typography li,
body.v11-typography small{font-weight:400}
body.v11-typography .desktop-nav a,
body.v11-typography .mobile-panel a,
body.v11-typography .btn,
body.v11-typography .text-link,
body.v11-typography .eyebrow,
body.v11-typography .status-chip,
body.v11-typography .plan-label,
body.v11-typography label,
body.v11-typography summary{font-family:var(--v11-font)!important;font-weight:500!important}

/* Keep the established Mini Tech hero composition, but remove visual heaviness. */
body.v11-typography .hero h1{font-size:clamp(3.35rem,6vw,6.25rem)!important;line-height:.98!important;letter-spacing:-.055em!important;font-weight:600!important}
body.v11-typography .hero-copy .lead{font-size:clamp(1.02rem,1.45vw,1.2rem)!important;line-height:1.72!important;letter-spacing:-.012em;max-width:690px}
body.v11-typography .section-head h2{font-size:clamp(2.25rem,4.3vw,4.55rem)!important;line-height:1.03!important;letter-spacing:-.045em!important;font-weight:600!important}
body.v11-typography .section-head>p{line-height:1.72!important;color:var(--v11-muted)}
body.v11-typography h3{letter-spacing:-.025em!important}
body.v11-typography .eyebrow{letter-spacing:.085em!important;font-size:.74rem!important}
body.v11-typography .desktop-nav a{font-size:.88rem!important;letter-spacing:-.01em}
body.v11-typography .btn{letter-spacing:-.01em!important}
body.v11-typography .trust-row{font-weight:400!important}

/* Subtle surface refinement: preserve forms/cards/layouts, just quiet the chrome. */
body.v11-typography .glass-card,
body.v11-typography .product-panel,
body.v11-typography .lifecycle-card,
body.v11-typography .delivery-card,
body.v11-typography .plan-mini,
body.v11-typography .price-card,
body.v11-typography .contact-form-card,
body.v11-typography .contact-support-card{
  border-color:var(--v11-soft-border)!important;
  box-shadow:none!important;
}
body.v11-typography .glass-card p,
body.v11-typography .product-panel p,
body.v11-typography .lifecycle-card p,
body.v11-typography .delivery-card p,
body.v11-typography .plan-mini li{line-height:1.68}
body.v11-typography .glass-card h3,
body.v11-typography .product-panel h3,
body.v11-typography .lifecycle-card h3,
body.v11-typography .delivery-card h3{font-weight:600!important}
body.v11-typography .site-header{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
body.v11-typography .brand-lockup img{filter:none}
body.v11-typography .footer-grid h4{font-weight:600!important;letter-spacing:-.015em}
body.v11-typography .footer-grid a{font-weight:400!important}

/* Long-form and pricing pages benefit most from quieter reading density. */
body.v11-typography .legal-shell{font-family:var(--v11-font)!important}
body.v11-typography .legal-shell h1{letter-spacing:-.045em!important}
body.v11-typography .legal-shell h2{font-weight:600!important;letter-spacing:-.025em!important}
body.v11-typography .legal-shell p{line-height:1.8!important}
body.v11-typography .price-amount,
body.v11-typography .mini-price{font-weight:600!important;letter-spacing:-.045em!important}
body.v11-typography .comparison-table{border-color:var(--v11-soft-border)!important}
body.v11-typography .compare-row{border-color:rgba(182,204,235,.09)!important}

/* -------------------------------------------------------------------------
   NEW HOMEPAGE PRODUCT EVIDENCE SECTION
   Real product-language snapshots, intentionally quieter than a generic SaaS mockup.
   ------------------------------------------------------------------------- */
.v11-product-evidence{position:relative;overflow:hidden}
.v11-product-evidence:before{content:"";position:absolute;width:760px;height:760px;border-radius:50%;background:radial-gradient(circle,rgba(22,199,217,.065),transparent 64%);right:-330px;top:70px;pointer-events:none}
.v11-snapshot-grid{display:grid;gap:26px;margin-top:46px}
.v11-snapshot{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:38px;align-items:center;padding:30px;border:1px solid var(--v11-soft-border);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.032),rgba(255,255,255,.012));position:relative;overflow:hidden}
.v11-snapshot:nth-child(2){grid-template-columns:minmax(0,1.28fr) minmax(280px,.72fr)}
.v11-snapshot:nth-child(2) .v11-snapshot-copy{order:2}
.v11-snapshot-copy{padding:10px 4px}
.v11-product-id{display:flex;align-items:center;gap:12px;margin-bottom:24px}
.v11-product-id img{width:42px;height:42px;object-fit:contain;border-radius:11px}
.v11-product-id span{display:block;color:#8fa6c8;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:2px}
.v11-product-id strong{display:block;font-size:1.03rem;color:#f6f9ff}
.v11-snapshot-copy h3{font-size:clamp(1.85rem,3vw,2.85rem);line-height:1.08;margin:0 0 15px;letter-spacing:-.045em!important}
.v11-snapshot-copy p{color:#adbed7;line-height:1.72;margin:0 0 23px;max-width:520px;font-size:.96rem}

.v11-app-window{min-height:430px;border:1px solid rgba(177,204,238,.16);border-radius:20px;overflow:hidden;background:#07162f;box-shadow:0 24px 70px rgba(0,0,0,.2);position:relative}
.v11-window-bar{height:42px;border-bottom:1px solid rgba(177,204,238,.1);display:flex;align-items:center;padding:0 13px;gap:6px;background:rgba(255,255,255,.025);font-size:.66rem;color:#8fa6c8}
.v11-window-bar>span{width:7px;height:7px;border-radius:50%;background:#33496b}.v11-window-bar>span:nth-child(2){opacity:.75}.v11-window-bar>span:nth-child(3){opacity:.5}
.v11-window-bar b{font-size:.7rem;margin-left:9px;color:#d9e3f2;font-weight:500!important}.v11-window-bar em{margin-left:auto;font-style:normal;color:#7790b3}

.v11-slide-shell{display:grid;grid-template-columns:72px 1fr 112px;min-height:388px}
.v11-thumb-rail{padding:14px 10px;border-right:1px solid rgba(177,204,238,.09);display:grid;align-content:start;gap:9px;background:#061228}
.v11-thumb-rail>div{height:42px;border:1px solid rgba(177,204,238,.1);border-radius:6px;background:#0c1e3b;padding:7px;display:grid;gap:5px}
.v11-thumb-rail>div.active{border-color:rgba(22,199,217,.55);box-shadow:0 0 0 1px rgba(22,199,217,.12)}
.v11-thumb-rail i{display:block;height:3px;background:#395171;border-radius:9px}.v11-thumb-rail i+ i{width:62%;background:#263e60}
.v11-slide-stage{padding:23px;display:grid;place-items:center;background:radial-gradient(circle at 50% 30%,rgba(18,66,120,.16),transparent 55%),#081832}
.v11-slide-canvas{width:100%;aspect-ratio:16/9;max-width:570px;border-radius:10px;background:linear-gradient(135deg,#f7f3ea,#e9f4ee);color:#152a39;padding:7% 7.5%;position:relative;overflow:hidden;box-shadow:0 18px 40px rgba(0,0,0,.18)}
.v11-mini-kicker{font-size:.48rem;text-transform:uppercase;letter-spacing:.11em;color:#597164;font-weight:600}
.v11-slide-canvas h4{font-size:clamp(1.18rem,2vw,2.05rem);line-height:1.02;margin:8px 0 7px;letter-spacing:-.05em!important;color:#152a39}
.v11-slide-canvas p{font-size:clamp(.48rem,.8vw,.75rem);line-height:1.45;color:#50665c;max-width:58%;margin:0}
.v11-slide-metrics{display:flex;gap:5px;position:absolute;left:7.5%;bottom:8%;z-index:2}.v11-slide-metrics>div{min-width:62px;padding:7px 8px;border:1px solid rgba(22,52,42,.11);border-radius:7px;background:rgba(255,255,255,.5)}.v11-slide-metrics small{display:block;font-size:.42rem;color:#758a80}.v11-slide-metrics b{font-size:.52rem;color:#203e31}
.v11-slide-graphic{position:absolute;width:42%;height:76%;right:-5%;bottom:-16%;border-radius:50%;border:1px solid rgba(37,108,83,.2);background:radial-gradient(circle at 38% 34%,rgba(32,132,111,.46),rgba(30,84,78,.08) 47%,transparent 48%)}
.v11-slide-graphic>span{position:absolute;width:52%;height:52%;border-radius:50%;left:10%;top:12%;background:linear-gradient(145deg,#136d68,#21b8a1);box-shadow:0 12px 30px rgba(26,108,91,.18)}
.v11-slide-graphic i{position:absolute;width:17%;height:17%;border-radius:5px;background:#d5a65a;right:18%;top:18%;transform:rotate(18deg)}.v11-slide-graphic i:nth-of-type(2){right:4%;top:42%;background:#183f57}.v11-slide-graphic i:nth-of-type(3){right:27%;top:58%;background:#f2d39b}
.v11-inspector{border-left:1px solid rgba(177,204,238,.09);padding:15px 11px;background:#061228}.v11-inspector>span{font-size:.58rem;color:#7891b3;text-transform:uppercase;letter-spacing:.09em}.v11-inspector>b{display:block;margin-top:17px;margin-bottom:7px;font-size:.61rem;color:#c3d0e2;font-weight:500!important}.v11-swatches{display:flex;gap:5px}.v11-swatches i{width:22px;height:22px;border-radius:5px;background:#0c5360;border:1px solid rgba(255,255,255,.1)}.v11-swatches i:nth-child(2){background:#eadfc8}.v11-swatches i:nth-child(3){background:#5d2f31}.v11-layout-chip{padding:7px;border-radius:6px;background:#0d213f;border:1px solid rgba(177,204,238,.09);font-size:.54rem;color:#8ca2c2}.v11-control-line{height:6px;border-radius:99px;background:linear-gradient(90deg,#1ec0c9 58%,#193354 58%)}

.v11-done-shell{display:grid;grid-template-columns:122px 1fr;min-height:388px;background:#081832}
.v11-done-nav{border-right:1px solid rgba(177,204,238,.09);padding:18px 12px;background:#061228}.v11-done-nav strong{display:block;font-size:.78rem;margin-bottom:19px}.v11-done-nav span{display:block;padding:8px 9px;border-radius:7px;color:#7790b3;font-size:.62rem;margin-bottom:3px}.v11-done-nav span.active{background:rgba(22,199,217,.09);color:#cdebf0}
.v11-today-panel{padding:26px 28px}.v11-today-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px}.v11-today-head small{display:block;color:#7d94b5;font-size:.57rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px}.v11-today-head h4{font-size:1.35rem;margin:0}.v11-today-head>span{font-size:.57rem;padding:5px 8px;border-radius:999px;border:1px solid rgba(177,204,238,.1);color:#91a6c5}
.v11-priority{display:grid;grid-template-columns:27px 1fr auto;align-items:center;gap:10px;padding:12px 11px;border-bottom:1px solid rgba(177,204,238,.08)}.v11-priority.hot{background:linear-gradient(90deg,rgba(22,199,217,.06),transparent);border-radius:9px;border-bottom-color:transparent}.v11-priority i{font-style:normal;width:25px;height:25px;display:grid;place-items:center;border-radius:7px;background:#10294d;color:#8aa2c5;font-size:.6rem}.v11-priority b{display:block;font-size:.67rem;color:#d7e1ef}.v11-priority small{display:block;font-size:.52rem;color:#7890b2;margin-top:2px}.v11-priority em{font-style:normal;font-size:.53rem;color:#8ca3c2}.v11-priority.hot em{color:#4ed6d7}
.v11-brief{margin-top:22px;border:1px solid rgba(202,169,90,.16);background:linear-gradient(145deg,rgba(202,169,90,.045),rgba(255,255,255,.015));border-radius:12px;padding:16px}.v11-brief>span{display:block;font-size:.5rem;color:#c8ad69;letter-spacing:.1em;margin-bottom:6px}.v11-brief>b{font-size:.7rem;color:#e2e7ef}.v11-brief>p{font-size:.58rem;color:#889db9;line-height:1.5;margin:6px 0 0}
.v11-platform-note{display:grid;grid-template-columns:auto 1fr minmax(240px,.7fr);gap:20px;align-items:center;margin-top:20px;padding:18px 22px;border-top:1px solid rgba(177,204,238,.1);border-bottom:1px solid rgba(177,204,238,.1)}.v11-platform-note>span{font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:#c8ad69}.v11-platform-note>strong{font-size:.93rem}.v11-platform-note>p{font-size:.77rem;color:#899fbe;line-height:1.5;margin:0}

@media(max-width:1050px){
  .v11-snapshot,.v11-snapshot:nth-child(2){grid-template-columns:1fr;gap:26px}
  .v11-snapshot:nth-child(2) .v11-snapshot-copy{order:0}
  .v11-app-window{min-height:400px}
  .v11-platform-note{grid-template-columns:1fr}
}
@media(max-width:820px){
  body.v11-typography .hero h1{font-size:clamp(3rem,11vw,5rem)!important;letter-spacing:-.045em!important}
  body.v11-typography .section-head h2{font-size:clamp(2.15rem,8vw,3.6rem)!important}
  .v11-snapshot{padding:22px;border-radius:22px}.v11-app-window{min-height:350px}.v11-slide-shell{grid-template-columns:58px 1fr}.v11-inspector{display:none}.v11-done-shell{grid-template-columns:94px 1fr}.v11-today-panel{padding:22px 18px}
}
@media(max-width:560px){
  body.v11-typography .hero h1{font-size:clamp(2.7rem,13vw,3.7rem)!important;line-height:1.01!important}
  body.v11-typography .hero-copy .lead{font-size:1rem!important}
  .v11-snapshot{padding:17px}.v11-snapshot-copy{padding:6px 2px}.v11-snapshot-copy h3{font-size:1.8rem}.v11-app-window{min-height:300px;border-radius:16px}.v11-window-bar{height:36px}.v11-slide-shell{grid-template-columns:48px 1fr;min-height:264px}.v11-thumb-rail{padding:10px 7px}.v11-thumb-rail>div{height:32px;padding:5px}.v11-slide-stage{padding:13px}.v11-slide-canvas p{max-width:68%}.v11-slide-metrics>div{min-width:45px;padding:5px}.v11-done-shell{grid-template-columns:1fr;min-height:264px}.v11-done-nav{display:flex;gap:4px;overflow:hidden;border-right:0;border-bottom:1px solid rgba(177,204,238,.09);padding:9px}.v11-done-nav strong{display:none}.v11-done-nav span{white-space:nowrap;margin:0;padding:6px}.v11-done-nav span:nth-of-type(n+4){display:none}.v11-today-panel{padding:16px 14px}.v11-brief{margin-top:14px}.v11-platform-note{padding:16px 4px}
}
@media(prefers-reduced-motion:no-preference){
  .v11-app-window{transition:transform .45s ease,border-color .45s ease}.v11-snapshot:hover .v11-app-window{transform:translateY(-3px);border-color:rgba(177,204,238,.23)}
  .v11-slide-graphic>span{animation:v11Pulse 5s ease-in-out infinite}.v11-priority.hot{animation:v11Focus 4.5s ease-in-out infinite}
}
@keyframes v11Pulse{50%{transform:scale(1.045);box-shadow:0 16px 34px rgba(26,108,91,.25)}}
@keyframes v11Focus{50%{background:linear-gradient(90deg,rgba(22,199,217,.09),transparent)}}

/* -------------------------------------------------------------------------
   V1.1 current-live pricing selector — SlideTell / DoneBrief
   Rebased from current minitech.app content, adapted to approved 400/500/600
   typography hierarchy.
   ------------------------------------------------------------------------- */
.pricing-selector-wrap{padding:6px 0 18px}
.pricing-selector{max-width:640px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:6px;border-radius:18px;background:rgba(7,20,44,.82);border:1px solid var(--v11-soft-border)}
body.v11-typography .pricing-selector-btn{border:0;border-radius:13px;background:transparent;color:#93A6C6;padding:14px 18px;cursor:pointer;font:inherit;font-weight:500!important;display:flex;align-items:center;justify-content:center;gap:10px;transition:.2s ease}
.pricing-selector-btn img{width:24px;height:24px;object-fit:contain}
body.v11-typography .pricing-selector-btn.active{background:linear-gradient(180deg,rgba(21,52,102,.9),rgba(13,31,61,.92));color:#fff;box-shadow:inset 0 0 0 1px rgba(109,151,236,.3),0 8px 24px rgba(0,0,0,.14);font-weight:600!important}
.pricing-selector-btn:hover{color:#fff}
.pricing-product-panel{display:none}
.pricing-product-panel.active{display:block}
.product-intro{display:grid;grid-template-columns:1.15fr .85fr;gap:26px;align-items:center;margin-bottom:30px}
.product-id{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.product-id img{width:38px;height:38px;object-fit:contain}
body.v11-typography .product-id strong{font-size:16px;font-weight:600!important}
.product-copy h2{font-size:clamp(30px,3.4vw,39px);line-height:1.08;letter-spacing:-.04em;margin:0 0 12px}
.product-copy>p{color:#9DB0CF;max-width:640px;margin:0;line-height:1.72}
.product-note{padding:22px;border-radius:22px;background:radial-gradient(circle at 90% 0%,rgba(139,55,255,.12),transparent 32%),linear-gradient(180deg,rgba(10,29,65,.72),rgba(6,18,43,.8));border:1px solid var(--v11-soft-border)}
body.v11-typography .product-note>span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#8297B8;font-weight:500!important}
.product-note h3{font-size:21px;letter-spacing:-.03em;margin:8px 0 7px}
.product-note p{margin:0;color:#9DB0CF;line-height:1.68}
.engine{display:flex;align-items:flex-start;gap:11px;margin:20px 0;padding:14px;border-radius:15px;background:rgba(6,19,44,.54);border:1px solid var(--v11-soft-border)}
.engine b{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--grad2);font-style:normal;font-size:13px;flex:none;color:#fff}
body.v11-typography .engine strong{display:block;font-size:14px;font-weight:600!important}
.engine span{display:block;color:#8297B8;font-size:12px;margin-top:2px}
.faq{max-width:840px;margin:0 auto;display:grid;gap:11px}
.faq details{padding:18px 20px;border:1px solid var(--v11-soft-border);border-radius:16px;background:rgba(7,20,44,.58)}
body.v11-typography .faq summary{cursor:pointer;font-weight:500!important;color:#EEF5FF}
.faq details p{color:#9DB0CF;margin:12px 0 0;line-height:1.72}
@media(max-width:820px){.product-intro{grid-template-columns:1fr}}
@media(max-width:700px){body.v11-typography .pricing-selector-btn{padding:12px 8px;font-size:13px}}