:root{--ys-bg:#edf2f8;--ys-navy:#0f234b;--ys-navy-2:#163668;--ys-blue:#0a4ea3;--ys-text:#1f2b3d;--ys-muted:#677387;--ys-card:#fff;--ys-border:rgba(15,35,75,.10);--ys-shadow:0 18px 42px rgba(15,35,75,.12);--ys-shadow-soft:0 8px 24px rgba(15,35,75,.08);--ys-gold-1:#f4d36d;--ys-gold-2:#d99f31}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:165px}body.yaagi-seo-page{margin:0;background:var(--ys-bg);color:var(--ys-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.5}body.yaagi-seo-page a{color:inherit}.yaagi-seo-shell{width:min(1180px,calc(100% - 28px));margin:18px auto 34px}
.yaagi-seo-header{position:sticky;top:12px;z-index:10020;display:grid;grid-template-columns:1fr;gap:10px;padding:15px 22px;border-radius:26px;background:rgba(255,255,255,.91);border:1px solid rgba(255,255,255,.9);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 16px 40px rgba(15,35,75,.14);margin-bottom:18px}.yaagi-seo-brand-wrap{display:flex;justify-content:center;align-items:center;min-width:0}.yaagi-seo-brand{display:inline-flex;align-items:center;justify-content:center}.yaagi-seo-brand img{display:block;width:clamp(205px,18vw,255px);height:auto}.yaagi-seo-header-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px}.yaagi-seo-guide-link{justify-self:start;display:inline-flex;align-items:center;min-height:42px;padding:0 13px;border-radius:999px;text-decoration:none;color:var(--ys-navy);font-size:13px;font-weight:850}.yaagi-seo-guide-link:hover,.yaagi-seo-guide-link:focus-visible{background:rgba(15,35,75,.06);outline:2px solid transparent}.yaagi-seo-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}.yaagi-seo-language select,.yaagi-seo-login{min-height:44px;border:1px solid rgba(15,35,75,.14);border-radius:999px;background:#fff;padding:0 14px;color:var(--ys-navy);font:inherit;font-size:13px;font-weight:900}.yaagi-seo-language select{min-width:74px;cursor:pointer}.yaagi-seo-login{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;padding-inline:20px;background:linear-gradient(180deg,var(--ys-gold-1),var(--ys-gold-2));border-color:#c38d27;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 8px 16px rgba(217,159,49,.22)}
.yaagi-seo-hero{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);grid-template-areas:"copy visual" "features features";gap:0;align-items:stretch;overflow:hidden;border-radius:34px;background:#fff;box-shadow:var(--ys-shadow);border:1px solid rgba(255,255,255,.94)}.yaagi-seo-hero-copy{grid-area:copy;align-self:center;min-width:0;padding:44px 22px 36px 44px}.yaagi-seo-eyebrow{margin:0 0 18px;color:var(--ys-navy);font-size:clamp(1rem,1.45vw,1.35rem);line-height:1.18;font-weight:950}.yaagi-seo-hero h1{margin:0;color:var(--ys-navy);font-size:clamp(2.35rem,3.85vw,4.05rem);line-height:.99;letter-spacing:-.05em;text-wrap:balance}.yaagi-seo-lead{margin:20px 0 0;color:#10244c;font-size:clamp(1rem,1.35vw,1.25rem);line-height:1.42;max-width:36rem}.yaagi-seo-cta-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.yaagi-seo-primary,.yaagi-seo-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:999px;text-decoration:none;font-weight:900;line-height:1.1;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.yaagi-seo-primary{background:linear-gradient(180deg,var(--ys-gold-1),var(--ys-gold-2));border:1px solid #c38d27;color:var(--ys-navy);box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 8px 16px rgba(217,159,49,.24)}.yaagi-seo-secondary{background:#fff;border:1px solid rgba(15,35,75,.14);color:var(--ys-navy)}.yaagi-seo-primary:hover,.yaagi-seo-secondary:hover{transform:translateY(-1px)}.yaagi-seo-primary:focus-visible,.yaagi-seo-secondary:focus-visible,.yaagi-seo-login:focus-visible,.yaagi-seo-language select:focus-visible{outline:3px solid rgba(10,78,163,.28);outline-offset:2px}.yaagi-seo-hero-visual{grid-area:visual;position:relative;min-height:520px;overflow:hidden;background:#fff}.yaagi-seo-hero-picture,.yaagi-seo-hero-picture img{display:block;width:100%;height:100%}.yaagi-seo-hero-picture img{min-height:520px;object-fit:cover;object-position:right center}
.yaagi-seo-feature-strip{grid-area:features;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;padding:22px 32px 26px;background:#fff;border-top:1px solid rgba(15,35,75,.08)}.yaagi-seo-feature{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:0 18px;min-width:0}.yaagi-seo-feature+.yaagi-seo-feature{border-left:1px solid rgba(15,35,75,.12)}.yaagi-seo-feature-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(180deg,#2083d8,#075fb8);color:#fff;font-size:.78rem;font-weight:950;box-shadow:0 10px 22px rgba(15,35,75,.15)}.yaagi-seo-feature:nth-child(2) .yaagi-seo-feature-icon{background:linear-gradient(180deg,#6fd322,#36a80f)}.yaagi-seo-feature:nth-child(3) .yaagi-seo-feature-icon{background:linear-gradient(180deg,#ff4b81,#ef255f)}.yaagi-seo-feature:nth-child(4) .yaagi-seo-feature-icon{background:linear-gradient(180deg,#ff9f1f,#f07a00)}.yaagi-seo-feature:nth-child(5) .yaagi-seo-feature-icon{background:linear-gradient(180deg,#a96dd8,#7e42b5)}.yaagi-seo-feature strong{color:var(--ys-navy);font-size:14px;line-height:1.22;font-weight:950}
.yaagi-seo-content{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px;padding:36px;border-radius:30px;background:rgba(255,255,255,.86);box-shadow:var(--ys-shadow-soft);border:1px solid rgba(255,255,255,.9)}.yaagi-seo-section{display:grid;grid-template-rows:auto 1fr;gap:12px;padding:22px;border-radius:22px;background:rgba(255,255,255,.98);border:1px solid rgba(15,35,75,.08);box-shadow:var(--ys-shadow-soft)}.yaagi-seo-section.is-highlight{background:linear-gradient(145deg,#fff 0%,#fff8df 100%)}.yaagi-seo-section-number{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#edf4ff;color:var(--ys-blue);font-size:.78rem;font-weight:950}.yaagi-seo-section:nth-child(2) .yaagi-seo-section-number{background:#eef9e9;color:#2f8d16}.yaagi-seo-section:nth-child(3) .yaagi-seo-section-number{background:#fff0f5;color:#d9275c}.yaagi-seo-section:nth-child(4) .yaagi-seo-section-number{background:#fff4e4;color:#c76b00}.yaagi-seo-section:nth-child(5) .yaagi-seo-section-number{background:#f5edfb;color:#7e42b5}.yaagi-seo-section h2{margin:0 0 8px;color:var(--ys-navy);font-size:clamp(1.3rem,2vw,1.75rem);line-height:1.08;letter-spacing:-.025em}.yaagi-seo-section p{margin:0;color:var(--ys-muted);font-size:15px;line-height:1.62}
.yaagi-seo-product{margin-top:24px;padding:36px;border-radius:30px;background:radial-gradient(circle at 0% 0%,rgba(70,112,185,.35),transparent 35%),linear-gradient(135deg,#08142d,#0f234b 52%,#1a468c 100%);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:30px;box-shadow:var(--ys-shadow)}.yaagi-seo-product .yaagi-seo-eyebrow{margin-bottom:10px;color:#f4d36d;font-size:.86rem;text-transform:uppercase;letter-spacing:.1em}.yaagi-seo-product h2{margin:0;color:#fff;font-size:clamp(2rem,3.2vw,3.15rem);line-height:1;letter-spacing:-.04em}.yaagi-seo-product p:not(.yaagi-seo-eyebrow){margin:12px 0 0;color:#e5edf9;max-width:800px}.yaagi-seo-product .yaagi-seo-primary{flex:0 0 auto;min-width:180px}
.yaagi-seo-faq{margin-top:24px;padding:36px;border-radius:30px;background:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.92);box-shadow:var(--ys-shadow-soft)}.yaagi-seo-faq>.yaagi-seo-eyebrow{margin-bottom:18px;color:var(--ys-navy);font-size:.82rem;text-transform:uppercase;letter-spacing:.1em}.yaagi-seo-faq-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.yaagi-seo-faq details{border:1px solid rgba(15,35,75,.08);border-radius:22px;padding:0 18px;background:#fff;box-shadow:var(--ys-shadow-soft)}.yaagi-seo-faq summary{padding:18px 0;cursor:pointer;font-weight:900;color:var(--ys-navy);line-height:1.28}.yaagi-seo-faq details p{margin:0;padding:0 0 18px;color:var(--ys-muted);font-size:15px}.yaagi-seo-language-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:24px}.yaagi-seo-language-links a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:40px;padding:0 12px;border-radius:999px;background:#fff;border:1px solid var(--ys-border);text-decoration:none;color:var(--ys-navy);font-size:12px;font-weight:900}.yaagi-seo-footer{display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:center;padding:28px 14px 8px;color:#68768a;font-size:.86rem}.yaagi-seo-footer a,.yaagi-seo-footer button{border:0;background:transparent;padding:0;color:inherit;text-decoration:underline;font:inherit;cursor:pointer}.yaagi-seo-cookie{position:fixed;z-index:99999;left:50%;bottom:14px;transform:translateX(-50%);width:min(820px,calc(100% - 24px));padding:16px 18px;border-radius:18px;border:1px solid rgba(15,35,75,.14);background:rgba(255,255,255,.98);box-shadow:0 14px 38px rgba(15,35,75,.18);display:flex;justify-content:space-between;align-items:center;gap:18px}.yaagi-seo-cookie p{margin:0;color:#41526a;font-size:.9rem}.yaagi-seo-cookie-actions{display:flex;gap:8px;flex:0 0 auto}.yaagi-seo-cookie button{border:1px solid rgba(15,35,75,.16);background:#fff;color:#1d3457;padding:9px 14px;border-radius:999px;font-weight:800;cursor:pointer}.yaagi-seo-cookie button.is-primary{background:#17355f;color:#fff}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:1040px){.yaagi-seo-hero{grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr)}.yaagi-seo-hero-copy{padding-left:34px}.yaagi-seo-content{grid-template-columns:repeat(2,minmax(0,1fr))}.yaagi-seo-faq-grid{grid-template-columns:1fr}}
@media(max-width:860px){.yaagi-seo-hero-picture img{object-position:right center}html{scroll-padding-top:175px}.yaagi-seo-header{padding:13px 16px}.yaagi-seo-brand img{width:clamp(175px,42vw,225px)}.yaagi-seo-header-row{grid-template-columns:1fr auto}.yaagi-seo-guide-link{display:none}.yaagi-seo-hero{grid-template-columns:1fr;grid-template-areas:"copy" "visual" "features"}.yaagi-seo-hero-copy{padding:34px 30px 22px}.yaagi-seo-hero-visual,.yaagi-seo-hero-picture img{min-height:420px}.yaagi-seo-feature-strip{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:22px}.yaagi-seo-feature:nth-child(odd){border-left:0}.yaagi-seo-product{align-items:flex-start;flex-direction:column}.yaagi-seo-product .yaagi-seo-primary{width:100%}}
@media(max-width:600px){.yaagi-seo-shell{width:min(100% - 18px,1180px);margin-top:9px}.yaagi-seo-header{top:7px;border-radius:20px;padding:12px}.yaagi-seo-brand img{width:clamp(165px,52vw,215px)}.yaagi-seo-header-row{grid-template-columns:minmax(70px,1fr) auto}.yaagi-seo-actions{width:100%;justify-content:space-between;grid-column:1/-1}.yaagi-seo-language select{min-width:70px;min-height:48px}.yaagi-seo-login{min-height:48px;padding-inline:18px}.yaagi-seo-hero{border-radius:26px}.yaagi-seo-hero-copy{padding:28px 20px 18px}.yaagi-seo-eyebrow{margin-bottom:16px;font-size:clamp(.98rem,4.4vw,1.24rem)}.yaagi-seo-hero h1{font-size:clamp(2.05rem,10vw,3.15rem);letter-spacing:-.045em}.yaagi-seo-lead{font-size:1rem;line-height:1.42}.yaagi-seo-cta-row{flex-direction:column;align-items:stretch}.yaagi-seo-cta-row>a{width:100%}.yaagi-seo-hero-visual,.yaagi-seo-hero-picture img{min-height:360px}.yaagi-seo-feature-strip{grid-template-columns:1fr;padding:18px 18px 22px;gap:16px}.yaagi-seo-feature,.yaagi-seo-feature+.yaagi-seo-feature{border-left:0;border-top:1px solid rgba(15,35,75,.1);padding:16px 0 0}.yaagi-seo-feature:first-child{border-top:0;padding-top:0}.yaagi-seo-content{grid-template-columns:1fr;padding:20px;border-radius:26px}.yaagi-seo-section{padding:20px}.yaagi-seo-product,.yaagi-seo-faq{padding:22px 20px;border-radius:26px}.yaagi-seo-product h2{font-size:clamp(1.8rem,8vw,2.5rem)}.yaagi-seo-cookie{align-items:stretch;flex-direction:column}.yaagi-seo-cookie-actions{width:100%}.yaagi-seo-cookie-actions button{flex:1}}
@media(max-width:420px){.yaagi-seo-hero-visual,.yaagi-seo-hero-picture img{min-height:300px}.yaagi-seo-hero-copy{padding:24px 16px 16px}.yaagi-seo-brand img{width:clamp(155px,55vw,205px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.yaagi-seo-primary,.yaagi-seo-secondary{transition:none}}