.devis-top{background:radial-gradient(ellipse at 5% 0%,#315862,transparent 65%),var(--ink);color:var(--background);border-radius:22px;margin:16px}.devis-header nav{margin-left:auto}.devis-header nav [aria-current=page]{color:var(--accent);text-underline-offset:5px;text-decoration:underline}.devis-hero{max-width:1100px;padding-block:66px 60px}.devis-hero .overline{color:#c5e2ee;font-size:.875rem;line-height:1.6}.devis-hero h1{margin-block:26px;font-size:clamp(2.7rem,5.8vw,5.5rem);line-height:1.06}.devis-hero h1 em{color:var(--accent)}.devis-lead{max-width:760px;font-size:clamp(1.125rem,2vw,1.4rem)}.devis-hero-detail{color:#d4e1e5;max-width:700px;margin-top:18px}.devis-hero-action{flex-direction:column;align-items:flex-start;gap:12px;margin-top:30px;display:flex}.devis-hero-action>span,.devis-time-note{color:#c5dce4;font-size:.875rem}.devis-time-note{max-width:760px;margin-top:27px;line-height:1.65}.devis-section,.devis-example{padding-block:76px 16px}.devis-section-heading{max-width:800px}.devis-section-heading .overline,.devis-control .overline,.devis-local .overline,.devis-budget .overline{color:#426b7c;margin-bottom:20px;font-size:.875rem;line-height:1.6}.devis-section-heading h2,.devis-control h2,.devis-local h2,.devis-budget h2,.devis-closing h2{font-size:clamp(2.3rem,4vw,3.8rem)}.devis-section-heading>p:last-child:not(.overline){color:#4f666c;max-width:700px;margin-top:23px}.devis-inputs{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:35px;display:grid}.devis-inputs article{border-top:1px solid #aac2ce;padding-top:22px}.devis-step{color:#547685;font-family:DM Serif Display,Georgia,serif;font-size:2rem}.devis-inputs h3{margin:14px 0 12px;font-size:1.2rem}.devis-inputs p{color:#4f666c}.devis-practical{background:#e6f0f5;border-left:3px solid #83aaba;max-width:960px;margin-top:28px;padding:22px 25px}.devis-example-grid{grid-template-columns:1fr 1fr;align-items:start;gap:25px;margin-top:34px;display:grid}.devis-example-grid figure{background:#fff;border:1px solid #c8dce5;border-radius:16px;margin:0;overflow:hidden}.devis-example-grid figcaption{border-bottom:1px solid #dce6e9;padding:20px 24px}.devis-example-grid figcaption span{color:#547685;margin-bottom:5px;font-size:.875rem;display:block}.devis-example-grid figcaption strong{font-size:1.125rem}.devis-example-grid a{padding:20px;display:block}.devis-example-grid img{object-fit:contain;width:100%;height:auto;max-height:480px;display:block}.devis-example-grid a>span{text-underline-offset:4px;margin-top:18px;font-size:1rem;text-decoration:underline;display:block}.devis-caption{color:#4f666c;max-width:860px;margin-top:18px;font-size:.875rem}.devis-control{grid-template-columns:1fr 1fr;align-items:start;gap:64px;display:grid}.devis-control>div>p:last-child{max-width:560px;margin-top:22px}.devis-checklist{background:#e7f0f5;border-radius:16px;padding:32px}.devis-checklist h3{font-size:1.25rem}.devis-checklist ul{margin-block:20px;padding-left:22px;line-height:1.75}.devis-checklist li{padding-bottom:9px}.devis-checklist p{color:#4f666c}.devis-local{max-width:900px;padding-block:72px}.devis-local>p:not(.overline){margin-top:24px}.devis-text-link{text-underline-offset:5px;margin-top:20px;font-weight:600;line-height:1.6;text-decoration:underline;display:inline-block}.devis-budget{background:#e6f0f5;border-radius:18px;grid-template-columns:1fr 1fr;gap:55px;padding:42px;display:grid}.devis-budget p+p{margin-top:18px}.devis-closing{text-align:center;border-top:1px solid #c8dce5;padding-block:55px}.devis-closing>p{margin:22px auto}.devis-closing>.button{margin-inline:auto}.devis-closing>a{text-underline-offset:4px;overflow-wrap:anywhere;margin-top:18px;text-decoration:underline;display:block}:is(.devis-header a:focus-visible,.devis-top button:focus-visible){outline-color:#b9dce9}@media (max-width:760px){.devis-top{margin:10px}.devis-header{flex-wrap:wrap;gap:20px;height:auto;min-height:90px;padding-block:20px}.devis-header nav{flex-wrap:wrap;gap:18px;margin:0;font-size:.9375rem;display:flex}.devis-hero{padding-block:30px 40px}.devis-hero h1{font-size:clamp(2.65rem,10vw,4.5rem)}.devis-hero .overline{letter-spacing:.07em;font-size:.8125rem}.devis-hero-action .button{text-align:center;justify-content:center;width:100%}.devis-inputs,.devis-example-grid,.devis-control,.devis-budget{grid-template-columns:1fr;gap:24px}.devis-section,.devis-example{padding-top:48px}.devis-example-grid img{max-height:430px}.devis-local{padding-block:48px}.devis-budget{padding:28px 24px}.devis-checklist{padding:25px}.devis-caption{line-height:1.7}.devis-closing{padding-block:40px}.devis-closing .button{white-space:normal;text-align:center}}
