/* Mobile concepts are illustrative interfaces, separate from the product catalogue. */
.mobile-showcase{padding:65px 0 48px;background:radial-gradient(ellipse at 72% 52%,#242149 0,transparent 54%),#111128;overflow:clip}
.mobile-showcase .section-heading{margin-bottom:24px}
.mobile-concept-note{font:9px monospace;letter-spacing:.1px;display:flex;align-items:center;gap:7px;color:#c2b7d5}
.mobile-concept-note>span:first-child{width:4px;height:4px;border-radius:50%;background:#ac95d0}
.mobile-layout{display:grid;grid-template-columns:.75fr 1.65fr;align-items:center;gap:16px}
.mobile-intro{position:relative;z-index:1;align-self:center;padding-bottom:55px}
.mobile-intro h2{font-size:clamp(35px,3.7vw,54px);letter-spacing:-.055em;line-height:1.08}
.mobile-intro .soft{color:#a89bbf}
.mobile-intro p{font-size:13px;color:#b4aac6;line-height:1.65;margin:22px 0 29px}
.mobile-cta{color:var(--lime);border-color:#b2d78d75;font-size:11px;gap:25px}
.mobile-hint{display:flex;align-items:center;gap:10px;font-size:9px;color:#b0a2c5;margin-top:43px}
.mobile-hint>span:first-child{color:#af96dd;font-size:24px}
.mobile-gallery{min-width:0}
.mobile-fan{--u:1px;--spread:calc(var(--u)*123);position:relative;height:490px;isolation:isolate;perspective:1100px}
.fan-halo{position:absolute;inset:9% -12% -10%;background:radial-gradient(ellipse at 50% 60%,#7350c024,transparent 67%);pointer-events:none}
.fan-orbit{position:absolute;bottom:6px;left:50%;width:80%;height:80px;border:1px solid #ad92da21;transform:translateX(-50%) rotate(-4deg);border-radius:50%;pointer-events:none}
.mobile-device{--frame:#827994;position:absolute;left:50%;top:57px;width:calc(var(--u)*190);height:calc(var(--u)*390);padding:calc(var(--u)*5);border-radius:calc(var(--u)*31);background:linear-gradient(135deg,#e3dbea,#74677d 15%,#241e30 45%,#aa97b7 78%,#b4a4c9);border:1px solid #e6d9ff70;box-shadow:0 20px 30px -14px #01000b90,0 1px 1px #ffffff70 inset;transform:translateX(calc(-50% + var(--slot)*var(--spread))) translateY(var(--depth)) rotate(var(--angle));transform-origin:50% 87%;z-index:var(--layer);transition:transform .75s cubic-bezier(.22,.75,.22,1),filter .35s,box-shadow .35s;filter:brightness(.8);text-align:left;color:#242035;outline-offset:5px;will-change:auto}
.mobile-device:before{content:"";position:absolute;right:-3px;top:85px;width:2px;height:35px;background:#ae9abd;border-radius:2px}
.mobile-device:after{content:"";position:absolute;left:-3px;top:67px;width:2px;height:40px;background:#ae9abd;border-radius:2px}
.mobile-device[aria-pressed=true]{filter:brightness(1);box-shadow:0 28px 45px -18px #02000fc9,0 0 0 1px #c6a9f890,0 0 60px -25px #996fff60}
@media(hover:hover){.mobile-device:hover{filter:brightness(1.06)}}
.mobile-device:focus-visible{outline:2px solid var(--lime);outline-offset:5px}
.phone-screen{height:100%;width:100%;position:relative;overflow:hidden;border-radius:calc(var(--u)*26);background:#f3efe8;display:block;padding:0 calc(var(--u)*13);pointer-events:none;font-size:calc(var(--u)*10);line-height:1.4}
.phone-screen>span{display:block}
.phone-status{height:calc(var(--u)*35);display:flex!important;align-items:center;justify-content:space-between;padding:calc(var(--u)*2) calc(var(--u)*4) 0;font-size:calc(var(--u)*7);letter-spacing:.1px}
.phone-status b{font-weight:600}
.phone-status>span{font-size:calc(var(--u)*6);letter-spacing:-.3px}
.phone-island{position:absolute;top:calc(var(--u)*8);left:50%;transform:translateX(-50%);width:calc(var(--u)*54);height:calc(var(--u)*14);border-radius:20px;background:#19171d}
.phone-wordmark{font-size:calc(var(--u)*19);font-weight:600;letter-spacing:calc(var(--u)*-1);margin:calc(var(--u)*8) 0 calc(var(--u)*20);display:flex!important;align-items:center;justify-content:space-between;line-height:1}
.phone-wordmark>span{font-size:calc(var(--u)*17);font-weight:400}
.phone-kicker{font:calc(var(--u)*5.9) monospace;letter-spacing:calc(var(--u)*.8);opacity:.7;margin-bottom:calc(var(--u)*7)}
.phone-heading{font-size:calc(var(--u)*22);line-height:1.1;font-weight:500;letter-spacing:calc(var(--u)*-.9);position:relative;z-index:1}
.phone-home{position:absolute;bottom:calc(var(--u)*7);width:calc(var(--u)*58);height:calc(var(--u)*3);border-radius:5px;background:currentColor;left:50%;transform:translateX(-50%);opacity:.6}
.phone-bottom-nav{position:absolute;bottom:calc(var(--u)*24);left:calc(var(--u)*19);right:calc(var(--u)*19);display:flex!important;justify-content:space-between;align-items:center;font-size:calc(var(--u)*14);opacity:.6}
/* Hospitality: architectural scene built from native CSS shapes. */
.phone-booking .phone-screen{background:#f7e4d4;color:#653f32}
.stay-art{height:calc(var(--u)*116);position:relative;background:linear-gradient(180deg,#e9c3a6,#eed0b6);border-radius:calc(var(--u)*9);overflow:hidden;margin-top:calc(var(--u)*13)}
.stay-art i{position:absolute;display:block}
.stay-sun{width:calc(var(--u)*38);height:calc(var(--u)*38);border-radius:50%;background:#f8ead3;right:calc(var(--u)*16);top:calc(var(--u)*11);box-shadow:0 0 30px #ffe7aa40}
.stay-building{width:calc(var(--u)*73);height:calc(var(--u)*90);left:calc(var(--u)*31);bottom:calc(var(--u)*-8);border-radius:60px 60px 0 0;background:linear-gradient(100deg,#c48569,#a46b53);box-shadow:calc(var(--u)*12) calc(var(--u)*4) 0 #92543f}
.stay-building:after{content:"";position:absolute;inset:calc(var(--u)*22) calc(var(--u)*18) 0;border-radius:25px 25px 0 0;background:linear-gradient(90deg,#6e4438,#a6735a);border:calc(var(--u)*6) solid #d7a37b;border-bottom:0}
.stay-pillar{height:calc(var(--u)*60);width:calc(var(--u)*18);bottom:0;left:calc(var(--u)*13);background:linear-gradient(90deg,#f3d5b5,#cb9c7b);border-radius:3px 3px 0 0}
.stay-step{width:calc(var(--u)*89);height:calc(var(--u)*10);bottom:0;left:calc(var(--u)*21);background:#d4a07e;box-shadow:0 calc(var(--u)*-7) 0 calc(var(--u)*-2) #e1b894}
.stay-search{margin-top:calc(var(--u)*11);padding:calc(var(--u)*7) calc(var(--u)*10);background:#fff4e9;border-radius:calc(var(--u)*7)}
.stay-search>span{display:flex;justify-content:space-between;align-items:center;padding:calc(var(--u)*5) 0;font-size:calc(var(--u)*7)}
.stay-search>span+span{border-top:1px solid #c9a58e45}.stay-search b{font-size:calc(var(--u)*10);font-weight:400}
/* Commerce: tactile product sculptures rather than a stock photo grid. */
.phone-shop .phone-screen{background:#f2e5e7;color:#4d2536}
.phone-shop .phone-wordmark{margin-bottom:calc(var(--u)*17)}
.shop-art{height:calc(var(--u)*143);background:#d1adb8;position:relative;overflow:hidden;border-radius:calc(var(--u)*7);margin-top:calc(var(--u)*12)}
.shop-art>span{position:absolute;left:calc(var(--u)*10);bottom:calc(var(--u)*9);font:calc(var(--u)*5.5) monospace;letter-spacing:calc(var(--u)*1.5);color:#69394e}
.shop-ring{position:absolute;display:block;width:calc(var(--u)*101);height:calc(var(--u)*101);left:calc(var(--u)*23);top:calc(var(--u)*10);background:radial-gradient(circle at 31% 28%,#ffccc0,#d47876 67%,#9c4653);border-radius:50%;box-shadow:calc(var(--u)*13) calc(var(--u)*18) calc(var(--u)*11) calc(var(--u)*-9) #7527407a;transform:rotate(-25deg) scaleY(.9)}
.shop-ring:after{content:"";position:absolute;inset:33%;background:#bb8494;border-radius:50%;box-shadow:calc(var(--u)*3) calc(var(--u)*5) calc(var(--u)*7) #7c3a4c inset}
.shop-ball{position:absolute;display:block;width:calc(var(--u)*39);height:calc(var(--u)*39);border-radius:50%;right:calc(var(--u)*9);bottom:calc(var(--u)*9);background:radial-gradient(circle at 31% 28%,#ffddc8,#d4a494 67%,#af7876);box-shadow:0 calc(var(--u)*8) calc(var(--u)*9) calc(var(--u)*-4) #7f405766}
.shop-collections{display:flex!important;align-items:center;justify-content:space-between;font-size:calc(var(--u)*8);margin:calc(var(--u)*15) 0 calc(var(--u)*9)}
.shop-collections b{font-size:calc(var(--u)*12);font-weight:400}
.shop-mini{display:flex!important;gap:calc(var(--u)*5)}.shop-mini i{height:calc(var(--u)*31);flex:1;border-radius:calc(var(--u)*4);background:#ddc1c4;position:relative}.shop-mini i:after{content:"";position:absolute;width:calc(var(--u)*18);height:calc(var(--u)*18);background:#d49b90;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:2px 3px 4px #9b686544}.shop-mini i:nth-child(2):after{background:#9f8a97;border-radius:4px}.shop-mini i:nth-child(3):after{background:#c0a681;border-radius:4px 4px 12px 12px}
/* Assistant: an explicitly illustrative draft, with no backend execution. */
.phone-assistant .phone-screen{background:radial-gradient(ellipse at 50% 23%,#463072,#201a3a 63%);color:#f4eaff}
.phone-assistant .phone-wordmark{margin-bottom:calc(var(--u)*11)}
.phone-assistant .phone-island{background:#100d1c}.phone-assistant .phone-wordmark>span{color:#d2b4ff}
.assist-orb{height:calc(var(--u)*61);position:relative;display:grid!important;place-items:center}
.assist-orb i{width:calc(var(--u)*51);height:calc(var(--u)*51);position:absolute;background:radial-gradient(circle at 30% 25%,#dcbaff,#9b6ae0 45%,#563a90 75%);border-radius:35%;transform:rotate(25deg);box-shadow:0 0 calc(var(--u)*35) #bc90ff30,inset 0 0 8px #f3d8ff40}
.assist-orb b{position:relative;z-index:1;font-size:calc(var(--u)*40);line-height:1;font-weight:400;color:#f0dbff}
.phone-assistant .phone-heading{text-align:center;font-size:calc(var(--u)*20);margin:calc(var(--u)*8) 0 calc(var(--u)*15)}
.assist-question{font-size:calc(var(--u)*7);padding:calc(var(--u)*7) calc(var(--u)*10);border-radius:calc(var(--u)*7) calc(var(--u)*7) 0 calc(var(--u)*7);background:#b88ee52b;margin-left:calc(var(--u)*23);text-align:right;color:#e7d4ff}
.assist-answer{padding:calc(var(--u)*10);background:#e7d7ff0e;border:1px solid #c4a0f324;border-radius:calc(var(--u)*8);margin-top:calc(var(--u)*9)}
.assist-answer>span{display:flex;align-items:center;gap:calc(var(--u)*6);font-size:calc(var(--u)*7);margin:calc(var(--u)*6) 0;color:#d0bbeb}
.assist-answer .assist-answer-label{color:#e7d8ff;font-size:calc(var(--u)*8);margin:0 0 calc(var(--u)*8)}
.assist-answer-label b{font-size:calc(var(--u)*12);font-weight:400;color:#c6ff91}.assist-answer i{font:calc(var(--u)*5.5) monospace;color:#b096d1;letter-spacing:1px}
.assist-input{position:absolute;bottom:calc(var(--u)*23);left:calc(var(--u)*14);right:calc(var(--u)*14);display:flex!important;align-items:center;justify-content:space-between;border:1px solid #d6b7ff30;border-radius:calc(var(--u)*7);height:calc(var(--u)*27);padding:0 calc(var(--u)*7);font-size:calc(var(--u)*6.5);color:#b6a2d0}
.assist-input b{display:grid;place-items:center;background:#cbff95;color:#2f4023;width:calc(var(--u)*17);height:calc(var(--u)*17);border-radius:calc(var(--u)*4);font-size:calc(var(--u)*12);font-weight:400}
/* Team workflows. */
.phone-tasks .phone-screen{background:#e6efda;color:#2f3c2c}
.tasks-week{display:flex!important;align-items:center;justify-content:space-between;margin:calc(var(--u)*20) 0 calc(var(--u)*17);font-size:calc(var(--u)*8);color:#71816b}
.tasks-week>*{display:grid;place-items:center;width:calc(var(--u)*24);height:calc(var(--u)*31);border-radius:calc(var(--u)*7);font-weight:400}.tasks-week b{color:#e6f6cf;background:#4b6544}
.task-item{padding:calc(var(--u)*11) calc(var(--u)*8);display:flex!important;align-items:center;gap:calc(var(--u)*7);background:#fbfdf6;border-radius:calc(var(--u)*7);margin-bottom:calc(var(--u)*6);font-size:calc(var(--u)*7)}
.task-item i{width:calc(var(--u)*12);height:calc(var(--u)*12);border:1px solid #bcc9aa;border-radius:50%;flex-shrink:0;display:grid;place-items:center;font-size:calc(var(--u)*8);font-style:normal}.task-item>b{font-size:calc(var(--u)*9);font-weight:400;margin-left:auto}.task-done{color:#8e9e82}.task-done>span{text-decoration:line-through}.task-done i{background:#c9e5ab;border:0;color:#49663b}
.tasks-team{display:flex!important;gap:calc(var(--u)*5);align-items:center;font-size:calc(var(--u)*5.5);margin-top:calc(var(--u)*16)}.tasks-team>span{color:#769361;font-size:calc(var(--u)*11);letter-spacing:calc(var(--u)*-3);margin-right:calc(var(--u)*4)}.tasks-team b{font-weight:400;color:#7a8a71}
/* Data: abstract illustrative charts without invented business metrics. */
.phone-analytics .phone-screen{background:#20273b;color:#e9e5ff}.phone-analytics .phone-island{background:#101421}
.analytics-chart{margin-top:calc(var(--u)*17);border:1px solid #b4a2f021;background:#ffffff05;padding:calc(var(--u)*10) calc(var(--u)*9) calc(var(--u)*7);border-radius:calc(var(--u)*8);font-size:calc(var(--u)*7);color:#c3b9dc}
.analytics-chart svg{display:block;width:100%;height:calc(var(--u)*75);margin-top:calc(var(--u)*7)}
.chart-axis{display:flex;justify-content:space-between;font:calc(var(--u)*5) monospace;opacity:.5}.chart-axis i{font-style:normal}
.analytics-row{display:flex!important;align-items:center;gap:calc(var(--u)*12);padding-top:calc(var(--u)*14)}
.analytics-donut{display:block;width:calc(var(--u)*35);height:calc(var(--u)*35);border-radius:50%;background:conic-gradient(#b999f4 0 48%,#c9f5a1 48% 73%,#748ca7 73%);position:relative}
.analytics-donut:after{content:"";position:absolute;inset:26%;border-radius:50%;background:#20273b}
.analytics-row>span{display:flex;flex-direction:column;gap:calc(var(--u)*3);font-size:calc(var(--u)*7)}.analytics-row b{font-weight:400;font-size:calc(var(--u)*9)}.analytics-row>span>span{font-size:calc(var(--u)*6);color:#9e94b9}
.analytics-bars{display:flex!important;height:calc(var(--u)*30);gap:calc(var(--u)*7);align-items:end;margin-top:calc(var(--u)*11)}
.analytics-bars i{flex:1;background:#8a7fa0;border-radius:calc(var(--u)*2) calc(var(--u)*2) 0 0;height:58%}.analytics-bars i:nth-child(2n){height:85%;background:#a39bbb}.analytics-bars i:nth-child(3n){height:70%;background:#c5e99d}.analytics-bars i:last-child{height:100%;background:#b49ad5}
/* The same selectors work with a mouse, touch, or a keyboard. */
.mobile-selector{display:flex;justify-content:center;gap:5px;position:relative;z-index:25;isolation:isolate;margin-top:2px}
.mobile-selector button{min-height:38px;font-size:10px;padding:9px 16px;border-radius:25px;color:#bdb0ce;border:1px solid transparent;background:transparent;transition:background .2s,color .2s,border-color .2s}
.mobile-selector button:hover{color:#f4eaff;border-color:#c3a3e436}.mobile-selector button[aria-pressed=true]{color:#e7dbff;background:#a989e01f;border-color:#b293da45}
.mobile-description{text-align:center;margin:15px auto 0;min-height:59px;max-width:480px}
.mobile-description h3{font-size:13px;font-weight:400;color:#e4d4fa;margin:0 0 5px}
.mobile-description p{font-size:10px;color:#ac9fbe;margin:0;line-height:1.6}
@media(min-width:1550px){.mobile-fan{--u:1.08px;height:525px}.mobile-layout{grid-template-columns:.8fr 1.6fr}}
@media(max-width:1150px){.mobile-layout{grid-template-columns:.8fr 1.5fr;gap:5px}.mobile-fan{--u:.85px;--spread:calc(var(--u)*111);height:435px}.mobile-intro h2{font-size:40px}.mobile-intro p{font-size:12px}.mobile-concept-note{font-size:8px}.mobile-selector button{font-size:9px;padding:8px 12px}.mobile-description{max-width:380px}}
@media(max-width:950px){.mobile-layout{grid-template-columns:1fr}.mobile-intro{display:grid;grid-template-columns:1fr 1fr;column-gap:35px;padding-bottom:0;align-items:end}.mobile-intro h2{grid-row:1/4;font-size:44px}.mobile-intro p{margin:0 0 20px;font-size:12px}.mobile-intro .mobile-cta{justify-self:start;margin-bottom:10px}.mobile-hint{margin-top:10px;font-size:9px}.mobile-intro h2 br:last-child{display:none}.mobile-fan{--u:1px;--spread:calc(var(--u)*120);height:510px}.mobile-device{top:65px}.mobile-description{max-width:none}.mobile-showcase{padding:48px 0 38px}.mobile-gallery{margin-top:18px}}
@media(max-width:700px){.mobile-fan{--u:.84px;--spread:calc(var(--u)*112);height:440px}.mobile-intro h2{font-size:38px}.mobile-intro .mobile-cta{font-size:10px;gap:15px}.mobile-concept-note{font-size:7px}.mobile-selector{gap:2px}.mobile-selector button{padding:9px 13px}}
@media(max-width:600px){.mobile-showcase{padding:37px 0 33px}.mobile-showcase .section-heading{display:block;margin-bottom:25px}.mobile-concept-note{font-size:7px;margin-top:10px;line-height:1.6}.mobile-intro{display:block}.mobile-intro h2{font-size:39px;line-height:1.08}.mobile-intro h2 br:last-child{display:none}.mobile-intro p{font-size:12px;line-height:1.6;margin:18px 0 21px}.mobile-intro p br{display:none}.mobile-intro .mobile-cta{font-size:11px;gap:27px;margin:0}.mobile-hint{display:none}.mobile-gallery{margin-top:10px}.mobile-fan{--u:.79px;--spread:calc(var(--u)*62);height:420px}.mobile-device{top:48px;transform:translateX(calc(-50% + var(--slot)*var(--spread))) translateY(calc(var(--depth)*.66)) rotate(var(--angle));transition-duration:.65s}.fan-orbit{bottom:28px;width:95%;height:52px}.fan-halo{inset:0 -15% -5%}.mobile-selector{margin-top:-5px;gap:1px}.mobile-selector button{font-size:9px;min-height:44px;padding:10px 13px}.mobile-description{margin-top:13px;min-height:54px;max-width:310px}.mobile-description h3{font-size:13px}.mobile-description p{font-size:10px}html[lang=hy] .mobile-selector button{font-size:8px;padding:10px 10px}html[lang=hy] .phone-heading{font-size:calc(var(--u)*19)}html[lang=hy] .task-item{font-size:calc(var(--u)*6.4)}}
@media(max-width:360px){.mobile-fan{--u:.72px;--spread:calc(var(--u)*59);height:385px}.mobile-selector button{padding:10px;font-size:8px}.mobile-intro h2{font-size:35px}}
@media(prefers-reduced-motion:reduce){.mobile-device,.mobile-selector button{transition:none!important}}
.stay-art{height:calc(var(--u)*110)}
.tasks-week{margin:calc(var(--u)*16) 0 calc(var(--u)*12)}
.task-item{padding-block:calc(var(--u)*9)}
html[lang=hy] .phone-heading{font-size:calc(var(--u)*17)}