:root{--bg:#040506;--bg2:#080a0d;--surface:#0b0e12;--surface2:#11151b;--line:rgba(215,168,59,.18);--line2:rgba(255,255,255,.08);--gold:#d7a83b;--gold2:#f2d485;--gold3:#8d6928;--text:#f4f1e9;--muted:#a2a5ab;--muted2:#767b84;--serif:Georgia,'Times New Roman',serif;--sans:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',Arial,sans-serif;--container:min(1680px,calc(100vw - 64px));--r:18px;--header:82px}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg);color:var(--text)}body{margin:0;background:radial-gradient(70% 45% at 50% 0,rgba(122,84,19,.08),transparent 55%),var(--bg);font:15px/1.55 var(--sans);overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.skip-link{position:fixed;left:12px;top:-100px;z-index:999;padding:10px 14px;background:var(--gold);color:#080706;border-radius:8px}.skip-link:focus{top:12px}.container{width:var(--container);margin:auto}.site-header{height:var(--header);position:sticky;top:0;z-index:90;border-bottom:1px solid rgba(215,168,59,.12);background:rgba(4,5,6,.72);backdrop-filter:blur(18px);transition:.3s}.site-header.scrolled{height:70px;background:rgba(4,5,6,.9)}.header-inner{height:100%;width:var(--container);margin:auto;display:grid;grid-template-columns:250px 1fr auto;align-items:center;gap:28px}.brand img{height:36px;width:auto;object-fit:contain}.desktop-nav{display:flex;align-items:center;justify-content:center;gap:30px;color:#c4c5c7;font-size:14px}.desktop-nav a{position:relative;padding:9px 0;transition:.25s}.desktop-nav a:hover{color:var(--gold2)}.desktop-nav a:after{content:"";position:absolute;left:50%;right:50%;bottom:0;height:1px;background:var(--gold);transition:.25s}.desktop-nav a:hover:after{left:0;right:0}.btn{min-height:46px;padding:0 20px;border-radius:10px;border:1px solid var(--line2);display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:700;letter-spacing:.01em;transition:transform .22s,background .22s,border-color .22s,color .22s;cursor:pointer}.btn-gold{background:linear-gradient(135deg,#f1cf79,#c9952b);border-color:#e0b854;color:#151006;box-shadow:0 10px 38px rgba(199,145,38,.17),inset 0 1px rgba(255,255,255,.45)}.btn-gold:hover{filter:brightness(1.07)}.btn-ghost{background:rgba(255,255,255,.025);border-color:rgba(215,168,59,.22);color:#ddd9cf}.btn-ghost:hover{border-color:var(--gold);color:var(--gold2)}.header-cta{height:44px}.menu-toggle,.mobile-menu{display:none}.gravity-canvas{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:2;opacity:.18}.ambient-orbs{position:fixed;inset:0;pointer-events:none;z-index:1;background:radial-gradient(circle at 10% 30%,rgba(215,168,59,.05),transparent 20%),radial-gradient(circle at 88% 58%,rgba(215,168,59,.04),transparent 22%)}main,.site-footer,.site-header{position:relative;z-index:3}.eyebrow{display:block;color:var(--gold);font-size:11px;font-weight:800;letter-spacing:.24em;text-transform:uppercase;margin-bottom:18px}.hero{min-height:calc(100vh - var(--header));position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,#030405 0%,rgba(3,4,5,.97) 36%,rgba(3,4,5,.58) 66%,rgba(3,4,5,.85) 100%),url('../images/waves.webp') center/cover no-repeat;opacity:.92}.hero-grid{min-height:720px;display:grid;grid-template-columns:minmax(430px,.88fr) minmax(560px,1.12fr);align-items:center;gap:30px;position:relative}.hero-copy{padding:58px 0}.hero h1,.inner-hero h1,.article h1,.brief-intro h1,.not-found h1{font:400 clamp(54px,5.2vw,98px)/.96 var(--serif);letter-spacing:-.045em;margin:0 0 24px}.hero h1 em,.inner-hero h1 em{font-style:normal;color:var(--gold2)}.lead{font-size:clamp(17px,1.18vw,21px);line-height:1.6;color:#b8bbc1;max-width:800px}.hero-actions{display:flex;gap:12px;margin-top:32px;flex-wrap:wrap}.hero-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:32px}.hero-tags span{padding:7px 10px;border:1px solid rgba(215,168,59,.13);border-radius:999px;background:rgba(255,255,255,.02);font-size:11px;color:#a9adb4}.hero-visual{position:relative;min-height:660px;display:grid;place-items:center}.hero-tree{display:block;width:min(760px,58vw);filter:drop-shadow(0 0 44px rgba(214,154,31,.16));transform:translate3d(var(--px,0),var(--py,0),0);transition:transform .15s linear}.hero-tree img{width:100%;height:auto}.orbit-label{position:absolute;padding:7px 10px;border:1px solid rgba(215,168,59,.28);border-radius:999px;background:rgba(4,5,6,.72);color:var(--gold2);font:700 9px/1 var(--sans);letter-spacing:.18em;backdrop-filter:blur(10px);animation:float 5s ease-in-out infinite}.l1{left:9%;top:31%}.l2{left:15%;bottom:23%;animation-delay:-1s}.l3{right:7%;top:34%;animation-delay:-2s}.l4{right:17%;bottom:20%;animation-delay:-3s}@keyframes float{50%{transform:translateY(-8px)}}.spark-field{position:absolute;inset:3% 4%;pointer-events:none}.spark{position:absolute;width:3px;height:3px;border-radius:50%;background:var(--gold2);box-shadow:0 0 12px 4px rgba(242,212,133,.22);animation:spark 5s linear infinite}@keyframes spark{0%,100%{opacity:.05;transform:translate(0,10px) scale(.6)}40%{opacity:1}75%{opacity:.25;transform:translate(12px,-24px) scale(1.25)}}.process-strip{position:relative;display:grid;grid-template-columns:repeat(8,1fr);border-top:1px solid var(--line);background:rgba(7,8,10,.86);backdrop-filter:blur(12px)}.process-strip>div{min-height:76px;padding:14px 16px;border-right:1px solid var(--line2);display:flex;gap:10px;align-items:center}.process-strip img{width:24px;height:24px}.process-strip b{display:block;font-size:12px}.process-strip small{display:block;color:var(--muted2);font-size:10px;margin-top:2px}.section{padding:92px 0;border-bottom:1px solid rgba(215,168,59,.09);position:relative}.section.dense{padding:70px 0}.section-head{display:grid;grid-template-columns:1.05fr .75fr;gap:70px;align-items:end;margin-bottom:34px}.section h2,.footer-cta h2,.petal-copy h2{font:400 clamp(38px,3.1vw,64px)/1.02 var(--serif);letter-spacing:-.035em;margin:0}.section-head p{color:var(--muted);font-size:16px;max-width:660px;margin:0}.cap-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.cap-card,.feature-card,.solution-card,.product-card,.scenario,.industry-grid article,.principle-grid article,.contact-options article{position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012));border:1px solid rgba(215,168,59,.12);border-radius:var(--r);padding:22px;min-height:220px;transition:transform .25s,border-color .25s,background .25s}.cap-card:hover,.feature-card:hover,.solution-card:hover,.product-card:hover,.scenario:hover{transform:translateY(-5px);border-color:rgba(215,168,59,.42);background:linear-gradient(145deg,rgba(215,168,59,.07),rgba(255,255,255,.016))}.living-border:after{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:conic-gradient(from var(--angle,0deg),transparent 0 72%,rgba(242,212,133,.8) 79%,transparent 86%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .25s}.living-border:hover:after{opacity:1;animation:borderSpin 2.4s linear infinite}@property --angle{syntax:'<angle>';initial-value:0deg;inherits:false}@keyframes borderSpin{to{--angle:360deg}}.cap-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:14px;background:radial-gradient(circle,rgba(215,168,59,.13),rgba(215,168,59,.02) 62%,transparent 63%);margin-bottom:25px}.cap-icon img{width:36px;height:36px}.cap-card h3,.feature-card h3{font-size:18px;margin:0 0 8px}.cap-card p,.feature-card p,.solution-card p,.product-card p,.scenario p{color:var(--muted);margin:0}.card-arrow,.text-link,.scenario a,.solution-card a{display:inline-block;color:var(--gold2);font-weight:700;font-size:12px;margin-top:22px}.tech-rail{margin-top:22px;display:flex;align-items:center;gap:8px;overflow:auto;padding:10px 0;scrollbar-width:none}.tech-rail::-webkit-scrollbar{display:none}.tech-label{color:var(--gold);font-size:10px;text-transform:uppercase;letter-spacing:.22em;font-weight:800;margin-right:10px}.tech-chip{flex:0 0 auto;height:48px;min-width:112px;padding:0 14px;border:1px solid var(--line2);border-radius:10px;display:flex;align-items:center;gap:9px;background:#080a0d;transition:.25s}.tech-chip img{filter:grayscale(1) sepia(1) saturate(3) hue-rotate(355deg) brightness(1.25);transition:.25s}.tech-chip b{font-size:12px;color:#c9cbd0}.tech-chip:hover{border-color:color-mix(in srgb,var(--brand) 70%,#fff 10%);transform:translateY(-2px)}.tech-chip:hover img{filter:none}.tech-chip:hover b{color:var(--brand)}.interact-section{background:radial-gradient(55% 60% at 68% 50%,rgba(215,168,59,.08),transparent 65%)}.petal-engine{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center;min-height:620px}.petal-copy p{color:var(--muted);font-size:16px;max-width:570px}.petal-detail{min-height:54px;margin-top:26px;padding:14px 16px;border-left:2px solid var(--gold);background:rgba(255,255,255,.02);color:#d7d9de}.petal-stage{width:min(600px,90vw);aspect-ratio:1;margin:auto;position:relative;display:grid;place-items:center}.petal-core{position:absolute;z-index:5;width:112px;height:112px;border-radius:50%;border:1px solid rgba(242,212,133,.55);background:radial-gradient(circle at 50% 42%,#f2d485 0 2%,#bd8420 20%,#4d300c 42%,#0a0907 68%);color:#140f06;box-shadow:0 0 0 18px rgba(215,168,59,.035),0 0 80px rgba(215,168,59,.25);cursor:pointer}.petal-core span{font:700 34px var(--serif)}.petal-core small{display:block;font-size:9px;color:#4f380e}.petal{position:absolute;width:118px;height:72px;border:1px solid rgba(215,168,59,.22);border-radius:64% 36% 62% 38%/62% 55% 45% 38%;background:linear-gradient(145deg,#151007,#090a0c);color:#eee;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;opacity:.28;transform:translate(-50%,-50%) scale(.55);left:50%;top:50%;transition:transform .55s cubic-bezier(.2,.8,.2,1),left .55s,top .55s,opacity .45s,border-color .25s;cursor:pointer}.petal img{width:23px;height:23px}.petal span{font-size:9px}.petal-engine.open .petal{opacity:1}.petal-engine.open .p0{left:50%;top:10%;transform:translate(-50%,-50%) rotate(-90deg)}.petal-engine.open .p1{left:78%;top:22%;transform:translate(-50%,-50%) rotate(-45deg)}.petal-engine.open .p2{left:90%;top:50%;transform:translate(-50%,-50%)}.petal-engine.open .p3{left:78%;top:78%;transform:translate(-50%,-50%) rotate(45deg)}.petal-engine.open .p4{left:50%;top:90%;transform:translate(-50%,-50%) rotate(90deg)}.petal-engine.open .p5{left:22%;top:78%;transform:translate(-50%,-50%) rotate(135deg)}.petal-engine.open .p6{left:10%;top:50%;transform:translate(-50%,-50%) rotate(180deg)}.petal-engine.open .p7{left:22%;top:22%;transform:translate(-50%,-50%) rotate(225deg)}.petal-engine.open .petal:hover{border-color:var(--gold2);filter:brightness(1.3)}.petal-ring{position:absolute;width:70%;height:70%;border:1px dashed rgba(215,168,59,.14);border-radius:50%;animation:spin 24s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.arch-flow{position:relative;display:grid;grid-template-columns:repeat(6,1fr);gap:10px;padding:30px 0;margin:26px 0 42px}.arch-line{position:absolute;top:50%;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent,var(--gold3),var(--gold),var(--gold3),transparent);z-index:0}.arch-line:after{content:"";position:absolute;width:80px;height:2px;top:-1px;background:linear-gradient(90deg,transparent,#fff5c4,transparent);animation:flow 3.2s linear infinite}@keyframes flow{from{left:0}to{left:calc(100% - 80px)}}.arch-node{z-index:1;background:#080a0d;border:1px solid rgba(215,168,59,.18);border-radius:14px;padding:18px 10px;color:#eee;display:grid;place-items:center;gap:6px;transition:.25s;cursor:pointer}.arch-node img{width:28px}.arch-node b{font-size:12px}.arch-node small{font-size:9px;color:var(--muted2)}.arch-node.active,.arch-node:hover{border-color:var(--gold);box-shadow:0 0 30px rgba(215,168,59,.12);transform:translateY(-4px)}.chart-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.concept-chart{background:linear-gradient(145deg,#0d1014,#07090b);border:1px solid rgba(215,168,59,.12);border-radius:var(--r);padding:22px;min-height:280px}.concept-chart h3{font:400 27px/1.1 var(--serif);margin:0 0 15px}.concept-chart p{color:var(--muted);font-size:13px}.bars{height:110px;display:flex;gap:8px;align-items:flex-end;padding:8px;border-bottom:1px solid var(--line)}.bars i{flex:1;height:var(--h);background:linear-gradient(#f2d485,#7d5315);border-radius:5px 5px 0 0;box-shadow:0 0 20px rgba(215,168,59,.15);transform-origin:bottom;animation:grow 1.5s ease both}@keyframes grow{from{transform:scaleY(.05)}}.timeline-chart{height:110px;display:flex;align-items:center;justify-content:space-between;position:relative}.timeline-chart:before{content:"";position:absolute;left:4%;right:4%;height:1px;background:var(--gold3)}.timeline-chart i{width:16px;height:16px;border:2px solid var(--gold);border-radius:50%;background:#0b0d10;z-index:1;box-shadow:0 0 16px rgba(215,168,59,.28)}.pulse-track{height:110px;display:flex;align-items:center;gap:22px;position:relative}.pulse-track:before{content:"";position:absolute;left:4%;right:4%;height:1px;background:linear-gradient(90deg,var(--gold3),var(--gold),var(--gold3))}.pulse-track span{width:30px;height:30px;border:1px solid var(--gold);background:#0a0c0f;border-radius:8px;z-index:1}.pulse-track:after{content:"";position:absolute;width:30px;height:3px;background:#fff1af;box-shadow:0 0 12px var(--gold);animation:flow 2.4s linear infinite}.ecosystem-section{background:linear-gradient(180deg,#060709,#040506)}.ecosystem-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;align-items:center}.ecosystem-grid p{color:var(--muted);font-size:16px}.format-cloud{display:flex;flex-wrap:wrap;gap:8px}.format-cloud a{padding:10px 13px;border:1px solid rgba(215,168,59,.15);border-radius:999px;background:#090b0f;color:#b9bdc3;font-size:12px;transition:.2s}.format-cloud a:hover{color:var(--gold2);border-color:var(--gold);transform:translateY(-2px)}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.product-card span{color:var(--gold);font-weight:900}.product-card h2,.product-card h3{font:400 30px/1.1 var(--serif);margin:12px 0}.inner-hero{padding:80px 0 52px;border-bottom:1px solid var(--line);background:radial-gradient(50% 60% at 75% 40%,rgba(215,168,59,.08),transparent 68%)}.inner-hero.compact{padding:68px 0}.split-hero{display:grid;grid-template-columns:.92fr 1.08fr;gap:64px;align-items:center;min-height:560px}.split-hero>div:last-child{min-width:0}.inner-hero .visual,.service-visual .visual{display:block;max-width:660px;margin:auto}.inner-hero .visual img,.service-visual .visual img{width:100%}.breadcrumbs{display:flex;gap:8px;align-items:center;color:#777e87;font-size:11px;margin-bottom:40px}.breadcrumbs a:hover{color:var(--gold)}.service-visual{position:relative}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.feature-card{min-height:190px}.feature-card>img{width:28px;height:28px;margin-bottom:18px}.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(7,1fr);gap:8px;counter-reset:x}.steps li{padding:18px;border-top:1px solid var(--line);background:#080a0d}.steps span{color:var(--gold);font:700 12px var(--sans)}.steps h3{font-size:14px;margin:12px 0 8px}.steps p{color:var(--muted2);font-size:11px}.faq{display:grid;grid-template-columns:.7fr 1.3fr;gap:60px}.faq details{grid-column:2;padding:16px 0;border-bottom:1px solid var(--line2)}.faq details:first-of-type{margin-top:-80px}.faq summary{cursor:pointer;font-weight:700}.faq details p{color:var(--muted)}.solution-grid,.scenario-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:54px}.solution-card,.scenario{min-height:250px}.solution-card h2,.scenario h2{font:400 30px var(--serif);margin:0 0 12px}.scenario-line{display:flex;gap:6px;margin-top:22px}.scenario-line i{height:3px;flex:1;background:linear-gradient(90deg,var(--gold3),transparent);border-radius:3px}.tech-domain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}.tech-domain-grid article{padding:24px;border:1px solid var(--line);border-radius:var(--r);background:#080a0d}.tech-domain-grid h2{font:400 30px var(--serif);margin:0 0 12px}.tech-domain-grid p{color:var(--muted)}.principle-grid,.industry-grid,.contact-options{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:40px}.principle-grid article,.industry-grid article,.contact-options article{min-height:190px}.principle-grid h2,.industry-grid h2,.contact-options h2{font:400 25px var(--serif);margin:0 0 10px}.principle-grid p,.industry-grid p,.contact-options p{color:var(--muted)}.contact-options img{width:30px;margin-bottom:20px}.insight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.insight-card{padding:24px;min-height:300px;border:1px solid var(--line);border-radius:var(--r);background:#080a0d;position:relative;overflow:hidden}.insight-card h2{font:400 30px/1.08 var(--serif);margin:0 0 16px}.insight-card p{color:var(--muted)}.insight-card>span:last-child{color:var(--gold2);font-weight:700;position:absolute;bottom:24px}.article{padding:72px 0}.article-grid{display:grid;grid-template-columns:1.15fr .65fr;gap:80px;align-items:start}.article-copy{max-width:820px}.article-copy p{font-size:18px;line-height:1.75;color:#c1c3c7}.article-copy h2{font:400 42px var(--serif);margin:50px 0 15px}.article aside{position:sticky;top:100px}.brief-section{padding:72px 0}.brief-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:60px;align-items:start}.brief-intro{position:sticky;top:110px}.brief-intro .visual{max-width:420px;margin:40px auto 0}.brief-form{border:1px solid var(--line);border-radius:22px;padding:28px;background:linear-gradient(145deg,#0b0e12,#07090b);min-height:620px}.brief-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-bottom:34px}.brief-progress span{height:3px;background:#24272d}.brief-progress .active{background:var(--gold)}fieldset{border:0;padding:0;margin:0}legend{font:400 38px var(--serif);margin-bottom:26px}.choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:30px}.choice-grid input{position:absolute;opacity:0}.choice-grid span{display:block;padding:15px 16px;border:1px solid var(--line2);border-radius:10px;background:#0a0c0f;cursor:pointer}.choice-grid input:checked+span{border-color:var(--gold);color:var(--gold2);background:rgba(215,168,59,.06)}.field{display:block;margin-bottom:18px}.field span{display:block;color:#c7c8ca;font-weight:700;margin-bottom:8px}.field input,.field textarea{width:100%;background:#080a0d;border:1px solid var(--line2);border-radius:10px;padding:14px;color:#eee;font:inherit}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-note{font-size:11px;color:var(--muted2)}.brief-result{padding:18px;border:1px solid var(--gold);border-radius:12px;color:var(--gold2);margin-top:18px}.not-found{min-height:70vh;width:var(--container);margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.not-found .visual{max-width:480px}.site-footer{padding:52px 0 20px;background:#030405;border-top:1px solid var(--line)}.footer-cta{width:var(--container);margin:0 auto 50px;padding:28px;border:1px solid var(--line);border-radius:var(--r);display:flex;align-items:center;justify-content:space-between;gap:40px;position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(215,168,59,.06),rgba(255,255,255,.01))}.footer-cta h2{font-size:40px}.footer-cta p{max-width:700px;color:var(--muted)}.footer-grid{width:var(--container);margin:auto;display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:40px}.footer-brand img{width:190px}.footer-brand p{max-width:350px;color:var(--muted);font-size:12px}.footer-grid b{display:block;color:var(--gold);font-size:11px;text-transform:uppercase;letter-spacing:.14em;margin-bottom:14px}.footer-grid a{display:block;color:#8f949d;font-size:12px;padding:4px 0}.footer-grid a:hover{color:var(--gold2)}.footer-bottom{width:var(--container);margin:35px auto 0;padding-top:18px;border-top:1px solid var(--line2);display:flex;justify-content:space-between;color:#686d75;font-size:10px}.reveal{opacity:0;transform:translateY(14px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}.magnetic{will-change:transform}.standalone{max-width:720px;margin:auto;border-radius:18px;opacity:.75;mix-blend-mode:screen}.mobile-menu{position:absolute;left:0;right:0;top:100%;background:#050607;border-bottom:1px solid var(--line);padding:18px 24px;flex-direction:column;gap:12px}.mobile-menu.open{display:flex}.mobile-menu a:not(.btn){padding:10px 0;border-bottom:1px solid var(--line2)}
.mega-menu{position:absolute;left:50%;top:calc(100% + 1px);width:min(1120px,calc(100vw - 60px));transform:translateX(-50%) translateY(-8px);display:grid;grid-template-columns:repeat(3,1fr) 1.3fr;gap:8px;padding:12px;border:1px solid var(--line);border-radius:0 0 18px 18px;background:rgba(5,6,8,.97);box-shadow:0 30px 80px rgba(0,0,0,.48);opacity:0;visibility:hidden;pointer-events:none;transition:.22s;backdrop-filter:blur(20px)}.site-header.mega-open .mega-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}.mega-menu>div{padding:16px;border-right:1px solid var(--line2)}.mega-menu>div:last-child{border-right:0}.mega-menu span{display:block;color:var(--gold);font-size:10px;text-transform:uppercase;letter-spacing:.16em;margin-bottom:8px}.mega-menu a{display:block;padding:7px 0;color:#c0c3c8;font-size:12px}.mega-menu a:hover{color:var(--gold2)}.mega-visual{background:radial-gradient(circle at 80% 20%,rgba(215,168,59,.12),transparent 40%),#090b0e;border-radius:12px}.mega-visual b{font:400 22px var(--serif)}.mega-visual p{font-size:11px;color:var(--muted)}.constellation-card .cap-icon{position:relative}.constellation-card:hover .cap-icon:after{content:'✦  ·  ✧   ·  ✦';position:absolute;left:44px;top:-14px;width:120px;color:rgba(242,212,133,.72);font-size:11px;letter-spacing:8px;animation:constel 1.8s ease-in-out infinite}.constellation-card:hover .cap-icon:before{content:'';position:absolute;left:38px;top:10px;width:100px;height:1px;background:linear-gradient(90deg,rgba(215,168,59,.45),transparent);transform:rotate(-10deg);transform-origin:left}@keyframes constel{50%{opacity:.35;transform:translateY(-3px)}}
@media(max-width:1450px){:root{--container:min(100% - 42px,1480px)}.desktop-nav{gap:22px}.header-inner{grid-template-columns:210px 1fr auto}.hero-grid{grid-template-columns:.94fr 1.06fr;min-height:650px}.hero-visual{min-height:580px}.hero-tree{width:min(650px,54vw)}.cap-grid{grid-template-columns:repeat(3,1fr)}.process-strip{grid-template-columns:repeat(4,1fr)}.process-strip>div:nth-child(4){border-right:0}.steps{grid-template-columns:repeat(4,1fr)}}
@media(max-width:1100px){:root{--container:min(100% - 32px,1040px)}.desktop-nav,.header-cta{display:none}.header-inner{grid-template-columns:1fr auto}.menu-toggle{display:flex;width:46px;height:42px;border:1px solid var(--line2);border-radius:10px;background:#0a0c0f;flex-direction:column;justify-content:center;align-items:center;gap:6px}.menu-toggle span{width:20px;height:1px;background:#ddd}.hero-grid,.split-hero,.petal-engine,.ecosystem-grid,.article-grid,.brief-grid{grid-template-columns:1fr}.hero-grid{padding-top:30px;min-height:auto}.hero-copy{padding-bottom:0}.hero-visual{min-height:520px}.hero-tree{width:min(700px,88vw)}.hero h1,.inner-hero h1{font-size:clamp(52px,8vw,78px)}.section-head{grid-template-columns:1fr;gap:18px}.cap-grid{grid-template-columns:repeat(2,1fr)}.petal-copy{max-width:760px}.arch-flow{grid-template-columns:repeat(3,1fr)}.arch-line{display:none}.chart-grid,.tech-domain-grid,.solution-grid,.scenario-grid,.insight-grid{grid-template-columns:repeat(2,1fr)}.principle-grid,.industry-grid,.contact-options{grid-template-columns:repeat(2,1fr)}.feature-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1.3fr repeat(2,1fr)}.footer-grid>div:nth-child(4),.footer-grid>div:nth-child(5){margin-top:20px}.article aside,.brief-intro{position:static}.brief-intro .visual{display:none}}
@media(max-width:700px){:root{--container:calc(100vw - 28px);--header:68px}.brand img{height:30px}.site-header{height:68px}.hero{min-height:auto}.hero-grid{display:block}.hero-copy{padding:42px 0 12px}.hero h1,.inner-hero h1,.article h1,.brief-intro h1{font-size:clamp(42px,13vw,62px);line-height:.98}.lead{font-size:16px}.hero-actions .btn{width:100%}.hero-visual{min-height:390px;margin-top:-10px}.hero-tree{width:100%;max-width:500px}.orbit-label{display:none}.process-strip{grid-template-columns:repeat(2,1fr)}.process-strip>div{min-height:68px}.section,.section.dense{padding:54px 0}.section h2,.petal-copy h2{font-size:38px}.cap-grid,.feature-grid,.chart-grid,.tech-domain-grid,.solution-grid,.scenario-grid,.product-grid,.insight-grid,.principle-grid,.industry-grid,.contact-options{grid-template-columns:1fr}.cap-card{min-height:180px}.petal-engine{min-height:auto;gap:22px}.petal-stage{width:100%;max-width:480px}.petal-core{width:92px;height:92px}.petal{width:96px;height:60px}.arch-flow{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:1fr 1fr}.faq{grid-template-columns:1fr;gap:15px}.faq details{grid-column:1}.faq details:first-of-type{margin-top:0}.split-hero{min-height:auto;gap:20px}.inner-hero{padding:48px 0 28px}.inner-hero .visual,.service-visual .visual{max-width:520px}.breadcrumbs{margin-bottom:24px}.footer-cta{display:block}.footer-cta .btn{width:100%;margin-top:18px}.footer-grid{grid-template-columns:1fr 1fr;gap:24px}.footer-brand{grid-column:1/-1}.footer-bottom{display:block}.footer-bottom span{display:block;margin:5px 0}.field-row,.choice-grid{grid-template-columns:1fr}.brief-form{padding:18px}.gravity-canvas{display:none}.standalone{max-width:100%}}
@media(max-width:390px){:root{--container:calc(100vw - 22px)}.hero h1,.inner-hero h1{font-size:41px}.hero-visual{min-height:330px}.petal{width:82px;height:54px}.petal span{display:none}.process-strip>div{padding:10px}.steps{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.cap-card{padding:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.gravity-canvas,.spark-field{display:none}.reveal{opacity:1;transform:none}.magnetic{transform:none!important}}

/* === PENROUZ 3.1 visual QA corrective === */
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.brand img{height:42px;max-width:190px;object-fit:contain;filter:drop-shadow(0 0 12px rgba(215,168,59,.16))}.footer-brand img{width:240px;max-width:100%;height:auto;filter:drop-shadow(0 0 18px rgba(215,168,59,.14))}
/* Golden glass spheres around the tree, visually matching the light nodes in the artwork. */
.orbit-label{width:86px;height:86px;padding:0;border:1px solid rgba(242,212,133,.45);border-radius:50%;background:radial-gradient(circle at 38% 28%,rgba(255,247,204,.42) 0 2%,rgba(242,212,133,.18) 12%,rgba(146,93,17,.2) 34%,rgba(5,6,8,.82) 68%);box-shadow:inset 0 0 20px rgba(242,212,133,.10),0 0 0 7px rgba(215,168,59,.028),0 0 34px rgba(215,168,59,.18);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;letter-spacing:.08em;animation:orbFloat 5.6s ease-in-out infinite;overflow:hidden}.orbit-label:before{content:"";position:absolute;width:34px;height:16px;border-radius:50%;left:14px;top:12px;background:radial-gradient(ellipse,rgba(255,255,255,.34),transparent 70%);transform:rotate(-22deg)}.orbit-label b{position:relative;color:#ffe49b;font:800 10px/1 var(--sans);letter-spacing:.12em}.orbit-label small{position:relative;color:#a98a4f;font:600 8px/1.1 var(--sans);letter-spacing:.02em;text-transform:none}.l1{left:4%;top:28%}.l2{left:11%;bottom:17%;animation-delay:-1s}.l3{right:2%;top:29%;animation-delay:-2s}.l4{right:12%;bottom:14%;animation-delay:-3s}.l5{right:18%;top:8%;animation-delay:-4s}.l6{left:19%;top:8%;animation-delay:-2.6s}@keyframes orbFloat{50%{transform:translateY(-9px) scale(1.025)}}
/* Technology presentation: dense two/three-row showcase on wide screens, touch-scroll on mobile. */
.tech-rail{display:flex;flex-wrap:wrap;align-items:center;gap:8px;overflow:visible;padding:12px 0;margin-top:22px}.tech-label{flex:0 0 100%;margin:0 0 4px}.tech-chip{position:relative;overflow:hidden;flex:1 1 122px;max-width:170px;min-width:118px;height:50px;background:linear-gradient(145deg,#0b0e12,#07090b);border-color:rgba(215,168,59,.16);box-shadow:inset 0 1px rgba(255,255,255,.018)}.tech-chip img{width:25px;height:25px;object-fit:contain}.tech-chip b{white-space:nowrap}.tech-chip:hover{background:linear-gradient(145deg,rgba(215,168,59,.07),#080a0d);box-shadow:0 8px 28px rgba(0,0,0,.3)}
/* Petal engine: brand mark core + upright premium icon cards. */
.petal-stage{width:min(680px,92vw);filter:drop-shadow(0 22px 70px rgba(0,0,0,.38))}.petal-core{width:122px;height:122px;border-radius:28px;background:radial-gradient(circle,rgba(215,168,59,.12),rgba(7,8,10,.97) 67%);display:grid;place-items:center;padding:13px;overflow:hidden}.petal-core img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 22px rgba(215,168,59,.35))}.petal{width:132px;height:92px;border-radius:22px;background:radial-gradient(circle at 50% 15%,rgba(215,168,59,.08),transparent 42%),linear-gradient(145deg,#12100c,#080a0d);padding:8px;gap:2px;transform:translate(-50%,-50%) scale(.48);opacity:.18;overflow:hidden}.petal img{width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 0 12px rgba(215,168,59,.18))}.petal span{font-size:9px;line-height:1;color:#d8d2c4;letter-spacing:.03em}.petal-engine.open .p0{left:50%;top:9%;transform:translate(-50%,-50%)}.petal-engine.open .p1{left:78%;top:21%;transform:translate(-50%,-50%)}.petal-engine.open .p2{left:91%;top:50%;transform:translate(-50%,-50%)}.petal-engine.open .p3{left:78%;top:79%;transform:translate(-50%,-50%)}.petal-engine.open .p4{left:50%;top:91%;transform:translate(-50%,-50%)}.petal-engine.open .p5{left:22%;top:79%;transform:translate(-50%,-50%)}.petal-engine.open .p6{left:9%;top:50%;transform:translate(-50%,-50%)}.petal-engine.open .p7{left:22%;top:21%;transform:translate(-50%,-50%)}.petal-engine.open .petal:hover{transform:translate(-50%,-50%) scale(1.07);z-index:8;box-shadow:0 14px 50px rgba(215,168,59,.13)}.petal-ring{width:72%;height:72%;box-shadow:0 0 80px rgba(215,168,59,.045) inset}
/* Engineering widgets: cyclic load, sequential delivery and icon-aware data flow. */
.bars i{animation:loadStairs 4.6s cubic-bezier(.22,.8,.22,1) infinite;animation-delay:calc(var(--i)*.18s)}@keyframes loadStairs{0%,12%{transform:scaleY(.12);filter:brightness(.75)}38%,72%{transform:scaleY(1);filter:brightness(1.25)}94%,100%{transform:scaleY(.18);filter:brightness(.8)}}
.timeline-chart{--cycle:5.4s}.timeline-chart:after{content:"";position:absolute;left:4%;top:50%;width:54px;height:3px;transform:translateY(-50%);background:linear-gradient(90deg,transparent,#fff0a8 55%,#e5b13c);filter:drop-shadow(0 0 8px #d7a83b);animation:deliveryRunner var(--cycle) linear infinite;z-index:2}.timeline-chart i{animation:deliveryNode var(--cycle) linear infinite;animation-delay:calc(var(--i)*.82s)}@keyframes deliveryRunner{0%{left:3%;opacity:0}5%{opacity:1}94%{opacity:1}100%{left:calc(96% - 54px);opacity:0}}@keyframes deliveryNode{0%,10%{background:#0b0d10;box-shadow:0 0 8px rgba(215,168,59,.12)}16%,78%{background:#f1cf79;border-color:#fff0ad;box-shadow:0 0 0 5px rgba(215,168,59,.08),0 0 24px rgba(242,212,133,.72)}90%,100%{background:#0b0d10;box-shadow:0 0 8px rgba(215,168,59,.12)}}
.pulse-track{gap:16px}.pulse-track span{width:38px;height:38px;display:grid;place-items:center;animation:dataNode 4.8s linear infinite;animation-delay:calc(var(--i)*.72s)}.pulse-track span img{width:21px;height:21px;opacity:.2;filter:drop-shadow(0 0 0 transparent);animation:dataIcon 4.8s linear infinite;animation-delay:calc(var(--i)*.72s)}.pulse-track:after{width:54px;height:3px;animation:dataRunner 4.8s linear infinite}@keyframes dataRunner{0%{left:1%;opacity:0}5%{opacity:1}95%{opacity:1}100%{left:calc(99% - 54px);opacity:0}}@keyframes dataNode{0%,10%{border-color:rgba(215,168,59,.45);box-shadow:none}16%,58%{border-color:#f2d485;box-shadow:0 0 0 5px rgba(215,168,59,.06),0 0 25px rgba(215,168,59,.38)}76%,100%{border-color:rgba(215,168,59,.45);box-shadow:none}}@keyframes dataIcon{0%,10%{opacity:.18;transform:scale(.82)}17%,58%{opacity:1;transform:scale(1.08);filter:drop-shadow(0 0 8px #d7a83b)}76%,100%{opacity:.18;transform:scale(.82)}}
/* Robust mega menu: hover bridge and stable interactive area. */
.mega-menu{top:100%;width:min(1180px,calc(100vw - 48px));border-radius:0 0 18px 18px;transform:translateX(-50%) translateY(-4px);padding:14px}.mega-menu:before{content:"";position:absolute;left:0;right:0;top:-18px;height:20px}.site-header.mega-open .nav-services{color:var(--gold2)}.site-header.mega-open .nav-services:after{left:0;right:0}.mega-menu a{border-radius:8px;padding:8px 9px;margin-left:-9px}.mega-menu a:hover{background:rgba(215,168,59,.06)}
/* Inner pages: move hero content up, preserve artwork proportions, no stretched blocks. */
.inner-hero{padding:42px 0 30px;overflow:hidden}.inner-hero.compact{padding:38px 0 28px}.split-hero{grid-template-columns:minmax(0,.96fr) minmax(380px,1.04fr);gap:46px;min-height:430px}.breadcrumbs{margin-bottom:22px}.inner-hero .visual,.service-visual .visual{width:min(520px,100%);max-width:520px;aspect-ratio:1/1;display:grid;place-items:center}.inner-hero .visual img,.service-visual .visual img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 28px 70px rgba(215,168,59,.08))}.inner-hero h1{font-size:clamp(50px,4.6vw,82px);max-width:900px}.inner-hero .lead{max-width:720px}.service-visual{display:grid;place-items:center}
/* Fast gold sweep for every bordered clickable surface. */
.edge-sweep,.btn,.arch-node,.format-cloud a{position:relative;overflow:hidden}.edge-sweep:after,.btn:before,.arch-node:after,.format-cloud a:after{content:"";position:absolute;pointer-events:none;inset:-1px;border-radius:inherit;padding:1px;background:conic-gradient(from var(--edge-angle,230deg),transparent 0 77%,rgba(255,239,170,.95) 82%,rgba(215,168,59,.7) 86%,transparent 91%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0}.edge-sweep:hover:after,.btn:hover:before,.arch-node:hover:after,.format-cloud a:hover:after{opacity:1;animation:edgeSweep 1.15s linear 1}@property --edge-angle{syntax:'<angle>';initial-value:230deg;inherits:false}@keyframes edgeSweep{to{--edge-angle:590deg}}
/* Mobile and laptop QA */
@media(max-width:1100px){.inner-hero{padding:34px 0 28px}.split-hero{min-height:auto;gap:22px}.split-hero>div:first-child{max-width:850px}.inner-hero .visual,.service-visual .visual{width:min(500px,82vw);max-width:500px}.petal-engine{gap:26px}.petal-stage{max-width:620px}.mega-menu{display:none}}
@media(max-width:700px){:root{--container:calc(100vw - 24px)}.site-header,.site-header.scrolled{height:66px}.header-inner{gap:10px}.brand img{height:34px;max-width:132px}.menu-toggle{width:43px;height:40px}.mobile-menu{max-height:calc(100vh - 66px);overflow:auto;padding:12px 18px 18px}.hero-copy{padding:32px 0 6px}.hero h1{font-size:clamp(40px,11.4vw,52px);line-height:.96;letter-spacing:-.04em}.hero .lead{font-size:15px;line-height:1.55}.hero-actions{margin-top:22px}.hero-tags{margin-top:18px;gap:6px}.hero-tags span{font-size:9px;padding:6px 8px}.hero-visual{min-height:335px;margin-top:2px}.hero-tree{width:min(430px,104vw);margin-left:-2vw}.orbit-label{width:58px;height:58px}.orbit-label b{font-size:8px}.orbit-label small{font-size:6px}.l5,.l6{display:none}.l1{left:2%;top:30%}.l2{left:7%;bottom:15%}.l3{right:1%;top:32%}.l4{right:8%;bottom:13%}.spark-field{inset:2%}.process-strip{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.process-strip>div{flex:0 0 45%;min-height:64px;scroll-snap-align:start}.section,.section.dense{padding:48px 0}.section-head{margin-bottom:24px}.section h2,.petal-copy h2{font-size:36px}.cap-card{min-height:164px}.tech-rail{flex-wrap:nowrap;overflow-x:auto;margin-left:-12px;margin-right:-12px;padding:10px 12px 16px}.tech-label{display:none}.tech-chip{flex:0 0 132px;min-width:132px}.petal-stage{width:calc(100vw - 24px);max-width:470px}.petal-core{width:86px;height:86px;border-radius:22px;padding:10px}.petal{width:92px;height:68px;padding:5px}.petal img{width:43px;height:43px}.petal span{font-size:7px}.petal-engine.open .p0{top:8%}.petal-engine.open .p1{left:76%;top:20%}.petal-engine.open .p2{left:89%}.petal-engine.open .p3{left:76%;top:80%}.petal-engine.open .p4{top:92%}.petal-engine.open .p5{left:24%;top:80%}.petal-engine.open .p6{left:11%}.petal-engine.open .p7{left:24%;top:20%}.inner-hero{padding:26px 0 30px}.split-hero{display:flex;flex-direction:column;gap:14px}.inner-hero h1{font-size:clamp(40px,11vw,52px);line-height:.98}.breadcrumbs{margin-bottom:16px}.inner-hero .visual,.service-visual .visual{width:min(390px,92vw);max-width:390px;aspect-ratio:1}.inner-hero .visual img,.service-visual .visual img{max-height:390px}.chart-grid{gap:10px}.concept-chart{min-height:250px}.footer-brand img{width:210px}.footer-grid{gap:20px}.gravity-canvas{display:none}}
@media(max-width:390px){.hero h1,.inner-hero h1{font-size:39px}.hero-tree{width:108vw;margin-left:-4vw}.hero-visual{min-height:315px}.petal-stage{transform:scale(.92);margin:-16px auto}.process-strip>div{flex-basis:52%}}

.services-hero-petal{display:grid;place-items:center;align-content:center;min-height:430px}.services-hero-petal>.eyebrow{justify-self:center;margin-bottom:-20px;z-index:3}.hero-petal-engine{display:block;min-height:0;width:100%}.hero-petal-engine .petal-stage{width:min(520px,42vw)}.hero-petal-engine .petal-detail{max-width:520px;margin:2px auto 0;text-align:center;border-left:0;border-top:1px solid rgba(215,168,59,.22);background:transparent;font-size:12px;color:#9da1a8;padding:12px 8px}.hero-petal-engine .petal{width:106px;height:76px}.hero-petal-engine .petal img{width:48px;height:48px}.hero-petal-engine .petal-core{width:104px;height:104px}@media(max-width:1100px){.services-hero-petal{min-height:420px}.hero-petal-engine .petal-stage{width:min(500px,80vw)}}@media(max-width:700px){.services-hero-petal{min-height:370px;margin-top:4px}.hero-petal-engine .petal-stage{width:min(410px,96vw)}.hero-petal-engine .petal-detail{font-size:11px}.services-hero-petal>.eyebrow{margin-bottom:-6px}}


/* ==========================================================
   PENROUZ 3.2.0 — visual QA corrective
   User feedback: header/footer logo parity, robust menus,
   true full-width mobile, compact start-button petal engine,
   transparent inner hero artwork and Russian navigation.
   ========================================================== */

html,body{width:100%;min-width:0;max-width:none;background:#040506}
body{overflow-x:clip}

/* Header brand uses the same visual width as footer brand. */
.brand{display:inline-flex;align-items:center;width:190px;max-width:100%}
.brand img,.footer-brand img{width:190px;height:auto;max-height:none;object-fit:contain}
.header-inner{grid-template-columns:220px 1fr auto}

/* Desktop mega menu: opaque, stable, above content, no translucent "behind page" feeling. */
.site-header{isolation:isolate;z-index:220}
.mega-menu{
  z-index:230;top:100%;width:min(1280px,calc(100vw - 48px));
  padding:18px;gap:12px;border-radius:0 0 20px 20px;
  background:linear-gradient(180deg,#080a0d 0%,#050607 100%);
  border:1px solid rgba(215,168,59,.28);border-top-color:rgba(215,168,59,.16);
  box-shadow:0 30px 90px rgba(0,0,0,.72),0 0 0 1px rgba(255,255,255,.015) inset;
  backdrop-filter:none;overflow:visible
}
.mega-menu:before{top:-24px;height:26px}
.mega-menu>div{padding:18px 20px;border-right:1px solid rgba(215,168,59,.12)}
.mega-menu span{font-size:11px;color:#e1b94f;margin-bottom:12px}
.mega-menu a{font-size:13px;padding:9px 10px;margin-left:-10px;border:1px solid transparent}
.mega-menu a:hover,.mega-menu a:focus-visible{background:rgba(215,168,59,.075);border-color:rgba(215,168,59,.13);color:#f7dc96}
.mega-visual{padding:22px!important;background:radial-gradient(circle at 88% 14%,rgba(215,168,59,.18),transparent 42%),linear-gradient(145deg,#0c0e11,#07090b);border:1px solid rgba(215,168,59,.13)}
.mega-visual b{font-size:26px;line-height:1.08;color:#eee9dd}.mega-visual p{font-size:12px;line-height:1.55}.mega-visual a{display:inline-flex;margin-top:8px;color:#f2d485}

/* Mobile/tablet menu is a true top layer, not a blurred panel behind content. */
body.mobile-menu-open{overflow:hidden;touch-action:none}
@media(max-width:1100px){
  .site-header,.site-header.scrolled{background:#050607;backdrop-filter:none}
  .mobile-menu{
    display:flex;position:fixed;z-index:300;left:0;right:0;bottom:0;top:var(--mobile-header,70px);
    width:100%;height:calc(100dvh - var(--mobile-header,70px));
    padding:28px max(24px,env(safe-area-inset-right)) calc(28px + env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));
    flex-direction:column;gap:0;background:#050607;
    border:0;border-top:1px solid rgba(215,168,59,.18);overflow:auto;overscroll-behavior:contain;
    opacity:0;visibility:hidden;pointer-events:none;transform:translate3d(0,-10px,0);
    transition:opacity .22s ease,transform .22s ease,visibility 0s linear .22s
  }
  .mobile-menu.open{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition-delay:0s}
  .mobile-menu:before{content:'Навигация';display:block;color:#d7a83b;font-size:10px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;padding:0 0 16px}
  .mobile-menu a:not(.btn){display:flex;align-items:center;justify-content:space-between;min-height:58px;padding:0;border-bottom:1px solid rgba(255,255,255,.075);font:400 28px/1.1 var(--serif);color:#f2efe7}
  .mobile-menu a:not(.btn):after{content:'↗';font:400 14px var(--sans);color:#a67a27}
  .mobile-menu .btn{margin-top:24px;min-height:54px;font-size:14px}
  .menu-toggle{position:relative;z-index:310;background:#090b0e;border-color:rgba(215,168,59,.2)}
  .menu-toggle span{transition:transform .22s,opacity .22s}
  body.mobile-menu-open .menu-toggle span:first-child{transform:translateY(3.5px) rotate(45deg)}
  body.mobile-menu-open .menu-toggle span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
}

/* Petal engine: automotive start-button core and tight upright radial petals. */
.petal-stage{width:min(540px,90vw);max-width:540px;filter:drop-shadow(0 24px 80px rgba(0,0,0,.46))}
.petal-core{
  left:50%;top:50%;transform:translate(-50%,-50%);width:132px;height:132px;padding:20px;border-radius:50%;
  border:1px solid rgba(255,226,139,.72);
  background:radial-gradient(circle at 48% 42%,#17120a 0 42%,#080807 63%,#020303 100%);
  box-shadow:0 0 0 6px #08090a,0 0 0 8px rgba(222,177,70,.58),0 0 0 14px #111317,0 0 0 15px rgba(255,226,139,.18),0 22px 46px rgba(0,0,0,.54),0 0 58px rgba(215,168,59,.18),inset 0 0 26px rgba(215,168,59,.10);
  overflow:visible;isolation:isolate
}
.petal-core:before{content:'';position:absolute;inset:8px;border-radius:50%;border:1px solid rgba(242,212,133,.34);box-shadow:inset 0 0 18px rgba(242,212,133,.08);z-index:-1}
.petal-core:after{content:'';position:absolute;inset:-11px;border-radius:50%;background:conic-gradient(from 215deg,transparent 0 62%,rgba(255,235,163,.95) 68%,rgba(215,168,59,.55) 72%,transparent 78%);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 0);mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 0);opacity:.8;animation:coreHalo 5s linear infinite;z-index:-2}
@keyframes coreHalo{to{transform:rotate(360deg)}}
.petal-core img{width:86px;height:86px;object-fit:contain;filter:drop-shadow(0 0 16px rgba(241,193,77,.42));position:relative;z-index:2}
.petal-core:hover{box-shadow:0 0 0 6px #08090a,0 0 0 8px #e0b54d,0 0 0 14px #111317,0 0 0 15px rgba(255,235,163,.34),0 22px 50px rgba(0,0,0,.58),0 0 82px rgba(215,168,59,.30),inset 0 0 32px rgba(215,168,59,.16)}
.petal-ring{width:386px;height:386px;border:1px solid rgba(215,168,59,.12);box-shadow:0 0 0 30px rgba(215,168,59,.012),0 0 85px rgba(215,168,59,.035) inset}
.petal{left:50%;top:50%;width:112px;height:88px;border-radius:28px 28px 42px 42px/28px 28px 58px 58px;padding:7px 7px 8px;gap:2px;background:radial-gradient(circle at 50% 8%,rgba(242,212,133,.12),transparent 38%),linear-gradient(180deg,#14120d,#08090b 78%);border:1px solid rgba(215,168,59,.26);box-shadow:0 10px 28px rgba(0,0,0,.28);opacity:0;transform:translate(-50%,-50%) scale(.35);transition:transform .48s cubic-bezier(.2,.84,.24,1),opacity .32s,border-color .2s,box-shadow .2s;overflow:hidden}
.petal img{width:52px;height:52px;object-fit:contain;filter:drop-shadow(0 0 11px rgba(215,168,59,.20))}.petal span{font-size:8px;line-height:1;color:#ddd7ca;white-space:nowrap}
.petal-engine.open .petal{opacity:1}
.petal-engine.open .p0{transform:translate(-50%,-50%) rotate(0deg) translateY(-176px) rotate(0deg)}
.petal-engine.open .p1{transform:translate(-50%,-50%) rotate(45deg) translateY(-176px) rotate(-45deg)}
.petal-engine.open .p2{transform:translate(-50%,-50%) rotate(90deg) translateY(-176px) rotate(-90deg)}
.petal-engine.open .p3{transform:translate(-50%,-50%) rotate(135deg) translateY(-176px) rotate(-135deg)}
.petal-engine.open .p4{transform:translate(-50%,-50%) rotate(180deg) translateY(-176px) rotate(-180deg)}
.petal-engine.open .p5{transform:translate(-50%,-50%) rotate(225deg) translateY(-176px) rotate(-225deg)}
.petal-engine.open .p6{transform:translate(-50%,-50%) rotate(270deg) translateY(-176px) rotate(-270deg)}
.petal-engine.open .p7{transform:translate(-50%,-50%) rotate(315deg) translateY(-176px) rotate(-315deg)}
.petal-engine.open .petal:hover{border-color:#f2d485;box-shadow:0 14px 46px rgba(0,0,0,.44),0 0 28px rgba(215,168,59,.15);filter:brightness(1.12)}
.services-hero-petal{min-height:520px}.hero-petal-engine .petal-stage{width:min(520px,42vw);min-width:480px}.hero-petal-engine .petal-core{width:124px;height:124px}.hero-petal-engine .petal{width:108px;height:84px}

/* Inner hero: less dead space, transparent art floats naturally, no square backdrop. */
.inner-hero{padding:28px 0 24px;background:radial-gradient(42% 55% at 76% 46%,rgba(215,168,59,.055),transparent 70%)}
.split-hero{grid-template-columns:minmax(0,.98fr) minmax(360px,1.02fr);gap:40px;min-height:clamp(410px,58vh,540px)}
.breadcrumbs{margin-bottom:18px}.inner-hero .visual,.service-visual .visual{width:min(540px,100%);max-width:540px;aspect-ratio:1;display:grid;place-items:center;background:transparent!important;overflow:visible!important}
.inner-hero .visual img,.service-visual .visual img{width:100%;height:100%;object-fit:contain;background:transparent!important;filter:drop-shadow(0 26px 65px rgba(215,168,59,.12))}
.inner-hero h1{font-size:clamp(48px,4.25vw,78px)}

/* Full-width mobile geometry and compact inner heroes. */
@media(max-width:700px){
  :root{--container:100%;--mobile-header:66px}
  html,body{width:100%;max-width:100%;overflow-x:clip}
  .container,.header-inner,.footer-grid,.footer-cta,.footer-bottom{width:100%;max-width:none;margin-left:0;margin-right:0;padding-left:14px;padding-right:14px}
  .site-header,.site-header.scrolled{height:66px;width:100%}.header-inner{grid-template-columns:1fr auto;padding-top:0;padding-bottom:0}
  .brand{width:150px}.brand img{width:150px;height:auto}.footer-brand img{width:190px}
  .hero{width:100%}.hero-grid{width:100%;padding-left:14px;padding-right:14px}.hero-copy{padding-top:28px}.hero-visual{width:100%;min-height:350px;overflow:visible}.hero-tree{width:min(430px,112vw);margin-left:-6vw}
  .process-strip{width:100%;padding-left:0;padding-right:0}
  .section{width:100%}.section-head,.cap-grid,.feature-grid,.solution-grid,.scenario-grid,.principle-grid,.industry-grid,.contact-options,.insight-grid,.tech-domain-grid,.chart-grid{width:100%}
  .inner-hero{padding:18px 0 22px}.split-hero{display:flex;flex-direction:column;gap:6px;min-height:0;width:100%;padding-left:14px;padding-right:14px}.split-hero>div:first-child{width:100%}.inner-hero h1{font-size:clamp(38px,10.8vw,48px);line-height:.98;margin-bottom:16px}.inner-hero .lead{font-size:15px}.breadcrumbs{margin-bottom:12px}.inner-hero .visual,.service-visual .visual{width:min(350px,92vw);height:auto;aspect-ratio:1;margin:0 auto}.inner-hero .visual img,.service-visual .visual img{height:auto;max-height:350px}
  .petal-engine{display:block;min-height:0}.petal-stage{width:min(390px,100vw);height:auto;aspect-ratio:1;margin:10px auto}.petal-ring{width:270px;height:270px}.petal-core{width:96px;height:96px;padding:15px}.petal-core img{width:62px;height:62px}.petal{width:78px;height:62px;border-radius:20px;padding:4px}.petal img{width:36px;height:36px}.petal span{font-size:6.7px}
  .petal-engine.open .p0{transform:translate(-50%,-50%) rotate(0deg) translateY(-123px) rotate(0deg)}
  .petal-engine.open .p1{transform:translate(-50%,-50%) rotate(45deg) translateY(-123px) rotate(-45deg)}
  .petal-engine.open .p2{transform:translate(-50%,-50%) rotate(90deg) translateY(-123px) rotate(-90deg)}
  .petal-engine.open .p3{transform:translate(-50%,-50%) rotate(135deg) translateY(-123px) rotate(-135deg)}
  .petal-engine.open .p4{transform:translate(-50%,-50%) rotate(180deg) translateY(-123px) rotate(-180deg)}
  .petal-engine.open .p5{transform:translate(-50%,-50%) rotate(225deg) translateY(-123px) rotate(-225deg)}
  .petal-engine.open .p6{transform:translate(-50%,-50%) rotate(270deg) translateY(-123px) rotate(-270deg)}
  .petal-engine.open .p7{transform:translate(-50%,-50%) rotate(315deg) translateY(-123px) rotate(-315deg)}
  .services-hero-petal{min-height:390px;width:100%}.hero-petal-engine .petal-stage{width:min(390px,100vw);min-width:0}.hero-petal-engine .petal-core{width:96px;height:96px}.hero-petal-engine .petal{width:78px;height:62px}.hero-petal-engine .petal-detail{margin-top:0;padding:10px 14px}
}
@media(max-width:390px){
  .container,.header-inner,.footer-grid,.footer-cta,.footer-bottom,.hero-grid,.split-hero{padding-left:12px;padding-right:12px}
  .brand{width:142px}.brand img{width:142px}.hero h1,.inner-hero h1{font-size:38px}.hero-tree{width:112vw;margin-left:-6vw}
  .petal-stage{width:360px;max-width:100vw;transform:none;margin:4px auto}.services-hero-petal{min-height:365px}
}

@media(prefers-reduced-motion:reduce){.petal-core:after{animation:none}.petal,.mobile-menu{transition:none}}


/* === PENROUZ 3.2.1 spatial QA corrective === */
/* Keep edge-sweep visuals without changing the positioning model of orbital controls. */
.petal-stage>.petal-core,.petal-stage>.petal{position:absolute}
.petal-stage>.petal-core{left:50%;top:50%;transform:translate(-50%,-50%);z-index:7}
.petal-stage{isolation:isolate}
.petal-stage:before{content:"";position:absolute;left:50%;top:50%;width:58%;height:58%;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(215,168,59,.055) 0 20%,transparent 54%),conic-gradient(from 22.5deg,transparent 0 10%,rgba(215,168,59,.055) 10.4% 10.8%,transparent 11.2% 22.5%,rgba(215,168,59,.045) 22.9% 23.3%,transparent 23.7% 35%,rgba(215,168,59,.04) 35.4% 35.8%,transparent 36.2% 47.5%,rgba(215,168,59,.045) 47.9% 48.3%,transparent 48.7% 60%,rgba(215,168,59,.04) 60.4% 60.8%,transparent 61.2% 72.5%,rgba(215,168,59,.045) 72.9% 73.3%,transparent 73.7% 85%,rgba(215,168,59,.04) 85.4% 85.8%,transparent 86.2%);opacity:.72;z-index:0}
.petal-ring{z-index:1;width:74%;height:74%;border-style:solid;border-color:rgba(215,168,59,.13);box-shadow:0 0 0 1px rgba(215,168,59,.025),0 0 80px rgba(215,168,59,.05) inset}
.petal{z-index:4}
.petal-engine.open .p0{left:50%;top:10%}.petal-engine.open .p1{left:77%;top:23%}.petal-engine.open .p2{left:89%;top:50%}.petal-engine.open .p3{left:77%;top:77%}.petal-engine.open .p4{left:50%;top:90%}.petal-engine.open .p5{left:23%;top:77%}.petal-engine.open .p6{left:11%;top:50%}.petal-engine.open .p7{left:23%;top:23%}
.interact-section{overflow:hidden}
/* Insights: use existing PENROUZ network artwork instead of leaving a dead half-screen. */
.insights-hero{position:relative;isolation:isolate;overflow:hidden}
.insights-hero:after{content:"";position:absolute;z-index:-1;inset:0 0 0 42%;background:linear-gradient(90deg,#050607 0%,rgba(5,6,7,.64) 21%,rgba(5,6,7,.15) 58%,rgba(5,6,7,.04) 100%),url("../images/network.webp") center right/cover no-repeat;opacity:.46;pointer-events:none}
.insights-hero .container{position:relative}.insights-hero h1{max-width:1120px}.insights-hero .lead{max-width:860px}
/* Project brief: keep the portal artwork, but stop it from making the text column much taller than the form. */
.brief-grid{grid-template-columns:minmax(320px,.82fr) minmax(0,1.18fr);gap:44px}
.brief-intro .visual{max-width:310px;margin:22px 0 0}
.brief-form{min-height:590px}
/* Service FAQ: remove the negative-offset layout and turn the heading into an intentional aligned panel. */
.faq-section{padding:64px 0}
.faq{grid-template-columns:minmax(300px,.66fr) minmax(0,1.34fr);gap:36px;align-items:stretch}
.faq>div:first-child{grid-row:1 / span 3;align-self:stretch;padding:24px 26px;border:1px solid rgba(215,168,59,.12);border-radius:18px;background:radial-gradient(90% 100% at 16% 0%,rgba(215,168,59,.055),transparent 58%),linear-gradient(145deg,#0a0c0f,#07090b)}
.faq details{grid-column:2;margin:0!important;padding:19px 0}
.faq details:first-of-type{margin-top:0!important}
@media(max-width:1100px){.brief-grid{grid-template-columns:1fr}.brief-intro .visual{display:none}.insights-hero:after{inset:0 0 0 28%;opacity:.28}.faq-section{padding:52px 0}.faq{grid-template-columns:1fr;gap:10px}.faq>div:first-child{grid-row:auto;padding:20px 22px;margin-bottom:6px}.faq details{grid-column:1}}
@media(max-width:700px){.petal-stage>.petal-core{left:50%;top:50%}.petal-engine.open .p0{left:50%;top:12%}.petal-engine.open .p1{left:75%;top:23%}.petal-engine.open .p2{left:86.5%;top:50%}.petal-engine.open .p3{left:75%;top:77%}.petal-engine.open .p4{left:50%;top:88%}.petal-engine.open .p5{left:25%;top:77%}.petal-engine.open .p6{left:13.5%;top:50%}.petal-engine.open .p7{left:25%;top:23%}.petal-ring{width:70%;height:70%}.petal-stage:before{width:54%;height:54%}.insights-hero:after{display:none}.insights-hero h1{max-width:none}.brief-section{padding:48px 0}.faq-section{padding:46px 0}.faq>div:first-child{padding:18px}}
/* 3.2.1 brief artwork intrinsic-size lock. */
.brief-intro .visual{display:block;width:310px;max-width:100%;height:auto}.brief-intro .visual img{display:block;width:100%;height:auto;max-width:100%}
@media(max-width:1100px){.brief-intro .visual{display:none}}
.brief-form{align-self:stretch}


/* === PENROUZ 3.2.2 orbital + portal corrective === */
.interact-section{background:radial-gradient(52% 58% at 72% 50%,rgba(215,168,59,.085),transparent 68%);overflow:hidden}
.petal-engine{grid-template-columns:minmax(320px,.92fr) minmax(400px,1.08fr);gap:52px;align-items:center;min-height:640px}
.petal-copy{position:relative;z-index:3}.petal-copy p{max-width:600px}.petal-detail{position:relative;z-index:3}
.petal-stage{position:relative;isolation:isolate;width:min(560px,92vw);aspect-ratio:1;margin:8px auto 0;display:grid;place-items:center;overflow:visible;--orbit-distance:178px}
.petal-stage>.petal-core,.petal-stage>.petal{position:absolute;left:50%;top:50%}
.petal-stage:before{content:"";position:absolute;left:50%;top:50%;width:62%;height:62%;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(215,168,59,.14) 0,rgba(215,168,59,.09) 18%,rgba(215,168,59,.035) 38%,transparent 68%),conic-gradient(from 0deg,rgba(255,216,120,.09) 0 8%,transparent 8% 18%,rgba(255,216,120,.045) 18% 20%,transparent 20% 34%,rgba(255,216,120,.05) 34% 36%,transparent 36% 50%,rgba(255,216,120,.055) 50% 52%,transparent 52% 68%,rgba(255,216,120,.045) 68% 70%,transparent 70% 86%,rgba(255,216,120,.05) 86% 88%,transparent 88% 100%);filter:blur(12px);opacity:.68;z-index:0;animation:petalHaloSpin 18s linear infinite}
.petal-stage:after{content:"";position:absolute;left:50%;top:50%;width:68%;height:68%;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;z-index:2;background:repeating-conic-gradient(from 0deg,rgba(255,220,140,0) 0deg 20deg,rgba(255,220,140,.72) 20.6deg 21deg,rgba(255,220,140,0) 21.4deg 45deg);-webkit-mask:radial-gradient(circle,transparent 0 14%,#000 18% 68%,transparent 76%);mask:radial-gradient(circle,transparent 0 14%,#000 18% 68%,transparent 76%);opacity:.24;filter:blur(1.2px) drop-shadow(0 0 9px rgba(255,208,112,.28));animation:petalFireflySpin 9s linear infinite}
.petal-ring{position:absolute;left:50%;top:50%;width:72%;height:72%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(215,168,59,.12);background:radial-gradient(circle at 50% 50%,rgba(255,194,86,.08) 0,rgba(255,194,86,.04) 33%,rgba(0,0,0,0) 66%);box-shadow:inset 0 0 0 1px rgba(255,236,189,.03),inset 0 0 80px rgba(215,168,59,.06),0 0 44px rgba(215,168,59,.05);z-index:1;animation:petalRingSpin 20s linear infinite}
.petal-ring:before,.petal-ring:after{content:"";position:absolute;inset:0;border-radius:50%;pointer-events:none}
.petal-ring:before{inset:6%;border:1px solid rgba(255,231,177,.13);border-top-color:rgba(255,231,177,.34);border-bottom-color:rgba(255,231,177,.06);filter:blur(.2px);animation:petalRingSpinReverse 16s linear infinite}
.petal-ring:after{inset:16%;background:conic-gradient(from 0deg,transparent 0 7%,rgba(255,219,138,.22) 8% 9.5%,transparent 10% 26%,rgba(255,219,138,.18) 27% 28.5%,transparent 29% 46%,rgba(255,219,138,.16) 47% 48%,transparent 49% 66%,rgba(255,219,138,.18) 67% 68.5%,transparent 69% 86%,rgba(255,219,138,.16) 87% 88%,transparent 89% 100%);filter:blur(5px);opacity:.44;animation:petalRingSpin 24s linear infinite}
.petal-core{position:absolute;z-index:7;width:148px;height:148px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 50% 34%,rgba(78,64,39,.96) 0 16%,rgba(18,18,19,.98) 58%,rgba(6,7,9,.98) 100%);border:1px solid rgba(255,255,255,.12);box-shadow:0 20px 60px rgba(0,0,0,.48),0 0 0 12px rgba(215,168,59,.065),0 0 42px rgba(215,168,59,.22),inset 0 1px 0 rgba(255,255,255,.16),inset 0 -14px 20px rgba(0,0,0,.52),inset 0 0 0 2px rgba(255,255,255,.06);overflow:visible;cursor:pointer;transition:transform .28s ease,box-shadow .28s ease,filter .28s ease}
.petal-core:before{content:"";position:absolute;inset:-12px;border-radius:50%;background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(189,193,201,.42) 20%,rgba(36,37,41,.98) 57%,rgba(189,193,201,.44) 80%,rgba(255,255,255,.76));-webkit-mask:radial-gradient(circle,transparent 57%,#000 60%);mask:radial-gradient(circle,transparent 57%,#000 60%);box-shadow:0 10px 18px rgba(0,0,0,.38),0 0 20px rgba(255,255,255,.06),0 0 18px rgba(215,168,59,.15)}
.petal-core:after{content:"";position:absolute;inset:10px;border-radius:50%;border:1px solid rgba(242,212,133,.28);box-shadow:inset 0 0 20px rgba(215,168,59,.14),0 0 16px rgba(215,168,59,.14);animation:corePulse 3.2s ease-in-out infinite}
.petal-core:hover,.petal-core:focus-visible{transform:translate(-50%,-50%) scale(1.03);filter:brightness(1.08);box-shadow:0 24px 68px rgba(0,0,0,.54),0 0 0 12px rgba(215,168,59,.085),0 0 54px rgba(215,168,59,.26),inset 0 1px 0 rgba(255,255,255,.18),inset 0 -14px 20px rgba(0,0,0,.52),inset 0 0 0 2px rgba(255,255,255,.08)}
.petal-core img{position:relative;z-index:2;width:58%;height:58%;object-fit:contain;filter:drop-shadow(0 0 16px rgba(255,203,96,.38))}
.petal{position:absolute;left:50%;top:50%;z-index:4;width:136px;height:86px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px 10px 8px;color:#ece8de;background:transparent;border:0;opacity:.24;transform:translate(-50%,-50%) scale(.42);transform-origin:center center;transition:transform .6s cubic-bezier(.22,.82,.22,1),opacity .35s ease,filter .25s ease;will-change:transform;backface-visibility:hidden;cursor:pointer}
.petal:before{content:"";position:absolute;inset:0;border-radius:66% 34% 60% 40%/60% 56% 44% 40%;border:1px solid rgba(215,168,59,.22);background:radial-gradient(circle at 50% 18%,rgba(255,224,150,.08),transparent 40%),linear-gradient(145deg,#151007,#090a0c);box-shadow:inset 0 0 0 1px rgba(255,255,255,.02),0 12px 28px rgba(0,0,0,.28);transform:rotate(var(--petal-angle));transform-origin:center center;transition:transform .6s cubic-bezier(.22,.82,.22,1),border-color .25s ease,box-shadow .25s ease,filter .25s ease;z-index:-1}
.petal img,.petal span{position:relative;z-index:1}.petal img{width:24px;height:24px;object-fit:contain;filter:drop-shadow(0 0 9px rgba(255,203,96,.24))}.petal span{font-size:10px;line-height:1.1;letter-spacing:.02em;color:#ddd4c6}
.petal-engine .p0{--petal-angle:0deg}.petal-engine .p1{--petal-angle:45deg}.petal-engine .p2{--petal-angle:90deg}.petal-engine .p3{--petal-angle:135deg}.petal-engine .p4{--petal-angle:180deg}.petal-engine .p5{--petal-angle:225deg}.petal-engine .p6{--petal-angle:270deg}.petal-engine .p7{--petal-angle:315deg}
.petal-engine.open .petal{opacity:1}
.petal-engine.open .p0{transform:translate(-50%,-50%) rotate(0deg) translateY(calc(var(--orbit-distance) * -1)) scale(1)}
.petal-engine.open .p1{transform:translate(-50%,-50%) rotate(45deg) translateY(calc(var(--orbit-distance) * -1)) scale(1)}
.petal-engine.open .p2{transform:translate(-50%,-50%) rotate(90deg) translateY(calc(var(--orbit-distance) * -1)) scale(1)}
.petal-engine.open .p3{transform:translate(-50%,-50%) rotate(135deg) translateY(calc(var(--orbit-distance) * -1)) scale(1)}
.petal-engine.open .p4{transform:translate(-50%,-50%) rotate(180deg) translateY(calc(var(--orbit-distance) * -1)) scale(1)}
.petal-engine.open .p5{transform:translate(-50%,-50%) rotate(225deg) translateY(calc(var(--orbit-distance) * -1)) scale(1)}
.petal-engine.open .p6{transform:translate(-50%,-50%) rotate(270deg) translateY(calc(var(--orbit-distance) * -1)) scale(1)}
.petal-engine.open .p7{transform:translate(-50%,-50%) rotate(315deg) translateY(calc(var(--orbit-distance) * -1)) scale(1)}
.petal-engine.open .petal:hover,.petal-engine.open .petal:focus-visible{opacity:1;filter:brightness(1.08)}
.petal-engine.open .p0:hover,.petal-engine.open .p0:focus-visible{transform:translate(-50%,-50%) rotate(0deg) translateY(calc(var(--orbit-distance) * -1)) scale(1.04)}
.petal-engine.open .p1:hover,.petal-engine.open .p1:focus-visible{transform:translate(-50%,-50%) rotate(45deg) translateY(calc(var(--orbit-distance) * -1)) scale(1.04)}
.petal-engine.open .p2:hover,.petal-engine.open .p2:focus-visible{transform:translate(-50%,-50%) rotate(90deg) translateY(calc(var(--orbit-distance) * -1)) scale(1.04)}
.petal-engine.open .p3:hover,.petal-engine.open .p3:focus-visible{transform:translate(-50%,-50%) rotate(135deg) translateY(calc(var(--orbit-distance) * -1)) scale(1.04)}
.petal-engine.open .p4:hover,.petal-engine.open .p4:focus-visible{transform:translate(-50%,-50%) rotate(180deg) translateY(calc(var(--orbit-distance) * -1)) scale(1.04)}
.petal-engine.open .p5:hover,.petal-engine.open .p5:focus-visible{transform:translate(-50%,-50%) rotate(225deg) translateY(calc(var(--orbit-distance) * -1)) scale(1.04)}
.petal-engine.open .p6:hover,.petal-engine.open .p6:focus-visible{transform:translate(-50%,-50%) rotate(270deg) translateY(calc(var(--orbit-distance) * -1)) scale(1.04)}
.petal-engine.open .p7:hover,.petal-engine.open .p7:focus-visible{transform:translate(-50%,-50%) rotate(315deg) translateY(calc(var(--orbit-distance) * -1)) scale(1.04)}
.petal:hover:before,.petal:focus-visible:before{border-color:rgba(242,212,133,.62);box-shadow:0 16px 36px rgba(0,0,0,.34),0 0 22px rgba(215,168,59,.10),inset 0 0 0 1px rgba(255,255,255,.035)}
@keyframes petalHaloSpin{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes petalRingSpin{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes petalRingSpinReverse{from{transform:rotate(360deg)}to{transform:rotate(0deg)}}
@keyframes petalFireflySpin{from{transform:translate(-50%,-50%) rotate(0deg);opacity:.14}20%{opacity:.26}50%{opacity:.18}78%{opacity:.3}to{transform:translate(-50%,-50%) rotate(360deg);opacity:.14}}
@keyframes corePulse{0%,100%{opacity:.85;box-shadow:inset 0 0 20px rgba(215,168,59,.14),0 0 16px rgba(215,168,59,.14)}50%{opacity:1;box-shadow:inset 0 0 26px rgba(242,212,133,.22),0 0 22px rgba(215,168,59,.20)}}
/* New portal artwork from the latest reference image: keep it prominent but contained. */
.brief-intro .visual,.split-hero .visual{filter:drop-shadow(0 18px 44px rgba(215,168,59,.10))}
.brief-intro .visual{width:330px;max-width:100%}
@media(max-width:1200px){.petal-engine{gap:42px}.petal-stage{--orbit-distance:168px;width:min(520px,92vw)}.petal{width:128px;height:80px}.petal-core{width:140px;height:140px}.brief-grid{grid-template-columns:minmax(300px,.86fr) minmax(0,1.14fr)}}
@media(max-width:900px){.petal-engine{grid-template-columns:1fr;min-height:auto;gap:26px}.petal-copy{max-width:760px}.petal-stage{--orbit-distance:150px;width:min(500px,100%);margin-top:12px}.petal-core{width:132px;height:132px}.petal{width:120px;height:76px}}
@media(max-width:700px){.petal-engine{gap:18px}.petal-stage{--orbit-distance:128px;width:min(430px,100%);max-width:430px;min-height:420px;margin-top:6px}.petal-stage:before{width:66%;height:66%}.petal-stage:after{width:72%;height:72%}.petal-ring{width:74%;height:74%}.petal-core{width:110px;height:110px}.petal-core:before{inset:-10px}.petal{width:104px;height:68px;padding:8px 8px 7px}.petal img{width:21px;height:21px}.petal span{font-size:9px}.brief-intro .visual,.split-hero .visual{max-width:320px}}
@media(max-width:390px){.petal-stage{--orbit-distance:114px;width:100%;max-width:392px;min-height:390px}.petal{width:90px;height:58px;padding:6px 6px 5px}.petal img{width:18px;height:18px}.petal span{font-size:8px}}

/* 3.2.2 orientation hotfix: orbit around the core but keep icon/text upright. */
.petal-engine.open .p0{transform:translate(-50%,-50%) rotate(0deg) translateY(calc(var(--orbit-distance) * -1)) rotate(0deg) scale(1)}
.petal-engine.open .p1{transform:translate(-50%,-50%) rotate(45deg) translateY(calc(var(--orbit-distance) * -1)) rotate(-45deg) scale(1)}
.petal-engine.open .p2{transform:translate(-50%,-50%) rotate(90deg) translateY(calc(var(--orbit-distance) * -1)) rotate(-90deg) scale(1)}
.petal-engine.open .p3{transform:translate(-50%,-50%) rotate(135deg) translateY(calc(var(--orbit-distance) * -1)) rotate(-135deg) scale(1)}
.petal-engine.open .p4{transform:translate(-50%,-50%) rotate(180deg) translateY(calc(var(--orbit-distance) * -1)) rotate(-180deg) scale(1)}
.petal-engine.open .p5{transform:translate(-50%,-50%) rotate(225deg) translateY(calc(var(--orbit-distance) * -1)) rotate(-225deg) scale(1)}
.petal-engine.open .p6{transform:translate(-50%,-50%) rotate(270deg) translateY(calc(var(--orbit-distance) * -1)) rotate(-270deg) scale(1)}
.petal-engine.open .p7{transform:translate(-50%,-50%) rotate(315deg) translateY(calc(var(--orbit-distance) * -1)) rotate(-315deg) scale(1)}
.petal-engine.open .p0:hover,.petal-engine.open .p0:focus-visible{transform:translate(-50%,-50%) rotate(0deg) translateY(calc(var(--orbit-distance) * -1)) rotate(0deg) scale(1.04)}
.petal-engine.open .p1:hover,.petal-engine.open .p1:focus-visible{transform:translate(-50%,-50%) rotate(45deg) translateY(calc(var(--orbit-distance) * -1)) rotate(-45deg) scale(1.04)}
.petal-engine.open .p2:hover,.petal-engine.open .p2:focus-visible{transform:translate(-50%,-50%) rotate(90deg) translateY(calc(var(--orbit-distance) * -1)) rotate(-90deg) scale(1.04)}
.petal-engine.open .p3:hover,.petal-engine.open .p3:focus-visible{transform:translate(-50%,-50%) rotate(135deg) translateY(calc(var(--orbit-distance) * -1)) rotate(-135deg) scale(1.04)}
.petal-engine.open .p4:hover,.petal-engine.open .p4:focus-visible{transform:translate(-50%,-50%) rotate(180deg) translateY(calc(var(--orbit-distance) * -1)) rotate(-180deg) scale(1.04)}
.petal-engine.open .p5:hover,.petal-engine.open .p5:focus-visible{transform:translate(-50%,-50%) rotate(225deg) translateY(calc(var(--orbit-distance) * -1)) rotate(-225deg) scale(1.04)}
.petal-engine.open .p6:hover,.petal-engine.open .p6:focus-visible{transform:translate(-50%,-50%) rotate(270deg) translateY(calc(var(--orbit-distance) * -1)) rotate(-270deg) scale(1.04)}
.petal-engine.open .p7:hover,.petal-engine.open .p7:focus-visible{transform:translate(-50%,-50%) rotate(315deg) translateY(calc(var(--orbit-distance) * -1)) rotate(-315deg) scale(1.04)}


/* === PENROUZ 3.2.3 orbital geometry corrective === */
/* User feedback: petals must sit tight around the chrome core, be rotated as petals, keep icons upright, and use only radial light particles from the core. */
.interact-section{background:radial-gradient(48% 56% at 72% 50%,rgba(215,168,59,.08),transparent 70%);overflow:hidden}
.petal-engine{grid-template-columns:minmax(320px,.96fr) minmax(360px,1.04fr);gap:44px;align-items:center;min-height:620px}
.petal-stage{position:relative;isolation:isolate;width:min(540px,90vw);aspect-ratio:1;display:grid;place-items:center;overflow:visible;--orbit-distance:136px}
.petal-stage>.petal-core,.petal-stage>.petal{position:absolute;left:50%;top:50%}
.petal-stage:before{content:"";position:absolute;left:50%;top:50%;width:64%;height:64%;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(255,208,102,.14) 0,rgba(255,208,102,.08) 20%,rgba(255,208,102,.03) 42%,transparent 70%);opacity:.85;z-index:0}
.petal-stage:after{content:"";position:absolute;left:50%;top:50%;width:7px;height:7px;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;background:#ffd26c;box-shadow:0 -66px 0 0 rgba(255,210,108,.96),47px -47px 0 0 rgba(255,210,108,.78),66px 0 0 0 rgba(255,210,108,.86),47px 47px 0 0 rgba(255,210,108,.74),0 66px 0 0 rgba(255,210,108,.92),-47px 47px 0 0 rgba(255,210,108,.74),-66px 0 0 0 rgba(255,210,108,.82),-47px -47px 0 0 rgba(255,210,108,.72);filter:drop-shadow(0 0 8px rgba(255,210,108,.42));opacity:.15;z-index:2;animation:coreParticles 3.1s ease-out infinite}
.petal-ring{position:absolute;left:50%;top:50%;width:71%;height:71%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(215,168,59,.14);background:radial-gradient(circle at 50% 50%,rgba(255,194,86,.06) 0,rgba(255,194,86,.03) 36%,rgba(0,0,0,0) 66%);box-shadow:inset 0 0 0 1px rgba(255,236,189,.025),inset 0 0 70px rgba(215,168,59,.05);z-index:1;animation:petalRingSpin 22s linear infinite}
.petal-ring:before{content:"";position:absolute;inset:7%;border-radius:50%;border:1px solid rgba(255,231,177,.12);border-top-color:rgba(255,231,177,.28);border-bottom-color:rgba(255,231,177,.06);opacity:.8;animation:petalRingSpinReverse 16s linear infinite}
.petal-ring:after{content:none}
.petal-core.edge-sweep:after,.petal.edge-sweep:after{display:none!important}
.petal-core{position:absolute;z-index:7;width:150px;height:150px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 50% 34%,rgba(88,92,101,.95) 0 2%,rgba(24,25,28,.98) 20%,rgba(8,9,12,.99) 68%,rgba(5,6,8,1) 100%);border:1px solid rgba(255,255,255,.14);box-shadow:0 18px 52px rgba(0,0,0,.52),0 0 0 10px rgba(28,29,34,.96),0 0 0 13px rgba(196,201,208,.86),0 0 0 17px rgba(70,74,82,.92),0 0 0 19px rgba(255,255,255,.14),0 0 48px rgba(215,168,59,.18),inset 0 1px 0 rgba(255,255,255,.18),inset 0 -18px 24px rgba(0,0,0,.56);overflow:visible;cursor:pointer;transition:transform .24s ease,box-shadow .24s ease,filter .24s ease}
.petal-core:before{content:"";position:absolute;inset:13px;border-radius:50%;border:1px solid rgba(242,212,133,.28);box-shadow:inset 0 0 22px rgba(215,168,59,.16),0 0 16px rgba(215,168,59,.12);animation:corePulse 3.2s ease-in-out infinite}
.petal-core:after{content:"";position:absolute;inset:-3px;border-radius:50%;background:linear-gradient(145deg,rgba(255,255,255,.45),rgba(255,255,255,.06) 26%,rgba(0,0,0,0) 28%,rgba(0,0,0,0) 72%,rgba(255,255,255,.20) 88%,rgba(255,255,255,.48));-webkit-mask:radial-gradient(circle,transparent 62%,#000 66%);mask:radial-gradient(circle,transparent 62%,#000 66%);opacity:.82}
.petal-core:hover,.petal-core:focus-visible{transform:translate(-50%,-50%) scale(1.025);filter:brightness(1.06)}
.petal-core img{position:relative;z-index:2;width:56%;height:56%;object-fit:contain;filter:drop-shadow(0 0 15px rgba(255,203,96,.40))}
.petal{position:absolute;left:50%;top:50%;z-index:4;width:94px;height:114px;padding:16px 8px 14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:linear-gradient(165deg,rgba(20,17,11,.98),rgba(9,10,12,.98));border:1px solid rgba(215,168,59,.22);border-radius:50% 50% 46% 46% / 16% 16% 84% 84%;color:#ece8de;opacity:.2;transform:translate(-50%,-50%) scale(.26);transform-origin:center center;transition:transform .58s cubic-bezier(.22,.82,.22,1),opacity .34s ease,border-color .24s ease,box-shadow .24s ease,filter .24s ease;background-clip:padding-box;backface-visibility:hidden;will-change:transform;cursor:pointer;box-shadow:0 12px 30px rgba(0,0,0,.26),inset 0 0 0 1px rgba(255,255,255,.02)}
.petal:before{content:none!important}
.petal img,.petal span{position:relative;z-index:1;transition:transform .58s cubic-bezier(.22,.82,.22,1)}
.petal img{width:23px;height:23px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(255,203,96,.22))}
.petal span{font-size:9px;line-height:1.05;letter-spacing:.01em;color:#ddd4c6;text-align:center;max-width:78px}
.petal:hover,.petal:focus-visible{border-color:rgba(242,212,133,.62);box-shadow:0 16px 36px rgba(0,0,0,.34),0 0 0 1px rgba(242,212,133,.12),0 0 22px rgba(215,168,59,.10),inset 0 0 0 1px rgba(255,255,255,.035);filter:brightness(1.08)}
.petal-engine.open .petal{opacity:1}
.petal-engine .p0{--orbit-angle:0deg}.petal-engine .p1{--orbit-angle:45deg}.petal-engine .p2{--orbit-angle:90deg}.petal-engine .p3{--orbit-angle:135deg}.petal-engine .p4{--orbit-angle:180deg}.petal-engine .p5{--orbit-angle:225deg}.petal-engine .p6{--orbit-angle:270deg}.petal-engine .p7{--orbit-angle:315deg}
.petal-engine .p0 img,.petal-engine .p0 span{transform:rotate(0deg)}
.petal-engine .p1 img,.petal-engine .p1 span{transform:rotate(-45deg)}
.petal-engine .p2 img,.petal-engine .p2 span{transform:rotate(-90deg)}
.petal-engine .p3 img,.petal-engine .p3 span{transform:rotate(-135deg)}
.petal-engine .p4 img,.petal-engine .p4 span{transform:rotate(-180deg)}
.petal-engine .p5 img,.petal-engine .p5 span{transform:rotate(-225deg)}
.petal-engine .p6 img,.petal-engine .p6 span{transform:rotate(-270deg)}
.petal-engine .p7 img,.petal-engine .p7 span{transform:rotate(-315deg)}
.petal-engine.open .p0{transform:translate(-50%,-50%) rotate(0deg) translateY(calc(var(--orbit-distance) * -1)) scale(1)}
.petal-engine.open .p1{transform:translate(-50%,-50%) rotate(45deg) translateY(calc(var(--orbit-distance) * -1)) scale(1)}
.petal-engine.open .p2{transform:translate(-50%,-50%) rotate(90deg) translateY(calc(var(--orbit-distance) * -1)) scale(1)}
.petal-engine.open .p3{transform:translate(-50%,-50%) rotate(135deg) translateY(calc(var(--orbit-distance) * -1)) scale(1)}
.petal-engine.open .p4{transform:translate(-50%,-50%) rotate(180deg) translateY(calc(var(--orbit-distance) * -1)) scale(1)}
.petal-engine.open .p5{transform:translate(-50%,-50%) rotate(225deg) translateY(calc(var(--orbit-distance) * -1)) scale(1)}
.petal-engine.open .p6{transform:translate(-50%,-50%) rotate(270deg) translateY(calc(var(--orbit-distance) * -1)) scale(1)}
.petal-engine.open .p7{transform:translate(-50%,-50%) rotate(315deg) translateY(calc(var(--orbit-distance) * -1)) scale(1)}
.petal-engine.open .p0:hover,.petal-engine.open .p0:focus-visible{transform:translate(-50%,-50%) rotate(0deg) translateY(calc(var(--orbit-distance) * -1)) scale(1.03)}
.petal-engine.open .p1:hover,.petal-engine.open .p1:focus-visible{transform:translate(-50%,-50%) rotate(45deg) translateY(calc(var(--orbit-distance) * -1)) scale(1.03)}
.petal-engine.open .p2:hover,.petal-engine.open .p2:focus-visible{transform:translate(-50%,-50%) rotate(90deg) translateY(calc(var(--orbit-distance) * -1)) scale(1.03)}
.petal-engine.open .p3:hover,.petal-engine.open .p3:focus-visible{transform:translate(-50%,-50%) rotate(135deg) translateY(calc(var(--orbit-distance) * -1)) scale(1.03)}
.petal-engine.open .p4:hover,.petal-engine.open .p4:focus-visible{transform:translate(-50%,-50%) rotate(180deg) translateY(calc(var(--orbit-distance) * -1)) scale(1.03)}
.petal-engine.open .p5:hover,.petal-engine.open .p5:focus-visible{transform:translate(-50%,-50%) rotate(225deg) translateY(calc(var(--orbit-distance) * -1)) scale(1.03)}
.petal-engine.open .p6:hover,.petal-engine.open .p6:focus-visible{transform:translate(-50%,-50%) rotate(270deg) translateY(calc(var(--orbit-distance) * -1)) scale(1.03)}
.petal-engine.open .p7:hover,.petal-engine.open .p7:focus-visible{transform:translate(-50%,-50%) rotate(315deg) translateY(calc(var(--orbit-distance) * -1)) scale(1.03)}
@keyframes coreParticles{0%{transform:translate(-50%,-50%) scale(.34);opacity:0}18%{opacity:.34}58%{opacity:.24}100%{transform:translate(-50%,-50%) scale(1.8);opacity:0}}
@media(max-width:1200px){.petal-stage{width:min(500px,90vw);--orbit-distance:128px}.petal-core{width:144px;height:144px}.petal{width:90px;height:108px}}
@media(max-width:900px){.petal-engine{grid-template-columns:1fr;gap:24px;min-height:auto}.petal-stage{width:min(470px,100%);--orbit-distance:122px}.petal-copy{max-width:760px}}
@media(max-width:700px){.petal-stage{width:min(414px,100%);min-height:404px;--orbit-distance:110px}.petal-core{width:120px;height:120px;box-shadow:0 16px 42px rgba(0,0,0,.50),0 0 0 8px rgba(28,29,34,.96),0 0 0 11px rgba(196,201,208,.84),0 0 0 14px rgba(70,74,82,.92),0 0 0 16px rgba(255,255,255,.14),0 0 34px rgba(215,168,59,.17),inset 0 1px 0 rgba(255,255,255,.18),inset 0 -14px 18px rgba(0,0,0,.56)}.petal{width:78px;height:96px;padding:13px 6px 11px}.petal img{width:19px;height:19px}.petal span{font-size:8px;max-width:64px}.petal-stage:after{width:6px;height:6px;box-shadow:0 -56px 0 0 rgba(255,210,108,.96),40px -40px 0 0 rgba(255,210,108,.78),56px 0 0 0 rgba(255,210,108,.86),40px 40px 0 0 rgba(255,210,108,.74),0 56px 0 0 rgba(255,210,108,.92),-40px 40px 0 0 rgba(255,210,108,.74),-56px 0 0 0 rgba(255,210,108,.82),-40px -40px 0 0 rgba(255,210,108,.72)}}
@media(max-width:390px){.petal-stage{width:100%;max-width:388px;min-height:382px;--orbit-distance:102px}.petal{width:72px;height:88px;padding:12px 5px 9px}.petal img{width:17px;height:17px}.petal span{font-size:7px;max-width:60px}}

/* 3.2.3 spacing and particle hotfix */
.petal-stage{--orbit-distance:150px}
.petal-stage:after{width:6px;height:6px;box-shadow:0 -84px 0 0 rgba(255,210,108,.96),60px -60px 0 0 rgba(255,210,108,.78),84px 0 0 0 rgba(255,210,108,.86),60px 60px 0 0 rgba(255,210,108,.74),0 84px 0 0 rgba(255,210,108,.92),-60px 60px 0 0 rgba(255,210,108,.74),-84px 0 0 0 rgba(255,210,108,.82),-60px -60px 0 0 rgba(255,210,108,.72);animation:coreParticlesFromRim 2.9s ease-out infinite}
@keyframes coreParticlesFromRim{0%{transform:translate(-50%,-50%) scale(.92);opacity:0}18%{opacity:.38}62%{opacity:.22}100%{transform:translate(-50%,-50%) scale(1.56);opacity:0}}
@media(max-width:1200px){.petal-stage{--orbit-distance:142px}}
@media(max-width:900px){.petal-stage{--orbit-distance:134px}}
@media(max-width:700px){.petal-stage{--orbit-distance:122px}.petal-stage:after{box-shadow:0 -68px 0 0 rgba(255,210,108,.96),48px -48px 0 0 rgba(255,210,108,.78),68px 0 0 0 rgba(255,210,108,.86),48px 48px 0 0 rgba(255,210,108,.74),0 68px 0 0 rgba(255,210,108,.92),-48px 48px 0 0 rgba(255,210,108,.74),-68px 0 0 0 rgba(255,210,108,.82),-48px -48px 0 0 rgba(255,210,108,.72)}}
@media(max-width:390px){.petal-stage{--orbit-distance:114px}.petal-stage:after{box-shadow:0 -62px 0 0 rgba(255,210,108,.96),44px -44px 0 0 rgba(255,210,108,.78),62px 0 0 0 rgba(255,210,108,.86),44px 44px 0 0 rgba(255,210,108,.74),0 62px 0 0 rgba(255,210,108,.92),-44px 44px 0 0 rgba(255,210,108,.74),-62px 0 0 0 rgba(255,210,108,.82),-44px -44px 0 0 rgba(255,210,108,.72)}}


/* === PENROUZ 3.2.4 premium core refinement === */
/* Feedback-driven refinement: petals must stay much closer to the core, icons larger, and the chrome start-button look cleaner and more premium. */
.petal-engine{grid-template-columns:minmax(320px,.98fr) minmax(340px,1.02fr);gap:40px;align-items:center;min-height:610px}
.petal-stage{width:min(520px,88vw);min-height:520px;--orbit-distance:122px}
.petal-ring{width:66%;height:66%;border-color:rgba(215,168,59,.11);box-shadow:inset 0 0 0 1px rgba(255,236,189,.02),inset 0 0 58px rgba(215,168,59,.045)}
.petal-ring:before{inset:8%;border-color:rgba(255,231,177,.10);border-top-color:rgba(255,231,177,.22);opacity:.72}
.petal-stage:before{width:60%;height:60%;background:radial-gradient(circle,rgba(255,208,102,.16) 0,rgba(255,208,102,.09) 21%,rgba(255,208,102,.03) 43%,transparent 68%)}
.petal-stage:after{width:5px;height:5px;box-shadow:0 -78px 0 0 rgba(255,210,108,.96),55px -55px 0 0 rgba(255,210,108,.76),78px 0 0 0 rgba(255,210,108,.86),55px 55px 0 0 rgba(255,210,108,.74),0 78px 0 0 rgba(255,210,108,.92),-55px 55px 0 0 rgba(255,210,108,.74),-78px 0 0 0 rgba(255,210,108,.82),-55px -55px 0 0 rgba(255,210,108,.72);filter:drop-shadow(0 0 8px rgba(255,210,108,.42));opacity:.17;animation:coreParticlesFromRim 2.8s ease-out infinite}
.petal-core{width:158px;height:158px;background:radial-gradient(circle at 50% 34%,rgba(96,102,112,.26) 0 4%,rgba(25,27,32,.98) 16%,rgba(10,12,16,.99) 46%,rgba(4,5,8,1) 100%);border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 46px rgba(0,0,0,.54),0 0 34px rgba(215,168,59,.18),inset 0 2px 2px rgba(255,255,255,.12),inset 0 -18px 24px rgba(0,0,0,.62)}
.petal-core:before{content:"";position:absolute;inset:-11px;border-radius:50%;background:linear-gradient(145deg,rgba(255,255,255,.98) 0%,rgba(206,212,220,.78) 14%,rgba(86,90,98,.92) 32%,rgba(30,32,37,.98) 50%,rgba(99,103,111,.95) 68%,rgba(220,224,229,.86) 84%,rgba(255,255,255,.98) 100%);-webkit-mask:radial-gradient(circle,transparent 60.5%,#000 66%);mask:radial-gradient(circle,transparent 60.5%,#000 66%);box-shadow:0 10px 20px rgba(0,0,0,.40),0 1px 0 rgba(255,255,255,.12) inset,0 0 16px rgba(255,255,255,.05)}
.petal-core:after{content:"";position:absolute;inset:12px;border-radius:50%;border:1px solid rgba(242,212,133,.24);box-shadow:inset 0 0 18px rgba(215,168,59,.14),0 0 14px rgba(215,168,59,.10);animation:corePulse 3.2s ease-in-out infinite}
.petal-core img{width:74%;height:74%;object-fit:contain;filter:drop-shadow(0 0 18px rgba(255,203,96,.40))}
.petal-core:hover,.petal-core:focus-visible{transform:translate(-50%,-50%) scale(1.02);filter:brightness(1.04)}
.petal-core:active,.petal-core.pressed{transform:translate(-50%,-50%) scale(.962);filter:brightness(.98);box-shadow:0 12px 28px rgba(0,0,0,.58),0 0 24px rgba(215,168,59,.14),inset 0 3px 4px rgba(255,255,255,.10),inset 0 -14px 22px rgba(0,0,0,.72)}
.petal{width:96px;height:116px;padding:14px 8px 12px;opacity:.22;box-shadow:0 10px 24px rgba(0,0,0,.24),inset 0 0 0 1px rgba(255,255,255,.018)}
.petal img{width:29px;height:29px;filter:drop-shadow(0 0 10px rgba(255,203,96,.25))}
.petal span{font-size:10px;max-width:82px}
.petal:hover,.petal:focus-visible{border-color:rgba(242,212,133,.66);box-shadow:0 16px 34px rgba(0,0,0,.32),0 0 0 1px rgba(242,212,133,.10),0 0 18px rgba(215,168,59,.10),inset 0 0 0 1px rgba(255,255,255,.03)}
@media(max-width:1200px){.petal-stage{width:min(488px,88vw);min-height:488px;--orbit-distance:118px}.petal-core{width:152px;height:152px}.petal{width:94px;height:112px}.petal img{width:28px;height:28px}}
@media(max-width:900px){.petal-engine{grid-template-columns:1fr;gap:22px;min-height:auto}.petal-stage{width:min(456px,100%);min-height:456px;--orbit-distance:112px}.petal-copy{max-width:760px}}
@media(max-width:700px){.petal-stage{width:min(404px,100%);min-height:404px;--orbit-distance:102px}.petal-ring{width:64%;height:64%}.petal-core{width:132px;height:132px}.petal-core:before{inset:-10px}.petal-core:after{inset:10px}.petal img{width:24px;height:24px}.petal{width:84px;height:100px;padding:12px 6px 10px}.petal span{font-size:8.5px;max-width:68px}.petal-stage:after{box-shadow:0 -62px 0 0 rgba(255,210,108,.96),44px -44px 0 0 rgba(255,210,108,.76),62px 0 0 0 rgba(255,210,108,.86),44px 44px 0 0 rgba(255,210,108,.74),0 62px 0 0 rgba(255,210,108,.92),-44px 44px 0 0 rgba(255,210,108,.74),-62px 0 0 0 rgba(255,210,108,.82),-44px -44px 0 0 rgba(255,210,108,.72)}}
@media(max-width:390px){.petal-stage{max-width:384px;min-height:384px;--orbit-distance:96px}.petal-core{width:124px;height:124px}.petal{width:78px;height:92px;padding:10px 5px 9px}.petal img{width:22px;height:22px}.petal span{font-size:8px;max-width:60px}.petal-stage:after{box-shadow:0 -56px 0 0 rgba(255,210,108,.96),40px -40px 0 0 rgba(255,210,108,.76),56px 0 0 0 rgba(255,210,108,.86),40px 40px 0 0 rgba(255,210,108,.74),0 56px 0 0 rgba(255,210,108,.92),-40px 40px 0 0 rgba(255,210,108,.74),-56px 0 0 0 rgba(255,210,108,.82),-40px -40px 0 0 rgba(255,210,108,.72)}}


/* === PENROUZ 3.2.5 petal proximity corrective === */
/* Final proximity pass: bring each petal tip almost flush to the chrome rim (~2px visual gap) on desktop and mobile. */
.petal-stage{width:min(516px,88vw);min-height:516px;--orbit-distance:104px}
.petal-core{width:166px;height:166px}
.petal-core:before{inset:-12px}
.petal-core:after{inset:13px}
.petal-core img{width:78%;height:78%}
.petal-ring{width:64%;height:64%}
.petal-ring:before{inset:8.5%}
.petal-stage:before{width:58%;height:58%}
.petal-stage:after{width:5px;height:5px;box-shadow:0 -72px 0 0 rgba(255,210,108,.96),51px -51px 0 0 rgba(255,210,108,.76),72px 0 0 0 rgba(255,210,108,.86),51px 51px 0 0 rgba(255,210,108,.74),0 72px 0 0 rgba(255,210,108,.92),-51px 51px 0 0 rgba(255,210,108,.74),-72px 0 0 0 rgba(255,210,108,.82),-51px -51px 0 0 rgba(255,210,108,.72)}
.petal{width:94px;height:114px;padding:14px 8px 12px}
.petal img{width:30px;height:30px}.petal span{font-size:10px;max-width:80px}
@media(max-width:1200px){.petal-stage{width:min(486px,88vw);min-height:486px;--orbit-distance:100px}.petal-core{width:160px;height:160px}.petal-core:before{inset:-11px}.petal-ring{width:63%;height:63%}}
@media(max-width:900px){.petal-stage{width:min(450px,100%);min-height:450px;--orbit-distance:96px}.petal-core{width:154px;height:154px}.petal-ring{width:62%;height:62%}.petal{width:90px;height:110px}.petal img{width:28px;height:28px}}
@media(max-width:700px){.petal-stage{width:min(398px,100%);min-height:398px;--orbit-distance:88px}.petal-core{width:138px;height:138px}.petal-core:before{inset:-10px}.petal-core:after{inset:11px}.petal-core img{width:76%;height:76%}.petal-ring{width:60%;height:60%}.petal-stage:before{width:54%;height:54%}.petal-stage:after{box-shadow:0 -56px 0 0 rgba(255,210,108,.96),40px -40px 0 0 rgba(255,210,108,.76),56px 0 0 0 rgba(255,210,108,.86),40px 40px 0 0 rgba(255,210,108,.74),0 56px 0 0 rgba(255,210,108,.92),-40px 40px 0 0 rgba(255,210,108,.74),-56px 0 0 0 rgba(255,210,108,.82),-40px -40px 0 0 rgba(255,210,108,.72)}.petal{width:82px;height:98px;padding:11px 6px 10px}.petal img{width:25px;height:25px}.petal span{font-size:8.5px;max-width:66px}}
@media(max-width:390px){.petal-stage{max-width:382px;min-height:382px;--orbit-distance:84px}.petal-core{width:130px;height:130px}.petal-ring{width:58%;height:58%}.petal{width:76px;height:90px;padding:10px 5px 9px}.petal img{width:22px;height:22px}.petal span{font-size:8px;max-width:58px}.petal-stage:after{box-shadow:0 -52px 0 0 rgba(255,210,108,.96),37px -37px 0 0 rgba(255,210,108,.76),52px 0 0 0 rgba(255,210,108,.86),37px 37px 0 0 rgba(255,210,108,.74),0 52px 0 0 rgba(255,210,108,.92),-37px 37px 0 0 rgba(255,210,108,.74),-52px 0 0 0 rgba(255,210,108,.82),-37px -37px 0 0 rgba(255,210,108,.72)}}


/* === PENROUZ 3.2.6 aggressive orbit corrective === */
/* Strong corrective per latest feedback: petals must sit almost flush to the chrome rim, logo must dominate the core, and values are intentionally aggressive rather than micro-adjusted. */
.petal-engine{gap:34px;align-items:center;min-height:590px}
.petal-stage{width:min(500px,86vw);min-height:500px;--orbit-distance:76px}
.petal-ring{width:58%;height:58%;border-color:rgba(215,168,59,.10);box-shadow:inset 0 0 0 1px rgba(255,236,189,.02),inset 0 0 44px rgba(215,168,59,.04)}
.petal-ring:before{inset:8%;border-color:rgba(255,231,177,.08);border-top-color:rgba(255,231,177,.18);opacity:.62}
.petal-stage:before{width:54%;height:54%;background:radial-gradient(circle,rgba(255,208,102,.17) 0,rgba(255,208,102,.09) 23%,rgba(255,208,102,.03) 45%,transparent 68%)}
.petal-stage:after{width:4px;height:4px;box-shadow:0 -54px 0 0 rgba(255,210,108,.96),38px -38px 0 0 rgba(255,210,108,.76),54px 0 0 0 rgba(255,210,108,.86),38px 38px 0 0 rgba(255,210,108,.74),0 54px 0 0 rgba(255,210,108,.92),-38px 38px 0 0 rgba(255,210,108,.74),-54px 0 0 0 rgba(255,210,108,.82),-38px -38px 0 0 rgba(255,210,108,.72);animation:coreParticlesFromRim 2.6s ease-out infinite}
.petal-core{width:182px;height:182px;background:radial-gradient(circle at 50% 34%,rgba(96,102,112,.22) 0 4%,rgba(25,27,32,.98) 16%,rgba(8,10,15,.995) 48%,rgba(4,5,8,1) 100%);box-shadow:0 18px 44px rgba(0,0,0,.58),0 0 30px rgba(215,168,59,.16),inset 0 2px 2px rgba(255,255,255,.11),inset 0 -18px 24px rgba(0,0,0,.64)}
.petal-core:before{inset:-12px;background:linear-gradient(145deg,rgba(255,255,255,.99) 0%,rgba(216,221,228,.82) 13%,rgba(90,95,104,.95) 30%,rgba(28,30,35,1) 49%,rgba(97,102,110,.97) 68%,rgba(226,230,235,.89) 86%,rgba(255,255,255,.99) 100%);-webkit-mask:radial-gradient(circle,transparent 61%,#000 66.5%);mask:radial-gradient(circle,transparent 61%,#000 66.5%);box-shadow:0 10px 18px rgba(0,0,0,.42),0 1px 0 rgba(255,255,255,.10) inset,0 0 14px rgba(255,255,255,.05)}
.petal-core:after{inset:14px;border-color:rgba(242,212,133,.22);box-shadow:inset 0 0 16px rgba(215,168,59,.12),0 0 12px rgba(215,168,59,.09)}
.petal-core img{width:92%;height:92%;object-fit:contain;filter:drop-shadow(0 0 18px rgba(255,203,96,.40))}
.petal{width:102px;height:122px;padding:14px 8px 12px;opacity:.98;box-shadow:0 10px 22px rgba(0,0,0,.24),inset 0 0 0 1px rgba(255,255,255,.018)}
.petal img{width:34px;height:34px;filter:drop-shadow(0 0 10px rgba(255,203,96,.26))}
.petal span{font-size:10px;max-width:86px}
@media(max-width:1200px){.petal-stage{width:min(472px,86vw);min-height:472px;--orbit-distance:72px}.petal-core{width:174px;height:174px}.petal-core img{width:91%;height:91%}.petal{width:98px;height:118px}.petal img{width:32px;height:32px}}
@media(max-width:900px){.petal-engine{grid-template-columns:1fr;gap:18px;min-height:auto}.petal-stage{width:min(440px,100%);min-height:440px;--orbit-distance:68px}.petal-core{width:168px;height:168px}.petal-core img{width:90%;height:90%}.petal-ring{width:56%;height:56%}.petal{width:94px;height:114px}.petal img{width:30px;height:30px}}
@media(max-width:700px){.petal-stage{width:min(392px,100%);min-height:392px;--orbit-distance:60px}.petal-core{width:146px;height:146px}.petal-core:before{inset:-10px}.petal-core:after{inset:11px}.petal-core img{width:88%;height:88%}.petal-ring{width:52%;height:52%}.petal-stage:before{width:48%;height:48%}.petal-stage:after{box-shadow:0 -42px 0 0 rgba(255,210,108,.96),30px -30px 0 0 rgba(255,210,108,.76),42px 0 0 0 rgba(255,210,108,.86),30px 30px 0 0 rgba(255,210,108,.74),0 42px 0 0 rgba(255,210,108,.92),-30px 30px 0 0 rgba(255,210,108,.74),-42px 0 0 0 rgba(255,210,108,.82),-30px -30px 0 0 rgba(255,210,108,.72)}.petal{width:86px;height:100px;padding:10px 6px 10px}.petal img{width:26px;height:26px}.petal span{font-size:8.5px;max-width:68px}}
@media(max-width:390px){.petal-stage{max-width:372px;min-height:372px;--orbit-distance:56px}.petal-core{width:138px;height:138px}.petal-ring{width:50%;height:50%}.petal{width:80px;height:94px;padding:9px 5px 8px}.petal img{width:24px;height:24px}.petal span{font-size:8px;max-width:62px}.petal-stage:after{box-shadow:0 -38px 0 0 rgba(255,210,108,.96),27px -27px 0 0 rgba(255,210,108,.76),38px 0 0 0 rgba(255,210,108,.86),27px 27px 0 0 rgba(255,210,108,.74),0 38px 0 0 rgba(255,210,108,.92),-27px 27px 0 0 rgba(255,210,108,.74),-38px 0 0 0 rgba(255,210,108,.82),-27px -27px 0 0 rgba(255,210,108,.72)}}


/* === PENROUZ 3.2.7 hard geometry rewrite === */
/* Full rewrite of the capability orbit so the petals sit directly around the chrome core instead of drifting away. */
.petal-engine{gap:28px;align-items:center;min-height:560px}
.petal-stage{position:relative;isolation:isolate;width:min(460px,86vw);min-height:460px;aspect-ratio:1;display:grid;place-items:center;overflow:visible}
.petal-stage:before{content:"";position:absolute;left:50%;top:50%;width:48%;height:48%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,203,93,.16) 0,rgba(255,203,93,.09) 18%,rgba(255,203,93,.03) 40%,transparent 70%);z-index:0;pointer-events:none}
.petal-ring{position:absolute;left:50%;top:50%;width:54%;height:54%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(215,168,59,.10);background:radial-gradient(circle at 50% 50%,rgba(255,194,86,.06) 0,rgba(255,194,86,.02) 42%,transparent 70%);box-shadow:inset 0 0 36px rgba(215,168,59,.035);z-index:1;animation:petalRingSpin 28s linear infinite}
.petal-ring:before{content:"";position:absolute;inset:8%;border-radius:50%;border:1px solid rgba(255,231,177,.10);border-top-color:rgba(255,231,177,.18);opacity:.56;animation:petalRingSpinReverse 18s linear infinite}
.petal-ring:after{content:none}
.petal-core.edge-sweep:after,.petal.edge-sweep:after{display:none!important}
.petal-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:7;width:196px;height:196px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 50% 34%,rgba(92,98,108,.20) 0 4%,rgba(24,26,31,.99) 18%,rgba(7,9,14,1) 52%,rgba(4,5,8,1) 100%);box-shadow:0 18px 40px rgba(0,0,0,.62),0 0 26px rgba(215,168,59,.14),inset 0 2px 2px rgba(255,255,255,.10),inset 0 -18px 22px rgba(0,0,0,.66);border:1px solid rgba(255,255,255,.10);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}
.petal-core:before{content:"";position:absolute;inset:-12px;border-radius:50%;background:linear-gradient(145deg,rgba(255,255,255,.99) 0%,rgba(219,223,229,.84) 13%,rgba(96,100,109,.97) 31%,rgba(28,30,35,1) 49%,rgba(100,105,113,.98) 67%,rgba(230,233,238,.90) 86%,rgba(255,255,255,.99) 100%);-webkit-mask:radial-gradient(circle,transparent 61%,#000 66.3%);mask:radial-gradient(circle,transparent 61%,#000 66.3%);box-shadow:0 8px 16px rgba(0,0,0,.42),0 0 12px rgba(255,255,255,.04)}
.petal-core:after{content:"";position:absolute;inset:16px;border-radius:50%;border:1px solid rgba(242,212,133,.20);box-shadow:inset 0 0 14px rgba(215,168,59,.10),0 0 10px rgba(215,168,59,.08);animation:corePulse 3.2s ease-in-out infinite}
.petal-core img{width:98%;height:98%;object-fit:contain;filter:drop-shadow(0 0 18px rgba(255,203,96,.42))}
.petal-core:hover,.petal-core:focus-visible{transform:translate(-50%,-50%) scale(1.015)}
.petal-core:active,.petal-core.pressed{transform:translate(-50%,-50%) scale(.955);filter:brightness(.98);box-shadow:0 10px 24px rgba(0,0,0,.66),0 0 20px rgba(215,168,59,.12),inset 0 2px 2px rgba(255,255,255,.08),inset 0 -14px 18px rgba(0,0,0,.74)}
.petal{position:absolute;left:50%;top:50%;z-index:4;width:108px;height:124px;padding:14px 8px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#ece8de;background:linear-gradient(165deg,rgba(20,17,11,.985),rgba(9,10,12,.99));border:1px solid rgba(215,168,59,.24);border-radius:50% 50% 46% 46% / 16% 16% 84% 84%;box-shadow:0 10px 20px rgba(0,0,0,.24),inset 0 0 0 1px rgba(255,255,255,.018);opacity:1;backface-visibility:hidden;will-change:transform;cursor:pointer;transition:transform .48s cubic-bezier(.2,.8,.2,1),border-color .22s ease,box-shadow .22s ease,filter .22s ease}
.petal:before{content:none!important}
.petal img,.petal span{position:relative;z-index:1;transition:transform .48s cubic-bezier(.2,.8,.2,1)}
.petal img{width:36px;height:36px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(255,203,96,.30))}
.petal span{font-size:10px;line-height:1.06;text-align:center;max-width:86px;color:#ddd4c6}
.petal:hover,.petal:focus-visible{border-color:rgba(242,212,133,.68);box-shadow:0 14px 28px rgba(0,0,0,.32),0 0 0 1px rgba(242,212,133,.11),0 0 18px rgba(215,168,59,.11),inset 0 0 0 1px rgba(255,255,255,.03);filter:brightness(1.07)}
.petal-engine .p0{--rot:180deg}.petal-engine .p1{--rot:225deg}.petal-engine .p2{--rot:270deg}.petal-engine .p3{--rot:315deg}.petal-engine .p4{--rot:0deg}.petal-engine .p5{--rot:45deg}.petal-engine .p6{--rot:90deg}.petal-engine .p7{--rot:135deg}
.petal-engine .p0 img,.petal-engine .p0 span{transform:rotate(-180deg)}.petal-engine .p1 img,.petal-engine .p1 span{transform:rotate(-225deg)}.petal-engine .p2 img,.petal-engine .p2 span{transform:rotate(-270deg)}.petal-engine .p3 img,.petal-engine .p3 span{transform:rotate(-315deg)}.petal-engine .p4 img,.petal-engine .p4 span{transform:rotate(0deg)}.petal-engine .p5 img,.petal-engine .p5 span{transform:rotate(-45deg)}.petal-engine .p6 img,.petal-engine .p6 span{transform:rotate(-90deg)}.petal-engine .p7 img,.petal-engine .p7 span{transform:rotate(-135deg)}
.petal-engine.open .p0{transform:translate(-50%,calc(-50% - 120px)) rotate(180deg) scale(1)}
.petal-engine.open .p1{transform:translate(calc(-50% + 84px),calc(-50% - 84px)) rotate(225deg) scale(1)}
.petal-engine.open .p2{transform:translate(calc(-50% + 120px),-50%) rotate(270deg) scale(1)}
.petal-engine.open .p3{transform:translate(calc(-50% + 84px),calc(-50% + 84px)) rotate(315deg) scale(1)}
.petal-engine.open .p4{transform:translate(-50%,calc(-50% + 120px)) rotate(0deg) scale(1)}
.petal-engine.open .p5{transform:translate(calc(-50% - 84px),calc(-50% + 84px)) rotate(45deg) scale(1)}
.petal-engine.open .p6{transform:translate(calc(-50% - 120px),-50%) rotate(90deg) scale(1)}
.petal-engine.open .p7{transform:translate(calc(-50% - 84px),calc(-50% - 84px)) rotate(135deg) scale(1)}
.petal-engine.open .p0:hover,.petal-engine.open .p0:focus-visible{transform:translate(-50%,calc(-50% - 120px)) rotate(180deg) scale(1.03)}
.petal-engine.open .p1:hover,.petal-engine.open .p1:focus-visible{transform:translate(calc(-50% + 84px),calc(-50% - 84px)) rotate(225deg) scale(1.03)}
.petal-engine.open .p2:hover,.petal-engine.open .p2:focus-visible{transform:translate(calc(-50% + 120px),-50%) rotate(270deg) scale(1.03)}
.petal-engine.open .p3:hover,.petal-engine.open .p3:focus-visible{transform:translate(calc(-50% + 84px),calc(-50% + 84px)) rotate(315deg) scale(1.03)}
.petal-engine.open .p4:hover,.petal-engine.open .p4:focus-visible{transform:translate(-50%,calc(-50% + 120px)) rotate(0deg) scale(1.03)}
.petal-engine.open .p5:hover,.petal-engine.open .p5:focus-visible{transform:translate(calc(-50% - 84px),calc(-50% + 84px)) rotate(45deg) scale(1.03)}
.petal-engine.open .p6:hover,.petal-engine.open .p6:focus-visible{transform:translate(calc(-50% - 120px),-50%) rotate(90deg) scale(1.03)}
.petal-engine.open .p7:hover,.petal-engine.open .p7:focus-visible{transform:translate(calc(-50% - 84px),calc(-50% - 84px)) rotate(135deg) scale(1.03)}
.core-firefly{position:absolute;left:50%;top:50%;width:5px;height:5px;border-radius:50%;background:#ffd76c;box-shadow:0 0 10px rgba(255,215,108,.56),0 0 18px rgba(255,189,79,.18);pointer-events:none;z-index:2;opacity:0;transform:translate(-50%,-50%) rotate(var(--a)) translateY(-104px) scale(.45);animation:fireflyBurst 3.1s ease-out infinite;animation-delay:var(--d)}
.core-firefly.big{width:7px;height:7px;box-shadow:0 0 12px rgba(255,215,108,.62),0 0 22px rgba(255,189,79,.24)}
@keyframes fireflyBurst{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--a)) translateY(-104px) scale(.35)}14%{opacity:.96}56%{opacity:.42}100%{opacity:0;transform:translate(-50%,-50%) rotate(var(--a)) translateY(-178px) scale(.96)}}
@media(max-width:1200px){.petal-stage{width:min(438px,86vw);min-height:438px}.petal-core{width:184px;height:184px}.petal-core img{width:96%;height:96%}.petal{width:104px;height:120px}.petal img{width:34px;height:34px}.petal-engine.open .p0{transform:translate(-50%,calc(-50% - 112px)) rotate(180deg) scale(1)}.petal-engine.open .p1{transform:translate(calc(-50% + 79px),calc(-50% - 79px)) rotate(225deg) scale(1)}.petal-engine.open .p2{transform:translate(calc(-50% + 112px),-50%) rotate(270deg) scale(1)}.petal-engine.open .p3{transform:translate(calc(-50% + 79px),calc(-50% + 79px)) rotate(315deg) scale(1)}.petal-engine.open .p4{transform:translate(-50%,calc(-50% + 112px)) rotate(0deg) scale(1)}.petal-engine.open .p5{transform:translate(calc(-50% - 79px),calc(-50% + 79px)) rotate(45deg) scale(1)}.petal-engine.open .p6{transform:translate(calc(-50% - 112px),-50%) rotate(90deg) scale(1)}.petal-engine.open .p7{transform:translate(calc(-50% - 79px),calc(-50% - 79px)) rotate(135deg) scale(1)}.core-firefly{transform:translate(-50%,-50%) rotate(var(--a)) translateY(-98px) scale(.45)}@keyframes fireflyBurst{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--a)) translateY(-98px) scale(.35)}14%{opacity:.96}56%{opacity:.42}100%{opacity:0;transform:translate(-50%,-50%) rotate(var(--a)) translateY(-165px) scale(.96)}}}
@media(max-width:900px){.petal-engine{grid-template-columns:1fr;gap:18px;min-height:auto}.petal-stage{width:min(412px,100%);min-height:412px}.petal-core{width:174px;height:174px}.petal-core img{width:94%;height:94%}.petal-ring{width:52%;height:52%}.petal{width:96px;height:112px}.petal img{width:32px;height:32px}.petal-engine.open .p0{transform:translate(-50%,calc(-50% - 102px)) rotate(180deg) scale(1)}.petal-engine.open .p1{transform:translate(calc(-50% + 72px),calc(-50% - 72px)) rotate(225deg) scale(1)}.petal-engine.open .p2{transform:translate(calc(-50% + 102px),-50%) rotate(270deg) scale(1)}.petal-engine.open .p3{transform:translate(calc(-50% + 72px),calc(-50% + 72px)) rotate(315deg) scale(1)}.petal-engine.open .p4{transform:translate(-50%,calc(-50% + 102px)) rotate(0deg) scale(1)}.petal-engine.open .p5{transform:translate(calc(-50% - 72px),calc(-50% + 72px)) rotate(45deg) scale(1)}.petal-engine.open .p6{transform:translate(calc(-50% - 102px),-50%) rotate(90deg) scale(1)}.petal-engine.open .p7{transform:translate(calc(-50% - 72px),calc(-50% - 72px)) rotate(135deg) scale(1)}.core-firefly{transform:translate(-50%,-50%) rotate(var(--a)) translateY(-92px) scale(.45)}@keyframes fireflyBurst{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--a)) translateY(-92px) scale(.35)}14%{opacity:.96}56%{opacity:.42}100%{opacity:0;transform:translate(-50%,-50%) rotate(var(--a)) translateY(-154px) scale(.96)}}}
@media(max-width:700px){.petal-stage{width:min(386px,100%);min-height:386px}.petal-core{width:156px;height:156px}.petal-core:before{inset:-10px}.petal-core:after{inset:12px}.petal-core img{width:92%;height:92%}.petal-ring{width:48%;height:48%}.petal-stage:before{width:44%;height:44%}.petal{width:86px;height:100px;padding:10px 6px 9px}.petal img{width:27px;height:27px}.petal span{font-size:8.5px;max-width:68px}.petal-engine.open .p0{transform:translate(-50%,calc(-50% - 88px)) rotate(180deg) scale(1)}.petal-engine.open .p1{transform:translate(calc(-50% + 62px),calc(-50% - 62px)) rotate(225deg) scale(1)}.petal-engine.open .p2{transform:translate(calc(-50% + 88px),-50%) rotate(270deg) scale(1)}.petal-engine.open .p3{transform:translate(calc(-50% + 62px),calc(-50% + 62px)) rotate(315deg) scale(1)}.petal-engine.open .p4{transform:translate(-50%,calc(-50% + 88px)) rotate(0deg) scale(1)}.petal-engine.open .p5{transform:translate(calc(-50% - 62px),calc(-50% + 62px)) rotate(45deg) scale(1)}.petal-engine.open .p6{transform:translate(calc(-50% - 88px),-50%) rotate(90deg) scale(1)}.petal-engine.open .p7{transform:translate(calc(-50% - 62px),calc(-50% - 62px)) rotate(135deg) scale(1)}.core-firefly,.core-firefly.big{width:4px;height:4px}.core-firefly{transform:translate(-50%,-50%) rotate(var(--a)) translateY(-84px) scale(.45)}@keyframes fireflyBurst{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--a)) translateY(-84px) scale(.35)}14%{opacity:.96}56%{opacity:.42}100%{opacity:0;transform:translate(-50%,-50%) rotate(var(--a)) translateY(-136px) scale(.96)}}}
@media(max-width:390px){.petal-stage{max-width:370px;min-height:370px}.petal-core{width:148px;height:148px}.petal-ring{width:46%;height:46%}.petal{width:82px;height:94px;padding:8px 5px 8px}.petal img{width:24px;height:24px}.petal span{font-size:8px;max-width:62px}.petal-engine.open .p0{transform:translate(-50%,calc(-50% - 82px)) rotate(180deg) scale(1)}.petal-engine.open .p1{transform:translate(calc(-50% + 58px),calc(-50% - 58px)) rotate(225deg) scale(1)}.petal-engine.open .p2{transform:translate(calc(-50% + 82px),-50%) rotate(270deg) scale(1)}.petal-engine.open .p3{transform:translate(calc(-50% + 58px),calc(-50% + 58px)) rotate(315deg) scale(1)}.petal-engine.open .p4{transform:translate(-50%,calc(-50% + 82px)) rotate(0deg) scale(1)}.petal-engine.open .p5{transform:translate(calc(-50% - 58px),calc(-50% + 58px)) rotate(45deg) scale(1)}.petal-engine.open .p6{transform:translate(calc(-50% - 82px),-50%) rotate(90deg) scale(1)}.petal-engine.open .p7{transform:translate(calc(-50% - 58px),calc(-50% - 58px)) rotate(135deg) scale(1)}}


/* === PENROUZ 3.2.8 icon-only petals + center burst effects === */
/* Remove petal labels, pull petals much closer to the core on open, and add occasional lightning-like bursts from the center. */
.petal-stage{width:min(430px,84vw);min-height:430px}
.petal-ring{width:52%;height:52%}
.petal-core{width:188px;height:188px}.petal-core img{width:96%;height:96%}
.petal{width:82px;height:92px;padding:0;gap:0;justify-content:center;align-items:center}
.petal span{display:none!important}
.petal img{width:42px;height:42px}
.petal-engine.open .p0{transform:translate(-50%,calc(-50% - 74px)) rotate(180deg) scale(1)}
.petal-engine.open .p1{transform:translate(calc(-50% + 52px),calc(-50% - 52px)) rotate(225deg) scale(1)}
.petal-engine.open .p2{transform:translate(calc(-50% + 74px),-50%) rotate(270deg) scale(1)}
.petal-engine.open .p3{transform:translate(calc(-50% + 52px),calc(-50% + 52px)) rotate(315deg) scale(1)}
.petal-engine.open .p4{transform:translate(-50%,calc(-50% + 74px)) rotate(0deg) scale(1)}
.petal-engine.open .p5{transform:translate(calc(-50% - 52px),calc(-50% + 52px)) rotate(45deg) scale(1)}
.petal-engine.open .p6{transform:translate(calc(-50% - 74px),-50%) rotate(90deg) scale(1)}
.petal-engine.open .p7{transform:translate(calc(-50% - 52px),calc(-50% - 52px)) rotate(135deg) scale(1)}
.petal-engine.open .p0:hover,.petal-engine.open .p0:focus-visible{transform:translate(-50%,calc(-50% - 74px)) rotate(180deg) scale(1.03)}
.petal-engine.open .p1:hover,.petal-engine.open .p1:focus-visible{transform:translate(calc(-50% + 52px),calc(-50% - 52px)) rotate(225deg) scale(1.03)}
.petal-engine.open .p2:hover,.petal-engine.open .p2:focus-visible{transform:translate(calc(-50% + 74px),-50%) rotate(270deg) scale(1.03)}
.petal-engine.open .p3:hover,.petal-engine.open .p3:focus-visible{transform:translate(calc(-50% + 52px),calc(-50% + 52px)) rotate(315deg) scale(1.03)}
.petal-engine.open .p4:hover,.petal-engine.open .p4:focus-visible{transform:translate(-50%,calc(-50% + 74px)) rotate(0deg) scale(1.03)}
.petal-engine.open .p5:hover,.petal-engine.open .p5:focus-visible{transform:translate(calc(-50% - 52px),calc(-50% + 52px)) rotate(45deg) scale(1.03)}
.petal-engine.open .p6:hover,.petal-engine.open .p6:focus-visible{transform:translate(calc(-50% - 74px),-50%) rotate(90deg) scale(1.03)}
.petal-engine.open .p7:hover,.petal-engine.open .p7:focus-visible{transform:translate(calc(-50% - 52px),calc(-50% - 52px)) rotate(135deg) scale(1.03)}
.core-lightning{position:absolute;left:50%;top:50%;width:2px;height:var(--h,96px);transform-origin:center top;transform:translate(-50%,-50%) rotate(var(--a)) translateY(-18px) scaleY(.16);border-radius:999px;background:linear-gradient(to bottom,rgba(255,245,210,.96) 0%,rgba(255,214,121,.95) 18%,rgba(255,184,74,.82) 56%,rgba(255,184,74,0) 100%);filter:blur(.55px) drop-shadow(0 0 10px rgba(255,213,113,.55)) drop-shadow(0 0 18px rgba(255,172,56,.24));pointer-events:none;z-index:3;opacity:0;mix-blend-mode:screen;animation:coreLightning 5.6s linear infinite;animation-delay:var(--d)}
.core-lightning:before,.core-lightning:after{content:"";position:absolute;left:50%;top:24%;width:2px;height:46%;border-radius:999px;background:linear-gradient(to bottom,rgba(255,236,180,.78),rgba(255,184,74,0));transform-origin:center top;opacity:.9}
.core-lightning:before{transform:translateX(-50%) rotate(14deg)}
.core-lightning:after{transform:translateX(-50%) rotate(-17deg)}
@keyframes coreLightning{0%,67%,100%{opacity:0;transform:translate(-50%,-50%) rotate(var(--a)) translateY(-18px) scaleY(.12)}69%{opacity:0}70%{opacity:.98;transform:translate(-50%,-50%) rotate(var(--a)) translateY(-18px) scaleY(1)}72%{opacity:.28;transform:translate(-50%,-50%) rotate(calc(var(--a) + 2deg)) translateY(-18px) scaleY(.74)}74%{opacity:.92;transform:translate(-50%,-50%) rotate(calc(var(--a) - 1deg)) translateY(-18px) scaleY(1.08)}79%{opacity:0;transform:translate(-50%,-50%) rotate(var(--a)) translateY(-18px) scaleY(.2)}}
@media(max-width:1200px){.petal-stage{width:min(412px,84vw);min-height:412px}.petal-core{width:178px;height:178px}.petal{width:78px;height:88px}.petal img{width:40px;height:40px}.petal-engine.open .p0{transform:translate(-50%,calc(-50% - 68px)) rotate(180deg) scale(1)}.petal-engine.open .p1{transform:translate(calc(-50% + 48px),calc(-50% - 48px)) rotate(225deg) scale(1)}.petal-engine.open .p2{transform:translate(calc(-50% + 68px),-50%) rotate(270deg) scale(1)}.petal-engine.open .p3{transform:translate(calc(-50% + 48px),calc(-50% + 48px)) rotate(315deg) scale(1)}.petal-engine.open .p4{transform:translate(-50%,calc(-50% + 68px)) rotate(0deg) scale(1)}.petal-engine.open .p5{transform:translate(calc(-50% - 48px),calc(-50% + 48px)) rotate(45deg) scale(1)}.petal-engine.open .p6{transform:translate(calc(-50% - 68px),-50%) rotate(90deg) scale(1)}.petal-engine.open .p7{transform:translate(calc(-50% - 48px),calc(-50% - 48px)) rotate(135deg) scale(1)}}
@media(max-width:900px){.petal-stage{width:min(394px,100%);min-height:394px}.petal-core{width:168px;height:168px}.petal{width:76px;height:84px}.petal img{width:38px;height:38px}.petal-ring{width:50%;height:50%}.petal-engine.open .p0{transform:translate(-50%,calc(-50% - 62px)) rotate(180deg) scale(1)}.petal-engine.open .p1{transform:translate(calc(-50% + 44px),calc(-50% - 44px)) rotate(225deg) scale(1)}.petal-engine.open .p2{transform:translate(calc(-50% + 62px),-50%) rotate(270deg) scale(1)}.petal-engine.open .p3{transform:translate(calc(-50% + 44px),calc(-50% + 44px)) rotate(315deg) scale(1)}.petal-engine.open .p4{transform:translate(-50%,calc(-50% + 62px)) rotate(0deg) scale(1)}.petal-engine.open .p5{transform:translate(calc(-50% - 44px),calc(-50% + 44px)) rotate(45deg) scale(1)}.petal-engine.open .p6{transform:translate(calc(-50% - 62px),-50%) rotate(90deg) scale(1)}.petal-engine.open .p7{transform:translate(calc(-50% - 44px),calc(-50% - 44px)) rotate(135deg) scale(1)}.core-lightning{height:88px}}
@media(max-width:700px){.petal-stage{width:min(374px,100%);min-height:374px}.petal-core{width:152px;height:152px}.petal-core img{width:92%;height:92%}.petal{width:70px;height:80px}.petal img{width:34px;height:34px}.petal-ring{width:46%;height:46%}.petal-stage:before{width:42%;height:42%}.petal-engine.open .p0{transform:translate(-50%,calc(-50% - 56px)) rotate(180deg) scale(1)}.petal-engine.open .p1{transform:translate(calc(-50% + 40px),calc(-50% - 40px)) rotate(225deg) scale(1)}.petal-engine.open .p2{transform:translate(calc(-50% + 56px),-50%) rotate(270deg) scale(1)}.petal-engine.open .p3{transform:translate(calc(-50% + 40px),calc(-50% + 40px)) rotate(315deg) scale(1)}.petal-engine.open .p4{transform:translate(-50%,calc(-50% + 56px)) rotate(0deg) scale(1)}.petal-engine.open .p5{transform:translate(calc(-50% - 40px),calc(-50% + 40px)) rotate(45deg) scale(1)}.petal-engine.open .p6{transform:translate(calc(-50% - 56px),-50%) rotate(90deg) scale(1)}.petal-engine.open .p7{transform:translate(calc(-50% - 40px),calc(-50% - 40px)) rotate(135deg) scale(1)}.core-lightning{width:2px;height:76px}}
@media(max-width:390px){.petal-stage{max-width:356px;min-height:356px}.petal-core{width:144px;height:144px}.petal{width:66px;height:76px}.petal img{width:32px;height:32px}.petal-engine.open .p0{transform:translate(-50%,calc(-50% - 52px)) rotate(180deg) scale(1)}.petal-engine.open .p1{transform:translate(calc(-50% + 36px),calc(-50% - 36px)) rotate(225deg) scale(1)}.petal-engine.open .p2{transform:translate(calc(-50% + 52px),-50%) rotate(270deg) scale(1)}.petal-engine.open .p3{transform:translate(calc(-50% + 36px),calc(-50% + 36px)) rotate(315deg) scale(1)}.petal-engine.open .p4{transform:translate(-50%,calc(-50% + 52px)) rotate(0deg) scale(1)}.petal-engine.open .p5{transform:translate(calc(-50% - 36px),calc(-50% + 36px)) rotate(45deg) scale(1)}.petal-engine.open .p6{transform:translate(calc(-50% - 52px),-50%) rotate(90deg) scale(1)}.petal-engine.open .p7{transform:translate(calc(-50% - 36px),calc(-50% - 36px)) rotate(135deg) scale(1)}.core-lightning{height:68px}}


/* === PENROUZ 3.2.9 rim-relative petal layout + amplified lightning === */
/* Petals now open from values tied to the chrome rim, not to a loose orbit. Target visual gap to the rim is ~2px. */
.petal-stage{--core-size:192px;--petal-gap:2px;--petal-tip-depth:18px;--petal-axis-offset:calc((var(--core-size) / 2) + var(--petal-tip-depth) + var(--petal-gap));--petal-diagonal-offset:calc(var(--petal-axis-offset) * .71);width:min(430px,84vw);min-height:430px}
.petal-ring{width:50%;height:50%;border-color:rgba(215,168,59,.10);box-shadow:inset 0 0 30px rgba(215,168,59,.03)}
.petal-stage:before{width:44%;height:44%;background:radial-gradient(circle,rgba(255,203,93,.18) 0,rgba(255,203,93,.10) 20%,rgba(255,203,93,.03) 42%,transparent 70%)}
.petal-core{width:var(--core-size);height:var(--core-size);animation:coreTapHint 3.2s cubic-bezier(.34,.02,.18,.99) infinite}
.petal-core img{width:110%;height:110%;object-fit:contain;filter:drop-shadow(0 0 20px rgba(255,203,96,.48))}
.petal-core:before{inset:-13px;box-shadow:0 10px 22px rgba(0,0,0,.44),0 0 14px rgba(255,255,255,.05)}
.petal-core:after{inset:14px;border-color:rgba(255,171,96,.56);box-shadow:inset 0 0 18px rgba(255,120,90,.18),0 0 18px rgba(255,120,90,.14)}
.petal-core:hover,.petal-core:focus-visible{animation:none;transform:translate(-50%,-50%) scale(1.018)}
.petal-core:active,.petal-core.pressed{animation:none;transform:translate(-50%,-50%) scale(.948);box-shadow:0 10px 26px rgba(0,0,0,.68),0 0 18px rgba(215,168,59,.14),inset 0 3px 3px rgba(255,255,255,.08),inset 0 -16px 20px rgba(0,0,0,.76)}
.petal{left:50%;top:50%;width:82px;height:92px;padding:0;gap:0;justify-content:center;align-items:center;transition:left .52s cubic-bezier(.2,.8,.2,1),top .52s cubic-bezier(.2,.8,.2,1),transform .52s cubic-bezier(.2,.8,.2,1),border-color .22s ease,box-shadow .22s ease,filter .22s ease;transform:translate(-50%,-50%) rotate(var(--rot)) scale(.18)}
.petal img{width:42px;height:42px;filter:drop-shadow(0 0 10px rgba(255,203,96,.32))}
.petal-engine.open .p0{left:50%;top:calc(50% - var(--petal-axis-offset));transform:translate(-50%,-50%) rotate(180deg) scale(1)}
.petal-engine.open .p1{left:calc(50% + var(--petal-diagonal-offset));top:calc(50% - var(--petal-diagonal-offset));transform:translate(-50%,-50%) rotate(225deg) scale(1)}
.petal-engine.open .p2{left:calc(50% + var(--petal-axis-offset));top:50%;transform:translate(-50%,-50%) rotate(270deg) scale(1)}
.petal-engine.open .p3{left:calc(50% + var(--petal-diagonal-offset));top:calc(50% + var(--petal-diagonal-offset));transform:translate(-50%,-50%) rotate(315deg) scale(1)}
.petal-engine.open .p4{left:50%;top:calc(50% + var(--petal-axis-offset));transform:translate(-50%,-50%) rotate(0deg) scale(1)}
.petal-engine.open .p5{left:calc(50% - var(--petal-diagonal-offset));top:calc(50% + var(--petal-diagonal-offset));transform:translate(-50%,-50%) rotate(45deg) scale(1)}
.petal-engine.open .p6{left:calc(50% - var(--petal-axis-offset));top:50%;transform:translate(-50%,-50%) rotate(90deg) scale(1)}
.petal-engine.open .p7{left:calc(50% - var(--petal-diagonal-offset));top:calc(50% - var(--petal-diagonal-offset));transform:translate(-50%,-50%) rotate(135deg) scale(1)}
.petal-engine.open .p0:hover,.petal-engine.open .p0:focus-visible{left:50%;top:calc(50% - var(--petal-axis-offset));transform:translate(-50%,-50%) rotate(180deg) scale(1.035)}
.petal-engine.open .p1:hover,.petal-engine.open .p1:focus-visible{left:calc(50% + var(--petal-diagonal-offset));top:calc(50% - var(--petal-diagonal-offset));transform:translate(-50%,-50%) rotate(225deg) scale(1.035)}
.petal-engine.open .p2:hover,.petal-engine.open .p2:focus-visible{left:calc(50% + var(--petal-axis-offset));top:50%;transform:translate(-50%,-50%) rotate(270deg) scale(1.035)}
.petal-engine.open .p3:hover,.petal-engine.open .p3:focus-visible{left:calc(50% + var(--petal-diagonal-offset));top:calc(50% + var(--petal-diagonal-offset));transform:translate(-50%,-50%) rotate(315deg) scale(1.035)}
.petal-engine.open .p4:hover,.petal-engine.open .p4:focus-visible{left:50%;top:calc(50% + var(--petal-axis-offset));transform:translate(-50%,-50%) rotate(0deg) scale(1.035)}
.petal-engine.open .p5:hover,.petal-engine.open .p5:focus-visible{left:calc(50% - var(--petal-diagonal-offset));top:calc(50% + var(--petal-diagonal-offset));transform:translate(-50%,-50%) rotate(45deg) scale(1.035)}
.petal-engine.open .p6:hover,.petal-engine.open .p6:focus-visible{left:calc(50% - var(--petal-axis-offset));top:50%;transform:translate(-50%,-50%) rotate(90deg) scale(1.035)}
.petal-engine.open .p7:hover,.petal-engine.open .p7:focus-visible{left:calc(50% - var(--petal-diagonal-offset));top:calc(50% - var(--petal-diagonal-offset));transform:translate(-50%,-50%) rotate(135deg) scale(1.035)}
.core-firefly{width:6px;height:6px;background:#ffd86e;box-shadow:0 0 16px rgba(255,215,108,.72),0 0 28px rgba(255,189,79,.30);opacity:0;transform:translate(-50%,-50%) rotate(var(--a)) translateY(-84px) scale(.4);animation:fireflyBurst 1.95s ease-out infinite;animation-delay:var(--d)}
.core-firefly.big{width:8px;height:8px;box-shadow:0 0 18px rgba(255,215,108,.82),0 0 34px rgba(255,189,79,.38)}
@keyframes fireflyBurst{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--a)) translateY(-84px) scale(.32)}12%{opacity:1}54%{opacity:.42}100%{opacity:0;transform:translate(-50%,-50%) rotate(var(--a)) translateY(-182px) scale(1.08)}}
.core-lightning{width:4px;height:var(--h,136px);transform-origin:center top;transform:translate(-50%,-50%) rotate(var(--a)) translateY(-12px) scaleY(.08);border-radius:999px;background:linear-gradient(to bottom,rgba(255,250,235,1) 0%,rgba(255,229,171,.98) 10%,rgba(255,208,112,.97) 24%,rgba(255,162,68,.92) 58%,rgba(255,162,68,0) 100%);filter:blur(.35px) drop-shadow(0 0 18px rgba(255,213,113,.95)) drop-shadow(0 0 34px rgba(255,172,56,.48)) drop-shadow(0 0 52px rgba(255,120,46,.24));z-index:3;opacity:0;mix-blend-mode:screen;animation:coreLightning 1.7s linear infinite;animation-delay:var(--d)}
.core-lightning:before,.core-lightning:after{content:"";position:absolute;left:50%;width:3px;border-radius:999px;background:linear-gradient(to bottom,rgba(255,244,214,.96),rgba(255,167,70,0));transform-origin:center top;opacity:1}
.core-lightning:before{top:18%;height:52%;transform:translateX(-50%) rotate(16deg)}
.core-lightning:after{top:34%;height:42%;transform:translateX(-50%) rotate(-19deg)}
@keyframes coreLightning{0%,54%,100%{opacity:0;transform:translate(-50%,-50%) rotate(var(--a)) translateY(-12px) scaleY(.08)}55%{opacity:0}56%{opacity:1;transform:translate(-50%,-50%) rotate(var(--a)) translateY(-12px) scaleY(1.12)}58%{opacity:.62;transform:translate(-50%,-50%) rotate(calc(var(--a) + 2deg)) translateY(-12px) scaleY(.72)}60%{opacity:1;transform:translate(-50%,-50%) rotate(calc(var(--a) - 2deg)) translateY(-12px) scaleY(1.22)}63%{opacity:.44;transform:translate(-50%,-50%) rotate(calc(var(--a) + 1deg)) translateY(-12px) scaleY(.86)}67%{opacity:0;transform:translate(-50%,-50%) rotate(var(--a)) translateY(-12px) scaleY(.14)}}
@keyframes coreTapHint{0%,18%,100%{transform:translate(-50%,-50%) scale(1)}24%{transform:translate(-50%,-50%) scale(.975)}32%{transform:translate(-50%,-50%) scale(1.016)}40%{transform:translate(-50%,-50%) scale(1)}}
@media(max-width:1200px){.petal-stage{--core-size:182px;--petal-tip-depth:16px;width:min(410px,84vw);min-height:410px}.petal-core img{width:108%;height:108%}.petal{width:78px;height:88px}.petal img{width:40px;height:40px}.core-lightning{height:124px}}
@media(max-width:900px){.petal-stage{--core-size:172px;--petal-tip-depth:14px;width:min(392px,100%);min-height:392px}.petal-ring{width:48%;height:48%}.petal{width:74px;height:84px}.petal img{width:38px;height:38px}.core-firefly{transform:translate(-50%,-50%) rotate(var(--a)) translateY(-78px) scale(.4)}.core-lightning{height:116px}}
@media(max-width:700px){.petal-stage{--core-size:156px;--petal-tip-depth:10px;width:min(372px,100%);min-height:372px}.petal-core img{width:104%;height:104%}.petal-ring{width:44%;height:44%}.petal-stage:before{width:40%;height:40%}.petal{width:68px;height:78px}.petal img{width:34px;height:34px}.core-firefly,.core-firefly.big{width:5px;height:5px}.core-firefly{transform:translate(-50%,-50%) rotate(var(--a)) translateY(-70px) scale(.4)}.core-lightning{width:3px;height:104px}}
@media(max-width:390px){.petal-stage{--core-size:148px;--petal-tip-depth:8px;max-width:354px;min-height:354px}.petal{width:64px;height:72px}.petal img{width:31px;height:31px}.core-lightning{height:96px}}


/* === PENROUZ 3.2.10 rim-spacing + full-radial lightning corrective === */
/* Slightly pull petals outward so they no longer sit behind the core, while making lightning originate from the rim in every direction. */
.petal-stage{
  --core-size:192px;
  --petal-gap:8px;
  --petal-center-to-tip:46px;
  --petal-axis-offset:calc((var(--core-size) / 2) + var(--petal-center-to-tip) + var(--petal-gap));
  --petal-diagonal-offset:calc(var(--petal-axis-offset) * .7071);
  --rim-lightning-start:calc((var(--core-size) / 2) + 12px);
  width:min(432px,84vw);
  min-height:432px;
}
.petal-core{animation:coreTapHint 3s cubic-bezier(.34,.02,.18,.99) infinite}
.petal-core img{width:112%;height:112%;object-fit:contain;filter:drop-shadow(0 0 22px rgba(255,203,96,.52))}
.petal-core:before{inset:-13px}
.petal-core:after{inset:14px}
.petal{width:82px;height:92px;padding:0;gap:0;justify-content:center;align-items:center}
.petal img{width:42px;height:42px}
.petal-engine.open .p0{left:50%;top:calc(50% - var(--petal-axis-offset));transform:translate(-50%,-50%) rotate(180deg) scale(1)}
.petal-engine.open .p1{left:calc(50% + var(--petal-diagonal-offset));top:calc(50% - var(--petal-diagonal-offset));transform:translate(-50%,-50%) rotate(225deg) scale(1)}
.petal-engine.open .p2{left:calc(50% + var(--petal-axis-offset));top:50%;transform:translate(-50%,-50%) rotate(270deg) scale(1)}
.petal-engine.open .p3{left:calc(50% + var(--petal-diagonal-offset));top:calc(50% + var(--petal-diagonal-offset));transform:translate(-50%,-50%) rotate(315deg) scale(1)}
.petal-engine.open .p4{left:50%;top:calc(50% + var(--petal-axis-offset));transform:translate(-50%,-50%) rotate(0deg) scale(1)}
.petal-engine.open .p5{left:calc(50% - var(--petal-diagonal-offset));top:calc(50% + var(--petal-diagonal-offset));transform:translate(-50%,-50%) rotate(45deg) scale(1)}
.petal-engine.open .p6{left:calc(50% - var(--petal-axis-offset));top:50%;transform:translate(-50%,-50%) rotate(90deg) scale(1)}
.petal-engine.open .p7{left:calc(50% - var(--petal-diagonal-offset));top:calc(50% - var(--petal-diagonal-offset));transform:translate(-50%,-50%) rotate(135deg) scale(1)}
.petal-engine.open .p0:hover,.petal-engine.open .p0:focus-visible{left:50%;top:calc(50% - var(--petal-axis-offset));transform:translate(-50%,-50%) rotate(180deg) scale(1.035)}
.petal-engine.open .p1:hover,.petal-engine.open .p1:focus-visible{left:calc(50% + var(--petal-diagonal-offset));top:calc(50% - var(--petal-diagonal-offset));transform:translate(-50%,-50%) rotate(225deg) scale(1.035)}
.petal-engine.open .p2:hover,.petal-engine.open .p2:focus-visible{left:calc(50% + var(--petal-axis-offset));top:50%;transform:translate(-50%,-50%) rotate(270deg) scale(1.035)}
.petal-engine.open .p3:hover,.petal-engine.open .p3:focus-visible{left:calc(50% + var(--petal-diagonal-offset));top:calc(50% + var(--petal-diagonal-offset));transform:translate(-50%,-50%) rotate(315deg) scale(1.035)}
.petal-engine.open .p4:hover,.petal-engine.open .p4:focus-visible{left:50%;top:calc(50% + var(--petal-axis-offset));transform:translate(-50%,-50%) rotate(0deg) scale(1.035)}
.petal-engine.open .p5:hover,.petal-engine.open .p5:focus-visible{left:calc(50% - var(--petal-diagonal-offset));top:calc(50% + var(--petal-diagonal-offset));transform:translate(-50%,-50%) rotate(45deg) scale(1.035)}
.petal-engine.open .p6:hover,.petal-engine.open .p6:focus-visible{left:calc(50% - var(--petal-axis-offset));top:50%;transform:translate(-50%,-50%) rotate(90deg) scale(1.035)}
.petal-engine.open .p7:hover,.petal-engine.open .p7:focus-visible{left:calc(50% - var(--petal-diagonal-offset));top:calc(50% - var(--petal-diagonal-offset));transform:translate(-50%,-50%) rotate(135deg) scale(1.035)}
.core-lightning{
  position:absolute;
  left:50%;
  top:50%;
  width:4px;
  height:var(--h,140px);
  transform-origin:center bottom;
  transform:translate(-50%,-100%) rotate(var(--a)) translateY(calc(-1 * var(--rim-lightning-start))) scaleY(.04);
  border-radius:999px;
  background:linear-gradient(to top,rgba(255,245,224,1) 0%,rgba(255,230,174,1) 8%,rgba(255,212,116,.98) 22%,rgba(255,179,67,.95) 58%,rgba(255,179,67,0) 100%);
  filter:blur(.25px) drop-shadow(0 0 22px rgba(255,213,113,1)) drop-shadow(0 0 42px rgba(255,172,56,.62)) drop-shadow(0 0 68px rgba(255,120,46,.36));
  pointer-events:none;
  z-index:3;
  opacity:0;
  mix-blend-mode:screen;
  animation:coreLightningRadial 1.15s linear infinite;
  animation-delay:var(--d);
}
.core-lightning:before,.core-lightning:after{
  content:"";
  position:absolute;
  left:50%;
  width:3px;
  border-radius:999px;
  background:linear-gradient(to top,rgba(255,239,194,.98),rgba(255,167,70,0));
  transform-origin:center bottom;
  opacity:1;
}
.core-lightning:before{bottom:12%;height:54%;transform:translateX(-50%) rotate(18deg)}
.core-lightning:after{bottom:28%;height:44%;transform:translateX(-50%) rotate(-20deg)}
.core-lightning.extra,.core-lightning.ultra{width:5px}
.core-lightning.extra{height:var(--h,148px)}
.core-lightning.ultra{height:var(--h,156px);filter:blur(.22px) drop-shadow(0 0 26px rgba(255,213,113,1)) drop-shadow(0 0 48px rgba(255,172,56,.72)) drop-shadow(0 0 78px rgba(255,120,46,.42))}
@keyframes coreLightningRadial{
  0%,40%,100%{opacity:0;transform:translate(-50%,-100%) rotate(var(--a)) translateY(calc(-1 * var(--rim-lightning-start))) scaleY(.03)}
  41%{opacity:0}
  42%{opacity:1;transform:translate(-50%,-100%) rotate(var(--a)) translateY(calc(-1 * var(--rim-lightning-start))) scaleY(1.24)}
  45%{opacity:.72;transform:translate(-50%,-100%) rotate(calc(var(--a) + 2deg)) translateY(calc(-1 * var(--rim-lightning-start))) scaleY(.78)}
  48%{opacity:1;transform:translate(-50%,-100%) rotate(calc(var(--a) - 2deg)) translateY(calc(-1 * var(--rim-lightning-start))) scaleY(1.32)}
  52%{opacity:.58;transform:translate(-50%,-100%) rotate(calc(var(--a) + 1deg)) translateY(calc(-1 * var(--rim-lightning-start))) scaleY(.92)}
  57%{opacity:0;transform:translate(-50%,-100%) rotate(var(--a)) translateY(calc(-1 * var(--rim-lightning-start))) scaleY(.12)}
}
@media(max-width:1200px){
  .petal-stage{--core-size:184px;--petal-gap:8px;--petal-center-to-tip:44px;--rim-lightning-start:calc((var(--core-size) / 2) + 11px);width:min(414px,84vw);min-height:414px}
  .petal-core img{width:110%;height:110%}
  .petal{width:78px;height:88px}
  .petal img{width:40px;height:40px}
  .core-lightning{height:132px}
}
@media(max-width:900px){
  .petal-stage{--core-size:172px;--petal-gap:7px;--petal-center-to-tip:42px;--rim-lightning-start:calc((var(--core-size) / 2) + 10px);width:min(394px,100%);min-height:394px}
  .petal-ring{width:48%;height:48%}
  .petal{width:74px;height:84px}
  .petal img{width:38px;height:38px}
  .core-firefly{transform:translate(-50%,-50%) rotate(var(--a)) translateY(-78px) scale(.4)}
  .core-lightning{height:122px}
}
@media(max-width:700px){
  .petal-stage{--core-size:156px;--petal-gap:6px;--petal-center-to-tip:38px;--rim-lightning-start:calc((var(--core-size) / 2) + 9px);width:min(374px,100%);min-height:374px}
  .petal-core img{width:106%;height:106%}
  .petal-ring{width:44%;height:44%}
  .petal-stage:before{width:40%;height:40%}
  .petal{width:68px;height:78px}
  .petal img{width:34px;height:34px}
  .core-firefly,.core-firefly.big{width:5px;height:5px}
  .core-firefly{transform:translate(-50%,-50%) rotate(var(--a)) translateY(-70px) scale(.4)}
  .core-lightning{width:3px;height:108px}
  .core-lightning.extra,.core-lightning.ultra{width:4px}
}
@media(max-width:390px){
  .petal-stage{--core-size:148px;--petal-gap:6px;--petal-center-to-tip:35px;--rim-lightning-start:calc((var(--core-size) / 2) + 8px);max-width:356px;min-height:356px}
  .petal{width:64px;height:72px}
  .petal img{width:31px;height:31px}
  .core-lightning{height:98px}
}


/* === PENROUZ 3.2.11 performance + spacing corrective === */
/* Soften particle load for iPhone stability and move petals slightly outward by ~10-20px. */
.petal-stage{
  --core-size:192px;
  --petal-gap:20px;
  --petal-center-to-tip:46px;
  --petal-axis-offset:calc((var(--core-size) / 2) + var(--petal-center-to-tip) + var(--petal-gap));
  --petal-diagonal-offset:calc(var(--petal-axis-offset) * .7071);
  --rim-lightning-start:calc((var(--core-size) / 2) + 12px);
}
.petal-core{animation:coreTapHint 3.4s cubic-bezier(.34,.02,.18,.99) infinite}
.petal-core:before{box-shadow:0 8px 18px rgba(0,0,0,.40),0 0 10px rgba(255,255,255,.04)}
.petal-core:after{box-shadow:inset 0 0 14px rgba(255,120,90,.14),0 0 12px rgba(255,120,90,.10)}
.petal{
  transition:left .48s cubic-bezier(.2,.8,.2,1),top .48s cubic-bezier(.2,.8,.2,1),transform .48s cubic-bezier(.2,.8,.2,1),border-color .20s ease,box-shadow .20s ease,filter .20s ease;
}
.core-firefly{
  width:4px;
  height:4px;
  box-shadow:0 0 8px rgba(255,215,108,.44),0 0 14px rgba(255,189,79,.14);
  opacity:0;
  transform:translate(-50%,-50%) rotate(var(--a)) translateY(-82px) scale(.44);
  animation:fireflyBurstSoft 2.5s ease-out infinite;
  animation-delay:var(--d);
}
.core-firefly.big{
  width:5px;
  height:5px;
  box-shadow:0 0 10px rgba(255,215,108,.52),0 0 18px rgba(255,189,79,.18);
}
@keyframes fireflyBurstSoft{
  0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--a)) translateY(-82px) scale(.32)}
  14%{opacity:.7}
  56%{opacity:.22}
  100%{opacity:0;transform:translate(-50%,-50%) rotate(var(--a)) translateY(-144px) scale(.88)}
}
.core-lightning,
.core-lightning.extra,
.core-lightning.ultra{
  width:3px;
  height:var(--h,118px);
  transform-origin:center bottom;
  transform:translate(-50%,-100%) rotate(var(--a)) translateY(calc(-1 * var(--rim-lightning-start))) scaleY(.03);
  background:linear-gradient(to top,rgba(255,245,224,.98) 0%,rgba(255,228,170,.92) 12%,rgba(255,205,112,.86) 32%,rgba(255,176,68,.72) 62%,rgba(255,176,68,0) 100%);
  filter:drop-shadow(0 0 10px rgba(255,213,113,.52)) drop-shadow(0 0 18px rgba(255,172,56,.22));
  animation:coreLightningRadialSoft 2.4s linear infinite;
  animation-delay:var(--d);
}
.core-lightning:before,.core-lightning:after,
.core-lightning.extra:before,.core-lightning.extra:after,
.core-lightning.ultra:before,.core-lightning.ultra:after{
  width:2px;
  opacity:.75;
}
@keyframes coreLightningRadialSoft{
  0%,60%,100%{opacity:0;transform:translate(-50%,-100%) rotate(var(--a)) translateY(calc(-1 * var(--rim-lightning-start))) scaleY(.03)}
  61%{opacity:0}
  62%{opacity:.78;transform:translate(-50%,-100%) rotate(var(--a)) translateY(calc(-1 * var(--rim-lightning-start))) scaleY(.9)}
  66%{opacity:.34;transform:translate(-50%,-100%) rotate(calc(var(--a) + 1deg)) translateY(calc(-1 * var(--rim-lightning-start))) scaleY(.58)}
  70%{opacity:.72;transform:translate(-50%,-100%) rotate(calc(var(--a) - 1deg)) translateY(calc(-1 * var(--rim-lightning-start))) scaleY(.98)}
  75%{opacity:0;transform:translate(-50%,-100%) rotate(var(--a)) translateY(calc(-1 * var(--rim-lightning-start))) scaleY(.10)}
}
@media(max-width:1200px){
  .petal-stage{--core-size:184px;--petal-gap:18px;--petal-center-to-tip:44px;--rim-lightning-start:calc((var(--core-size) / 2) + 11px)}
}
@media(max-width:900px){
  .petal-stage{--core-size:172px;--petal-gap:16px;--petal-center-to-tip:42px;--rim-lightning-start:calc((var(--core-size) / 2) + 10px)}
  .core-firefly{transform:translate(-50%,-50%) rotate(var(--a)) translateY(-74px) scale(.42)}
  .core-lightning,.core-lightning.extra,.core-lightning.ultra{height:102px;filter:drop-shadow(0 0 8px rgba(255,213,113,.46)) drop-shadow(0 0 14px rgba(255,172,56,.18))}
}
@media(max-width:700px){
  .petal-stage{--core-size:156px;--petal-gap:14px;--petal-center-to-tip:38px;--rim-lightning-start:calc((var(--core-size) / 2) + 9px)}
  .core-firefly,.core-firefly.big{width:3px;height:3px;box-shadow:0 0 6px rgba(255,215,108,.38),0 0 10px rgba(255,189,79,.10)}
  .core-firefly{transform:translate(-50%,-50%) rotate(var(--a)) translateY(-68px) scale(.42)}
  .core-lightning,.core-lightning.extra,.core-lightning.ultra{width:2px;height:86px;filter:drop-shadow(0 0 6px rgba(255,213,113,.34)) drop-shadow(0 0 10px rgba(255,172,56,.12));animation-duration:2.8s}
}
@media(max-width:390px){
  .petal-stage{--core-size:148px;--petal-gap:12px;--petal-center-to-tip:35px;--rim-lightning-start:calc((var(--core-size) / 2) + 8px)}
  .core-firefly{transform:translate(-50%,-50%) rotate(var(--a)) translateY(-64px) scale(.4)}
  .core-lightning,.core-lightning.extra,.core-lightning.ultra{height:76px}
}


/* === PENROUZ 3.3.0 Mobile Performance Architecture === */
/* Preserve the visual language while making motion lifecycle-aware and adaptive. */
html.penrouz-perf-runtime{--fx-opacity:1}
.motion-zone.motion-paused,.motion-zone.motion-paused *,body.page-hidden *,body.page-hidden *::before,body.page-hidden *::after{animation-play-state:paused!important}
.motion-zone.motion-paused .cursor-energy-dot{display:none!important}
.petal-stage:after{content:none!important}
.petal-ring:after{content:none!important}
.petal,.core-firefly,.core-lightning{will-change:auto}
.motion-active .petal{will-change:transform}
.motion-active .core-firefly,.motion-active .core-lightning{will-change:transform,opacity}
.cursor-energy-dot{position:fixed;z-index:4;pointer-events:none;width:3px;height:3px;border-radius:50%;background:#f2d485;box-shadow:0 0 9px rgba(215,168,59,.72);transform:translate(-50%,-50%);opacity:.75;transition:opacity .34s ease,transform .34s ease}
.cursor-energy-dot.fade{opacity:0;transform:translate(-50%,calc(-50% - 9px)) scale(.35)}

/* Off-screen layout skipping. The browser keeps intrinsic space, then paints only when needed. */
@supports(content-visibility:auto){
  main>.section:not(.interact-section){content-visibility:auto;contain-intrinsic-size:auto 760px}
  .site-footer{content-visibility:auto;contain-intrinsic-size:auto 520px}
}
.cap-card,.feature-card,.solution-card,.product-card,.scenario,.concept-chart,.tech-domain-grid article{contain:layout paint style}

/* Full quality: desktop workstations keep the complete visual signature. */
html[data-fx-quality="full"] .spark{box-shadow:0 0 10px 3px rgba(242,212,133,.20)}
html[data-fx-quality="full"] .core-lightning{mix-blend-mode:screen;filter:drop-shadow(0 0 10px rgba(255,213,113,.56)) drop-shadow(0 0 18px rgba(255,172,56,.22))}

/* Balanced: visually near-identical, fewer expensive compositing filters. */
html[data-fx-quality="balanced"] .spark{box-shadow:0 0 7px 2px rgba(242,212,133,.14)}
html[data-fx-quality="balanced"] .core-lightning{mix-blend-mode:normal;filter:drop-shadow(0 0 7px rgba(255,213,113,.42));box-shadow:0 0 7px rgba(255,191,78,.22)}
html[data-fx-quality="balanced"] .core-firefly{box-shadow:0 0 7px rgba(255,215,108,.38)}
html[data-fx-quality="balanced"] .petal-ring{animation-duration:32s}
html[data-fx-quality="balanced"] .petal-ring:before{animation-duration:24s}

/* Safe: same composition and interactions; background energy is cheaper. */
html[data-fx-quality="safe"] .spark{box-shadow:0 0 5px rgba(242,212,133,.12)}
html[data-fx-quality="safe"] .core-lightning{mix-blend-mode:normal;filter:none;box-shadow:0 0 5px rgba(255,191,78,.32)}
html[data-fx-quality="safe"] .core-lightning:before,html[data-fx-quality="safe"] .core-lightning:after{display:none}
html[data-fx-quality="safe"] .core-firefly{filter:none;box-shadow:0 0 5px rgba(255,215,108,.32)}
html[data-fx-quality="safe"] .petal-ring{animation-duration:40s}
html[data-fx-quality="safe"] .petal-ring:before{animation:none}
html[data-fx-quality="safe"] .petal-stage:before{background:radial-gradient(circle,rgba(255,203,93,.14) 0,rgba(255,203,93,.06) 25%,rgba(255,203,93,.02) 46%,transparent 70%)}
html[data-fx-quality="safe"] .bars i,html[data-fx-quality="safe"] .timeline-chart i,html[data-fx-quality="safe"] .pulse-track span,html[data-fx-quality="safe"] .pulse-track span img{animation-duration:6.2s}

@media(max-width:700px){
  .site-header{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:rgba(4,5,6,.96)}
  .process-strip{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:rgba(7,8,10,.96)}
  .hero-tree{filter:drop-shadow(0 0 22px rgba(214,154,31,.10))}
  .ambient-orbs{background:radial-gradient(circle at 12% 28%,rgba(215,168,59,.035),transparent 20%),radial-gradient(circle at 88% 58%,rgba(215,168,59,.025),transparent 22%)}
  .petal-core{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
  .petal-core,.petal{backface-visibility:hidden}
  .core-lightning{mix-blend-mode:normal!important}
}

@media(prefers-reduced-motion:reduce){
  .core-firefly,.core-lightning,.spark,.petal-ring,.petal-ring:before,.petal-core{animation:none!important}
}

/* === PENROUZ 3.4.0 Visual Runtime 1.0 === */
/* Critical path: petal motion is compositor-only. No left/top animation, no DOM lightning/particle layers. */
.petal-stage{
  position:relative;
  isolation:isolate;
  contain:layout style;
  --petal-axis-offset:162px;
  --petal-diagonal-offset:114.55px;
}
.core-fx-canvas{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  z-index:3;
  pointer-events:none;
  display:block;
  opacity:1;
  transform:translateZ(0);
  backface-visibility:hidden;
}
/* Old generations are intentionally disabled; the GPU canvas owns these effects now. */
.core-firefly,.core-lightning{display:none!important}
.petal-stage:after{content:none!important}
.petal-ring:after{content:none!important}

.petal-stage>.petal{
  left:50%!important;
  top:50%!important;
  z-index:4;
  will-change:transform;
  backface-visibility:hidden;
  transform-origin:center center;
  transition:transform .56s cubic-bezier(.18,.82,.20,1),border-color .20s ease,box-shadow .20s ease,filter .20s ease!important;
  transform:translate3d(-50%,-50%,0) rotate(var(--rot)) scale(.18)!important;
}
.petal-engine .p0{--rot:180deg}
.petal-engine .p1{--rot:225deg}
.petal-engine .p2{--rot:270deg}
.petal-engine .p3{--rot:315deg}
.petal-engine .p4{--rot:0deg}
.petal-engine .p5{--rot:45deg}
.petal-engine .p6{--rot:90deg}
.petal-engine .p7{--rot:135deg}

/* Counter-rotate only the icon so it remains visually upright. */
.petal-engine .p0 img{transform:rotate(-180deg)!important}
.petal-engine .p1 img{transform:rotate(-225deg)!important}
.petal-engine .p2 img{transform:rotate(-270deg)!important}
.petal-engine .p3 img{transform:rotate(-315deg)!important}
.petal-engine .p4 img{transform:rotate(0deg)!important}
.petal-engine .p5 img{transform:rotate(-45deg)!important}
.petal-engine .p6 img{transform:rotate(-90deg)!important}
.petal-engine .p7 img{transform:rotate(-135deg)!important}

.petal-engine.open .p0{transform:translate3d(-50%,calc(-50% - var(--petal-axis-offset)),0) rotate(180deg) scale(1)!important}
.petal-engine.open .p1{transform:translate3d(calc(-50% + var(--petal-diagonal-offset)),calc(-50% - var(--petal-diagonal-offset)),0) rotate(225deg) scale(1)!important}
.petal-engine.open .p2{transform:translate3d(calc(-50% + var(--petal-axis-offset)),-50%,0) rotate(270deg) scale(1)!important}
.petal-engine.open .p3{transform:translate3d(calc(-50% + var(--petal-diagonal-offset)),calc(-50% + var(--petal-diagonal-offset)),0) rotate(315deg) scale(1)!important}
.petal-engine.open .p4{transform:translate3d(-50%,calc(-50% + var(--petal-axis-offset)),0) rotate(0deg) scale(1)!important}
.petal-engine.open .p5{transform:translate3d(calc(-50% - var(--petal-diagonal-offset)),calc(-50% + var(--petal-diagonal-offset)),0) rotate(45deg) scale(1)!important}
.petal-engine.open .p6{transform:translate3d(calc(-50% - var(--petal-axis-offset)),-50%,0) rotate(90deg) scale(1)!important}
.petal-engine.open .p7{transform:translate3d(calc(-50% - var(--petal-diagonal-offset)),calc(-50% - var(--petal-diagonal-offset)),0) rotate(135deg) scale(1)!important}

.petal-engine.open .p0:hover,.petal-engine.open .p0:focus-visible{transform:translate3d(-50%,calc(-50% - var(--petal-axis-offset)),0) rotate(180deg) scale(1.03)!important}
.petal-engine.open .p1:hover,.petal-engine.open .p1:focus-visible{transform:translate3d(calc(-50% + var(--petal-diagonal-offset)),calc(-50% - var(--petal-diagonal-offset)),0) rotate(225deg) scale(1.03)!important}
.petal-engine.open .p2:hover,.petal-engine.open .p2:focus-visible{transform:translate3d(calc(-50% + var(--petal-axis-offset)),-50%,0) rotate(270deg) scale(1.03)!important}
.petal-engine.open .p3:hover,.petal-engine.open .p3:focus-visible{transform:translate3d(calc(-50% + var(--petal-diagonal-offset)),calc(-50% + var(--petal-diagonal-offset)),0) rotate(315deg) scale(1.03)!important}
.petal-engine.open .p4:hover,.petal-engine.open .p4:focus-visible{transform:translate3d(-50%,calc(-50% + var(--petal-axis-offset)),0) rotate(0deg) scale(1.03)!important}
.petal-engine.open .p5:hover,.petal-engine.open .p5:focus-visible{transform:translate3d(calc(-50% - var(--petal-diagonal-offset)),calc(-50% + var(--petal-diagonal-offset)),0) rotate(45deg) scale(1.03)!important}
.petal-engine.open .p6:hover,.petal-engine.open .p6:focus-visible{transform:translate3d(calc(-50% - var(--petal-axis-offset)),-50%,0) rotate(90deg) scale(1.03)!important}
.petal-engine.open .p7:hover,.petal-engine.open .p7:focus-visible{transform:translate3d(calc(-50% - var(--petal-diagonal-offset)),calc(-50% - var(--petal-diagonal-offset)),0) rotate(135deg) scale(1.03)!important}

/* The core itself remains one composited layer. */
.petal-core{
  will-change:transform;
  backface-visibility:hidden;
  transform:translate3d(-50%,-50%,0);
  contain:layout paint style;
}
.petal-core:hover,.petal-core:focus-visible{transform:translate3d(-50%,-50%,0) scale(1.018)!important}
.petal-core:active,.petal-core.pressed{transform:translate3d(-50%,-50%,0) scale(.95)!important}

/* Avoid spending compositor memory on cards until they are near the viewport. */
.motion-zone.motion-paused .core-fx-canvas{visibility:hidden}
.motion-zone.motion-active .core-fx-canvas{visibility:visible}

@media(max-width:1200px){
  .petal-stage{--petal-axis-offset:154px;--petal-diagonal-offset:108.9px}
}
@media(max-width:900px){
  .petal-stage{--petal-axis-offset:146px;--petal-diagonal-offset:103.25px}
}
@media(max-width:700px){
  .petal-stage{--petal-axis-offset:130px;--petal-diagonal-offset:91.92px}
  .petal-stage>.petal{transition-duration:.50s!important}
  .core-fx-canvas{image-rendering:auto}
}
@media(max-width:390px){
  .petal-stage{--petal-axis-offset:121px;--petal-diagonal-offset:85.56px}
}
@media(prefers-reduced-motion:reduce){
  .core-fx-canvas{display:none!important}
  .petal-stage>.petal{transition:none!important}
}
/* Do not run the idle press-hint while the petals are transitioning/open. */
.petal-engine.open .petal-core{animation:none!important}
.petal-core.pressed{animation:none!important}


/* === PENROUZ 3.4.1 airy tree + branch node integration === */
.hero-tree-scene{
  position:relative;
  width:min(760px,58vw);
  aspect-ratio:1;
  display:grid;
  place-items:center;
  transform:translate3d(var(--px,0),var(--py,0),0);
  transition:transform .15s linear;
  contain:layout style;
}
.hero-tree-scene .hero-tree{
  width:100%;
  transform:none!important;
  filter:drop-shadow(0 0 26px rgba(214,154,31,.11));
  z-index:1;
}
.hero-tree-scene .hero-tree img{width:100%;height:auto}
.hero-tree-node{
  position:absolute;
  z-index:3;
  width:clamp(74px,7vw,106px);
  aspect-ratio:1;
  display:block;
  pointer-events:none;
  transform:translate3d(-50%,-50%,0);
  transform-origin:center;
  animation:treeNodeFloat 6.8s ease-in-out infinite;
  backface-visibility:hidden;
  will-change:transform;
}
.hero-tree-node img{
  width:100%;
  height:100%;
  object-fit:contain;
  filter:none!important;
}
.hero-tree-node.n-atom{left:50.1%;top:17.0%;width:clamp(78px,7.2vw,108px);animation-delay:-.6s}
.hero-tree-node.n-cloud{left:32.8%;top:33.2%;animation-delay:-2.0s}
.hero-tree-node.n-cube{left:69.0%;top:33.0%;animation-delay:-3.4s}
.hero-tree-node.n-network{left:26.5%;top:49.5%;width:clamp(78px,7.25vw,110px);animation-delay:-4.8s}
.hero-tree-node.n-data{left:73.4%;top:49.0%;width:clamp(78px,7.25vw,110px);animation-delay:-1.3s}
@keyframes treeNodeFloat{
  0%,100%{transform:translate3d(-50%,-50%,0) scale(1)}
  50%{transform:translate3d(-50%,calc(-50% - 5px),0) scale(1.015)}
}
.motion-zone.motion-paused .hero-tree-node,
body.page-hidden .hero-tree-node{animation-play-state:paused!important}
@media(max-width:1000px){
  .hero-tree-scene{width:min(680px,72vw)}
  .hero-tree-node{width:clamp(68px,8.5vw,94px)}
  .hero-tree-node.n-atom{width:clamp(72px,8.8vw,98px)}
  .hero-tree-node.n-network,.hero-tree-node.n-data{width:clamp(72px,8.8vw,100px)}
}
@media(max-width:700px){
  .hero-tree-scene{width:min(520px,94vw)}
  .hero-tree-scene .hero-tree{filter:drop-shadow(0 0 16px rgba(214,154,31,.08))}
  .hero-tree-node{width:clamp(54px,15vw,76px);animation-duration:8.2s}
  .hero-tree-node.n-atom{width:clamp(58px,16vw,80px)}
  .hero-tree-node.n-network,.hero-tree-node.n-data{width:clamp(58px,16vw,82px)}
  @keyframes treeNodeFloat{
    0%,100%{transform:translate3d(-50%,-50%,0) scale(1)}
    50%{transform:translate3d(-50%,calc(-50% - 3px),0) scale(1.01)}
  }
}
@media(prefers-reduced-motion:reduce){.hero-tree-node{animation:none!important}}