:root{--font-sans:system-ui, -apple-system, "Segoe UI", "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;--color-page-bg:#faf6ee;--color-surface:#fff;--color-surface-tint-green:#edf2ec;--color-surface-tint-blue:#eaf0f3;--color-accent-bg:#fbeedd;--color-text:#262420;--color-text-muted:#57534b;--color-border:#ddd4c2;--color-primary:#2f5233;--color-primary-dark:#1f3a24;--color-secondary:#33566c;--color-accent:#c9762e;--color-accent-dark:#8a4e1d;--color-error:#a13a2f;--color-error-bg:#fbeae7;--color-focus:#1b1b18;--max-width-content:72rem;--max-width-prose:42rem;--max-width-form:40rem;--space-section:4rem;--space-heading-gap:1rem;--space-sm:.5rem;--space-md:1rem;--space-lg:2rem;--radius-card:.5rem;--radius-control:.25rem;--shadow-card:0 1px 3px #26242014}*,:before,:after{box-sizing:border-box}body{font-family:var(--font-sans);color:var(--color-text);background-color:var(--color-page-bg);margin:0;font-size:1.0625rem;line-height:1.8}a{color:inherit;text-decoration:underline}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.site-header{background-color:var(--color-surface);border-bottom:1px solid var(--color-border)}.site-header__inner{max-width:var(--max-width-content);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.5rem;margin-inline:auto;padding:1rem;display:flex}.site-header__bar{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.site-header__brand{color:var(--color-primary-dark);padding:.25rem 0;font-size:1.25rem;font-weight:700;text-decoration:none}.nav-toggle{border:1px solid var(--color-border);border-radius:var(--radius-control);cursor:pointer;background-color:#0000;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:none}.nav-toggle__icon{width:20px;height:16px;display:inline-block;position:relative}.nav-toggle__bar{background-color:var(--color-primary-dark);border-radius:1px;width:100%;height:2px;transition:transform .2s,opacity .2s;position:absolute;left:0}.nav-toggle__bar:first-child{top:0}.nav-toggle__bar:nth-child(2){top:7px}.nav-toggle__bar:nth-child(3){top:14px}.nav-toggle[aria-expanded=true] .nav-toggle__bar:first-child{transform:translateY(7px)rotate(45deg)}.nav-toggle[aria-expanded=true] .nav-toggle__bar:nth-child(2){opacity:0}.nav-toggle[aria-expanded=true] .nav-toggle__bar:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.site-nav{flex-wrap:wrap;gap:.25rem .5rem;margin:0;padding:0;list-style:none;display:flex}.site-nav a{border-bottom:2px solid #0000;padding:.5rem .625rem;text-decoration:none;display:inline-block}.site-nav a:hover{text-decoration:underline}.site-nav a[aria-current=page]{color:var(--color-primary-dark);border-bottom-color:var(--color-primary);font-weight:700}@media (width<=767px){.site-header__bar,.site-nav-wrapper{width:100%}.site-nav-wrapper .site-nav{flex-flow:column;gap:0}.site-nav-wrapper .site-nav a{border-bottom:1px solid var(--color-border);padding:.75rem .625rem;display:block}.is-js .nav-toggle{display:inline-flex}.is-js .site-nav-wrapper{margin-top:.75rem;display:none}.is-js .site-nav-wrapper.is-open{display:block}}.site-footer{background-color:var(--color-surface-tint-green);border-top:1px solid var(--color-border);margin-top:var(--space-section)}.site-footer__inner{max-width:var(--max-width-content);padding:var(--space-lg) 1rem;margin-inline:auto}.site-footer__brand{margin-bottom:.5rem;font-size:1.125rem;font-weight:700}.site-footer__tagline{color:var(--color-text-muted);max-width:var(--max-width-prose)}.site-footer__nav{flex-wrap:wrap;gap:.5rem 1.25rem;margin:1rem 0;padding:0;list-style:none;display:flex}.site-footer__nav a{text-decoration:underline}.site-footer__copyright{color:var(--color-text-muted);margin-bottom:0;font-size:.9375rem}main{max-width:var(--max-width-content);margin-inline:auto;padding:1.5rem 1rem}main>section+section{margin-top:var(--space-section)}.section--tint-green,.section--tint-blue,.section--cta,.section--surface{padding:var(--space-lg) 1.25rem;border-radius:var(--radius-card);margin-inline:-1rem}.section--tint-green{background-color:var(--color-surface-tint-green)}.section--tint-blue{background-color:var(--color-surface-tint-blue)}.section--cta{background-color:var(--color-accent-bg)}.section--surface{background-color:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-card)}.hero{padding-block:var(--space-lg) var(--space-section);position:relative}.home-page,.services-page,.works-page,.demos-page,.about-page,.contact-page{position:relative}.home-page:before,.services-page:before,.works-page:before,.demos-page:before,.about-page:before,.contact-page:before{content:"";height:var(--hero-photo-height);background-image:linear-gradient(to bottom, #faf6ee00 0%, #faf6ee00 60%, var(--color-page-bg) 95%), var(--hero-photo-url);background-size:cover,cover;background-position:var(--hero-photo-position), var(--hero-photo-position);pointer-events:none;z-index:-1;background-repeat:no-repeat,no-repeat;position:absolute;top:0;left:0;right:0}.home-page{--hero-photo-url:url(/images/backgrounds/home-meadow.jpg);--hero-photo-height:560px;--hero-photo-position:center 25%}.services-page{--hero-photo-url:url(/images/backgrounds/services.jpg);--hero-photo-height:440px;--hero-photo-position:center 30%}.works-page{--hero-photo-url:url(/images/backgrounds/works.jpg);--hero-photo-height:440px;--hero-photo-position:center 30%}.demos-page{--hero-photo-url:url(/images/backgrounds/demos.jpg);--hero-photo-height:440px;--hero-photo-position:center 28%}.about-page{--hero-photo-url:url(/images/backgrounds/about.jpg);--hero-photo-height:380px;--hero-photo-position:center 42%}.contact-page{--hero-photo-url:url(/images/backgrounds/contact.jpg);--hero-photo-height:440px;--hero-photo-position:center 38%}@media (width<=767px){.home-page{--hero-photo-height:360px;--hero-photo-position:78% 30%}.services-page{--hero-photo-height:300px;--hero-photo-position:55% 35%}.works-page{--hero-photo-height:300px;--hero-photo-position:center 35%}.demos-page{--hero-photo-height:300px;--hero-photo-position:65% 32%}.about-page{--hero-photo-height:300px;--hero-photo-position:40% 45%}.contact-page{--hero-photo-height:300px;--hero-photo-position:center 42%}}.hero__panel,.services-hero-panel,.works-hero-panel,.demos-hero-panel,.about-hero-panel,.contact-hero-panel{padding:var(--space-lg) 1.25rem;border-radius:var(--radius-card);box-shadow:var(--shadow-card);background-color:#faf6eee0}.hero__panel{max-width:44rem}.services-hero{padding-block:var(--space-lg) var(--space-section);min-height:440px;position:relative}.services-hero-panel{max-width:var(--max-width-prose)}.works-hero{padding-block:var(--space-lg) var(--space-section);min-height:440px;position:relative}.works-hero-panel{max-width:var(--max-width-prose)}.demos-hero{padding-block:var(--space-lg) var(--space-section);min-height:440px;position:relative}.demos-hero-panel{max-width:var(--max-width-prose)}.about-hero{padding-block:var(--space-lg) var(--space-section);min-height:380px;position:relative}.about-hero-panel{max-width:var(--max-width-prose)}.contact-hero{padding-block:var(--space-lg) var(--space-section);min-height:440px;position:relative}.contact-hero-panel{max-width:var(--max-width-prose)}@media (width<=767px){.services-hero,.works-hero,.demos-hero,.about-hero,.contact-hero{min-height:300px}}.hero__break{display:none}@media (width>=768px){.hero__break{display:block}}h1,h2,h3{margin-top:0;margin-bottom:var(--space-heading-gap);line-height:1.5}h1{font-size:clamp(1.75rem,4vw + .5rem,2.5rem)}h2{margin-top:0;font-size:clamp(1.375rem,2.5vw + .5rem,1.75rem)}.service-heading{align-items:flex-start;gap:.5rem;display:flex}.service-heading__icon{width:1.5rem;height:1.5rem;color:var(--color-primary-dark);flex-shrink:0}.service-heading__icon svg{width:100%;height:100%;display:block}.service-heading__text{min-width:0}h3{font-size:1.1875rem}p{margin-top:0;margin-bottom:1rem}.lede,section>p:first-of-type{color:var(--color-text)}main p{max-width:var(--max-width-prose)}.cta-group{flex-wrap:wrap;gap:1rem;display:flex}.cta-link{border-radius:var(--radius-control);border:1px solid #0000;padding:.75rem 1.5rem;font-weight:700;line-height:1.4;text-decoration:none;display:inline-block}.cta-link--secondary{background-color:var(--color-surface);color:var(--color-primary-dark);border-color:var(--color-border)}.cta-link--secondary:hover{border-color:var(--color-primary);background-color:var(--color-surface-tint-green)}.cta-link--primary{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.cta-link--primary:hover{background-color:var(--color-primary-dark);border-color:var(--color-primary-dark)}.cta-link--tertiary{color:var(--color-primary);background:0 0;border:none;align-items:center;gap:.25rem;padding:0;font-weight:400;text-decoration:underline;display:inline-flex}.cta-link--tertiary:hover{color:var(--color-primary-dark)}.grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));display:grid}.grid .demo-card:only-child,.grid .work-card:only-child{max-width:28rem;margin-inline:auto}.toc{margin-bottom:var(--space-section)}.toc__title{color:var(--color-primary-dark);margin:0 0 .75rem;font-size:1.0625rem;font-weight:700}.toc__list{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:.375rem 1.5rem;margin:0;padding-left:0;list-style:none;display:grid}.toc__list a{padding:.25rem 0;display:inline-block}.concern-list{max-width:var(--max-width-prose);padding-left:0;list-style:none}.concern-list li{border-bottom:1px solid var(--color-border);padding:.625rem 0 .625rem 1.5rem;position:relative}.concern-list li:last-child{border-bottom:none}.concern-list li:before{content:"";background-color:var(--color-primary);border-radius:50%;width:.5rem;height:.5rem;position:absolute;top:1.15rem;left:.125rem}.service-summary{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--space-lg);box-shadow:var(--shadow-card)}.value-item{background-color:var(--color-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:1.25rem}ol{counter-reset:step;max-width:var(--max-width-prose);padding-left:0;list-style:none}ol>li{counter-increment:step;padding:.125rem 0 1.5rem 3rem;position:relative}ol>li:last-child{padding-bottom:0}ol>li:before{content:counter(step);background-color:var(--color-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:.9375rem;font-weight:700;display:flex;position:absolute;top:0;left:0}.notice{border-left:3px solid var(--color-border);max-width:var(--max-width-prose);padding-left:1rem}.notice ul{margin:0;padding-left:1.25rem}.notice li{margin-bottom:.375rem}.notice li:last-child{margin-bottom:0}.demo-external-notice{color:var(--color-text-muted);font-size:.875rem}.notice--success{border-left-color:var(--color-primary);background-color:var(--color-surface-tint-green);max-width:var(--max-width-form);padding:1rem}.notice--error{border-left-color:var(--color-error);background-color:var(--color-error-bg);max-width:var(--max-width-form);padding:1rem}.notice--success p,.notice--error p{margin:0}.notice--success p+p,.notice--error p+p{margin-top:.5rem}.notice--prominent{border-left:none;border-top:4px solid var(--color-primary);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.notice--error.notice--prominent{border-top-color:var(--color-error)}.notice__heading{color:var(--color-primary-dark);margin:0 0 .5rem;font-size:1.1875rem;font-weight:700}.notice__icon{background-color:var(--color-primary);color:#fff;vertical-align:-.3em;border-radius:50%;place-items:center;width:1.375rem;height:1.375rem;margin-right:.375rem;font-size:.875rem;font-weight:700;line-height:1;display:inline-grid}.screenshot-frame{border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);background-color:var(--color-surface);margin:0;overflow:hidden}.screenshot-frame img{width:100%;height:auto;display:block}.screenshot-frame figcaption{color:var(--color-text-muted);border-top:1px solid var(--color-border);padding:.5rem .75rem;font-size:.8125rem}.work-screenshots{gap:var(--space-md);margin:var(--space-md) 0;display:flex}.work-screenshots__item{flex:1 1 0;min-width:0}@media (width<=768px){.work-screenshots{flex-direction:column}.work-screenshots__item{flex:none}}.demo-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--space-lg);box-shadow:var(--shadow-card)}.demo-card__category{background-color:var(--color-accent-bg);color:var(--color-accent-dark);border-radius:999px;margin-bottom:.75rem;padding:.25rem .75rem;font-size:.875rem;font-weight:700;display:inline-block}.demo-card__screenshot{margin-bottom:var(--space-md)}.demo-card__role-badge{border:1px solid var(--color-border);border-radius:var(--radius-control);color:var(--color-text-muted);margin-right:.375rem;padding:.125rem .5rem;font-size:.8125rem;display:inline-block}.work-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--space-lg);box-shadow:var(--shadow-card);flex-direction:column;display:flex}.work-card__actions{padding-top:var(--space-md);margin-top:auto}form{max-width:var(--max-width-form)}fieldset{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);margin:0;padding:1.5rem}legend{padding:0 .5rem;font-weight:700}.form-field{margin-bottom:1.5rem}.form-field label{margin-bottom:.375rem;font-weight:700;display:block}.form-field input[type=text],.form-field input[type=email],.form-field input[type=tel],.form-field select,.form-field textarea{width:100%;max-width:100%;font:inherit;color:inherit;border:1px solid var(--color-border);border-radius:var(--radius-control);background-color:var(--color-surface);padding:.625rem;display:block}.form-field textarea{resize:vertical;min-height:8rem}.field-requirement{font-size:.875rem;font-weight:400}.field-requirement--optional{color:var(--color-text-muted)}.field-requirement--conditional{color:var(--color-accent-dark)}.field-description{color:var(--color-text-muted);margin-top:.375rem;margin-bottom:0;font-size:.9375rem}.field-error{color:var(--color-error);margin-top:.375rem;margin-bottom:0;font-size:.9375rem}.form-field--checkbox{flex-wrap:wrap;align-items:baseline;gap:.5rem .75rem;display:flex}.form-field--checkbox input[type=checkbox]{flex-shrink:0;width:1.25rem;height:1.25rem}.form-field--checkbox label{font-weight:400}.form-field--checkbox p{width:100%;margin:.25rem 0 0}.form-group{margin:0 0 var(--space-lg);background-color:#0000;border:none;padding:0}.form-group:last-of-type{margin-bottom:0}.form-group+.form-group{border-top:1px solid var(--color-border);padding-top:var(--space-lg)}.form-group__title{color:var(--color-primary-dark);margin:0 0 .75rem;padding:0;font-size:1.0625rem;font-weight:700}.form-final{margin-top:var(--space-lg);border-top:1px solid var(--color-border);padding-top:var(--space-lg)}fieldset[disabled] input,fieldset[disabled] select,fieldset[disabled] textarea{color:var(--color-text);background-color:var(--color-surface-tint-green)}fieldset[disabled] label{color:var(--color-text)}button[disabled]{font:inherit;color:var(--color-text-muted);background-color:var(--color-surface-tint-green);border:1px solid var(--color-border);border-radius:var(--radius-control);cursor:not-allowed;margin-top:1rem;padding:.75rem 1.5rem;font-weight:700;display:inline-block}button[type=submit]:not([disabled]){font:inherit;color:#fff;background-color:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--radius-control);cursor:pointer;margin-top:1rem;padding:.75rem 1.5rem;font-weight:700;display:inline-block}button[type=submit]:not([disabled]):hover{background-color:var(--color-primary-dark);border-color:var(--color-primary-dark)}@media (prefers-reduced-motion:no-preference){.cta-link,.site-nav a{transition:background-color .15s,border-color .15s}}@media (width<=767px){.contact-page .notice__heading,.contact-page section h2{text-wrap:balance}}