:root{--n4-accent:#d97706;--n4-accent-dark:#b45309;--n4-accent-soft:#d977061f;--n4-row-even:#fef3c7b3}.n4Scope{width:min(1120px,100%);margin:0 auto;padding:22px 16px 44px}.n4-hero{text-align:center;padding:18px 14px 14px}.n4-kicker{letter-spacing:.14em;color:#0f172a;opacity:.78;margin:0 0 8px;font-size:12px;font-weight:900}.n4-title{color:#0f172a;letter-spacing:.02em;margin:0;font-size:clamp(30px,4vw,46px);line-height:1.15}.n4-heroIntro{color:#475569;max-width:900px;margin:14px auto 0;font-size:14px;line-height:1.9}.n4-subtitle{color:#475569;max-width:900px;margin:12px auto 0;font-size:14px;line-height:1.9}.n4-heroCtas{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:14px;display:flex}.n4-cta{color:#78350f;background:linear-gradient(#fef3c7eb 0%,#fffbebd9 100%);border:1px solid #d977064d;border-radius:9999px;justify-content:center;align-items:center;padding:10px 16px;font-weight:900;text-decoration:none;transition:transform .15s,box-shadow .15s,border-color .15s;display:inline-flex;box-shadow:0 10px 24px #d977061f}.n4-cta:hover{border-color:#d977068c;transform:translateY(-1px);box-shadow:0 14px 30px #d977062e}.n4-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.n4-card{color:inherit;background:linear-gradient(#fff 0%,#f8fafc 100%);border:1px solid #dbe3ee;border-radius:18px;padding:16px;text-decoration:none;transition:transform .15s,box-shadow .15s,border-color .15s;display:block;position:relative;overflow:hidden;box-shadow:0 2px 10px #0f172a0d}.n4-card:before{content:"";background:var(--n4-accent);opacity:.92;border-radius:18px 0 0 18px;width:6px;height:100%;position:absolute;top:0;left:0}.n4-card:hover{border-color:#d9770659;transform:translateY(-2px);box-shadow:0 14px 30px #0f172a1f}.n4-cardTitle{color:#0f172a;margin:0 0 8px;font-size:18px;font-weight:900}.n4-cardDesc{color:#334155;margin:0;font-size:14px;line-height:1.8}.n4-ctaLine{color:var(--n4-accent-dark);margin-top:12px;font-size:13px;font-weight:900}.n4-panel{background:#ffffffdb;border:1px solid #94a3b859;border-radius:18px;margin-top:18px;padding:16px;box-shadow:0 10px 26px #0f172a0f}.n4-panel h2{color:#0f172a;text-align:left;margin:0 0 10px;font-size:16px;font-weight:900}.n4-panel p,.n4-panel li{color:#334155;font-size:14px;line-height:1.85}.n4-note{color:#64748b;margin-top:10px;font-size:12px;line-height:1.75}@property --n4-glow-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes n4GlowSpin{to{--n4-glow-angle:360deg}}@keyframes n4GlowPulse{0%,to{opacity:.55;filter:blur(3px)}50%{opacity:.75;filter:blur(5px)}}.n4-card{z-index:0;overflow:visible}.n4-card:after{content:"";background:conic-gradient(from var(--n4-glow-angle),#d97706 0%,#f59e0b 20%,#ef4444 40%,#a855f7 60%,#3b82f6 80%,#d97706 100%);-webkit-mask-composite:xor;z-index:-1;opacity:.85;border-radius:20px;padding:3px;animation:3s linear infinite n4GlowSpin,2s ease-in-out infinite n4GlowPulse;position:absolute;inset:-3px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.n4Scope .guideContent{--guide-accent:#d97706;--guide-accent-soft:#d9770638;--guide-accent-dark:#b45309;--guide-rec-bg-top:#fef3c780;--guide-rec-bg-bottom:#f8fafccc}.n4-cards-sp{display:none}@media (max-width:520px){.n4-cards-pc{display:none!important}.n4-cards-sp{flex-direction:column;gap:8px;display:flex}}.n4-sp-card{border:1px solid #ffffff40;border-radius:16px;align-items:center;gap:14px;padding:14px 16px;text-decoration:none;transition:transform .18s,box-shadow .18s;animation:3s ease-in-out infinite n4SpFloat,2.5s ease-in-out infinite n4SpGlow;display:flex;transform:translateY(0);box-shadow:0 8px 24px #0f172a33,0 0 12px #d9770626,inset 0 1px #fff3}.n4-sp-card:first-child{animation-delay:0s,0s}.n4-sp-card:nth-child(2){animation-delay:.15s,.15s}.n4-sp-card:nth-child(3){animation-delay:.3s,.3s}.n4-sp-card:nth-child(4){animation-delay:.45s,.45s}.n4-sp-card:nth-child(5){animation-delay:.6s,.6s}@keyframes n4SpFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes n4SpGlow{0%,to{border-color:#ffffff40;box-shadow:0 8px 24px #0f172a33,0 0 12px #d9770626,inset 0 1px #fff3}50%{border-color:#ffffff73;box-shadow:0 8px 24px #0f172a33,0 0 22px #d9770659,inset 0 1px #ffffff4d}}.n4-sp-card:active{animation:none;transform:translateY(1px)!important}.n4-sp-card-icon{filter:drop-shadow(0 2px 4px #00000026);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.3rem;display:flex}.n4-sp-card-title{color:#f8fbff;text-shadow:0 1px 3px #00000026;flex:1;font-size:1rem;font-weight:800;line-height:1.3}.n4-sp-card-arrow{color:#ffffff80;flex-shrink:0;font-size:1.4rem;font-weight:300}@media (max-width:900px){.n4-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.n4-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.n4-cardDesc,.n4-ctaLine{display:none}.n4-howto-grid{grid-template-columns:1fr!important}.n4-howto-grid .n4-cardDesc{font-size:13px;line-height:1.8;display:block!important}.n4-howto-grid .n4-ctaLine{display:block!important}.n4-card{min-height:auto;padding:16px}}