.landing-page,.hero{--landing-ink:#0f172a;--landing-muted:#5f6b7c;--landing-border:#e2e8f0;--landing-blue:#2256d8;--landing-blue-dark:#173eaa;--landing-blue-soft:#eef4ff;--landing-yellow:#f7c948;--landing-surface:#fff;color:var(--landing-ink)}.hero{color:#fff;background:radial-gradient(circle at 75% 18%,#4a71ff33,#0000 26%),linear-gradient(145deg,#07132f 0%,#0d2253 58%,#153c91 100%);padding:clamp(72px,9vw,126px) 24px clamp(82px,10vw,140px);position:relative;overflow:hidden}.hero:after{clip-path:polygon(0 75%,72% 0,100% 45%,100% 100%,0 100%);content:"";background:#fff;height:64px;position:absolute;bottom:-1px;left:0;right:0}.hero-grid{z-index:2;grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);align-items:center;gap:clamp(48px,7vw,92px);width:min(1180px,100%);margin:0 auto;display:grid;position:relative}.hero-content{max-width:650px}.hero-kicker{color:#dbe7ff;letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:8px;width:fit-content;margin-bottom:22px;padding:7px 11px;font-size:.76rem;font-weight:750;display:inline-flex}.hero-kicker svg{color:var(--landing-yellow)}.hero h1{letter-spacing:-.065em;max-width:700px;margin:0;font-size:clamp(3rem,6.4vw,5.8rem);font-weight:760;line-height:.96}.hero-title-accent{color:#8fb1ff;display:inline-block;position:relative}.hero-title-accent:after{background:var(--landing-yellow);content:"";border-radius:999px;height:6px;position:absolute;bottom:-8px;left:4px;right:2px;transform:rotate(-1.5deg)}.hero-content>p{color:#c7d4ed;max-width:610px;margin:28px 0 0;font-size:clamp(1rem,1.6vw,1.16rem);line-height:1.75}.hero-actions{align-items:center;gap:12px;margin-top:30px;display:flex}.cta-button,.pricing-cta-button,.hero-secondary-button{border-radius:11px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:0 20px;font-size:.9rem;font-weight:750;transition:transform .16s,background-color .16s,border-color .16s,box-shadow .16s;display:inline-flex}.cta-button,.pricing-cta-button{border:1px solid var(--landing-blue);background:var(--landing-blue);color:#fff;box-shadow:0 10px 22px #2256d833}.cta-button:hover,.cta-button:focus,.pricing-cta-button:hover,.pricing-cta-button:focus{border-color:var(--landing-blue-dark);background:var(--landing-blue-dark);color:#fff;transform:translateY(-2px)}.hero .cta-button{border-color:var(--landing-yellow);background:var(--landing-yellow);color:#16213b;margin:0;box-shadow:0 12px 28px #f7c94833}.hero .cta-button:hover,.hero .cta-button:focus{color:#111827;background:#ffdb70;border-color:#ffdb70}.hero-secondary-button{color:#eef4ff;background:#ffffff12;border:1px solid #ffffff38}.hero-secondary-button:hover,.hero-secondary-button:focus{background:#ffffff1f;border-color:#ffffff6b;transform:translateY(-2px)}.hero-proof{color:#aebedb;flex-wrap:wrap;gap:16px;margin-top:24px;font-size:.78rem;font-weight:650;display:flex}.hero-proof span{align-items:center;gap:6px;display:inline-flex}.hero-proof svg{color:#78d7a1;font-size:.68rem}.hero-showcase{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fff1;border:1px solid #ffffff24;border-radius:28px;min-height:530px;position:relative;box-shadow:0 34px 80px #00000040}.hero-showcase-grid{border-radius:inherit;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}.hero-invoice-card{background:#fff;border-radius:8px;position:absolute;overflow:hidden;box-shadow:0 28px 55px #0000004d}.hero-invoice-card img{object-fit:contain;object-position:top;width:100%;height:100%;display:block}.hero-invoice-front{z-index:2;width:310px;height:438px;top:50px;right:62px;transform:rotate(2.5deg)}.hero-invoice-back{opacity:.7;width:270px;height:382px;top:92px;left:34px;transform:rotate(-7deg)}.hero-floating-note{z-index:3;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#081533d6;border:1px solid #ffffff47;border-radius:13px;align-items:center;gap:10px;padding:11px 13px;display:flex;position:absolute;box-shadow:0 15px 35px #0000003d}.hero-floating-note small,.hero-floating-note strong{display:block}.hero-floating-note small{color:#8fa3c7;font-size:.64rem}.hero-floating-note strong{color:#fff;margin-top:2px;font-size:.78rem}.hero-note-top{top:28px;left:-24px}.hero-note-bottom{bottom:38px;right:-20px}.hero-note-icon{color:#8fb1ff;background:#8fb1ff29;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.hero-status-dot{background:#55d98c;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 5px #55d98c21}.hero-orb{filter:blur(4px);pointer-events:none;border-radius:50%;position:absolute}.hero-orb-one{background:#285de62e;width:420px;height:420px;top:-180px;left:-120px}.hero-orb-two{background:#f7c94814;width:470px;height:470px;bottom:-220px;right:5%}.landing-page{background:#fff}.product-strip{border:1px solid var(--landing-border);background:#fff;border-radius:15px;justify-content:space-between;align-items:center;gap:28px;width:min(1120px,100% - 32px);min-height:70px;margin:0 auto;padding:15px 18px;display:flex;box-shadow:0 14px 35px #0f172a0f}.product-strip-intro{color:#334155;white-space:nowrap;align-items:center;gap:9px;font-size:.84rem;font-weight:720;display:flex}.product-strip-intro>span{color:#7c5600;text-transform:uppercase;background:#fff3c4;border-radius:999px;padding:4px 8px;font-size:.65rem}.product-strip-items{color:#64748b;flex-wrap:wrap;justify-content:flex-end;gap:8px 22px;font-size:.78rem;font-weight:650;display:flex}.product-strip-items span:before{color:#b6c1d0;content:"•";margin-right:8px}.features-section,.quotes-section,.template-section,.pricing-section,.site-builder-section,.logo-library-section{padding:clamp(74px,9vw,118px) 24px}.features-section,.template-section,.site-builder-section{background:#f8fafc}.quotes-section,.pricing-section,.logo-library-section{background:#fff}.section-header{text-align:center;max-width:800px;margin:0 auto 38px}.section-header-left{text-align:left;max-width:760px;margin-left:max(0px,50% - 560px)}.section-eyebrow{color:var(--landing-blue);letter-spacing:.13em;text-transform:uppercase;margin:0 0 10px;font-size:.72rem;font-weight:800}.section-header h2,.template-section h2,.pricing-section h2{color:#101828;letter-spacing:-.045em;margin:0;font-size:clamp(2rem,4vw,3.25rem);font-weight:760;line-height:1.08}.section-subtitle,.template-section-intro{max-width:720px;color:var(--landing-muted);margin:14px auto 0;font-size:1rem;line-height:1.7}.section-header-left .section-subtitle{margin-left:0}.features-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:min(1120px,100%);margin:0 auto;display:grid}.feature-bento{grid-auto-flow:dense}.feature-card{border:1px solid var(--landing-border);text-align:left;background:#fff;border-radius:17px;flex-direction:column;align-items:flex-start;min-height:176px;padding:21px;transition:transform .16s,border-color .16s,box-shadow .16s;display:flex;position:relative;overflow:hidden}.feature-card:hover{border-color:#c8d5e8;transform:translateY(-3px);box-shadow:0 18px 36px #0f172a14}.feature-card-wide{grid-column:span 2}.feature-card-tall{grid-row:span 2;min-height:366px}.feature-card-accent{background:radial-gradient(circle at 85% 20%,#2256d821,#0000 30%),#fff}.feature-card-dark{background:#12234d;border-color:#172554}.feature-card .icon{background:var(--landing-blue-soft);width:42px;height:42px;color:var(--landing-blue);border-radius:11px;justify-content:center;align-items:center;margin-bottom:0;font-size:1.05rem;display:inline-flex}.feature-card h3{color:#172033;letter-spacing:-.02em;max-width:520px;margin:16px 0 0;font-size:1.1rem;font-weight:750}.feature-card p{max-width:520px;color:var(--landing-muted);margin:8px 0 0;font-size:.88rem;line-height:1.6}.feature-card.feature-card-dark h3,.feature-card.feature-card-dark .icon{color:#fff}.feature-card.feature-card-dark .icon{background:#ffffff1a}.feature-card.feature-card-dark p{color:#c9d6ef}.feature-number{color:#cbd5e1;letter-spacing:.08em;font-size:.72rem;font-weight:800;position:absolute;top:20px;right:22px}.feature-mini-preview{background:#f8fafc;border:1px solid #dce5f2;border-radius:13px;flex:auto;width:100%;min-height:205px;margin-top:18px;position:relative;overflow:hidden}.feature-mini-preview img{object-fit:cover;object-position:top}.feature-preview-status{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172ac7;border:1px solid #ffffffb3;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:8px 10px;font-size:.7rem;font-weight:700;display:inline-flex;position:absolute;bottom:10px;left:10px;right:10px}.feature-swatch-row{gap:7px;margin-top:22px;display:flex}.feature-swatch-row span{background:#2256d8;border:3px solid #fff;border-radius:50%;width:28px;height:28px;box-shadow:0 0 0 1px #dbe3ec}.feature-swatch-row span:nth-child(2){background:#14b8a6}.feature-swatch-row span:nth-child(3){background:#f59e0b}.feature-swatch-row span:nth-child(4){background:#e879f9}.features-grid.three-col{grid-template-columns:repeat(3,minmax(0,1fr))}.quotes-section .feature-card,.site-builder-section .feature-card,.logo-library-section .feature-card{min-height:190px}.center-cta,.pricing-preview-actions{text-align:center;margin-top:30px}.template-section{overflow:hidden}.template-highlights{flex-wrap:wrap;justify-content:center;gap:8px;max-width:900px;margin:-12px auto 34px;display:flex}.template-highlights span{border:1px solid var(--landing-border);color:#526075;background:#fff;border-radius:999px;padding:7px 11px;font-size:.74rem;font-weight:700}.invoice-templates{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;width:min(1180px,100%);margin:0 auto;display:grid}.invoice-template{cursor:zoom-in;background:#fff;border:1px solid #dce4ef;border-radius:13px;transition:transform .18s,box-shadow .18s;position:relative;overflow:hidden;box-shadow:0 10px 25px #0f172a12}.invoice-template:nth-child(2n){transform:translateY(18px)}.invoice-template:hover{z-index:1;transform:translateY(-5px);box-shadow:0 22px 42px #0f172a24}.template-wrapper{aspect-ratio:.71;position:relative;overflow:hidden}.template-wrapper img{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform .3s;display:block}.template-wrapper:hover img{transform:scale(1.035)}.zoom-overlay{opacity:0;background:#0815336b;justify-content:center;align-items:center;transition:opacity .18s;display:flex;position:absolute;inset:0}.template-wrapper:hover .zoom-overlay{opacity:1}.zoom-icon{width:44px;height:44px;color:var(--landing-blue);background:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;display:inline-flex}.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:16px;width:min(1040px,100%);margin:0 auto;display:grid}.pricing-card{border:1px solid var(--landing-border);text-align:left;background:#fff;border-radius:17px;min-height:295px;padding:26px;transition:transform .16s,box-shadow .16s;position:relative}.pricing-card:hover{transform:translateY(-3px);box-shadow:0 18px 38px #0f172a17}.pricing-card.recommended{color:#fff;background:radial-gradient(circle at 85% 10%,#8fb1ff42,#0000 28%),#11285d;border-color:#1d4ed8;box-shadow:0 20px 46px #11285d33}.pricing-badge{background:var(--landing-blue-soft);color:var(--landing-blue);border-radius:8px;padding:5px 9px;font-size:.83rem;font-weight:800;display:inline-block}.pricing-card.recommended .pricing-badge{color:#fff;background:#ffffff1f}.pricing-pill{background:var(--landing-yellow);color:#4c3600;text-transform:uppercase;border-radius:999px;padding:5px 8px;font-size:.65rem;font-weight:800;position:absolute;top:22px;right:22px}.pricing-tagline{color:#334155;margin:22px 0 18px;font-size:1.08rem;font-weight:730;line-height:1.4}.pricing-card.recommended .pricing-tagline{color:#fff}.pricing-features{gap:10px;margin:0;padding:0;list-style:none;display:grid}.pricing-features li{color:var(--landing-muted);padding-left:20px;font-size:.84rem;position:relative}.pricing-features li:before{color:#22a75a;content:"✓";font-weight:800;position:absolute;top:1px;left:0}.pricing-card.recommended .pricing-features li{color:#c8d6f2}.site-showcase{border:1px solid var(--landing-border);background:#fff;border-radius:20px;width:min(1080px,100%);margin:44px auto 0;padding:14px;box-shadow:0 25px 55px #0f172a1a}.site-showcase h3{color:#334155;margin:8px 8px 18px;font-size:.88rem;font-weight:700}.site-showcase-image{border-radius:13px;width:100%;height:auto;display:block}.template-modal-body{background:#0f172a;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.template-modal-body img{width:100%;height:auto;display:block}.nav-arrow{z-index:2;color:#fff;background:#0f172abd;border:1px solid #ffffff47;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;padding:0;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.nav-arrow:hover{background:#0f172a}.nav-arrow.left{left:14px}.nav-arrow.right{right:14px}@media (max-width:1000px){.hero-grid{grid-template-columns:1fr}.hero-content{max-width:760px}.hero-showcase{width:min(620px,100%);min-height:500px;margin:0 auto}.features-grid,.features-grid.three-col{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-card-wide{grid-column:span 1}.feature-card-tall{grid-row:span 1;min-height:330px}.invoice-templates{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:760px){.hero{padding-left:18px;padding-right:18px}.hero-showcase{min-height:440px}.hero-invoice-front{width:270px;height:382px;right:40px}.hero-invoice-back{width:230px;height:325px}.product-strip{flex-direction:column;align-items:flex-start}.product-strip-items{justify-content:flex-start}.features-grid,.features-grid.three-col,.pricing-grid{grid-template-columns:1fr}.feature-card,.quotes-section .feature-card,.site-builder-section .feature-card,.logo-library-section .feature-card{min-height:176px}.invoice-templates{grid-template-columns:repeat(2,minmax(0,1fr))}.invoice-template:nth-child(2n){transform:none}}@media (max-width:520px){.hero h1{font-size:clamp(2.65rem,15vw,4rem)}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions button{width:100%}.hero-showcase{min-height:360px}.hero-invoice-front{width:210px;height:297px;top:38px;right:24px}.hero-invoice-back{width:180px;height:254px;top:65px;left:18px}.hero-note-top{top:16px;left:-6px}.hero-note-bottom{bottom:22px;right:-5px}.features-section,.quotes-section,.template-section,.pricing-section,.site-builder-section,.logo-library-section{padding-left:16px;padding-right:16px}.section-header-left{text-align:center}.section-header-left .section-subtitle{margin-left:auto;margin-right:auto}.invoice-templates{gap:10px}.feature-card,.pricing-card{padding:21px}}@media (prefers-reduced-motion:reduce){.feature-card,.invoice-template,.template-wrapper img,.cta-button,.pricing-cta-button,.hero-secondary-button{transition:none}}