:root{--nw-blue:#5b83cd;--nw-blue-deep:#2165a9;--nw-sky:#3197d4;--nw-orchid:#c280bf;--nw-orchid-deep:#8f5a9e;--nw-ink:#252525;--nw-text:#4c4c4c;--nw-muted:gray;--nw-line:#e1e1e1;--nw-grad:linear-gradient(90deg, #5b83cd 0%, #c280bf 100%);--nw-grad-cool:linear-gradient(90deg, #5b83cd 0%, #3197d4 100%);--nw-grad-deep:linear-gradient(145deg, #5b83cd, #2165a9);--bg:#f7f9fc;--bg-elevated:#fff;--ink:#252525;--ink-soft:#4c4c4c;--muted:gray;--line:#e1e1e1;--accent:#5b83cd;--accent-deep:#2165a9;--accent-soft:#eaf0fa;--accent-2:#c280bf;--accent-3:#3197d4;--warm:#f3f0f8;--warm-deep:#c280bf;--shadow-soft:0 1px 2px #2525250a, 0 14px 40px #5b83cd1f;--radius:14px;--radius-lg:22px;--nav-h:72px;--font-display:"Syne", sans-serif;--font-body:"Plus Jakarta Sans", sans-serif;--ease:cubic-bezier(.22, 1, .36, 1);--max:1180px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--ink);background:radial-gradient(1100px 560px at 10% -8%, #5b83cd24, transparent 55%), radial-gradient(900px 500px at 92% 6%, #c280bf1f, transparent 52%), radial-gradient(700px 400px at 70% 100%, #3197d414, transparent 50%), linear-gradient(180deg, #fbfcfe 0%, var(--bg) 42%, #eef3f9 100%);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background-attachment:fixed;min-height:100vh;line-height:1.6}body:before{content:"";pointer-events:none;opacity:.35;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.45'/%3E%3C/svg%3E");position:fixed;inset:0}#root{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,textarea,select{font:inherit}.container{width:min(100% - 2.5rem, var(--max));margin-inline:auto}.page{padding-top:var(--nav-h);flex:1}.display{font-family:var(--font-display);letter-spacing:-.035em;font-weight:700;line-height:1.05}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--accent-deep);margin-bottom:.85rem;font-size:.78rem;font-weight:600;display:inline-block}.lede{color:var(--ink-soft);max-width:36rem;font-size:1.1rem;line-height:1.65}.section{padding:5.5rem 0}.section-head{max-width:38rem;margin-bottom:3rem}.section-head h2{font-family:var(--font-display);letter-spacing:-.03em;margin-bottom:.85rem;font-size:clamp(1.85rem,3.2vw,2.65rem);line-height:1.1}.section-head p{color:var(--ink-soft);font-size:1.05rem}.btn{cursor:pointer;transition:transform .35s var(--ease), background .25s ease, color .25s ease, border-color .25s ease, box-shadow .35s var(--ease);border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.9rem 1.45rem;font-size:.95rem;font-weight:600;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--nw-grad-deep);color:#fff}.btn-primary:hover{box-shadow:0 10px 28px #5b83cd52}.btn-accent{background:var(--nw-grad);color:#fff}.btn-accent:hover{box-shadow:0 10px 28px #c280bf4d}.btn-ghost{color:var(--ink);border-color:var(--line);background:0 0}.btn-ghost:hover{border-color:var(--ink);background:#ffffffb3}.btn-group{flex-wrap:wrap;gap:.75rem;margin-top:1.75rem;display:flex}.nav{z-index:100;height:var(--nav-h);align-items:center;transition:background .35s,box-shadow .35s,-webkit-backdrop-filter .35s,backdrop-filter .35s;display:flex;position:fixed;top:0;left:0;right:0}.nav.scrolled{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--line);background:#fbfcfedb}.nav-inner{width:min(100% - 2.5rem, var(--max));justify-content:space-between;align-items:center;gap:1.5rem;margin-inline:auto;display:flex}.logo{white-space:nowrap;align-items:center;display:inline-flex}.brand-logo{align-items:center;display:inline-flex}.brand-logo-img{object-fit:contain;width:auto;height:44px;display:block}.footer .brand-logo-img{height:52px}.hero-brand-logo{object-fit:contain;filter:drop-shadow(0 8px 24px #2525251f);width:auto;height:clamp(72px,14vw,120px);margin-bottom:.35rem;display:block}.nav-links{align-items:center;gap:.15rem;list-style:none;display:flex}.nav-links a{color:var(--ink-soft);border-radius:999px;padding:.55rem .9rem;font-size:.92rem;font-weight:500;transition:color .2s,background .2s;position:relative}.nav-links a:hover,.nav-links a.active{color:var(--accent-deep);background:var(--accent-soft)}.nav-cta{align-items:center;gap:.6rem;display:flex}.nav-cta .btn{padding:.65rem 1.15rem;font-size:.88rem}.nav-toggle{border:1px solid var(--line);cursor:pointer;background:#ffffffb3;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;display:none}.nav-toggle span{background:var(--ink);width:18px;height:2px;transition:transform .3s var(--ease), opacity .2s ease;display:block}.nav-toggle.open span:first-child{transform:translateY(7px)rotate(45deg)}.nav-toggle.open span:nth-child(2){opacity:0}.nav-toggle.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.hero{aspect-ratio:16/9;width:100%;max-height:calc(100svh - var(--nav-h));align-items:end;padding:0;display:grid;position:relative;overflow:hidden}.hero-bg{background-color:#1a2332;background-position:50%;background-repeat:no-repeat;background-size:cover;animation:18s ease-in-out infinite alternate heroZoom;position:absolute;inset:0;transform:scale(1.03)}.hero-bg:after{content:"";background:linear-gradient(#0000 0%,#fbfcfe14 22%,#fbfcfe47 45%,#fbfcfeb8 72%,#fbfcfef0 100%);position:absolute;inset:0}.hero-content{z-index:2;width:min(100% - 2.5rem, var(--max));max-width:none;animation:riseIn .9s var(--ease) both;margin-inline:auto;padding:clamp(1.5rem,4vw,3.25rem) 0 clamp(1.75rem,4.5vw,3.5rem);position:relative}.hero-content>.lede,.hero-content>.btn-group,.hero-content>.hero-brand{max-width:40rem}.hero-brand{gap:0;margin-bottom:.85rem;display:grid}.hero-brand__rule{background:var(--nw-grad-cool);width:4.5rem;height:3px;animation:ruleGrow 1s var(--ease) .25s both;border-radius:999px;margin:.85rem 0 .75rem;display:block}.hero-brand__tagline{font-family:var(--font-display);letter-spacing:-.03em;color:var(--ink-soft);max-width:20ch;font-size:clamp(1.15rem,2vw,1.55rem);font-weight:600;line-height:1.25;display:block}.hero .lede{max-width:34rem;margin-bottom:.15rem;font-size:clamp(.95rem,1.4vw,1.08rem)}.hero .btn-group{margin-top:1.15rem}@keyframes ruleGrow{0%{opacity:0;width:0}to{opacity:1;width:4.5rem}}@keyframes heroZoom{0%{transform:scale(1.02)}to{transform:scale(1.08)}}@keyframes riseIn{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.reveal{opacity:0;transition:opacity .7s var(--ease), transform .7s var(--ease);transform:translateY(24px)}.reveal.visible{opacity:1;transform:translateY(0)}.trust{border-bottom:1px solid var(--line);padding:2rem 0 1rem}.trust-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;display:flex}.trust p{color:var(--muted);font-size:.9rem;font-weight:500}.trust-logos{flex-wrap:wrap;align-items:center;gap:1.75rem;display:flex}.trust-logos span{font-family:var(--font-display);letter-spacing:-.02em;color:#9aa3b5;font-size:1.05rem;font-weight:700;transition:color .25s}.trust-logos span:hover{color:var(--ink-soft)}.features-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.feature{border-top:1px solid var(--line);padding:1.75rem 1.5rem 1.75rem 0;transition:border-color .3s}.feature:hover{border-top-color:var(--accent)}.feature-icon{background:var(--accent-soft);width:42px;height:42px;color:var(--accent-deep);border-radius:12px;place-items:center;margin-bottom:1.15rem;display:grid}.feature h3{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:.55rem;font-size:1.2rem}.feature p{color:var(--ink-soft);font-size:.98rem}.showcase{grid-template-columns:1.05fr .95fr;align-items:center;gap:3.5rem;display:grid}.showcase-visual{border-radius:var(--radius-lg);background:var(--warm);min-height:420px;box-shadow:var(--shadow-soft);position:relative;overflow:hidden}.showcase-visual img{object-fit:cover;width:100%;height:100%;min-height:420px;transition:transform .8s var(--ease)}.showcase:hover .showcase-visual img{transform:scale(1.04)}.showcase-copy h2{font-family:var(--font-display);letter-spacing:-.03em;margin-bottom:1rem;font-size:clamp(1.85rem,3vw,2.5rem);line-height:1.1}.showcase-copy p{color:var(--ink-soft);margin-bottom:1.25rem}.checklist{gap:.7rem;margin:1.5rem 0 1.75rem;list-style:none;display:grid}.checklist li{align-items:flex-start;gap:.7rem;font-size:.98rem;font-weight:500;display:flex}.checklist li svg{color:var(--accent);flex-shrink:0;margin-top:.15rem}.templates-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.template-card{background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius-lg);transition:transform .45s var(--ease), box-shadow .45s var(--ease), border-color .3s ease;cursor:pointer;text-align:left;width:100%;font:inherit;color:inherit;padding:0;display:block;overflow:hidden}.template-card:hover{box-shadow:var(--shadow-soft);border-color:#cfd5de;transform:translateY(-6px)}.template-preview{aspect-ratio:4/3;position:relative;overflow:hidden}.template-preview img{object-fit:cover;width:100%;height:100%;transition:transform .7s var(--ease)}.template-card:hover .template-preview img{transform:scale(1.06)}.template-meta{padding:1.15rem 1.25rem 1.35rem}.template-meta h3{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:.25rem;font-size:1.15rem}.template-meta p{color:var(--muted);font-size:.9rem}.template-tags{flex-wrap:wrap;gap:.4rem;margin-top:.85rem;display:flex}.tag{letter-spacing:.02em;color:var(--ink-soft);background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:.28rem .55rem;font-size:.72rem;font-weight:600}.pricing-grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:1.25rem;display:grid}.price-plan{background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius-lg);transition:transform .4s var(--ease), border-color .3s ease, box-shadow .4s var(--ease);flex-direction:column;padding:1.85rem 1.6rem;display:flex}.price-plan:hover{box-shadow:var(--shadow-soft);transform:translateY(-4px)}.price-plan.featured{border-color:var(--accent);background:linear-gradient(#fff 0%,#eef3fb 100%);position:relative}.price-plan.featured:before{content:"Most chosen";background:var(--nw-grad);color:#fff;letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:.35rem .7rem;font-size:.72rem;font-weight:600;position:absolute;top:-.7rem;left:1.4rem}.price-plan h3{font-family:var(--font-display);margin-bottom:.35rem;font-size:1.35rem}.price-plan .plan-desc{color:var(--muted);margin-bottom:1.35rem;font-size:.92rem}.price{font-family:var(--font-display);letter-spacing:-.04em;margin-bottom:.35rem;font-size:2.6rem;font-weight:700;line-height:1}.price span{font-family:var(--font-body);color:var(--muted);letter-spacing:0;font-size:.95rem;font-weight:500}.price-features{flex:1;gap:.65rem;margin:1.5rem 0 1.75rem;list-style:none;display:grid}.price-features li{color:var(--ink-soft);gap:.6rem;font-size:.94rem;display:flex}.price-features svg{color:var(--accent);flex-shrink:0;margin-top:.2rem}.stats{border-block:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:1.5rem;padding:3rem 0;display:grid}.stat h3{font-family:var(--font-display);letter-spacing:-.03em;margin-bottom:.3rem;font-size:clamp(1.8rem,3vw,2.4rem)}.stat p{color:var(--muted);font-size:.92rem}.cta-band{border-radius:var(--radius-lg);border:1px solid var(--line);background:linear-gradient(135deg,#5b83cd24,#0000 48%),linear-gradient(#fff,#f4eef8);grid-template-columns:1.4fr auto;align-items:center;gap:2rem;margin:2rem 0 5rem;padding:clamp(2.5rem,5vw,4rem);display:grid}.cta-band h2{font-family:var(--font-display);letter-spacing:-.03em;margin-bottom:.65rem;font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.1}.cta-band p{color:var(--ink-soft);max-width:32rem}.page-hero{padding:4rem 0 2.5rem}.page-hero h1{font-family:var(--font-display);letter-spacing:-.04em;max-width:14ch;margin-bottom:1rem;font-size:clamp(2.4rem,5vw,3.8rem);line-height:1.05}.page-hero .lede{max-width:34rem}.about-grid{grid-template-columns:1fr 1fr;align-items:start;gap:3rem;display:grid}.about-story p{color:var(--ink-soft);margin-bottom:1.1rem;font-size:1.05rem}.values{gap:1.25rem;display:grid}.value{border-bottom:1px solid var(--line);padding-bottom:1.25rem}.value h3{font-family:var(--font-display);margin-bottom:.4rem;font-size:1.15rem}.value p{color:var(--ink-soft);font-size:.98rem}.team-grid{grid-template-columns:repeat(4,1fr);gap:1.25rem;display:grid}.team-member{text-align:left}.team-photo{aspect-ratio:1;border-radius:var(--radius);background:var(--warm);margin-bottom:.9rem;overflow:hidden}.team-photo img{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease)}.team-member:hover .team-photo img{transform:scale(1.05)}.team-member h3{font-family:var(--font-display);margin-bottom:.15rem;font-size:1.05rem}.team-member p{color:var(--muted);font-size:.88rem}.contact-layout{grid-template-columns:.9fr 1.1fr;align-items:start;gap:3rem;padding-bottom:4rem;display:grid}.contact-info h2{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:.75rem;font-size:1.6rem}.contact-info>p{color:var(--ink-soft);margin-bottom:2rem}.contact-details{gap:1.25rem;display:grid}.contact-details dt{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:.25rem;font-size:.78rem;font-weight:600}.contact-details dd{font-weight:500}.contact-form{background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);padding:1.75rem}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.field{gap:.4rem;margin-bottom:1rem;display:grid}.field label{font-size:.88rem;font-weight:600}.field input,.field textarea,.field select{border:1px solid var(--line);width:100%;color:var(--ink);background:#fafbfc;border-radius:12px;outline:none;padding:.85rem 1rem;transition:border-color .2s,box-shadow .2s,background .2s}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--accent);background:#fff;box-shadow:0 0 0 3px #5b83cd2e}.field textarea{resize:vertical;min-height:140px}.form-success{text-align:center;padding:2rem}.form-success h3{font-family:var(--font-display);margin:.75rem 0 .5rem;font-size:1.5rem}.form-success p{color:var(--ink-soft)}.filter-bar{flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;display:flex}.filter-btn{border:1px solid var(--line);color:var(--ink-soft);cursor:pointer;background:#fff9;border-radius:999px;padding:.55rem 1rem;font-size:.88rem;font-weight:600;transition:all .25s}.filter-btn:hover,.filter-btn.active{background:var(--ink);color:#fff;border-color:var(--ink)}.footer{color:#9a9a9a;background:#252525;border-top:none;margin-top:auto;padding:3.5rem 0 2rem}.footer-grid{grid-template-columns:1.4fr repeat(3,1fr);gap:2.5rem;margin-bottom:3rem;display:grid}.footer-brand p{color:#9a9a9a;max-width:22rem;margin-top:.85rem;font-size:.95rem}.footer h4{font-family:var(--font-display);letter-spacing:-.01em;color:#fff;margin-bottom:1rem;font-size:.95rem}.footer ul{gap:.55rem;list-style:none;display:grid}.footer a{color:#9a9a9a;font-size:.92rem;transition:color .2s}.footer a:hover{color:var(--accent)}.footer-bottom{color:#7a7a7a;border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;gap:1rem;padding-top:1.5rem;font-size:.88rem;display:flex}@media (width<=960px){.features-grid,.templates-grid,.pricing-grid,.team-grid{grid-template-columns:repeat(2,1fr)}.showcase,.about-grid,.contact-layout,.cta-band,.footer-grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.hero{aspect-ratio:16/9}.hero-bg:after{background:linear-gradient(#0000 0%,#fbfcfe40 42%,#fbfcfeb3 68%,#fbfcfef2 100%)}}@media (width<=760px){.nav-toggle{display:flex}.nav-links,.nav-cta{display:none}.nav-mobile{top:var(--nav-h);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);animation:riseIn .35s var(--ease);background:#f7f9fbf5;gap:.35rem;padding:1rem 1.25rem 1.5rem;display:grid;position:fixed;left:0;right:0}.nav-mobile a{color:var(--ink-soft);border-radius:12px;padding:.85rem 1rem;font-weight:600}.nav-mobile a.active,.nav-mobile a:hover{color:var(--ink);background:#fff}.nav-mobile .btn{margin-top:.5rem}.features-grid,.templates-grid,.pricing-grid,.team-grid,.form-row{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.hero{aspect-ratio:16/10;min-height:28rem;max-height:none}.hero-content{padding:2rem 0 2.25rem}.section{padding:4rem 0}}