.page-service{--sp-teal: #00d4aa;--sp-teal-mid: #00b89a;--sp-teal-deep: #00a8cc;--sp-ink: #0a0c10;--sp-text: #3d4450;--sp-text-on-dark: #c8cdd6;--sp-paper: #ebe8e0;--sp-line: rgba(255, 255, 255, .08);--sp-font-display: "Syne", system-ui, sans-serif;--sp-font-body: "Inter", system-ui, sans-serif}.page-graphic-design{--sp-paper: #f0ebe3}.page-service .sp-main{font-family:var(--sp-font-body);color:var(--sp-text);overflow-x:hidden}.page-service .sp-main h1,.page-service .sp-main h2,.page-service .sp-main h3{font-family:var(--sp-font-display);font-weight:700;color:var(--sp-ink);letter-spacing:-.02em}.page-service .sp-hero{position:relative;padding:clamp(8.75rem,11vw,10.25rem) 0 clamp(3.75rem,6vw,4.75rem);background:radial-gradient(ellipse 70% 55% at 75% 15%,rgba(0,212,170,.12) 0%,transparent 50%),radial-gradient(ellipse 45% 40% at 10% 85%,rgba(0,168,204,.1) 0%,transparent 50%),linear-gradient(165deg,#060708,#0f1218 48%,#0a0d12);color:#e8eaef}.page-graphic-design .sp-hero{background:radial-gradient(ellipse 65% 50% at 20% 20%,rgba(0,212,170,.1) 0%,transparent 50%),radial-gradient(ellipse 50% 45% at 90% 70%,rgba(200,160,90,.08) 0%,transparent 45%),linear-gradient(165deg,#060708,#101218,#0a0c10)}.page-service .sp-hero:after{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><filter id="n"><feTurbulence type="fractalNoise" baseFrequency="0.8" numOctaves="4" stitchTiles="stitch"/></filter><rect width="100" height="100" filter="url(%23n)" opacity="0.03"/></svg>');pointer-events:none;opacity:.5}.page-service .sp-hero__grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr;gap:clamp(2rem,5vw,3rem);align-items:start;max-width:1200px;margin:0 auto;padding:0 20px}@media(min-width:960px){.page-service .sp-hero__grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:3rem;align-items:start}}.page-service .sp-eyebrow{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--sp-teal);margin-bottom:1.1rem}.page-service .sp-hero h1{font-size:clamp(2.25rem,5vw,3.5rem);line-height:1.05;color:#fff;margin:0 0 1.15rem;max-width:15ch}.page-service .sp-hero__lead{font-size:clamp(1.05rem,1.9vw,1.2rem);line-height:1.55;color:var(--sp-text-on-dark);margin:0 0 1.75rem;max-width:38rem}.page-service .sp-hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.25rem}.page-service .sp-btn{display:inline-flex;align-items:center;gap:.55rem;padding:.95rem 1.65rem;border-radius:999px;font-weight:600;font-size:.95rem;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.page-service .sp-btn--primary{background:linear-gradient(135deg,var(--sp-teal),var(--sp-teal-deep));color:#041210;box-shadow:0 8px 32px #00d4aa59}.page-service .sp-btn--primary:hover{transform:translateY(-2px);box-shadow:0 12px 40px #00d4aa73}.page-service .sp-btn--ghost{background:transparent;color:var(--sp-text-on-dark);border:1px solid var(--sp-line)}.page-service .sp-btn--ghost:hover{border-color:#00d4aa80;color:#fff}.page-service .sp-btn--block{width:100%;justify-content:center;border-radius:12px}.page-service .sp-ticket{border-radius:20px;padding:1.65rem 1.4rem;background:linear-gradient(145deg,#ffffff14,#ffffff05);border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 48px #00000073,inset 0 1px #ffffff0f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.page-service .sp-ticket__label{font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:#ffffff73;margin-bottom:1.1rem;padding-bottom:.65rem;border-bottom:1px solid var(--sp-line)}.page-service .sp-ticket__row{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.55rem 0;font-size:.92rem;color:var(--sp-text-on-dark)}.page-service .sp-ticket__row strong{font-size:1.1rem;font-weight:700;color:#fff;font-variant-numeric:tabular-nums}.page-service .sp-ticket__row+.sp-ticket__row{border-top:1px solid var(--sp-line)}.page-service .sp-about{padding:clamp(3.5rem,8vw,5.5rem) 0;background:var(--sp-paper);position:relative}.page-service .sp-about:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,0,0,.08),transparent)}.page-service .sp-about__inner{max-width:720px;margin:0 auto;padding:0 20px}.page-service .sp-about h2{font-size:clamp(1.75rem,3.2vw,2.35rem);margin:0 0 1rem;line-height:1.15}.page-service .sp-about__lead{font-size:1.15rem;font-weight:600;line-height:1.6;color:var(--sp-ink);margin:0 0 1rem}.page-service .sp-about p{font-size:1.05rem;line-height:1.75;margin:0 0 1rem}.page-service .sp-about p:last-child{margin-bottom:0}.page-service .sp-outcomes{padding:clamp(4rem,10vw,7rem) 0;background:#fff}.page-service .sp-outcomes__head{max-width:680px;margin:0 auto 2rem;padding:0 20px;text-align:center}.page-service .sp-outcomes__head h2{font-size:clamp(1.75rem,3.2vw,2.4rem);margin:0 0 .5rem}.page-service .sp-outcomes__sub{margin:0;font-size:1.05rem;color:#666;line-height:1.55}.page-service .sp-bento{display:grid;gap:1rem;max-width:1100px;margin:0 auto;padding:0 20px;grid-template-columns:1fr}@media(min-width:768px){.page-service .sp-bento{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,minmax(120px,auto))}.page-service .sp-bento__card:nth-child(1){grid-column:1 / 3;grid-row:1 / 3}.page-service .sp-bento__card:nth-child(2){grid-column:3 / 5}.page-service .sp-bento__card:nth-child(3){grid-column:3 / 4}.page-service .sp-bento__card:nth-child(4){grid-column:4 / 5}}.page-service .sp-bento__card{border-radius:18px;padding:1.65rem 1.4rem;background:#f8f9fb;border:1px solid #e8ecf0;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.page-service .sp-bento__card:hover{transform:translateY(-4px);border-color:#00d4aa73;box-shadow:0 16px 40px #00d4aa1f}.page-service .sp-bento__card--hero{background:linear-gradient(155deg,#0f1218,#1a1f2a);border-color:#ffffff0f;color:#fff;display:flex;flex-direction:column;justify-content:flex-start;min-height:260px}.page-service .sp-bento__card--hero .sp-bento__icon{background:#ffffff1f;margin-bottom:1.15rem}.page-service .sp-bento__card--hero h3{color:#fff;font-size:clamp(1.6rem,2.8vw,2.1rem);margin:0 0 .65rem}.page-service .sp-bento__card--hero p{margin:0;color:var(--sp-text-on-dark);font-size:1.02rem;line-height:1.6}.page-service .sp-bento__icon{width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,var(--sp-teal),var(--sp-teal-deep));display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.1rem;margin-bottom:.9rem}.page-service .sp-bento__card:not(.sp-bento__card--hero) h3{font-size:1.15rem;margin:0 0 .45rem}.page-service .sp-bento__card:not(.sp-bento__card--hero) p{margin:0;font-size:.96rem;line-height:1.6;color:#555}.page-service .sp-portfolio{padding:clamp(4rem,10vw,7rem) 0;background:#0c0e12;color:#e8eaef}.page-service .sp-portfolio__inner{max-width:1200px;margin:0 auto;padding:0 20px}.page-service .sp-portfolio__head{text-align:center;max-width:640px;margin:0 auto 2.5rem}.page-service .sp-portfolio__head h2{color:#fff;font-size:clamp(1.75rem,3.2vw,2.4rem);margin:0 0 .5rem}.page-service .sp-portfolio__head p{margin:0;color:var(--sp-text-on-dark);font-size:1.05rem;line-height:1.55}.page-service .sp-portfolio__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.page-service .sp-portfolio__item{border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.08);transition:transform .25s ease}.page-service .sp-portfolio__item:hover{transform:scale(1.02)}.page-service .sp-portfolio__item img{width:100%;height:220px;object-fit:cover;display:block}.page-service .sp-process{padding:clamp(4rem,10vw,7rem) 0;background:#f4f6f8}.page-service .sp-process__head{max-width:600px;margin:0 auto 2.5rem;padding:0 20px;text-align:center}.page-service .sp-process__head h2{font-size:clamp(1.75rem,3.2vw,2.4rem);margin:0 0 .45rem}.page-service .sp-process__head p{margin:0;font-size:1.05rem;color:#666}.page-service .sp-timeline{margin:0 auto;padding:0 20px;max-width:640px}.page-service .sp-timeline__step{display:grid;grid-template-columns:3rem 1fr;gap:1rem 1.2rem;margin-bottom:.25rem}.page-service .sp-timeline__rail{position:relative;display:flex;justify-content:center;padding-top:.12rem}.page-service .sp-timeline__step:not(:last-child) .sp-timeline__rail:after{content:"";position:absolute;top:2.45rem;bottom:-.45rem;left:50%;transform:translate(-50%);width:2px;background:linear-gradient(180deg,var(--sp-teal),var(--sp-teal-deep));border-radius:2px;opacity:.4}.page-service .sp-timeline__mark{position:relative;z-index:1;width:2.2rem;height:2.2rem;border-radius:50%;background:linear-gradient(135deg,var(--sp-teal),var(--sp-teal-deep));color:#fff;font-family:var(--sp-font-display);font-size:.62rem;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #00d4aa59;flex-shrink:0}.page-service .sp-timeline__body{background:#fff;padding:1.25rem 1.3rem;border-radius:14px;border:1px solid #e5e9ee;box-shadow:0 4px 20px #0000000a}.page-service .sp-timeline__body h3{font-size:1.05rem;margin:0 0 .4rem}.page-service .sp-timeline__body p{margin:0;font-size:.93rem;line-height:1.65;color:#555}.page-service .sp-pricing{padding:clamp(4rem,10vw,6rem) 0;background:#fff}.page-service .sp-pricing__head{text-align:center;max-width:640px;margin:0 auto 2.5rem;padding:0 20px}.page-service .sp-pricing__head h2{font-size:clamp(1.75rem,3.2vw,2.4rem);margin:0 0 .5rem}.page-service .sp-pricing__head p{margin:0;font-size:1.05rem;color:#666}.page-service .sp-pricing__grid{display:grid;gap:1.5rem;max-width:980px;margin:0 auto;padding:0 20px;grid-template-columns:1fr;align-items:stretch}@media(min-width:880px){.page-service .sp-pricing__grid--dual{grid-template-columns:1fr 1fr}}.page-service .sp-pricing-card{position:relative;background:#fff;border-radius:20px;padding:2rem 1.65rem;border:2px solid #e8ecf0;text-align:center;transition:transform .25s ease,box-shadow .25s ease}.page-service .sp-pricing-card:hover{transform:translateY(-4px);box-shadow:0 20px 45px #00000014}.page-service .sp-pricing-card--featured{border-color:var(--sp-teal);box-shadow:0 20px 50px #00d4aa26;padding-top:2.35rem}.page-service .sp-pricing-card__badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,var(--sp-teal),var(--sp-teal-deep));color:#fff;font-size:.75rem;font-weight:700;padding:.35rem 1rem;border-radius:999px;white-space:nowrap}.page-service .sp-pricing-card h3{font-size:1.2rem;margin:.5rem 0 .75rem}.page-service .sp-pricing-card__price{font-family:var(--sp-font-display);font-size:2.75rem;font-weight:800;color:var(--sp-teal);line-height:1;margin-bottom:.5rem}.page-service .sp-pricing-card__desc{font-size:.95rem;color:#666;font-style:italic;margin:0 0 1.25rem}.page-service .sp-pricing-card ul{list-style:none;padding:0;margin:0 0 1.5rem;text-align:left}.page-service .sp-pricing-card li{padding:.4rem 0 .4rem 1.4rem;position:relative;font-size:.93rem;color:#555}.page-service .sp-pricing-card li:before{content:"✓";position:absolute;left:0;color:var(--sp-teal);font-weight:700}.page-service .sp-pricing-card__cta{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:.95rem 1.25rem;border-radius:10px;background:linear-gradient(135deg,var(--sp-teal),var(--sp-teal-deep));color:#041210;font-weight:700;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.page-service .sp-pricing-card__cta:hover{transform:translateY(-2px);box-shadow:0 10px 28px #00d4aa59}.page-service .sp-pricing__note{max-width:800px;margin:2.5rem auto 0;padding:1.25rem 1.5rem;background:#f8fafc;border-radius:14px;border-left:4px solid var(--sp-teal);font-size:.98rem;color:#555;line-height:1.55}.page-service .sp-pricing__note strong{color:var(--sp-ink)}.page-service .sp-types{padding:clamp(4rem,10vw,7rem) 0;background:var(--sp-paper)}.page-service .sp-types__head{text-align:center;max-width:640px;margin:0 auto 2.5rem;padding:0 20px}.page-service .sp-types__head h2{font-size:clamp(1.75rem,3.2vw,2.4rem);margin:0 0 .5rem}.page-service .sp-types__head p{margin:0;font-size:1.05rem;color:#666}.page-service .sp-types__grid{display:grid;grid-template-columns:1fr;gap:1.25rem;max-width:1100px;margin:0 auto;padding:0 20px}@media(min-width:900px){.page-service .sp-types__grid{grid-template-columns:repeat(3,1fr)}.page-service .sp-types__grid--four{grid-template-columns:repeat(2,1fr);max-width:1200px}}@media(min-width:1200px){.page-service .sp-types__grid--four{grid-template-columns:repeat(4,1fr);max-width:1280px}}.page-service .sp-types__col{background:#fff;border-radius:16px;padding:1.5rem 1.35rem;border:1px solid rgba(0,0,0,.06);box-shadow:0 4px 20px #0000000a}.page-service .sp-types__col h3{font-size:1.1rem;margin:0 0 1rem;color:var(--sp-ink)}.page-service .sp-types__tags{display:flex;flex-wrap:wrap;gap:.45rem}.page-service .sp-types__tag{font-size:.8rem;padding:.35rem .75rem;border-radius:999px;background:#f4f6f5;border:1px solid #e2e8e6;color:#444}.page-service .sp-pricing--quote{background:radial-gradient(ellipse 55% 70% at 100% 40%,rgba(0,212,170,.1) 0%,transparent 50%),linear-gradient(135deg,#0a0c10,#12151f);color:var(--sp-text-on-dark)}.page-service .sp-pricing--quote .sp-pricing__head h2{color:#fff}.page-service .sp-pricing--quote .sp-pricing__head p{color:#ffffffbf}.page-service .sp-pricing__grid--split{max-width:1040px;grid-template-columns:1fr;gap:2rem;align-items:start}@media(min-width:900px){.page-service .sp-pricing__grid--split{grid-template-columns:1fr 1fr}}.page-service .sp-pricing__intro h3{color:#fff;font-size:clamp(1.25rem,2.2vw,1.5rem);margin:0 0 .75rem;font-family:var(--sp-font-display);font-weight:700}.page-service .sp-pricing__intro>p{margin:0 0 1.25rem;color:#ffffffc7;font-size:1.05rem;line-height:1.55}.page-service .sp-pricing__factors{list-style:none;padding:0;margin:0}.page-service .sp-pricing__factors li{padding:.55rem 0;font-size:.95rem;line-height:1.5;color:#ffffffe0;border-bottom:1px solid rgba(255,255,255,.06)}.page-service .sp-pricing__factors li:last-child{border-bottom:none}.page-service .sp-pricing__factors strong{color:#fff;font-weight:600}.page-service .sp-quote-card{background:#fff;border-radius:20px;padding:2rem 1.65rem;border:2px solid rgba(0,212,170,.35);box-shadow:0 24px 48px #00000059}.page-service .sp-quote-card h3{text-align:center;font-size:1.2rem;margin:0 0 1.25rem}.page-service .sp-quote-steps{list-style:none;padding:0;margin:0 0 1.5rem}.page-service .sp-quote-step{display:grid;grid-template-columns:2.25rem 1fr;gap:.85rem;margin-bottom:1.1rem;align-items:start;list-style:none}.page-service .sp-quote-step:last-child{margin-bottom:0}.page-service .sp-quote-step__num{width:2.25rem;height:2.25rem;border-radius:50%;background:linear-gradient(135deg,var(--sp-teal),var(--sp-teal-deep));color:#fff;font-family:var(--sp-font-display);font-size:.85rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.page-service .sp-quote-step__body h4{font-size:.98rem;margin:0 0 .25rem;color:var(--sp-ink)}.page-service .sp-quote-step__body p{margin:0;font-size:.88rem;line-height:1.5;color:#666}.page-service .sp-pricing--quote .sp-pricing__note{background:#ffffff0f;border-left-color:var(--sp-teal);color:#ffffffd9}.page-service .sp-pricing--quote .sp-pricing__note strong{color:#fff}.page-service .sp-pricing--tiered .sp-pricing__grid--dual .sp-pricing-card{border-color:#ffffff24;box-shadow:0 24px 48px #0000006b}.page-service .sp-pricing--tiered .sp-pricing__grid--dual .sp-pricing-card--featured{border-color:var(--sp-teal);box-shadow:0 24px 55px #00000073,0 0 0 1px #00d4aa40}.page-service .sp-pricing--tiered .sp-pricing__grid--dual .sp-pricing-card:hover{box-shadow:0 28px 56px #00000080}.page-service .sp-pricing--tiered .sp-pricing__grid--dual .sp-pricing-card--featured:hover{box-shadow:0 28px 60px #00d4aa33,0 0 0 1px #00d4aa59}.page-service .contact-cta{margin-top:0}
