.design-studio{background:var(--teal);color:var(--ivory);overflow:hidden}.studio-inner{padding-block:85px}.design-studio .eyebrow{color:var(--seafoam)}.design-studio .section-top>p{color:#c6dad1}.design-studio h2 em{color:var(--copper)}.studio-controls{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:27px}.studio-controls fieldset{border:0;padding:0;margin:0;min-width:0}.studio-controls legend{font-size:12px;margin-bottom:13px;color:#cbded4}.studio-business-options,.studio-style-options{display:flex;gap:10px}.studio-controls label{position:relative;cursor:pointer}.studio-controls input{position:absolute;opacity:0;width:1px;height:1px;top:20px;left:12px}.studio-controls label>span{display:flex;align-items:center;gap:11px;border:1px solid #5d8583;border-radius:9px;padding:13px 19px;font-size:14px;transition:background .2s,color .2s}.studio-controls label:hover>span{background:#ffffff10}.studio-controls input:checked+span{background:var(--ivory);color:var(--teal);border-color:var(--ivory)}.studio-controls input:focus-visible+span{outline:3px solid var(--copper);outline-offset:4px}.studio-controls b{font-size:20px;font-weight:500;line-height:1}.style-b{font-family:Arial,sans-serif;font-weight:900!important}.style-p{font-family:Georgia,serif;font-style:italic}.style-f{font-family:'Trebuchet MS',sans-serif;font-weight:700!important;transform:rotate(-7deg)}.studio-style-options input:checked+span{background:var(--copper);border-color:var(--copper)}.studio-browser{border:1px solid #72948c;border-radius:13px;overflow:hidden;box-shadow:0 22px 45px #002e3033}.studio-browser-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#e7ece3;color:var(--teal);padding:13px 19px}.browser-window-dots{display:flex;gap:6px}.browser-window-dots i{width:7px;height:7px;border:1px solid #62827c;border-radius:50%}.browser-caption{font-size:11px;letter-spacing:.2px}.preview-size-controls{display:flex;gap:4px;background:#d3ded4;padding:3px;border-radius:6px}.preview-size-controls button{border:0;background:transparent;color:var(--teal);font-size:10px;cursor:pointer;padding:6px 10px;border-radius:4px;min-height:28px}.preview-size-controls button[aria-pressed="true"]{background:var(--ivory);box-shadow:0 1px 3px #0b4d4f1a}.studio-canvas{padding:22px;background:#c9d8cb;min-width:0;background-image:radial-gradient(#0b4d4f16 1px,transparent 1px);background-size:15px 15px}.sample-site{--sample-bg:#eef1d8;--sample-ink:#183d30;--sample-accent:#c5d75d;--sample-panel:#183d30;--sample-panel-text:#eef1d8;--sample-line:#183d3030;--sample-radius:0px;--sample-heading:Arial,Helvetica,sans-serif;background:var(--sample-bg);color:var(--sample-ink);width:100%;max-width:100%;margin:auto;container-type:inline-size;overflow:hidden;box-shadow:0 8px 25px #12392c17;transition:background .35s,color .35s,max-width .35s;--sample-body:Arial,Helvetica,sans-serif;font-family:var(--sample-body)}.sample-site[data-business="trades"]{--sample-bg:#f1f0e9;--sample-ink:#183c54;--sample-accent:#ff9c48;--sample-panel:#183c54;--sample-panel-text:#f1f0e9;--sample-line:#183c5430}.sample-site[data-business="consultant"]{--sample-bg:#efece3;--sample-ink:#273a38;--sample-accent:#91bdb6;--sample-panel:#273a38;--sample-panel-text:#efece3;--sample-line:#273a3830}.sample-site[data-style="polished"]{--sample-bg:#fbf8ee;--sample-accent:#d5debf;--sample-heading:Georgia,'Times New Roman',serif;--sample-panel:#e2e7d3;--sample-panel-text:#183d30}.sample-site[data-business="trades"][data-style="polished"]{--sample-bg:#fbf7ee;--sample-accent:#ddd9ce;--sample-panel:#e6e3d8;--sample-panel-text:#183c54}.sample-site[data-business="consultant"][data-style="polished"]{--sample-bg:#fbf8ef;--sample-accent:#cbdacf;--sample-panel:#e0e8df;--sample-panel-text:#273a38}.sample-site[data-style="playful"]{--sample-bg:#f6ecb9;--sample-accent:#e8a353;--sample-panel:#bad09c;--sample-panel-text:#183d30;--sample-radius:22px;--sample-heading:'Trebuchet MS',Arial,sans-serif;--sample-body:'Trebuchet MS',Arial,sans-serif}.sample-site[data-business="trades"][data-style="playful"]{--sample-bg:#ffedcf;--sample-accent:#ffc167;--sample-panel:#b0ccd2;--sample-panel-text:#183c54}.sample-site[data-business="consultant"][data-style="playful"]{--sample-bg:#e3eee1;--sample-accent:#ffb46a;--sample-panel:#b4cdc6;--sample-panel-text:#273a38}.sample-site.sample-compact{max-width:390px}.sample-nav{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:27px 35px;border-bottom:1px solid var(--sample-line)}.sample-brand{display:flex;gap:10px;align-items:center;font-size:14px;font-weight:800;letter-spacing:.5px}.sample-brand-symbol{font-size:28px;line-height:1}.sample-nav-note{font-size:11px}.sample-hero{display:grid;grid-template-columns:1.25fr 1fr;gap:32px;padding:44px 35px 39px;align-items:stretch;min-width:0}.sample-hero-copy{align-self:center;min-width:0}.sample-eyebrow{font-size:9px;letter-spacing:1.4px;line-height:1.6;font-weight:700;margin:0 0 24px}.sample-hero h3{font-family:var(--sample-heading);font-size:clamp(33px,4.1vw,60px);line-height:1.02;font-weight:800;letter-spacing:-2.4px;margin:0 0 23px}.sample-hero-copy>p:not(.sample-eyebrow){font-size:14px;line-height:1.6;max-width:355px;margin:0 0 25px}.sample-cta{display:inline-flex;align-items:center;justify-content:center;background:var(--sample-ink);color:var(--sample-bg);padding:14px 19px;font-size:12px;line-height:1.4;font-weight:700;border:1px solid var(--sample-ink);border-radius:var(--sample-radius);cursor:pointer;font-family:var(--sample-body);min-height:43px}.sample-cta:hover{background:var(--sample-accent);color:var(--sample-ink)}.sample-feature{background:var(--sample-panel);color:var(--sample-panel-text);padding:27px;display:flex;flex-direction:column;position:relative;overflow:hidden;min-height:330px;border-radius:var(--sample-radius)}.sample-feature-kicker{font-size:9px;letter-spacing:1.2px;line-height:1.5;font-weight:600;margin-bottom:20px;position:relative;z-index:1}.sample-feature strong{font-family:var(--sample-heading);font-size:31px;line-height:1.12;letter-spacing:-1px;position:relative;z-index:1}.sample-feature-symbol{font-size:160px;line-height:.9;align-self:flex-end;color:var(--sample-accent);margin:18px -10px 0 0;transform:rotate(-10deg);font-weight:400}.sample-feature-bottom{font-size:10px;line-height:1.4;margin-top:auto;padding-top:23px;position:relative;z-index:1}.sample-service-row{display:grid;grid-template-columns:repeat(3,1fr);margin:0 35px 30px;border-top:1px solid var(--sample-line);border-bottom:1px solid var(--sample-line);padding:18px 0;gap:15px}.sample-service-row>span{font-size:11px;font-weight:600;text-align:center;padding:4px 12px;border-right:1px solid var(--sample-line)}.sample-service-row>span:last-child{border:0}.sample-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 35px;border-top:1px solid var(--sample-line);font-size:9px}.sample-footer>span:first-child{font-weight:700;letter-spacing:.6px}.sample-site[data-style="polished"] .sample-nav{padding-block:31px}.sample-site[data-style="polished"] .sample-brand{font-family:var(--sample-heading);font-weight:400;font-size:18px;letter-spacing:1.5px}.sample-site[data-style="polished"] .sample-hero{grid-template-columns:1.15fr 1fr;padding-block:55px;gap:47px}.sample-site[data-style="polished"] .sample-hero h3{font-weight:400;font-size:clamp(32px,3.6vw,53px);letter-spacing:-1.8px;line-height:1.1}.sample-site[data-style="polished"] .sample-feature{border:1px solid var(--sample-line);border-radius:50% 50% 3px 3px;text-align:center;justify-content:center;padding:45px 22px 25px;min-height:365px}.sample-site[data-style="polished"] .sample-feature strong{font-size:28px;font-weight:400;font-style:italic}.sample-site[data-style="polished"] .sample-feature-symbol{align-self:center;font-size:107px;color:var(--sample-ink);opacity:.35;transform:none;margin:23px 0 0}.sample-site[data-style="polished"] .sample-feature-bottom{font-style:italic}.sample-site[data-style="polished"] .sample-cta{background:transparent;color:var(--sample-ink);font-weight:400;letter-spacing:.2px}.sample-site[data-style="polished"] .sample-cta:hover{background:var(--sample-accent)}.sample-site[data-style="playful"] .sample-nav{border-bottom-style:dashed}.sample-site[data-style="playful"] .sample-hero{grid-template-columns:1fr 1.25fr;gap:39px;padding:47px 35px}.sample-site[data-style="playful"] .sample-feature{order:-1;transform:rotate(-3deg);border:2px solid var(--sample-ink);box-shadow:5px 6px 0 var(--sample-ink);margin:6px 5px}.sample-site[data-style="playful"] .sample-feature-symbol{font-size:151px;align-self:center;transform:rotate(13deg);color:var(--sample-ink);opacity:.7}.sample-site[data-style="playful"] .sample-hero h3{letter-spacing:-1.7px;line-height:1.1;font-size:clamp(32px,3.7vw,54px)}.sample-site[data-style="playful"] .sample-cta{background:var(--sample-accent);color:var(--sample-ink);border-width:2px;box-shadow:3px 3px 0 var(--sample-ink)}.sample-site[data-style="playful"] .sample-cta:hover{box-shadow:1px 1px 0 var(--sample-ink);transform:translate(2px,2px)}.sample-site[data-style="playful"] .sample-service-row{border:0;gap:10px}.sample-site[data-style="playful"] .sample-service-row>span{border:1px solid var(--sample-ink);border-radius:30px;padding:11px 13px}.sample-tool{margin:3px 35px 31px;border:1px solid var(--sample-line);padding:25px;background:var(--sample-bg);border-radius:var(--sample-radius)}.sample-tool h4{font-family:var(--sample-heading);font-size:23px;line-height:1.2;margin:0 0 11px;font-weight:600;letter-spacing:-.5px}.sample-tool-intro>p{font-size:13px;margin:0 0 20px;line-height:1.6}.sample-tool>label{display:block;font-size:12px;font-weight:600;margin-bottom:8px}.sample-tool select{width:100%;max-width:100%;font-family:var(--sample-body);font-size:14px;color:var(--sample-ink);border:1px solid var(--sample-ink);border-radius:5px;min-height:44px;padding:10px 30px 10px 12px;background:var(--sample-bg);cursor:pointer}.sample-tool-result{border-left:3px solid var(--sample-ink);padding:3px 0 3px 17px;margin-top:21px}.sample-tool-result strong{font-size:14px;line-height:1.4}.sample-tool-result p{font-size:13px;line-height:1.6;margin:9px 0 0;max-width:650px}.sample-tool-disclaimer{font-size:10px;margin:20px 0 0;line-height:1.5}.sample-site button:focus-visible,.sample-site select:focus-visible{outline:3px solid var(--sample-ink);outline-offset:4px}.studio-under{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-top:32px;align-items:center}.studio-live-label{font-size:9px;letter-spacing:1.5px;color:var(--seafoam)}.studio-observations h3{font-size:25px;line-height:1.2;letter-spacing:-.6px;margin:12px 0}.studio-observations p{font-size:14px;line-height:1.6;color:#ccdfd4;margin:0;max-width:470px}.studio-note{font-size:13px;line-height:1.7;color:#bfd5ca;margin:0;padding-left:30px;border-left:1px solid #527b74}.next-showcase{margin:31px 0 0}.next-showcase .text-link{font-size:13px}
@container(max-width:620px){.sample-nav{padding:23px;flex-wrap:wrap;gap:8px}.sample-nav-note{width:100%;font-size:10px;padding-left:33px}.sample-brand{font-size:12px}.sample-hero{grid-template-columns:1fr!important;padding:29px 23px!important;gap:27px!important}.sample-hero h3{font-size:43px!important;letter-spacing:-1.7px!important;line-height:1.06!important}.sample-hero-copy>p:not(.sample-eyebrow){font-size:14px}.sample-eyebrow{font-size:8px;margin-bottom:19px}.sample-feature{min-height:225px;max-width:none;padding:24px}.sample-feature strong{font-size:28px}.sample-feature-symbol{font-size:108px;position:absolute;right:16px;bottom:37px;opacity:.5;margin:0}.sample-feature-kicker{font-size:8px}.sample-feature-bottom{font-size:10px;max-width:185px;padding-top:55px}.sample-service-row{margin:0 23px 25px;gap:8px;padding-block:13px}.sample-service-row>span{font-size:10px;line-height:1.4;padding:4px 6px}.sample-footer{padding:17px 23px;font-size:8px;gap:16px}.sample-site[data-style="polished"] .sample-brand{font-size:16px;letter-spacing:.4px}.sample-site[data-style="polished"] .sample-feature{min-height:280px;max-width:285px;width:100%;justify-self:center;padding-top:39px}.sample-site[data-style="polished"] .sample-feature-symbol{position:static;font-size:75px;margin-top:17px}.sample-site[data-style="polished"] .sample-feature-bottom{max-width:none;padding-top:16px}.sample-site[data-style="polished"] .sample-hero h3{font-size:39px!important;line-height:1.14!important}.sample-site[data-style="playful"] .sample-feature{order:0;min-height:225px;margin:3px 6px}.sample-site[data-style="playful"] .sample-feature-symbol{font-size:108px;opacity:.35}.sample-site[data-style="playful"] .sample-service-row{grid-template-columns:1fr;margin-inline:27px;gap:8px}.sample-site[data-style="playful"] .sample-service-row>span{font-size:11px}.sample-tool{margin:3px 23px 25px;padding:20px}.sample-tool h4{font-size:21px}.sample-tool select{font-size:13px}.sample-tool-result p{font-size:12px}.sample-tool-disclaimer{font-size:9px}}
@media(max-width:1100px){.studio-inner{padding-block:75px}.studio-controls{gap:25px}.studio-controls label>span{font-size:13px;padding:13px 15px;gap:8px}.studio-controls b{font-size:18px}.studio-under{gap:35px}.studio-note{padding-left:25px}}
@media(max-width:760px){.studio-inner{padding-block:60px}.studio-controls{display:grid;grid-template-columns:1fr;gap:25px;margin-bottom:26px}.studio-controls legend{font-size:12px}.studio-business-options,.studio-style-options{gap:9px}.studio-controls label{flex:1}.studio-controls label>span{justify-content:center;gap:7px;padding:13px 9px;font-size:12px}.studio-controls b{font-size:17px}.studio-browser{border-radius:10px}.studio-browser-bar{padding:11px 12px;gap:10px;flex-wrap:wrap}.browser-window-dots{display:none}.browser-caption{font-size:10px;flex:1;max-width:170px;line-height:1.4}.preview-size-controls{gap:2px}.preview-size-controls button{font-size:9px;padding:6px 8px}.studio-canvas{padding:10px}.studio-under{grid-template-columns:1fr;gap:24px;padding-top:26px}.studio-note{font-size:12px;border-left:0;border-top:1px solid #527b74;padding:22px 0 0}.studio-observations h3{font-size:24px}.studio-observations p{font-size:13px}.next-showcase .text-link{font-size:12px}}
@media(prefers-reduced-motion:reduce){.sample-site,.studio-controls label>span{transition:none}}