.showcase{--demo-ink:#213c38;--demo-accent:#34594f;background:#f6f4ef;color:var(--demo-ink);min-height:100vh;font-family:'DM Sans',Arial,sans-serif}.showcase *{box-sizing:border-box}.showcase h1{font-size:clamp(46px,6vw,88px);font-weight:500;letter-spacing:-.055em;line-height:1.02;margin:24px 0}.showcase h2{font-size:clamp(28px,3vw,42px);font-weight:500;line-height:1.12;letter-spacing:-.035em}.showcase h3{font-size:24px;line-height:1.2;font-weight:550}.showcase p{line-height:1.75}.demo-disclosure{padding:12px 4%;background:#18364a;color:white;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;font-size:12px}.demo-disclosure a{text-decoration:underline}.demo-local-nav{display:flex;justify-content:space-between;align-items:center;padding:30px 6%;gap:25px}.demo-local-nav strong{font-size:20px;letter-spacing:-.04em}.demo-local-nav small{display:block;font-size:12px;letter-spacing:0;font-weight:400}.demo-local-nav nav{display:flex;gap:30px;flex-wrap:wrap;font-size:14px}.demo-kicker{font-size:11px;letter-spacing:.15em;font-weight:650}.demo-section{padding:75px 6%;scroll-margin-top:20px}.demo-button,.showcase button{display:inline-block;padding:14px 22px;border:1px solid var(--demo-accent);background:var(--demo-accent);color:#fff;border-radius:2px;cursor:pointer;font-weight:600;font-size:14px}.showcase button[aria-pressed=true]{outline:2px solid var(--demo-ink);outline-offset:3px}.showcase button[aria-pressed=false]{background:transparent;color:var(--demo-ink);border-color:#a4b0a7}.showcase input,.showcase select,.showcase textarea{display:block;width:100%;padding:13px;border:1px solid #81958e;border-radius:2px;background:#fff;color:#213c38;font:inherit;margin-top:8px}.showcase label{display:block;font-size:14px;line-height:1.5}.showcase textarea{min-height:110px}.demo-art{width:100%;height:auto;display:block}.architecture-hero{display:grid;grid-template-columns:1fr 1.1fr;gap:50px;align-items:center;padding:40px 0 40px 6%}.architecture-hero>div{max-width:600px}.architecture-hero>svg{height:620px;object-fit:cover}.demo-section-title{display:flex;justify-content:space-between;align-items:center;gap:25px;flex-wrap:wrap;margin-bottom:35px}.demo-section-title h2{max-width:600px}.demo-switch{display:flex;gap:12px;flex-wrap:wrap}.architecture-project{display:grid;grid-template-columns:1.25fr 1fr;gap:60px;align-items:center}.architectural-services{background:#e3e6dd;display:grid;grid-template-columns:1fr 1fr;gap:70px}.architectural-services ol{list-style:none;padding:0}.architectural-services li{border-bottom:1px solid #a6b6aa;padding:25px 0;font-size:20px}.demo-form{max-width:720px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:22px}.demo-form h2,.demo-form>p,.demo-form label:has(textarea){grid-column:1/-1}.demo-form h2{margin-bottom:0}.demo-form>p{margin:0}.demo-form button{justify-self:start;align-self:end}.demo-footer{display:flex;justify-content:space-between;align-items:center;padding:30px 6%;gap:25px;background:#e4e9e3;font-size:13px}.theme-dental{--demo-ink:#244f60;--demo-accent:#28677a;background:#f7fbfc}.dental-hero{padding:50px 8% 70px;display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:center}.dental-hero h1{font-size:clamp(44px,5.5vw,76px)}.dental-visual{background:#dcecef;border-radius:50% 50% 10px 10px;padding:30px;text-align:center}.dental-visual svg{width:70%;max-height:350px}.dental-visual p{font-size:12px}.treatment-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;border-top:1px solid #c8dfe4}.treatment-layout button{display:block;width:100%;text-align:left;margin:16px 0;border-radius:5px}.treatment-layout article{background:white;border-left:4px solid #5f9cab;padding:35px;align-self:center}.clinician-concept{background:#e6f0f2;display:grid;grid-template-columns:1fr 1fr;gap:20px 70px}.clinician-concept ol{grid-column:2;padding-left:20px}.theme-real-estate{background:#fff;--demo-ink:#252d2b;--demo-accent:#303d37}.theme-real-estate .demo-local-nav{border-bottom:1px solid #cbd4cf}.property-hero{position:relative;padding:55px 6%;background:#efeee8;display:grid;grid-template-columns:1fr 1fr;gap:30px}.property-hero>.demo-kicker{grid-column:1}.property-hero h1{grid-column:1;grid-row:2}.property-hero svg{grid-column:2;grid-row:1/4}.property-layout{display:grid;grid-template-columns:260px 1fr;gap:50px}.property-layout aside label{margin:25px 0}.property-layout aside p{font-size:13px}.property-layout aside h2{font-size:28px}.property-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.property-grid article{border-bottom:1px solid #b6c9bf}.property-grid article>div{padding:20px 0}.property-grid p{font-size:13px}.showcase dialog{max-width:650px;width:90%;border:1px solid #8a9b91;padding:30px;color:var(--demo-ink)}.showcase dialog::backdrop{background:#152c2677}.theme-education{--demo-ink:#34304e;--demo-accent:#5a4b93;background:#f6f4fa}.education-hero{padding:55px 6%;display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center}.learning-stack{padding:35px 0}.learning-stack span{display:block;padding:30px;margin:15px 0;border:1px solid #b1a7cc;background:#e7e1f2;font-size:23px;transform:rotate(-3deg)}.learning-stack span:nth-child(2){background:#f3e2cb;transform:rotate(2deg);margin-left:25px}.learning-stack span:nth-child(3){background:#dce9dd;transform:rotate(-1deg)}.course-tools{display:grid;grid-template-columns:2fr 1fr;gap:25px}.course-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:25px}.course-grid article{border-top:3px solid #8b80b5;background:#fff;padding:30px}.course-mark{font-size:50px;letter-spacing:-.06em;display:block;color:#6c6093}.course-grid details{border-top:1px solid #ddd7e9;padding-top:15px;font-size:14px}.theme-saas{--demo-ink:#263b46;--demo-accent:#2d766d;background:#f1f5f7}.dashboard-demo{display:grid;grid-template-columns:240px 1fr;min-height:85vh}.dashboard-demo aside{background:#203641;color:#eef5f7;padding:35px 25px}.dashboard-demo aside nav{display:grid;gap:15px;margin:45px 0}.dashboard-demo aside button{border:0;text-align:left;background:transparent;color:#fff}.dashboard-demo aside button[aria-pressed=true]{background:#37505a;outline:1px solid #8bb8ae}.dashboard-demo aside button[aria-pressed=false]{color:#fff}.dashboard-demo aside p{font-size:12px}.dashboard-demo>section{padding:45px 5%;min-width:0}.dashboard-demo h1{font-size:48px}.dashboard-numbers{display:grid;grid-template-columns:1fr 1fr;gap:25px}.dashboard-numbers article{padding:25px;background:white;border:1px solid #d1dfe1}.dashboard-numbers strong{display:block;font-size:42px}.dashboard-numbers span{font-size:14px}.sample-chart{margin:30px 0;padding:25px;background:white;border:1px solid #d1dfe1}.sample-chart figcaption{font-size:13px;margin-bottom:20px}.sample-chart text{font:14px 'DM Sans',Arial,sans-serif;fill:#263b46}.demo-user-form{display:flex;gap:20px;align-items:end;margin-bottom:30px}.demo-user-form label{flex:1}.demo-table-wrap{overflow:auto;margin-top:25px}.demo-table-wrap table{border-collapse:collapse;width:100%;text-align:left;background:white}.demo-table-wrap th,.demo-table-wrap td{padding:18px;border-bottom:1px solid #d1dfe1}.demo-table-wrap caption{text-align:left;padding:15px 0}.theme-travel{--demo-ink:#33463d;--demo-accent:#4a6556;background:#f7f3e9}.travel-hero{position:relative;margin:20px 6% 0;min-height:630px;background:#d9e2d7;padding:45px;overflow:hidden}.travel-hero svg{position:absolute;right:0;bottom:0;width:70%;height:100%;object-fit:cover;opacity:.8}.travel-hero h1,.travel-hero>p{position:relative;z-index:1;max-width:530px}.travel-hero>p:last-child{background:#f7f3e9;padding:15px;font-size:13px;max-width:380px;margin-top:80px}.journey-list article{display:grid;grid-template-columns:40px 180px 1fr auto;gap:25px;align-items:center;border-top:1px solid #a7b6a8;padding:25px 0}.journey-list article>span{font-size:24px}.journey-list h3{margin:10px 0}.journey-list p,.journey-list details{font-size:14px}.showcase :focus-visible{outline:3px solid #166f91;outline-offset:4px}.showcase summary{cursor:pointer}
@media(max-width:900px){.architecture-hero,.education-hero,.dental-hero{gap:30px}.demo-local-nav nav{gap:15px}.dashboard-demo{grid-template-columns:190px 1fr}.property-layout{grid-template-columns:210px 1fr;gap:25px}.property-grid{grid-template-columns:1fr}.journey-list article{grid-template-columns:30px 130px 1fr}.journey-list article>a{grid-column:3}.travel-hero{padding:30px}.showcase h1{font-size:55px}}
@media(max-width:600px){.demo-disclosure{gap:7px;display:grid;font-size:11px}.demo-local-nav{padding:24px 6%;display:block}.demo-local-nav nav{margin-top:20px;font-size:12px;gap:16px}.showcase h1{font-size:46px}.architecture-hero,.architecture-project,.education-hero,.dental-hero,.treatment-layout,.architectural-services,.clinician-concept,.property-hero,.property-layout{grid-template-columns:1fr}.architecture-hero{padding:20px 6%;gap:30px}.architecture-hero>svg{height:auto}.demo-section{padding:45px 6%}.architecture-project{gap:25px}.demo-switch button{font-size:12px;padding:10px}.architectural-services{gap:25px}.demo-form{grid-template-columns:1fr}.demo-form h2,.demo-form>p,.demo-form label:has(textarea){grid-column:1}.demo-footer{display:block}.dental-hero{padding:25px 6%;gap:25px}.dental-visual{margin:0 30px}.clinician-concept ol{grid-column:1}.property-hero svg{grid-row:auto;grid-column:1}.property-hero h1{grid-row:auto}.property-layout{gap:25px}.property-layout aside{border-bottom:1px solid #cad6cf;padding-bottom:20px}.course-tools,.course-grid{grid-template-columns:1fr}.education-hero{padding:25px 6%;gap:15px}.learning-stack{padding:15px}.learning-stack span{font-size:18px;padding:20px}.dashboard-demo{grid-template-columns:1fr}.dashboard-demo aside{padding:20px}.dashboard-demo aside nav{display:flex;margin:20px 0;gap:10px}.dashboard-demo aside button{font-size:13px;padding:10px}.dashboard-demo aside p{margin:0}.dashboard-demo>section{padding:25px 6%}.dashboard-numbers{gap:12px}.dashboard-numbers article{padding:16px}.dashboard-numbers strong{font-size:32px}.demo-user-form{display:block}.demo-user-form button{margin-top:15px}.demo-table-wrap th,.demo-table-wrap td{padding:12px;font-size:13px}.demo-table-wrap button{font-size:12px;padding:9px}.travel-hero{padding:25px;margin:0 6%;min-height:600px}.travel-hero svg{width:100%;opacity:.6}.travel-hero>p:last-child{margin-top:110px}.journey-list article{grid-template-columns:25px 1fr;gap:15px}.journey-list article>svg{grid-column:2}.journey-list article>div,.journey-list article>a{grid-column:2}}