.sp-shell{--navy:#172345;--blue:#304da7;--cream:#faf9f6;--line:#d8dce1;color:var(--navy);background:var(--cream);min-height:100vh;font-family:DM Sans,Arial,sans-serif}.sp-shell *{box-sizing:border-box}.sp-shell button,.sp-shell a{font:inherit;cursor:pointer;color:inherit}.sp-shell button:disabled{opacity:.6;cursor:wait}:is(.sp-shell button:focus-visible,.sp-shell a:focus-visible,.sp-shell input:focus-visible,.sp-shell select:focus-visible){outline-offset:3px;outline:3px solid #e29253}.sp-nav,.sp-footer{justify-content:space-between;align-items:center;max-width:1440px;margin:auto;padding:24px 4.5%;display:flex}.sp-nav nav,.sp-footer nav{align-items:center;gap:26px;display:flex}.sp-nav button,.sp-back,.sp-resume{background:0 0;border:0;align-items:center;gap:8px;font-weight:650;display:inline-flex}.sp-nav .sp-word{letter-spacing:-1.7px;padding:0;font-size:clamp(22px,2.3vw,34px);font-weight:800}.sp-word span{color:#d57c50}.sp-main{width:100%;max-width:1440px;margin:0 auto;padding:0 3% 56px}.sp-hero{background:#d9eaf4;border-radius:16px;grid-template-columns:43% 57%;min-height:350px;display:grid;overflow:hidden}.sp-copy{align-self:center;padding:clamp(30px,4vw,65px)}.sp-hero h1,.sp-builder h1{letter-spacing:-.055em;color:var(--navy);margin:0;font-family:Manrope,DM Sans,sans-serif;font-weight:800;line-height:1.02}.sp-hero h1{font-size:clamp(44px,5.8vw,88px)}.sp-copy p{color:#3b4c62;margin:17px 0 26px;font-size:clamp(15px,1.35vw,20px)}.sp-hero>img{object-fit:cover;object-position:52% center;width:100%;height:100%;max-height:520px;display:block}.sp-shell .sp-cta{background:var(--blue);color:#fff;border:0;border-radius:8px;justify-content:center;align-items:center;gap:13px;width:fit-content;padding:14px 21px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex}.sp-shell .sp-cta:hover{background:#233d91}.sp-shell .sp-link{text-underline-offset:3px;align-items:center;gap:7px;width:fit-content;font-weight:650;text-decoration:underline;display:flex}.sp-copy .sp-link{margin-top:16px}.sp-main h2{letter-spacing:-.035em;margin:40px 0 19px;font:800 clamp(26px,2.8vw,42px)/1.18 Manrope,sans-serif}.sp-main h3{color:var(--navy);line-height:1.24}.sp-grid{grid-template-columns:repeat(4,1fr);gap:17px;display:grid}.sp-tile{text-align:left;background:#fff;border:1px solid #e4e3df;border-radius:12px;padding:0;text-decoration:none;transition:transform .15s,box-shadow .15s;display:block;overflow:hidden}.sp-tile:hover{transform:translateY(-3px);box-shadow:0 6px 19px #18234512}.sp-tile>img,.sp-options article>img,.sp-aside img{aspect-ratio:1.45;object-fit:cover;width:100%;display:block}.sp-tile>div{justify-content:space-between;align-items:center;padding:15px;display:flex}.sp-tile h3{letter-spacing:-.04em;margin:0;font-size:clamp(16px,1.65vw,23px)}.sp-footer{border-top:1px solid var(--line);gap:20px;font-size:13px}.sp-footer a{align-items:center;gap:3px;text-decoration:none;display:inline-flex}.sp-footer a:hover{text-decoration:underline}.sp-builder{max-width:1090px;margin:16px auto 0}.sp-builder h1{margin:12px 0 25px;font-size:clamp(35px,4.2vw,61px)}.sp-progress{gap:6px;margin:4px 0 23px;display:flex}.sp-progress span{color:#4d5867;background:#e9ecf0;border-radius:25px;align-items:center;gap:5px;padding:8px 12px;font-size:13px;display:flex}.sp-progress .current{color:#fff;background:#254289}.sp-back,.sp-resume{padding:6px 0}.sp-resume{margin-top:14px;text-decoration:underline}.sp-split{grid-template-columns:1.6fr 1fr;align-items:start;gap:24px;display:grid}.sp-form,.sp-aside,.sp-summary,.sp-options article,.sp-record{border:1px solid var(--line);background:#fff;border-radius:14px}.sp-form{gap:20px;padding:clamp(20px,3vw,38px);display:grid}.sp-form label,.sp-form fieldset,.sp-summary label{margin:0}.sp-form label{gap:6px;font-weight:650;display:grid}.sp-form small,.sp-meta,.sp-aside p,.sp-summary p,.sp-option-content p,.sp-record small{color:#516075}.sp-form small{font-weight:400}.sp-form input:not([type=checkbox]),.sp-form select{width:100%;min-width:0;color:var(--navy);background:#fcfcfd;border:1px solid #aeb7c7;border-radius:6px;padding:11px 12px}.sp-form fieldset{border:0;min-width:0;padding:0}.sp-form legend{margin:0 0 8px;font-weight:700}.sp-form legend small{margin-left:6px}.sp-pills,.sp-icons,.sp-dims,.sp-pair{flex-wrap:wrap;gap:8px;display:flex}.sp-dims>label,.sp-pair>label{text-transform:none;flex:1;min-width:85px}.sp-dims>label:first-letter{text-transform:uppercase}.sp-pills button,.sp-icons button,.sp-option-content button{border:1px solid var(--line);background:#fff;border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:9px 12px;display:inline-flex}.sp-shell button[aria-pressed=true]{color:#223e91;background:#e8efff;border-color:#3457b8}.sp-form .sp-check,.sp-summary .sp-check{align-items:center;gap:9px;font-weight:500;display:flex}.sp-check input{width:17px;height:17px;accent-color:var(--blue)}.sp-aside{overflow:hidden}.sp-aside h3,.sp-aside p{margin:17px 22px}.sp-aside p,.sp-summary p{line-height:1.55}.sp-wide{max-width:760px}.sp-icons{grid-template-columns:repeat(3,1fr);display:grid}.sp-icons button{flex-direction:column;padding:18px 8px}.sp-options{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.sp-options article{flex-direction:column;display:flex;overflow:hidden}.sp-options article.selected{box-shadow:0 0 0 2px var(--blue)}.sp-option-content{flex-direction:column;flex:1;align-items:flex-start;gap:8px;padding:18px;display:flex}.sp-option-content h3,.sp-option-content p,.sp-summary h3{margin:0}.sp-option-content h3,.sp-aside h3{font-size:21px}.sp-extra{color:#82522e;background:#fff3e4;border-radius:4px;padding:4px 8px;font-size:12px}.sp-price{gap:4px;margin-top:auto;padding:15px 0 5px;display:grid}.sp-price small{color:#52647b;font-weight:400;display:block}.sp-price summary{cursor:pointer;font-size:12px;text-decoration:underline}.sp-price details p{margin:6px 0;font-size:12px}.sp-summary{justify-content:space-between;align-items:center;gap:18px;margin-top:24px;padding:24px;display:flex}.sp-summary .sp-cta{flex-shrink:0}.sp-record{text-align:left;justify-content:space-between;align-items:center;width:100%;margin:10px 0;padding:18px;display:flex}.sp-record>span:last-child{align-items:center;gap:6px;display:flex}.sp-record small{margin-top:5px;display:block}.sp-error{color:#82251d;background:#ffebe7;border-radius:8px;max-width:1090px;margin:14px auto;padding:14px}.sp-receipt{background:#fff;border-radius:16px;padding:35px}.sp-receipt p{font-size:16px}.sp-meta{margin:-6px 0 22px}@media (max-width:760px){.sp-main{padding:0 16px 34px}.sp-nav,.sp-footer{padding:19px 17px}.sp-nav nav,.sp-footer nav{gap:13px}.sp-nav nav button{padding:3px;font-size:13px}.sp-hero{grid-template-columns:1fr}.sp-copy{padding:30px}.sp-hero>img{aspect-ratio:2.2;height:auto;max-height:300px}.sp-grid{grid-template-columns:1fr 1fr;gap:10px}.sp-tile>div{padding:12px}.sp-main h2{margin-top:26px}.sp-split{grid-template-columns:1fr}.sp-aside{display:none}.sp-options{grid-template-columns:1fr}.sp-options article{grid-template-columns:30% 1fr;display:grid}.sp-options article>img{aspect-ratio:auto;height:100%}.sp-summary,.sp-footer{flex-wrap:wrap}.sp-progress span{font-size:12px}.sp-record{gap:12px}.sp-meta{line-height:1.5}}.sp-category-grid{grid-template-columns:repeat(5,minmax(0,1fr))}@media (max-width:1000px){.sp-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:760px){.sp-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.sp-shell button.sp-link{text-align:left;background:0 0;border:0;padding:0}.hero-slideshow{aspect-ratio:4/3;background:#eee7dc;min-width:0;min-height:0;position:relative;overflow:hidden}.hero-slides{position:absolute;inset:0}.hero-slide{opacity:0;pointer-events:none;transition:opacity .8s;position:absolute;inset:0}.hero-slide.is-active{opacity:1}.hero-slide img{object-fit:cover;object-position:center;width:100%;height:100%;padding:0;display:block}.sp-shell .hero-slide-controls{background:#fffffff2;border:1px solid #ddd9d2;border-radius:30px;align-items:center;gap:2px;padding:4px 6px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 3px 16px #17234512}.sp-shell .hero-slide-controls button{color:#172345;background:0 0;border:0;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;padding:0;display:grid}.sp-shell .hero-slide-controls button:hover{background:#edf0f8}.hero-slide-dots{align-items:center;display:flex}.sp-shell .hero-slide-dots button{width:26px}.hero-slide-dots span{background:#aeb4c1;border-radius:8px;width:6px;height:6px;transition:width .2s,background .2s}.hero-slide-dots [aria-pressed=true] span{background:#304da7;width:16px}.hero-slide-divider{background:#ddd9d2;width:1px;height:20px;margin:0 4px}.hero-slideshow.reduce-motion .hero-slide{transition:none}@media (max-width:1000px){.sp-hero{grid-template-columns:1fr}.hero-slideshow{aspect-ratio:4/3;min-height:0}.sp-copy{padding:30px}.sp-hero h1{font-size:clamp(44px,6vw,68px)}}@media (prefers-reduced-motion:reduce){.hero-slide,.hero-slide-dots span{transition:none}}@media (max-width:760px){.sp-shell .hero-slide-controls{padding:2px 5px;bottom:7px}.sp-shell .hero-slide-controls button{width:28px;height:28px}.sp-shell .hero-slide-dots button{width:22px}.hero-slide-divider{height:16px}}.sp-nav{gap:24px}.sp-nav .sp-word{flex-shrink:0}.sp-nav nav{flex-wrap:wrap;justify-content:flex-end}.sp-category-grid .sp-tile h3{overflow-wrap:anywhere;line-height:1.35}@media (max-width:700px){.sp-nav{flex-wrap:wrap;gap:8px}.sp-nav nav{justify-content:flex-start;gap:12px 18px;width:100%}.sp-nav nav a,.sp-nav nav button{font-size:13px}.sp-footer{flex-wrap:wrap;gap:16px}}.design-grid{grid-template-columns:1.1fr 1fr;gap:24px;display:grid}.design-view{text-align:center;background:#e7eef4;border-radius:12px;padding:18px;overflow:hidden}.design-view small{color:#41526b;margin-top:12px;display:block}.design-tabs{justify-content:center;gap:4px;display:flex}.design-tabs button,.material-caption button,.design-fields select,.design-fields input:not([type=color]),.portal-panel select,.portal-panel input,.portal-panel textarea{background:#fff;border:1px solid #b5bdca;border-radius:7px;padding:9px 12px}.design-tabs button{font-size:12px}.design-fields{gap:13px;display:grid}.design-fields label,.portal-panel label{gap:5px;font-weight:600;display:grid}.design-colours{flex-wrap:wrap;align-items:flex-end;gap:9px;display:flex}.design-colours button{border:2px solid #fff;border-radius:50%;width:27px;height:27px}.design-colours button[aria-pressed=true]{outline:2px solid #253961}.board-choice{font-size:13px}.model-stage{perspective:900px;place-items:center;height:210px;display:grid}.model-body{--w:160px;--h:94px;--d:94px;transform-style:preserve-3d;width:var(--w);height:var(--h);position:relative}.model-folding{--w:96px;--h:125px;--d:62px}.model-rigid{--w:145px;--h:75px}.model-body>div{-webkit-backface-visibility:hidden;backface-visibility:hidden;background:var(--face);border:1px solid #0003;position:absolute}.model-front,.model-back{place-items:center;display:grid;inset:0}.model-front{transform:translateZ(calc(var(--d)/2));color:#fff;font-weight:700;overflow:hidden}.model-front span{text-shadow:0 1px 3px #0007;overflow-wrap:anywhere;max-width:90%}.model-back{transform:rotateY(180deg) translateZ(calc(var(--d)/2))}.model-top{width:var(--w);height:var(--d);top:calc((var(--h) - var(--d))/2);transform:rotateX(90deg) translateZ(calc(var(--h)/2));filter:brightness(1.2)}.model-right,.model-left{width:var(--d);height:var(--h);left:calc((var(--w) - var(--d))/2);filter:brightness(.76)}.model-right{transform:rotateY(90deg) translateZ(calc(var(--w)/2))}.model-left{transform:rotateY(-90deg) translateZ(calc(var(--w)/2))}.model-rigid .model-front:before,.model-rigid .model-right:before,.model-rigid .model-left:before{content:"";border-bottom:2px solid #0003;height:24%;position:absolute;inset:0 0 auto}.surface-Gloss>div{background:linear-gradient(125deg,#fff4,transparent 50%),var(--face)}.surface-Foil .model-front span{color:#f2d389}.turntable{justify-content:center;align-items:center;gap:8px;display:flex}.swatch-large{object-fit:cover;border-radius:8px;width:100%;height:190px;margin-top:12px}.materials-row{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.materials-row button{text-align:left;background:#fff;border:1px solid #d9dfe6;border-radius:12px;padding:0;overflow:hidden}.materials-row img{object-fit:cover;width:100%;height:128px;display:block}.materials-row strong{padding:12px;display:block}.material-caption{justify-content:space-between;align-items:center;gap:15px;display:flex}.material-caption button{flex-shrink:0;align-items:center;gap:8px;display:flex}.tool-nav{flex-wrap:wrap;gap:12px;display:flex}.tool-nav a,.tool-nav button{color:#244485;background:#fff;border:1px solid #cdd7e0;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-weight:650;text-decoration:none;display:inline-flex}.portal-panel{background:#fff;border:1px solid #d8dfe7;border-radius:14px;margin:14px 0;padding:20px}.portal-panel h3,.portal-panel h2{margin-top:0}.portal-panel input,.portal-panel select,.portal-panel textarea{color:#172345;max-width:100%}.portal-rows{gap:12px;display:grid}.portal-rows article{background:#fff;border:1px solid #d8dfe7;border-radius:9px;padding:16px}.portal-pair{grid-template-columns:1fr 1fr;gap:16px;display:grid}.sp-nav nav>a{color:#263750;font-weight:650;text-decoration:none}.portal-container{max-width:1180px;margin:0 auto;padding:30px 24px 65px}.portal-container h1{letter-spacing:-.045em;margin:15px 0 22px;font-size:clamp(32px,5vw,56px)}.price-lines{gap:6px;display:grid}.price-lines div{border-bottom:1px solid #e1e5ea;justify-content:space-between;padding:7px 0;display:flex}.portal-panel details>summary{cursor:pointer;font-weight:650}.portal-error{color:#922b24}.guide-start{background:#edf2ff;border-radius:12px;margin:0 0 18px;padding:14px}.guide-start textarea{color:#172345;width:100%;min-height:64px;padding:10px}.guide-start button{background:#fff;border:1px solid #c3ccdf;border-radius:6px;margin-top:7px;padding:7px 12px}.guide-start summary{cursor:pointer;font-weight:700}.project-path{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;display:grid}.project-path>div{background:#edf2f8;border-radius:8px;padding:12px}.project-path small{margin-top:4px;display:block}.project-path strong{color:#243e77}.sp-nav nav{flex-wrap:wrap}.sp-nav button:hover,.sp-footer a:hover,.tool-nav a:hover{text-decoration:underline}@media (max-width:780px){.design-grid,.portal-pair{grid-template-columns:1fr}.materials-row{grid-template-columns:repeat(2,1fr)}.material-caption{flex-direction:column;align-items:flex-start}.sp-nav{flex-wrap:wrap;gap:12px}.sp-nav nav{gap:12px}.sp-nav nav>a{font-size:13px}}.source-layout{grid-template-columns:minmax(225px,1fr) 2fr;gap:16px;display:grid}.source-list{align-content:start;gap:7px;max-height:75vh;display:grid;overflow:auto}.source-list button{text-align:left;background:#fff;border:1px solid #ccd5df;border-radius:8px;gap:4px;padding:12px;display:grid}.source-list button span,.source-list button small{color:#526478}.source-layout>.portal-panel{margin-top:0}.portal-panel>label,.portal-panel>button,.portal-panel>h3{margin-bottom:12px}.tool-nav button[aria-pressed=true]{color:#fff;background:#284b93}@media (max-width:720px){.source-layout{grid-template-columns:1fr}.source-list{max-height:260px}}.use-cases{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.use-cases button{text-align:left;background:#fff;border:1px solid #d9dfe5;border-radius:10px;align-items:center;gap:12px;padding:10px;display:flex}.use-cases img{object-fit:cover;border-radius:6px;width:72px;height:68px}.use-cases small{color:#526277;margin-top:4px;display:block}.use-cases svg{flex-shrink:0;margin-left:auto}@media (max-width:740px){.use-cases{grid-template-columns:1fr}.use-cases img{width:65px;height:55px}}.advisor-panel form{flex-wrap:wrap;gap:8px;margin:14px 0;display:flex}.advisor-panel form input{flex:1;min-width:160px}.advisor-panel form button{color:#fff;background:#304da7;border:0;border-radius:6px;padding:8px 14px}.advisor-panel small a{display:block}.advisor-panel>div[role=status]{background:#edf2fa;border-radius:8px;padding:14px}.model-top{transition:transform .35s}.model-open .model-top{transform:translateY(calc(var(--h) * -.9)) rotateX(65deg) translateZ(calc(var(--d) * -.2))}.model-rigid.model-open .model-top{transform:translateY(calc(var(--h) * -1.15)) rotateX(90deg) translateZ(12px)}.model-body>.model-inside{width:var(--w);height:var(--d);top:calc((var(--h) - var(--d))/2);transform:rotateX(90deg) translateZ(calc(var(--h) * -.45));background:#bc9a74}.model-toggle{background:#fff;border:1px solid #9eafc3;border-radius:6px;margin:2px 0 9px;padding:5px 10px}.design-view .model-stage{height:240px}