@font-face{font-family:HIW Fraunces;src:url(/landing/how-it-works/fonts/fraunces-600.woff2)format("woff2");font-weight:600;font-display:swap}@font-face{font-family:HIW DM Sans;src:url(/landing/how-it-works/fonts/dm-sans.woff2)format("woff2");font-weight:100 1000;font-display:swap}@font-face{font-family:HIW Instrument Serif;src:url(/landing/how-it-works/fonts/instrument-serif-400.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:HIW Manrope;src:url(/landing/how-it-works/fonts/manrope.woff2)format("woff2");font-weight:200 800;font-display:swap}@font-face{font-family:HIW Playfair Display;src:url(/landing/how-it-works/fonts/playfair-600.woff2)format("woff2");font-weight:600;font-display:swap}@font-face{font-family:HIW DM Serif Display;src:url(/landing/how-it-works/fonts/dm-serif-400.woff2)format("woff2");font-weight:400;font-display:swap}.hiw{--hiw-violet:var(--l-accent);--hiw-violet-wash:var(--l-accent-wash);--hiw-violet-edge:color-mix(in oklch,var(--l-accent)22%,var(--l-surface));--hiw-ink:var(--l-ink);--hiw-ink2:var(--l-muted);--hiw-muted:var(--l-muted);--hiw-faint:var(--l-muted-light);--hiw-line:var(--l-border);--hiw-teal:var(--l-accent-2);--hiw-teal-wash:var(--l-accent-2-wash);--hiw-teal-ink:color-mix(in oklch,var(--l-accent-2)45%,var(--l-ink));--hiw-amber-wash:color-mix(in oklch,var(--l-warning)22%,var(--l-surface));--hiw-amber-ink:color-mix(in oklch,var(--l-warning)45%,var(--l-ink));--hiw-sent:color-mix(in oklch,var(--l-success)60%,var(--l-ink));--hiw-chrome:var(--l-surface-muted);--hiw-shade:color-mix(in oklch,var(--l-ink)7%,transparent);color:var(--hiw-ink);position:relative}:where(.hiw) *,:where(.hiw) :before,:where(.hiw) :after{box-sizing:border-box;margin:0;padding:0}.hiw-wrap{padding:0 32px 80px}.hiw-head{text-align:center;padding:112px 0 40px}.hiw-head .l-sec-title{max-width:880px;margin:0 auto}.hiw-head .l-sec-sub{max-width:640px}.hiw-story{grid-template-columns:320px 1fr;gap:40px;display:grid;position:relative}.hiw-beats{padding:calc(50vh - var(--l-nav-h) - 18px)0 70vh;position:relative}.hiw-beat{flex-direction:column;justify-content:center;height:100vh;padding-left:36px;display:flex;position:relative}.hiw-beat .inner{will-change:opacity,transform}.hiw-num{font:600 var(--l-text-xs)/1 var(--l-font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--hiw-violet);margin-bottom:16px}.hiw-beat h3,.hiw-mcap h3{font:600 var(--l-text-3xl)/1.08 var(--l-font-display);letter-spacing:-.02em;color:var(--hiw-ink);margin-bottom:14px}.hiw-beat p,.hiw-mcap p{font:400 var(--l-text-lg)/1.55 var(--l-font-body);color:var(--hiw-ink2)}.hiw-facts{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.hiw-facts span{border:1px solid var(--hiw-line);border-radius:var(--l-radius-pill);background:var(--l-surface);font:500 var(--l-text-sm)/1 var(--l-font-body);color:var(--hiw-ink);padding:8px 11px}.hiw-facts span.pro{border-color:var(--hiw-violet-edge);background:var(--hiw-violet-wash);color:var(--hiw-violet)}.hiw-rail{left:8px;top:calc(50vh - var(--l-nav-h) - 18px);background:var(--hiw-line);border-radius:2px;width:2px;position:absolute;bottom:70vh}.hiw-rail b{background:var(--hiw-violet);transform-origin:top;border-radius:2px;position:absolute;inset:0;transform:scaleY(0)}.hiw-stage-col{min-width:0;position:relative}.hiw-stage{top:calc(var(--l-nav-h) + 18px);height:calc(100vh - var(--l-nav-h) - 48px);justify-content:center;align-items:flex-start;display:flex;position:sticky}.hiw-canvas{transform-origin:top;flex:none;width:880px;height:720px;position:relative}.hiw-browser{background:var(--l-surface);transform-origin:30%;will-change:transform;width:840px;height:576px;box-shadow:0 1px 0 color-mix(in oklch,var(--l-ink)4%,transparent),0 24px 60px -18px color-mix(in oklch,var(--l-ink)22%,transparent),0 0 0 1px var(--hiw-shade);border-radius:14px;position:absolute;top:56px;left:20px;overflow:hidden}.hiw .bar{z-index:5;border-bottom:1px solid var(--l-border-subtle);background:var(--l-surface);align-items:center;gap:12px;height:40px;padding:0 12px;display:flex;position:relative}.hiw .bar .d{gap:6px;display:flex}.hiw .bar .d i{background:var(--l-border-strong);border-radius:50%;width:10px;height:10px}.hiw .url{background:var(--hiw-chrome);max-width:360px;height:26px;font:500 12px/26px var(--l-font-body);color:var(--hiw-ink2);text-align:center;border-radius:8px;flex:1;margin:0 auto;position:relative}.hiw .url>span{white-space:nowrap;justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;inset:0}.hiw .url svg{width:11px;height:11px}.hiw .url .lock{color:var(--hiw-faint)}.hiw .url .draft-ic{color:var(--hiw-amber-ink)}.hiw .url .live-ic{color:var(--hiw-teal-ink)}.hiw .url b{font-weight:500}.hiw .url .url-domain{color:var(--hiw-ink);font-weight:600}.hiw .bar .act{width:96px;height:28px;position:relative}.hiw .pub{background:var(--hiw-violet);font:600 12.5px/28px var(--l-font-body);color:var(--l-on-accent);text-align:center;border-radius:8px;position:absolute;inset:0}.hiw .live{background:var(--hiw-teal-wash);font:600 12.5px/28px var(--l-font-body);color:var(--hiw-teal-ink);opacity:0;border-radius:8px;justify-content:center;align-items:center;gap:7px;display:flex;position:absolute;inset:0}.hiw .live i{background:var(--hiw-teal);border-radius:50%;width:7px;height:7px;position:relative}.hiw .live i:after{content:"";border:2px solid var(--hiw-teal);opacity:0;border-radius:50%;animation:2s infinite hiw-ping;position:absolute;inset:-4px}@keyframes hiw-ping{0%{opacity:.7;transform:scale(.6)}80%,to{opacity:0;transform:scale(1.8)}}.hiw .vp{position:absolute;inset:40px 0 0;overflow:hidden}.hiw .app{background:var(--l-page);flex-direction:column;align-items:center;display:flex;position:absolute;inset:0}.hiw .app .hdr{text-align:center;margin-top:34px}.hiw .app .hdr .k{font:600 11px/1 var(--l-font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--hiw-violet)}.hiw .app .hdr h4{font:600 28px/1.1 var(--l-font-display);letter-spacing:-.02em;margin-top:10px}.hiw .convo{height:150px;position:absolute;top:120px;left:120px;right:120px}.hiw .ub{border:1px solid var(--hiw-violet-edge);background:var(--hiw-violet-wash);max-width:400px;font:400 13.5px/1.5 var(--l-font-body);color:var(--hiw-ink);border-radius:14px 14px 4px;padding:10px 14px;position:absolute;top:0;right:0}.hiw .ab{gap:10px;max-width:440px;display:flex;position:absolute;top:86px;left:0}.hiw .z{background:var(--hiw-ink);width:26px;height:26px;font:700 13px/26px var(--l-font-display);color:var(--l-surface);text-align:center;border-radius:8px;flex:none}.hiw .ab p{border:1px solid var(--hiw-line);background:var(--l-surface);font:400 13.5px/1.5 var(--l-font-body);color:var(--hiw-ink);border-radius:4px 14px 14px;padding:9px 13px}.hiw .composer{border:1px solid var(--l-border-strong);background:var(--l-surface);box-shadow:0 8px 24px -14px color-mix(in oklch,var(--l-ink)25%,transparent);border-radius:16px;padding:14px 16px 12px;position:absolute;top:290px;left:120px;right:120px}.hiw .composer .tx{min-height:66px;font:400 14.5px/1.5 var(--l-font-body);color:var(--hiw-ink)}.hiw .composer .tx .ph{color:var(--hiw-faint)}.hiw .caret{vertical-align:-3px;background:var(--hiw-violet);width:1.5px;height:17px;margin-left:1px;display:inline-block}.hiw .composer .row{align-items:center;gap:6px;margin-top:8px;display:flex}.hiw .composer .row .s{font:500 12px/1 var(--l-font-body);color:var(--hiw-muted);margin-right:2px}.hiw .src{border:1px solid var(--hiw-line);border-radius:var(--l-radius-pill);background:var(--l-surface);font:500 12px/1 var(--l-font-body);color:var(--hiw-ink);align-items:center;gap:6px;padding:6px 9px;display:inline-flex}.hiw .src svg{width:12px;height:12px}.hiw .send{background:var(--hiw-violet);width:32px;height:32px;color:var(--l-on-accent);border-radius:50%;place-items:center;margin-left:auto;display:grid}.hiw .send svg{width:14px;height:14px}.hiw .siteframe{background:#fff;position:absolute;inset:0}.hiw .site{transform-origin:0 0;width:960px;font-family:var(--site-body-font);position:absolute;top:0;left:0}.hiw .s-bg{background:var(--site-warm-bg);opacity:0;position:absolute;inset:0}.hiw .sec{position:relative}.hiw .sk{position:absolute;inset:0}.hiw .sk i{background:var(--l-surface-muted);border-radius:8px;position:absolute}.hiw .s-nav{border-bottom:1px solid #0000000f;align-items:center;height:68px;padding:0 44px;display:flex}.hiw .s-nav .real{align-items:center;width:100%;display:flex}.hiw .logo{font:600 22px/1 var(--site-heading-font);letter-spacing:-.01em;color:var(--site-ink)}.hiw .navl{font:500 14px/1 var(--site-body-font);color:var(--site-ink-2);gap:28px;margin-left:auto;display:flex}.hiw .sbtn{border-radius:var(--site-radius);background:var(--site-accent);font:600 14px/1 var(--site-body-font);color:#fff;white-space:nowrap;padding:12px 18px;display:inline-block;position:relative;overflow:hidden}.hiw .sbtn .w{background:var(--site-warm-accent);opacity:0;position:absolute;inset:0}.hiw .sbtn b{font-weight:600;position:relative}.hiw .sbtn.ghost{background:#ffffff24;border:1.5px solid #ffffffbf}.hiw .s-nav .sbtn{margin-left:28px;padding:11px 16px;font-size:13px}.hiw .s-hero{color:#fff;height:410px;overflow:hidden}.hiw .s-hero .real{position:absolute;inset:0}.hiw .s-hero .ph{background-position:50%;background-size:cover;position:absolute;inset:0}.hiw .warm{mix-blend-mode:multiply;opacity:0;background:#ff9a4d;position:absolute;inset:0}.hiw .s-hero .shade{background:linear-gradient(90deg,#120e0ab8 0%,#120e0a73 45%,#120e0a00 75%);position:absolute;inset:0}.hiw .s-hero .txt{width:470px;position:absolute;top:84px;left:56px}.hiw .s-hero .kk{font:600 12px/1 var(--site-body-font);letter-spacing:.16em;text-transform:uppercase;opacity:.85}.hiw .h1w{height:136px;margin:16px 0;position:relative}.hiw .h1w h1{width:470px;font:600 54px/1.04 var(--site-heading-font);letter-spacing:-.02em;position:absolute;top:0;left:0}.hiw .h1w .hcaret{vertical-align:-.08em;background:#fff;width:3px;height:.9em;margin-left:1px;display:inline-block}.hiw .h1w .sel{border:2px solid var(--hiw-violet);background:color-mix(in oklch,var(--hiw-violet)8%,transparent);opacity:0;border-radius:10px;width:490px;height:150px;position:absolute;top:-8px;left:-12px}.hiw .h1w .sel:before,.hiw .h1w .sel:after{content:"";border:2px solid var(--hiw-violet);background:#fff;border-radius:2px;width:9px;height:9px;position:absolute}.hiw .h1w .sel:before{top:-6px;left:-6px}.hiw .h1w .sel:after{bottom:-6px;right:-6px}.hiw .tb{background:var(--hiw-ink);opacity:0;border-radius:10px;gap:2px;padding:5px;display:flex;position:absolute;top:-56px;left:-12px}.hiw .tb span{font:500 13px/1 var(--l-font-body);color:var(--l-surface);border-radius:6px;padding:8px 10px}.hiw .tb span.on{background:var(--l-ink-800)}.hiw .s-hero p.sub{width:420px;font:400 17px/1.5 var(--site-body-font);opacity:.92}.hiw .s-hero .ctas{gap:12px;margin-top:26px;display:flex}.hiw .s-menu{padding:56px 44px 50px}.hiw .s-menu h2,.hiw .s-visit h2{font:600 34px/1.1 var(--site-heading-font);letter-spacing:-.015em;color:var(--site-ink)}.hiw .s-menu .hd{align-items:flex-end;margin-bottom:24px;display:flex}.hiw .s-menu .hd span{font:500 14px/1 var(--site-body-font);color:var(--site-ink-2);border-bottom:1px solid;margin-left:auto;padding-bottom:3px}.hiw .cards{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.hiw .card .im{border-radius:var(--site-radius);background-position:50%;background-size:cover;height:150px;position:relative;overflow:hidden}.hiw .card h5{font:600 18px/1.2 var(--site-heading-font);color:var(--site-ink);margin-top:14px}.hiw .card p{font:400 14px/1.45 var(--site-body-font);color:var(--site-ink-2);margin-top:5px}.hiw .s-visit{border-top:1px solid #0000000f;grid-template-columns:1fr 1.05fr 1fr;gap:24px;padding:44px 44px 48px;display:grid}.hiw .s-visit .real{display:contents}.hiw .hrs{font:400 15px/1 var(--site-body-font);color:var(--site-ink);margin-top:18px}.hiw .hrs div{border-bottom:1px solid #00000014;justify-content:space-between;padding:12px 0;display:flex}.hiw .hrs div b{color:var(--site-ink-2);font-weight:500}.hiw .map{border-radius:var(--site-radius);background:#efebe3;height:196px;position:relative;overflow:hidden}.hiw .map svg{width:100%;height:100%;position:absolute;inset:0}.hiw .form{border-radius:var(--site-radius);background:#fff;border:1px solid #00000014;padding:16px}.hiw .form .t{font:600 16px/1.2 var(--site-heading-font);color:var(--site-ink);margin-bottom:12px}.hiw .form .f{height:34px;font:400 13px/34px var(--site-body-font);color:#8b8680;border:1px solid #0000001f;border-radius:8px;margin-bottom:8px;padding:0 10px}.hiw .form .f.m{height:56px}.hiw .form .sbtn{text-align:center;width:100%;padding:10px 0}.hiw .s-foot{height:72px;font:400 13px/1 var(--site-body-font);color:var(--site-ink-2);border-top:1px solid #0000000f;align-items:center;padding:0 44px;display:flex}.hiw .s-foot .real{display:contents}.hiw .s-foot b{font-weight:500}.hiw .s-foot span{margin-left:auto}.hiw .ov{z-index:6;opacity:0;will-change:opacity,transform;position:absolute}.hiw .panel{background:var(--l-surface);box-shadow:0 18px 50px -16px color-mix(in oklch,var(--l-ink)30%,transparent),0 0 0 1px var(--hiw-shade);border-radius:14px}.hiw .ph-h{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.hiw .ph-h b{font:600 14px/1 var(--l-font-title)}.hiw .agents{width:280px;padding:16px 16px 14px;top:420px;left:-24px}.hiw .stat{width:104px;height:22px;position:relative}.hiw .stat span{border-radius:var(--l-radius-pill);font:600 11px/22px var(--l-font-body);white-space:nowrap;padding:0 8px;position:absolute;top:0;right:0}.hiw .stat .a{background:var(--hiw-amber-wash);color:var(--hiw-amber-ink)}.hiw .stat .b{background:var(--hiw-violet-wash);color:var(--hiw-violet);opacity:0}.hiw .steps div{font:400 13px/1 var(--l-font-body);color:var(--hiw-faint);align-items:center;gap:10px;padding:5.5px 0;display:flex}.hiw .steps .ck{flex:none;width:16px;height:16px;position:relative}.hiw .steps .ck i{border:1.5px solid var(--l-border-strong);border-radius:50%;position:absolute;inset:0}.hiw .steps .ck svg{color:var(--hiw-violet);opacity:0;position:absolute;inset:0;transform:scale(.4)}.hiw .prog{background:var(--hiw-chrome);border-radius:4px;height:4px;margin-top:12px;overflow:hidden}.hiw .prog b{background:var(--hiw-violet);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.hiw .ask{width:290px;padding:14px;top:372px;right:36px}.hiw .ask .hint{font:600 10.5px/1 var(--l-font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--hiw-muted);margin-bottom:10px}.hiw .ask .q{border:1px solid var(--hiw-violet-edge);background:var(--hiw-violet-wash);width:max-content;max-width:220px;font:400 13.5px/1.45 var(--l-font-body);border-radius:12px 12px 4px;margin-left:auto;padding:8px 12px}.hiw .ask .r{gap:8px;margin-top:10px;display:flex}.hiw .ask .r .z{border-radius:7px;width:22px;height:22px;font-size:11px;line-height:22px}.hiw .ask .r p{border:1px solid var(--hiw-line);background:var(--l-page);font:400 13px/1.45 var(--l-font-body);color:var(--hiw-ink);border-radius:4px 12px 12px;padding:8px 11px}.hiw .tap{z-index:7;border:2px solid var(--hiw-violet);background:color-mix(in oklch,var(--hiw-violet)25%,transparent);opacity:0;border-radius:50%;width:44px;height:44px;margin:-22px 0 0 -22px;position:absolute}.hiw .tiphint{background:var(--hiw-ink);font:500 12.5px/1 var(--l-font-body);color:var(--l-surface);border-radius:9px;padding:9px 12px;top:176px;left:560px}.hiw .toast{align-items:center;gap:10px;width:360px;margin-left:-180px;padding:12px 14px;display:flex;top:540px;left:50%}.hiw .toast .dot{background:var(--hiw-teal-wash);border-radius:50%;flex:none;place-items:center;width:28px;height:28px;display:grid}.hiw .toast .dot i{background:var(--hiw-teal);border-radius:50%;width:9px;height:9px}.hiw .toast b{font:600 13.5px/1.3 var(--l-font-body)}.hiw .toast small{font:400 12.5px/1.35 var(--l-font-body);color:var(--hiw-muted);display:block}.hiw .tag{background:var(--hiw-chrome);font:600 10.5px/1 var(--l-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--hiw-ink2);border-radius:6px;margin-left:auto;padding:6px 7px}.hiw .tag.pro{background:var(--hiw-violet-wash);color:var(--hiw-violet)}.hiw .dom{width:340px;padding:16px;top:268px;right:-12px}.hiw .dom .ph-h{margin-bottom:6px}.hiw .dom .lead{font:400 13px/1.45 var(--l-font-body);color:var(--hiw-muted);margin-bottom:12px}.hiw .inp{border:1.5px solid var(--hiw-violet);height:40px;box-shadow:0 0 0 4px color-mix(in oklch,var(--hiw-violet)12%,transparent);font:500 14px/1 var(--l-font-body);border-radius:10px;align-items:center;gap:8px;padding:0 12px;display:flex}.hiw .inp svg{width:13px;height:13px;color:var(--hiw-violet)}.hiw .chk{margin-top:12px}.hiw .chk div{font:400 13px/1.35 var(--l-font-body);color:var(--hiw-ink);opacity:0;align-items:center;gap:9px;padding:5px 0;display:flex}.hiw .chk svg{flex:none;width:16px;height:16px}.hiw .tick-bg{fill:var(--hiw-teal-wash)}.hiw .tick-mark{stroke:var(--hiw-teal-ink)}.hiw .phone{background:var(--hiw-ink);width:252px;height:520px;box-shadow:0 30px 70px -20px color-mix(in oklch,var(--l-ink)45%,transparent);border-radius:40px;padding:9px;top:128px;right:0}.hiw .screen{background:#fff;border-radius:32px;width:234px;height:502px;position:relative;overflow:hidden}.hiw .notch{z-index:4;background:var(--hiw-ink);border-radius:12px;width:78px;height:22px;margin-left:-39px;position:absolute;top:8px;left:50%}.hiw .msite{background:var(--site-warm-bg);font-family:var(--site-body-font);position:absolute;inset:0}.hiw .msite .mn{justify-content:space-between;align-items:flex-end;height:74px;padding:0 16px 12px;display:flex}.hiw .msite .mn .logo{font-size:16px}.hiw .msite .mn svg{width:18px;height:18px;color:var(--site-ink)}.hiw .mhero{border-radius:calc(var(--site-radius) + 4px);color:#fff;height:250px;margin:0 10px;position:relative;overflow:hidden}.hiw .mhero .ph{background-position:30%;background-size:cover;position:absolute;inset:0}.hiw .mhero .shade{background:linear-gradient(#120e0a0d 20%,#120e0ac7 100%);position:absolute;inset:0}.hiw .mhero .warm{opacity:.5}.hiw .mhero .t{position:absolute;bottom:16px;left:16px;right:14px}.hiw .mhero h1{font:600 26px/1.06 var(--site-heading-font);letter-spacing:-.015em}.hiw .mhero .sbtn{margin-top:12px;padding:10px 14px;font-size:12.5px}.hiw .mrow{gap:10px;padding:16px 10px 0;display:flex}.hiw .mrow .im{border-radius:var(--site-radius);background-position:50%;background-size:cover;flex:1;height:90px}.hiw .launcher{z-index:3;background:var(--site-warm-accent);border-radius:50%;place-items:center;width:46px;height:46px;display:grid;position:absolute;bottom:16px;right:14px;box-shadow:0 8px 20px -6px #00000059}.hiw .launcher svg{width:20px;height:20px}.hiw .mchat{z-index:5;opacity:0;background:#fff;border-radius:20px 20px 0 0;height:300px;padding:16px 14px;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -10px 30px -10px #00000040}.hiw .mchat .mh{border-bottom:1px solid #eee;align-items:center;gap:9px;padding-bottom:12px;display:flex}.hiw .mchat .mh i{background-position:50%;background-size:cover;border-radius:50%;width:30px;height:30px}.hiw .mchat .mh b{font:600 13.5px/1.2 var(--site-body-font);color:var(--site-ink)}.hiw .mchat .mh small{font:400 11px/1.3 var(--site-body-font);color:#7d7a75;display:block}.hiw .bub{max-width:180px;font:400 13px/1.42 var(--site-body-font);border-radius:14px;padding:9px 12px}.hiw .bub.me{background:var(--site-warm-accent);color:#fff;border-radius:14px 14px 4px;width:max-content;margin:14px 0 0 auto}.hiw .bub.them{color:var(--site-ink);opacity:0;background:#f2efea;border-radius:14px 14px 14px 4px;margin-top:10px}.hiw .mchat .in{height:36px;font:400 12px/36px var(--site-body-font);color:#9a968f;border:1px solid #e3e0da;border-radius:99px;padding:0 14px;position:absolute;bottom:14px;left:14px;right:14px}.hiw .msgs{width:384px;padding:16px;top:420px;left:-16px}.hiw .msgs .ph-h b{font-size:15px}.hiw .msgs .k{font:600 10.5px/1 var(--l-font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--hiw-muted)}.hiw .mrowx{align-items:flex-start;gap:10px;display:flex}.hiw .av{background:var(--hiw-chrome);width:32px;height:32px;color:var(--hiw-faint);border-radius:50%;flex:none;place-items:center;display:grid}.hiw .av svg{width:16px;height:16px}.hiw .mrowx .who{font:600 13px/1.2 var(--l-font-body)}.hiw .mrowx .who span{color:var(--hiw-muted);font-weight:400}.hiw .mrowx .q{font:400 14px/1.4 var(--l-font-body);color:var(--hiw-ink);margin-top:3px}.hiw .draft{border:1px solid var(--hiw-violet-edge);background:color-mix(in oklch,var(--hiw-violet)4%,var(--l-surface));border-radius:12px;margin-top:12px;padding:11px 12px}.hiw .draft .dl{font:600 10.5px/1 var(--l-font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--hiw-violet);align-items:center;gap:6px;margin-bottom:7px;display:flex}.hiw .draft .dl svg{width:12px;height:12px}.hiw .draft p{min-height:58px;font:400 13.5px/1.45 var(--l-font-body);color:var(--hiw-ink)}.hiw .mbtns{justify-content:flex-end;align-items:center;gap:8px;margin-top:10px;display:flex}.hiw .mbtns>span{font:600 13px/1 var(--l-font-body);border-radius:9px;padding:9px 14px}.hiw .mbtns .e{border:1px solid var(--hiw-line);color:var(--hiw-ink)}.hiw .mbtns .s{background:var(--hiw-violet);min-width:74px;color:var(--l-on-accent);text-align:center;position:relative}.hiw .mbtns .s em{background:var(--hiw-sent);opacity:0;border-radius:9px;justify-content:center;align-items:center;gap:5px;font-style:normal;display:flex;position:absolute;inset:0}.hiw .mbtns .note{font:400 12px/1.3 var(--l-font-body);color:var(--hiw-muted);margin-right:auto;padding:0}.hiw .bdim{z-index:8;background:var(--l-surface);opacity:0;pointer-events:none;position:absolute;inset:0}.hiw-mcap{display:none}@media (max-width:820px){.hiw-wrap{padding:0 16px 64px}.hiw-head{padding:72px 0 24px}.hiw-story{flex-direction:column;display:flex}.hiw-stage-col{z-index:5;order:-1;height:100vh;position:sticky;top:0}.hiw-stage{height:calc(54vh + var(--l-nav-h));padding-top:calc(10px + var(--l-nav-h));position:relative;top:0}.hiw-canvas{width:380px;height:500px}.hiw-browser{width:380px;height:300px;top:46px;left:0}.hiw .bar{gap:8px;height:34px;padding:0 10px}.hiw .bar .d i{width:8px;height:8px}.hiw .url{height:22px;font-size:10.5px;line-height:22px}.hiw .bar .act{width:70px;height:24px}.hiw .pub,.hiw .live{font-size:11px;line-height:24px}.hiw .vp{top:34px}.hiw .app .hdr{display:none}.hiw .convo{top:12px;left:14px;right:14px}.hiw .ub,.hiw .ab p{font-size:11.5px}.hiw .ub{max-width:290px;padding:7px 10px}.hiw .ab{max-width:330px;top:88px}.hiw .composer{padding:10px 12px;top:158px;left:14px;right:14px}.hiw .composer .tx{min-height:54px;font-size:12px}.hiw .composer .row .s{display:none}.hiw .src{padding:5px 7px;font-size:11px}.hiw .send{width:26px;height:26px}.hiw .agents{width:250px;padding:12px;top:196px;left:auto;right:0}.hiw .steps div{padding:4px 0;font-size:12px}.hiw .ask{width:260px;top:212px;right:0}.hiw .tiphint{top:66px;left:120px}.hiw .toast{width:340px;margin-left:-170px;top:250px}.hiw .dom{width:310px;padding:14px;top:176px;right:0}.hiw .phone{border-radius:32px;width:200px;height:412px;padding:7px;top:50px;left:8px;right:auto}.hiw .screen{border-radius:26px;width:186px;height:398px}.hiw .msgs{width:276px;padding:12px;top:272px;left:auto;right:0}.hiw .msgs .mrowx .q{font-size:13px}.hiw .draft p{min-height:72px;font-size:12.5px}.hiw .mbtns .note{display:none}.hiw-beats{padding:0 0 22vh}.hiw-rail{display:none}.hiw-beat{height:70vh;padding:0}.hiw-beat .inner{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.hiw-mcap{left:0;right:0;top:calc(54vh + var(--l-nav-h));padding:22px 2px 0;display:block;position:absolute;bottom:0}.hiw-mcap .inner{position:absolute;top:34px;left:2px;right:2px}.hiw-mcap .hiw-num{margin-bottom:12px}.hiw-mcap h3{font-size:var(--l-text-2xl);margin-bottom:10px;line-height:1.1}.hiw-mcap p{font-size:var(--l-text-base);line-height:1.5}.hiw-mcap .hiw-facts{gap:7px;margin-top:16px}.hiw-mcap .hiw-facts span{font-size:var(--l-text-xs);padding:7px 10px}}@media (prefers-reduced-motion:reduce){.hiw .live i:after{animation:none}}
.op{--op-shade:color-mix(in oklch,var(--l-ink)7%,transparent);--op-face:#ffd9a8;--op-ms-bg:#f9f1e7;--op-ms-ink:#161616;--op-ms-ink2:#555;--op-ms-accent:#a4512c;--op-ms-dark:#1e1e1e;--op-ms-serif:"HIW Playfair Display",Georgia,serif;--op-ms-on-photo:#fff;--op-ms-thumb:#efebe3;--op-violet-edge:color-mix(in oklch,var(--l-accent)22%,var(--l-surface));--op-teal-ink:color-mix(in oklch,var(--l-accent-2)45%,var(--l-ink));color:var(--l-ink);position:relative}:where(.op) *,:where(.op) :before,:where(.op) :after{box-sizing:border-box;margin:0;padding:0}.op-wrap{padding:0 32px}.op-head{text-align:center;padding:104px 0 8px}.op-head .l-sec-title{max-width:900px;margin:0 auto}.op-head .l-sec-sub{max-width:660px}.op-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.op-story{height:440vh;position:relative}.op-stage{top:var(--l-nav-h);height:calc(100vh - var(--l-nav-h));justify-content:center;align-items:center;display:flex;position:sticky;overflow:hidden}.op-canvas{transform-origin:50%;flex:none;width:1240px;height:720px;position:relative}.op-ic{color:var(--l-muted)}.op-ic-accent{color:var(--l-accent)}.op-zone{width:430px;height:720px;position:absolute;top:0;left:0}.op-tangle{width:430px;height:600px;position:absolute;top:0;left:0;overflow:visible}.op-tangle path{fill:none;stroke:var(--l-border-strong);stroke-width:1.4px}.op-tangle path.x{stroke:var(--l-border);stroke-dasharray:4 5}.op-chip{z-index:4;border:1px solid var(--l-border);border-radius:var(--l-radius-pill);background:var(--l-surface);box-shadow:0 8px 18px -12px color-mix(in oklch,var(--l-ink)35%,transparent);font:500 var(--l-text-sm)/1 var(--l-font-body);color:var(--l-ink);white-space:nowrap;will-change:transform,opacity;align-items:center;padding:9px 13px 9px 10px;display:inline-flex;position:absolute}.op-wob{align-items:center;gap:8px;display:inline-flex}.op-chip-ic{background:var(--l-surface-muted);border-radius:7px;flex:none;place-items:center;width:24px;height:24px;display:grid}.op-chip-ic svg{width:15px;height:15px}@media (prefers-reduced-motion:no-preference){.op-wob{animation:2.6s ease-in-out infinite alternate op-wob}}@keyframes op-wob{0%{transform:rotate(-2.5deg)translateY(-2px)}to{transform:rotate(2.5deg)translateY(2px)}}.op-you{z-index:5;border-radius:var(--l-radius-pill);background:var(--l-ink);color:var(--l-surface);font:600 var(--l-text-base)/1 var(--l-font-title);will-change:transform;align-items:center;gap:10px;padding:8px 18px 8px 8px;display:flex;position:absolute;top:270px;left:150px}.op-face{background:var(--op-face);width:34px;height:34px;color:var(--l-ink);border-radius:50%;position:relative}.op-face svg{position:absolute;inset:0}.op-you-nm{min-width:30px;display:block;position:relative}.op-you-nm b{font:inherit;will-change:transform;display:block}.op-you-nm small{font:500 11px/1 var(--l-font-body);color:color-mix(in oklch,var(--l-surface)75%,var(--l-ink));white-space:nowrap;opacity:0;position:absolute;top:13px;left:0}.op-stress{z-index:5;width:40px;height:40px;position:absolute;top:248px;left:132px}.op-stress i{background:var(--l-error);border-radius:2px;width:12px;height:2.5px;position:absolute}.op-cap{width:430px;font:500 var(--l-text-xl)/1.35 var(--l-font-body);letter-spacing:-.01em;color:var(--l-ink);position:absolute;left:0}.op-cap--chaos{top:618px}.op-cap--chaos span{color:var(--l-muted)}.op-cap--calm{opacity:0;top:96px}.op-cap--calm em{color:var(--l-accent);font-style:normal}.op-caps{width:420px;list-style:none;position:absolute;top:178px;left:0}.op-caps li,.op-mob-caps li{border-top:1px solid var(--l-border);gap:12px;padding:11px 0;display:flex}.op-caps li{opacity:0;will-change:opacity,transform}.op-caps li:first-child{border-top:0}.op-ci{flex:none;place-items:center;width:20px;height:20px;display:grid}.op-ci svg{width:18px;height:18px}.op-caps b,.op-mob-caps b{font:600 var(--l-text-base)/1.25 var(--l-font-title);color:var(--l-ink);display:block}.op-caps span,.op-mob-caps span{font:400 var(--l-text-sm)/1.45 var(--l-font-body);color:var(--l-muted);margin-top:3px;display:block}.op-cta-row{opacity:0;align-items:center;gap:16px;display:flex;position:absolute;top:640px;left:0}.op-cta-row small{max-width:160px;font:400 var(--l-text-sm)/1.35 var(--l-font-body);color:var(--l-muted)}.op-mob-caps{display:none}.op-glow{background:radial-gradient(closest-side,color-mix(in oklch,var(--l-accent)16%,transparent),transparent);opacity:0;pointer-events:none;border-radius:40px;width:830px;height:760px;position:absolute;top:-20px;left:440px}.op-win{background:var(--l-surface);will-change:transform;width:770px;height:700px;box-shadow:0 1px 0 color-mix(in oklch,var(--l-ink)4%,transparent),0 30px 70px -24px color-mix(in oklch,var(--l-ink)26%,transparent),0 0 0 1px var(--op-shade);border-radius:16px;position:absolute;top:10px;left:470px;overflow:hidden}.op-wbar{border-bottom:1px solid var(--l-border-subtle);background:var(--l-surface);align-items:center;gap:12px;height:44px;padding:0 14px;display:flex}.op-dots{gap:6px;display:flex}.op-dots i{background:var(--l-border-strong);border-radius:50%;width:10px;height:10px}.op-ttl{font:600 13px/1 var(--l-font-display);align-items:center;gap:8px;display:flex}.op-z{background:var(--l-brand);width:22px;height:22px;font:700 12px/22px var(--l-font-display);color:var(--l-on-accent);text-align:center;border-radius:6px}.op-site{font:500 12.5px/1 var(--l-font-body);color:var(--l-muted);align-items:center;gap:8px;margin-left:auto;display:flex}.op-site i{background:var(--l-surface-muted)center/cover;border-radius:50%;width:22px;height:22px}.op-wbody{background:var(--l-surface-muted);grid-template-rows:140px 214px 238px;grid-template-columns:458px 264px;gap:12px;height:656px;padding:16px;display:grid;position:relative}.op-tile{background:var(--l-surface);box-shadow:0 0 0 1px var(--op-shade);border-radius:14px;position:relative;overflow:hidden}.op-t2{grid-area:1/1/span 2}.op-t3{grid-area:3/1}.op-t1{grid-area:1/2}.op-t4{grid-area:2/2}.op-t5{grid-area:3/2}.op-slot{border:1.5px dashed var(--l-border-strong);background:var(--l-page);font:600 11px/1 var(--l-font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--l-muted-light);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.op-slot svg{opacity:.6;width:22px;height:22px}.op-real{opacity:0;will-change:opacity,transform;padding:13px 14px;position:absolute;inset:0}.op-flash{z-index:3;box-shadow:inset 0 0 0 2px var(--l-accent);opacity:0;pointer-events:none;border-radius:14px;position:absolute;inset:0}.op-kick{font:600 10px/1 var(--l-font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--l-accent);align-items:center;gap:6px;display:flex}.op-kick:before{content:"";background:var(--l-accent-2);border-radius:50%;width:6px;height:6px}.op-tile h4{font:500 16px/1.2 var(--l-font-title);letter-spacing:-.01em;margin:7px 0 10px}.op-urlr{background:var(--l-surface-muted);height:30px;font:500 12px/1 var(--l-font-body);color:var(--l-muted);white-space:nowrap;border-radius:8px;align-items:center;gap:7px;margin-top:6px;padding:0 9px;display:flex}.op-urlr svg{flex:none;width:12px;height:12px}.op-urlr b{color:var(--l-ink);font-weight:600}.op-urlr--on{background:var(--l-surface);box-shadow:0 0 0 1px var(--op-violet-edge)}.op-lock{color:var(--op-teal-ink)}.op-tg{background:var(--l-border);font:600 9.5px/1 var(--l-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--l-muted);border-radius:5px;margin-left:auto;padding:4px 6px}.op-tg--pro{background:var(--l-accent-wash);color:var(--l-accent)}.op-livep{border-radius:var(--l-radius-pill);background:var(--l-accent-2-wash);font:600 10.5px/1 var(--l-font-body);color:var(--op-teal-ink);align-items:center;gap:5px;margin-left:6px;padding:4px 7px;display:inline-flex}.op-livep i{background:var(--l-accent-2);border-radius:50%;width:6px;height:6px}.op-ms{background:var(--op-ms-bg);border-radius:10px;font-family:HIW DM Sans,system-ui,sans-serif;position:relative;overflow:hidden;box-shadow:0 0 0 1px #0000000f}.op-ms-nv{height:30px;font:600 13px/1 var(--op-ms-serif);color:var(--op-ms-ink);align-items:center;padding:0 12px;display:flex}.op-ms-hero{background:var(--op-ms-accent)center/cover;height:158px;position:relative}.op-ms-hero:before{content:"";background:linear-gradient(90deg,#120e0ab8,#120e0a4d 55%,#120e0a00);position:absolute;inset:0}.op-ms-hero div{width:230px;color:var(--op-ms-on-photo);position:absolute;top:28px;left:16px}.op-ms-hero small{letter-spacing:.16em;text-transform:uppercase;opacity:.85;font:600 8px/1 HIW DM Sans,system-ui,sans-serif}.op-ms-hero b{font:600 25px/1.05 var(--op-ms-serif);margin:7px 0 8px;display:block}.op-ms-hero span{background:var(--op-ms-accent);border-radius:5px;padding:6px 9px;font:600 9px/1 HIW DM Sans,system-ui,sans-serif;display:inline-block}.op-ms-row{grid-template-columns:repeat(3,1fr);gap:8px;padding:12px;display:grid}.op-ms-row i{background:var(--op-ms-thumb)center/cover;border-radius:7px;height:62px;display:block}.op-ms-row b{font:600 10px/1.2 var(--op-ms-serif);color:var(--op-ms-ink);margin-top:6px;display:block}.op-bld{gap:4px;display:flex;position:absolute;top:13px;right:14px}.op-bld span{background:var(--l-surface-muted);font:600 9.5px/1 var(--l-font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--l-muted);border-radius:5px;padding:4px 6px}.op-t3g{grid-template-columns:1fr 196px;gap:12px;display:grid}.op-mhd{border-radius:8px;height:36px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #0000000f}.op-mhd>div{font:600 12px/1 var(--op-ms-serif);align-items:center;padding:0 10px;display:flex;position:absolute;inset:0}.op-mhd-l{background:var(--op-ms-bg);color:var(--op-ms-ink)}.op-mhd-dk{background:var(--op-ms-dark);color:var(--op-ms-bg);opacity:0}.op-mtx{border-radius:8px;margin-top:10px;padding:10px;font-family:HIW DM Sans,system-ui,sans-serif;box-shadow:0 0 0 1px #0000000f}.op-mtx b{font:600 13px/1.2 var(--op-ms-serif);color:var(--op-ms-ink);display:block}.op-ln{color:var(--op-ms-ink2);margin-top:6px;padding:1px 3px;font:400 11px/1.4 HIW DM Sans,system-ui,sans-serif;display:inline-block;position:relative}.op-selb{border:1.5px solid var(--l-accent);background:color-mix(in oklch,var(--l-accent)8%,transparent);opacity:0;border-radius:4px;position:absolute;inset:-2px}.op-cur{vertical-align:-2px;background:var(--l-accent);opacity:0;width:1.5px;height:12px;margin-left:1px;display:inline-block}.op-hint{font:500 10px/1 var(--l-font-body);color:var(--l-accent);margin-top:8px;display:block}.op-q{border:1px solid var(--op-violet-edge);background:var(--l-accent-wash);width:max-content;max-width:190px;font:400 12px/1.4 var(--l-font-body);border-radius:11px 11px 3px;margin-left:auto;padding:7px 10px}.op-a{opacity:0;gap:7px;margin-top:8px;display:flex}.op-a i{background:var(--l-ink);width:20px;height:20px;font:700 10px/20px var(--l-font-display);color:var(--l-surface);text-align:center;border-radius:6px;flex:none;font-style:normal}.op-a p{border:1px solid var(--l-border);background:var(--l-page);font:400 12px/1.4 var(--l-font-body);border-radius:3px 11px 11px;padding:7px 10px}.op-snip{border-radius:9px;padding:10px 11px;box-shadow:0 0 0 1px #00000012}.op-snip small{font:400 10.5px/1.2 var(--l-font-body);color:var(--l-muted);display:block}.op-snip b{font:500 13px/1.25 var(--l-font-body);color:var(--l-accent);margin:4px 0;display:block}.op-snip p{-webkit-line-clamp:2;font:400 10.5px/1.4 var(--l-font-body);color:var(--l-muted);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.op-chk{flex-wrap:wrap;gap:4px;margin-top:10px;display:flex}.op-chk span{border-radius:var(--l-radius-pill);background:var(--l-accent-2-wash);font:500 10px/1 var(--l-font-body);color:var(--op-teal-ink);opacity:0;align-items:center;gap:3px;padding:5px 6px;display:inline-flex}.op-chk svg{width:9px;height:9px}.op-msg{border-top:1px solid var(--l-border);opacity:0;align-items:flex-start;gap:8px;padding:7px 0;display:flex}.op-msg:first-of-type{border-top:0}.op-mi{background:var(--l-surface-muted);border-radius:7px;flex:none;place-items:center;width:24px;height:24px;display:grid}.op-mi svg{width:13px;height:13px}.op-w{font:600 10.5px/1.2 var(--l-font-body);color:var(--l-muted)}.op-t{font:400 12px/1.35 var(--l-font-body);color:var(--l-ink)}.op-drf{border:1px solid var(--op-violet-edge);background:color-mix(in oklch,var(--l-accent)4%,var(--l-surface));opacity:0;border-radius:9px;margin-top:6px;padding:7px 9px}.op-dl{font:600 9px/1 var(--l-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--l-accent);align-items:center;display:flex}.op-drf p{-webkit-line-clamp:2;font:400 11px/1.4 var(--l-font-body);color:var(--l-ink);-webkit-box-orient:vertical;margin-top:4px;display:-webkit-box;overflow:hidden}.op-sb{justify-content:flex-end;margin-top:5px;display:flex}.op-sb span{background:var(--l-accent);font:600 10.5px/1 var(--l-font-body);color:var(--l-on-accent);border-radius:6px;padding:5px 9px}.op-badge{background:var(--l-accent);min-width:18px;height:18px;font:600 10.5px/18px var(--l-font-body);color:var(--l-on-accent);text-align:center;opacity:0;border-radius:9px;position:absolute;top:34px;right:14px}@media (max-width:820px){.op-wrap{padding:0 16px}.op-head{padding:72px 0 4px}.op-story{height:380vh}.op-canvas{width:380px;height:780px}.op-zone,.op-tangle{width:380px;height:250px}.op-chip{padding:6px 9px 6px 6px;font-size:11.5px}.op-wob{gap:6px}.op-chip-ic{border-radius:5px;width:18px;height:18px}.op-chip-ic svg{width:11px;height:11px}.op-you{font-size:var(--l-text-sm);padding:6px 14px 6px 6px;top:104px;left:128px}.op-face{width:28px;height:28px}.op-stress{top:86px;left:112px}.op-cap{text-align:center;width:380px}.op-cap--chaos{font-size:var(--l-text-base);top:212px}.op-cap--calm{font-size:var(--l-text-lg);top:62px}.op-caps{display:none}.op-cta-row{flex-direction:column;justify-content:center;gap:8px;top:112px;left:0;right:0}.op-cta-row small{text-align:center;max-width:none}.op-win{width:380px;height:516px;top:262px;left:0}.op-wbar{height:36px}.op-site span{display:none}.op-wbody{grid-template-rows:150px 70px 84px 76px 64px;grid-template-columns:1fr;gap:6px;height:480px;padding:6px 10px}.op-t2{grid-row:1}.op-t1{grid-area:2/1}.op-t3{grid-row:3}.op-t4{grid-area:4/1}.op-t5{grid-area:5/1}.op-real{padding:9px 11px}.op-tile h4{margin:5px 0 6px;font-size:13px}.op-kick{font-size:9px}.op .op-dk{display:none}.op-ms-hero{height:72px}.op-ms-hero div{top:12px}.op-ms-hero b{margin:4px 0 0;font-size:15px}.op-ms-hero span,.op-ms-hero small{display:none}.op-ms-nv{height:22px;font-size:11px}.op-t3g{grid-template-columns:1fr}.op-q{padding:5px 8px;font-size:10.5px;position:absolute;top:9px;right:11px}.op-a{margin-top:0}.op-a p{padding:5px 8px;font-size:10.5px}.op-urlr{height:24px;margin-top:0;font-size:11px}.op-snip{box-shadow:none;padding:0}.op-snip b{margin:0;font-size:11.5px}.op-msg{padding:0}.op-glow{display:none}.op-mob-caps{padding:8px 0 40px;list-style:none;display:block}.op-mob-caps li{gap:12px;padding:14px 0}}
