:root{--purple:#6d28d9;--purple-dark:#3b1675;--ink:#171126;--muted:#675f75;--line:#e9e3f4;--paper:#faf9fd;--sample-color:#334155;--sample-accent:#c084fc;--sample-soft:#f8fafc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--paper)}a{color:inherit}.photon-header{height:78px;padding:0 clamp(22px,5vw,78px);display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.photon-brand{text-decoration:none;font-size:21px;font-weight:900;letter-spacing:.12em}.photon-header nav{display:flex;align-items:center;gap:26px}.photon-header nav a{text-decoration:none;font-size:14px;font-weight:700}.photon-header nav a.active{color:var(--purple)}.gallery-menu{display:none;width:44px;height:44px;padding:10px;border:0;border-radius:10px;background:transparent;cursor:pointer}.gallery-menu span,.mobile-menu span{display:block;width:24px;height:2px;margin:5px auto;border-radius:10px;background:currentColor;transition:transform .22s ease,opacity .22s ease}.gallery-menu.open span:nth-child(1),.mobile-menu.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.gallery-menu.open span:nth-child(2),.mobile-menu.open span:nth-child(2){opacity:0}.gallery-menu.open span:nth-child(3),.mobile-menu.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-cta,.primary-button{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--purple);color:#fff!important;padding:13px 20px;text-decoration:none;font-weight:800;box-shadow:0 10px 25px rgba(109,40,217,.2)}.gallery-hero{padding:clamp(70px,10vw,140px) clamp(22px,8vw,120px);min-height:590px;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 80% 25%,rgba(168,85,247,.19),transparent 28%),radial-gradient(circle at 15% 90%,rgba(109,40,217,.13),transparent 27%),linear-gradient(135deg,#fbf9ff,#f4efff)}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--purple);font-size:12px;font-weight:900}.gallery-hero h1{font-size:clamp(44px,7vw,86px);line-height:.98;letter-spacing:-.055em;max-width:900px;margin:20px 0 26px}.gallery-hero p{font-size:clamp(17px,2vw,21px);line-height:1.7;color:var(--muted);max-width:750px}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:22px}.text-button{font-weight:850;color:var(--purple-dark);text-underline-offset:5px}.gallery-section{padding:90px clamp(20px,6vw,90px);max-width:1600px;margin:auto}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px}.section-heading h2,.custom-cta h2{font-size:clamp(34px,4vw,56px);letter-spacing:-.04em;margin:10px 0}.search-box{width:min(460px,100%)}.search-box input{width:100%;border:1px solid #d9d1e8;background:#fff;border-radius:16px;padding:16px 18px;font:inherit;outline:none;box-shadow:0 8px 30px rgba(36,20,61,.05)}.search-box input:focus{border-color:var(--purple);box-shadow:0 0 0 4px rgba(109,40,217,.11)}.filter-row{display:flex;gap:10px;flex-wrap:wrap;margin:36px 0}.filter{border:1px solid #ddd4eb;background:#fff;padding:10px 16px;border-radius:999px;font-weight:750;color:#514760;cursor:pointer}.filter.active,.filter:hover{background:var(--ink);border-color:var(--ink);color:#fff}.demo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.demo-card{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 14px 45px rgba(37,20,64,.07);transition:.25s transform,.25s box-shadow}.demo-card:hover{transform:translateY(-6px);box-shadow:0 22px 55px rgba(37,20,64,.13)}.demo-card[hidden]{display:none}.mini-site{height:260px;padding:24px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;color:#fff}.mini-site:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,0,0,.08),rgba(0,0,0,.38))}.mini-site span,.mini-site strong{position:relative;z-index:1}.mini-site span{position:absolute;top:22px;left:24px;font-size:11px;font-weight:900;letter-spacing:.14em}.mini-site strong{font-family:Georgia,serif;font-size:31px;line-height:1.08;width:70%}.mini-site i{position:absolute;right:-25px;bottom:-45px;width:180px;height:180px;border:35px solid rgba(255,255,255,.14);border-radius:50%}.restaurant-mini{background:#9a3412}.bakery-mini{background:#9d174d}.daycare-mini{background:#0f766e}.lawn-mini{background:#166534}.towing-mini{background:#b91c1c}.photo-mini{background:#334155}.events-mini{background:#7e22ce}.construction-mini{background:#1e3a5f}.store-mini{background:#1f5d50}.demo-card-copy{padding:26px}.category-label{font-size:11px;letter-spacing:.13em;text-transform:uppercase;font-weight:900;color:var(--purple)}.demo-card h3{font-size:23px;margin:9px 0}.demo-card p{color:var(--muted);line-height:1.65;min-height:78px}.demo-card-copy a{display:inline-flex;gap:10px;text-decoration:none;color:var(--purple);font-weight:850}.empty-results{padding:50px;border:1px dashed #c8bdd9;background:#fff;border-radius:20px;text-align:center;color:var(--muted)}.custom-cta{margin:30px clamp(20px,6vw,90px) 90px;padding:clamp(38px,6vw,75px);border-radius:30px;background:linear-gradient(130deg,var(--purple-dark),var(--purple));color:#fff;display:flex;align-items:center;justify-content:space-between;gap:50px}.custom-cta .eyebrow{color:#d8b4fe}.custom-cta p{color:#e9d5ff;line-height:1.7;max-width:760px}.primary-button.light{background:#fff;color:var(--purple-dark)!important;white-space:nowrap}.photon-footer{padding:40px clamp(20px,6vw,90px);display:flex;gap:25px;align-items:center;flex-wrap:wrap;background:#130b21;color:#cfc6da}.photon-footer strong{color:#fff;margin-right:auto}.photon-footer a{color:#e9d5ff}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.demo-notice{min-height:42px;padding:9px 4vw;display:flex;align-items:center;justify-content:center;gap:28px;background:#160b28;color:#fff;font-size:12px;font-weight:750}.demo-notice a{color:#ddd6fe}.sample-header{height:78px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:#fff;position:sticky;top:0;z-index:15;box-shadow:0 2px 18px rgba(15,23,42,.08)}.sample-logo{font-weight:950;letter-spacing:.13em;text-decoration:none;color:var(--sample-color)}.sample-header nav{display:flex;align-items:center;gap:28px}.sample-header nav a{text-decoration:none;font-size:14px;font-weight:750}.sample-cta{padding:11px 17px;border-radius:5px;background:var(--sample-color);color:#fff}.mobile-menu{display:none;border:0;background:none;font-size:24px}.sample-hero{height:min(780px,calc(100vh - 120px));min-height:600px;background-size:cover;background-position:center;position:relative;color:#fff;display:flex;align-items:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,8,12,.78) 0%,rgba(6,8,12,.5) 50%,rgba(6,8,12,.12) 100%)}.sample-hero-content{position:relative;z-index:2;padding:0 7vw;max-width:820px}.sample-kicker,.sample-heading>span,.about-copy>span,.sample-review>span,.sample-contact>div>span{display:block;text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:900;color:var(--sample-accent)}.sample-hero h1{font-family:Georgia,serif;font-size:clamp(48px,7vw,92px);line-height:.98;letter-spacing:-.045em;margin:20px 0}.sample-hero-content>p{font-size:19px;line-height:1.7;color:#f1f5f9;max-width:670px}.sample-actions{display:flex;gap:14px;margin-top:30px}.sample-primary,.sample-secondary{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;padding:15px 22px;border-radius:4px;font-weight:850;border:0;cursor:pointer}.sample-primary{background:var(--sample-accent);color:#111827}.sample-secondary{border:1px solid rgba(255,255,255,.7);color:#fff;background:rgba(255,255,255,.07)}.trust-row{position:absolute;z-index:3;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:8vw;padding:20px;background:rgba(0,0,0,.42);backdrop-filter:blur(10px);font-size:13px;font-weight:800}.sample-services{padding:100px 7vw;background:#fff}.sample-heading{text-align:center;max-width:780px;margin:0 auto 50px}.sample-heading h2,.about-copy h2,.sample-contact h2{font-family:Georgia,serif;font-size:clamp(36px,5vw,61px);letter-spacing:-.035em;margin:12px 0}.sample-heading p,.about-copy p,.sample-contact p{color:#64748b;font-size:17px;line-height:1.75}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1300px;margin:auto}.service-grid article{padding:34px;border:1px solid #e2e8f0;background:var(--sample-soft)}.service-grid b{color:var(--sample-color);font-size:12px}.service-grid h3{font-family:Georgia,serif;font-size:26px;margin:18px 0 10px}.service-grid p{color:#64748b;line-height:1.7;min-height:84px}.service-grid a,.sample-text-link{color:var(--sample-color);font-weight:850;text-decoration:none}.sample-about{display:grid;grid-template-columns:1fr 1fr;min-height:650px;background:var(--sample-soft)}.about-image{background-size:cover;background-position:center;min-height:480px}.about-copy{padding:8vw;display:flex;flex-direction:column;justify-content:center}.about-copy ul{padding:0;list-style:none;display:grid;gap:13px;margin:25px 0}.about-copy li:before{content:'✓';color:var(--sample-color);font-weight:950;margin-right:12px}.sample-review{padding:110px 8vw;text-align:center;background:var(--sample-color);color:#fff}.sample-review>span{color:var(--sample-accent)}.sample-review blockquote{font-family:Georgia,serif;font-size:clamp(30px,4vw,50px);line-height:1.35;max-width:950px;margin:30px auto}.sample-review strong{color:var(--sample-accent)}.sample-contact{padding:100px 8vw;display:grid;grid-template-columns:1fr 1fr;gap:9vw;background:#fff}.sample-contact form{padding:34px;background:var(--sample-soft);border:1px solid #e2e8f0}.sample-contact label{display:block;font-size:13px;font-weight:800;margin-bottom:18px}.sample-contact input,.sample-contact textarea{width:100%;margin-top:8px;padding:14px;border:1px solid #cbd5e1;background:#fff;font:inherit}.sample-contact textarea{min-height:120px;resize:vertical}.sample-contact .sample-primary{background:var(--sample-color);color:#fff;width:100%}.sample-success{padding:20px;color:var(--sample-color);font-weight:800;line-height:1.7}.sample-footer{padding:50px 7vw;background:#0f172a;color:#cbd5e1;display:grid;gap:12px}.sample-footer strong{color:#fff;font-size:18px}.sample-footer span{max-width:700px}.sample-footer small{margin-top:20px}.sample-footer a{color:var(--sample-accent)}
@media(max-width:1050px){.demo-grid{grid-template-columns:repeat(2,1fr)}.sample-about,.sample-contact{grid-template-columns:1fr}.about-copy{padding:70px 7vw}.sample-contact{gap:40px}.service-grid{grid-template-columns:1fr}.service-grid p{min-height:0}}
@media(max-width:760px){body{overflow-x:hidden}.photon-header{height:72px;padding:0 18px;align-items:center}.photon-brand{font-size:17px}.gallery-menu{display:block;color:var(--ink)}.photon-header nav{display:none;position:absolute;top:72px;left:12px;right:12px;padding:12px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 45px rgba(20,10,35,.18)}.photon-header nav.open{display:grid;gap:4px}.photon-header nav a{padding:13px 14px;border-radius:10px}.photon-header nav a:hover,.photon-header nav a.active{background:#f4efff}.photon-header .nav-cta{margin-top:5px}.gallery-hero{min-height:520px;padding:72px 20px}.gallery-hero h1{font-size:43px;line-height:1.02}.gallery-hero p{font-size:16px}.hero-actions,.section-heading,.custom-cta{align-items:stretch;flex-direction:column}.hero-actions .primary-button,.hero-actions .text-button{text-align:center}.demo-grid{grid-template-columns:1fr}.gallery-section{padding:60px 16px}.section-heading h2{font-size:38px}.filter-row{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px;margin:26px 0;scrollbar-width:none}.filter-row::-webkit-scrollbar{display:none}.filter{white-space:nowrap;min-height:44px}.mini-site{height:220px}.mini-site strong{font-size:27px}.demo-card p{min-height:0}.demo-card-copy{padding:22px}.custom-cta{margin:10px 16px 55px;padding:38px 24px;gap:22px}.custom-cta h2{font-size:35px}.primary-button.light{width:100%}.demo-notice{justify-content:flex-start;overflow:auto;white-space:nowrap}.demo-notice span{display:none}.sample-header{height:68px;padding:0 18px}.sample-logo{font-size:14px}.mobile-menu{display:block;width:44px;height:44px;padding:10px;border:0;border-radius:10px;background:transparent;color:var(--sample-color);cursor:pointer}.sample-header nav{display:none;position:absolute;left:12px;right:12px;top:68px;padding:12px;background:#fff;border-radius:12px;box-shadow:0 15px 25px rgba(15,23,42,.16)}.sample-header nav.open{display:grid;gap:4px}.sample-header nav a{padding:12px;border-radius:7px}.sample-header nav .sample-cta{text-align:center}.sample-hero{min-height:650px;height:calc(100vh - 110px);background-position:center}.sample-hero-content{padding:0 20px}.sample-hero h1{font-size:44px}.sample-hero-content>p{font-size:16px}.sample-actions{align-items:stretch;flex-direction:column}.trust-row{gap:8px;justify-content:space-around;font-size:9px;padding:15px 6px}.sample-services,.sample-contact{padding:65px 18px}.sample-heading h2,.about-copy h2,.sample-contact h2{font-size:38px}.service-grid article{padding:27px 22px}.sample-about{display:block}.about-image{min-height:340px}.about-copy{padding:60px 20px}.sample-review{padding:75px 20px}.sample-contact form{padding:24px 18px}.sample-contact input,.sample-contact textarea{font-size:16px}.photon-footer{align-items:flex-start;flex-direction:column;padding:36px 20px}.photon-footer strong{margin-right:0}}
.photon-brand span{color:var(--purple)}
.demo-notice strong{padding:5px 9px;border:1px solid #8b5cf6;border-radius:999px;color:#e9d5ff;letter-spacing:.05em}

/* DISTINCT DEMO LAYOUTS V2 */
.layout-restaurant .sample-hero-content{margin-left:3vw;border-left:5px solid var(--sample-accent);padding-left:38px}.layout-restaurant .service-grid article:nth-child(2){transform:translateY(24px)}
.layout-bakery .sample-header{border-radius:0 0 28px 28px}.layout-bakery .sample-hero-content{text-align:center;margin:auto;padding:40px;max-width:900px}.layout-bakery .sample-hero-content>p{margin-left:auto;margin-right:auto}.layout-bakery .sample-actions{justify-content:center}.layout-bakery .service-grid article,.layout-bakery .sample-contact form{border-radius:28px}.layout-bakery .sample-about{margin:5vw;border-radius:42px;overflow:hidden}
.layout-daycare .sample-hero{margin:20px;border-radius:36px;overflow:hidden;min-height:560px}.layout-daycare .service-grid{grid-template-columns:repeat(2,1fr)}.layout-daycare .service-grid article{border-radius:24px}.layout-daycare .service-grid article:last-child{grid-column:1/-1}.layout-daycare .sample-about .about-image{order:2}.layout-daycare .sample-about{grid-template-columns:1.15fr .85fr}
.layout-lawn .sample-header{background:#10291b;color:#fff}.layout-lawn .sample-header nav a,.layout-lawn .sample-logo{color:#fff}.layout-lawn .sample-services{text-align:left}.layout-lawn .sample-heading{text-align:left;margin-left:0}.layout-lawn .service-grid{display:flex;overflow-x:auto}.layout-lawn .service-grid article{min-width:340px;border-left:8px solid var(--sample-accent)}
.layout-towing .sample-header{background:#111;color:#fff}.layout-towing .sample-header nav a,.layout-towing .sample-logo{color:#fff}.layout-towing .sample-hero{min-height:520px;height:68vh}.layout-towing .sample-hero-content{max-width:1000px}.layout-towing .sample-hero h1{text-transform:uppercase;font-family:Impact,Arial Black,sans-serif}.layout-towing .service-grid{gap:0}.layout-towing .service-grid article{background:#181818;color:#fff;border-color:#333}.layout-towing .service-grid p{color:#d1d5db}
.layout-photography .sample-header{position:absolute;top:42px;left:0;right:0;background:transparent;color:#fff;box-shadow:none}.layout-photography .sample-header nav a,.layout-photography .sample-logo{color:#fff}.layout-photography .sample-hero{height:100vh}.layout-photography .sample-hero-content{text-align:center;margin:auto}.layout-photography .sample-hero-content>p{margin-left:auto;margin-right:auto}.layout-photography .sample-actions{justify-content:center}.layout-photography .service-grid article{border:0;border-top:1px solid #94a3b8;background:transparent}
.layout-events .sample-header{position:absolute;top:42px;left:5%;right:5%;height:70px;border-radius:999px}.layout-events .sample-hero-content{margin-left:auto;margin-right:6vw;text-align:right}.layout-events .sample-hero-content>p{margin-left:auto}.layout-events .sample-actions{justify-content:flex-end}.layout-events .sample-about .about-image{order:2}.layout-events .sample-review{border-radius:50px 50px 0 0}
.layout-construction .sample-header{border-bottom:8px solid var(--sample-accent)}.layout-construction .sample-hero-content{background:rgba(0,0,0,.72);padding:55px;margin-left:6vw}.layout-construction .service-grid{grid-template-columns:1.5fr 1fr}.layout-construction .service-grid article:first-child{grid-row:span 2}.layout-construction .service-grid article{border:0;border-left:7px solid var(--sample-accent)}.layout-construction .sample-about{grid-template-columns:.8fr 1.2fr}
.layout-store .sample-hero{height:620px;min-height:620px;margin:32px 5vw;border-radius:0;background-position:right center;background-size:62% 100%;background-repeat:no-repeat;background-color:#f5f5ef;color:#111}.layout-store .hero-shade{background:linear-gradient(90deg,#f5f5ef 0%,#f5f5ef 43%,transparent 70%)}.layout-store .sample-hero-content>p{color:#475569}.layout-store .sample-hero-content{max-width:50%}.layout-store .trust-row{left:5%;right:auto;bottom:28px;background:transparent;color:#111;padding:0;gap:26px}.layout-store .service-grid article{box-shadow:0 18px 50px rgba(15,23,42,.1);border:0}
@media(max-width:760px){.layout-daycare .sample-hero,.layout-store .sample-hero{margin:10px}.layout-daycare .service-grid{grid-template-columns:1fr}.layout-daycare .service-grid article:last-child{grid-column:auto}.layout-lawn .service-grid{display:grid}.layout-lawn .service-grid article{min-width:0}.layout-photography .sample-header,.layout-events .sample-header{position:relative;top:auto;left:auto;right:auto;background:#fff;color:var(--sample-color);border-radius:0}.layout-photography .sample-header nav a,.layout-photography .sample-logo,.layout-events .sample-header nav a,.layout-events .sample-logo{color:var(--sample-color)}.layout-events .sample-hero-content{text-align:left;margin:0}.layout-events .sample-actions{justify-content:flex-start}.layout-construction .sample-hero-content{margin:0;padding:32px 20px}.layout-construction .service-grid{grid-template-columns:1fr}.layout-construction .service-grid article:first-child{grid-row:auto}.layout-store .sample-hero{height:700px;min-height:700px;background-size:cover;background-position:center;color:#fff}.layout-store .hero-shade{background:rgba(0,0,0,.62)}.layout-store .sample-hero-content{max-width:none}.layout-store .sample-hero-content>p{color:#fff}.layout-store .trust-row{left:0;right:0;bottom:0;background:rgba(0,0,0,.45);color:#fff;padding:15px 6px}}
.mini-site .demo-id-badge{position:absolute;z-index:4;top:18px;right:18px;padding:8px 11px;border:1px solid rgba(255,255,255,.75);border-radius:999px;background:rgba(0,0,0,.58);color:#fff;font:900 12px/1 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:.08em;box-shadow:0 5px 20px rgba(0,0,0,.2)}

/* PHOTON BUILDER NOTICE V2 */
.builder-launch-notice{margin:0 0 28px;padding:16px 18px;display:flex;align-items:center;gap:18px;border:1px solid rgba(157,90,255,.36);border-radius:10px;background:#171020;color:#fff}.builder-launch-notice strong{white-space:nowrap}.builder-launch-notice span{color:#c9c0d1;font-size:13px}.builder-launch-notice a{margin-left:auto;white-space:nowrap;color:#c77dff;font-weight:800;text-decoration:none}@media(max-width:700px){.builder-launch-notice{display:block}.builder-launch-notice strong,.builder-launch-notice span,.builder-launch-notice a{display:block;white-space:normal}.builder-launch-notice span{margin:7px 0 11px}}
.demo-notice strong{padding:5px 9px;border:1px solid #8b5cf6;border-radius:999px;color:#e9d5ff;letter-spacing:.05em}

/* PHOTON DEMO ID V1 */
.demo-notice strong{padding:5px 9px;border:1px solid #8b5cf6;border-radius:999px;color:#e9d5ff;letter-spacing:.05em}