:root{--background:#f4f8ff;--surface:#fff;--surface-soft:#ffffffb8;--text:#13306f;--text-soft:#50658f;--line:#13306f1f;--blue:#1f3c88;--green:#2ecc71;--orange:#ff8c42;--dark:#0f1f4c;--dark-soft:#18306d;--shadow:0 24px 60px #13306f24;--radius-xl:28px;--radius-lg:22px;--radius-md:16px;--container:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at top left, #2ecc711f, transparent 24%), radial-gradient(circle at top right, #ff8c421a, transparent 26%), var(--background);color:var(--text);margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.page-shell{min-height:100vh}.container{width:min(calc(100% - 2rem), var(--container));margin:0 auto}.site-header{z-index:50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(135deg,#112d6af5 0%,#163a80f0 48%,#0c1c3ef7 100%);border-bottom:1px solid #ffffff1a;position:sticky;top:0;box-shadow:0 10px 36px #050c2038}.header-inner{justify-content:space-between;align-items:center;gap:1.25rem;min-height:82px;display:flex}.brand{flex-shrink:0;display:inline-flex}.brand-logo-frame,.footer-logo-frame{box-shadow:none;background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;padding:0;display:inline-flex;overflow:visible}.brand-logo-frame{width:84px;height:76px}.footer-logo-frame{width:132px;height:120px}.brand-logo,.footer-logo{object-fit:contain;object-position:center;filter:drop-shadow(0 6px 14px #13306f14);width:100%;height:100%}.brand-logo{filter:drop-shadow(0 2px 10px #00000040)}.footer-logo{filter:none}.desktop-nav{flex:1;justify-content:center;align-items:center;gap:.35rem;display:flex}.nav-link,.footer-link{border-radius:999px;padding:.72rem 1rem;font-weight:600;transition:transform .16s,background-color .16s}.nav-link{color:#ffffffeb}.nav-link:hover{background:#ffffff1f;transform:translateY(-1px)}.footer-link:hover{background:#ffffff14;transform:translateY(-1px)}.button{letter-spacing:.01em;border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;min-height:48px;padding:.85rem 1.35rem;font-weight:700;transition:transform .18s,box-shadow .18s,background-color .18s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button-primary{background:linear-gradient(135deg, var(--green), #43d18a);color:#fff;box-shadow:0 16px 34px #2ecc7147}.button-secondary{color:var(--blue);background:#1f3c880f;border-color:#1f3c8824}.hero-section{padding:4.75rem 0 3.5rem}.hero-grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:2rem;display:grid}.eyebrow{color:var(--blue);letter-spacing:.03em;text-transform:uppercase;background:#2ecc7124;border-radius:999px;margin-bottom:1rem;padding:.5rem .85rem;font-size:.86rem;font-weight:700;display:inline-flex}.eyebrow-light{color:#fff;background:#ffffff1f}.hero-copy h1,.section-heading h2,.dark-copy h2,.contact-copy h2{letter-spacing:-.04em;margin:0;font-size:clamp(2.2rem,4vw,4.3rem);line-height:1.02}.hero-description,.section-heading p,.dark-copy p,.contact-copy p,.feature-content p,.case-copy p,.mini-case p,.metric-card p,.faq-item p,.footer-brand p{color:var(--text-soft);line-height:1.7}.hero-description{max-width:41rem;margin:1.25rem 0 0;font-size:1.08rem}.hero-actions,.contact-actions{flex-wrap:wrap;gap:.9rem;margin-top:1.8rem;display:flex}.hero-bullets{gap:.75rem;margin:1.6rem 0 0;padding:0;list-style:none;display:grid}.hero-bullets li{color:var(--text);padding-left:1.5rem;font-weight:600;position:relative}.hero-bullets li:before{content:"";background:var(--green);border-radius:999px;width:.6rem;height:.6rem;position:absolute;top:.55rem;left:0}.hero-visual{min-height:clamp(480px,58vw,600px);position:relative}.hero-card{border-radius:var(--radius-xl);background:var(--surface-soft);box-shadow:var(--shadow);border:1px solid #ffffff8c}.hero-card-main{width:100%;height:clamp(480px,58vw,600px);min-height:clamp(480px,58vw,600px);position:relative;overflow:hidden}.hero-image{object-fit:cover;object-position:center}.hero-card-float{background:#ffffffe6;max-width:260px;padding:1rem 1.1rem;position:absolute}.hero-card-float-top{top:1rem;left:-1rem}.hero-card-float-bottom{bottom:1.2rem;right:-1rem}.metric-label,.metric-caption{color:var(--text-soft);line-height:1.55;display:block}.metric-value{color:var(--blue);margin-bottom:.35rem;font-size:1.5rem;font-weight:800;display:block}.metrics-section{padding-bottom:1rem}.metrics-grid,.features-grid,.faq-grid{gap:1rem;display:grid}.metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card,.feature-card,.mini-case,.faq-item{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);background:#ffffffd1;padding:1.35rem}.metric-card strong{letter-spacing:-.04em;margin-bottom:.6rem;font-size:clamp(1.8rem,2.8vw,2.4rem);display:block}.section{padding:4.5rem 0}.section-heading{text-align:center;max-width:46rem}.section-heading-left{text-align:left;margin-left:auto;margin-right:auto}.section-heading p{margin:1rem 0 0}.features-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:2rem}.feature-card{padding:0;overflow:hidden}.feature-image-wrap{aspect-ratio:16/11;overflow:hidden}.feature-image,.showcase-image,.case-image{object-fit:cover;width:100%;height:100%}.feature-content{padding:1.35rem}.feature-content h3,.case-copy h3{margin:0 0 .8rem;font-size:1.35rem;line-height:1.15}.section-dark,.contact-section,.site-footer{color:#fff;background:radial-gradient(circle at 10% 10%,#2ecc712e,#0000 22%),radial-gradient(circle at 85% 15%,#ff8c422e,#0000 22%),linear-gradient(135deg,#16357c 0%,#21458f 54%,#112d6a 100%)}.dark-grid,.contact-grid{grid-template-columns:1fr .95fr;align-items:center;gap:2rem;display:grid}.dark-copy p,.contact-copy p,.check-list li,.instagram-handle,.footer-brand p,.footer-social span{color:#ffffffe0}.check-list{gap:.85rem;margin:1.6rem 0 0;padding:0;list-style:none;display:grid}.check-list li{padding-left:1.5rem;font-weight:600;position:relative}.check-list li:before{content:"";background:var(--green);border-radius:999px;width:.6rem;height:.6rem;position:absolute;top:.55rem;left:0}.showcase-card,.contact-card{box-shadow:var(--shadow);background:#ffffff14;border:1px solid #ffffff24;border-radius:32px;overflow:hidden}.showcase-image-wrap{aspect-ratio:16/11;width:100%;overflow:hidden}.showcase-stack{gap:1rem;display:grid}.showcase-note{box-shadow:var(--shadow);background:#ffffff1a;border:1px solid #ffffff1f;border-radius:24px;padding:1.2rem 1.3rem}.showcase-note-label{color:#ffffffc7;letter-spacing:.04em;text-transform:uppercase;margin-bottom:.8rem;font-size:.82rem;font-weight:700;display:inline-flex}.showcase-note strong{margin-bottom:.7rem;font-size:1.25rem;line-height:1.2;display:block}.showcase-note p{color:#ffffffd6;margin:0;line-height:1.65}.cases-grid{grid-template-columns:1.15fr .85fr;gap:1rem;margin-top:2rem;display:grid}.case-highlight,.case-side-grid{gap:1rem;display:grid}.case-highlight{border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow);background:#ffffffd1;padding:1rem}.case-image-wrap{aspect-ratio:16/10;border-radius:calc(var(--radius-xl) - 10px);overflow:hidden}.case-copy{padding:.2rem .2rem 0}.case-tag{color:var(--orange);background:#ff8c4224;border-radius:999px;margin-bottom:.8rem;padding:.45rem .8rem;font-size:.84rem;font-weight:700;display:inline-flex}.case-side-grid{align-content:stretch}.mini-case strong{margin-bottom:.55rem;font-size:1.05rem;display:block}.faq-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:2rem}.faq-item summary{cursor:pointer;font-size:1.05rem;font-weight:700;line-height:1.4;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item p{margin:.9rem 0 0}.contact-section{padding:4.8rem 0}.contact-visual{position:relative}.contact-card{min-height:420px;display:grid}.contact-image{object-fit:cover;width:100%;height:100%}.contact-note{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:260px;box-shadow:var(--shadow);background:#0f1f4cb8;border:1px solid #ffffff2e;border-radius:20px;gap:.45rem;padding:1rem 1.1rem;display:grid;position:absolute;bottom:1rem;right:1rem}.contact-note strong{font-size:1.02rem;line-height:1.2}.contact-note span{color:#ffffffd6;line-height:1.55}.instagram-handle{align-items:center;font-weight:700;display:inline-flex}.site-footer{padding:0 0 2.4rem}.footer-shell{padding-top:1rem}.footer-panel{box-shadow:var(--shadow);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:28px;padding:1.6rem}.footer-main{grid-template-columns:1.15fr .85fr .9fr;align-items:start;gap:1.5rem;display:grid}.footer-brand{max-width:27rem}.footer-brand p{margin:1rem 0 0}.footer-nav{justify-items:start;gap:.45rem;display:grid}.footer-link{color:#ffffffeb}.footer-social{justify-items:start;gap:.75rem;display:grid}.footer-social-label{color:#ffffffbd;letter-spacing:.02em;font-size:.9rem;font-weight:700}.footer-social-icons{flex-wrap:wrap;gap:.65rem;display:flex}.footer-social-icon{color:#fff;background:#ffffff1a;border-radius:12px;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;transition:transform .16s,background-color .16s;display:inline-flex}.footer-social-icon:hover{background:#fff3;transform:translateY(-1px)}.footer-social-meta{flex-direction:column;align-items:flex-start;gap:.35rem;display:flex}.footer-handle{color:#ffffffd6;font-weight:600}.footer-email-link{color:#ffffffe0;border-bottom:1px solid #ffffff40;padding-bottom:1px;font-size:.92rem;font-weight:600;text-decoration:none;transition:color .16s,border-color .16s}.footer-email-link:hover{color:#fff;border-bottom-color:#ffffff8c}.footer-bottom{color:#ffffffb8;border-top:1px solid #ffffff1f;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.5rem;padding-top:1rem;font-size:.92rem;display:flex}@media (max-width:1080px){.hero-grid,.dark-grid,.contact-grid,.cases-grid,.footer-main,.features-grid{grid-template-columns:1fr}.hero-visual{min-height:auto}.hero-card-main{aspect-ratio:4/3;height:auto;min-height:320px}.hero-card-float,.contact-note{max-width:none;margin-top:1rem;position:static}.desktop-nav{display:none}.footer-bottom{flex-direction:column;align-items:flex-start}}@media (max-width:720px){.header-inner{min-height:70px}.brand-logo-frame{width:74px;height:68px}.footer-logo-frame{width:118px;height:108px}.header-cta{min-height:42px;padding:.75rem 1rem;font-size:.9rem}.hero-section,.section,.contact-section{padding:3.6rem 0}.metrics-grid,.faq-grid{grid-template-columns:1fr}.hero-copy h1,.section-heading h2,.dark-copy h2,.contact-copy h2{font-size:clamp(2rem,9vw,3rem)}.footer-panel{padding:1.2rem}.contact-card{min-height:340px}}
