/* Hallmark · pre-emit critique: P5 H5 E4 S5 R4 V5
 * Hallmark · genre: modern-minimal · macrostructure: Split Studio · theme: custom Dispatch Pressroom · enrichment: ImageGen editorial photography · nav: N9 · footer: Ft2
 * Philosophy 5 · Hierarchy 5 · Execution 4 · Specificity 5 · Restraint 4 · Variety 5
 */
@font-face{font-family:"Zen Kaku Gothic New";src:url("/assets/fonts/zen-kaku-gothic-new-900.ttf") format("truetype");font-style:normal;font-weight:900;font-display:swap}
:root{
  --color-paper:oklch(96% .024 82);--color-paper-2:oklch(90% .046 77);--color-paper-3:oklch(84% .055 72);
  --color-ink:oklch(23% .055 252);--color-ink-2:oklch(34% .045 250);--color-night:oklch(17% .042 252);
  --color-muted:oklch(49% .03 245);--color-rule:oklch(63% .035 245);--color-white:oklch(99% .008 85);
  --color-accent:oklch(82% .17 83);--color-accent-deep:oklch(59% .15 66);--color-alert:oklch(54% .2 29);--color-success:oklch(49% .105 161);--color-focus:oklch(61% .16 248);
  --font-display:"Zen Kaku Gothic New","Hiragino Kaku Gothic ProN",sans-serif;--font-body:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic UI",sans-serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,monospace;
  --space-3xs:.25rem;--space-2xs:.5rem;--space-xs:.75rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;--space-2xl:4.5rem;--space-3xl:7rem;
  --shell:1180px;--page-gutter:clamp(1rem,3vw,2.5rem);--border:2px;--radius-control:4px;--ease-out:cubic-bezier(.16,1,.3,1);--dur-short:180ms
}
*{box-sizing:border-box}html,body{overflow-x:clip}html{scroll-behavior:smooth}body{margin:0;background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);line-height:1.65}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}img{display:block;max-width:100%}[hidden]{display:none!important}::selection{background:var(--color-accent);color:var(--color-ink)}
.site-header{min-height:72px;padding-inline:var(--page-gutter);display:flex;align-items:center;gap:var(--space-lg);background:var(--color-paper);border-bottom:var(--border) solid var(--color-ink);position:sticky;top:0;z-index:30}.brand{display:flex;align-items:center;gap:.7rem;font-family:var(--font-display);font-weight:900}.brand-mark,.footer-mark{display:grid;place-items:center;background:var(--color-ink);color:var(--color-paper);font-family:var(--font-mono);font-weight:700}.brand-mark{width:36px;height:36px}.site-header nav{display:flex;gap:var(--space-lg);margin-left:auto;font-size:.875rem;font-weight:700}.site-header nav a,.type-link,.header-action,.mail-link,.footer a{white-space:nowrap}.site-header nav a{border-bottom:2px solid transparent}.site-header nav a:hover{border-color:var(--color-alert)}.header-action{padding:.55rem .9rem;background:var(--color-accent);border:var(--border) solid var(--color-ink);box-shadow:4px 4px 0 var(--color-ink);font-weight:800;transition:transform var(--dur-short) var(--ease-out),box-shadow var(--dur-short) var(--ease-out)}.header-action:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--color-ink)}.header-action:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--color-ink)}
.hero{min-height:calc(100svh - 72px);display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);border-bottom:var(--border) solid var(--color-ink)}.hero-copy{min-width:0;padding:clamp(4rem,8vw,8rem) var(--page-gutter) clamp(3.5rem,7vw,7rem);display:flex;flex-direction:column;justify-content:flex-end;background:var(--color-accent)}.machine-label{margin:0 0 var(--space-md);font:700 .72rem/1.4 var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.hero h1,.section-intro h2,.boundary-copy h2,.workflow-head h2,.plans-head h2,.contact-copy h2{font-family:var(--font-display);font-style:normal;font-weight:900;word-break:auto-phrase;overflow-wrap:normal;min-width:0}.phrase{display:block;word-break:keep-all;overflow-wrap:normal}.hero h1{max-width:10ch;margin:0;font-size:clamp(3.5rem,6.7vw,7rem);line-height:.96;letter-spacing:-.055em}.hero-lede{max-width:35rem;margin:var(--space-lg) 0 0;font-size:clamp(1.05rem,1.35vw,1.25rem);color:var(--color-ink-2)}.hero-actions{display:flex;align-items:center;gap:var(--space-md);margin-top:var(--space-lg);flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:.75rem 1.3rem;border:var(--border) solid var(--color-ink);border-radius:var(--radius-control);font-weight:850;white-space:nowrap;cursor:pointer;transition:transform var(--dur-short) var(--ease-out),box-shadow var(--dur-short) var(--ease-out),background-color var(--dur-short)}.button-primary{background:var(--color-white);color:var(--color-ink);box-shadow:6px 6px 0 var(--color-ink)}.button:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--color-ink)}.button:active{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--color-ink)}.button:focus-visible,.header-action:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.type-link{font-weight:850;border-bottom:var(--border) solid var(--color-ink);padding-block:.35rem}.type-link:hover{color:var(--color-alert);border-color:var(--color-alert)}.proof-note{max-width:38rem;margin:var(--space-lg) 0 0;font-size:.76rem;color:var(--color-ink-2)}.hero-photo{min-width:0;margin:0;position:relative;overflow:hidden;background:var(--color-night)}.hero-photo picture,.hero-photo img{width:100%;height:100%}.hero-photo img{object-fit:cover;object-position:center}.hero-photo figcaption,.boundary-photo figcaption{position:absolute;font:650 .68rem/1.2 var(--font-mono);letter-spacing:.07em;background:var(--color-paper);color:var(--color-ink);border:var(--border) solid var(--color-ink);padding:.45rem .65rem}.hero-photo figcaption{top:var(--space-md);right:var(--space-md)}.handoff-slip{position:absolute;left:clamp(1rem,4vw,3rem);bottom:clamp(1rem,5vw,3.5rem);width:min(24rem,calc(100% - 2rem));display:grid;gap:.8rem;padding:1.15rem 1.25rem;background:var(--color-paper);border:var(--border) solid var(--color-ink);box-shadow:8px 8px 0 var(--color-alert);transform:rotate(-1deg)}.slip-top,.form-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;font:700 .68rem/1.2 var(--font-mono);letter-spacing:.07em}.slip-top{padding-bottom:.7rem;border-bottom:1px solid var(--color-rule)}.status-mark{color:var(--color-success)}.status-mark::before{content:"";display:inline-block;width:.5rem;height:.5rem;margin-right:.4rem;background:var(--color-success);border-radius:50%}.handoff-slip strong{font-family:var(--font-display);font-size:1.35rem}.handoff-slip>span:last-child{font-size:.78rem;color:var(--color-muted)}
.service-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:var(--border) solid var(--color-ink);background:var(--color-paper)}.service-index>div{min-width:0;padding:1.4rem var(--page-gutter);display:grid;grid-template-columns:auto 1fr;gap:.2rem 1rem;border-right:var(--border) solid var(--color-ink)}.service-index>div:last-child{border-right:0}.service-index span{grid-row:1/3;font:800 .72rem/1 var(--font-mono);writing-mode:vertical-rl;letter-spacing:.08em;color:var(--color-alert)}.service-index strong{font-family:var(--font-display);font-size:clamp(1.25rem,2vw,1.8rem)}.service-index small{color:var(--color-muted)}
.demo-section,.workflow-section,.plans-section,.contact-section,.footer{padding-inline:var(--page-gutter)}.demo-section{max-width:var(--shell);margin-inline:auto;padding-block:var(--space-3xl);display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:clamp(2rem,6vw,6rem);align-items:start}.section-intro{position:sticky;top:calc(72px + 2rem)}.section-intro h2,.workflow-head h2,.plans-head h2{margin:0;font-size:clamp(2.4rem,4.5vw,4.8rem);line-height:1.03;letter-spacing:-.05em}.section-intro>p:not(.machine-label){max-width:32rem;margin:var(--space-lg) 0;color:var(--color-ink-2)}.step-rail{display:flex;align-items:center;gap:.6rem;font:700 .68rem/1 var(--font-mono)}.step-rail i{height:2px;flex:1;background:var(--color-alert)}.demo-workbench{min-width:0;border:var(--border) solid var(--color-ink);box-shadow:10px 10px 0 var(--color-ink);background:var(--color-white)}.demo-form,.result{padding:clamp(1.25rem,3vw,2.25rem)}.demo-form{background:var(--color-paper-2);border-bottom:var(--border) solid var(--color-ink)}.form-header{margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-rule)}.form-header>span{color:var(--color-alert)}label{display:grid;gap:.5rem;margin-bottom:1.1rem;font-size:.82rem;font-weight:800}.field-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm)}input,select,textarea{width:100%;min-width:0;padding:.8rem .85rem;border:var(--border) solid var(--color-ink);border-radius:var(--radius-control);background:var(--color-white);color:var(--color-ink)}textarea{min-height:130px;resize:vertical}.demo-form .button,.contact-form .button{width:100%}.form-note,.tax-note{font-size:.74rem;color:var(--color-muted)}.result{min-height:360px;display:flex;align-items:center;background:var(--color-white)}.result-empty{display:flex;align-items:flex-start;gap:1rem;color:var(--color-muted)}.result-empty span{display:grid;place-items:center;flex:0 0 3rem;height:3rem;background:var(--color-accent);border:var(--border) solid var(--color-ink);font:800 .8rem/1 var(--font-mono)}#result-filled{width:100%;outline:none}#result-filled.is-revealed{animation:stamp-in .24s var(--ease-out)}@keyframes stamp-in{from{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:none}}.result-label{margin:0;color:var(--color-muted);font-size:.76rem}.result h3{margin:.35rem 0 1.4rem;font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2.35rem);line-height:1.25}.result dl{margin:0;border-top:var(--border) solid var(--color-ink)}.result dl div{display:flex;justify-content:space-between;gap:1rem;padding:.7rem 0;border-bottom:1px solid var(--color-rule)}dt{font-size:.78rem;color:var(--color-muted)}dd{margin:0;max-width:70%;font-size:.8rem;font-weight:800;text-align:right;overflow-wrap:anywhere}.priority{display:inline-block;padding:.15rem .45rem;background:var(--color-alert);color:var(--color-white)}
.boundary-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-block:var(--border) solid var(--color-ink);background:var(--color-night);color:var(--color-paper)}.boundary-photo{min-width:0;min-height:760px;margin:0;position:relative;overflow:hidden}.boundary-photo picture,.boundary-photo img{width:100%;height:100%}.boundary-photo img{object-fit:cover}.boundary-photo figcaption{left:var(--space-md);bottom:var(--space-md)}.boundary-copy{min-width:0;padding:clamp(3rem,8vw,8rem) var(--page-gutter);display:flex;flex-direction:column;justify-content:center}.boundary-copy .machine-label{color:var(--color-accent)}.boundary-copy h2{margin:0;font-size:clamp(3.2rem,6vw,6.8rem);line-height:.92;letter-spacing:-.055em}.boundary-copy>p:not(.machine-label){max-width:35rem;margin:var(--space-xl) 0;color:var(--color-paper-3);font-size:1.05rem}.boundary-table{border-top:var(--border) solid var(--color-accent)}.boundary-table>div{display:grid;grid-template-columns:minmax(7rem,.45fr) minmax(0,1fr);gap:1rem;padding:1rem 0;border-bottom:1px solid color-mix(in oklch,var(--color-paper) 28%,transparent)}.boundary-table strong{color:var(--color-accent)}
.workflow-section{max-width:var(--shell);margin-inline:auto;padding-block:var(--space-3xl)}.workflow-head{display:grid;grid-template-columns:minmax(0,.35fr) minmax(0,1fr);gap:var(--space-lg);align-items:end;margin-bottom:var(--space-2xl)}.workflow-head .machine-label{margin:0}.workflow-list{list-style:none;margin:0;padding:0;border-top:var(--border) solid var(--color-ink)}.workflow-list li{display:grid;grid-template-columns:minmax(6rem,.35fr) minmax(0,1fr);align-items:start;gap:var(--space-lg);padding:1.4rem 0;border-bottom:var(--border) solid var(--color-ink)}.workflow-list li>span{font:900 clamp(2.8rem,6vw,6rem)/.8 var(--font-display);color:var(--color-alert)}.workflow-list h3{margin:0;font-family:var(--font-display);font-size:clamp(1.6rem,3vw,2.8rem)}.workflow-list p{margin:.35rem 0 0;color:var(--color-ink-2)}
.plans-section{padding-block:var(--space-3xl);background:var(--color-paper-2);border-top:var(--border) solid var(--color-ink)}.plans-head,.plan-table,.tax-note{width:min(var(--shell),100%);margin-inline:auto}.plans-head{display:grid;grid-template-columns:minmax(0,.35fr) minmax(0,1fr);gap:var(--space-lg);align-items:end;margin-bottom:var(--space-2xl)}.plans-head .machine-label{margin:0}.plan-table{border:var(--border) solid var(--color-ink);box-shadow:10px 10px 0 var(--color-ink)}.plan-row{display:grid;grid-template-columns:minmax(9.5rem,.3fr) minmax(13rem,.8fr) minmax(12rem,.75fr) minmax(11rem,.65fr) auto;gap:var(--space-lg);align-items:center;padding:clamp(1.25rem,3vw,2.2rem)}.plan-web{background:var(--color-accent);color:var(--color-ink)}.plan-voice{background:var(--color-night);color:var(--color-paper);border-top:var(--border) solid var(--color-ink)}.plan-code{font:900 clamp(2rem,3.5vw,3.4rem)/1 var(--font-display);white-space:nowrap}.plan-main h3{margin:0;font-family:var(--font-display);font-size:clamp(1.7rem,3vw,2.6rem)}.plan-main p{margin:.45rem 0 0;color:var(--color-ink-2)}.plan-voice .plan-main p,.plan-voice li,.plan-voice .plan-price span{color:var(--color-paper-3)}.plan-price{display:grid;grid-template-columns:auto 1fr;gap:.2rem .8rem}.plan-price span{font-size:.72rem;color:var(--color-ink-2)}.plan-price strong{white-space:nowrap}.plan-row ul{margin:0;padding-left:1rem;font-size:.78rem}.button-ink{background:var(--color-ink);color:var(--color-paper);box-shadow:5px 5px 0 var(--color-alert)}.button-paper{background:var(--color-paper);color:var(--color-ink);box-shadow:5px 5px 0 var(--color-accent)}.tax-note{margin-top:1rem}
.contact-section{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(2rem,7vw,7rem);padding-block:var(--space-3xl);background:var(--color-alert);color:var(--color-white)}.contact-copy{padding-left:max(0px,calc((100vw - var(--shell))/2))}.contact-copy .machine-label{color:var(--color-accent)}.contact-copy h2{max-width:9ch;margin:0;font-size:clamp(3rem,5.5vw,6rem);line-height:.96;letter-spacing:-.055em}.contact-copy>p:not(.machine-label){max-width:32rem;margin:var(--space-lg) 0}.contact-copy ul{margin:var(--space-lg) 0;padding-left:1.1rem}.mail-link{display:inline-block;border-bottom:var(--border) solid var(--color-white);font-weight:800}.contact-form{max-width:700px;padding:clamp(1.4rem,4vw,2.8rem);background:var(--color-paper);color:var(--color-ink);border:var(--border) solid var(--color-ink);box-shadow:12px 12px 0 var(--color-night)}.contact-form label{margin-bottom:1rem}.contact-form .consent{display:flex;grid-template-columns:auto minmax(0,1fr);align-items:flex-start;gap:.7rem;font-weight:500;line-height:1.5}.contact-form .consent input{width:1.1rem;height:1.1rem;margin-top:.18rem}.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.contact-status{min-height:1.5rem;margin:.8rem 0 0;font-size:.78rem}.contact-status.is-success{color:var(--color-success)}.contact-status.is-error{color:var(--color-alert)}.contact-form button:disabled{opacity:.6;cursor:wait;transform:none;box-shadow:3px 3px 0 var(--color-ink)}
.footer{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-lg);padding-block:var(--space-xl);background:var(--color-paper);border-top:var(--border) solid var(--color-ink)}.footer-mark{width:52px;height:52px}.footer p{margin:.2rem 0;color:var(--color-muted);font-size:.78rem}.footer-links{display:flex;gap:var(--space-lg);font-weight:750}.footer-links a:hover{color:var(--color-alert)}.copyright{grid-column:2/4}
@media(max-width:1050px){.plan-row{grid-template-columns:minmax(5rem,.25fr) minmax(0,1fr) auto}.plan-price,.plan-row ul{grid-column:2}.plan-row .button{grid-column:3;grid-row:1/4}.contact-copy{padding-left:0}}
@media(max-width:800px){.site-header nav{display:none}.site-header{min-height:64px}.hero{min-height:auto;grid-template-columns:minmax(0,1fr)}.hero-copy{min-height:640px}.hero-photo{height:min(78svh,680px)}.service-index{grid-template-columns:minmax(0,1fr)}.service-index>div{border-right:0;border-bottom:var(--border) solid var(--color-ink)}.service-index>div:last-child{border-bottom:0}.demo-section{grid-template-columns:minmax(0,1fr);padding-block:var(--space-2xl)}.section-intro{position:static}.boundary-section{grid-template-columns:minmax(0,1fr)}.boundary-photo{min-height:560px}.workflow-head,.plans-head{grid-template-columns:minmax(0,1fr)}.plan-row{grid-template-columns:minmax(0,1fr) auto}.plan-code{grid-column:1}.plan-main,.plan-price,.plan-row ul{grid-column:1/3}.plan-row .button{grid-column:1/3;grid-row:auto;width:100%}.contact-section{grid-template-columns:minmax(0,1fr)}.contact-form{max-width:none}.footer{grid-template-columns:auto 1fr}.footer-links{grid-column:1/3}.copyright{grid-column:1/3}}
@media(max-width:480px){:root{--page-gutter:1rem;--space-3xl:4.5rem}.site-header{gap:.75rem}.header-action{margin-left:auto;font-size:.78rem;padding:.48rem .7rem;box-shadow:3px 3px 0 var(--color-ink)}.hero-copy{min-height:560px;padding-block:4rem 3rem}.hero h1{font-size:clamp(3rem,15vw,4.6rem)}.hero-lede{font-size:1rem}.hero-actions{align-items:flex-start;flex-direction:column}.button,.header-action{max-width:100%}.hero-photo{height:64svh;min-height:470px}.hero-photo figcaption{top:.75rem;right:.75rem}.handoff-slip{bottom:1rem;left:1rem;padding:1rem;box-shadow:5px 5px 0 var(--color-alert)}.service-index>div{padding:1rem}.field-row{grid-template-columns:minmax(0,1fr)}.demo-workbench,.plan-table,.contact-form{box-shadow:6px 6px 0 var(--color-ink)}.demo-form,.result{padding:1.1rem}.result dl div{display:grid;grid-template-columns:6rem minmax(0,1fr)}dd{max-width:none}.boundary-photo{min-height:470px}.boundary-copy{padding-block:4rem}.boundary-copy h2{font-size:clamp(2.2rem,10.5vw,3.2rem)}.boundary-table>div,.workflow-list li{grid-template-columns:1fr}.workflow-list li>span{font-size:3.2rem}.plan-row{display:grid;grid-template-columns:minmax(0,1fr);padding:1.2rem}.plan-code,.plan-main,.plan-price,.plan-row ul,.plan-row .button{grid-column:1}.plan-main p{font-size:.86rem}.plans-head h2{font-size:clamp(2rem,9vw,2.6rem)}.contact-copy h2{font-size:clamp(2.75rem,13vw,3.5rem)}.contact-form{padding:1.05rem}.footer{gap:1rem}.footer-links{flex-wrap:wrap;gap:1rem}.footer-links a{white-space:nowrap}}
@media(max-width:340px){.hero h1{font-size:2.75rem}.hero-photo{min-height:430px}.handoff-slip{width:calc(100% - 2rem)}.contact-copy h2{font-size:2.65rem}.footer-mark{width:44px;height:44px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.header-action{transition:none}#result-filled.is-revealed{animation:none}}
