.preview-entry{isolation:isolate}.preview-entry:after{opacity:.55}.preview-entry .preview-copy{display:grid;grid-template-columns:minmax(210px,1.1fr) minmax(180px,.9fr);gap:12px;align-items:center;width:100%;padding:19px 24px 17px}.calculator-illustration{position:relative;width:100%;height:155px;perspective:700px}.suite-tile,.calc-core{position:absolute;z-index:2;border:1px solid rgba(255,255,255,.22);box-shadow:0 10px 28px rgba(0,0,0,.28);transition:transform .35s ease,box-shadow .35s ease}.suite-tile{display:grid;width:58px;height:58px;padding:7px;border-radius:8px;align-content:space-between;text-align:left;color:#061014}.suite-tile b{font:800 27px/1 "Segoe UI Symbol","Segoe UI",sans-serif;letter-spacing:0}.suite-tile small{font:800 6px/1 Arial;letter-spacing:.12em}.tile-sum{top:5px;left:13%;background:#7dffcb;transform:rotate(-7deg)}.tile-root{top:1px;right:15%;color:#0a0b12;background:#68e8ff;transform:rotate(8deg)}.tile-pi{bottom:2px;left:5%;color:#fff;background:#7658e8;transform:rotate(6deg)}.tile-graph{right:5%;bottom:7px;color:#fff;background:#f0719a;transform:rotate(-6deg)}.tile-matrix{top:48px;right:0;width:47px;height:47px;color:#091018;background:#e6edf0;transform:rotate(12deg)}.tile-matrix b{font-size:18px}.calc-core{top:29px;left:50%;display:grid;width:112px;height:104px;padding:11px;border-radius:13px;color:#f7faf7;background:linear-gradient(145deg,#1e252a,#090c10);transform:translateX(-50%) rotate(-2deg);box-shadow:0 16px 38px rgba(0,0,0,.46),inset 0 1px rgba(255,255,255,.08)}.calc-core>i{position:absolute;top:-12px;left:-11px;display:grid;width:46px;height:46px;border:1px solid rgba(255,255,255,.25);border-radius:10px;place-items:center;color:#0a0f12;background:#c9ff45;box-shadow:0 9px 24px rgba(0,0,0,.3);font:800 19px/1 "Segoe UI",sans-serif;font-style:normal}.calc-core>em{height:30px;padding:7px 8px;border:1px solid rgba(125,255,203,.18);border-radius:6px;color:#c9ff45;background:#050708;font:500 13px/1 monospace;text-align:right;font-style:normal}.calc-core>span{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:7px}.calc-core>span b{height:15px;border:1px solid #363d44;border-radius:4px;background:#20262b}.calc-core>span b:last-child{border-color:#c9ff45;background:#c9ff45}.suite-path{position:absolute;z-index:1;height:1px;background:linear-gradient(90deg,transparent,rgba(125,255,203,.55),transparent);transform-origin:center}.path-one{top:77px;left:8%;width:84%;transform:rotate(10deg)}.path-two{top:76px;left:12%;width:76%;transform:rotate(-13deg)}.calculator-preview{justify-self:end;text-align:left}.calculator-preview b{display:block}.calculator-preview strong{display:block;line-height:1.02}.calculator-preview span{display:inline-block;white-space:nowrap}.preview-entry:hover .calc-core{transform:translateX(-50%) rotate(0) translateY(-5px);box-shadow:0 22px 45px rgba(0,0,0,.55),0 0 28px rgba(201,255,69,.1)}.preview-entry:hover .tile-sum{transform:rotate(-10deg) translate(-4px,-5px)}.preview-entry:hover .tile-root{transform:rotate(11deg) translate(4px,-6px)}.preview-entry:hover .tile-pi{transform:rotate(9deg) translate(-4px,4px)}.preview-entry:hover .tile-graph{transform:rotate(-9deg) translate(4px,4px)}.preview-entry:hover .tile-matrix{transform:rotate(15deg) translate(5px)}@media(max-width:900px){.preview-entry .preview-copy{grid-template-columns:1fr;padding:12px 18px}.calculator-illustration{height:118px}.calculator-preview{display:none}.suite-tile{width:48px;height:48px;padding:6px}.suite-tile b{font-size:22px}.calc-core{top:18px;width:96px;height:91px}.tile-matrix{top:38px;width:40px;height:40px}}@media(max-width:720px){.preview-entry .preview-copy{grid-template-columns:minmax(200px,1.1fr) minmax(160px,.9fr);padding:14px 20px}.calculator-illustration{height:130px}.calculator-preview{display:block}.suite-tile{width:50px;height:50px}.calc-core{top:23px;width:100px;height:94px}}@media(max-width:470px){.preview-entry .preview-copy{grid-template-columns:1fr;padding:10px 16px}.calculator-illustration{height:126px}.calculator-preview{display:none}}