/* tn-mobile-adapt v3 */
html,body{overflow-x:hidden;max-width:100vw}
@supports(overflow:clip){html,body{overflow-x:clip}}
img,svg,video,iframe,canvas{max-width:100%;height:auto}
table{max-width:100%;display:block;overflow-x:auto}
@media(max-width:900px){
  .phone-frame,.tablet-frame,.sc-phone,.devices .sc-phone{max-width:calc(100vw - 32px)!important;width:100%!important;transform:none!important}
  .tablet-frame{width:100%!important}
  .tablet-screen{height:auto!important;min-height:280px}
  .devices{flex-direction:column!important;align-items:center;gap:0;padding:0}
  .devices .sc-phone{margin-top:-40px}
  .hero-row,.split,.hero-grid,.privacy-grid,.multibiz-grid{grid-template-columns:1fr!important;gap:32px!important}
}
@media(max-width:720px){
  .pricing-tiers{grid-template-columns:1fr!important;max-width:420px;margin-left:auto;margin-right:auto}
  .modules-grid{grid-template-columns:1fr 1fr!important}
  .fgrid{grid-template-columns:1fr 1fr!important}
  .container{padding-left:20px;padding-right:20px}
  header.top nav.links,header.top .nav{display:none}
  section{padding-top:56px!important;padding-bottom:56px!important}
}
@media(max-width:480px){
  .modules-grid,.fgrid,.multibiz-grid,.privacy-grid,.pricing-tiers{grid-template-columns:1fr!important}
  .container{padding-left:16px;padding-right:16px}
  h1{font-size:clamp(28px,8vw,40px)!important;line-height:1.08!important}
  h2{font-size:clamp(22px,6.4vw,32px)!important;line-height:1.1!important}
  .lead,.lede{font-size:15.5px!important}
  .phone-frame{max-width:min(340px, calc(100vw - 24px))!important;height:auto!important;aspect-ratio:340/690}
  .phone-screen{height:auto!important;min-height:520px}
  .tab-sidebar{width:120px!important;flex:0 0 120px!important}
  section{padding-top:44px!important;padding-bottom:44px!important}
  .hero{padding-top:40px!important;padding-bottom:32px!important}
  .btn{padding:12px 18px;font-size:14px}
}
html,body{overflow-x:hidden;max-width:100vw}
@supports(overflow:clip){html,body{overflow-x:clip}}
img,svg,video,iframe,canvas{max-width:100%;height:auto}
table{max-width:100%;display:block;overflow-x:auto}
@media(max-width:900px){
  .phone-frame,.tablet-frame,.sc-phone,.devices .sc-phone{max-width:calc(100vw - 32px);width:100%;transform:none}
  .tablet-frame{width:100%}
  .tablet-screen{height:auto;min-height:280px}
  .devices{flex-direction:column;align-items:center;gap:0;padding:0}
  .devices .sc-phone{margin-top:-40px}
  .hero-row,.split,.hero-grid{grid-template-columns:1fr}
  .privacy-grid,.multibiz-grid{grid-template-columns:1fr}
}
@media(max-width:720px){
  .pricing-tiers{grid-template-columns:1fr;max-width:420px;margin-left:auto;margin-right:auto}
  .modules-grid{grid-template-columns:1fr 1fr}
  .fgrid{grid-template-columns:1fr 1fr}
  .container{padding-left:20px;padding-right:20px}
  header.top nav.links,header.top .nav{display:none}
  section{padding-top:56px;padding-bottom:56px}
}
@media(max-width:480px){
  .modules-grid,.fgrid,.multibiz-grid,.privacy-grid,.pricing-tiers{grid-template-columns:1fr}
  .container{padding-left:16px;padding-right:16px}
  h1{font-size:clamp(28px,8vw,40px);line-height:1.08}
  h2{font-size:clamp(22px,6.4vw,32px);line-height:1.1}
  .lead,.lede{font-size:15.5px}
  .phone-frame{max-width:min(340px, calc(100vw - 24px));height:auto;aspect-ratio:340/690}
  .phone-screen{height:auto;min-height:520px}
  .tab-sidebar{width:120px;flex:0 0 120px}
  section{padding-top:44px;padding-bottom:44px}
  .hero{padding-top:40px;padding-bottom:32px}
  .btn{padding:12px 18px;font-size:14px}
}
/* Till Note — shared page styles (detail pages) */
:root{
  --paper:#F7F1E5; --paper-2:#FFFCF5; --paper-3:#FDF8EC;
  --ink:#1A2540; --ink-2:#4A5570; --ink-3:#8A8E9F; --rule:#D9CDB4; --rule-2:#ECE4D0;
  --accent:#E8842D; --accent-soft:#FAEAD5; --accent-deep:#B96219;
  --mint:#4D8B6E; --mint-soft:#E4EFE8; --brick:#B14D38; --brick-soft:#F4E1DB;
  --serif:'Newsreader',Georgia,serif; --sans:'DM Sans',system-ui,sans-serif; --mono:'JetBrains Mono',ui-monospace,monospace;
}
*{box-sizing:border-box;} html,body{margin:0;padding:0;}
body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;
  background-image:radial-gradient(circle at 25% 30%,rgba(26,37,64,0.018) 1px,transparent 1px),radial-gradient(circle at 75% 70%,rgba(26,37,64,0.018) 1px,transparent 1px);background-size:6px 6px,11px 11px;}
