.brief{--bg:#03030a;--surface:#141a428c;--ink:#f5f7ff;--muted:#9aa3c7;--line:#7896ff2e;--accent:#3d7bff;--accent-ink:#fff;--accent-soft:#3d7bff29;--danger:#ff6b78;--ok:#46d19b;--f-display:var(--font-manrope),system-ui,sans-serif;--f-body:var(--font-manrope),system-ui,sans-serif;--r:18px;font:16px/1.55 var(--f-body);color:var(--ink)}.brief h1{font:800 clamp(30px,6vw,48px)/1.05 var(--f-display);letter-spacing:-.03em;text-wrap:balance;margin:0 0 10px}.brief html,.brief body{margin:0}.brief .stepcount{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}.brief .bar{background:var(--line);border-radius:2px;height:4px;margin:14px 0 36px;overflow:hidden}.brief .bar i{background:var(--accent);width:0;height:100%;transition:width .4s;display:block}.brief .sub{color:var(--muted);max-width:58ch;margin:0 0 32px;font-size:17px}.brief .q{margin-bottom:34px}.brief .q>.lbl{margin-bottom:4px;font-size:17px;font-weight:700;display:block}.brief .q>.lbl .req{color:var(--accent)}.brief .q>.help{color:var(--muted);margin:0 0 12px;font-size:14px}.brief .q>.lbl+.ctl{margin-top:10px}.brief input[type=text],.brief input[type=email],.brief input[type=tel],.brief textarea{font:inherit;color:var(--ink);background:var(--surface);border:1.5px solid var(--line);border-radius:12px;width:100%;padding:14px 16px;font-size:16px;transition:border-color .15s}.brief textarea{resize:vertical;min-height:120px}.brief input:focus,.brief textarea:focus{border-color:var(--accent);outline:none}.brief .err{color:var(--danger);margin-top:8px;font-size:14px;font-weight:600}.brief .q.invalid input,.brief .q.invalid textarea{border-color:var(--danger)}.brief .q.invalid .tile-grid{outline:1.5px dashed var(--danger);outline-offset:6px;border-radius:var(--r)}.brief .tile-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;display:grid}.brief .tile{text-align:left;font:inherit;color:inherit;background:var(--surface);border:1.5px solid var(--line);border-radius:var(--r);cursor:pointer;flex-direction:column;align-items:flex-start;gap:8px;min-width:0;padding:16px;transition:border-color .15s,transform .15s,box-shadow .15s;display:flex;position:relative}.brief .tile:hover{border-color:var(--muted)}.brief .tile[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 1.5px var(--accent);background:var(--accent-soft)}.brief .tile .ic{width:28px;height:28px;color:var(--accent)}.brief .tile b{font-size:15px;font-weight:700;line-height:1.3}.brief .tile small{color:var(--muted);font-size:13px;line-height:1.4}.brief .tile .tick{border:1.5px solid var(--line);background:var(--surface);border-radius:50%;place-items:center;width:22px;height:22px;display:grid;position:absolute;top:10px;right:10px}.brief .tile[aria-pressed=true] .tick{background:var(--accent);border-color:var(--accent)}.brief .tile .tick svg{width:12px;height:12px;stroke:var(--accent-ink);opacity:0}.brief .tile[aria-pressed=true] .tick svg{opacity:1}.brief .multi-note{color:var(--muted);margin:-4px 0 10px;font-size:13px}.brief .style-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;display:grid}.brief .style-grid .tile{padding:10px 10px 14px}.brief .mock{aspect-ratio:16/11;border-radius:9px;flex-direction:column;width:100%;max-width:100%;display:flex;position:relative;overflow:hidden}.brief .mock .nav{letter-spacing:.08em;justify-content:space-between;align-items:center;padding:7px 10px;font-size:8px;display:flex}.brief .mock .nav span{gap:7px;display:flex}.brief .mock .hero{flex:1;grid-template-columns:1.1fr 1fr;align-items:center;gap:6px;padding:0 12px;display:grid}.brief .mock h5{margin:0 0 5px;font-size:15px;line-height:1.05}.brief .mock p{opacity:.7;margin:0 0 7px;font-size:7px;line-height:1.4}.brief .mock .btn{border-radius:3px;padding:4px 8px;font-size:7px;display:inline-block}.brief .mock .obj{justify-self:center;width:62px;height:62px}.brief .m-luxe{color:#efe6d2;background:radial-gradient(120% 90% at 70% 40%,#2a241b,#0b0a08)}.brief .m-luxe h5{letter-spacing:.02em;font-family:Cormorant Garamond,serif;font-size:18px;font-weight:600}.brief .m-luxe .btn{color:#c9a45c;border:1px solid #c9a45c}.brief .m-luxe .obj{background:radial-gradient(circle at 35% 30%,#fff3cf,#c9a45c 40%,#5a4320 80%);border-radius:50%;box-shadow:0 10px 30px #c9a45c59}.brief .m-minimal{color:#141414;background:#f7f7f5}.brief .m-minimal h5{letter-spacing:-.03em;font-family:Manrope,sans-serif;font-weight:700}.brief .m-minimal .btn{color:#fff;background:#141414}.brief .m-minimal .obj{background:linear-gradient(145deg,#fff,#d8d8d4);border-radius:14px;width:54px;height:54px;transform:rotate(-12deg);box-shadow:8px 10px 18px #0000001f,-4px -4px 10px #fff}.brief .m-futur{color:#dfe8ff;background:radial-gradient(100% 80% at 70%,#101a4a,#05071a)}.brief .m-futur h5{letter-spacing:.06em;font-family:Orbitron,sans-serif;font-size:12px}.brief .m-futur .btn{color:#fff;background:#3d6bff;box-shadow:0 0 12px #3d6bff}.brief .m-futur .obj{border:2px solid #7fb2ff;border-radius:50%;position:relative;box-shadow:0 0 14px #3d6bff,inset 0 0 14px #3d6bff}.brief .m-futur .obj:after{content:"";border:1.5px solid #9fd3ff;border-radius:50%;position:absolute;inset:14px;transform:rotateX(65deg)}.brief .m-futur:before{content:"";pointer-events:none;background:linear-gradient(#0000,#3d6bff2e),repeating-linear-gradient(90deg,#7fb2ff2e 0 1px,#0000 1px 16px);height:40%;position:absolute;inset:auto 0 0}.brief .m-chaleureux{color:#3a3326;background:#efe7da}.brief .m-chaleureux h5{font-family:Fraunces,serif;font-weight:600}.brief .m-chaleureux .btn{color:#fff;background:#6f7f5a;border-radius:20px}.brief .m-chaleureux .obj{background:radial-gradient(circle at 35% 30%,#b9c79f,#6f7f5a 70%);border-radius:58% 42% 50% 50%/55% 50% 50% 45%;width:66px;height:58px;box-shadow:0 10px 18px #503c1e40}.brief .m-fun{color:#2b1a5a;background:#fff4d6}.brief .m-fun h5{color:#3a0ca3;font-family:"Baloo 2",sans-serif;font-size:17px;font-weight:800}.brief .m-fun .btn{color:#fff;background:#ff4d2e;border-radius:20px}.brief .m-fun .obj{width:70px;height:62px;position:relative}.brief .m-fun .obj i{border-radius:50%;position:absolute}.brief .m-fun .obj i:first-child{background:#2ec4b6;width:38px;height:38px;top:14px;left:0}.brief .m-fun .obj i:nth-child(2){background:#ff4d2e;width:28px;height:28px;top:0;right:4px}.brief .m-fun .obj i:nth-child(3){background:#3a0ca3;width:22px;height:22px;bottom:0;right:10px}.brief .m-audacieux{color:#111;background:#e9e4dc}.brief .m-audacieux .hero{grid-template-columns:1fr;position:relative}.brief .m-audacieux h5{text-transform:uppercase;letter-spacing:-.01em;z-index:1;mix-blend-mode:multiply;font-family:Anton,sans-serif;font-size:34px;line-height:.9;position:relative}.brief .m-audacieux .obj{clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%);background:#ff3b1f;width:70px;height:70px;position:absolute;top:6px;right:14px}.brief .m-audacieux .btn{color:#e9e4dc;background:#111}.brief .pal-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;display:grid}.brief .sw{border:1px solid var(--line);border-radius:9px;width:100%;height:44px;display:flex;overflow:hidden}.brief .sw i{flex:1}.brief .sw.empty{color:var(--muted);background:repeating-linear-gradient(45deg,transparent 0 6px,var(--line) 6px 7px);justify-content:center;align-items:center;font-size:22px}.brief .vis-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.brief .vis-grid .tile{padding:12px 12px 16px}.brief .illus{aspect-ratio:4/3;background:var(--accent-soft);width:100%;color:var(--accent);border-radius:10px;place-items:center;max-width:100%;display:grid}.brief .illus svg{width:78%;height:78%}.brief .check{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--r);cursor:pointer;align-items:flex-start;gap:12px;padding:16px;font-weight:500;display:flex}.brief .check input{width:20px;height:20px;accent-color:var(--accent);flex:none;margin-top:2px}.brief .autre{flex-direction:column;gap:6px;margin-top:12px;display:flex}.brief .autre label{color:var(--muted);font-size:14px;font-weight:600}.brief .autre input{padding:11px 14px!important;font-size:15px!important}.brief .hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.brief .actions{background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--line);padding:14px 16px calc(14px + env(safe-area-inset-bottom,0px));position:fixed;bottom:0;left:0;right:0}.brief .actions .in{align-items:center;gap:10px;max-width:860px;margin:0 auto;display:flex}.brief .btn-p,.brief .btn-s{font:700 16px var(--f-body);cursor:pointer;border:1.5px solid #0000;border-radius:999px;padding:14px 26px}.brief .btn-p{background:var(--accent);color:var(--accent-ink);margin-left:auto}.brief .btn-p:disabled{opacity:.6;cursor:wait}.brief .btn-s{border-color:var(--line);color:var(--ink);background:0 0}.brief .saved{color:var(--muted);font-size:13px}@media (max-width:520px){.brief .saved{display:none}.brief .btn-p,.brief .btn-s{padding:13px 20px}}.brief .done{text-align:center;padding-top:40px}.brief .done .big{background:var(--accent-soft);width:84px;height:84px;color:var(--accent);border-radius:50%;place-items:center;margin:0 auto 20px;display:grid}.brief .done .big svg{width:40px;height:40px}.brief .banner{border:1.5px solid var(--danger);color:var(--danger);border-radius:12px;margin-bottom:20px;padding:12px 14px;font-size:15px;font-weight:600}.brief .banner ul{margin:6px 0 0;padding-left:18px;font-weight:500}.brief .step-in{animation:.35s both in}@keyframes in{0%{opacity:.001;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.brief .step-in{animation:none}.brief .bar i{transition:none}}.brief .opt{font:600 11px var(--f-body);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);vertical-align:2px;border-radius:999px;margin-left:8px;padding:2px 8px}.brief .mock h5{-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.brief .mock .nav strong{text-overflow:ellipsis;white-space:nowrap;max-width:55%;overflow:hidden}.brief .pv{aspect-ratio:16/9;background:var(--pbg);color:var(--pink);border:1px solid var(--line);border-radius:14px;box-shadow:0 20px 50px -20px #00000059}.brief .pv .nav{padding:14px 20px;font-size:11px}.brief .pv .hero{gap:16px;padding:0 24px}.brief .pv h5{margin-bottom:10px;font-size:clamp(20px,4.4vw,38px)}.brief .pv p{max-width:34ch;font-size:clamp(10px,1.6vw,13px)}.brief .pv .btn{background:var(--pacc);color:var(--pbg);border-radius:6px;padding:8px 14px;font-size:clamp(10px,1.5vw,13px)}.brief .pv .obj{background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--pacc) 35%,#fff),var(--pacc) 45%,color-mix(in srgb,var(--pacc) 55%,#000) 90%);width:clamp(80px,18vw,150px);height:clamp(80px,18vw,150px);box-shadow:0 18px 40px -10px color-mix(in srgb,var(--pacc) 60%,transparent);border-radius:50%}.brief .pv.f-minimal .obj{border-radius:26%;transform:rotate(-12deg)}.brief .pv.f-futur .obj{border:3px solid var(--pacc);box-shadow:0 0 24px var(--pacc),inset 0 0 24px var(--pacc);background:0 0}.brief .pv.f-chaleureux .obj{border-radius:58% 42% 50% 50%/55% 50% 50% 45%}.brief .pv.f-fun .obj{box-shadow:-40px 30px 0 -18px var(--pink),30px -40px 0 -26px var(--psurf);border-radius:50%}.brief .pv.f-audacieux .obj{clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%);border-radius:0}.brief .f-luxe h5{font-family:Cormorant Garamond,serif;font-weight:600}.brief .f-minimal h5{letter-spacing:-.03em;font-family:Manrope,sans-serif;font-weight:700}.brief .f-futur h5{font-family:Orbitron,sans-serif;font-size:clamp(16px,3.4vw,28px)!important}.brief .f-chaleureux h5{font-family:Fraunces,serif;font-weight:600}.brief .f-fun h5{font-family:"Baloo 2",sans-serif;font-weight:800}.brief .f-audacieux h5{text-transform:uppercase;font-family:Anton,sans-serif;line-height:.95}.brief .pv-cap{color:var(--muted);margin:10px 0 34px;font-size:13px}.brief .recap{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--r);margin-bottom:34px}.brief .recap details{border-top:1px solid var(--line)}.brief .recap details:first-child{border-top:0}.brief .recap summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;font-weight:700;list-style:none;display:flex}.brief .recap summary::-webkit-details-marker{display:none}.brief .recap summary:after{content:"+";color:var(--muted);font-size:20px;font-weight:500}.brief .recap details[open] summary:after{content:"–"}.brief .recap dl{gap:8px;margin:0;padding:0 18px 16px;display:grid}.brief .recap dt{color:var(--muted);font-size:13px}.brief .recap dd{white-space:pre-wrap;word-break:break-word;margin:0}.brief .recap .edit{font:700 14px var(--f-body);color:var(--accent);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:4px 0;text-decoration:underline}.brief .recap-h{margin:0 0 10px;font-size:17px;font-weight:700}.brief .drop{text-align:center;border:2px dashed var(--line);border-radius:var(--r);background:var(--surface);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:28px 16px;transition:border-color .15s,background .15s;display:flex}.brief .drop:hover,.brief .drop.over{border-color:var(--accent);background:var(--accent-soft)}.brief .drop .ic{width:34px;height:34px;color:var(--accent)}.brief .drop b{font-size:16px}.brief .drop small{color:var(--muted);font-size:13px}.brief .flist{flex-direction:column;gap:8px;margin:12px 0 0;padding:0;list-style:none;display:flex}.brief .flist li{background:var(--surface);border:1.5px solid var(--line);border-radius:10px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 12px;padding:10px 14px;font-size:14px;display:grid}.brief .flist .fn{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.brief .flist .fs{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.brief .flist .fs.ok{color:var(--ok)}.brief .flist .fs.ko{color:var(--danger)}.brief .flist .pb{background:var(--line);border-radius:2px;grid-column:1/-1;height:4px;overflow:hidden}.brief .flist .pb i{background:var(--accent);width:0;height:100%;transition:width .2s;display:block}.brief .flist button{font:600 13px var(--f-body);color:var(--muted);cursor:pointer;background:0 0;border:0;text-decoration:underline}.brief .book{font:700 16px var(--f-body);background:var(--accent);color:var(--accent-ink);border-radius:999px;margin-top:8px;padding:14px 26px;text-decoration:none;display:inline-block}.brief .tile[aria-pressed=true]{box-shadow:0 0 0 1.5px var(--accent),0 0 26px -6px #3d7bffe6}.brief input[type=text],.brief input[type=email],.brief input[type=tel],.brief textarea{background:#ffffff0a}.brief .bar{margin:0 0 36px}.brief.embedded{scroll-margin-top:90px}.brief.embedded .actions{border-radius:20px 20px 0 0;margin-top:24px;position:sticky;bottom:0}.brief .gal-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;display:grid}.brief .gal-grid .tile{text-align:left;padding:8px 8px 14px}.brief .gal-grid .shot{aspect-ratio:16/10;object-fit:cover;object-position:top;border:1px solid var(--line);border-radius:8px;width:100%;height:auto;margin-bottom:10px;display:block}
