:root{--ink:#172321;--muted:#62706d;--paper:#fbf8ef;--paper2:#f3efe4;--white:#fff;--teal:#159a91;--teal-dark:#0d716a;--teal-soft:#dff1f0;--yellow:#f2d47a;--red:#b94d43;--line:#1c2927;--shadow:6px 7px 0 rgba(23,35,33,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif}button,input,select{font:inherit}a{color:inherit;text-decoration:none}img{max-width:100%}[hidden]{display:none!important}
.shop-header{position:sticky;top:0;z-index:40;display:grid;grid-template-columns:180px 1fr auto;align-items:center;gap:24px;min-height:82px;padding:8px clamp(18px,5vw,72px);border-bottom:2px solid var(--line);background:rgba(251,248,239,.94);backdrop-filter:blur(14px)}.shop-brand img{display:block;width:160px;height:62px;object-fit:contain}.shop-header nav{display:flex;justify-content:center;gap:32px;font-size:12px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.shop-actions{display:flex;align-items:center;gap:10px}.text-button{border:0;background:transparent;color:var(--teal-dark);font-weight:900;cursor:pointer}.app-button{display:grid;place-items:center;min-width:75px;min-height:46px;border:2px solid var(--line);background:var(--ink);color:#fff;font-weight:900;box-shadow:4px 5px 0 rgba(23,35,33,.13);rotate:-1deg}
.shop-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:60px;min-height:590px;padding:75px clamp(24px,8vw,128px);overflow:hidden;background:linear-gradient(135deg,#f8fbf6,#dff1f0)}.shop-hero:before{content:"";position:absolute;z-index:-1;inset:0;background-image:linear-gradient(rgba(21,154,145,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(21,154,145,.08) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(90deg,#000,transparent)}.eyebrow{display:flex;align-items:center;gap:9px;margin:0;color:var(--teal-dark);font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.eyebrow span{width:28px;height:2px;background:currentColor;rotate:-3deg}.eyebrow.light{color:#a9eee7}.shop-hero h1,.section-heading h2,.how-section h2,.dialog-main h2,.dialog-side h2{font-family:"Cabin Sketch",sans-serif}.shop-hero h1{margin:18px 0 24px;font-size:clamp(55px,6vw,88px);line-height:.92;text-transform:uppercase}.shop-hero h1 em{color:var(--teal-dark);font-style:normal}.shop-hero .hero-copy>p:not(.eyebrow){max-width:650px;color:#4d5a57;font-size:19px;line-height:1.65}.hero-proof{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.hero-proof>*{padding:8px 11px;border:1px solid #a7cfca;border-radius:99px;background:rgba(255,255,255,.72);font-size:11px}.hero-visual{position:relative;min-height:430px}.hero-visual:before{content:"";position:absolute;inset:6% 2% 8% 8%;border:2px solid var(--line);border-radius:48% 52% 43% 57%;background:var(--teal);rotate:3deg}.hero-visual img{position:absolute;width:280px;right:3%;bottom:-2%;filter:drop-shadow(0 18px 13px rgba(0,0,0,.2));rotate:-8deg}.receipt-card{position:absolute;z-index:2;left:0;top:16%;display:grid;width:min(330px,75%);padding:30px;border:2px solid var(--line);border-radius:3px 8px 4px 7px;background:#fff;box-shadow:var(--shadow);rotate:-4deg}.receipt-card span{color:var(--teal-dark);font-size:11px;font-weight:900;letter-spacing:.13em}.receipt-card b{margin:18px 0 8px;font:700 34px "Cabin Sketch"}.receipt-card small{color:var(--muted)}.receipt-card i{display:grid;place-items:center;width:46px;height:46px;margin-top:25px;border-radius:50%;background:var(--teal);color:#fff;font-size:25px;font-style:normal}
.checkout-notice{max-width:1120px;margin:28px auto 0;padding:15px 18px;border:2px solid #2b7d5b;border-radius:8px;background:#e6f7eb;color:#185538;font-weight:800}.checkout-notice.error{border-color:#b94d43;background:#fff0ec;color:#8e3027}
.shop-section{padding:100px clamp(18px,6vw,90px)}.section-heading{max-width:760px;margin:0 auto 52px;text-align:center}.section-heading .eyebrow{justify-content:center}.section-heading h2{margin:14px 0;font-size:clamp(43px,5vw,68px);line-height:1}.section-heading>p:last-child{color:var(--muted);line-height:1.6}.shop-layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:30px;max-width:1320px;margin:auto;align-items:start}.offer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.loading{grid-column:1/-1;color:var(--muted)}.offer-card{position:relative;display:flex;flex-direction:column;min-width:0;min-height:560px;padding:27px;border:2px solid var(--line);border-radius:5px 14px 7px 12px;background:#fff;box-shadow:var(--shadow);transition:.18s transform}.offer-card:nth-child(2){background:var(--teal-soft);translate:0 -12px}.offer-card:hover,.offer-card.selected{transform:translateY(-5px);border-color:var(--teal-dark)}.offer-card.selected:after{content:"✓ Sélectionnée";position:absolute;top:-16px;right:18px;padding:7px 11px;border:2px solid var(--line);border-radius:99px;background:var(--yellow);font-size:10px;font-weight:900;text-transform:uppercase}.offer-plan{color:var(--teal-dark);font-size:11px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.offer-card h3{margin:14px 0 8px;font:700 32px "Cabin Sketch"}.offer-price{display:flex;align-items:end;gap:6px;margin:12px 0}.offer-price b{font:700 46px "Cabin Sketch"}.offer-price span{padding-bottom:8px;color:var(--muted);font-size:11px}.offer-card>p{min-height:76px;color:var(--muted);line-height:1.55}.offer-features{display:grid;gap:11px;padding:0;margin:18px 0 26px;list-style:none;font-size:13px}.offer-features li:before{content:"✓";margin-right:8px;color:var(--teal-dark);font-weight:900}.offer-card .select-offer{width:100%;min-height:48px;margin-top:auto;border:2px solid var(--line);background:var(--white);font-weight:900;cursor:pointer}.offer-card:nth-child(2) .select-offer{background:var(--teal);color:#fff}.founder-tag{display:inline-flex;width:max-content;margin-bottom:8px;padding:6px 9px;border:1px solid var(--teal-dark);border-radius:99px;background:#f0faf8;color:var(--teal-dark);font-size:9px;font-weight:900;text-transform:uppercase;rotate:-1deg}
.order-panel{position:sticky;top:104px;padding:25px;border:2px solid var(--line);border-radius:10px 5px 13px 6px;background:#fff;box-shadow:8px 9px 0 rgba(23,35,33,.12)}.order-title{display:flex;justify-content:space-between;gap:12px;padding-bottom:17px;border-bottom:1px solid #d6ddda}.order-title span:first-child{color:var(--muted);font-size:10px;font-weight:900;text-transform:uppercase}.order-title h2{margin:5px 0 0;font:700 27px "Cabin Sketch"}.order-badge{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--ink);color:#fff;font-weight:900}.order-empty{padding:42px 0;color:var(--muted);line-height:1.6;text-align:center}.site-count{display:grid;grid-template-columns:1fr auto;align-items:center;gap:15px;padding:18px 0;border-bottom:1px solid #e0e5e3}.site-count label{font-size:12px;font-weight:900}.site-count small{display:block;margin-top:3px;color:var(--muted);font-weight:500}.stepper{display:flex;align-items:center;gap:9px}.stepper button{width:32px;height:32px;border:1px solid var(--line);background:#fff;font-weight:900;cursor:pointer}.stepper b{min-width:22px;text-align:center}.promo-row{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:18px}.promo-row input{min-width:0;height:44px;padding:0 10px;border:1px solid #a9b6b3;text-transform:uppercase}.promo-row button{border:1px solid var(--line);background:var(--paper2);font-weight:800;cursor:pointer}.promo-message,.form-message{min-height:17px;margin:7px 0;color:var(--red);font-size:11px;font-weight:700}.order-totals{display:grid;gap:9px;margin:17px 0;padding:17px 0;border-block:1px solid #d7dddb}.order-totals div{display:flex;justify-content:space-between;gap:15px;color:var(--muted);font-size:13px}.order-totals .grand{padding-top:9px;border-top:1px dashed #adb8b5;color:var(--ink);font-size:18px;font-weight:900}.terms{display:grid;grid-template-columns:auto 1fr;gap:9px;align-items:start;font-size:11px;line-height:1.45}.terms input{width:17px;height:17px}.terms a{text-decoration:underline}.checkout-button,.primary-button,.secondary-button{display:flex;align-items:center;justify-content:center;min-height:50px;padding:0 17px;border:2px solid var(--line);background:var(--teal);color:#fff;font-weight:900;cursor:pointer;box-shadow:4px 5px 0 rgba(23,35,33,.13)}.checkout-button{width:100%;margin-top:18px}.checkout-button:disabled{opacity:.55;cursor:wait}.checkout-help{margin:13px 0 0;color:var(--muted);font-size:10px;line-height:1.5}
.how-section{padding:95px clamp(24px,8vw,128px);background:#172321;color:#fff}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1180px;margin:auto}.how-grid article{padding:27px;border:1px solid #57706c;border-radius:5px 13px 7px 10px;background:#21302d}.how-grid b{color:#82e0d7;font:700 25px "Cabin Sketch"}.how-grid h3{font:700 28px "Cabin Sketch"}.how-grid p{color:#b8c8c4;line-height:1.6}.shop-footer{display:grid;grid-template-columns:180px 1fr auto;align-items:center;gap:28px;padding:35px clamp(20px,6vw,90px);border-top:2px solid var(--line)}.shop-footer img{width:150px}.shop-footer p{color:var(--muted)}.shop-footer nav{display:flex;gap:18px;font-size:12px;font-weight:800}
.shop-dialog{width:min(900px,calc(100% - 28px));max-height:calc(100vh - 28px);padding:0;border:2px solid var(--line);border-radius:8px;background:var(--paper);box-shadow:15px 18px 0 rgba(0,0,0,.22);overflow:auto}.shop-dialog::backdrop{background:rgba(15,27,25,.72);backdrop-filter:blur(5px)}.shop-dialog[open]{display:grid;grid-template-columns:300px 1fr}.dialog-close{position:absolute;z-index:3;right:12px;top:10px;width:38px;height:38px;border:0;background:transparent;font-size:30px;cursor:pointer}.dialog-side{display:flex;flex-direction:column;justify-content:center;padding:35px;background:var(--teal-dark);color:#fff}.dialog-side img{width:220px;margin:auto;filter:drop-shadow(0 12px 8px rgba(0,0,0,.2))}.dialog-side h2{font-size:34px}.dialog-side p{color:#cae8e4;line-height:1.6}.dialog-main{padding:42px}.dialog-main.full{grid-column:1/-1}.dialog-main>h2{margin:13px 0 18px;font-size:40px}.dialog-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:22px;padding:4px;border:2px solid var(--line)}.dialog-tabs button{min-height:42px;border:0;background:transparent;font-weight:900;cursor:pointer}.dialog-tabs button.active{background:var(--teal-soft)}.dialog-form{display:grid;grid-template-columns:1fr;gap:14px}.dialog-form label{display:grid;gap:6px;color:#33423f;font-size:11px;font-weight:900}.dialog-form input,.dialog-form select{width:100%;height:46px;padding:0 11px;border:1.5px solid #8b9895;background:#fff}.dialog-form .check{display:grid;grid-template-columns:auto 1fr;align-items:start}.dialog-form .check input{width:17px;height:17px}.billing-form{grid-template-columns:1fr 1fr}.billing-form .wide{grid-column:1/-1}.billing-intro{color:var(--muted)}.secondary-button{background:#fff;color:var(--ink);box-shadow:none}.account-actions{display:flex;flex-wrap:wrap;gap:10px}.account-section{margin-top:30px}.account-section h3{font:700 26px "Cabin Sketch"}.account-card,.invoice-row{padding:16px;border:1px solid #cbd7d4;background:#fff}.subscription-head{display:flex;justify-content:space-between;gap:14px}.subscription-status{padding:6px 9px;border-radius:99px;background:#dff5e6;color:#176638;font-size:10px;font-weight:900;text-transform:uppercase}.subscription-status.pending{background:#fff0c9;color:#835b05}.subscription-status.cancelled{background:#ffe6df;color:#973728}.subscription-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.subscription-meta div{padding:10px;background:#f3f7f5}.subscription-meta span{display:block;color:var(--muted);font-size:9px;text-transform:uppercase}.subscription-meta b{display:block;margin-top:4px;font-size:12px}.subscription-actions{display:flex;gap:8px;margin-top:14px}.subscription-actions button{min-height:40px;padding:0 12px;border:1px solid var(--line);background:#fff;font-weight:800;cursor:pointer}.subscription-actions .danger{border-color:var(--red);color:var(--red)}.invoice-list{display:grid;gap:8px}.invoice-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.invoice-row small{display:block;color:var(--muted)}.invoice-actions{display:flex;gap:7px}.invoice-actions button{min-height:36px;border:1px solid var(--line);background:#fff;font-size:10px;font-weight:800;cursor:pointer}
@media(max-width:1100px){.shop-layout{grid-template-columns:1fr}.order-panel{position:relative;top:auto;max-width:700px;width:100%;margin:auto}.offer-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){.shop-header{grid-template-columns:120px 1fr auto;min-height:70px;padding-inline:16px}.shop-brand img{width:118px}.shop-header nav{display:none}.shop-actions .text-button{font-size:11px}.app-button{min-width:58px;min-height:40px}.shop-hero{grid-template-columns:1fr;min-height:auto;padding:60px 18px}.shop-hero h1{font-size:54px}.hero-visual{min-height:360px}.hero-visual img{width:210px}.offer-grid{grid-template-columns:1fr;max-width:600px;margin:auto}.offer-card:nth-child(2){translate:0}.how-grid{grid-template-columns:1fr}.shop-footer{grid-template-columns:1fr;text-align:center}.shop-footer img{margin:auto}.shop-footer nav{justify-content:center;flex-wrap:wrap}.shop-dialog[open]{display:block}.dialog-side{display:none}.dialog-main{padding:44px 20px 25px}.billing-form{grid-template-columns:1fr}.billing-form .wide{grid-column:1}.subscription-meta{grid-template-columns:1fr}.invoice-row{grid-template-columns:1fr}.invoice-actions{flex-wrap:wrap}}
@media(max-width:420px){.shop-actions{gap:3px}.shop-actions .text-button{max-width:92px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shop-hero h1{font-size:48px}.shop-section{padding-inline:14px}.offer-card{min-height:0}.order-panel{padding:20px}.section-heading{text-align:left}.section-heading .eyebrow{justify-content:flex-start}.dialog-main>h2{font-size:35px}}