/* Homepage layout (v6.2) */
.asg{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--ink-700)} .asg svg{width:16px;height:16px} .asg.ag{color:var(--patch-600);font-weight:600} .asg.rl svg{color:var(--ink-600)} .asg .avatar{width:20px;height:20px}
.ui.dark .asg{color:var(--ink-100)} .ui.dark .asg.ag{color:var(--patch-300)} .ui.dark .asg.rl svg{color:var(--ink-300)}
.range{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.range .card h3{margin-top:12px} .range .who-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:16px}
.optional{display:flex;gap:12px;align-items:center;margin-top:28px;padding:18px 22px;border-left:4px solid var(--teal-600);background:var(--teal-50);border-radius:8px;font:600 19px/1.4 var(--font-display);color:var(--ink-900)}
.optional svg{width:22px;height:22px;color:var(--teal-700);flex:none;align-self:flex-start;margin-top:2px} .optional p{margin:0} .optional .o2{font:400 16px/1.5 var(--font-sans);color:var(--ink-700);margin-top:4px} .dark-sec .optional .o2{color:var(--ink-300)}
.dark-sec .optional{background:var(--ink-800);color:#fff;border-left-color:var(--teal-400)} .dark-sec .optional svg{color:var(--teal-400)}

.hdr-actions{display:flex;align-items:center;gap:18px;margin-left:28px} .login{color:var(--ink-700);font-weight:600;font-size:15px;text-decoration:none} .login:hover{color:var(--teal-700);text-decoration:underline}
.hero{padding:80px 0 96px;background:var(--ink-50)}
.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}
.hero .lede{margin-top:22px;font-size:21px}
.stack{position:relative;display:grid;gap:14px} .stack .s1{margin-right:48px} .stack .s2{margin-left:32px;margin-right:16px} .stack .s3{margin-left:64px}
.trow{display:flex;gap:10px;align-items:center;padding:9px 2px;border-bottom:1px solid var(--ink-100)} .trow:last-child{border-bottom:0} .trow .grow{flex:1;min-width:0} .trow b{font-weight:600}
.trow .asg{margin-top:3px}
.tabs{display:flex;gap:4px;padding:8px 14px 0;border-bottom:1px solid var(--ink-200)} .tabs span{padding:6px 10px;font-weight:600;font-size:12.5px;color:var(--ink-600)} .tabs .on{color:var(--teal-700);border-bottom:2px solid var(--teal-600)}
.ui-bar svg{width:16px;height:16px;color:var(--ink-600)} .ui.dark .ui-bar svg{color:var(--ink-300)}
.fgrid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:64px;align-items:center}
.feat.flip .ftext{order:2} .feat .lede{margin-top:16px;margin-bottom:0}
.feat .fill{max-width:560px;width:100%;justify-self:center}
.dark-sec{background:var(--ink-900);color:#fff} .dark-sec .lede{color:var(--ink-100)}
/* templates */
.tpl{display:grid;grid-template-columns:minmax(0,1fr) 36px minmax(0,1fr);align-items:center;gap:6px}
.steps{margin:0;padding-left:20px} .steps li{padding:3px 0}
.arrows svg{width:26px;height:26px;color:var(--teal-600)}
.tpls{display:grid;gap:10px}
.tcard{background:#fff;border:1px solid var(--ink-300);border-radius:10px;padding:10px 12px;font-size:13px} .tcard b{display:block;font-weight:600}
.tcard span{display:inline-flex;gap:5px;align-items:center;margin-top:4px;color:var(--teal-700);font-weight:600;font-size:12px} .tcard svg{width:14px;height:14px}
/* docs */
.doc{font-size:13.5px} .doc .h{font:600 17px/1.3 var(--font-display);margin:0 0 6px} .doc p{margin:0 0 8px}
.chip{display:inline-flex;align-items:center;gap:4px;background:var(--teal-50);color:var(--teal-700);border-radius:5px;padding:0 6px;font-weight:600} .chip svg{width:13px;height:13px}
.cl{list-style:none;padding:0;margin:0 0 10px} .cl li{display:flex;gap:8px;align-items:center;padding:2px 0} .cl li:before{content:"";width:13px;height:13px;border:1.5px solid var(--ink-500);border-radius:3px;flex:none} .cl li.done:before{background:var(--teal-600);border-color:var(--teal-600)}
.internal{border:1.5px dashed var(--amber-700);background:var(--amber-100);border-radius:8px;padding:8px 10px;margin-bottom:10px;color:var(--ink-900)} .internal span{display:flex;gap:5px;align-items:center;font-weight:700;font-size:12px;color:var(--amber-700);margin-bottom:2px} .internal svg{width:13px;height:13px}
.slash{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--ink-600);border:1px solid var(--ink-200);border-radius:7px;padding:6px 9px;background:var(--ink-50)} .slash span{font-family:var(--font-mono);font-weight:700;color:var(--teal-700)}
.tag svg{width:12px;height:12px}
/* chat */
.chatui{display:grid;grid-template-columns:130px 1fr}
.side{background:var(--ink-900);color:var(--ink-100);padding:12px 10px;font-size:12.5px} .side p{margin:6px 0 4px;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-300)} .side span{display:block;padding:3px 6px;border-radius:5px} .side .on{background:var(--teal-700);color:#fff}
.convo{padding:12px;display:grid;gap:10px}
.msg{font-size:13px} .msg .who{display:flex;gap:6px;align-items:center;font-weight:600;font-size:12px;margin-bottom:3px;color:var(--ink-700)} .msg .who svg{width:14px;height:14px}
.msg.email{background:var(--blue-100);border-radius:9px;padding:9px 11px} .msg.email b,.msg.email span{display:block} .msg.email span.who{display:flex} .msg.email .who{color:var(--blue-600)} .msg.email .rc{margin-top:5px;font-weight:600;color:var(--teal-700);font-size:12px}
.msg.ai{background:var(--patch-100);border-radius:9px;padding:9px 11px;margin-left:18px} .msg.ai .who{color:var(--patch-600)}
/* skills */
.v{display:flex;gap:12px;align-items:flex-start;padding:9px 6px;border-radius:8px} .v.on{background:var(--teal-50)} .v .grow{flex:1} .v b{font-weight:600}
/* review */
.rev{display:grid;gap:14px} .rev b{font-weight:600} .rev p{margin:4px 0 0} .btns{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
/* end + footer */
.endcta{text-align:center} .endcta .cta-row{justify-content:center}

.site-footer{padding:40px 0}
/* v5: platform strip, sites, extensions */
.patchline{display:flex;gap:12px;align-items:center;margin:14px 0 0;padding:14px 16px;border:1px solid var(--patch-100);border-left:4px solid var(--patch-600);background:#fff;border-radius:var(--radius);font-size:15px;color:var(--ink-600)}
.patchline b{color:var(--patch-600)} .patchline .icon{width:36px;height:36px;background:var(--patch-100);color:var(--patch-600)} .patchline .icon svg{width:20px;height:20px} .patchline .tag{margin-left:6px}
.pstrip{list-style:none;padding:0;margin:56px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.pstrip li{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid var(--ink-200);border-radius:var(--radius);padding:14px 16px;font-size:15px;line-height:1.45;color:var(--ink-600)}
.pstrip b{color:var(--ink-900);font-weight:650} .pstrip .icon{width:36px;height:36px} .pstrip .icon svg{width:20px;height:20px} .pstrip .tag{margin-left:6px;vertical-align:1px}
.site{display:grid;grid-template-columns:140px 1fr} .snav{border-right:1px solid var(--ink-200);padding:12px 8px;font-size:12.5px;background:var(--ink-50)} .snav span{display:block;padding:4px 8px;border-radius:5px;color:var(--ink-700)} .snav .on{background:var(--teal-50);color:var(--teal-700);font-weight:600}
.ui-bar .tag+.tag{margin-left:0}
.ext{display:flex;gap:14px;align-items:center;padding:10px;border:1px solid var(--ink-200);border-radius:8px} .ext .grow{flex:1} .ext b{font-weight:600}
.tog{width:38px;height:22px;border-radius:999px;background:var(--ink-400);position:relative;flex:none} .tog i{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff} .tog.on{background:var(--teal-600)} .tog.on i{left:19px}
@media (max-width:1020px){.pstrip{grid-template-columns:repeat(2,1fr)}}
@media (max-width:700px){.pstrip{grid-template-columns:1fr;margin-top:40px} .site{grid-template-columns:1fr} .snav{display:none}}
@media (max-width:1020px){.hero-grid,.fgrid{grid-template-columns:1fr;gap:36px} .feat.flip .ftext{order:0} .feat .fill{justify-self:stretch;max-width:none}}
@media (max-width:700px){.hero{padding:44px 0 60px} .hdr-actions{gap:12px;margin-left:auto} .stack .s1,.stack .s2,.stack .s3{margin:0} .tpl{grid-template-columns:1fr} .arrows{transform:rotate(90deg);justify-self:center} .chatui{grid-template-columns:1fr} .side{display:none} }