/* WICKED hull panels: warm white armor, graphite recesses, small red indicators.
   Decorative references are supplied by the creator; content stays real HTML. */
:root{--paper:#d6d8d9;--ink:#171b1e;--muted:#485057;--line:#9fa5a8;--signal:#d94d40;--plate:#e9eae8;--gasket:#24292c}
body{background-color:#c4c8ca;background-image:linear-gradient(90deg,#51575a24 1px,transparent 1px),linear-gradient(#ffffff26 1px,transparent 1px),linear-gradient(120deg,#e2e4e4,#c8cdce 50%,#edf0ef);background-size:340px 340px,340px 340px,100% 100%}
body::before,body::after{content:'';position:fixed;top:0;bottom:0;width:17px;z-index:2;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 76px,#080c0f 77px 91px,#646a6d 92px 94px,transparent 95px 270px),linear-gradient(90deg,#535b5f,#f6f7f4 25%,#b5bcbf 45%,#2e3438 50%,#161c20 74%,#858e92 80%,#cad0d1);box-shadow:2px 0 5px #0005}body::before{left:0}body::after{right:0;transform:scaleX(-1)}
.wrap{width:min(1280px,calc(100% - 112px))}
.header{position:relative;background:linear-gradient(#22292d,#0d1215);border-top:5px solid #eef0ee;border-bottom:7px solid #899398;box-shadow:inset 0 1px 0 #596269,0 2px 0 #fafbf7,0 7px 0 #353c40,0 12px 16px #0003}
.header::after{content:'';position:absolute;bottom:-6px;left:50%;width:76px;height:3px;background:var(--signal);transform:translateX(-50%);box-shadow:0 0 9px #ee564b70;pointer-events:none}
.header-inner{min-height:91px}.brand img{width:59px;height:59px}.brand>span{font-size:31px}.main-nav{gap:22px}.main-nav a{padding-block:13px;border-bottom:2px solid transparent}.main-nav a:hover{border-color:var(--signal);text-decoration:none}
.language-picker summary{background:#141a1e;box-shadow:inset 0 1px 3px #0008,0 1px 0 #81888c;border-color:#5d666a;border-radius:2px}.language-picker nav{background:#11181c;border:3px solid #a4adb2;box-shadow:0 8px 0 #252c30,0 15px 32px #0007}.language-picker [aria-current]{background:#e2e6e5;border-inline-start:3px solid var(--signal)}
.presentation{padding-top:42px}.presentation-heading{margin-bottom:15px}.presentation-heading h2,.section-heading h2{font-size:20px;letter-spacing:.025em}.presentation-heading h2::before,.section-heading h2::before{content:'';display:inline-block;width:6px;height:16px;margin-inline-end:11px;vertical-align:-2px;background:var(--signal);box-shadow:3px 0 0 #8d332c}.presentation-code,.section-code{color:#556067;font-size:14px;letter-spacing:2px}
.video-frame{position:relative;padding:22px 24px 27px;border:1px solid #6b757a;background:radial-gradient(circle at 13px 13px,#14191d 0 2px,#7e878b 2.5px 4px,#c7ccce 4.5px 5px,transparent 6px),radial-gradient(circle at calc(100% - 13px) 13px,#14191d 0 2px,#7e878b 2.5px 4px,#c7ccce 4.5px 5px,transparent 6px),radial-gradient(circle at 13px calc(100% - 13px),#14191d 0 2px,#7e878b 2.5px 4px,#c7ccce 4.5px 5px,transparent 6px),radial-gradient(circle at calc(100% - 13px) calc(100% - 13px),#14191d 0 2px,#7e878b 2.5px 4px,#c7ccce 4.5px 5px,transparent 6px),linear-gradient(130deg,#f7f8f5,#bec4c5 40%,#e9ecea 70%,#7f898e);clip-path:polygon(18px 0,calc(100% - 18px) 0,100% 18px,100% calc(100% - 18px),calc(100% - 18px) 100%,18px 100%,0 calc(100% - 18px),0 18px);box-shadow:inset 0 0 0 4px #f5f7f366,inset 0 0 0 7px #737d8280}
.video-frame::before{content:'';position:absolute;top:6px;left:36px;right:36px;height:8px;background:linear-gradient(90deg,#282f33 0 12%,transparent 12% 42%,#2a3236 42% 58%,transparent 58% 88%,#282f33 88%);clip-path:polygon(0 0,100% 0,calc(100% - 8px) 100%,8px 100%);pointer-events:none}
.video-frame::after{content:'';position:absolute;left:50%;bottom:8px;width:116px;height:7px;transform:translateX(-50%);background:linear-gradient(90deg,#283034 0 15%,#a53931 15% 17%,#ee695a 17% 83%,#a53931 83% 85%,#283034 85%);border:2px solid #343b3e;box-shadow:0 1px 0 #f6f8f0;pointer-events:none}
.video-frame video{border:4px solid #12191d;outline:1px solid #707b81;box-shadow:0 0 0 4px #444e53,0 0 0 6px #080c0e}.video-caption{padding:18px 5px 0;color:#313b41;font-size:12px}.video-transcript{margin-top:13px;border:1px solid #a2aaae;background:#e7eae8a6;border-inline-start:4px solid #353e43;padding-inline:17px}.video-transcript summary{display:flex;justify-content:space-between;gap:18px;padding-block:15px;font-size:12px;list-style:none}.video-transcript summary::-webkit-details-marker{display:none}.video-transcript[open] summary>span{transform:rotate(45deg)}.video-transcript p{max-width:960px;color:#384148}
.hero{position:relative;gap:7%;padding-block:70px 74px}.hero-copy{position:relative;padding-inline-start:24px;border-inline-start:2px solid #8e989d}.hero-copy::before{content:'';position:absolute;inset-inline-start:-3px;top:0;width:5px;height:55px;background:#353f44}.eyebrow{font-weight:700;letter-spacing:1.5px;color:#414b52}.dot{background:var(--signal);box-shadow:0 0 0 3px #e7e9e4,0 0 0 4px #a7afb1}h1{font-size:clamp(38px,4.3vw,65px);line-height:1.025;letter-spacing:-.052em;margin-block:23px 26px}h1 span{color:#526067}.lead{font-size:15px;color:#3f494f;line-height:1.8}.hero-actions{gap:21px;margin-top:28px}
.button{position:relative;color:#f2f4ef;background:linear-gradient(#39434b,#1b252c);border:1px solid #151d22;border-bottom:4px solid #090f14;box-shadow:inset 0 1px 0 #899398,0 2px 0 #eff2f0;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);padding:16px 21px;letter-spacing:.015em}.button:hover{background:#394952}.button>span{color:#f27c6e}.text-link{font-weight:600}.text-link>span{color:#9a342d}
.hero-visual{filter:drop-shadow(0 8px 7px #2f373b35)}.hatch{padding:48px 40px 43px;border:0;border-radius:0;background:#bfc5c6 url('./hull-pipes.webp') center/100% 100% no-repeat;box-shadow:none;clip-path:polygon(11% 0,89% 0,100% 11%,100% 89%,89% 100%,11% 100%,0 89%,0 11%)}
.hatch-inner{aspect-ratio:1.34;border:7px solid #252e33;border-radius:0;background:linear-gradient(#f7f8f6,#e4e8e7);box-shadow:0 0 0 2px #d4d9d8,0 0 0 5px #536168,inset 0 0 20px #7280892b;clip-path:polygon(11px 0,calc(100% - 11px) 0,100% 11px,100% calc(100% - 11px),calc(100% - 11px) 100%,11px 100%,0 calc(100% - 11px),0 11px)}.hatch-inner img{padding:14px 11px 0}.photo-label{top:9%;font-size:13px;letter-spacing:3px;color:#3c484d}.photo-note{font-size:8px;bottom:13px;font-weight:700;letter-spacing:.85px}.hero-visual figcaption{padding:17px 18px 0;font-size:11px;color:#303c43}
.creators{position:relative;background:repeating-linear-gradient(90deg,transparent 0 239px,#87919817 239px 240px),linear-gradient(110deg,#12191e,#262f35 50%,#10171c);color:#eff2ef;padding-block:42px 51px;border-top:9px solid #9ba6ab;border-bottom:9px solid #9ba6ab;box-shadow:inset 0 2px 0 #030708,inset 0 5px 0 #57646c,inset 0 -2px 0 #edf0ee,0 -2px 0 #f8faf6,0 2px 0 #343c41}.creators::before{content:'';position:absolute;left:10%;right:10%;top:-7px;height:3px;background:linear-gradient(90deg,transparent 0 5%,#273238 5% 37%,transparent 37% 63%,#273238 63% 95%,transparent 95%);pointer-events:none}.creators .section-code{color:#a4b0b7}.creator-grid{gap:24px}
.creator{--bevel:16px;position:relative;padding:18px 18px 14px;color:#20292e;border:1px solid #7e898f;clip-path:polygon(var(--bevel) 0,calc(100% - var(--bevel)) 0,100% var(--bevel),100% calc(100% - var(--bevel)),calc(100% - var(--bevel)) 100%,var(--bevel) 100%,0 calc(100% - var(--bevel)),0 var(--bevel));background:radial-gradient(circle at 10px 22px,#192126 0 2px,#7c898f 2px 3px,transparent 4px),radial-gradient(circle at calc(100% - 10px) 22px,#192126 0 2px,#7c898f 2px 3px,transparent 4px),linear-gradient(142deg,#f0f2ec,#c6cdd0 55%,#eef0eb);box-shadow:inset 0 0 0 3px #eff2ed,inset 0 0 0 5px #879399}
.creator::before{left:33%;top:5px;width:34%;height:5px;background:repeating-linear-gradient(90deg,#303b42 0 10px,#a6b1b7 10px 13px);clip-path:polygon(0 0,100% 0,calc(100% - 6px) 100%,6px 100%)}.creator::after{right:21px;bottom:12px;width:31px;height:5px;background:linear-gradient(90deg,#252f35 0 24%,transparent 24% 33%,#252f35 33% 57%,transparent 57% 66%,var(--signal) 66%);top:auto;left:auto}
.card-top{padding:9px 0 16px;gap:10px;border-bottom:1px solid #f3f5f0}.card-top>span{font-size:14px;color:#67787f}.card-top>span:first-child{border:1px solid #94a0a5;background:#d6dddf;padding:4px 5px;box-shadow:inset 0 1px 0 #fff9}.card-top>span:last-child{color:#93392e}.card-top h3{font-size:27px;color:#1b272e;letter-spacing:.35px;min-width:0}
.creator-image{background:#f0f2ef;border:5px solid #29373e;outline:1px solid #8b979c;box-shadow:inset 0 0 14px #83919826,0 2px 0 #fdfef7;aspect-ratio:1.55;clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 7px,100% calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,0 calc(100% - 7px),0 7px)}.creator figcaption{color:#26343c;font-size:11px;font-weight:700;letter-spacing:.06em;padding:16px 43px 5px 1px;min-height:34px}
.gift{position:relative;margin-block:35px 0;padding:32px 36px;gap:7%;background:linear-gradient(120deg,#f0f2ed,#d6ddde);border:1px solid #8e9b9f;border-inline-start:7px solid #46565f;box-shadow:inset 0 2px 0 #fff9,0 4px 0 #89969d;clip-path:polygon(0 0,calc(100% - 19px) 0,100% 19px,100% 100%,19px 100%,0 calc(100% - 19px))}.gift h2{font-size:30px}.gift p{color:#3d4a53;font-size:14px}.gift .text-link{margin-top:14px;font-size:12px}
.faq{padding-block:56px 62px;gap:7%}.faq h2{font-size:30px}.questions{border:0}.questions details{background:#e8ece9;border:1px solid #98a4aa;border-inline-start:4px solid #46565e;margin-bottom:9px;box-shadow:inset 0 1px 0 #fff,0 2px 0 #9aa7ad}.questions summary{padding:18px 18px;font-size:13px;line-height:1.6}.questions summary>span{color:#a44235;font-size:20px}.questions[open]{background:#f1f3ee}.questions p{padding:0 18px 19px;line-height:1.8;font-size:13px}.questions details[open]{background:#f1f3ee}
.contact{position:relative;background-color:#11191e;background-image:linear-gradient(90deg,#10191e 0%,#10191e 43%,#10191eee 65%,#10191e44 100%),url('./hull-cross.webp');background-position:center,right center;background-size:100% 100%,auto 165%;background-repeat:no-repeat;border-top:8px solid #b2bbbd;border-bottom:5px solid #a4afb3;box-shadow:inset 0 3px 0 #04080c,0 -2px 0 #eef2ec,0 2px 0 #323e47}.contact-inner{padding-block:48px;gap:31px}.contact-logo{width:94px;height:94px;padding:10px;border:1px solid #849296;background:#0c1318;clip-path:polygon(13px 0,calc(100% - 13px) 0,100% 13px,100% calc(100% - 13px),calc(100% - 13px) 100%,13px 100%,0 calc(100% - 13px),0 13px)}.contact h2{font-size:27px}.contact p{color:#c6d0d4;max-width:640px}.email{font-size:clamp(19px,3vw,38px);justify-content:flex-start;gap:25px;max-width:860px}.email>span{color:#ec6b59}.footer{padding-block:29px;color:#2f3e46}.footer>span{color:#53646d}
a:focus-visible,summary:focus-visible{outline:3px solid #9f342b;outline-offset:4px}.button:focus-visible{outline-offset:-4px;outline-color:#fff}
[dir=rtl] .contact{background-image:linear-gradient(270deg,#10191e 0%,#10191e 43%,#10191eee 65%,#10191e44 100%),url('./hull-cross.webp');background-position:center,left center}[dir=rtl] .questions p{padding:0 18px 19px}
@media(min-width:1500px){body::before,body::after{width:29px}.presentation{padding-top:48px}.hero{padding-block:85px}}
@media(max-width:1100px){.wrap{width:calc(100% - 72px)}.header-inner{gap:18px}.main-nav{gap:14px;font-size:11px}.creator-grid{gap:17px}.creator{padding-inline:13px}.card-top{gap:7px}.card-top h3{font-size:24px}.card-top>span:last-child{display:none}.hatch{padding:39px 32px 37px}.hero{gap:5%}.gift{padding-inline:27px}}
@media(max-width:820px){.creator-grid{gap:12px}.creator{padding-inline:10px}.card-top h3{font-size:20px}.card-top>span:first-child{font-size:12px;padding:3px}.card-top{gap:5px}.creator-image{border-width:4px}.creator figcaption{font-size:10px;letter-spacing:0;padding-inline-end:22px}.creator::after{width:20px;right:15px}.hero-copy{padding-inline-start:19px}}
@media(max-width:760px){body::before,body::after{width:9px}.wrap{width:calc(100% - 40px)}.header-inner{min-height:80px;gap:11px}.brand img{width:44px;height:48px}.brand>span{font-size:25px}.brand>span>span{font-size:11px}.presentation{padding-top:29px}.presentation-heading h2,.section-heading h2{font-size:18px}.presentation-heading h2::before,.section-heading h2::before{height:13px;width:4px;margin-inline-end:8px}.presentation-code,.section-code{font-size:11px;letter-spacing:1px}.video-frame{padding:16px 14px 21px;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px)}.video-frame::before{height:5px;top:5px}.video-frame::after{bottom:6px;height:6px;width:73px}.video-frame video{border-width:2px;box-shadow:0 0 0 2px #414e56,0 0 0 3px #10191e}.video-caption{font-size:11px}.video-transcript{padding-inline:13px}.hero{padding-block:43px 44px;gap:30px}.hero-copy{padding-inline-start:17px}.hero-visual{width:min(100%,510px)}h1{font-size:clamp(35px,8.4vw,58px);max-width:620px;margin-block:19px 22px}.lead{font-size:14px;line-height:1.8}.hero-actions{margin-top:23px}.hatch-inner{aspect-ratio:1.44}.hatch{padding:41px 35px 38px}.photo-label{top:8%;font-size:11px}.photo-note{bottom:12px;font-size:8px}.creators{padding-block:33px 38px}.gift{padding:27px 23px;gap:18px;margin-top:27px}.gift h2,.faq h2{font-size:27px}.faq{padding-block:37px 42px;gap:21px}.contact-inner{padding-block:35px;gap:22px}.contact h2{font-size:24px}.email{font-size:clamp(18px,4vw,27px);gap:17px}.footer{font-size:10px;gap:15px}.footer>a:first-child{font-size:17px}}
@media(max-width:600px){.creator-grid{grid-template-columns:1fr;gap:20px}.creator{padding:17px 18px 14px}.card-top{gap:10px;padding-block:10px 16px}.card-top h3{font-size:30px}.card-top>span:first-child{font-size:15px;padding:4px 6px}.card-top>span:last-child{display:block}.creator-image{aspect-ratio:1.65;border-width:5px}.creator figcaption{font-size:12px;padding:16px 42px 4px 1px}.creator::after{width:31px;right:21px}.video-caption{display:block;padding-top:14px}.video-frame{padding-inline:10px}.presentation-heading{gap:10px}.brand{gap:7px}.brand>span{font-size:23px}.brand>span>span{font-size:10px;letter-spacing:2px}.language-picker summary{font-size:11px;padding:10px 8px;gap:5px}.photo-note{letter-spacing:.4px}.hero-actions{gap:14px}.button{min-height:49px;padding:14px 16px;gap:20px;font-size:11px}.text-link{font-size:11px}.hatch{padding:31px 28px}.contact-inner{padding-block:34px}.contact{background-size:100% 100%,auto 145%}.email{font-size:clamp(16px,5vw,25px);gap:13px}.contact p{font-size:12px}.footer{padding-block:24px}.footer>a:first-child{font-size:16px}.section-heading{margin-bottom:22px}.questions summary{padding:16px 14px}.questions p{padding:0 14px 17px}.gift p{font-size:13px}}
@media(max-width:359px){.wrap{width:calc(100% - 32px)}.brand img{width:34px;height:39px}.brand>span{font-size:21px}.brand>span>span{font-size:9px}.brand{gap:6px}.language-picker summary{font-size:10px;padding-inline:7px}.presentation-code{font-size:9px}.presentation-heading h2{font-size:15px}.hatch{padding:25px 23px}.hatch-inner{border-width:5px}.photo-note{font-size:7px;bottom:8px}h1{font-size:32px}.hero-copy{padding-inline-start:13px}.creator{padding-inline:14px}.card-top h3{font-size:27px}.email{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}