/* Website services extend Pontora's established palette and typography. */
.nav-toggle{display:none}.nav-links [aria-current=page]{color:var(--accent);background:var(--bg-2)}
.website-intro{padding:54px 0;background:var(--bg-2);border-block:1px solid var(--line)}
.website-intro-grid,.website-pair{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.website-intro h2{font-size:clamp(30px,3.3vw,42px);margin:0}.website-intro p,.website-pair p{font-size:17px;color:var(--ink-2);margin-bottom:22px}
.website-page h1{font-size:clamp(48px,5.7vw,76px);line-height:1.04;letter-spacing:-.045em;margin:0 0 28px;font-weight:500}
.website-page h1 em{font-family:'Instrument Serif',serif;font-weight:400;letter-spacing:-.025em;color:var(--accent-2)}
.website-hero{padding:86px 0 94px;background:linear-gradient(140deg,var(--bg),#eef8f8);border-bottom:1px solid var(--line)}
.website-hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:65px;align-items:center}
.website-lede{font-size:22px;line-height:1.5;color:var(--ink-2);max-width:500px;margin-bottom:16px}
.website-support{font-size:15px;color:var(--ink-2);max-width:470px;margin-bottom:28px}
.website-text-link{color:var(--accent);font-weight:500;text-underline-offset:5px;display:inline-block;font-size:15px}
.website-art{background:white;border:1px solid var(--line-2);border-radius:18px;box-shadow:0 30px 70px -38px #02084466;overflow:hidden;transform:rotate(2deg)}
.browser-top{display:flex;gap:5px;align-items:center;background:var(--bg-2);border-bottom:1px solid var(--line);padding:14px 17px}.browser-top>span{width:7px;height:7px;border-radius:50%;background:var(--line-2)}.browser-top small{font-size:10px;color:var(--ink-2);margin-left:auto}
.sample-site{background:#f9f5ed;color:#143c3a;padding:22px 26px 0}.sample-nav{display:flex;align-items:center;justify-content:space-between;font-size:14px}.sample-nav>span{font-size:9px}.sample-hero{padding:60px 0 38px;position:relative}.sample-hero::after{content:'';position:absolute;right:-70px;top:30px;width:240px;height:280px;border-radius:150px 150px 15px 15px;background:linear-gradient(145deg,#bddcd3,#698f89);transform:rotate(-16deg);opacity:.34;pointer-events:none}.sample-eyebrow{font-size:9px;letter-spacing:.1em;position:relative;z-index:1}.sample-title{font-family:'Instrument Serif',serif;font-size:64px;line-height:1.05;margin:18px 0;position:relative;z-index:1}.sample-title i{font-weight:400}.sample-hero p{font-size:11px;max-width:210px;position:relative;z-index:1}.sample-button{display:inline-block;margin-top:24px;background:#143c3a;color:#fff;padding:10px 14px;border-radius:5px;font-size:10px;position:relative;z-index:1}.sample-bottom{display:flex;justify-content:space-between;padding:18px 0;font-size:9px;border-top:1px solid #d4dcd0;position:relative}.art-caption{font-size:11px;color:var(--ink-2);padding:14px;text-align:center}
.website-section{padding:88px 0}.website-section-heading{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end;margin-bottom:48px}.website-section-heading h2{margin:0}.website-section-heading>p{color:var(--ink-2);font-size:18px;max-width:460px}
.website-feature-list{display:grid;grid-template-columns:1fr 1fr;column-gap:65px}.website-feature-list article{display:flex;gap:20px;padding:30px 0;border-top:1px solid var(--line)}.website-feature-list article>span{font-size:12px;font-weight:500;color:var(--accent-2);padding-top:5px}.website-feature-list h3{font-size:20px;font-weight:500;line-height:1.4;margin-bottom:12px}.website-feature-list p{font-size:16px;color:var(--ink-2);line-height:1.7}
.website-process{background:var(--ink);color:var(--bg)}.website-process .section-eyebrow{color:#73d4c8}.website-process h2{max-width:750px}.website-process ol{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:50px}.website-process li{border-top:1px solid #ffffff35;padding-top:24px}.website-process li>span{font-size:12px;color:#9db9d9}.website-process h3{font-size:21px;line-height:1.35;margin:16px 0;font-weight:500}.website-process p{color:#c2cde1;font-size:16px}
.website-final{background:var(--bg-2);padding:80px 0;border-top:1px solid var(--line)}.website-final p:not(.section-eyebrow){max-width:620px;color:var(--ink-2);font-size:18px;margin-bottom:28px}.website-final .website-text-link{margin-left:22px}
.website-page .btn:focus-visible,.website-text-link:focus-visible,.nav-toggle:focus-visible{outline:3px solid var(--accent-2);outline-offset:5px}
@media(max-width:1000px){.website-hero-grid{gap:35px}.website-art{transform:none}.website-hero{padding:65px 0}.sample-title{font-size:55px}}
@media(max-width:860px){.nav-toggle{display:block;margin-left:auto;margin-right:12px;border:1px solid var(--line-2);background:transparent;color:var(--ink);padding:9px 12px;border-radius:8px;font:inherit;font-size:13px;cursor:pointer}.nav-inner{position:relative}.nav-links.is-open{position:absolute;top:calc(100% + 12px);left:20px;right:20px;display:flex;flex-direction:column;align-items:stretch;background:var(--bg);padding:14px;border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 35px #02084418}.nav-links.is-open a:not(.nav-cta){display:block}.nav-links.is-open .nav-cta{margin:0}.website-intro-grid,.website-pair,.website-section-heading{gap:32px}.website-hero-grid{grid-template-columns:1fr;gap:45px}.website-hero-copy{max-width:650px}.website-art{max-width:520px;width:100%;margin:auto}.website-process ol{grid-template-columns:1fr;gap:28px}.website-feature-list{column-gap:32px}}
@media(max-width:600px){.container,.container-narrow{padding-inline:22px}.nav-inner{padding-inline:16px}.website-intro-grid,.website-pair,.website-section-heading,.website-feature-list{grid-template-columns:1fr}.website-intro{padding:40px 0}.website-page h1{font-size:clamp(45px,12vw,65px)}.website-hero{padding:48px 0 60px}.website-lede{font-size:19px}.website-section{padding:56px 0}.website-section-heading{gap:20px;margin-bottom:32px}.website-section-heading>p{font-size:17px}.website-feature-list article{padding:24px 0}.website-final{padding:55px 0}.website-final .website-text-link{margin:20px 0 0;display:block}.sample-site{padding:20px 20px 0}.sample-hero{padding-top:40px}.sample-title{font-size:54px}.sample-nav>span{font-size:8px}.sample-bottom{gap:12px}.website-page footer .footer-inner>div:last-child{flex-wrap:wrap}.nav-links .nav-cta{font-size:12px!important;padding:9px 10px!important}.logo-lockup{max-width:32vw}footer .footer-inner>div:last-child{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,nav{transition:none}}

/* Compact website overview and real project preview. */
.website-page .website-section{padding-block:60px}
.website-page .website-feature-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.website-page .website-section-heading{margin-bottom:30px}
.website-work{padding:54px 0;background:#e7f3f4;border-block:1px solid var(--line)}
.website-work h2{margin:0}.website-work .project-note{font-size:13px;margin:14px 0 0}
.website-page .website-final{padding-block:54px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:860px){.website-page .website-feature-list{grid-template-columns:1fr}.website-page .website-feature-list article{padding-block:18px}.website-page .website-section{padding-block:42px}.website-work{padding-block:42px}}