body{margin:0}#root{min-height:100svh}:root{--color-primary:#2f3b4c;--color-primary-dark:#1c2431;--color-accent:#ff8500;--color-accent-dark:#ff6200;--color-bg:#fcfbf8;--color-surface:#fff;--color-text-secondary:#6b7280;--color-border:#e5e7eb;--nav-height:90px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:var(--nav-height)}body{background:var(--color-bg);color:var(--color-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.nav{background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:100;justify-content:space-between;align-items:center;padding:24px max(20px,8%);display:flex;position:sticky;top:0}.logo{align-items:center;gap:12px;display:flex}.logo-mark{width:auto;height:40px;display:block}.logo-name{width:auto;height:28px;display:block}.nav-toggle{border:1px solid var(--color-border);background:var(--color-surface);border-radius:12px;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:10px;display:none}.nav-toggle span{background:var(--color-primary);border-radius:2px;width:100%;height:2px;transition:transform .2s,opacity .2s;display:block}.nav-open .nav-toggle span:first-child{transform:translateY(7px)rotate(45deg)}.nav-open .nav-toggle span:nth-child(2){opacity:0}.nav-open .nav-toggle span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.nav-links{align-items:center;gap:24px;display:flex}.hero{min-height:calc(100vh - var(--nav-height));grid-template-columns:1.2fr 1fr;align-items:center;gap:80px;padding:clamp(40px,8vw,80px) max(20px,8%);display:grid}.badge{background:color-mix(in srgb, var(--color-accent) 14%, white);color:var(--color-accent-dark);border-radius:999px;margin-bottom:24px;padding:10px 18px;font-size:14px;font-weight:600;display:inline-block}.hero-content h1{margin-bottom:24px;font-size:clamp(1.75rem,4vw,3rem);font-weight:800;line-height:1.1}.hero-content p{color:var(--color-text-secondary);max-width:700px;margin-bottom:40px;font-size:clamp(1rem,2.5vw,1.2rem);line-height:1.8}.hero-actions{flex-wrap:wrap;gap:16px;display:flex}.btn{border:none;border-radius:14px;padding:16px 28px;font-weight:600;transition:all .2s}.btn:hover{transform:translateY(-2px)}.btn-dark{background:var(--color-accent);color:#fff}.btn-dark:hover{background:var(--color-accent-dark)}.btn-light{background:var(--color-surface);color:var(--color-primary);border:1px solid var(--color-border)}.phone-mockup{justify-content:center;display:flex}.hero-visual{width:100%;margin-bottom:clamp(48px,10vw,80px);margin-left:clamp(12px,3vw,24px);position:relative}.hero-planning{border:1px solid var(--color-border);border-radius:16px;width:100%;display:block;box-shadow:0 24px 60px #0f172a1f}.hero-phone{z-index:2;position:absolute;bottom:clamp(-56px,-12vw,-40px);left:clamp(-20px,-4vw,-12px)}.phone{aspect-ratio:320/650;background:var(--color-primary-dark);border-radius:42px;width:min(360px,85vw);height:auto;padding:12px;box-shadow:0 30px 80px #0003,0 0 0 1px #ffffff1a}.phone.phone--hero{border-radius:22px;width:min(120px,18vw);padding:6px;box-shadow:0 16px 40px #00000047,0 0 0 1px #ffffff1f}.phone.phone--hero .screen{border-radius:16px}.screen{background:var(--color-bg);border-radius:32px;height:100%;overflow:hidden}.screen-shot{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.story-sections{flex-direction:column;display:flex}.office-section{min-height:calc(100vh - var(--nav-height));background:var(--color-surface);align-items:center;padding:clamp(60px,8vw,90px) max(20px,8%);display:flex}.office-main{text-align:center;flex-direction:column;align-items:center;gap:clamp(20px,3vw,28px);width:100%;display:flex}.office-main h2{max-width:720px;font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.1}.office-dash{border:1px solid var(--color-border);border-radius:16px;width:min(1200px,100%);display:block;box-shadow:0 24px 60px #0f172a1f}.photos-showcase{min-height:calc(100vh - var(--nav-height));background:var(--color-bg);padding:clamp(60px,8vw,90px) max(20px,6%)}.photos-showcase-header{text-align:center;max-width:760px;margin:0 auto clamp(40px,6vw,56px)}.photos-showcase-header h2{margin-bottom:16px;font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.1}.photos-showcase-header p{color:var(--color-text-secondary);font-size:clamp(1rem,1.8vw,1.1rem);line-height:1.8}.photos-showcase-grid{grid-template-columns:minmax(220px,1fr) auto minmax(220px,1fr);align-items:center;gap:clamp(20px,3vw,32px);max-width:1320px;margin:0 auto;display:grid}.showcase-cards{flex-direction:column;gap:16px;display:flex}.showcase-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;align-items:flex-start;gap:14px;padding:18px 20px;display:flex;box-shadow:0 8px 24px #0f172a0d}.showcase-card-icon{background:color-mix(in srgb, var(--color-accent) 12%, white);width:44px;height:44px;color:var(--color-accent);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.showcase-card-icon svg{width:22px;height:22px}.showcase-card h3{margin-bottom:6px;font-size:1rem;line-height:1.3}.showcase-card p{color:var(--color-text-secondary);font-size:.9rem;line-height:1.6}.showcase-phones{justify-content:center;align-items:center;gap:clamp(12px,2vw,20px);display:flex}.phone--showcase{width:min(220px,22vw)}.showcase-highlights{grid-template-columns:repeat(6,1fr);gap:clamp(16px,2.5vw,24px);max-width:1320px;margin:clamp(40px,6vw,56px) auto 0;display:grid}.showcase-highlight{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.showcase-highlight-icon{background:color-mix(in srgb, var(--color-accent) 12%, white);width:40px;height:40px;color:var(--color-accent);border-radius:12px;justify-content:center;align-items:center;display:flex}.showcase-highlight-icon svg{width:20px;height:20px}.showcase-highlight strong{font-size:.92rem;line-height:1.3}.showcase-highlight span{color:var(--color-text-secondary);font-size:.82rem;line-height:1.5}.story-section{min-height:calc(100vh - var(--nav-height));grid-template-columns:1.35fr .85fr;align-items:center;gap:clamp(48px,6vw,80px);padding:clamp(80px,10vw,110px) max(20px,8%);display:grid}.story-section:nth-child(2n){background:var(--color-surface)}.story-section--reverse .story-content{order:2}.story-section--reverse .story-visual{order:1}.story-tag{background:color-mix(in srgb, var(--color-accent) 14%, white);color:var(--color-accent-dark);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;margin-bottom:20px;padding:8px 14px;font-size:12px;font-weight:700;display:inline-block}.story-content h2{max-width:600px;margin-bottom:20px;font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.1}.story-content>p{color:var(--color-text-secondary);max-width:600px;margin-bottom:28px;font-size:clamp(1rem,1.8vw,1.1rem);line-height:1.8}.story-bullets{flex-direction:column;gap:14px;margin-bottom:32px;list-style:none;display:flex}.story-bullets li{color:var(--color-primary);align-items:center;gap:12px;font-weight:500;line-height:1.4;display:flex}.story-bullets li:before{content:"✓";background:var(--color-accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:700;display:flex}.story-result{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;align-items:flex-start;gap:16px;max-width:600px;margin-bottom:32px;padding:20px 22px;display:flex;box-shadow:0 8px 24px #0f172a0d}.story-section:nth-child(2n) .story-result{background:var(--color-bg)}.story-result-icon{background:color-mix(in srgb, var(--color-accent) 14%, white);width:44px;height:44px;color:var(--color-accent);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.story-result-icon svg{width:22px;height:22px}.story-result strong{color:var(--color-accent);margin-bottom:4px;font-size:14px;display:block}.story-result p{color:var(--color-primary);font-weight:500;line-height:1.6}.story-stats{flex-wrap:wrap;gap:28px 36px;max-width:640px;display:flex}.story-stat{align-items:center;gap:12px;display:flex}.story-stat-icon{background:color-mix(in srgb, var(--color-accent) 12%, white);width:40px;height:40px;color:var(--color-accent);border-radius:12px;justify-content:center;align-items:center;display:flex}.story-stat-icon svg{width:20px;height:20px}.story-stat strong{margin-bottom:2px;font-size:1.35rem;line-height:1.2;display:block}.story-stat span{color:var(--color-text-secondary);font-size:.9rem;line-height:1.4;display:block}.story-visual{justify-content:center;display:flex}.story-phones{justify-content:center;align-items:center;gap:clamp(16px,2.5vw,24px);display:flex}.story-phones--dual .phone--story{width:min(240px,24vw)}.phone--story{width:min(300px,32vw)}.pricing,.cta{padding:clamp(60px,10vw,100px) max(20px,8%)}.pricing h2,.cta h2{text-align:center;margin-bottom:clamp(40px,6vw,60px);font-size:clamp(1.75rem,4vw,2.5rem);line-height:1.2}.pricing-grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:24px;display:grid}.pricing-from{text-align:center;color:#a8afb8;margin-top:clamp(32px,5vw,48px);font-size:clamp(.85rem,1.5vw,.95rem);line-height:1.6}.pricing-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:20px;flex-direction:column;padding:clamp(24px,4vw,32px);display:flex;position:relative;box-shadow:0 10px 30px #0f172a0f}.pricing-card-featured{border-color:var(--color-accent);box-shadow:0 16px 40px color-mix(in srgb, var(--color-accent) 18%, transparent)}.pricing-badge{background:var(--color-accent);color:#fff;white-space:nowrap;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.pricing-card h3{margin-bottom:8px}.pricing-desc{color:var(--color-text-secondary);margin-bottom:24px;line-height:1.6}.pricing-amount{margin-bottom:24px}.pricing-price{font-size:clamp(1.75rem,3vw,2.25rem);font-weight:800}.pricing-features{flex:1;margin-bottom:32px;list-style:none}.pricing-features li{color:var(--color-text-secondary);margin-bottom:12px;padding-left:24px;line-height:1.6;position:relative}.pricing-features li:before{content:"✓";color:var(--color-accent);font-weight:700;position:absolute;left:0}.pricing-card .btn{text-align:center;width:100%}.cta-action{flex-direction:column;align-items:center;display:inline-flex}.demo-note{color:var(--color-accent);margin-top:10px}.demo-note span{white-space:nowrap;font-family:Caveat,Segoe Script,cursive;font-size:clamp(1.25rem,2.5vw,1.5rem);font-weight:600;line-height:1.2}.mobile-section{background:var(--color-primary);color:#fff;text-align:center;padding:clamp(60px,12vw,120px) max(20px,8%)}.mobile-content{max-width:900px;margin:auto}.mobile-content h2{margin-bottom:24px;font-size:clamp(1.75rem,5vw,3rem);line-height:1.2}.mobile-content p{color:color-mix(in srgb, white 72%, var(--color-primary));font-size:clamp(1rem,2.5vw,1.2rem)}.cta{text-align:center}.footer{text-align:center;border-top:1px solid var(--color-border);color:var(--color-text-secondary);background:var(--color-surface);flex-direction:column;align-items:center;gap:12px;padding:clamp(24px,5vw,40px);display:flex}.footer-brand{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.footer-logo{width:auto;height:14px;display:block}.footer-by-label{color:var(--color-text-secondary);font-size:.85rem}.footer-ygalaad{align-items:center;transition:opacity .2s;display:flex}.footer-ygalaad:hover{opacity:.8}.footer-ygalaad-logo{width:auto;height:20px;display:block}.footer-copy{color:var(--color-text-secondary);white-space:nowrap;font-size:.85rem}.footer-legal-link{color:var(--color-text-secondary);font-size:.85rem;transition:color .2s}.footer-legal-link:hover{color:var(--color-accent)}.footer-made-in-france{color:color-mix(in srgb, var(--color-text-secondary) 65%, transparent);text-align:center;margin:4px 0 0;font-size:.7rem}@media (width<=1000px){.hero{text-align:center;grid-template-columns:1fr;gap:48px}.hero-content p{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.hero-visual{margin-left:0;max-width:min(560px,100%);margin-inline:auto}.office-main h2{max-width:none}.photos-showcase-grid{grid-template-columns:1fr;max-width:560px}.showcase-phones{order:-1}.showcase-highlights{grid-template-columns:repeat(3,1fr)}.story-section{text-align:left;grid-template-columns:1fr;gap:40px}.story-section--reverse .story-content,.story-section--reverse .story-visual{order:unset}.story-content h2,.story-content>p,.story-result,.story-stats{max-width:none}.story-visual,.story-section--reverse .story-visual,.story-section:not(.story-section--reverse) .story-visual{justify-content:center}.phone--story{width:min(320px,80vw)}.story-phones--dual{flex-direction:column}.story-phones--dual .phone--story{width:min(280px,70vw)}.phone--showcase{width:min(260px,42vw)}.pricing-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.nav{flex-wrap:wrap;gap:0}.nav-toggle{display:flex}.nav-links{flex-direction:column;align-items:stretch;gap:12px;width:100%;padding-top:20px;display:none}.nav-open .nav-links{display:flex}.nav-links .btn{text-align:center}.showcase-highlights{grid-template-columns:repeat(2,1fr)}.phone--showcase{width:min(240px,80vw)}.showcase-phones{flex-direction:column}.demo-note span{white-space:normal;text-align:center}.pricing-grid{grid-template-columns:1fr}.hero-actions .btn{width:100%}}.legal-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);align-items:center;padding:24px max(20px,8%);display:flex}.legal-page{max-width:720px;color:var(--color-primary);margin:0 auto;padding:clamp(48px,8vw,80px) max(20px,8%)}.legal-page h1{margin-bottom:40px;font-size:clamp(2rem,4vw,2.75rem);font-weight:800;line-height:1.15}.legal-page h2{margin-top:36px;margin-bottom:16px;font-size:clamp(1.25rem,2.5vw,1.5rem);font-weight:700;line-height:1.3}.legal-page p{color:var(--color-text-secondary);margin-bottom:16px;font-size:1rem;line-height:1.8}.legal-page a{color:var(--color-accent-dark);text-underline-offset:2px;text-decoration:underline}.legal-page a:hover{color:var(--color-accent)}.support-list{color:var(--color-text-secondary);margin:0 0 16px;padding-left:1.25rem}.support-list li{font-size:1rem;line-height:1.8}