.hero{text-align:center;padding-block:clamp(64px,9vw,130px) 0}.hero h1{font:700 var(--step-hero)/.98 var(--face);letter-spacing:-.045em;margin:0 0 28px}.lines .line{margin-bottom:-.1em;padding-bottom:.1em;display:block;overflow:hidden}.lines [data-line]{display:block}.hero h1 .punch [data-line]{color:var(--brand);background:0 0}.hero h1 .punch{letter-spacing:-.03em;margin-top:.35em;font-size:.42em}.hero .sub{margin:0 auto 36px}.hero .ctas{flex-wrap:wrap;justify-content:center;align-items:center;gap:28px;display:flex}@property --bg{syntax:"<color>";inherits:true;initial-value:#f6eee2}@property --ink{syntax:"<color>";inherits:true;initial-value:#2b1d12}@property --accent{syntax:"<color>";inherits:true;initial-value:#c2652a}@property --glow{syntax:"<color>";inherits:true;initial-value:#f3c77a}.stage{perspective:1600px;margin-top:clamp(56px,7vw,96px)}.device{max-width:1080px;box-shadow:0 0 0 1px #3a3a3e, 0 50px 140px -30px color-mix(in srgb, var(--glow) 70%, transparent);transform-origin:50% 0;text-align:left;transition:--bg .7s ease, --ink .7s ease, --accent .7s ease, --glow .7s ease, max-width .7s var(--ease), border-radius .7s var(--ease), padding .7s var(--ease);background:#2a2a2d;border-radius:22px;margin:0 auto;padding:10px;position:relative}.device:after{content:"";pointer-events:none;z-index:3;background:linear-gradient(115deg,#0000 35%,#ffffff14 45%,#0000 55%) 0 0/300% 100%;background-position:var(--glint,100%) 0;border-radius:14px;position:absolute;inset:10px}.screen{background:var(--bg);transition:border-radius .7s var(--ease);border-radius:14px;position:relative;overflow:hidden;container-type:inline-size}.chrome{font-size:var(--step-small);color:var(--soft);background:#1c1c1f;align-items:center;gap:12px;padding:10px 14px;display:flex}.chrome .dots{gap:6px;display:flex}.chrome .dots i{border-radius:50%;width:11px;height:11px}.chrome .dots i:first-child{background:#ff5f57}.chrome .dots i:nth-child(2){background:#febc2e}.chrome .dots i:nth-child(3){background:#28c840}.chrome .url{text-align:center;white-space:nowrap;text-overflow:ellipsis;min-width:0;max-width:420px;color:var(--ink);background:#000;border-radius:8px;flex:1;margin:0 auto;padding:6px 12px;overflow:hidden}.chrome .url,.chrome .url *{color:#f5f5f7}.toast{z-index:2;color:#f5f5f7;backdrop-filter:blur(16px);opacity:0;max-width:calc(100% - 32px);transition:opacity .4s ease, transform .5s var(--ease);background:#141416d1;border-radius:16px;align-items:center;gap:10px;padding:12px 16px 12px 12px;font-size:13px;font-weight:500;display:flex;position:absolute;bottom:16px;right:16px;transform:translateY(20px)scale(.96);box-shadow:0 20px 40px -12px #00000080}.toast.show{opacity:1;transform:none}.toast i{background:var(--accent);border-radius:8px;flex:none;width:28px;height:28px}.toast i:before{content:"🔔";place-items:center;height:100%;font-size:14px;font-style:normal;display:grid}.device.phone{border-radius:52px;max-width:390px;padding:12px}.device.phone .screen{border-radius:40px}.device.phone .chrome{justify-content:center;padding:14px 14px 8px}.device.phone .chrome .dots{display:none}.device.phone:after{border-radius:40px;inset:12px}@media (prefers-reduced-motion:reduce){.site *,.site:before{animation:none!important}.device{transition:none}}.picker{justify-items:center;gap:22px;margin-top:40px;display:grid}.picker label.name{font-size:var(--step-small);color:var(--soft);justify-items:center;gap:8px;width:min(420px,100%);display:grid}.picker input[type=text]{text-align:center;width:100%;font:500 20px/1.2 var(--face);color:var(--ink);letter-spacing:-.01em;background:var(--panel);border:0;border-radius:14px;padding:14px 18px}.swatches{border:0;flex-wrap:wrap;justify-content:center;gap:10px;margin:0;padding:0;display:flex}.swatches legend,.views legend{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.swatches input,.views input{opacity:0;width:1px;height:1px;position:absolute}.swatches label{cursor:pointer;background:var(--panel);color:#d2d2d7;transition:background-color .25s ease, color .25s ease, transform .3s var(--ease);border-radius:999px;align-items:center;gap:10px;padding:10px 16px 10px 10px;font-size:15px;display:inline-flex}.swatches label i{background:color-mix(in srgb, var(--sw) 30%, transparent);border-radius:50%;place-items:center;width:28px;height:28px;font-size:15px;font-style:normal;display:grid}.swatches label:hover{color:var(--ink);transform:translateY(-2px)}.swatches label:has(input:checked){background:var(--ink);color:#000}.swatches label:has(input:focus-visible){outline:3px solid var(--accent);outline-offset:3px}.picker .hint{font-size:var(--step-small);color:var(--soft);margin:0}.views{background:var(--panel);border:0;border-radius:999px;gap:4px;margin:0;padding:4px;display:inline-flex}.views label{color:var(--soft);cursor:pointer;border-radius:999px;padding:8px 16px;font-size:14px;transition:background-color .25s,color .25s}.views label:has(input:checked){background:var(--panel-2);color:var(--ink)}.views label:has(input:focus-visible){outline:3px solid var(--accent);outline-offset:2px}.site{isolation:isolate;color:var(--ink);background-color:var(--bg);grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr);height:clamp(520px,50vw,640px);font-size:15px;display:grid;position:relative;overflow:hidden}.site:after{content:"";z-index:-1;opacity:.12;mix-blend-mode:overlay;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.site [style*=--d]{animation:pv-rise .8s var(--ease) both;animation-delay:calc(var(--d) * 80ms)}.site nav{justify-content:space-between;align-items:center;gap:16px;padding:20px clamp(18px,4cqi,40px);font-size:14px;display:flex}.site nav strong{min-width:0;font:600 19px/1.1 var(--font);align-items:center;gap:10px;display:flex}.site .nm{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.site .logo{background:var(--accent);width:32px;height:32px;color:var(--bg);font:700 16px/1 var(--font);border-radius:10px;flex:none;place-items:center;display:grid}.site .links{opacity:.75;gap:clamp(14px,2.4cqi,28px);display:flex}.site h3{font-family:var(--font);text-wrap:balance;margin:0}.site em{color:var(--accent)}.site i{font-style:normal}.site .dot{background:#22c55e;border-radius:50%;width:8px;height:8px;animation:1.6s infinite ping}@keyframes pv-rise{0%{opacity:0;filter:blur(8px);transform:translateY(18px)}}@keyframes ping{0%{box-shadow:0 0 #22c55e}70%,to{box-shadow:0 0 0 8px #0000}}@keyframes float{50%{translate:0 -10px}}@keyframes spin{to{rotate:360deg}}.site[data-t=boul] nav{border-bottom:1px solid color-mix(in srgb, var(--ink) 15%, transparent);justify-content:center;gap:clamp(16px,6cqi,64px);margin:0 clamp(18px,4cqi,40px);padding-inline:0}.site[data-t=boul] nav strong{font-size:24px;font-style:italic}.b-hero{grid-template-columns:1.15fr .8fr 1fr;align-items:center;gap:clamp(16px,3.5cqi,44px);padding:0 clamp(18px,4cqi,40px);display:grid}.b-copy{justify-items:start;gap:16px;display:grid}.b-k{font:italic 500 15px var(--font);color:var(--accent)}.site[data-t=boul] h3{letter-spacing:-.03em;font-size:clamp(34px,5.8cqi,68px);font-weight:600;line-height:.98}.b-copy p{opacity:.75;max-width:34ch;margin:0;line-height:1.55}.b-cta{background:var(--ink);color:var(--bg);border-radius:999px;padding:13px 22px;font-weight:600}.b-arch{aspect-ratio:3/4;background:radial-gradient(80% 55% at 50% 28%, #fff4dc, transparent 70%), linear-gradient(170deg, var(--glow), var(--accent));border-radius:999px 999px 28px 28px;place-items:center;display:grid;position:relative;box-shadow:inset 0 -40px 60px -30px #46190080,0 30px 60px -30px #46190099}.b-emoji{filter:drop-shadow(0 22px 18px #46190059);font-size:clamp(70px,12cqi,140px);animation:6s ease-in-out infinite float;rotate:-25deg}.b-stamp{width:clamp(78px,11cqi,112px);animation:20s linear infinite spin;position:absolute;top:-4%;left:-22%}.b-stamp circle{fill:var(--bg);stroke:var(--ink);stroke-width:1px}.b-stamp text{font:700 10px var(--face);fill:var(--ink)}.b-menu{gap:13px;margin:0;padding:0;list-style:none;display:grid}.b-menu li{font:500 16px var(--font);align-items:baseline;gap:8px;display:flex}.b-menu .b-mh{font:600 11px var(--face);letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:4px}.b-menu i{border-bottom:2px dotted color-mix(in srgb, var(--ink) 30%, transparent);flex:1}.b-menu b{color:var(--accent)}.b-band{text-align:center;font:italic 500 14px var(--font);background:var(--ink);color:var(--bg);margin-top:18px;padding:14px}.site[data-t=plomb]{background-image:radial-gradient(60% 50% at 80% 10%, color-mix(in srgb, var(--glow) 55%, transparent), transparent 70%), linear-gradient(color-mix(in srgb, var(--accent) 7%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--accent) 7%, transparent) 1px, transparent 1px);background-size:auto,32px 32px,32px 32px}.p-tel{background:var(--accent);color:var(--bg);white-space:nowrap;border-radius:12px;padding:10px 16px;font-weight:700}.p-grid{grid-row:span 2;grid-template-rows:1fr auto;grid-template-columns:1.25fr 1fr 1fr;gap:14px;padding:0 clamp(18px,4cqi,40px) clamp(18px,3cqi,28px);display:grid}.tile{background:color-mix(in srgb, var(--ink) 5%, transparent);border:1px solid color-mix(in srgb, var(--accent) 22%, transparent);backdrop-filter:blur(6px);border-radius:20px;padding:20px;position:relative}.p-main{grid-row:span 2;align-content:center;justify-items:start;gap:16px;display:grid}.p-live{color:#86efac;background:#22c55e24;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:13px;display:inline-flex}.site[data-t=plomb] h3{letter-spacing:-.04em;text-transform:uppercase;font-size:clamp(32px,5.2cqi,62px);font-weight:700;line-height:.95}.p-main p{opacity:.7;max-width:30ch;margin:0}.p-cta{background:var(--accent);color:var(--bg);box-shadow:0 0 34px -6px var(--accent);border-radius:14px;padding:14px 22px;font-weight:700}.p-map{background:radial-gradient(circle at 80% 40%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 45%), color-mix(in srgb, var(--ink) 3%, transparent);grid-column:span 2;min-height:180px;padding:0;overflow:hidden}.p-map svg{width:100%;height:100%;position:absolute;inset:0}.p-map .st{fill:none;stroke:color-mix(in srgb, var(--ink) 10%, transparent);stroke-width:10px;vector-effect:non-scaling-stroke}.p-map .rt{fill:none;stroke:var(--accent);stroke-width:3px;stroke-dasharray:8 7;vector-effect:non-scaling-stroke;animation:1s linear infinite dash}.p-van,.p-home{font-size:26px;position:absolute;translate:-50% -50%}.p-home{top:36%;left:85%}.p-van{animation:7s ease-in-out infinite drive}.p-eta{backdrop-filter:blur(8px);background:#00000073;border-radius:14px;padding:10px 14px;display:grid;position:absolute;top:16px;left:16px}.p-eta small{opacity:.7;font-size:12px}.p-eta b{font:700 26px/1.1 var(--font);color:var(--accent)}.p-stat{align-content:end;gap:4px;display:grid}.p-stat b{font:700 clamp(26px, 4cqi, 38px)/1 var(--font);color:var(--accent)}.p-stat small{opacity:.7;font-size:13px}@keyframes dash{to{stroke-dashoffset:-15px}}@keyframes drive{0%{opacity:0;top:80%;left:10%}8%{opacity:1}45%{top:50%;left:45%}85%{opacity:1;top:39%;left:80%}to{opacity:0;top:38%;left:82%}}.site[data-t=resto]:before{content:"";z-index:-1;background:radial-gradient(55% 60% at 50% 0%, color-mix(in srgb, var(--glow) 70%, transparent), transparent 70%), radial-gradient(30% 35% at 12% 85%, color-mix(in srgb, var(--accent) 16%, transparent), transparent 70%);animation:3s ease-in-out infinite alternate flicker;position:absolute;inset:0}@keyframes flicker{to{opacity:.7}}.site[data-t=resto] nav{letter-spacing:.2em;text-transform:uppercase;grid-template-columns:1fr auto 1fr;font-size:11px;display:grid}.site[data-t=resto] nav .links:last-child{justify-content:flex-end}.site[data-t=resto] nav strong{font:italic 500 26px var(--font);letter-spacing:0;text-transform:none;color:var(--accent)}.r-hero{text-align:center;border:1px solid color-mix(in srgb, var(--accent) 45%, transparent);outline:1px solid color-mix(in srgb, var(--accent) 18%, transparent);outline-offset:6px;align-content:center;justify-items:center;gap:14px;margin:0 clamp(18px,8cqi,110px);padding:22px;display:grid}.r-k{letter-spacing:.28em;text-transform:uppercase;color:var(--accent);font-size:11px}.site[data-t=resto] h3{font-size:clamp(36px,6cqi,70px);font-weight:700;line-height:1}.site[data-t=resto] h3 em{font-weight:500}.r-menu{gap:10px;width:min(460px,100%);display:grid}.r-menu div{text-align:left;border-bottom:1px solid color-mix(in srgb, var(--ink) 12%, transparent);grid-template-columns:1fr auto;padding-bottom:10px;display:grid}.r-menu b{font:700 17px var(--font)}.r-menu small{opacity:.6;font-size:13px;font-style:italic}.r-menu span{font:500 22px var(--font);color:var(--accent);grid-area:1/2/3;align-self:center}.r-book{background:color-mix(in srgb, var(--ink) 8%, transparent);border:1px solid color-mix(in srgb, var(--ink) 14%, transparent);backdrop-filter:blur(10px);border-radius:999px;justify-self:center;align-items:center;gap:clamp(12px,2.6cqi,28px);margin:18px 16px 22px;padding:8px 8px 8px 24px;font-size:14px;display:flex}.r-book>span{display:grid}.r-book small{letter-spacing:.15em;text-transform:uppercase;opacity:.55;font-size:10px}.r-slots{gap:6px;display:flex!important}.r-slots i{border:1px solid color-mix(in srgb, var(--ink) 20%, transparent);border-radius:999px;padding:6px 10px}.r-slots .on{background:var(--accent);color:var(--bg);border-color:#0000}.r-cta{background:var(--accent);color:var(--bg);border-radius:999px;padding:12px 24px;font-weight:600}.site[data-t=coif] nav strong{font-size:26px;font-weight:400}.c-cta-s{border:1.5px solid var(--ink);border-radius:999px;padding:9px 18px;font-weight:600}.c-hero{grid-template-columns:1.3fr 1fr;align-items:center;padding:0 clamp(18px,4cqi,40px);display:grid;position:relative}.site[data-t=coif] h3{z-index:1;letter-spacing:-.035em;font-size:clamp(44px,9cqi,112px);font-weight:400;line-height:.86;position:relative}.site[data-t=coif] h3>*{display:block}.site[data-t=coif] h3 span:nth-of-type(2){padding-left:1.1em}.c-photo{aspect-ratio:3/4;background:radial-gradient(60% 45% at 40% 28%, #fff, transparent 70%), linear-gradient(160deg, var(--glow), var(--accent));width:min(80%,290px);box-shadow:0 40px 80px -30px var(--accent);border-radius:999px;justify-self:start;place-items:center;display:grid}.c-photo span{font-size:clamp(80px,13cqi,150px);animation:6s ease-in-out infinite float}.c-book{backdrop-filter:blur(14px);background:#ffffffc7;border-radius:20px;gap:10px;width:240px;padding:16px;font-size:13px;display:grid;position:absolute;bottom:4%;right:clamp(18px,4cqi,40px);box-shadow:0 24px 50px -20px #5a143773}.c-book small{opacity:.65}.c-team{align-items:center;display:flex}.c-team span{background:var(--glow);border:2px solid #fff;border-radius:50%;place-items:center;width:32px;height:32px;margin-right:-8px;font-weight:700;display:grid}.c-team .on{background:var(--accent);color:#fff}.c-team em{color:var(--ink);opacity:.7;margin-left:16px;font-style:italic}.c-book .slots{flex-wrap:wrap;gap:6px;display:flex}.c-book .slots i{background:color-mix(in srgb, var(--accent) 14%, transparent);border-radius:8px;padding:5px 9px;font-weight:600}.c-book .slots .on{background:var(--accent);color:#fff}.c-book .slots .off{opacity:.35;text-decoration:line-through}.c-book a{text-align:center;background:var(--ink);color:var(--bg);border-radius:12px;padding:10px;font-weight:600}.c-marquee{background:var(--ink);color:var(--bg);margin:14px -12px 26px;padding:12px 0;overflow:hidden;rotate:-2deg}.c-marquee div{white-space:nowrap;width:max-content;font:italic 400 22px var(--font);letter-spacing:.04em;animation:22s linear infinite marquee}@keyframes marquee{to{transform:translate(-50%)}}.site[data-t=kine]{background-image:radial-gradient(60% 60% at 90% 20%, color-mix(in srgb, var(--glow) 45%, transparent), transparent 70%)}.k-cta-s{background:var(--accent);color:#fff;white-space:nowrap;border-radius:12px;padding:10px 18px;font-weight:700}.k-hero{grid-template-columns:1.15fr 1fr;align-items:center;gap:clamp(20px,4cqi,48px);padding:0 clamp(18px,4cqi,40px);display:grid}.k-copy{justify-items:start;gap:16px;display:grid}.k-pill{background:color-mix(in srgb, var(--accent) 12%, #fff);color:var(--accent);border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700}.site[data-t=kine] h3{letter-spacing:-.035em;font-size:clamp(32px,5cqi,58px);font-weight:800;line-height:1.02}.site[data-t=kine] h3 em{background:linear-gradient(90deg, var(--accent), #38bdf8);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.k-copy p{opacity:.7;max-width:40ch;margin:0;line-height:1.55}.k-stats{gap:clamp(14px,3cqi,32px);display:flex}.k-stats span{opacity:.85;font-size:12px;display:grid}.k-stats b{font:800 22px var(--font)}.k-agenda{background:#fff;border-radius:24px;gap:14px;padding:20px;display:grid;box-shadow:0 30px 70px -30px #0d2b2759,0 0 0 1px #0d2b270f}.k-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.k-head small{opacity:.6;font-size:12px}.k-days{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.k-days span{background:#eef4f3;border-radius:14px;justify-items:center;padding:8px 0;font-size:12px;display:grid}.k-days b{font-size:18px}.k-days .on{background:var(--accent);color:#fff}.k-slots{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.k-slots i{text-align:center;color:var(--accent);border:1.5px solid color-mix(in srgb, var(--accent) 35%, transparent);border-radius:12px;padding:9px 0;font-size:14px;font-weight:700}.k-slots .on{background:var(--accent);color:#fff}.k-slots .off{opacity:.3;border-style:dashed;text-decoration:line-through}.k-cta{text-align:center;background:var(--ink);color:#fff;border-radius:14px;padding:13px;font-weight:700}.k-trust{opacity:.75;flex-wrap:wrap;justify-content:center;gap:8px 26px;padding:18px;font-size:13px;font-weight:600;display:flex}@container (width<=640px){.site{height:700px}.site .links{display:none}.b-hero{grid-template-columns:minmax(0,1fr);align-content:center}.b-arch,.b-band{display:none}.p-grid{grid-template-rows:auto;grid-template-columns:1fr 1fr}.p-main,.p-map{grid-area:auto/span 2}.p-tel{padding:10px 12px;font-size:0}.p-tel:first-letter{font-size:16px}.site[data-t=resto] nav{grid-template-columns:1fr;justify-items:center}.r-hero{margin:0 18px}.r-book{border-radius:24px;flex-wrap:wrap;justify-content:center;padding:14px}.c-hero{grid-template-columns:minmax(0,1fr);align-content:start;gap:20px}.c-photo{display:none}.c-book{width:auto;position:static}.k-hero{grid-template-columns:minmax(0,1fr);align-content:start;gap:20px}.k-copy p,.k-trust{display:none}}.offres .intro{gap:20px;margin-bottom:56px;display:grid}.tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.tile{background:var(--panel);border-radius:var(--r);transition:transform .5s var(--ease);align-content:start;gap:28px;padding:clamp(28px,3.6vw,52px);display:grid}.tile:hover{transform:scale(1.01)}.tile ul{gap:22px;margin:0;padding:0;list-style:none;display:grid}.tile li .row{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.tile li b{font-weight:600}.tile li .when{color:var(--soft);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:16px}.tile li p{color:var(--soft);max-width:44ch;margin:4px 0 0;font-size:16px}.tile h3{gap:6px;margin:0;display:grid}.tile .big{font:700 clamp(48px, 6vw, 88px)/1 var(--face);letter-spacing:-.045em}.tile .lbl{font:400 var(--step-body)/1.4 var(--face);color:var(--soft);letter-spacing:-.01em}@media (width<=820px){.tiles{grid-template-columns:minmax(0,1fr)}}.qui .col{max-width:1000px}.qui h2{margin-bottom:32px}.qui p.fill{font:600 clamp(24px, 1rem + 1.4vw, 36px)/1.2 var(--face);letter-spacing:-.025em;max-width:42ch;margin:0}.qui p.fill span{color:#6e6e73;transition:color .5s}.qui p.fill span.lit{color:var(--ink)}.methode .head{gap:20px;margin-bottom:56px;display:grid}.steps{grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;gap:16px;display:grid}.step{gap:14px;display:grid}.step:first-child{grid-column:span 2}.step:nth-child(2),.step:nth-child(3){grid-column:span 3}.step:nth-child(4){grid-column:span 4}.st{background:var(--panel);border-radius:22px;place-items:center;padding:16px;display:grid;overflow:clip}.step:first-child .st{height:24vh}.step:nth-child(2) .st{height:34vh}.step:nth-child(3) .st{height:44vh}.step:nth-child(4) .st{height:56vh}.step h3{font:600 var(--step-body)/1.25 var(--face);margin:0}.step p{color:var(--soft);max-width:30ch;margin:0;font-size:16px}.frag{align-content:center;gap:8px;width:100%;height:100%;display:grid}.frag .ln{background:#2c2c30;border-radius:5px;height:10px}.frag .ln.s{width:60%}.frag .blk{background:#2c2c30;border-radius:10px;min-height:36%}.frag-talk{font-size:var(--step-small);gap:10px}.frag-talk q{quotes:none;background:#2c2c30;border-radius:18px;justify-self:start;max-width:90%;padding:10px 14px;display:block}.frag-talk q:nth-child(2){background:var(--accent);color:#fff;justify-self:end}.frag-code{font:400 var(--step-small)/1.65 ui-monospace, "SF Mono", Menlo, monospace;color:var(--soft);white-space:pre;align-self:center;margin:0;display:block;overflow:hidden}.frag-code .k{color:#ff7ab2}.frag-code .s{color:#fc6a5d}.frag-code .t{color:#d2d2d7}.frag-live{border-radius:12px;grid-template-rows:auto 1fr;align-content:stretch;gap:0;padding:0;overflow:hidden}.frag-live .u{color:var(--ink);background:#1c1c1f;align-items:center;gap:8px;padding:8px 10px;font-size:13px;display:flex}.frag-live .u i{background:#28c840;border-radius:50%;width:8px;height:8px}.frag-live .pg{color:#000;background:#f3ea7a;align-content:end;gap:6px;padding:18px;display:grid}.frag-live .pg b{font:700 clamp(24px, 2.4vw, 36px)/.95 var(--face);letter-spacing:-.04em}@media (width>=701px) and (width<=1050px){.step:nth-child(n){grid-column:span 6}.step:first-child .st{height:22vh}.step:nth-child(2) .st{height:28vh}.step:nth-child(3) .st{height:34vh}.step:nth-child(4) .st{height:40vh}.steps{row-gap:40px}}@media (width<=700px){.steps{grid-template-columns:minmax(0,1fr);row-gap:32px}.step:nth-child(n){grid-column:1}.step:first-child .st{height:40vw}.step:nth-child(2) .st{height:52vw}.step:nth-child(3) .st{height:64vw}.step:nth-child(4) .st{height:76vw}}.faq .col{grid-template-columns:minmax(0,4fr) minmax(0,8fr);align-items:start;gap:40px;display:grid}.faq .list{gap:10px;display:grid}details{background:var(--panel);border-radius:18px;transition:background-color .25s}details:hover{background:#17171a}summary{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;min-height:72px;padding:22px 26px;font-weight:600;list-style:none;display:flex}summary::-webkit-details-marker{display:none}summary .pm{flex:none;width:14px;height:14px;position:relative}summary .pm:before,summary .pm:after{content:"";background:var(--soft);width:14px;height:2px;transition:transform .35s var(--ease);border-radius:1px;position:absolute;top:6px;left:0}summary .pm:after{transform:rotate(90deg)}details[open] summary .pm:after{transform:rotate(0)}details .a{max-width:54ch;color:var(--soft);padding:0 26px 24px}details .a p{margin:0}@media (width<=820px){.faq .col{grid-template-columns:minmax(0,1fr)}}.contact{text-align:center;padding-block:clamp(96px,12vw,180px) 0}.contact h2{font-size:var(--step-lead);color:var(--soft);letter-spacing:-.01em;margin-bottom:18px;font-weight:400}.contact .mail{font:700 clamp(40px, 1rem + 7vw, 132px)/1 var(--face);letter-spacing:-.05em;text-decoration:none;display:inline-block}.contact .mail span{display:inline-block}@media (width<=560px){.contact .mail span{display:block}}.quote{text-align:left;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 16px;max-width:760px;margin:clamp(48px,6vw,80px) auto 0;display:grid}.quote .field{align-content:start;gap:8px;display:grid}.quote .wide{grid-column:1/-1}.quote label{font-size:var(--step-small);color:var(--soft)}.quote label small{color:#6e6e73;font-size:inherit}.quote input,.quote select,.quote textarea{width:100%;font:500 17px/1.3 var(--face);color:var(--ink);letter-spacing:-.01em;background:var(--panel);border:0;border-radius:14px;padding:14px 18px;transition:box-shadow .2s;box-shadow:inset 0 0 0 1px #0000}.quote select{appearance:none;cursor:pointer;background-image:linear-gradient(45deg, transparent 50%, var(--soft) 50%), linear-gradient(-45deg, transparent 50%, var(--soft) 50%);background-position:calc(100% - 22px),calc(100% - 17px);background-repeat:no-repeat;background-size:5px 5px;padding-right:40px}.quote textarea{resize:vertical;min-height:160px}.quote :is(input,select,textarea)::placeholder{color:#6e6e73}.quote [aria-invalid=true]{box-shadow:inset 0 0 0 1px #ff6961}.quote .err{color:#ff6961;min-height:0;margin:0;font-size:13px}.quote .err:empty{display:none}.quote .trap{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.quote .send{grid-column:1/-1;justify-items:center;gap:16px;margin-top:12px;display:grid}.quote .btn[disabled]{opacity:.6;cursor:progress;transform:none}.quote .status{color:var(--soft);text-align:center;margin:0;font-size:15px}.quote .status.ok{color:#30d158}.quote .status.ko{color:#ff6961}@media (width<=640px){.quote{grid-template-columns:minmax(0,1fr)}}footer{padding-block:clamp(96px,10vw,160px) 32px}footer .brand{flex-wrap:wrap;align-items:baseline;gap:6px 18px;margin:0 0 20px;font-size:22px;display:flex}footer .brand span{color:var(--soft);font-size:15px}footer .brand b{color:var(--brand);font-weight:600}footer .meta{color:var(--soft);border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:20px;font-size:13px;display:flex}footer .meta a{text-decoration:none}footer .meta a:hover{color:var(--ink)}@media (width<=560px){footer .meta{text-align:center;justify-content:center}}
