/* Pages intérieures : le langage visuel de l'accueil, sans modifier sa cascade. */
:root:not([data-page=home]){font-size:1px;--bg:var(--page-bg);--panel:#0c0e12;--line:#ffffff1a;--text:#f4f5f7;--muted:#9e9ba7;--purple:#bea7ee;--cyan:#a5cbd2;--gold:#e6b8b5}
:root:not([data-page=home]) body{background:var(--page-bg);font:400 16px/1.6 Inter,Arial,sans-serif}
.inner-page{--inner-gutter:clamp(22px,4vw,72px);background:var(--page-bg);color:#f4f5f7;isolation:isolate}
.inner-page main{position:relative;isolation:isolate;max-width:1440px;margin:auto;padding:0 var(--inner-gutter) 110px;min-height:640px}
.inner-page main::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 520px 290px at -70px 80px,#e6b8b52c,transparent 75%),radial-gradient(ellipse 560px 320px at calc(100% + 90px) calc(100% - 90px),#dce3f025,transparent 78%);mask-image:linear-gradient(transparent,#000 42px,#000 calc(100% - 48px),transparent)}
.inner-page main :where(h1,h2,h3,h4){font-family:Inter,Arial,sans-serif;font-weight:400;color:#f4f5f7;letter-spacing:-.035em;text-wrap:balance}
.inner-page main h1{font-size:clamp(42px,4.6vw,68px);line-height:1.06;letter-spacing:-.045em;position:relative;z-index:1}
.inner-page h1 .heading-accent{display:block;width:fit-content;max-width:100%}
.inner-page .heading-accent{background:var(--heading-accent);color:transparent;background-clip:text;-webkit-background-clip:text;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.inner-page main p{color:#a5a1ad;font-size:15px;line-height:1.75;letter-spacing:-.12px}
.inner-page main .icon{width:22px;height:22px;flex:none}
.inner-page main .fine-print{font-size:11px;line-height:1.65;color:#99929f}
.inner-page main :where(a,button,input):focus-visible{outline:2px solid #bea7ee;outline-offset:4px}
.inner-page .button,:root:not([data-page=home]) dialog .button{position:static;display:inline-flex;gap:12px;align-items:center;justify-content:center;align-self:flex-start;width:auto;min-height:46px;padding:12px 22px;border:1px solid #e5e1eb80;border-radius:999px;background:linear-gradient(135deg,#fff,#e6e2ed);box-shadow:0 0 18px #dbd1eb12,inset 0 1px #fff8;color:#25212e;font:500 13px/1.25 Inter,Arial,sans-serif;letter-spacing:0;white-space:nowrap;transition:transform 140ms cubic-bezier(.16,1,.3,1),border-color 220ms,background-color 220ms,box-shadow 220ms}
.inner-page .button .icon,:root:not([data-page=home]) dialog .button .icon{width:17px;height:17px}
.inner-page .button:hover,:root:not([data-page=home]) dialog .button:hover{background:#fff;border-color:#fff;box-shadow:0 0 24px #bea7ee28}
.inner-page .button.outline,:root:not([data-page=home]) dialog .button.outline{background:rgba(10,13,18,.66);border-color:rgba(205,217,235,.28);color:#f4f5f7;box-shadow:none;font-weight:400}
.inner-page .button.outline:hover,:root:not([data-page=home]) dialog .button.outline:hover{background:rgba(20,24,31,.8);border-color:rgba(213,194,255,.65)}
.inner-page .button:active,:root:not([data-page=home]) dialog .button:active{transform:scale(.97)}
.inner-page .button:disabled{cursor:wait}

/* Verre transparent, reflets limités aux bords. */
.inner-page :is(.product-card,.store-card,.method-detail,.starting-point,.ranking-table.compact,.result-bottom>section){border:1px solid #d0d7e433;border-radius:16px;background-color:transparent;background-image:linear-gradient(135deg,#ffffff06,transparent 38%,transparent 75%,#f0f4ff05);background-size:auto;-webkit-backdrop-filter:blur(3px) saturate(110%);backdrop-filter:blur(3px) saturate(110%);box-shadow:0 24px 60px -28px #000b,0 0 34px -15px #e6b8b51f,inset 0 1px #f4f5f71e,inset 0 -1px #dce3f010;transition:border-color 220ms,box-shadow 220ms}
.inner-page :is(.product-card,.store-card,.result-bottom>section):focus-within{border-color:#bea7ee80;box-shadow:0 24px 60px -28px #000b,0 0 32px -10px #bea7ee21,inset 0 1px #f4f5f726}
@media(hover:hover) and (pointer:fine){.inner-page :is(.product-card,.store-card,.result-bottom>section):hover{border-color:#bea7ee80;box-shadow:0 24px 60px -28px #000b,0 0 32px -10px #bea7ee21,inset 0 1px #f4f5f726}}
.inner-page .coded-art{mix-blend-mode:normal;overflow:visible;flex:none}
.inner-page .coded-art [id$="-panel"] stop:first-child{stop-color:#1a1c25;stop-opacity:.84}
.inner-page .coded-art [id$="-panel"] stop:nth-child(2){stop-color:#0c0d13;stop-opacity:.84}
.inner-page .coded-art [id$="-panel"] stop:last-child{stop-color:#08090e;stop-opacity:.84}
.inner-page .coded-art [id$="-blue"] stop:first-child{stop-color:#bacbdc}
.inner-page .coded-art [id$="-blue"] stop:last-child{stop-color:#8f80bd}

/* Produits */
.inner-page .products-intro{height:auto;min-height:400px;padding:65px 0 66px;display:grid;grid-template-columns:1.1fr .9fr;gap:20px 64px;align-content:center}
.inner-page .products-intro h1{grid-column:1;align-self:end;max-width:680px}
.inner-page .products-intro>p{grid-column:1;align-self:start;max-width:490px;font-size:18px;line-height:1.65;margin:0;z-index:1}
.inner-page .products-hero-art{position:relative;inset:auto;grid-column:2;grid-row:1/3;align-self:center;width:100%;max-width:490px;margin:auto;opacity:.92}
.inner-page .product-grid{padding:0;gap:24px;grid-template-columns:repeat(2,minmax(0,1fr))}
.inner-page .product-card{height:auto;min-height:440px;padding:32px 27px;display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:14px;overflow:hidden}
.inner-page .product-copy{position:relative;width:auto;min-width:0;height:auto;display:flex;flex-direction:column;align-items:flex-start}
.inner-page .product-copy h2{font-size:30px;line-height:1.2;gap:11px;letter-spacing:-1px;font-weight:400}
.inner-page .product-copy .product-mark{width:29px;height:33px}
.inner-page .product-copy h3{font-size:22px;line-height:1.35;margin:23px 0 0;letter-spacing:-.6px}
.inner-page .product-copy>p{font-size:14px;line-height:1.8;margin:16px 0 0;max-width:320px}
.inner-page .product-copy>.button{position:static;margin-top:29px;bottom:auto;left:auto;min-height:46px;font-size:12px;padding:12px 18px;gap:10px}
.inner-page .product-card .product-preview{position:static;inset:auto;width:100%;max-width:255px;height:auto;align-self:center;margin:auto;filter:drop-shadow(0 20px 20px #0005)}

/* Store */
.inner-page .store-intro{height:auto;display:block;padding:68px 0 30px}
.inner-page .store-intro>div{max-width:none}
.inner-page .store-intro p{font-size:18px;max-width:610px;white-space:normal;margin:22px 0 0}
.inner-page .store-search{position:relative;inset:auto;display:flex;margin-top:34px;width:min(100%,560px);height:52px;border:1px solid #d0d7e433;border-radius:12px;background:#ffffff04;box-shadow:inset 0 1px #ffffff09}
.inner-page .store-search input{font-size:16px;padding:14px 18px;color:#eeeaf5;line-height:1.5}
.inner-page .store-search input::placeholder{color:#8e8998}
.inner-page .store-search .icon{width:19px;height:19px;margin-right:18px;color:#bdaaca}
.inner-page .store-search:focus-within{outline:2px solid #bea7ee;outline-offset:3px}
.inner-page .store-filters{display:flex;gap:4px;width:max-content;max-width:100%;margin:0 0 64px;padding:5px;border:1px solid #ffffff12;border-radius:999px;background:linear-gradient(#ffffff03,transparent);overflow-x:auto;scrollbar-width:none}
.inner-page .store-filters>button{min-height:44px;padding:11px 19px;gap:8px;flex:none;border:1px solid transparent;border-radius:999px;background:transparent;font:400 13px/1.3 Inter,Arial,sans-serif;color:#9d97a8;box-shadow:none}
.inner-page .store-filters .icon{width:15px;height:15px}
.inner-page .store-filters>button[aria-pressed=true]{background:radial-gradient(ellipse at 50% 0,#c3b6d72b,transparent 70%),linear-gradient(#29262e,#15141a);border-color:#cabbd420;box-shadow:inset 0 1px #ffffff14,0 3px 10px #0004;color:#f5f0fa}
.inner-page .store-filters>button:hover{color:#f0e8fa;border-color:#bba5d333}
.inner-page .store-examples{border:0;padding:0}
.inner-page .examples-heading{display:flex;align-items:end;gap:24px;margin-bottom:28px}
.inner-page .examples-heading h2{font-size:30px;line-height:1.2}
.inner-page .examples-heading p{font-size:13px;max-width:320px;text-align:right}
.inner-page .store-grid{gap:22px;grid-template-columns:repeat(3,minmax(0,1fr))}
.inner-page .store-card{position:relative;display:flex;flex-direction:column;min-height:404px;height:auto;padding:26px;overflow:hidden}
.inner-page .store-card h3{font-size:20px;gap:12px;line-height:1.35;white-space:normal;min-height:54px}
.inner-page .store-card h3 .icon{width:26px;height:26px;color:#bea7ee}
.inner-page .store-card>p{font-size:14px;line-height:1.75;margin:15px 0 0;min-height:74px;max-width:320px}
.inner-page .store-workflow{transform:none;position:static;inset:auto;width:100%;max-width:330px;margin:28px auto;min-height:100px}
.inner-page .store-card-footer{position:static;inset:auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:auto}
.inner-page .store-card-footer>span{font-size:11px;color:#b4a69f;gap:7px}
.inner-page .store-card-footer i{width:6px;height:6px;border:0;border-radius:50%;background:#e6b8b5;box-shadow:0 0 8px #e6b8b533}
.inner-page .store-card-footer>.button{min-height:44px;padding:11px 16px;font-size:12px;gap:8px}
.inner-page .store-card-footer>.button .icon{width:15px;height:15px}
.inner-page .empty-state{margin:0;padding:48px 24px;border:1px solid #d0d7e426;border-radius:14px;font-size:16px;background:#ffffff02}

/* Solution adaptée */
.inner-page .custom-hero{height:auto;min-height:480px;padding:78px 0 80px;display:grid;grid-template-columns:.87fr 1.13fr;align-items:center;gap:32px;isolation:isolate}
.inner-page .custom-hero>div:first-child{position:relative;z-index:1;min-width:0}
.inner-page .custom-hero p{font-size:18px;line-height:1.7;margin:26px 0 0}
.inner-page .custom-hero p br{display:none}
.inner-page .custom-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.inner-page .custom-actions .button{font-size:13px;padding:12px 22px;min-height:46px}
.inner-page .custom-diagram{position:relative;inset:auto;width:100%;max-width:740px;height:auto;margin:0 auto;z-index:0}
.inner-page .custom-values{padding:48px 0 15px;border:0}
.inner-page .custom-values>h2{font-size:clamp(29px,2.7vw,39px);line-height:1.2;max-width:840px;margin:0 0 48px;white-space:normal}
.inner-page .custom-values>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:50px}
.inner-page .custom-values article{height:auto;display:block;padding:0;border:0;border-radius:0;background:transparent}
.inner-page .custom-values article>.icon{width:34px;height:34px;margin-bottom:24px;color:#bea7ee}
.inner-page .custom-values h3{font-size:21px;line-height:1.35;white-space:normal}
.inner-page .custom-values p{font-size:15px;line-height:1.8;margin-top:13px;max-width:330px}
.inner-page .custom-values p br{display:none}

/* Les six étapes */
.inner-page .method-intro,.inner-page .results-intro{height:auto;padding:70px 0 66px}
.inner-page .method-intro p,.inner-page .results-intro p{font-size:18px;margin:24px 0 0;max-width:640px}
.inner-page .method-timeline{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;height:auto;margin:0 0 40px;padding:0;border:0;background:none;border-radius:0}
.inner-page .method-timeline:before{left:25px;right:calc(100% / 6 - 25px);top:28px;height:1px;background:linear-gradient(90deg,#c7c4cb26,#bea7ee77,#c7c4cb26)}
.inner-page .method-timeline>button{padding:12px 14px 18px;border:1px solid transparent;border-radius:12px;min-height:130px;background:transparent;text-align:left}
.inner-page .timeline-dot{position:relative;inset:auto;display:flex;width:32px;height:32px;border:1px solid #dce3f03b;background:#0c0d12;color:#b6acbe;font-size:10px;box-shadow:none;margin-bottom:20px}
.inner-page .method-timeline>button[aria-selected=true]{background:linear-gradient(135deg,#bea7ee0e,#ffffff02);border-color:#bea7ee40}
.inner-page .method-timeline>button[aria-selected=true] .timeline-dot{border-color:#d6c4f0;box-shadow:0 0 18px #bea7ee30;color:white;background:#292230}
.inner-page .method-timeline>button:hover{border-color:#bea7ee3b}
.inner-page .timeline-label{font-size:15px;line-height:1.5;white-space:normal;display:block}
.inner-page .timeline-label strong{display:none}
.inner-page .method-timeline small{font-size:11px;line-height:1.5;color:#96909f;white-space:normal;margin-top:6px}
.inner-page .method-detail{height:auto;min-height:424px;padding:42px;grid-template-columns:1fr 1fr;gap:70px;align-items:center;scroll-margin-top:100px}
.inner-page .method-explanation{padding:0;min-width:0}
.inner-page .method-label{font-size:11px;letter-spacing:1.4px;text-transform:uppercase;color:#c8afce;margin:0 0 17px}
.inner-page .method-explanation h2{font-size:34px;line-height:1.2;margin:0;color:#f4f5f7}
.inner-page .method-explanation>p:not(.method-label){font-size:14px;line-height:1.8;width:auto;max-width:490px;margin:20px 0 0}
.inner-page .method-explanation>.button{margin-top:28px;min-height:46px;padding:12px 22px;font-size:13px}
.inner-page .starting-point{height:auto;min-width:0;padding:28px 23px;border-radius:12px;background-color:#ffffff02}
.inner-page .starting-point h3{font-size:19px;margin:0 0 23px;letter-spacing:-.5px}
.inner-page .starting-point>div{display:grid;grid-template-columns:20px 100px minmax(0,1fr);height:auto;min-height:54px;gap:9px;padding:6px 0}
.inner-page .starting-point .icon{width:17px;height:17px;color:#bdb0ce;filter:none}
.inner-page .starting-point>div>span{font-size:11px;line-height:1.6;white-space:normal}
.inner-page .starting-point .sample-field{font-size:11px;padding:9px 11px;line-height:1.5;white-space:normal;border:1px solid #dce3f01c;border-radius:6px;background:#ffffff03;color:#aaa3b3}

/* Résultats : les chiffres fournis restent des preuves datées. */
.inner-page .result-gridar{height:auto;min-height:330px;grid-template-columns:.9fr 1.1fr;gap:70px;padding:10px 0 72px;border:0;border-radius:0;background:none;align-items:center}
.inner-page .case-heading{display:flex;align-items:center;flex-wrap:wrap;gap:12px;white-space:normal}
.inner-page .case-heading .product-mark{width:28px;height:32px}
.inner-page .case-heading h2,.inner-page .result-bottom h2{font-size:20px;font-weight:400;letter-spacing:-.5px;line-height:1.3}
.inner-page .case-heading h2>span{font-size:16px;color:#a59caa}
.inner-page .case-badge,.inner-page .result-bottom .case-badge{font:400 9px/1.4 Inter,Arial,sans-serif;letter-spacing:.8px;color:#b6a5c5;border:1px solid #bea7ee36;border-radius:5px;margin-left:0;padding:4px 7px;background:#bea7ee05}
.inner-page .result-gridar>div>h3{font-size:42px;line-height:1.14;margin-top:29px;letter-spacing:-1.5px}
.inner-page .result-gridar>div>p:not(.fine-print){font-size:14px;line-height:1.8;margin-top:22px;max-width:400px}
.inner-page .result-gridar>div>p br{display:none}
.inner-page .result-gridar .button{margin-top:26px;min-height:46px;padding:12px 22px;font-size:13px}
.inner-page .ranking-table.compact{padding:25px;height:auto;min-width:0;border-radius:14px}
.inner-page .compact>h3{font-size:15px;line-height:1.5;margin:0 0 18px}
.inner-page .compact .rank-row{display:grid;grid-template-columns:16px minmax(0,1fr) 28px 24px;min-height:46px;gap:10px;font-size:12px;line-height:1.55;border:0;border-bottom:1px solid #ffffff09;box-shadow:none;padding:6px 0;border-radius:0}
.inner-page .compact .rank-row:last-child{border-bottom:0}
.inner-page .compact .rank-row>span:nth-child(2){min-width:0;overflow-wrap:anywhere}
.inner-page .compact .rank-row>strong{font-size:15px;color:#8fd0b7;font-weight:500}
.inner-page .rank-check{width:14px;height:14px;background:#183c32;color:#94d9bf}
.inner-page .rank-check .icon{width:10px;height:10px}
.inner-page .compact .rank-search{border:1px solid #dce3f017;border-radius:4px;height:23px;color:#9e97aa}
.inner-page .rank-search>.icon{width:13px;height:13px}
.inner-page .result-gridar .fine-print{font-size:10px;text-align:left;margin:12px 0 0;color:#a398af}
.inner-page .result-bottom{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:0}
.inner-page .result-bottom>section{height:auto;min-height:336px;padding:30px 32px;position:relative;display:flex;flex-direction:column;align-items:flex-start;overflow:hidden}
.inner-page .result-bottom .case-heading{gap:10px}
.inner-page .result-bottom .case-heading>.icon{width:23px;height:23px}
.inner-page .result-bottom h3{font-size:23px;line-height:1.3;margin:24px 0 0;max-width:340px;white-space:normal;letter-spacing:-.6px}
.inner-page .result-bottom p{font-size:13px;line-height:1.8;margin:15px 0 22px;max-width:64%}
.inner-page .result-bottom p br{display:none}
.inner-page .result-bottom .button{position:relative;inset:auto;min-height:44px;font-size:12px;padding:11px 20px;margin-top:auto}
.inner-page .result-send-art{right:22px;bottom:40px;width:126px}
.inner-page .result-agent-art{right:20px;bottom:40px;width:150px}
.inner-page .result-agent h3{color:#b7d4da;font-size:32px;letter-spacing:-1px;max-width:none}
.inner-page .result-agent h3 span{color:#b4a4be;margin:0 7px}

/* Même invitation et même paysage de pied de page que l'accueil. */
.inner-page .reference-contact{position:relative;isolation:isolate;height:auto;min-height:230px;padding:40px var(--inner-gutter) 60px;background:#001018;border:0;overflow:hidden;scroll-margin-top:90px}
.inner-page .reference-contact-copy{position:relative;z-index:2;max-width:1296px;margin:auto}
.inner-page .reference-contact h2{font:400 28px/1.25 Inter,Arial,sans-serif;letter-spacing:-.8px;max-width:920px;color:#f4f5f7}
.inner-page .reference-contact p{font-size:13px;line-height:1.6;max-width:760px;margin-top:14px;color:#aebfcb}
.inner-page .reference-contact-actions{display:flex;align-items:center;flex-wrap:wrap;gap:15px 24px;margin-top:23px}
.inner-page .reference-contact .email-link{display:inline-flex;align-items:center;gap:9px;font-size:12px;min-height:44px;color:#c0c5d2}
.inner-page .reference-contact .email-link .icon{width:16px;height:16px}
.inner-page .reference-contact-horizon{position:absolute;right:0;bottom:0;width:520px;height:auto;aspect-ratio:295/116;z-index:0;pointer-events:none;mask-image:linear-gradient(to right,transparent,#000 18%),linear-gradient(transparent,#000 18%);mask-composite:intersect}
.inner-page .reference-contact-mountains{position:absolute;bottom:0;left:0;width:100%;height:auto;aspect-ratio:722/31;z-index:1;pointer-events:none;mask-image:linear-gradient(transparent,#000 32%)}
.inner-page .reference-footer{position:relative;height:auto;min-height:340px;padding:48px var(--inner-gutter) calc(min(100vw,1800px) * .154 + 28px);background:#001018;border:0;overflow:hidden}
.inner-page .footer-columns{position:relative;z-index:1;display:grid;grid-template-columns:1.35fr 1fr 1fr .85fr;gap:36px;max-width:1296px;margin:auto}
.inner-page .footer-columns .brand-link{height:auto;min-height:30px;display:inline-flex}
.inner-page .footer-columns .brand{font-size:23px;line-height:1.2;letter-spacing:5px}
.inner-page .footer-columns h2{font-size:10px;line-height:1.5;letter-spacing:1.4px;font-weight:500;text-transform:uppercase;color:#d2d6df;margin:0 0 15px}
.inner-page .footer-columns p{font-size:12px;line-height:1.9;color:#b3bdc9;margin-top:16px}
.inner-page .footer-columns>div>a:not(.brand-link),.inner-page .reference-footer .text-button{display:flex;align-items:center;width:fit-content;min-height:34px;font:400 12px/1.6 Inter,Arial,sans-serif;color:#b3bdc9;margin:0;padding:0;border:0;background:none;letter-spacing:0}
.inner-page .footer-columns a:hover,.inner-page .reference-footer .text-button:hover{color:#f4f5f7}
.inner-page .copyright{position:relative;z-index:1;max-width:1296px;margin:26px auto 0;padding:20px 0 0;border-top:1px solid #b0c6d215;font-size:10px;color:#9fadb9}
.inner-page .reference-footer .footer-landscape{position:absolute;bottom:0;left:0;width:100%;height:auto;aspect-ratio:722/88;mask-image:none;pointer-events:none}
.inner-page .reference-footer-glow{position:absolute;right:0;bottom:calc(min(100vw,1800px) * .1218837);width:77.8393%;height:auto;aspect-ratio:562/23;pointer-events:none;mask-image:linear-gradient(to top,#000 80%,transparent),linear-gradient(to right,transparent,#000 10%,#000 95%,transparent);mask-composite:intersect}
.inner-page .inner-closing :focus-visible{outline:2px solid #bea7ee;outline-offset:4px}

/* Les modales restent locales : aucune donnée n'est transmise. */
:root:not([data-page=home]) dialog{background:radial-gradient(ellipse at 0 0,#e6b8b511,transparent 55%),#0d0e13f7;border-color:#d0c3e345;box-shadow:0 30px 100px #0009,0 0 45px #bea7ee0c;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font-family:Inter,Arial,sans-serif;border-radius:18px}
:root:not([data-page=home]) dialog h2{font-size:29px;font-weight:400;line-height:1.22;color:#f4f5f7}
:root:not([data-page=home]) dialog p{color:#aaa1b4;line-height:1.75}
:root:not([data-page=home]) dialog .eyebrow{color:#c8b4d5;font-size:10px;letter-spacing:1.4px}
:root:not([data-page=home]) dialog :is(input,textarea){background:#ffffff03;border-color:#d0c3e32e;color:#f5f0f8;font-size:16px;border-radius:9px}
:root:not([data-page=home]) dialog :is(input,textarea)::placeholder{color:#8f879b}
:root:not([data-page=home]) dialog label{color:#cac1d3}
:root:not([data-page=home]) dialog .dialog-close{width:40px;height:40px;background:#ffffff04;border-color:#d0c3e32e}
:root:not([data-page=home]) dialog :focus-visible{outline:2px solid #bea7ee;outline-offset:4px}

@media(min-width:1800px){.inner-page main{max-width:1580px}}
@media(max-width:1150px){
 .inner-page .products-intro{gap:20px 25px;min-height:350px}
 .inner-page .product-card{grid-template-columns:1fr;padding:28px;align-content:start;gap:28px}
 .inner-page .product-copy>p{max-width:none;min-height:76px}
 .inner-page .product-card .product-preview{width:70%;max-width:240px}
 .inner-page .store-card{padding:23px 21px}
 .inner-page .store-card h3{font-size:18px}
 .inner-page .store-card-footer{gap:15px}
 .inner-page .custom-hero{grid-template-columns:.95fr 1.05fr;gap:22px}
 .inner-page .custom-hero h1{font-size:49px}
 .inner-page .custom-hero p{font-size:16px}
 .inner-page .custom-actions .button{font-size:12px;padding-inline:18px}
 .inner-page .method-detail{gap:35px;padding:32px}
 .inner-page .method-explanation h2{font-size:29px}
 .inner-page .starting-point{padding:24px 18px}
 .inner-page .starting-point>div{grid-template-columns:20px 1fr;gap:5px 9px;padding:10px 0}
 .inner-page .starting-point .sample-field{grid-column:2}
 .inner-page .result-gridar{gap:32px}
 .inner-page .result-gridar>div>h3{font-size:36px}
 .inner-page .result-bottom>section{padding:28px 24px;min-height:370px}
 .inner-page .result-bottom p{max-width:70%}
 .inner-page .result-send-art{width:106px;right:15px;bottom:48px}
 .inner-page .result-agent-art{width:118px;right:14px;bottom:46px}
 .inner-page .result-agent h3{font-size:27px}
}
@media(max-width:800px){
 .inner-page main{padding-bottom:76px}
 .inner-page main h1{font-size:48px}
 .inner-page .products-intro{padding-top:56px;min-height:330px;grid-template-columns:1.2fr .8fr}
 .inner-page .products-intro>p{font-size:16px}
 .inner-page .product-grid{gap:18px}
 .inner-page .product-copy h3{font-size:20px}
 .inner-page .product-copy>p{font-size:13px;min-height:96px}
 .inner-page .product-copy>.button{font-size:12px;padding-inline:16px}
 .inner-page .store-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .inner-page .store-intro{padding-top:56px}
 .inner-page .store-filters{margin-bottom:44px}
 .inner-page .custom-hero{grid-template-columns:1fr;padding:56px 0 35px;gap:44px}
 .inner-page .custom-diagram{max-width:650px}
 .inner-page .custom-values{padding-top:35px}
 .inner-page .custom-values>div{gap:28px}
 .inner-page .custom-values h3{font-size:18px}
 .inner-page .custom-values p{font-size:14px}
 .inner-page .method-intro,.inner-page .results-intro{padding:56px 0 48px}
 .inner-page .method-timeline{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:24px}
 .inner-page .method-timeline::before{display:none}
 .inner-page .method-timeline>button{padding:14px;min-height:120px;border-color:#dce3f010}
 .inner-page .timeline-dot{margin-bottom:12px}
 .inner-page .method-detail{grid-template-columns:1fr;gap:30px;padding:30px}
 .inner-page .method-explanation h2{font-size:32px}
 .inner-page .starting-point>div{grid-template-columns:20px 105px 1fr}
 .inner-page .starting-point .sample-field{grid-column:auto}
 .inner-page .result-gridar{grid-template-columns:1fr;gap:35px;padding-bottom:48px}
 .inner-page .result-gridar>div>p:not(.fine-print){max-width:580px}
 .inner-page .result-gridar>div>h3{font-size:40px}
 .inner-page .result-bottom{grid-template-columns:1fr;gap:20px}
 .inner-page .result-bottom>section{min-height:315px;padding:30px}
 .inner-page .result-bottom p{max-width:65%}
 .inner-page .result-send-art{width:145px;right:32px;bottom:50px}
 .inner-page .result-agent-art{width:160px;right:27px;bottom:46px}
 .inner-page .result-agent h3{font-size:32px}
 .inner-page .reference-contact{padding-top:32px;min-height:280px}
 .inner-page .reference-contact h2{max-width:620px;font-size:25px}
 .inner-page .reference-contact p{max-width:580px;font-size:12px}
 .inner-page .reference-contact-horizon{width:440px}
 .inner-page .footer-columns{gap:25px}
}
@media(max-width:600px){
 .inner-page main{padding-bottom:60px}
 .inner-page main::before{background:radial-gradient(ellipse 330px 230px at -70px 70px,#e6b8b527,transparent 75%),radial-gradient(ellipse 390px 280px at calc(100% + 75px) calc(100% - 70px),#dce3f020,transparent 78%)}
 .inner-page main h1{font-size:42px;line-height:1.08}
 .inner-page .products-intro{display:block;min-height:0;padding:36px 0 30px}
 .inner-page .products-intro>p{font-size:16px;margin-top:23px;max-width:350px}
 .inner-page .products-hero-art{display:block;width:90%;max-width:340px;margin:30px auto 5px}
 .inner-page .product-grid{grid-template-columns:1fr;gap:20px}
 .inner-page .product-card{padding:28px 25px;gap:32px;min-height:0}
 .inner-page .product-copy h2{font-size:29px}
 .inner-page .product-copy h3{font-size:22px;margin-top:23px}
 .inner-page .product-copy>p{font-size:14px;min-height:0;margin-top:16px}
 .inner-page .product-card .product-preview{width:78%;max-width:240px}
 .inner-page .store-intro{padding-top:36px;padding-bottom:22px}
 .inner-page .store-intro p{font-size:16px;line-height:1.7}
 .inner-page .store-search{margin-top:28px}
 .inner-page .store-filters{margin-bottom:39px;border-radius:16px;padding:5px}
 .inner-page .store-filters>button{font-size:12px;padding-inline:15px}
 .inner-page .examples-heading{display:block;margin-bottom:23px}
 .inner-page .examples-heading h2{font-size:27px}
 .inner-page .examples-heading p{font-size:12px;text-align:left;margin-top:12px}
 .inner-page .store-grid{grid-template-columns:1fr;gap:20px}
 .inner-page .store-card{min-height:365px;padding:25px}
 .inner-page .store-card h3{min-height:0;font-size:21px}
 .inner-page .store-card>p{min-height:0;font-size:14px;max-width:none}
 .inner-page .store-workflow{max-width:295px;margin:32px auto}
 .inner-page .store-card-footer{flex-wrap:nowrap;gap:10px}
 .inner-page .store-card-footer>.button{font-size:11px;padding-inline:12px}
 .inner-page .custom-hero{padding-top:36px;gap:37px}
 .inner-page .custom-hero p{font-size:16px;margin-top:23px}
 .inner-page .custom-actions{gap:10px;margin-top:27px}
 .inner-page .custom-actions .button{font-size:12px;padding-inline:17px}
 .inner-page .custom-diagram{width:calc(100% + 12px);max-width:none;margin-left:-6px}
 .inner-page .custom-values{padding-top:32px}
 .inner-page .custom-values>h2{font-size:29px;margin-bottom:35px;line-height:1.25}
 .inner-page .custom-values>div{grid-template-columns:1fr;gap:32px}
 .inner-page .custom-values article{display:grid;grid-template-columns:32px 1fr;gap:18px;align-items:start}
 .inner-page .custom-values article>.icon{width:30px;height:30px;margin:0}
 .inner-page .custom-values h3{font-size:20px}
 .inner-page .custom-values p{font-size:14px;margin-top:10px}
 .inner-page .method-intro,.inner-page .results-intro{padding:36px 0 39px}
 .inner-page .method-intro p,.inner-page .results-intro p{font-size:16px;line-height:1.7}
 .inner-page .method-timeline{gap:6px}
 .inner-page .method-timeline>button{padding:12px 9px;min-height:110px}
 .inner-page .timeline-dot{width:28px;height:28px;font-size:9px}
 .inner-page .timeline-label{font-size:13px}
 .inner-page .method-timeline small{font-size:10px}
 .inner-page .method-detail{padding:26px 21px;border-radius:13px;gap:28px}
 .inner-page .method-explanation h2{font-size:29px}
 .inner-page .method-explanation>p:not(.method-label){font-size:14px;margin-top:18px}
 .inner-page .starting-point{padding:23px 17px}
 .inner-page .starting-point>div{grid-template-columns:20px 1fr;gap:5px 9px}
 .inner-page .starting-point .sample-field{grid-column:2}
 .inner-page .starting-point h3{font-size:18px;margin-bottom:12px}
 .inner-page .result-gridar>div>h3{font-size:34px;line-height:1.18}
 .inner-page .case-heading{gap:9px}
 .inner-page .case-heading h2{font-size:19px}
 .inner-page .case-heading h2>span{font-size:14px}
 .inner-page .case-badge{font-size:8px}
 .inner-page .ranking-table.compact{padding:22px 15px}
 .inner-page .compact .rank-row{grid-template-columns:13px minmax(0,1fr) 24px 22px;gap:6px;font-size:10px;min-height:48px}
 .inner-page .compact .rank-row>strong{font-size:13px}
 .inner-page .result-bottom>section{padding:25px;min-height:395px}
 .inner-page .result-bottom h3{font-size:23px;max-width:none}
 .inner-page .result-bottom p{max-width:none;margin-bottom:105px}
 .inner-page .result-bottom .button{margin-top:auto}
 .inner-page .result-send-art{width:98px;bottom:27px;right:22px}
 .inner-page .result-agent-art{width:111px;bottom:24px;right:19px}
 .inner-page .result-agent h3{font-size:29px}
 .inner-page .reference-contact{min-height:380px;padding:31px 22px calc(100vw * .39322);height:auto}
 .inner-page .reference-contact h2{font-size:24px;max-width:370px}
 .inner-page .reference-contact p{font-size:12px;max-width:370px}
 .inner-page .reference-contact-actions{gap:7px 18px;margin-top:19px}
 .inner-page .reference-contact-horizon{width:100%;height:auto;aspect-ratio:295/116;mask-image:linear-gradient(transparent,#000 14%)}
 .inner-page .reference-contact-mountains{display:none}
 .inner-page .reference-footer{padding:31px 22px 140px;min-height:0}
 .inner-page .footer-columns{grid-template-columns:1fr 1fr;gap:25px 18px}
 .inner-page .footer-columns>div:first-child{grid-column:1/-1}
 .inner-page .footer-columns h2{font-size:10px;margin-bottom:10px}
 .inner-page .footer-columns>div>a:not(.brand-link),.inner-page .reference-footer .text-button{font-size:12px;min-height:36px}
 .inner-page .copyright{font-size:10px;margin-top:23px;padding-top:18px}
 .inner-page .reference-footer .footer-landscape{width:722px;height:88px;left:50%;transform:translateX(-50%);max-width:none}
 .inner-page .reference-footer-glow{width:562px;height:23px;right:auto;left:calc(50% - 201px);bottom:88px}
 :root:not([data-page=home]) dialog{padding:28px 23px}
 :root:not([data-page=home]) dialog h2{font-size:25px;margin-right:15px}
 :root:not([data-page=home]) dialog .dialog-actions{flex-wrap:wrap}
}
@media(max-width:360px){
 .inner-page{--inner-gutter:18px}
 .inner-page main h1{font-size:37px}
 .inner-page .product-card,.inner-page .store-card{padding:23px 19px}
 .inner-page .custom-actions .button{font-size:11px;padding-inline:14px}
 .inner-page .method-detail{padding:24px 17px}
 .inner-page .method-explanation h2{font-size:26px}
 .inner-page .result-bottom>section{padding:24px 20px}
 .inner-page .result-bottom .case-badge{font-size:8px}
 .inner-page .result-agent h3{font-size:25px}
 .inner-page .result-send-art{width:84px;right:16px}
 .inner-page .result-agent-art{width:95px;right:12px}
}
@media(prefers-reduced-motion:reduce){.inner-page :is(a,button,input,.product-card,.store-card,.result-bottom>section),:root:not([data-page=home]) dialog .button{transition:none}.inner-page :is(a,button):active{transform:none}}
@media(prefers-reduced-transparency:reduce){.inner-page :is(.product-card,.store-card,.method-detail,.starting-point,.ranking-table.compact,.result-bottom>section){background-color:#101116;-webkit-backdrop-filter:none;backdrop-filter:none}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.inner-page :is(.product-card,.store-card,.method-detail,.starting-point,.ranking-table.compact,.result-bottom>section){background-color:#101116}}
@media(forced-colors:active){.inner-page main::before,.inner-page .inner-closing .art{display:none}.inner-page .heading-accent{background:none;color:CanvasText}.inner-page :is(.product-card,.store-card,.method-detail,.starting-point,.ranking-table.compact,.result-bottom>section){border-color:CanvasText}.inner-page .button,.inner-page .store-filters>button[aria-pressed=true],.inner-page .method-timeline>button[aria-selected=true]{border:1px solid Highlight;background:Canvas;color:CanvasText}.inner-page :focus-visible{outline-color:Highlight}}