/* Calculator 365 — scoped product presentation, October 2026. */
body.calculator-public{--paper:var(--preview-bg,#0a0f12);--surface:var(--preview-surface,#171b21);--surface-raised:var(--preview-raised,#222831);--blue:var(--preview-accent,#b3ec41);--ink:var(--preview-heading,#f1f4f3);--muted:var(--preview-muted,#adb6c0);--line:var(--preview-border,#2b3138);--calc-text:var(--preview-text,#adb6c0);--calc-on-accent:var(--preview-on-accent,#11150a);--calc-section:var(--preview-section,#10161b);--calc-header:var(--preview-header,#0a0f12f2);--calc-accent-soft:color-mix(in srgb,var(--blue) 10%,transparent);background:var(--paper);color:var(--ink);color-scheme:dark}
body.calculator-public .preview-bar{background:var(--surface-raised);color:var(--muted)}
body.calculator-public .site-header{background:var(--calc-header);border-color:var(--line)}
body.calculator-public .site-header nav{color:var(--calc-text)}
body.calculator-public .brand img{width:145px}
body.calculator-public .language-link{border-color:var(--line)}
body.calculator-public .section-kicker{color:var(--blue)}
body.calculator-public .calculator-hero{height:auto!important;background:var(--paper);overflow:hidden}
body.calculator-public .calculator-stage{height:auto;min-height:0;padding:76px 0 64px;position:relative;background:radial-gradient(ellipse at 84% 44%,#ffffff04 0,transparent 50%),var(--paper)}
body.calculator-public .calculator-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;min-height:590px}
body.calculator-public .calculator-hero-copy{max-width:660px;opacity:1!important;transform:none!important;text-align:left}
body.calculator-public .calculator-hero-copy .product-identity{font-size:21px;margin-bottom:30px;color:var(--ink)}
body.calculator-public .calculator-hero-copy .product-identity img{width:40px;height:40px}
.calculator-platform{display:block;font-size:10px;letter-spacing:.18em;font-weight:650;color:var(--muted);margin-bottom:18px}
body.calculator-public .calculator-hero-copy h1{font-size:clamp(47px,5.15vw,76px);line-height:1.04;letter-spacing:-.065em;color:var(--ink)}
body.calculator-public .calculator-hero-copy h1 .heading-line:last-child{color:var(--blue)}
body.calculator-public .calculator-hero-copy>p:not(.availability-note){color:var(--calc-text);font-size:18px;line-height:1.75;margin:25px 0 0;max-width:500px}
body.calculator-public .button.light,body.calculator-public .button.primary{background:var(--blue);color:var(--calc-on-accent);border:1px solid var(--blue);border-radius:12px;box-shadow:0 7px 18px var(--calc-accent-soft)}
body.calculator-public .button.text-light,body.calculator-public .button.text{color:var(--ink);background:transparent;border-color:transparent}
body.calculator-public .button:hover{filter:brightness(.94)}
body.calculator-public .availability-note{color:var(--muted)!important;font-size:12px!important;max-width:430px!important;margin-top:20px!important}
body.calculator-public .calculator-metrics{color:var(--ink);border:0;gap:0;margin-top:34px}
body.calculator-public .calculator-metrics>div{border-color:var(--line);padding-inline:22px}
body.calculator-public .calculator-metrics>div:first-child{padding-left:0}
body.calculator-public .calculator-metrics dt{font-size:25px;letter-spacing:-.04em}
body.calculator-public .calculator-metrics dd{color:var(--muted);font-size:11px}
body.calculator-public .calculator-hero-app{min-width:0;position:relative;padding:0;margin:0;transform:none!important}
.calculator-device-pair{height:580px;position:relative;isolation:isolate}
.calculator-device-primary,.calculator-device-secondary{position:absolute;display:flex;align-items:center;justify-content:center;inset:0;transform:none}
.calculator-device-primary{left:25%;z-index:2;transform:rotate(6deg)}
.calculator-device-secondary{right:34%;top:26px;bottom:24px;transform:rotate(-8deg)}
body.calculator-public .calculator-hero-app img{height:100%!important;width:auto;max-width:100%;object-fit:contain;transform:none!important;filter:drop-shadow(0 23px 24px #1b416827)}
body.calculator-public .calculator-hero-app figcaption{color:var(--muted);text-align:center;font-size:11px;letter-spacing:.03em;margin-top:16px}
body.calculator-public .calculator-jump-nav{background:var(--surface);border:1px solid var(--line);border-radius:16px;color:var(--muted);justify-content:center;margin-block:0;padding:20px 26px;gap:30px;position:relative;top:auto}
body.calculator-public .calculator-jump-nav a{color:var(--muted);font-size:13px}
body.calculator-public .calculator-jump-nav a:hover{color:var(--blue)}
body.calculator-public .calculator-modes{padding-block:100px}
body.calculator-public .calculator-modes>.section-heading{max-width:760px;text-align:left;margin-bottom:45px}
body.calculator-public .section-heading h2{color:var(--ink);font-size:clamp(36px,4vw,58px)}
body.calculator-public .section-heading .heading-line:last-child{color:var(--blue)}
body.calculator-public .section-heading>p{color:var(--calc-text);font-size:17px;line-height:1.75;margin-inline:0}
body.calculator-public .calculator-mode-workspace{background:var(--surface);border:1px solid var(--line);box-shadow:0 15px 55px #00000015;border-radius:24px}
body.calculator-public .calculator-mode-workspace .calculator-choices{background:var(--surface-raised);border-color:var(--line)}
body.calculator-public .calculator-choices button{background:transparent;color:var(--muted);border:1px solid transparent;border-radius:12px;transition:background .2s,color .2s}
body.calculator-public .calculator-choices button[aria-pressed=true]{background:var(--blue);color:var(--calc-on-accent);border-color:var(--blue);box-shadow:0 4px 12px var(--calc-accent-soft)}
body.calculator-public .calculator-mode h3{color:var(--ink)}
body.calculator-public .calculator-mode p,body.calculator-public .calculator-detail p{color:var(--calc-text)}
body.calculator-public .calculator-mode-benefits{color:var(--calc-text)}
body.calculator-public .calculator-mode-benefits li:before{color:var(--blue)}
body.calculator-public .calculator-access{color:var(--blue);background:var(--calc-accent-soft);border-color:var(--line)}
body.calculator-public .calculator-details{background:var(--calc-section);padding-block:90px}
body.calculator-public .calculator-detail-grid .calculator-detail{background:var(--surface);border-color:var(--line);border-radius:22px;padding:30px 30px 0;box-shadow:none}
body.calculator-public .calculator-detail h3{color:var(--ink)}
body.calculator-public .calculator-detail-grid .calculator-detail img{height:340px;filter:none}
body.calculator-public .calculator-features{padding-top:100px}
body.calculator-public .launcher-comparison-table{background:var(--surface);border:1px solid var(--line);box-shadow:0 12px 48px #27466c08;border-radius:22px;overflow:hidden}
body.calculator-public .launcher-comparison th,body.calculator-public .launcher-comparison td{border-color:var(--line);color:var(--muted)}
body.calculator-public .launcher-comparison thead th{background:var(--surface-raised);color:var(--ink)}
body.calculator-public .launcher-comparison-category th{background:var(--paper);color:var(--blue)}
body.calculator-public .launcher-comparison th strong{color:var(--ink)}
body.calculator-public .launcher-comparison th span{color:var(--muted)}
body.calculator-public .launcher-comparison .plan-yes{color:var(--blue);background:var(--calc-accent-soft)}
body.calculator-public .launcher-comparison .plan-no{color:var(--muted)}
body.calculator-public .launcher-comparison-note{color:var(--muted)}
body.calculator-public .calculator-resources{padding-block:80px 30px}
body.calculator-public .product-end h2{color:var(--ink)}
body.calculator-public .product-end p{color:var(--calc-text)}
body.calculator-public .calculator-end{padding-block:55px 95px}
body.calculator-public .site-footer{background:var(--paper);border-color:var(--line);color:var(--ink)}
body.calculator-public .site-footer :is(h3,a){color:var(--calc-text)}
body.calculator-public .site-footer p,body.calculator-public .footer-bottom{color:var(--muted)}
body.calculator-public .information-page{max-width:1080px;padding-top:48px}
body.calculator-public .information-page article{max-width:none}
body.calculator-public .information-page h1{font-size:clamp(38px,5vw,65px);color:var(--ink);max-width:900px;line-height:1.09;margin-top:30px}
body.calculator-public .information-page :is(p,li){color:var(--calc-text)}
body.calculator-public .information-page .lead{max-width:780px;font-size:19px;color:var(--calc-text)}
body.calculator-public .information-page h2{color:var(--ink);line-height:1.2;font-size:27px;letter-spacing:-.035em}
body.calculator-public .information-page section{scroll-margin-top:105px}
body.calculator-public .information-page a:not(.button){color:var(--blue);text-decoration-color:var(--line)}
body.calculator-public .information-page .controller{border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:26px;margin-block:30px}
body.calculator-public .notice{background:var(--surface);border:1px solid var(--line);border-radius:12px;color:var(--calc-text);font-size:14px}
body.calculator-public .faq{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding-inline:25px}
body.calculator-public .faq details{border-color:var(--line);padding-block:20px}
body.calculator-public .faq summary{color:var(--ink);line-height:1.5}
body.calculator-public .breadcrumb{color:var(--muted)}
body.calculator-public .support-contact{min-width:0}
body.calculator-public .source-note{font-size:12px}
@media(max-width:1000px){body.calculator-public .calculator-hero-grid{gap:25px}.calculator-device-pair{height:490px}body.calculator-public .calculator-hero-copy h1{font-size:56px}body.calculator-public .calculator-metrics>div{padding-inline:14px}body.calculator-public .calculator-metrics dt{font-size:21px}}
@media(max-width:760px){body.calculator-public .wide{width:calc(100% - 36px)}body.calculator-public .site-header nav{gap:15px}body.calculator-public .brand img{width:120px}body.calculator-public .calculator-stage{padding:44px 0 38px}body.calculator-public .calculator-hero-grid{grid-template-columns:1fr;gap:30px;min-height:0}body.calculator-public .calculator-hero-copy{max-width:540px;text-align:left}body.calculator-public .calculator-hero-copy .product-identity{justify-content:flex-start;font-size:19px;margin-bottom:25px}body.calculator-public .calculator-hero-copy h1{font-size:clamp(42px,10.6vw,61px)}body.calculator-public .calculator-hero-copy>p:not(.availability-note){font-size:16px;line-height:1.7;margin-top:22px}body.calculator-public .calculator-hero-copy .actions{justify-content:flex-start;gap:14px}body.calculator-public .calculator-metrics{justify-content:flex-start;margin-top:27px}.calculator-device-pair{height:390px;max-width:420px;margin:auto}.calculator-device-primary{left:22%}.calculator-device-secondary{right:30%;top:20px;bottom:20px}body.calculator-public .calculator-jump-nav{width:calc(100% - 36px);gap:12px 22px;justify-content:flex-start;flex-wrap:wrap;padding:18px 20px}body.calculator-public .calculator-modes{padding-block:65px}body.calculator-public .section-heading>p{font-size:15px}body.calculator-public .calculator-mode-workspace{border-radius:18px}body.calculator-public .calculator-mode-workspace .calculator-choices button{padding:10px 8px;font-size:12px}body.calculator-public .calculator-detail-grid .calculator-detail{padding:28px 25px 0}body.calculator-public .calculator-features{padding-top:65px}body.calculator-public .calculator-details{padding-block:65px}body.calculator-public .information-page{width:calc(100% - 36px);padding-top:25px}body.calculator-public .information-page h1{font-size:38px}body.calculator-public .information-page .lead{font-size:17px}body.calculator-public .information-page h2{font-size:24px}body.calculator-public .support-layout{grid-template-columns:1fr}body.calculator-public .faq{padding-inline:20px}body.calculator-public .calculator-end{padding-bottom:65px}}
@media(prefers-reduced-motion:reduce){body.calculator-public *{scroll-behavior:auto!important}body.calculator-public .calculator-device-pair *{animation:none!important}}

body.calculator-public .calculator-hero{padding:0}
body.calculator-public .calculator-metrics dt{color:var(--ink)}
body.calculator-public .faq details[open]{background:var(--surface-raised)}
body.calculator-public ::selection{background:var(--blue);color:var(--calc-on-accent)}
body.calculator-public .calculator-stage{top:auto;padding-top:50px;padding-bottom:45px}
body.calculator-public .calculator-hero-grid{min-height:560px}
body.calculator-public .calculator-device-pair{height:540px}
@media(max-width:1000px){body.calculator-public .calculator-device-pair{height:490px}}
@media(max-width:760px){body.calculator-public .calculator-stage{padding:44px 0 38px}body.calculator-public .calculator-hero-grid{min-height:0}body.calculator-public .calculator-device-pair{height:390px}}

/* Keep all copy immediately readable; motion is limited to product mode transitions. */
body.calculator-public [data-reveal],body.calculator-public .heading-line{opacity:1!important;visibility:visible!important;transform:none!important;animation:none!important;transition:none!important}
body.calculator-public .calculator-device-pair{isolation:isolate}
body.calculator-public .calculator-device-primary,body.calculator-public .calculator-device-secondary{animation:none!important}
body.calculator-public .site-footer img{filter:none}
body.calculator-public .calculator-hero-copy *,body.calculator-public .information-page h1{animation:none!important;opacity:1!important;visibility:visible!important;transform:none!important;transition:none!important}
/* Authentic light/dark views. Geometry is fixed; motion depends only on scrolling. */
body.calculator-public .calculator-device-pair{height:570px;max-width:560px;margin-inline:auto;perspective:1200px;--device-progress:0}
body.calculator-public .calculator-device-secondary{inset:34px auto 26px 0;width:53%;transform:rotate(-7deg);z-index:1}
body.calculator-public .calculator-device-primary{inset:0 0 12px auto;width:52%;transform:rotate(5deg);z-index:2}
.calculator-device-motion{height:100%;display:flex;justify-content:center;align-items:center;transform-origin:center;animation:none;transition:none;transform:translate3d(0,calc(var(--device-progress,0)*-44px),0) rotate(calc(var(--device-progress,0)*1.3deg))}
.calculator-device-primary .calculator-device-motion{transform:translate3d(0,calc(var(--device-progress,0)*30px),0) rotate(calc(var(--device-progress,0)*-1.8deg)) scale(calc(1 + var(--device-progress,0)*.025))}
body.calculator-public .calculator-device-pair img{filter:drop-shadow(0 28px 22px #0008);height:100%!important;width:auto;max-width:100%;object-fit:contain}
.calculator-device-frame{height:100%;width:auto;aspect-ratio:1206/2622;border:7px solid #050607;border-radius:40px;background:#050607;box-shadow:0 0 0 1px #717982,0 22px 42px #0008;overflow:hidden}
body.calculator-public .calculator-device-frame img{width:100%;height:100%!important;max-width:none;object-fit:contain;filter:none;border-radius:29px}
body.calculator-public .calculator-hero-app figcaption{margin-top:31px;text-align:center}
@media(max-width:1000px){body.calculator-public .calculator-device-pair{height:500px}}
@media(max-width:760px){body.calculator-public .calculator-device-pair{height:450px;width:min(100%,400px);margin-top:5px}body.calculator-public .calculator-device-primary{width:53%}body.calculator-public .calculator-device-secondary{width:55%;inset-block:28px 16px}.calculator-device-frame{border-width:5px;border-radius:30px}body.calculator-public .calculator-device-frame img{border-radius:22px}.calculator-device-motion{transform:translate3d(0,calc(var(--device-progress,0)*-18px),0) rotate(calc(var(--device-progress,0)*.7deg))}.calculator-device-primary .calculator-device-motion{transform:translate3d(0,calc(var(--device-progress,0)*14px),0) rotate(calc(var(--device-progress,0)*-.9deg))}}
@media(prefers-reduced-motion:reduce){.calculator-device-motion{transform:none!important;animation:none!important}}

/* Tabs meet the workspace border; padding belongs to the moving content panel. */
body.calculator-public .calculator-mode-workspace{padding:0}
body.calculator-public .calculator-mode-workspace .calculator-choices{margin:0;padding:10px 12px;border-top:0}
.has-calculator-scroll body.calculator-public .calculator-mode-workspace{top:var(--nav-height);height:calc(100svh - var(--nav-height) - 16px);padding:0}
body.calculator-public .calculator-panels{position:relative;isolation:isolate;overflow:hidden;min-width:0}
body.calculator-public .calculator-mode-workspace .calculator-mode{padding:28px 42px;background:var(--surface);box-sizing:border-box}
body.calculator-public .has-controls .calculator-mode{animation:none}
body.calculator-public .has-controls .calculator-mode.mode-previous{display:grid;position:absolute;inset:0;min-height:0;height:100%;margin:0;pointer-events:none;z-index:1}
body.calculator-public .has-controls .calculator-mode.active{z-index:2}
body.calculator-public .has-controls[data-calculator-transition=true] .calculator-mode.active{animation:calculator-card-in .7s cubic-bezier(.65,0,.25,1) both}
body.calculator-public .has-controls[data-calculator-transition=true] .calculator-mode.mode-previous{animation:calculator-card-out .7s cubic-bezier(.65,0,.25,1) both}
body.calculator-public .has-controls[data-calculator-direction=backward] .calculator-mode.active{animation-name:calculator-card-back-in}
body.calculator-public .has-controls[data-calculator-direction=backward] .calculator-mode.mode-previous{animation-name:calculator-card-back-out}
@keyframes calculator-card-in{from{transform:translateX(100%)}to{transform:translateX(0)}}
@keyframes calculator-card-out{from{transform:translateX(0)}to{transform:translateX(-100%)}}
@keyframes calculator-card-back-in{from{transform:translateX(-100%)}to{transform:translateX(0)}}
@keyframes calculator-card-back-out{from{transform:translateX(0)}to{transform:translateX(100%)}}
@media(max-width:1000px){body.calculator-public .calculator-mode-workspace .calculator-mode{padding:24px 28px}}
@media(max-width:760px){body.calculator-public .calculator-mode-workspace .calculator-mode{padding:22px}body.calculator-public .calculator-mode-workspace .calculator-choices{padding:10px;gap:7px}}
/* Whole-card assembly, measured against stationary layout slots. */
body.calculator-public .calculator-details{overflow:clip}
.calculator-detail-slot{display:grid;min-width:0;position:relative}
body.calculator-public [data-calculator-detail]{margin:0;transform-origin:50% 90%;transition:none}
body.calculator-public [data-detail-motion=scroll]{transform:perspective(1300px) translate3d(var(--detail-x,0px),var(--detail-y,0px),0) rotateX(var(--detail-tilt,0deg)) rotateZ(var(--detail-turn,0deg)) scale(var(--detail-scale,1))}
body.calculator-public .calculator-detail-grid{gap:24px;align-items:stretch}
body.calculator-public .calculator-detail-grid .calculator-detail{padding:28px 26px 0;gap:22px;border-radius:22px;position:relative;isolation:isolate}
.calculator-detail-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:26px}
.calculator-detail-heading .section-kicker{margin:0}
.calculator-detail-heading>span:last-child{font:11px ui-monospace,monospace;color:var(--muted);border:1px solid var(--line);border-radius:20px;padding:5px 9px}
body.calculator-public .calculator-detail-grid .calculator-detail h3{font-size:clamp(25px,2.2vw,34px);line-height:1.14;margin-bottom:17px}
body.calculator-public .calculator-detail-grid .calculator-detail p{font-size:15px;line-height:1.75}
body.calculator-public .calculator-detail-grid .calculator-detail figure{padding:15px 0 0;height:455px;display:flex;justify-content:center;align-items:flex-start;position:relative;overflow:hidden}
body.calculator-public .calculator-detail-grid .calculator-detail img{height:440px;max-width:100%;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 14px 20px #0005)}
.calculator-detail-visual:before{content:'';position:absolute;width:82%;height:80%;left:9%;bottom:4%;background:radial-gradient(ellipse,var(--calc-accent-soft),transparent 70%);pointer-events:none}

body.calculator-public [data-calculator-detail]:after{content:'';position:absolute;left:25px;right:25px;bottom:0;height:2px;background:var(--blue);transform:scaleX(var(--detail-arrival,1));transform-origin:left;opacity:.8;pointer-events:none}
@media(max-width:1000px) and (min-width:761px){body.calculator-public .calculator-detail-grid{gap:15px}body.calculator-public .calculator-detail-grid .calculator-detail{padding-inline:21px}body.calculator-public .calculator-detail-grid .calculator-detail figure{height:395px}body.calculator-public .calculator-detail-grid .calculator-detail img{height:380px}.calculator-detail-heading>span:last-child{font-size:10px}}
@media(max-width:760px){body.calculator-public .calculator-detail-grid .calculator-detail{padding:26px 25px 0;gap:20px}body.calculator-public .calculator-detail-grid .calculator-detail h3{font-size:33px}body.calculator-public .calculator-detail-grid .calculator-detail figure{height:435px}body.calculator-public .calculator-detail-grid .calculator-detail img{height:420px}}
@media(prefers-reduced-motion:reduce){body.calculator-public .calculator-mode.mode-previous{display:none!important}body.calculator-public .calculator-mode figure{clip-path:none!important;animation:none!important}body.calculator-public [data-calculator-detail] img{clip-path:none!important}body.calculator-public [data-calculator-detail]:after{transform:none}}

@media(prefers-reduced-motion:reduce){body.calculator-public .has-controls .calculator-mode{animation:none!important;transform:none!important}body.calculator-public [data-calculator-detail]{transform:none!important}}

/* Align the visible device frames, compensating transparent asset margins in CSS. */
body.calculator-public .calculator-detail-grid{--detail-device-height:440px}
body.calculator-public .calculator-detail-grid .calculator-detail figure{height:calc(var(--detail-device-height) + 56px);flex:0 0 auto;padding:28px 0;overflow:visible;align-items:center;box-sizing:border-box;margin-top:auto}
.calculator-detail-device{display:block;position:relative;height:var(--detail-device-height);aspect-ratio:1453/2891;flex-shrink:0}
body.calculator-public .calculator-detail-grid .calculator-detail .calculator-detail-device img{position:absolute;max-width:none;object-fit:fill;width:101.5141%;height:100.8302%;left:-.6194%;top:-.3459%}
[data-calculator-detail=personalization] .calculator-detail-device{aspect-ratio:355/713}
body.calculator-public .calculator-detail-grid [data-calculator-detail=personalization] .calculator-detail-device img{width:112.6761%;height:110.7994%;left:-7.0423%;top:-3.7868%}
[data-calculator-detail=custom] .calculator-detail-device{aspect-ratio:1417/2863}
body.calculator-public .calculator-detail-grid [data-calculator-detail=custom] .calculator-detail-device img{width:101.1997%;height:100.8383%;left:-.4234%;top:-.3144%}
@media(max-width:1000px) and (min-width:761px){body.calculator-public .calculator-detail-grid{--detail-device-height:360px}}
@media(max-width:760px){body.calculator-public .calculator-detail-grid{--detail-device-height:420px}}