/* Integral service views extend the existing Puntual identity and tools. */
[hidden]{display:none!important}.mobile-nav{display:none}.header{min-height:82px}.header nav{display:flex;gap:28px}.header .brand small{font-size:11px}.portal-hero{display:flex;align-items:end;justify-content:space-between;gap:60px;padding:62px 0 34px}.portal-hero h1{font-size:clamp(2.8rem,4.8vw,4.4rem);line-height:1.08;margin:22px 0}.portal-hero h1 em{font-style:normal;color:var(--blue)}.portal-hero p{max-width:660px;font-size:18px}.hero-caption{min-width:180px;text-align:right;padding-bottom:10px}.hero-caption>span{font-size:14px;letter-spacing:.15em;color:var(--blue)}.hero-caption p{font-size:15px;max-width:200px}.area-section{padding:0 0 65px}.area-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.area-card{display:flex;position:relative;flex-direction:column;border:1px solid #d5dfeb;border-radius:10px;padding:22px;min-height:212px;background:linear-gradient(140deg,#fff,#f7faff);transition:border-color .15s,background .15s}.area-card:hover{border-color:var(--blue);background:#f0f6ff}.area-number{font-size:13px;color:var(--blue);margin-bottom:22px;letter-spacing:.08em}.area-card h3{font-size:19px;line-height:1.3;margin:0 0 9px}.area-card p{font-size:14px;line-height:1.5;margin:0}.area-arrow{position:absolute;right:20px;top:17px;color:var(--blue)}.intro-strip{background:var(--navy);color:white;padding:48px 0}.intro-strip .wrap{display:grid;grid-template-columns:1fr 1fr;gap:70px}.intro-strip h2{font-size:2rem;margin-bottom:0}.intro-strip p{color:#d1dfef;margin-top:0}.intro-strip .eyebrow,.intro-strip .text-link{color:#aaceff}.service-head{padding:35px 0 30px}.service-head .back{display:inline-block;margin-bottom:28px}.service-heading{display:flex;gap:40px;align-items:center;justify-content:space-between}.service-heading h1{font-size:clamp(2.4rem,4vw,3.6rem);max-width:820px;margin:14px 0}.service-heading p{font-size:20px;max-width:700px}.service-heading>.btn{flex-shrink:0}.service-problem{max-width:840px;border-left:3px solid #97b6e2;padding-left:20px;margin-top:28px}.scope-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;border-top:1px solid var(--line);padding-top:30px}.scope-grid h2,.method-section h2,.area-faq h2{font-size:1.65rem}.scope-grid ul,.case-card ul{padding-left:22px;color:var(--muted)}li{margin-bottom:7px}.method-section{padding:26px 0 45px}.method-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.method-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.method-grid article{border-top:1px solid var(--line);padding-top:18px}.deliverable{padding:24px 28px;background:var(--pale);border-radius:8px;margin-top:20px}.deliverable p{margin-bottom:0}.scope-note{font-size:14px;color:#425c74}.case-section{background:#f0f5fb;padding:50px 0}.case-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:65px;align-items:start}.case-layout aside h2{font-size:2.4rem}.case-card{padding:30px;background:white;border:1px solid #ccd9e9;border-radius:12px;min-width:0}.case-steps{list-style:none;padding:0;margin:0 0 25px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.case-steps li{font-size:13px;color:#5c6f84;border-bottom:2px solid #dbe4f0;padding-bottom:14px;line-height:1.4}.case-steps li[aria-current]{color:#155ee8;border-color:#155ee8;font-weight:700}.case-steps span{display:block;font-size:14px;margin-bottom:7px}.field textarea{width:100%;display:block;border:1px solid #b8c9dd;border-radius:7px;padding:12px 14px;margin-top:7px;font:400 16px/1.65 'DM Sans',sans-serif;resize:vertical;min-height:100px;color:var(--ink)}.case-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.case-actions .btn{max-width:100%;text-align:center}.case-card #case-status:empty{display:none}.area-faq{padding:45px 0}.area-faq .section-head{align-items:center}.area-faq input{border:1px solid #b8c9dd;padding:12px;border-radius:6px;font:inherit;width:min(340px,100%)}.tools-heading{padding:25px 0}.tool-links{display:flex;flex-wrap:wrap;gap:10px}.tool-links a{border:1px solid var(--line);padding:10px 15px;border-radius:6px;font-size:14px;color:var(--blue)}.return-link{padding:30px 0}.about-page h1,.contact-page h1,#main-content>section>h1{font-size:clamp(2.5rem,4vw,3.7rem);max-width:850px}.about-page{padding:35px 0 65px}.about-layout{display:grid;grid-template-columns:1fr .8fr;gap:65px;align-items:center;margin:30px 0 65px}.about-layout img{width:100%;height:340px;object-fit:cover;border-radius:12px}.contact-page{min-height:65vh}.contact-page>.eyebrow,#main-content>section>.eyebrow{display:block;margin-top:25px}.contact-options{display:flex;align-items:start;flex-direction:column;gap:24px;margin:35px 0}.contact-options>a:not(.btn){color:var(--blue);text-decoration:underline}.footer .wrap{flex-wrap:wrap}.case-card textarea,.case-card input,.area-faq input{min-width:0}#case-print-sheet{display:none}.about-layout .lead{font-size:18px}.scope-grid article{min-width:0}.case-card .back{text-align:left}.top .header nav a{font-size:15px}.area-card:focus-visible{outline:3px solid #1363df}
@media(max-width:1050px){.area-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.area-card{min-height:175px}.service-heading{align-items:start;flex-direction:column;gap:10px}.case-layout{gap:30px}.hero-caption{display:none}.header nav{gap:18px}.header{gap:18px}.about-layout{gap:25px}}
@media(max-width:700px){.top .header nav{display:none}.mobile-nav{display:flex;justify-content:space-between;gap:12px;padding:10px 18px;border-top:1px solid #edf1f7;font-size:14px}.header{min-height:70px}.brand{font-size:1.5rem}.brand img{width:32px;height:32px}.portal-hero{padding:32px 0 20px}.portal-hero h1{font-size:2.7rem}.portal-hero p{font-size:16px}.eyebrow{font-size:12px}.area-card{padding:17px;min-height:195px}.area-card h3{font-size:17px}.area-number{margin-bottom:18px}.area-card p{font-size:14px}.area-grid{gap:10px}.area-section{padding-bottom:35px}.intro-strip .wrap,.scope-grid,.case-layout,.about-layout{grid-template-columns:1fr;gap:24px}.intro-strip h2{font-size:1.8rem}.service-head{padding-top:20px}.service-heading h1{font-size:2.5rem;overflow-wrap:anywhere}.service-heading p{font-size:18px}.scope-grid{gap:15px}.method-grid,.method-grid.three{grid-template-columns:1fr;gap:6px}.method-grid article p{margin-top:8px}.case-card{padding:20px}.case-layout aside h2{font-size:2rem}.area-faq .section-head{display:block}.area-faq input{width:100%;margin-top:10px}.about-layout{margin:25px 0 40px}.about-layout img{height:220px}.case-steps{gap:7px}.case-steps li{font-size:12px}.contact-options .btn{white-space:normal;text-align:center}.opening-card .btn{white-space:normal}.comparison .btn{white-space:normal}html{scroll-padding-top:130px}.footer .wrap{gap:10px}.table-scroll{max-width:100%}.opening-layout{min-width:0}.opening-card{min-width:0}.summary-grid{min-width:0}}
@media(max-width:370px){.area-grid{grid-template-columns:1fr}.area-card{min-height:140px}.header select{max-width:128px}.brand small{letter-spacing:.1em}}
@media(prefers-reduced-motion:reduce){.area-card{transition:none}}
@media print{body.printing-case #app{display:none!important}body.printing-case #case-print-sheet,body.printing-case #case-print-sheet *{visibility:visible!important}body.printing-case #case-print-sheet{display:block;position:absolute;inset:0;padding:25px}#case-print-sheet pre{white-space:pre-wrap;font:16px/1.5 sans-serif}#case-print-sheet h1{font-size:28px}#case-print-sheet h2{font-size:22px}}