/* minsoesantun.com: the shared stylesheet for every page (home, apps, terms and privacy pages).
   Light "Studio" look by default, dark when the device asks for it. Fonts are served from this site (OFL 1.1, see /min/licenses.html).
   © 2026 SoeSan Holdings LLC */
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:600;font-display:swap;src:url(/min/fonts/bricolage-grotesque-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:700;font-display:swap;src:url(/min/fonts/bricolage-grotesque-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'Public Sans';font-style:normal;font-weight:400;font-display:swap;src:url(/min/fonts/public-sans-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Public Sans';font-style:italic;font-weight:400;font-display:swap;src:url(/min/fonts/public-sans-latin-400-italic.woff2) format('woff2')}
@font-face{font-family:'Public Sans';font-style:normal;font-weight:600;font-display:swap;src:url(/min/fonts/public-sans-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url(/min/fonts/ibm-plex-mono-latin-500-normal.woff2) format('woff2')}
:root{
  --bg:#F6F7F5;--paper:#FFFFFF;--ink:#0F1A17;--muted:#4E5C57;--dim:#5C6A65;--line:#DDE3DF;--line2:#C9D1CD;
  --accent:#0F6B4C;--accent-hover:#0B5A40;--accent-ink:#FFFFFF;--accent-soft:#E2F1EA;--mark:#F2B33D;--mark-ink:#2A1B00;
  --display:'Bricolage Grotesque','Avenir Next','Segoe UI',system-ui,sans-serif;
  --body:'Public Sans',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --mono:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --shadow:0 1px 0 var(--line),0 24px 48px -30px rgba(15,26,23,.35);
  --top:64px;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#0D1311;--paper:#141C19;--ink:#E9F0EC;--muted:#A6B4AE;--dim:#93A19B;--line:#26312D;--line2:#34423C;
  --accent:#4FC995;--accent-hover:#6BD6A8;--accent-ink:#06261A;--accent-soft:#16302A;--mark:#F2B33D;--mark-ink:#2A1B00;
  --shadow:0 1px 0 var(--line),0 24px 48px -30px rgba(0,0,0,.7);color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#0D1311;--paper:#141C19;--ink:#E9F0EC;--muted:#A6B4AE;--dim:#93A19B;--line:#26312D;--line2:#34423C;
  --accent:#4FC995;--accent-hover:#6BD6A8;--accent-ink:#06261A;--accent-soft:#16302A;--mark:#F2B33D;--mark-ink:#2A1B00;
  --shadow:0 1px 0 var(--line),0 24px 48px -30px rgba(0,0,0,.7);color-scheme:dark}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--top) + 16px)}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.6 var(--body);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit}
img{display:block;max-width:100%}
h1,h2,h3,h4{margin:0;font-family:var(--display);font-weight:700;line-height:1.08;letter-spacing:-.02em;text-wrap:balance}
p{margin:0}
button{font:inherit;color:inherit}
.wrap{max-width:1160px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:8px;z-index:60;background:var(--accent);color:var(--accent-ink);padding:8px 12px;border-radius:8px;font-weight:600}
.skip:focus{left:8px}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:30;background:var(--bg)}

/* header + mobile menu */
.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;height:var(--top)}
.brand{display:flex;flex-direction:column;text-decoration:none;line-height:1.1}
.brand b{font:700 19px/1 var(--display);letter-spacing:-.01em}
.brand span{font:500 11px/1.3 var(--mono);color:var(--dim);letter-spacing:.04em}
.nav{display:flex;align-items:center;gap:24px;font-size:15px}
.nav a{text-decoration:none;color:var(--muted)}
.nav a:hover{color:var(--ink)}
.nav a[aria-current="page"]{color:var(--ink);font-weight:600}
.menu-btn{display:none;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;border:1px solid var(--line2);background:transparent;cursor:pointer}
.sheet-menu{display:none}
@media (max-width:760px){
  .nav .nl{display:none}
  .menu-btn{display:inline-flex}
  .nav{gap:10px}
  .sheet-menu{position:fixed;inset:calc(var(--top) + env(safe-area-inset-top,0px)) 0 auto;z-index:19;background:var(--bg);border-bottom:1px solid var(--line);padding-block:8px 20px;box-shadow:0 20px 40px -20px rgba(0,0,0,.3)}
  .sheet-menu.open{display:block}
  .sheet-menu a{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line);text-decoration:none;font:700 22px/1.2 var(--display)}
  .sheet-menu a::after{content:"→";color:var(--accent)}
  .sheet-menu p{margin-top:16px;font:500 14px/1.4 var(--mono);color:var(--dim)}
}