.container{max-width:1180px;margin:0 auto;padding:0 32px;}
h1,h2,h3{font-family:var(--serif);font-weight:500;color:var(--ink);margin:0;}
h1{font-size:clamp(44px,6vw,78px);line-height:1.02;letter-spacing:-0.02em;}
h2{font-size:clamp(32px,4.2vw,50px);line-height:1.05;letter-spacing:-0.015em;}
h3{font-size:22px;line-height:1.2;font-weight:600;letter-spacing:-0.005em;}
.eyebrow{font:500 12px/1 var(--mono);letter-spacing:0.16em;text-transform:uppercase;color:var(--ink-2);display:inline-flex;align-items:center;gap:8px;}
.eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);}
a{color:inherit;text-decoration:none;}
.lead{font-size:18px;line-height:1.7;color:var(--ink-2);}
.mono{font-family:var(--mono);}
.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 26px;border-radius:100px;font:500 15px/1 var(--sans);cursor:pointer;border:1.5px solid var(--ink);background:transparent;color:var(--ink);transition:.2s;}
.btn.primary{background:var(--ink);color:var(--paper);}
.btn.primary:hover{background:#10192e;}
.btn .arrow{transition:transform .2s;} .btn:hover .arrow{transform:translateX(3px);}

header.top{position:sticky;top:0;z-index:30;padding:16px 0;background:rgba(247,241,229,0.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--rule-2);}
header.top .row{display:flex;justify-content:space-between;align-items:center;}
.logo{display:inline-flex;align-items:center;gap:11px;}
.logo .mark{width:36px;height:36px;background:var(--ink);border-radius:9px;flex:0 0 auto;}
.logo .mark svg{display:block;width:36px;height:36px;}
.logo .name{font-family:var(--serif);font-size:22px;font-weight:500;letter-spacing:-0.01em;line-height:1;color:var(--ink);}
.logo .name .dot{color:var(--accent);}
.logo .tag{font-family:var(--mono);font-size:9px;letter-spacing:0.14em;text-transform:uppercase;color:var(--ink-3);margin-top:2px;display:block;}
.back{font:500 13.5px/1 var(--sans);color:var(--ink-2);display:inline-flex;align-items:center;gap:7px;}
.back:hover{color:var(--ink);}

section.hero{padding:80px 0 64px;position:relative;overflow:hidden;}
.hero-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:64px;align-items:center;}
.hero h1{margin-top:22px;}
.hero h1 em{font-style:italic;font-weight:500;color:var(--ink-2);}
.hero h1 .acc{color:var(--accent);}
.hero .lead{margin-top:24px;max-width:52ch;}
.hero .ctas{display:flex;gap:12px;margin-top:32px;flex-wrap:wrap;}
.hero .stats{display:flex;gap:34px;margin-top:48px;padding-top:26px;border-top:1px dashed var(--rule);flex-wrap:wrap;}
.hero .stats .s .n{font:600 30px/1 var(--serif);color:var(--ink);}
.hero .stats .s .l{font:500 11px/1.4 var(--mono);letter-spacing:0.08em;text-transform:uppercase;color:var(--ink-3);margin-top:6px;}

