/* Editorial rhythm: quiet canvas, large working screens, consistent readable controls. */
:root{--page-gutter:clamp(22px,5vw,96px)}
::selection{background:#ceff43;color:#1d211e}
html{scroll-padding-top:110px}
.nav{padding-block:19px}.nav nav a{position:relative;padding-block:5px;font-size:14px}.nav nav a[aria-current="location"]{color:var(--accent)}.nav nav a:after{content:"";position:absolute;bottom:0;inset-inline:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .2s}.nav nav a:hover:after,.nav nav a[aria-current="location"]:after{transform:scaleX(1)}
.hero{padding-top:34px}.hero h1{font-size:clamp(46px,5.7vw,88px);line-height:1.14;letter-spacing:-.045em;margin:24px 0 26px;max-width:1350px;text-wrap:balance}.hero-claims{margin:22px 0 35px}.hero-claims li{font-size:clamp(15px,1.2vw,18px)}.hero-body{align-items:start;gap:clamp(30px,4vw,70px)}.hero-copy{padding-top:42px}.hero-copy h2{font-size:clamp(24px,2.1vw,30px);line-height:1.35}.hero-copy p{font-size:20px;line-height:1.85;max-width:440px}.hero-copy .cta{font-size:15px;max-width:440px;padding:19px 20px}.hero-copy .text-link{font-size:14px}
.system-caption{flex-wrap:wrap;row-gap:7px;margin-bottom:15px}.system-caption b{font-size:17px;letter-spacing:-.02em}.system-caption>span{font-size:12px}.system-caption button{font-size:12px}.hero-device{transform:rotateY(2deg) rotateZ(-.5deg)}.browser{height:30px}.browser span{font-size:10px;letter-spacing:0}.browser i{width:5px;height:5px}.hero-chapters{gap:8px}.hero-chapters button{font-size:13px;min-height:38px}.hero-chapters button:hover{border-color:var(--accent)}
.project-index{gap:0;padding:0;margin-top:55px}.project-index>span{padding:24px 0 24px 20px;align-self:center}.project-index a{position:relative;padding:24px 20px;border-inline-start:1px solid var(--line);gap:10px;transition:background .2s}.project-index a:after{content:'↙';font-size:18px;position:absolute;bottom:15px;inset-inline-end:15px;color:var(--accent);opacity:0;transition:opacity .2s}.project-index a:hover{background:#ffffff05}.project-index a:hover:after{opacity:1}.project-index b{font-size:17px;max-width:220px}.project-index small{font-size:12px}
.points{padding-top:85px;padding-bottom:65px}.points .process-steps h3{margin-top:23px}.points .process-steps p{line-height:1.8;max-width:370px}.section-heading{margin-bottom:48px}.section-heading h2{font-size:clamp(40px,4.7vw,72px);line-height:1.16}.section-heading>p{font-size:18px;max-width:360px}.work{padding-top:65px;padding-bottom:0}
.other-systems.lead-systems{margin:0 calc(-1 * 5.56%) 0;padding:0 5.56% 25px;gap:0;border-top:0}.other-systems .cost-project{padding:65px 0;margin:0;gap:clamp(28px,4vw,75px);align-items:center;grid-template-columns:minmax(260px,.85fr) minmax(0,1.5fr);border-bottom:1px solid #1d211e25}.other-systems .cost-project:last-child{border-bottom:0}.other-systems .cost-project>div:first-child>span{font-size:12px;letter-spacing:.01em;color:#53604f;display:block;margin-bottom:20px}.other-systems .cost-project h3{font-size:clamp(29px,2.9vw,44px);line-height:1.22;margin:0 0 22px;font-weight:500}.other-systems .cost-project p{font-size:19px;line-height:1.85;max-width:440px}.other-systems .cost-project p:first-of-type{font-size:23px;line-height:1.5;color:#1d211e}.other-systems .mini-controls{gap:7px;margin-top:23px}.other-systems .mini-controls button{border-radius:4px;min-height:38px;padding:7px 11px;font-size:13px;transition:background .2s,color .2s}.other-systems .mini-controls button:hover{background:#1d211e12}.other-systems .mini-controls button[aria-pressed=true]{background:#1d211e;color:#ceff43}.other-systems .case-link{font-size:15px;padding-block:14px;max-width:440px;margin-bottom:0}
.cost-project .cost-preview{border-radius:7px;border-color:#1d211e2b;box-shadow:0 20px 50px #18251a12;margin:0}.project-view-actions{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:13px;color:#53604f}.project-view-actions small{font-size:12px;line-height:1.5}.project-expand{display:inline-flex;align-items:center;gap:14px;background:none;color:#1d211e;border:0;border-bottom:1px solid #1d211e60;padding:8px 0;font-size:14px;min-height:40px}.project-expand:hover{border-color:#1d211e}.project-lightbox{width:min(96vw,1440px);max-width:1440px;padding:18px;background:#f4f3ec;color:#1d211e;border:1px solid #1d211e50;border-radius:8px;max-height:94svh;overflow:auto}.project-lightbox::backdrop{background:#101710dc;backdrop-filter:blur(6px)}.project-lightbox .dialog-header{padding-bottom:14px}.project-lightbox .dialog-header h2{font-size:20px;line-height:1.4}.project-lightbox .dialog-header button{font-size:14px;min-height:42px}.project-lightbox .cost-preview{margin:0;width:100%;border-radius:4px;aspect-ratio:1280/826}.project-lightbox .cost-preview iframe{pointer-events:auto}.project-lightbox .preview-note{font-size:12px;margin:12px 0 0;color:#53604f}
.process{border-top:1px solid #1d211e25;padding-block:85px}.process-steps{gap:clamp(25px,4vw,65px)}.process .process-steps article{position:relative;padding-top:24px}.process .process-steps>article>span{display:inline-flex;align-items:center;gap:10px}.process .process-steps>article>span:before{content:'';width:7px;height:7px;background:#63852a}.process-steps h3{line-height:1.3}.process .process-steps p{font-size:19px;line-height:1.85;max-width:370px}
.websites{padding-block:85px}.web-grid{gap:52px 38px}.web-grid .browser-frame{box-shadow:0 20px 45px #0003}.web-grid article>div{align-items:baseline;gap:12px;padding-top:15px}.web-grid h3{font-size:26px}.web-grid article>div>span{font-size:15px}.video-control{font-size:13px;min-height:40px}.video-link>span{font-size:13px;padding:9px 15px}.about{padding:80px 8% 90px;gap:8vw;border-top:1px solid var(--line)}.about-mark{border:1px solid #d3e7bb2b;background:transparent;border-radius:28%;max-width:300px;transform:rotate(-7deg)}.about-mark img{transform:rotate(7deg)}.about h2{font-size:clamp(45px,4.5vw,68px)}.about p{font-size:20px;line-height:1.85}.about .text-link{font-size:15px}footer .demo-data{font-size:12px;line-height:1.7;max-width:230px}footer>a:last-child{font-size:14px}
@media(min-width:1101px){.other-systems .cost-project:nth-child(even){grid-template-columns:minmax(0,1.5fr) minmax(260px,.85fr)}.other-systems .cost-project:nth-child(even)>div:first-child{grid-column:2;grid-row:1}.other-systems .cost-project:nth-child(even)>div:last-child{grid-column:1;grid-row:1}}
@media(max-width:1100px){.hero-copy{padding-top:15px}.hero-copy p{font-size:19px}.system-caption>span{display:none}.other-systems .cost-project{grid-template-columns:1fr 1.4fr}.project-index{grid-template-columns:repeat(3,1fr)}.project-index>span{padding:20px}.project-index a{border-bottom:1px solid var(--line)}}
@media(max-width:760px){html{scroll-padding-top:118px}.nav{padding-block:14px;gap:12px}.nav nav{font-size:12px}.nav nav a{font-size:13px}.nav-cta{font-size:11px}.hero{padding-top:24px}.hero h1{font-size:clamp(35px,8.2vw,60px);letter-spacing:-.04em;line-height:1.2;margin:20px 0 22px}.hero-claims{margin:0 0 27px;gap:10px 0}.hero-claims li{font-size:14px;line-height:1.5;padding-inline-end:12px;margin-inline-end:12px}.hero-body{gap:25px}.hero-copy{padding:0}.hero-copy h2{font-size:25px;margin-bottom:13px}.hero-copy p{font-size:19px;line-height:1.8}.hero-copy .cta{font-size:14px;padding:17px 16px}.system-caption{gap:10px}.system-caption b{font-size:15px;max-width:70%}.system-caption button{font-size:11px}.hero-device{transform:none}.hero-chapters{gap:6px}.hero-chapters button{font-size:12px;padding:9px 11px;min-height:40px}.hero-chapters #expand{margin-inline-start:auto}.project-index{grid-template-columns:1fr 1fr;margin-top:35px}.project-index>span{grid-column:1/-1;padding:18px 0}.project-index a{padding:17px 12px;gap:7px;border-top:1px solid var(--line);border-bottom:0}.project-index b{font-size:16px;line-height:1.4}.project-index small{font-size:12px}.project-index a:last-child{grid-column:1/-1}.section-heading h2{font-size:43px;line-height:1.15}.section-heading>p{font-size:17px;line-height:1.75}.points{padding-block:55px 20px}.points .process-steps{gap:22px}.points .process-steps article{padding-top:16px}.points .process-steps h3{font-size:25px;margin:14px 0 10px}.points .process-steps p{font-size:18px;margin-bottom:5px}.work{padding-top:45px}.other-systems.lead-systems{margin-bottom:0;padding-bottom:10px}.other-systems .cost-project{grid-template-columns:1fr;padding-block:36px;gap:24px}.other-systems .cost-project>div:first-child>span{margin-bottom:13px}.other-systems .cost-project h3{font-size:30px;margin-bottom:17px;max-width:95%}.other-systems .cost-project p{font-size:18px;line-height:1.75}.other-systems .cost-project p:first-of-type{font-size:21px;line-height:1.45}.other-systems .mini-controls{margin-top:18px;gap:7px}.other-systems .mini-controls button{min-height:42px;font-size:13px;padding:8px 11px}.project-view-actions{align-items:start}.project-view-actions small{max-width:160px}.project-expand{font-size:13px;white-space:nowrap}.project-lightbox{padding:12px}.project-lightbox .dialog-header h2{font-size:16px;max-width:70%}.project-lightbox .dialog-header button{font-size:12px}.process{padding-block:55px}.process .process-steps{gap:28px}.process .process-steps h3{font-size:26px;margin-top:25px}.process .process-steps p{font-size:18px}.websites{padding-block:55px}.web-grid{gap:35px}.web-grid h3{font-size:23px}.web-grid article>div>span{font-size:14px}.video-control{font-size:12px}.about{padding:45px 5% 55px;gap:26px}.about-mark{width:100px;border-radius:25%}.about h2{font-size:46px}.about p{font-size:19px}footer .demo-data{max-width:none}footer{padding-bottom:90px}.case-intro h1:not([lang=en]){font-size:clamp(39px,9vw,64px)}}
@media(prefers-reduced-motion:reduce){.project-index a,.project-index a:after,.nav nav a:after{transition:none}}