/* buttons, labels */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:10px;border:1.5px solid var(--ink);color:var(--ink);text-decoration:none;font:600 15px/1 var(--body);background:transparent;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.btn:hover{background:var(--ink);color:var(--bg)}
.btn.go{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.btn.go:hover{background:var(--accent-hover);border-color:var(--accent-hover)}
.btn.sm{min-height:40px;padding:0 16px;font-size:14px}
.kicker{font:500 12.5px/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
.lede{color:var(--muted);font-size:clamp(17px,1.7vw,19px);max-width:38em}
.hl{text-decoration:none;background:linear-gradient(transparent 62%,color-mix(in srgb,var(--mark) 55%,transparent) 62%)}
.sec{padding-block:80px 0}
.sec-head{display:grid;gap:12px;max-width:46em}
.sec-head h2{font-size:clamp(30px,4vw,46px)}
.sec-head p{color:var(--muted)}
.sec-head.row{max-width:none;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px 24px}
@media (max-width:640px){.sec-head.row{grid-template-columns:1fr}}
.page-head{padding-block:56px 8px;display:grid;gap:14px}
.page-head h1{font-size:clamp(38px,5.6vw,64px);max-width:16ch}
.tnum{font-variant-numeric:tabular-nums}

/* product cards (home + all product pages) */
.cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 20px}
@media (max-width:900px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
.pc{display:grid;gap:10px;align-content:start;width:100%;padding:0;border:0;background:transparent;text-align:left;cursor:pointer;text-decoration:none;color:inherit}
.pc .shot{position:relative;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:var(--paper);aspect-ratio:16/10}
.pc .shot img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .3s}
.pc:hover .shot img{transform:scale(1.03)}
.pc .ph{display:grid;place-content:center;justify-items:center;gap:10px;height:100%;color:#fff;background:radial-gradient(120% 90% at 20% 0%,color-mix(in srgb,var(--t) 70%,#fff) 0%,var(--t) 45%,color-mix(in srgb,var(--t) 60%,#000) 100%)}
.pc .ph svg{width:44px;height:44px;padding:10px;box-sizing:content-box;border-radius:16px;background:rgba(255,255,255,.16)}
.pc .ph b{font:700 clamp(18px,2.2vw,24px)/1.1 var(--display);letter-spacing:-.02em;text-align:center;padding:0 12px}
.pc .new{position:absolute;top:10px;left:10px;padding:5px 9px;border-radius:6px;background:var(--mark);color:var(--mark-ink);font:600 11px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase}
.pc h3{font-size:20px;display:flex;justify-content:space-between;gap:8px;align-items:baseline}
.pc h3 small{font:500 12px/1 var(--mono);color:var(--dim);letter-spacing:.02em;white-space:nowrap}
.pc p{color:var(--muted);font-size:15px;line-height:1.5}
.pc .meta{display:flex;flex-wrap:wrap;gap:4px 12px;font:500 12.5px/1.3 var(--mono);color:var(--accent)}
.pc:hover h3 span{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
@media (max-width:560px){
  .cards{grid-template-columns:1fr;gap:16px}
  .pc{grid-template-columns:40% minmax(0,1fr);column-gap:14px;row-gap:3px}
  .pc .shot{grid-row:1/span 3;aspect-ratio:4/3;border-radius:10px;align-self:start}
  .pc h3{font-size:17px;flex-direction:column;gap:3px}
  .pc p{font-size:14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .pc .meta{font-size:11.5px}
  .pc .ph svg{width:26px;height:26px;padding:7px;border-radius:10px}
  .pc .ph b{font-size:14px}
  .pc .new{top:6px;left:6px;font-size:10px;padding:4px 6px}
}

/* search + category chips */
.search{display:flex;align-items:center;gap:10px;min-height:52px;padding:0 16px;border-radius:12px;border:1.5px solid var(--line2);background:var(--paper)}
.search svg{flex:0 0 auto;color:var(--dim)}
.search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font:400 17px/1 var(--body)}
.search input::placeholder{color:var(--dim)}
.search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.search .clear{border:0;background:var(--line);width:28px;height:28px;border-radius:50%;cursor:pointer;font-size:16px;line-height:1}
.chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.chips::-webkit-scrollbar{display:none}
.chip{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:0 14px;border-radius:999px;border:1px solid var(--line2);background:var(--paper);color:var(--ink);font:600 14px/1 var(--body);text-decoration:none;cursor:pointer;white-space:nowrap}
.chip small{font:500 11.5px/1 var(--mono);color:var(--dim)}
.chip[aria-pressed="true"],.chip[aria-current="true"]{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.chip[aria-pressed="true"] small,.chip[aria-current="true"] small{color:var(--bg);opacity:.7}
.results-note{font:500 13px/1.4 var(--mono);color:var(--dim)}
.empty{padding:32px;border:1px dashed var(--line2);border-radius:14px;text-align:center;color:var(--muted)}

/* product details sheet */
.sheet{position:fixed;inset:0;z-index:50;display:flex;align-items:flex-end;justify-content:center;background:rgba(6,10,9,.55);padding-top:env(safe-area-inset-top,0px)}
.sheet[hidden]{display:none!important}
.sheet .panel{position:relative;width:100%;max-width:720px;max-height:90vh;overflow-y:auto;background:var(--paper);border-radius:20px 20px 0 0;padding:20px max(20px,env(safe-area-inset-right,0px)) calc(24px + env(safe-area-inset-bottom,0px)) max(20px,env(safe-area-inset-left,0px))}
@media (min-width:760px){.sheet{align-items:center;padding:32px}.sheet .panel{border-radius:20px;padding:28px}}
@media (prefers-reduced-motion:no-preference){.sheet .panel{animation:rise .22s ease-out}}
@keyframes rise{from{transform:translateY(28px);opacity:.5}}
.sheet .x{position:absolute;top:14px;right:14px;width:40px;height:40px;border-radius:50%;border:1px solid var(--line2);background:var(--paper);cursor:pointer;font-size:20px;line-height:1}
.sheet .hd{display:grid;grid-template-columns:56px minmax(0,1fr);gap:14px;align-items:center;padding-right:48px}
.sheet .ico{display:grid;place-items:center;width:56px;height:56px;border-radius:14px;color:#fff}
.sheet h2{font-size:28px}
.sheet .sub{font:500 13px/1.3 var(--mono);color:var(--dim);margin-top:4px}
.sheet .media{margin-top:18px;border-radius:12px;overflow:hidden;border:1px solid var(--line);aspect-ratio:16/9;background:var(--bg)}
.sheet .media img{width:100%;height:100%;object-fit:cover;object-position:top}
.sheet .about{margin-top:16px;color:var(--muted);font-size:16px}
.sheet h3{font-size:18px;margin-top:20px}
.sheet ul{margin:10px 0 0;padding-left:20px;color:var(--muted);display:grid;gap:6px;font-size:15.5px}
.sheet dl{margin:20px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.sheet dl div{padding:12px;border-radius:10px;background:var(--bg)}
.sheet dt{font:500 11.5px/1.2 var(--mono);color:var(--dim);text-transform:uppercase;letter-spacing:.06em}
.sheet dd{margin:4px 0 0;font-size:14px;font-weight:600}
@media (max-width:520px){.sheet dl{grid-template-columns:1fr}}
.sheet .act{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}

/* shared blocks */
.cta-band{margin-top:80px;padding:40px;border-radius:20px;background:var(--ink);color:var(--bg);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center}
.cta-band h2{font-size:clamp(26px,3.6vw,40px);color:var(--bg)}
.cta-band p{opacity:.8;margin-top:8px;max-width:34em}
.cta-band .btn{border-color:var(--bg);color:var(--bg)}
.cta-band .btn:hover{background:var(--bg);color:var(--ink)}
.cta-band .btn.go{background:var(--mark);border-color:var(--mark);color:var(--mark-ink)}
@media (max-width:720px){.cta-band{grid-template-columns:1fr;padding:28px 22px}}
.qa{border-top:1px solid var(--line)}
.qa details{border-bottom:1px solid var(--line)}
.qa summary{cursor:pointer;padding:18px 0;font:700 19px/1.3 var(--display);list-style:none;display:flex;justify-content:space-between;gap:16px}
.qa summary::after{content:"+";color:var(--accent);font-size:24px;line-height:1;flex:0 0 auto}
.qa details[open] summary::after{content:"–"}
.qa summary::-webkit-details-marker{display:none}
.qa .a{padding-bottom:20px;color:var(--muted);max-width:46em;display:grid;gap:10px}
.qa a{color:var(--accent)}

/* footer */
.foot{margin-top:96px;border-top:1px solid var(--line);padding-block:40px 96px;font-size:14px;color:var(--dim)}
.foot .cols{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:28px}
.foot h2{font:500 12px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dim);margin-bottom:12px}
.foot ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.foot a{color:var(--muted);text-decoration:none}
.foot a:hover{color:var(--ink)}
.foot .legal a,.foot .fine a{text-decoration:underline;text-underline-offset:3px}
.foot .brandline b{display:block;font:700 20px/1.1 var(--display);color:var(--ink)}
.foot .brandline p{margin-top:8px;max-width:26em}
.foot .legal{margin-top:32px;padding-top:20px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between}
@media (max-width:760px){.foot .cols{grid-template-columns:1fr 1fr}.foot .brandline{grid-column:1/-1}}

/* baked details sheets: open through #p-<id> (:target) without JavaScript, .open with it */
.sheet{display:none}
.sheet:target,.sheet.open{display:flex}
.js .sheet:target:not(.open){display:none}
.sheet .back{position:absolute;inset:0}
.sheet .panel{z-index:1}
.sheet .media video{width:100%;height:100%;object-fit:contain;background:#000}
.sheet .media.tall{aspect-ratio:auto;max-height:70vh;display:grid;place-items:center;background:#000}
.sheet .media.tall video{width:auto;max-width:100%;max-height:70vh;height:auto}
.sheet .locked{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 16px;border-radius:10px;background:var(--bg);color:var(--muted);font-weight:600}
.sheet .x{display:grid;place-items:center;text-decoration:none;color:var(--ink)}
.no-scroll{overflow:hidden}

/* home */
.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:56px;align-items:center;padding-block:56px 24px}
.hero h1{font-size:clamp(38px,5.6vw,68px);margin-top:16px}
.hero .lede{margin-top:20px}
.hero .row{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.promise{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 20px;font-size:15px;color:var(--muted)}
.promise li{display:flex;gap:10px;align-items:baseline}
.promise li::before{content:"";flex:0 0 auto;width:8px;height:8px;border-radius:2px;background:var(--accent);transform:translateY(-1px)}
@media (max-width:900px){.hero{grid-template-columns:1fr;gap:36px}}
@media (max-width:420px){.promise{grid-template-columns:1fr}}

.thread{background:var(--paper);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}
.thread .bar{display:flex;justify-content:space-between;gap:12px;padding:12px 18px;border-bottom:1px solid var(--line);font:500 12px/1.3 var(--mono);color:var(--dim)}
.thread .bar b{color:var(--ink);font-weight:500}
.msg{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;padding:15px 18px;border-bottom:1px solid var(--line)}
.av{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;font:700 13px/1 var(--display);background:var(--accent-soft);color:var(--accent)}
.av.you{background:color-mix(in srgb,var(--mark) 30%,var(--paper));color:var(--ink)}
.msg .who{display:flex;justify-content:space-between;gap:8px;font-size:13px;color:var(--dim)}
.msg .who b{color:var(--ink);font-weight:600}
.msg p{font-size:15px;line-height:1.5;margin-top:3px}
.att{display:inline-flex;align-items:center;gap:8px;margin-top:10px;padding:7px 11px;border-radius:8px;border:1px solid var(--line);font:500 12.5px/1.2 var(--mono);color:var(--muted)}
.att i{font-style:normal;color:var(--accent)}
.done{display:flex;align-items:center;gap:10px;padding:14px 18px;background:var(--accent-soft);color:var(--accent);font:600 14px/1.3 var(--body)}
.ex{margin-top:10px;font:500 12px/1.3 var(--mono);color:var(--dim);text-align:right}
@media (prefers-reduced-motion:no-preference){
  .thread .msg,.thread .done{animation:pop .45s ease-out both}
  .thread .msg:nth-child(3){animation-delay:.25s}.thread .msg:nth-child(4){animation-delay:.5s}.thread .msg:nth-child(5){animation-delay:.75s}.thread .done{animation-delay:1s}
}
@keyframes pop{from{transform:translateY(8px);opacity:.25}}

.stats{margin-top:56px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1.5px solid var(--ink);border-bottom:1px solid var(--line)}
.stats div{padding:20px 20px 20px 0;display:grid;gap:6px;align-content:start}
.stats div+div{padding-left:20px;border-left:1px solid var(--line)}
.stats b{font:700 clamp(30px,4vw,44px)/1 var(--display);letter-spacing:-.02em}
.stats span{font-size:14px;color:var(--muted);line-height:1.4}
@media (max-width:760px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stats div:nth-child(3){padding-left:0;border-left:0}.stats div:nth-child(n+3){border-top:1px solid var(--line)}}

.work{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:28px;margin-top:32px;align-items:start}
.work .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:900px){.work{grid-template-columns:1fr}}
@media (max-width:560px){.work .cards{grid-template-columns:1fr}}
.log{border:1px solid var(--line);border-radius:16px;background:var(--paper);overflow:hidden}
.log h3{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:16px 18px;border-bottom:1px solid var(--line);font-size:17px}
.log h3 span{display:inline-flex;align-items:center;gap:8px;font:500 11.5px/1 var(--mono);color:var(--accent);letter-spacing:.06em;text-transform:uppercase}
.log h3 span::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent)}
.log ol{list-style:none;margin:0;padding:0}
.log li+li{border-top:1px solid var(--line)}
.log a.row{display:grid;grid-template-columns:3.4em minmax(0,1fr) auto;gap:10px;align-items:center;width:100%;padding:12px 18px;border:0;background:transparent;text-align:left;cursor:pointer}
.log a.row:hover{background:var(--bg)}
.log .n{font:500 13px/1 var(--mono);color:var(--accent)}
.log .t{font-weight:600;font-size:15px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.log .d{font:500 12px/1 var(--mono);color:var(--dim)}
.log .island{color:var(--muted);font-weight:500}
.log .all{display:flex;justify-content:space-between;padding:14px 18px;border-top:1px solid var(--line);font-weight:600;font-size:14px;color:var(--accent);text-decoration:none}

.svc{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:32px;border-top:1.5px solid var(--ink)}
.svc article{padding:24px 22px 26px 0;display:grid;gap:10px;align-content:start}
.svc article+article{padding-left:22px;border-left:1px solid var(--line)}
.svc h3{font-size:22px}
.svc .price{font:500 13px/1.45 var(--mono);color:var(--accent)}
.svc p{color:var(--muted);font-size:15px}
.svc a{font-weight:600;font-size:14px;color:var(--ink)}
@media (max-width:980px){.svc{grid-template-columns:repeat(2,minmax(0,1fr))}.svc article:nth-child(3){padding-left:0;border-left:0}.svc article:nth-child(n+3){border-top:1px solid var(--line)}}
@media (max-width:600px){.svc{grid-template-columns:1fr}.svc article,.svc article+article{padding:22px 0;border-left:0;border-top:1px solid var(--line)}.svc article:first-child{border-top:0}}
.fine{margin-top:18px;font-size:14px;color:var(--dim);max-width:56em}
.fine a{color:var(--accent)}

.est{margin-top:32px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);border:1px solid var(--line);border-radius:20px;background:var(--paper);overflow:hidden}
.est .pick{padding:28px;display:grid;gap:12px;align-content:start}
.est .lbl{font:500 12px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dim);margin-top:8px}
.est .chips{flex-wrap:wrap;overflow:visible}
.est .chip[aria-pressed="true"]::before{content:"✓";font-weight:700}
.est .note{display:grid;gap:6px}
.est .note label{font:500 12px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}
.est textarea{width:100%;min-height:92px;padding:12px 14px;border-radius:10px;border:1.5px solid var(--line2);background:var(--bg);color:var(--ink);font:400 16px/1.5 var(--body);resize:vertical}
.est textarea:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.est .out{padding:28px;background:var(--accent-soft);display:grid;gap:14px;align-content:space-between}
.est .big{font:700 clamp(44px,6vw,64px)/1 var(--display);letter-spacing:-.03em;color:var(--ink)}
.est .r{font-size:14.5px;color:var(--muted)}
.est .mail{margin:0;padding:14px;border-radius:10px;background:var(--paper);border:1px solid var(--line);font:500 12.5px/1.55 var(--mono);color:var(--muted);white-space:pre-wrap;max-height:180px;overflow:auto}
.est .act{display:flex;flex-wrap:wrap;gap:10px}
.est .tiny{font-size:13px;color:var(--dim)}
@media (max-width:860px){.est{grid-template-columns:1fr}.est .pick,.est .out{padding:22px}}

.steps{list-style:none;margin:32px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;counter-reset:s}
.steps li{counter-increment:s;padding:22px;background:var(--paper);border:1px solid var(--line);border-radius:14px;display:grid;gap:8px;align-content:start}
.steps li::before{content:counter(s);display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--ink);color:var(--bg);font:700 14px/1 var(--display)}
.steps b{font:700 19px/1.2 var(--display)}
.steps span{font-size:15px;color:var(--muted)}
@media (max-width:900px){.steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.steps{grid-template-columns:1fr}}

.flag{margin-top:32px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:0;border-radius:20px;overflow:hidden;background:#11382A;color:#EAF6EF}
.flag .copy{padding:36px;display:grid;gap:14px;align-content:center}
.flag .k2{font:500 12.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#8BE3B5}
.flag h3{font-size:clamp(32px,4vw,48px);color:#fff}
.flag p{opacity:.85;max-width:32em}
.flag ul{margin:0;padding:0;list-style:none;display:grid;gap:8px;font-size:15px}
.flag li{display:flex;gap:10px}
.flag li::before{content:"✓";color:#8BE3B5;font-weight:700}
.flag .row{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.flag .btn{border-color:#EAF6EF;color:#EAF6EF}
.flag .btn:hover{background:#EAF6EF;color:#11382A}
.flag .btn.go{background:#8BE3B5;border-color:#8BE3B5;color:#0B2A1E}
.flag .pic{display:grid;place-items:end center;padding:28px 28px 0;background:linear-gradient(160deg,#164A37,#0B271D)}
.flag .pic img{width:min(260px,100%);height:auto;aspect-ratio:9/14;object-fit:cover;object-position:top;border-radius:16px 16px 0 0;box-shadow:0 -10px 40px rgba(0,0,0,.35)}
@media (max-width:760px){.flag{grid-template-columns:1fr}.flag .copy{padding:26px 22px}.flag .pic img{width:200px}}


.faq-grid{display:grid;align-items:start;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:40px;margin-top:0}
@media (max-width:860px){.faq-grid{grid-template-columns:1fr;gap:20px}}
.founder{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:40px;align-items:start}
.founder .card{padding:24px;border-radius:18px;background:var(--paper);border:1px solid var(--line);display:grid;gap:14px}
.founder .mono{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:var(--ink);color:var(--bg);font:700 26px/1 var(--display)}
.founder dl{margin:0;display:grid;gap:10px;font-size:14.5px}
.founder dt{font:500 11.5px/1 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--dim)}
.founder dd{margin:4px 0 0}
.founder .txt{display:grid;gap:14px;color:var(--muted);font-size:18px}
.founder .soc{display:flex;flex-wrap:wrap;gap:6px 14px}
.founder .soc a,.readmore{color:var(--accent);font-weight:600;text-decoration:none}
.founder .txt h2{color:var(--ink);font-size:clamp(30px,4vw,46px);margin-bottom:6px}
@media (max-width:860px){.founder{grid-template-columns:1fr;gap:20px}.founder .txt{order:-1}}
.offers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:32px}
.offer{padding:28px;border-radius:18px;background:var(--paper);border:1px solid var(--line);display:grid;gap:14px;align-content:start}
.offer .top-line{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
.offer h3{font-size:26px}
.offer p{color:var(--muted)}
.offer .price{font:500 1em/1.45 var(--mono);color:var(--accent)}
.offer .renew{margin-top:-8px;color:var(--ink)}
.offer ul{margin:0;padding:14px 0 0;border-top:1px solid var(--line);list-style:none;display:grid;gap:8px;font-size:15px}
.offer li{display:flex;gap:10px}
.offer li::before{content:"";flex:0 0 auto;width:7px;height:7px;margin-top:9px;border-radius:2px;background:var(--accent)}
@media (max-width:760px){.offers{grid-template-columns:1fr}.offer{padding:22px}}
.fine{margin-top:18px;font-size:14px;color:var(--dim);max-width:60em}
.fine a{color:var(--accent)}

.revs{list-style:none;margin:24px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media (max-width:900px){.revs{grid-template-columns:1fr}}
.rev{position:relative;padding:24px;border-radius:16px;background:var(--paper);border:1px solid var(--line);display:grid;gap:14px;align-content:start}
.rev .stars{display:flex;gap:3px;color:var(--mark)}
.rev blockquote{margin:0;font-size:17px;line-height:1.5;color:var(--muted);font-style:italic}
.rev .by{display:flex;align-items:center;gap:12px;padding-top:14px;border-top:1px solid var(--line)}
.rev .by .av{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--line);color:var(--muted);font:700 13px/1 var(--display)}
.rev .by b{display:block;font-size:15px}
.rev .by span{font-size:13.5px;color:var(--muted)}
.rev .src{font:500 12px/1.4 var(--mono);color:var(--dim)}

/* apps page */
.feat{text-decoration:none;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:20px;align-items:center;margin-top:28px;padding:18px 22px 18px 18px;border-radius:18px;background:#11382A;color:#EAF6EF}
.feat img{width:76px;height:96px;object-fit:cover;object-position:top;border-radius:12px}
.feat h2{font-size:24px;color:#fff}
.feat:hover h2,.feat:focus-visible h2{text-decoration:underline}
.feat p{opacity:.85;font-size:15px;margin-top:4px}
.feat .k2{font:500 11.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#8BE3B5}
.feat .btn{background:#8BE3B5;border-color:#8BE3B5;color:#0B2A1E}
@media (max-width:640px){.feat{grid-template-columns:auto minmax(0,1fr)}.feat .btn{grid-column:1/-1}}
.shop{margin-top:72px;display:grid;gap:18px}
.shop .items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.shop .items a{display:grid;gap:6px;padding:18px;border-radius:14px;border:1px solid var(--line);background:var(--paper);text-decoration:none}
.shop .items b{font:700 17px/1.2 var(--display)}
.shop .items span{color:var(--muted);font-size:14.5px}
.shop .items em{font-style:normal;font:500 12px/1 var(--mono);color:var(--accent);margin-top:4px}
@media (max-width:760px){.shop .items{grid-template-columns:1fr}}
.layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:36px;margin-top:32px;align-items:start}
.side{position:sticky;top:calc(var(--top) + env(safe-area-inset-top,0px) + 20px);display:grid;gap:22px}
.side h2{font:500 12px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dim);margin-bottom:10px}
.cats{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.cats button{display:flex;justify-content:space-between;align-items:center;width:100%;padding:10px 12px;border:0;border-radius:10px;background:transparent;text-align:left;cursor:pointer;font:600 15px/1.2 var(--body)}
.cats button:hover{background:var(--paper)}
.cats button[aria-pressed="true"]{background:var(--ink);color:var(--bg)}
.cats small{font:500 12px/1 var(--mono);opacity:.7}
.toggle{display:flex;align-items:center;gap:10px;font-size:15px;cursor:pointer}
.toggle input{width:20px;height:20px;accent-color:var(--accent)}
.sel{width:100%;min-height:44px;padding:0 12px;border-radius:10px;border:1.5px solid var(--line2);background:var(--paper);color:var(--ink);font:600 15px/1 var(--body)}
.top-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}
.top-row h2{font-size:clamp(24px,3vw,30px)}
.filters-btn{display:none}
.active{display:flex;flex-wrap:wrap;gap:8px;margin:-8px 0 18px}
.active button{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line2);background:var(--paper);border-radius:999px;padding:6px 12px;font:600 13px/1 var(--body);cursor:pointer}
@media (max-width:900px){
  .layout{grid-template-columns:1fr;gap:16px}
  .side{position:fixed;inset:auto 0 0 0;top:auto;z-index:48;max-height:80vh;overflow:auto;background:var(--paper);border-radius:20px 20px 0 0;padding:20px max(20px,env(safe-area-inset-right,0px)) calc(24px + env(safe-area-inset-bottom,0px)) max(20px,env(safe-area-inset-left,0px));box-shadow:0 -20px 60px rgba(0,0,0,.3);transform:translateY(110%);visibility:hidden;transition:transform .25s,visibility 0s .25s}
  .side.open{transform:none;visibility:visible;transition:transform .25s}
  .side .x{display:flex!important}
  .filters-btn{display:inline-flex}
  .side-search{display:none}
}
.side .x{display:none;justify-content:space-between;align-items:center}
.side .x h2{margin:0;font:700 20px/1 var(--display);letter-spacing:-.01em;text-transform:none;color:var(--ink)}
.mobile-search{display:none;margin-top:24px}
@media (max-width:900px){.mobile-search{display:block}}
.scrim{position:fixed;inset:0;z-index:47;background:rgba(6,10,9,.45)}
.scrim[hidden]{display:none}

/* terms and privacy pages */
.read-head{padding-block:56px 8px;max-width:760px;display:grid;gap:16px}
.read-head h1{font-size:clamp(36px,5.2vw,58px)}
.read-head .sum{color:var(--muted);font-size:clamp(18px,2vw,21px)}
.byline{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;font:500 13px/1.3 var(--mono);color:var(--dim)}
.byline b{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--ink);color:var(--bg);font:700 13px/1 var(--display)}
.prose{max-width:680px;margin-top:28px;font-size:19px;line-height:1.7}
.prose>*+*{margin-top:1.1em}
.prose h2{font-size:clamp(24px,3vw,30px);margin-top:1.8em}
.prose h3{font-size:21px;margin-top:1.5em}
.prose ul{padding-left:1.2em;display:grid;gap:.4em}
.prose a{color:var(--accent)}
.prose blockquote{margin:1.5em 0;padding:4px 0 4px 20px;border-left:3px solid var(--mark);font:600 22px/1.45 var(--display);color:var(--ink)}
.prose strong{color:var(--ink)}
.prose p,.prose li{color:color-mix(in srgb,var(--ink) 86%,var(--muted))}
.legal-grid{display:grid;grid-template-columns:240px minmax(0,1fr);gap:48px;margin-top:28px;align-items:start}
.toc{position:sticky;top:calc(var(--top) + env(safe-area-inset-top,0px) + 20px);display:grid;gap:8px}
.toc h2{font:500 12px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}
.toc ol{list-style:none;margin:0;padding:0;display:grid;gap:2px;border-left:1px solid var(--line)}
.toc a{display:block;padding:6px 12px;margin-left:-1px;border-left:2px solid transparent;color:var(--muted);text-decoration:none;font-size:15px}
.toc a[aria-current="true"]{border-color:var(--accent);color:var(--ink);font-weight:600}
.toc-m{display:none}
@media (max-width:860px){.legal-grid{grid-template-columns:1fr;gap:0}.toc{display:none}
  .toc-m{display:block;margin-top:24px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}
  .toc-m summary{padding:14px 16px;cursor:pointer;font-weight:600}
  .toc-m ol{margin:0;padding:0 16px 14px 34px;display:grid;gap:8px}
  .toc-m a{color:var(--accent)}}
.legal .prose{font-size:17px;line-height:1.65;margin-top:0}
.legal .prose h2{scroll-margin-top:calc(var(--top) + 20px)}
.updated{display:inline-flex;gap:8px;padding:6px 10px;border-radius:8px;background:var(--accent-soft);color:var(--accent);font:500 12.5px/1.2 var(--mono)}

/* Proof on the service cards: sample websites and sample videos (2026-10-25) */
.offer .samples{display:grid;gap:10px;padding-top:14px;border-top:1px solid var(--line)}
.offer .samples .lbl{font:500 12px/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--dim)}
.offer .samples ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.offer .sites{grid-template-columns:repeat(2,minmax(0,1fr))}
.offer .vids{grid-template-columns:repeat(3,minmax(0,1fr))}
.offer .samples li::before{display:none}
.offer .samples a{display:grid;gap:4px;text-decoration:none;color:var(--ink);position:relative}
.offer .samples img{width:100%;border-radius:10px;border:1px solid var(--line);object-fit:cover;object-position:top;background:var(--bg)}
.offer .sites img{aspect-ratio:16/10;height:auto}
.offer .vids img{aspect-ratio:9/16;height:auto}
.offer .samples b{font-size:14.5px;line-height:1.25}
.offer .samples span{font-size:13px;color:var(--muted)}
.offer .samples a:hover b{text-decoration:underline}
.offer .samples .play{position:absolute;top:8px;left:8px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(6,10,9,.72);color:#fff}
.sheet .hd.solo{grid-template-columns:minmax(0,1fr)}
.hero .ex a{color:var(--accent);text-underline-offset:3px}
.offer .cares{grid-template-columns:repeat(2,minmax(0,1fr))}
.offer .samples .care-sample{display:grid;gap:4px;height:100%;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--bg)}
@font-face{font-family:'Noto Sans Myanmar';font-style:normal;font-weight:400;font-display:swap;src:url(/min/sample/burmese/fonts/noto-sans-myanmar-myanmar-400-normal.woff2) format('woff2');unicode-range:U+1000-109F,U+A9E0-A9FF,U+AA60-AA7F}
@font-face{font-family:'Noto Sans Myanmar';font-style:normal;font-weight:700;font-display:swap;src:url(/min/sample/burmese/fonts/noto-sans-myanmar-myanmar-700-normal.woff2) format('woff2');unicode-range:U+1000-109F,U+A9E0-A9FF,U+AA60-AA7F}
[lang="my"]{font-family:'Noto Sans Myanmar',var(--body),sans-serif;line-height:1.8}
.sheet [lang="my"] h2{font-family:'Noto Sans Myanmar',sans-serif;font-weight:700;line-height:1.6}
.sheet .report{display:grid;gap:10px;padding:18px 20px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}
.sheet .report h3{margin:8px 0 0;font:700 16px/1.3 var(--display)}
.sheet .report p,.sheet .report li{margin:0;font-size:15px;line-height:1.5}
.sheet .report ol,.sheet .report ul{margin:0;padding-left:20px;display:grid;gap:6px}
.sheet .report .used{font:500 13px/1.3 var(--mono);color:var(--accent)}
[lang="my"] .sub,[lang="my"] .used,[lang="my"] h3,[lang="my"] b,.offer .samples b[lang="my"]{font-family:'Noto Sans Myanmar',sans-serif;letter-spacing:0;text-transform:none}
.sheet .report[lang="my"] h3,.sheet .report[lang="my"] .used,.sheet .hd[lang="my"] .sub:not([lang="en"]),.sheet .report[lang="my"] b{font-family:'Noto Sans Myanmar',sans-serif;letter-spacing:0;text-transform:none}
.offer .cares li{display:grid}
.offer .samples .care-sample{box-sizing:border-box;width:100%}