:root{--navy:#0b3552;--navy2:#071f32;--blue:#155d92;--ink:#132736;--muted:#657681;--line:#d8e2e7;--sky:#eaf3f8;--paper:#f5f6f4;--white:#fff;--max:1480px;--base:#234f75;--accent:#555c62;--overlayOpacity:.52}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;color:var(--ink);background:var(--paper);font:15px/1.6 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}.wrap{width:min(var(--max),calc(100% - 64px));margin:auto}.skip{position:fixed;top:-80px;left:16px;z-index:100;background:#fff;padding:12px 16px}.skip:focus{top:15px}.topbar{min-height:34px;background:var(--navy2);color:#dce9ef;display:flex;justify-content:center;align-items:center;gap:35px;padding:8px 18px;font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.topbar a{text-decoration:none}.header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(19,39,54,.1)}.nav{min-height:82px;display:grid;grid-template-columns:230px 1fr auto;align-items:center;gap:30px}.brand img{width:180px;height:65px;object-fit:contain;object-position:left center}.header-copy{display:grid}.header-copy span{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.15em;color:var(--blue)}.header-copy strong{font-size:13px}.home-link{text-decoration:none;font-size:11px;font-weight:800}.builder-intro{padding:52px 0 35px;display:grid;grid-template-columns:1fr .9fr;gap:80px;align-items:end}.eyebrow{font-size:9px;font-weight:850;letter-spacing:.17em;text-transform:uppercase;color:var(--blue);margin-bottom:14px}.eyebrow:before{content:"";display:inline-block;width:20px;height:2px;background:currentColor;vertical-align:middle;margin-right:9px}.builder-intro h1{font-size:clamp(54px,6vw,82px);line-height:.96;letter-spacing:-.06em}.builder-intro h1 span{color:var(--blue)}.builder-intro>p{max-width:560px;color:var(--muted);font-size:14px;line-height:1.85}.builder-grid{display:grid;grid-template-columns:minmax(420px,.86fr) minmax(560px,1.14fr);gap:20px;align-items:start;padding-bottom:55px}.preview-column{min-width:0}.preview-shell{position:sticky;top:102px;background:#fff;border:1px solid var(--line);box-shadow:0 18px 50px rgba(21,49,66,.08);border-radius:16px;overflow:hidden}.preview-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:15px 17px;border-bottom:1px solid var(--line)}.preview-heading>div{display:grid}.preview-heading span{font-size:8px;letter-spacing:.14em;font-weight:800;color:var(--blue)}.preview-heading strong{font-size:14px}.privacy-dot{font-size:8px!important;color:#527566!important}.photo-frame{height:520px;position:relative;overflow:hidden;background:#c9d7df}.photo-frame>img{width:100%;height:100%;object-fit:cover}.deck-overlay{position:absolute;inset:0;clip-path:polygon(18% 43%,78% 32%,94% 96%,6% 96%);background:var(--base);opacity:var(--overlayOpacity);mix-blend-mode:multiply;pointer-events:none;transition:opacity .15s,background .15s}.deck-overlay .pattern-layer{position:absolute;inset:0;background:var(--pattern);background-size:var(--pattern-size,48px 48px);opacity:.95}.compare-hold .deck-overlay{opacity:0!important}.pattern-border-line{--pattern:linear-gradient(var(--accent),var(--accent)) 8% 8%/84% 3px no-repeat,linear-gradient(var(--accent),var(--accent)) 8% 92%/84% 3px no-repeat,linear-gradient(var(--accent),var(--accent)) 8% 8%/3px 84% no-repeat,linear-gradient(var(--accent),var(--accent)) 92% 8%/3px 84% no-repeat}.pattern-diamond{--pattern:linear-gradient(45deg,transparent 47%,var(--accent) 48% 52%,transparent 53%),linear-gradient(-45deg,transparent 47%,var(--accent) 48% 52%,transparent 53%);--pattern-size:58px 58px}.pattern-fish-scale{--pattern:radial-gradient(ellipse at 50% 0,transparent 57%,var(--accent) 59% 63%,transparent 65%);--pattern-size:52px 30px}.pattern-gator-scale{--pattern:linear-gradient(8deg,transparent 46%,var(--accent) 47% 51%,transparent 52%),linear-gradient(92deg,transparent 46%,var(--accent) 47% 51%,transparent 52%);--pattern-size:34px 52px}.pattern-hexagon{--pattern:linear-gradient(30deg,transparent 44%,var(--accent) 45% 49%,transparent 50%),linear-gradient(150deg,transparent 44%,var(--accent) 45% 49%,transparent 50%),linear-gradient(90deg,transparent 44%,var(--accent) 45% 49%,transparent 50%);--pattern-size:58px 70px}.pattern-teak{--pattern:repeating-linear-gradient(90deg,var(--accent) 0 3px,transparent 3px 42px);--pattern-size:100% 100%}.pattern-topographic{--pattern:repeating-radial-gradient(ellipse at 25% 42%,transparent 0 13px,var(--accent) 14px 17px,transparent 18px 31px);--pattern-size:110px 90px}.pattern-wood-plank{--pattern:repeating-linear-gradient(90deg,var(--accent) 0 2px,transparent 2px 48px),repeating-linear-gradient(0deg,transparent 0 22px,color-mix(in srgb,var(--accent) 65%,transparent) 23px 24px);--pattern-size:100% 100%}.pattern-custom{--pattern:linear-gradient(135deg,transparent 0 42%,var(--accent) 43% 46%,transparent 47% 100%);--pattern-size:78px 78px}.deck-handle{display:none;position:absolute;width:22px;height:22px;border-radius:50%;border:3px solid #fff;background:var(--blue);box-shadow:0 2px 8px rgba(0,0,0,.35);z-index:8;transform:translate(-50%,-50%);touch-action:none}.adjusting .deck-handle{display:block}.adjusting .deck-overlay{outline:2px dashed rgba(255,255,255,.9);outline-offset:-4px}.photo-actions{position:absolute;top:13px;left:13px;right:13px;display:flex;gap:7px;flex-wrap:wrap;z-index:9}.photo-button{border:1px solid rgba(255,255,255,.7);background:rgba(6,29,45,.78);color:#fff;padding:9px 12px;border-radius:999px;font-size:9px;font-weight:800;backdrop-filter:blur(6px)}.photo-button.primary{background:rgba(10,75,116,.88)}.photo-button input{display:none}.preview-meta{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:14px 17px;border-bottom:1px solid var(--line)}.preview-meta>div{display:grid}.preview-meta strong{font-size:13px}.preview-meta span{font-size:10px;color:var(--muted)}.preview-meta button,.preview-controls button{border:0;background:transparent;color:var(--blue);font-size:9px;font-weight:800;text-decoration:underline}.preview-controls{padding:12px 17px;display:flex;justify-content:space-between;gap:18px;align-items:center}.preview-controls label{display:flex;align-items:center;gap:8px;font-size:9px;font-weight:800}.preview-controls input{width:110px}.preview-controls output{min-width:30px;color:var(--muted);font-weight:500}.preview-note{padding:0 17px 16px;color:var(--muted);font-size:9px;line-height:1.55}.configurator{min-width:0;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 50px rgba(21,49,66,.07);overflow:hidden}.step-nav{display:grid;grid-template-columns:repeat(6,1fr);border-bottom:1px solid var(--line);background:#fbfcfc}.step-tab{border:0;border-right:1px solid var(--line);background:transparent;padding:14px 8px;color:#60717d;font-size:10px;font-weight:800}.step-tab:last-child{border-right:0}.step-tab span{display:block;font-size:8px;color:#93a0a8;margin-bottom:2px}.step-tab.active{background:var(--navy);color:#fff}.step-tab.active span{color:#aacde2}.step-tab.complete{color:var(--blue)}.step-screen{padding:32px}.screen-head{display:flex;gap:17px;align-items:flex-start;margin-bottom:28px}.screen-head>span{width:42px;height:42px;flex:0 0 42px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-size:11px;font-weight:850}.screen-head .eyebrow{margin:0 0 5px}.screen-head h2{font-size:32px;line-height:1.04;letter-spacing:-.045em}.screen-head div>p:last-child{color:var(--muted);font-size:12px;margin-top:8px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid label,.inline-field,.detail-stack label,.search-field{font-size:10px;font-weight:800;color:#394c58}.form-grid label>span{font-weight:500;color:var(--muted)}.form-grid input,.inline-field input,.detail-stack input[type="number"],.detail-stack textarea,.custom-panel textarea,.search-field input{width:100%;border:1px solid #cdd8dd;background:#fff;border-radius:8px;padding:11px 12px;margin-top:6px;color:var(--ink);outline:0}.form-grid input:focus,.inline-field input:focus,.detail-stack input:focus,.detail-stack textarea:focus,.custom-panel textarea:focus,.search-field input:focus{border-color:#2b83b7;box-shadow:0 0 0 3px rgba(43,131,183,.1)}.full{grid-column:1/-1}.choice-title{font-size:13px;margin:25px 0 12px}.choice-grid{display:grid;gap:10px}.boat-grid{grid-template-columns:repeat(3,1fr)}.coverage-grid{grid-template-columns:repeat(2,1fr)}.choice-card{position:relative;border:1px solid var(--line);background:#fff;border-radius:10px;padding:14px;text-align:left;min-height:82px}.choice-card:hover,.pattern-card:hover,.color-card:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(19,39,54,.07)}.choice-card.selected,.pattern-card.selected,.color-card.selected{border:2px solid var(--blue);box-shadow:0 0 0 3px rgba(21,93,146,.1)}.choice-card strong{display:block;font-size:11px}.choice-card small{display:block;color:var(--muted);font-size:9px;line-height:1.45;margin-top:5px}.checkmark{position:absolute;right:8px;top:8px;width:20px;height:20px;border-radius:50%;background:var(--blue);color:#fff;display:none;place-items:center;font-size:10px}.selected .checkmark{display:grid}.inline-field{display:block;margin-top:14px}.pattern-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.pattern-card{position:relative;border:1px solid var(--line);background:#fff;border-radius:10px;overflow:hidden;padding:0;text-align:left}.pattern-card img,.custom-pattern-thumb{width:100%;height:142px;object-fit:cover;background:#263947}.custom-pattern-thumb{display:grid;place-items:center;color:#fff;font-size:36px}.pattern-card .card-copy{padding:10px 11px 12px}.pattern-card strong{display:block;font-size:11px}.pattern-card small{display:block;color:var(--muted);font-size:8.5px;margin-top:3px}.custom-panel{margin-top:14px;border:1px dashed #a9bdc8;background:#f6fafb;border-radius:10px;padding:15px;display:grid;grid-template-columns:1fr auto;gap:11px}.custom-panel p{color:var(--muted);font-size:10px;margin-top:3px}.upload-inspiration{padding:9px 11px;border-radius:7px;background:var(--navy);color:#fff;font-size:9px;font-weight:800;align-self:start}.upload-inspiration input{display:none}.file-name{grid-column:1/-1;font-size:9px;color:var(--muted)}.custom-panel textarea{grid-column:1/-1}.color-tools{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:14px}.search-field{width:min(400px,100%)}.color-tools>span{font-size:9px;color:var(--muted);white-space:nowrap}.color-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;max-height:560px;overflow:auto;padding:2px 5px 5px 2px}.color-card{position:relative;border:1px solid var(--line);background:#fff;border-radius:9px;padding:7px;text-align:left;min-width:0}.swatch{height:54px;border-radius:6px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border:1px solid rgba(0,0,0,.08)}.swatch i{display:block}.swatch .camo{background-image:linear-gradient(30deg,rgba(0,0,0,.14) 25%,transparent 25% 50%,rgba(255,255,255,.18) 50% 75%,transparent 75%);background-size:18px 18px}.color-card strong{display:block;font-size:9px;line-height:1.25;margin-top:7px;white-space:normal}.color-card small{font-size:7px;color:var(--muted)}.source-note{font-size:9px;color:var(--muted);margin-top:13px}.source-note a{font-weight:800;color:var(--blue)}.detail-stack{display:grid;gap:14px}.detail-stack fieldset{border:1px solid var(--line);border-radius:10px;padding:14px}.detail-stack legend{padding:0 7px;font-size:10px;font-weight:850;color:var(--navy)}.pill-row{display:flex;gap:7px;flex-wrap:nowrap}.pill-row.wrap{flex-wrap:wrap}.pill{border:1px solid #cbd7dc;background:#fff;border-radius:999px;padding:8px 10px;font-size:9px;color:#334b58}.pill.selected{border-color:var(--blue);background:#eaf4f9;color:#0b4f77;font-weight:850}.helm-field{display:grid;grid-template-columns:1fr 230px;gap:15px;align-items:end}.helm-field legend{grid-column:1/-1}.check-line{display:flex;align-items:center;gap:8px}.check-line input{width:auto}.review-card{border:1px solid var(--line);border-radius:10px;overflow:hidden}.review-row{display:grid;grid-template-columns:150px 1fr auto;border-bottom:1px solid var(--line);align-items:start}.review-row:last-child{border-bottom:0}.review-row strong{background:#f3f7f8;padding:13px;font-size:10px}.review-row span{padding:13px;font-size:10px;line-height:1.55}.review-row button{border:0;background:transparent;color:var(--blue);text-decoration:underline;padding:13px 12px;font-size:9px}.review-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}.attachment-note{background:#f1f6f8;border-left:3px solid var(--blue);padding:10px 12px;color:var(--muted);font-size:9px;margin-top:13px}.button{display:inline-flex;align-items:center;justify-content:center;gap:17px;border:1px solid var(--navy);background:var(--navy);color:#fff;text-decoration:none;padding:11px 15px;border-radius:8px;font-size:10px;font-weight:850}.button.ghost{background:#fff;color:var(--navy);border-color:#cbd6dc}.screen-nav{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;border-top:1px solid var(--line);padding:16px 20px;background:#fbfcfc}.progress{width:min(320px,100%);justify-self:center;text-align:center;font-size:8px;color:var(--muted)}.progress>div{height:4px;background:#dfe6ea;margin-top:5px;border-radius:99px;overflow:hidden}.progress i{display:block;width:16.66%;height:100%;background:var(--blue);transition:.2s}.footer{background:var(--navy2);color:#d8e5ec;padding:25px 0}.footer .wrap{display:grid;grid-template-columns:190px 1fr auto;align-items:center;gap:25px}.footer img{width:155px;height:55px;object-fit:contain;filter:brightness(0) invert(1)}.footer p{font-size:9px;text-transform:uppercase;letter-spacing:.1em}.footer a{text-decoration:none;font-size:11px;font-weight:800}#toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,18px);background:#102536;color:#fff;padding:9px 13px;border-radius:999px;font-size:10px;opacity:0;pointer-events:none;transition:.2s;z-index:100}#toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1120px){.wrap{width:calc(100% - 40px)}.builder-grid{grid-template-columns:1fr}.preview-shell{position:static}.photo-frame{height:480px}.builder-intro{gap:40px}.configurator{overflow:visible}.step-nav{position:sticky;top:82px;z-index:15}}
@media(max-width:760px){html{scroll-padding-top:80px}.topbar span{display:none}.topbar{justify-content:space-between}.nav{min-height:72px;grid-template-columns:150px 1fr}.brand img{width:140px;height:55px}.header-copy{display:none}.home-link{justify-self:end}.builder-intro{padding:35px 0 26px;grid-template-columns:1fr;gap:18px}.builder-intro h1{font-size:57px}.builder-grid{width:calc(100% - 20px)}.photo-frame{height:360px}.preview-heading{padding:12px}.preview-controls{display:block}.preview-controls label{margin-bottom:8px}.step-nav{top:72px;overflow:auto;display:flex}.step-tab{min-width:92px}.step-screen{padding:22px 18px}.screen-head h2{font-size:28px}.boat-grid,.pattern-grid{grid-template-columns:repeat(2,1fr)}.coverage-grid,.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.color-grid{grid-template-columns:repeat(3,1fr)}.helm-field{grid-template-columns:1fr}.review-row{grid-template-columns:110px 1fr}.review-row button{grid-column:2;text-align:left;padding-top:0}.footer .wrap{grid-template-columns:1fr;text-align:center}.footer img{margin:auto}.footer a{justify-self:center}.screen-nav{grid-template-columns:auto auto}.progress{grid-column:1/-1;grid-row:1}.pattern-card img,.custom-pattern-thumb{height:125px}}
@media(max-width:480px){.wrap{width:calc(100% - 28px)}.builder-grid{width:calc(100% - 14px)}.builder-intro h1{font-size:49px}.photo-frame{height:300px}.photo-actions{left:8px;right:8px;top:8px}.photo-button{padding:8px 9px}.preview-meta{display:block}.preview-meta button{margin-top:8px}.screen-head{gap:11px}.screen-head>span{width:36px;height:36px;flex-basis:36px}.screen-head h2{font-size:25px}.pattern-grid{grid-template-columns:1fr 1fr}.color-grid{grid-template-columns:1fr 1fr;max-height:520px}.custom-panel{grid-template-columns:1fr}.file-name,.custom-panel textarea{grid-column:auto}.review-row{grid-template-columns:1fr}.review-row strong{padding-bottom:5px}.review-row span{padding-top:5px}.review-row button{grid-column:1}.review-actions{display:grid}.review-actions .button{width:100%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}