@font-face{font-family:Poppins;src:url("assets/fonts/Poppins-Regular.ttf") format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Poppins;src:url("assets/fonts/Poppins-Medium.ttf") format("truetype");font-weight:500;font-display:swap}@font-face{font-family:Poppins;src:url("assets/fonts/Poppins-SemiBold.ttf") format("truetype");font-weight:600;font-display:swap}:root{--navy:#071a2b;--blue:#173a50;--red:#e21c24;--mint:#b9efd8;--sky:#dcecef;--paper:#f4f6f3;--white:#fff;--ink:#102532;--muted:#6e7e83;--line:#dce3e1;--serif:Poppins,Arial,sans-serif;--sans:Poppins,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.5 var(--sans);-webkit-font-smoothing:antialiased}button,input{font:inherit}a{color:inherit}.skip{position:fixed;top:8px;left:8px;z-index:100;background:#fff;padding:8px 12px;transform:translateY(-160%)}.skip:focus{transform:none}.app-shell{min-height:100svh;padding:16px}.workspace{min-height:calc(100svh - 32px);display:grid;grid-template-columns:minmax(330px,36%) 1fr;border-radius:26px;overflow:hidden;background:#fff;box-shadow:0 20px 70px rgba(7,26,43,.1)}.app-nav{position:absolute;z-index:20;top:16px;left:16px;right:16px;height:78px;display:grid;grid-template-columns:minmax(330px,36%) 1fr auto;align-items:center;padding:0 32px;border-bottom:1px solid rgba(255,255,255,.13);pointer-events:none}.app-nav>*{pointer-events:auto}.logo{width:145px;height:54px;display:flex;align-items:center;overflow:hidden}.logo img{width:145px;height:auto}.area{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#63777f;display:flex;align-items:center;gap:10px;padding-left:34px}.live-dot,.status-dot{width:7px;height:7px;border-radius:50%;background:#62d59f;display:inline-block;box-shadow:0 0 0 5px rgba(98,213,159,.13)}.nav-phone{text-decoration:none;display:flex;align-items:center;gap:12px}.nav-phone span{text-transform:uppercase;letter-spacing:.12em;font-size:8px;color:#87969a}.nav-phone strong{font-size:12px}.intro-panel{background:var(--navy);color:#fff;padding:150px 56px 38px;display:flex;flex-direction:column;justify-content:space-between;min-width:0}.mini-label{text-transform:uppercase;letter-spacing:.18em;font-size:9px;font-weight:800;color:#a9c2cb;margin:0 0 20px;display:flex;align-items:center;gap:9px}.mini-label:before{content:"";width:20px;height:1px;background:currentColor}.mini-label.dark{color:var(--red)}.intro-copy h1{font:400 clamp(48px,5vw,78px)/.91 var(--serif);letter-spacing:-.055em;margin:0}.intro-copy h1 em{font-weight:400;color:#9ebac4}.intro-text{color:#9cb0b8;margin:23px 0 0;font-size:14px}.promise-list{border-top:1px solid rgba(255,255,255,.14);margin-top:auto}.promise-list>div{display:grid;grid-template-columns:33px 1fr;gap:8px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.14);align-items:center}.promise-list>div>span{font:italic 10px var(--serif);color:#6c8792}.promise-list p{display:flex;justify-content:space-between;align-items:center;margin:0}.promise-list b{font:400 14px var(--serif)}.promise-list small{font-size:8px;color:#6f8791}.soft-link{text-decoration:none;text-transform:uppercase;letter-spacing:.12em;font-size:8px;color:#78909a;margin-top:24px;display:flex;justify-content:space-between}.configurator{padding-top:78px;background:#fff;min-width:0;display:grid;grid-template-rows:48px minmax(300px,1fr) auto}.config-topbar{display:grid;grid-template-columns:1fr auto 40px;align-items:center;padding:0 34px;border-bottom:1px solid var(--line);font-size:10px}.config-topbar>div:first-child{display:flex;align-items:center;gap:10px}.status-dot{width:6px;height:6px;box-shadow:0 0 0 4px rgba(98,213,159,.12)}.config-topbar strong{font-size:10px}.saved-state{color:#9aa6a8;font-size:8px;padding-left:10px;border-left:1px solid var(--line)}.step-dots{display:flex;gap:5px}.dot{border:0;width:20px;height:4px;border-radius:8px;background:#dce3e1;padding:0;cursor:pointer;transition:.25s}.dot.active{background:var(--red);width:34px}.step-count{font-size:9px;text-align:right;color:#8b999d}.step-count b{color:var(--ink)}.boat-playground{position:relative;min-height:325px;background:radial-gradient(circle at 49% 45%,#f9fbfa 0,#eef3f2 65%,#e9efee 100%);overflow:hidden;display:flex;align-items:center;justify-content:center}.boat-playground:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(19,52,70,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(19,52,70,.035) 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(90deg,transparent,#000 25%,#000 75%,transparent)}.season-chip{position:absolute;z-index:2;top:25px;left:28px;border:1px solid #d1dcda;border-radius:50px;padding:7px 10px;display:flex;align-items:center;gap:8px;font-size:8px;font-weight:800;letter-spacing:.1em;color:#718186;background:rgba(255,255,255,.65);backdrop-filter:blur(8px)}.season-chip i{width:24px;height:1px;background:#b7c5c3;position:relative}.season-chip i:after{content:"";position:absolute;right:0;top:-2px;width:5px;height:5px;border-radius:50%;background:var(--red)}.boat-bubble{position:absolute;z-index:3;top:29px;right:30px;background:var(--navy);color:#fff;border-radius:18px 18px 3px 18px;padding:8px 13px;font:400 11px var(--serif);transition:.25s}.boat{position:relative;z-index:1;width:min(82%,720px);height:auto;max-height:340px;overflow:visible;animation:float 4s ease-in-out infinite}.boat *{transition:.45s cubic-bezier(.2,.8,.2,1)}@keyframes float{50%{transform:translateY(-5px)}}.sky-marks{fill:none;stroke:#9db1b6;stroke-width:2;stroke-linecap:round}.sky-marks circle{fill:#aabcbf;stroke:0}.sail{fill:rgba(255,255,255,.5);stroke:#6f8b96;stroke-width:2}.mast{fill:none;stroke:#587786;stroke-width:3}.main-hull{stroke:#d0dcda;stroke-width:1.5}.red-line{fill:none;stroke:var(--red);stroke-width:4;stroke-linecap:round}.cabin,.motor-cabin,.cat-deck{fill:#e9eeee;stroke:#fff;stroke-width:2}.window,.motor-glass{fill:#16374b}.hull-name{font:800 11px var(--sans);letter-spacing:.14em;fill:#183448}.motor-set,.cat-set{opacity:0}.cradle{fill:none;stroke:#728b94;stroke-width:5;stroke-linecap:round}.floor-line{fill:none;stroke:#c4d1cf;stroke-width:1}.boat-specs{position:absolute;z-index:2;left:30px;bottom:19px;display:flex;gap:32px;background:rgba(255,255,255,.72);border:1px solid rgba(210,220,219,.8);border-radius:14px;padding:8px 13px;backdrop-filter:blur(8px)}.boat-specs span{display:flex;flex-direction:column}.boat-specs small{text-transform:uppercase;letter-spacing:.12em;font-size:6px;color:#87979a}.boat-specs b{font:400 11px var(--serif)}.boat-specs i{font-style:normal}.wizard{border-top:1px solid var(--line);min-height:210px;padding:25px 34px 27px;background:#fff}.step{display:none;border:0;padding:0;margin:0;min-width:0}.step.active{display:block;animation:step .3s ease both}@keyframes step{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}.step legend{width:100%;font:400 clamp(22px,2.3vw,34px)/1.1 var(--serif);letter-spacing:-.025em;margin-bottom:17px}.inline-field{display:grid;grid-template-columns:90px 1fr 48px;align-items:center;gap:12px;border:1px solid #cfdbd9;border-radius:15px;padding:7px 8px 7px 15px;max-width:590px}.inline-field label{text-transform:uppercase;letter-spacing:.12em;font-size:7px;color:#76888d}.inline-field input{border:0;outline:none;font:400 20px var(--serif);min-width:0;color:var(--ink)}.inline-field input::placeholder{color:#b0bcbd}.circle-button{border:0;border-radius:12px;background:var(--red);color:#fff;width:43px;height:43px;cursor:pointer;font-size:17px}.helper{margin:7px 0 0 106px;color:#8b999c;font-size:8px}.type-pills{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:650px}.type-pills input,.quick-options input{position:absolute;opacity:0}.type-pills label>span{height:64px;border:1px solid #d8e1df;border-radius:15px;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;transition:.2s;background:#fafbfa}.type-pills svg{width:32px;fill:none;stroke:#24475a;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.type-pills b{font-size:11px}.type-pills input:checked+span{border-color:var(--red);background:#fff5f5;box-shadow:inset 0 0 0 1px var(--red)}.step-actions{display:flex;justify-content:flex-end;align-items:center;gap:16px;margin-top:14px}.ghost{border:0;background:none;color:#7b8b8f;font-size:9px;cursor:pointer;padding:10px 3px}.primary{border:0;border-radius:11px;background:var(--red);color:#fff;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:42px;padding:0 18px;font-size:10px;font-weight:800;cursor:pointer;transition:.2s}.primary:hover,.circle-button:hover{background:#bd1219;transform:translateY(-1px)}.size-row{display:grid;grid-template-columns:100px 1fr;gap:22px;align-items:center}.size-row>div{display:flex;align-items:baseline;gap:5px}.size-row output{font:400 42px/1 var(--serif)}.size-row small{font-size:8px;text-transform:uppercase;letter-spacing:.1em;color:#839195}.size-row input{-webkit-appearance:none;appearance:none;width:100%;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--red) 31.25%,#dce3e1 31.25%)}.size-row input::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;background:#fff;border:6px solid var(--red);border-radius:50%;box-shadow:0 2px 8px rgba(7,26,43,.18);cursor:pointer}.quick-options{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:13px}.quick-options label{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:11px;background:#f3f6f5;cursor:pointer}.toggle{width:25px;height:15px;background:#cdd7d5;border-radius:20px;position:relative;transition:.2s}.toggle:after{content:"";width:11px;height:11px;border-radius:50%;background:#fff;position:absolute;left:2px;top:2px;transition:.2s}.quick-options input:checked+.toggle{background:var(--red)}.quick-options input:checked+.toggle:after{left:12px}.quick-options label>span:last-child{display:flex;flex-direction:column}.quick-options b{font-size:8px}.quick-options small{font-size:7px;color:#839195}.result-row{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;align-items:end}.price small{display:block;text-transform:uppercase;letter-spacing:.12em;font-size:7px;color:#7f8e91}.price strong{font:400 clamp(27px,3.3vw,44px)/1 var(--serif);display:block;margin-top:5px}.callback-box>label{display:block;text-transform:uppercase;letter-spacing:.12em;font-size:7px;color:#7f8e91;margin-bottom:6px}.callback-box>div{display:grid;grid-template-columns:1fr auto;border:1px solid #d1dcda;border-radius:12px;padding:4px}.callback-box input{border:0;outline:none;padding:0 11px;min-width:0;font-size:11px}.result-footer{display:flex;justify-content:space-between;align-items:center;margin-top:9px}.result-footer p{margin:0;font-size:7px;color:#899699}.success{margin-top:8px;background:#e4f4ec;border-radius:10px;padding:8px 12px;display:flex;align-items:center;gap:11px;font-size:8px}.success[hidden]{display:none}.success span{color:#638075}.success a{margin-left:auto;font-weight:800;color:#245f46}.value-strip{width:min(1180px,calc(100% - 48px));margin:34px auto 0;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:18px;background:#fff}.value-strip>div{display:flex;align-items:center;gap:15px;padding:19px 24px;border-right:1px solid var(--line)}.value-strip>div:last-child{border:0}.value-strip>div>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--sky);font:400 16px var(--serif)}.value-strip p{margin:0;display:flex;flex-direction:column}.value-strip b{font:400 14px var(--serif)}.value-strip small{font-size:8px;color:#7b8b8f}.how{width:min(1180px,calc(100% - 48px));margin:130px auto;display:grid;grid-template-columns:.65fr 1.35fr;gap:90px;align-items:end}.section-copy h2,.local h2,.faq h2{font:400 clamp(44px,5vw,70px)/.95 var(--serif);letter-spacing:-.045em;margin:0}.section-copy h2 em{font-weight:400;color:#7f979f}.section-copy>p:last-child{font-size:12px;color:#718186;max-width:280px;margin-top:20px}.how-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.how-cards li{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;min-height:245px;display:flex;flex-direction:column}.how-cards li.active{background:var(--navy);color:#fff;transform:translateY(-18px)}.how-cards li>span{font:italic 9px var(--serif);color:#84969b}.card-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--sky);color:var(--navy);margin:35px 0 25px;font-size:16px}.how-cards h3{font:400 18px var(--serif);margin:0 0 8px}.how-cards p{font-size:9px;color:#7c8d91;margin:0}.how-cards .active p{color:#8fa5ae}.local{width:min(1180px,calc(100% - 48px));margin:0 auto 130px;display:grid;grid-template-columns:1.2fr .8fr;gap:14px}.local-card{min-height:420px;background:#dbe9eb;border-radius:24px;padding:45px;display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;overflow:hidden}.local-card h2{font-size:clamp(43px,4.7vw,65px)}.local-card>div:last-child>p:last-child{font-size:10px;color:#65777d;max-width:290px}.map-mark{position:relative;width:210px;height:210px;border-radius:50%;border:1px solid rgba(19,52,70,.2);display:grid;place-items:center}.map-mark:before,.map-mark:after{content:"";position:absolute;border:1px solid rgba(19,52,70,.14);border-radius:50%}.map-mark:before{inset:26px}.map-mark:after{inset:56px}.map-mark span{position:absolute;width:1px;height:100%;background:rgba(19,52,70,.15)}.map-mark i{position:absolute;width:100%;height:1px;background:rgba(19,52,70,.15)}.map-mark b{width:54px;height:54px;border-radius:50% 50% 50% 4px;background:var(--red);color:#fff;display:grid;place-items:center;transform:rotate(-45deg);font:800 11px var(--sans);box-shadow:0 12px 30px rgba(226,28,36,.22)}.local blockquote{margin:0;border-radius:24px;background:var(--red);color:#fff;padding:40px;display:flex;flex-direction:column;justify-content:space-between}.local blockquote p{font:400 25px/1.35 var(--serif);margin:0}.local blockquote footer{display:flex;flex-direction:column}.local blockquote footer b{font-size:10px}.local blockquote footer span{font-size:8px;color:#ffc7c9}.faq{width:min(1000px,calc(100% - 48px));margin:0 auto 130px;display:grid;grid-template-columns:.7fr 1.3fr;gap:90px}.faq h2{font-size:clamp(42px,4.5vw,62px)}.faq>div:first-child>a{display:inline-flex;margin-top:25px;text-decoration:none;font-size:10px;font-weight:800;gap:18px}.faq>div:first-child>a span{color:var(--red)}.questions{border-top:1px solid #cfd9d7}.questions details{border-bottom:1px solid #cfd9d7}.questions summary{list-style:none;cursor:pointer;position:relative;padding:19px 38px 19px 0;font:400 16px var(--serif)}.questions summary::-webkit-details-marker{display:none}.questions summary i,.questions summary i:after{position:absolute;right:2px;top:50%;width:12px;height:1px;background:var(--ink);content:""}.questions summary i:after{right:0;top:0;transform:rotate(90deg);transition:.2s}.questions details[open] summary i:after{transform:none}.questions details p{font-size:10px;color:#6f8186;margin:0 0 18px;max-width:600px}.last-call{width:min(1180px,calc(100% - 32px));min-height:160px;margin:0 auto 16px;border-radius:24px;background:var(--navy);color:#fff;padding:35px 45px;display:flex;align-items:center;justify-content:space-between}.last-call>div{display:flex;align-items:center;gap:17px}.last-call p{font:400 clamp(22px,3vw,38px) var(--serif);margin:0}.last-call .primary{min-height:52px}.site-footer{background:#061522;color:#fff;padding:50px max(24px,calc((100% - 1180px)/2));display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:30px}.site-footer>img{width:145px;height:auto}.site-footer>div{display:flex;gap:24px}.site-footer a{text-decoration:none;font-size:9px}.site-footer>p{margin:0;color:#71878f;font-size:8px}
@media(max-width:980px){.app-nav{grid-template-columns:1fr auto}.area{display:none}.workspace{grid-template-columns:320px 1fr}.intro-panel{padding:140px 35px 34px}.intro-copy h1{font-size:52px}.saved-state{display:none}.boat{width:94%}.how{grid-template-columns:1fr;gap:55px}.local-card{grid-template-columns:1fr}.map-mark{display:none}.faq{gap:50px}}
@media(max-width:760px){.app-shell{padding:0}.workspace{min-height:100svh;border-radius:0;display:block;background:#fff}.app-nav{position:absolute;top:0;left:0;right:0;height:68px;padding:0 18px;grid-template-columns:1fr auto;border-color:rgba(255,255,255,.15)}.logo,.logo img{width:124px}.nav-phone span{display:none}.nav-phone strong{color:#fff;font-size:10px}.intro-panel{min-height:250px;padding:92px 20px 24px;display:block}.intro-copy{display:grid;grid-template-columns:1fr auto;align-items:end}.mini-label{grid-column:1/3;margin-bottom:12px}.intro-copy h1{font-size:43px}.intro-text{font-size:10px;max-width:120px;text-align:right;margin:0 0 4px}.promise-list,.soft-link{display:none}.configurator{padding-top:0;display:grid;grid-template-rows:46px minmax(265px,35svh) auto}.config-topbar{padding:0 18px}.boat-playground{min-height:265px}.season-chip{top:14px;left:14px}.boat-bubble{top:16px;right:14px;font-size:9px}.boat{width:112%;margin-top:22px}.boat-specs{left:12px;right:12px;bottom:10px;justify-content:space-between;gap:10px}.wizard{min-height:235px;padding:21px 18px}.step legend{font-size:25px}.inline-field{grid-template-columns:72px 1fr 44px}.helper{margin-left:0}.type-pills{gap:6px}.type-pills label>span{height:63px;gap:5px;flex-direction:column}.type-pills svg{width:25px;height:25px}.size-row{grid-template-columns:80px 1fr}.quick-options label{padding:7px 6px;gap:5px}.quick-options .toggle{width:22px;flex:0 0 22px}.quick-options input:checked+.toggle:after{left:9px}.result-row{grid-template-columns:1fr;gap:14px}.price strong{font-size:32px}.result-footer p{max-width:210px;text-align:right}.success{align-items:flex-start;flex-wrap:wrap}.success a{margin-left:0}.value-strip{width:calc(100% - 24px);grid-template-columns:1fr;margin-top:20px}.value-strip>div{border-right:0;border-bottom:1px solid var(--line);padding:14px 18px}.value-strip>div:last-child{border-bottom:0}.how{width:calc(100% - 36px);margin:90px auto;gap:35px}.how-cards{grid-template-columns:1fr}.how-cards li{min-height:170px}.how-cards li.active{transform:none}.card-icon{margin:20px 0 15px}.local{width:calc(100% - 24px);grid-template-columns:1fr;margin-bottom:90px}.local-card{min-height:300px;padding:30px}.local blockquote{min-height:300px;padding:30px}.faq{width:calc(100% - 36px);grid-template-columns:1fr;gap:35px;margin-bottom:90px}.last-call{padding:28px 22px;gap:25px}.last-call .primary{flex:0 0 auto}.last-call .primary span{display:none}.site-footer{grid-template-columns:1fr;align-items:start}.site-footer>div{flex-direction:column;gap:6px}}
@media(max-width:390px){.intro-panel{min-height:235px}.intro-copy h1{font-size:39px}.configurator{grid-template-rows:44px minmax(245px,31svh) auto}.wizard{min-height:248px}.boat-specs{padding:7px 9px}.boat-specs b{font-size:9px}.quick-options{grid-template-columns:1fr 1fr}.quick-options label:last-child{grid-column:1/3}.step-actions{margin-top:9px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}}

/* Product-style polish */
em{font-style:normal}.intro-copy h1{font-size:clamp(42px,4.4vw,68px);font-weight:500;line-height:1.02;letter-spacing:-.045em}.intro-copy h1 em{font-weight:400;color:#9eb7c0}.intro-text{font-size:12px;line-height:1.7}.promise-list b{font-family:var(--sans);font-size:11px;font-weight:500}.promise-list>div>span,.how-cards li>span{font-family:var(--sans);font-style:normal;font-weight:500}.step legend{font-family:var(--sans);font-size:clamp(21px,2vw,29px);font-weight:500;letter-spacing:-.025em}.inline-field input{font-family:var(--sans);font-size:17px;font-weight:500}.boat-bubble{font-family:var(--sans);font-size:9px;font-weight:500}.section-copy h2,.local h2,.faq h2{font-family:var(--sans);font-weight:500;line-height:1.06;letter-spacing:-.045em}.section-copy h2 em{font-weight:400}.value-strip b,.how-cards h3,.local blockquote p,.questions summary,.last-call p{font-family:var(--sans)}.value-strip b,.how-cards h3{font-size:12px;font-weight:500}.local blockquote p{font-size:20px;font-weight:400;line-height:1.55}.questions summary{font-size:13px;font-weight:500}.last-call p{font-weight:500}.price strong{font-family:var(--sans);font-weight:500;letter-spacing:-.04em}.boat-specs b{font-family:var(--sans);font-size:9px;font-weight:500}.boat-model{opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .35s ease,transform .45s cubic-bezier(.2,.8,.2,1)}.boat-model.active{opacity:1;transform:none}.model-hull,.cat-hull{stroke:#d0dcda;stroke-width:1.5}.motor-rail{fill:none;stroke:#6f8994;stroke-width:2;stroke-linecap:round}.hull-name{font-family:var(--sans);font-size:14px;font-weight:600;letter-spacing:.08em;fill:#102e40}.winter-cover{opacity:0;transform:translateY(-5px);transform-origin:center;transition:opacity .45s ease,transform .55s cubic-bezier(.2,.8,.2,1);pointer-events:none}.winter-cover.show{opacity:1;transform:none}.cover{fill:#d9e9ec;stroke:#829ba4;stroke-width:2}.cover-stitch{fill:none;stroke:#a5babf;stroke-width:1;stroke-dasharray:4 6}.pillow{fill:#fff;stroke:#b8c8cb;stroke-width:1.5}.comfort-badge{position:absolute;z-index:4;top:25px;right:28px;display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:14px;background:#dff4ea;color:#175c40;font-size:8px;opacity:0;transform:translateY(-5px);pointer-events:none;transition:.35s}.comfort-badge span{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#fff;font-size:12px}.comfort-on .comfort-badge{opacity:1;transform:none}.comfort-on .boat-bubble{opacity:0;transform:translateY(-4px)}.selected-options{display:flex;gap:5px;min-height:20px;margin:-9px 0 10px}.selected-options span{background:#eef3f2;color:#53686f;border-radius:20px;padding:4px 8px;font-size:7px;font-weight:500}.selected-options span:last-child{background:#dff4ea;color:#236748}.result-row{align-items:center}.wizard{padding:24px 38px 26px}
@media(max-width:760px){.intro-copy h1{font-size:38px;line-height:1.04}.intro-text{font-size:9px}.step legend{font-size:22px}.wizard{padding:20px 18px 22px}.comfort-badge{top:14px;right:14px}.hull-name{font-size:12px}.selected-options{flex-wrap:wrap}.local blockquote p{font-size:18px}}

/* Conversational environment */
.intro-panel{background:radial-gradient(circle at 10% 8%,rgba(53,100,124,.2),transparent 32%),linear-gradient(145deg,#061522 0%,#0a2234 62%,#071a2b 100%)}.primary,.circle-button{background:linear-gradient(135deg,#ef3138 0%,#c90e17 100%);box-shadow:0 8px 20px rgba(226,28,36,.12)}.boat-playground{background:radial-gradient(circle at 50% 35%,rgba(255,255,255,.96),rgba(232,242,243,.88) 60%,#e0ecee 100%)}.ambient-ocean{position:absolute;z-index:0;left:-10%;right:-10%;bottom:17%;height:96px;opacity:.7;transition:opacity .65s ease,transform .8s ease}.ambient-ocean i{position:absolute;left:-8%;width:116%;height:56px;border-radius:50%;border-top:1px solid rgba(54,113,136,.22);animation:ocean-wave 9s ease-in-out infinite}.ambient-ocean i:nth-child(1){bottom:2px}.ambient-ocean i:nth-child(2){bottom:16px;left:-2%;opacity:.7;animation-duration:12s;animation-direction:reverse}.ambient-ocean i:nth-child(3){bottom:30px;left:-13%;opacity:.45;animation-duration:15s}@keyframes ocean-wave{0%,100%{transform:translateX(-1.5%) scaleY(.9)}50%{transform:translateX(1.5%) scaleY(1.08)}}.hangar-scene{position:absolute;z-index:0;inset:0;opacity:0;pointer-events:none;overflow:hidden;background:radial-gradient(circle at 50% 4%,rgba(255,220,167,.19),transparent 28%),linear-gradient(180deg,rgba(29,53,70,.98),rgba(7,21,32,.98));transition:opacity .8s ease}.hangar-scene:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent 116px,rgba(255,255,255,.055) 117px,rgba(255,255,255,.055) 121px),linear-gradient(165deg,transparent 0 48%,rgba(255,255,255,.035) 49% 50%,transparent 51%)}.hangar-scene:after{content:"";position:absolute;left:0;right:0;bottom:-28%;height:62%;background:repeating-linear-gradient(90deg,transparent 0 118px,rgba(188,207,214,.07) 119px 121px),linear-gradient(180deg,rgba(131,158,168,.13),rgba(1,10,16,.38));transform:perspective(350px) rotateX(58deg);transform-origin:bottom}.hangar-scene span{position:absolute;top:0;bottom:0;width:5px;background:linear-gradient(90deg,#0a1822,#344c5a,#0a1822);box-shadow:16px 0 35px rgba(0,0,0,.25)}.hangar-scene span:nth-child(1){left:9%}.hangar-scene span:nth-child(2){left:31%}.hangar-scene span:nth-child(3){right:31%}.hangar-scene span:nth-child(4){right:9%}.storage-mode .hangar-scene{opacity:1}.storage-mode .ambient-ocean{opacity:0;transform:translateY(38px)}.storage-mode .sky-marks{opacity:0}.storage-mode .season-chip{color:#d4e0e3;background:rgba(5,19,29,.58);border-color:rgba(255,255,255,.16)}.storage-mode .floor-line{stroke:#647e89}.storage-mode .boat{animation:park 1s cubic-bezier(.2,.8,.2,1) both}@keyframes park{from{transform:translateY(-7px)}to{transform:translateY(5px)}}.boat-bubble:after{content:"";display:inline-block;width:3px;height:3px;border-radius:50%;margin-left:5px;background:#86dcb4;vertical-align:middle;animation:blink 1.4s ease-in-out infinite}@keyframes blink{50%{opacity:.25}}.storage-mode.comfort-on .boat-bubble{opacity:0}.comfort-on .comfort-badge{background:linear-gradient(135deg,#e6f8f0,#ccebdc)}
@media(max-width:760px){.ambient-ocean{bottom:19%;height:70px}.hangar-scene:before{background:repeating-linear-gradient(90deg,transparent 0,transparent 78px,rgba(255,255,255,.05) 79px,rgba(255,255,255,.05) 82px)}.comfort-badge b{max-width:120px}}

/* Final visual balance */
.boat-bubble{top:22px;right:26px;max-width:280px;padding:12px 16px;border-radius:19px 19px 4px 19px;font-size:12px;line-height:1.35;box-shadow:0 12px 30px rgba(7,26,43,.16)}
.boat-bubble:before{content:"";display:inline-block;width:8px;height:8px;margin-right:9px;border-radius:50%;background:#62d59f;box-shadow:0 0 0 5px rgba(98,213,159,.14);vertical-align:1px}
.boat-bubble:after{width:4px;height:4px;margin-left:7px}
.comfort-badge{top:22px;right:26px;padding:10px 14px;border-radius:17px;font-size:10px;box-shadow:0 12px 28px rgba(7,26,43,.12)}
.comfort-badge span{width:24px;height:24px}
.config-topbar{font-size:11px}.config-topbar strong{font-size:12px}.saved-state{font-size:9px}.step-count{font-size:11px}.dot{width:26px;height:5px}.dot.active{width:42px}
.type-pills label>span{height:70px;padding:7px}.type-pills b{font-size:12px}.type-pills svg{width:35px;height:35px}
.quick-options{gap:9px;margin-top:16px}.quick-options label{min-height:58px;gap:12px;padding:11px 13px;border:1px solid #e1e8e6}.quick-options label:hover{background:#edf3f1}.quick-options label:has(input:checked){border-color:rgba(226,28,36,.28);background:#fff5f5}.toggle{width:34px;height:20px;flex:0 0 34px}.toggle:after{width:16px;height:16px}.quick-options input:checked+.toggle:after{left:16px}.quick-options b{font-size:10px;line-height:1.25}.quick-options small{font-size:8px;margin-top:2px}.primary{min-height:48px;padding:0 23px;border-radius:13px;font-size:11px}.circle-button{width:48px;height:48px;border-radius:13px}.ghost{font-size:10px}.helper{font-size:9px}.inline-field label,.price small,.callback-box>label{font-size:8px}
.cat-roof{fill:#f5f7f6;stroke:#d1dcda;stroke-width:1.5}.cat-glass{fill:#16374b}.cat-crossbeam{fill:none;stroke:#879da5;stroke-width:2.5;stroke-linecap:round}.cat-model .hull-name{font-size:12px;letter-spacing:.04em}

/* A brighter, more credible indoor wintering scene */
.hangar-scene{background:linear-gradient(180deg,#2d4554 0%,#5f737d 50%,#aab7b9 50%,#d8dedd 100%)}
.hangar-scene:before{inset:0;background:radial-gradient(ellipse at 50% 7%,rgba(255,238,205,.52) 0 3%,transparent 29%),linear-gradient(155deg,transparent 0 24%,rgba(224,237,239,.16) 24.3% 24.7%,transparent 25%),linear-gradient(205deg,transparent 0 24%,rgba(224,237,239,.16) 24.3% 24.7%,transparent 25%)}
.hangar-scene:after{left:-8%;right:-8%;bottom:-25%;height:65%;background:linear-gradient(90deg,transparent 49.7%,rgba(91,111,117,.14) 50%,transparent 50.3%),repeating-linear-gradient(0deg,rgba(92,111,116,.12) 0 1px,transparent 1px 47px),linear-gradient(180deg,#bdc7c7,#edf0ee);transform:perspective(410px) rotateX(56deg);box-shadow:inset 0 18px 35px rgba(28,47,57,.14)}
.hangar-scene span{top:auto;bottom:auto;width:auto;height:2px;background:rgba(219,232,233,.38);box-shadow:none;transform-origin:center}
.hangar-scene span:nth-child(1){left:-7%;top:23%;width:58%;transform:rotate(25deg)}
.hangar-scene span:nth-child(2){left:auto;right:-7%;top:23%;width:58%;transform:rotate(-25deg)}
.hangar-scene span:nth-child(3){left:8%;right:8%;top:37%;width:auto;background:rgba(228,238,239,.2)}
.hangar-scene span:nth-child(4){left:19%;right:19%;top:9%;width:auto;height:7px;border-radius:20px;background:linear-gradient(90deg,transparent,rgba(255,242,211,.85) 20% 80%,transparent);filter:blur(.3px);box-shadow:0 0 24px rgba(255,226,171,.42)}
.storage-mode .season-chip{color:#f3f7f7;background:rgba(14,36,49,.72);border-color:rgba(255,255,255,.22);box-shadow:0 8px 22px rgba(7,26,43,.12)}
.storage-mode .floor-line{stroke:#84989d}.storage-mode .boat-specs{background:rgba(255,255,255,.82);border-color:rgba(255,255,255,.58);box-shadow:0 12px 30px rgba(24,51,66,.1)}

/* Search-friendly supporting content */
.seo-section{width:min(1180px,calc(100% - 48px));margin:90px auto 0;padding:54px;border-radius:26px;background:linear-gradient(145deg,#071a2b,#0e2c3e);color:#fff;display:grid;grid-template-columns:.8fr 1.2fr;gap:52px;position:relative;overflow:hidden}
.seo-section:after{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(255,255,255,.07);border-radius:50%;right:-220px;top:-210px;box-shadow:0 0 0 60px rgba(255,255,255,.025),0 0 0 120px rgba(255,255,255,.018)}
.seo-heading,.seo-grid,.seo-local{position:relative;z-index:1}.seo-heading h2{font-size:clamp(30px,3.4vw,48px);line-height:1.08;letter-spacing:-.04em;margin:0}.seo-heading>p:last-child{color:#a9bcc3;font-size:12px;line-height:1.8;margin:22px 0 0;max-width:500px}.seo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.seo-grid article{padding:23px 20px;border:1px solid rgba(255,255,255,.1);border-radius:17px;background:rgba(255,255,255,.045);backdrop-filter:blur(8px)}.seo-grid article>span{font-size:8px;color:#73d8aa;letter-spacing:.14em}.seo-grid h3{font-size:13px;line-height:1.35;margin:30px 0 9px}.seo-grid p{font-size:9px;line-height:1.65;margin:0;color:#9fb2b9}.seo-local{grid-column:1/-1;margin:0;padding-top:22px;border-top:1px solid rgba(255,255,255,.1);color:#879da5;font-size:9px}

/* Footer, legal modal and cookie choice */
.site-footer{grid-template-columns:1fr auto auto;grid-template-areas:"brand contact legal" "copy copy copy";align-items:center}.site-footer>img{grid-area:brand}.footer-contact{grid-area:contact}.legal-links{grid-area:legal;display:flex;gap:14px}.legal-links button,.cookie-banner [data-legal]{border:0;background:none;color:inherit;padding:0;text-decoration:underline;text-decoration-color:rgba(255,255,255,.28);text-underline-offset:3px;font-size:8px;cursor:pointer}.site-footer>p{grid-area:copy;padding-top:20px;border-top:1px solid rgba(255,255,255,.08)}
.legal-dialog{width:min(560px,calc(100% - 28px));border:0;border-radius:22px;padding:34px;color:var(--ink);box-shadow:0 35px 90px rgba(2,17,28,.35)}.legal-dialog::backdrop{background:rgba(3,17,27,.64);backdrop-filter:blur(4px)}.legal-dialog h2{margin:0 0 20px;font-size:28px;letter-spacing:-.035em}.legal-dialog #legal-content{font-size:11px;line-height:1.75;color:#5f7278}.legal-dialog #legal-content p{margin:0 0 12px}.legal-note{margin:22px 0 0;padding:12px 14px;border-radius:10px;background:#fff3da;color:#76571b;font-size:8px;line-height:1.6}.dialog-close{position:absolute;top:16px;right:16px;width:34px;height:34px;border:0;border-radius:50%;background:#edf2f1;color:var(--ink);font-size:20px;cursor:pointer}
.cookie-banner{position:fixed;z-index:100;left:18px;right:18px;bottom:18px;max-width:780px;margin:auto;padding:15px 16px 15px 19px;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:rgba(7,26,43,.96);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:24px;box-shadow:0 18px 55px rgba(3,17,27,.28);backdrop-filter:blur(14px);animation:cookie-in .45s ease both}.cookie-banner[hidden]{display:none}.cookie-banner b{font-size:11px}.cookie-banner p{margin:2px 0 3px;color:#a9bbc1;font-size:8px;line-height:1.5}.cookie-banner [data-legal]{color:#91a9b1}.cookie-actions{display:flex;gap:7px;flex:0 0 auto}.cookie-actions button{min-height:36px;border-radius:10px;padding:0 13px;font-size:8px;font-weight:600;cursor:pointer}.cookie-secondary{border:1px solid rgba(255,255,255,.2);background:transparent;color:#dbe6e8}.cookie-primary{border:0;background:#fff;color:#102d3e}@keyframes cookie-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}

@media(max-width:980px){.seo-section{grid-template-columns:1fr;padding:42px}.seo-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.boat-bubble{top:13px;right:12px;max-width:210px;padding:10px 12px;font-size:10px}.boat-bubble:before{width:6px;height:6px;margin-right:7px;box-shadow:0 0 0 4px rgba(98,213,159,.14)}.comfort-badge{top:13px;right:12px;font-size:9px;padding:8px 10px}.config-topbar strong{font-size:11px}.type-pills label>span{height:68px}.quick-options label{min-height:53px;padding:9px}.quick-options b{font-size:9px}.primary{min-height:45px;padding:0 18px}.hangar-scene:before{background:radial-gradient(ellipse at 50% 7%,rgba(255,238,205,.5) 0 3%,transparent 29%),linear-gradient(155deg,transparent 0 24%,rgba(224,237,239,.16) 24.3% 24.7%,transparent 25%),linear-gradient(205deg,transparent 0 24%,rgba(224,237,239,.16) 24.3% 24.7%,transparent 25%)}.seo-section{width:calc(100% - 24px);margin-top:55px;padding:30px 24px;gap:28px}.seo-grid{grid-template-columns:1fr}.seo-grid article{padding:18px}.seo-grid h3{margin-top:18px}.site-footer{grid-template-columns:1fr;grid-template-areas:"brand" "contact" "legal" "copy"}.legal-links{flex-wrap:wrap}.cookie-banner{left:10px;right:10px;bottom:10px;align-items:flex-start;flex-direction:column;gap:12px}.cookie-actions{width:100%}.cookie-actions button{flex:1}.legal-dialog{padding:30px 24px}}

/* A living Atlantic horizon */
.sun-glow{position:absolute;z-index:0;top:-90px;right:8%;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(255,231,176,.56) 0 8%,rgba(255,239,207,.24) 27%,rgba(255,255,255,0) 68%);filter:blur(.2px);animation:sun-breathe 7s ease-in-out infinite;pointer-events:none}.place-chip{position:absolute;z-index:3;top:64px;left:28px;display:flex;align-items:center;gap:7px;color:#55747f;font-size:8px;font-weight:600;letter-spacing:.06em}.place-chip span{color:var(--red);font-size:11px}.bird-flock{fill:none;stroke:#6e8d98;stroke-width:1.8;stroke-linecap:round;opacity:.52;animation:birds-drift 10s ease-in-out infinite}.sky-marks{opacity:.7}@keyframes sun-breathe{50%{opacity:.72;transform:scale(1.06)}}@keyframes birds-drift{50%{transform:translate(9px,-3px);opacity:.8}}
.storage-mode .sun-glow,.storage-mode .place-chip,.storage-mode .bird-flock{opacity:0}.sun-glow,.place-chip,.bird-flock{transition:opacity .45s ease}

/* Reassurance and verified social proof */
.trust{width:min(1180px,calc(100% - 48px));margin:0 auto 130px}.trust-heading{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:end;margin-bottom:34px}.trust-heading h2{margin:0;font-size:clamp(42px,5vw,68px);line-height:1;letter-spacing:-.05em}.trust-heading>p{margin:0 0 5px;max-width:540px;color:#657980;font-size:12px;line-height:1.8}.trust-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.trust-pillars article{min-height:250px;padding:26px;border:1px solid var(--line);border-radius:20px;background:#fff;display:flex;flex-direction:column}.trust-pillars article:nth-child(2){background:#dcebed}.trust-pillars article:nth-child(3){background:var(--navy);color:#fff}.trust-pillars article>span{font-size:8px;font-weight:600;letter-spacing:.15em;color:var(--red)}.trust-pillars h3{margin:auto 0 12px;font-size:17px;line-height:1.35;letter-spacing:-.02em}.trust-pillars p{margin:0;color:#6f8187;font-size:9px;line-height:1.7}.trust-pillars article:nth-child(3) p{color:#91a9b2}.engagements{margin:12px 0 86px;padding:17px 21px;border-radius:16px;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid var(--line);font-size:9px}.engagements>b{font-size:10px}.engagements span{display:flex;align-items:center;gap:8px;color:#63777e}.engagements i{font-style:normal;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#dff4ea;color:#236748;font-size:9px}.reviews-heading{display:grid;grid-template-columns:.5fr 1fr 1fr;gap:28px;align-items:end;margin-bottom:24px}.reviews-heading .mini-label{margin:0}.reviews-heading h3{margin:0;font-size:clamp(25px,3vw,38px);letter-spacing:-.035em}.reviews-heading>p:last-child{margin:0;color:#718187;font-size:10px;line-height:1.7;max-width:380px}.review-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.review-grid blockquote{margin:0;min-height:270px;padding:23px;border:1px solid var(--line);border-radius:19px;background:#fff;display:flex;flex-direction:column}.review-grid blockquote:nth-child(even){background:#f2f6f5}.stars{color:#d7a05f;letter-spacing:.12em;font-size:12px}.review-grid blockquote>p{margin:28px 0;font-size:12px;line-height:1.65;letter-spacing:-.01em}.review-grid footer{margin-top:auto;display:flex;flex-direction:column}.review-grid footer b{font-size:9px}.review-grid footer span{margin-top:3px;color:#829196;font-size:7px}.local-coverage{margin:0;border-radius:24px;background:linear-gradient(145deg,#0a2234,#061522);color:#fff;padding:40px;display:flex;flex-direction:column}.local-coverage h3{margin:0;font-size:clamp(30px,3.5vw,48px);line-height:1.05;letter-spacing:-.045em}.local-coverage>p:nth-child(3){color:#94aab2;font-size:10px;line-height:1.8;max-width:380px}.local-coverage>div{margin-top:auto;display:grid;grid-template-columns:1fr 1fr;gap:8px}.local-coverage>div span{padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:12px;font-size:8px;color:#a8bcc3}.local-coverage>div b{display:block;color:#fff;font-size:11px;margin-bottom:3px}

@media(max-width:980px){.trust-heading{gap:50px}.review-grid{grid-template-columns:1fr 1fr}.review-grid blockquote{min-height:230px}}
@media(max-width:760px){.sun-glow{top:-70px;right:-80px;width:240px;height:240px}.place-chip{top:49px;left:14px;font-size:7px}.bird-flock{stroke-width:2}.trust{width:calc(100% - 36px);margin-bottom:90px}.trust-heading{grid-template-columns:1fr;gap:20px}.trust-heading h2{font-size:44px}.trust-pillars{grid-template-columns:1fr}.trust-pillars article{min-height:200px}.engagements{margin-bottom:65px;align-items:flex-start;flex-direction:column}.engagements>b{margin-bottom:5px}.reviews-heading{grid-template-columns:1fr;gap:12px}.review-grid{grid-template-columns:1fr}.review-grid blockquote{min-height:220px}.local-coverage{min-height:300px;padding:30px}}

/* Single-renderer 3D boat selector */
.boat3d-stage{position:relative;height:178px;border:1px solid #d8e2e1;border-radius:18px;overflow:hidden;background:radial-gradient(circle at 50% 38%,#173e55 0,#0b2639 55%,#071a2b 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.boat3d-stage:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 33.1%,rgba(122,197,214,.13) 33.3%,transparent 33.55%,transparent 66.45%,rgba(122,197,214,.13) 66.7%,transparent 66.9%),linear-gradient(180deg,rgba(87,216,236,.05),transparent 40%);pointer-events:none}
#boat3d-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}
.boat3d-selector{position:absolute;z-index:2;inset:0;display:grid;grid-template-columns:repeat(3,1fr)}
.boat3d-card{position:relative;min-width:0;cursor:pointer;outline:0;transition:background .25s ease,box-shadow .25s ease}
.boat3d-card:hover{background:rgba(72,211,232,.035)}
.boat3d-card input{position:absolute;opacity:0;pointer-events:none}
.boat3d-card:focus-within{box-shadow:inset 0 0 0 2px rgba(100,228,243,.8)}
.boat3d-card.is-selected{background:linear-gradient(180deg,rgba(55,211,233,.08),rgba(55,211,233,.025))}
.boat3d-card.is-selected:after{content:"";position:absolute;left:16px;right:16px;bottom:0;height:2px;background:linear-gradient(90deg,transparent,#63e1ef,transparent);box-shadow:0 0 14px rgba(99,225,239,.7)}
.boat3d-label{position:absolute;z-index:3;left:14px;right:14px;bottom:10px;display:grid;grid-template-columns:auto 1fr;align-items:end;gap:0 8px;color:#fff;pointer-events:none}.boat3d-label small{grid-row:1/3;color:#62d9e9;font-size:7px;letter-spacing:.12em}.boat3d-label b{font-size:10px;line-height:1.2;font-weight:600}.boat3d-label i{font-style:normal;color:#76929e;font-size:7px;line-height:1.3}.boat3d-check{position:absolute;z-index:3;right:12px;top:12px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#64e0ef;color:#062235;font-size:10px;font-weight:700;opacity:0;transform:scale(.65);transition:.25s;box-shadow:0 0 0 5px rgba(100,224,239,.09)}.boat3d-card.is-selected .boat3d-check{opacity:1;transform:none}
.boat3d-fallback{position:absolute;inset:18px 16px 43px;display:grid;place-items:center;transition:opacity .2s}.boat3d-fallback svg{width:74px;max-height:88px;fill:none;stroke:#69d9e8;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 12px rgba(77,216,235,.22))}.boat3d-card.is-loaded .boat3d-fallback{opacity:0;visibility:hidden}.boat3d-card.has-load-error .boat3d-fallback{opacity:1;visibility:visible}
.boat3d-status{position:absolute;z-index:4;left:50%;top:7px;transform:translateX(-50%);margin:0;color:#7898a4;font-size:6px;letter-spacing:.04em;opacity:0;pointer-events:none;white-space:nowrap;transition:.3s}.boat3d-ready+.boat3d-status{opacity:1}.boat3d-stage .boat3d-status{opacity:.72}.boat3d-fallback-mode #boat3d-canvas{display:none}.name-actions{justify-content:flex-start;margin-top:4px}.name-actions .ghost{padding-left:0}

@media(max-width:760px){.boat3d-stage{height:170px;border-radius:15px}.boat3d-label{left:8px;right:8px;bottom:9px;gap:0 5px}.boat3d-label b{font-size:8px}.boat3d-label i{font-size:6px}.boat3d-label small{display:none}.boat3d-check{right:7px;top:8px;width:19px;height:19px}.boat3d-fallback{inset:20px 7px 42px}.boat3d-fallback svg{width:54px}.boat3d-status{display:none}}
@media(prefers-reduced-motion:reduce){.boat3d-card,.boat3d-check,.boat3d-fallback{transition:none}}

/* Captain configurator — 3D is the main stage */
.nav-phone{padding:10px 14px;border-radius:13px;background:var(--red);color:#fff;box-shadow:0 9px 24px rgba(226,28,36,.22)}
.nav-phone span{color:#ffd9da}.nav-phone strong{font-size:13px;letter-spacing:.02em}
.configurator{grid-template-rows:48px minmax(300px,1fr) auto}
.boat-playground{min-height:330px;background:#092033;isolation:isolate}
.boat-playground:before{z-index:1;background-image:linear-gradient(rgba(128,205,219,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(128,205,219,.04) 1px,transparent 1px);mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent)}
.boat-playground .boat3d-stage{position:absolute;z-index:1;inset:0;width:100%;height:100%;border:0;border-radius:0;background:radial-gradient(circle at 50% 34%,#1a526b 0,#0b2c42 49%,#071a2b 100%)}
.boat-playground .boat3d-stage:before{background:linear-gradient(90deg,transparent 33.15%,rgba(122,218,232,.1) 33.3%,transparent 33.48%,transparent 66.5%,rgba(122,218,232,.1) 66.7%,transparent 66.85%),linear-gradient(180deg,rgba(131,224,237,.06),transparent 46%)}
.boat-playground .boat3d-label{bottom:22px;left:24px}.boat-playground .boat3d-label b{font-size:12px}.boat-playground .boat3d-label i{font-size:8px;color:#8caeb9}.boat-playground .boat3d-label small{font-size:8px}
.boat-playground .boat3d-check{top:54px;right:24px}
.boat-playground .boat3d-fallback{inset:46px 12px 62px}.boat-playground .boat3d-fallback svg{width:110px}
.boat3d-focus-meta{display:none;position:absolute;z-index:4;left:30px;bottom:70px;color:#fff;padding:10px 14px;border-radius:13px;background:rgba(5,22,34,.48);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(9px)}
.boat3d-focus-meta span,.boat3d-focus-meta b{display:block}.boat3d-focus-meta span{text-transform:uppercase;letter-spacing:.12em;color:#77a4b2;font-size:7px}.boat3d-focus-meta b{font-size:12px;margin-top:2px}
.boat3d-stage.focus-mode .boat3d-selector{display:none}.boat3d-stage.focus-mode .boat3d-focus-meta{display:block}.boat3d-stage.focus-mode:before{background:radial-gradient(ellipse at 50% 76%,rgba(95,225,238,.1),transparent 42%),linear-gradient(180deg,rgba(131,224,237,.05),transparent 48%)}
.boat3d-status{top:55px;font-size:7px;color:#8eb2bd}.boat-specs{z-index:5;background:rgba(5,22,34,.62);border-color:rgba(255,255,255,.1);color:#fff;opacity:0;transform:translateY(8px);transition:.3s}.boat-specs small{color:#80a3ae}.has-boat-type .boat-specs{opacity:1;transform:none}.boat-specs{gap:24px}.boat-specs b{font-size:8px}
.season-chip,.place-chip,.boat-bubble,.comfort-badge{z-index:6}.season-chip{color:#c6d9df;background:rgba(4,20,31,.54);border-color:rgba(255,255,255,.13)}.place-chip{color:#a8c1c9}.place-chip b{font-weight:500}.boat-bubble{background:rgba(5,20,32,.82);border:1px solid rgba(255,255,255,.1)}
.sun-glow{z-index:2;top:-130px;right:4%;width:350px;height:350px;background:radial-gradient(circle,rgba(255,224,165,.7) 0 7%,rgba(255,230,183,.19) 27%,transparent 68%)}
.ambient-ocean{z-index:2;bottom:-1%;opacity:.55}.ambient-ocean i{border-color:rgba(101,208,224,.2)}
.bird-silhouettes{position:absolute;z-index:3;inset:0;pointer-events:none}.bird-silhouettes i{position:absolute;width:18px;height:7px;border-top:1.5px solid rgba(205,232,237,.55);border-radius:50%;transform:rotate(9deg);animation:bird-fly 11s ease-in-out infinite}.bird-silhouettes i:after{content:"";position:absolute;left:16px;top:-2px;width:15px;height:7px;border-top:1.5px solid rgba(205,232,237,.55);border-radius:50%;transform:rotate(-13deg)}.bird-silhouettes i:nth-child(1){left:13%;top:24%}.bird-silhouettes i:nth-child(2){left:20%;top:15%;transform:scale(.65);animation-delay:-4s}.bird-silhouettes i:nth-child(3){right:13%;top:30%;transform:scale(.8);animation-delay:-7s}@keyframes bird-fly{50%{translate:13px -5px;opacity:.55}}
.storage-mode .boat3d-stage{background:radial-gradient(circle at 50% 0,rgba(148,180,191,.27),transparent 32%),linear-gradient(180deg,#284454,#0b2130)!important}.storage-mode .hangar-scene{z-index:2;opacity:.38}.storage-mode .boat3d-stage{z-index:3}.storage-mode .sun-glow,.storage-mode .bird-silhouettes{opacity:0}.comfort-on .comfort-badge{z-index:7}
.dot.done{background:#a9d8c3}.step-intro{margin:-4px 0 0;max-width:560px;color:#71838a;font-size:11px;line-height:1.7}

/* Port choice and lightweight local map */
.port-step{display:grid;grid-template-columns:.72fr 1.28fr;gap:12px}.area-choices{display:grid;gap:8px}.area-choices input,.port-list input,.storage-choices input{position:absolute;opacity:0}.area-choices label>span{min-height:66px;padding:12px 14px;border:1px solid #dae3e1;border-radius:14px;display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;align-items:center;cursor:pointer;transition:.2s}.area-choices small{grid-row:1/3;width:28px;height:28px;border-radius:9px;background:#e7f1f2;color:#285064;display:grid;place-items:center;font-size:8px;font-weight:700}.area-choices b{font-size:11px}.area-choices i{font-style:normal;font-size:7px;color:#839397}.area-choices input:checked+span{border-color:#53cedf;background:#effbfc;box-shadow:inset 0 0 0 1px #53cedf}.port-map{position:relative;min-height:140px;padding:7px 12px 10px;border-radius:15px;background:#eef5f4;overflow:hidden}.port-map svg{width:100%;height:104px}.map-mainland,.map-island{fill:#c8dcda;stroke:#9fbdba;stroke-width:1}.map-bridge{fill:none;stroke:#a3bab9;stroke-width:2;stroke-dasharray:3 4}.map-pin circle{fill:#71959e;transition:.2s}.map-pin text{font:600 7px Poppins,Arial,sans-serif;fill:#6a8389}.map-pin.active circle{fill:var(--red);r:7px}.map-pin.active text{fill:#17384b}.port-list{display:flex;gap:5px;flex-wrap:wrap}.port-list label[hidden]{display:none}.port-list span{display:block;padding:6px 9px;border:1px solid #d0dddb;border-radius:20px;background:#fff;color:#587078;font-size:7px;cursor:pointer}.port-list input:checked+span{border-color:var(--red);background:#fff0f1;color:#9f1016;font-weight:600}

/* Boat identity and services */
.identity-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:18px;align-items:center}.identity-grid .inline-field{grid-template-columns:65px 1fr;padding-right:14px}.identity-grid .size-row{grid-template-columns:82px 1fr}.identity-grid .size-row output{font-size:34px}.identity-grid+.helper{margin-left:0}
.storage-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.storage-choices label>span{position:relative;min-height:66px;padding:11px 12px;border:1px solid #dce4e2;border-radius:14px;display:flex;flex-direction:column;justify-content:center;cursor:pointer;background:#fafcfb;transition:.2s}.storage-choices b{font-size:10px}.storage-choices small{font-size:7px;color:#819095;margin-top:2px}.storage-choices i{position:absolute;right:8px;top:8px;font-style:normal;font-size:6px;padding:3px 6px;border-radius:10px;background:#dff4ea;color:#27684c}.storage-choices input:checked+span{border-color:#4dcfe0;background:#effbfc;box-shadow:inset 0 0 0 1px #4dcfe0}.options-title{display:flex;justify-content:space-between;margin:13px 1px 0;font-size:9px;font-weight:600}.options-title small{font-size:7px;color:#7d8f94;font-weight:400}.quick-options{grid-template-columns:repeat(3,1fr);margin-top:7px}.quick-options label[hidden]{display:none}.quick-options label{min-height:54px;padding:9px 10px}.quick-options b{font-size:9px}.quick-options small{font-size:7px}.result .price>span{display:block;margin-top:7px;color:#71868c;font-size:8px}.callback-box label{font-size:8px;font-weight:600}.callback-box>div{padding:5px}.callback-box .primary{white-space:nowrap}
.result .price strong{font-size:clamp(27px,2.75vw,40px);white-space:nowrap}

@media(max-width:980px){.boat-playground .boat3d-label{left:14px}.boat-specs{gap:12px}.port-step{grid-template-columns:.85fr 1.15fr}.quick-options{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.nav-phone{padding:8px 10px}.nav-phone strong{font-size:10px}.configurator{grid-template-rows:46px minmax(280px,38svh) auto}.boat-playground{min-height:280px}.boat-playground .boat3d-check{top:46px;right:9px}.boat-playground .boat3d-label{left:8px;bottom:16px}.boat-playground .boat3d-label b{font-size:8px}.boat-playground .boat3d-label i{font-size:6px}.boat-playground .boat3d-fallback{inset:44px 4px 52px}.boat-playground .boat3d-fallback svg{width:62px}.boat3d-focus-meta{left:12px;bottom:64px}.boat-specs{left:10px;right:10px;gap:8px;overflow:hidden}.boat-specs span:nth-child(2){display:none}.boat-specs b{max-width:115px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bird-silhouettes i:nth-child(3){display:none}.wizard{min-height:230px}.step-intro{font-size:9px}.port-step{grid-template-columns:1fr}.area-choices{grid-template-columns:1fr 1fr}.area-choices label>span{min-height:58px;padding:8px;grid-template-columns:28px 1fr}.area-choices i{display:none}.port-map{min-height:112px}.port-map svg{height:76px}.identity-grid{grid-template-columns:1fr;gap:14px}.identity-grid .inline-field{max-width:none}.storage-choices label>span{min-height:60px;padding:9px 8px}.storage-choices b{font-size:8px}.storage-choices i{display:none}.options-title{font-size:8px}.quick-options{grid-template-columns:1fr 1fr}.quick-options label{min-height:49px}.result-row{gap:12px}.callback-box>div{grid-template-columns:1fr}.callback-box .primary{margin-top:5px}.step-actions{margin-top:11px}.boat-bubble{max-width:185px}}
@media(max-width:420px){.area-choices small{display:none}.area-choices label>span{display:block}.storage-choices{gap:5px}.storage-choices label>span{padding:8px 6px}.storage-choices small{font-size:6px}.quick-options label{padding:8px 6px}.boat-specs span:nth-child(4){display:none}}

/* Taggable lead confirmation page */

/* Editorial block system — one rhythm from configurator to footer */
.app-shell{padding-bottom:10px}
.intro-panel{background-image:linear-gradient(145deg,rgba(4,19,31,.94),rgba(7,31,47,.91)),url("assets/editorial/leather.webp");background-position:center;background-size:cover}
.editorial-grid{width:calc(100% - 32px);margin:0 auto;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:10px}
.editorial-card{position:relative;overflow:hidden;border-radius:24px;background:#fff;border:1px solid rgba(10,39,54,.09);min-width:0}
.editorial-card h2,.editorial-card h3,.editorial-card p{margin-top:0}
.editorial-card h2{font-size:clamp(34px,4vw,60px);line-height:1.02;letter-spacing:-.052em;font-weight:500}
.editorial-card h3{font-size:clamp(24px,2.5vw,38px);line-height:1.08;letter-spacing:-.04em;font-weight:500}
.editorial-card .mini-label{margin-bottom:18px}
.card-copy{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(28px,4vw,58px)}
.card-copy-light{color:#fff}.card-copy-light .mini-label{color:#bcd4dc}.card-copy-light>p:last-of-type{max-width:690px;color:#c3d2d6;font-size:12px;line-height:1.8}
.card-copy-light>a{align-self:flex-start;margin-top:13px;padding:11px 14px;border:1px solid rgba(255,255,255,.22);border-radius:12px;text-decoration:none;font-size:9px;font-weight:600;backdrop-filter:blur(8px)}
.card-copy-light>a span{margin-left:22px;color:#77dfb2}

.proof-card{grid-column:span 12;min-height:108px;padding:22px 28px;display:flex;align-items:center;justify-content:space-between;gap:30px;background:#fdfefd}
.proof-score{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1px 17px}.proof-score .stars{grid-row:1/3;font-size:24px}.proof-score strong{font-size:17px;line-height:1.2}.proof-score small{font-size:9px;color:#718187}
.proof-promises{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}.proof-promises span{display:flex;align-items:center;gap:8px;padding:10px 13px;border-radius:99px;background:#edf4f1;color:#486069;font-size:9px}.proof-promises i{font-style:normal;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#cceedd;color:#1b6547;font-size:9px}

.editorial-hero{grid-column:span 8;min-height:540px;background-image:linear-gradient(180deg,rgba(4,17,27,.04),rgba(3,17,28,.92)),url("assets/editorial/yacht-top.webp");background-size:cover;background-position:center 43%}
.editorial-hero:after,.local-picture-card:after,.reviews-card:after,.closing-card:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.06),transparent 38%)}
.editorial-hero h2 span{color:#9cc7d2;white-space:nowrap}.editorial-hero .card-copy>p:last-of-type{max-width:650px}
.compass-card{grid-column:span 4;min-height:540px;display:grid;grid-template-rows:56% 44%;background:#f9f7f2}
.maintenance-picture{background:linear-gradient(180deg,rgba(5,25,37,.02),rgba(5,25,37,.12)),url("assets/editorial/boat-maintenance.webp") center 54%/cover no-repeat;filter:saturate(.9) contrast(1.06)}
.compass-card>div:last-child{padding:28px 32px}.compass-card h3{margin-bottom:12px}.compass-card>div:last-child>p:last-child{margin:0;color:#6d7c80;font-size:10px;line-height:1.75}

.process-card{grid-column:span 4;min-height:420px;padding:38px;color:#fff;background-image:linear-gradient(145deg,rgba(61,27,8,.74),rgba(12,27,37,.94)),url("assets/editorial/leather.webp");background-size:cover}.process-card .mini-label{color:#e1c19f}.process-card h3{margin-bottom:36px}.process-card ol{list-style:none;margin:auto 0 0;padding:0;border-top:1px solid rgba(255,255,255,.16)}.process-card li{display:grid;grid-template-columns:29px 1fr;gap:10px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.14)}.process-card li>b{font-size:8px;color:#e9b77f}.process-card li span,.process-card li strong,.process-card li small{display:block}.process-card li strong{font-size:10px}.process-card li small{margin-top:2px;color:#aebcc1;font-size:8px}
.process-assurance{margin:19px 0 0!important;color:#f1d5b7;font-size:11px!important;font-weight:600;letter-spacing:.055em;text-transform:uppercase}
.local-picture-card{grid-column:span 8;min-height:420px;background-image:linear-gradient(90deg,rgba(4,24,36,.9) 0,rgba(4,24,36,.64) 48%,rgba(4,24,36,.12) 100%),url("assets/ports/la-rochelle-zone.webp");background-position:center 52%;background-size:cover}.local-picture-card .card-copy{justify-content:center;align-items:flex-start}.local-picture-card .card-copy>p:last-of-type{max-width:520px}.location-chips{display:flex;gap:7px;margin-top:10px}.location-chips span{padding:8px 11px;border:1px solid rgba(255,255,255,.2);border-radius:99px;font-size:8px;background:rgba(6,25,37,.35);backdrop-filter:blur(8px)}.location-chips b{color:#70e0b1;margin-right:4px}

.reviews-card{grid-column:span 12;min-height:430px;padding:38px 0;background-image:linear-gradient(90deg,rgba(3,19,32,.96),rgba(3,24,39,.78)),url("assets/editorial/ocean-foam.webp");background-size:cover;background-position:center;color:#fff}
.reviews-intro{position:relative;z-index:1;padding:0 38px 28px;display:grid;grid-template-columns:1fr .8fr;align-items:end;gap:42px}.reviews-intro .mini-label{color:#b6d1d8}.reviews-intro h2{font-size:clamp(30px,3.3vw,48px);margin:0}.reviews-intro>p{margin:0;color:#abc0c7;font-size:10px;line-height:1.7;max-width:460px}.reviews-intro>p .stars{display:block;margin-bottom:6px}
.reviews-window{position:relative;z-index:1;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 38px 3px}.reviews-window::-webkit-scrollbar{display:none}.reviews-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(250px,1fr);grid-template-columns:repeat(4,minmax(250px,1fr));gap:8px;min-width:1030px}.reviews-rail blockquote{scroll-snap-align:start;margin:0;min-height:210px;padding:20px;border-radius:17px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);backdrop-filter:blur(11px);display:flex;flex-direction:column}.review-top{display:flex;align-items:center;justify-content:space-between}.review-initials{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#eaf2ef;color:#16384a;font-size:8px;font-weight:700}.stars{color:#e3ac65;letter-spacing:.09em;font-size:12px}.reviews-rail blockquote>p{margin:21px 0;color:#eef4f5;font-size:10px;line-height:1.7}.reviews-rail footer{margin-top:auto;display:flex;flex-direction:column}.reviews-rail footer b{font-size:9px}.reviews-rail footer span{margin-top:2px;color:#8fa9b2;font-size:7px}

.reassurance-card{grid-column:span 4;min-height:340px;padding:32px;display:flex;flex-direction:column}.reassurance-card>span{font-size:8px;font-weight:600;letter-spacing:.16em;color:var(--red)}.reassurance-card h3{margin:auto 0 15px}.reassurance-card p{margin:0;color:#657980;font-size:10px;line-height:1.75}.reassurance-card strong{margin-top:21px;padding-top:15px;border-top:1px solid rgba(10,39,54,.1);font-size:8px;letter-spacing:.05em;text-transform:uppercase}.clarity-card{background:#fff}.expertise-card{background-image:linear-gradient(rgba(222,242,241,.94),rgba(222,242,241,.94)),url("assets/editorial/underwater.webp");background-size:cover}.availability-card{color:#fff;background-image:linear-gradient(160deg,rgba(3,23,36,.8),rgba(3,23,36,.93)),url("assets/editorial/underwater.webp");background-size:cover}.availability-card>span{color:#77deb1}.availability-card p{color:#a9c0c7}.availability-card a{margin-top:22px;padding-top:15px;border-top:1px solid rgba(255,255,255,.14);display:flex;justify-content:space-between;text-decoration:none;font-size:15px;font-weight:500}.availability-card a i{font-style:normal;color:#77deb1}

.faq-card{grid-column:span 8;min-height:470px;padding:42px;display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:start;background:#fff}.faq-heading h2{font-size:clamp(34px,3.8vw,54px)}.faq-heading>p:last-child{max-width:250px;color:#708187;font-size:10px}.faq-card .questions{margin-top:2px}.faq-card .questions summary{font-size:12px;padding:18px 34px 18px 0}.faq-card .questions details p{font-size:9px;line-height:1.7}.closing-card{grid-column:span 4;min-height:470px;padding:38px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;background-image:linear-gradient(180deg,rgba(3,22,34,.18),rgba(3,22,34,.94)),url("assets/editorial/wake.webp");background-size:cover;background-position:center 25%}.closing-card>div{position:relative;z-index:1}.closing-card .live-dot{position:absolute;right:0;top:2px}.closing-card .mini-label{color:#c3d6dc}.closing-card h2{font-size:clamp(34px,3.5vw,50px);margin:0 0 13px}.closing-card p:last-child{max-width:340px;color:#b5c7cc;font-size:10px;line-height:1.7}.closing-card>.primary{position:relative;z-index:1;align-self:stretch;min-height:52px}

.grid-footer{width:calc(100% - 32px);margin:10px auto 16px;padding:27px 30px;border-radius:22px;background:#061522;grid-template-columns:1fr auto auto;grid-template-areas:"brand contact legal" "copy copy copy"}.grid-footer>img{width:128px}.grid-footer>p{padding-top:17px}.grid-footer .footer-contact{gap:20px}

@media(min-width:1500px){.editorial-grid,.grid-footer{width:min(1500px,calc(100% - 32px))}}
@media(max-width:980px){.editorial-hero{grid-column:span 7}.compass-card{grid-column:span 5}.process-card{grid-column:span 5}.local-picture-card{grid-column:span 7}.faq-card{grid-template-columns:1fr;gap:24px}.proof-card{align-items:flex-start;flex-direction:column}.proof-promises{justify-content:flex-start}.reassurance-card{min-height:370px}}
@media(max-width:760px){.app-shell{padding-bottom:10px}.intro-panel{background-position:center}.editorial-grid{width:calc(100% - 20px);grid-template-columns:1fr;gap:10px}.editorial-card{grid-column:1!important;border-radius:20px}.proof-card{min-height:0;padding:22px}.proof-score{grid-template-columns:1fr}.proof-score .stars{grid-row:auto;font-size:20px}.proof-score small{margin-top:3px}.proof-promises{display:grid;width:100%}.proof-promises span{justify-content:flex-start}.editorial-hero,.compass-card{min-height:470px}.editorial-hero{background-position:center}.card-copy{padding:28px}.editorial-card h2{font-size:36px}.compass-card{grid-template-rows:55% 45%}.compass-card>div:last-child{padding:24px}.process-card,.local-picture-card{min-height:390px;padding:28px}.local-picture-card{padding:0;background-image:linear-gradient(180deg,rgba(4,24,36,.22),rgba(4,24,36,.91)),url("assets/ports/la-rochelle-zone.webp");background-position:center 52%}.local-picture-card .card-copy{justify-content:flex-end}.reviews-card{min-height:0;padding:30px 0}.reviews-intro{padding:0 24px 24px;grid-template-columns:1fr;gap:12px}.reviews-window{padding:0 24px}.reviews-rail{grid-auto-columns:82vw;grid-template-columns:none;min-width:0}.reviews-rail blockquote{min-height:220px}.reassurance-card{min-height:300px;padding:28px}.faq-card{min-height:0;padding:30px 24px;grid-template-columns:1fr;gap:20px}.faq-heading>p:last-child{margin-bottom:0}.closing-card{min-height:440px;padding:28px}.grid-footer{width:calc(100% - 20px);margin:10px auto;padding:26px 24px;border-radius:20px;grid-template-columns:1fr;grid-template-areas:"brand" "contact" "legal" "copy"}.grid-footer .footer-contact{gap:6px}.grid-footer .legal-links{gap:12px}}

/* Configurator hierarchy — choice first, preview second */
@media(min-width:981px){.workspace{grid-template-columns:minmax(310px,31%) 1fr}.app-nav{grid-template-columns:minmax(310px,31%) 1fr auto}.intro-panel{padding-left:48px;padding-right:48px}}
.intro-copy h1{font-size:clamp(38px,3.4vw,56px);line-height:1.06;letter-spacing:-.045em}.intro-copy h1 em{color:#a9c5cd}.intro-text{max-width:300px}
.configurator[data-current-step="1"]{grid-template-rows:48px minmax(560px,1fr)}
.configurator[data-current-step="1"] .wizard{display:none}
.configurator:not([data-current-step="1"]){grid-template-rows:48px 210px minmax(355px,auto)}.configurator:not([data-current-step="1"]) .boat-playground{min-height:210px}
.stage-heading{display:none;position:absolute;z-index:8;left:clamp(24px,3.2vw,48px);top:38px;max-width:570px;color:#fff;pointer-events:none}.stage-heading .mini-label{margin-bottom:13px;color:#77dfb4}.stage-heading h2{margin:0;font-size:clamp(28px,3vw,44px);line-height:1.04;letter-spacing:-.045em;font-weight:500}.stage-heading>p:last-child{margin:12px 0 0;color:#8fadb7;font-size:10px}.configurator[data-current-step="1"] .stage-heading{display:block}.configurator[data-current-step="1"] .season-chip,.configurator[data-current-step="1"] .place-chip,.configurator[data-current-step="1"] .boat-bubble,.configurator[data-current-step="1"] .boat-specs{display:none}
.configurator[data-current-step="1"] .boat3d-selector{inset:auto 0 24px;height:min(44%,330px);padding:0 24px;gap:10px}
.configurator[data-current-step="1"] .boat3d-card{overflow:hidden;border:1px solid rgba(146,207,218,.18);border-radius:18px;background:linear-gradient(180deg,rgba(28,76,96,.25),rgba(5,25,38,.74));box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.configurator[data-current-step="1"] .boat3d-card:hover{background:linear-gradient(180deg,rgba(38,102,124,.34),rgba(5,25,38,.76));border-color:rgba(110,225,237,.34)}
.configurator[data-current-step="1"] .boat3d-card.is-selected{background:linear-gradient(180deg,rgba(42,125,143,.35),rgba(5,25,38,.84));border-color:#62ddec;box-shadow:inset 0 0 0 1px rgba(98,221,236,.35),0 14px 35px rgba(0,0,0,.18)}
.configurator[data-current-step="1"] .boat3d-card.is-selected:after{left:22px;right:22px}
.configurator[data-current-step="1"] .boat3d-label{left:17px;right:17px;bottom:15px}.configurator[data-current-step="1"] .boat3d-label b{font-size:11px}.configurator[data-current-step="1"] .boat3d-label i{font-size:7px;color:#8ca8b1}.configurator[data-current-step="1"] .boat3d-check{top:13px;right:13px}
.configurator[data-current-step="1"] .boat3d-fallback{inset:26px 14px 50px}.configurator[data-current-step="1"] .boat3d-fallback svg{width:72px}
.configurator[data-current-step="1"] .boat3d-status{top:142px;color:#80a3ae}
.configurator:not([data-current-step="1"]) .boat3d-focus-meta{bottom:22px}.configurator:not([data-current-step="1"]) .boat-specs{bottom:18px;right:28px;left:auto}.configurator:not([data-current-step="1"]) .boat-bubble{top:24px}.configurator:not([data-current-step="1"]) .boat3d-status{top:auto;bottom:11px;left:50%}

.configurator[data-current-step="2"] .wizard{min-height:410px;padding:26px 38px 30px}.configurator[data-current-step="2"] .step legend{margin-bottom:15px}.configurator[data-current-step="2"] .port-step{grid-template-columns:minmax(190px,.52fr) minmax(430px,1.48fr);gap:10px}.configurator[data-current-step="2"] .area-choices{gap:10px}.configurator[data-current-step="2"] .area-choices label>span{min-height:99px;padding:17px;border-radius:17px}.configurator[data-current-step="2"] .area-choices small{width:36px;height:36px;border-radius:11px}.configurator[data-current-step="2"] .area-choices b{font-size:12px}.configurator[data-current-step="2"] .area-choices i{font-size:8px}.configurator[data-current-step="2"] .port-map{min-height:226px;padding:15px 18px 12px;border-radius:18px;background:radial-gradient(circle at 27% 28%,rgba(255,255,255,.96),rgba(229,240,239,.94)),url("assets/editorial/la-rochelle.webp");background-size:cover}.map-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}.map-heading span{text-transform:uppercase;letter-spacing:.14em;color:#799096;font-size:7px}.map-heading b{font-size:9px}.configurator[data-current-step="2"] .port-map svg{height:155px}.map-wave{fill:none;stroke:#abc9ca;stroke-width:1;opacity:.65;stroke-dasharray:3 5}.map-region{font:600 6px Poppins,Arial,sans-serif;letter-spacing:.12em;fill:#90a8aa}.configurator[data-current-step="2"] .port-list{gap:7px}.configurator[data-current-step="2"] .port-list span{padding:7px 11px;font-size:8px}.configurator[data-current-step="2"] .step-actions{margin-top:13px}

@media(max-width:980px) and (min-width:761px){.configurator[data-current-step="1"] .boat3d-selector{height:310px}.configurator[data-current-step="2"] .port-step{grid-template-columns:220px 1fr}.configurator[data-current-step="2"] .port-map svg{height:145px}}
@media(max-width:760px){.intro-copy{display:block}.intro-copy h1{font-size:36px}.intro-text{max-width:260px;margin:16px 0 0;text-align:left;font-size:9px}.configurator[data-current-step="1"]{grid-template-rows:46px 470px}.stage-heading{left:18px;right:18px;top:24px}.stage-heading h2{font-size:27px}.stage-heading>p:last-child{font-size:8px}.configurator[data-current-step="1"] .boat3d-selector{height:285px;bottom:12px;padding:0 10px;gap:6px}.configurator[data-current-step="1"] .boat3d-card{border-radius:14px}.configurator[data-current-step="1"] .boat3d-label{left:9px;right:9px;bottom:11px}.configurator[data-current-step="1"] .boat3d-label b{font-size:8px}.configurator[data-current-step="1"] .boat3d-label i{display:none}.configurator[data-current-step="1"] .boat3d-status{top:118px}.configurator:not([data-current-step="1"]){grid-template-rows:46px 180px auto}.configurator:not([data-current-step="1"]) .boat-playground{min-height:180px}.configurator:not([data-current-step="1"]) .boat-bubble{top:13px}.configurator:not([data-current-step="1"]) .boat-specs{right:10px;bottom:10px}.configurator[data-current-step="2"] .wizard{min-height:520px;padding:22px 18px}.configurator[data-current-step="2"] .port-step{grid-template-columns:1fr}.configurator[data-current-step="2"] .area-choices{grid-template-columns:1fr 1fr}.configurator[data-current-step="2"] .area-choices label>span{min-height:68px;padding:10px}.configurator[data-current-step="2"] .port-map{min-height:250px;padding:13px}.configurator[data-current-step="2"] .port-map svg{height:170px}.map-heading b{font-size:8px}}

/* Readability and denser app hierarchy */
.app-shell{min-height:0;padding-bottom:10px}
.workspace{min-height:820px}
.intro-copy h1{font-size:clamp(38px,3.25vw,55px)}
.intro-text{max-width:360px;font-size:13px;line-height:1.75}
.promise-list b{font-size:12px}.promise-list small{font-size:9px}.soft-link{font-size:9px}
.config-topbar strong{font-size:12px}.saved-state{font-size:9px}.step-count{font-size:10px}
.configurator[data-current-step="1"]{grid-template-rows:48px 610px}
.stage-heading{top:30px;max-width:680px}.stage-heading h2{font-size:clamp(31px,3.1vw,46px)}.stage-heading>p:last-child{max-width:590px;font-size:12px;line-height:1.65}
.configurator[data-current-step="1"] .boat3d-selector{height:385px;bottom:22px;padding:0 28px;gap:12px}
.configurator[data-current-step="1"] .boat3d-card{border-color:rgba(171,227,236,.34);background:linear-gradient(180deg,rgba(32,91,113,.018),rgba(4,23,36,.075));box-shadow:inset 0 1px 0 rgba(255,255,255,.12),inset 0 -70px 80px rgba(3,20,31,.08)}
.configurator[data-current-step="1"] .boat3d-card:hover{background:linear-gradient(180deg,rgba(54,153,177,.04),rgba(4,23,36,.11));border-color:rgba(157,240,250,.58)}
.configurator[data-current-step="1"] .boat3d-card.is-selected{background:linear-gradient(180deg,rgba(65,198,217,.055),rgba(4,23,36,.14));border-color:#8af2ff;box-shadow:inset 0 0 0 1px rgba(138,242,255,.38),0 14px 35px rgba(0,0,0,.16)}
.configurator[data-current-step="1"] .boat3d-label{left:20px;right:20px;bottom:18px;gap:2px 10px}.configurator[data-current-step="1"] .boat3d-label b{font-size:14px}.configurator[data-current-step="1"] .boat3d-label i{font-size:9px;line-height:1.55;max-width:235px;color:#b1c7cd}.configurator[data-current-step="1"] .boat3d-label small{font-size:9px}.configurator[data-current-step="1"] .boat3d-status{top:172px;font-size:8px}
.boat-playground .boat3d-stage{background:radial-gradient(circle at 12% 16%,rgba(31,120,151,.52),transparent 30%),radial-gradient(circle at 82% 24%,rgba(76,165,179,.24),transparent 31%),linear-gradient(135deg,#061a2b 0%,#0b3b52 46%,#071d30 100%);background-size:120% 120%;animation:stage-current 12s ease-in-out infinite alternate}
@keyframes stage-current{0%{background-position:0 0}100%{background-position:35% 22%}}
.sun-glow{display:none}.bird-silhouettes{opacity:.72}
.configurator:not([data-current-step="1"]){grid-template-rows:48px 270px minmax(450px,auto)}.configurator:not([data-current-step="1"]) .boat-playground{min-height:270px}.configurator:not([data-current-step="1"]) .boat-bubble{font-size:12px;padding:11px 15px}.configurator:not([data-current-step="1"]) .boat3d-focus-meta{font-size:10px}.configurator:not([data-current-step="1"]) .boat-specs small{font-size:7px}.configurator:not([data-current-step="1"]) .boat-specs b{font-size:11px}
.wizard{padding:30px 38px 34px}.step legend{font-size:clamp(25px,2.3vw,36px);margin-bottom:10px}.step-intro{font-size:11px;line-height:1.7;color:#76898e}
.helper{font-size:10px}.ghost{font-size:11px}.primary{min-height:50px;padding:0 24px;font-size:12px}.options-title{font-size:12px}.options-title small{font-size:9px}
.storage-choices{gap:10px}.storage-choices label>span{min-height:88px;padding:15px 16px}.storage-choices b{font-size:12px}.storage-choices small{font-size:9px}.storage-choices i{font-size:7px;padding:4px 7px}
.quick-options{gap:10px;margin-top:10px}.quick-options label{min-height:70px;padding:13px 14px}.quick-options b{font-size:11px}.quick-options small{font-size:9px}.toggle{flex:0 0 34px}

/* Photographic area choice and clear port map */
.configurator[data-current-step="2"] .wizard{min-height:560px;padding:24px 36px 28px}.port-intro{margin:-2px 0 13px;font-size:11px}
.configurator[data-current-step="2"] .port-step{display:grid;grid-template-columns:1fr;gap:10px}
.configurator[data-current-step="2"] .area-choices{grid-template-columns:1fr 1fr;gap:10px}
.area-choices label{position:relative;overflow:hidden;border-radius:16px}.configurator[data-current-step="2"] .area-choices label>span{position:relative;min-height:92px;padding:16px 18px;border:0;color:#fff;background:linear-gradient(90deg,rgba(4,25,38,.92),rgba(4,25,38,.36));z-index:1}.area-choices label:before{content:"";position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .4s ease}.area-choices label[data-area-card="larochelle"]:before{background-image:url("assets/editorial/la-rochelle.webp")}.area-choices label[data-area-card="re"]:before{background-image:linear-gradient(rgba(5,35,48,.08),rgba(5,35,48,.08)),url("assets/editorial/yacht-top.webp")}.area-choices label:hover:before{transform:scale(1.035)}
.configurator[data-current-step="2"] .area-choices small{width:42px;height:42px;background:rgba(255,255,255,.92);color:#123d51}.configurator[data-current-step="2"] .area-choices b{font-size:15px}.configurator[data-current-step="2"] .area-choices i{font-size:10px;color:#d9e6e9}.area-choices input:checked+span{border:0;background:linear-gradient(90deg,rgba(7,39,54,.9),rgba(7,39,54,.32));box-shadow:inset 0 0 0 3px #65dfed}
.configurator[data-current-step="2"] .port-map{position:relative;min-height:300px;padding:0;border-radius:18px;background:#dfeeed;isolation:isolate;overflow:hidden}.port-map:before{content:"";position:absolute;inset:0;z-index:-2;background-image:linear-gradient(rgba(231,244,243,.88),rgba(224,240,239,.84)),url("assets/editorial/la-rochelle.webp");background-position:center;background-size:cover;transition:.35s}.port-map[data-area="Île de Ré"]:before{background-image:linear-gradient(rgba(218,239,237,.87),rgba(218,239,237,.82)),url("assets/editorial/ocean-foam.webp")}.port-map:after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 18% 15%,rgba(255,255,255,.74),transparent 34%),linear-gradient(120deg,transparent,rgba(255,255,255,.25))}
.map-heading{position:absolute;z-index:4;left:18px;right:18px;top:15px;margin:0}.map-heading span{font-size:8px;color:#496b74}.map-heading b{font-size:11px;color:#12394a;background:rgba(255,255,255,.65);padding:6px 10px;border-radius:99px;backdrop-filter:blur(7px)}
.configurator[data-current-step="2"] .port-map svg{position:absolute;inset:42px 0 0;width:100%;height:calc(100% - 42px)}.map-island,.map-mainland{stroke:#779f9d;stroke-width:2;filter:drop-shadow(0 8px 11px rgba(22,66,73,.09))}.map-mainland{fill:#b8d1cf}.map-island-detail{fill:none;stroke:#88aaa6;stroke-width:1.2;opacity:.52}.map-bridge{fill:none;stroke:#6f989c;stroke-width:6;stroke-dasharray:9 11}.map-bridge-light{stroke:#fff;stroke-width:2;stroke-dasharray:none;opacity:.8}.map-wave{stroke:#92bdc0;stroke-width:2;opacity:.48}.map-region{font-size:13px;fill:#426b70}
.port-list{position:absolute;z-index:5;inset:0;display:block}.port-list label{position:absolute;transform:translate(-50%,-50%)}.port-list label[hidden]{display:none}.port-list label[data-position="ars"]{left:20%;top:42%}.port-list label[data-position="saint-martin"]{left:46%;top:43%}.port-list label[data-position="la-flotte"]{left:61%;top:52%}.port-list label[data-position="port-neuf"]{left:83%;top:43%}.port-list label[data-position="vieux-port"]{left:87%;top:57%}.port-list label[data-position="minimes"]{left:84%;top:74%}
.configurator[data-current-step="2"] .port-list span{position:relative;display:grid;grid-template-columns:14px auto;gap:0 7px;min-width:116px;padding:9px 12px;border:1px solid rgba(33,78,88,.18);border-radius:12px;background:rgba(255,255,255,.9);color:#183c4a;font-size:9px;cursor:pointer;box-shadow:0 7px 18px rgba(7,33,44,.1);backdrop-filter:blur(9px);transition:.2s}.port-list span>i{grid-row:1/3;width:12px;height:12px;margin-top:3px;border:3px solid #fff;border-radius:50%;background:#4aa9b5;box-shadow:0 0 0 2px #4aa9b5}.port-list span>b{font-size:10px}.port-list span>small{color:#6f898f;font-size:7px}.port-list input:checked+span{border-color:var(--red);background:#fff;color:#95131a;box-shadow:0 9px 25px rgba(226,28,36,.18)}.port-list input:checked+span>i{background:var(--red);box-shadow:0 0 0 2px var(--red)}
.port-confirmation{position:absolute;z-index:7;right:16px;bottom:15px;display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:14px;background:#071f31;color:#fff;box-shadow:0 12px 26px rgba(6,27,41,.2);opacity:0;transform:translateY(8px);pointer-events:none;transition:.25s}.port-confirmation.show{opacity:1;transform:none}.port-confirmation>span{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#65dda9;color:#062438;font-size:12px;font-weight:700}.port-confirmation div{display:flex;flex-direction:column}.port-confirmation b{font-size:10px}.port-confirmation small{font-size:8px;color:#9eb5bd}

/* Editorial scale and factual proof */
.proof-card{min-height:124px}.proof-score strong{font-size:20px}.proof-score small{font-size:11px}.proof-facts{display:flex;align-items:stretch;gap:8px}.proof-facts span{min-width:112px;padding:10px 14px;border-radius:14px;background:#eef4f2;display:flex;flex-direction:column}.proof-facts b{font-size:17px;color:#153849}.proof-facts small{font-size:8px;color:#6f8287}
.editorial-hero .card-copy-light>p:last-of-type,.local-picture-card .card-copy-light>p:last-of-type{font-size:14px;line-height:1.8}.card-copy-light>a{min-height:48px;display:flex;align-items:center;padding:0 17px;font-size:12px}.card-copy-light>a span{margin-left:27px}
.compass-card>div:last-child>p:last-child{font-size:12px}.process-card li strong{font-size:12px}.process-card li small{font-size:10px;line-height:1.55}.process-card li>b{font-size:9px}
.reviews-intro>p{font-size:12px}.review-initials{background:var(--red);color:#fff}.reviews-rail blockquote>p{font-size:12px;line-height:1.75}.reviews-rail footer b{font-size:10px}.reviews-rail footer span{font-size:8px}.reviews-rail blockquote{min-height:235px}
.reassurance-card p{font-size:12px}.reassurance-card strong{font-size:9px}.faq-heading>p:last-child{font-size:12px;line-height:1.7}.faq-card .questions summary{font-size:14px}.faq-card .questions details p{font-size:11px;line-height:1.8}.closing-card p:last-child{font-size:12px}

@media(max-width:980px){.workspace{min-height:800px}.configurator[data-current-step="1"]{grid-template-rows:48px 570px}.configurator[data-current-step="1"] .boat3d-selector{height:355px}.proof-facts{width:100%}.configurator[data-current-step="2"] .wizard{min-height:590px}.port-list label[data-position="ars"]{left:19%}.port-list label[data-position="saint-martin"]{left:44%}.port-list label[data-position="la-flotte"]{left:59%}}
@media(max-width:760px){.workspace{min-height:0}.intro-text{font-size:11px}.configurator[data-current-step="1"]{grid-template-rows:46px 525px}.stage-heading h2{font-size:28px}.stage-heading>p:last-child{font-size:10px}.configurator[data-current-step="1"] .boat3d-selector{height:325px}.configurator[data-current-step="1"] .boat3d-label b{font-size:10px}.configurator[data-current-step="1"] .boat3d-label i{display:none}.configurator:not([data-current-step="1"]){grid-template-rows:46px 220px auto}.configurator:not([data-current-step="1"]) .boat-playground{min-height:220px}.configurator[data-current-step="2"] .wizard{min-height:640px;padding:22px 14px}.port-intro{font-size:10px}.configurator[data-current-step="2"] .area-choices label>span{min-height:84px;padding:11px}.configurator[data-current-step="2"] .area-choices small{display:none}.configurator[data-current-step="2"] .area-choices b{font-size:12px}.configurator[data-current-step="2"] .area-choices i{font-size:8px}.configurator[data-current-step="2"] .port-map{min-height:335px}.map-heading{left:12px;right:12px}.map-heading b{font-size:8px}.configurator[data-current-step="2"] .port-list span{min-width:92px;padding:7px 8px;grid-template-columns:11px auto}.port-list span>i{width:10px;height:10px}.port-list label[data-position="ars"]{left:19%;top:40%}.port-list label[data-position="saint-martin"]{left:45%;top:44%}.port-list label[data-position="la-flotte"]{left:61%;top:57%}.port-list label[data-position="port-neuf"]{left:79%;top:40%}.port-list label[data-position="vieux-port"]{left:82%;top:57%}.port-list label[data-position="minimes"]{left:76%;top:76%}.port-confirmation{left:12px;right:auto;bottom:12px}.storage-choices label>span{min-height:82px}.storage-choices b{font-size:10px}.storage-choices small{font-size:8px}.quick-options b{font-size:10px}.quick-options small{font-size:8px}.proof-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.proof-facts span{min-width:0;padding:9px}.proof-facts b{font-size:15px}.proof-facts small{font-size:7px}.card-copy-light>p:last-of-type{font-size:12px!important}.reviews-rail blockquote>p{font-size:12px}.faq-card .questions summary{font-size:13px}.faq-card .questions details p{font-size:11px}}
@media(max-width:760px){.configurator[data-current-step="2"] .step legend{font-size:23px;letter-spacing:-.035em}}

/* Simulator micro-detail pass — stable frame and progressive disclosure */
.boat3d-status{display:none!important}
.primary:hover,.circle-button:hover{transform:none;background:#c9151d;box-shadow:0 10px 24px rgba(226,28,36,.2)}
.ghost:hover{color:var(--ink)}
.boat-bubble{font-size:13px;padding:11px 16px}
.configurator[data-current-step="1"] .stage-heading{top:34px}.configurator[data-current-step="1"] .stage-heading h2{font-size:clamp(34px,3.15vw,48px)}
.configurator[data-current-step="1"] .boat3d-label b{font-size:17px;line-height:1.25}.configurator[data-current-step="1"] .boat3d-label i{font-size:10px;line-height:1.55}.configurator[data-current-step="1"] .boat3d-label small{font-size:10px}
.configurator[data-current-step="2"] .boat-specs span:first-child,.configurator[data-current-step="2"] .boat-specs span:last-child{display:none}.configurator[data-current-step="2"] .boat3d-focus-meta b{display:none}.configurator:not(.has-name)[data-current-step="3"] .boat-specs span:first-child{display:none}.configurator:not(.has-name)[data-current-step="3"] .boat3d-focus-meta b{display:none}
.storage-mode .boat-specs{background:rgba(5,22,34,.72);border-color:rgba(255,255,255,.12);color:#fff;box-shadow:none}.storage-mode .boat-specs small{color:#80a3ae}

.good-to-know{display:flex;align-items:center;gap:12px;margin-top:14px;padding:13px 15px;border-radius:14px;background:#eef5f3;color:#5f747a}.good-to-know>span{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;flex:0 0 27px;background:#d4eee3;color:#146145;font-size:11px;font-weight:700}.good-to-know p{margin:0;font-size:10px;line-height:1.55}.good-to-know b{display:block;color:#183744;font-size:10px}

.result .estimate-card{display:grid;grid-template-columns:1fr auto;align-items:end;gap:28px;padding:17px 20px;border:1px solid #dce5e3;border-radius:17px;background:#f7faf9}.estimate-card .mini-label{margin-bottom:6px}.estimate-card h2{margin:0;font-size:26px;line-height:1.08;letter-spacing:-.035em;font-weight:500}.estimate-card .price{text-align:right}.estimate-card .price strong{font-size:35px}.estimate-card .price>span{font-size:9px}.result .selected-options{margin-top:9px}.result .callback-box{display:block;margin-top:10px;padding:18px 20px;border:0;border-radius:18px;background:linear-gradient(135deg,#061b2b,#0b3348);color:#fff;text-align:center}.callback-box .callback-copy{display:flex!important;align-items:baseline;justify-content:center;gap:11px;border:0!important;padding:0!important}.callback-copy span{font-size:11px;color:#8fabb5}.callback-copy b{font-size:14px}.result .callback-box>label{display:block;margin:9px 0 5px;color:#9bb3bb;font-size:8px}.callback-box .callback-action{display:grid!important;grid-template-columns:1fr auto!important;max-width:610px;margin:0 auto;padding:5px!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:14px!important;background:#fff!important}.callback-action input{min-height:46px}.callback-action .primary{min-height:46px}.result-footer{margin-top:8px}

.reviews-card{background-image:linear-gradient(120deg,rgba(28,13,6,.93),rgba(4,24,37,.92)),url("assets/editorial/leather.webp");background-position:center;background-size:cover}

@media(min-width:761px){
  .workspace{height:820px;min-height:820px}.intro-panel{min-height:0}.configurator{height:820px;min-height:0;overflow:hidden}
  .configurator[data-current-step="1"]{grid-template-rows:48px minmax(0,1fr)}
  .configurator[data-current-step="1"] .boat3d-selector{height:430px;bottom:18px}
  .configurator:not([data-current-step="1"]){grid-template-rows:48px 235px minmax(0,1fr)}
  .configurator:not([data-current-step="1"]) .boat-playground{min-height:235px}
  .configurator:not([data-current-step="1"]) .boat3d-focus-meta{bottom:19px}
  .configurator:not([data-current-step="1"]) .boat-specs{bottom:16px}
  .wizard{min-height:0;padding:22px 34px 24px;overflow:hidden}
  .configurator[data-current-step="2"] .wizard{min-height:0;padding:20px 34px 22px}
}

/* Zone first, ports second — no pretend geography */
.port-step{display:block!important}.area-choices[hidden],.port-map[hidden]{display:none!important}
.configurator[data-current-step="2"] .area-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}
.configurator[data-current-step="2"] .area-choices label{min-height:205px;border-radius:19px}
.configurator[data-current-step="2"] .area-choices label>span{min-height:205px;padding:25px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;background:linear-gradient(180deg,rgba(3,23,36,.06),rgba(3,23,36,.9));box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.configurator[data-current-step="2"] .area-choices b{font-size:24px;letter-spacing:-.035em}.configurator[data-current-step="2"] .area-choices i{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:5px;color:#d4e1e4;font-size:10px;font-style:normal}.area-choices i em{font-style:normal;color:#74dfb3;font-size:15px}.area-choices input:checked+span{box-shadow:inset 0 0 0 3px #63deed;background:linear-gradient(180deg,rgba(3,23,36,.08),rgba(3,23,36,.88))}
.configurator[data-current-step="2"] .port-map{position:relative;min-height:252px;padding:72px 18px 18px;border:1px solid #dbe5e3;border-radius:18px;background:#f5f8f7;overflow:hidden;isolation:auto}
.port-map:before,.port-map:after{display:none}.configurator[data-current-step="2"] .port-map svg{display:none}
.map-heading{position:absolute;left:18px;right:18px;top:14px;display:flex;align-items:center;justify-content:space-between}.map-heading span{font-size:8px;color:#6a8288}.map-heading>div{display:flex;align-items:center;gap:13px}.map-heading b{padding:0;background:none;font-size:16px;color:#153746}.map-heading button{border:0;background:none;color:#72868b;font-size:9px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.configurator[data-current-step="2"] .port-list{position:static;display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.configurator[data-current-step="2"] .port-list label{position:static;transform:none}.configurator[data-current-step="2"] .port-list label[hidden]{display:none}.configurator[data-current-step="2"] .port-list span{min-width:0;min-height:148px;padding:18px;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr auto;gap:0 9px;border:1px solid #dbe4e2;border-radius:15px;background:#fff;color:#153746;box-shadow:none}.port-list span>i{grid-row:1;width:auto;height:auto;margin:0;border:0;background:none;box-shadow:none;color:#e21c24;font-size:8px;font-style:normal}.port-list span>b{grid-column:1/4;align-self:end;font-size:15px}.port-list span>small{grid-column:1/3;color:#768a8f;font-size:9px}.port-list span>em{grid-column:3;font-style:normal;color:#56c99c;font-size:14px}.port-list input:checked+span{border-color:var(--red);background:#fff6f6;color:#96131a;box-shadow:inset 0 0 0 1px var(--red)}
.port-confirmation{right:18px;bottom:18px}.configurator[data-current-step="2"] .step-actions{margin-top:11px}

.configurator[data-current-step="3"] .identity-grid{display:grid;grid-template-columns:1fr;gap:12px;max-width:720px}.configurator[data-current-step="3"] .inline-field{max-width:none;min-height:68px}.configurator[data-current-step="3"] .size-row{min-height:92px;padding:13px 18px;border:1px solid #d7e1df;border-radius:15px;background:#fbfcfc}.configurator[data-current-step="3"] .step-actions{margin-top:12px}

.storage-choices label>span{min-height:98px}.storage-choices b{font-size:14px}.storage-choices small{font-size:10px}.options-title{font-size:13px}.quick-options label{min-height:76px}.quick-options b{font-size:12px}.quick-options small{font-size:10px}

@media(max-width:760px){
  .boat-bubble{font-size:11px}.configurator[data-current-step="1"] .stage-heading h2{font-size:27px}.configurator[data-current-step="1"] .boat3d-label b{font-size:11px}.configurator[data-current-step="2"] .wizard{min-height:0;padding:22px 14px 24px}.configurator[data-current-step="2"] .area-choices{margin-top:12px}.configurator[data-current-step="2"] .area-choices label{min-height:150px}.configurator[data-current-step="2"] .area-choices label>span{min-height:150px;padding:17px}.configurator[data-current-step="2"] .area-choices b{font-size:18px}.configurator[data-current-step="2"] .port-map{min-height:330px;padding:70px 12px 13px}.map-heading{left:13px;right:13px}.map-heading b{font-size:13px}.configurator[data-current-step="2"] .port-list{grid-template-columns:1fr;gap:7px}.configurator[data-current-step="2"] .port-list span{min-height:69px;padding:11px;grid-template-rows:auto auto}.port-list span>b{grid-column:2;font-size:13px;align-self:center}.port-list span>small{grid-column:2;font-size:8px}.port-list span>em{grid-column:3;grid-row:1/3;align-self:center}.port-confirmation{left:13px;right:auto;bottom:13px}.result .estimate-card{grid-template-columns:1fr;gap:14px}.estimate-card .price{text-align:left}.callback-box .callback-copy{align-items:center;flex-direction:column;gap:2px}.callback-box .callback-action{grid-template-columns:1fr!important}.callback-action .primary{margin-top:5px}.proof-facts span:nth-child(2) b{font-size:12px}}

/* Complete small-screen pass — the five steps remain readable and touch-friendly */
@media(max-width:760px){
  body{overflow-x:hidden}
  .app-shell{padding:0 0 10px}.workspace{border-radius:0;box-shadow:none}
  .app-nav{height:64px;padding:0 14px}.logo,.logo img{width:116px}.nav-phone{min-height:40px;padding:0 11px}.nav-phone strong{font-size:9px}
  .intro-panel{min-height:225px;padding:82px 18px 22px}.intro-copy h1{font-size:clamp(37px,11.5vw,44px)}.intro-text{max-width:148px;font-size:10px;line-height:1.55}
  .config-topbar{grid-template-columns:minmax(0,1fr) auto 34px;padding:0 13px}.config-topbar strong{font-size:10px}.saved-state{max-width:118px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:7px}.dot{width:14px}.dot.active{width:26px}.step-count{font-size:9px}
  .configurator[data-current-step="1"]{grid-template-rows:46px 430px}.configurator[data-current-step="1"] .stage-heading{top:22px;left:18px;right:18px}.configurator[data-current-step="1"] .stage-heading h2{font-size:26px;line-height:1.05}.configurator[data-current-step="1"] .boat3d-selector{left:10px;right:10px;bottom:12px;height:270px;padding:0;gap:6px}.configurator[data-current-step="1"] .boat3d-card{border-radius:14px}.configurator[data-current-step="1"] .boat3d-label{left:10px;right:7px;bottom:10px}.configurator[data-current-step="1"] .boat3d-label b{font-size:11px;line-height:1.15}.configurator[data-current-step="1"] .boat3d-check{top:9px;right:8px}
  .configurator:not([data-current-step="1"]){grid-template-rows:46px 205px auto}.configurator:not([data-current-step="1"]) .boat-playground{min-height:205px}.configurator:not([data-current-step="1"]) .boat-bubble{top:11px;right:10px;max-width:205px;padding:9px 11px;font-size:10px}.configurator:not([data-current-step="1"]) .boat3d-focus-meta{left:10px;bottom:55px}.configurator:not([data-current-step="1"]) .boat-specs{left:8px;right:8px;bottom:8px;padding:7px 9px;gap:7px;justify-content:space-between}.configurator:not([data-current-step="1"]) .boat-specs span{display:flex!important}.configurator:not([data-current-step="1"]) .boat-specs small{font-size:5px}.configurator:not([data-current-step="1"]) .boat-specs b{max-width:82px;font-size:8px}
  .configurator[data-current-step="2"] .boat-specs span:first-child,.configurator[data-current-step="2"] .boat-specs span:last-child{display:none!important}
  .wizard{min-height:0;padding:22px 16px 25px}.step legend{font-size:24px;line-height:1.08;margin-bottom:11px}.step-intro{font-size:10px;line-height:1.55}.step-actions{justify-content:space-between;gap:10px;margin-top:16px}.step-actions .primary{min-height:48px;flex:0 1 auto;padding-inline:18px}.ghost{font-size:9px}
  .configurator[data-current-step="2"] .wizard{padding:21px 14px 24px}.configurator[data-current-step="2"] .area-choices{grid-template-columns:1fr 1fr;gap:8px}.configurator[data-current-step="2"] .area-choices label,.configurator[data-current-step="2"] .area-choices label>span{min-height:132px}.configurator[data-current-step="2"] .area-choices label>span{padding:14px}.configurator[data-current-step="2"] .area-choices b{font-size:17px}.configurator[data-current-step="2"] .area-choices i{font-size:8px}.configurator[data-current-step="2"] .port-map{min-height:318px;padding:64px 10px 11px}.map-heading{left:11px;right:11px;top:12px}.map-heading span{font-size:7px}.map-heading>div{gap:8px}.map-heading b{font-size:13px}.map-heading button{font-size:8px}.configurator[data-current-step="2"] .port-list{gap:6px}.configurator[data-current-step="2"] .port-list span{min-height:67px;padding:9px 10px}.port-list span>b{font-size:12px}.port-list span>small{font-size:8px}.port-confirmation{max-width:calc(100% - 22px);left:11px;bottom:11px;padding:9px 11px}.port-confirmation b{font-size:9px}.port-confirmation small{font-size:7px}
  .configurator[data-current-step="3"] .identity-grid{gap:10px}.configurator[data-current-step="3"] .inline-field{min-height:62px;padding:7px 10px 7px 13px;grid-template-columns:66px 1fr}.configurator[data-current-step="3"] .inline-field input{font-size:17px}.configurator[data-current-step="3"] .size-row{min-height:82px;padding:11px 14px;grid-template-columns:78px 1fr;gap:14px}.size-row output{font-size:34px}.good-to-know{align-items:flex-start;padding:11px 12px}.good-to-know p,.good-to-know b{font-size:9px}
  .configurator[data-current-step="4"] .wizard{padding-inline:14px}.storage-choices{grid-template-columns:1fr;gap:7px}.storage-choices label>span{min-height:72px;padding:11px 13px}.storage-choices b{font-size:12px}.storage-choices small{font-size:9px}.storage-choices i{display:block;font-size:7px}.options-title{align-items:flex-start;flex-direction:column;gap:2px;margin-top:14px;font-size:11px}.options-title small{font-size:8px}.quick-options{grid-template-columns:1fr;gap:7px}.quick-options label,.quick-options label:last-child{grid-column:auto;min-height:60px;padding:10px 12px}.quick-options b{font-size:11px}.quick-options small{font-size:9px}
  .configurator[data-current-step="5"] .wizard{padding:18px 13px 24px}.result .estimate-card{padding:16px;border-radius:15px}.estimate-card h2{font-size:23px}.estimate-card .price strong{font-size:29px}.result .callback-box{padding:16px 13px}.callback-copy span{font-size:9px}.callback-copy b{font-size:12px;line-height:1.35}.callback-action input{width:100%;min-height:45px}.callback-action .primary{width:100%}.result-footer{align-items:flex-start;gap:10px}.result-footer p{max-width:170px;font-size:7px;line-height:1.45}
  .editorial-grid{margin-top:0}.proof-card{gap:18px}.proof-facts{width:100%}.reviews-window{scroll-padding-left:24px}.faq-card .questions summary{line-height:1.4}.grid-footer{overflow:hidden}
}

@media(max-width:380px){
  .configurator[data-current-step="1"] .stage-heading h2{font-size:24px}.configurator[data-current-step="1"] .boat3d-label b{font-size:10px}.configurator[data-current-step="2"] .area-choices b{font-size:15px}.configurator:not([data-current-step="1"]) .boat-specs b{max-width:70px;font-size:7px}.nav-phone{padding-inline:9px}.nav-phone strong{font-size:8px}
}

/* Local precision pass — technical inputs, photographic ports and conversion */
.area{font-size:12px;font-weight:500;letter-spacing:.14em;color:#4d6873}
.config-topbar strong{font-size:13px}
.port-intro{font-size:13px;line-height:1.65;color:#60777e}

.configurator[data-current-step="2"] .port-map{padding:68px 14px 14px;background:#f4f7f6}
.configurator[data-current-step="2"] .port-list{gap:10px}
.configurator[data-current-step="2"] .port-list label{position:relative;min-width:0;min-height:166px;overflow:hidden;border-radius:16px;background:#0b2839}
.configurator[data-current-step="2"] .port-list label:before{content:"";position:absolute;inset:0;background-position:center;background-size:cover;filter:saturate(1.16) contrast(1.04);transition:transform .45s ease,filter .45s ease}
.configurator[data-current-step="2"] .port-list label:hover:before{transform:scale(1.045);filter:saturate(1.28) contrast(1.07)}
.port-list label[data-port="minimes"]:before{background-image:url("assets/ports/minimes.webp")}.port-list label[data-port="vieux-port"]:before{background-image:url("assets/ports/vieux-port.webp")}.port-list label[data-port="port-neuf"]:before{background-image:url("assets/ports/port-neuf.webp")}.port-list label[data-port="saint-martin"]:before{background-image:url("assets/ports/saint-martin.webp")}.port-list label[data-port="la-flotte"]:before{background-image:url("assets/ports/la-flotte.webp")}.port-list label[data-port="ars"]:before{background-image:url("assets/ports/ars.webp")}
.configurator[data-current-step="2"] .port-list span{position:absolute;inset:0;min-height:0;padding:18px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;border:1px solid rgba(255,255,255,.22);border-radius:16px;background:linear-gradient(180deg,rgba(3,20,31,.08),rgba(3,20,31,.9));color:#fff;box-shadow:none;backdrop-filter:none}
.configurator[data-current-step="2"] .port-list span>b{align-self:auto;font-size:18px;line-height:1.15;color:#fff}.configurator[data-current-step="2"] .port-list span>small{margin-top:4px;color:#d5e2e5;font-size:10px}.configurator[data-current-step="2"] .port-list span>em{position:absolute;right:15px;top:14px;width:30px;height:30px;border:1px solid rgba(255,255,255,.28);border-radius:50%;display:grid;place-items:center;background:rgba(3,24,37,.32);color:#76e1b3;font-size:14px;backdrop-filter:blur(7px)}
.configurator[data-current-step="2"] .port-list input:checked+span{border:3px solid #63ddec;background:linear-gradient(180deg,rgba(3,20,31,.02),rgba(3,20,31,.84));color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}

.configurator[data-current-step="3"] .wizard{padding-top:24px}.configurator[data-current-step="3"] .identity-grid{grid-template-columns:1fr 1fr;gap:12px;max-width:none}.identity-primary,.technical-card{display:grid;gap:10px;min-width:0}.identity-primary{grid-template-rows:auto 1fr}.technical-card{grid-template-columns:1fr .84fr;grid-template-rows:auto auto;padding:12px;border:1px solid #cae1e4;border-radius:18px;background:linear-gradient(145deg,#eff9fa,#dceff2)}
.configurator[data-current-step="3"] .inline-field{max-width:none;min-height:82px;padding:10px 16px;grid-template-columns:112px 1fr;border-radius:17px;background:#fff}.configurator[data-current-step="3"] .inline-field label{font-size:9px;font-weight:600;color:#5a737c}.configurator[data-current-step="3"] .inline-field input{font-size:25px;font-weight:500}
.measure-card{min-height:92px;padding:14px 16px;border:1px solid #d7e3e2;border-radius:17px;background:#f9fbfb}.technical-card .measure-card{grid-column:1/-1;background:rgba(255,255,255,.78);border-color:rgba(45,119,136,.16)}.measure-heading{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:15px}.measure-heading span,.weight-field>span,.footprint>span{text-transform:uppercase;letter-spacing:.11em;font-size:8px;font-weight:600;color:#607981}.measure-heading strong{font-size:24px;line-height:1;color:#153b4d}.measure-card input{appearance:none;width:100%;height:5px;border-radius:8px;background:#dce3e1}.measure-card input::-webkit-slider-thumb{appearance:none;width:22px;height:22px;border:6px solid var(--red);border-radius:50%;background:#fff;box-shadow:0 3px 10px rgba(7,26,43,.18);cursor:pointer}.technical-card .measure-card input::-webkit-slider-thumb{border-color:#43bfd3}
.weight-field{min-height:66px;padding:10px 12px;border-radius:13px;background:rgba(255,255,255,.82);display:flex;flex-direction:column;justify-content:center}.weight-field select{width:100%;margin-top:5px;border:0;outline:0;background:transparent;color:#153b4d;font-size:11px;font-weight:600}.footprint{min-height:66px;padding:10px 12px;border-radius:13px;background:#0b3448;color:#fff;display:flex;flex-direction:column;justify-content:center}.footprint>span{color:#91b5c0}.footprint strong{margin-top:3px;font-size:20px}.good-to-know{margin-top:12px;padding:14px 16px}.good-to-know p,.good-to-know b{font-size:11px}.good-to-know p{line-height:1.6}

.storage-choices b{font-size:15px}.storage-choices small{font-size:11px}.options-title{font-size:15px}.options-title small{font-size:10px}.quick-options b{font-size:13px}.quick-options small{font-size:10px}

.configurator[data-current-step="5"] .wizard{padding:0;background:radial-gradient(circle at 85% 0,rgba(42,116,142,.42),transparent 38%),linear-gradient(145deg,#061a2a,#0a3449);border-top:0;color:#fff}
.result.active{height:100%;padding:26px 34px;display:grid;grid-template-rows:auto 1fr auto;gap:12px}
.result .estimate-card{padding:22px 24px;border-color:rgba(255,255,255,.13);background:rgba(255,255,255,.055);color:#fff}.result .estimate-card .mini-label{color:#75dfb2}.result .estimate-card h2{font-size:32px}.result .estimate-card .price small,.result .estimate-card .price>span{color:#91aeb7}.result .estimate-card .price strong{font-size:42px}
.result .selected-options span{background:rgba(255,255,255,.1);color:#dce8eb}
.result .callback-box{min-height:0;margin:0!important;padding:24px!important;display:flex!important;flex-direction:column;justify-content:center;border:1px solid rgba(255,255,255,.12)!important;background:rgba(1,15,24,.4)!important}.callback-copy span{font-size:12px}.callback-copy b{font-size:17px}.result .callback-box>label{margin-top:17px;font-size:9px}.callback-box .callback-action{width:100%;max-width:720px}.result-footer p{color:#77939d}

.editorial-grid,.grid-footer{width:calc(100% - 32px);max-width:none}.editorial-card{background-clip:padding-box}.editorial-hero,.local-picture-card,.closing-card,.reviews-card{filter:saturate(1.06)}
@media(min-width:1500px){.editorial-grid,.grid-footer{width:calc(100% - 32px);max-width:none}}

@media(max-width:760px){
  .area{padding-left:0;font-size:9px;letter-spacing:.1em}.config-topbar strong{font-size:9px}.saved-state{display:none}
  .port-intro{font-size:11px}.configurator[data-current-step="2"] .port-map{min-height:354px;padding:61px 10px 10px}.configurator[data-current-step="2"] .port-list{grid-template-columns:1fr;gap:7px}.configurator[data-current-step="2"] .port-list label{min-height:86px}.configurator[data-current-step="2"] .port-list span{padding:12px 14px}.configurator[data-current-step="2"] .port-list span>b{font-size:15px}.configurator[data-current-step="2"] .port-list span>small{font-size:9px}.configurator[data-current-step="2"] .port-list span>em{right:11px;top:11px;width:27px;height:27px}
  .configurator[data-current-step="3"] .identity-grid{grid-template-columns:1fr;gap:10px}.configurator[data-current-step="3"] .inline-field{min-height:72px;grid-template-columns:92px 1fr}.configurator[data-current-step="3"] .inline-field input{font-size:21px}.technical-card{grid-template-columns:1fr 1fr;padding:10px}.measure-card{min-height:86px;padding:12px 13px}.measure-heading strong{font-size:21px}.weight-field select{font-size:10px}.good-to-know p,.good-to-know b{font-size:10px}
  .storage-choices b{font-size:13px}.storage-choices small{font-size:10px}.options-title{font-size:13px}.quick-options b{font-size:12px}.quick-options small{font-size:10px}
  .configurator[data-current-step="5"] .wizard{padding:0}.result.active{padding:18px 13px 22px;gap:10px}.result .estimate-card{padding:17px}.result .estimate-card h2{font-size:25px}.result .estimate-card .price strong{font-size:31px}.result .callback-box{padding:19px 13px!important}.callback-copy b{font-size:13px}.editorial-grid{width:100%;gap:10px}.editorial-card{border-radius:0}.grid-footer{width:100%;margin-inline:0;border-radius:0}
}

/* Conversion hierarchy: the quote stays white; navy is reserved for the callback. */
.configurator[data-current-step="5"] .wizard{padding:0;border-top:1px solid var(--line);background:#fff;color:var(--ink)}
.configurator[data-current-step="5"] .result.active{height:100%;min-height:0;padding:22px 34px 16px;grid-template-rows:auto minmax(235px,1fr) auto;gap:10px;background:#fff}
.configurator[data-current-step="5"] .estimate-card{padding:19px 22px;border:1px solid #dce5e3;background:#fff;color:var(--ink);box-shadow:0 10px 30px rgba(7,31,44,.045)}
.configurator[data-current-step="5"] .estimate-card .mini-label{color:var(--red)}
.configurator[data-current-step="5"] .estimate-card .price small,.configurator[data-current-step="5"] .estimate-card .price>span{color:#71868c}
.configurator[data-current-step="5"] .estimate-card .price strong{color:var(--ink)}
.configurator[data-current-step="5"] .selected-options span{background:#edf4f1;color:#486069}
.configurator[data-current-step="5"] .callback-box{min-height:235px;margin:0!important;padding:26px 30px!important;border:1px solid rgba(255,255,255,.13)!important;background:radial-gradient(circle at 84% 0,rgba(50,134,161,.42),transparent 43%),linear-gradient(145deg,#061a2a,#0a3449)!important;box-shadow:0 18px 34px rgba(5,31,46,.14);justify-content:center}
.configurator[data-current-step="5"] .callback-copy span{font-size:12px;color:#a4bec6}
.configurator[data-current-step="5"] .callback-copy b{font-size:18px;color:#fff}
.configurator[data-current-step="5"] .callback-copy{flex-direction:column;align-items:center;gap:4px}
.configurator[data-current-step="5"] .callback-box>label{margin:18px 0 7px;color:#fff;font-size:14px;font-weight:800;letter-spacing:-.01em;text-transform:none}
.configurator[data-current-step="5"] .callback-action{max-width:740px}
.configurator[data-current-step="5"] .callback-action input{min-height:49px;font-size:16px;font-weight:650;color:#133646}
.configurator[data-current-step="5"] .callback-action .primary{min-height:49px}
.callback-reassurance{margin:9px 0 0;color:#8eaab3;font-size:8px;line-height:1.5}
.configurator[data-current-step="5"] .result-footer{margin:0;align-items:center}
.configurator[data-current-step="5"] .result-footer p{color:#71858b}

@media(max-width:760px){
  .configurator[data-current-step="5"] .result.active{padding:14px 13px 16px;grid-template-rows:auto minmax(270px,1fr) auto;gap:9px}
  .configurator[data-current-step="5"] .estimate-card{padding:15px}
  .configurator[data-current-step="5"] .callback-box{min-height:270px;padding:21px 14px!important}
  .configurator[data-current-step="5"] .callback-copy b{font-size:14px}
  .configurator[data-current-step="5"] .callback-box>label{margin-top:17px;font-size:13px}
  .configurator[data-current-step="5"] .callback-action input{font-size:15px;text-align:center}
  .callback-reassurance{font-size:8px}
}

/* Premium square system, tactile grain and simplified port handoff. */
body{position:relative}
body:after{content:"";position:fixed;z-index:9999;inset:0;pointer-events:none;opacity:.038;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.78'/%3E%3C/svg%3E");background-size:180px 180px}

body *{border-radius:5px!important}
:where(.live-dot,.status-dot,.toggle,.toggle:after,.review-initials,.card-icon,.map-mark,.map-mark:before,.map-mark:after,.map-mark b,.sun-glow){border-radius:50%!important}

.soft-link{margin-top:auto;padding-top:30px}
.port-actions>span{color:#71858b;font-size:10px}
.callback-reassurance{font-size:11px!important;font-weight:600;color:#b7cbd1!important;letter-spacing:.01em}

.area-choices label:before,.configurator[data-current-step="2"] .port-list label:before{filter:saturate(1.12) contrast(1.035) blur(.32px);transform:scale(1.006)}
.area-choices label:hover:before,.configurator[data-current-step="2"] .port-list label:hover:before{filter:saturate(1.22) contrast(1.06) blur(.18px);transform:scale(1.045)}

@media(max-width:760px){
  .port-actions{align-items:center}.port-actions>span{max-width:190px;text-align:right;font-size:8px;line-height:1.4}
  .callback-reassurance{font-size:10px!important}
}

/* The 3D stage stays a distinct card throughout the five-step journey. */
.configurator .boat-playground{min-height:0!important;margin:10px;border:1px solid rgba(42,87,105,.16);border-radius:5px!important;box-shadow:0 8px 24px rgba(7,31,44,.08);background-clip:padding-box}
.configurator .boat-playground .boat3d-stage{border-radius:4px!important}

@media(max-width:760px){
  .configurator .boat-playground{margin:10px}
}

/* Final confirmation stays in context: no redirect, just a precise handoff. */
.lead-dialog{width:min(920px,calc(100% - 32px));max-height:calc(100svh - 32px);padding:0;border:0;overflow:auto;background:#fff;color:var(--ink);box-shadow:0 32px 90px rgba(3,20,31,.32)}
.lead-dialog::backdrop{background:rgba(3,18,29,.72);backdrop-filter:blur(10px)}
.lead-dialog[open]{animation:lead-dialog-in .34s cubic-bezier(.2,.8,.2,1) both}
@keyframes lead-dialog-in{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}
.lead-dialog-hero{position:relative;isolation:isolate;overflow:hidden;padding:34px 42px 31px;color:#fff;background:radial-gradient(circle at 88% 5%,rgba(93,215,226,.3),transparent 34%),linear-gradient(135deg,#061a2a,#0d4056)}
.lead-dialog-hero:after{content:"";position:absolute;z-index:-1;inset:-18px;pointer-events:none;background:radial-gradient(circle at 18% 120%,rgba(82,218,183,.22),transparent 42%),var(--grain-image);background-size:auto,125px;mix-blend-mode:soft-light;opacity:.72;filter:blur(.15px)}
.lead-dialog-close{position:absolute;z-index:2;top:17px;right:18px;width:38px;height:38px;border:1px solid rgba(255,255,255,.18);background:rgba(3,20,31,.3);color:#fff;cursor:pointer;font-size:22px;line-height:1;backdrop-filter:blur(8px)}
.lead-dialog-check{width:46px;height:46px;display:grid;place-items:center;margin-bottom:25px;border:1px solid rgba(255,255,255,.34);background:#62dda8;color:#062537;font-size:21px;font-weight:700;box-shadow:0 0 0 9px rgba(98,221,168,.08)}
.lead-dialog-hero .mini-label{margin-bottom:13px;color:#82e3bd}.lead-dialog-hero h2{max-width:720px;margin:0;font-size:clamp(31px,4vw,50px);line-height:1.03;letter-spacing:-.045em}.lead-dialog-hero h2 span{color:#fff}.lead-dialog-hero>p:last-child{max-width:680px;margin:17px 0 0;color:#bad0d6;font-size:13px;line-height:1.75}
.lead-dialog-body{padding:26px 42px 25px}.lead-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.lead-summary article{min-width:0;min-height:116px;padding:16px;display:flex;flex-direction:column;border:1px solid #dbe5e3;background:linear-gradient(150deg,#fff,#f1f6f4)}.lead-summary small{text-transform:uppercase;letter-spacing:.12em;color:#72888e;font-size:8px}.lead-summary b{margin:auto 0 4px;font-size:13px;line-height:1.35}.lead-summary span{color:#718388;font-size:9px;line-height:1.45}.lead-summary .lead-summary-price{border-color:#f0c8ca;background:linear-gradient(150deg,#fff,#fff0f1)}.lead-summary-price b{color:#c81820;font-size:18px;white-space:nowrap}
.lead-estimate-note{display:flex;align-items:center;gap:13px;margin-top:10px;padding:14px 16px;background:#edf5f3;color:#596f76}.lead-estimate-note>span{width:29px;height:29px;display:grid;place-items:center;flex:0 0 29px;background:#d4eee3;color:#146145;font-size:11px;font-weight:700}.lead-estimate-note p{margin:0;font-size:10px;line-height:1.55}.lead-estimate-note b{display:block;color:#173946;font-size:10px}
.lead-dialog-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:17px}.lead-dialog-footer p{margin:0;display:flex;flex-direction:column}.lead-dialog-footer p>b{font-size:14px}.lead-dialog-footer p>span{margin-top:3px;color:#6d8085;font-size:10px}.lead-dialog-footer p strong{color:#173b4d}.lead-dialog-footer .primary{min-width:120px}.lead-contact{display:block;margin-top:13px;color:#71868b;font-size:9px;text-decoration:none}.lead-contact b{color:#173b4d}

/* Stronger analogue grain, layered gradients and a little optical softness. */
:root{--grain-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.76' numOctaves='4' seed='7' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)' opacity='.9'/%3E%3C/svg%3E")}
body:after{opacity:.075;mix-blend-mode:soft-light;background-image:var(--grain-image);background-size:140px 140px}
.intro-panel{position:relative;isolation:isolate;overflow:hidden}.intro-panel:after{content:"";position:absolute;z-index:-1;inset:-22px;pointer-events:none;background:radial-gradient(circle at 12% 18%,rgba(82,149,173,.24),transparent 34%),var(--grain-image);background-size:auto,130px;opacity:.5;mix-blend-mode:soft-light;filter:blur(.2px)}
.boat-playground .boat3d-stage:after{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;background:radial-gradient(circle at 58% 28%,rgba(116,224,235,.12),transparent 31%),var(--grain-image);background-size:auto,135px;opacity:.32;mix-blend-mode:soft-light;filter:blur(.12px)}
.editorial-hero:after,.local-picture-card:after,.reviews-card:after,.closing-card:after{background-image:linear-gradient(135deg,rgba(255,255,255,.08),transparent 38%),var(--grain-image);background-size:auto,130px;opacity:.68;mix-blend-mode:soft-light;filter:blur(.16px)}
.maintenance-picture{position:relative;overflow:hidden}.maintenance-picture:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 78% 12%,rgba(255,255,255,.2),transparent 30%),var(--grain-image);background-size:auto,125px;opacity:.35;mix-blend-mode:multiply;filter:blur(.18px)}

/* More visible, gently asynchronous coastal birds. */
.bird-silhouettes{opacity:1!important;filter:drop-shadow(0 2px 5px rgba(3,25,38,.22))}
.bird-silhouettes i{width:30px;height:12px;border-top:2px solid rgba(226,246,248,.88);animation:bird-fly 8.4s ease-in-out infinite}
.bird-silhouettes i:after{left:27px;top:-3px;width:25px;height:12px;border-top:2px solid rgba(226,246,248,.88)}
.bird-silhouettes i:nth-child(1){left:11%;top:24%;animation-duration:8.4s}
.bird-silhouettes i:nth-child(2){left:25%;top:16%;transform:scale(.72);animation-duration:10.2s;animation-delay:-3.2s}
.bird-silhouettes i:nth-child(3){right:12%;top:27%;transform:scale(.88);animation-duration:9.3s;animation-delay:-6.1s}
@keyframes bird-fly{0%,100%{translate:-4px 2px;opacity:.66}35%{translate:14px -6px;opacity:1}70%{translate:26px 1px;opacity:.82}}

@media(max-width:760px){
  .lead-dialog{width:calc(100% - 18px);max-height:calc(100svh - 18px)}.lead-dialog-hero{padding:28px 20px 24px}.lead-dialog-check{width:40px;height:40px;margin-bottom:20px}.lead-dialog-hero h2{padding-right:20px;font-size:30px}.lead-dialog-hero>p:last-child{font-size:11px}.lead-dialog-body{padding:16px 14px 18px}.lead-summary{grid-template-columns:1fr 1fr;gap:7px}.lead-summary article{min-height:100px;padding:13px}.lead-summary-price b{font-size:15px}.lead-estimate-note{align-items:flex-start;padding:12px}.lead-dialog-footer{align-items:stretch;flex-direction:column;gap:13px}.lead-dialog-footer .primary{width:100%}.lead-contact{text-align:center;line-height:1.5}
  .bird-silhouettes i{width:24px;height:10px}.bird-silhouettes i:after{left:21px;width:21px;height:10px}.bird-silhouettes i:nth-child(3){display:none}
}

@media(prefers-reduced-motion:reduce){.lead-dialog[open],.bird-silhouettes i{animation:none}}

/* The final handoff is the conversion point: make every reassurance unmistakable. */
.lead-dialog-footer{margin-top:22px;padding-top:20px;border-top:1px solid #dce5e3}
.lead-dialog-footer p>b{font-size:20px;line-height:1.2;letter-spacing:-.025em}
.lead-dialog-footer p>span{margin-top:7px;color:#536a72;font-size:14px;line-height:1.55}
.lead-dialog-footer p strong{font-size:16px;font-weight:700;color:#c81820;white-space:nowrap}
.lead-dialog-footer .primary{min-width:150px;min-height:56px;font-size:13px;box-shadow:0 12px 24px rgba(226,28,36,.18)}
.lead-contact{margin-top:17px;padding:14px 17px;border:1px solid #cbdedf;background:linear-gradient(135deg,#eef7f5,#e1eff0);color:#36545f;font-size:12px;font-weight:500;text-align:center}
.lead-contact b{margin-left:5px;color:#0e3446;font-size:16px;letter-spacing:.015em;white-space:nowrap}

@media(max-width:760px){
  .lead-dialog-hero{padding:20px 18px 18px}.lead-dialog-check{width:36px;height:36px;margin-bottom:12px}.lead-dialog-hero .mini-label{margin-bottom:8px}.lead-dialog-hero h2{font-size:28px}.lead-dialog-hero>p:last-child{margin-top:10px;line-height:1.55}.lead-dialog-body{padding:12px 14px 13px}.lead-summary article{min-height:84px;padding:11px 13px}.lead-estimate-note{margin-top:7px;padding:9px 11px}.lead-dialog-footer{margin-top:12px;padding-top:12px}.lead-dialog-footer p>b{font-size:18px}.lead-dialog-footer p>span{font-size:12px}.lead-dialog-footer p strong{font-size:14px}.lead-dialog-footer .primary{min-height:50px;font-size:13px}.lead-contact{margin-top:9px;padding:9px 11px;font-size:11px}.lead-contact b{display:block;margin:3px 0 0;font-size:16px}
}

/* Balanced editorial hierarchy: flagship messages lead, utility headings support. */
.editorial-hero h2,
.local-picture-card h2{font-size:clamp(38px,4.2vw,58px);line-height:1.02}
.reviews-intro h2{font-size:clamp(32px,3.2vw,46px);line-height:1.06}
.compass-card h3,
.process-card h3,
.reassurance-card h3{font-size:clamp(23px,2.15vw,31px);line-height:1.15;letter-spacing:-.03em}
.faq-heading h2{font-size:clamp(28px,2.8vw,40px);line-height:1.08;letter-spacing:-.04em}
.closing-card h2{font-size:clamp(30px,3vw,42px);line-height:1.08;letter-spacing:-.04em}

@media(max-width:760px){
  .editorial-hero h2,
  .local-picture-card h2{font-size:38px}
  .reviews-intro h2{font-size:33px}
  .compass-card h3,
  .process-card h3,
  .reassurance-card h3{font-size:27px}
  .faq-heading h2{font-size:30px}
  .closing-card h2{font-size:32px}
}

/* Owner-journey refinement — clearer decisions, stronger proof and livelier water. */
.nav-phone{min-height:52px;padding:0 19px;gap:14px;box-shadow:0 13px 30px rgba(226,28,36,.28)}
.nav-phone span{font-size:9px;font-weight:700}.nav-phone strong{font-size:16px;font-weight:800}

.identity-legend{display:flex;align-items:baseline;gap:.22em;flex-wrap:wrap}
#boat-name-heading{display:inline-block;color:#1c596c;transition:opacity .11s ease,transform .11s ease,filter .11s ease}
#boat-name-heading.is-fading{opacity:0;transform:translateY(4px);filter:blur(3px)}

.storage-choices label>span{min-height:108px;padding:18px 18px 16px}
.storage-choices b{max-width:100%;font-size:16px;line-height:1.2}
.storage-choices small{max-width:86%;margin-top:7px;font-size:12px;line-height:1.45;color:#647a81}
.storage-choices i{position:static;display:block!important;align-self:flex-start;order:-1;margin-bottom:9px;padding:5px 8px;font-size:9px;font-weight:700;letter-spacing:.025em;background:#d9f2e6;color:#1f6748}
.storage-choices .storage-badge-red{background:#ffeaeb;color:#b8141c}
.storage-choices input:focus-visible+span{outline:2px solid #183f51;outline-offset:2px}

.options-title{margin-top:16px;font-size:16px;line-height:1.35}
.options-title small{font-size:11px;line-height:1.45}
.quick-options{gap:9px;margin-top:10px}
.quick-options label{position:relative;min-height:82px;padding:14px 15px;gap:12px;border:1px solid #d9e3e1;background:#f7faf9;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}
.quick-options label:has(input:checked){border-color:#49cadd;background:#eefbfc;box-shadow:inset 0 0 0 1px rgba(73,202,221,.35)}
.quick-options label:has(input:focus-visible){outline:2px solid #173f51;outline-offset:2px}
.quick-options .toggle{position:relative;display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;border:1px solid #bfcfcd;border-radius:4px!important;background:#fff;box-shadow:inset 0 1px 2px rgba(9,37,50,.04);transition:.2s}
.quick-options .toggle:after{content:"✓";position:static;width:auto;height:auto;border-radius:0!important;background:none;color:transparent;font-size:15px;font-weight:800;line-height:1;transform:scale(.55);transition:.2s}
.quick-options input:checked+.toggle{border-color:var(--red);background:var(--red);box-shadow:0 5px 13px rgba(226,28,36,.2)}
.quick-options input:checked+.toggle:after{left:auto;color:#fff;transform:scale(1)}
.quick-options label>span:last-child{gap:3px}
.quick-options b{font-size:13px;line-height:1.25}
.quick-options small.option-price{font-size:12px;font-weight:750;line-height:1.25;color:#c81720}

.proof-score small{font-size:13px;line-height:1.5;color:#536b73}
.proof-facts span{min-width:126px;padding:13px 16px}
.proof-facts b{font-size:22px;line-height:1.1}
.proof-facts small{margin-top:5px;font-size:11.5px;line-height:1.35}
.compass-card>div:last-child>p:last-child{font-size:14px;line-height:1.7}
.process-card li{grid-template-columns:34px 1fr;gap:12px;padding:16px 0}
.process-card li>b{font-size:11px}.process-card li strong{font-size:14px;line-height:1.35}.process-card li small{margin-top:4px;font-size:12px;line-height:1.55}
.reviews-intro>p{font-size:14px;line-height:1.75}.reviews-rail blockquote>p{font-size:14px;line-height:1.75}.reviews-rail footer b{font-size:11px}.reviews-rail footer span{font-size:9px}
.reassurance-card p{font-size:13.5px;line-height:1.75}.reassurance-card strong{font-size:10.5px;line-height:1.45}
.faq-heading>p:last-child{font-size:13px}.faq-card .questions summary{font-size:15px}.faq-card .questions details p{font-size:12px;line-height:1.75}.closing-card p:last-child{font-size:14px;line-height:1.75}

.boat-playground .boat3d-stage:before{animation:ocean-grid-drift 7.6s cubic-bezier(.42,0,.58,1) infinite alternate;opacity:.92}
@keyframes ocean-grid-drift{0%{background-position:-14px 0,0 -8px;opacity:.72}38%{background-position:4px 5px,-7px 2px;opacity:1}72%{background-position:15px -3px,5px 9px;opacity:.82}100%{background-position:27px 4px,10px -2px;opacity:.94}}
.ambient-ocean{opacity:.78}
.ambient-ocean i{border-top-width:1.5px;border-color:rgba(139,231,242,.31);animation-name:ocean-break;animation-timing-function:cubic-bezier(.4,0,.2,1)}
.ambient-ocean i:nth-child(1){animation-duration:6.8s}
.ambient-ocean i:nth-child(2){animation-duration:9.7s}
.ambient-ocean i:nth-child(3){animation-duration:12.9s}
@keyframes ocean-break{0%{transform:translateX(-3%) scaleY(.75);opacity:.35}26%{transform:translateX(-.5%) scaleY(1.18);opacity:.92}41%{transform:translateX(1.2%) scaleY(.88);opacity:.55}69%{transform:translateX(3.4%) scaleY(1.25);opacity:.82}100%{transform:translateX(5.2%) scaleY(.8);opacity:.4}}
.bird-silhouettes i{width:34px;height:14px}
.bird-silhouettes i:after{left:31px;width:29px;height:14px}

@media(max-width:760px){
  .nav-phone{min-height:42px;padding:0 12px}.nav-phone strong{font-size:11px}
  .identity-legend{display:block}.identity-legend>span:first-child{margin-right:.18em}
  .storage-choices label>span{min-height:88px;padding:14px 13px}.storage-choices b{font-size:14px}.storage-choices small{font-size:10.5px}.storage-choices i{font-size:8px;padding:4px 6px}
  .options-title{font-size:14px}.options-title small{font-size:10px}
  .quick-options label,.quick-options label:last-child{min-height:72px;padding:12px 13px}.quick-options .toggle{width:30px;height:30px;flex-basis:30px}.quick-options b{font-size:12.5px}.quick-options small.option-price{font-size:11.5px}
  .proof-score small{font-size:12px}.proof-facts b{font-size:18px}.proof-facts small{font-size:10.5px}
  .process-card li strong{font-size:13px}.process-card li small{font-size:11px}.reassurance-card p{font-size:12.5px}.reassurance-card strong{font-size:10px}
  .reviews-intro>p,.reviews-rail blockquote>p{font-size:13px}.faq-card .questions summary{font-size:14px}.faq-card .questions details p{font-size:11.5px}.closing-card p:last-child{font-size:13px}
  .bird-silhouettes i{width:27px;height:11px}.bird-silhouettes i:after{left:24px;width:24px;height:11px}
}

@media(prefers-reduced-motion:reduce){.boat-playground .boat3d-stage:before,.ambient-ocean i{animation:none}}

/* Readable descriptive scale — premium information must never feel microscopic. */
.intro-text{font-size:15px;line-height:1.75;color:#b7c9cf}
.promise-list b{font-size:13px}.promise-list small{font-size:10px;line-height:1.45;color:#91a8b1}.soft-link{font-size:10px}
.stage-heading>p:last-child,.step-intro,.port-intro{font-size:14px;line-height:1.65}
.configurator[data-current-step="1"] .boat3d-label i{font-size:11.5px;line-height:1.5;color:#c8d9dd}
.configurator[data-current-step="1"] .boat3d-label small{font-size:11px}
.configurator:not([data-current-step="1"]) .boat-specs small{font-size:8px}.configurator:not([data-current-step="1"]) .boat-specs b{font-size:11px}
.configurator[data-current-step="2"] .area-choices i{font-size:12px;line-height:1.45}
.configurator[data-current-step="2"] .port-list span>small{font-size:12px;line-height:1.45}
.good-to-know p,.good-to-know b{font-size:13px}.good-to-know p{line-height:1.65}
.measure-heading span,.weight-field>span,.footprint>span{font-size:10px}
.weight-field select{font-size:13px}
.storage-choices small{font-size:13.5px;line-height:1.5}
.options-title small{font-size:12px;line-height:1.5}
.quick-options b{font-size:14px}.quick-options small.option-price{font-size:13px}
.callback-reassurance{font-size:12.5px!important;line-height:1.6}
.configurator[data-current-step="5"] .result-footer p{font-size:11.5px;line-height:1.55}

.proof-score small{font-size:15px;line-height:1.55}
.proof-facts b{font-size:24px}.proof-facts small{font-size:13px;line-height:1.4}
.editorial-hero .card-copy-light>p:last-of-type,
.local-picture-card .card-copy-light>p:last-of-type{font-size:16px;line-height:1.75}
.card-copy-light>a{font-size:13px}
.compass-card>div:last-child>p:last-child{font-size:15px;line-height:1.75}
.process-card li strong{font-size:15px;line-height:1.4}.process-card li small{font-size:13.5px;line-height:1.6}
.reviews-intro>p{font-size:15px;line-height:1.75}.reviews-rail blockquote>p{font-size:15.5px;line-height:1.72}
.reviews-rail footer b{font-size:12px}.reviews-rail footer span{font-size:10.5px}
.reassurance-card p{font-size:15px;line-height:1.75}.reassurance-card strong{font-size:12px;line-height:1.5}
.faq-heading>p:last-child{font-size:14.5px;line-height:1.7}.faq-card .questions summary{font-size:16px;line-height:1.45}.faq-card .questions details p{font-size:14px;line-height:1.75}
.closing-card p:last-child{font-size:15.5px;line-height:1.75}
.grid-footer a,.grid-footer p,.grid-footer small{font-size:11px;line-height:1.55}

.lead-dialog-hero>p:last-child{font-size:15px;line-height:1.7}
.lead-summary small{font-size:10px}.lead-summary b{font-size:15px}.lead-summary span{font-size:11.5px;line-height:1.5}.lead-summary-price b{font-size:20px}
.lead-estimate-note p,.lead-estimate-note b{font-size:12.5px;line-height:1.55}

@media(max-width:760px){
  .intro-text{max-width:235px;font-size:13px;line-height:1.65}
  .stage-heading>p:last-child,.step-intro,.port-intro{font-size:12.5px;line-height:1.6}
  .configurator[data-current-step="1"] .boat3d-label i{display:none}
  .configurator:not([data-current-step="1"]) .boat-specs small{font-size:7px}.configurator:not([data-current-step="1"]) .boat-specs b{font-size:9.5px}
  .configurator[data-current-step="2"] .area-choices i{font-size:10.5px}
  .configurator[data-current-step="2"] .port-list span>small{font-size:10.5px}
  .good-to-know p,.good-to-know b{font-size:11.5px}
  .measure-heading span,.weight-field>span,.footprint>span{font-size:9px}.weight-field select{font-size:11.5px}
  .storage-choices small{font-size:12px}.options-title small{font-size:11.5px}.quick-options b{font-size:13px}.quick-options small.option-price{font-size:12px}
  .callback-reassurance{font-size:11.5px!important}.configurator[data-current-step="5"] .result-footer p{font-size:10.5px}
  .proof-score small{font-size:13.5px}.proof-facts b{font-size:20px}.proof-facts small{font-size:11.5px}
  .editorial-hero .card-copy-light>p:last-of-type,
  .local-picture-card .card-copy-light>p:last-of-type{font-size:14.5px!important;line-height:1.7}
  .card-copy-light>a{font-size:12.5px}
  .compass-card>div:last-child>p:last-child{font-size:14px}
  .process-card li strong{font-size:14px}.process-card li small{font-size:12.5px}
  .reviews-intro>p{font-size:14px}.reviews-rail blockquote>p{font-size:14.5px}.reviews-rail footer b{font-size:11.5px}.reviews-rail footer span{font-size:10px}
  .reassurance-card p{font-size:14px}.reassurance-card strong{font-size:11.5px}
  .faq-heading>p:last-child{font-size:13.5px}.faq-card .questions summary{font-size:15px}.faq-card .questions details p{font-size:13px}
  .closing-card p:last-child{font-size:14.5px}.grid-footer a,.grid-footer p,.grid-footer small{font-size:10.5px}
  .lead-dialog-hero>p:last-child{font-size:12.5px}.lead-summary small{font-size:9px}.lead-summary b{font-size:13.5px}.lead-summary span{font-size:10.5px}.lead-estimate-note p,.lead-estimate-note b{font-size:11.5px}
}

/* Step 4 has a fixed-height desktop frame: preserve type size, recover space from chrome. */
@media(min-width:761px){
  .configurator[data-current-step="4"] .wizard{padding:16px 34px 14px}
  .configurator[data-current-step="4"] .step legend{margin-bottom:8px}
  .configurator[data-current-step="4"] .storage-choices label>span{min-height:92px;padding:13px 16px 12px}
  .configurator[data-current-step="4"] .storage-choices i{margin-bottom:6px;padding-block:4px}
  .configurator[data-current-step="4"] .storage-choices small{margin-top:4px}
  .configurator[data-current-step="4"] .options-title{margin-top:10px}
  .configurator[data-current-step="4"] .quick-options{gap:8px;margin-top:7px}
  .configurator[data-current-step="4"] .quick-options label{min-height:68px;padding:10px 13px}
  .configurator[data-current-step="4"] .step-actions{margin-top:8px}
}

/* Narrative depth — the page descends gradually from daylight to the ocean floor. */
body{background:linear-gradient(180deg,#f3f4f1 0%,#f3f4f1 43%,#d9e5e7 67%,#31596c 84%,#031521 100%)}
.editorial-grid{position:relative;isolation:isolate;background:linear-gradient(180deg,rgba(255,255,255,.96) 0%,rgba(244,248,247,.94) 36%,rgba(213,228,231,.9) 62%,rgba(58,94,111,.82) 82%,rgba(3,20,32,.88) 100%)}
.editorial-grid:before{content:"";position:absolute;z-index:0;left:0;right:0;bottom:0;height:55%;pointer-events:none;background:url("assets/editorial/ocean-floor.webp") center 58%/cover no-repeat;filter:saturate(1.22) contrast(1.08) brightness(.75);opacity:.9;mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.08) 9%,#000 38%,#000 100%);animation:seabed-drift 26s ease-in-out infinite alternate;transform-origin:center bottom}
.editorial-grid:after{content:"";position:absolute;z-index:0;inset:43% 0 0;pointer-events:none;background:linear-gradient(180deg,rgba(229,239,240,.94),rgba(21,56,73,.56) 47%,rgba(2,16,27,.76) 100%);mix-blend-mode:multiply}
.editorial-grid>.editorial-card{position:relative;z-index:1}
@keyframes seabed-drift{0%{background-position:48% 55%;transform:scale(1.015)}100%{background-position:54% 61%;transform:scale(1.055)}}

.clarity-card,.expertise-card{border-color:rgba(255,255,255,.56);box-shadow:0 18px 45px rgba(8,35,48,.08);backdrop-filter:blur(16px) saturate(1.12)}
.clarity-card{background:rgba(255,255,255,.82)}
.expertise-card{background:linear-gradient(145deg,rgba(235,247,246,.82),rgba(205,227,229,.7))}
.availability-card{border-color:rgba(255,255,255,.18);background:linear-gradient(155deg,rgba(7,40,56,.66),rgba(2,22,35,.84));box-shadow:0 22px 50px rgba(1,18,29,.2);backdrop-filter:blur(18px) saturate(1.15)}

.faq-card{color:#fff;border-color:rgba(255,255,255,.17);background:linear-gradient(145deg,rgba(10,48,64,.68),rgba(3,25,39,.78));box-shadow:0 25px 60px rgba(2,18,28,.22);backdrop-filter:blur(18px) saturate(1.16)}
.faq-card .faq-heading>p:last-child,.faq-card .questions details p{color:#bdd0d6}
.faq-card .questions,.faq-card .questions details{border-color:rgba(255,255,255,.18)}
.faq-card .questions summary{color:#fff}
.faq-card .questions summary i,.faq-card .questions summary i:after{background:#d8e8eb}
.closing-card{border-color:rgba(255,255,255,.18);background:linear-gradient(180deg,rgba(6,36,52,.46),rgba(2,17,28,.87));box-shadow:0 25px 60px rgba(2,18,28,.22);backdrop-filter:blur(12px) saturate(1.18)}

.grid-footer{position:relative;isolation:isolate;overflow:hidden;border:1px solid rgba(255,255,255,.14);background-color:#03131f;background-image:linear-gradient(90deg,rgba(2,15,25,.9),rgba(4,28,43,.7)),url("assets/editorial/ocean-floor.webp");background-size:cover;background-position:center 72%;box-shadow:0 24px 60px rgba(1,13,22,.25)}
.grid-footer:before{content:"";position:absolute;z-index:-1;inset:-10px;pointer-events:none;background:radial-gradient(circle at 75% 5%,rgba(62,148,184,.24),transparent 38%),var(--grain-image);background-size:auto,130px;opacity:.58;mix-blend-mode:soft-light;filter:blur(.18px)}
.grid-footer a,.grid-footer button,.grid-footer p{color:#d7e6e9}.grid-footer>p{border-color:rgba(255,255,255,.16)}

@media(max-width:760px){
  body{background:linear-gradient(180deg,#f3f4f1 0%,#f3f4f1 38%,#d5e3e5 62%,#244d61 82%,#031521 100%)}
  .editorial-grid{background:linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(239,246,245,.94) 34%,rgba(179,205,211,.84) 61%,rgba(26,67,85,.78) 79%,rgba(2,17,28,.9) 100%)}
  .editorial-grid:before{height:58%;background-position:58% bottom;filter:saturate(1.18) contrast(1.07) brightness(.7);animation-duration:32s}
  .editorial-grid:after{inset:39% 0 0;background:linear-gradient(180deg,rgba(224,236,237,.88),rgba(20,59,76,.5) 46%,rgba(2,16,27,.8) 100%)}
  .clarity-card{background:rgba(255,255,255,.84)}.expertise-card{background:rgba(221,239,239,.74)}
  .faq-card{background:linear-gradient(155deg,rgba(8,42,58,.72),rgba(2,21,34,.82))}
  .grid-footer{background-position:62% 76%}
}

@media(prefers-reduced-motion:reduce){.editorial-grid:before{animation:none}}

/* Step 4 containment — use the card width instead of spending a full row on badges. */
@media(min-width:761px){
  .configurator[data-current-step="4"] .storage-choices label>span{min-height:86px;padding:12px 15px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;align-content:center;column-gap:12px}
  .configurator[data-current-step="4"] .storage-choices b{grid-column:1;grid-row:1;align-self:center}
  .configurator[data-current-step="4"] .storage-choices small{grid-column:1/-1;grid-row:2;max-width:100%;margin-top:4px}
  .configurator[data-current-step="4"] .storage-choices i{grid-column:2;grid-row:1;align-self:center;order:initial;margin:0;white-space:nowrap}
  .configurator[data-current-step="4"] .quick-options label{min-height:62px;padding-block:8px}
  .configurator[data-current-step="4"] .step-actions{margin-top:4px;transform:translateY(-4px)}
}

/* Let the supplied seabed photograph carry the lower-page atmosphere. */
.editorial-grid:before{height:62%;background-position:center bottom;filter:saturate(1.34) contrast(1.1) brightness(.9);opacity:1;mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.2) 8%,#000 31%,#000 100%)}
.editorial-grid:after{inset:38% 0 0;background:linear-gradient(180deg,rgba(225,237,238,.76),rgba(18,61,79,.32) 46%,rgba(2,16,27,.54) 100%)}
.clarity-card{background:rgba(255,255,255,.77)}
.expertise-card{background:linear-gradient(145deg,rgba(235,247,246,.69),rgba(205,227,229,.58))}
.availability-card{background:linear-gradient(155deg,rgba(7,40,56,.52),rgba(2,22,35,.7))}
.faq-card{background:linear-gradient(145deg,rgba(10,48,64,.54),rgba(3,25,39,.67))}
.closing-card{background:linear-gradient(180deg,rgba(6,36,52,.28),rgba(2,17,28,.67))}
.grid-footer{background-image:linear-gradient(90deg,rgba(2,15,25,.73),rgba(4,28,43,.48)),url("assets/editorial/ocean-floor.webp");background-position:center 78%;background-blend-mode:normal}

@media(max-width:760px){
  .editorial-grid:before{height:64%;background-position:58% bottom;filter:saturate(1.3) contrast(1.08) brightness(.86)}
  .editorial-grid:after{inset:36% 0 0;background:linear-gradient(180deg,rgba(222,235,237,.72),rgba(16,57,75,.29) 45%,rgba(2,16,27,.58) 100%)}
  .clarity-card{background:rgba(255,255,255,.78)}.expertise-card{background:rgba(221,239,239,.61)}
  .faq-card{background:linear-gradient(155deg,rgba(8,42,58,.56),rgba(2,21,34,.69))}
  .grid-footer{background-image:linear-gradient(90deg,rgba(2,15,25,.7),rgba(4,28,43,.43)),url("assets/editorial/ocean-floor.webp")}
}

/* Clearer glass: keep the photograph legible through the lower cards. */
.editorial-grid{overflow:hidden}
.clarity-card,.expertise-card{backdrop-filter:blur(9px) saturate(1.12)}
.clarity-card{background:rgba(255,255,255,.68)}
.expertise-card{background:linear-gradient(145deg,rgba(235,247,246,.57),rgba(205,227,229,.45))}
.availability-card{background:linear-gradient(155deg,rgba(7,40,56,.42),rgba(2,22,35,.59));backdrop-filter:blur(7px) saturate(1.18)}
.faq-card{background:linear-gradient(145deg,rgba(10,48,64,.43),rgba(3,25,39,.56));backdrop-filter:blur(6px) saturate(1.18)}
.closing-card{background:linear-gradient(180deg,rgba(6,36,52,.17),rgba(2,17,28,.52));backdrop-filter:blur(4px) saturate(1.2)}

@media(max-width:760px){
  .clarity-card{background:rgba(255,255,255,.71)}
  .expertise-card{background:rgba(221,239,239,.48)}
  .faq-card{background:linear-gradient(155deg,rgba(8,42,58,.45),rgba(2,21,34,.57))}
}

/* Final contrast pass — transparent glass, legible copy, luminous return to the simulator. */
.clarity-card,.expertise-card{color:#102b3a;backdrop-filter:blur(4px) saturate(1.08)}
.clarity-card{background:rgba(255,255,255,.54)}
.expertise-card{background:linear-gradient(145deg,rgba(241,249,248,.46),rgba(196,221,225,.34))}
.clarity-card p,.expertise-card p{color:#17394a}
.clarity-card strong,.expertise-card strong{color:#102b3a;border-color:rgba(16,43,58,.2)}
.faq-card{background:linear-gradient(145deg,rgba(8,42,58,.31),rgba(2,21,34,.43));backdrop-filter:blur(3px) saturate(1.16)}
.closing-card{color:#102b3a;border-color:rgba(255,255,255,.72);background-color:rgba(250,253,253,.7);background-image:linear-gradient(145deg,rgba(255,255,255,.77),rgba(226,240,241,.56)),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='520' height='360' viewBox='0 0 520 360'%3E%3Cg fill='none' stroke='%2397b8c3' stroke-opacity='.34' stroke-width='1.4'%3E%3Cpath d='M-28 88c79-43 137-43 216 0s137 43 216 0 137-43 216 0'/%3E%3Cpath d='M-28 116c79-43 137-43 216 0s137 43 216 0 137-43 216 0'/%3E%3Cpath d='M-28 144c79-43 137-43 216 0s137 43 216 0 137-43 216 0'/%3E%3C/g%3E%3C/svg%3E");background-size:auto,cover;background-position:center;box-shadow:0 25px 60px rgba(2,18,28,.16);backdrop-filter:blur(4px) saturate(1.08)}
.closing-card .mini-label{color:#c91b23}
.closing-card h2{color:#102b3a}
.closing-card p:last-child{color:#284b5a}

@media(max-width:760px){
  .clarity-card{background:rgba(255,255,255,.58)}
  .expertise-card{background:rgba(221,239,239,.39)}
  .faq-card{background:linear-gradient(155deg,rgba(8,42,58,.34),rgba(2,21,34,.47))}
  .closing-card{background-color:rgba(250,253,253,.73)}
}

/* Palette foundation — the same deep Atlantic blue links the simulator to the seabed. */
:root{--deep-ocean:#031521;--deep-ocean-mid:#082d41;--coastal-blue:#0b4058}
.intro-panel{background:radial-gradient(circle at 10% 8%,rgba(59,127,151,.22),transparent 32%),linear-gradient(145deg,var(--deep-ocean) 0%,#092638 62%,#041a29 100%)}
.boat-playground .boat3d-stage{background:radial-gradient(circle at 13% 15%,rgba(31,126,157,.5),transparent 29%),radial-gradient(circle at 82% 24%,rgba(66,157,177,.22),transparent 32%),linear-gradient(140deg,var(--deep-ocean) 0%,var(--coastal-blue) 47%,#041b2b 100%);background-size:120% 120%}
.configurator[data-current-step="5"] .callback-box,.lead-dialog-hero{background:radial-gradient(circle at 84% 0,rgba(49,131,157,.36),transparent 42%),linear-gradient(145deg,var(--deep-ocean),var(--deep-ocean-mid))!important}
.grid-footer{background-color:var(--deep-ocean)}

/* Stable, exclusive FAQ: the seabed never jumps when an answer changes. */
.faq-card{height:470px;min-height:470px;overflow:hidden}
.faq-card .questions{height:100%;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(210,232,236,.34) transparent}
.faq-card .questions::-webkit-scrollbar{width:4px}.faq-card .questions::-webkit-scrollbar-thumb{background:rgba(210,232,236,.34)}

@media(max-width:760px){
  .faq-card{height:620px;min-height:620px;grid-template-rows:auto minmax(0,1fr)}
  .faq-card .questions{height:auto}
}

/* Audit pass — clearer interaction states without changing the visual direction. */
#simulator,#how,#faq{scroll-margin-top:18px}
.dot:disabled{cursor:default;opacity:.66}.dot.done{background:#93cdb8}.dot:focus-visible{outline:2px solid #173f51;outline-offset:4px}
.boat3d-card:has(input:focus-visible),
.area-choices label:has(input:focus-visible),
.port-list label:has(input:focus-visible){outline:2px solid #79e6f1;outline-offset:3px}
.nav-phone:focus-visible,.primary:focus-visible,.ghost:focus-visible,.soft-link:focus-visible,.closing-card a:focus-visible,.grid-footer a:focus-visible,.grid-footer button:focus-visible,.questions summary:focus-visible{outline:2px solid #fff;outline-offset:3px}
.wizard .primary:focus-visible,.wizard .ghost:focus-visible,.closing-card .primary:focus-visible{outline-color:#173f51}
.questions summary:focus-visible{border-radius:3px!important;background:rgba(255,255,255,.07)}
.boat3d-card,.area-choices label,.port-list label,.storage-choices label,.quick-options label,.primary,.ghost,.nav-phone,.questions summary{-webkit-tap-highlight-color:transparent}

@media(max-width:760px){
  .nav-phone{min-width:118px;justify-content:center}
  .nav-phone strong{letter-spacing:.015em}
  .boat3d-card:has(input:focus-visible),.area-choices label:has(input:focus-visible),.port-list label:has(input:focus-visible){outline-offset:1px}
}

/* Semantic heading cleanup: these cards are page sections, without inflating their type. */
.compass-card h2,.process-card h2,.reassurance-card h2{font-size:clamp(24px,2.5vw,38px);line-height:1.08;letter-spacing:-.04em;font-weight:500}
.compass-card h2{margin-bottom:12px}.process-card h2{margin-bottom:36px}.reassurance-card h2{margin:auto 0 15px}

/* Stable controls: hover only on devices that actually have one; touch keeps the base state. */
@media(hover:hover){
  .primary:hover,.circle-button:hover{background:#c9151d;box-shadow:0 10px 24px rgba(226,28,36,.2)}
  .ghost:hover{color:var(--ink)}
  .nav-phone:hover{background:#c9151d;box-shadow:0 12px 28px rgba(226,28,36,.28)}
}
@media(hover:none){
  .primary:hover,.circle-button:hover{transform:none;background:linear-gradient(135deg,#ef3138 0%,#c90e17 100%)}
}

/* Surface atmosphere — the page itself starts in daylight; the simulator stays marine. */
body{background:
  radial-gradient(circle at 92% 1%,rgba(255,220,143,.88) 0 1.7%,rgba(255,235,190,.34) 8%,transparent 20%),
  radial-gradient(ellipse at 12% 4%,rgba(255,255,255,.92) 0 4%,rgba(255,255,255,.42) 9%,transparent 18%),
  radial-gradient(ellipse at 32% 1%,rgba(255,255,255,.74) 0 3%,rgba(255,255,255,.22) 8%,transparent 15%),
  linear-gradient(180deg,#b9dfe9 0%,#eaf6f8 24%,#f3f4f1 43%,#d9e5e7 67%,#31596c 84%,#031521 100%)}
.app-shell{position:relative;isolation:isolate;background:transparent}
.app-shell:before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:
  radial-gradient(ellipse at 17% 4%,rgba(255,255,255,.48),transparent 16%),
  radial-gradient(ellipse at 74% 7%,rgba(255,255,255,.26),transparent 14%),
  linear-gradient(180deg,rgba(202,234,242,.5),rgba(244,248,247,.16));filter:blur(.2px)}
.workspace{border:1px solid rgba(255,255,255,.66);background:rgba(255,255,255,.24);box-shadow:0 24px 70px rgba(39,84,104,.17);backdrop-filter:blur(10px) saturate(1.05)}
.configurator{background:rgba(255,255,255,.38);backdrop-filter:blur(11px) saturate(1.05)}
.config-topbar{background:rgba(255,255,255,.58);backdrop-filter:blur(13px) saturate(1.08)}
.proof-card{background:rgba(255,255,255,.72);backdrop-filter:blur(11px) saturate(1.06)}
.editorial-grid{background:
  radial-gradient(circle at 92% 0%,rgba(255,225,158,.68) 0 1.4%,rgba(255,239,205,.23) 7%,transparent 17%),
  radial-gradient(ellipse at 12% 3%,rgba(255,255,255,.82) 0 3%,rgba(255,255,255,.28) 8%,transparent 16%),
  radial-gradient(ellipse at 35% 0%,rgba(255,255,255,.62) 0 2%,transparent 13%),
  linear-gradient(180deg,rgba(193,227,237,.94) 0%,rgba(240,248,249,.95) 25%,rgba(213,228,231,.9) 62%,rgba(58,94,111,.82) 82%,rgba(3,20,32,.88) 100%)}

@media(max-width:760px){
  body{background:
    radial-gradient(circle at 106% 0%,rgba(255,222,151,.72) 0 2%,rgba(255,238,203,.26) 10%,transparent 24%),
    radial-gradient(ellipse at 16% 2%,rgba(255,255,255,.8) 0 4%,transparent 17%),
    linear-gradient(180deg,#c3e4ec 0%,#eef8fa 20%,#f3f4f1 38%,#d5e3e5 62%,#244d61 82%,#031521 100%)}
  .workspace{background:rgba(255,255,255,.38)}
  .configurator{background:rgba(255,255,255,.56);backdrop-filter:blur(9px) saturate(1.04)}
  .editorial-grid{background:
    radial-gradient(circle at 105% 0%,rgba(255,225,161,.58) 0 2%,rgba(255,240,210,.18) 10%,transparent 23%),
    radial-gradient(ellipse at 15% 2%,rgba(255,255,255,.75) 0 3%,transparent 16%),
    linear-gradient(180deg,rgba(197,229,238,.96) 0%,rgba(239,247,248,.94) 23%,rgba(179,205,211,.84) 61%,rgba(26,67,85,.78) 79%,rgba(2,17,28,.9) 100%)}
}

/* Editorial film — a lightweight, colour-graded launch sequence with brand signature. */
.compass-card.video-card{grid-template-rows:minmax(0,65%) minmax(185px,35%);background:#071e2e}
.maintenance-video{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(145deg,#0b3448,#061b2b)}
.maintenance-video video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 53%;filter:saturate(1.16) contrast(1.08) brightness(.9);transform:scale(1.012);transition:transform 1.1s cubic-bezier(.2,.8,.2,1),filter .6s ease}
.maintenance-video:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(8,37,52,.03),rgba(3,25,39,.16)),radial-gradient(circle at 78% 14%,rgba(116,218,226,.18),transparent 34%),var(--grain-image);background-size:auto,auto,130px;mix-blend-mode:soft-light;opacity:.72}
.maintenance-signature{position:relative;isolation:isolate;padding:25px 30px 27px;display:flex;flex-direction:column;justify-content:center;color:#fff;background:radial-gradient(circle at 86% 3%,rgba(58,142,167,.24),transparent 42%),linear-gradient(145deg,#071e2e,#0a3448)}
.maintenance-signature:after{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:var(--grain-image);background-size:130px;mix-blend-mode:soft-light;opacity:.34}
.maintenance-signature img{width:168px;height:auto;margin:0 0 16px;filter:brightness(1.22) contrast(.9) drop-shadow(0 8px 20px rgba(0,0,0,.16))}
.maintenance-signature p{max-width:330px;margin:0;color:#c7d8dd;font-size:14px;line-height:1.7}

/* Full-bleed narrative depth: the page owns the gradient, cards only float above it. */
main{overflow:hidden}
.editorial-grid{background:transparent!important;overflow:visible}
.editorial-grid:before{left:calc((100vw - 100%)/-2);right:calc((100vw - 100%)/-2)}
.editorial-grid:after{display:none}

/* A restrained shoal gives the FAQ some underwater matter without competing with copy. */
.faq-card{isolation:isolate;background:rgba(3,24,38,.58)!important}
.faq-card:before,.faq-card:after{content:"";position:absolute;inset:0;pointer-events:none}
.faq-card:before{z-index:0;background:url("assets/editorial/fish-school.webp") center 46%/cover no-repeat;filter:saturate(.72) contrast(1.08) brightness(.76);opacity:.42;transform:scale(1.015)}
.faq-card:after{z-index:1;background:linear-gradient(112deg,rgba(3,24,38,.82) 0%,rgba(3,24,38,.62) 48%,rgba(2,17,29,.78) 100%)}
.faq-card>*{position:relative;z-index:2}

@media(max-width:760px){
  .faq-card:before{background-position:57% center;opacity:.34}
  .faq-card:after{background:linear-gradient(180deg,rgba(3,24,38,.78),rgba(2,17,29,.84))}
}

/* Stable red CTAs: never swap background layers during hover repaint. */
.primary,.circle-button,.nav-phone{
  background-color:#d91821;
  background-image:linear-gradient(135deg,#ef3138 0%,#c90e17 100%);
  color:#fff;
  background-clip:padding-box;
  backface-visibility:hidden;
  transform:translateZ(0);
  will-change:filter,transform;
  transition:filter .16s ease,box-shadow .16s ease,transform .16s ease;
}
.primary:focus,.primary:focus-visible,.primary:active,
.circle-button:focus,.circle-button:focus-visible,.circle-button:active,
.nav-phone:focus,.nav-phone:focus-visible,.nav-phone:active{
  background-color:#d91821;
  background-image:linear-gradient(135deg,#ef3138 0%,#c90e17 100%);
  color:#fff;
}
@media(hover:hover){
  .primary:hover,.circle-button:hover,.nav-phone:hover{
    background-color:#d91821;
    background-image:linear-gradient(135deg,#ef3138 0%,#c90e17 100%);
    color:#fff;
    filter:brightness(.91) saturate(1.06);
    transform:translate3d(0,-1px,0);
  }
}
@media(hover:none){
  .primary:hover,.circle-button:hover,.nav-phone:hover{filter:none;transform:translateZ(0)}
}
@media(hover:hover){.video-card:hover .maintenance-video video{transform:scale(1.035);filter:saturate(1.24) contrast(1.1) brightness(.94)}}

@media(max-width:760px){
  .compass-card.video-card{min-height:610px;grid-template-rows:390px minmax(220px,auto)}
  .maintenance-video video{object-position:center 50%}
  .maintenance-signature{padding:26px 24px 29px}.maintenance-signature img{width:156px}.maintenance-signature p{font-size:14px}
}

@media(prefers-reduced-motion:reduce){.maintenance-video video{transform:none;transition:none}}

/* Lower-page art direction — one continuous seabed, fewer competing photographs. */
body{position:relative;isolation:isolate}
body:before{content:"";position:absolute;z-index:0;left:0;right:0;bottom:0;height:54%;pointer-events:none;background-image:linear-gradient(180deg,rgba(205,225,229,.08) 0%,rgba(42,87,106,.22) 35%,rgba(3,20,32,.56) 75%,rgba(2,15,25,.72) 100%),url("assets/editorial/ocean-floor.webp");background-position:center top,center bottom;background-size:100% 100%,cover;background-repeat:no-repeat;filter:saturate(1.18) contrast(1.05) brightness(.88);mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.16) 9%,#000 30%,#000 100%)}
main,.site-footer{position:relative;z-index:1}
.editorial-grid:before{display:none}

/* Keep photography for the hero, the film and the local territory; supporting cards stay quieter. */
.reviews-card{background-image:radial-gradient(circle at 84% 4%,rgba(56,137,163,.22),transparent 38%),linear-gradient(145deg,#071e2e,#0a3448 60%,#051926);filter:none}
.process-card{color:#102b3a;border-color:rgba(255,255,255,.64);background-image:linear-gradient(145deg,rgba(252,250,246,.9),rgba(224,226,222,.78)),url("assets/editorial/leather-light.webp");background-position:center;background-size:cover;box-shadow:0 22px 54px rgba(5,26,38,.1);filter:saturate(.92) contrast(1.02)}
.process-card:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.28),transparent 44%),var(--grain-image);background-size:auto,130px;opacity:.28;mix-blend-mode:multiply}
.process-card>*{position:relative;z-index:1}
.process-card .mini-label,.process-card li>b,.process-assurance{color:#c71922}
.process-card ol{border-color:rgba(16,43,58,.16)}
.process-card li{border-color:rgba(16,43,58,.14)}
.process-card li strong{color:#102b3a}
.process-card li small{color:#50676f}

/* The shoal remains atmospheric, not a second hero image. */
.faq-card{background:rgba(3,24,38,.64)!important;backdrop-filter:blur(10px) saturate(1.08)}
.faq-card:before{filter:saturate(.48) contrast(1.03) brightness(.68) blur(1.2px);opacity:.18;transform:scale(1.035)}
.faq-card:after{background:linear-gradient(112deg,rgba(3,24,38,.9) 0%,rgba(3,24,38,.78) 50%,rgba(2,17,29,.88) 100%)}

/* The final card is tactile and luminous; the footer lets the shared seabed continue through it. */
.closing-card{background-color:rgba(248,249,246,.88);background-image:linear-gradient(145deg,rgba(255,255,255,.96),rgba(231,235,232,.9)),url("assets/editorial/leather-light.webp");background-size:cover;background-position:center;backdrop-filter:blur(8px) saturate(.96)}
.grid-footer{margin-top:10px;border-color:rgba(211,231,235,.24);background:linear-gradient(120deg,rgba(2,18,29,.5),rgba(4,32,47,.25));box-shadow:0 18px 52px rgba(1,13,22,.2);backdrop-filter:blur(9px) saturate(1.08)}
.grid-footer:before{inset:0;background:radial-gradient(circle at 80% 0,rgba(74,153,181,.16),transparent 40%),var(--grain-image);background-size:auto,130px;opacity:.36;filter:none}

@media(max-width:760px){
  body:before{height:59%;background-position:center top,58% bottom;filter:saturate(1.12) contrast(1.04) brightness(.82);mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.18) 8%,#000 27%,#000 100%)}
  .process-card{background-position:46% center}
  .faq-card:before{background-position:57% center;opacity:.14}
  .faq-card:after{background:linear-gradient(180deg,rgba(3,24,38,.88),rgba(2,17,29,.92))}
  .grid-footer{background:linear-gradient(180deg,rgba(2,18,29,.48),rgba(2,18,29,.66))}
}

/* Detail pass — matched leather, a readable seabed ending and clearer local cues. */
.process-card,.closing-card{background-color:rgba(248,249,246,.88);background-image:linear-gradient(145deg,rgba(255,255,255,.94),rgba(229,233,229,.86)),url("assets/editorial/leather-light.webp");background-position:center;background-size:cover;filter:saturate(.94) contrast(1.01)}
.maintenance-signature p{max-width:390px;color:#fff!important;opacity:1;font-size:15px;line-height:1.7}

.editorial-hero{isolation:isolate;background:#061b2b}
.editorial-hero:before{content:"";position:absolute;z-index:0;inset:-4px;pointer-events:none;background-image:linear-gradient(180deg,rgba(4,17,27,.04),rgba(3,17,28,.92)),url("assets/editorial/yacht-top.webp");background-size:cover;background-position:center 43%;filter:blur(1.15px) saturate(1.04);transform:scale(1.012)}
.editorial-hero:after{z-index:1}
.editorial-hero .card-copy{z-index:2}

.location-chips{gap:9px;margin-top:15px}
.location-chips span{min-height:42px;padding:10px 14px;border-color:rgba(255,255,255,.34);border-radius:5px;color:#fff;font-size:11.5px;font-weight:600;background:rgba(4,25,38,.48)}
.location-chips b{margin-right:7px;color:#fff;font-size:11.5px}

/* The seabed remains clearly visible inside the footer. */
.grid-footer{width:100%;margin:10px 0 0;padding:34px 46px 30px;border-right:0;border-bottom:0;border-left:0;border-radius:5px 5px 0 0;background-color:#031521;background-image:linear-gradient(90deg,rgba(2,15,25,.58),rgba(4,28,43,.3)),url("assets/editorial/ocean-floor.webp");background-position:center,center 82%;background-size:100% 100%,cover;background-repeat:no-repeat;box-shadow:0 -12px 42px rgba(1,13,22,.16);backdrop-filter:none}
.grid-footer:before{background:radial-gradient(circle at 78% 2%,rgba(70,157,188,.2),transparent 36%),var(--grain-image);background-size:auto,130px;opacity:.34}

@media(max-width:760px){
  .process-card,.closing-card{background-image:linear-gradient(145deg,rgba(255,255,255,.94),rgba(229,233,229,.86)),url("assets/editorial/leather-light.webp")}
  .editorial-hero:before{background-position:center 43%;filter:blur(1px) saturate(1.03)}
  .location-chips span{min-height:39px;padding:9px 12px;font-size:10.5px}.location-chips b{font-size:10.5px}
  .grid-footer{width:100%;margin:10px 0 0;padding:30px 24px 26px;border-radius:0;background-image:linear-gradient(180deg,rgba(2,15,25,.48),rgba(2,15,25,.64)),url("assets/editorial/ocean-floor.webp");background-position:center,58% bottom}
}

/* Final UX/CRO polish: action-first entry, optional naming and value-led services. */
.intro-text{color:#edf4f5}
.configurator[data-current-step="3"] .inline-field label small{display:block;margin-top:4px;color:#8ba0a6;font-size:7.5px;font-weight:500;line-height:1.3;text-transform:none;letter-spacing:0}
.quick-options small.option-note{font-size:11.5px;font-weight:550;line-height:1.35;color:#6c8086}
.quick-options label:has(input:checked) small.option-note{color:#315d68}

/* A restrained human cue at the conversion point, without competing with the form. */
.configurator[data-current-step="5"] .callback-box{position:relative;isolation:isolate;overflow:hidden}
.configurator[data-current-step="5"] .callback-box:before{content:"";position:absolute;z-index:0;inset:0 0 0 auto;width:42%;pointer-events:none;background:url("assets/editorial/boat-care-human.webp") center 42%/cover no-repeat;opacity:.26;filter:saturate(.78) contrast(1.05);mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.7) 34%,#000 100%)}
.configurator[data-current-step="5"] .callback-box:after{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(3,21,33,.2) 0%,rgba(3,21,33,.18) 60%,rgba(3,21,33,.48) 100%)}
.configurator[data-current-step="5"] .callback-box>*{position:relative;z-index:1}

/* The footer remains a card, aligned with the editorial grid and breathing at the page edge. */
.grid-footer{width:calc(100% - 32px);margin:10px auto 16px;padding:34px 46px 30px;border:1px solid rgba(211,231,235,.24);border-radius:5px;background-color:#031521;background-image:linear-gradient(90deg,rgba(2,15,25,.58),rgba(4,28,43,.3)),url("assets/editorial/ocean-floor.webp");background-position:center,center 82%;background-size:100% 100%,cover;background-repeat:no-repeat;box-shadow:0 18px 52px rgba(1,13,22,.2)}

@media(max-width:760px){
  .configurator[data-current-step="3"] .inline-field label small{font-size:7px}
  .quick-options small.option-note{font-size:10.5px}
  .configurator[data-current-step="5"] .callback-box:before{width:64%;opacity:.18;background-position:58% 42%}
  .grid-footer{width:calc(100% - 20px);margin:10px auto;padding:30px 24px 26px;border:1px solid rgba(211,231,235,.24);border-radius:5px;background-image:linear-gradient(180deg,rgba(2,15,25,.48),rgba(2,15,25,.64)),url("assets/editorial/ocean-floor.webp");background-position:center,58% bottom}
}

/* First-action guidance: visible without adding height to the configurator. */
.stage-heading .selection-prompt{display:inline-flex;align-items:center;margin:15px 0 0;padding:7px 11px;border:1px solid rgba(255,102,109,.52);border-radius:999px!important;color:#fff;font-size:8.5px;font-weight:650;line-height:1.2;letter-spacing:.025em;text-transform:none;background:rgba(226,28,36,.13);box-shadow:none;backdrop-filter:blur(7px)}
.configurator[data-current-step="1"] .boat3d-card:before{content:"Sélectionner cette unité";position:absolute;z-index:6;top:13px;left:13px;padding:7px 9px;color:#fff;font-size:8px;font-weight:700;line-height:1;letter-spacing:.045em;text-transform:uppercase;background:rgba(226,28,36,.94);box-shadow:0 8px 18px rgba(4,18,28,.2);opacity:0;transform:translateY(-5px);transition:opacity .18s ease,transform .18s ease}
@media(hover:hover){.configurator[data-current-step="1"] .boat3d-card:hover:before{opacity:1;transform:none}}
.configurator[data-current-step="1"] .boat3d-card:has(input:focus-visible):before{opacity:1;transform:none}

@media(max-width:760px){
  .stage-heading .selection-prompt{margin-top:11px;padding:6px 9px;font-size:8px}
  .configurator[data-current-step="1"] .boat3d-card:before{display:none}
}

/* Mobile layout pass — one consistent gutter, readable cards and a vertical first choice. */
.stage-heading>p.selection-prompt{
  position:relative;
  z-index:12;
  isolation:isolate;
  color:#fff!important;
  -webkit-text-fill-color:#fff;
  text-shadow:0 1px 8px rgba(3,18,29,.45);
}

@media(max-width:760px){
  :root{--mobile-gutter:10px}
  html,body{max-width:100%;overflow-x:hidden}

  .app-shell{padding:var(--mobile-gutter) 0 0}
  .workspace{
    width:calc(100% - (var(--mobile-gutter) * 2));
    min-height:0;
    margin:0 auto;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.68);
    border-radius:5px!important;
    background:rgba(255,255,255,.5);
  }
  .app-nav{
    top:var(--mobile-gutter);
    left:var(--mobile-gutter);
    right:var(--mobile-gutter);
    height:66px;
    padding:0 15px;
    border-radius:5px 5px 0 0!important;
  }
  .logo,.logo img{width:108px}
  .nav-phone{min-width:116px;padding:0 10px}
  .nav-phone strong{font-size:10.5px}
  .intro-panel{min-height:285px;padding:92px 20px 28px}
  .intro-copy h1{font-size:clamp(34px,10.5vw,42px)}
  .intro-text{max-width:270px;margin-top:16px;font-size:12.5px;text-align:left}

  .configurator{width:100%;min-width:0;padding-top:0;background:rgba(255,255,255,.54)}
  .config-topbar{
    min-height:48px;
    margin:10px 10px 0;
    padding:0 13px;
    grid-template-columns:minmax(0,1fr) auto;
    border:1px solid rgba(42,87,105,.16);
    border-radius:5px!important;
    background:rgba(255,255,255,.76);
  }
  .config-topbar>div:first-child{min-width:0;gap:8px}
  .config-topbar strong{overflow:hidden;font-size:10.5px;text-overflow:ellipsis;white-space:nowrap}
  .config-topbar .step-dots{display:none}
  .step-count{min-width:30px;font-size:10px}

  .configurator .boat-playground{
    width:auto;
    margin:10px;
    border-radius:5px!important;
  }
  .configurator[data-current-step="1"]{grid-template-rows:auto auto}
  .configurator[data-current-step="1"] .boat-playground{height:940px;min-height:940px!important}
  .configurator[data-current-step="1"] .stage-heading{
    z-index:10;
    top:24px;
    left:18px;
    right:18px;
    max-width:none;
  }
  .configurator[data-current-step="1"] .stage-heading .mini-label{margin-bottom:11px;font-size:8px}
  .configurator[data-current-step="1"] .stage-heading h2{max-width:430px;font-size:clamp(27px,8.4vw,34px);line-height:1.05}
  .stage-heading>p.selection-prompt{
    margin-top:13px;
    padding:7px 10px;
    font-size:10px;
    font-weight:700;
    line-height:1.25;
    background:rgba(187,18,27,.74);
    border-color:rgba(255,132,138,.72);
    backdrop-filter:blur(9px) saturate(1.08);
  }
  .configurator[data-current-step="1"] .boat3d-selector{
    inset:236px 12px 14px;
    width:auto;
    height:auto;
    padding:0;
    grid-template-columns:1fr;
    grid-template-rows:repeat(3,minmax(0,1fr));
    gap:10px;
  }
  .configurator[data-current-step="1"] .boat3d-card{
    min-height:0;
    overflow:hidden;
    border-radius:5px!important;
  }
  .configurator[data-current-step="1"] .boat3d-fallback{inset:18px 92px 50px}
  .configurator[data-current-step="1"] .boat3d-fallback svg{width:92px}
  .configurator[data-current-step="1"] .boat3d-label{left:16px;right:16px;bottom:13px;gap:1px 8px}
  .configurator[data-current-step="1"] .boat3d-label b{font-size:15px;line-height:1.25}
  .configurator[data-current-step="1"] .boat3d-label i{display:block;max-width:260px;font-size:10.5px;line-height:1.45;color:#d3e1e4}
  .configurator[data-current-step="1"] .boat3d-label small{display:block;font-size:9px}
  .configurator[data-current-step="1"] .boat3d-check{top:12px;right:12px;width:26px;height:26px}
  .configurator[data-current-step="1"] .boat3d-status,.configurator[data-current-step="1"] .comfort-badge{display:none}

  .configurator:not([data-current-step="1"]){grid-template-rows:auto auto auto}
  .configurator:not([data-current-step="1"]) .boat-playground{height:190px;min-height:190px!important}
  .configurator .wizard{
    width:auto;
    min-height:0;
    margin:0 10px 10px;
    padding:24px 18px 22px;
    border:1px solid rgba(42,87,105,.16);
    border-radius:5px!important;
    background:rgba(255,255,255,.92);
  }
  .step legend{font-size:clamp(24px,7vw,30px);line-height:1.12}
  .step-intro,.port-intro{font-size:12.5px;line-height:1.65}
  .step-actions{max-width:100%;flex-wrap:wrap;gap:10px}
  .step-actions .primary{max-width:100%}

  .configurator[data-current-step="2"] .wizard{min-height:0;padding:24px 18px 22px}
  .configurator[data-current-step="2"] .area-choices{grid-template-columns:1fr;gap:8px}
  .configurator[data-current-step="2"] .area-choices label>span{min-height:82px;padding:13px 15px}
  .configurator[data-current-step="2"] .port-map{min-height:0;padding:62px 12px 12px;border-radius:5px!important}
  .configurator[data-current-step="2"] .port-map svg{display:none}
  .configurator[data-current-step="2"] .port-list{
    position:static;
    inset:auto;
    height:auto;
    display:grid;
    grid-template-columns:1fr;
    gap:7px;
  }
  .configurator[data-current-step="2"] .port-list label{position:static;transform:none}
  .configurator[data-current-step="2"] .port-list span{width:100%;min-width:0;padding:10px 12px}
  .configurator[data-current-step="2"] .port-list span>b{font-size:12px}
  .configurator[data-current-step="2"] .port-list span>small{font-size:10px}
  .map-heading{left:13px;right:13px}
  .map-heading>div{display:flex;align-items:center;gap:5px}
  .map-heading b{font-size:9px;padding:5px 7px}
  #change-area{padding:5px 7px;font-size:8px}

  .identity-grid{gap:10px}
  .inline-field{grid-template-columns:78px minmax(0,1fr);gap:10px;padding:10px 12px}
  .inline-field .circle-button{grid-column:2;justify-self:end}
  .storage-choices,.quick-options{grid-template-columns:1fr;gap:8px}
  .storage-choices label>span{min-height:96px;padding:15px}
  .quick-options label,.quick-options label:last-child{min-height:76px;padding:13px 14px;grid-column:auto}
  .options-title{align-items:flex-start;flex-direction:column;gap:3px}
  .options-title small{font-size:11px}
  .result-footer{align-items:flex-start;flex-direction:column;gap:8px}
  .result-footer p{max-width:none;text-align:left}

  .editorial-grid,.grid-footer{width:calc(100% - (var(--mobile-gutter) * 2))}
  .editorial-card{border-radius:5px!important}
  .grid-footer{margin:10px auto var(--mobile-gutter);border-radius:5px!important}
}

@media(max-width:390px){
  .configurator[data-current-step="1"] .boat-playground{height:920px;min-height:920px!important}
  .configurator[data-current-step="1"] .boat3d-selector{inset:238px 10px 12px}
  .configurator[data-current-step="1"] .boat3d-label b{font-size:14px}
  .configurator[data-current-step="1"] .boat3d-label i{font-size:10px}
  .stage-heading>p.selection-prompt{font-size:9.5px}
}

/* Mobile rhythm audit — remove excess vertical chrome while preserving touch comfort. */
@media(max-width:760px){
  .configurator[data-current-step="1"] .boat-playground{height:850px;min-height:850px!important}
  .configurator[data-current-step="1"] .boat3d-selector{inset:228px 12px 14px}
  .stage-heading>p.selection-prompt{
    margin-top:11px;
    padding:5px 8px;
    font-size:8.5px;
    line-height:1.2;
    letter-spacing:.015em;
  }

  .configurator:not([data-current-step="1"]) .boat-playground{height:158px;min-height:158px!important}
  .configurator:not([data-current-step="1"]) .boat-bubble{top:10px;padding:7px 9px;font-size:9px}
  .configurator:not([data-current-step="1"]) .boat3d-focus-meta{bottom:49px}
  .configurator:not([data-current-step="1"]) .boat-specs{bottom:7px}

  .configurator[data-current-step="2"] .wizard{padding:20px 16px 18px}
  .configurator[data-current-step="2"] .step legend{margin-bottom:9px;font-size:25px}
  .configurator[data-current-step="2"] .port-intro{margin-bottom:10px;font-size:11.5px;line-height:1.55}
  .configurator[data-current-step="2"] .area-choices{margin-top:9px;gap:7px}
  .configurator[data-current-step="2"] .area-choices label,
  .configurator[data-current-step="2"] .area-choices label>span{min-height:74px}
  .configurator[data-current-step="2"] .area-choices label>span{padding:12px 14px}
  .configurator[data-current-step="2"] .area-choices b{font-size:16px}
  .configurator[data-current-step="2"] .area-choices i{font-size:9.5px}
  .configurator[data-current-step="2"] .port-map{padding:54px 10px 10px}
  .configurator[data-current-step="2"] .port-list{gap:6px}
  .configurator[data-current-step="2"] .port-list label{min-height:72px}
  .configurator[data-current-step="2"] .port-list span{min-height:72px;padding:9px 11px}
  .configurator[data-current-step="2"] .port-list span>b{font-size:13px}
  .configurator[data-current-step="2"] .port-list span>small{font-size:9px}
  .configurator[data-current-step="2"] .step-actions{margin-top:12px}

  .configurator[data-current-step="4"] .wizard{padding-top:20px;padding-bottom:19px}
  .storage-choices label>span{min-height:82px;padding:12px 13px}
  .quick-options label,.quick-options label:last-child{min-height:66px;padding:10px 12px}

  .proof-card{padding:22px 21px}
  .reviews-card{padding-block:27px}
  .reviews-intro{padding:0 22px 20px}
  .reviews-window{padding-inline:22px}
  .editorial-hero{min-height:450px}
  .card-copy{padding:25px 23px}
  .compass-card.video-card{min-height:540px;grid-template-rows:340px 200px}
  .process-card{min-height:450px;padding:25px 23px}
  .local-picture-card{min-height:360px}
  .faq-card{height:570px;min-height:570px;padding:27px 22px}
  .closing-card{min-height:400px;padding:25px 23px}
  .grid-footer{padding:27px 22px 24px}
}

@media(max-width:390px){
  .configurator[data-current-step="1"] .boat-playground{height:830px;min-height:830px!important}
  .configurator[data-current-step="1"] .boat3d-selector{inset:226px 10px 12px}
  .stage-heading>p.selection-prompt{font-size:8.25px}
}

@media(max-width:760px){
  .configurator,.wizard,.port-map{scroll-margin-top:10px}
}

/* Desktop invitation: the hand activates each card in turn, then yields to the user. */
.boat-choice-guide{
  position:absolute;
  z-index:9;
  top:52px;
  left:16.666%;
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  pointer-events:none;
  color:#fff;
  opacity:0;
  transform:translateX(-50%);
  filter:drop-shadow(0 7px 12px rgba(1,16,27,.36));
  transition:left .62s cubic-bezier(.22,.75,.28,1),opacity .28s ease,filter .28s ease;
}
.boat-choice-guide svg{position:relative;z-index:2;width:25px;height:25px;overflow:visible;fill:rgba(255,255,255,.16);stroke:#fff;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.boat-choice-guide__tap{fill:none;stroke:#ff777d;stroke-width:1.8;opacity:.48;transition:opacity .12s ease,transform .12s ease}
.boat-choice-guide__halo{position:absolute;z-index:1;inset:0;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:radial-gradient(circle,rgba(226,28,36,.28),rgba(226,28,36,.06) 52%,transparent 72%);box-shadow:0 0 0 7px rgba(255,255,255,.035);opacity:.58;transform:scale(.78)}
.configurator.choice-guide-running .boat-choice-guide{opacity:1}
.configurator.choice-guide-clicking .boat-choice-guide{transform:translateX(-50%) translateY(3px) scale(.92)}
.configurator.choice-guide-clicking .boat-choice-guide__tap{opacity:1;transform:translate(1px,1px)}
.configurator.choice-guide-clicking .boat-choice-guide__halo{animation:boat-choice-guide-halo .25s ease-out both}
.configurator[data-choice-guide-index="0"] .boat-choice-guide{left:16.666%}
.configurator[data-choice-guide-index="1"] .boat-choice-guide{left:50%}
.configurator[data-choice-guide-index="2"] .boat-choice-guide{left:83.333%}
.configurator[data-current-step="1"] .boat3d-card.is-demo-click{transform:translateY(-2px) scale(1.012);border-color:rgba(138,242,255,.82);background:linear-gradient(180deg,rgba(54,153,177,.11),rgba(4,23,36,.19));box-shadow:inset 0 0 0 1px rgba(138,242,255,.32),0 14px 32px rgba(0,0,0,.18),0 0 24px rgba(98,221,236,.12)}
.configurator[data-current-step="1"] .boat3d-card{transition:transform .28s ease,border-color .28s ease,background .28s ease,box-shadow .28s ease}
.configurator[data-current-step="1"] .boat3d-card:before{padding:8px 10px;font-size:9.25px;letter-spacing:.035em}
@keyframes boat-choice-guide-halo{0%{opacity:.72;transform:scale(.72)}100%{opacity:0;transform:scale(1.28)}}

@media(min-width:761px){.stage-heading .selection-prompt{display:none}}
@media(max-width:760px){.boat-choice-guide{display:none}}
@media(prefers-reduced-motion:reduce){.boat-choice-guide{display:none}}