:root,[data-theme=light]{--bg:#efece4;--bg-raise:#f7f4ee;--ink:#1a1814;--muted:#5e584f;--line:#1a181424;--line-strong:#1a18146b;--accent:#c42710;--signal:#ff3b1f;--paper:#f6f3ec;--header:color-mix(in srgb, var(--bg) 84%, transparent);--shadow:0 24px 60px #1a181414;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--bg:#100f0c;--bg-raise:#1b1915;--ink:#f4f1ea;--muted:#b7b0a4;--line:#f4f1ea24;--line-strong:#f4f1ea75;--accent:#ff6a4d;--signal:#ff3b1f;--paper:#f4f1ea;--header:color-mix(in srgb, var(--bg) 78%, transparent);--shadow:0 24px 60px #00000059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:84px}body{background:var(--bg);color:var(--ink);margin:0;font-family:Figtree,Noto Sans JP,sans-serif;font-size:17px;line-height:1.6;transition:background-color .25s,color .25s;overflow-x:clip}#root{min-height:100dvh}a{color:inherit}button,input{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}h1,h2,h3,p,ul,ol{margin:0}ul,ol{padding:0}h1,h2,h3{letter-spacing:-.045em;text-wrap:balance;overflow-wrap:break-word;max-width:100%;font-family:Outfit,Noto Sans JP,sans-serif;font-weight:800;line-height:.96}html[lang=ja] h1,html[lang=ja] h2,html[lang=ja] h3,html[lang=ja] .serif{letter-spacing:0;font-family:Noto Sans JP,sans-serif;font-style:normal;font-weight:700;line-height:1.25}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}::selection{background:var(--signal);color:#1a100e}.skip-link{z-index:50;background:var(--signal);color:#1a100e;border-radius:999px;padding:10px 14px;font-weight:700;position:absolute;top:-80px;left:16px}.skip-link:focus{top:max(12px, env(safe-area-inset-top))}.wrap{width:min(1120px,100% - 40px);margin-inline:auto}.eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin-bottom:14px;font-size:13px;font-weight:700}html[lang=ja] .eyebrow{letter-spacing:.04em}.serif{letter-spacing:-.03em;color:var(--accent);margin-top:14px;font-family:Instrument Serif,Noto Sans JP,serif;font-style:italic;font-weight:400;line-height:1.15;display:block}.lede{color:var(--muted);text-wrap:pretty;max-width:42rem;font-size:18px}.btn{letter-spacing:-.02em;text-align:center;border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:0 18px;font-weight:700;text-decoration:none;display:inline-flex}.btn-primary{background:var(--ink);color:var(--bg)}.btn-ghost{box-shadow:inset 0 0 0 1.5px var(--line-strong)}.btn-poster{background:var(--paper);color:#1a1814}.btn:hover{transform:translateY(-1px)}.site-header{z-index:20;min-height:68px;padding:max(10px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) 10px max(16px, env(safe-area-inset-left));background:var(--header);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);align-items:center;gap:12px;display:flex;position:sticky;top:0}.brand{letter-spacing:-.05em;align-items:center;gap:10px;font-family:Outfit,Noto Sans JP,sans-serif;font-size:22px;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.brand-mark{background:var(--signal);border-radius:3px;flex:none;width:12px;height:12px}.desktop-nav,.header-lang{display:none}.header-tools{align-items:center;gap:4px;margin-left:auto;display:flex}.menu-toggle,.theme-btn,.menu-close{justify-content:center;align-items:center;min-width:44px;min-height:44px;display:inline-flex}.menu-glyph{width:18px;height:12px;position:relative}.menu-glyph:before,.menu-glyph:after,.menu-glyph{background:0 0}.menu-glyph:before,.menu-glyph:after{content:"";background:currentColor;height:2px;position:absolute;left:0;right:0}.menu-glyph:before{top:0;box-shadow:0 5px}.menu-glyph:after{bottom:0}.lang-switch{flex-wrap:wrap;gap:4px;display:flex}.lang-switch button{min-width:44px;min-height:44px;color:var(--muted);letter-spacing:.06em;border-radius:999px;font-size:13px;font-weight:700}.lang-switch button.active{color:var(--ink);background:color-mix(in srgb, var(--ink) 8%, transparent)}.menu-sheet{z-index:40;padding:max(12px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));background:var(--bg);flex-direction:column;gap:12px;display:flex;position:fixed;inset:0;overflow:auto}.menu-sheet-bar,.menu-sheet-foot{justify-content:space-between;align-items:center;gap:12px;display:flex}.menu-close{color:var(--muted);padding-inline:8px;font-weight:700}.menu-sheet nav{flex-direction:column;margin-top:12px;display:flex}.menu-sheet nav a{letter-spacing:-.05em;border-top:1px solid var(--line);padding:14px 0;font-family:Outfit,Noto Sans JP,sans-serif;font-size:clamp(34px,10vw,48px);font-weight:800;line-height:1.05;text-decoration:none}.menu-sheet nav a:last-child{border-bottom:1px solid var(--line)}.menu-sheet-foot{margin-top:auto;padding-top:20px}.hero{gap:28px;min-width:0;padding:36px 0 48px;display:grid}.hero-copy{min-width:0}.hero h1{max-width:11em;font-size:clamp(42px,12vw,64px)}.hero .serif{max-width:16em;font-size:.62em}.hero-actions{flex-direction:column;gap:10px;margin-top:28px;display:flex}.hero-actions .btn{width:100%}.hero-index{background:var(--bg-raise);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px;display:grid;overflow:hidden}.hero-index-label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;padding:16px 18px 0;font-size:13px;font-weight:700}.hero-index a{border-top:1px solid #0000;grid-template-columns:auto 1fr;grid-template-areas:"kicker title""kicker meta";gap:2px 14px;padding:16px 18px 18px;text-decoration:none;display:grid}.hero-index a+a{border-top-color:var(--line)}.hero-index span{color:var(--accent);grid-area:kicker;align-self:center;font-family:Outfit,Noto Sans JP,sans-serif;font-weight:800}.hero-index strong{letter-spacing:-.04em;grid-area:title;font-family:Outfit,Noto Sans JP,sans-serif;font-size:22px}.hero-index em{color:var(--muted);grid-area:meta;font-size:14px;font-style:normal}.marquee{border-block:1px solid var(--line);color:var(--muted);letter-spacing:.12em;text-transform:uppercase;padding:14px 0;font-size:13px;font-weight:700;overflow:hidden}html[lang=ja] .marquee{letter-spacing:.06em}.marquee-track{width:max-content;animation:28s linear infinite marquee;display:flex}.marquee p{gap:28px;margin:0;padding-right:28px;display:flex}.marquee span:before{content:"●";color:var(--accent);vertical-align:middle;margin-right:28px;font-size:8px}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.panels{display:grid}.panel{min-width:0;min-height:0;padding:36px max(20px, env(safe-area-inset-right)) 32px max(20px, env(safe-area-inset-left));flex-direction:column;gap:16px;scroll-margin-top:84px;display:flex}.panel-web{color:#f6f3ec;background:#1a1814}.panel-ai{color:#1a100e;background:#ff3b1f}.panel-index{letter-spacing:-.04em;justify-content:space-between;gap:12px;font-family:Outfit,Noto Sans JP,sans-serif;font-weight:800;display:flex}.panel-index span{letter-spacing:.08em;text-transform:uppercase;opacity:.72;font-family:Figtree,Noto Sans JP,sans-serif;font-size:13px;font-weight:700}.panel h2{max-width:8em;font-size:clamp(36px,10vw,72px)}.panel p{max-width:36rem;font-size:17px}.panel-price{letter-spacing:-.06em;flex-wrap:wrap;align-items:baseline;gap:10px 14px;max-width:none;font-family:Outfit,Noto Sans JP,sans-serif;font-size:clamp(40px,10vw,64px);font-weight:800;line-height:.9;display:flex}.panel-price span{letter-spacing:0;font-family:Figtree,Noto Sans JP,sans-serif;font-size:16px;font-weight:700}.chips{flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:12px;list-style:none;display:flex}.chips li{border:1px solid color-mix(in srgb, currentColor 35%, transparent);border-radius:999px;padding:8px 12px;font-size:14px;font-weight:600}.approach{padding:72px 0}.section-head{max-width:16em;margin-bottom:28px}.section-head h2,.contact h2,.poster h2{font-size:clamp(34px,8vw,58px)}.approach ol{gap:14px;list-style:none;display:grid}.approach li{background:var(--bg-raise);border:1px solid var(--line);border-radius:18px;padding:20px 18px 22px}.approach li span{color:var(--accent);margin-bottom:18px;font-family:Outfit,Noto Sans JP,sans-serif;font-weight:800;display:block}.approach h3{margin-bottom:8px;font-size:26px}.approach li p,.faq p,.contact .lede{color:var(--muted)}.poster{--poster-bg:#1a1814;--poster-fg:#f6f3ec;--poster-muted:#f6f3ecc7;background:var(--poster-bg);color:var(--poster-fg);gap:8px;padding:28px 0 36px;display:grid}[data-theme=dark] .poster{--poster-bg:#f4f1ea;--poster-fg:#1a1814;--poster-muted:#4e493f}.poster .eyebrow{color:#ffb4a6}[data-theme=dark] .poster .eyebrow{color:#c42710}.poster-copy>p,.poster .amount-caption,.poster-note{color:var(--poster-muted)}.poster-price,.wrap-in{width:min(1120px,100% - 40px);margin-inline:auto}.amount{letter-spacing:-.08em;font-family:Outfit,Noto Sans JP,sans-serif;font-size:clamp(92px,28vw,168px);font-weight:800;line-height:.8}.amount span{letter-spacing:-.04em;margin-left:4px;font-size:.42em}.amount-caption{margin-top:10px;font-size:16px;font-weight:700}.poster-copy{align-content:end;gap:16px;display:grid}.poster-copy h2{max-width:12em}.poster-copy ul{gap:10px;list-style:none;display:grid}.poster-copy li{padding-left:18px;position:relative}.poster-copy li:before{content:"";background:#ff8b74;border-radius:2px;width:7px;height:7px;position:absolute;top:.55em;left:0}[data-theme=dark] .poster-copy li:before{background:#c42710}.poster-note{font-size:15px}.poster .btn{justify-self:start;margin-top:6px}.faq{padding:72px 0}.faq-list{border-top:1px solid var(--line)}.faq-list>div{border-bottom:1px solid var(--line)}.faq-list h3{font-size:inherit;font-weight:inherit;letter-spacing:inherit}.faq-list button{text-align:left;letter-spacing:-.04em;justify-content:space-between;align-items:center;gap:16px;width:100%;min-height:64px;padding:16px 0;font-family:Outfit,Noto Sans JP,sans-serif;font-size:clamp(18px,4.5vw,24px);font-weight:700;line-height:1.2;display:flex}.faq-list button span{text-align:center;width:28px;color:var(--accent);flex:none;font-size:28px;line-height:1}.faq-list p{max-width:42rem;padding:0 0 18px}.contact{padding:12px 0 80px}.contact h2{max-width:12em;margin-bottom:16px}.prepare{gap:10px;margin-top:22px;list-style:none;display:grid}.prepare li{background:var(--bg-raise);border:1px solid var(--line);border-radius:14px;padding:14px 16px;font-weight:600}.soon{color:var(--ink);margin-top:18px;font-weight:700}.site-footer{padding-top:22px;padding-bottom:max(28px, env(safe-area-inset-bottom));border-top:1px solid var(--line);color:var(--muted);gap:10px;font-size:14px;display:grid}.site-footer .brand{color:var(--ink)}#sites,#consultance,#approche,#forfait,#faq,#contact{scroll-margin-top:84px}@media (width>=720px){.hero-actions{flex-direction:row}.hero-actions .btn{width:auto}.approach ol{grid-template-columns:repeat(3,1fr);gap:16px}.approach li{min-height:100%}.site-footer{grid-template-columns:auto 1fr auto;align-items:center;gap:24px}}@media (width>=960px){.wrap{width:min(1120px,100% - 80px)}.menu-toggle{display:none}.desktop-nav{gap:22px;margin-left:28px;display:flex}.desktop-nav a{color:var(--muted);font-size:15px;font-weight:600;text-decoration:none}.desktop-nav a:hover{color:var(--ink)}.header-lang,.header-theme{display:inline-flex}.header-lang button{min-width:36px;min-height:36px}.hero{grid-template-columns:minmax(0,1.35fr) minmax(260px,.75fr);align-items:end;gap:48px;padding:72px 0 88px}.hero h1{font-size:clamp(64px,6.4vw,92px)}.hero-index a{padding:22px 22px 24px}.hero-index strong{font-size:28px}.panels{grid-template-columns:1fr 1fr}.panel{min-width:0;min-height:560px;padding:48px 40px 40px}.panel-web{padding-left:max(40px,50vw - 560px)}.panel-ai{padding-right:max(40px,50vw - 560px)}.approach{padding:120px 0}.poster{grid-template-columns:.9fr 1.1fr;align-items:end;gap:40px;padding:72px 0}.poster-price{text-align:right}.amount{font-size:clamp(120px,12vw,188px)}.faq,.contact{padding-top:100px}.contact{padding-bottom:120px}.prepare{grid-template-columns:repeat(3,1fr)}}@media (hover:hover) and (pointer:fine){.hero-index a:hover{background:color-mix(in srgb, var(--ink) 4%, transparent)}.desktop-nav a:hover{color:var(--ink)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}body{transition:none}.btn:hover{transform:none}.marquee-track{flex-wrap:wrap;width:auto;animation:none}.marquee p:last-child{display:none}.marquee p{flex-wrap:wrap;row-gap:8px;padding:0 20px}}