/* A personal, editorial finish: space, useful details and one cobalt signature. */
.hero-grid{gap:52px;padding-top:40px;align-items:center}
.hero h1{font-size:clamp(58px,6.05vw,86px);line-height:1.28;letter-spacing:-.035em;margin-bottom:24px}
html[lang=en] .hero h1{font-size:clamp(48px,4.85vw,70px);line-height:1.13;letter-spacing:-.055em}
.hero h1 span{display:inline-block;position:relative;padding-bottom:6px}
.hero h1 span:after{content:'';display:block;position:absolute;bottom:0;inset-inline:2px 12%;height:2px;background:#315bff;opacity:.28}
.hero-copy>p{font-size:18px;line-height:1.95;max-width:490px;color:#4a505a}
html[lang=en] .hero-copy>p{line-height:1.8;font-size:17px}
.hero-stage{align-self:center;min-height:530px;border:1px solid #27334b;box-shadow:0 18px 40px -30px #10131880}
.preview-window{box-shadow:0 8px 26px #0002;border:1px solid #ffffff24}
.hero-footnote{font-size:12px;line-height:1.8;margin-top:27px}
.hero-bottom{font-size:12px;padding-block:24px}
.starting-point{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;padding:38px 0 8px;border-top:1px solid var(--line);scroll-margin-top:100px}
.starting-intro>.eyebrow{font-size:11px;color:#2546c9;letter-spacing:.04em}
.starting-intro h2{font-size:31px;line-height:1.5;margin:10px 0}
html[lang=en] .starting-intro h2{font-size:30px;letter-spacing:-.04em;line-height:1.3}
.starting-intro p{font-size:14px;color:#59616d;line-height:1.8}
.goal-options{display:flex;gap:6px;border-bottom:1px solid #d4d7df;padding-bottom:12px}
.goal-options button{flex:1;min-height:46px;padding:10px 14px;color:#454d59;font:inherit;font-size:13px;border-radius:10px;line-height:1.5;transition:background 180ms,color 180ms}
.goal-options button:hover{background:#e9edff}
.goal-options button[aria-pressed=true]{color:#2344cb;background:#e9edff;box-shadow:inset 0 0 0 1px #315bff2e;font-weight:600}
.goal-result{padding-top:22px;min-height:143px}
.goal-result h3{font-size:22px;line-height:1.5;letter-spacing:-.015em;margin-bottom:9px}
.goal-result p{font-size:15px;line-height:1.85;color:#4c5563;max-width:620px}
.goal-action{font-size:13px;min-height:44px;margin-top:6px;color:#2344cb}
.service-feature{border:1px solid #315bff20;background:#e9edff}
.service-row{transition:border-color 180ms}
.service-row:hover{border-color:#315bff70}
.service-row p{max-width:560px}
.service-feature h3{font-size:36px}
.wireframe-art{border-color:#315bff2e;background:#fff9;box-shadow:none}
.why-heading{padding-bottom:30px;border-bottom:1px solid var(--line)}
.why-heading p{max-width:500px;font-size:17px;line-height:1.9}
.reasons{padding-top:32px}
.reason-number{color:#315bff}
.process-grid article>span{color:#315bff}
.contact-copy h2{font-size:clamp(45px,4.8vw,66px);line-height:1.3}
html[lang=en] .contact-copy h2{font-size:clamp(42px,4.1vw,58px);line-height:1.16}
.contact-copy>p{max-width:470px;line-height:1.9}
.contact-form{border:1px solid #ffffff55;box-shadow:0 20px 60px -40px #10131880}
.contact-form h3{font-size:27px;letter-spacing:-.02em}
.contact-form label{line-height:1.6}
.contact-form input::placeholder,.contact-form textarea::placeholder{color:#727781;opacity:1}
.footer-top>p{font-size:16px}
@media(max-width:1100px) and (min-width:901px){.hero-grid{gap:28px}.hero h1{font-size:60px}html[lang=en] .hero h1{font-size:49px}.hero-stage{min-height:500px;padding-inline:20px}.hero-actions{gap:16px}.hero-actions .button{padding-inline:18px}}
@media(max-width:900px){.hero-grid{gap:36px}.hero-copy{max-width:690px}.hero h1{font-size:76px}html[lang=en] .hero h1{font-size:68px}.hero-copy>p{max-width:630px}.hero-stage{min-height:520px}.starting-point{gap:32px;grid-template-columns:1fr 1.2fr}.goal-options button{font-size:12px;padding-inline:8px}.goal-result{min-height:185px}}
@media(max-width:620px){
 .hero-grid{padding-top:24px;gap:30px}
 .hero h1{font-size:clamp(42px,12.4vw,66px);line-height:1.35;margin-bottom:20px}
 html[lang=en] .hero h1{font-size:clamp(38px,10.8vw,58px);line-height:1.16}
 .hero-copy>p,html[lang=en] .hero-copy>p{font-size:16px;line-height:1.9}
 .hero-stage{min-height:425px;border-radius:20px}
 .hero-actions{gap:18px}
 .hero-actions .button{padding-inline:18px;font-size:13px}
 .hero-footnote{font-size:11px;margin-top:22px}
 .hero-bottom{font-size:11px;gap:20px;line-height:1.8;padding-block:20px}
 .hero-bottom p{max-width:185px}
 .hero-bottom a{white-space:normal;text-align:end;max-width:115px}
 .starting-point{grid-template-columns:1fr;gap:24px;padding-top:30px;padding-bottom:0}
 .starting-intro h2,html[lang=en] .starting-intro h2{font-size:29px;margin:8px 0}
 .goal-options{gap:3px;padding-bottom:10px}
 .goal-options button{padding:10px 6px;font-size:12px;min-height:50px}
 html[lang=en] .goal-options button{font-size:11px}
 .goal-result{min-height:165px;padding-top:20px}
 .goal-result h3{font-size:22px;line-height:1.5}
 .goal-result p{font-size:14px;line-height:1.9}
 .goal-action{margin-top:8px;font-size:12px}
 .why-heading{padding-bottom:24px}
 .why-heading p{font-size:16px}
 .reasons{padding-top:24px}
 .contact-copy h2{font-size:48px}
 html[lang=en] .contact-copy h2{font-size:43px}
 .contact-form h3{font-size:24px}
}
@media(max-width:360px){.hero-stage{min-height:400px}.goal-result{min-height:190px}.goal-options button{font-size:11px}.contact-copy h2{font-size:42px}html[lang=en] .contact-copy h2{font-size:38px}}

.inline-arrow{display:inline-block;width:14px!important;height:14px!important;vertical-align:middle;flex:none;margin-inline-start:5px}
.blueprint-toggle{display:inline-flex;align-items:center;gap:3px}
.goal-result{min-height:125px}
@media(max-width:900px){.goal-result{min-height:185px}}
@media(max-width:620px){.goal-result{min-height:165px}}
@media(max-width:360px){.goal-result{min-height:190px}}