/* Real product photography replaces the illustrative application interface. */
.hero{grid-template-columns:1fr 1.08fr;gap:32px;padding-top:49px;padding-bottom:49px;min-height:740px}
.hero-product.real-showcase{height:617px;padding:0;perspective:1300px;isolation:isolate;scroll-margin-top:105px}
.showcase-halo{position:absolute;inset:5% -9% 0;background:radial-gradient(ellipse at 50% 48%,#ddc9eaa6,transparent 68%);z-index:-2;pointer-events:none}
.showcase-orbit{position:absolute;left:-2%;right:-2%;height:280px;top:170px;border:1px solid #d9c9e2;border-radius:50%;transform:rotate(-24deg);z-index:-1;pointer-events:none}
.showcase-orbit::before{content:'';position:absolute;inset:-42px 28px;border:1px solid #e4d7ec;border-radius:50%}
.screen-card{position:absolute;padding:6px;background:linear-gradient(130deg,#89798e,#d5cbd9 23%,#59485f 51%,#312039);border-radius:24px;box-shadow:0 0 0 1px #cec1d280,0 20px 32px -10px #3720403b,0 50px 70px -35px #3c154a4a;transform:rotate(var(--card-angle));transition:transform 240ms var(--ease-out),box-shadow 240ms var(--ease-out);animation:screen-hover 8s ease-in-out infinite;isolation:isolate}
.screen-card>img{width:100%;height:auto;border-radius:18px;background:#fff}
.screen-card-projects{width:33%;max-width:206px;left:0;top:83px;--card-angle:-12deg;z-index:1;animation-delay:-3s}
.screen-card-estimate{width:33%;max-width:206px;right:0;top:123px;--card-angle:13deg;z-index:2;animation-delay:-5s}
.screen-card-drawing{width:43%;max-width:263px;left:29%;top:8px;--card-angle:-3deg;z-index:3}
.screen-caption{position:absolute;left:-15px;right:-15px;bottom:-29px;text-align:center;white-space:nowrap;font-size:10px;font-weight:600;color:#7b6485;pointer-events:none}
.screen-zoom{position:absolute;right:12px;bottom:15px;display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#f5edf9e8;color:#643370;box-shadow:0 2px 8px #331a421c;pointer-events:none}
.screen-zoom svg{width:14px;height:14px}
.screen-card:active{transform:rotate(var(--card-angle)) scale(.985)}
.screen-card:focus-visible{z-index:5;outline:3px solid #78338a;outline-offset:5px}
.real-showcase .floating-note{z-index:5;right:1%;bottom:5px;transform:rotate(2deg);animation:device-card-hover 7s ease-in-out infinite}
.brand-orb{position:absolute;top:0;right:3%;width:78px;height:78px;display:grid;place-items:center;background:radial-gradient(circle at 30% 25%,#fff 0%,#f2e8f8 38%,#cdb9d8 76%,#9d7aaf);border-radius:50%;box-shadow:1px 2px 0 #fff8 inset,0 18px 25px -12px #53276655;transform:rotate(15deg);animation:brand-orb-hover 8s ease-in-out infinite}
.brand-orb img{width:53px;height:53px}
.scene-transition,.tools-transition{position:relative;height:105px;pointer-events:none;isolation:isolate}
.transition-hairline{position:absolute;left:14%;right:14%;top:50%;height:1px;background:linear-gradient(90deg,transparent,#d8c5e2 28%,#d8c5e2 72%,transparent);transform:rotate(-4deg)}
.transition-room{position:absolute;right:15%;top:-30px;width:232px;height:150px;--tilt-x:0deg;--tilt-y:0deg;transform:rotate(5deg);filter:drop-shadow(0 11px 12px #56286612)}
.transition-room .room-area-tag{display:none}.transition-room .room-scene>rect{display:none}
.profile-object{position:absolute;left:23%;top:30px;width:83px;height:75px;transform:rotate(-23deg) skewY(12deg);animation:profile-hover 7s ease-in-out infinite;filter:drop-shadow(6px 13px 9px #54265d20)}
.profile-object span{position:absolute;left:0;top:0;width:28px;height:66px;background:linear-gradient(90deg,#a994b4,#f5ecfa 40%,#bba6c8);border-radius:4px 4px 0 3px;box-shadow:3px 2px 0 #8d709c}
.profile-object i{position:absolute;left:0;bottom:0;width:83px;height:27px;background:linear-gradient(#fcf7ff,#bba6c8);border-radius:0 3px 4px 4px;box-shadow:3px 3px 0 #8d709c,4px 5px 0 #d9c9e2}
.possibilities.section{padding-top:40px}
.benefit .object-stage{margin-top:0;margin-bottom:15px;height:201px}
.benefit{padding-top:20px}
.section-heading h2,.workflow-copy h2,.pricing-copy h2,.faq-section h2{margin-top:0}
.workflow-visual .phone-device{display:block;padding:11px 8px 8px;cursor:zoom-in;font:inherit;transition:box-shadow 200ms var(--ease-out)}
.workflow-visual .phone-device img{height:auto;aspect-ratio:591/1280;object-fit:contain;border-radius:19px}
.phone-device:focus-visible{outline:3px solid #77318a;outline-offset:6px}
.tools-transition{height:118px}
.transition-tape{position:absolute;left:19%;top:-21px;width:180px;height:159px;transform:rotate(12deg);--tilt-x:0deg;--tilt-y:0deg}
.transition-tape .tape-measure{scale:.78;top:23px}
.ruler-object{position:absolute;right:23%;top:40px;width:156px;height:39px;display:flex;justify-content:space-around;align-items:end;padding:0 10px 2px 31px;background:linear-gradient(165deg,#fff,#ddd1e5 50%,#b39dc0);border:1px solid #f9f3fd;border-radius:5px;box-shadow:2px 3px 0 #b7a0c5,3px 5px 0 #967ca6,6px 17px 14px #54265d1c;transform:rotate(-23deg) skewX(-12deg);animation:ruler-hover 8s ease-in-out infinite}
.ruler-object::before{content:'';position:absolute;left:0;right:0;top:0;height:10px;background:repeating-linear-gradient(90deg,transparent 0 7px,#977ba6 7px 8px)}
.ruler-object>i{position:absolute;width:9px;height:9px;border:1px solid #b6a2c1;border-radius:50%;top:16px;left:9px;background:#f8f7fa}
.ruler-object>span{font-size:9px;color:#755a83}
.pricing.section{padding-top:37px}
.brand-symbol{fill:currentColor;stroke:none}
.renew-platforms .brand-symbol{width:20px;height:20px}
.renew-platforms button[aria-pressed=true]{--eye-color:#530a60}
#start-dialog{width:min(560px,calc(100% - 32px))}
.start-inner{padding:29px 30px 25px}
.start-inner .dialog-brand{width:167px;margin-bottom:25px}
.start-inner h2{font-size:32px;letter-spacing:-1.2px;margin:0 0 7px}
.start-inner>p{font-size:14px;color:#786b7e}
.start-promo{position:relative;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:21px 22px;margin-top:23px;background:linear-gradient(115deg,#370842,#692879);border:1px solid #622675;border-radius:12px;color:white;overflow:hidden}
.start-promo>div>span{font-size:9px;font-weight:600;letter-spacing:1px;color:#e0c5ea;display:block}
.start-promo strong{display:block;font-size:45px;letter-spacing:-1.3px;line-height:1.2;font-weight:800;margin:3px 0 8px}
.start-promo p{font-size:10px;line-height:1.5;color:#e4cfea;max-width:210px}
.start-promo button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-width:91px;min-height:77px;border:1px solid #a174af70;border-radius:9px;padding:13px 10px;background:#ffffff13;color:white;font-size:10px;font-weight:600;transition:background-color 180ms ease,transform 150ms var(--ease-out)}
.start-promo button svg{width:22px;height:22px}
.start-promo button:focus-visible{outline-color:#e0b3ee}
.download-options.branded-stores{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0 0}
.download-options.branded-stores>a{position:relative;padding:18px 14px;gap:12px;min-height:89px;background:#eee6f2;border:1px solid #e9deee;border-radius:9px}
.branded-stores .store-mark{width:33px;height:36px;display:grid;place-items:center;flex-shrink:0;color:#530a60}
.branded-stores .store-mark>svg{width:31px;height:31px}
.download-options.branded-stores strong{font-size:14px;color:#41214b;font-weight:700}
.download-options.branded-stores small{font-size:10px;line-height:1.4;color:#836a8e;margin-top:3px}
.download-options.branded-stores>a>svg{width:13px;height:13px;position:absolute;right:10px;top:10px;color:#90689f}
.start-inner>.start-promo-note{font-size:11px;margin-top:16px;color:#8a7792;text-align:center;line-height:1.5}
#screen-dialog{width:fit-content;max-width:min(720px,calc(100% - 24px));max-height:calc(100dvh - 24px);overflow:auto;padding:0;background:#f8f7fa;border:1px solid #e8dfee;border-radius:18px;box-shadow:0 24px 120px #210b3680}
.screen-dialog-inner{padding:19px 22px 16px}
.screen-dialog-top{display:flex;align-items:flex-start;justify-content:space-between;gap:30px;margin-bottom:16px}
.screen-dialog-top h2{font-size:22px;letter-spacing:-.7px;line-height:1.2;margin:0 0 4px}
.screen-dialog-top p{font-size:10px;color:#8e7996}
.screen-dialog-close{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;border-radius:50%;background:#ece4f0;color:#64426f}
.screen-dialog-close svg{width:18px;height:18px}
#large-screen{max-height:calc(100dvh - 170px);width:auto;max-width:100%;height:auto;margin:auto;object-fit:contain;border-radius:8px;border:1px solid #ded4e5;box-shadow:0 7px 20px #49255712}
#screen-lesson{display:flex;align-items:center;justify-content:center;gap:10px;font-size:11px;color:#713782;font-weight:600;min-height:38px;margin-top:9px}
#screen-lesson svg{width:15px;height:15px}
@keyframes screen-hover{0%,100%{translate:0 0}50%{translate:0 -9px}}
@keyframes brand-orb-hover{0%,100%{transform:rotate(15deg) translateY(0)}50%{transform:rotate(23deg) translateY(-9px)}}
@keyframes profile-hover{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 -8px;rotate:5deg}}
@keyframes ruler-hover{0%,100%{translate:0 0}50%{translate:0 -9px}}
@media(hover:hover) and (pointer:fine){.screen-card:hover{z-index:5;transform:rotate(var(--card-angle)) translateY(-7px);box-shadow:0 0 0 1px #bc9dcc,0 30px 60px -15px #37204040}.screen-card:hover .screen-zoom{background:#530a60;color:white}.start-promo button:hover{background:#ffffff24}.download-options.branded-stores>a:hover{background:#e6d8ed}.workflow-visual .phone-device:hover{box-shadow:0 30px 55px #44265145}}
@media(min-width:1600px){.hero{min-height:760px}.hero-product.real-showcase{height:630px}.screen-card-projects{left:2%}.screen-card-estimate{right:0}.screen-card-drawing{left:28%}}
@media(max-width:1190px){.hero{gap:24px;min-height:655px;padding-block:42px}.hero-product.real-showcase{height:545px}.screen-card{padding:5px;border-radius:20px}.screen-card>img{border-radius:15px}.screen-card-drawing{left:28%;width:44%;top:27px}.screen-card-projects{top:108px}.screen-card-estimate{top:143px}.screen-caption{font-size:8px;bottom:-24px}.brand-orb{width:61px;height:61px;right:4%;top:13px}.brand-orb img{width:42px;height:42px}.real-showcase .floating-note{bottom:11px;right:1%}.showcase-orbit{height:245px}.transition-room{right:12%}.benefit .object-stage{height:184px}.transition-tape{left:16%}.ruler-object{right:20%}}
@media(max-width:950px) and (min-width:761px){.hero{grid-template-columns:1fr 1fr;gap:20px;min-height:595px}.hero-product.real-showcase{height:460px}.screen-card-drawing{width:48%;left:26%;top:23px}.screen-card-projects{width:34%;left:-1%;top:108px}.screen-card-estimate{width:34%;right:-1%;top:143px}.screen-card{padding:4px;border-radius:17px}.screen-card>img{border-radius:12px}.screen-caption{font-size:6px;bottom:-20px}.brand-orb{width:49px;height:49px;top:-7px}.brand-orb img{width:35px;height:35px}.showcase-orbit{height:200px;top:144px}.real-showcase .floating-note{bottom:7px;font-size:9px}.real-showcase .floating-note strong{font-size:9px}.benefit .object-stage{height:166px}.transition-room{right:9%;width:213px}.profile-object{left:20%;scale:.8}.scene-transition{height:94px}.screen-zoom{width:25px;height:25px;right:9px;bottom:12px}.screen-zoom svg{width:11px;height:11px}.tools-transition{height:100px}}
@media(max-width:760px){.hero{grid-template-columns:1fr;gap:43px;padding-top:35px;padding-bottom:35px;min-height:0}.hero-product.real-showcase{height:clamp(430px,105vw,590px);max-width:510px;width:100%;margin:0 auto}.screen-card-projects{width:34%;top:22%;left:0;max-width:177px;--card-angle:-10deg}.screen-card-estimate{width:34%;top:30%;right:0;max-width:177px;--card-angle:11deg}.screen-card-drawing{width:47%;left:26%;top:2%;max-width:237px}.screen-card{padding:4px;border-radius:20px}.screen-card>img{border-radius:15px}.screen-caption{font-size:7px;bottom:-22px}.screen-zoom{width:27px;height:27px;right:10px;bottom:12px}.screen-zoom svg{width:12px;height:12px}.brand-orb{top:0;right:3%;width:52px;height:52px}.brand-orb img{width:36px;height:36px}.real-showcase .floating-note{bottom:0;right:0;padding:11px 14px}.real-showcase .floating-note strong{font-size:10px}.real-showcase .floating-note small{font-size:8px}.showcase-orbit{height:42%;top:32%;left:1%;right:1%}.showcase-halo{inset:3% -5%}.hero .hero-copy{max-width:550px}.scene-transition{height:91px}.transition-room{right:2%;top:-19px;width:177px;height:115px}.profile-object{left:13%;top:18px;scale:.64}.possibilities.section{padding-top:31px}.benefit{padding-top:18px}.benefit .object-stage{height:187px;margin-bottom:18px}.section-heading h2,.workflow-copy h2,.pricing-copy h2,.faq-section h2{margin-top:0}.workflow-visual .phone-device{width:205px}.tools-transition{height:101px}.transition-tape{left:2%;top:-28px;scale:.83}.ruler-object{right:8%;top:32px;scale:.74}.pricing.section{padding-top:32px}.start-inner{padding:25px 23px 22px}.start-inner .dialog-brand{width:150px;margin-bottom:22px}.start-inner h2{font-size:29px}.start-inner>p{font-size:13px}.start-promo{padding:19px 16px;gap:10px;margin-top:20px}.start-promo>div>span{font-size:7px;letter-spacing:.7px}.start-promo strong{font-size:43px;margin-bottom:7px}.start-promo p{font-size:9px;max-width:165px}.start-promo button{min-width:72px;min-height:74px;padding:10px 7px;font-size:8px}.download-options.branded-stores{gap:9px;margin-top:15px}.download-options.branded-stores>a{padding:16px 10px;gap:9px;min-height:82px}.branded-stores .store-mark{width:27px;height:32px}.branded-stores .store-mark>svg{width:26px;height:26px}.download-options.branded-stores strong{font-size:12px}.download-options.branded-stores small{font-size:8px}.download-options.branded-stores>a>svg{right:7px;top:8px;width:10px;height:10px}.start-inner>.start-promo-note{font-size:9px;margin-top:14px}.screen-dialog-inner{padding:17px 16px 12px}.screen-dialog-top{gap:10px}.screen-dialog-top h2{font-size:19px;max-width:240px}.screen-dialog-close{width:34px;height:34px}.screen-dialog-top p{font-size:9px}#screen-lesson{font-size:9px;gap:6px}#large-screen{max-height:calc(100dvh - 163px)}}
@media(max-width:390px){.hero-product.real-showcase{height:414px}.screen-card{border-radius:17px}.screen-card>img{border-radius:12px}.screen-card-drawing{top:4%}.screen-caption{font-size:6px}.screen-card-estimate{top:34%}.screen-card-projects{top:24%}.real-showcase .floating-note strong{font-size:9px}.real-showcase .floating-note small{font-size:7px}.real-showcase .floating-note{padding:10px 12px}.hero{gap:35px}.transition-room{right:0;width:168px}.profile-object{left:8%}.start-inner{padding-inline:19px}.start-inner h2{font-size:27px}.start-promo{padding:16px 13px}.start-promo strong{font-size:40px}.start-promo p{font-size:8px}.start-promo>div>span{font-size:6px}.start-promo button{min-width:68px}.download-options.branded-stores>a{gap:7px;padding-inline:9px}.download-options.branded-stores strong{font-size:11px}.download-options.branded-stores small{font-size:7px}.branded-stores .store-mark{width:25px}.branded-stores .store-mark>svg{width:24px;height:24px}}
@media(prefers-reduced-motion:reduce){.screen-card,.brand-orb,.profile-object,.ruler-object{animation:none!important;transition:none!important}}
@media(max-width:760px){.screen-card-projects{left:5%}.screen-card-estimate{right:5%}.download-options.branded-stores strong{font-size:13px}.download-options.branded-stores small{font-size:10px}.start-promo p{font-size:11px}.start-promo>div>span{font-size:8px;line-height:1.5;max-width:190px}.start-promo button{font-size:9px}.start-inner>.start-promo-note{font-size:11px}}
@media(max-width:390px){.download-options.branded-stores strong{font-size:12px}.download-options.branded-stores small{font-size:9px}.start-promo p{font-size:10px}.start-promo>div>span{font-size:7px}.start-promo button{font-size:8px}.start-inner>.start-promo-note{font-size:10px}}
.home-learning{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;border-top:1px solid #e4d9e9}.home-learning-label{font-size:10px;letter-spacing:1.6px;color:#987aa5;margin-bottom:22px}.home-learning>div>p:not(.home-learning-label){font-size:15px;color:#9c87a6;line-height:1.9;max-width:420px;margin:27px 0}.home-learning h2{font-size:clamp(32px,3.7vw,49px);line-height:1.1;letter-spacing:-1.5px}.home-learning .button{font-size:13px}.home-learning-links{border-top:1px solid #dfcfe7}.home-learning-links>a{padding:29px 0;display:flex;align-items:center;gap:23px;border-bottom:1px solid #dfcfe7}.home-learning-links>a>span{font-size:11px;color:#ab8db7}.home-learning-links strong{font-size:19px}.home-learning-links small{display:block;font-size:12px;line-height:1.6;color:#a38aaf;margin-top:8px}.home-learning-links svg{width:20px;height:20px;margin-left:auto;flex-shrink:0}
@media(max-width:760px){.home-learning{grid-template-columns:1fr;gap:29px}.home-learning-label{font-size:9px;margin-bottom:16px}.home-learning h2{font-size:34px;letter-spacing:-1px}.home-learning>div>p:not(.home-learning-label){font-size:13px;margin:20px 0}.home-learning .button{width:100%;justify-content:space-between}.home-learning-links>a{padding:23px 0;gap:16px}.home-learning-links strong{font-size:16px}.home-learning-links small{font-size:11px}.home-learning-links>a>span{font-size:10px}}