/* Vismrit V3 — inner page-only cinematic design. Homepage deliberately unchanged. */
:root{--ix-panel:rgba(22,18,17,.72);--ix-solid:#191210;--ix-surface:#211713;--ix-stroke:rgba(255,231,202,.13);--ix-copy:#bdb7b1;--ix-ground:#110e0d;--ix-shadow:rgba(0,0,0,.28)}
html[data-theme="light"]{--ix-panel:rgba(255,255,255,.82);--ix-solid:#fffaf5;--ix-surface:#ffede2;--ix-stroke:rgba(84,48,32,.14);--ix-copy:#665953;--ix-ground:#fff8f1;--ix-shadow:rgba(122,61,30,.12)}
main .v3-enhanced-hero,main .v3-new-subhero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 82% 38%,rgba(234,67,42,.22),transparent 42%),radial-gradient(circle at 12% 108%,rgba(244,160,68,.10),transparent 37%),var(--bg)}
main .v3-enhanced-hero:after,main .v3-new-subhero:after{content:"";position:absolute;inset:-25%;z-index:-1;pointer-events:none;background:repeating-conic-gradient(from 8deg at 72% 45%,transparent 0deg 10deg,rgba(255,172,111,.02) 10deg 10.2deg,transparent 10.2deg 20deg);animation:ix-spin 75s linear infinite}
main .v3-enhanced-hero .subhero-grid,main .v3-new-subhero .subhero-grid{min-height:480px}
main .v3-new-subhero .subhero-main h1{font-size:clamp(61px,8vw,122px);overflow-wrap:anywhere}
main .v3-enhanced-hero .subhero-main h1,main .v3-new-subhero .subhero-main h1{color:var(--white)}
main .v3-new-subhero .subhero-main h1 em,main .v3-enhanced-hero .subhero-main h1 em{color:var(--accent);font-style:normal}
main .subhero-visual .inner-orb{filter:drop-shadow(0 30px 75px rgba(235,70,42,.25))}
main .v3-enhanced-hero .inner-orb-core,main .v3-new-subhero .inner-orb-core{background:radial-gradient(circle at 28% 22%,#fff0d2,#ffac67 18%,#df4733 37%,#832626 64%,#140b0c 88%)}
main .v3-enhanced-hero .subhero-visual:after,main .v3-new-subhero .subhero-visual:after{content:"V / ENGINEERED";position:absolute;right:2%;bottom:4%;padding:12px 18px;border-radius:40px;border:1px solid var(--ix-stroke);background:var(--ix-panel);backdrop-filter:blur(20px);font:10px var(--mono);letter-spacing:.12em}
main .detail-hero.v3-enhanced-hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 80% 20%,rgba(245,145,48,.20),transparent 38%),radial-gradient(ellipse at 15% 88%,rgba(226,58,44,.15),transparent 35%),var(--bg)}
main .detail-hero.v3-enhanced-hero:after{content:"";position:absolute;pointer-events:none;right:9%;top:25%;width:260px;aspect-ratio:1;border:1px solid rgba(253,150,83,.22);border-radius:50%;box-shadow:0 0 0 55px rgba(255,140,72,.03),0 0 0 120px rgba(255,140,72,.02)}
main .editorial-section .art-panel{border-radius:32px;box-shadow:0 25px 65px var(--ix-shadow),inset 4px 4px 11px rgba(255,255,255,.08)}
main .editorial-section .feature-card,main .blog-card{border-radius:27px;box-shadow:8px 17px 40px var(--ix-shadow),inset 1px 1px 2px rgba(255,255,255,.07)}
main .editorial-section .feature-card:nth-child(2n){background:linear-gradient(135deg,var(--ix-surface),var(--bg2))}
main .editorial-section .feature-card:hover,main .blog-card:hover{transform:translateY(-8px);border-color:var(--accent)}
main .search-form,main .contact-form,main .article-aside{border:1px solid var(--ix-stroke);border-radius:25px;background:var(--ix-panel);box-shadow:0 25px 70px var(--ix-shadow);backdrop-filter:blur(22px)}
main .search-form:focus-within{border-color:var(--accent)}
main .article-aside{padding:20px}
/* Intro signal strip */
.v3-manifest{position:relative;overflow:hidden;border-bottom:1px solid var(--ix-stroke);background:var(--ix-ground)}
.v3-manifest:before{content:"";position:absolute;inset:0 40% 0 0;background:linear-gradient(100deg,rgba(244,101,56,.12),transparent)}
.v3-manifest-inner{min-height:178px;display:grid;grid-template-columns:88px 1fr 64px;gap:clamp(20px,4vw,63px);align-items:center;padding-block:30px;position:relative}
.v3-manifest-symbol{position:relative;display:grid;place-items:center;width:88px;height:88px;border-radius:24px;border:1px solid var(--ix-stroke);background:linear-gradient(138deg,rgba(238,95,55,.29),rgba(246,167,61,.05));box-shadow:10px 15px 30px var(--ix-shadow),inset 2px 2px 4px #fff2}
.v3-manifest-symbol span{font:700 60px/.8 var(--font-display);color:var(--accent);letter-spacing:-.12em}
.v3-manifest-symbol i{position:absolute;right:12px;top:11px;background:var(--saffron);border-radius:50%;width:12px;height:12px;box-shadow:0 0 17px var(--saffron)}
.v3-manifest-inner .mono{font-size:10px;color:var(--saffron)}
.v3-manifest-inner p{font:400 clamp(18px,2.15vw,32px)/1.43 var(--font-display);letter-spacing:-.025em;color:var(--white);max-width:930px;margin:10px 0 0}
.v3-scroll-disc{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;border:1px solid var(--ix-stroke);font-size:24px;color:var(--accent)}
.v3-scroll-disc:hover{transform:translateY(5px)}
/* Route directory */
.v3-directory-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin-block:25px 35px;position:relative;z-index:2}
.v3-directory-row a{display:flex;flex-direction:column;gap:24px;justify-content:space-between;min-height:128px;padding:24px;border:1px solid var(--ix-stroke);border-radius:20px;background:linear-gradient(132deg,var(--ix-surface),var(--ix-panel));box-shadow:10px 17px 28px var(--ix-shadow),inset 2px 2px 2px #fff1;transition:transform .4s,border-color .3s}
.v3-directory-row a:hover{transform:translateY(-5px);border-color:var(--accent)}
.v3-directory-row .mono{font-size:10px;color:var(--saffron)}
.v3-directory-row strong{font:500 clamp(20px,2vw,30px)/1.1 var(--font-display)}
/* Sticky story with animated orb and separate scroll chapters */
.v3-story{background:radial-gradient(ellipse at 0% 13%,rgba(238,75,49,.085),transparent 35%),var(--bg);padding:clamp(90px,10vw,165px) 0;position:relative}
.v3-section-header{display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:26px;margin-bottom:65px}
.v3-section-header .eyebrow{grid-column:1/-1;color:var(--saffron)}
.v3-section-header h2{font:500 clamp(52px,6.5vw,107px)/.95 var(--font-display);letter-spacing:-.07em;margin:0;max-width:1050px}
.v3-section-header p{font-size:16px;line-height:1.82;color:var(--ix-copy);max-width:500px;margin:0}
.v3-story-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.89fr);gap:clamp(40px,6vw,100px)}
.v3-story-left{position:sticky;top:140px;align-self:start;min-width:0}
.v3-canvas{position:relative;isolation:isolate;overflow:hidden;height:min(580px,68vh);min-height:445px;border:1px solid rgba(255,180,115,.16);border-radius:35px;background:radial-gradient(circle at 47% 36%,rgba(252,172,80,.27),transparent 34%),radial-gradient(circle at 79% 85%,rgba(241,43,39,.28),transparent 45%),linear-gradient(145deg,#291411,#0f0a0a 76%);box-shadow:0 45px 100px var(--ix-shadow),inset 1px 1px 2px #fff2}
.v3-canvas:before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,transparent 49%,#fff1 50%,transparent 51%),linear-gradient(transparent 49%,#fff1 50%,transparent 51%);background-size:65px 65px;opacity:.5}
.v3-canvas-ring{position:absolute;top:50%;left:50%;width:82%;aspect-ratio:1;transform:translate(-50%,-50%) rotate(-26deg) scaleY(.65);border:1px solid rgba(255,172,90,.3);border-radius:50%;animation:ix-ring 34s linear infinite}
.v3-canvas-ring.ring-two{width:64%;transform:translate(-50%,-50%) rotate(50deg) scaleY(.83);border-color:rgba(234,87,70,.34);animation-direction:reverse}
.v3-canvas-planet{position:absolute;top:50%;left:50%;width:39%;min-width:168px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;transform:translate(-50%,-50%);background:radial-gradient(circle at 29% 20%,#fff4d7,#ffae65 17%,#e7462b 42%,#86272b 66%,#271012);box-shadow:0 0 135px #ed5f3f33,inset -20px -25px 42px #12040799;transition:transform .8s,filter .8s}
.v3-canvas-planet span{font:700 clamp(60px,7vw,100px)/1 var(--font-display);letter-spacing:-.13em;color:#fff8edaa}
.v3-canvas[data-v3-active="1"] .v3-canvas-planet{transform:translate(-50%,-50%) scale(.84) rotate(26deg);filter:hue-rotate(20deg)}
.v3-canvas[data-v3-active="2"] .v3-canvas-planet{transform:translate(-50%,-50%) scale(1.08) rotate(-18deg);filter:hue-rotate(-13deg)}
.v3-canvas-float{position:absolute;padding:15px 18px;border:1px solid #fff2;border-radius:17px;background:#1b1111ac;backdrop-filter:blur(25px);box-shadow:0 18px 40px #0004;color:#fff2ed}
.v3-canvas-float.one{left:6%;top:8%;min-width:176px;transform:rotate(-5deg)}
.v3-canvas-float.two{right:6%;bottom:17%;width:200px;transform:rotate(4deg)}
.v3-canvas-float .mono{font-size:8px;color:#ffba85;display:block}
.v3-canvas-float strong{font:600 25px var(--font-display);display:block;margin-top:9px}
.v3-line-graph{height:36px;display:flex;align-items:end;gap:6px;margin-top:10px}
.v3-line-graph i{flex:1;height:30%;border-radius:5px;background:linear-gradient(#ffd17c,#e74b35);animation:ix-pulse 2s infinite alternate ease-in-out}
.v3-line-graph i:nth-child(2){height:58%;animation-delay:.3s}.v3-line-graph i:nth-child(3){height:38%;animation-delay:.5s}.v3-line-graph i:nth-child(4){height:92%;animation-delay:.2s}.v3-line-graph i:nth-child(5){height:70%;animation-delay:.6s}.v3-line-graph i:nth-child(6){height:55%;animation-delay:.8s}.v3-line-graph i:nth-child(7){height:38%;animation-delay:.4s}
.v3-canvas-bottom{position:absolute;bottom:24px;left:30px;right:30px;color:#fff2ed;display:flex;align-items:center;justify-content:space-between}
.v3-canvas-bottom b{font-size:23px;font-weight:500;color:#ffba77}
.v3-mini-track{width:120px;height:3px;background:#fff4;border-radius:10px;overflow:hidden}
.v3-mini-track i{display:block;width:33%;height:100%;background:linear-gradient(90deg,#f14733,#f7a85d);transition:width .65s}
.v3-story-step{min-height:clamp(380px,57vh,590px);padding:clamp(55px,6vw,95px) 0;border-top:1px solid var(--ix-stroke);opacity:.52;transform:translateY(10px);transition:opacity .6s,transform .6s}
.v3-story-step.v3-step-current{opacity:1;transform:none}
.v3-story-step:last-child{border-bottom:1px solid var(--ix-stroke)}
.v3-step-number{font-size:11px;color:var(--saffron);margin-bottom:35px}
.v3-story-step h3{font:500 clamp(43px,4.3vw,73px)/1.02 var(--font-display);letter-spacing:-.063em;margin:0 0 24px}
.v3-story-step p{color:var(--ix-copy);font-size:clamp(15px,1.4vw,19px);line-height:1.88;margin:0;max-width:520px}
.v3-story-micro{display:block;margin-top:45px;color:var(--accent);font-size:10px}
/* Bento: blend glass and clay */
.v3-bento-section{background:var(--ix-ground);padding:clamp(90px,10vw,164px) 0;position:relative}
.v3-bento-header{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:56px}
.v3-bento-header h2{font:500 clamp(55px,6.6vw,109px)/.93 var(--font-display);letter-spacing:-.07em;margin:26px 0 0}
.v3-bento-header h2 em{font-style:normal;color:var(--accent)}
.v3-bento-header>p{color:var(--ix-copy);font-size:15px;line-height:1.84;max-width:410px;margin:0}
.v3-bento-grid{display:grid;grid-template-columns:1.14fr .86fr .86fr;grid-auto-rows:minmax(270px,auto);gap:17px}
.v3-bento-card{display:flex;flex-direction:column;justify-content:space-between;min-width:0;min-height:285px;position:relative;overflow:hidden;padding:clamp(25px,2.65vw,41px);border:1px solid var(--ix-stroke);border-radius:32px;background:var(--ix-panel);backdrop-filter:blur(25px);box-shadow:12px 23px 45px var(--ix-shadow),inset 2px 2px 3px #fff2;transition:transform .45s,border-color .3s}
.v3-bento-card:hover{transform:translateY(-9px) rotate(-.4deg);border-color:var(--accent)}
.v3-bento-card.v3-tile-0{grid-row:span 2;min-height:567px;background:radial-gradient(circle at 80% 15%,#ffbb773a,transparent 40%),linear-gradient(146deg,#401f1a,#160e0e 75%);color:#fff7ee}
.v3-bento-card.v3-tile-0:before{content:"";position:absolute;right:-10%;top:5%;width:85%;aspect-ratio:1;border:1px solid #ffbb7730;border-radius:50%;box-shadow:0 0 0 48px #ffbb7708}
.v3-bento-card.v3-tile-1{background:linear-gradient(145deg,var(--ix-surface),var(--ix-panel))}
.v3-bento-card.v3-tile-3{grid-column:2/4;background:linear-gradient(110deg,rgba(241,64,44,.12),rgba(249,171,91,.08)),var(--ix-panel)}
.v3-tile-head{display:flex;justify-content:space-between;align-items:start;position:relative;z-index:2}
.v3-tile-head .mono{color:var(--saffron);font-size:10px}
.v3-tile-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:20px;background:linear-gradient(140deg,#ff8248,#bc292c);color:#fffaf6;font:35px var(--font-display);box-shadow:inset 4px 4px 5px #fff3,inset -7px -9px 11px #68150f55,10px 14px 20px #a43c282f}
.v3-tile-content{position:relative;z-index:2;margin-top:40px}
.v3-tile-content h3{font:500 clamp(27px,2.8vw,49px)/1.05 var(--font-display);letter-spacing:-.05em;margin:0 0 16px}
.v3-tile-0 h3{font-size:clamp(43px,4vw,72px)}
.v3-tile-content p{color:var(--ix-copy);font:14px/1.8 var(--font-body);margin:0}
.v3-tile-0 .v3-tile-content p{color:#e0cfc6}
.v3-tile-line{position:absolute;bottom:0;left:0;width:0;height:3px;background:linear-gradient(90deg,#f14337,#ffd179);transition:width .7s}
.v3-bento-card:hover .v3-tile-line{width:100%}
/* Quote visual */
.v3-quote-band{background:linear-gradient(120deg,#c8292b,#e14c2e 50%,#ff964d);padding:clamp(105px,12vw,183px) 0;color:#fff9f2;position:relative;overflow:hidden}
.v3-quote-inner{position:relative;z-index:2}
.v3-quote-inner>.mono{display:block;color:#ffe4d4;font-size:10px}
.v3-quote-inner p{font:500 clamp(50px,8.4vw,144px)/.98 var(--font-display);letter-spacing:-.065em;position:relative;z-index:2;margin:35px 0 80px;max-width:1370px}
.v3-quote-orb{position:absolute;width:36%;aspect-ratio:1;right:1%;top:-20%;border-radius:50%;background:radial-gradient(circle at 30% 22%,#fff9dc75,#ffd19148 26%,#a83e1433 72%);box-shadow:inset -15px -15px 40px #771f1f70;pointer-events:none}
/* FAQs */
.v3-faq-section{padding:clamp(100px,11vw,170px) 0}
.v3-faq-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(50px,7vw,130px)}
.v3-faq-intro{position:sticky;top:145px;align-self:start}
.v3-faq-intro h2{font:500 clamp(58px,6.2vw,105px)/.95 var(--font-display);letter-spacing:-.067em;margin:30px 0 26px}
.v3-faq-intro h2 em{color:var(--accent);font-style:normal}
.v3-faq-intro>p{color:var(--ix-copy);font-size:15px;line-height:1.82;max-width:370px}
.v3-faq-intro .link-arrow{margin-top:20px}
.v3-faq-item{border-bottom:1px solid var(--ix-stroke)}
.v3-faq-item:first-child{border-top:1px solid var(--ix-stroke)}
.v3-faq-item summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:40px minmax(0,1fr) 30px;align-items:center;gap:14px;padding:29px 4px}
.v3-faq-item summary::-webkit-details-marker{display:none}
.v3-faq-item summary .mono{color:var(--saffron);font-size:11px}
.v3-faq-item summary strong{font:500 clamp(21px,2.4vw,32px)/1.22 var(--font-display)}
.v3-faq-plus{font:400 29px var(--font-display);color:var(--accent);transition:transform .3s}
.v3-faq-item[open] .v3-faq-plus{transform:rotate(45deg)}
.v3-faq-item>p{padding:0 48px 31px 58px;margin:0;color:var(--ix-copy);font-size:14px;line-height:1.87}
/* Related */
.v3-related-section{padding:clamp(94px,10vw,153px) 0;background:var(--ix-ground);border-top:1px solid var(--ix-stroke)}
.v3-related-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:49px}
.v3-related-head h2{font:500 clamp(60px,7vw,116px)/.93 var(--font-display);letter-spacing:-.07em;margin:0}
.v3-related-head h2 em{color:var(--accent);font-style:normal}
.v3-related-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.v3-next-card{display:flex;flex-direction:column;justify-content:space-between;min-height:250px;padding:29px;border:1px solid var(--ix-stroke);border-radius:29px;background:var(--ix-panel);backdrop-filter:blur(25px);box-shadow:10px 18px 38px var(--ix-shadow),inset 1px 1px 1px #fff2;position:relative;overflow:hidden;transition:transform .45s,border-color .3s}
.v3-next-card:hover{transform:translateY(-7px);border-color:var(--accent)}
.v3-next-card .mono{color:var(--saffron);font-size:10px}
.v3-next-card strong{font:500 clamp(27px,3vw,49px)/1.05 var(--font-display);letter-spacing:-.05em;max-width:280px}
.v3-next-card:before{content:"";position:absolute;width:160px;height:160px;border:1px solid #f9a27230;border-radius:50%;right:-30px;top:-48px;box-shadow:0 0 0 26px #f9a2720d}
.v3-next-arrow{position:absolute;right:26px;bottom:23px;color:var(--accent);font-size:24px}
/* Catalogue + index */
.v3-product-listing{padding:74px 0 118px;background:var(--ix-ground)}
.v3-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:100px}
.v3-tab-link{padding:12px 19px;border:1px solid var(--ix-stroke);border-radius:50px;font-size:12px;background:var(--ix-panel)}
.v3-tab-link:hover{background:var(--accent);color:#181110}
.v3-listing-intro{display:grid;grid-template-columns:1.15fr .65fr;align-items:end;gap:40px;margin-bottom:50px}
.v3-listing-intro .eyebrow{grid-column:1/-1}
.v3-listing-intro h2{font:500 clamp(55px,6.7vw,110px)/.94 var(--font-display);letter-spacing:-.07em;margin:0}
.v3-listing-intro h2 em{color:var(--accent);font-style:normal}
.v3-listing-intro>p{font-size:15px;line-height:1.83;color:var(--ix-copy);margin:0}
.v3-listing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.v3-listing-card{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:368px;padding:29px;border:1px solid var(--ix-stroke);border-radius:28px;background:var(--ix-panel);box-shadow:10px 17px 44px var(--ix-shadow),inset 2px 2px 2px #fff1;backdrop-filter:blur(18px);transition:transform .5s,border-color .3s}
.v3-listing-card:hover{transform:translateY(-8px);border-color:var(--accent)}
.v3-listing-card:nth-child(4n+1){background:radial-gradient(circle at 90% 0%,#ef805e27,transparent 60%),var(--ix-panel)}
.v3-listing-top{display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--saffron)}
.v3-listing-top .mono{font-size:10px}.v3-listing-corner{font-size:24px;color:var(--accent)}
.v3-listing-icon{display:grid;place-items:center;margin-top:43px;width:78px;height:78px;border-radius:23px;background:linear-gradient(145deg,#ff9454,#b72a2e);font:47px var(--font-display);color:#fff;box-shadow:inset 4px 4px 5px #fff3,inset -6px -8px 11px #81192278,10px 15px 28px #9e342544}
.v3-listing-card h3{font:500 clamp(28px,2.7vw,44px)/1.05 var(--font-display);letter-spacing:-.045em;margin:23px 0 14px}
.v3-listing-card p{font-size:13px;line-height:1.8;color:var(--ix-copy);margin:0 0 24px}
.v3-listing-bottom{margin-top:auto;color:var(--accent);display:flex;justify-content:space-between;align-items:center;font-size:10px}
.v3-listing-bottom span{font-size:23px}
.v3-availability-note{display:flex;gap:17px;align-items:start;padding:22px;margin-top:33px;border:1px solid color-mix(in srgb,var(--saffron) 25%,var(--ix-stroke));background:color-mix(in srgb,var(--saffron) 6%,var(--ix-panel));border-radius:18px;color:var(--ix-copy)}
.v3-availability-note>span{font-size:29px;color:var(--saffron)}.v3-availability-note p{font-size:13px;line-height:1.7;margin:0}.v3-availability-note strong{color:var(--white)}
/* Detail hero and conceptual product visual */
.v3-detail-summary{padding:100px 0 120px}
.v3-detail-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(36px,7vw,110px);align-items:center}
.v3-detail-layout h2{font:500 clamp(57px,6vw,100px)/.95 var(--font-display);letter-spacing:-.07em;margin:32px 0}
.v3-detail-layout h2 em{color:var(--accent);font-style:normal}
.v3-detail-layout p{color:var(--ix-copy);font-size:16px;line-height:1.88}
.v3-detail-layout .pill-row{margin-top:30px}.v3-detail-layout .pill{background:var(--ix-panel);padding:10px 16px;font-size:11px}
.v3-detail-graphic{position:relative;overflow:hidden;height:480px;padding:39px;border-radius:42px;border:1px solid var(--ix-stroke);background:linear-gradient(145deg,var(--ix-surface),var(--ix-panel));box-shadow:inset 5px 5px 12px #fff2,inset -7px -9px 14px #0002,17px 25px 55px var(--ix-shadow)}
.v3-detail-graphic-label{font-size:10px;color:var(--saffron);position:relative;z-index:2}
.v3-detail-glow{position:absolute;width:65%;aspect-ratio:1;top:5%;left:26%;border-radius:50%;background:radial-gradient(circle at 30% 24%,#fff0dd,#f6b365 18%,#ed643b 44%,#872b2a 72%,transparent 80%);box-shadow:0 0 90px #f8793a55}
.v3-big-glyph{position:absolute;left:28px;bottom:36px;font:700 clamp(170px,25vw,380px)/.75 var(--font-display);letter-spacing:-.13em;color:#ffffffc2;text-shadow:0 16px 38px #8e211a55}
.v3-detail-graphic>span:last-child{position:absolute;right:29px;bottom:26px;color:var(--ix-copy);font:10px var(--mono)}
/* API documentation */
.v3-docs-detail{padding:84px 0 130px}
.v3-docs-layout{display:grid;grid-template-columns:275px minmax(0,1fr);gap:clamp(30px,6vw,100px);align-items:start}
.v3-docs-sidebar{position:sticky;top:144px;padding:28px;border-radius:25px;border:1px solid var(--ix-stroke);background:var(--ix-panel);backdrop-filter:blur(25px)}
.v3-docs-sidebar>.mono{color:var(--saffron)}
.v3-docs-sidebar nav{display:flex;flex-direction:column;margin-top:21px}
.v3-docs-sidebar a{padding:13px 0;border-bottom:1px solid var(--ix-stroke);font-size:13px;color:var(--ix-copy)}
.v3-docs-sidebar a:hover{color:var(--accent)}
.v3-docs-content h2{font:500 clamp(52px,6vw,99px)/.96 var(--font-display);letter-spacing:-.07em;margin:28px 0}
.v3-docs-content>p{font-size:17px;line-height:1.88;color:var(--ix-copy)}
.v3-code-example{border:1px solid #51342d;border-radius:24px;overflow:hidden;background:#100d0c;margin:40px 0 23px;box-shadow:0 25px 70px var(--ix-shadow)}
.v3-code-top{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:16px 22px;border-bottom:1px solid #483028;background:#241611;color:#f1b58b}
.v3-copy{border:1px solid #8b5a43;background:transparent;color:#ffd0ac;border-radius:50px;font-size:11px;padding:8px 14px;cursor:pointer}
.v3-code-example pre{margin:0;padding:29px;color:#f3d7c5;font:13px/1.9 var(--mono);white-space:pre-wrap;overflow:auto}
/* Light mode contextual overrides */
html[data-theme="light"] .v3-bento-card.v3-tile-0{background:radial-gradient(circle at 75% 10%,#ffb97244,transparent 38%),linear-gradient(146deg,#4c201c,#260f10 75%);color:#fff7ef}
html[data-theme="light"] .v3-bento-card:not(.v3-tile-0){box-shadow:inset 3px 4px 5px #fff7,10px 18px 34px #a7624520}
html[data-theme="light"] .v3-detail-graphic{background:linear-gradient(135deg,#fff0df,#f4d4c4)}
/* responsive */
@media(max-width:1140px){.v3-bento-grid{grid-template-columns:1fr 1fr}.v3-bento-card.v3-tile-0{grid-row:span 2}.v3-bento-card.v3-tile-3{grid-column:2}.v3-listing-grid{grid-template-columns:1fr 1fr}}
@media(max-width:880px){.v3-section-header{grid-template-columns:1fr}.v3-story-grid{grid-template-columns:1fr;gap:24px}.v3-story-left{position:sticky;top:94px;z-index:4}.v3-canvas{height:315px;min-height:0;border-radius:24px}.v3-canvas-planet{width:160px;min-width:0}.v3-canvas-float.one{top:17px;left:18px}.v3-canvas-float.two{bottom:69px;right:18px}.v3-canvas-bottom{bottom:15px}.v3-story-step{min-height:300px}.v3-faq-grid{grid-template-columns:1fr}.v3-faq-intro{position:static}.v3-detail-layout{grid-template-columns:1fr}.v3-detail-graphic{height:385px}.v3-docs-layout{grid-template-columns:1fr}.v3-docs-sidebar{position:static}.v3-docs-sidebar nav{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.v3-related-list{grid-template-columns:1fr 1fr}}
@media(max-width:670px){.v3-manifest-inner{grid-template-columns:59px 1fr;gap:18px;min-height:150px}.v3-manifest-symbol{width:59px;height:59px;border-radius:17px}.v3-manifest-symbol span{font-size:41px}.v3-manifest-symbol i{width:9px;height:9px;top:8px;right:8px}.v3-manifest-inner p{font-size:18px}.v3-scroll-disc{display:none}.v3-section-header h2{font-size:clamp(47px,10vw,83px)}.v3-canvas{height:292px}.v3-canvas-float.two{display:none}.v3-story-step{min-height:275px;padding:48px 0}.v3-story-step h3{font-size:clamp(40px,9vw,62px)}.v3-story-step p{font-size:15px}.v3-bento-grid{grid-template-columns:1fr}.v3-bento-card.v3-tile-0{grid-row:auto;min-height:415px}.v3-bento-card.v3-tile-3{grid-column:auto}.v3-bento-header{display:block}.v3-bento-header>p{margin-top:25px}.v3-quote-inner p{font-size:clamp(44px,9.5vw,75px)}.v3-related-list{grid-template-columns:1fr}.v3-next-card{min-height:195px}.v3-listing-intro{grid-template-columns:1fr}.v3-listing-grid{grid-template-columns:1fr}.v3-tabs{margin-bottom:54px}.v3-docs-sidebar nav{grid-template-columns:1fr}.v3-directory-row{grid-template-columns:1fr 1fr}.v3-directory-row a{padding:17px;min-height:112px}.v3-directory-row strong{font-size:18px}.v3-new-subhero .subhero-main h1{font-size:clamp(55px,10vw,80px)}.v3-detail-graphic{height:315px}}
@media(max-width:400px){.v3-directory-row{grid-template-columns:1fr}.v3-canvas{height:274px}.v3-manifest-inner p{font-size:16px}.v3-faq-item summary{grid-template-columns:27px 1fr 24px}.v3-faq-item>p{padding-left:40px}}
@media(prefers-reduced-motion:reduce){.v3-enhanced-hero:after,.v3-new-subhero:after,.v3-canvas-ring,.v3-line-graph i{animation:none!important}.v3-story-step{opacity:1!important;transform:none!important}.v3-bento-card,.v3-next-card,.v3-listing-card{transition:none!important}}
@keyframes ix-spin{to{transform:rotate(360deg)}}
@keyframes ix-ring{to{rotate:360deg}}
@keyframes ix-pulse{to{height:90%}}