:root{--color-deep: #0a2540;--color-ocean: #1a6fb5;--color-sea: #38b6ff;--color-foam: #e8f4fd;--color-sand: #faf6f0;--color-coral: #ff6b6b;--color-coral-soft: #fff0f0;--color-sunset: #ff9f43;--color-leaf: #2ed573;--color-text: #1a1a2e;--color-text-muted: #5a6072;--color-border: #e2e8f0;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--font-sans: "Inter", "Hiragino Sans", "Noto Sans JP", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Menlo", monospace;--max-width: 1120px;--max-width-narrow: 768px;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(10, 37, 64, .06);--shadow-md: 0 4px 16px rgba(10, 37, 64, .08);--shadow-lg: 0 8px 32px rgba(10, 37, 64, .12);--transition-fast: .15s ease;--transition-base: .25s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);color:var(--color-text);line-height:1.7;background:var(--color-sand)}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}ul,ol{list-style:none}.container{width:100%;max-width:var(--max-width);margin-inline:auto;padding-inline:var(--space-lg)}.container--narrow{max-width:var(--max-width-narrow)}.heading-xl{font-size:clamp(2rem,5vw,3.25rem);font-weight:800;line-height:1.2;letter-spacing:0}.heading-lg{font-size:clamp(1.5rem,3.5vw,2.25rem);font-weight:700;line-height:1.25;letter-spacing:0}.heading-md{font-size:clamp(1.125rem,2vw,1.5rem);font-weight:600;line-height:1.35}.text-lg{font-size:1.125rem;line-height:1.75}.text-muted{color:var(--color-text-muted)}.text-center{text-align:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:.8rem 1.75rem;font-size:1rem;font-weight:600;border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.btn--primary{background:var(--color-ocean);color:#fff;box-shadow:0 4px 14px #1a6fb54d}.btn--primary:hover{background:var(--color-sea);transform:translateY(-2px);box-shadow:0 6px 20px #38b6ff59}.btn--secondary{background:#fff;color:var(--color-ocean);border:2px solid var(--color-ocean)}.btn--secondary:hover{background:var(--color-foam);transform:translateY(-2px)}.btn--lg{padding:1rem 2.25rem;font-size:1.1rem}.section{padding-block:var(--space-4xl)}.section__header{margin-bottom:var(--space-3xl)}.section__subtitle{display:block;font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-ocean);margin-bottom:var(--space-sm)}.site-header{position:sticky;top:0;z-index:100;background:#faf6f0d9;backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border)}.site-header .container{display:flex;align-items:center;justify-content:space-between;height:64px}.site-logo{font-size:1.25rem;font-weight:800;letter-spacing:0;display:flex;align-items:center;gap:var(--space-sm)}.site-logo span{color:var(--color-ocean)}.site-nav{display:flex;align-items:center;gap:var(--space-xl)}.site-nav a{font-size:.9rem;font-weight:500;color:var(--color-text-muted);transition:color var(--transition-fast)}.site-nav a:hover{color:var(--color-ocean)}.site-footer{background:var(--color-deep);color:#ffffffb3;padding-block:var(--space-3xl)}.site-footer .container{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-xl)}.footer-brand{flex:1;min-width:240px}.footer-brand .site-logo{color:#fff;margin-bottom:var(--space-md)}.footer-brand p{font-size:.875rem;line-height:1.7;max-width:320px}.footer-links{display:flex;gap:var(--space-3xl)}.footer-links h4{color:#fff;font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-md)}.footer-links ul{display:flex;flex-direction:column;gap:var(--space-sm)}.footer-links a{font-size:.875rem;transition:color var(--transition-fast)}.footer-links a:hover{color:#fff}.footer-bottom{width:100%;text-align:center;padding-top:var(--space-xl);margin-top:var(--space-xl);border-top:1px solid rgba(255,255,255,.1);font-size:.8rem}.hero{position:relative;overflow:hidden;padding-block:var(--space-4xl);background:linear-gradient(135deg,var(--color-foam) 0%,#d4f0ff 50%,var(--color-sand) 100%)}.hero:before{content:"";position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,rgba(56,182,255,.15) 0%,transparent 70%);border-radius:50%;pointer-events:none}.hero .container{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3xl);align-items:center;position:relative}.hero__content{max-width:560px}.hero__badge{display:inline-flex;align-items:center;gap:var(--space-xs);background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-full);padding:.35rem 1rem;font-size:.8rem;font-weight:600;color:var(--color-ocean);margin-bottom:var(--space-lg);box-shadow:var(--shadow-sm)}.hero__badge:before{content:"¥";font-weight:800}.hero__title{margin-bottom:var(--space-lg)}.hero__title em{font-style:normal;background:linear-gradient(135deg,var(--color-ocean),var(--color-sea));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero__desc{font-size:1.1rem;color:var(--color-text-muted);margin-bottom:var(--space-2xl);line-height:1.8}.hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-md)}.hero__points{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-lg);color:var(--color-text-muted);font-size:.9rem;max-width:100%}.hero__points li{background:#fffc;border:1px solid var(--color-border);border-radius:var(--radius-full);padding:.35rem .85rem}.hero__visual{display:flex;justify-content:center;align-items:center}.hero__mockup{position:relative;width:100%;max-width:440px;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;border:1px solid var(--color-border)}.mockup__bar{display:flex;align-items:center;gap:var(--space-sm);padding:.75rem var(--space-lg);background:var(--color-foam);border-bottom:1px solid var(--color-border)}.mockup__dot{width:10px;height:10px;border-radius:50%}.mockup__dot:nth-child(1){background:#ff5f56}.mockup__dot:nth-child(2){background:#ffbd2e}.mockup__dot:nth-child(3){background:#27c93f}.mockup__url{flex:1;margin-left:var(--space-sm);background:#fff;border-radius:var(--radius-sm);padding:.3rem .75rem;font-size:.75rem;color:var(--color-text-muted);font-family:var(--font-mono)}.mockup__content{padding:var(--space-xl);min-height:220px;display:flex;flex-direction:column;gap:var(--space-md)}.mockup__shop{color:var(--color-ocean);font-size:.85rem;font-weight:700}.mockup__headline{font-size:1.35rem;font-weight:800;line-height:1.35;color:var(--color-deep)}.mockup__line{height:12px;border-radius:var(--radius-sm);background:var(--color-foam)}.mockup__line--short{width:40%}.mockup__line--medium{width:65%}.mockup__line--long{width:85%}.mockup__line--accent{background:linear-gradient(90deg,var(--color-ocean),var(--color-sea));opacity:.3;width:50%}.mockup__card-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);margin-top:var(--space-sm)}.mockup__language-switch{align-self:flex-start;display:inline-flex;align-items:center;gap:var(--space-sm);background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-full);padding:.35rem .75rem;color:var(--color-text-muted);font-size:.8rem;font-weight:800;box-shadow:var(--shadow-sm)}.mockup__switch{position:relative;width:42px;height:22px;border-radius:var(--radius-full);background:var(--color-foam);border:1px solid #cfe7f8}.mockup__switch:before{content:"";position:absolute;inset:2px;border-radius:inherit;background:var(--color-ocean);opacity:0;animation:switch-fill 4.2s ease-in-out infinite}.mockup__switch-knob{position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0a254040;animation:switch-knob 4.2s ease-in-out infinite}.mockup__card{position:relative;display:flex;align-items:center;justify-content:center;background:var(--color-foam);border-radius:var(--radius-sm);padding:var(--space-md);min-height:48px;color:var(--color-text-muted);font-size:.85rem;font-weight:700;overflow:hidden}.mockup__card-text{transition:opacity var(--transition-base),transform var(--transition-base)}.mockup__card-text--ja{animation:label-ja 4.2s ease-in-out infinite}.mockup__card-text--en{position:absolute;color:var(--color-ocean);animation:label-en 4.2s ease-in-out infinite}@keyframes switch-fill{0%,35%{opacity:0}50%,85%{opacity:1}to{opacity:0}}@keyframes switch-knob{0%,35%{transform:translate(0)}50%,85%{transform:translate(20px)}to{transform:translate(0)}}@keyframes label-ja{0%,35%{opacity:1;transform:translateY(0)}50%,85%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes label-en{0%,35%{opacity:0;transform:translateY(8px)}50%,85%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(8px)}}.pricing{background:#fff}.section__lead{color:var(--color-text-muted);margin-top:var(--space-sm)}.pricing__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl)}.price-card{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-2xl);background:var(--color-sand);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.price-card--featured{background:var(--color-foam);border-color:var(--color-sea);box-shadow:var(--shadow-md)}.price-card__label{align-self:flex-start;padding:.25rem .7rem;border-radius:var(--radius-full);background:#fff;color:var(--color-ocean);border:1px solid var(--color-border);font-size:.8rem;font-weight:700}.price-card__price{display:flex;align-items:baseline;gap:.15rem;color:var(--color-deep);line-height:1}.price-card__amount{font-size:clamp(1.9rem,3vw,2.5rem);font-weight:800}.price-card__unit{font-size:.95rem;font-weight:700}.price-card p:not(.price-card__label){color:var(--color-text-muted);font-size:.95rem;line-height:1.75}.features{background:var(--color-sand)}.features__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2xl)}.feature-card{position:relative;padding:var(--space-2xl);border-radius:var(--radius-md);background:#fff;border:1px solid var(--color-border);transition:all var(--transition-base)}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:transparent}.feature-card__icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);font-size:1.5rem;margin-bottom:var(--space-lg)}.feature-card__icon--simple{background:linear-gradient(135deg,#e8f4fd,#d4f0ff)}.feature-card__icon--cost{background:linear-gradient(135deg,#e8fdf0,#d0f5e0)}.feature-card__icon--local{background:linear-gradient(135deg,#fff0f0,#ffe0e0)}.feature-card h3{margin-bottom:var(--space-md)}.feature-card p{color:var(--color-text-muted);font-size:.95rem;line-height:1.75}.how-it-works{background:linear-gradient(180deg,var(--color-foam) 0%,white 100%)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2xl);position:relative}.steps:before{content:"";position:absolute;top:40px;left:16.665%;right:16.665%;height:2px;background:repeating-linear-gradient(90deg,var(--color-ocean) 0,var(--color-ocean) 8px,transparent 8px,transparent 16px)}.step{text-align:center;position:relative}.step__number{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--color-ocean);color:#fff;font-size:1.25rem;font-weight:800;border-radius:50%;margin:0 auto var(--space-lg);position:relative;z-index:1}.step h3{margin-bottom:var(--space-sm)}.step p{color:var(--color-text-muted);font-size:.95rem;line-height:1.7;max-width:280px;margin-inline:auto}.cta{background:var(--color-deep);color:#fff;text-align:center;position:relative;overflow:hidden}.cta:before{content:"";position:absolute;top:-200px;left:50%;transform:translate(-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(56,182,255,.08) 0%,transparent 70%);border-radius:50%;pointer-events:none}.cta .heading-lg{margin-bottom:var(--space-lg)}.cta p{color:#ffffffb3;font-size:1.05rem;margin-bottom:var(--space-2xl);max-width:540px;margin-inline:auto}.cta .btn--primary{background:var(--color-sea);box-shadow:0 4px 20px #38b6ff4d}.cta .btn--primary:hover{background:#fff;color:var(--color-deep)}@media(max-width:768px){.hero .container{grid-template-columns:1fr;text-align:center}.hero__content{max-width:100%}.hero__actions{justify-content:center}.hero__points{justify-content:center;margin-inline:auto}.hero__visual{order:-1}.hero__mockup{max-width:340px}.features__grid,.pricing__grid,.steps{grid-template-columns:1fr;max-width:400px;margin-inline:auto}.steps:before{display:none}.site-nav{display:none}.site-footer .container{flex-direction:column}.footer-links{flex-direction:column;gap:var(--space-xl)}}