:root{--paper:#f6f4ee;--ink:#171814;--orange:#df693b;--action:#a84420;--muted:#62635c;--rule:#d6d4cb;--mono:'Courier New',monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}::selection{background:#f1c6b1;color:var(--ink)}
.wrap{width:min(1000px,84%);margin-inline:auto}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--orange);outline-offset:5px}a,button{touch-action:manipulation}button{cursor:pointer}h1,h2,h3,p{margin:0}h1 span,h2 span,h3 span,.logo span{color:var(--orange)}
header{height:84px;display:flex;justify-content:space-between;align-items:center}.logo{font-size:26px;letter-spacing:-1px;font-weight:700}nav{display:flex;align-items:center;gap:28px;font:11px var(--mono)}nav a,.language{min-height:44px;display:inline-flex;align-items:center}.language{border:0;background:none;padding:0;font:inherit}nav a:hover,.language:hover{color:var(--action)}
.opening-page{min-height:calc(100svh - 84px);display:flex;flex-direction:column}.hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);align-items:center;gap:48px;flex:1;padding-block:22px 32px}.hero-copy{padding-bottom:24px}h1{font-size:clamp(42px,4.4vw,62px);font-weight:600;letter-spacing:-.04em;line-height:1.06;margin-bottom:28px}p{font:13px/1.7 var(--mono);color:#42443e}.availability{display:inline-grid;background:var(--orange);color:var(--ink);padding:15px 22px;font:12px/1.5 var(--mono);margin-top:28px;transition:background .18s ease}.availability:hover{background:#e98157}small{display:block;font:10px/1.6 var(--mono);color:var(--muted);margin-top:10px}
.phone{position:relative;width:clamp(190px,calc((100svh - 330px)*.5255),310px);max-width:100%;aspect-ratio:360/685;overflow:hidden;justify-self:end;isolation:isolate}.phone img{position:absolute;width:303.6111%;max-width:none;height:auto;left:-169.4444%;top:-10.219%;pointer-events:none;clip-path:inset(6.39% 11.71% 51.42% 59.38% round 4.8% / 3.8%)}
.features{padding-block:20px 48px}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}.feature-grid h2{font-size:36px;letter-spacing:-.035em;font-weight:500;line-height:1.12;margin-bottom:12px}.feature-grid p,.outside-copy p{font-size:11px;line-height:1.7}
.second-page{min-height:100svh;display:flex;flex-direction:column}.outside{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:56px;align-items:center;padding-block:36px 24px;flex:1}.map{width:100%;aspect-ratio:580/342;background:#fff url('assets/concept.png') 11.501% 91.886% / 188.4483% auto no-repeat;filter:brightness(1.09) saturate(.9);overflow:hidden}.map img{display:none}.outside h2{font-size:38px;font-weight:500;line-height:1.1;letter-spacing:-.035em;margin-bottom:20px}
.contact{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:56px;padding-block:16px 28px}.contact h2{font-size:32px;font-weight:500;letter-spacing:-.035em;line-height:1.15}.contact a,.contact label,.contact button{font:11px/1.6 var(--mono)}.contact a{display:inline-block;min-height:24px}.contact a:hover{color:var(--action)}.contact form{margin-top:16px}.contact label{display:block;margin-bottom:14px}.contact input,.contact textarea{display:block;width:100%;font:13px/1.6 var(--mono);color:var(--ink);background:transparent;border:0;border-bottom:1px solid var(--rule);padding:7px 0;border-radius:0;resize:vertical;caret-color:var(--orange)}.contact input{min-height:40px}.contact textarea{min-height:70px}.contact button{border:0;background:none;color:var(--action);padding:10px 0;min-height:44px}.contact button:hover{text-decoration:underline;text-underline-offset:4px}.contact small{margin-top:2px}
footer{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;padding-block:24px;font:10px var(--mono);color:var(--muted)}footer .logo{font:700 21px Arial,sans-serif;color:var(--ink);letter-spacing:-.8px}footer>span:nth-child(2){justify-self:center}footer>span:last-child{justify-self:end}
/* Both translations occupy one shared area, so changing language preserves the grid. */
[data-en]{display:grid}[data-en]>.translation{grid-area:1/1;visibility:hidden;min-width:0;color:inherit!important}html[lang=en] .translation-en,html[lang=fr] .translation-fr{visibility:visible}.availability{display:inline-grid}
@media(max-width:850px){.wrap{width:86%}.hero{gap:28px}h1{font-size:44px}.phone{max-width:270px}.feature-grid h2{font-size:30px}.feature-grid{gap:24px}.outside,.contact{gap:30px}.outside h2{font-size:32px}}
@media(max-width:600px){.wrap{width:84%}header{height:74px}.logo{font-size:24px}nav{gap:20px}.opening-page{min-height:calc(100svh - 74px)}.hero{grid-template-columns:1fr;padding-block:28px 24px;gap:28px}.hero-copy{padding:0}h1{font-size:clamp(35px,9vw,48px);margin-bottom:20px}.hero p{font-size:12px}.availability{font-size:11px;margin-top:22px}.phone{width:76%;max-width:250px;justify-self:center}.features{padding-block:16px 40px}.feature-grid{grid-template-columns:1fr;gap:24px}.feature-grid article{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1.4fr);gap:16px;align-items:start}.feature-grid h2{font-size:24px;margin:0}.feature-grid p br{display:none}.feature-grid p{font-size:11px}.outside{grid-template-columns:1fr;gap:26px;padding-block:40px 28px;flex:none}.outside h2{font-size:34px}.contact{grid-template-columns:1fr;gap:20px;padding-block:16px 28px}.contact h2{font-size:29px}.contact input,.contact textarea{font-size:16px}.contact form{margin-top:16px}footer{grid-template-columns:1fr 1fr;padding-block:24px}footer>span:nth-child(2){justify-self:end}footer>span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.availability{transition:none}}

@media(min-width:601px){.map{max-width:min(100%,calc((100svh - 465px)*1.696))}}
/* Lift the contact group and footer within the second screen. */
.second-page .contact,.second-page footer{position:relative;top:-32px}
@media(max-width:600px){.second-page .contact,.second-page footer{top:-20px}}
/* Lift the feature row without moving the start of the next screen. */
.opening-page .features{position:relative;top:-20px}
@media(max-width:600px){.opening-page .features{top:-12px}}

/* Circular punctuation, independent of the font's square period glyph. */
.brand-dot{display:inline-block;width:.13em;height:.13em;margin-left:.035em;border-radius:50%;background:var(--orange);color:transparent!important;overflow:hidden;vertical-align:baseline}

footer.copyright{display:block;font:10px/1.6 var(--mono);color:var(--muted)}
/* Let the beta button fit the visible language instead of the longer translation. */
.availability>.translation{display:none}
html[lang=en] .availability>.translation-en,html[lang=fr] .availability>.translation-fr{display:block}
.availability{padding-inline:18px}
/* Lower the header contents while preserving the page layout below. */
body>header>.logo,body>header>nav{position:relative;top:14px}