@font-face{font-family:Geist;src:url('/sitiosweb-assets/geist-latin.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;font-family:Geist,Arial,sans-serif;background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:auto}p,h1,h2,h3,figure{margin:0}p{line-height:1.65}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.cafe{--paper:#fff7e8;--ink:#302e23;--accent:#6c4730;--wash:#e9ead9;--line:#d6d4bf;--ribbon:#e6ca7b}.dental{--paper:#f4f7fa;--ink:#142d4d;--accent:#1d4b91;--wash:#e4eaf2;--line:#ccd9e7;--ribbon:#dce7e2}.trades{--paper:#faf4e8;--ink:#292f2a;--accent:#9e4426;--wash:#ebdfcb;--line:#d8c9b3;--ribbon:#eacaab}.frame{width:min(1160px,calc(100% - 80px));margin-inline:auto}.skip{position:fixed;z-index:50;top:12px;left:12px;padding:12px;background:var(--ink);color:white;transform:translateY(-180%)}.skip:focus{transform:translateY(0)}.example-notice{min-height:30px;padding:8px 25px;display:flex;justify-content:center;align-items:center;gap:30px;font-size:9px;line-height:1.4;background:var(--ink);color:var(--paper)}.example-notice a{font-weight:600}.demo-header{height:93px;display:flex;justify-content:space-between;align-items:center;gap:24px;border-bottom:1px solid var(--line)}.category{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:650;letter-spacing:-.04em}.category-symbol{font-size:33px;line-height:1;color:var(--accent)}.demo-header nav{display:flex;gap:32px;font-size:12px;font-weight:500}.demo-hero{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;padding-top:55px;padding-bottom:70px}.kicker{font-size:9px;font-weight:650;letter-spacing:.11em;color:var(--accent);line-height:1.6}h1,h2{font-weight:550;letter-spacing:-.065em;line-height:1.07;text-wrap:balance}h1{font-size:clamp(45px,5.8vw,77px);margin-top:22px}h2{font-size:clamp(35px,4.5vw,59px)}h1 em,h2 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.055em;color:var(--accent)}.cafe h1{font-family:Georgia,serif;font-weight:400;letter-spacing:-.045em}.cafe h1 em{letter-spacing:-.05em}.intro{font-size:15px;margin-top:24px;max-width:390px;opacity:.8}.actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:29px}.primary-button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:49px;padding:14px 20px;background:var(--accent);color:var(--paper);font-size:12px;font-weight:600;border-radius:8px;line-height:1.5}.primary-button>span{font-size:19px;line-height:1}.primary-button:hover{filter:brightness(.92)}.plain-link{font-size:11px;font-weight:550;padding-block:10px}.plain-link>span{margin-left:9px}.detail-line{display:flex;gap:8px;align-items:center;font-size:9px;margin-top:23px;opacity:.7}.hero-image{position:relative}.hero-image img{aspect-ratio:4/5;object-fit:cover;border-radius:15px}.cafe .hero-image img{border-radius:45% 45% 9px 9px;object-position:55%}.dental .hero-image img{aspect-ratio:1/1.09;object-position:40%;border-radius:19px}.trades .hero-image img{aspect-ratio:1/1.05;border-radius:4px}.hero-image figcaption{position:absolute;bottom:12px;right:14px;padding:5px 8px;border-radius:4px;background:#fffdf6eb;color:#41504c;font-size:8px}.demo-ribbon{display:flex;align-items:center;justify-content:center;gap:36px;overflow:hidden;padding:22px 15px;background:var(--ribbon);font-size:11px;font-weight:650;letter-spacing:.08em;white-space:nowrap}.demo-ribbon>span{font-size:25px;font-weight:400;line-height:1}.services{padding-block:77px}.services>.kicker{margin-bottom:21px}.services>h2{max-width:600px}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:39px}.service-grid article{border-top:1px solid var(--line);padding-top:22px}.card-number{font-size:10px;color:var(--accent);font-weight:550}.service-grid h3{font-size:20px;font-weight:600;letter-spacing:-.04em;margin-top:21px}.service-grid p{font-size:12px;opacity:.75;max-width:290px;margin-top:12px}.contact-example{background:var(--wash);padding-block:73px}.contact-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:115px;align-items:center}.contact-layout h2{font-size:48px;margin-top:21px}.contact-layout>div:first-child>p:not(.kicker){max-width:430px;font-size:13px;opacity:.8;margin-top:23px}.contact-layout .primary-button{margin-top:25px}.contact-placeholder{border:1px solid var(--line);padding:30px;border-radius:11px;background:var(--paper)}.placeholder-icon{font-size:37px;line-height:1;color:var(--accent)}.contact-placeholder h3{font-size:20px;font-weight:550;letter-spacing:-.03em;margin-top:16px}.contact-placeholder p{font-size:12px;opacity:.8;margin-top:13px}.contact-placeholder small{display:block;font-size:9px;line-height:1.8;opacity:.75;border-top:1px solid var(--line);padding-top:18px;margin-top:21px}.owner-invitation{display:flex;align-items:center;justify-content:space-between;gap:45px;padding-block:74px}.owner-invitation h2{font-size:47px;margin-top:20px}.demo-footer{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:25px 0;border-top:1px solid var(--line);font-size:10px;opacity:.8}dialog{padding:40px;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:15px;width:min(540px,calc(100% - 40px));box-shadow:0 20px 90px #13291d3b}dialog::backdrop{background:#12231c7a;backdrop-filter:blur(3px)}dialog h2{font-size:42px;margin-top:21px}dialog>p:not(.kicker){font-size:13px;margin-top:22px;line-height:1.75;opacity:.8}dialog .primary-button{margin-top:24px}.close-dialog{position:absolute;right:13px;top:10px;width:33px;height:33px;border:0;border-radius:50%;background:var(--wash);color:var(--ink);font-size:25px}
@media(max-width:760px){.frame{width:calc(100% - 48px)}.example-notice{justify-content:center;padding:8px 16px;font-size:8px;min-height:30px}.example-notice a{display:none}.demo-header{height:76px;gap:13px}.category{font-size:12px;gap:8px}.category-symbol{font-size:27px}.demo-header nav{font-size:10px;gap:18px}.demo-hero{grid-template-columns:1fr;gap:31px;padding-top:32px;padding-bottom:38px}.kicker{font-size:8px;letter-spacing:.09em}h1{font-size:54px;line-height:1.03;margin-top:19px}.intro{font-size:13px;margin-top:20px;max-width:340px}.actions{gap:22px;margin-top:23px}.primary-button{min-height:46px;padding:12px 15px;font-size:11px;gap:17px}.plain-link{font-size:10px}.detail-line{font-size:8px;margin-top:20px}.hero-image img,.cafe .hero-image img,.dental .hero-image img,.trades .hero-image img{aspect-ratio:1.2/1;max-height:420px}.cafe .hero-image img{border-radius:43% 43% 7px 7px}.dental .hero-image img{border-radius:13px}.hero-image figcaption{font-size:7px;bottom:10px;right:11px}.demo-ribbon{justify-content:flex-start;gap:23px;padding:19px 24px;font-size:9px;letter-spacing:.06em}.demo-ribbon>span{font-size:20px}.services{padding-block:49px}.services>.kicker{margin-bottom:17px}h2{font-size:39px;line-height:1.08}.service-grid{grid-template-columns:1fr;gap:24px;margin-top:29px}.service-grid article{padding-top:19px}.service-grid h3{font-size:20px;margin-top:14px}.service-grid p{font-size:12px;max-width:100%;margin-top:10px}.contact-example{padding-block:50px}.contact-layout{grid-template-columns:1fr;gap:32px}.contact-layout h2{font-size:40px;margin-top:17px}.contact-layout>div:first-child>p:not(.kicker){font-size:12px;margin-top:19px}.contact-placeholder{padding:25px}.contact-placeholder h3{font-size:20px}.owner-invitation{display:block;padding-block:51px}.owner-invitation h2{font-size:41px;margin-top:17px}.owner-invitation>.primary-button{margin-top:27px}.demo-footer{font-size:8px;gap:13px;line-height:1.7}.demo-footer a{flex-shrink:0}dialog{padding:30px 24px}dialog h2{font-size:34px}dialog>p:not(.kicker){font-size:12px}}
@media(max-width:360px){.frame{width:calc(100% - 36px)}h1{font-size:48px}.category{font-size:10px;gap:5px}.demo-header nav{font-size:9px;gap:12px}.category-symbol{font-size:24px}.intro{font-size:12px}.primary-button{font-size:10px}.plain-link{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}