:root{
  --navy:#061b55;
  --blue:#126fe8;
  --sky:#27a8ff;
  --green:#4ba93f;
  --ink:#07142f;
  --line:#cfe1fa;
  --white:#fff;
  --shadow:0 8px 22px rgba(11,55,112,.13);
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:linear-gradient(135deg,#fbfdff 0%,#eef8ff 100%)}
a{color:inherit;text-decoration:none}
body{overflow-y:auto;overflow-x:hidden}
.page-shell{width:min(100%,1640px);min-height:100svh;margin:0 auto;padding:0 clamp(18px,2vw,38px);display:flex;flex-direction:column}
.topbar{height:52px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid rgba(91,145,210,.28);position:relative;z-index:5;flex:0 0 auto}
.brand{display:flex;align-items:center;gap:8px;font-weight:950;letter-spacing:-.05em;color:var(--navy);font-size:clamp(30px,2.45vw,42px);line-height:1}.brand .dot{color:#63baff}.brand-icon{width:31px;height:31px;color:#83bef0;flex:0 0 auto}.brand-icon svg{width:100%;height:100%;stroke:currentColor;stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round}
.nav-links{display:flex;align-items:center;justify-content:flex-end;gap:10px 14px;color:#0642b4;font-weight:850;font-size:clamp(13px,.92vw,17px);white-space:normal;flex-wrap:wrap}.nav-links span{color:#aac1e2}.nav-links a:hover{color:var(--sky)}
.content{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) clamp(300px,25vw,400px);grid-template-areas:"copy portrait" "fixed fixed" "uploads uploads";gap:12px 24px;padding:10px 0 0;align-content:start;flex:1 0 auto}
.watermark{position:absolute;z-index:0;left:48%;top:34px;width:min(18vw,220px);height:min(18vw,205px);transform:translateX(-55%);opacity:.38;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='620' height='500' viewBox='0 0 620 500'%3E%3Cg fill='none' stroke='%238ebfec' stroke-width='4' opacity='.62'%3E%3Ccircle cx='310' cy='250' r='115'/%3E%3Ccircle cx='310' cy='250' r='170'/%3E%3Ccircle cx='310' cy='250' r='228'/%3E%3Cpath d='M310 170v62M256 198l42 42M364 198l-42 42M310 250l-52 180h104L310 250Z'/%3E%3Cpath d='M280 330h60M270 365h80M260 400h100'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat}
.hero-copy{grid-area:copy;position:relative;z-index:2;align-self:center;min-width:0;padding-left:clamp(0px,.3vw,6px)}
h1{margin:0 0 7px;font-size:clamp(32px,3vw,50px);line-height:.98;letter-spacing:-.055em}h1 span,.subtitle span{display:block}.de{color:var(--navy)}.ro{color:var(--sky)}
.subtitle{margin:0 0 11px;font-size:clamp(16px,1.28vw,22px);font-weight:900;line-height:1.16}.subtitle .de{color:#1264d8}.subtitle .ro{color:#159bea}
.cta-grid{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:10px;max-width:760px}.cta{display:grid;grid-template-columns:42px 1fr 28px;align-items:center;gap:10px;min-height:52px;padding:8px 10px;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);transition:.18s ease}.cta-blue{background:linear-gradient(135deg,rgba(218,238,255,.96),rgba(255,255,255,.88))}.cta-green{background:linear-gradient(135deg,rgba(228,247,221,.96),rgba(255,255,255,.88))}.cta:hover{transform:translateY(-2px);box-shadow:0 13px 28px rgba(11,55,112,.18)}.cta-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;color:white}.cta-icon svg{width:24px;height:24px;stroke:currentColor;stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round}.cta-blue .cta-icon{background:linear-gradient(135deg,#1691ff,#0a58d8)}.cta-green .cta-icon{background:linear-gradient(135deg,#67bd58,#358b31)}.cta strong{display:block;color:var(--navy);font-size:clamp(20px,1.55vw,27px);line-height:1}.arrow{width:28px;height:28px;border:2px solid #cae0fb;border-radius:50%;display:grid;place-items:center;color:var(--blue);font-size:22px;line-height:1}.cta-green .arrow{color:var(--green);border-color:#cfe8c8}
.cta-purple{background:linear-gradient(135deg,rgba(239,232,255,.96),rgba(255,255,255,.88))}.cta-purple .cta-icon{background:linear-gradient(135deg,#8a63ff,#5c44d6)}.cta-purple .arrow{color:#6a4fe0;border-color:#dfd6ff}.cta-gold{background:linear-gradient(135deg,rgba(255,245,214,.96),rgba(255,255,255,.88))}.cta-gold .cta-icon{background:linear-gradient(135deg,#f2b941,#cf8b12)}.cta-gold .arrow{color:#c6810c;border-color:#f3deb2}.cta-teal{background:linear-gradient(135deg,rgba(217,250,247,.96),rgba(255,255,255,.88))}.cta-teal .cta-icon{background:linear-gradient(135deg,#20c7b4,#078481)}.cta-teal .arrow{color:#078481;border-color:#bdece8}.cta-orange{background:linear-gradient(135deg,rgba(255,235,219,.96),rgba(255,255,255,.88))}.cta-orange .cta-icon{background:linear-gradient(135deg,#ff8b3d,#d9571a)}.cta-orange .arrow{color:#d9571a;border-color:#ffd3bb}.cta-cyan{background:linear-gradient(135deg,rgba(219,248,255,.96),rgba(255,255,255,.88))}.cta-cyan .cta-icon{background:linear-gradient(135deg,#29c7ff,#0a74bc)}.cta-cyan .arrow{color:#0a74bc;border-color:#bfefff}.cta-red{background:linear-gradient(135deg,rgba(255,230,230,.96),rgba(255,255,255,.88))}.cta-red .cta-icon{background:linear-gradient(135deg,#ff5a5f,#b91f35)}.cta-red .arrow{color:#b91f35;border-color:#ffc9cf}
.hero-portrait{grid-area:portrait;margin:0;justify-self:end;align-self:center;width:100%;height:clamp(190px,28vh,278px);border:6px solid #fff;border-radius:18px;background:#fff;overflow:hidden;box-shadow:var(--shadow);position:relative;z-index:2}.hero-portrait picture,.hero-portrait img{display:block;width:100%;height:100%}.hero-portrait img{object-fit:cover;object-position:center 28%}
.collage{grid-area:fixed;position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.tile{position:relative;overflow:hidden;border:6px solid #fff;border-radius:18px;box-shadow:var(--shadow);background:#fff;height:clamp(460px,52vh,700px);min-height:460px}.tile img{width:100%;height:100%;display:block;object-fit:cover;transition:.25s ease}.tile:hover img{transform:scale(1.025)}.tile span{position:absolute;left:10px;bottom:8px;padding:5px 9px;border-radius:999px;background:rgba(4,24,70,.70);color:white;font-weight:800;font-size:12px;backdrop-filter:blur(4px)}
.upload-section{grid-area:uploads;position:relative;z-index:2;margin-top:12px;padding-top:8px;border-top:1px solid rgba(91,145,210,.25)}.upload-section h2{margin:4px 0 12px;color:var(--navy);font-size:22px;letter-spacing:-.02em}.uploaded-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px}.upload-tile{height:clamp(520px,60vh,760px);min-height:520px}
.footer{display:flex;align-items:center;justify-content:center;gap:15px;min-height:32px;color:#0c4fac;font-weight:750;font-size:14px;position:relative;flex:0 0 auto}.footer::before,.footer::after{content:"";height:1px;width:min(23vw,330px);background:linear-gradient(90deg,transparent,#b8d5f5,transparent)}.admin-link{position:absolute;right:0;opacity:.26;font-size:11px;font-weight:700}.admin-link:hover{opacity:1}
@media (max-height:800px) and (min-width:1000px){.topbar{min-height:48px;height:auto;padding:6px 0}.brand{font-size:34px}.brand-icon{width:28px;height:28px}.content{gap:9px 18px;padding-top:8px}.watermark{top:44px;width:min(20vw,235px);height:min(20vw,220px)}h1{font-size:clamp(30px,2.65vw,43px);margin-bottom:5px}.subtitle{font-size:clamp(15px,1.08vw,19px);margin-bottom:8px}.cta{min-height:48px}.cta-icon{width:38px;height:38px}.cta strong{font-size:clamp(19px,1.35vw,24px)}.hero-portrait{height:clamp(180px,27vh,238px);border-width:5px;border-radius:16px}.collage{gap:10px}.tile{border-width:5px;border-radius:15px;height:clamp(390px,48vh,560px);min-height:390px}.tile span{font-size:11px;padding:4px 8px}.footer{min-height:28px;font-size:12px;gap:12px}}
@media (max-height:680px) and (min-width:1000px){.topbar{min-height:42px;height:auto;padding:5px 0}.brand{font-size:30px}.brand-icon{width:25px;height:25px}.content{gap:7px 14px;padding-top:6px}.watermark{top:36px;width:200px;height:190px}h1{font-size:34px}.subtitle{font-size:15px;margin-bottom:7px}.cta{min-height:45px}.hero-portrait{height:195px}.tile{height:360px;min-height:360px}.footer{min-height:24px}}
@media (max-width:980px){.page-shell{display:block;min-height:100svh;padding:0 16px 18px}.topbar{height:auto;padding:13px 0;align-items:flex-start}.nav-links{gap:12px;font-size:16px}.content{display:flex;flex-direction:column;padding-top:12px}.watermark{left:50%;top:92px;width:58vw;height:58vw;transform:translateX(-50%)}.hero-portrait{width:100%;height:260px;max-height:none;border-width:6px}.cta-grid{grid-template-columns:1fr}.collage,.uploaded-grid{display:grid;grid-template-columns:1fr;gap:12px}.tile,.upload-tile{height:auto;aspect-ratio:4/5.4;min-height:540px}.footer{flex-wrap:wrap;gap:10px;height:auto;padding:16px 0}.footer::before,.footer::after{display:none}.admin-link{position:static;margin-left:8px}}
@media (max-width:620px){.brand{font-size:31px}.brand-icon{width:31px;height:31px}.topbar{flex-direction:column;gap:8px}h1{font-size:34px}.subtitle{font-size:18px}.cta{grid-template-columns:46px 1fr 32px;padding:10px}.cta-icon{width:44px;height:44px}.cta strong{font-size:23px}.hero-portrait{height:250px}.tile,.upload-tile{aspect-ratio:4/5.6;min-height:520px}.tile span{font-size:12px}}

.version{opacity:.28;font-size:10px;margin-left:4px}

.cta-contact{background:linear-gradient(135deg,rgba(229,242,255,.96),rgba(255,255,255,.88))}.cta-contact .cta-icon{background:linear-gradient(135deg,#0f5cc9,#082a75)}.cta-contact .arrow{color:#082a75;border-color:#c6dcff}

.upload-section .upload-tile{height:auto;min-height:0;display:block}.upload-section .upload-tile img{width:100%;height:auto;max-height:760px;object-fit:contain;background:#f8fbff}.upload-section .upload-tile:hover img{transform:none}
@media (max-width:980px){.upload-section .upload-tile{aspect-ratio:auto;min-height:0}.upload-section .upload-tile img{max-height:none}}


/* v16 compact homepage buttons and clean uploaded-image layout */
.cta-grid{grid-template-columns:repeat(3,minmax(145px,1fr));gap:8px;max-width:900px}
.cta{grid-template-columns:34px 1fr 22px;gap:8px;min-height:42px;padding:7px 8px;border-radius:12px}
.cta-icon{width:33px;height:33px;border-radius:10px}
.cta-icon svg{width:20px;height:20px}
.cta strong{font-size:clamp(16px,1.06vw,20px);letter-spacing:-.02em}
.arrow{width:22px;height:22px;font-size:17px;border-width:2px}
.uploaded-grid{align-items:start}
.upload-section .upload-tile{align-self:start;height:auto!important;min-height:0!important;aspect-ratio:auto!important;display:block}
.upload-section .upload-tile img{display:block;width:100%;height:auto!important;max-height:760px;object-fit:contain;background:#f8fbff}
.upload-section .upload-tile span{position:static;display:inline-block;margin:8px 10px 10px}
@media (max-width:1180px){.cta-grid{grid-template-columns:repeat(3,minmax(130px,1fr));max-width:100%}.cta strong{font-size:clamp(15px,1.25vw,19px)}}
@media (max-width:760px){.cta-grid{grid-template-columns:1fr}.cta{grid-template-columns:44px 1fr 30px;min-height:50px;padding:10px}.cta-icon{width:42px;height:42px}.cta strong{font-size:22px}.arrow{width:28px;height:28px;font-size:21px}}

.cta-blog{background:linear-gradient(135deg,rgba(232,244,255,.96),rgba(255,255,255,.88))}.cta-blog .cta-icon{background:linear-gradient(135deg,#002b7f,#126fe8)}.cta-blog .arrow{color:#002b7f;border-color:#c6dcff}