.breadcrumbs{font-size:var(--small);color:var(--text-muted);padding:16px 0}.breadcrumbs a{color:var(--text-light)}.breadcrumbs a:hover{color:var(--primary)}.breadcrumbs__sep{margin:0 6px;opacity:.4}.hero{background:radial-gradient(900px 520px at 80% 6%,rgba(129,140,248,.55),transparent 60%),radial-gradient(760px 620px at 8% 96%,rgba(29,78,216,.5),transparent 58%),linear-gradient(135deg,#1d4ed8 0%,#2563eb 46%,#4f46e5 100%);color:#fff;text-align:center;padding:64px 0 80px;position:relative;overflow:hidden}.hero:before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:radial-gradient(125% 100% at 50% 0%,#000 32%,transparent 80%);mask-image:radial-gradient(125% 100% at 50% 0%,#000 32%,transparent 80%);pointer-events:none}.hero:after{content:'';position:absolute;top:-180px;right:-120px;width:540px;height:540px;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 64%);border-radius:50%;pointer-events:none}.hero__badge{display:inline-flex;align-items:center;gap:8px;padding:7px 16px 7px 12px;background:rgba(255,255,255,.12);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;border-radius:var(--radius-full);font-size:var(--small);font-weight:600;letter-spacing:-.01em;margin-bottom:20px;border:1px solid rgba(255,255,255,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 4px 16px -6px rgba(15,23,42,.4)}.hero__badge:before{content:'';width:7px;height:7px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 0 rgba(74,222,128,.7);animation:ssu-pulse-dot 2.2s var(--ease) infinite}@keyframes ssu-pulse-dot{0%{box-shadow:0 0 0 0 rgba(74,222,128,.55)}70%{box-shadow:0 0 0 7px rgba(74,222,128,0)}100%{box-shadow:0 0 0 0 rgba(74,222,128,0)}}@media (prefers-reduced-motion:reduce){.hero__badge:before{animation:none}}.hero__title{margin:0 auto 16px;max-width:800px;letter-spacing:-.04em;color:#fff;font-size:var(--h1);line-height:1.1}.hero__title-sub{display:block;margin-top:8px;font-size:.5em;font-weight:500;letter-spacing:.01em;color:rgba(255,255,255,.75);padding-bottom:20px;position:relative}.hero__title-sub:after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:48px;height:2px;background:rgba(255,255,255,.35);border-radius:1px}.ssu-translated .hero__title{max-width:800px}.hero__subtitle{font-size:1.125rem;color:rgba(255,255,255,.85);max-width:560px;margin:0 auto 28px;line-height:1.7}.hero__actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:40px}.hero__wave{position:absolute;bottom:-1px;left:0;width:100%;line-height:0}.hero__wave svg{display:block;width:100%;height:auto}.hero--split{text-align:left}.hero__inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);align-items:center;gap:48px}.hero--split .hero__badge{margin-bottom:18px}.hero--split .hero__title{max-width:none;margin:0 0 14px}.hero--split .hero__title-sub{padding-bottom:16px}.hero--split .hero__title-sub:after{left:0;transform:none}.hero--split .hero__subtitle{margin:0 0 26px;max-width:540px}.hero--split .hero__actions{justify-content:flex-start;margin-bottom:22px}.hero__trust{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px 22px}.hero__trust li{display:inline-flex;align-items:center;gap:8px;font-size:var(--small);font-weight:600;color:rgba(255,255,255,.92)}.hero__trust li:before{content:'';width:16px;height:16px;flex-shrink:0;background:no-repeat center/contain;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' d='M9.55 17.6 4.4 12.45l1.5-1.5 3.65 3.65 8.05-8.05 1.5 1.5z'/%3E%3C/svg%3E")}.hero__media{display:flex;flex-direction:column;align-items:center}.hero__shot-wrap{position:relative;width:100%}.hero__shot-wrap:before{content:'';position:absolute;inset:-9% -7% -11%;background:radial-gradient(58% 58% at 52% 42%,rgba(129,140,248,.55),transparent 70%);filter:blur(34px);z-index:0;pointer-events:none}.hero__shot{position:relative;z-index:1;margin:0;width:100%;background:#fff;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.55);box-shadow:0 30px 64px -24px rgba(15,23,42,.62),0 12px 26px -14px rgba(15,23,42,.45)}.hero__shot-chrome{display:flex;align-items:center;gap:10px;height:36px;padding:0 14px;background:linear-gradient(180deg,#f8fafc 0%,#eef2f7 100%);border-bottom:1px solid #e2e8f0}.hero__shot-dots{display:inline-flex;gap:6px;flex-shrink:0}.hero__shot-dots i{width:10px;height:10px;border-radius:50%;background:#cbd5e1}.hero__shot-dots i:nth-child(1){background:#f87171}.hero__shot-dots i:nth-child(2){background:#fbbf24}.hero__shot-dots i:nth-child(3){background:#34d399}.hero__shot-addr{flex:1;text-align:center;margin-right:46px;font-size:11px;font-weight:600;color:#94a3b8;letter-spacing:-.01em}.hero__shot img{display:block;width:100%;height:auto}.hero__float{position:absolute;z-index:2;display:inline-flex;align-items:center;gap:7px;padding:8px 13px;background:rgba(255,255,255,.97);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(226,232,240,.9);border-radius:12px;font-size:12.5px;font-weight:650;color:#1e293b;letter-spacing:-.01em;white-space:nowrap;box-shadow:0 14px 30px -12px rgba(15,23,42,.45)}.hero__float:before{content:'';width:15px;height:15px;flex-shrink:0;background:no-repeat center/contain}.hero__float--a{top:41%;left:-18px;animation:ssu-float-y 6s var(--ease) infinite}.hero__float--a:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232563EB' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18'/%3E%3C/svg%3E")}.hero__float--b{bottom:8%;right:-16px;animation:ssu-float-y 6s var(--ease) .9s infinite reverse}.hero__float--b:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2316A34A' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8'/%3E%3Cpolyline points='8 12 12 16 16 12'/%3E%3Cline x1='12' y1='3' x2='12' y2='16'/%3E%3C/svg%3E")}.hero__float--c{top:calc(41% - 50px);left:-18px;animation:ssu-float-y 6s var(--ease) infinite}.hero__float--c:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232563EB' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 13V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2h6'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18'/%3E%3Cpath d='M21.4 15.6l-4 4-2.4.5.5-2.4 4-4a1.1 1.1 0 0 1 1.5 1.5z'/%3E%3C/svg%3E")}@keyframes ssu-float-y{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (prefers-reduced-motion:reduce){.hero__float{animation:none}}.hero-cal{background:var(--bg-card);padding:16px 16px 18px}.hero-cal__bar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.hero-cal__month{font-size:.95rem;font-weight:800;color:var(--navy);letter-spacing:-.02em}.hero-cal__pills{display:inline-flex;gap:3px;padding:3px;background:var(--bg-subtle);border-radius:var(--radius-full)}.hero-cal__pill{font-size:11px;font-weight:700;color:var(--text-light);padding:3px 10px;border-radius:var(--radius-full);white-space:nowrap;transition:color var(--transition),background var(--transition),box-shadow var(--transition)}.hero-cal__pill.is-active{background:var(--bg-card);color:var(--primary);box-shadow:var(--shadow-xs)}.hero-cal__legend{display:flex;gap:14px;margin-bottom:11px}.hero-cal__lg{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:600;color:var(--text-light)}.hero-cal__lg:before{content:'';width:9px;height:9px;border-radius:3px;flex-shrink:0}.hero-cal__lg--work:before{background:var(--work-day)}.hero-cal__lg--night:before{background:var(--night-shift)}.hero-cal__lg--off:before{background:var(--off-day);border:1px solid var(--border)}.hero-cal__lg--holiday:before{background:#16a34a}.hero-cal__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.hero-cal__dow{text-align:center;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;color:var(--text-muted);padding-bottom:2px}.hero-cal__cell{position:relative;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:12px;font-weight:600;color:var(--text-light);background:var(--off-day);transition:background .45s var(--ease),color .45s var(--ease);animation:ssu-cell-in .45s var(--ease-out) both;animation-delay:calc(var(--i, 0) * 13ms)}.hero-cal__cell--blank{background:0 0;animation:none}.hero-cal__cell--work{background:var(--work-day);color:#fff}.hero-cal__cell--night{background:var(--night-shift);color:#fff}.hero-cal__cell--holiday{background:#16a34a;color:#fff}.hero-cal__cell--work:after,.hero-cal__cell--night:after,.hero-cal__cell--holiday:after{content:'';position:absolute;top:4px;left:5px;width:11px;height:11px;background:no-repeat center/contain;opacity:.9;pointer-events:none}.hero-cal__cell--work:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2v2M12 20v2M4.9 4.9l1.4 1.4M17.7 17.7l1.4 1.4M2 12h2M20 12h2M4.9 19.1l1.4-1.4M17.7 6.3l1.4-1.4'/%3E%3C/svg%3E")}.hero-cal__cell--night:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M21 12.8A9 9 0 1 1 11.2 3a7 7 0 0 0 9.8 9.8z'/%3E%3C/svg%3E")}.hero-cal__cell--holiday:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M12 2l2.9 6.3 6.9.7-5.1 4.6 1.4 6.8L12 17.8 5.9 20.4l1.4-6.8L2.2 9l6.9-.7z'/%3E%3C/svg%3E")}@keyframes ssu-cell-in{from{opacity:0;transform:scale(.55)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.hero-cal__cell{animation:none}}.hero__tryit{display:inline-flex;align-items:center;gap:6px;margin-top:16px;font-size:var(--small);font-weight:600;color:rgba(255,255,255,.82);text-decoration:none;transition:color var(--transition)}.hero__tryit:hover{color:#fff}@media (max-width:900px){.hero__inner{grid-template-columns:1fr;gap:0}.hero__media{display:none}.hero--split{text-align:center}.hero--split .hero__title{margin-left:auto;margin-right:auto}.hero--split .hero__subtitle{margin-left:auto;margin-right:auto}.hero--split .hero__title-sub:after{left:50%;transform:translateX(-50%)}.hero--split .hero__actions{justify-content:center}.hero__trust{justify-content:center}}.section-header{text-align:center;margin-bottom:48px}.section-header__label{display:inline-flex;align-items:center;gap:7px;font-size:var(--xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--primary);background:var(--primary-light);border:1px solid var(--primary-50);padding:5px 13px;border-radius:var(--radius-full);margin-bottom:16px}.section-header__label:before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}.section--blue .section-header__label,.section--navy .section-header__label,.section--features-bg .section-header__label{color:rgba(255,255,255,.92);background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.22)}.section-header h2{margin-top:0;margin-bottom:12px}.section-header p{color:var(--text-light);max-width:520px;margin:0 auto;font-size:1.05rem}.section--blue .section-header p{color:rgba(255,255,255,.75)}.toc{background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px 24px;margin-bottom:32px}.toc__title{font-size:var(--body);font-weight:700;margin:0 0 12px;color:var(--navy)}.toc__list{list-style:none;display:flex;flex-direction:column;gap:6px}.toc__list a{font-size:var(--small);color:var(--text-secondary)}.toc__list a:hover{color:var(--primary)}.page-content{max-width:var(--container-narrow)}.page-content h2{margin-top:48px}.page-content h3{margin-top:32px}.page-content ul,.page-content ol{margin:0 0 16px 24px}.page-content li{margin-bottom:6px}.page-content table{width:100%;border-collapse:collapse;margin:16px 0 24px;font-size:var(--small)}.page-content th,.page-content td{padding:10px 12px;border:1px solid var(--border);text-align:left}.page-content th{background:var(--bg-alt);font-weight:600;color:var(--navy)}.pattern-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--card-gap)}.pattern-card{background:var(--bg-card);border:1px solid var(--border);border-left:4px solid var(--primary);border-radius:var(--radius-lg);padding:28px 24px 24px 22px;transition:all var(--transition);display:flex;flex-direction:column}.pattern-card:nth-child(2){border-left-color:#6366f1}.pattern-card:nth-child(3){border-left-color:#10b981}.pattern-card:nth-child(4){border-left-color:#f59e0b}.pattern-card:nth-child(5){border-left-color:#ef4444}.pattern-card:nth-child(6){border-left-color:#8b5cf6}.pattern-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px);border-color:var(--border-hover)}.pattern-card__icon{width:44px;height:44px;border-radius:var(--radius);background:var(--primary-light);display:flex;align-items:center;justify-content:center;font-size:1.2rem;margin-bottom:16px;border:1px solid var(--primary-50)}.pattern-card:nth-child(2) .pattern-card__icon{background:#eef2ff;border-color:#e0e7ff}.pattern-card:nth-child(3) .pattern-card__icon{background:#ecfdf5;border-color:#d1fae5}.pattern-card:nth-child(4) .pattern-card__icon{background:#fffbeb;border-color:#fef3c7}.pattern-card:nth-child(5) .pattern-card__icon{background:#fef2f2;border-color:#fecaca}.pattern-card:nth-child(6) .pattern-card__icon{background:#f5f3ff;border-color:#ede9fe}.pattern-card__title{font-size:var(--body);font-weight:700;color:var(--navy);margin-bottom:6px}.pattern-card__desc{font-size:var(--small);color:var(--text-light);margin-bottom:16px;line-height:1.6;flex:1}.pattern-card__link{font-size:var(--small);font-weight:600;color:var(--primary);display:inline-flex;align-items:center;gap:4px;transition:gap var(--transition)}.pattern-card:hover .pattern-card__link{gap:8px}.pcards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--card-gap)}.pcard{position:relative;display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:22px 22px 24px;overflow:hidden;box-shadow:var(--shadow-xs);transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition)}.pcard:before{content:'';position:absolute;inset:0 0 auto 0;height:3px;background:var(--pc-accent);transform:scaleX(0);transform-origin:left;transition:transform var(--transition-slow)}.pcard:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--border-hover);border-color:color-mix(in srgb,var(--pc-accent) 42%,var(--border))}.pcard:hover:before{transform:scaleX(1)}.pcard__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.pcard__icon{width:46px;height:46px;border-radius:var(--radius);display:inline-flex;align-items:center;justify-content:center;font-size:1.3rem;background:var(--bg-subtle);background:color-mix(in srgb,var(--pc-accent) 13%,var(--bg-card));border:1px solid var(--border);border-color:color-mix(in srgb,var(--pc-accent) 24%,transparent)}.pcard__arrow{width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted);background:var(--bg-subtle);transition:transform var(--transition),background var(--transition),color var(--transition)}.pcard:hover .pcard__arrow{background:var(--pc-accent);color:#fff;transform:translateX(2px)}.pcard__title{font-size:1.05rem;font-weight:700;color:var(--navy);margin:0 0 12px;letter-spacing:-.01em}.pcard__rhythm{display:grid;grid-template-columns:repeat(14,1fr);gap:3px;margin-bottom:14px}.pcard__t{height:14px;border-radius:3px;background:var(--off-day)}.pcard__t--work{background:var(--work-day)}.pcard__t--night{background:var(--night-shift)}.pcard__meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.pcard__pill{font-size:var(--xs);font-weight:600;color:var(--text-secondary);background:var(--bg-subtle);border:1px solid var(--border-light);padding:3px 9px;border-radius:var(--radius-full)}.pcard__desc{font-size:var(--small);color:var(--text-light);line-height:1.6;margin:0 0 16px;flex:1}.pcard__link{font-size:var(--small);font-weight:700;color:var(--pc-accent);display:inline-flex;align-items:center;gap:4px;transition:gap var(--transition)}.pcard:hover .pcard__link{gap:8px}@media (max-width:900px){.pcards{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.pcards{grid-template-columns:1fr}}.profession-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--card-gap)}.profession-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:32px 20px;text-align:center;transition:all var(--transition)}.profession-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.profession-card__icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.6rem;margin:0 auto 16px;transition:transform var(--transition)}.profession-card:nth-child(1) .profession-card__icon{background:#fef2f2}.profession-card:nth-child(2) .profession-card__icon{background:#eff6ff}.profession-card:nth-child(3) .profession-card__icon{background:#f5f3ff}.profession-card:nth-child(4) .profession-card__icon{background:#fffbeb}.profession-card:hover .profession-card__icon{transform:scale(1.1)}.profession-card__title{font-size:var(--body);font-weight:700;color:var(--navy);margin-bottom:4px}.faq-section h2{text-align:center;margin-top:0;margin-bottom:32px}.faq-list{list-style:none}.faq-item{border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:8px;overflow:hidden;transition:border-color var(--transition),box-shadow var(--transition);background:var(--bg)}.faq-item:hover{border-color:var(--border-hover)}.faq-item.is-open{border-color:var(--primary);box-shadow:var(--shadow-glow)}.faq-item__question{width:100%;display:flex;justify-content:space-between;align-items:center;padding:18px 20px;background:var(--bg);border:none;font-family:var(--font);font-size:var(--body);font-weight:600;color:var(--navy);cursor:pointer;text-align:left;transition:background var(--transition)}.faq-item__question:hover{background:var(--bg-alt)}.faq-item__question:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.faq-item__icon{flex-shrink:0;width:20px;height:20px;transition:transform .3s var(--ease);color:var(--text-light)}.faq-item.is-open .faq-item__icon{transform:rotate(180deg);color:var(--primary)}.faq-item__answer{display:none;padding:0 20px 18px;font-size:var(--small);color:var(--text-secondary);line-height:1.7}.faq-item.is-open .faq-item__answer{display:block}.comparison-table{overflow-x:auto;margin:0 auto;max-width:100%;border-radius:var(--radius-xl);border:1px solid var(--border);box-shadow:var(--shadow-card)}.comparison-table table{width:100%;min-width:640px;border-collapse:collapse;font-size:var(--small)}.comparison-table thead{background:var(--gradient-hero)}.comparison-table th{padding:14px 16px;text-align:left;font-weight:600;color:#fff;font-size:var(--xs);text-transform:uppercase;letter-spacing:.05em;border:none}.comparison-table th:first-child{border-radius:var(--radius-lg) 0 0 0}.comparison-table th:last-child{border-radius:0 var(--radius-lg) 0 0}.comparison-table td{padding:14px 16px;border-bottom:1px solid var(--border-light);color:var(--text-secondary);border-left:none;border-right:none}.comparison-table tbody tr{transition:background var(--transition)}.comparison-table tbody tr:hover{background:var(--primary-light)}.comparison-table tbody tr:last-child td{border-bottom:none}.comparison-table td:first-child{font-weight:600;color:var(--navy)}.comparison-table td:first-child a{color:var(--primary);font-weight:600}.comparison-table td:first-child a:hover{color:var(--primary-dark)}.comparison-table tbody td{vertical-align:middle}.comparison-table td.ct-pattern{min-width:168px}.comparison-table td:first-child a.ct-name{display:inline-flex;align-items:center;gap:8px;color:var(--navy);font-weight:700}.comparison-table td:first-child a.ct-name:hover{color:var(--ct-accent,var(--primary))}.ct-dot{width:8px;height:8px;border-radius:50%;background:var(--ct-accent,var(--primary));flex-shrink:0}.ct-rhythm{display:grid;grid-template-columns:repeat(14,1fr);gap:2px;margin-top:9px;max-width:150px}.ct-tile{height:9px;border-radius:2px;background:var(--off-day)}.ct-tile--work{background:var(--work-day)}.ct-tile--night{background:var(--night-shift)}.ct-tile--evening{background:var(--evening-shift,#d97706)}.ct-pill{display:inline-block;font-size:var(--xs);font-weight:600;color:var(--text-secondary);background:var(--bg-subtle);border:1px solid var(--border-light);padding:4px 10px;border-radius:var(--radius-full);white-space:nowrap}.ct-pill--num{min-width:32px;text-align:center}.ct-best{color:var(--text-light);font-size:var(--small)}.related-patterns{background:var(--bg-alt);border-radius:var(--radius-xl);padding:28px;margin-top:0}.related-patterns__title{font-size:var(--body);font-weight:700;margin:0 0 14px}.related-patterns__list{display:flex;flex-wrap:wrap;gap:8px;list-style:none}.related-patterns__list a{display:inline-block;padding:8px 16px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-full);font-size:var(--small);font-weight:500;transition:all var(--transition)}.related-patterns__list a:hover{border-color:var(--primary);background:var(--primary-light);color:var(--primary)}.trust-bar{display:flex;justify-content:center;flex-wrap:wrap;gap:32px;padding:20px 0;font-size:var(--small);color:var(--text-light)}.trust-bar__item{display:flex;align-items:center;gap:8px;font-weight:500}.stats-section{padding:52px 0;background:var(--bg-alt);border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light)}.stats-bar{display:flex;justify-content:center;align-items:center;gap:0;flex-wrap:wrap}.stats-bar__item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 52px}.stats-bar__number{font-size:clamp(2rem, 4vw, 2.75rem);font-weight:800;letter-spacing:-.03em;line-height:1.1;background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.stats-bar__label{font-size:var(--small);color:var(--text-light);font-weight:500;margin-top:6px}.stats-bar__divider{width:1px;height:48px;background:var(--border);flex-shrink:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;text-align:center;position:relative}.steps:before{content:'';position:absolute;top:24px;left:calc(16.66% + 24px);right:calc(16.66% + 24px);height:2px;background:var(--border);z-index:0}.section--blue .steps:before{background:rgba(255,255,255,.15)}.step{position:relative;padding:0 12px;z-index:1}.step__number{width:48px;height:48px;border-radius:50%;background:var(--primary);color:#fff;font-weight:800;font-size:1.15rem;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;box-shadow:var(--shadow-blue);position:relative}.section--blue .step__number{background:#fff;color:var(--primary);box-shadow:0 10px 24px -6px rgba(0,0,0,.28),0 0 0 6px rgba(255,255,255,.14)}.step__title{font-weight:700;margin-bottom:8px;color:var(--navy);font-size:var(--body)}.section--blue .step__title{color:#fff}.step__desc{font-size:var(--small);color:var(--text-light);line-height:1.6}.section--blue .step__desc{color:rgba(255,255,255,.75)}.section--blue .steps{gap:20px}.section--blue .steps:before{display:none}.section--blue .step{text-align:left;padding:26px 24px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 1px 0 rgba(255,255,255,.12);transition:transform var(--transition),background var(--transition),box-shadow var(--transition)}.section--blue .step:hover{transform:translateY(-4px);background:rgba(255,255,255,.13);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 22px 44px -18px rgba(0,0,0,.5)}.step__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.section--blue .step__icon{width:48px;height:48px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;color:#fff;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22)}.section--blue .step__number{width:32px;height:32px;margin:0;font-size:.95rem;box-shadow:0 6px 16px -4px rgba(0,0,0,.3)}.section--blue .step__title{margin-bottom:8px;font-size:1.05rem}.how-it-works__guide-link{text-align:center;font-size:.9rem;color:rgba(255,255,255,.6);margin-top:16px}.how-it-works__guide-link a{color:#fff;text-decoration:underline;text-underline-offset:3px}.how-it-works__guide-link a:hover{opacity:.85}.section--features-bg{background:radial-gradient(720px 520px at 12% 8%,rgba(37,99,235,.28),transparent 60%),radial-gradient(720px 520px at 88% 92%,rgba(99,102,241,.24),transparent 60%),linear-gradient(160deg,#0b1120 0%,#0f172a 55%,#131f36 100%);color:#fff;position:relative;overflow:hidden}.section--features-bg:before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:46px 46px;-webkit-mask-image:radial-gradient(120% 120% at 50% 0%,#000 35%,transparent 82%);mask-image:radial-gradient(120% 120% at 50% 0%,#000 35%,transparent 82%);pointer-events:none}.section--features-bg>.container{position:relative;z-index:1}.section--features-bg .section-header__label{color:rgba(255,255,255,.92)}.section--features-bg .section-header h2{color:#fff}.section--features-bg .section-header p{color:rgba(255,255,255,.7)}.section--features-bg .bento-card{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12);backdrop-filter:blur(12px)}.section--features-bg .bento-card:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.2)}.section--features-bg .bento-card__title{color:#fff}.section--features-bg .bento-card__desc{color:rgba(255,255,255,.7)}.section--features-bg .bento-card--primary{background:var(--gradient-primary);border-color:rgba(255,255,255,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 22px 48px -20px rgba(37,99,235,.6)}.section--features-bg .bento-card--primary:hover{background:var(--gradient-primary);border-color:rgba(255,255,255,.34);filter:saturate(1.06);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 28px 56px -20px rgba(37,99,235,.7)}.section--features-bg .bento-card--primary .bento-card__desc{color:rgba(255,255,255,.85)}.bento-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.bento-card{padding:24px 22px;border-radius:var(--radius-xl);background:var(--bg);border:1px solid var(--border);transition:all var(--transition);position:relative;overflow:hidden}.bento-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px);border-color:var(--border-hover)}.section--features-bg .bento-card{box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.section--features-bg .bento-card:hover{transform:translateY(-4px);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 20px 40px -16px rgba(0,0,0,.55)}.bento-card--wide{grid-column:span 2}.bento-card__icon-wrap{width:40px;height:40px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:1.1rem;margin-bottom:14px;transition:transform var(--transition)}.bento-card:hover .bento-card__icon-wrap{transform:scale(1.06)}.bento-card--primary{background:var(--navy);border-color:transparent;color:#fff}.bento-card--primary:before{content:'';position:absolute;top:-30px;right:-30px;width:100px;height:100px;background:rgba(37,99,235,.12);border-radius:50%;pointer-events:none}.bento-card--primary:after{display:none}.bento-card--primary .bento-card__title{color:#fff}.bento-card--primary .bento-card__desc{color:#94a3b8}.bento-card__icon-wrap--light{background:rgba(37,99,235,.2);border:none}.bento-card__icon-wrap--light svg{stroke:#93c5fd}.bento-card--accent,.bento-card--soft-blue,.bento-card--soft-purple,.bento-card--soft-amber,.bento-card--soft-green,.bento-card--soft-rose,.bento-card--dark{background:var(--bg);border-color:var(--border);color:var(--text)}.bento-card--accent .bento-card__title,.bento-card--soft-blue .bento-card__title,.bento-card--soft-purple .bento-card__title,.bento-card--soft-amber .bento-card__title,.bento-card--soft-green .bento-card__title,.bento-card--soft-rose .bento-card__title,.bento-card--dark .bento-card__title{color:var(--navy)}.bento-card--accent .bento-card__desc,.bento-card--soft-blue .bento-card__desc,.bento-card--soft-purple .bento-card__desc,.bento-card--soft-amber .bento-card__desc,.bento-card--soft-green .bento-card__desc,.bento-card--soft-rose .bento-card__desc,.bento-card--dark .bento-card__desc{color:var(--text-light)}.bento-card__icon-wrap--accent{background:#f0fdfa}.bento-card__icon-wrap--accent svg{stroke:#0d9488}.bento-card__icon-wrap--blue{background:#eff6ff}.bento-card__icon-wrap--blue svg{stroke:#2563eb}.bento-card__icon-wrap--purple{background:#f5f3ff}.bento-card__icon-wrap--purple svg{stroke:#7c3aed}.bento-card__icon-wrap--amber{background:#fffbeb}.bento-card__icon-wrap--amber svg{stroke:#d97706}.bento-card__icon-wrap--green{background:#f0fdf4}.bento-card__icon-wrap--green svg{stroke:#16a34a}.bento-card__icon-wrap--rose{background:#fff1f2}.bento-card__icon-wrap--rose svg{stroke:#e11d48}.bento-card__icon-wrap--glow{background:#eff6ff}.bento-card__icon-wrap--glow svg{stroke:#2563eb}.bento-card__title{font-size:1rem;font-weight:700;color:var(--navy);margin:0 0 6px}.bento-card__desc{font-size:var(--small);color:var(--text-light);line-height:1.6;margin:0}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--card-gap)}.feature{padding:28px;border-radius:var(--radius-xl);background:var(--bg);border:1px solid var(--border);transition:all var(--transition)}.feature:hover{box-shadow:var(--shadow-lg);border-color:var(--border-hover);transform:translateY(-4px)}.feature__icon{width:48px;height:48px;border-radius:var(--radius-lg);background:var(--primary-light);display:flex;align-items:center;justify-content:center;font-size:1.3rem;margin-bottom:16px;transition:transform var(--transition)}.feature:hover .feature__icon{transform:scale(1.05)}.feature__title{font-weight:700;margin-bottom:6px;color:var(--navy)}.feature__desc{font-size:var(--small);color:var(--text-light);line-height:1.6;margin:0}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--card-gap)}.post-card{border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition);background:var(--bg)}.post-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.post-card__thumb img{width:100%;height:180px;object-fit:cover}.post-card__body{padding:20px}.post-card__title{font-size:var(--body);font-weight:700;margin-bottom:8px}.post-card__title a{color:var(--navy)}.post-card__title a:hover{color:var(--primary)}.post-card__excerpt{font-size:var(--small);color:var(--text-light);margin-bottom:8px;line-height:1.6}.post-card__date{font-size:var(--xs);color:var(--text-muted)}.page-with-sidebar{display:grid;grid-template-columns:1fr 300px;gap:40px;align-items:start}.sidebar{position:sticky;top:80px;display:flex;flex-direction:column;gap:16px}.sidebar__section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:24px;transition:box-shadow var(--transition)}.sidebar__section:hover{box-shadow:var(--shadow-md)}.sidebar__section--tool{background:linear-gradient(135deg,var(--navy) 0%,var(--navy-light) 100%);border-color:transparent;color:#cbd5e1;text-align:center;position:relative;overflow:hidden}.sidebar__section--tool:before{content:'';position:absolute;top:-30px;right:-30px;width:100px;height:100px;background:rgba(37,99,235,.15);border-radius:50%;pointer-events:none}.sidebar__tool-icon{font-size:2rem;margin-bottom:8px;position:relative}.sidebar__section--tool .sidebar__title{color:#fff;margin-top:0;margin-bottom:8px;font-size:var(--body);position:relative}.sidebar__tool-desc{font-size:var(--small);color:#94a3b8;margin-bottom:16px;line-height:1.6;position:relative}.sidebar__tool-btn{display:inline-flex;align-items:center;gap:4px;padding:10px 22px;background:var(--primary);color:#fff;border-radius:var(--radius-full);font-size:var(--small);font-weight:600;transition:all var(--transition);position:relative;box-shadow:0 2px 8px rgba(37,99,235,.3)}.sidebar__tool-btn:hover{background:var(--primary-dark);color:#fff;transform:translateY(-2px);box-shadow:0 4px 16px rgba(37,99,235,.35)}.sidebar__title{font-size:var(--small);font-weight:700;color:var(--navy);margin:0 0 12px}.sidebar__links{list-style:none;display:flex;flex-direction:column;gap:2px}.sidebar__links li a{display:block;padding:8px 12px;font-size:var(--small);color:var(--text-secondary);border-radius:var(--radius);transition:all var(--transition)}.sidebar__links li a:hover{background:var(--primary-light);color:var(--primary)}.sidebar__links li.is-active a{background:var(--primary-light);color:var(--primary);font-weight:600}.pattern-hero{padding:28px 0 36px}.pattern-hero__head{max-width:760px}.pattern-hero__title{font-size:clamp(1.9rem, 1.05rem + 2.6vw, 2.65rem);line-height:1.1;margin:0 0 12px;letter-spacing:-.035em;color:var(--navy)}.pattern-hero__desc{font-size:1.08rem;color:var(--text-light);margin:0;max-width:620px;line-height:1.6}.pattern-article__featured{margin-bottom:32px;border-radius:var(--radius-xl);overflow:hidden;line-height:0}.pattern-article__featured img{width:100%;height:auto;border-radius:var(--radius-xl)}.pattern-article h2{margin-top:40px}.pattern-article h3{margin-top:28px}.pattern-article ul,.pattern-article ol{margin:0 0 16px 24px}.pattern-article li{margin-bottom:6px;color:var(--text-secondary)}.pattern-article table{width:100%;border-collapse:collapse;margin:16px 0 24px;font-size:var(--small);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border)}.ssu-tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:16px 0 24px}.ssu-tablewrap>table{margin:0}.pattern-article th,.pattern-article td{padding:10px 14px;text-align:left;border-bottom:1px solid var(--border-light)}.pattern-article th{background:var(--bg-alt);font-weight:600;color:var(--navy);font-size:var(--xs);text-transform:uppercase;letter-spacing:.04em}.pattern-article tbody tr:hover{background:var(--bg-alt)}.prefooter-cta{padding:40px 0 0}.prefooter-cta__inner{background:linear-gradient(135deg,#2563eb 0%,#4f46e5 60%,#7c3aed 100%);border-radius:var(--radius-2xl);padding:64px 48px;text-align:center;position:relative;overflow:hidden}.prefooter-cta__shapes{position:absolute;inset:0;pointer-events:none}.prefooter-cta__shapes:before{content:'';position:absolute;top:-80px;right:-60px;width:280px;height:280px;background:rgba(255,255,255,.06);border-radius:50%}.prefooter-cta__shapes:after{content:'';position:absolute;bottom:-50px;left:-30px;width:180px;height:180px;background:rgba(255,255,255,.04);border-radius:50%}.prefooter-cta__content{position:relative;z-index:1}.prefooter-cta__title{font-size:var(--h2);color:#fff;margin:0 0 12px;letter-spacing:-.03em}.prefooter-cta__desc{font-size:1.1rem;color:rgba(255,255,255,.8);margin:0 auto 32px;max-width:480px;line-height:1.6}.prefooter-cta__actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.prefooter-cta__guide-link{text-align:center;font-size:.9rem;color:rgba(255,255,255,.6);margin-top:16px}.prefooter-cta__guide-link a{color:#fff;text-decoration:underline;text-underline-offset:3px}.prefooter-cta__guide-link a:hover{opacity:.85}.footer-top{display:grid;grid-template-columns:1.3fr 2fr;gap:56px;padding-bottom:40px;margin-bottom:32px;border-bottom:1px solid rgba(255,255,255,.08)}.footer-brand__link{display:flex;align-items:center;gap:10px;text-decoration:none}.footer-brand__icon{width:32px;height:32px;border-radius:6px;object-fit:contain}.footer-brand__name{font-size:1.25rem;font-weight:800;letter-spacing:-.03em}.footer-brand__name--bold{color:#e2e8f0}.footer-brand__name--accent{color:#3b82f6}.footer-brand__desc{font-size:var(--small);color:#64748b;line-height:1.7;margin-top:14px;max-width:300px}.footer-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;padding-top:0;border-top:none}.footer-bottom__stats{display:flex;gap:20px;font-size:var(--small);color:#64748b}@media (max-width:1023px){.pattern-cards{grid-template-columns:repeat(2,1fr)}.profession-cards{grid-template-columns:repeat(2,1fr)}.features-grid{grid-template-columns:repeat(2,1fr)}.bento-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:1fr;gap:24px}.steps:before{display:none}.page-with-sidebar{grid-template-columns:1fr}.sidebar{position:static}.post-grid{grid-template-columns:repeat(2,1fr)}.hero{padding:36px 0 48px}.stats-bar__item{padding:0 28px}.footer-top{grid-template-columns:1fr;gap:32px}.footer-columns{grid-template-columns:repeat(3,1fr)}.prefooter-cta__inner{padding:48px 32px}.prefooter-cta{padding:32px 0 0}.section-header{margin-bottom:36px}.section-header p{font-size:1rem}.bento-card{padding:22px}.feature{padding:24px}}@media (max-width:768px){.bento-grid{grid-template-columns:repeat(2,1fr);gap:12px}.section--features-bg{background-attachment:scroll}.profession-cards{grid-template-columns:repeat(2,1fr);gap:12px}.profession-card{padding:24px 16px}.profession-card__icon{width:50px;height:50px;font-size:1.4rem}.stats-bar{gap:0}.stats-bar__item{padding:0 20px}.stats-bar__number{font-size:clamp(1.5rem, 4vw, 2rem)}.hero{padding:32px 0 44px}.hero__subtitle{font-size:1rem;padding:0 8px}.post-grid{grid-template-columns:1fr}.post-card__thumb img{height:160px}.comparison-table{position:relative}.comparison-table:after{content:'← scroll →';display:block;text-align:center;font-size:var(--xs);color:var(--text-muted);padding:8px 0 0}.page-content table,.pattern-article table,.tool-page__content table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:normal}.toc{padding:16px 18px}}@media (max-width:639px){.pattern-cards{grid-template-columns:repeat(2,1fr);gap:10px}.profession-cards{grid-template-columns:repeat(2,1fr);gap:10px}.features-grid{grid-template-columns:1fr}.hero{padding:24px 0 36px}.hero__title{font-size:clamp(1.5rem, 7vw, 2.25rem);line-height:1.15}.hero__subtitle{font-size:.95rem;margin-bottom:20px}.hero__actions{gap:8px;flex-direction:column;align-items:center}.hero__actions .btn{width:100%;max-width:300px}.stats-bar{display:grid;grid-template-columns:repeat(2,1fr);gap:16px 12px;justify-items:center}.stats-bar__divider{display:none}.stats-bar__item{padding:0}.stats-bar__number{font-size:clamp(1.5rem, 4.5vw, 2rem)}.footer-columns{grid-template-columns:1fr}.footer-bottom{flex-direction:column;text-align:center}.footer-bottom__stats{flex-direction:column;align-items:center;gap:8px}.footer-bottom__right{flex-direction:column;gap:12px}.prefooter-cta__inner{padding:32px 16px;border-radius:var(--radius-xl)}.prefooter-cta{padding:40px 0 0}.prefooter-cta__title{font-size:clamp(1.25rem, 5vw, 1.75rem)}.prefooter-cta__desc{font-size:.95rem;margin-bottom:24px}.prefooter-cta__actions{flex-direction:column;align-items:center}.prefooter-cta__actions .btn{width:100%;max-width:300px}.section-header{margin-bottom:28px}.section-header p{font-size:.95rem}.pattern-card{padding:14px 12px 12px}.pattern-card__icon{width:32px;height:32px;font-size:.95rem;margin-bottom:8px}.pattern-card__title{font-size:.8rem}.pattern-card__desc{font-size:.7rem;line-height:1.4;margin-bottom:8px}.pattern-card__link{font-size:.75rem}.bento-card{padding:16px}.bento-card__icon-wrap{width:34px;height:34px;font-size:.95rem;margin-bottom:10px}.bento-card__title{font-size:.85rem;margin-bottom:4px}.bento-card__desc{font-size:.75rem;line-height:1.5}.feature{padding:20px}.feature__icon{width:42px;height:42px;font-size:1.1rem;margin-bottom:12px}.step__number{width:40px;height:40px;font-size:1rem}.step__title{font-size:var(--small)}.faq-item__question{padding:16px;font-size:var(--small);min-height:48px}.faq-item__answer{padding:0 16px 16px}.related-patterns{padding:20px;margin-top:0}.related-patterns__list a{padding:6px 12px;font-size:var(--xs)}.trust-bar{gap:16px;flex-direction:column;align-items:center}.sidebar__section{padding:20px}.page-content ul,.page-content ol{margin-left:16px}.pattern-article ul,.pattern-article ol{margin-left:16px}.breadcrumbs{font-size:var(--xs);padding:12px 0}}@media (max-width:400px){.profession-cards{grid-template-columns:1fr;gap:10px}.profession-card{padding:20px 16px}.hero__title{font-size:1.5rem}.stats-bar__number{font-size:1.5rem}.pattern-card{padding:16px 14px 14px 12px}.faq-item__question{padding:14px 12px;font-size:var(--xs)}.comparison-table table{font-size:var(--xs)}.comparison-table th,.comparison-table td{padding:10px 8px}}.allp-hero{background:linear-gradient(135deg,#1e3a5f 0%,#1e40af 50%,#2563eb 100%);color:#fff;padding:64px 0 80px;position:relative;overflow:hidden}.allp-hero:before{content:'';position:absolute;top:-100px;right:-80px;width:400px;height:400px;background:rgba(255,255,255,.04);border-radius:50%;pointer-events:none}.allp-hero:after{content:'';position:absolute;bottom:-60px;left:-40px;width:250px;height:250px;background:rgba(255,255,255,.03);border-radius:50%;pointer-events:none}.allp-hero__content{text-align:center;position:relative;z-index:1}.allp-hero__badge{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;background:rgba(255,255,255,.12);backdrop-filter:blur(8px);color:#fff;border-radius:var(--radius-full);font-size:var(--xs);font-weight:600;margin-bottom:20px;border:1px solid rgba(255,255,255,.15)}.allp-hero__title{font-size:var(--h1);margin:0 auto 16px;max-width:700px;letter-spacing:-.04em;color:#fff;line-height:1.1}.allp-hero__desc{font-size:1.1rem;color:rgba(255,255,255,.8);max-width:560px;margin:0 auto 28px;line-height:1.65}.allp-hero__actions{display:flex;gap:12px;justify-content:center;margin-bottom:40px}.allp-hero__meta{display:flex;justify-content:center;gap:32px;position:relative;z-index:1;margin-bottom:20px}.allp-hero__meta-item{display:flex;flex-direction:column;align-items:center;padding:12px 20px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);backdrop-filter:blur(4px);min-width:90px}.allp-hero__meta-num{font-size:1.25rem;font-weight:800;color:#fff;letter-spacing:-.02em}.allp-hero__meta-label{font-size:var(--xs);color:rgba(255,255,255,.6);margin-top:2px}.allp-hero__wave{position:absolute;bottom:-1px;left:0;width:100%;line-height:0}.allp-hero__wave svg{display:block;width:100%;height:auto}.allp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.allp-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-xl);padding:24px;display:flex;flex-direction:column;transition:all .25s var(--ease);position:relative;overflow:hidden;text-decoration:none;color:inherit}.allp-card:before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--card-accent);opacity:0;transition:opacity .25s var(--ease)}.allp-card:hover{box-shadow:0 8px 32px rgba(37,99,235,.12),0 2px 8px rgba(0,0,0,.04);transform:translateY(-4px);border-color:var(--card-accent)}.allp-card:hover:before{opacity:1}.allp-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.allp-card__icon{width:44px;height:44px;border-radius:var(--radius-lg);background:color-mix(in srgb,var(--card-accent) 10%,transparent);border:1px solid color-mix(in srgb,var(--card-accent) 20%,transparent);display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:transform .25s var(--ease)}.allp-card:hover .allp-card__icon{transform:scale(1.08)}.allp-card__type{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--card-accent);padding:3px 8px;background:color-mix(in srgb,var(--card-accent) 8%,transparent);border-radius:var(--radius-full)}.allp-card__title{font-size:var(--body);font-weight:700;color:var(--navy);margin:0 0 8px;line-height:1.3}.allp-card__desc{font-size:var(--small);color:var(--text-light);line-height:1.6;margin:0 0 16px;flex:1}.allp-card__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:12px 0;border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light);margin-bottom:12px}.allp-card__stat{text-align:center}.allp-card__stat-val{display:block;font-size:var(--small);font-weight:700;color:var(--navy);letter-spacing:-.01em}.allp-card__stat-lbl{display:block;font-size:.6rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-top:1px}.allp-card__footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.allp-card__best{font-size:var(--xs);color:var(--text-muted);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.allp-card__cta{font-size:var(--small);font-weight:600;color:var(--card-accent);white-space:nowrap;transition:gap .2s var(--ease);display:inline-flex;align-items:center;gap:2px}.allp-card:hover .allp-card__cta{gap:6px}.allp-guide{display:flex;flex-direction:column;gap:24px}.allp-guide__item{display:flex;gap:20px;align-items:flex-start}.allp-guide__num{width:40px;height:40px;border-radius:50%;background:var(--primary);color:#fff;font-weight:800;font-size:1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px rgba(37,99,235,.2)}.allp-guide__title{font-size:var(--body);font-weight:700;color:var(--navy);margin:0 0 6px}.allp-guide__text{font-size:var(--small);color:var(--text-secondary);line-height:1.65;margin:0}@media (max-width:1023px){.allp-grid{grid-template-columns:repeat(2,1fr)}.allp-hero{padding:48px 0 64px}.allp-hero__meta{gap:16px;flex-wrap:wrap}}@media (max-width:768px){.allp-card__stats{grid-template-columns:repeat(2,1fr);gap:8px}.allp-hero__meta{gap:10px;justify-content:center}.allp-hero__meta-item{min-width:80px;padding:10px 16px}.allp-hero__desc{font-size:1rem}}@media (max-width:639px){.allp-grid{grid-template-columns:1fr}.allp-hero{padding:32px 0 48px}.allp-hero__title{font-size:clamp(1.5rem, 7vw, 2.25rem)}.allp-hero__desc{font-size:.95rem}.allp-hero__meta{gap:8px}.allp-hero__meta-item{min-width:70px;padding:8px 14px;flex:1}.allp-hero__meta-num{font-size:1.1rem}.allp-hero__actions{flex-direction:column;align-items:center}.allp-hero__actions .btn{width:100%;max-width:300px}.allp-guide__item{flex-direction:column;gap:12px}.allp-card{padding:20px}.allp-card__stats{grid-template-columns:repeat(2,1fr)}.allp-card__footer{flex-direction:column;align-items:flex-start;gap:6px}.allp-card__best{white-space:normal}}@media (max-width:400px){.allp-hero{padding:24px 0 40px}.allp-hero__title{font-size:1.5rem}.allp-hero__meta{flex-wrap:wrap;justify-content:center;gap:8px}.allp-hero__meta-item{width:calc(50% - 4px);max-width:140px}.allp-card__stats{grid-template-columns:1fr 1fr}}.ssu-ab-hero{position:relative;overflow:hidden;padding:76px 0 120px;text-align:center;color:#fff;background:var(--gradient-hero)}.ssu-ab-hero:before{content:'';position:absolute;inset:0;background:radial-gradient(58% 90% at 14% 0%,rgba(99,102,241,.45),transparent 60%),radial-gradient(54% 80% at 100% 18%,rgba(56,189,248,.28),transparent 62%);pointer-events:none}.ssu-ab-hero:after{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(72% 60% at 50% 0%,#000,transparent 76%);mask-image:radial-gradient(72% 60% at 50% 0%,#000,transparent 76%);pointer-events:none}.ssu-ab-hero__inner{position:relative;z-index:1;max-width:760px;margin:0 auto}.ssu-ab-hero__badge{display:inline-flex;align-items:center;gap:7px;padding:6px 15px 6px 12px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(8px);border-radius:var(--radius-full);font-size:var(--xs);font-weight:600;margin-bottom:20px}.ssu-ab-hero__badge svg{width:15px;height:15px;color:#fcd34d}.ssu-ab-hero__title{font-size:var(--h1);line-height:1.08;letter-spacing:-.035em;margin:0 auto 18px;max-width:15ch;color:#fff}.ssu-ab-hero__desc{font-size:1.12rem;line-height:1.6;color:rgba(255,255,255,.82);max-width:600px;margin:0 auto 28px}.ssu-ab-hero__actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.ssu-ab-hero__note{margin:18px 0 0;font-size:var(--small);color:rgba(255,255,255,.7)}.ssu-ab-hero__wave{position:absolute;bottom:-1px;left:0;width:100%;line-height:0;z-index:1}.ssu-ab-hero__wave svg{display:block;width:100%;height:58px}.ssu-ab-hero__wave svg path{fill:var(--bg)}.ssu-ab-stats{display:grid;grid-template-columns:repeat(4,1fr);align-items:center;padding:30px 18px;background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-card)}.ssu-ab-stat{position:relative;text-align:center;padding:6px 12px}.ssu-ab-stat+.ssu-ab-stat:before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:44px;background:var(--border)}.ssu-ab-stat__num{display:block;font-size:clamp(1.9rem, 4vw, 2.6rem);font-weight:800;line-height:1.04;letter-spacing:-.03em;background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;color:transparent}.ssu-ab-stat__label{display:block;margin-top:6px;font-size:var(--small);font-weight:500;color:var(--text-light)}.ssu-ab-mission{text-align:center}.ssu-ab-mission__title{font-size:var(--h2);letter-spacing:-.03em;margin:0 0 18px}.ssu-ab-mission__text{font-size:1.08rem;line-height:1.75;color:var(--text-secondary);margin:0 auto 14px;max-width:640px}.ssu-ab-mission__text:last-child{margin-bottom:0}.ssu-ab-features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.ssu-ab-feature{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:28px 24px;transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition)}.ssu-ab-feature:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--border-hover)}.ssu-ab-feature__icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:13px;background:var(--primary-light);color:var(--primary);margin-bottom:16px}.ssu-ab-feature__icon svg{width:25px;height:25px}.ssu-ab-feature__title{font-size:1.075rem;font-weight:700;color:var(--navy);letter-spacing:-.01em;margin:0 0 8px}.ssu-ab-feature__desc{font-size:var(--small);color:var(--text-light);line-height:1.65;margin:0}.ssu-ab-plans{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:860px;margin:0 auto}.ssu-ab-plan{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:28px 26px}.ssu-ab-plan--pro{border:1.5px solid transparent;background:linear-gradient(var(--bg-card),var(--bg-card)) padding-box,var(--gradient-primary) border-box;box-shadow:var(--shadow-blue)}.ssu-ab-plan__head{display:flex;flex-direction:column;gap:10px;margin-bottom:18px}.ssu-ab-plan__tag{align-self:flex-start;font-size:var(--xs);font-weight:700;text-transform:uppercase;letter-spacing:.07em;padding:5px 11px;border-radius:var(--radius-full)}.ssu-ab-plan__tag--free{color:var(--text-secondary);background:var(--bg-subtle)}.ssu-ab-plan__tag--pro{color:#fff;background:var(--gradient-primary)}.ssu-ab-plan__name{font-size:1.2rem;font-weight:800;color:var(--navy);letter-spacing:-.02em;margin:0}.ssu-ab-plan__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.ssu-ab-plan__list li{position:relative;padding-left:28px;font-size:.95rem;color:var(--text-secondary);line-height:1.45}.ssu-ab-plan__list li:before{content:'';position:absolute;left:0;top:1px;width:18px;height:18px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l5 5L19 7'/%3E%3C/svg%3E") center/contain no-repeat}.ssu-ab-plans__cta{text-align:center;margin-top:30px}.ssu-ab-timeline{list-style:none;margin:0;padding:0;max-width:640px;margin:0 auto}.ssu-ab-tl{position:relative;display:grid;grid-template-columns:44px 1fr;gap:18px;padding-bottom:24px}.ssu-ab-tl:last-child{padding-bottom:0}.ssu-ab-tl:before{content:'';position:absolute;left:21px;top:46px;bottom:-2px;width:2px;background:linear-gradient(var(--primary-50),transparent)}.ssu-ab-tl:last-child:before{display:none}.ssu-ab-tl__marker{width:44px;height:44px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:1rem;color:#fff;background:var(--gradient-primary);box-shadow:0 4px 12px rgba(37,99,235,.28);position:relative;z-index:1}.ssu-ab-tl__body{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:15px 20px;transition:box-shadow var(--transition),transform var(--transition)}.ssu-ab-tl:hover .ssu-ab-tl__body{box-shadow:var(--shadow-md);transform:translateX(2px)}.ssu-ab-tl__title{font-size:1.05rem;font-weight:700;color:var(--navy);margin:0 0 4px}.ssu-ab-tl__text{font-size:var(--small);color:var(--text-light);line-height:1.6;margin:0}.ssu-ab-who{text-align:center}.ssu-ab-who__title{font-size:var(--h2);letter-spacing:-.03em;margin:0 0 12px}.ssu-ab-who__desc{color:var(--text-light);font-size:1.05rem;margin:0 auto 26px;max-width:460px}.ssu-ab-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.ssu-ab-chip{padding:9px 18px;border-radius:var(--radius-full);background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-xs);font-size:.9rem;font-weight:600;color:var(--text-secondary);transition:border-color var(--transition),color var(--transition),transform var(--transition)}.ssu-ab-chip:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-2px)}.ssu-ab-values{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:880px;margin:0 auto}.ssu-ab-value{display:flex;gap:16px;align-items:flex-start}.ssu-ab-value__icon{flex:none;width:46px;height:46px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:var(--primary-light);color:var(--primary)}.ssu-ab-value__icon svg{width:24px;height:24px}.ssu-ab-value__title{font-size:1.05rem;font-weight:700;color:var(--navy);margin:0 0 5px}.ssu-ab-value__text{font-size:var(--small);color:var(--text-secondary);line-height:1.65;margin:0}.ssu-ab-faq{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.ssu-ab-faq__item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color var(--transition),box-shadow var(--transition)}.ssu-ab-faq__item[open]{border-color:var(--primary-50);box-shadow:var(--shadow-card)}.ssu-ab-faq__q{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;cursor:pointer;list-style:none;font-size:1rem;font-weight:700;color:var(--navy)}.ssu-ab-faq__q::-webkit-details-marker{display:none}.ssu-ab-faq__q:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--radius)}.ssu-ab-faq__chev{width:20px;height:20px;flex:none;color:var(--text-muted);transition:transform var(--transition),color var(--transition)}.ssu-ab-faq__item[open] .ssu-ab-faq__chev{transform:rotate(180deg);color:var(--primary)}.ssu-ab-faq__a{margin:0;padding:0 18px 18px;font-size:.95rem;color:var(--text-light);line-height:1.65}.ssu-ab-cta{text-align:center;background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--radius-2xl);padding:46px 32px}.ssu-ab-cta__title{font-size:var(--h2);letter-spacing:-.03em;margin:0 0 12px}.ssu-ab-cta__desc{color:var(--text-light);max-width:480px;margin:0 auto 24px;font-size:1.05rem;line-height:1.6}@media (max-width:980px){.ssu-ab-features{grid-template-columns:1fr 1fr}}@media (max-width:768px){.ssu-ab-hero{padding:52px 0 96px}.ssu-ab-plans{grid-template-columns:1fr}.ssu-ab-values{grid-template-columns:1fr}.ssu-ab-stats{padding:22px 12px}}@media (max-width:600px){.ssu-ab-hero{padding:40px 0 78px}.ssu-ab-hero__title{font-size:clamp(1.6rem, 7vw, 2.3rem)}.ssu-ab-hero__desc{font-size:1rem}.ssu-ab-hero__actions{flex-direction:column}.ssu-ab-hero__actions .btn{width:100%;justify-content:center}.ssu-ab-features{grid-template-columns:1fr}.ssu-ab-stats{grid-template-columns:1fr 1fr;gap:4px 0;padding:14px 8px}.ssu-ab-stat{padding:14px 8px}.ssu-ab-stat:nth-child(3):before,.ssu-ab-stat+.ssu-ab-stat:before{display:none}.ssu-ab-value{gap:14px}}@media (prefers-reduced-motion:reduce){.ssu-ab-feature,.ssu-ab-chip,.ssu-ab-tl__body,.ssu-ab-faq__chev{transition:none}.ssu-ab-feature:hover,.ssu-ab-chip:hover{transform:none}.ssu-ab-tl:hover .ssu-ab-tl__body{transform:none}}.contact-hero{background:linear-gradient(135deg,#1e3a5f 0%,#1e40af 50%,#2563eb 100%);color:#fff;text-align:center;padding:56px 0 100px;position:relative;overflow:hidden}.contact-hero:before{content:'';position:absolute;top:-80px;right:-60px;width:300px;height:300px;background:rgba(255,255,255,.04);border-radius:50%;pointer-events:none}.contact-hero__badge{display:inline-flex;align-items:center;gap:7px;padding:6px 16px 6px 13px;background:rgba(255,255,255,.12);backdrop-filter:blur(8px);color:#fff;border-radius:var(--radius-full);font-size:var(--xs);font-weight:600;margin-bottom:20px;border:1px solid rgba(255,255,255,.15)}.contact-hero__badge svg{width:15px;height:15px}.contact-hero__title{font-size:var(--h1);margin:0 auto 12px;letter-spacing:-.04em;color:#fff;line-height:1.1}.contact-hero__desc{font-size:1.1rem;color:rgba(255,255,255,.8);max-width:480px;margin:0 auto;line-height:1.65}.contact-hero__wave{position:absolute;bottom:-1px;left:0;width:100%;line-height:0}.contact-hero__wave svg{display:block;width:100%;height:auto}.contact-layout{display:grid;grid-template-columns:1fr 360px;gap:48px;align-items:start}.contact-form__title{font-size:var(--h3);margin:0 0 8px;color:var(--navy)}.contact-form__desc{font-size:var(--small);color:var(--text-light);margin:0 0 24px;line-height:1.6}.contact-info__card{background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--radius-xl);padding:28px 24px;display:flex;flex-direction:column;gap:24px}.contact-info__item{display:flex;gap:14px;align-items:flex-start}.contact-info__icon{font-size:1.3rem;flex-shrink:0;margin-top:2px}.contact-info__label{font-size:var(--small);font-weight:700;color:var(--navy);margin:0 0 4px}.contact-info__text{font-size:var(--xs);color:var(--text-light);line-height:1.6;margin:0}.contact-info__response{display:flex;align-items:center;gap:10px;margin-top:16px;padding:14px 18px;background:var(--primary-light);border:1px solid var(--primary-50,#dbeafe);border-radius:var(--radius-lg)}.contact-info__response-icon{font-size:1.2rem;flex-shrink:0}.contact-info__response-text{font-size:var(--small);font-weight:600;color:var(--primary);margin:0}@media (max-width:1023px){.contact-layout{grid-template-columns:1fr}}@media (max-width:768px){.contact-hero{padding:44px 0 80px}.contact-info__card{padding:24px 20px}}@media (max-width:639px){.contact-hero{padding:28px 0 64px}.contact-hero__title{font-size:clamp(1.5rem, 7vw, 2.25rem)}.contact-hero__desc{font-size:.95rem}.contact-info__response{flex-direction:column;text-align:center;gap:8px}}@media (max-width:400px){.contact-hero{padding:24px 0 52px}}.email-signup{background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);border-radius:var(--radius-xl);padding:40px 32px;text-align:center;color:#fff;margin:32px 0}.email-signup__title{font-size:var(--h3);font-weight:700;color:#fff;margin:0 0 8px}.email-signup__desc{font-size:var(--small);color:rgba(255,255,255,.8);margin:0 0 20px}.email-signup__form{display:flex;gap:8px;max-width:480px;margin:0 auto;align-items:stretch}.email-signup__input{flex:1;padding:12px 16px;border:1px solid rgba(255,255,255,.3);border-radius:var(--radius);background:rgba(255,255,255,.15);color:#fff;font-family:var(--font);font-size:var(--body);backdrop-filter:blur(4px);min-height:48px}.email-signup__input::placeholder{color:rgba(255,255,255,.6)}.email-signup__input:focus{outline:none;border-color:#fff;background:rgba(255,255,255,.2)}.email-signup__btn{padding:12px 24px;background:#fff;color:var(--primary);border:none;border-radius:var(--radius);font-family:var(--font);font-size:var(--small);font-weight:600;cursor:pointer;white-space:nowrap;min-height:48px;transition:all var(--transition)}.email-signup__btn:hover{background:var(--bg-alt);transform:translateY(-1px)}@media (max-width:639px){.email-signup{padding:28px 20px;margin:24px 0}.email-signup__form{flex-direction:column}.email-signup__input{font-size:16px}.email-signup__btn{width:100%}}@media (max-width:400px){.email-signup{padding:24px 16px;border-radius:var(--radius-lg)}.email-signup__title{font-size:1rem}}.pattern-hero,.pattern-hero .ssu-tool-container,.page-content,.pattern-article,.sidebar{max-width:100%;overflow-wrap:break-word;word-wrap:break-word}.page-with-sidebar .pattern-article,.page-with-sidebar .page-content{min-width:0;overflow:visible}.pattern-hero+.section{overflow:visible}.pattern-hero+.section .page-with-sidebar{overflow:visible}@media (max-width:1023px){.page-content{max-width:100% !important}.pattern-hero{padding:16px 0 24px}.page-with-sidebar .sidebar{width:100%}}@media (max-width:768px){.pattern-hero{padding:12px 0 20px}.pattern-hero__title{font-size:clamp(1.35rem, 5vw, 1.75rem)}.pattern-hero__desc{font-size:var(--small)}.page-content{margin-top:32px !important}.page-content h2{font-size:var(--h3);margin-top:32px}.page-content table,.pattern-article table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.sidebar__section--tool{padding:20px}.sidebar__section--tool .sidebar__title,.sidebar__tool-desc{overflow-wrap:break-word;word-wrap:break-word}}@media (max-width:639px){.page-header{margin-bottom:20px !important}.page-header__title{font-size:clamp(1.35rem, 6vw, 1.75rem);line-height:1.2}.page-header__intro{font-size:var(--small)}.pattern-hero{padding:8px 0 16px}.pattern-hero__title{font-size:clamp(1.25rem, 6vw, 1.5rem);line-height:1.2}.pattern-hero__desc{font-size:var(--small);line-height:1.5;max-width:100%}.page-with-sidebar{gap:24px}.page-content,.pattern-article{margin-top:24px !important;padding:0 !important;max-width:100%;overflow:visible;overflow-wrap:break-word;word-wrap:break-word}.page-content h2{font-size:1.15rem;margin-top:28px}.page-content h3{font-size:1rem;margin-top:20px}.pattern-article p,.pattern-article li,.page-content p,.page-content li{overflow-wrap:break-word;word-wrap:break-word}.pattern-article img,.page-content img{max-width:100%;height:auto}.pattern-article table,.page-content table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:normal;max-width:100%}.page-content .steps,.pattern-article .steps{grid-template-columns:1fr;gap:20px}.page-content .steps:before,.pattern-article .steps:before{display:none}.page-content .step__number,.pattern-article .step__number{width:40px;height:40px;font-size:1rem}.page-content .features-grid,.pattern-article .features-grid{grid-template-columns:1fr;gap:12px}.page-content .feature,.pattern-article .feature{padding:18px}.page-with-sidebar .sidebar{width:100%;max-width:100%;overflow:hidden}.sidebar__section{overflow:hidden;max-width:100%}.sidebar__section--tool{padding:20px 16px;text-align:center}.sidebar__section--tool .sidebar__title{font-size:var(--small);overflow-wrap:break-word}.sidebar__tool-desc{font-size:var(--xs);overflow-wrap:break-word}.sidebar__tool-btn{max-width:100%;white-space:normal;text-align:center;padding:10px 18px;font-size:var(--xs)}.pattern-hero+.section{padding-top:32px}.section{padding:40px 0}.section-header{margin-bottom:20px}.section .comparison-table{margin:0 -4px}.faq-section h2{font-size:1.15rem}.related-patterns{padding:20px}.related-patterns__list{gap:6px}.related-patterns__list a{padding:6px 12px;font-size:var(--xs)}.pattern-article .email-signup,.page-content .email-signup{margin-left:0;margin-right:0}}@media (max-width:400px){.page-header__title{font-size:1.25rem}.pattern-hero__title{font-size:1.15rem}.page-content,.pattern-article{font-size:var(--small)}.page-content .feature,.pattern-article .feature{padding:14px}.page-content .feature__icon,.pattern-article .feature__icon{width:36px;height:36px;font-size:1rem;margin-bottom:10px}.sidebar__section{padding:16px 12px}.sidebar__section--tool{padding:16px 12px}.sidebar__tool-btn{padding:8px 14px;font-size:.7rem}.faq-item__question{padding:14px 12px;font-size:var(--xs)}.comparison-table table{font-size:var(--xs)}.comparison-table th,.comparison-table td{padding:8px 6px}}.problem-solution{display:grid;grid-template-columns:1fr 1fr;gap:var(--card-gap);max-width:900px;margin:0 auto}.ps-col{border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px 26px;background:var(--bg-card);box-shadow:var(--shadow-xs);transition:transform var(--transition),box-shadow var(--transition)}.ps-col:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.ps-col--problem{background:var(--bg-subtle);box-shadow:none}.ps-col--problem:hover{box-shadow:var(--shadow-xs)}.ps-col--solution{border-color:var(--primary);background:linear-gradient(180deg,var(--primary-light) 0%,var(--bg-card) 70%);box-shadow:var(--shadow-blue)}.ps-col--solution .ps-col__title{color:var(--primary)}.ps-col__title{font-size:1.05rem;font-weight:700;color:var(--navy);margin:0 0 16px}.ps-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.ps-list li{position:relative;padding-left:30px;color:var(--text-secondary);font-size:var(--small);line-height:1.5}.ps-list li:before{content:"";position:absolute;left:0;top:1px;width:18px;height:18px;background-position:center;background-repeat:no-repeat;background-size:18px}.ps-col--problem .ps-list li:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M6 6l8 8M14 6l-8 8' stroke='%2394A3B8' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E")}.ps-col--solution .ps-list li:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M4 10l4 4 8-9' stroke='%2316A34A' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.pricing-teaser{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--card-gap);max-width:760px;margin:0 auto}.pricing-teaser__card{position:relative;border:1px solid var(--border);border-radius:var(--radius-lg);padding:26px 20px;background:var(--bg-card);text-align:center;display:flex;flex-direction:column;gap:6px;box-shadow:var(--shadow-xs);transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition)}.pricing-teaser__card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--border-hover)}.pricing-teaser__card--featured{border-color:var(--primary);box-shadow:var(--shadow-blue);background:linear-gradient(180deg,var(--primary-light) 0%,var(--bg-card) 65%);transform:scale(1.04)}.pricing-teaser__card--featured:hover{transform:scale(1.04) translateY(-4px)}.pricing-teaser__card--featured .pricing-teaser__price{background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.pricing-teaser__badge{position:absolute;top:-11px;left:50%;transform:translateX(-50%);background:var(--primary);color:#fff;font-size:var(--xs);font-weight:700;padding:3px 10px;border-radius:var(--radius-full);white-space:nowrap}.pricing-teaser__name{font-weight:600;color:var(--text-secondary);font-size:var(--small)}.pricing-teaser__price{font-size:2rem;font-weight:800;color:var(--navy);line-height:1}.pricing-teaser__note{font-size:var(--xs);color:var(--text-light)}@media (max-width:768px){.problem-solution{grid-template-columns:1fr}.pricing-teaser{grid-template-columns:1fr;max-width:360px}}