/*
Theme Name: TechIndice
Author: TechIndice
Description: Interface légère de comparateur tech, sans dépendance externe.
Version: 1.1.0
Requires PHP: 8.1
Text Domain: techindice
*/
:root{--ink:#17213b;--muted:#616b7c;--purple:#6246d9;--light:#f5f4fa;--line:#e5e7ee;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#fff;color:var(--ink);font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,summary{font:inherit}a:focus-visible,summary:focus-visible,button:focus-visible{outline:3px solid #a18bf4;outline-offset:5px;border-radius:3px}.container{width:min(var(--max),calc(100% - 64px));margin:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.15;letter-spacing:-.045em}h1{font-size:64px;font-weight:760}h2{font-size:38px;font-weight:720}h3{font-size:24px;font-weight:700}p{color:var(--muted)}.icon{flex-shrink:0;vertical-align:middle}.skip{position:absolute;left:12px;top:-100px;background:#fff;padding:10px;z-index:99999}.skip:focus{top:10px}.topline{background:#18223a;color:#dce1ef;font-size:11px;letter-spacing:.02em}.topline .container{display:flex;justify-content:space-between;align-items:center;min-height:31px}.topline a{color:#eef0f9}.site-header{background:#fff;border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;min-height:93px;gap:40px}.brand{display:inline-flex;align-items:center;gap:9px;font-size:25px;font-weight:800;letter-spacing:-1.1px;white-space:nowrap}.brand-accent{color:var(--purple)}.brand-dot{color:var(--purple)}.mark{display:flex;align-items:flex-end;gap:3px;height:26px;transform:skewY(-12deg)}.mark i{display:block;width:5px;background:var(--purple);border-radius:2px}.mark i:nth-child(1){height:11px;opacity:.45}.mark i:nth-child(2){height:18px;opacity:.7}.mark i:nth-child(3){height:26px}.desktop-nav{display:flex;gap:29px;margin-left:auto;font-size:13px;font-weight:650}.desktop-nav a{padding:10px 0}.desktop-nav a:hover,.desktop-nav a[aria-current]{color:var(--purple)}.header-method{display:flex;align-items:center;font-size:12px;font-weight:650;border-left:1px solid var(--line);padding-left:24px;gap:7px}.header-method .icon{width:20px;height:20px}.mobile-menu{display:none}.hero{background:linear-gradient(110deg,#faf9fd 0%,#f7f8fc 62%,#f0f0fb 100%);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.04fr 1fr;align-items:center;gap:34px;padding-top:68px;padding-bottom:64px}.eyebrow{color:var(--purple);font-size:10px;letter-spacing:.15em;font-weight:750;margin-bottom:20px;display:flex;align-items:center;gap:9px}.eyebrow>span{width:6px;height:6px;border-radius:50%;background:var(--purple)}.hero h1{margin:0 0 24px;font-size:clamp(45px,5.2vw,66px);line-height:1.08;letter-spacing:-.055em}.hero h1 em{color:var(--purple);font-style:normal}.hero-description{font-size:17px;line-height:1.75;margin-bottom:28px}.hero-actions{display:flex;align-items:center;gap:23px}.button{display:inline-flex;align-items:center;justify-content:center;gap:17px;padding:15px 21px;background:var(--purple);color:#fff;border-radius:6px;font-size:12px;font-weight:700;box-shadow:0 7px 16px #6246d91a}.button:hover{background:#4e35bb}.button .icon{width:20px;height:20px}.text-link{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:700;color:var(--ink)}.text-link:hover{color:var(--purple)}.text-link .icon{width:22px;height:22px}.hero-trust{display:flex;align-items:center;gap:8px;font-size:10px;margin:24px 0 0;color:#72798b}.hero-trust .icon{width:14px;height:14px;color:var(--purple)}.hero-trust span{color:#b1b5c1}.hero-visual{position:relative;height:410px;isolation:isolate}.visual-grid{position:absolute;inset:0;border-radius:24px;background:radial-gradient(ellipse at center,#e5e1fc99,transparent 67%),linear-gradient(#807bac0c 1px,transparent 1px),linear-gradient(90deg,#807bac0c 1px,transparent 1px);background-size:auto,30px 30px,30px 30px;mask-image:radial-gradient(ellipse at center,#000 50%,transparent 80%)}.visual-label{position:absolute;top:18px;left:24px;color:#7a7b96;font-size:8px;font-weight:700;letter-spacing:.13em}.pulse{display:inline-block;width:5px;height:5px;border-radius:50%;background:#7e6bc7;margin-right:6px}.device-tv{position:absolute;top:55px;left:61px;width:335px;height:203px;border-radius:9px;background:#1c2235;padding:7px;box-shadow:12px 23px 30px #25264122;transform:perspective(900px) rotateY(-9deg) rotateX(2deg)}.device-screen{height:100%;background:linear-gradient(135deg,#101d49,#7155b8);border-radius:4px;overflow:hidden;position:relative}.device-screen span{position:absolute;width:240px;height:240px;background:linear-gradient(130deg,#b692ee,#3d7d9f);border-radius:50%;top:40px;left:30px;box-shadow:0 0 70px #aa8dd799}.device-screen i{position:absolute;width:200px;height:200px;background:linear-gradient(155deg,#2a3567,#8b6cbd);border-radius:50%;top:-60px;left:130px}.tv-foot{position:absolute;width:110px;height:9px;background:#555b74;bottom:-21px;left:110px;border-radius:50%}.tv-foot:before{content:"";position:absolute;height:16px;width:10px;background:#42495e;top:-13px;left:50px}.device-laptop{position:absolute;width:257px;height:157px;left:6px;top:172px;transform:perspective(700px) rotateY(13deg) rotateZ(-6deg);filter:drop-shadow(0 16px 14px #222b4424);z-index:2}.laptop-screen{height:147px;border:6px solid #3a4055;background:linear-gradient(135deg,#d5c7f4,#7491c3);border-radius:8px 8px 2px 2px;position:relative;overflow:hidden}.laptop-screen i{position:absolute;width:150px;height:150px;border-radius:50%;background:linear-gradient(145deg,#e7e2fa,#b5a6dc);top:30px;left:-20px}.laptop-screen b{position:absolute;width:160px;height:160px;border:25px solid #8b77b7;border-radius:50%;top:-30px;right:-30px;opacity:.6}.laptop-base{width:280px;position:relative;left:-12px;height:10px;background:linear-gradient(#d2d5e1,#969db6);border-radius:1px 1px 8px 8px;clip-path:polygon(4% 0,96% 0,100% 70%,97% 100%,3% 100%,0 70%)}.device-phone{position:absolute;width:90px;height:177px;top:135px;right:16px;border:5px solid #303448;border-radius:19px;background:linear-gradient(145deg,#e5d7fa,#8b81bd);box-shadow:8px 14px 25px #2630442e;transform:rotate(9deg);overflow:hidden;z-index:3}.phone-island{position:absolute;top:4px;left:23px;width:34px;height:9px;border-radius:12px;background:#303448}.phone-orbit{position:absolute;width:130px;height:130px;border:19px solid #c9b8ed;border-radius:50%;top:50px;left:-26px;box-shadow:0 0 0 20px #a59ac933}.visual-card{position:absolute;bottom:26px;right:6px;z-index:4;display:flex;align-items:center;gap:11px;background:#ffffffed;border:1px solid #fff;border-radius:10px;padding:16px 20px;box-shadow:0 12px 32px #38425b13;transform:rotate(1deg)}.mini-mark{display:grid;place-items:center;width:32px;height:32px;background:#eee9fd;color:var(--purple);border-radius:50%;font-size:16px}.visual-card strong{display:block;font-size:11px}.visual-card small{display:block;font-size:9px;color:#737b8d}.visual-bottom{position:absolute;bottom:1px;left:30px;display:flex;gap:20px;font-size:7px;letter-spacing:.17em;color:#85849c}.launch-note{border-top:1px solid #e7e4f3;border-bottom:1px solid var(--line);background:#fff}.launch-note .container{display:flex;align-items:center;gap:18px;padding-top:17px;padding-bottom:17px}.note-tag{font-size:8px;letter-spacing:.08em;font-weight:800;background:#ede9fb;color:var(--purple);padding:5px 7px;border-radius:3px;white-space:nowrap}.launch-note p{margin:0;font-size:11px;flex:1}.launch-note a{font-size:10px;font-weight:700;white-space:nowrap}.section{padding:76px 0}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:33px}.section-heading h2{margin:0}.section-heading .eyebrow{margin-bottom:14px}.section-heading>p{font-size:12px;margin-bottom:4px}.category-grid,.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.category-card{display:block;border:1px solid var(--line);border-radius:12px;padding:27px 28px 22px;background:linear-gradient(145deg,#fff,#fcfcfe);transition:transform .2s,border-color .2s,box-shadow .2s}.category-card:hover{border-color:#b2a4ea;transform:translateY(-4px);box-shadow:0 14px 28px #26335608}.category-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:29px}.category-icon{display:grid;place-items:center;width:55px;height:55px;border-radius:13px;background:#f0ecfc;color:var(--purple)}.category-top>span:last-child{font-size:10px;color:#a7aaba}.category-card h3{font-size:25px;margin-bottom:12px}.category-card p{font-size:12px;max-width:250px;min-height:43px}.category-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding-top:16px;margin-top:27px;font-size:10px;font-weight:700}.category-bottom .icon{width:22px;height:22px;color:var(--purple)}.method-section{background:#f7f8fc;border-top:1px solid #eef0f5;border-bottom:1px solid #eef0f5}.method-grid{display:grid;grid-template-columns:1fr 1fr;gap:95px;align-items:center}.method-grid h2{font-size:37px;margin-bottom:20px}.method-grid>div>p:not(.eyebrow){font-size:13px;max-width:400px}.method-grid .text-link{margin-top:13px}.method-steps article{display:flex;gap:22px;padding:20px 0;border-bottom:1px solid #e5e7f0}.method-steps article:last-child{border:0}.method-steps article>span{color:#9482d6;font-size:12px;font-weight:700;padding-top:4px}.method-steps h3{font-size:17px;letter-spacing:-.02em;margin-bottom:8px}.method-steps p{font-size:12px;margin:0}.guide-card{display:block}.guide-art{height:155px;background:#ecebf8;border-radius:10px;margin-bottom:22px;position:relative;overflow:hidden}.guide-card:nth-child(2) .guide-art{background:#edf1f7}.guide-card:nth-child(3) .guide-art{background:#eeedf3}.guide-art>span{position:absolute;font-size:86px;font-weight:750;letter-spacing:-.08em;color:#cbc4e9;top:8px;left:25px}.guide-card:nth-child(2) .guide-art>span{color:#c3cfdf}.guide-card:nth-child(3) .guide-art>span{color:#d0cadc}.art-lines{position:absolute;right:30px;top:39px;width:115px;transform:rotate(-12deg)}.art-lines i{display:block;height:8px;border-radius:5px;background:#8f7abd4d;margin:9px 0}.art-lines i:nth-child(2){width:75%}.art-lines i:nth-child(3){width:85%}.art-lines i:nth-child(4){width:60%}.guide-kicker{font-size:8px;letter-spacing:.12em;color:var(--purple);font-weight:750}.guide-card h3{font-size:23px;line-height:1.25;margin:10px 0 12px;max-width:300px}.guide-card p{font-size:12px;max-width:310px}.guide-read{display:flex;align-items:center;gap:9px;font-size:10px;font-weight:700}.guide-read .icon{width:20px;height:20px}.guide-card:hover h3{color:var(--purple)}.transparency{background:#1b2540;color:#fff;padding:53px 0}.transparency .container{display:flex;align-items:center;justify-content:space-between;gap:30px}.transparency h2{font-size:29px;margin:0;line-height:1.25}.transparency .eyebrow{color:#bcaef4;font-size:8px}.button-light{background:#fff;color:var(--ink);box-shadow:none}.button-light:hover{background:#e9e4fb}.site-footer{background:#fcfcfe;padding-top:60px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.3fr;gap:45px;padding-bottom:43px}.footer-grid .brand{font-size:23px;margin-bottom:15px}.footer-grid p{font-size:11px}.footer-note{color:#9196a3;font-size:10px}.footer-grid h2{font-size:11px;letter-spacing:0;margin-bottom:18px}.footer-grid>div>a:not(.brand){display:block;font-size:11px;color:#70798a;margin-bottom:7px}.footer-grid>div>a:hover{color:var(--purple)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:19px;padding-bottom:22px;font-size:9px;color:#8c93a1}.footer-bottom p{margin:0;font-size:9px}.content-main{min-height:60vh;padding:26px 0 80px;background:linear-gradient(#f9f9fd 0,white 360px)}.breadcrumbs{display:flex;gap:10px;align-items:center;font-size:10px;color:#858b9a;margin-bottom:43px;flex-wrap:wrap}.breadcrumbs a{color:var(--purple)}.page-heading{max-width:900px;margin-bottom:34px}.page-heading h1{font-size:clamp(35px,4.7vw,57px);line-height:1.1}.page-heading .eyebrow{font-size:9px}.prose{max-width:900px;font-size:15px}.prose .lead{font-size:20px;line-height:1.65;color:#4f5b73;max-width:820px;margin-bottom:38px}.prose h2{font-size:28px;margin:38px 0 16px}.prose h3{font-size:20px;letter-spacing:-.025em}.prose a{color:var(--purple);text-decoration:underline;text-underline-offset:3px}.prose li{color:var(--muted);margin-bottom:9px}.criteria{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:26px 0}.criteria article{background:#f7f7fc;border:1px solid #e9e9f3;border-radius:10px;padding:22px}.criteria h3{font-size:18px;margin-bottom:12px}.criteria p{font-size:13px;margin:0}.empty-state{padding:26px;background:#f5f3fc;border:1px solid #e7e1f9;border-radius:10px;margin:28px 0}.empty-state strong{display:block;color:var(--ink);margin-bottom:8px}.empty-state p{margin:0;font-size:14px}.empty-state a{display:inline-block;margin-top:13px}.brand-list{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:28px 0}.brand-list a{display:block;padding:23px;border:1px solid var(--line);border-radius:8px;font-weight:700;text-decoration:none}.brand-list span{display:block;font-size:11px;color:var(--muted);font-weight:400}.editorial-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:30px 0}.editorial-cards>a{padding:23px;border:1px solid var(--line);border-radius:10px;text-decoration:none;background:#fbfafe}.editorial-cards span{font-size:9px;letter-spacing:.1em}.editorial-cards h2{font-size:22px;margin:15px 0}.editorial-cards p{font-size:13px}.editorial-date{font-size:11px;color:#888f9c}.table-scroll{overflow-x:auto;margin:25px 0}.table-scroll table{width:100%;border-collapse:collapse;min-width:670px;font-size:12px}.table-scroll th,.table-scroll td{padding:12px;text-align:left;border-bottom:1px solid var(--line)}.table-scroll th{background:#f7f6fc}.table-scroll caption{text-align:left;color:var(--muted);padding-bottom:12px}.table-scroll small{display:block;font-size:9px}.variant{padding-top:15px;border-top:1px solid var(--line)}.disclosure{font-size:11px}.search-form input{padding:12px;max-width:100%;border:1px solid var(--line);border-radius:4px}
@media(min-width:1450px){.hero-grid{padding-top:84px;padding-bottom:80px}}@media(max-width:1050px){.desktop-nav{gap:18px}.header-inner{gap:25px}.header-method{display:none}.hero-grid{gap:10px}.hero h1{font-size:52px}.hero-visual{transform:scale(.88);transform-origin:center right}.hero-actions{gap:15px}.method-grid{gap:45px}.footer-grid{gap:25px}.hero-trust{font-size:9px}.hero-copy{z-index:5}}@media(max-width:760px){.container{width:calc(100% - 40px)}.topline .container{min-height:29px}.topline{font-size:8px}.topline .container>span{display:none}.topline .container>a{margin:auto}.header-inner{min-height:75px;justify-content:space-between}.brand{font-size:25px}.desktop-nav{display:none}.mobile-menu{display:block;position:relative;font-size:12px}.mobile-menu summary{list-style:none;cursor:pointer;display:flex;gap:9px;align-items:center;padding:10px 0}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu nav{position:absolute;right:0;top:42px;z-index:30;width:230px;background:white;border:1px solid var(--line);box-shadow:0 14px 40px #2831481c;border-radius:8px;padding:12px}.mobile-menu nav a{display:block;padding:10px 13px;border-bottom:1px solid #f1f2f7}.hero-grid{display:flex;flex-direction:column;align-items:stretch;padding-top:42px;padding-bottom:20px;gap:0}.hero h1{font-size:clamp(42px,10.5vw,62px);letter-spacing:-.055em}.hero .eyebrow{font-size:8px;margin-bottom:18px}.hero-description{font-size:15px;margin-bottom:24px}.hero-actions{gap:19px;flex-wrap:wrap}.hero-actions .text-link{font-size:11px}.button{font-size:11px;padding:14px 17px}.hero-trust{font-size:8px;gap:6px;margin-top:20px;flex-wrap:wrap}.hero-visual{transform:none;height:335px;width:min(100%,430px);align-self:center;margin-top:22px}.device-tv{width:270px;height:166px;left:45px;top:47px}.tv-foot{left:85px}.device-laptop{width:215px;height:138px;left:1px;top:145px}.laptop-screen{height:126px}.laptop-base{width:240px}.device-phone{width:75px;height:149px;right:4px;top:115px}.phone-island{left:16px;width:31px}.visual-card{padding:12px 13px;right:4px;bottom:23px}.visual-card strong{font-size:9px}.visual-card small{font-size:8px}.mini-mark{width:27px;height:27px}.visual-label{font-size:7px;top:13px;left:11px}.visual-bottom{font-size:6px;left:12px;gap:15px;bottom:0}.launch-note .container{flex-wrap:wrap;gap:10px;padding-top:15px;padding-bottom:15px}.launch-note p{font-size:10px;flex-basis:calc(100% - 120px)}.launch-note a{margin-left:auto;font-size:9px}.section{padding:47px 0}.section-heading{display:block;margin-bottom:25px}.section-heading h2{font-size:29px}.section-heading .eyebrow{font-size:8px;margin-bottom:13px}.section-heading>p{font-size:11px;margin:15px 0 0}.section-heading>.text-link{margin-top:15px}.category-grid,.guide-grid{grid-template-columns:1fr;gap:17px}.category-card{padding:22px}.category-top{margin-bottom:19px}.category-card h3{font-size:25px}.category-card p{font-size:13px;max-width:none;min-height:0}.category-bottom{margin-top:20px;font-size:11px}.category-icon{width:47px;height:47px}.method-grid{grid-template-columns:1fr;gap:22px}.method-grid h2{font-size:30px}.method-grid>div>p:not(.eyebrow){font-size:13px}.method-grid .eyebrow{font-size:8px}.method-steps article{gap:18px}.method-steps h3{font-size:17px}.method-steps p{font-size:12px}.guide-card{padding-bottom:13px}.guide-art{height:170px}.guide-card h3{font-size:25px;max-width:100%}.guide-card p{font-size:13px;max-width:100%}.guide-kicker{font-size:9px}.guide-read{font-size:11px}.transparency{padding:38px 0}.transparency .container{align-items:flex-start;flex-direction:column;gap:25px}.transparency h2{font-size:26px}.transparency .eyebrow{font-size:8px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px 22px;padding-bottom:30px}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid p{font-size:12px}.footer-grid>div>a:not(.brand){font-size:12px}.footer-grid h2{font-size:12px}.site-footer{padding-top:40px}.footer-bottom{display:block}.footer-bottom p{margin-top:8px;line-height:1.7}.breadcrumbs{font-size:9px;margin-bottom:32px;gap:7px}.content-main{padding-top:20px;padding-bottom:50px}.page-heading h1{font-size:36px}.page-heading .eyebrow{font-size:8px}.prose{font-size:14px}.prose .lead{font-size:18px;margin-bottom:26px}.prose h2{font-size:25px}.criteria,.brand-list,.editorial-cards{grid-template-columns:1fr}.criteria article{padding:20px}.editorial-cards h2{font-size:23px}.empty-state{padding:21px}.empty-state p{font-size:13px}.editorial-date{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.reference-note{background:#f3effd;border-left:3px solid var(--purple);padding:20px 23px;border-radius:0 8px 8px 0;margin:26px 0}.reference-note strong{font-size:14px}.reference-note p{font-size:13px;margin:8px 0 0}.reference-home{margin-bottom:0}.reference-home h3{font-size:22px;margin:16px 0 12px}.reference-home>a{display:flex;flex-direction:column;align-items:flex-start}.reference-home p{flex:1}.reference-symbol{color:var(--purple);display:block;margin-bottom:22px}.reference-home .guide-read{margin-top:15px}.single-ti_product .table-scroll table{min-width:0;table-layout:fixed}.single-ti_product .table-scroll th{width:32%}.single-ti_product .table-scroll td,.single-ti_product .table-scroll th{overflow-wrap:anywhere;vertical-align:top}.reference-list{grid-template-columns:repeat(2,minmax(0,1fr))}.editorial-cards h3{font-size:21px;margin:15px 0}.prose a{overflow-wrap:anywhere}@media(max-width:760px){.reference-list,.reference-home{grid-template-columns:1fr}.reference-note{padding:17px}.single-ti_product .table-scroll th{width:36%}.single-ti_product .table-scroll td,.single-ti_product .table-scroll th{padding:10px 8px}}