/* 10 design systems mapped from Website Factory styles */
.layout-1{font-family:"Arial Black","Segoe UI",sans-serif}.layout-1 .nav,.layout-1 .part-card,.layout-1 .request-form{border-width:3px;border-color:#141414}.layout-1 .hero{grid-template-columns:1.17fr .83fr;background:repeating-linear-gradient(45deg,transparent 0 38px,#00000009 39px 40px)}.layout-1 .hero h1{font-size:clamp(58px,6.9vw,116px);line-height:.89}.layout-1 .hero h1 em{background:var(--accent);color:white;padding:0 .13em;-webkit-box-decoration-break:clone;box-decoration-break:clone}.layout-1 .hero-media{transform:rotate(3deg);border:5px solid black;box-shadow:17px 19px 0 #141414;height:510px}.layout-1 .primary,.layout-1 .nav-cta,.layout-1 .part-card{box-shadow:5px 5px 0 #121212}.layout-1 .part-card{background:#f6ee84}.layout-1 .part-card .part-symbol{color:var(--accent)}.layout-1 .section-head h2{text-transform:uppercase}.layout-1 .statement{background:#151515;color:#f9f79b}.layout-1 .hero-side{display:none}
.layout-2{font-family:Consolas,"Segoe UI",sans-serif}.layout-2 .site{background:radial-gradient(ellipse at 70% 30%,#145c4747,transparent 50%),var(--bg)}.layout-2 .hero{background-image:linear-gradient(#3ef5bc0d 1px,transparent 1px),linear-gradient(90deg,#3ef5bc0d 1px,transparent 1px);background-size:36px 36px}.layout-2 .hero h1{font-size:clamp(47px,5.2vw,90px)}.layout-2 .hero-media{clip-path:polygon(8% 0,100% 0,100% 92%,92% 100%,0 100%,0 8%);border:1px solid var(--accent)}.layout-2 .hero-media img{filter:grayscale(.7) hue-rotate(45deg) contrast(1.25)}.layout-2 .hero-stamp{font-size:78px;color:var(--accent);opacity:.75}.layout-2 .hero-media:after{content:"SYSTEM READY / SEARCH ENGINE";position:absolute;right:0;bottom:0;background:var(--accent);color:#031916;font-size:10px;padding:12px}.layout-2 .part-card{background:#07151c;border-color:#267a64}.layout-2 .part-symbol{color:#57ffc5}.layout-2 .statement{background:#45f4b2;color:#071419}.layout-2 .request-form{background:#071820;border-color:#40aa8d}
.layout-3{font-family:Georgia,"Times New Roman",serif}.layout-3 .nav,.layout-3 .demo-ribbon,.layout-3 .overline,.layout-3 .label-num,.layout-3 .part-no,.layout-3 .tag-row,.layout-3 .request-form{font-family:"Segoe UI",Arial,sans-serif}.layout-3 .nav{min-height:113px}.layout-3 .hero{grid-template-columns:.86fr 1.14fr;padding-top:75px;padding-bottom:115px}.layout-3 .hero h1{font-family:Georgia,serif;letter-spacing:-.07em;font-weight:400;font-size:clamp(54px,5.4vw,91px);line-height:1.06}.layout-3 .hero h1 em{font-style:italic}.layout-3 .hero-media{height:635px;border:0}.layout-3 .hero-media:after{content:"ORIGINALITY / PRECISION / CARE";position:absolute;bottom:0;right:0;padding:15px;background:#f1ecdf;color:#25271e;font:500 11px "Segoe UI"}.layout-3 .hero-stamp{font-family:Georgia;font-size:72px;font-weight:400}.layout-3 .primary{background:#25271e;color:#f1ecdf;font-family:"Segoe UI"}.layout-3 .part-card{background:#f9f5ee}.layout-3 .part-card strong,.layout-3 .section-head h2,.layout-3 .statement h2{font-family:Georgia;font-weight:400}.layout-3 .statement{background:#25271e;color:#f1ecdf}.layout-3 .statement h2{font-style:italic}
.layout-4{font-family:"Arial Narrow",Impact,"Segoe UI",sans-serif}.layout-4 .hero{min-height:780px;grid-template-columns:1.2fr .8fr;background:radial-gradient(circle at 60% 50%,#b5139b51,transparent 42%),repeating-linear-gradient(0deg,#ffffff07 0,#ffffff07 1px,transparent 2px,transparent 45px)}.layout-4 .hero h1{font-style:italic;font-size:clamp(56px,6.5vw,112px);transform:skew(-4deg);text-shadow:5px 6px 0 #0009}.layout-4 .hero h1 em{text-shadow:0 0 40px var(--accent)}.layout-4 .hero-media{height:540px;border:2px solid #f951a3;box-shadow:0 0 80px #fe279d31;transform:perspective(900px) rotateY(-8deg)}.layout-4 .hero-media img{filter:saturate(1.25) contrast(1.27) hue-rotate(8deg)}.layout-4 .hero:after{content:"NEON / TOKYO / PARTS";position:absolute;bottom:5px;right:6%;font-size:70px;font-weight:900;letter-spacing:-.08em;color:#fc4c9b17;pointer-events:none}.layout-4 .part-card{background:#20113a;border-color:#d943c6}.layout-4 .part-card .part-symbol{filter:drop-shadow(0 0 20px #fc4c9b)}.layout-4 .statement{background:#fb469f;color:#15072c}.layout-4 .primary{box-shadow:0 0 30px #fb469f73}
.layout-5{font-family:Helvetica,Arial,sans-serif}.layout-5 .nav{border-bottom:2px solid #151515}.layout-5 .nav .brand{font-size:32px}.layout-5 .hero{grid-template-columns:1.25fr .75fr;min-height:695px}.layout-5 .hero h1{font-size:clamp(60px,6.5vw,112px);letter-spacing:-.09em}.layout-5 .hero-media{height:450px;transform:translateY(42px)}.layout-5 .hero-media img{filter:grayscale(1)}.layout-5 .hero-stamp{background:#e92e28;color:#fff;padding:15px}.layout-5 .part-card{background:transparent;border-color:#101010}.layout-5 .part-card .part-symbol{color:#e92e28}.layout-5 .statement{background:#e92e28;color:white}.layout-5 .ticker{background:#151515;color:#f2f1e9}
.layout-6{font-family:Inter,"Segoe UI",Arial,sans-serif}.layout-6 .nav{border:0}.layout-6 .hero{grid-template-columns:1fr 1fr;gap:16px;background:#ebf0e8;padding-top:40px}.layout-6 .hero-main{padding:42px;background:white;border-radius:30px}.layout-6 .hero h1{font-size:clamp(45px,5.5vw,84px)}.layout-6 .hero-media{border-radius:30px;height:550px}.layout-6 .hero-index{display:none}.layout-6 .nav-cta,.layout-6 .primary,.layout-6 .part-card,.layout-6 .brand-pill,.layout-6 .request-form,.layout-6 .step-grid article{border-radius:20px}.layout-6 .part-grid{grid-template-columns:1.35fr .83fr .83fr}.layout-6 .part-card:first-child{background:#b8eb49;min-height:315px;color:#17221f}.layout-6 .part-card:first-child .part-symbol{color:#17221f}.layout-6 .statement{background:#17221f;color:#dff9da;border-radius:35px;margin:0 3vw}.layout-6 .request{background:#def6cd}.layout-6 .request-form{background:white}.layout-6 .primary{border-radius:12px}
.layout-7{font-family:"Trebuchet MS","Segoe UI",sans-serif}.layout-7 .hero{background:linear-gradient(120deg,#f6efe6,#f1dfca);min-height:680px}.layout-7 .hero h1{font-family:Georgia,serif;font-weight:400;line-height:1.07;letter-spacing:-.07em}.layout-7 .hero h1 em{font-style:italic}.layout-7 .hero-media{border-radius:48% 52% 37% 63% / 52% 37% 63% 48%;width:92%;height:520px;box-shadow:22px 24px 0 #c5bba5}.layout-7 .image-label{border-radius:20px}.layout-7 .part-card,.layout-7 .request-form{border-radius:25px}.layout-7 .part-grid .part-card:nth-child(2){background:#e6e8d1}.layout-7 .statement{background:#394c3d;color:#f7ede0}.layout-7 .statement h2{font-family:Georgia,serif;font-weight:400;font-style:italic}.layout-7 .request{background:#ebe0cd}.layout-7 .brand-pill{border-radius:99px}
.layout-8{font-family:Impact,"Arial Narrow","Segoe UI",sans-serif}.layout-8 .hero{min-height:730px;background:linear-gradient(115deg,#111014 0 58%,#ff8353 58% 100%)}.layout-8 .hero h1{font-size:clamp(70px,8vw,148px);line-height:.85;letter-spacing:-.06em}.layout-8 .hero-media{height:490px;transform:rotate(-4deg);box-shadow:15px 15px 0 #ff8353;border:4px solid #f5ebda}.layout-8 .hero-lead{font-family:"Segoe UI",sans-serif;font-size:17px}.layout-8 .hero-stamp{font-size:110px;color:var(--accent)}.layout-8 .part-grid{grid-template-columns:.8fr 1.15fr 1fr}.layout-8 .part-card:nth-child(2){background:#ff8353;color:#111}.layout-8 .part-card:nth-child(2) .part-symbol{color:#111}.layout-8 .statement{background:#ff8353;color:#101015}.layout-8 .step-grid article strong,.layout-8 .part-card strong{font-family:Impact,"Arial Narrow",sans-serif}
.layout-9{font-family:"Segoe UI",Arial,sans-serif}.layout-9 .hero{background:linear-gradient(90deg,#45ffb407 1px,transparent 1px),linear-gradient(#45ffb407 1px,transparent 1px);background-size:26px 26px}.layout-9 .hero h1{font-size:clamp(51px,5.3vw,94px)}.layout-9 .hero-media{height:480px;transform:perspective(1100px) rotateY(-7deg) rotateX(4deg);border:1px solid #5effb5;box-shadow:25px 25px 0 #133033}.layout-9 .hero-media img{filter:grayscale(1) sepia(.3) hue-rotate(87deg) saturate(1.35)}.layout-9 .hero-stamp{color:#5effb5;font-family:Consolas;font-size:64px}.layout-9 .part-card{background:#0d2829;border-color:#3a7462}.layout-9 .part-card .part-symbol{color:#5effb5}.layout-9 .statement{background:#5effb5;color:#071419}.layout-9 .request-form{background:#153132;color:#e3fff1}.layout-9 .request-form input,.layout-9 .request-form select,.layout-9 .request-form textarea{background:#092123;color:#e3fff1}
.layout-10{font-family:Georgia,"Times New Roman",serif;background:#e8dfd1}.layout-10 .nav{min-height:110px}.layout-10 .nav nav,.layout-10 .demo-ribbon,.layout-10 .overline,.layout-10 .label-num,.layout-10 .part-no,.layout-10 .brand-pill,.layout-10 .part-link,.layout-10 .request-form{font-family:"Segoe UI",Arial,sans-serif}.layout-10 .hero{grid-template-columns:1fr 1fr;gap:7vw;min-height:730px;background-image:repeating-linear-gradient(0deg,transparent 0,transparent 63px,#5c4c3210 64px)}.layout-10 .hero h1{font-size:clamp(60px,6.2vw,105px);font-family:Georgia,serif;font-weight:400}.layout-10 .hero h1 em{font-style:italic;color:#7d573a}.layout-10 .hero-media{height:580px;border:12px solid #f4ebdd;box-shadow:0 20px 35px #48362238;transform:rotate(-2deg)}.layout-10 .hero-media img{filter:saturate(.47) sepia(.33)}.layout-10 .hero-stamp{font-family:Georgia;font-size:50px}.layout-10 .primary{background:#4f4a41;color:white}.layout-10 .part-card{border:1px solid #a89b89;background:#eee4d6}.layout-10 .part-card strong,.layout-10 .section-head h2,.layout-10 .statement h2{font-family:Georgia;font-weight:400}.layout-10 .statement{background:#4f4a41;color:#e8dfd1}.layout-10 .request{background:#e1d4c2}
@media(max-width:820px){.layout-1 .hero,.layout-2 .hero,.layout-3 .hero,.layout-4 .hero,.layout-5 .hero,.layout-6 .hero,.layout-7 .hero,.layout-8 .hero,.layout-9 .hero,.layout-10 .hero{grid-template-columns:1fr;min-height:auto}.layout-1 .hero-media,.layout-3 .hero-media,.layout-4 .hero-media,.layout-5 .hero-media,.layout-6 .hero-media,.layout-7 .hero-media,.layout-8 .hero-media,.layout-9 .hero-media,.layout-10 .hero-media{height:420px;transform:none}.layout-6 .part-grid,.layout-8 .part-grid{grid-template-columns:1fr 1fr}.layout-7 .hero-media{width:100%}.layout-1 .hero h1,.layout-4 .hero h1,.layout-5 .hero h1,.layout-8 .hero h1,.layout-10 .hero h1{font-size:clamp(50px,9vw,85px)}.layout-8 .hero{background:linear-gradient(155deg,#111014 0 76%,#ff8353 76%)}}
@media(max-width:560px){.layout-1 .hero h1,.layout-4 .hero h1,.layout-5 .hero h1,.layout-8 .hero h1,.layout-10 .hero h1{font-size:clamp(43px,12vw,68px)}.layout-1 .hero-media,.layout-3 .hero-media,.layout-4 .hero-media,.layout-5 .hero-media,.layout-6 .hero-media,.layout-7 .hero-media,.layout-8 .hero-media,.layout-9 .hero-media,.layout-10 .hero-media{height:320px;transform:none}.layout-6 .hero-main{padding:22px}.layout-6 .part-grid,.layout-8 .part-grid{grid-template-columns:1fr}.layout-4 .hero:after{display:none}}