.phone{position:relative;width:320px;height:650px;background:var(--ink);border-radius:42px;padding:12px;margin:0 auto;box-shadow:0 30px 60px -20px rgba(26,37,64,0.4);transform:rotate(1.5deg);}
.phone::before{content:"";position:absolute;top:12px;left:50%;transform:translateX(-50%);width:96px;height:20px;background:var(--ink);border-radius:0 0 13px 13px;z-index:2;}
.phone .screen{background:var(--paper-2);border-radius:31px;height:100%;overflow:hidden;padding:40px 16px 16px;}
.ph-hdr{background:var(--ink);color:var(--paper);border-radius:13px;padding:13px 16px;margin:0 -4px 14px;}
.ph-hdr .t{font:600 19px/1.1 var(--serif);}
.ph-hdr .s{font-family:var(--mono);font-size:10px;color:rgba(247,241,229,0.7);letter-spacing:0.06em;text-transform:uppercase;margin-top:4px;}
.ph-card{background:var(--paper-2);border:1px solid var(--rule-2);border-radius:12px;padding:13px;margin-bottom:10px;}
.ph-row{display:flex;justify-content:space-between;align-items:center;}

section.block{padding:84px 0;border-top:1px solid var(--rule);}
section.block.alt{background:var(--paper-3);}
.sec-head{max-width:64ch;margin-bottom:44px;}
.sec-head .lead{margin-top:16px;}

.anatomy{display:grid;grid-template-columns:1fr 1fr;gap:10px 40px;list-style:none;padding:0;margin:0;}
.anatomy li{display:grid;grid-template-columns:18px 1fr;gap:12px;align-items:flex-start;padding:13px 0;border-top:1px dashed var(--rule-2);font-size:14.5px;color:var(--ink-2);}
.anatomy li b{color:var(--ink);font-weight:600;}
.anatomy li .c{color:var(--accent);font:700 13px/1.5 var(--mono);}

.fgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--rule);border:1px solid var(--rule);border-radius:14px;overflow:hidden;}
.fcell{background:var(--paper-2);padding:26px;}
.fcell .ic{width:42px;height:42px;border-radius:11px;background:var(--accent-soft);display:flex;align-items:center;justify-content:center;color:var(--accent-deep);margin-bottom:14px;}
.fcell h3{font-size:18px;margin-bottom:7px;}
.fcell p{font-size:13.5px;color:var(--ink-2);line-height:1.55;margin:0;}

.split{display:grid;grid-template-columns:1fr 1.05fr;gap:64px;align-items:center;}
.feat-list{list-style:none;padding:0;margin:0;}
.feat-list li{display:grid;grid-template-columns:32px 1fr;gap:14px;padding:18px 0;border-bottom:1px dashed var(--rule);}
.feat-list li:last-child{border-bottom:none;}
.feat-list .n{font:500 13px/1 var(--mono);color:var(--accent);letter-spacing:0.06em;}
.feat-list .ti{font-family:var(--serif);font-size:20px;font-weight:500;margin-bottom:4px;color:var(--ink);}
.feat-list .ds{font-size:14px;color:var(--ink-2);line-height:1.55;}

.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.step{background:var(--paper-2);border:1px solid var(--rule);border-radius:14px;padding:22px;}
.step .n{font:500 12px/1 var(--mono);color:var(--accent);letter-spacing:0.1em;}
.step h3{font-size:18px;margin:12px 0 7px;}
.step p{font-size:13.5px;color:var(--ink-2);margin:0;line-height:1.55;}

section.cta{padding:96px 0;text-align:center;}
.cta .price{font:600 64px/1 var(--serif);}
.cta .price .cur{font-size:30px;color:var(--ink-3);vertical-align:18px;margin-right:3px;}

footer{background:var(--paper-3);border-top:1px solid var(--rule);padding:40px 0;}
footer .row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;}
footer .fmono{font:500 11px/1.6 var(--mono);color:var(--ink-3);letter-spacing:0.06em;text-transform:uppercase;}

@media(max-width:980px){
  .hero-grid{grid-template-columns:1fr;gap:44px;}
  .phone{transform:none;}
  .fgrid{grid-template-columns:1fr 1fr;}
  .anatomy{grid-template-columns:1fr;}
  .steps{grid-template-columns:1fr 1fr;}
  .split{grid-template-columns:1fr;gap:44px;}
}
@media(max-width:600px){ .fgrid,.steps{grid-template-columns:1fr;} }