:root{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#f5f7ff;background:#0b1021;font-size:16px;line-height:1.55}*{box-sizing:border-box}body{margin:0}a{color:inherit}button,input,textarea,select{font:inherit}button,.btn{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a,button,input,textarea,select{outline-offset:3px}:focus-visible{outline:3px solid #68e8d5}.shell{max-width:1180px;margin:auto;padding:0 24px}.top{background:#0e172c;color:#fff;border-bottom:1px solid #33415e}.nav{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 24px;flex-wrap:wrap}.brand{font-size:1.15rem;font-weight:900;text-decoration:none;letter-spacing:-.03em}.brand strong{color:#75ead9}.navlinks{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.navlinks a{font-size:.86rem;text-decoration:none;padding:9px 12px;border-radius:9px}.navlinks a:hover{background:#ffffff20}.pill{display:inline-block;padding:5px 12px;border-radius:999px;background:#ffffff1d;border:1px solid #ffffff30;font-size:.77rem;font-weight:800}.hero{padding:80px 0;background:radial-gradient(ellipse at 80% 5%,#295d71,#0b1021 65%)}.hero h1{font-size:clamp(2.6rem,6vw,5.8rem);line-height:1.05;letter-spacing:-.06em;max-width:850px;margin:20px 0}.hero h1 em{font-style:normal;color:#75ead9}.lead{font-size:1.15rem;max-width:710px;color:#bfcbdb}.button,.btn{display:inline-block;border:0;border-radius:12px;padding:13px 20px;text-decoration:none;background:#6ee8d6;color:#071c20;font-weight:850}.button.secondary,.btn.secondary{color:#fff;background:#273550;border:1px solid #4b6080}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}.card{border:1px solid #334660;border-radius:22px;background:#152139;padding:24px}.card h3{margin:0 0 9px}.card p{margin:0;color:#c6d0e1}.section{padding:60px 0}.section h2{font-size:clamp(1.9rem,4vw,3rem);letter-spacing:-.04em;margin:10px 0 20px}.eyebrow{letter-spacing:.15em;text-transform:uppercase;color:#75ead9;font-size:.78rem;font-weight:850}.muted{color:#b8c5d8}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:17px}.photo{border-radius:18px;overflow:hidden;background:#182942;border:1px solid #344e6d}.photo img{width:100%;height:230px;object-fit:cover;display:block}.photo figcaption{padding:16px}.photo figcaption p{font-size:.85rem;color:#c8d2e3;margin:6px 0 0}.locationbox{border-radius:20px;border:1px solid #314960;padding:25px;background:#15253a}.contact{border-top:1px solid #334660}.footer{padding:36px 0;color:#a7b3c8;font-size:.86rem}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.field{display:block;width:100%;padding:13px 14px;border:1px solid #4a5878;border-radius:11px;background:#101c30;color:#fff;min-height:47px}textarea.field{min-height:100px;resize:vertical}.label{display:block;font-size:.85rem;font-weight:750;margin:15px 0 6px}.panel-body{padding:45px 0 80px}.tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:12px;margin:25px 0}.tab{min-height:72px;padding:15px;border-radius:14px;background:#19253e;border:1px solid #3f506f;color:#fff;text-align:center;font-weight:800}.tab.active{background:#69dfd0;color:#071a26;border-color:#69dfd0}.panel-card{border-radius:20px;border:1px solid #3b4d69;background:#131d33;padding:25px;margin-top:18px}.row{display:flex;justify-content:space-between;gap:15px;align-items:center;flex-wrap:wrap}.record{padding:16px 0;border-bottom:1px solid #35445d}.record:last-child{border-bottom:0}.record strong{overflow-wrap:anywhere}.mini{font-size:.81rem;color:#a8b6cf}.danger{background:#642d4c;color:white}.good{color:#69dfd0}.login{max-width:520px;margin:65px auto;padding:30px;border:1px solid #405573;border-radius:22px;background:#142038}.toast{position:fixed;bottom:20px;left:20px;right:20px;max-width:600px;margin:auto;z-index:100;background:#d9ffed;color:#123328;padding:16px;border-radius:12px;box-shadow:0 8px 40px #0008}.notice{background:#23364e;padding:15px;border-radius:11px;font-size:.9rem;border:1px solid #3b5773}.jo-site{background:#fff4fb;color:#172344}.jo-site .top{background:#27335b}.jo-site .hero{background:linear-gradient(125deg,#695ec8,#ee5ea4);color:#fff}.jo-site .hero h1 em{color:#ffe87e}.jo-site .lead{color:#fff}.jo-site .card{background:white;color:#162448;border-color:#f3ccdf}.jo-site .card p{color:#44506e}.jo-site .section:nth-child(even){background:#fbebf8}.jo-site .eyebrow{color:#be287d}.jo-site .locationbox{background:#fff;color:#162448;border-color:#edcee3}.jo-site .muted{color:#45516c}.jo-site .photo{background:white;border-color:#efcade}.jo-site .photo figcaption p{color:#495676}.jo-site .contact{border-color:#edcade}.jo-site .footer{color:#55607a}.jo-site .button{background:#f34e9e;color:#fff}.jo-site .button.secondary{background:white;color:#182244}.jo-site .field{background:white;color:#182343;border-color:#ab9cb8}.site-badge{font-weight:800;color:#75ead9}.jo-site .site-badge{color:#fbe06a}.status{font-weight:850;display:inline-block;padding:10px 15px;background:#fff2;color:#fff;border-radius:12px}.jo-site .status{background:#ffffff45}.small{font-size:.8rem}.swatch{width:64px;height:46px;padding:2px}.preview-box{background:#0d1b2e;border:1px solid #344a66;border-radius:18px;padding:24px}.preview-box h3{margin:0}.disabled-img{opacity:.55}summary{cursor:pointer}pre{white-space:pre-wrap;overflow-wrap:anywhere} @media(max-width:670px){.hero{padding:52px 0}.section{padding:38px 0}.grid2{grid-template-columns:1fr}.shell{padding:0 18px}.nav{padding:15px 18px}.login{margin:28px 15px}.panel-card{padding:19px}.photo img{height:205px}.navlinks{gap:4px}}
/* Elevate mobile navigation: a deliberate two-by-two layout, not a wrapped orphan link. */
@media (max-width:670px){.top .nav{display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:16px 18px}.top .brand{font-size:clamp(1.05rem,4.1vw,1.3rem);line-height:1.3}.top .navlinks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}.top .navlinks a{display:flex;align-items:center;justify-content:center;min-height:44px;text-align:center;background:#ffffff10;border:1px solid #ffffff2a;padding:8px 6px;font-size:.85rem;line-height:1.25}}

/* SitePilot flagship polish — Elevate owner workspace and public identity */
:root{color-scheme:dark;--elevate-mint:#77ead7;--elevate-glass:rgba(30,45,69,.82)}
.button,.btn,.tab{transition:transform .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease}
.button:hover:not(:disabled),.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 9px 26px #0004}
.button:active:not(:disabled),.btn:active:not(:disabled){transform:translateY(0)}
.panel-body{max-width:1160px;margin:0 auto;padding-top:42px}.panel-body> .row:first-child{border-bottom:1px solid #314860;padding-bottom:22px}.panel-body> .row:first-child h1{font-size:clamp(1.7rem,3.7vw,2.6rem);letter-spacing:-.055em;line-height:1.18;margin:7px 0}.panel-body .eyebrow{font-weight:900}.panel-body .tabs{gap:9px;grid-template-columns:repeat(5,minmax(0,1fr));margin:25px 0 20px}.panel-body .tab{min-height:62px;font-size:.91rem;background:linear-gradient(140deg,#1c2e48,#152239);border:1px solid #456079;border-radius:14px;text-align:center;padding:10px}.panel-body .tab.active{background:linear-gradient(120deg,#72e7d1,#87edeb);border-color:#9af7e5;box-shadow:0 9px 25px #4ae8cb24;color:#05212c}.panel-body .panel-card{background:linear-gradient(140deg,#1a2a42,#131d32 82%);border:1px solid #445b78;box-shadow:0 14px 32px #050b193a;border-radius:21px}.panel-body .panel-card h2{font-size:1.5rem;letter-spacing:-.04em}.panel-body .field{background:#101d33;border:1px solid #4b6583}.panel-body .field:focus{border-color:#90f1df;box-shadow:0 0 0 3px #7ce8d727;outline:0}.panel-body .record{border-bottom-color:#40536c}.panel-body .item-editor{margin-top:17px;position:relative}.panel-body .item-editor .pill{background:#24455a;color:#bbfaeb;border:1px solid #5c929a;max-width:100%}.panel-body .item-editor h3{margin:8px 0;font-size:1.26rem;letter-spacing:-.03em}.panel-body #new-product{background:#76e7d6}.panel-body a.btn.secondary{text-decoration:none}.panel-body .item-editor img{border:1px solid #54687e}.panel-body .item-editor textarea{min-height:115px}.panel-body .item-editor button.danger{background:#703046;color:#ffe3ec}
.hero{background:radial-gradient(ellipse at 80% 12%,#236d78aa,transparent 45%),radial-gradient(ellipse at 20% -20%,#274d84aa,transparent 55%),#0c1425}
.hero h1{letter-spacing:-.07em}.hero .button{box-shadow:0 8px 30px #44ecd61d}
.shop-notification{background:#153a3a;color:#abfff1}
@media(max-width:800px){.panel-body .tabs{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:500px){.panel-body .tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.panel-body .tab{min-height:53px;padding:8px 5px;font-size:.82rem}.panel-body{padding-top:25px}.panel-body .panel-card{padding:18px}.panel-body .item-editor{margin-top:13px}.panel-body .panel-card .actions{gap:8px}.panel-body .panel-card .btn{font-size:.9rem;padding:11px 14px}}
@media(prefers-reduced-motion:reduce){.button,.btn,.tab{transition:none}.button:hover:not(:disabled),.btn:hover:not(:disabled){transform:none}}

/* Interactive service and SitePilot feature cards. */
.action-card{display:flex;flex-direction:column;text-decoration:none;gap:7px;min-height:190px;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.action-card:focus-visible,.action-card:hover{border-color:#85ead9;box-shadow:0 12px 32px #060b1a66;transform:translateY(-2px)}
.card-link{display:inline-flex;align-items:center;gap:4px;color:#8df2de;font-weight:800;text-decoration:underline;text-underline-offset:5px;margin-top:16px}
.service-card{display:flex;flex-direction:column}.service-card .card-link{margin-top:auto;padding-top:14px}
@media(prefers-reduced-motion:reduce){.action-card{transition:none}.action-card:hover{transform:none}}