@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700;900&display=swap");:root{--primary-color:coral;--primary-dark:#e56a40;--primary-light:#ffb299;--secondary-color:#ffa07a;--secondary-dark:#ff8c5a;--accent-color:#ff6b6b;--background-color:#fff9f5;--surface-color:#fff;--text-primary:#2c1810;--text-secondary:#5c3d2e;--text-light:#8b6f5c;--border-color:#ffe4d6;--success-color:#10b981;--warning-color:#f59e0b;--error-color:#ef4444;--shadow-sm:0 2px 4px rgba(255,127,80,.1);--shadow-md:0 4px 12px rgba(255,127,80,.15);--shadow-lg:0 8px 24px rgba(255,127,80,.2);--shadow-xl:0 16px 48px rgba(255,127,80,.25);--gradient-primary:linear-gradient(135deg,coral,#ffa07a);--gradient-warm:linear-gradient(135deg,#ffb299,#ffe4d6);--gradient-hero:linear-gradient(180deg,#fff9f5,rgba(255,183,153,.1))}*{box-sizing:border-box;padding:0;margin:0}html{scroll-behavior:smooth}body{font-family:Noto Sans JP,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:var(--background-color);color:var(--text-primary);line-height:1.6;overflow-x:hidden}.header{position:fixed;top:0;left:0;right:0;z-index:1000;background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;border-bottom:1px solid transparent}.header-scrolled{box-shadow:var(--shadow-md);border-bottom-color:var(--border-color)}.nav{align-items:center;justify-content:space-between;padding:1rem 0;height:70px}.logo,.nav{display:flex}.logo{align-items:baseline;font-weight:900;font-size:1.75rem;text-decoration:none;transition:transform .3s ease}.logo:hover{transform:translateY(-2px)}.logo-text{color:var(--primary-color);letter-spacing:-1px}.logo-subtext{color:var(--text-primary);font-weight:700;margin-left:2px}.nav-links{display:flex;gap:2.5rem;align-items:center}.nav-link{color:var(--text-secondary);text-decoration:none;font-weight:500;position:relative;transition:color .3s ease}.nav-link:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--primary-color);transition:width .3s ease}.nav-link:hover{color:var(--primary-color)}.nav-link:hover:after{width:100%}.nav-actions{display:flex;align-items:center;gap:1rem}.nav-cta{background:var(--gradient-primary);color:#fff!important;border:none;box-shadow:var(--shadow-sm);transition:all .3s ease;padding:.75rem 2rem!important;font-size:1rem;font-weight:600;border-radius:50px}.nav-cta:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.mobile-menu-toggle{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:.5rem}.hamburger{width:24px;height:2px;background:var(--text-primary);transition:all .3s ease}.main-content{padding-top:70px;min-height:100vh}.hero{background:var(--gradient-hero);padding:5rem 0;position:relative;overflow:hidden}.hero:before{top:-50%;right:-25%;width:600px;height:600px;background:radial-gradient(circle,rgba(255,127,80,.1) 0,transparent 70%);animation:float 20s ease-in-out infinite}.hero:after,.hero:before{content:"";position:absolute;border-radius:50%}.hero:after{bottom:-30%;left:-20%;width:500px;height:500px;background:radial-gradient(circle,rgba(255,160,122,.1) 0,transparent 70%);animation:float 20s ease-in-out infinite reverse}@keyframes float{0%,to{transform:translate(0)}25%{transform:translate(20px,-30px)}50%{transform:translate(-20px,20px)}75%{transform:translate(30px,10px)}}.hero-content{position:relative;z-index:1;text-align:center;max-width:800px;margin:0 auto}.hero-title{font-size:3.5rem;font-weight:900;line-height:1.2;margin-bottom:1.5rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.5rem;color:var(--text-secondary);margin-bottom:3rem;font-weight:500}.button-primary{background:var(--gradient-primary);color:#fff;padding:1rem 2.5rem;font-size:1.125rem;font-weight:600;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.button-primary:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:hsla(0,0%,100%,.3);border-radius:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s}.button-primary:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.button-primary:hover:before{width:300px;height:300px}.card-modern{background:#fff;border-radius:20px;padding:2rem;box-shadow:var(--shadow-sm);transition:all .3s ease;position:relative;overflow:hidden}.card-modern:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);transform:scaleX(0);transition:transform .3s ease;transform-origin:left}.card-modern:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.card-modern:hover:before{transform:scaleX(1)}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:2rem;gap:2rem;margin:4rem 0}.feature-card{background:#fff;border-radius:16px;padding:2.5rem;text-align:center;position:relative;overflow:hidden;transition:all .3s ease;border:1px solid var(--border-color)}.feature-icon{width:60px;height:60px;margin:0 auto 1.5rem;background:var(--gradient-warm);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;transition:all .3s ease}.feature-card:hover .feature-icon{transform:scale(1.1) rotate(5deg)}.feature-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:var(--primary-light)}.footer{background:var(--text-primary);color:#fff;padding:4rem 0 2rem;position:relative;margin-top:5rem}.footer-gradient{position:absolute;top:-100px;left:0;right:0;height:100px;background:linear-gradient(to bottom,transparent,var(--text-primary));pointer-events:none}.footer-content{position:relative;z-index:1}.footer-main{display:grid;grid-template-columns:2fr 3fr;grid-gap:4rem;gap:4rem;margin-bottom:3rem;padding-bottom:3rem;border-bottom:1px solid hsla(0,0%,100%,.1)}.footer-brand{max-width:300px}.footer-logo{font-size:2rem;margin-bottom:1rem}.footer-logo .logo-text{color:var(--primary-color);letter-spacing:-1px}.footer-logo .logo-subtext{color:#fff;font-weight:700;margin-left:2px}.footer-description{color:hsla(0,0%,100%,.7);line-height:1.8}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2rem;gap:2rem}.footer-heading{font-size:1.125rem;margin-bottom:1rem;color:var(--primary-light)}.footer-list{list-style:none}.footer-list li{margin-bottom:.75rem}.footer-link{color:hsla(0,0%,100%,.7);text-decoration:none;transition:color .3s ease}.footer-link:hover{color:var(--primary-light)}.footer-bottom{text-align:center}.footer-copyright{color:hsla(0,0%,100%,.5);font-size:.875rem}.logo-tagline{font-size:.875rem;color:var(--text-secondary);font-weight:500;line-height:1.3;border-left:2px solid var(--primary-color);padding-left:1rem}@media (max-width:768px){.logo-tagline,.nav-links{display:none}.nav-links{position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;padding:2rem;box-shadow:var(--shadow-lg);gap:1rem}.mobile-menu-toggle,.nav-links-mobile{display:flex}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.125rem}.footer-main{grid-template-columns:1fr;gap:2rem}.footer-links{gap:1.5rem}.feature-grid,.footer-links{grid-template-columns:1fr}.result-hero-title{font-size:2.5rem!important}.result-hero-buttons{flex-direction:column!important;gap:1rem!important}.result-hero-buttons button{width:100%!important;margin-right:0!important}.result-grade-header{flex-direction:column!important;align-items:center!important;text-align:center!important;gap:1.5rem!important}.result-grade-card{min-width:100px!important;margin-bottom:1rem!important}.result-url-title{font-size:1.25rem!important;margin-bottom:1rem!important}.result-score-info{flex-direction:column!important;align-items:center!important;gap:1rem!important}.result-score-number{font-size:2rem!important}.result-badges{justify-content:center!important}.result-grid{gap:1.5rem!important}.grade-explanation-grid,.result-grid,.result-improvement-grid{grid-template-columns:1fr!important}}@media (max-width:480px){.container{padding:0 .75rem}.section{padding:3rem 0}.hero-title{font-size:2rem}.result-hero-title{font-size:2rem!important}.card-modern,.result-grade-header{padding:1.5rem!important}.result-score-number{font-size:1.75rem!important}.result-grade-card{padding:1rem!important;min-width:80px!important}.grade-explanation-grid,.result-grid{grid-template-columns:1fr!important;gap:1rem!important}.result-badges{gap:.5rem!important}.result-badges>div{font-size:.75rem!important;padding:.375rem .75rem!important}.result-improvement-grid>div{padding:1.5rem!important}.result-improvement-grid h4{font-size:1.125rem!important}.grade-explanation-grid>div{padding:1.25rem!important}.result-hero-buttons button{min-height:48px!important;font-size:1rem!important}.result-url-title{word-break:break-all!important;overflow-wrap:break-word!important;-webkit-hyphens:auto!important;hyphens:auto!important}.result-badges>div{min-height:32px!important;display:flex!important;align-items:center!important}}@media (max-width:320px){.container{padding:0 .5rem}.result-hero-title{font-size:1.75rem!important}.result-score-number{font-size:1.5rem!important}.result-grade-card{min-width:70px!important;padding:.75rem!important}.result-grade-card>div:first-child{font-size:2.5rem!important}.card-modern{padding:1rem!important}}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}.section{padding:5rem 0}.text-center{text-align:center}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-12{margin-bottom:3rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.px-4{padding-left:1rem;padding-right:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-12{padding-top:3rem;padding-bottom:3rem}.fade-in{animation:fadeIn .6s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:slideUp .6s ease-out}@keyframes slideUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/55c55f0601d81cf3-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/26a46d62cd723877-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/97e0cb1ae144a2a9-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/581909926a08bbc8-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Inter_Fallback_e8ce0c;src:local("Arial");ascent-override:90.49%;descent-override:22.56%;line-gap-override:0.00%;size-adjust:107.06%}.__className_e8ce0c{font-family:__Inter_e8ce0c,__Inter_Fallback_e8ce0c;font-style:normal}