:root{--section-title-size:52px}
/* A separate full-width tone for the limited-capacity partnership. */
#partnership{background:#2b2c30;border-top:0;box-shadow:0 0 0 100vmax #2b2c30;clip-path:inset(0 -100vmax)}
#partnership .capacity-heading>p{color:#c0bfc6}
.mobile-swipe-note{display:none}

@media(max-width:900px){
  :root{--section-title-size:44px;--section-space:64px;--heading-gap:32px;--copy-gap:20px;--group-gap:24px;--card-gap:18px}
  html{scroll-padding-top:96px}
  body{min-width:0}
  .wrap{width:calc(100% - 64px)}
  h1,h2,h3,p{overflow-wrap:break-word;word-break:keep-all}
  .floating-nav{right:24px;top:20px;width:220px}
  .floating-nav.is-open{width:320px;max-width:calc(100% - 48px)}
  .menu-toggle{width:44px;height:44px}
  .nav-top{padding-inline:20px}
  .kakao-floating{right:24px;top:auto;bottom:calc(20px + env(safe-area-inset-bottom));width:auto}
  .kakao-floating-face{min-height:50px;padding:0 18px;font-size:14px;border-radius:99px;gap:10px;background:#f8f8f8f2;box-shadow:0 4px 20px #0002}
  body:has(.floating-nav.is-open) .kakao-floating{top:auto;width:auto}
  .hero{min-height:720px;min-height:90svh}
  .hero-content{padding-top:130px;padding-bottom:90px}
  .hero h1{font-size:clamp(40px,6.3vw,56px)}
  .hero-content>p{font-size:18px}
  .metrics-heading{text-align:center;padding-right:0}
  .metrics-heading>p:last-child{font-size:17px}
  .results-stack{position:relative;inset:auto;width:300px;height:230px;margin:26px auto 0}
  .results-stack .image-stack{width:180px;height:144px}
  .results-stack .stack-stage{height:144px}
  #results .trust-metrics-grid{margin-top:24px}
  .trust-metrics-grid{gap:16px}
  .trust-metrics-grid>div{padding:0 16px;text-align:center}
  .trust-metrics-grid>div:first-child{padding-left:0}
  .trust-metrics-grid svg{width:44px;height:44px;margin:0 auto 14px}
  .trust-metrics-grid dt{font-size:16px}
  .trust-metrics-grid dd{font-size:48px}
  .persona-heading>p:last-child{font-size:17px}
  .partner-grid{gap:16px}
  .partner-grid article{display:flex;flex-direction:column;align-items:flex-start;padding:26px;gap:18px;min-height:0}
  .partner-icon,.partner-grid article:nth-child(even) .partner-icon{width:64px;height:64px}
  .partner-icon svg{width:60px;height:60px}
  .partner-grid h3{font-size:22px}
  .partner-grid p{font-size:16px;margin-top:12px}
  .partner-grid p br{display:none}
  .portfolio-heading{display:block}
  .portfolio-heading-link{margin:24px 0 0;padding:13px 20px;font-size:15px}
  #portfolio .project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 18px}
  #portfolio .project-media{height:auto;aspect-ratio:1.2}
  .project-caption strong{font-size:17px}
  .project-caption>span{font-size:13px}
  .delivery-times{grid-template-columns:1fr;gap:16px}
  #delivery .delivery-times article{min-height:0;padding:22px 26px;display:grid;grid-template-columns:1fr auto;gap:8px 20px}
  .delivery-times .delivery-card-heading{grid-column:1/-1;min-height:44px}
  .delivery-times .delivery-card-heading h3{font-size:22px}
  .delivery-estimate{margin-top:14px}
  .delivery-times .delivery-days{font-size:56px}
  .delivery-times .delivery-days>span{font-size:17px;margin-left:8px}
  .delivery-card-foot{align-self:end;flex-direction:column;align-items:flex-end;margin:0 0 8px;gap:12px}
  #delivery .delivery-heading>p{font-size:17px}
  .figma-monitoring{grid-template-columns:1fr 1fr;padding:28px;gap:22px}
  .monitoring-copy{min-height:0;padding-right:20px}
  .figma-monitoring h3{font-size:38px}
  .monitoring-copy p{font-size:16px;margin-top:18px}
  .monitoring-visual{height:240px}
  .subscription-plans{grid-template-columns:1fr;gap:18px;max-width:600px;margin-inline:auto}
  .subscription-plan{min-height:0;padding:28px}
  .subscription-plan ul{font-size:16px}
  #partnership .capacity-heading>p{font-size:17px}
  #partnership .partnership-terms>div{grid-template-columns:84px minmax(0,1fr);gap:8px 22px;padding:26px;min-height:0}
  #partnership .term-object{width:84px;height:90px}
  #partnership .partnership-terms h3{font-size:23px}
  #partnership .partnership-terms p{grid-column:1/-1;grid-row:3;font-size:17px;margin-top:12px}
  #partnership .partnership-invitation{grid-template-columns:170px minmax(0,1fr);padding:28px;gap:0 24px}
  #partnership .invitation-art{width:170px;height:190px}
  #partnership .partnership-invitation h3{font-size:24px}
  #partnership .partnership-invitation button{grid-column:1/-1;margin-top:24px}
  .comparison-cards{grid-template-columns:1fr;max-width:600px;margin-inline:auto;gap:18px}
  .comparison-cards article,.comparison-cards .comparison-featured{min-height:0;padding:28px}
  .comparison-cards h3,.comparison-featured h3{font-size:30px;margin-bottom:16px}
  .comparison-cards .compare-tag{margin-bottom:12px}
  .comparison-cards article>strong{font-size:21px}
  .comparison-cards p{font-size:18px;margin-top:16px}
  .comparison-cards p br{display:none}
  .comparison-cards ul{font-size:16px;margin-top:18px;padding-top:18px}
  main>.closing{padding:36px;grid-template-columns:1fr;min-height:0;gap:20px}
  .closing-team{position:relative;inset:auto;justify-self:center;width:100%;max-width:400px;height:280px}
  #faq.faq{grid-template-columns:1fr;gap:30px;padding:64px 32px 100px;border-radius:28px 28px 0 0}
  #faq .faq-intro>p{font-size:17px}
  #faq .faq-intro>p br{display:none}
  #faq .faq-list h3{font-size:18px}
  #faq .faq-answer p{font-size:16px;padding-right:12px}
}

@media(max-width:600px){
  :root{--section-title-size:clamp(34px,10.2vw,44px);--section-space:56px;--heading-gap:28px;--group-gap:24px;--card-gap:16px}
  .wrap{width:calc(100% - 40px)}
  .floating-nav{left:auto;right:14px;top:calc(12px + env(safe-area-inset-top));width:188px;max-width:calc(100% - 28px);border-radius:20px}.floating-nav.is-open{left:auto;right:14px;width:290px;max-width:calc(100% - 28px)}
  .nav-top{height:52px;padding-inline:16px 8px}
  .nav-top .logo{width:82px}
  .floating-nav.is-open .nav-content{height:330px;max-height:calc(100dvh - 90px);overflow-y:auto}
  .nav-links{font-size:27px;padding:16px 22px 20px;gap:10px}
  .nav-cta{min-height:48px}
  .kakao-floating{right:16px;bottom:calc(14px + env(safe-area-inset-bottom))}
  .kakao-floating-face{font-size:13px;min-height:46px;padding:0 15px;gap:8px}
  .kakao-floating svg{width:20px;height:20px}
  body:has(.floating-nav.is-open) .kakao-floating{visibility:hidden}
  .hero{min-height:660px;min-height:92svh}
  .hero-content{padding-top:120px;padding-bottom:76px}
  .hero h1{font-size:clamp(40px,12.5vw,56px);line-height:1.35!important;letter-spacing:-.055em}
  .hero-emphasis{display:block;margin-top:8px}
  .hero-emphasis .sales-pulse{display:block}
  .hero h1>br{display:none}
  .hero-content>p{font-size:15px;line-height:1.8;margin-top:24px}
  .hero-content>p strong{font-size:15px}
  .hero-actions{width:100%;max-width:360px;flex-direction:column;gap:12px;margin-top:28px}
  .hero-actions .hero-consult,.hero-actions .hero-portfolio{width:100%;min-width:0;min-height:50px;justify-content:center;gap:12px;font-size:16px;margin:0;padding:13px 18px}
  .hero-actions .hero-consult>span{font-size:16px}
  .section-badge{font-size:12px;gap:7px;padding:7px 12px;margin-bottom:20px}
  .section-badge-star{font-size:17px}
  .section-badge-window{height:22px}
  .metrics-heading>p:last-child{font-size:15px;max-width:290px;margin-inline:auto}
  .results-stack{width:270px;height:210px;margin-top:20px}
  .results-stack .image-stack{width:156px;height:126px}
  .results-stack .stack-stage{height:126px}
  .results-stack .plane-0{transform:translateZ(-80px)}
  .results-stack .plane-2{transform:translateZ(80px)}
  .results-stack.is-expanded:is(:hover,:focus-visible) .plane-0{transform:translate3d(70px,-30px,-80px) rotateZ(5deg)}
  .results-stack.is-expanded:is(:hover,:focus-visible) .plane-2{transform:translate3d(-70px,20px,80px) rotateZ(-5deg)}
  .trust-metrics-grid{gap:8px}
  .trust-metrics-grid>div{padding-inline:8px}
  .trust-metrics-grid svg{width:34px;height:34px;margin-bottom:12px}
  .trust-metrics-grid dt{font-size:12px;margin-bottom:10px;white-space:nowrap}
  .trust-metrics-grid dd{font-size:clamp(28px,8.2vw,36px);letter-spacing:-.06em;white-space:nowrap}
  .trust-metrics-grid dd small{font-size:.4em;margin-left:3px}
  .persona-heading>p:last-child{font-size:15px}
  .persona-window{overflow:hidden;scroll-snap-type:none;padding:0;scrollbar-width:none}
  .persona-track{width:100%;gap:18px;will-change:transform}
  .persona-card{flex:0 0 88%;scroll-snap-align:center}
  .persona-card[aria-hidden=true]{display:block}
  .persona-bubble{min-height:120px;padding:20px 14px}
  .persona-bubble p,.persona-bubble strong{font-size:18px}
  .persona-portrait{height:255px;margin-top:20px}
  .persona-card h3{font-size:20px;margin-top:18px}
  .persona-role{font-size:13px}
  .mobile-swipe-note{display:none}
  .partner-grid{grid-template-columns:1fr;gap:16px}
  .partner-grid article{display:grid;grid-template-columns:54px minmax(0,1fr);gap:16px;padding:25px 20px;border-radius:20px}
  .partner-icon,.partner-grid article:nth-child(even) .partner-icon{width:54px;height:62px}
  .partner-icon svg{width:54px;height:54px}
  .partner-number{font-size:11px;margin-bottom:8px}
  .partner-grid h3{font-size:20px;line-height:1.4}
  .partner-grid p{font-size:15px;line-height:1.75;margin-top:12px}
  .delivery-promise{font-size:11px}
  .brand-ribbon{padding:20px 0}
  .brand-track span{width:145px;height:52px;padding:10px 16px}
  .brand-track>div{gap:12px;padding-right:12px}
  .brand-track img{height:30px}
  .brand-ribbon .brand-lane+.brand-lane{margin-top:10px}
  .portfolio-heading h2 br{display:none}
  .portfolio-tabs{flex-wrap:nowrap;overflow-x:auto;gap:8px;padding:2px 0 8px;scrollbar-width:thin;scrollbar-color:#555 transparent}
  .portfolio-tabs button{flex-shrink:0;min-height:44px;font-size:13px;padding:10px 16px}
  #portfolio .project-grid{grid-template-columns:1fr;gap:28px}
  #portfolio .project-media{aspect-ratio:1.2;border-radius:18px}
  .project-caption{padding-top:14px;gap:5px}
  .project-caption strong{font-size:18px}
  .project-open{width:40px;height:40px;right:12px;bottom:12px}
  #portfolio .service-row li{width:134px;flex-basis:134px;min-height:44px;font-size:14px}
  #delivery .delivery-heading>p{font-size:15px;max-width:310px;margin-inline:auto}
  #delivery .delivery-times article{padding:20px;gap:8px 12px;border-radius:20px}
  .delivery-times .delivery-card-heading h3{font-size:20px}
  .delivery-times .delivery-days{font-size:50px;gap:4px}
  .delivery-times .delivery-days>span{font-size:15px;margin-left:5px}
  .delivery-times .delivery-condition{font-size:11px}
  .delivery-days-track{gap:3px}
  .delivery-days-track i{width:10px;height:4px}
  #delivery .delivery-schedule-note{text-align:center;font-size:11px}
  .figma-monitoring{grid-template-columns:1fr;padding:28px 22px 20px;gap:16px;border-radius:20px}
  .monitoring-copy{border:0;padding:0;text-align:center}
  .figma-monitoring h3{font-size:38px}
  .monitoring-copy p{font-size:15px;margin-top:16px}
  .monitoring-visual{height:260px;max-width:320px}
  .figma-icon{width:68px;height:78px;border-radius:18px}
  .figma-icon svg{width:30px;height:45px}
  .billing-options{max-width:100%;gap:2px;padding:4px}
  .billing-options button{padding:10px 12px;font-size:13px;min-height:44px}
  .billing-options button span{margin-left:6px}
  .pricing-conditions{font-size:11px;line-height:1.7}
  .subscription-plan{padding:26px 24px;border-radius:22px}
  .subscription-plans h3[lang=en]{font-size:28px}
  .plan-summary{font-size:15px}
  .compact-price strong{font-size:52px}
  .compact-capacity,.subscription-plan ul{font-size:15px}
  .subscription-plan button{min-height:50px;font-size:15px}
  #partnership .capacity-heading>p{font-size:15px;line-height:1.85}
  #partnership .capacity-heading>p br{display:none}
  #partnership .capacity-heading>p strong{margin-top:18px;padding:6px 9px;line-height:1.7}
  #partnership .capacity-heading>p strong:before{inset:0;border-radius:3px}
  #partnership .partnership-terms>div{grid-template-columns:70px minmax(0,1fr);padding:23px 22px;column-gap:20px;row-gap:8px;border-radius:20px}
  #partnership .term-object{width:70px;height:82px}
  #partnership .partnership-terms .term-number{font-size:13px}
  #partnership .partnership-terms h3{font-size:21px}
  #partnership .partnership-terms p{font-size:15px;margin-top:8px;line-height:1.8}
  #partnership .partnership-terms p br{display:none}
  #partnership .partnership-invitation{grid-template-columns:1fr;gap:18px;padding:24px;border-radius:22px}
  #partnership .invitation-art{grid-column:1;grid-row:auto;width:190px;height:190px;justify-self:center}
  .invitation-copy{grid-column:1;min-width:0}
  #partnership .partnership-invitation h3{font-size:23px}
  #partnership .partnership-invitation p{font-size:15px;margin-top:14px}
  #partnership .partnership-invitation p br{display:none}
  #partnership .partnership-invitation button{grid-column:1;min-width:0;width:100%;margin-top:6px;font-size:16px;padding:14px 20px}
  #partnership .partnership-invitation button>span{font-size:16px}
  .comparison-cards article,.comparison-cards .comparison-featured{padding:26px 24px;border-radius:22px}
  .comparison-cards h3,.comparison-featured h3{font-size:28px}
  .comparison-cards article>strong{font-size:19px}
  .comparison-cards p{font-size:16px}
  .comparison-cards ul{font-size:15px}
  .comparison-featured a{min-height:48px;font-size:15px}
  main>.closing{padding:30px 24px 24px;border-radius:24px}
  .closing-content>p br{display:none}
  .closing-content strong{display:block}
  .closing-consult{font-size:16px;margin-top:24px;min-height:48px}
  .closing-content>a{font-size:13px}
  .closing-team{height:235px}
  #faq.faq{padding:56px 20px 96px;gap:28px}
  #faq .faq-list h3{font-size:17px;line-height:1.55}
  #faq .faq-list button{gap:18px;padding:22px 0}
  #faq .faq-answer p{font-size:15px;line-height:1.8;padding-bottom:24px}
  .faq-list .plus{flex-shrink:0}
  #consult-dialog{width:calc(100% - 24px);max-width:none;max-height:calc(100dvh - 24px);padding:30px 22px 24px;border-radius:24px}
  #consult-dialog h2{font-size:25px;margin:16px 15px 0 0}
  #consult-dialog .dialog-intro{font-size:14px;margin:16px 0 22px}
  #consult-dialog .dialog-close{width:44px;height:44px;top:4px;right:8px}
  .consult-fields{grid-template-columns:1fr;gap:16px}
  #consult-form input:not([type=hidden]),#consult-form textarea{font-size:16px;min-height:48px}
  #consult-form textarea{min-height:110px}
  #preview-dialog,#preview-dialog.is-ad-preview{width:calc(100% - 24px);max-width:none;max-height:calc(100dvh - 24px);border-radius:18px}
  .preview-toolbar{padding:12px 16px;gap:16px;font-size:12px}
  .preview-toolbar button{min-width:44px;min-height:44px;flex-shrink:0}
  #preview-video{max-height:72dvh}
}

@media(max-width:359px){
  :root{--section-title-size:34px}
  .wrap{width:calc(100% - 32px)}
  .section-badge{font-size:11px}
  .partner-grid article{grid-template-columns:1fr;gap:12px}
  .partner-icon{height:48px}
  .delivery-times .delivery-card-heading h3{font-size:18px}
  .delivery-times .delivery-days{font-size:44px}
  #partnership .partnership-terms h3{font-size:19px}
}

@media(prefers-reduced-motion:reduce){
  .persona-track{animation:none!important}
  .persona-card[aria-hidden=true]{display:none}
}

@media(max-width:900px){#faq .faq-list button{padding-right:8px}#faq .faq-list button>span:first-child{min-width:0;overflow-wrap:anywhere}}

/* Mobile consultation stays in a full-width bottom bar. */
@media(max-width:900px){
  body{padding-bottom:calc(68px + env(safe-area-inset-bottom))}
  .kakao-floating,body:has(.floating-nav.is-open) .kakao-floating{left:0;right:0;top:auto;bottom:0;width:100%;padding:0 0 env(safe-area-inset-bottom);border:0;border-radius:0;background:rgba(250,250,250,.88);backdrop-filter:blur(20px);box-shadow:0 -2px 16px #0000000c;transition:none}
  .kakao-floating-face{position:relative;width:100%;min-height:68px;padding:0 48px;border-radius:0;background:transparent;color:#191919;font-size:17px;font-weight:700;justify-content:center;gap:10px;box-shadow:none;transform:none!important}
  .kakao-floating:hover .kakao-floating-face{background:transparent}
  .kakao-floating svg{width:24px;height:24px;color:#a90b13}
  .kakao-floating-face>span:last-of-type{position:absolute;right:20px;margin:0}
  .kakao-floating .kakao-reflection,.kakao-floating .kakao-glow{display:none}
}

/* Preserve each editorial line and fit the complete phrase to its container. */
.title-line{display:block}.title-line-content{display:inline}
@media(max-width:900px){
  [data-fit-title]{min-width:0;max-width:100%;letter-spacing:-.065em!important}
  [data-fit-title]>.title-line{display:block;white-space:nowrap}
  [data-fit-title]>.title-line>.title-line-content{display:inline-block;width:max-content;max-width:none;white-space:nowrap}
  .hero{grid-template-columns:minmax(0,1fr)}
  .hero-content{min-width:0;justify-self:center}
  .hero h1[data-fit-title]{width:100%}
  .hero h1[data-fit-title] .hero-emphasis{display:inline;margin:0}
  .hero h1[data-fit-title] .sales-pulse{display:inline}
  .closing-content [data-fit-title] strong{display:inline}
}

/* Readable mobile cards and complete, two-row portfolio navigation. */
.portfolio-footer-link{display:none;align-items:center;justify-content:center;gap:24px;width:100%;min-height:72px;margin-top:40px;padding:20px 28px;border:1px solid #ffffff45;border-radius:18px;background:#19191d;color:#fff;font-size:21px;font-weight:600;text-align:center}
@media(max-width:600px){
  .partner-grid article{grid-template-columns:60px minmax(0,1fr);align-items:center;gap:16px}
  .partner-icon,.partner-grid article:nth-child(even) .partner-icon{align-self:center;width:60px;height:60px;margin:0;display:grid;place-items:center}
  .partner-icon svg{width:60px;height:60px}
  .partner-number{font-size:13px}
  .partner-grid h3{font-size:clamp(20px,4.7vw,22px)}
  .partner-grid p{font-size:17px;line-height:1.8}
  .portfolio-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;overflow:visible;padding:0}
  .portfolio-tabs button{min-width:0;min-height:48px;padding:11px 4px;font-size:14px;white-space:nowrap}
  .portfolio-footer-link{font-size:19px;min-height:64px;margin-top:28px;border-radius:14px;padding:18px 16px;gap:18px}
  .delivery-times .delivery-card-heading{gap:14px;align-items:center}
  .delivery-times .delivery-card-heading h3{min-width:0;font-size:22px;line-height:1.4}
  .delivery-icon-tile{width:64px;height:64px;border-radius:18px}
  .delivery-icon-tile .delivery-icon{width:48px;height:48px}
  .delivery-estimate>span:first-child{font-size:14px}
  .delivery-times .delivery-days>span{font-size:17px}
  .delivery-times .delivery-condition{font-size:13px}
  .monitoring-copy p,.plan-summary,.compact-capacity,.subscription-plan ul{font-size:17px;line-height:1.8}
  #partnership .partnership-terms>div{grid-template-columns:80px minmax(0,1fr)}
  #partnership .term-object{width:80px;height:92px}
  #partnership .partnership-terms .term-number{font-size:15px}
  #partnership .partnership-terms h3{font-size:23px}
  #partnership .partnership-terms p{font-size:17px;line-height:1.85}
  #partnership .invitation-copy{text-align:center}
  #partnership .partnership-invitation h3{font-size:26px}
  #partnership .partnership-invitation p{font-size:17px;line-height:1.8}
  .comparison-cards p,.comparison-cards ul{font-size:17px;line-height:1.8}
  main>.closing .closing-content>p{font-size:clamp(25px,6.6vw,32px)}
  .closing-consult{display:flex;align-items:center;justify-content:center;width:100%;min-height:58px;font-size:18px;border-radius:14px;padding:16px}
}

/* Desktop retains its original heading button; mobile keeps the wide footer CTA. */
@media(max-width:900px){
  .portfolio-heading-link{display:none}
  .portfolio-footer-link{display:flex}
}

/* Review: clear emphasis, footnotes and a quiet moving section background. */
#why .partner-grid p strong{font-weight:750;color:#303039}
#pricing .pricing-eyebrow{margin:0 0 18px;font-size:16px;font-weight:550;letter-spacing:.03em;color:#c5bbc4}
#pricing .pricing-conditions{margin:22px 0 0;text-align:center;line-height:1.7}
#delivery .delivery-schedule-note{margin:20px 0 0;text-align:right}
#results .plane-0 img{object-position:center 42%}
#partnership{position:relative;isolation:isolate}
#partnership::before{content:"";position:absolute;inset:0 calc((100% - 100vw)/2);z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 16% 28%,rgba(186,122,152,.16),transparent 47%),radial-gradient(ellipse at 85% 64%,rgba(112,139,186,.16),transparent 48%);background-size:145% 135%;animation:partnership-ambience 22s ease-in-out infinite alternate}
@keyframes partnership-ambience{from{background-position:0% 10%;opacity:.7}to{background-position:90% 85%;opacity:1}}
@media(max-width:900px){#pricing .pricing-eyebrow{font-size:14px;margin-bottom:16px}#pricing .pricing-conditions{font-size:13px}#delivery .delivery-schedule-note{text-align:center}}
@media(prefers-reduced-motion:reduce){#partnership::before{animation:none}}

/* Larger metric suffixes and card indices, with a soft results backdrop. */
#results{position:relative;isolation:isolate}
#results::before{content:"";position:absolute;inset:0 calc((100% - 100vw)/2);z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 12% 62%,rgba(143,55,77,.22),transparent 62%),radial-gradient(ellipse at 87% 28%,rgba(89,105,155,.18),transparent 58%),linear-gradient(180deg,#090909,#131016 72%,#100e12)}
#results .trust-metrics-grid dd small{display:inline-block;font-size:.55em;font-weight:600;letter-spacing:0;line-height:1;margin-left:8px;color:#f4f0f3}
#why .partner-number{font-size:20px;font-weight:750;line-height:1.2;letter-spacing:.04em;margin-bottom:12px}
@media(max-width:900px){#results .trust-metrics-grid dd small{font-size:.65em;margin-left:4px}#why .partner-number{font-size:20px;margin-bottom:10px}}
@media(max-width:600px){#results .trust-metrics-grid{grid-template-columns:1.2fr 1fr .85fr;gap:6px}#results .trust-metrics-grid>div{padding-inline:6px}#results .trust-metrics-grid>div:first-child{padding-left:0}#results .trust-metrics-grid dd small{font-size:.68em;margin-left:3px}}

/* Put the hero emphasis on the subscription service. */
.hero h1 .hero-sales-plain{font-weight:400;color:#fff}

/* Continuous launch notice, using the main site's vector asterisk. */
.capacity-notice{position:relative;z-index:1;width:100%;overflow:hidden;background:#fff;color:#19191d;border-block:1px solid #e8e8eb}
.capacity-marquee-track{display:flex;width:max-content;animation:capacity-flow 44s linear infinite;will-change:transform}
.capacity-marquee-group{display:flex;flex-shrink:0;align-items:center;justify-content:space-around;min-width:100vw;gap:64px;padding:15px 32px;box-sizing:border-box}
.capacity-marquee-group>span{display:flex;align-items:center;gap:18px;flex-shrink:0;white-space:nowrap;font-size:17px;font-weight:650;letter-spacing:-.02em;line-height:1.4}
.capacity-asterisk{display:block;width:23px;height:23px;flex:0 0 23px;color:#a30000}
.capacity-notice:hover .capacity-marquee-track{animation-play-state:running}
@keyframes capacity-flow{to{transform:translateX(-50%)}}
#partnership .invitation-message-link{grid-column:2;justify-self:end;align-self:end;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;margin-top:24px;padding:11px 18px;border-radius:99px;background:#eeeef1;color:#171719;font-size:15px;font-weight:650;line-height:1.4;white-space:nowrap}
#partnership .invitation-message-link svg{width:18px;height:18px;flex-shrink:0;color:#8e3d4d}
#partnership .invitation-message-link:hover{background:#fff}
@media(max-width:900px){#partnership .invitation-message-link{grid-column:1/-1}}
@media(max-width:600px){.capacity-marquee-group{gap:38px;padding:14px 19px}.capacity-marquee-group>span{gap:12px;font-size:14px}.capacity-asterisk{width:19px;height:19px;flex-basis:19px}#partnership .invitation-message-link{justify-self:center;margin-top:14px;padding:11px 16px;font-size:14px}}

/* Quiet grid for the schedule, with drifting light behind the pricing plans. */
#delivery{position:relative;isolation:isolate}
#delivery::before{content:"";position:absolute;inset:0 calc((100% - 100vw)/2);z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(131,100,119,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(131,100,119,.07) 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(180deg,transparent,#000 12%,#000 85%,transparent)}
#pricing{position:relative;isolation:isolate}
#pricing::before{content:"";position:absolute;inset:0 calc((100% - 100vw)/2);z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 20% 36%,rgba(160,65,106,.27),transparent 54%),radial-gradient(ellipse at 82% 65%,rgba(111,83,159,.25),transparent 56%),linear-gradient(140deg,#100d13,#18121d 52%,#0b0b0e);background-size:145% 135%;animation:pricing-ambience 14s ease-in-out infinite alternate}
#pricing .pricing-standard-emphasis{font-weight:800;color:#fff}
@keyframes pricing-ambience{from{background-position:0% 15%;opacity:.8}to{background-position:100% 85%;opacity:1}}
@media(max-width:600px){#delivery::before{background-size:28px 28px}}
@media(prefers-reduced-motion:reduce){#pricing::before{animation:none}}

/* Keep the existing six featured works first; desktop adds one final row. */
@media(min-width:901px){
  #project-grid[data-active="featured"] > [data-featured-desktop="true"]{order:1}
}
