.sf-roof{--ppc-black: #0C0C0E;--ppc-error-400: #F97066;--ppc-error-50: #FEF3F2;--ppc-error-500: #F04438;--ppc-neutral-100: #E5E5F9;--ppc-neutral-200: #DCDCDC;--ppc-neutral-25: #FAFAFA;--ppc-neutral-300: #C5C5E2;--ppc-neutral-400: #A2A2C1;--ppc-neutral-50: #F2F4F7;--ppc-neutral-500: #80809C;--ppc-neutral-600: #646477;--ppc-neutral-700: #525266;--ppc-neutral-800: #40404F;--ppc-neutral-900: #26262F;--ppc-purple-100: #E9E3FF;--ppc-purple-300: #B08EF4;--ppc-purple-400: #A88CFF;--ppc-purple-50: #F3F0FF;--ppc-purple-500: #8057FF;--ppc-purple-600: #7C45CB;--ppc-success-50: #ECFDF3;--ppc-success-500: #17B26A;--ppc-success-700: #0C7A49;--ppc-warning-50: #FFFAEB;--ppc-warning-700: #B54708;--ppc-white: #FFFFFF;--radius-lg: 16px;--radius-md: 12px;--radius-pill: 9999px;--shadow-lg: 0 4px 6px -2px rgba(16,24,40,.03), 0 12px 16px -4px rgba(16,24,40,.08);--shadow-md: 0 4px 8px -2px rgba(16,24,40,.08), 0 2px 4px -2px rgba(16,24,40,.04);--shadow-sm: 0 1px 3px rgba(16,24,40,.08), 0 1px 2px rgba(16,24,40,.04);--shadow-xs: 0 1px 2px rgba(16,24,40,.05);--font-sans: Figtree, -apple-system, BlinkMacSystemFont, sans-serif}.sf-roof{background:var(--ppc-white);color:var(--ppc-neutral-800);font-family:var(--font-sans);font-size:16px;font-weight:500;line-height:1.6;letter-spacing:-.01em;-webkit-font-smoothing:antialiased}.sf-roof *,.sf-roof *:before,.sf-roof *:after{box-sizing:border-box}.sf-roof img{max-width:100%;display:block}.sf-roof .wrap{max-width:1020px;margin:0 auto;padding:0 28px}.sf-roof .band{padding:84px 0}.sf-roof .band--dark{background:var(--ppc-black)}.sf-roof .band--tint{background:linear-gradient(180deg,#e5e5f9,#f2f2fd)}.sf-roof .eyebrow{font-size:17px;font-weight:700;color:var(--ppc-purple-600)}.sf-roof .eyebrow--onDark{color:var(--ppc-purple-300)}.sf-roof .halo{width:38px;height:38px;box-sizing:content-box;border-radius:50%;background:#e6ddff;border:6px solid #F2EDFF;display:grid;place-items:center;font-weight:700;font-size:15px;color:var(--ppc-purple-600);font-variant-numeric:tabular-nums}.sf-roof .shead{text-align:center;max-width:680px;margin:0 auto 48px}.sf-roof .shead .halo{margin:0 auto 14px}.sf-roof .shead__label{font-size:16px;font-weight:700;color:var(--ppc-purple-500);margin-bottom:10px}.sf-roof .shead__title{font-size:clamp(32px,4.2vw,46px);font-weight:600;letter-spacing:-.035em;line-height:1.05;color:var(--ppc-black);margin:0 0 16px;text-wrap:balance}.sf-roof .shead__title span{color:var(--ppc-purple-500)}.sf-roof .shead__descr{font-size:16px;line-height:1.5;color:var(--ppc-neutral-800);margin:0 auto;max-width:520px}.sf-roof .shead--dark .shead__label{color:var(--ppc-purple-300)}.sf-roof .shead--dark .shead__title{color:#fff}.sf-roof .shead--dark .shead__descr{color:#c5c5e2}.sf-roof .cta{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:60px;padding:0 26px;border-radius:12px;border:2px solid #B08EF4;background:var(--ppc-purple-500);color:#fff;font-family:inherit;font-size:18px;font-weight:600;letter-spacing:-.01em;text-decoration:none;cursor:pointer;transition:.4s cubic-bezier(.47,0,.23,1.38);box-shadow:0 4px 18.4px #463186,0 0 12.7px #d185ec inset}.sf-roof .cta svg{flex-shrink:0;transition:transform .4s cubic-bezier(.47,0,.23,1.38)}.sf-roof .cta:hover{box-shadow:0 0 31.9px #745ac6cc,0 0 12.7px #d185ec inset;transform:scaleY(1.034)}.sf-roof .cta:hover svg{transform:rotate(-90deg)}.sf-roof .cta-line{position:relative;display:flex;justify-content:center}.sf-roof .cta-line:before{content:"";position:absolute;top:50%;left:0;width:100%;height:2px;transform:translateY(-50%);opacity:.5;border-radius:2px;background:linear-gradient(90deg,#8057ff00,#7c45cb 51%,#79349900)}.sf-roof .cta-micro{margin-top:12px;text-align:center;font-size:14.5px;font-weight:600;color:var(--ppc-neutral-500)}html.js .sf-roof [data-fade]{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s cubic-bezier(.22,.61,.36,1);transition-delay:var(--d, 0ms)}html.js .sf-roof [data-fade].in{opacity:1;transform:none}.sf-roof section[id],.sf-roof article.winner[id]{scroll-margin-top:68px}@media(min-width:1320px){.sf-roof section[id],.sf-roof article.winner[id]{scroll-margin-top:24px}}.sf-roof .progress{position:fixed;top:0;left:0;height:3px;background:var(--ppc-purple-500);width:0;z-index:1000;transition:width .1s linear}.sf-roof .hero{background:#0f0f11;color:#fff;padding:84px 0 76px;position:relative;overflow:hidden}.sf-roof .hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 800px 420px at 82% -12%,rgba(128,87,255,.26),transparent 62%);pointer-events:none}.sf-roof .hero .wrap{position:relative;display:grid;grid-template-columns:1.15fr 1fr;gap:44px;align-items:center}.sf-roof .hero h1{font-weight:600;color:#fff;font-size:clamp(36px,4.6vw,54px);line-height:1.06;letter-spacing:-.03em;margin:16px 0 18px;text-wrap:balance}.sf-roof .hero h1 span{color:#9979ff}.sf-roof .hero__badge{display:inline-flex;align-items:center;gap:9px;padding:8px 16px;border-radius:var(--radius-pill);background:#ffffff14;border:1px solid rgba(255,255,255,.16);font-size:15px;font-weight:700;color:#ffffffd9}.sf-roof .hero__badge svg{flex-shrink:0}.sf-roof .hero__sub{font-size:17px;line-height:1.6;color:#ffffffb8;max-width:480px;margin:16px 0 0}.sf-roof .hero__sub strong{color:#fff}.sf-roof .fan{position:relative;height:380px}.sf-roof .fan:before{content:"";position:absolute;left:50%;top:50%;width:560px;height:420px;transform:translate(-50%,-50%);background:radial-gradient(ellipse,rgba(128,87,255,.18),transparent 68%);pointer-events:none}.sf-roof .fan img{position:absolute;width:190px;border-radius:10px;border:1px solid rgba(255,255,255,.18);box-shadow:0 18px 44px #00000080}.sf-roof .fan img:nth-child(1){left:0;top:40px;transform:rotate(-7deg);z-index:1}.sf-roof .fan img:nth-child(2){left:80px;top:18px;transform:rotate(-3deg);z-index:2}.sf-roof .fan img:nth-child(3){left:160px;top:6px;transform:rotate(1deg);z-index:3}.sf-roof .fan img:nth-child(4){left:240px;top:20px;transform:rotate(5deg);z-index:2}.sf-roof .fan img:nth-child(5){left:298px;top:46px;transform:rotate(8deg);z-index:1}.sf-roof .callout{position:relative;max-width:780px;margin:0 auto;padding-right:10px}.sf-roof .callout:before{content:"";position:absolute;left:6px;top:12px;width:calc(100% - 10px);height:100%;border-radius:14px;background:var(--ppc-purple-500)}.sf-roof .callout__card{position:relative;background:#fff;border:2px solid var(--ppc-black);border-radius:14px;padding:32px 38px 30px}.sf-roof .callout__title{font-size:26px;font-weight:600;letter-spacing:-.03em;color:var(--ppc-black);margin:0 0 16px}.sf-roof .author{display:flex;gap:22px;align-items:flex-start}.sf-roof .author img{width:72px;height:72px;border-radius:50%;border:3px solid var(--ppc-purple-100)}.sf-roof .author p{margin:0;font-size:17px;line-height:1.66;color:var(--ppc-neutral-700)}.sf-roof .author p strong{color:var(--ppc-neutral-900)}.sf-roof .author__name{font-size:14.5px;font-weight:700;color:var(--ppc-neutral-400);margin-top:10px}.sf-roof .journey{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:920px;margin:0 auto;padding-top:19px}.sf-roof .jstat{position:relative;background:var(--ppc-white);border:1px solid #E0D6FD;border-radius:24px;padding:42px 30px 28px;box-shadow:var(--shadow-xs);text-align:center}.sf-roof .jstat .halo{position:absolute;top:-25px;left:50%;transform:translate(-50%)}.sf-roof .jstat__n{font-weight:800;font-size:64px;line-height:1;color:var(--ppc-purple-500);font-variant-numeric:tabular-nums}.sf-roof .jstat__l{font-size:15.5px;font-weight:600;color:var(--ppc-neutral-500);margin-top:8px}.sf-roof .jnote{text-align:left;font-size:15.5px;color:var(--ppc-neutral-600);max-width:62ch;margin:36px auto 0}.sf-roof .jnote strong{color:var(--ppc-neutral-900)}.sf-roof .winner{padding:76px 0}.sf-roof article.winner:nth-of-type(2n){background:linear-gradient(180deg,#e5e5f9,#f2f2fd)}.sf-roof .whead{margin-bottom:32px;position:relative;z-index:1}.sf-roof .winner .wrap{position:relative}.sf-roof .wnum{position:absolute;top:4px;right:0;font-size:132px;font-weight:800;line-height:1;color:#8057ff0d;font-variant-numeric:tabular-nums;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:0}.sf-roof article.winner:nth-of-type(2n) .wnum{color:#8057ff14}.sf-roof .wgrid{display:grid;grid-template-columns:minmax(480px,1.05fr) minmax(380px,.95fr);gap:36px}.sf-roof .wgrid__evidence{min-width:0}.sf-roof .wstick{position:sticky;top:24px;display:flex;flex-direction:column;gap:18px}.sf-roof .wstick .serp,.sf-roof .wstick .shot{margin-bottom:0;max-width:none}.sf-roof .wgrid__analysis{display:flex;flex-direction:column;gap:18px;min-width:0}.sf-roof .wgrid__analysis .ablock{margin-bottom:0;background:var(--ppc-white);border:1px solid var(--ppc-neutral-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);overflow:hidden}.sf-roof .wgrid__analysis .ablock__label{margin-bottom:0;padding:13px 24px;font-size:16.5px;border-bottom:1px solid var(--ppc-neutral-100)}.sf-roof .wgrid__analysis .ablock__label--hook{background:var(--ppc-purple-50)}.sf-roof .wgrid__analysis .ablock__label--steal{background:var(--ppc-success-50)}.sf-roof .wgrid__analysis .ablock__label--broken{background:var(--ppc-error-50)}.sf-roof .wgrid__analysis .ablock__label--rw{background:var(--ppc-neutral-50)}.sf-roof .wgrid__analysis .magic{border:0;box-shadow:none;border-radius:0;max-width:none;padding:20px 24px 22px}.sf-roof .wgrid__analysis .magic:hover{box-shadow:none}.sf-roof .wgrid__analysis .magic__q{font-size:19px}.sf-roof .wgrid__analysis .steal-list,.sf-roof .wgrid__analysis .broken-list{max-width:none;padding:20px 24px 24px}.sf-roof .wgrid__analysis .rw{border:0;box-shadow:none;border-radius:0;max-width:none}.sf-roof .wgrid__analysis .rw:hover{box-shadow:none}.sf-roof .wgrid__analysis .drawer{margin-top:0;max-width:none}.sf-roof .ablock__label--ov{color:var(--ppc-purple-600)}.sf-roof .wgrid__analysis .ablock__label--ov{background:var(--ppc-neutral-50)}.sf-roof .wgrid__analysis .ov{margin:0;padding:18px 24px 22px;font-size:17px;line-height:1.65;color:var(--ppc-neutral-700)}.sf-roof .whead__lesson{display:block;font-size:16px;font-weight:600;color:var(--ppc-purple-500);margin-bottom:8px}.sf-roof .whead__row{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}.sf-roof .whead__rank{font-size:19px;font-weight:800;color:#fff;background:var(--ppc-purple-500);border:0;padding:8px 18px;border-radius:var(--radius-pill);box-shadow:var(--shadow-xs)}.sf-roof .whead__domain{font-size:clamp(30px,3.1vw,38px);font-weight:700;letter-spacing:-.03em;line-height:1.05;color:var(--ppc-black);text-decoration:none}.sf-roof .whead__domain:after{content:"↗";display:inline-block;margin-left:10px;font-size:.52em;font-weight:700;color:var(--ppc-purple-500);transform:translateY(-.28em);transition:transform .22s ease}.sf-roof .whead__domain:hover{color:var(--ppc-purple-600)}.sf-roof .whead__domain:hover:after{transform:translateY(-.45em) translate(2px)}.sf-roof .whead__visit{position:relative;z-index:2;font-size:14.5px;font-weight:700;color:var(--ppc-neutral-400);text-decoration:none;margin-left:auto;white-space:nowrap}.sf-roof .whead__visit:hover{color:var(--ppc-purple-600);text-decoration:underline}.sf-roof .whead__dek{font-size:17px;line-height:1.6;color:var(--ppc-neutral-600);max-width:64ch;margin:8px 0 16px}.sf-roof .chips{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:28px}.sf-roof .fchip{font-size:14.5px;font-weight:700;padding:6px 14px;border-radius:var(--radius-pill);background:var(--ppc-neutral-50);border:1px solid var(--ppc-neutral-200);color:var(--ppc-neutral-600)}.sf-roof .fchip--warn{background:var(--ppc-error-50);border-color:var(--ppc-error-400);color:var(--ppc-error-500)}.sf-roof .serp{border:1px solid var(--ppc-neutral-200);border-radius:var(--radius-md);overflow:hidden;margin-bottom:24px;max-width:620px;background:var(--ppc-white);box-shadow:var(--shadow-xs)}.sf-roof .serp__bar{display:flex;align-items:center;gap:10px;padding:12px 18px;background:var(--ppc-neutral-50);border-bottom:1px solid var(--ppc-neutral-200);font-size:15.5px;color:var(--ppc-neutral-700)}.sf-roof .serp__g{font-weight:800;color:var(--ppc-purple-500)}.sf-roof .serp__ad{padding:16px 18px}.sf-roof .serp__sponsored{font-size:15px;font-weight:800;color:var(--ppc-neutral-800);margin-bottom:2px}.sf-roof .serp__url{font-size:14.5px;color:var(--ppc-neutral-500);margin-bottom:4px}.sf-roof .serp__headline{font-size:17px;font-weight:600;color:#1a0dab;line-height:1.35}.sf-roof .serp__desc{font-size:14.5px;color:var(--ppc-neutral-600);margin-top:3px}.sf-roof .serp__cap{font-size:14.5px;font-weight:700;color:var(--ppc-neutral-400);padding:9px 18px;background:var(--ppc-neutral-25);border-top:1px dashed var(--ppc-neutral-200)}.sf-roof .shot{border:1px solid var(--ppc-neutral-200);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:32px;box-shadow:var(--shadow-xs);max-width:900px}.sf-roof .shot__chrome{background:var(--ppc-neutral-50);border-bottom:1px solid var(--ppc-neutral-200);padding:11px 16px;display:flex;align-items:center;gap:6px}.sf-roof .shot__chrome i{width:10px;height:10px;border-radius:50%;background:var(--ppc-neutral-200);font-style:normal}.sf-roof .shot__chrome i:nth-child(1){background:#ff5f57}.sf-roof .shot__chrome i:nth-child(2){background:#febc2e}.sf-roof .shot__chrome i:nth-child(3){background:#28c840}.sf-roof .shot__chrome span{margin-left:10px;font-size:14.5px;font-weight:600;color:var(--ppc-neutral-500);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1 0;min-width:0}.sf-roof .ccard__shot .shot__chrome{align-items:flex-start}.sf-roof .ccard__shot .shot__chrome span{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;line-height:1.3}@media(max-width:700px){.sf-roof .shot__chrome{align-items:flex-start}.sf-roof .shot__chrome span{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;line-height:1.3}}.sf-roof .shot__scroll{max-height:620px;overflow:hidden;position:relative;transition:max-height .4s ease}.sf-roof .shot__scroll img{width:100%}.sf-roof .shot--open .shot__scroll{max-height:240vh;overflow-y:auto}.sf-roof .shot__fade{position:absolute;left:0;right:0;bottom:0;height:110px;background:linear-gradient(transparent,#fff);pointer-events:none}.sf-roof .shot--open .shot__fade{display:none}.sf-roof .shot__bar{display:flex;border-top:1px solid var(--ppc-neutral-200);background:var(--ppc-neutral-50)}.sf-roof .shot__toggle,.sf-roof .shot__open{flex:1;display:block;padding:14px 12px;border:0;background:transparent;color:var(--ppc-purple-600);font-family:inherit;font-size:15px;font-weight:800;cursor:pointer;text-align:center;text-decoration:none;transition:background .15s ease}.sf-roof .shot__open{border-left:1px solid var(--ppc-neutral-200)}.sf-roof .shot__toggle:hover,.sf-roof .shot__open:hover{background:var(--ppc-purple-50)}.sf-roof .ablock{margin-bottom:30px}.sf-roof .ablock__label{font-size:18px;font-weight:800;margin-bottom:14px}.sf-roof .ablock__label--hook{color:var(--ppc-purple-600)}.sf-roof .ablock__label--steal{color:var(--ppc-success-700)}.sf-roof .ablock__label--broken{color:var(--ppc-error-500)}.sf-roof .ablock__label--rw{color:var(--ppc-neutral-800)}.sf-roof .magic{background:var(--ppc-white);border:1px solid var(--ppc-neutral-200);border-radius:var(--radius-md);padding:26px 30px;max-width:780px;box-shadow:var(--shadow-xs)}.sf-roof .magic__q{font-size:21px;font-weight:700;line-height:1.42;color:var(--ppc-neutral-900);display:flex;gap:16px;align-items:flex-start;justify-content:space-between}.sf-roof .magic__why{font-size:16px;line-height:1.6;color:var(--ppc-neutral-600);margin:10px 0 0}.sf-roof .steal-list,.sf-roof .broken-list{list-style:none;margin:0;padding:0;max-width:800px}.sf-roof .steal-item,.sf-roof .broken-item{display:flex;gap:14px;align-items:flex-start}.sf-roof .steal-item+.steal-item,.sf-roof .broken-item+.broken-item{margin-top:24px}.sf-roof .steal-item__ico{width:26px;height:26px;border-radius:8px;background:var(--ppc-success-50);color:var(--ppc-success-700);display:grid;place-items:center;font-weight:800;font-size:15px;flex-shrink:0;margin-top:1px}.sf-roof .broken-item__ico{width:26px;height:26px;border-radius:8px;background:var(--ppc-error-50);color:var(--ppc-error-500);display:grid;place-items:center;font-weight:800;font-size:15px;flex-shrink:0;margin-top:1px}.sf-roof .item__top{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:16.5px;font-weight:800;color:var(--ppc-neutral-900)}.sf-roof .item__quote{margin:8px 0 6px}.sf-roof .item__why{margin:0;font-size:16px;line-height:1.6;color:var(--ppc-neutral-600)}.sf-roof .qpill{display:inline-flex;align-items:center;gap:8px;background:var(--ppc-neutral-50);border:1px solid var(--ppc-neutral-200);border-radius:9px;padding:4px 9px 4px 12px;font-size:15px;font-weight:600;color:var(--ppc-neutral-800);margin:2px 0}.sf-roof .cattag{display:inline-block;white-space:nowrap;font-size:14.5px;font-weight:700;padding:2px 11px;border-radius:var(--radius-pill);background:var(--ppc-neutral-100);color:var(--ppc-neutral-500);margin-left:8px}.sf-roof .difftag{display:inline-block;white-space:nowrap;font-size:14.5px;font-weight:700;padding:2px 11px;border-radius:var(--radius-pill);background:var(--ppc-purple-50);color:var(--ppc-purple-600);margin-left:6px}.sf-roof .fixfirst{display:inline-block;white-space:nowrap;font-size:14.5px;font-weight:800;background:var(--ppc-error-50);color:var(--ppc-error-500);padding:2px 11px;border-radius:var(--radius-pill);margin-left:8px}.sf-roof .copybtn{position:relative;border:0;background:var(--ppc-purple-100);color:var(--ppc-purple-600);font-family:inherit;font-size:14.5px;font-weight:800;padding:3px 11px;border-radius:var(--radius-pill);cursor:pointer;flex-shrink:0;transition:all .15s ease}.sf-roof .copybtn:after{content:"";position:absolute;inset:-10px}.sf-roof .copybtn:hover{background:var(--ppc-purple-500);color:#fff}.sf-roof .copybtn.is-copied{background:var(--ppc-success-700);color:#fff}.sf-roof .rw{max-width:780px;border:1px solid var(--ppc-neutral-200);border-radius:var(--radius-md);overflow:hidden;background:var(--ppc-white);box-shadow:var(--shadow-xs)}.sf-roof .rw__tag{font-size:14.5px;font-weight:800;padding:14px 22px 0;color:var(--ppc-neutral-400);background:var(--ppc-neutral-25)}.sf-roof .rw__tag--better{color:var(--ppc-success-700);background:var(--ppc-success-50);padding-top:14px}.sf-roof .rw__weak{padding:4px 22px 6px;font-size:15.5px;color:var(--ppc-neutral-500);background:var(--ppc-neutral-25)}.sf-roof .rw__weak s{color:var(--ppc-neutral-400)}.sf-roof .rw__why{padding:0 22px 14px;font-size:14.5px;color:var(--ppc-error-500);font-weight:600;background:var(--ppc-neutral-25);border-bottom:1px solid var(--ppc-neutral-200)}.sf-roof .rw__better{padding:6px 22px 17px;font-size:17px;font-weight:700;color:var(--ppc-neutral-900);display:flex;gap:16px;align-items:flex-start;justify-content:space-between;background:var(--ppc-success-50)}.sf-roof .drawer{max-width:820px;border:1px solid var(--ppc-neutral-200);border-radius:var(--radius-md);overflow:hidden;margin-top:6px;background:var(--ppc-white);box-shadow:var(--shadow-xs)}.sf-roof .drawer__btn{display:flex;justify-content:space-between;align-items:center;width:100%;padding:16px 24px;border:0;background:var(--ppc-neutral-50);font-family:inherit;font-size:16px;font-weight:800;color:var(--ppc-neutral-800);cursor:pointer}.sf-roof .drawer__btn:hover{background:var(--ppc-purple-50)}.sf-roof .drawer__btn i{font-style:normal;color:var(--ppc-purple-500);transition:transform .25s ease}.sf-roof .drawer.is-open .drawer__btn i{transform:rotate(180deg)}.sf-roof .drawer__body{display:none;padding:26px 26px 30px;border-top:1px solid var(--ppc-neutral-200)}.sf-roof .drawer.is-open .drawer__body{display:block}.sf-roof .drawer__h{font-size:15.5px;font-weight:800;color:var(--ppc-neutral-500);margin:24px 0 12px}.sf-roof .drawer__h:first-child{margin-top:0}.sf-roof .drawer__quotes{display:flex;flex-wrap:wrap;gap:9px}.sf-roof .obj{display:flex;flex-direction:column;gap:10px}.sf-roof .obj__row{display:flex;gap:12px;align-items:flex-start;font-size:15.5px;line-height:1.55;color:var(--ppc-neutral-600)}.sf-roof .obj__row strong{color:var(--ppc-neutral-800)}.sf-roof .obj__mark{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;font-weight:800;font-size:14.5px;flex-shrink:0}.sf-roof .obj__mark--y{background:var(--ppc-success-50);color:var(--ppc-success-700)}.sf-roof .obj__mark--p{background:var(--ppc-warning-50);color:var(--ppc-warning-700)}.sf-roof .obj__mark--n{background:var(--ppc-error-50);color:var(--ppc-error-500)}.sf-roof .drawer__tests{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}.sf-roof .drawer__tests li{font-size:15.5px;line-height:1.55;color:var(--ppc-neutral-600);padding-left:22px;position:relative}.sf-roof .drawer__tests li:before{content:"→";position:absolute;left:0;color:var(--ppc-purple-500);font-weight:800}.sf-roof .drawer__aud{font-size:15.5px;line-height:1.6;color:var(--ppc-neutral-600);margin:0}.sf-roof .drawer__aud strong{color:var(--ppc-neutral-800)}.sf-roof .cmp-scroll{position:relative;overflow-x:auto;border:1px solid var(--ppc-neutral-200);border-radius:var(--radius-lg);background:var(--ppc-white);box-shadow:var(--shadow-xs)}@media(max-width:917px){.sf-roof .cmp-scroll:after{content:"";position:absolute;right:0;top:0;bottom:0;width:48px;background:linear-gradient(90deg,rgba(255,255,255,0),var(--ppc-white));pointer-events:none}}.sf-roof .cmp td:first-child{position:sticky;left:0;background:var(--ppc-white);z-index:1}.sf-roof .cmp thead th:first-child{position:sticky;left:0;background:var(--ppc-neutral-25);z-index:2}.sf-roof table.cmp{border-collapse:collapse;width:100%;min-width:860px;font-size:15px}.sf-roof .cmp thead th{background:var(--ppc-neutral-25)}.sf-roof .cmp th{text-align:left;font-size:15px;font-weight:700;color:var(--ppc-neutral-500);padding:15px 20px;border-bottom:1px solid var(--ppc-neutral-200);white-space:nowrap}.sf-roof .cmp th:nth-child(3),.sf-roof .cmp td:nth-child(3){text-align:center}.sf-roof .cmp .num{font-weight:700;color:var(--ppc-neutral-900)}.sf-roof .cmp__rank{display:inline-block;font-size:13.5px;font-weight:800;color:var(--ppc-purple-600);background:var(--ppc-purple-50);border:1px solid var(--ppc-purple-100);border-radius:var(--radius-pill);padding:1px 8px;margin-right:8px;vertical-align:1px}.sf-roof .cmp__pill{display:inline-block;font-size:14px;font-weight:800;padding:2px 11px;border-radius:var(--radius-pill)}.sf-roof .cmp__pill--yes{background:var(--ppc-success-50);color:var(--ppc-success-700)}.sf-roof .cmp__pill--no{background:var(--ppc-neutral-100);color:var(--ppc-neutral-600)}.sf-roof .cmp__pill--warn{background:var(--ppc-warning-50);color:var(--ppc-warning-700)}.sf-roof .cmp td{padding:14px 20px;border-bottom:1px solid var(--ppc-neutral-100);color:var(--ppc-neutral-700);vertical-align:top}.sf-roof .cmp tr:last-child td{border-bottom:0}.sf-roof .cmp td:first-child{font-weight:800;color:var(--ppc-neutral-900);white-space:nowrap}.sf-roof .cmp .yes{color:var(--ppc-success-700);font-weight:800}.sf-roof .cmp .no{color:var(--ppc-error-500);font-weight:800}.sf-roof .cmp .num{font-variant-numeric:tabular-nums}.sf-roof .compare__note{max-width:74ch;font-size:16px;line-height:1.65;color:var(--ppc-neutral-700);margin:28px 0 0}.sf-roof .compare__note strong{color:var(--ppc-neutral-900)}.sf-roof .cbank__group{margin-bottom:40px;max-width:860px;margin-left:auto;margin-right:auto}.sf-roof .cbank__gh{font-size:17px;font-weight:700;color:var(--ppc-neutral-500);margin-bottom:14px}.sf-roof .cb-line{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:14px 20px 14px 52px;border:1px solid var(--ppc-neutral-200);border-radius:var(--radius-md);margin-bottom:10px;background:var(--ppc-white);box-shadow:var(--shadow-xs);overflow:hidden}.sf-roof .cb-line:before{content:"“";position:absolute;left:12px;top:2px;font-size:52px;font-weight:800;line-height:1;color:var(--ppc-purple-100);pointer-events:none}.sf-roof .cb-line__q{font-size:16px;font-weight:600;color:var(--ppc-neutral-900);line-height:1.5}.sf-roof .cb-line__src{display:block;font-size:14.5px;font-weight:600;color:var(--ppc-neutral-400);margin-top:3px}.sf-roof .cb-rw{border:1px solid var(--ppc-neutral-200);border-radius:var(--radius-md);margin-bottom:12px;overflow:hidden;background:var(--ppc-white);box-shadow:var(--shadow-xs)}.sf-roof .cb-rw__row{display:flex}.sf-roof .cb-rw__weak{flex:1;padding:12px 18px 14px;font-size:15px;color:var(--ppc-neutral-500);background:var(--ppc-neutral-25);border-right:1px solid var(--ppc-neutral-200)}.sf-roof .cb-rw__label{display:block;font-size:14.5px;font-weight:800;margin-bottom:4px;color:var(--ppc-neutral-400)}.sf-roof .cb-rw__better .cb-rw__label{color:var(--ppc-success-700)}.sf-roof .cb-rw__weak s{color:var(--ppc-neutral-400)}.sf-roof .cb-rw__better{flex:1.2;display:block;padding:12px 18px 14px;font-size:15.5px;font-weight:700;color:var(--ppc-neutral-900);background:var(--ppc-success-50)}.sf-roof .cb-rw__better .copybtn{margin-left:8px;vertical-align:2px}.sf-roof .cb-rw__src{font-size:14.5px;font-weight:600;color:var(--ppc-neutral-400);padding:7px 18px;border-top:1px solid var(--ppc-neutral-100)}.sf-roof .mat{background:linear-gradient(180deg,#e5e5f9,#fff);border-radius:24px;padding:44px 10px 10px;max-width:960px;margin:0 auto}.sf-roof .mat__card{position:relative;background:#fff;border:1px solid #F2EDFF;border-radius:16px;padding:0 44px 42px}.sf-roof .mat__card>.halo{position:absolute;top:-25px;left:50%;transform:translate(-50%);font-size:19px}.sf-roof .mat__head{text-align:center;max-width:580px;margin:0 auto;padding:52px 0 36px}.sf-roof .mat__label{font-size:16px;font-weight:700;color:var(--ppc-purple-500);margin-bottom:10px}.sf-roof .mat__title{font-size:clamp(28px,3.4vw,40px);font-weight:600;letter-spacing:-.035em;line-height:1.05;color:var(--ppc-black);margin:0 0 14px;text-wrap:balance}.sf-roof .mat__title span{color:var(--ppc-purple-500)}.sf-roof .mat__descr{font-size:16px;line-height:1.5;color:var(--ppc-neutral-800);margin:0}.sf-roof .quad{display:grid;grid-template-columns:1fr 1fr}.sf-roof .quad__cell{padding:30px 36px 32px;text-align:left;border-bottom:1px dashed #C9C9E8}.sf-roof .quad__cell:nth-child(odd){border-right:1px dashed #C9C9E8}.sf-roof .quad__cell:nth-last-child(-n+2){border-bottom:0}.sf-roof .quad__n{font-variant-numeric:tabular-nums;font-weight:800;font-size:46px;line-height:1.05;color:var(--ppc-purple-500)}.sf-roof .quad__n small{font-size:22px;font-weight:700;color:var(--ppc-neutral-400)}.sf-roof .quad__t{font-size:19px;font-weight:600;letter-spacing:-.02em;color:#0f0f11;margin:8px 0 6px}.sf-roof .quad__d{font-size:15.5px;line-height:1.5;color:var(--ppc-neutral-700);margin:0;max-width:38ch}.sf-roof .quad__d strong{color:var(--ppc-neutral-900)}.sf-roof .wild-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.sf-roof .wild-card{border:1px solid var(--ppc-neutral-200);border-radius:var(--radius-lg);overflow:hidden;background:var(--ppc-white);box-shadow:var(--shadow-xs);transition:box-shadow .2s ease}.sf-roof .wild-card:hover{box-shadow:var(--shadow-md)}.sf-roof .wild-card__shot{overflow:hidden;border-bottom:1px solid var(--ppc-neutral-200)}.sf-roof .wild-card__shot .wild-card__img{height:240px;overflow:hidden}.sf-roof .wild-card__shot .wild-card__img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}.sf-roof .wild-card__body{padding:22px 26px 26px}.sf-roof .wildtag{display:inline-block;font-size:15px;font-weight:800;padding:3px 12px;border-radius:var(--radius-pill);background:var(--ppc-purple-50);color:var(--ppc-purple-600);margin-bottom:10px}.sf-roof .wild-card__name{font-size:19px;font-weight:800;color:var(--ppc-neutral-900);margin-bottom:6px}.sf-roof .wild-card__name a{color:inherit;text-decoration:none}.sf-roof .wild-card__name a:hover{color:var(--ppc-purple-600)}.sf-roof .wild-card__why{font-size:15.5px;line-height:1.62;color:var(--ppc-neutral-600);margin:0}.sf-roof .wild-card__why strong{color:var(--ppc-neutral-900)}.sf-roof .mk-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.sf-roof .mk-card{background:#161619;border:1px solid rgba(255,255,255,.07);border-radius:24px;overflow:hidden;padding:12px 12px 28px;transition:transform .3s ease;display:flex;flex-direction:column;position:relative}.sf-roof .mk-card:hover{transform:rotate(-1.2deg)}.sf-roof .mk-card__shot{height:200px;overflow:hidden;border-radius:14px;position:relative}.sf-roof .mk-card__shot img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}.sf-roof .mk-card__num{position:absolute;top:26px;left:26px;width:38px;height:38px;border-radius:50%;background:#40404f;color:#f7f7ff;display:grid;place-items:center;font-weight:700;font-size:15px;font-variant-numeric:tabular-nums;margin:0;z-index:2}.sf-roof .mk-card__body{padding:16px 18px 0;display:flex;flex-direction:column;flex:1}.sf-roof .mk-card__name{font-size:19px;font-weight:700;letter-spacing:-.02em;color:#fff;margin-bottom:8px}.sf-roof .mk-card__what{font-size:15.5px;line-height:1.6;color:#c5c5e2;margin:0 0 14px;flex:1}.sf-roof .mk-card__fix{font-size:15px;line-height:1.55;color:#e5e5f9;padding-top:14px;border-top:1px dashed rgba(229,229,249,.18);margin:0}.sf-roof .mk-card__fix strong{color:var(--ppc-purple-300)}.sf-roof .mk-note{margin:30px auto 0;font-size:14.5px;color:#ffffff73;max-width:700px;text-align:center}.sf-roof .take-list{list-style:none;margin:0 auto;padding:0;display:flex;flex-direction:column;gap:22px;max-width:760px}.sf-roof .take{display:flex;gap:18px;align-items:flex-start}.sf-roof .take__n{width:34px;height:34px;box-sizing:content-box;border-radius:50%;background:#e6ddff;border:5px solid #F2EDFF;color:var(--ppc-purple-600);display:grid;place-items:center;font-weight:700;font-size:16px;flex-shrink:0;font-variant-numeric:tabular-nums}.sf-roof .take p{margin:0;font-size:17px;line-height:1.6;color:var(--ppc-neutral-700)}.sf-roof .take p strong{color:var(--ppc-neutral-900)}.sf-roof .take-cta{margin-top:56px}.sf-roof .foot{background:var(--ppc-black);color:#ffffff8c;padding:64px 0 60px}.sf-roof .xsell{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:34px}.sf-roof .xsell a{display:block;padding:20px 24px;border-radius:var(--radius-md);background:#ffffff0d;border:1px solid rgba(255,255,255,.12);color:#fff;text-decoration:none;font-size:16px;font-weight:700;transition:all .25s ease}.sf-roof .xsell a:hover{border-color:var(--ppc-purple-400);background:#8057ff1f;transform:rotate(-1.2deg)}.sf-roof .xsell a span{display:block;font-size:14.5px;font-weight:600;color:#ffffff80;margin-top:3px}.sf-roof .share{display:flex;gap:10px;margin-bottom:34px}.sf-roof .share button{border:1px solid rgba(255,255,255,.16);background:transparent;color:#fffc;font-family:inherit;font-size:15px;font-weight:700;padding:9px 18px;border-radius:var(--radius-pill);cursor:pointer;transition:all .15s ease}.sf-roof .share button:hover{border-color:#fff6;color:#fff}.sf-roof .foot__grid{display:flex;justify-content:space-between;align-items:center;gap:48px}.sf-roof .foot__fan{position:relative;width:320px;height:200px;flex-shrink:0}.sf-roof .foot__fan img{position:absolute;width:116px;border-radius:8px;border:1px solid rgba(255,255,255,.16);box-shadow:0 12px 30px #00000080}.sf-roof .foot__fan img:nth-child(1){left:8px;top:22px;transform:rotate(-6deg)}.sf-roof .foot__fan img:nth-child(2){left:104px;top:6px;transform:rotate(1deg);z-index:2}.sf-roof .foot__fan img:nth-child(3){left:200px;top:24px;transform:rotate(7deg)}.sf-roof .foot__brand{font-weight:800;font-size:18px;color:#fff;margin-bottom:10px}.sf-roof .foot__brand em{font-style:normal;color:var(--ppc-purple-400)}.sf-roof .foot-method{font-size:15px;line-height:1.7;color:#ffffff8c;max-width:620px;margin:0}.sf-roof .foot-method strong{color:#ffffffd9}.sf-roof .foot-method a{color:var(--ppc-purple-300);text-decoration:none;font-weight:700}.sf-roof .bp-frame{max-width:940px;margin:0 auto;background:var(--ppc-white);border:1px solid var(--ppc-neutral-200);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.sf-roof .bp-row{display:grid;grid-template-columns:300px 1fr}.sf-roof .bp-row+.bp-row{border-top:1px dashed #C9C9E8}.sf-roof .bp-wire{position:relative;background:#f9f6ff;border-right:1px dashed #C9C9E8;padding:30px 26px;display:flex;flex-direction:column;gap:9px;justify-content:center}.sf-roof .bp-wire .halo{position:absolute;top:12px;left:12px;width:30px;height:30px;border-width:4px;font-size:14.5px}.sf-roof .wbar{height:10px;border-radius:5px;background:#dcd4f5}.sf-roof .wbar--strong{background:#c5b8ee;height:12px}.sf-roof .wbtn{height:30px;border-radius:8px;background:var(--ppc-purple-500)}.sf-roof .wbtn--ghost{background:#fff;border:2px solid var(--ppc-purple-300)}.sf-roof .wrow{display:flex;gap:8px;align-items:center}.sf-roof .wstars{font-size:15px;letter-spacing:2px;color:#e8a33d;line-height:1}.sf-roof .winput{height:26px;background:#fff;border:1.5px solid #DCD4F5;border-radius:7px}.sf-roof .wpill{height:16px;border-radius:8px;background:#efeafb}.sf-roof .wlogo{width:34px;height:34px;border-radius:9px;background:#efeafb;border:1px solid #E3DBF8;flex-shrink:0}.sf-roof .bp-note{padding:24px 30px 26px;min-width:0}.sf-roof .bp-note__t{font-size:17px;font-weight:800;color:var(--ppc-neutral-900);display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sf-roof .bp-note__src{font-size:14.5px;font-weight:700;color:var(--ppc-purple-600);background:var(--ppc-purple-50);border:1px solid var(--ppc-purple-100);padding:2px 10px;border-radius:var(--radius-pill);white-space:nowrap}.sf-roof .bp-note__quote{margin:10px 0 8px}.sf-roof .bp-note__why{margin:0;font-size:15px;line-height:1.55;color:var(--ppc-neutral-600)}.sf-roof .bp-note__why strong{color:var(--ppc-neutral-900)}.sf-roof .check{max-width:780px;margin:0 auto}.sf-roof .check-score{display:flex;justify-content:space-between;align-items:baseline;font-size:15.5px;font-weight:600;color:var(--ppc-neutral-600)}.sf-roof .check-score b{font-size:24px;font-weight:800;color:var(--ppc-purple-600);font-variant-numeric:tabular-nums}.sf-roof .check-bar{position:relative;height:12px;border-radius:6px;background:#e9e3ff;border:1px solid #DCD4F5;overflow:hidden;margin:8px 0 26px}.sf-roof .check-bar i{position:absolute;top:0;bottom:0;left:0;width:0%;background:linear-gradient(90deg,var(--ppc-purple-400),var(--ppc-purple-600));border-radius:6px;transition:width .35s cubic-bezier(.22,.61,.36,1)}.sf-roof .check-item{display:flex;gap:14px;align-items:flex-start;background:var(--ppc-white);border:1px solid var(--ppc-neutral-200);border-radius:var(--radius-md);padding:15px 20px;cursor:pointer;box-shadow:var(--shadow-xs);transition:box-shadow .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sf-roof .check-item:hover{box-shadow:var(--shadow-md)}.sf-roof .check-item+.check-item{margin-top:10px}.sf-roof .check-item__box{width:26px;height:26px;border-radius:8px;border:2px solid var(--ppc-neutral-300);background:#fff;flex-shrink:0;display:grid;place-items:center;color:#fff;font-weight:800;font-size:15px;transition:all .15s ease;margin-top:1px}.sf-roof .check-item.is-on .check-item__box{background:var(--ppc-success-500);border-color:var(--ppc-success-500)}.sf-roof .check-item__t{font-size:16px;font-weight:700;color:var(--ppc-neutral-900)}.sf-roof .check-item.is-on{background:var(--ppc-success-50);border-color:#b7e4ce}.sf-roof .check-item.is-on .check-item__t{color:var(--ppc-black)}.sf-roof .check-item.is-on .check-item__ev{color:var(--ppc-neutral-500)}.sf-roof .check-item__ev{display:inline-block;margin-left:8px;font-size:14.5px;font-weight:700;color:var(--ppc-neutral-500);background:var(--ppc-neutral-50);border:1px solid var(--ppc-neutral-200);padding:1px 9px;border-radius:var(--radius-pill);white-space:nowrap;vertical-align:1px}.sf-roof .check-verdict{margin-top:20px;font-size:16px;font-weight:700;color:var(--ppc-neutral-700);text-align:center;min-height:26px}.sf-roof .router{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;max-width:920px;margin:44px auto 0}.sf-roof .router a{display:block;background:var(--ppc-white);border:1px solid #E0D6FD;border-radius:var(--radius-lg);padding:20px 22px;text-decoration:none;box-shadow:var(--shadow-xs);transition:all .25s ease}.sf-roof .router a:hover{box-shadow:var(--shadow-md);transform:rotate(-1.2deg)}.sf-roof .router .itile{width:46px;height:46px;margin-bottom:12px;background:#f2edff;border-color:#e3dbf8;color:var(--ppc-purple-600)}.sf-roof .router .itile svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sf-roof .router__t{font-size:16.5px;font-weight:800;color:var(--ppc-neutral-900)}.sf-roof .router__d{font-size:14.5px;font-weight:600;color:var(--ppc-neutral-500);margin-top:3px}.sf-roof .cbfilters{display:flex;gap:9px;flex-wrap:wrap;justify-content:center;margin:-14px auto 36px;max-width:860px}.sf-roof .cbfilter{border:1px solid var(--ppc-neutral-200);background:var(--ppc-white);color:var(--ppc-neutral-600);font-family:inherit;font-size:14.5px;font-weight:700;padding:8px 18px;border-radius:var(--radius-pill);cursor:pointer;transition:all .15s ease}.sf-roof .cbfilter:hover{border-color:var(--ppc-purple-300);color:var(--ppc-purple-600)}.sf-roof .cbfilter.is-on{background:var(--ppc-purple-500);border-color:var(--ppc-purple-500);color:#fff}.sf-roof .cbank__gh{display:flex;align-items:center;justify-content:space-between;gap:12px}.sf-roof .cbank__copyall{border:0;background:var(--ppc-purple-100);color:var(--ppc-purple-600);font-family:inherit;font-size:14.5px;font-weight:800;padding:4px 14px;border-radius:var(--radius-pill);cursor:pointer;transition:all .15s ease}.sf-roof .cbank__copyall:hover{background:var(--ppc-purple-500);color:#fff}.sf-roof .prov{display:flex;gap:8px;align-items:baseline;padding:12px 18px;border:1px dashed var(--ppc-neutral-200);border-radius:var(--radius-md);background:var(--ppc-white);font-size:14.5px;font-weight:600;color:var(--ppc-neutral-500);line-height:1.5}.sf-roof .prov b{color:var(--ppc-neutral-700);font-weight:700}.sf-roof .copybtn--big{font-size:15px;padding:10px 22px}.sf-roof .btn-solid{border:0;background:var(--ppc-purple-500);color:#fff;font-family:inherit;font-size:15.5px;font-weight:700;padding:12px 26px;border-radius:10px;cursor:pointer;transition:all .18s ease;box-shadow:var(--shadow-xs)}.sf-roof .btn-solid:hover{background:var(--ppc-purple-600);box-shadow:var(--shadow-md)}.sf-roof .btn-solid.is-copied{background:var(--ppc-success-700)}.sf-roof .jumpbar{display:none}@media(max-width:1319px){.sf-roof .jumpbar{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;position:sticky;top:0;z-index:900;padding:10px 16px;background:#ffffffeb;backdrop-filter:blur(12px);border-bottom:1px solid var(--ppc-neutral-100)}.sf-roof .jumpbar::-webkit-scrollbar{display:none}.sf-roof .jumpbar a{flex-shrink:0;padding:7px 16px;border-radius:var(--radius-pill);border:1px solid var(--ppc-neutral-200);background:var(--ppc-white);font-size:14.5px;font-weight:700;color:var(--ppc-neutral-600);text-decoration:none;white-space:nowrap}.sf-roof .jumpbar a:active{background:var(--ppc-purple-50);color:var(--ppc-purple-600)}}.sf-roof .shead__chapter{font-size:clamp(46px,6vw,72px);font-weight:800;letter-spacing:-.04em;line-height:1;color:var(--ppc-purple-500);margin-bottom:10px}.sf-roof .shead--chapter .shead__title{font-size:clamp(24px,2.6vw,30px);font-weight:600;color:var(--ppc-neutral-500);letter-spacing:-.02em;margin-bottom:18px}.sf-roof .shead--chapter .shead__title span{color:var(--ppc-neutral-700)}.sf-roof .shead--chapter .shead__descr{max-width:620px}.sf-roof .jumpto{margin-top:30px}.sf-roof .jumpto__l{display:block;font-size:15px;font-weight:700;color:var(--ppc-neutral-400);margin-bottom:12px}.sf-roof .jumpto__row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.sf-roof .jumpto__row a{display:inline-block;padding:9px 18px;border-radius:var(--radius-pill);border:1px solid var(--ppc-neutral-200);background:var(--ppc-white);font-size:15px;font-weight:700;color:var(--ppc-neutral-700);text-decoration:none;box-shadow:var(--shadow-xs);transition:all .18s ease}.sf-roof .jumpto__row a:hover{border-color:var(--ppc-purple-300);color:var(--ppc-purple-600);transform:translateY(-2px);box-shadow:var(--shadow-md)}.sf-roof .cmp td:first-child a{color:inherit;text-decoration:none}.sf-roof .cmp td:first-child a:hover{color:var(--ppc-purple-600)}.sf-roof .cgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;align-items:start;max-width:960px;margin:0 auto 8px}.sf-roof .ccard{position:relative;display:flex;flex-direction:column;min-width:0;background:var(--ppc-white);border:1px solid #E0D6FD;border-radius:var(--radius-lg);padding:10px 10px 16px;box-shadow:var(--shadow-xs);transition:transform .35s cubic-bezier(.22,.61,.36,1),box-shadow .3s ease}.sf-roof .cgrid .ccard:nth-child(1){transform:rotate(-1.4deg)}.sf-roof .cgrid .ccard:nth-child(2){transform:rotate(.9deg) translateY(10px)}.sf-roof .cgrid .ccard:nth-child(3){transform:rotate(-.7deg)}.sf-roof .cgrid .ccard:hover{transform:rotate(0) translateY(-4px);box-shadow:var(--shadow-md);z-index:2}.sf-roof .ccard__chip{display:inline-block;align-self:flex-start;font-size:14.5px;font-weight:700;padding:3px 12px;border-radius:var(--radius-pill);background:var(--ppc-purple-50);color:var(--ppc-purple-600);margin:2px 0 10px 4px}.sf-roof .ccard__shot{border:1px solid var(--ppc-neutral-200);border-radius:12px;overflow:hidden}.sf-roof .ccard__shot{background:var(--ppc-neutral-50)}.sf-roof .ccard__shot img{width:100%;aspect-ratio:640 / 520;-o-object-fit:contain;object-fit:contain;-o-object-position:top center;object-position:top center;display:block}.sf-roof .ccard__d{font-size:14.5px;font-weight:600;color:var(--ppc-neutral-500);margin:12px 4px 0}.sf-roof .cgrid{align-items:start}.sf-roof .concepts-cta{margin-top:48px}.sf-roof .tray{position:fixed;right:22px;bottom:22px;z-index:950;background:var(--ppc-black);color:#fff;border-radius:var(--radius-pill);padding:10px 18px;font-size:14.5px;font-weight:800;box-shadow:var(--shadow-lg);opacity:0;transform:translateY(8px);transition:all .25s ease;pointer-events:none}.sf-roof .tray.is-live{opacity:1;transform:none}.sf-roof .tray b{color:var(--ppc-purple-300);font-variant-numeric:tabular-nums}.sf-roof [data-fade]{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s cubic-bezier(.22,.61,.36,1);transition-delay:var(--d, 0ms)}.sf-roof [data-fade].in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.sf-roof [data-fade]{opacity:1;transform:none;transition:none}}.sf-roof .fan img{transition:transform .35s cubic-bezier(.22,.61,.36,1)}.sf-roof .fan:hover img:nth-child(3){transform:rotate(1deg) translateY(-10px)}.sf-roof .fan:hover img:nth-child(2){transform:rotate(-3deg) translateY(-5px)}.sf-roof .fan:hover img:nth-child(4){transform:rotate(5deg) translateY(-5px)}.sf-roof .cb-line{transition:box-shadow .2s ease}.sf-roof .cb-line:hover{box-shadow:var(--shadow-md)}.sf-roof .cmp tbody tr{transition:background .15s ease}.sf-roof .cmp tbody tr:hover td{background:#fbfaff}.sf-roof .jstat{transition:transform .3s ease,box-shadow .3s ease}.sf-roof .jstat:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.sf-roof .magic,.sf-roof .rw{transition:box-shadow .2s ease}.sf-roof .magic:hover,.sf-roof .rw:hover{box-shadow:var(--shadow-md)}.sf-roof article.winner:nth-of-type(2n) .fchip{background:var(--ppc-white)}@media(max-width:1080px){.sf-roof .wgrid{grid-template-columns:1fr}.sf-roof .wstick{position:static}}@media(max-width:560px){.sf-roof .fan img:nth-child(5){display:none}.sf-roof .fan{overflow:hidden}}@media(max-width:900px){.sf-roof .foot__fan{display:none}.sf-roof .cgrid{grid-template-columns:1fr}.sf-roof .cgrid .ccard,.sf-roof .cgrid .ccard:nth-child(1),.sf-roof .cgrid .ccard:nth-child(2),.sf-roof .cgrid .ccard:nth-child(3){transform:none}.sf-roof .bp-row{grid-template-columns:1fr}.sf-roof .bp-wire{border-right:0;border-bottom:1px dashed #C9C9E8}.sf-roof .router{grid-template-columns:repeat(2,1fr)}.sf-roof .hero .wrap{grid-template-columns:1fr}.sf-roof .fan{height:300px;transform:scale(.8);transform-origin:left top}.sf-roof .journey{grid-template-columns:1fr;gap:40px}.sf-roof .quad{grid-template-columns:1fr}.sf-roof .quad__cell:nth-child(odd){border-right:0}.sf-roof .quad__cell{border-bottom:1px dashed #C9C9E8}.sf-roof .quad__cell:last-child{border-bottom:0}.sf-roof .mat__card{padding:0 20px 34px}.sf-roof .wild-grid,.sf-roof .mk-grid{grid-template-columns:1fr}.sf-roof .whead__visit{margin-left:0}.sf-roof .cb-rw__row{flex-direction:column}.sf-roof .cb-rw__weak{border-right:0;border-bottom:1px solid var(--ppc-neutral-200)}}.sf-roof .loz-list{display:flex;flex-direction:column;gap:30px;max-width:940px;margin:0 auto}.sf-roof .loz{border:1px solid var(--ppc-neutral-200);border-radius:var(--radius-lg);background:var(--ppc-white);box-shadow:var(--shadow-xs);overflow:hidden}.sf-roof .loz__head{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;padding:20px 26px;border-bottom:1px solid var(--ppc-neutral-100);background:var(--ppc-neutral-25)}.sf-roof .loz__rank{font-size:15px;font-weight:800;color:var(--ppc-error-500);background:var(--ppc-error-50);border-radius:var(--radius-pill);padding:3px 12px;font-variant-numeric:tabular-nums}.sf-roof .loz__domain{font-size:22px;font-weight:700;letter-spacing:-.02em;color:var(--ppc-black);text-decoration:none}.sf-roof .loz__domain:after{content:"↗";display:inline-block;margin-left:8px;font-size:.6em;color:var(--ppc-purple-500);transition:transform .22s ease}.sf-roof .loz__domain:hover{color:var(--ppc-purple-600)}.sf-roof .loz__domain:hover:after{transform:translate(2px) translateY(-2px)}.sf-roof .loz__tag{font-size:14.5px;font-weight:700;color:var(--ppc-error-500);background:var(--ppc-error-50);border:1px solid var(--ppc-error-400);border-radius:var(--radius-pill);padding:2px 12px;margin-left:auto;white-space:nowrap}.sf-roof .loz__grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:0}.sf-roof .loz__shot{border-right:1px solid var(--ppc-neutral-100);min-width:0}.sf-roof .loz__img{max-height:420px;overflow:hidden;position:relative}.sf-roof .loz__img img{width:100%}.sf-roof .loz__img:after{content:"";position:absolute;left:0;right:0;bottom:0;height:90px;background:linear-gradient(transparent,#fff);pointer-events:none}.sf-roof .loz__body{padding:24px 28px 26px;min-width:0}.sf-roof .loz__body .serp{margin-bottom:18px;max-width:none}.sf-roof .loz__why{font-size:16px;line-height:1.6;color:var(--ppc-neutral-600);margin:0 0 14px}.sf-roof .loz__why strong{color:var(--ppc-neutral-900)}.sf-roof .loz__fix{font-size:15px;line-height:1.55;color:var(--ppc-neutral-700);margin:0;padding-top:14px;border-top:1px dashed var(--ppc-neutral-200)}.sf-roof .loz__fix strong{color:var(--ppc-purple-600)}@media(max-width:900px){.sf-roof .loz__grid{grid-template-columns:1fr}.sf-roof .loz__shot{border-right:0;border-bottom:1px solid var(--ppc-neutral-100)}.sf-roof .loz__tag{margin-left:0}}.sf-roof .crumbs{border-bottom:1px solid var(--ppc-neutral-100);background:var(--ppc-white)}.sf-roof .crumbs .wrap{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-top:14px;padding-bottom:14px;font-size:14.5px;font-weight:600;color:var(--ppc-neutral-400)}.sf-roof .crumbs a{color:var(--ppc-neutral-500);text-decoration:none}.sf-roof .crumbs a:hover{color:var(--ppc-purple-600)}.sf-roof .crumbs [aria-current=page]{color:var(--ppc-neutral-800);font-weight:700}.sf-roof h2.shead__title,.sf-roof h2.mat__title,.sf-roof h3.whead__lesson{margin-top:0;font-size:inherit}.sf-roof h2.shead__title{font-size:clamp(32px,4.2vw,46px);margin:0 0 16px}.sf-roof .shead--chapter h2.shead__title{font-size:clamp(24px,2.6vw,30px);margin-bottom:18px}.sf-roof h2.mat__title{font-size:clamp(28px,3.4vw,40px);margin:0 0 14px}.sf-roof h3.whead__lesson{font-size:16px;margin:0 0 8px}.sf-roof .side{display:none}@media(min-width:1320px){.sf-roof{padding-left:292px}.sf-roof .side{display:block;position:fixed;left:24px;top:24px;z-index:900;width:244px;max-height:calc(100vh - 48px);overflow-y:auto;background:var(--ppc-white);border:1px solid var(--ppc-neutral-200);border-radius:var(--radius-lg);padding:10px;box-shadow:var(--shadow-xs);scrollbar-width:thin}}.sf-roof .side__fade{display:none}.sf-roof .side__fade.is-on{display:block;position:fixed;z-index:901;height:26px;pointer-events:none;border-radius:0 0 var(--radius-lg) var(--radius-lg);background:linear-gradient(to bottom,rgba(255,255,255,0),var(--ppc-white))}.sf-roof .side__logo{display:block;font-weight:800;font-size:17px;color:var(--ppc-black);text-decoration:none;padding:6px 14px 12px}.sf-roof .side__logo em{font-style:normal;color:var(--ppc-purple-500)}.sf-roof .side__group{font-size:15px;font-weight:700;color:var(--ppc-neutral-400);padding:12px 14px 6px}.sf-roof .side a.side__item{display:flex;align-items:center;gap:11px;padding:5px 14px;border-radius:10px;font-size:15px;font-weight:700;color:var(--ppc-neutral-600);text-decoration:none;transition:background .15s ease}.sf-roof .side a.side__item:hover{background:var(--ppc-neutral-50)}.sf-roof .side a.side__item.is-active{background:var(--ppc-purple-50);color:var(--ppc-purple-600)}.sf-roof .side a.side__item.is-done{color:var(--ppc-neutral-400)}.sf-roof .side .dot{width:8px;height:8px;border-radius:50%;background:var(--ppc-neutral-200);flex-shrink:0}.sf-roof .side .dot--purple,.sf-roof .side .dot--win,.sf-roof .side .dot--wild,.sf-roof .side .dot--miss{background:var(--ppc-neutral-300)}.sf-roof .side a.side__item.is-active .dot{background:var(--ppc-purple-500)}.sf-roof .side .tick{margin-left:auto;font-size:14.5px;font-weight:800;color:var(--ppc-success-500);opacity:0;transition:opacity .2s ease}.sf-roof .side a.is-done .tick{opacity:1}@media(max-width:700px){.sf-roof .cmp-scroll{overflow-x:visible;border:0;background:none;box-shadow:none;border-radius:0}.sf-roof table.cmp{min-width:0;display:block}.sf-roof .cmp thead{display:none}.sf-roof .cmp tbody{display:block}.sf-roof .cmp tr{display:block;background:var(--ppc-white);border:1px solid var(--ppc-neutral-200);border-radius:14px;box-shadow:var(--shadow-xs);padding:6px 18px 12px;margin-bottom:14px}.sf-roof .cmp td{display:grid;grid-template-columns:minmax(0,8.5em) minmax(0,1fr);gap:14px;align-items:baseline;position:static;padding:10px 0;border-bottom:1px solid var(--ppc-neutral-100);text-align:left}.sf-roof .cmp tr td:first-child{display:flex;align-items:center;gap:10px;padding-top:14px;font-size:17px}.sf-roof .cmp tr td:last-child{border-bottom:0}.sf-roof .cmp td:nth-child(3){text-align:left}.sf-roof .cmp td[data-label]:before{content:attr(data-label);font-size:14px;font-weight:700;color:var(--ppc-neutral-500)}}