:root{--tech-main:#3f291f;--tech-accent:#b64242;--tech-ink:#292725;--tech-muted:#6d6b65;--tech-bg:#faf8f4;--tech-card:#fff;--tech-line:#dfdbd3;--tech-soft:#f0ede6;--tech-green:#3f695b;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{color:var(--tech-ink);background:var(--tech-bg);-webkit-font-smoothing:antialiased;margin:0;font-family:PingFang TC,Noto Sans TC,Microsoft JhengHei,sans-serif;font-size:16px;line-height:1.8}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}img{max-width:100%;height:auto;display:block}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{letter-spacing:-.035em;font-weight:600;line-height:1.4}h2{margin-bottom:20px;font-size:clamp(28px,3.3vw,42px)}h3{font-size:24px}p{margin-bottom:18px}ul,ol{padding-left:1.3em}::selection{background:#ecd3ca}:focus-visible{outline-offset:5px;outline:3px solid #427766}[hidden]{display:none!important}section[id]{scroll-margin-top:105px}.wrap{width:min(1180px,100% - 96px);margin-inline:auto}.section{padding-block:100px}.eyebrow{letter-spacing:.14em;color:var(--tech-muted);margin:0 0 24px;font-size:12px;font-weight:600;line-height:1.5}.accent{color:var(--tech-accent)}.muted,.fine-print{color:var(--tech-muted)}.fine-print{font-size:13px;line-height:1.8}.actions{flex-wrap:wrap;align-items:center;gap:28px;margin-top:30px;display:flex}.tech-button{border:1px solid var(--tech-line);background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:20px;min-height:48px;padding:12px 24px;font-size:14px;font-weight:600;line-height:1.5;transition:background .18s,transform .18s;display:inline-flex}.tech-button.primary{background:var(--tech-accent);border-color:var(--tech-accent);color:#fff}.tech-button.primary:hover{background:#963535;transform:translateY(-2px)}.tech-button.ghost:hover,.tech-button.subtle:hover{background:var(--tech-soft)}.text-link{border-bottom:1px solid var(--tech-line);justify-content:space-between;align-items:center;gap:24px;padding-block:8px;font-size:14px;font-weight:600;display:inline-flex}.text-link:hover{color:var(--tech-accent);border-color:currentColor}.text-link span{font-size:20px}.skip-link{z-index:100;background:#fff;padding:12px;position:fixed;top:-100px;left:20px}.skip-link:focus{top:10px}.site-header{z-index:30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#faf8f4f5;border-bottom:1px solid #e8e4dd;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:24px;height:88px;display:flex}.brand-link{align-items:center;gap:10px;display:flex}.brand-link>span{white-space:nowrap;font-size:18px;font-weight:650;line-height:1.4}.brand-link small{letter-spacing:.18em;margin-top:2px;font-size:9px;font-weight:500;display:block}.desktop-nav{gap:28px;font-size:14px;display:flex}.desktop-nav a:hover,.desktop-nav a[aria-current]{color:var(--tech-accent)}.header-actions{align-items:center;gap:14px;display:flex}.header-cta{min-height:42px;padding:10px 17px;font-size:13px}.menu-shell{display:none;position:relative}.menu-trigger{border:1px solid var(--tech-line);background:0 0;border-radius:8px;place-content:center;gap:6px;width:44px;height:44px;display:grid}.menu-trigger>span{background:var(--tech-ink);width:18px;height:1px;display:block}.mobile-menu{border:1px solid var(--tech-line);background:#fff;border-radius:12px;width:min(290px,100vw - 40px);padding:16px 22px;position:absolute;top:58px;right:0;box-shadow:0 18px 50px #33251514}.mobile-menu a{border-bottom:1px solid var(--tech-line);justify-content:space-between;padding:14px 0;display:flex}.mobile-menu a:last-child{border:0}.hero{grid-template-columns:1fr 1.05fr;align-items:center;gap:50px;min-height:670px;padding-block:72px 88px;display:grid}.hero-copy{z-index:1;position:relative}.hero .eyebrow{align-items:center;gap:9px;display:flex}.status-dot{background:var(--tech-accent);border-radius:50%;width:6px;height:6px}.hero h1{letter-spacing:-.055em;margin:0 0 22px;font-size:clamp(42px,4.5vw,62px);line-height:1.35}.hero-lead{margin-bottom:16px;font-size:20px;font-weight:500;line-height:1.7}.hero-description{color:var(--tech-muted);max-width:420px;font-size:15px;line-height:1.9}.hero-note{color:var(--tech-muted);letter-spacing:.08em;gap:0;margin-top:36px;font-size:12px;display:flex}.hero-note span+span:before{content:"/";color:#b7afa4;padding-inline:14px}.hero-art{isolation:isolate;min-width:0;padding:65px 0 130px 12px;position:relative}.hero-art:before{content:"";aspect-ratio:1;z-index:-1;background:#efe9df;border-radius:50%;width:92%;position:absolute;top:1%;left:9%}.art-label{color:#8a8072;letter-spacing:.07em;gap:4px;font-size:11px;display:grid;position:absolute;top:3px;left:12px}.art-label span:first-child{letter-spacing:.19em;font-size:9px}.browser-frame{background:#fff;border:1px solid #e5ded3;border-radius:10px;display:block;overflow:hidden;box-shadow:0 18px 48px #46301e16}.browser-bar{color:#857e75;background:#fff;border-bottom:1px solid #e8e4dc;align-items:center;gap:4px;height:25px;padding-inline:10px;font-size:8px;display:flex}.browser-bar i{background:#d5cfc4;border-radius:100%;width:4px;height:4px;display:block}.browser-bar span{margin-left:12px}.hero-browser{width:100%;transition:transform .25s;transform:rotate(-3deg)}.hero-browser:hover{transform:rotate(-1deg)}.hero-browser-small{width:68%;transition:transform .25s;position:absolute;bottom:26px;right:-10px;transform:rotate(5deg)}.hero-browser-small:hover{transform:rotate(2deg)}.art-stamp{color:var(--tech-muted);align-items:center;gap:12px;font-size:10px;display:flex;position:absolute;bottom:20px;left:0}.art-stamp strong{color:var(--tech-main);font-weight:600}.stamp-arrow{color:var(--tech-accent);font-size:34px}.intro-strip{border-top:1px solid var(--tech-line);border-bottom:1px solid var(--tech-line)}.intro-strip>.wrap{justify-content:space-between;align-items:center;gap:24px;padding-block:26px;display:flex}.intro-strip p{color:var(--tech-main);margin:0;font-size:14px}.intro-strip .wrap>div{color:var(--tech-muted);gap:38px;font-size:13px;display:flex}.mobile-break{display:none}.section-heading{justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:40px;display:flex}.section-heading h2{margin-bottom:0}.section-aside{color:var(--tech-muted);max-width:340px;margin-bottom:0;font-size:14px;line-height:1.9}.section-aside p{margin-bottom:12px}.work-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;display:grid}.work-picture{background:#eee9e0;border-radius:12px;padding:26px 15px;display:block;overflow:hidden}.work-picture img{border-radius:5px;width:100%;height:auto;transition:transform .3s;box-shadow:0 8px 25px #3a2d2217}.work-picture:hover img{transform:translateY(-4px)}.work-babygopet .work-picture{background:#e8eeee}.work-shifeng .work-picture{background:#e8e9ed}.work-copy{padding:24px 1px 0}.work-copy .eyebrow{letter-spacing:.08em;margin-bottom:10px;font-size:11px}.work-copy h3{margin-bottom:12px;font-size:20px}.work-copy h3 a{justify-content:space-between;gap:12px;display:flex}.work-copy h3 span{color:var(--tech-muted);font-size:19px}.work-copy>p{color:var(--tech-muted);font-size:14px;line-height:1.85}.work-tags{flex-wrap:wrap;gap:10px;margin:20px 0 0;padding:0;list-style:none;display:flex}.work-tags li{letter-spacing:.04em;color:#7a7369;border-top:1px solid var(--tech-line);padding-top:8px;font-size:11px}.services-section{background:#f0ede7;border-block:1px solid #e8e3da}.service-grid{grid-template-columns:1fr 1fr;gap:28px;display:grid}.service-plan{background:var(--tech-card);border-radius:14px;padding:38px 38px 34px;position:relative}.service-plan .eyebrow{margin-bottom:12px}.plan-number{color:#e6e0d7;font-size:42px;font-weight:300;line-height:1.5;position:absolute;top:25px;right:30px}.service-plan h3{margin-bottom:18px;font-size:28px}.plan-intro{font-size:16px;line-height:1.9}.plan-audience{color:var(--tech-muted);border-bottom:1px solid var(--tech-line);padding-bottom:22px;font-size:12px}.benefit-list{grid-template-columns:1fr 1fr;gap:24px 22px;margin:28px 0;display:grid}.benefit-list h4{margin-bottom:7px;font-size:15px}.benefit-list p{color:var(--tech-muted);margin:0;font-size:13px;line-height:1.85}.custom-plan{background:#e5e2d9}.service-plan .text-link{width:100%;margin-top:5px}.pricing-section{grid-template-columns:1fr 1.1fr;align-items:center;gap:72px;display:grid}.pricing-copy>p:not(.eyebrow){color:var(--tech-muted);font-size:14px;line-height:1.9}.price-card{border:1px solid var(--tech-line);background:#fff;border-radius:14px;padding:38px}.price-equation{justify-content:space-between;align-items:center;gap:16px;display:flex}.price-equation>div>span{color:var(--tech-muted);font-size:13px}.price-equation strong{color:var(--tech-main);letter-spacing:-.055em;white-space:nowrap;font-size:40px;font-weight:500;line-height:1.6;display:block}.price-equation strong small{letter-spacing:0;margin-right:7px;font-size:12px;font-weight:500}.price-equation>b{color:#a39a8c;font-size:20px;font-weight:300}.annual-price{border-top:1px solid var(--tech-line);color:var(--tech-muted);flex-wrap:wrap;gap:8px 18px;margin-top:18px;padding-top:20px;font-size:12px;display:flex}.annual-price strong{color:var(--tech-main);font-weight:500}.price-card .fine-print{margin:10px 0 20px;font-size:12px}.included-list{padding:0;font-size:14px;line-height:2.15;list-style:none}.included-list li:before{content:"✓";color:var(--tech-green);margin-right:10px;font-size:12px}.price-card>.tech-button{width:100%;margin-top:8px}.process-section{background:#ebe7de}.process-list{grid-template-columns:repeat(4,1fr);gap:28px;margin:48px 0 0;padding:0;list-style:none;display:grid}.step-number{color:var(--tech-accent);letter-spacing:.06em;border-top:1px solid #cfc8bc;margin-bottom:24px;padding-top:20px;font-size:13px;display:block}.process-list h3{margin-bottom:12px;font-size:20px}.process-list p{color:var(--tech-muted);font-size:14px;line-height:1.9}.process-list small{color:#776f62;font-size:11px;line-height:1.8;display:block}.faq-section{grid-template-columns:1fr 1.5fr;gap:72px;display:grid}.faq-section>.muted,.faq-section .muted{font-size:14px}.faq-list details{border-top:1px solid var(--tech-line)}.faq-list details:last-child{border-bottom:1px solid var(--tech-line)}.faq-list summary{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;padding:21px 0;font-size:15px;line-height:1.8;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:var(--tech-muted);flex:none;font-size:18px;transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details>p{color:var(--tech-muted);margin:0 35px 22px 0;font-size:14px;line-height:1.9}.assessment-wrap{padding-bottom:96px}.tech-form-panel{border:1px solid var(--tech-line);background:#fff;border-radius:16px;grid-template-columns:.7fr 1.3fr;gap:55px;padding:48px;display:grid}.tech-form-copy h2{font-size:32px}.tech-form-copy .tech-section-intro{color:var(--tech-muted);font-size:14px}.tech-section-kicker{letter-spacing:.12em;color:var(--tech-muted);margin-bottom:22px;font-size:12px}.tech-form-fields{min-width:0}.tech-form-progress{border-bottom:1px solid var(--tech-line);gap:28px;margin-bottom:24px;display:flex}.tech-form-progress-step{color:var(--tech-muted);align-items:center;gap:8px;padding:0 0 14px;font-size:13px;display:flex}.tech-form-progress-step:before{content:attr(data-step);border:1px solid var(--tech-line);border-radius:50%;place-items:center;width:22px;height:22px;font-size:11px;display:grid}.tech-form-progress-step.is-active{border-bottom:2px solid var(--tech-accent);color:var(--tech-accent)}.tech-form-progress-step.is-active:before{background:var(--tech-accent);color:#fff;border-color:var(--tech-accent)}.tech-form-section{margin-bottom:26px}.tech-form-section-title{margin:0 0 16px;font-size:16px}.tech-field-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.tech-basic-grid>.tech-field:last-child{grid-column:1/-1}.tech-field{gap:8px;min-width:0;display:grid}.tech-field label{color:#5b554e;font-size:13px}.tech-required-mark{color:var(--tech-accent);white-space:nowrap;margin-left:4px;font-size:10px}.tech-field input,.tech-field select,.tech-field textarea{border:1px solid var(--tech-line);width:100%;min-width:0;max-width:100%;color:var(--tech-ink);background:#fff;border-radius:8px;padding:12px 14px;font-size:16px;line-height:1.6}.tech-field textarea{resize:vertical;min-height:110px}.tech-field input::placeholder,.tech-field textarea::placeholder{color:#8b857c;font-size:13px}.tech-check-group{border:0;min-width:0;margin:0 0 26px;padding:0}.tech-check-options{flex-wrap:wrap;gap:10px 16px;display:flex}.tech-check-options label{cursor:pointer;align-items:center;gap:8px;min-height:32px;padding-block:4px;font-size:13px;display:flex}.tech-check-options input{accent-color:var(--tech-accent);flex-shrink:0;width:16px;height:16px}.tech-optional-section{border-top:1px solid var(--tech-line);border-bottom:1px solid var(--tech-line);margin-bottom:25px}.tech-optional-section>summary{cursor:pointer;padding:15px 0;font-size:13px}.tech-optional-content{padding:10px 0 22px}.tech-submit-row{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.tech-form-hint{color:var(--tech-muted);margin:0 0 16px;font-size:12px;line-height:1.8}.tech-submit-row .tech-form-hint{margin:0}.tech-preview-panel{border-top:1px solid var(--tech-line);padding-top:22px}.tech-preview-title{margin:0 0 10px;font-size:16px}.tech-preview-desc{color:var(--tech-muted);font-size:13px}.tech-preview-edit-status{color:var(--tech-green);margin-bottom:16px;font-size:12px}.tech-preview-edit-status.is-stale{color:#945c19}.tech-summary-details{margin:16px 0}.tech-summary-details>summary{cursor:pointer;padding:10px 0;font-size:13px}.tech-summary-details>.tech-field{margin-top:12px}.tech-privacy-notice{color:var(--tech-muted);margin-block:24px;font-size:12px;line-height:1.9}.tech-privacy-notice a{text-decoration:underline}.tech-preview-actions,.tech-result-actions{flex-wrap:wrap;gap:10px;display:flex}.tech-preview-actions .tech-button:not(.primary),.tech-result-actions .tech-button{gap:10px;padding:10px 14px;font-size:12px}.tech-submit-error{overflow-wrap:anywhere;background:#fff2ef;border:1px solid #ecc6bc;border-radius:8px;margin:18px 0;padding:18px}.tech-submit-error h3{font-size:16px}.tech-submit-error p{font-size:13px}.tech-result-id{overflow-wrap:anywhere;color:var(--tech-muted);font-size:11px}.tech-submit-result{align-self:center}.tech-submit-result h3{font-size:26px}.tech-submit-result p{font-size:14px}.tech-form-message{color:#a73030;margin:0 0 16px;font-size:13px}.tech-form-message:empty{display:none}.tech-copy-status{color:var(--tech-green);margin:10px 0 0;font-size:12px}.tech-honeypot{width:1px;height:1px;position:absolute;top:auto;left:-10000px;overflow:hidden}.contact-section{border-top:1px solid var(--tech-line);grid-template-columns:1fr 1fr;align-items:center;gap:72px;padding-block:72px;display:grid}.contact-section p:not(.eyebrow){color:var(--tech-muted);font-size:13px}.contact-methods>a{border-bottom:1px solid var(--tech-line);grid-template-columns:1fr auto;gap:5px 16px;padding:18px 0;display:grid}.contact-methods span{color:var(--tech-muted);letter-spacing:.1em;font-size:11px}.contact-methods strong{overflow-wrap:anywhere;grid-column:1;font-size:22px;font-weight:500}.contact-methods b{grid-area:1/2/3;align-self:center;font-size:22px;font-weight:400}.contact-methods a:hover{color:var(--tech-accent)}.site-footer{border-top:1px solid var(--tech-line);color:var(--tech-muted);background:#f0ede7;font-size:11px}.footer-inner{justify-content:space-between;align-items:center;gap:24px;padding-block:25px;display:flex}.footer-inner p{margin:0}.footer-inner nav{flex-wrap:wrap;gap:20px;display:flex}.footer-parent{color:var(--tech-main)}.breadcrumbs{color:var(--tech-muted);flex-wrap:wrap;gap:12px;padding-block:26px;font-size:12px;display:flex}.breadcrumbs a{text-underline-offset:4px;text-decoration:underline}.detail-hero{max-width:850px;padding:35px 0 65px}.detail-hero h1{margin-bottom:22px;font-size:clamp(36px,4.5vw,56px)}.detail-hero .lead{color:var(--tech-muted);max-width:680px;font-size:18px}.detail-image{background:var(--tech-soft);border:1px solid var(--tech-line);border-radius:14px;padding:34px}.detail-image img{border-radius:8px;width:100%;height:auto;box-shadow:0 10px 24px #33251514}.detail-image figcaption{color:var(--tech-muted);margin-top:18px;font-size:11px}.detail-image{margin:0}.article-sections{max-width:820px;padding:60px 0}.article-sections section{border-bottom:1px solid var(--tech-line);margin-bottom:34px;padding-bottom:34px}.article-sections h2{font-size:26px}.article-sections p,.article-sections li{color:var(--tech-muted);font-size:16px;line-height:1.95}.article-sections li+li{margin-top:10px}.detail-cta{background:var(--tech-soft);border-radius:14px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:70px;padding:40px;display:flex}.detail-cta h2{margin:0 0 8px;font-size:26px}.detail-cta p{color:var(--tech-muted);margin:0;font-size:14px}.other-work{margin:65px 0 80px}.other-work h2{font-size:26px}.other-work>a{border-bottom:1px solid var(--tech-line);grid-template-columns:1fr 1.5fr auto;align-items:center;gap:24px;padding:24px 0;display:grid}.other-work strong{font-size:18px;font-weight:500}.other-work span{color:var(--tech-muted);font-size:13px}.other-work small{color:var(--tech-muted);font-size:11px;font-weight:400;display:block}.pricing-note{border-left:3px solid var(--tech-accent);padding:8px 0 8px 24px}.article-sections .benefit-list{gap:24px}.article-sections .benefit-list p{font-size:14px}@media (min-width:1500px){.hero{min-height:720px}}@media (max-width:1050px){.wrap{width:calc(100% - 64px)}.desktop-nav{gap:20px}.hero{gap:30px;min-height:620px}.hero h1{font-size:48px}.hero-description{font-size:14px}.hero-lead{font-size:18px}.hero-art{padding-bottom:110px}.hero-browser-small{bottom:24px}.art-stamp{font-size:9px;bottom:3px}.pricing-section{gap:36px}.price-card{padding:28px}.price-equation strong{font-size:34px}.tech-form-panel{gap:35px;padding:35px}.faq-section{gap:35px}.intro-strip .wrap>div{gap:24px}}@media (max-width:850px){.desktop-nav{display:none}.menu-shell{display:block}.hero{grid-template-columns:1fr;gap:28px;padding-block:50px 52px}.hero-copy{max-width:580px}.hero h1{font-size:50px}.hero-description{max-width:480px}.hero-art{width:min(550px,95%);margin-inline:auto;padding:45px 0 140px}.hero-art:before{width:80%;top:-15%;left:18%}.art-label{top:-5px}.hero-browser-small{bottom:30px}.hero-note{margin-top:24px}.art-stamp{bottom:18px}.work-grid{gap:20px}.work-picture{padding:20px 10px}.work-copy h3{font-size:17px}.work-copy>p{font-size:13px}.service-plan{padding:30px}.service-plan h3{font-size:24px}.benefit-list{grid-template-columns:1fr;gap:18px}.process-list{grid-template-columns:1fr 1fr;gap:30px}.tech-form-panel{grid-template-columns:1fr;gap:20px}.tech-form-copy h2{font-size:30px}.contact-section{gap:35px}.contact-methods strong{font-size:19px}.intro-strip .wrap>div{gap:20px}.intro-strip p{font-size:12px}.intro-strip span{font-size:11px}.footer-inner{flex-wrap:wrap}.footer-inner p{order:3;width:100%}.section{padding-block:75px}}@media (max-width:600px){.wrap{width:calc(100% - 40px)}.header-inner{gap:12px;height:72px}.brand-link img{width:30px;height:30px}.brand-link{gap:7px}.brand-link>span{font-size:16px}.brand-link small{font-size:8px}.header-actions{gap:8px}.header-cta{gap:10px;min-height:42px;padding:9px 12px;font-size:12px}.hero{gap:40px;padding-top:40px}.hero .eyebrow{margin-bottom:23px;font-size:11px}.hero h1{font-size:46px;line-height:1.32}.hero-lead{font-size:18px}.hero-description{font-size:14px}.actions{gap:22px;margin-top:26px}.actions .tech-button{padding-inline:18px}.hero-note{font-size:10px}.hero-art{width:calc(100% - 10px);margin-right:10px;padding-top:35px;padding-bottom:110px}.hero-browser-small{width:67%;bottom:25px;right:-8px}.browser-bar{height:18px;padding-inline:7px;font-size:6px}.browser-bar i{width:3px;height:3px}.art-stamp{gap:6px;font-size:8px;bottom:12px;left:0}.stamp-arrow{font-size:26px}.art-label{font-size:9px}.art-label span:first-child{font-size:8px}.hero-art:before{width:83%;top:-7%;left:15%}.intro-strip>.wrap{padding-block:24px;display:block}.intro-strip p{margin-bottom:17px;font-size:14px}.intro-strip .wrap>div{justify-content:space-between;gap:10px}.intro-strip span{font-size:11px}.section{padding-block:64px}h2{font-size:30px}.eyebrow{margin-bottom:18px;font-size:11px}.section-heading{margin-bottom:30px;display:block}.section-aside{max-width:none;margin-top:20px;font-size:14px}.section-aside p br{display:none}.work-grid{grid-template-columns:1fr;gap:36px}.work-picture{padding:26px 18px}.work-copy{padding-top:20px}.work-copy h3{font-size:22px}.work-copy>p{font-size:14px}.work-tags{margin-top:14px}.work-tags li{font-size:11px}.service-grid{grid-template-columns:1fr;gap:20px}.service-plan{padding:28px 24px}.service-plan h3{font-size:26px}.plan-intro{font-size:15px}.benefit-list{grid-template-columns:1fr 1fr;gap:24px 18px}.benefit-list p{font-size:13px}.plan-number{font-size:36px;top:22px;right:22px}.pricing-section{grid-template-columns:1fr;gap:30px}.price-card{padding:26px 22px}.price-equation strong{font-size:36px}.price-equation strong small{margin-right:5px;font-size:11px}.price-equation>div>span{font-size:12px}.annual-price{gap:7px;display:grid}.process-list{grid-template-columns:1fr;gap:28px;margin-top:30px}.process-list li{border-top:1px solid #cec7bb;grid-template-columns:36px 1fr;gap:0 15px;padding-top:22px;display:grid}.step-number{border:0;grid-row:1/4;margin:0;padding:3px 0 0}.process-list h3{grid-column:2;font-size:21px}.process-list p{grid-column:2;margin-bottom:12px}.process-list small{grid-column:2}.faq-section{grid-template-columns:1fr;gap:20px}.faq-list summary{min-height:65px;font-size:14px}.faq-list details>p{margin-right:12px}.assessment-wrap{width:100%;padding-bottom:64px}.tech-form-panel{border-inline:0;border-radius:0;gap:18px;padding:36px 20px}.tech-form-copy h2{font-size:30px}.tech-field-grid{grid-template-columns:1fr}.tech-form-progress{gap:24px}.tech-form-progress-step{font-size:12px}.tech-check-options{gap:8px 15px}.tech-check-options label{min-height:40px}.tech-preview-actions>.primary,.tech-submit-row>.primary{width:100%}.tech-preview-panel{padding-top:20px}.contact-section{grid-template-columns:1fr;gap:20px;padding-block:50px}.contact-methods strong{font-size:21px}.footer-inner{gap:20px;padding-block:26px}.footer-inner nav{gap:18px;font-size:11px}.footer-inner p{font-size:10px}.detail-hero{padding-block:20px 40px}.detail-hero h1{font-size:36px}.detail-hero .lead{font-size:16px}.detail-image{border-radius:8px;padding:16px}.detail-image figcaption{font-size:10px}.article-sections{padding-block:40px}.article-sections h2{font-size:25px}.article-sections p,.article-sections li{font-size:15px}.detail-cta{margin-bottom:50px;padding:26px;display:block}.detail-cta>.tech-button{margin-top:24px}.other-work>a{grid-template-columns:1fr auto;gap:10px}.other-work>a>span{grid-column:1}.other-work>a>b{grid-area:1/2/3}.breadcrumbs{gap:8px;font-size:11px}.mobile-break{display:block}}@media (max-width:360px){.hero h1{font-size:40px}.header-cta{padding-inline:10px}.header-cta span{display:none}.brand-link small{font-size:7px}.price-equation strong{font-size:30px}.benefit-list{grid-template-columns:1fr}.hero-art{padding-bottom:90px}.art-stamp{font-size:7px}.art-stamp .stamp-arrow{font-size:22px}.footer-inner nav{gap:14px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
.admin-page{max-width:1360px;min-height:65vh;margin:0 auto;padding:48px clamp(18px,4vw,48px) 64px}.admin-heading,.admin-detail-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.admin-heading h1{color:var(--tech-main);margin:8px 0;font-size:36px}.admin-heading p{color:var(--tech-muted)}.admin-account{flex-wrap:wrap;align-items:center;gap:14px;font-size:14px;display:flex}.admin-login{background:var(--tech-card);border:1px solid var(--tech-line);border-radius:20px;gap:16px;max-width:460px;margin:40px auto;padding:28px;display:grid}.admin-login h2,.admin-login p{margin:0}.admin-page input,.admin-page select,.admin-page textarea{border:1px solid var(--tech-line);width:100%;color:var(--tech-ink);font:inherit;background:#fff;border-radius:10px;padding:12px 14px}.admin-page textarea{resize:vertical;line-height:1.65}.admin-toolbar{flex-wrap:wrap;align-items:end;gap:16px;margin:28px 0 20px;display:flex}.admin-toolbar label{flex:1;gap:8px;min-width:180px;display:grid}.admin-toolbar label:nth-child(2){flex:2}.admin-alert{color:#a32b32;background:#fff1f1;border:1px solid #dfafb0;border-radius:12px;margin:16px 0;padding:16px;line-height:1.7}.admin-notice{color:#245e3c;background:#e7f4eb;border-radius:12px;padding:14px 18px}.admin-workspace{grid-template-columns:minmax(270px,.8fr) minmax(0,1.8fr);align-items:start;gap:24px;display:grid}.admin-list,.admin-detail{border:1px solid var(--tech-line);background:var(--tech-card);border-radius:18px;min-width:0;padding:20px}.admin-list-count,.admin-muted{color:var(--tech-muted);font-size:13px}.admin-row{text-align:left;border:1px solid #0000;border-bottom-color:var(--tech-line);width:100%;font:inherit;cursor:pointer;color:var(--tech-ink);overflow-wrap:anywhere;background:0 0;gap:8px;padding:18px 12px;display:grid}.admin-row:hover{background:var(--tech-soft)}.admin-row.selected{background:#f9eeea;border-color:#ba5555;border-radius:12px}.admin-row-top{justify-content:space-between;align-items:start;gap:10px;display:flex}.admin-row small{color:var(--tech-muted);font-size:12px}.admin-badge{white-space:nowrap;color:#704b37;background:#eee7df;border-radius:30px;padding:4px 8px;font-size:12px}.status-new{color:#ac3038;background:#fce7e7}.status-won{color:#24663a;background:#dff0e5}.admin-detail-heading h2{color:var(--tech-main);margin:8px 0}.admin-detail-heading p{overflow-wrap:anywhere;color:var(--tech-muted);font-size:13px}.admin-detail h3{margin:26px 0 12px}.admin-info{background:var(--tech-bg);border-radius:12px;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0;padding:18px;display:grid}.admin-info dt,.admin-snapshot dt{color:var(--tech-muted);margin-bottom:6px;font-size:13px}.admin-info dd,.admin-snapshot dd{overflow-wrap:anywhere;white-space:pre-wrap;margin:0}.admin-summary{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;background:#f7f1eb;border-radius:12px;padding:20px;font-size:14px;line-height:1.8}.admin-empty{text-align:center;color:var(--tech-muted);padding:36px 16px}.admin-snapshot{margin:22px 0}.admin-snapshot summary{cursor:pointer}.admin-snapshot dl{gap:16px;display:grid}.admin-receipts{grid-template-columns:1fr 1fr;gap:12px;display:grid}.admin-receipt{border:1px solid var(--tech-line);overflow-wrap:anywhere;border-radius:10px;gap:8px;padding:14px;font-size:14px;display:grid}.admin-receipt small{color:var(--tech-muted)}.admin-edit{gap:12px;display:grid}.admin-save-row{align-items:center;gap:16px;margin-top:8px;display:flex}.admin-save-row span{color:var(--tech-muted);font-size:13px}button:disabled{opacity:.55;cursor:wait}.admin-page button:disabled{cursor:not-allowed}@media (max-width:800px){#inquiry-detail{scroll-margin-top:90px}.admin-heading{flex-direction:column;align-items:start}.admin-workspace{grid-template-columns:1fr}.admin-list{max-height:480px;overflow:auto}.admin-info{grid-template-columns:1fr}.admin-toolbar .tech-button{width:100%}.admin-detail-heading{flex-direction:column;align-items:start}.admin-receipts{grid-template-columns:1fr}.admin-save-row{flex-direction:column;align-items:start}}
section[id]{scroll-margin-top:16px}.landing h1,.landing h2,.detail-page h1,.detail-page h2{text-wrap:balance}.landing p,.detail-page p{text-wrap:pretty}.landing .hero{grid-template-columns:.95fr 1.05fr;gap:60px;min-height:640px;padding-block:56px 64px}.landing .hero h1{margin-bottom:24px;font-size:clamp(44px,4.5vw,62px);line-height:1.28}.landing .hero-lead{line-height:1.75}.landing .hero-description{max-width:410px}.landing .hero-note{margin-top:28px}.landing .hero-art{padding:52px 0 100px}.landing .hero-art:before{aspect-ratio:auto;background:#eee8de;border-radius:24px;width:auto;inset:30px 12px 32px 24px}.landing .art-label{top:0;left:0}.landing .hero-browser{width:94%;transform:none}.landing .hero-browser:hover{transform:translateY(-3px)}.landing .hero-browser-small{width:59%;bottom:18px;right:0;transform:rotate(2deg)}.landing .hero-browser-small:hover{transform:translateY(-3px)}.landing .art-stamp{font-size:10px;bottom:20px;left:0}.landing .intro-strip>.wrap{padding-block:22px}.reading-nav{z-index:15;border-block:1px solid var(--tech-line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#faf8f4f5;position:sticky;top:88px}.reading-nav>.wrap{grid-template-columns:repeat(6,minmax(0,1fr));display:grid;position:relative}.reading-nav a{white-space:nowrap;border-bottom:2px solid #0000;justify-content:center;align-items:center;gap:10px;min-height:58px;font-size:14px;display:flex}.reading-nav a span{color:var(--tech-muted);font-size:10px}.reading-nav a[aria-current]{color:var(--tech-accent);border-bottom-color:var(--tech-accent);background:#b6424206;font-weight:600}.reading-nav a:hover{background:var(--tech-soft)}.landing .chapter{--chapter-height:760px;--chapter-padding:80px;min-height:var(--chapter-height);padding-block:var(--chapter-padding);flex-direction:column;justify-content:flex-start;gap:0;display:flex}.landing .chapter.services-section,.landing .chapter.process-section{padding:0}.landing .chapter>.wrap.section{min-height:inherit;padding-block:var(--chapter-padding);flex-direction:column;justify-content:flex-start;display:flex}.landing .chapter .section-heading{grid-template-columns:1.15fr .85fr;align-items:start;gap:48px;min-height:128px;margin-bottom:40px;display:grid}.landing .chapter .section-heading h2{margin-bottom:0;font-size:36px;line-height:1.42}.landing .chapter .section-heading .eyebrow{margin-bottom:18px}.landing .chapter .section-aside{width:auto;max-width:380px;margin:0;padding-top:36px;font-size:15px;line-height:1.9}.landing .chapter .section-aside p{margin-bottom:12px}.landing .chapter .section-aside p br{display:none}.case-finder{width:100%;margin-bottom:40px}.case-filters{border:1px solid var(--tech-line);background:#eeeae2;border-radius:12px;grid-template-columns:1fr 1fr auto;align-items:end;gap:24px;padding:24px;display:grid}.case-filters label{gap:9px;font-size:13px;display:grid}.case-filters label>span{font-weight:600}.case-filters select{width:100%;min-width:0;min-height:48px;color:var(--tech-ink);background:#fff;border:1px solid #d4cec3;border-radius:6px;padding:10px 36px 10px 14px;font-size:16px}.filter-reset{min-height:48px;color:var(--tech-main);text-underline-offset:5px;background:0 0;border:0;padding:10px 12px;font-size:13px;text-decoration:underline}.filter-reset:disabled{opacity:.45;cursor:default}.case-result-line{color:var(--tech-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 20px;padding-block:24px;font-size:13px;display:flex}.case-result-line p{color:var(--tech-main);margin:0}.reference-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:28px;display:grid}.reference-card{border:1px solid var(--tech-line);background:#fff;border-radius:12px;flex-direction:column;min-width:0;display:flex;overflow:hidden}.reference-image{aspect-ratio:16/10;border-bottom:1px solid var(--tech-line);background:#eeebe5;align-items:center;padding:18px;display:flex;overflow:hidden}.reference-image img{border-radius:4px;width:100%;height:auto;transition:transform .18s;box-shadow:0 4px 12px #3f291f12}.reference-image:hover img{transform:translateY(-3px)}.reference-copy{flex-direction:column;flex:1;padding:24px;display:flex}.reference-copy .eyebrow{margin:0 0 12px;font-size:11px}.reference-copy h3{min-height:63px;margin:0 0 12px;font-size:21px;line-height:1.5}.reference-copy h3 a{justify-content:space-between;gap:8px;display:flex}.reference-copy h3 span{color:var(--tech-muted);flex-shrink:0;font-size:18px}.reference-description{color:var(--tech-muted);min-height:80px;margin-bottom:20px;font-size:14px;line-height:1.9}.reference-tags{color:var(--tech-muted);flex-wrap:wrap;gap:8px 12px;margin:0 0 24px;padding:0;font-size:11px;list-style:none;display:flex}.reference-tags li{padding-left:10px;position:relative}.reference-tags li:before{content:"";background:#b6424280;border-radius:50%;width:3px;height:3px;position:absolute;top:9px;left:0}.reference-actions{border-top:1px solid var(--tech-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 18px;margin-top:auto;padding-top:14px;font-size:12px;display:flex}.reference-actions a{padding-block:8px}.reference-actions a:last-child{color:var(--tech-accent);font-weight:500}.case-empty{text-align:center;border:1px dashed var(--tech-line);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:330px;padding:48px 24px;display:flex}.case-empty h3{font-size:24px}.case-empty p{color:var(--tech-muted)}.case-empty .actions{justify-content:center;margin-top:12px}.case-more{text-align:right;margin-top:28px}.landing .case-finder{margin-bottom:0}.landing .services-section{background:#f1eee8}.landing .service-grid{gap:28px}.landing .service-plan{border:1px solid #e4ded4;flex-direction:column;padding:36px;display:flex}.landing .custom-plan{background:#faf8f4}.landing .plan-number{color:#afa599;font-size:32px;top:24px;right:28px}.landing .plan-intro{margin-bottom:14px}.landing .plan-intro br{display:none}.landing .plan-audience{margin-bottom:0;padding-bottom:22px}.landing .benefit-list{gap:24px;margin:24px 0 30px}.landing .benefit-list p{font-size:14px}.landing .service-plan .text-link{border-top:1px solid var(--tech-line);margin-top:auto;padding-top:18px}.landing .price-card{width:100%;box-shadow:none;grid-template-columns:1fr 1fr;gap:56px;padding:40px;display:grid}.landing .price-main{align-self:center;min-width:0}.landing .price-details{border-left:1px solid var(--tech-line);min-width:0;padding-left:48px}.landing .price-equation{grid-template-columns:1fr auto 1fr;gap:24px;display:grid}.landing .price-equation strong{font-variant-numeric:tabular-nums;font-size:44px}.landing .annual-price{justify-content:space-between;font-size:13px}.landing .included-list{margin:0 0 20px}.landing .price-details .tech-button{width:100%;margin-top:10px}.landing .process-section{background:#eeeae2}.landing .process-list{gap:28px;margin:0}.landing .process-list li{flex-direction:column;display:flex}.landing .process-list small{margin-top:auto;padding-top:10px}.landing .step-number{margin-bottom:22px}.landing .faq-list{width:100%}.landing .faq-list summary{padding-block:22px;font-size:16px}.landing .faq-list details>p{max-width:850px;font-size:15px}.landing .chapter.assessment-wrap{border-top:1px solid var(--tech-line)}.landing .tech-form-panel{background:0 0;border:0;padding:0;display:block}.landing .tech-form-copy{max-width:none;margin-bottom:40px}.landing .tech-form-copy h2{margin-bottom:16px;font-size:36px}.landing .tech-form-copy .tech-section-kicker{margin-bottom:18px}.landing .tech-form-copy .tech-section-intro{margin:0;font-size:15px}.landing .tech-form,.landing .tech-submit-result{border:1px solid var(--tech-line);background:#fff;border-radius:12px;max-width:900px;margin-inline:auto;padding:40px}.landing .tech-check-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.landing .tech-check-options label{border:1px solid var(--tech-line);border-radius:7px;min-height:44px;padding:10px 12px;line-height:1.6}.landing .tech-check-options label:has(input:checked){background:#fbf3ef;border-color:#b6424270}.landing .tech-submit-row{align-items:start}.landing .tech-submit-row .tech-form-hint{flex-basis:100%}.reference-suggestion{background:#f2ece3;border:1px solid #ded3c4;border-radius:10px;justify-content:space-between;align-items:center;gap:24px;max-width:900px;margin:0 auto 24px;padding:24px;display:flex}.reference-suggestion .eyebrow{margin-bottom:8px}.reference-suggestion strong{font-size:19px}.reference-suggestion p:last-child{color:var(--tech-muted);margin:8px 0 0;font-size:14px}.reference-suggestion button{flex-shrink:0}.detail-page .detail-hero{max-width:960px;padding-bottom:52px}.detail-page .detail-hero h1{max-width:900px}.detail-page .article-sections{max-width:820px;margin-inline:auto;padding-block:64px 40px}.detail-page .article-sections section{margin-bottom:40px;padding-bottom:40px}.detail-page .article-sections h2{margin-bottom:24px}.detail-page .other-work{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:32px 0;display:grid}.detail-page .other-work>article{border-top:1px solid var(--tech-line);padding:24px 0 8px}.detail-page .other-work h3{margin-bottom:12px;font-size:21px}.detail-page .other-work p{font-size:15px}.detail-page .other-work .eyebrow{margin-bottom:14px;font-size:11px}.detail-page .other-work a{border-bottom:1px solid var(--tech-line);padding-block:10px;font-size:14px;display:inline-block}.detail-page .article-sections .other-work{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 32px}.detail-page .article-sections .other-work>article{background:#f1eee8;border:0;border-radius:10px;padding:24px}.detail-page .article-sections .other-work p:last-child{margin-bottom:0}.detail-page .detail-cta{margin-top:48px;padding:40px 48px}.related-references{padding-block:48px}.related-references>div{grid-template-columns:1fr 1fr;gap:28px;margin-block:24px;display:grid}.related-references>div>a{border:1px solid var(--tech-line);background:#f1eee8;border-radius:10px;padding:24px;display:block}.related-references span{color:var(--tech-muted);font-size:12px;display:block}.related-references strong{margin-block:12px;font-size:20px;display:block}.related-references p{color:var(--tech-muted);font-size:14px}.related-references>div p{margin-bottom:0}@media (max-width:1100px){.landing .hero{gap:36px}.landing .hero h1{font-size:48px}.reference-grid{gap:20px}.reference-copy{padding:20px}.reference-copy h3{min-height:57px;font-size:19px}.reference-description{min-height:108px}.landing .price-card{gap:28px;padding:32px}.landing .price-details{padding-left:28px}.landing .price-equation{gap:12px}.landing .price-equation strong{font-size:36px}}@media (max-width:850px){.landing .hero{grid-template-columns:1fr 1fr;gap:28px;min-height:570px;padding-block:48px}.landing .hero h1{font-size:42px}.landing .hero-lead{font-size:17px}.landing .hero-art{width:100%;padding:46px 0 74px}.landing .hero-art:before{inset:25px 0 24px 12px}.landing .art-stamp{gap:5px;font-size:8px;bottom:0}.landing .stamp-arrow{font-size:26px}.landing .hero-browser-small{bottom:0}.landing .chapter{--chapter-height:680px;--chapter-padding:64px}.landing .chapter .section-heading{gap:28px;min-height:120px}.landing .chapter .section-heading h2{font-size:30px}.landing .chapter .section-aside{font-size:14px}.landing .service-plan{padding:28px}.landing .benefit-list{grid-template-columns:1fr}.case-filters{gap:16px;padding:20px}.reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-copy h3{min-height:63px;font-size:21px}.reference-description{min-height:80px}.landing .price-equation strong{font-size:30px}.landing .annual-price{gap:8px;display:grid}.landing .tech-check-options{grid-template-columns:1fr 1fr}.landing .tech-form,.landing .tech-submit-result{padding:32px}}@media (max-width:650px){html{scroll-padding-top:140px}.reading-nav{top:88px}.reading-nav>.wrap{width:100%;padding-inline:20px;display:flex;overflow-x:auto}.reading-nav a{flex-shrink:0;gap:7px;min-height:50px;padding-inline:14px;font-size:13px}.landing .hero{grid-template-columns:1fr;gap:26px;min-height:0;padding-block:36px 40px}.landing .hero h1{margin-bottom:20px;font-size:clamp(38px,10.8vw,52px)}.landing .hero .eyebrow{margin-bottom:20px}.landing .hero-lead{margin-bottom:12px;font-size:18px}.landing .hero-description{max-width:440px;line-height:1.85}.landing .hero .actions{gap:20px;margin-top:22px}.landing .hero-note{margin-top:20px}.landing .hero-art{width:100%;max-width:440px;margin-inline:auto;padding:32px 0 62px}.landing .art-label{align-items:center;gap:10px;font-size:9px;display:flex}.landing .art-label span:first-child{font-size:8px}.landing .hero-browser{width:86%}.landing .hero-browser-small{width:52%;bottom:4px;right:0}.landing .art-stamp{font-size:8px;bottom:2px}.landing .intro-strip>.wrap{padding-block:18px}.landing .intro-strip p{margin-bottom:12px;font-size:13px}.landing .intro-strip .mobile-break{display:none}.landing .chapter{--chapter-height:0px;--chapter-padding:56px}.landing .chapter .section-heading{grid-template-columns:1fr;gap:18px;min-height:0;margin-bottom:28px}.landing .chapter .section-heading h2{font-size:30px}.landing .chapter .section-aside{max-width:none;margin:0;padding:0}.landing .chapter .section-aside .text-link{display:none}.case-filters{grid-template-columns:1fr 1fr;gap:14px;padding:18px}.case-filters label{font-size:12px}.case-filters select{padding-left:10px;padding-right:22px;font-size:16px}.filter-reset{grid-column:1/-1;justify-self:end;min-height:32px;padding:0}.case-result-line{padding-block:20px;font-size:12px;display:block}.case-result-line span{margin-top:6px;display:block}.reference-grid{grid-template-columns:1fr;gap:24px}.reference-image{aspect-ratio:16/9;padding:16px}.reference-copy{padding:22px}.reference-copy h3{min-height:0;font-size:22px}.reference-description{min-height:0}.reference-tags{margin-bottom:20px}.reference-actions{font-size:13px}.case-more{text-align:left;margin-top:24px}.case-empty{min-height:300px;padding:30px 20px}.case-empty h3{font-size:22px}.case-empty .actions{flex-direction:column}.landing .service-grid{grid-template-columns:1fr;gap:20px}.landing .service-plan{padding:26px 24px}.landing .service-plan h3{font-size:25px}.landing .benefit-list{grid-template-columns:1fr 1fr;gap:20px 18px}.landing .benefit-list p{font-size:13px}.landing .plan-number{font-size:28px}.landing .price-card{grid-template-columns:1fr;gap:26px;padding:28px 24px}.landing .price-details{border:0;border-top:1px solid var(--tech-line);padding:26px 0 0}.landing .price-equation{gap:16px}.landing .price-equation strong{font-size:38px}.landing .process-list{grid-template-columns:1fr;gap:0}.landing .process-list li{border-top:1px solid #cec7bb;grid-template-columns:32px 1fr;gap:0 16px;padding-block:24px;display:grid}.landing .step-number{border:0;grid-area:1/1/4;margin:0;padding:3px 0 0}.landing .process-list h3,.landing .process-list p,.landing .process-list small{grid-column:2}.landing .process-list h3{font-size:20px}.landing .process-list p{margin-bottom:8px}.landing .process-list small{padding:0}.landing .process-list li:last-child{padding-bottom:0}.landing .faq-list summary{padding-block:18px;font-size:15px}.landing .faq-list details>p{font-size:14px}.landing .chapter.assessment-wrap{width:calc(100% - 40px)}.landing .tech-form-copy h2{font-size:30px}.landing .tech-form-copy{margin-bottom:28px}.landing .tech-form-copy .tech-section-intro{font-size:14px}.landing .tech-form,.landing .tech-submit-result{padding:24px 20px}.landing .tech-check-options{grid-template-columns:1fr;gap:8px}.reference-suggestion{padding:20px;display:block}.reference-suggestion button{margin-top:20px}.detail-page .article-sections{padding-block:40px 16px}.detail-page .article-sections section{margin-bottom:28px;padding-bottom:28px}.detail-page .other-work,.detail-page .article-sections .other-work{grid-template-columns:1fr;gap:14px;margin-block:24px}.detail-page .article-sections .other-work>article{padding:20px}.detail-page .detail-cta{padding:28px 24px}.related-references>div{grid-template-columns:1fr}}@media (max-width:600px){.reading-nav{top:72px}}@media (max-width:360px){.landing .benefit-list{grid-template-columns:1fr}.landing .price-equation strong{font-size:31px}.landing .price-equation{gap:10px}.landing .price-card{padding:24px 20px}.case-filters{grid-template-columns:1fr}.case-filters select{font-size:16px}}@media (prefers-reduced-motion:reduce){.reference-image img{transition:none}}html{scroll-padding-top:108px}.clarity-home{--section-space:64px}.clarity-home .clarity-section{padding-block:var(--section-space);min-height:0}.clarity-home .clarity-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px;display:flex}.clarity-home .eyebrow{margin-bottom:12px;font-size:11px}.clarity-home h2{margin-bottom:0;font-size:32px;line-height:1.45}.clarity-home .clarity-heading>.text-link{flex-shrink:0;font-size:14px}.clarity-hero{grid-template-columns:1fr 1fr;align-items:center;gap:64px;padding-block:56px;display:grid}.clarity-home .clarity-hero h1{letter-spacing:-.05em;margin:0 0 24px;font-size:clamp(38px,3.8vw,54px);line-height:1.4}.clarity-lead{color:var(--tech-muted);margin-bottom:0;font-size:17px;line-height:1.9}.clarity-hero .actions{gap:24px;margin-top:28px}.clarity-hero-image{border:1px solid var(--tech-line);background:#f0ece4;border-radius:12px;padding:20px 20px 0;display:block}.clarity-hero-image img{border:1px solid #e1dbd1;border-radius:5px;width:100%;height:auto}.clarity-hero-image>span{color:var(--tech-muted);justify-content:space-between;align-items:center;gap:16px;padding-block:14px;font-size:12px;display:flex}.clarity-hero-image b{color:var(--tech-main);font-size:20px;font-weight:400}.clarity-home #tech-cases{border-top:1px solid var(--tech-line)}.featured-work{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;display:grid}.featured-work-card{min-width:0;display:block}.featured-work-image{border:1px solid var(--tech-line);background:#efebe4;border-radius:10px;padding:14px;overflow:hidden}.featured-work-image img{aspect-ratio:16/9;object-fit:contain;border-radius:4px;width:100%;height:auto;transition:transform .18s;display:block}.featured-work-card:hover img{transform:translateY(-3px)}.featured-work-caption{padding:18px 28px 0 0;position:relative}.featured-work-caption h3{margin:0 0 4px;font-size:20px;line-height:1.5}.featured-work-caption span{color:var(--tech-muted);font-size:12px}.featured-work-caption b{font-size:19px;font-weight:400;position:absolute;top:18px;right:0}.case-shortcuts{flex-wrap:wrap;align-items:center;gap:12px 24px;padding-top:28px;font-size:13px;display:flex}.case-shortcuts>span{color:var(--tech-muted)}.case-shortcuts a{border-bottom:1px solid var(--tech-line);padding-block:4px}.clarity-band{background:#f1eee8;border-block:1px solid #e5ded4}.clarity-benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;display:grid}.clarity-benefits article{border-left:1px solid #d9d0c4;padding-left:20px}.benefit-number{color:var(--tech-accent);font-size:11px}.clarity-benefits h3{margin:12px 0 10px;font-size:22px}.clarity-benefits p{color:var(--tech-muted);max-width:300px;margin:0;font-size:15px;line-height:1.85}.clarity-home .clarity-detail-link{margin-top:28px;font-size:14px}.clarity-pricing{border:1px solid var(--tech-line);background:#fff;border-radius:12px;grid-template-columns:1fr 1fr;align-items:center;gap:48px;padding:28px 32px;display:grid}.clarity-price-numbers{grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;display:grid}.clarity-price-numbers span{color:var(--tech-muted);font-size:13px}.clarity-price-numbers strong{white-space:nowrap;letter-spacing:-.045em;color:var(--tech-main);font-size:42px;font-weight:500;line-height:1.6;display:block}.clarity-price-numbers small{letter-spacing:0;margin-right:6px;font-size:12px}.clarity-price-numbers>b{color:#998d7d;font-size:18px;font-weight:400}.clarity-price-copy{border-left:1px solid var(--tech-line);padding-left:40px}.clarity-price-copy p{color:var(--tech-muted);margin:0 0 12px;font-size:15px}.clarity-price-copy .text-link{font-size:13px}.clarity-price-note{color:var(--tech-muted);margin:16px 0 0;font-size:12px}.clarity-extra{color:var(--tech-muted);margin:28px 0 0;font-size:14px}.clarity-extra a{color:var(--tech-main);text-underline-offset:5px;margin-left:12px;text-decoration:underline;display:inline-block}.clarity-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin:0;padding:0;list-style:none;display:grid}.clarity-steps li{border-top:1px solid #d9d0c4;gap:18px;padding-top:22px;display:flex}.clarity-steps li>span{color:var(--tech-accent);padding-top:4px;font-size:12px}.clarity-steps h3{margin:0 0 10px;font-size:20px}.clarity-steps p{color:var(--tech-muted);margin:0;font-size:15px;line-height:1.85}.clarity-home .clarity-faq{grid-template-columns:.8fr 1.2fr;gap:64px;display:grid}.clarity-home .clarity-faq .clarity-heading{align-self:start;margin:0}.clarity-home .faq-list summary{padding-block:18px;font-size:15px}.clarity-home .faq-list details>p{font-size:14px}.clarity-home .inquiry-section{border-top:1px solid var(--tech-line)}.inquiry-invitation{justify-content:space-between;align-items:center;gap:32px;display:flex}.inquiry-invitation p:last-child{color:var(--tech-muted);margin:16px 0 0;font-size:15px}.inquiry-contact{gap:12px;font-size:15px;display:grid}.inquiry-contact a{border-bottom:1px solid var(--tech-line);padding-block:4px}.inquiry-form-toggle{margin-top:28px}.inquiry-form-toggle>summary{background:var(--tech-accent);color:#fff;cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;gap:24px;width:fit-content;min-width:240px;padding:12px 20px;font-size:15px;list-style:none;display:flex}.inquiry-form-toggle>summary::-webkit-details-marker{display:none}.inquiry-form-toggle>summary b{font-size:20px;font-weight:400}.inquiry-form-toggle[open]>summary b{transform:rotate(45deg)}.inquiry-form-toggle>.tech-section{margin-top:28px}.clarity-home .inquiry-section .tech-form,.clarity-home .inquiry-section .tech-submit-result{max-width:900px;padding:32px}.clarity-home .inquiry-section .reference-suggestion{max-width:900px}.reference-copy h3,.reference-description{min-height:0}.reference-copy{padding:22px}.reference-tags{margin-bottom:18px}@media (max-width:1050px){.clarity-hero{gap:32px}.clarity-home .clarity-hero h1{font-size:40px}.clarity-price-numbers strong{font-size:34px}.clarity-pricing{gap:28px;padding:28px}.clarity-price-copy{padding-left:28px}.clarity-price-numbers{gap:16px}.featured-work{gap:20px}.featured-work-caption h3{font-size:18px}}@media (max-width:850px){.clarity-home{--section-space:56px}.clarity-home h2{font-size:29px}.clarity-home .clarity-heading{align-items:start}.clarity-hero{grid-template-columns:1fr;gap:28px;padding-block:40px}.clarity-home .clarity-hero h1{font-size:48px}.clarity-hero-image{justify-self:center;width:100%;max-width:540px}.clarity-home .clarity-heading>.text-link{font-size:12px}.clarity-benefits{gap:24px}.clarity-benefits h3{font-size:20px}.clarity-benefits p{font-size:14px}.clarity-pricing{gap:24px;padding:24px}.clarity-price-numbers strong{font-size:30px}.clarity-price-numbers{gap:10px}.clarity-price-copy{padding-left:24px}.clarity-home .clarity-faq{gap:32px}.clarity-steps{gap:24px}}@media (max-width:650px){html{scroll-padding-top:104px}.clarity-home{--section-space:48px}.clarity-home .clarity-heading{margin-bottom:24px;display:block}.clarity-home h2{font-size:27px}.clarity-home .clarity-heading>.text-link{margin-top:16px;font-size:13px}.clarity-hero{gap:24px;padding-block:32px 40px}.clarity-home .clarity-hero h1{margin-bottom:18px;font-size:clamp(34px,9.5vw,44px)}.clarity-lead{font-size:16px;line-height:1.85}.clarity-lead br{display:none}.clarity-hero .actions{gap:18px;margin-top:22px}.clarity-hero .actions>.tech-button{padding-inline:16px}.clarity-hero .actions>.text-link{font-size:14px}.clarity-hero-image{padding:12px 12px 0}.clarity-hero-image>span{padding-block:10px;font-size:11px}.featured-work{grid-template-columns:1fr;gap:24px}.featured-work-image{padding:12px}.featured-work-caption{padding-top:14px}.featured-work-caption h3{font-size:20px}.featured-work-caption b{top:14px}.case-shortcuts{gap:10px 20px;padding-top:24px;font-size:13px}.case-shortcuts>span{flex-basis:100%}.clarity-benefits{grid-template-columns:1fr;gap:24px}.clarity-benefits article{border:0;padding-left:42px;position:relative}.benefit-number{position:absolute;top:3px;left:0}.clarity-benefits h3{margin:0 0 8px;font-size:21px}.clarity-benefits p{max-width:none;font-size:15px}.clarity-home .clarity-detail-link{margin-top:24px;font-size:13px}.clarity-pricing{grid-template-columns:1fr;gap:22px}.clarity-price-copy{border:0;border-top:1px solid var(--tech-line);padding:20px 0 0}.clarity-price-numbers{gap:16px}.clarity-price-numbers strong{font-size:38px}.clarity-price-note{font-size:12px;line-height:1.85}.clarity-extra{margin-top:22px}.clarity-extra a{margin:8px 0 0;display:block}.clarity-steps{grid-template-columns:1fr;gap:22px}.clarity-steps li{gap:20px;padding-top:18px}.clarity-steps h3{margin-bottom:8px}.clarity-home .clarity-faq{grid-template-columns:1fr;gap:24px}.inquiry-invitation{display:block}.inquiry-contact{justify-items:start;margin-top:24px;font-size:15px}.inquiry-form-toggle>summary{width:100%;min-width:0}.clarity-home .inquiry-section .tech-form,.clarity-home .inquiry-section .tech-submit-result{padding:24px 18px}.reference-description,.reference-copy h3{min-height:0}}@media (max-width:360px){.clarity-price-numbers strong{font-size:31px}.clarity-pricing{padding:22px 18px}}@media (prefers-reduced-motion:reduce){.featured-work-image img{transition:none}}.crafted-benefits article{border:0;grid-template-columns:100px minmax(0,1fr);align-items:center;gap:16px;padding:0;display:grid}.service-sketch{color:#756957;width:100%;height:auto;display:block;overflow:visible}.sketch-accent{stroke:var(--tech-accent)}.sketch-faint{opacity:.3;stroke-width:1px}.crafted-benefits h3{margin:0 0 8px;font-size:20px}.crafted-benefits p{max-width:16em;font-size:14px;line-height:1.85}.crafted-steps li{border-top:0;position:relative}.crafted-steps li:before{content:"";border-top:1px solid #c9beb0;border-radius:50%;position:absolute;inset:0 0 auto;transform:rotate(-.5deg)}.crafted-steps li:nth-child(2):before{transform:rotate(.4deg)}.clarity-extra>a:first-child{margin-left:0}@media (min-width:651px) and (max-width:1100px){.crafted-benefits article{display:block}.crafted-benefits .service-sketch{width:100px;margin:-8px 0 12px}.crafted-benefits h3{font-size:19px}}@media (max-width:650px){.crafted-benefits{gap:28px}.crafted-benefits article{grid-template-columns:92px minmax(0,1fr);gap:18px}.crafted-benefits h3{font-size:19px}.crafted-benefits p{font-size:14px}.crafted-steps li{gap:16px}}@media (max-width:360px){.crafted-benefits article{grid-template-columns:76px minmax(0,1fr);gap:12px}.crafted-benefits h3{font-size:18px}}
.clarity-home .wrap,.detail-page.wrap,.site-header .wrap,.site-footer .wrap{width:min(1360px,100% - clamp(40px,8vw,128px))}.clarity-home{--section-space:clamp(48px, 4vw, 72px)}.clarity-home .clarity-heading{margin-bottom:clamp(24px,2.5vw,36px)}.clarity-home h2,.detail-page h2{text-wrap:balance}.clarity-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:clamp(32px,5vw,80px);padding-block:clamp(40px,4vw,64px)}.clarity-home .clarity-hero h1{font-size:clamp(34px,3.5vw,58px)}.clarity-lead{max-width:28em}.clarity-hero-image{width:100%;max-width:none;padding:clamp(12px,1.4vw,22px) clamp(12px,1.4vw,22px) 0}.featured-work{gap:clamp(20px,2.2vw,36px)}.featured-work-caption{padding-top:16px}.featured-work-caption h3{font-size:clamp(18px,1.5vw,22px)}.featured-work-caption span{font-size:13px}.crafted-benefits,.crafted-steps{gap:clamp(24px,3vw,48px)}.crafted-benefits article,.crafted-steps li{grid-template-columns:clamp(88px,8vw,120px) minmax(0,1fr);align-items:center;gap:16px;padding:0;display:grid}.crafted-benefits .service-sketch,.crafted-steps .service-sketch{width:100%;margin:0}.crafted-steps li{padding-top:24px}.crafted-benefits h3,.crafted-steps h3{text-wrap:balance;margin:0 0 8px;font-size:20px;line-height:1.5}.crafted-benefits p,.crafted-steps p{max-width:18em;margin:0;font-size:15px;line-height:1.8}.clarity-price-copy p{max-width:26em}.clarity-home .clarity-faq{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr)}.inquiry-contact a{overflow-wrap:anywhere}.service-page .article-sections{max-width:none;padding-block:16px 0}.service-page .article-sections>section{margin-bottom:40px;padding-bottom:40px}.service-page .article-sections .illustrated-services{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-block:28px 0;display:grid}.service-page .article-sections .illustrated-services>article{background:0 0;border-radius:0;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:16px;padding:20px 0;display:grid}.service-page .illustrated-services h3{margin:0 0 8px;font-size:20px;line-height:1.5}.service-page .illustrated-services p{margin:0;line-height:1.8}.service-page .article-sections>section:not(:first-child){grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:0 clamp(32px,5vw,80px);display:grid}.service-page .article-sections>section:not(:first-child)>h2{grid-area:1/1/span 4;align-self:start}.service-page .article-sections>section:not(:first-child)>p{grid-column:2;max-width:42em}.detail-page .detail-hero .lead{max-width:34em}.detail-page .detail-cta>div{min-width:0}@media (min-width:701px) and (max-width:1100px){.crafted-benefits article,.crafted-steps li{grid-template-columns:1fr;align-content:start;gap:12px}.crafted-benefits .service-sketch,.crafted-steps .service-sketch{width:104px}.service-page .article-sections .illustrated-services>article{grid-template-columns:1fr;align-content:start;gap:12px}.service-page .illustrated-services .service-sketch{width:104px}.crafted-benefits h3,.crafted-steps h3,.service-page .illustrated-services h3{font-size:19px}.featured-work{gap:20px}.featured-work-image{padding:10px}}@media (max-width:700px){.clarity-hero{grid-template-columns:1fr;gap:24px;padding-block:32px 40px}.clarity-home .clarity-hero h1{font-size:clamp(32px,9vw,46px)}.clarity-lead{font-size:16px}.clarity-lead br{display:none}.clarity-hero-image{justify-self:center;max-width:520px}.clarity-home h2{font-size:clamp(24px,6.4vw,29px)}.clarity-home .clarity-heading{display:block}.clarity-home .clarity-heading>.text-link{margin-top:12px}.featured-work{grid-template-columns:1fr;gap:28px}.featured-work-caption h3{font-size:20px}.crafted-benefits,.crafted-steps{grid-template-columns:1fr;gap:24px}.crafted-benefits article,.crafted-steps li{grid-template-columns:clamp(80px,24vw,116px) minmax(0,1fr);gap:clamp(12px,4vw,24px)}.crafted-benefits h3,.crafted-steps h3{font-size:19px}.crafted-benefits p,.crafted-steps p{font-size:15px}.clarity-pricing{grid-template-columns:1fr}.clarity-price-copy{border:0;border-top:1px solid var(--tech-line);padding:20px 0 0}.clarity-home .clarity-faq{grid-template-columns:1fr;gap:24px}.inquiry-invitation{display:block}.inquiry-contact{justify-items:start;margin-top:24px}.service-page .article-sections .illustrated-services{grid-template-columns:1fr;gap:24px}.service-page .article-sections .illustrated-services>article{grid-template-columns:clamp(80px,24vw,116px) minmax(0,1fr);gap:16px;padding:0}.service-page .illustrated-services h3{font-size:19px}.service-page .article-sections>section:not(:first-child){display:block}.detail-page .detail-hero h1{font-size:clamp(30px,7.6vw,44px)}.detail-page .article-sections h2{font-size:25px;line-height:1.5}.detail-page .detail-cta{flex-direction:column;align-items:start;gap:20px;padding:28px 24px}.clarity-home .text-link,.case-shortcuts a,.inquiry-contact a,.reference-actions a,.site-footer a{align-items:center;min-height:44px;display:inline-flex}.case-shortcuts{gap:6px 22px}.menu-trigger{min-width:44px;min-height:44px}}@media (min-width:480px) and (max-width:700px){.featured-work-card{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:24px;display:grid}.featured-work-caption{padding-top:0}.featured-work-caption b{top:0}}@media (max-width:360px){.clarity-home .clarity-hero .actions{gap:12px}.clarity-price-numbers{gap:8px}.clarity-price-numbers strong{font-size:30px}.crafted-benefits h3,.crafted-steps h3,.service-page .illustrated-services h3{font-size:18px}}.mobile-menu{overscroll-behavior:contain;max-height:calc(100dvh - 104px);overflow-y:auto}
.story-home .clarity-hero h1{font-size:clamp(30px,3.4vw,52px)}.story-hero-photo{min-width:0;display:block}.work-photo{background:#f4f0e8;border:1px solid #e0d8ca;border-radius:5px;margin:0;padding:12px 12px 0}.work-photo-frame{aspect-ratio:4/3;position:relative}.work-photo-frame>img{object-fit:cover;border-radius:2px;width:100%;height:100%;display:block}.photo-pencil{pointer-events:none;stroke:#fff7e2;stroke-width:2px;stroke-linecap:round;width:100%;height:100%;position:absolute;inset:0}.work-photo figcaption{color:#754b38;align-items:center;gap:12px;min-height:54px;padding:10px 8px;font-size:14px;line-height:1.65;display:flex}.work-photo figcaption svg{stroke:#a35043;stroke-width:1.3px;stroke-linecap:round;flex:0 0 42px;width:42px;height:28px}.story-card-photo{aspect-ratio:4/3;background:var(--tech-soft);border-radius:6px;overflow:hidden}.story-card-photo img{object-fit:cover;width:100%;height:100%;display:block}.story-work .featured-work-caption p{color:var(--tech-main);margin:6px 0;font-size:15px;line-height:1.65}.story-home .crafted-benefits p,.story-home .crafted-steps p{max-width:18em}.story-home .clarity-faq{border-top:1px solid var(--tech-line)}.case-story-pair{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,72px);display:grid}.case-story-note{min-width:0}.case-story-note h2{margin:0 0 20px;font-size:28px;line-height:1.5}.case-story-note>p:not(.eyebrow){max-width:32em;line-height:1.9}.story-note-list{color:#754b38;flex-wrap:wrap;gap:12px 20px;margin:24px 0;padding:0;font-size:14px;list-style:none;display:flex}.story-note-list li{border-bottom:1px solid #c5a693;padding-block:4px}.story-source{color:var(--tech-muted);text-underline-offset:4px;padding-block:8px;font-size:12px;display:inline-block}.story-detail .story-article{max-width:none;padding-block:56px 0}.story-article>section:first-child{grid-template-columns:1fr 1.3fr;gap:48px;display:grid}.story-article h2{font-size:27px;line-height:1.5}.story-article p{max-width:40em}.story-outcome{grid-template-columns:1fr 1fr;align-items:center;gap:48px;display:grid}.story-site-preview{background:var(--tech-soft);border-radius:6px;padding:16px}.story-site-preview img{border-radius:3px;width:100%;height:auto;display:block}.story-site-preview span{margin-top:12px;font-size:13px;display:block}.story-form-note{margin-block:24px}.story-form-note textarea{min-height:110px}@media (max-width:900px){.case-story-pair{grid-template-columns:1fr;gap:32px}.case-story-pair .work-photo{width:100%;max-width:640px}.story-article>section:first-child{grid-template-columns:1fr;gap:0}}@media (max-width:700px){.story-home .clarity-hero h1{font-size:clamp(29px,8.4vw,42px)}.story-hero-photo{justify-self:center;width:100%;max-width:520px}.work-photo{padding:8px 8px 0}.work-photo figcaption{gap:8px;padding-inline:2px;font-size:13px}.work-photo figcaption svg{flex-basis:32px;width:32px}.story-home .crafted-benefits article,.story-home .crafted-steps li{grid-template-columns:80px minmax(0,1fr)}.story-home .clarity-section{padding-block:44px}.story-outcome{grid-template-columns:1fr;gap:24px}.case-story-note h2,.story-article h2{font-size:25px}.story-detail .detail-hero{padding-bottom:32px}.story-detail .story-article{padding-top:36px}}.story-phrase{display:inline-block}.story-home{--page-gutter:clamp(20px, 4vw, 64px);--chapter-gap:clamp(32px, 4.2vw, 72px);--chapter-inset:clamp(28px, 3.4vw, 56px);gap:var(--chapter-gap);padding-bottom:var(--chapter-gap);flex-direction:column;display:flex}.story-home>section{min-width:0;margin-block:0}.story-home .clarity-section{padding-block:var(--chapter-inset)}.story-home>.clarity-hero{padding-block:clamp(36px,4vw,64px) 0}.story-home>.clarity-band{width:min(calc(1360px + var(--page-gutter)), calc(100% - var(--page-gutter)));border:1px solid #e5ded4;border-radius:12px;align-self:center}.story-home>.clarity-band>.wrap{width:min(1360px, calc(100% - var(--page-gutter)))}.story-home .clarity-heading{margin-bottom:clamp(28px,3vw,44px)}.story-home #tech-cases{border-top:0}.story-home .story-work{gap:clamp(24px,3vw,44px)}.story-home .case-shortcuts{border-top:1px solid var(--tech-line);margin-top:clamp(24px,2.5vw,36px);padding-top:20px}.story-home .crafted-benefits,.story-home .crafted-steps{column-gap:clamp(28px,3.5vw,56px)}.story-home .clarity-faq,.story-home .inquiry-section{padding-top:calc(var(--chapter-inset) + 12px)}@media (max-width:700px){.story-home>.clarity-band{border-radius:8px}.story-home .crafted-benefits,.story-home .crafted-steps{gap:28px}.story-home .crafted-benefits article+article{border-top:1px solid #dfd6c9;padding-top:24px}.story-home .story-work{gap:24px}.story-home .story-work .featured-work-card{border-bottom:1px solid var(--tech-line);grid-template-columns:minmax(0,min(40%,168px)) minmax(0,1fr);align-items:center;gap:clamp(16px,4vw,24px);padding-bottom:24px;display:grid}.story-home .story-work .featured-work-card:last-child{border-bottom:0;padding-bottom:0}.story-home .story-card-photo{aspect-ratio:1}.story-home .featured-work-caption{padding:0 18px 0 0}.story-home .featured-work-caption h3{text-wrap:balance;font-size:18px;line-height:1.55}.story-home .featured-work-caption b{font-size:16px;top:0}.story-home .featured-work-caption p{margin-block:8px;font-size:14px;line-height:1.7}.story-home .featured-work-caption span{font-size:12px}.story-home .case-shortcuts{margin-top:28px}.story-home .clarity-faq .clarity-heading{margin-bottom:0}}.desktop-nav{align-items:center}.header-services{position:relative}.header-services>summary{cursor:pointer;align-items:center;gap:8px;min-height:44px;list-style:none;display:flex}.header-services>summary::-webkit-details-marker{display:none}.header-services[open]>summary{color:var(--tech-accent)}.service-dropdown{border:1px solid var(--tech-line);overscroll-behavior:contain;background:#fffdfa;border-radius:10px;width:370px;max-height:calc(100dvh - 120px);padding:12px 24px;position:absolute;top:calc(100% + 12px);left:-24px;overflow-y:auto;box-shadow:0 16px 40px #33251514}.service-dropdown a{padding:16px 0;display:block}.service-dropdown a+a{border-top:1px solid var(--tech-line)}.service-dropdown strong,.mobile-service-links strong{font-size:14px;font-weight:600}.service-dropdown small,.mobile-service-links small{color:var(--tech-muted);margin-top:5px;font-size:12px;line-height:1.7;display:block}.mobile-service-links>p{color:var(--tech-muted);margin:4px 0 0;font-size:12px}.mobile-service-links{border-bottom:1px solid var(--tech-line)}.mobile-service-links a{align-items:center;gap:14px}.service-overview{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,3vw,44px) clamp(36px,5vw,80px);display:grid}.service-overview-card{border-radius:4px;grid-template-columns:clamp(68px,7vw,100px) minmax(0,1fr) 16px;align-items:center;gap:clamp(16px,2vw,28px);padding-block:12px;display:grid}.service-overview-card .service-sketch{width:100%;height:auto}.service-overview-card .service-category{margin:0 0 8px;font-size:12px}.service-overview-card h3{margin:0 0 8px;font-size:clamp(18px,1.6vw,22px);line-height:1.5}.service-overview-card p{color:var(--tech-muted);margin:0;font-size:14px;line-height:1.8}.service-arrow{color:var(--tech-muted);align-self:start;padding-top:6px}.service-overview-card:hover h3{color:var(--tech-accent)}.system-services{gap:28px;margin-top:28px;display:grid}.system-service{border-top:1px solid var(--tech-line);grid-template-columns:110px minmax(0,1fr);gap:28px;padding-block:28px;scroll-margin-top:112px;display:grid}.system-service .service-sketch{width:100%;height:auto}.system-service h3{margin:0 0 12px}.system-service p{margin:0 0 8px}.system-service .system-service-detail{font-size:14px}@media (max-width:700px){.service-overview{grid-template-columns:minmax(0,1fr);gap:0}.service-overview-card{grid-template-columns:60px minmax(0,1fr) 12px;gap:16px;padding-block:24px}.service-overview-card:first-child{padding-top:0}.service-overview-card:last-child{padding-bottom:0}.service-overview-card+.service-overview-card{border-top:1px solid #dfd6c9}.service-overview-card .service-category{margin-bottom:4px}.service-overview-card h3{margin-bottom:6px}.system-service{grid-template-columns:64px minmax(0,1fr);gap:20px;scroll-margin-top:96px}}.product-plans{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,3vw,44px);display:grid}.product-plan{border:1px solid var(--tech-line);background:#fffdfa;border-radius:12px;min-width:0;padding:clamp(24px,3vw,40px)}.product-plan>header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.product-plan h3{margin:0 0 10px;font-size:22px}.product-plan header p{color:var(--tech-muted);max-width:24em;margin:0;font-size:14px;line-height:1.8}.product-plan .service-sketch{flex-shrink:0;width:72px;height:auto}.product-plan-price{border-top:1px solid var(--tech-line);align-items:center;gap:clamp(14px,2vw,28px);margin:32px 0;padding-top:24px;display:flex}.product-plan-price>div{min-width:0}.product-plan-price span{color:var(--tech-muted);margin-bottom:10px;font-size:12px;display:block}.product-plan-price strong{white-space:nowrap;letter-spacing:-.04em;font-size:clamp(26px,2.6vw,38px);font-weight:600}.product-plan-price small{letter-spacing:0;margin-right:4px;font-size:11px}.product-plan-price em{letter-spacing:0;font-size:12px;font-style:normal;font-weight:400}.product-plan-price>b{color:var(--tech-muted);font-weight:400}.product-quote-note{color:var(--tech-muted);margin:24px 0 0;font-size:13px;line-height:1.8}.service-page .product-plan{margin-top:28px}@media (max-width:850px){.product-plans{grid-template-columns:minmax(0,1fr)}}@media (max-width:380px){.product-plan{padding:20px}.product-plan .service-sketch{width:48px}.product-plan-price{gap:10px}.product-plan-price strong{font-size:25px}.product-plan-price small,.product-plan-price em{font-size:10px}}.visual-service-overview{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,3.5vw,56px);display:grid}.visual-service-card{min-width:0}.visual-service-copy{grid-template-columns:64px minmax(0,1fr);gap:20px;display:grid}.visual-service-copy .service-sketch{width:64px;height:auto}.visual-service-copy h3{text-wrap:balance;margin:0 0 10px;font-size:clamp(19px,1.8vw,24px);line-height:1.5}.visual-service-copy p{color:var(--tech-muted);margin:0 0 16px;font-size:14px;line-height:1.8}.system-shortcuts{border-top:1px solid #dfd6c9;flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:32px;padding-top:24px;font-size:13px;display:flex}.system-shortcuts>span{color:var(--tech-muted)}.system-shortcuts a{border-bottom:1px solid #d4c7b7;align-items:center;min-height:44px;display:inline-flex}.system-scene{border-bottom:1px solid var(--tech-line);grid-template-columns:240px minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,56px);padding-block:clamp(28px,3vw,40px);scroll-margin-top:108px;display:grid}.system-scene-copy{grid-template-columns:56px minmax(0,1fr);align-items:start;column-gap:20px;display:grid}.system-scene-copy .service-sketch{grid-row:span 2;width:56px;height:auto}.system-scene-copy h3{margin:0 0 8px;font-size:clamp(19px,1.7vw,24px);line-height:1.55}.system-scene-copy p{max-width:26em;margin:0;font-size:15px;line-height:1.8}.system-screen{min-width:0;margin:0}.system-screen>a{background:#fffdfa;border:1px solid #ded6cb;border-radius:8px;display:block;overflow:hidden}.system-screen img{width:100%;height:auto;display:block}.system-screen figcaption{color:var(--tech-muted);flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:12px;font-size:12px;display:flex}.cart-service-note{align-items:center;gap:24px;scroll-margin-top:108px;display:flex}.cart-service-note .service-sketch{flex-shrink:0;width:72px;height:auto}.cart-service-note>div{flex:1}.cart-service-note h2{margin-top:0}@media (max-width:700px){.visual-service-overview{grid-template-columns:minmax(0,1fr);gap:36px}.visual-service-copy{grid-template-columns:48px minmax(0,1fr);gap:16px}.visual-service-copy .service-sketch{width:48px}.system-shortcuts{gap:8px 18px}.system-shortcuts>span{flex-basis:100%}.system-scene{grid-template-columns:minmax(0,min(34%,140px)) minmax(0,1fr);gap:18px;scroll-margin-top:88px}.system-scene-copy{display:block}.system-scene-copy .service-sketch{display:none}.system-scene-copy h3{font-size:18px}.system-scene-copy p{font-size:14px}.system-screen figcaption{margin-top:8px;font-size:11px}.system-screen figcaption>span:first-child{display:none}.cart-service-note{flex-wrap:wrap;gap:20px}.cart-service-note .text-link{margin-left:92px}}.service-points{margin:0 0 20px;padding-left:1.15em;list-style:outside}.service-points li,.article-sections .service-points li{color:var(--tech-muted);padding-left:3px;font-size:14px;line-height:1.75}.service-points li+li,.article-sections .service-points li+li{margin-top:7px}.service-points li::marker{color:#a35043;font-size:.75em}.system-scene-copy .service-points{margin-bottom:0}.feature-heading{align-items:center;gap:20px;margin-bottom:24px;display:flex}.feature-heading .service-sketch{flex-shrink:0;width:56px;height:auto}.article-sections .feature-heading h2{margin:0}.website-feature-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px;margin:0;padding:0;list-style:none;display:grid}.article-sections .website-feature-list li{border-bottom:1px solid var(--tech-line);margin:0;padding:22px 0}.website-feature-list h3{color:var(--tech-main);margin:0 0 6px;font-size:19px;line-height:1.6}.article-sections .website-feature-list p{margin:0;font-size:14px;line-height:1.8}.service-scope-note{margin-top:20px;font-size:14px}.service-scope-note summary{cursor:pointer;min-height:44px;color:var(--tech-main);padding-block:12px}.article-sections .service-scope-note p{font-size:14px}@media (max-width:700px){.website-feature-list{grid-template-columns:minmax(0,1fr)}.article-sections .website-feature-list li{padding-block:18px}.feature-heading{gap:16px;margin-bottom:12px}.feature-heading .service-sketch{width:40px}}
.clarity-home .wrap,.site-header .wrap,.site-footer .wrap{width:min(1120px,100% - clamp(40px,8vw,96px))}.story-home{--page-gutter:clamp(20px, 4vw, 48px);--chapter-gap:clamp(32px, 4vw, 56px);--chapter-inset:clamp(28px, 3.5vw, 44px)}.story-home>.clarity-band{width:min(calc(1120px + var(--page-gutter)), calc(100% - var(--page-gutter)))}.story-home>.clarity-band>.wrap{width:min(1120px, calc(100% - var(--page-gutter)))}.story-home .clarity-hero{gap:clamp(28px,4vw,56px)}.story-home .clarity-heading{align-items:center;margin-bottom:28px}.story-home .clarity-lead{max-width:30em;line-height:1.9}.story-home .service-points li{font-size:15px;line-height:1.9}.story-home .visual-service-copy{grid-template-columns:52px minmax(0,1fr);gap:16px}.story-home .visual-service-copy .service-sketch{width:52px}.story-home .crafted-steps li{grid-template-columns:64px minmax(0,1fr);align-items:start;gap:16px}.story-home .product-plan h3{font-size:21px;line-height:1.5}.story-home .product-plan .service-sketch{width:52px}.service-page.wrap{width:min(960px,100% - clamp(40px,8vw,96px))}.service-page .detail-hero{padding-block:24px 44px}.service-page .detail-hero h1{letter-spacing:-.025em;font-size:clamp(30px,3.6vw,48px);line-height:1.5}.service-page .detail-hero .lead{max-width:32em;line-height:1.9}.service-page .article-sections{padding-top:0}.service-page .article-sections>section,.service-page .article-sections>section:not(:first-child){margin-bottom:40px;padding-bottom:40px;display:block}.service-page .article-sections>section>p{max-width:38em}.service-page .article-sections h2{margin-bottom:20px;font-size:clamp(23px,2.4vw,28px);line-height:1.55}.service-page .article-sections .feature-heading h2{margin:0}.service-page .website-feature-list{column-gap:40px}.service-page .website-feature-list p{max-width:26em;font-size:15px}.service-page .system-scene{grid-template-columns:180px minmax(0,1fr);gap:32px;padding-block:28px}.service-page .system-scene-copy{grid-template-columns:44px minmax(0,1fr);gap:0 16px}.service-page .system-scene-copy .service-sketch{width:44px}.service-page .system-scene-copy .service-points li{font-size:15px;line-height:1.85}.service-page .article-sections>section.cart-service-note{grid-template-columns:48px minmax(0,1fr);align-items:start;gap:16px;display:grid}.service-page .cart-service-note .service-sketch{width:48px}.service-page .cart-service-note .text-link{grid-column:2;justify-self:start;margin:0}.service-page .product-plan{max-width:600px}.service-page .detail-cta{align-items:center;gap:28px;margin-top:40px}.service-page .detail-cta h2{max-width:18em;font-size:clamp(24px,2.5vw,30px)}.service-page .detail-cta p{max-width:30em}.header-services>summary{gap:8px;line-height:1.5}.header-services>summary .nav-chevron{flex:0 0 16px;align-self:center;transition:transform .15s;display:block}.header-services[open]>summary .nav-chevron{transform:rotate(180deg)}.desktop-nav>a{align-items:center;min-height:44px;line-height:1.5;display:inline-flex}.text-link{justify-content:flex-start;gap:8px;min-height:44px;line-height:1.6}.tech-button.primary:hover{transform:none}@media (max-width:700px){.story-home .clarity-hero h1{font-size:clamp(28px,7.7vw,38px);line-height:1.5}.story-home .visual-service-copy{grid-template-columns:40px minmax(0,1fr);gap:14px}.story-home .visual-service-copy .service-sketch{width:40px}.story-home .visual-service-card+.visual-service-card{border-top:1px solid var(--tech-line);padding-top:24px}.story-home .visual-service-overview{gap:24px}.story-home .crafted-steps li{grid-template-columns:52px minmax(0,1fr)}.story-home .story-work .featured-work-card{grid-template-columns:minmax(0,32%) minmax(0,1fr);gap:18px}.story-home .featured-work-caption{padding-right:0}.service-page .detail-hero{padding-block:20px 36px}.service-page .detail-hero h1{font-size:clamp(28px,7.5vw,36px)}.service-page .article-sections>section,.service-page .article-sections>section:not(:first-child){margin-bottom:32px;padding-bottom:32px}.service-page .system-scene{grid-template-columns:minmax(0,min(28%,104px)) minmax(0,1fr);align-items:start;gap:16px;padding-block:24px}.service-page .system-scene-copy{display:block}.service-page .system-scene-copy h3{font-size:18px}.service-page .system-scene-copy .service-points li{font-size:14px}.service-page .detail-cta{align-items:flex-start;margin-top:32px}.service-page .detail-cta .tech-button{align-self:flex-start}}@media (prefers-reduced-motion:reduce){.header-services>summary .nav-chevron{transition:none}}.service-page .detail-hero .service-audience{color:var(--tech-muted);margin:16px 0 0;font-size:14px}.custom-workflow-scope{scroll-margin-top:108px}.custom-workflow-list{margin:24px 0;padding:0;list-style:none}.article-sections .custom-workflow-list li{border-bottom:1px solid var(--tech-line);grid-template-columns:8em minmax(0,1fr);gap:16px;margin:0;padding:14px 0;font-size:15px;line-height:1.8;display:grid}.custom-workflow-list strong{color:var(--tech-ink);font-weight:600}@media (max-width:700px){.custom-workflow-scope{scroll-margin-top:88px}.article-sections .custom-workflow-list li{grid-template-columns:minmax(0,1fr);gap:4px}}.service-summary-list strong,.system-feature-list strong{color:var(--tech-ink);font-size:15px;font-weight:600;display:block}.service-summary-list span,.system-feature-list span{margin-top:2px;font-size:14px;line-height:1.8;display:block}.story-home .service-summary-list li+li,.service-page .system-feature-list li+li{margin-top:12px}